@ojiepermana/angular 22.2.2 → 22.2.3

package/fesm2022/ojiepermana-angular-component-drawer.mjs

@@ -1 +1,2 @@
-export { SheetCloseDirective as DrawerCloseDirective, SheetComponent as DrawerComponent, SheetContentComponent as DrawerContentComponent, SheetDescriptionComponent as DrawerDescriptionComponent, SheetFooterComponent as DrawerFooterComponent, SheetHeaderComponent as DrawerHeaderComponent, SheetTitleComponent as DrawerTitleComponent } from "@ojiepermana/angular/component/sheet";
+import { SheetCloseDirective as DrawerCloseDirective, SheetComponent as DrawerComponent, SheetContentComponent as DrawerContentComponent, SheetDescriptionComponent as DrawerDescriptionComponent, SheetFooterComponent as DrawerFooterComponent, SheetHeaderComponent as DrawerHeaderComponent, SheetTitleComponent as DrawerTitleComponent } from "@ojiepermana/angular/component/sheet";
+export { DrawerCloseDirective, DrawerComponent, DrawerContentComponent, DrawerDescriptionComponent, DrawerFooterComponent, DrawerHeaderComponent, DrawerTitleComponent };

package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-I-ln7fOq.mjs}

@@ -1,5 +1,5 @@
-import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
-import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs";
+import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs";
+import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-DfG6_3eF.mjs";
 import { NavigationBadgeCountComponent } from "./ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs";
 import * as i0 from "@angular/core";
 import { Component, ElementRef, Injector, afterNextRender, computed, inject, input, output, signal } from "@angular/core";

package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-zBCXDa4c.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-meQb_EWZ.mjs}

@@ -1,4 +1,4 @@
-import { n as navigationPanelId, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
+import { n as navigationPanelId, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs";
 import * as i0 from "@angular/core";
 import { Component, computed, inject, input, output, signal } from "@angular/core";
 import { ActivatedRoute, Router, RouterLink } from "@angular/router";

package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-DRdw2G-c.mjs}

@@ -1,5 +1,5 @@
-import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
-import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-zBCXDa4c.mjs";
+import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs";
+import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-meQb_EWZ.mjs";
 import * as i0 from "@angular/core";
 import { Component, ElementRef, Injector, afterNextRender, computed, effect, inject, input, output, signal } from "@angular/core";
 import { cn } from "@ojiepermana/angular/component/utils/core";

package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-Bx1NcrWO.mjs}

