@ojiepermana/angular 0.1.0 → 0.1.1

package/fesm2022/ojiepermana-angular-navigation-vertical.mjs

@@ -362,6 +362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
 class VerticalNavigationBasicItemComponent {
     _changeDetectorRef = inject(ChangeDetectorRef);
     _navigationComponent = inject(VerticalNavigationBaseComponent);
+    _navigationService = inject(NavigationService);
     item;
     isActiveMatchOptions = {
         paths: 'subset',
@@ -399,7 +400,14 @@ class VerticalNavigationBasicItemComponent {
     hasAction() {
         return !!getNavigationItemAction(this.item);
     }
+    markActive() {
+        if (!this.item.id) {
+            return;
+        }
+        this._navigationService.setActiveItem(this.item.id);
+    }
     triggerAction() {
+        this.markActive();
         getNavigationItemAction(this.item)?.(this.item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationBasicItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -421,7 +429,8 @@ class VerticalNavigationBasicItemComponent {
           [queryParamsHandling]="item.queryParamsHandling ?? null"
           [routerLinkActive]="'kit-navigation-item-active'"
           [routerLinkActiveOptions]="isActiveMatchOptions"
-          [matTooltip]="item.tooltip || ''">
+          [matTooltip]="item.tooltip || ''"
+          (click)="markActive()">
           <ng-container *ngTemplateOutlet="itemTemplate"></ng-container>
         </a>
       }
@@ -432,7 +441,8 @@ class VerticalNavigationBasicItemComponent {
           class="kit-navigation-item"
           [href]="item.link"
           [target]="item.target || '_blank'"
-          [matTooltip]="item.tooltip || ''">
+          [matTooltip]="item.tooltip || ''"
+          (click)="markActive()">
           <ng-container *ngTemplateOutlet="itemTemplate"></ng-container>
         </a>
       }
@@ -528,7 +538,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
           [queryParamsHandling]="item.queryParamsHandling ?? null"
           [routerLinkActive]="'kit-navigation-item-active'"
           [routerLinkActiveOptions]="isActiveMatchOptions"
-          [matTooltip]="item.tooltip || ''">
+          [matTooltip]="item.tooltip || ''"
+          (click)="markActive()">
           <ng-container *ngTemplateOutlet="itemTemplate"></ng-container>
         </a>
       }
@@ -539,7 +550,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
           class="kit-navigation-item"
           [href]="item.link"
           [target]="item.target || '_blank'"
-          [matTooltip]="item.tooltip || ''">
+          [matTooltip]="item.tooltip || ''"
+          (click)="markActive()">
           <ng-container *ngTemplateOutlet="itemTemplate"></ng-container>
         </a>
       }
@@ -656,8 +668,7 @@ class VerticalNavigationCollapsableItemComponent {
      * On init
      */
     ngOnInit() {
-        // If the item has a children that has a matching url with the current url, expand...
-        if (this._hasActiveChild(this.item)) {
+        if (this._shouldExpand()) {
             this.expand();
         }
         // Otherwise...
@@ -709,8 +720,7 @@ class VerticalNavigationCollapsableItemComponent {
         this._router.events
             .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this._unsubscribeAll))
             .subscribe(() => {
-            // If the item has a children that has a matching url with the current url, expand...
-            if (this._hasActiveChild(this.item)) {
+            if (this._shouldExpand()) {
                 this.expand();
             }
             // Otherwise...
@@ -809,6 +819,9 @@ class VerticalNavigationCollapsableItemComponent {
     _hasActiveChild(item) {
         return hasActiveNavigationDescendant(item, (child) => isNavigationRoutableItem(child) && !!child.link && this._router.isActive(child.link, child.exactMatch || false));
     }
+    _shouldExpand() {
+        return this._hasActiveChild(this.item) || (!!this.item.id && this._navigationService.isItemExpanded(this.item.id));
+    }
     /**
      * Check if this is a children of the given item
      */
@@ -1514,46 +1527,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                 type: Input
             }] } });
 
-class VerticalNavigationCompactComponent extends VerticalNavigationBaseComponent {
-    _componentPrefix = 'vertical-navigation-compact';
-    _asideWrapperClass = 'vertical-navigation-compact-aside-wrapper';
-    appearance = 'compact';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationCompactComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: VerticalNavigationCompactComponent, isStandalone: true, selector: "vertical-navigation-compact", inputs: { appearance: "appearance" }, host: { listeners: { "mouseenter": "onMouseenter()", "mouseleave": "onMouseleave()" }, properties: { "class": "hostClasses", "style.visibility": "opened ? \"visible\" : \"hidden\"" } }, providers: [provideVerticalNavigationComponent(VerticalNavigationCompactComponent)], exportAs: ["verticalNavigationCompact"], usesInheritance: true, ngImport: i0, template: "\n  <div class=\"vertical-navigation-wrapper\">\n    <div class=\"vertical-navigation-header\">\n      <ng-content select=\"[verticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <div class=\"vertical-navigation-content\" #navigationContent>\n      <div class=\"vertical-navigation-content-header\">\n        <ng-content select=\"[verticalNavigationContentHeader]\"></ng-content>\n      </div>\n\n      @for (item of navigation; track trackByFn($index, item)) {\n        @if (shouldRenderItem(item)) {\n          @switch (item.type) {\n            @case ('aside') {\n              <vertical-navigation-aside-item\n                [item]=\"item\"\n                [activeItemId]=\"activeAsideItemId\"\n                [autoCollapse]=\"autoCollapse\"\n                [skipChildren]=\"true\"\n                (click)=\"toggleAside(item)\"\n              >\n              </vertical-navigation-aside-item>\n            }\n\n            @case ('basic') {\n              <vertical-navigation-basic-item [item]=\"item\">\n              </vertical-navigation-basic-item>\n            }\n\n            @case ('collapsable') {\n              <vertical-navigation-collapsable-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-collapsable-item>\n            }\n\n            @case ('divider') {\n              <vertical-navigation-divider-item></vertical-navigation-divider-item>\n            }\n\n            @case ('group') {\n              <vertical-navigation-group-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-group-item>\n            }\n\n            @case ('spacer') {\n              <vertical-navigation-spacer-item></vertical-navigation-spacer-item>\n            }\n          }\n        }\n      }\n\n      <div class=\"vertical-navigation-content-footer\">\n        <ng-content select=\"[verticalNavigationContentFooter]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"vertical-navigation-footer\">\n      <ng-content select=\"[verticalNavigationFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (activeAsideNavigationItem(); as activeAsideItem) {\n    <div [class]=\"asideWrapperClass\">\n      <vertical-navigation-aside-item\n        [item]=\"activeAsideItem\"\n        [autoCollapse]=\"autoCollapse\"\n      >\n      </vertical-navigation-aside-item>\n    </div>\n  }\n", isInline: true, styles: [":root{--vertical-navigation-compact-width: 280px}vertical-navigation-compact{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-compact-width);min-width:var(--vertical-navigation-compact-width);max-width:var(--vertical-navigation-compact-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-compact.vertical-navigation-compact-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-compact.vertical-navigation-compact-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-compact.vertical-navigation-compact-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-side{margin-left:calc(var(--vertical-navigation-compact-width) * -1)}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-side.vertical-navigation-compact-opened{margin-left:0}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-over.vertical-navigation-compact-opened{transform:translateZ(0)}vertical-navigation-compact.vertical-navigation-compact-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-side{margin-right:calc(var(--vertical-navigation-compact-width) * -1)}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-side.vertical-navigation-compact-opened{margin-right:0}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-over.vertical-navigation-compact-opened{transform:translateZ(0)}vertical-navigation-compact.vertical-navigation-compact-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-compact.vertical-navigation-compact-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-compact.vertical-navigation-compact-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-compact.vertical-navigation-compact-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-compact-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-compact-width);width:var(--vertical-navigation-compact-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-compact-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-compact-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-compact-item-wrapper{display:none!important}vertical-navigation-compact.vertical-navigation-compact-position-right .vertical-navigation-compact-aside-wrapper{left:auto;right:var(--vertical-navigation-compact-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-compact-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-compact-item-expanded>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-compact-item-expanded>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-compact-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-compact-overlay+.vertical-navigation-compact-aside-overlay{background-color:transparent}.vertical-navigation-compact-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"], dependencies: [{ kind: "component", type: VerticalNavigationAsideItemComponent, selector: "vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "skipChildren"] }, { kind: "component", type: VerticalNavigationBasicItemComponent, selector: "vertical-navigation-basic-item", inputs: ["item"] }, { kind: "component", type: VerticalNavigationCollapsableItemComponent, selector: "vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationDividerItemComponent, selector: "vertical-navigation-divider-item" }, { kind: "component", type: VerticalNavigationGroupItemComponent, selector: "vertical-navigation-group-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationSpacerItemComponent, selector: "vertical-navigation-spacer-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+class VerticalNavigationCollapsibleComponent {
+    navigationComponent;
+    autoCollapse = true;
+    appearance = 'collapsible';
+    inner = false;
+    mode = 'side';
+    navigation = [];
+    opened = true;
+    position = 'left';
+    transparentOverlay = false;
+    appearanceChanged = new EventEmitter();
+    modeChanged = new EventEmitter();
+    openedChanged = new EventEmitter();
+    positionChanged = new EventEmitter();
+    renderedAppearance = 'default';
+    refresh() {
+        this.navigationComponent?.refresh();
+    }
+    open() {
+        this.navigationComponent?.open();
+    }
+    close() {
+        this.navigationComponent?.close();
+    }
+    toggle() {
+        this.navigationComponent?.toggle();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationCollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: VerticalNavigationCollapsibleComponent, isStandalone: true, selector: "vertical-navigation-collapsible", inputs: { autoCollapse: "autoCollapse", appearance: "appearance", inner: "inner", mode: "mode", navigation: "navigation", opened: "opened", position: "position", transparentOverlay: "transparentOverlay" }, outputs: { appearanceChanged: "appearanceChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, viewQueries: [{ propertyName: "navigationComponent", first: true, predicate: ["navigationInstance"], descendants: true }], exportAs: ["verticalNavigationCollapsible"], ngImport: i0, template: `
+    <vertical-navigation
+      #navigationInstance
+      [autoCollapse]="autoCollapse"
+      [appearance]="renderedAppearance"
+      [inner]="inner"
+      [mode]="mode"
+      [navigation]="navigation"
+      [opened]="opened"
+      [position]="position"
+      [transparentOverlay]="transparentOverlay"
+      (appearanceChanged)="appearanceChanged.emit(appearance)"
+      (modeChanged)="modeChanged.emit($event)"
+      (openedChanged)="openedChanged.emit($event)"
+      (positionChanged)="positionChanged.emit($event)">
+      <ng-content select="[verticalNavigationHeader]"></ng-content>
+      <ng-content select="[verticalNavigationContentHeader]"></ng-content>
+      <ng-content select="[verticalNavigationContentFooter]"></ng-content>
+      <ng-content select="[verticalNavigationFooter]"></ng-content>
+    </vertical-navigation>
+  `, isInline: true, dependencies: [{ kind: "component", type: VerticalNavigationDefaultComponent, selector: "vertical-navigation", inputs: ["appearance"], exportAs: ["verticalNavigationDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationCompactComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationCollapsibleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vertical-navigation-compact', template: VERTICAL_NAVIGATION_TEMPLATE, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'verticalNavigationCompact', imports: VERTICAL_NAVIGATION_IMPORTS, host: VERTICAL_NAVIGATION_HOST, providers: [provideVerticalNavigationComponent(VerticalNavigationCompactComponent)], styles: [":root{--vertical-navigation-compact-width: 280px}vertical-navigation-compact{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-compact-width);min-width:var(--vertical-navigation-compact-width);max-width:var(--vertical-navigation-compact-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-compact.vertical-navigation-compact-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-compact.vertical-navigation-compact-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-compact.vertical-navigation-compact-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-side{margin-left:calc(var(--vertical-navigation-compact-width) * -1)}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-side.vertical-navigation-compact-opened{margin-left:0}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-compact.vertical-navigation-compact-position-left.vertical-navigation-compact-mode-over.vertical-navigation-compact-opened{transform:translateZ(0)}vertical-navigation-compact.vertical-navigation-compact-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-side{margin-right:calc(var(--vertical-navigation-compact-width) * -1)}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-side.vertical-navigation-compact-opened{margin-right:0}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-compact.vertical-navigation-compact-position-right.vertical-navigation-compact-mode-over.vertical-navigation-compact-opened{transform:translateZ(0)}vertical-navigation-compact.vertical-navigation-compact-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-compact.vertical-navigation-compact-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-compact.vertical-navigation-compact-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-compact.vertical-navigation-compact-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-compact-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-compact-width);width:var(--vertical-navigation-compact-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-compact-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-compact-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-compact-item-wrapper{display:none!important}vertical-navigation-compact.vertical-navigation-compact-position-right .vertical-navigation-compact-aside-wrapper{left:auto;right:var(--vertical-navigation-compact-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-compact-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-compact-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-compact-item-wrapper,vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-compact-item-expanded>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-compact-item-expanded>.vertical-navigation-compact-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-compact-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-compact-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-compact-overlay+.vertical-navigation-compact-aside-overlay{background-color:transparent}.vertical-navigation-compact-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"] }]
-        }], propDecorators: { appearance: [{
+            args: [{
+                    selector: 'vertical-navigation-collapsible',
+                    imports: [VerticalNavigationDefaultComponent],
+                    template: `
+    <vertical-navigation
+      #navigationInstance
+      [autoCollapse]="autoCollapse"
+      [appearance]="renderedAppearance"
+      [inner]="inner"
+      [mode]="mode"
+      [navigation]="navigation"
+      [opened]="opened"
+      [position]="position"
+      [transparentOverlay]="transparentOverlay"
+      (appearanceChanged)="appearanceChanged.emit(appearance)"
+      (modeChanged)="modeChanged.emit($event)"
+      (openedChanged)="openedChanged.emit($event)"
+      (positionChanged)="positionChanged.emit($event)">
+      <ng-content select="[verticalNavigationHeader]"></ng-content>
+      <ng-content select="[verticalNavigationContentHeader]"></ng-content>
+      <ng-content select="[verticalNavigationContentFooter]"></ng-content>
+      <ng-content select="[verticalNavigationFooter]"></ng-content>
+    </vertical-navigation>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'verticalNavigationCollapsible',
+                }]
+        }], propDecorators: { navigationComponent: [{
+                type: ViewChild,
+                args: ['navigationInstance']
+            }], autoCollapse: [{
                 type: Input
-            }] } });
-
-class VerticalNavigationDenseComponent extends VerticalNavigationBaseComponent {
-    _componentPrefix = 'vertical-navigation-dense';
-    _asideWrapperClass = 'vertical-navigation-dense-aside-wrapper';
-    appearance = 'dense';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationDenseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: VerticalNavigationDenseComponent, isStandalone: true, selector: "vertical-navigation-dense", inputs: { appearance: "appearance" }, host: { listeners: { "mouseenter": "onMouseenter()", "mouseleave": "onMouseleave()" }, properties: { "class": "hostClasses", "style.visibility": "opened ? \"visible\" : \"hidden\"" } }, providers: [provideVerticalNavigationComponent(VerticalNavigationDenseComponent)], exportAs: ["verticalNavigationDense"], usesInheritance: true, ngImport: i0, template: "\n  <div class=\"vertical-navigation-wrapper\">\n    <div class=\"vertical-navigation-header\">\n      <ng-content select=\"[verticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <div class=\"vertical-navigation-content\" #navigationContent>\n      <div class=\"vertical-navigation-content-header\">\n        <ng-content select=\"[verticalNavigationContentHeader]\"></ng-content>\n      </div>\n\n      @for (item of navigation; track trackByFn($index, item)) {\n        @if (shouldRenderItem(item)) {\n          @switch (item.type) {\n            @case ('aside') {\n              <vertical-navigation-aside-item\n                [item]=\"item\"\n                [activeItemId]=\"activeAsideItemId\"\n                [autoCollapse]=\"autoCollapse\"\n                [skipChildren]=\"true\"\n                (click)=\"toggleAside(item)\"\n              >\n              </vertical-navigation-aside-item>\n            }\n\n            @case ('basic') {\n              <vertical-navigation-basic-item [item]=\"item\">\n              </vertical-navigation-basic-item>\n            }\n\n            @case ('collapsable') {\n              <vertical-navigation-collapsable-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-collapsable-item>\n            }\n\n            @case ('divider') {\n              <vertical-navigation-divider-item></vertical-navigation-divider-item>\n            }\n\n            @case ('group') {\n              <vertical-navigation-group-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-group-item>\n            }\n\n            @case ('spacer') {\n              <vertical-navigation-spacer-item></vertical-navigation-spacer-item>\n            }\n          }\n        }\n      }\n\n      <div class=\"vertical-navigation-content-footer\">\n        <ng-content select=\"[verticalNavigationContentFooter]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"vertical-navigation-footer\">\n      <ng-content select=\"[verticalNavigationFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (activeAsideNavigationItem(); as activeAsideItem) {\n    <div [class]=\"asideWrapperClass\">\n      <vertical-navigation-aside-item\n        [item]=\"activeAsideItem\"\n        [autoCollapse]=\"autoCollapse\"\n      >\n      </vertical-navigation-aside-item>\n    </div>\n  }\n", isInline: true, styles: [":root{--vertical-navigation-dense-width: 280px}vertical-navigation-dense{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-dense-width);min-width:var(--vertical-navigation-dense-width);max-width:var(--vertical-navigation-dense-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-dense.vertical-navigation-dense-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-dense.vertical-navigation-dense-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-dense.vertical-navigation-dense-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-side{margin-left:calc(var(--vertical-navigation-dense-width) * -1)}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-side.vertical-navigation-dense-opened{margin-left:0}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-over.vertical-navigation-dense-opened{transform:translateZ(0)}vertical-navigation-dense.vertical-navigation-dense-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-side{margin-right:calc(var(--vertical-navigation-dense-width) * -1)}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-side.vertical-navigation-dense-opened{margin-right:0}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-over.vertical-navigation-dense-opened{transform:translateZ(0)}vertical-navigation-dense.vertical-navigation-dense-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-dense.vertical-navigation-dense-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-dense.vertical-navigation-dense-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-dense.vertical-navigation-dense-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-dense-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-dense-width);width:var(--vertical-navigation-dense-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-dense-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-dense-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-dense-item-wrapper{display:none!important}vertical-navigation-dense.vertical-navigation-dense-position-right .vertical-navigation-dense-aside-wrapper{left:auto;right:var(--vertical-navigation-dense-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-dense-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-dense-item-expanded>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-dense-item-expanded>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-dense-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-dense-overlay+.vertical-navigation-dense-aside-overlay{background-color:transparent}.vertical-navigation-dense-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"], dependencies: [{ kind: "component", type: VerticalNavigationAsideItemComponent, selector: "vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "skipChildren"] }, { kind: "component", type: VerticalNavigationBasicItemComponent, selector: "vertical-navigation-basic-item", inputs: ["item"] }, { kind: "component", type: VerticalNavigationCollapsableItemComponent, selector: "vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationDividerItemComponent, selector: "vertical-navigation-divider-item" }, { kind: "component", type: VerticalNavigationGroupItemComponent, selector: "vertical-navigation-group-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationSpacerItemComponent, selector: "vertical-navigation-spacer-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationDenseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vertical-navigation-dense', template: VERTICAL_NAVIGATION_TEMPLATE, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'verticalNavigationDense', imports: VERTICAL_NAVIGATION_IMPORTS, host: VERTICAL_NAVIGATION_HOST, providers: [provideVerticalNavigationComponent(VerticalNavigationDenseComponent)], styles: [":root{--vertical-navigation-dense-width: 280px}vertical-navigation-dense{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-dense-width);min-width:var(--vertical-navigation-dense-width);max-width:var(--vertical-navigation-dense-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-dense.vertical-navigation-dense-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-dense.vertical-navigation-dense-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-dense.vertical-navigation-dense-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-side{margin-left:calc(var(--vertical-navigation-dense-width) * -1)}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-side.vertical-navigation-dense-opened{margin-left:0}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-dense.vertical-navigation-dense-position-left.vertical-navigation-dense-mode-over.vertical-navigation-dense-opened{transform:translateZ(0)}vertical-navigation-dense.vertical-navigation-dense-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-side{margin-right:calc(var(--vertical-navigation-dense-width) * -1)}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-side.vertical-navigation-dense-opened{margin-right:0}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-dense.vertical-navigation-dense-position-right.vertical-navigation-dense-mode-over.vertical-navigation-dense-opened{transform:translateZ(0)}vertical-navigation-dense.vertical-navigation-dense-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-dense.vertical-navigation-dense-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-dense.vertical-navigation-dense-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-dense.vertical-navigation-dense-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-dense-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-dense-width);width:var(--vertical-navigation-dense-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-dense-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-dense-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-dense-item-wrapper{display:none!important}vertical-navigation-dense.vertical-navigation-dense-position-right .vertical-navigation-dense-aside-wrapper{left:auto;right:var(--vertical-navigation-dense-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-dense-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-dense-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-dense-item-wrapper,vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-dense-item-expanded>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-dense-item-expanded>.vertical-navigation-dense-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-dense-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-dense-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-dense-overlay+.vertical-navigation-dense-aside-overlay{background-color:transparent}.vertical-navigation-dense-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"] }]
-        }], propDecorators: { appearance: [{
+            }], appearance: [{
                 type: Input
-            }] } });
-
-class VerticalNavigationThinComponent extends VerticalNavigationBaseComponent {
-    _componentPrefix = 'vertical-navigation-thin';
-    _asideWrapperClass = 'vertical-navigation-thin-aside-wrapper';
-    appearance = 'thin';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationThinComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: VerticalNavigationThinComponent, isStandalone: true, selector: "vertical-navigation-thin", inputs: { appearance: "appearance" }, host: { listeners: { "mouseenter": "onMouseenter()", "mouseleave": "onMouseleave()" }, properties: { "class": "hostClasses", "style.visibility": "opened ? \"visible\" : \"hidden\"" } }, providers: [provideVerticalNavigationComponent(VerticalNavigationThinComponent)], exportAs: ["verticalNavigationThin"], usesInheritance: true, ngImport: i0, template: "\n  <div class=\"vertical-navigation-wrapper\">\n    <div class=\"vertical-navigation-header\">\n      <ng-content select=\"[verticalNavigationHeader]\"></ng-content>\n    </div>\n\n    <div class=\"vertical-navigation-content\" #navigationContent>\n      <div class=\"vertical-navigation-content-header\">\n        <ng-content select=\"[verticalNavigationContentHeader]\"></ng-content>\n      </div>\n\n      @for (item of navigation; track trackByFn($index, item)) {\n        @if (shouldRenderItem(item)) {\n          @switch (item.type) {\n            @case ('aside') {\n              <vertical-navigation-aside-item\n                [item]=\"item\"\n                [activeItemId]=\"activeAsideItemId\"\n                [autoCollapse]=\"autoCollapse\"\n                [skipChildren]=\"true\"\n                (click)=\"toggleAside(item)\"\n              >\n              </vertical-navigation-aside-item>\n            }\n\n            @case ('basic') {\n              <vertical-navigation-basic-item [item]=\"item\">\n              </vertical-navigation-basic-item>\n            }\n\n            @case ('collapsable') {\n              <vertical-navigation-collapsable-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-collapsable-item>\n            }\n\n            @case ('divider') {\n              <vertical-navigation-divider-item></vertical-navigation-divider-item>\n            }\n\n            @case ('group') {\n              <vertical-navigation-group-item\n                [item]=\"item\"\n                [autoCollapse]=\"autoCollapse\"\n              >\n              </vertical-navigation-group-item>\n            }\n\n            @case ('spacer') {\n              <vertical-navigation-spacer-item></vertical-navigation-spacer-item>\n            }\n          }\n        }\n      }\n\n      <div class=\"vertical-navigation-content-footer\">\n        <ng-content select=\"[verticalNavigationContentFooter]\"></ng-content>\n      </div>\n    </div>\n\n    <div class=\"vertical-navigation-footer\">\n      <ng-content select=\"[verticalNavigationFooter]\"></ng-content>\n    </div>\n  </div>\n\n  @if (activeAsideNavigationItem(); as activeAsideItem) {\n    <div [class]=\"asideWrapperClass\">\n      <vertical-navigation-aside-item\n        [item]=\"activeAsideItem\"\n        [autoCollapse]=\"autoCollapse\"\n      >\n      </vertical-navigation-aside-item>\n    </div>\n  }\n", isInline: true, styles: [":root{--vertical-navigation-thin-width: 280px}vertical-navigation-thin{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-thin-width);min-width:var(--vertical-navigation-thin-width);max-width:var(--vertical-navigation-thin-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-thin.vertical-navigation-thin-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-thin.vertical-navigation-thin-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-thin.vertical-navigation-thin-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-side{margin-left:calc(var(--vertical-navigation-thin-width) * -1)}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-side.vertical-navigation-thin-opened{margin-left:0}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-over.vertical-navigation-thin-opened{transform:translateZ(0)}vertical-navigation-thin.vertical-navigation-thin-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-side{margin-right:calc(var(--vertical-navigation-thin-width) * -1)}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-side.vertical-navigation-thin-opened{margin-right:0}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-over.vertical-navigation-thin-opened{transform:translateZ(0)}vertical-navigation-thin.vertical-navigation-thin-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-thin.vertical-navigation-thin-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-thin.vertical-navigation-thin-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-thin.vertical-navigation-thin-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-thin-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-thin-width);width:var(--vertical-navigation-thin-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-thin-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-thin-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-thin-item-wrapper{display:none!important}vertical-navigation-thin.vertical-navigation-thin-position-right .vertical-navigation-thin-aside-wrapper{left:auto;right:var(--vertical-navigation-thin-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-thin-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-thin-item-expanded>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-thin-item-expanded>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-thin-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-thin-overlay+.vertical-navigation-thin-aside-overlay{background-color:transparent}.vertical-navigation-thin-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"], dependencies: [{ kind: "component", type: VerticalNavigationAsideItemComponent, selector: "vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "skipChildren"] }, { kind: "component", type: VerticalNavigationBasicItemComponent, selector: "vertical-navigation-basic-item", inputs: ["item"] }, { kind: "component", type: VerticalNavigationCollapsableItemComponent, selector: "vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationDividerItemComponent, selector: "vertical-navigation-divider-item" }, { kind: "component", type: VerticalNavigationGroupItemComponent, selector: "vertical-navigation-group-item", inputs: ["autoCollapse", "item"] }, { kind: "component", type: VerticalNavigationSpacerItemComponent, selector: "vertical-navigation-spacer-item" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: VerticalNavigationThinComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vertical-navigation-thin', template: VERTICAL_NAVIGATION_TEMPLATE, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'verticalNavigationThin', imports: VERTICAL_NAVIGATION_IMPORTS, host: VERTICAL_NAVIGATION_HOST, providers: [provideVerticalNavigationComponent(VerticalNavigationThinComponent)], styles: [":root{--vertical-navigation-thin-width: 280px}vertical-navigation-thin{position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:var(--vertical-navigation-thin-width);min-width:var(--vertical-navigation-thin-width);max-width:var(--vertical-navigation-thin-width);height:100vh;min-height:100vh;max-height:100vh;z-index:200}vertical-navigation-thin.vertical-navigation-thin-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}vertical-navigation-thin.vertical-navigation-thin-animations-enabled .vertical-navigation-wrapper{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}vertical-navigation-thin.vertical-navigation-thin-mode-over{position:fixed;top:0;bottom:0}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-side{margin-left:calc(var(--vertical-navigation-thin-width) * -1)}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-side.vertical-navigation-thin-opened{margin-left:0}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-over{left:0;transform:translate3d(-100%,0,0)}vertical-navigation-thin.vertical-navigation-thin-position-left.vertical-navigation-thin-mode-over.vertical-navigation-thin-opened{transform:translateZ(0)}vertical-navigation-thin.vertical-navigation-thin-position-left .vertical-navigation-wrapper{left:0}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-side{margin-right:calc(var(--vertical-navigation-thin-width) * -1)}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-side.vertical-navigation-thin-opened{margin-right:0}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-over{right:0;transform:translate3d(100%,0,0)}vertical-navigation-thin.vertical-navigation-thin-position-right.vertical-navigation-thin-mode-over.vertical-navigation-thin-opened{transform:translateZ(0)}vertical-navigation-thin.vertical-navigation-thin-position-right .vertical-navigation-wrapper{right:0}vertical-navigation-thin.vertical-navigation-thin-inner{position:relative;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none}vertical-navigation-thin.vertical-navigation-thin-inner .vertical-navigation-wrapper{position:relative;overflow:visible;height:auto}vertical-navigation-thin.vertical-navigation-thin-inner .vertical-navigation-wrapper .vertical-navigation-content{overflow:visible!important}.vertical-navigation-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;background:rgb(var(--background));box-shadow:inset -1px 0 rgb(var(--border))}.vertical-navigation-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vertical-navigation-content>vertical-navigation-divider-item{margin:24px 0}.vertical-navigation-content>vertical-navigation-group-item{margin-top:24px}.vertical-navigation-thin-aside-wrapper{position:absolute;display:flex;flex:1 1 auto;flex-direction:column;top:0;bottom:0;left:var(--vertical-navigation-thin-width);width:var(--vertical-navigation-thin-width);height:100%;z-index:5;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.4s;transition-property:left,right;transition-timing-function:cubic-bezier(.25,.8,.25,1);background:rgb(var(--background))}.vertical-navigation-thin-aside-wrapper>vertical-navigation-aside-item{padding:24px 0}.vertical-navigation-thin-aside-wrapper>vertical-navigation-aside-item>.vertical-navigation-thin-item-wrapper{display:none!important}vertical-navigation-thin.vertical-navigation-thin-position-right .vertical-navigation-thin-aside-wrapper{left:auto;right:var(--vertical-navigation-thin-width)}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item,vertical-navigation-divider-item,vertical-navigation-group-item,vertical-navigation-spacer-item{display:flex;flex-direction:column;flex:1 0 auto;-webkit-user-select:none;user-select:none}.kit-navigation-item,.kit-navigation-group-header{font-family:var(--nav-font-family)}vertical-navigation-aside-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-basic-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-collapsable-item .vertical-navigation-thin-item-wrapper .kit-navigation-item,vertical-navigation-group-item .vertical-navigation-thin-item-wrapper .kit-navigation-item{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;font-size:var(--nav-item-font-size);font-weight:var(--nav-item-font-weight);line-height:var(--nav-item-line-height);text-decoration:none;border-radius:6px;color:rgb(var(--foreground))}.kit-navigation-item.kit-navigation-item-disabled{cursor:default;opacity:.4}.kit-navigation-item-icon{margin-right:16px;opacity:.6;color:currentColor}.kit-navigation-item-subtitle{font-size:var(--nav-subtitle-font-size);font-weight:var(--nav-subtitle-font-weight);line-height:var(--nav-subtitle-line-height);opacity:.5;color:currentColor}.kit-navigation-item-badge{margin-left:auto}.kit-navigation-item-badge-content{display:flex;align-items:center;justify-content:center;font-size:var(--nav-badge-font-size);font-weight:var(--nav-badge-font-weight);line-height:var(--nav-badge-line-height);white-space:nowrap;height:20px}vertical-navigation-aside-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-basic-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-collapsable-item>.vertical-navigation-thin-item-wrapper,vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper{margin:0 12px}vertical-navigation-aside-item,vertical-navigation-basic-item,vertical-navigation-collapsable-item{margin-bottom:4px}vertical-navigation-aside-item .kit-navigation-item,vertical-navigation-basic-item .kit-navigation-item,vertical-navigation-collapsable-item .kit-navigation-item{cursor:pointer}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-active-forced):not(.kit-navigation-item-active):not(.kit-navigation-item-disabled):hover{background-color:rgb(var(--accent) / .1)}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item:hover .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item:hover .kit-navigation-item-title{opacity:1}vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-aside-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-basic-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active,vertical-navigation-collapsable-item .kit-navigation-item:not(.kit-navigation-item-disabled).kit-navigation-item-active-forced{background-color:rgb(var(--primary));color:rgb(var(--primary-foreground));font-weight:var(--nav-item-active-font-weight)}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-icon,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-icon{opacity:1}vertical-navigation-aside-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-basic-item .kit-navigation-item-active .kit-navigation-item-title,vertical-navigation-collapsable-item .kit-navigation-item-active .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-badge+.kit-navigation-item-dot{margin-left:8px}vertical-navigation-collapsable-item.vertical-navigation-thin-item-expanded>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-icon,vertical-navigation-collapsable-item.vertical-navigation-thin-item-expanded>.vertical-navigation-thin-item-wrapper .kit-navigation-item .kit-navigation-item-title{opacity:1}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:first-child{margin-top:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children>*:last-child{padding-bottom:6px}vertical-navigation-collapsable-item>.kit-navigation-item-children .kit-navigation-item{padding:10px 16px}vertical-navigation-collapsable-item .kit-navigation-item-children{overflow:hidden}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item{padding-left:56px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:72px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:88px}vertical-navigation-collapsable-item .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item-children .kit-navigation-item{padding-left:104px}vertical-navigation-divider-item{margin:12px 0}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-item-badge,vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-item-icon{display:none!important}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-group-title{font-size:var(--nav-group-title-font-size);font-weight:var(--nav-group-title-font-weight);letter-spacing:var(--nav-group-title-letter-spacing);text-transform:uppercase;color:rgb(var(--primary));opacity:1}vertical-navigation-group-item>.vertical-navigation-thin-item-wrapper .kit-navigation-group-header .kit-navigation-group-subtitle{font-size:var(--nav-group-subtitle-font-size);font-weight:var(--nav-group-subtitle-font-weight);line-height:var(--nav-group-subtitle-line-height);opacity:.7}vertical-navigation-spacer-item{margin:6px 0}.vertical-navigation-thin-overlay{position:absolute;inset:0;z-index:170;opacity:0;background-color:#0009;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.vertical-navigation-thin-overlay+.vertical-navigation-thin-aside-overlay{background-color:transparent}.vertical-navigation-thin-aside-overlay{position:absolute;inset:0;z-index:169;opacity:0;background-color:#0000004d;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}\n"] }]
-        }], propDecorators: { appearance: [{
+            }], inner: [{
                 type: Input
+            }], mode: [{
+                type: Input
+            }], navigation: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], transparentOverlay: [{
+                type: Input
+            }], appearanceChanged: [{
+                type: Output
+            }], modeChanged: [{
+                type: Output
+            }], openedChanged: [{
+                type: Output
+            }], positionChanged: [{
+                type: Output
             }] } });
 
 /**
@@ -1564,5 +1643,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { VerticalNavigationAsideItemComponent, VerticalNavigationBasicItemComponent, VerticalNavigationCollapsableItemComponent, VerticalNavigationCompactComponent, VerticalNavigationDefaultComponent, VerticalNavigationDenseComponent, VerticalNavigationDividerItemComponent, VerticalNavigationGroupItemComponent, VerticalNavigationSpacerItemComponent, VerticalNavigationThinComponent };
+export { VerticalNavigationAsideItemComponent, VerticalNavigationBasicItemComponent, VerticalNavigationCollapsableItemComponent, VerticalNavigationCollapsibleComponent, VerticalNavigationDefaultComponent, VerticalNavigationDividerItemComponent, VerticalNavigationGroupItemComponent, VerticalNavigationSpacerItemComponent };
 //# sourceMappingURL=ojiepermana-angular-navigation-vertical.mjs.map