@ojiepermana/angular 22.2.0 → 22.2.2

package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs → ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs}

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import { Component, computed, inject, input, output, signal } from "@angular/core";
-import { RouterLink, RouterLinkActive } from "@angular/router";
+import { ActivatedRoute, Router, RouterLink } from "@angular/router";
 import { cn } from "@ojiepermana/angular/component/utils/core";
-import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
+import { NAVIGATION_ADAPTER, NAVIGATION_ROUTE_CONTEXT_ADAPTER } from "@ojiepermana/angular/navigation/core";
 import { NgTemplateOutlet } from "@angular/common";
-import { IconComponent } from "@ojiepermana/angular/component/icon";
+import { LucideChevronRight } from "@lucide/angular";
+import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { TooltipDirective } from "@ojiepermana/angular/component/tooltip";
 var NavigationItemContentComponent = class NavigationItemContentComponent {
 	nav = inject(NAVIGATION_ADAPTER);
@@ -14,7 +15,7 @@ var NavigationItemContentComponent = class NavigationItemContentComponent {
 	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
 	level = input(0, ...ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []);
 	iconTemplate = input(void 0, ...ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []);
-	iconSlotClasses = computed(() => cn("relative z-10 inline-flex shrink-0 items-center justify-center transition-colors duration-200", this.compact() && "mx-auto", this.active() ? "text-current" : "text-muted-foreground group-hover/nav:text-current"), ...ngDevMode ? [{ debugName: "iconSlotClasses" }] : /* istanbul ignore next */ []);
+	iconSlotClasses = computed(() => cn("relative z-10 inline-flex shrink-0 items-center justify-center transition-colors duration-normal", this.compact() && "mx-auto", this.active() ? "text-current" : "text-muted-foreground group-hover/nav:text-current"), ...ngDevMode ? [{ debugName: "iconSlotClasses" }] : /* istanbul ignore next */ []);
 	titleClasses = computed(() => cn("block truncate", this.active() && "text-foreground", this.item().classes?.title), ...ngDevMode ? [{ debugName: "titleClasses" }] : /* istanbul ignore next */ []);
 	showSubtitle = computed(() => !!this.item().subtitle && !(this.orientation() === "horizontal" && this.level() === 0), ...ngDevMode ? [{ debugName: "showSubtitle" }] : /* istanbul ignore next */ []);
 	subtitleClasses = computed(() => cn("nav-subtitle block truncate text-muted-foreground", this.item().classes?.subtitle), ...ngDevMode ? [{ debugName: "subtitleClasses" }] : /* istanbul ignore next */ []);
@@ -27,7 +28,7 @@ var NavigationItemContentComponent = class NavigationItemContentComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationItemContentComponent,
 		deps: [],
@@ -35,7 +36,7 @@ var NavigationItemContentComponent = class NavigationItemContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationItemContentComponent,
 		isStandalone: true,
 		selector: "NavigationItemContent",
@@ -94,7 +95,7 @@ var NavigationItemContentComponent = class NavigationItemContentComponent {
             [ngTemplateOutletContext]="iconContext()"
           />
         } @else {
-          <Icon [name]="iconName" [class]="defaultIconClasses()" size="inherit" [fill]="1" />
+          <Icon [name]="iconName" [class]="defaultIconClasses()" size="inherit" />
         }
       </span>
     }
@@ -134,17 +135,15 @@ var NavigationItemContentComponent = class NavigationItemContentComponent {
 				"name",
 				"class",
 				"size",
-				"fill",
-				"weight",
-				"grade",
-				"opticalSize"
+				"strokeWidth",
+				"label"
 			]
 		}]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationItemContentComponent,
 	decorators: [{
@@ -162,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({
             [ngTemplateOutletContext]="iconContext()"
           />
         } @else {
-          <Icon [name]="iconName" [class]="defaultIconClasses()" size="inherit" [fill]="1" />
+          <Icon [name]="iconName" [class]="defaultIconClasses()" size="inherit" />
         }
       </span>
     }
@@ -248,6 +247,9 @@ function safeNavId(value) {
 }
 var NavigationItemComponent = class NavigationItemComponent {
 	nav = inject(NAVIGATION_ADAPTER);
+	routeContext = inject(NAVIGATION_ROUTE_CONTEXT_ADAPTER);
+	router = inject(Router, { optional: true });
+	activatedRoute = inject(ActivatedRoute, { optional: true });
 	navId = input("default", ...ngDevMode ? [{ debugName: "navId" }] : /* istanbul ignore next */ []);
 	item = input.required(...ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []);
 	level = input(0, ...ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []);
@@ -275,6 +277,12 @@ var NavigationItemComponent = class NavigationItemComponent {
 	userToggled = signal(false, ...ngDevMode ? [{ debugName: "userToggled" }] : /* istanbul ignore next */ []);
 	isHorizontalRoot = computed(() => this.orientation() === "horizontal" && this.level() === 0, ...ngDevMode ? [{ debugName: "isHorizontalRoot" }] : /* istanbul ignore next */ []);
 	isActive = computed(() => this.nav.isItemActive(this.item(), this.activeIds(), this.activeUrl()), ...ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []);
+	isRouteActive = computed(() => {
+		const item = this.item();
+		if (item.disabled || !this.router?.lastSuccessfulNavigation()) return false;
+		return this.routeContext.isItemRouteActive(item, null, this.activatedRoute);
+	}, ...ngDevMode ? [{ debugName: "isRouteActive" }] : /* istanbul ignore next */ []);
+	isRouterItemActive = computed(() => this.isRouteActive() || this.isActive(), ...ngDevMode ? [{ debugName: "isRouterItemActive" }] : /* istanbul ignore next */ []);
 	showChildren = computed(() => !this.compact() && this.isOpen(), ...ngDevMode ? [{ debugName: "showChildren" }] : /* istanbul ignore next */ []);
 	hostClasses = computed(() => {
 		if (this.item().type === "divider") return this.dividerClasses();
@@ -305,9 +313,6 @@ var NavigationItemComponent = class NavigationItemComponent {
 	relFor() {
 		return this.nav.relFor(this.item());
 	}
-	routerLinkActiveOptions() {
-		return this.nav.routerLinkActiveOptions(this.item());
-	}
 	itemRole() {
 		return this.nav.itemRole(this.orientation(), this.level());
 	}
@@ -355,11 +360,11 @@ var NavigationItemComponent = class NavigationItemComponent {
 	}
 	interactiveStateClasses(active) {
 		const showsNestedActiveConnector = active && this.orientation() === "vertical" && !this.compact() && this.stairsRail();
-		if (this.orientation() === "vertical" && !this.compact()) return cn("relative isolate", "before:pointer-events-none before:absolute before:inset-y-0 before:left-2 before:right-2 before:-z-10 before:rounded-md before:border before:border-transparent before:bg-transparent before:transition-colors before:duration-200 before:content-['']", showsNestedActiveConnector && "after:pointer-events-none after:absolute after:-left-[calc(var(--nav-indent)-var(--nav-rail-offset))] after:top-1/2 after:-z-10 after:h-px after:w-[calc(var(--nav-indent)-var(--nav-rail-offset))] after:-translate-y-1/2 after:rounded-full after:bg-current/25 after:content-['']", active ? "text-foreground before:bg-accent" : "text-foreground/80 hover:text-accent-foreground hover:before:bg-accent");
+		if (this.orientation() === "vertical" && !this.compact()) return cn("relative isolate", "before:pointer-events-none before:absolute before:inset-y-0 before:left-2 before:right-2 before:-z-10 before:rounded-md before:border before:border-transparent before:bg-transparent before:transition-colors before:duration-normal before:content-['']", showsNestedActiveConnector && "after:pointer-events-none after:absolute after:-left-[calc(var(--nav-indent)-var(--nav-rail-offset))] after:top-1/2 after:-z-10 after:h-px after:w-[calc(var(--nav-indent)-var(--nav-rail-offset))] after:-translate-y-1/2 after:rounded-full after:bg-current/25 after:content-['']", active ? "text-foreground before:bg-accent" : "text-foreground/80 hover:text-accent-foreground hover:before:bg-accent");
 		return active ? "text-foreground bg-accent" : "text-foreground/80 hover:bg-accent hover:text-accent-foreground";
 	}
 	chevronClasses() {
-		return cn("ml-auto shrink-0 self-center text-(length:--nav-icon-size-sub) text-muted-foreground transition-transform duration-200", this.isOpen() && "rotate-90");
+		return cn("ml-auto shrink-0 self-center text-(length:--nav-icon-size-sub) text-muted-foreground transition-transform duration-normal", this.isOpen() && "rotate-90");
 	}
 	itemContainerClasses() {
 		return cn(this.orientation() === "horizontal" && this.level() === 0 ? "relative" : "w-full", this.compact() && "flex justify-center", this.straightRailClasses());
@@ -390,7 +395,7 @@ var NavigationItemComponent = class NavigationItemComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationItemComponent,
 		deps: [],
@@ -398,7 +403,7 @@ var NavigationItemComponent = class NavigationItemComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationItemComponent,
 		isStandalone: true,
 		selector: "li[NavigationItem]",
@@ -533,6 +538,7 @@ var NavigationItemComponent = class NavigationItemComponent {
 			"attr.data-navigation-item-key": "item().key",
 			"attr.aria-hidden": "item().type === \"spacer\" || item().type === \"divider\" ? \"true\" : null"
 		} },
+		providers: [provideIcons(LucideChevronRight)],
 		ngImport: i0,
 		template: `
     @switch (item().type) {
@@ -590,7 +596,7 @@ var NavigationItemComponent = class NavigationItemComponent {
           />
 
           @if (!compact()) {
-            <Icon name="chevron_right" size="inherit" [class]="chevronClasses()" />
+            <Icon name="chevron-right" size="inherit" [class]="chevronClasses()" />
           }
         </button>
 
@@ -618,7 +624,7 @@ var NavigationItemComponent = class NavigationItemComponent {
       @default {
         @if (isRouterItem()) {
           <a
-            [class]="leafClasses(routerActive.isActive || isActive())"
+            [class]="leafClasses(isRouterItemActive())"
             [routerLink]="routerLinkFor()"
             [queryParams]="item().queryParams ?? null"
             [queryParamsHandling]="item().queryParamsHandling ?? null"
@@ -626,10 +632,7 @@ var NavigationItemComponent = class NavigationItemComponent {
             [preserveFragment]="item().preserveFragment ?? false"
             [target]="item().target ?? undefined"
             [attr.rel]="relFor()"
-            routerLinkActive
-            #routerActive="routerLinkActive"
-            [routerLinkActiveOptions]="routerLinkActiveOptions()"
-            [attr.aria-current]="routerActive.isActive || isActive() ? 'page' : null"
+            [attr.aria-current]="isRouterItemActive() ? 'page' : null"
             [attr.aria-disabled]="item().disabled || null"
             [attr.tabindex]="leafTabIndex()"
             [attr.aria-label]="compactLabel()"
@@ -642,7 +645,7 @@ var NavigationItemComponent = class NavigationItemComponent {
           >
             <NavigationItemContent
               [item]="item()"
-              [active]="routerActive.isActive || isActive()"
+              [active]="isRouterItemActive()"
               [compact]="compact()"
               [orientation]="orientation()"
               [level]="level()"
@@ -683,6 +686,8 @@ var NavigationItemComponent = class NavigationItemComponent {
             [attr.aria-current]="isActive() ? 'page' : null"
             [attr.aria-label]="compactLabel()"
             [attr.title]="titleFor()"
+            [Tooltip]="compact() ? (titleFor() ?? '') : ''"
+            [TooltipPosition]="tooltipPosition()"
             [attr.role]="itemRole()"
             [attr.data-navigation-root-item]="isHorizontalRoot() ? 'true' : null"
             (click)="selectItem($event)"
@@ -773,10 +778,8 @@ var NavigationItemComponent = class NavigationItemComponent {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -821,18 +824,6 @@ var NavigationItemComponent = class NavigationItemComponent {
 					"routerLink"
 				]
 			},
-			{
-				kind: "directive",
-				type: RouterLinkActive,
-				selector: "[routerLinkActive]",
-				inputs: [
-					"routerLinkActiveOptions",
-					"ariaCurrentWhenActive",
-					"routerLinkActive"
-				],
-				outputs: ["isActiveChange"],
-				exportAs: ["routerLinkActive"]
-			},
 			{
 				kind: "directive",
 				type: TooltipDirective,
@@ -851,7 +842,7 @@ var NavigationItemComponent = class NavigationItemComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationItemComponent,
 	decorators: [{
@@ -863,9 +854,9 @@ i0.ɵɵngDeclareClassMetadata({
 				NavigationItemContentComponent,
 				NgTemplateOutlet,
 				RouterLink,
-				RouterLinkActive,
 				TooltipDirective
 			],
+			providers: [provideIcons(LucideChevronRight)],
 			host: {
 				"[class]": "hostClasses()",
 				"[attr.role]": "hostRole()",
@@ -928,7 +919,7 @@ i0.ɵɵngDeclareClassMetadata({
           />
 
           @if (!compact()) {
-            <Icon name="chevron_right" size="inherit" [class]="chevronClasses()" />
+            <Icon name="chevron-right" size="inherit" [class]="chevronClasses()" />
           }
         </button>
 
@@ -956,7 +947,7 @@ i0.ɵɵngDeclareClassMetadata({
       @default {
         @if (isRouterItem()) {
           <a
-            [class]="leafClasses(routerActive.isActive || isActive())"
+            [class]="leafClasses(isRouterItemActive())"
             [routerLink]="routerLinkFor()"
             [queryParams]="item().queryParams ?? null"
             [queryParamsHandling]="item().queryParamsHandling ?? null"
@@ -964,10 +955,7 @@ i0.ɵɵngDeclareClassMetadata({
             [preserveFragment]="item().preserveFragment ?? false"
             [target]="item().target ?? undefined"
             [attr.rel]="relFor()"
-            routerLinkActive
-            #routerActive="routerLinkActive"
-            [routerLinkActiveOptions]="routerLinkActiveOptions()"
-            [attr.aria-current]="routerActive.isActive || isActive() ? 'page' : null"
+            [attr.aria-current]="isRouterItemActive() ? 'page' : null"
             [attr.aria-disabled]="item().disabled || null"
             [attr.tabindex]="leafTabIndex()"
             [attr.aria-label]="compactLabel()"
@@ -980,7 +968,7 @@ i0.ɵɵngDeclareClassMetadata({
           >
             <NavigationItemContent
               [item]="item()"
-              [active]="routerActive.isActive || isActive()"
+              [active]="isRouterItemActive()"
               [compact]="compact()"
               [orientation]="orientation()"
               [level]="level()"
@@ -1021,6 +1009,8 @@ i0.ɵɵngDeclareClassMetadata({
             [attr.aria-current]="isActive() ? 'page' : null"
             [attr.aria-label]="compactLabel()"
             [attr.title]="titleFor()"
+            [Tooltip]="compact() ? (titleFor() ?? '') : ''"
+            [TooltipPosition]="tooltipPosition()"
             [attr.role]="itemRole()"
             [attr.data-navigation-root-item]="isHorizontalRoot() ? 'true' : null"
             (click)="selectItem($event)"

package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs → ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs}

@@ -1,4 +1,4 @@
-import { t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs";
+import { t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
 import * as i0 from "@angular/core";
 import { Component, computed, input, output } from "@angular/core";
 import { cn } from "@ojiepermana/angular/component/utils/core";
@@ -7,6 +7,7 @@ var NavigationListComponent = class NavigationListComponent {
 	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
 	collapsed = input(false, ...ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []);
 	compact = input(false, ...ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []);
+	fill = input(false, ...ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []);
 	position = input("left", ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
 	itemClass = input("", ...ngDevMode ? [{ debugName: "itemClass" }] : /* istanbul ignore next */ []);
 	activeIds = input(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "activeIds" }] : /* istanbul ignore next */ []);
@@ -17,11 +18,11 @@ var NavigationListComponent = class NavigationListComponent {
 	openedIdsChange = output();
 	itemSelected = output();
 	isCollapsed = computed(() => this.collapsed() || this.compact(), ...ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []);
-	hostClasses = computed(() => cn("block", this.position() === "right" && "items-end text-right"), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
-	listClasses = computed(() => this.isCollapsed() ? cn("flex list-none flex-col items-center gap-0.5 p-0") : cn("flex list-none flex-col gap-0.5 p-0", this.position() === "right" && "items-end"), ...ngDevMode ? [{ debugName: "listClasses" }] : /* istanbul ignore next */ []);
+	hostClasses = computed(() => this.fill() ? cn("flex flex-1 flex-col", this.position() === "right" && "text-right") : cn("block", this.position() === "right" && "items-end text-right"), ...ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []);
+	listClasses = computed(() => cn(this.isCollapsed() ? "flex list-none flex-col items-center gap-0.5 p-0" : cn("flex list-none flex-col gap-0.5 p-0", this.position() === "right" && "items-end"), this.fill() && "flex-1"), ...ngDevMode ? [{ debugName: "listClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationListComponent,
 		deps: [],
@@ -29,7 +30,7 @@ var NavigationListComponent = class NavigationListComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: NavigationListComponent,
 		isStandalone: true,
 		selector: "NavigationList",
@@ -62,6 +63,13 @@ var NavigationListComponent = class NavigationListComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			fill: {
+				classPropertyName: "fill",
+				publicName: "fill",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			position: {
 				classPropertyName: "position",
 				publicName: "position",
@@ -173,7 +181,7 @@ var NavigationListComponent = class NavigationListComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationListComponent,
 	decorators: [{
@@ -242,6 +250,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		fill: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fill",
+				required: false
+			}]
+		}],
 		position: [{
 			type: i0.Input,
 			args: [{

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

@@ -1,4 +1,4 @@
-import { DOCUMENT } from "@angular/common";
+import { DOCUMENT, Location } from "@angular/common";
 import * as i0 from "@angular/core";
 import { Service, computed, inject, isDevMode, signal } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
@@ -94,13 +94,14 @@ var NavigationPersistence = class {
 	}
 	persistedTypeMode(state) {
 		if (state.type === "dockbar") return state.dockbarMode;
+		if (state.type === "minidock") return "default";
 		return state.collapsed ? "collapsed" : "default";
 	}
 	isPersistedTypeMode(value) {
 		return value === "default" || value === "collapsed" || this.isDockbarMode(value);
 	}
 	isTypeForOrientation(value, orientation) {
-		return orientation === "vertical" ? value === "sidebar" || value === "dockbar" : value === "navbar" || value === "flyout";
+		return orientation === "vertical" ? value === "sidebar" || value === "dockbar" || value === "minidock" : value === "navbar" || value === "flyout";
 	}
 	isPositionForOrientation(value, orientation) {
 		return orientation === "vertical" ? value === "left" || value === "right" : value === "top" || value === "bottom";
@@ -212,7 +213,8 @@ var NavigationService = class NavigationService {
 	persistence = new NavigationPersistence(this.documentRef);
 	router = inject(Router, { optional: true });
 	urlResolver = new NavigationActiveUrlResolver(this.router);
-	routerUrl = signal(this.router?.url ?? "/", ...ngDevMode ? [{ debugName: "routerUrl" }] : /* istanbul ignore next */ []);
+	location = inject(Location, { optional: true });
+	routerUrl = signal(this.initialUrl(), ...ngDevMode ? [{ debugName: "routerUrl" }] : /* istanbul ignore next */ []);
 	states = signal({}, ...ngDevMode ? [{ debugName: "states" }] : /* istanbul ignore next */ []);
 	openPanelKeys = signal({}, ...ngDevMode ? [{ debugName: "openPanelKeys" }] : /* istanbul ignore next */ []);
 	drawerOpenState = signal({}, ...ngDevMode ? [{ debugName: "drawerOpenState" }] : /* istanbul ignore next */ []);
@@ -249,6 +251,13 @@ var NavigationService = class NavigationService {
 	releasePanelsAfterNavigation() {
 		this.openPanelKeys.update((state) => Object.values(state).some((key) => key !== null) ? {} : state);
 	}
+	initialUrl() {
+		if (this.router && !this.router.navigated) {
+			const path = this.location?.path(true);
+			if (path) return path;
+		}
+		return this.router?.url ?? "/";
+	}
 	urlPath(url) {
 		const end = url.search(/[?#]/);
 		return end === -1 ? url : url.slice(0, end);
@@ -374,6 +383,7 @@ var NavigationService = class NavigationService {
 			id: navId,
 			orientation: "vertical"
 		});
+		if (current.type === "minidock") return current;
 		return this.setCollapsed(navId, !current.collapsed);
 	}
 	setDockbarMode(id, mode) {
@@ -523,7 +533,7 @@ var NavigationService = class NavigationService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationService,
 		deps: [],
@@ -531,14 +541,14 @@ var NavigationService = class NavigationService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationService,
 	decorators: [{ type: Service }],

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

@@ -36,4 +36,116 @@ function formatNavigationBadgeCount(value) {
 	if (count <= 0) return null;
 	return count > 99 ? "99+" : String(count);
 }
-export { NAVIGATION_DOCKBAR_FALLBACK_ICON, formatNavigationBadgeCount, normalizeUiNavItems };
+const MINIDOCK_REJECTED_TYPES = /* @__PURE__ */ new Set([
+	"group",
+	"collapsible",
+	"collapsable",
+	"mega",
+	"aside"
+]);
+const MINIDOCK_ERROR_PREFIX = "[Navigation] Minidock hanya menerima item basic, divider, dan spacer.";
+function ɵcompactNavigationDividers(items) {
+	const result = [];
+	let run = [];
+	for (const item of items) {
+		if (item.type === "divider") {
+			run.push(item);
+			continue;
+		}
+		if (run.length > 0 && result.length > 0) result.push(run.find((divider) => !divider.isHidden) ?? run[0]);
+		run = [];
+		result.push(item);
+	}
+	return result;
+}
+function ɵassertMinidockItems(items) {
+	items.forEach((item, index) => {
+		const label = `Item [${index}] "${item.title ?? item.id ?? ""}"`;
+		if (item.type && MINIDOCK_REJECTED_TYPES.has(item.type)) throw new Error(`${MINIDOCK_ERROR_PREFIX} ${label} bertipe "${item.type}".`);
+		if ((item.children?.length ?? 0) > 0) throw new Error(`${MINIDOCK_ERROR_PREFIX} ${label} punya children.`);
+	});
+}
+function toMinidockItems(items) {
+	const output = [];
+	const seenIds = /* @__PURE__ */ new Set();
+	let boundaryPending = false;
+	const visit = (list, ancestors) => {
+		const topLevel = ancestors.length === 0;
+		for (const item of list) {
+			const children = item.children ?? [];
+			if (item.type === "divider") {
+				output.push(withAncestorVisibility(withoutChildren(item), ancestors));
+				boundaryPending = false;
+				continue;
+			}
+			if (item.type === "spacer") {
+				if (topLevel) {
+					output.push(withoutChildren(item));
+					boundaryPending = false;
+				}
+				continue;
+			}
+			if (item.type === "group" || item.type === "mega") {
+				const start = output.length;
+				const pendingBefore = boundaryPending;
+				const divider = { type: "divider" };
+				const isHidden = chainedVisibility([...ancestors, item]);
+				output.push(isHidden ? {
+					...divider,
+					isHidden
+				} : divider);
+				boundaryPending = false;
+				visit(children, [...ancestors, item]);
+				if (!output.slice(start + 1).some(isContent)) {
+					output.length = start;
+					boundaryPending = pendingBefore;
+					continue;
+				}
+				boundaryPending = true;
+				continue;
+			}
+			if (item.type && MINIDOCK_REJECTED_TYPES.has(item.type)) {
+				visit(children, [...ancestors, item]);
+				continue;
+			}
+			if (children.length > 0) {
+				visit(children, [...ancestors, item]);
+				continue;
+			}
+			if (item.id !== void 0) {
+				if (seenIds.has(item.id)) continue;
+				seenIds.add(item.id);
+			}
+			if (boundaryPending) {
+				output.push({ type: "divider" });
+				boundaryPending = false;
+			}
+			output.push(withAncestorVisibility(item, ancestors));
+		}
+	};
+	visit(items, []);
+	return ɵcompactNavigationDividers(output);
+}
+function isContent(item) {
+	return item.type !== "divider";
+}
+function withoutChildren(item) {
+	if (item.children === void 0) return item;
+	const copy = { ...item };
+	delete copy.children;
+	return copy;
+}
+function chainedVisibility(chain) {
+	const hiders = chain.filter((entry) => entry.isHidden !== void 0);
+	if (hiders.length === 0) return null;
+	return () => hiders.some((entry) => entry.isHidden?.(entry) === true);
+}
+function withAncestorVisibility(leaf, ancestors) {
+	const ancestorHidden = chainedVisibility(ancestors);
+	if (ancestorHidden === null) return leaf;
+	return {
+		...leaf,
+		isHidden: () => ancestorHidden(leaf) || leaf.isHidden?.(leaf) === true
+	};
+}
+export { NAVIGATION_DOCKBAR_FALLBACK_ICON, formatNavigationBadgeCount, normalizeUiNavItems, toMinidockItems, ɵassertMinidockItems, ɵcompactNavigationDividers };