@@ -1,5 +1,5 @@
-import { n as navigationPanelId, r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
-import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-zBCXDa4c.mjs";
+import { n as navigationPanelId, r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs";
+import { t as NavigationEntryGridComponent } from "./ojiepermana-angular-navigation-navigation-entry-grid.component-meQb_EWZ.mjs";
 import * as i0 from "@angular/core";
 import { Component, ElementRef, Injector, afterNextRender, computed, effect, inject, input, output, signal } from "@angular/core";
 import { cn } from "@ojiepermana/angular/component/utils/core";

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

@@ -360,7 +360,7 @@ 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-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");
+		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)+var(--spacing-base)*2)] 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() {
@@ -381,7 +381,7 @@ var NavigationItemComponent = class NavigationItemComponent {
 	childListClasses() {
 		const isGroupedBranch = this.item().type === "group" || this.item().type === "mega";
 		const usesStairsTree = this.collapseTree() === "stairs";
-		return cn("flex list-none flex-col gap-0.5 p-0", !this.compact() && "mt-0.5", this.level() >= 0 && !this.compact() && !isGroupedBranch && usesStairsTree && cn("relative ml-(--nav-rail-offset) pl-[calc(var(--nav-indent)-var(--nav-rail-offset))] before:absolute before:-top-2 before:bottom-0 before:left-0 before:w-px before:-translate-x-1/2 before:rounded-full before:content-['']", this.isActive() ? "before:bg-current/25" : "before:bg-border"));
+		return cn("flex list-none flex-col gap-0.5 p-0", !this.compact() && "mt-0.5", this.level() >= 0 && !this.compact() && !isGroupedBranch && usesStairsTree && cn("relative ml-(--nav-rail-offset) pl-[calc(var(--nav-indent)-var(--nav-rail-offset))] before:absolute before:-top-0.5 before:bottom-0 before:left-0 before:w-px before:-translate-x-1/2 before:rounded-full before:content-['']", this.isActive() ? "before:bg-current/25" : "before:bg-border"));
 	}
 	showsStairsRailForChildren() {
 		return !this.compact() && this.collapseTree() === "stairs" && this.item().type !== "group" && this.item().type !== "mega";

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

@@ -1,4 +1,4 @@
-import { t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs";
+import { t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs";
 import * as i0 from "@angular/core";
 import { Component, computed, input, output } from "@angular/core";
 import { cn } from "@ojiepermana/angular/component/utils/core";

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

@@ -443,8 +443,9 @@ var NavigationService = class NavigationService {
 	}
 	activeMatch(explicitActiveUrl, relativeTo) {
 		const cachedUrl = this.routerUrl();
-		const activeUrl = explicitActiveUrl ?? this.router?.url ?? cachedUrl;
-		return this.urlResolver.match(activeUrl, this.router?.url ?? cachedUrl, relativeTo);
+		const currentUrl = this.router?.navigated ? this.router.url : cachedUrl;
+		const activeUrl = explicitActiveUrl ?? currentUrl;
+		return this.urlResolver.match(activeUrl, currentUrl, relativeTo);
 	}
 	isPanelOpen(navIdOrItem, item) {
 		const { navId, navItem } = this.resolvePanelArgs("isPanelOpen", navIdOrItem, item);

package/fesm2022/ojiepermana-angular-navigation.mjs

@@ -1,4 +1,4 @@
-import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs";
+import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-DfG6_3eF.mjs";
 import * as i0 from "@angular/core";
 import { Component, DestroyRef, Directive, ElementRef, InjectionToken, Injector, TemplateRef, ViewContainerRef, afterNextRender, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, isDevMode, model, output, signal } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
@@ -7,7 +7,7 @@ import { NavigationIconDirective, NavigationIconDirective as NavigationIconDirec
 import { NAVIGATION_ADAPTER, NAVIGATION_ROUTE_CONTEXT_ADAPTER } from "@ojiepermana/angular/navigation/core";
 import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NAVIGATION_DOCKBAR_FALLBACK_ICON as NAVIGATION_DOCKBAR_FALLBACK_ICON$1, formatNavigationBadgeCount, normalizeUiNavItems, normalizeUiNavItems as normalizeUiNavItems$1, toMinidockItems, ɵassertMinidockItems, ɵcompactNavigationDividers } from "@ojiepermana/angular/navigation/types";
 import { NgTemplateOutlet } from "@angular/common";
-import { LucidePanelLeftClose, LucidePanelLeftOpen, LucideRoute } from "@lucide/angular";
+import { LucideCircle, LucideCircleDot, LucideRoute } from "@lucide/angular";
 import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { TooltipDirective } from "@ojiepermana/angular/component/tooltip";
 export * from "@ojiepermana/angular/navigation/core";
@@ -762,9 +762,9 @@ var NavigationContentComponent = class NavigationContentComponent {
 			outputs: ["openedIdsChange", "itemSelected"]
 		}],
 		deferBlockDependencies: [
-			() => [import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs").then((m) => m.NavigationFlyoutMenuComponent)],
-			() => [import("./ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs").then((m) => m.NavigationHorizontalComponent)],
-			() => [import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs").then((m) => m.NavigationDockbarMenuComponent)]
+			() => [import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DRdw2G-c.mjs").then((m) => m.NavigationFlyoutMenuComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-horizontal.component-Bx1NcrWO.mjs").then((m) => m.NavigationHorizontalComponent)],
+			() => [import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-I-ln7fOq.mjs").then((m) => m.NavigationDockbarMenuComponent)]
 		]
 	});
 };
@@ -774,9 +774,9 @@ i0.ɵɵngDeclareClassMetadataAsync({
 	ngImport: i0,
 	type: NavigationContentComponent,
 	resolveDeferredDeps: () => [
-		import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs").then((m) => m.NavigationFlyoutMenuComponent),
-		import("./ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs").then((m) => m.NavigationHorizontalComponent),
-		import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs").then((m) => m.NavigationDockbarMenuComponent)
+		import("./ojiepermana-angular-navigation-navigation-flyout-menu.component-DRdw2G-c.mjs").then((m) => m.NavigationFlyoutMenuComponent),
+		import("./ojiepermana-angular-navigation-navigation-horizontal.component-Bx1NcrWO.mjs").then((m) => m.NavigationHorizontalComponent),
+		import("./ojiepermana-angular-navigation-navigation-dockbar-menu.component-I-ln7fOq.mjs").then((m) => m.NavigationDockbarMenuComponent)
 	],
 	resolveMetadata: (NavigationFlyoutMenuComponent, NavigationHorizontalComponent, NavigationDockbarMenuComponent) => ({
 		decorators: [{
@@ -1005,7 +1005,6 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 		return this.toggle() || this.shell.collapseEnabled();
 	}, ...ngDevMode ? [{ debugName: "showToggle" }] : /* istanbul ignore next */ []);
 	toggleAriaLabel = computed(() => this.collapsed() ? "Expand navigation" : "Collapse navigation", ...ngDevMode ? [{ debugName: "toggleAriaLabel" }] : /* istanbul ignore next */ []);
-	toggleIconName = computed(() => this.collapsed() ? "panel-left-open" : "panel-left-close", ...ngDevMode ? [{ debugName: "toggleIconName" }] : /* istanbul ignore next */ []);
 	rowClasses = computed(() => cn("flex h-full items-center", !this.isHorizontal() && this.displayCollapsed() ? "justify-center" : "gap-3 px-3"), ...ngDevMode ? [{ debugName: "rowClasses" }] : /* istanbul ignore next */ []);
 	contentClasses = computed(() => {
 		if (this.isHorizontal()) return "flex min-w-0 items-center gap-3";
@@ -1049,7 +1048,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
 			"class": "hostClasses()",
 			"attr.data-collapsed": "displayCollapsed()"
 		} },
-		providers: [provideIcons(LucidePanelLeftClose, LucidePanelLeftOpen)],
+		providers: [provideIcons(LucideCircle, LucideCircleDot)],
 		ngImport: i0,
 		template: `
     <div [class]="rowClasses()">
@@ -1068,7 +1067,7 @@ var NavigationHeaderComponent = class NavigationHeaderComponent {
         >
           <Icon
             data-navigation-header-toggle-icon="true"
-            [name]="toggleIconName()"
+            [name]="collapsed() ? 'circle' : 'circle-dot'"
             size="inherit"
             class="text-(length:--nav-icon-size)"
           />
@@ -1101,7 +1100,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "NavigationHeader",
 			imports: [IconComponent],
-			providers: [provideIcons(LucidePanelLeftClose, LucidePanelLeftOpen)],
+			providers: [provideIcons(LucideCircle, LucideCircleDot)],
 			host: {
 				"[class]": "hostClasses()",
 				"[attr.data-collapsed]": "displayCollapsed()"
@@ -1123,7 +1122,7 @@ i0.ɵɵngDeclareClassMetadata({
         >
           <Icon
             data-navigation-header-toggle-icon="true"
-            [name]="toggleIconName()"
+            [name]="collapsed() ? 'circle' : 'circle-dot'"
             size="inherit"
             class="text-(length:--nav-icon-size)"
           />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "22.2.2",
+  "version": "22.2.3",
   "description": "Accessible, tree-shakable Angular 22 design system from ojiepermana: UI components, charts, navigation shells, theme tokens, and an OpenAPI SDK generator.",
   "license": "MIT",
   "keywords": [
@@ -503,5 +503,5 @@
   "module": "fesm2022/ojiepermana-angular.mjs",
   "typings": "types/ojiepermana-angular.d.ts",
   "type": "module",
-  "gitHead": "915ddb2641dfdf3c3f256276f3c2eafd5ab31e64"
+  "gitHead": "f5001a56a4c9a8b75b71254febe765be1e9a5b6d"
 }

package/types/ojiepermana-angular-component-icon.d.ts

@@ -1,6 +1,6 @@
 import { LucideIcon, LucideIconData } from "@lucide/angular";
 import * as i0 from "@angular/core";
-import { InjectionToken, Provider } from "@angular/core";
+import { Provider } from "@angular/core";
 export declare class IconComponent {
   private readonly nearest;
   private readonly registry;
@@ -64,20 +64,6 @@ type IconInput = LucideIcon | LucideIconData;
  * bootstrapApplication(App, { providers: [provideIcons(LucideHouse, LucideSettings)] });
  */
 export declare function provideIcons(...icons: IconInput[]): Provider;
-/** The icons visible from one injector level: own icons merged over every parent level. */
-type IconSet = ReadonlyMap<string, LucideIconData>;
-/**
- * What one `provideIcons()` call contributes at its own injector level. Several
- * calls on the same level add up (multi), so `providers: [provideIcons(a), provideIcons(b)]`
- * keeps both. Internal: not exported from the entry point.
- */
-declare const UI_ICON_CONTRIBUTIONS: InjectionToken<readonly IconSet[]>;
-/**
- * The merged set visible at one injector level. Every `provideIcons()` call also
- * provides this token with `own + parent`, so a child level never hides an icon
- * registered above it (route, app root). Nearest wins on a name clash. Internal.
- */
-declare const UI_ICONS: InjectionToken<IconSet>;
 /**
  * Root view of the registered icons. The `<Icon>` component resolves from the set
  * of its nearest injector first, then falls back here, so icons registered with

package/types/ojiepermana-angular-component-select.d.ts

@@ -28,8 +28,6 @@ declare abstract class SelectMaterialBridge extends MatSelect {
   protected materialConfigureSkipPredicate(predicate: (option: MatOption) => boolean): void;
   protected materialSetActiveItem(option: MatOption | number): void;
 }
-/** Material does not currently expose an option host accessor publicly. */
-declare function materialOptionHost(option: MatOption): HTMLElement;
 /**
  * Custom shadcn-styled select.
  *

package/types/ojiepermana-angular-navigation.d.ts

@@ -1,6 +1,6 @@
 import { NavigationIconDirective, NavigationIconDirective as NavigationIconDirective$1 } from "@ojiepermana/angular/navigation/icon";
 import * as i0 from "@angular/core";
-import { InjectionToken, Signal, TemplateRef } from "@angular/core";
+import { Signal, TemplateRef } from "@angular/core";
 import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationActionHandler, NavigationAppearance, NavigationAppearance as NavigationAppearance$1, NavigationBadgeAriaLabel, NavigationBadgeContext, NavigationBadgeContext as NavigationBadgeContext$1, NavigationBadgeCount, NavigationBadgeSource, NavigationBadgeSource as NavigationBadgeSource$1, NavigationBadgeValueSource, NavigationCollapseTree, NavigationCollapseTree as NavigationCollapseTree$1, NavigationDockbarMode, NavigationDockbarMode as NavigationDockbarMode$1, NavigationDockbarRouteConfig, NavigationDockbarRouteContext, NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationFlyoutIconPosition, NavigationFlyoutIconPosition as NavigationFlyoutIconPosition$1, NavigationFlyoutTriggerVariant, NavigationFlyoutTriggerVariant as NavigationFlyoutTriggerVariant$1, NavigationHorizontalPosition, NavigationHorizontalPosition as NavigationHorizontalPosition$1, NavigationHorizontalType, NavigationIconContext, NavigationIconContext as NavigationIconContext$1, NavigationItem, NavigationItem as NavigationItem$1, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItem as NavigationNormalizedItem$1, NavigationNormalizedItemType, NavigationOrientation, NavigationOrientation as NavigationOrientation$1, NavigationPosition, NavigationPosition as NavigationPosition$1, NavigationRegisterInput, NavigationResolvedRouteContext, NavigationResolvedRouteContext as NavigationResolvedRouteContext$1, NavigationRouteData, NavigationSelection, NavigationSelection as NavigationSelection$1, NavigationState, NavigationState as NavigationState$1, NavigationType, NavigationType as NavigationType$1, NavigationVerticalPosition, NavigationVerticalPosition as NavigationVerticalPosition$1, NavigationVerticalType, NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems, toMinidockItems } from "@ojiepermana/angular/navigation/types";
 export * from "@ojiepermana/angular/navigation/core";
 /**
@@ -50,7 +50,6 @@ interface NavigationShellContext {
   readonly collapseEnabled: Signal<boolean>;
   toggleCollapsed(): void;
 }
-declare const NAVIGATION_SHELL: InjectionToken<NavigationShellContext>;
 interface NavigationDockbarRouteHeaderState {
   readonly activeEntry: NavigationNormalizedItem$1 | null;
   readonly panelGroup: NavigationNormalizedItem$1 | null;
@@ -297,7 +296,6 @@ export declare class NavigationHeaderComponent {
    */
   protected readonly showToggle: import("@angular/core").Signal<boolean>;
   protected readonly toggleAriaLabel: import("@angular/core").Signal<"Expand navigation" | "Collapse navigation">;
-  protected readonly toggleIconName: import("@angular/core").Signal<"panel-left-open" | "panel-left-close">;
   /**
    * Baris isi header. Saat collapsed/dockbar (vertical) isi (inisial/ikon) dipusatkan di tengah
    * rail agar simetris dengan ikon nav-item di bawahnya (yang juga center di rail); selain itu kiri