@ojiepermana/angular 22.2.1 → 22.2.2

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

@@ -52,7 +52,7 @@ var TimelineComponent = class TimelineComponent {
 	classes = computed(() => cn(TIMELINE_BASE, timelineSizeClasses[this.size()], this.horizontal() ? "flex min-w-0 items-start gap-[var(--timeline-item-gap)] overflow-x-auto pb-1" : "grid", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineComponent,
 		deps: [],
@@ -60,7 +60,7 @@ var TimelineComponent = class TimelineComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineComponent,
 		isStandalone: true,
 		selector: "Timeline",
@@ -108,7 +108,7 @@ var TimelineComponent = class TimelineComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineComponent,
 	decorators: [{
@@ -186,7 +186,7 @@ var TimelineItemComponent = class TimelineItemComponent {
 	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineItemComponent,
 		deps: [],
@@ -194,7 +194,7 @@ var TimelineItemComponent = class TimelineItemComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineItemComponent,
 		isStandalone: true,
 		selector: "TimelineItem",
@@ -243,7 +243,7 @@ var TimelineItemComponent = class TimelineItemComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineItemComponent,
 	decorators: [{
@@ -309,11 +309,11 @@ var TimelineIndicatorComponent = class TimelineIndicatorComponent {
 	resolvedStatus = computed(() => this.status() ?? this.item?.status() ?? "incomplete", ...ngDevMode ? [{ debugName: "resolvedStatus" }] : /* istanbul ignore next */ []);
 	classes = computed(() => {
 		const color = this.color();
-		return cn("relative z-10 col-start-1 row-start-1 inline-flex shrink-0 items-center justify-center justify-self-center", this.item?.orientation() === "horizontal" ? "row-start-1" : "", this.variant() === "bare" ? "bg-background text-muted-foreground" : ["size-[var(--timeline-indicator-size)] rounded-full border text-xs font-medium shadow-sm", color ? timelineIndicatorColorClasses[color] : timelineIndicatorStatusClasses[this.resolvedStatus()]].join(" "), this.class());
+		return cn("relative z-10 col-start-1 row-start-1 inline-flex shrink-0 items-center justify-center justify-self-center", this.item?.orientation() === "horizontal" ? "row-start-1" : "", this.variant() === "bare" ? "bg-background text-muted-foreground" : ["size-[var(--timeline-indicator-size)] rounded-full border text-xs font-medium", color ? timelineIndicatorColorClasses[color] : timelineIndicatorStatusClasses[this.resolvedStatus()]].join(" "), this.class());
 	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineIndicatorComponent,
 		deps: [],
@@ -321,7 +321,7 @@ var TimelineIndicatorComponent = class TimelineIndicatorComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineIndicatorComponent,
 		isStandalone: true,
 		selector: "TimelineIndicator",
@@ -378,7 +378,7 @@ var TimelineIndicatorComponent = class TimelineIndicatorComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineIndicatorComponent,
 	decorators: [{
@@ -446,7 +446,7 @@ var TimelineContentComponent = class TimelineContentComponent {
 	classes = computed(() => cn("min-w-0 text-sm leading-6 text-foreground", this.item?.orientation() === "horizontal" ? "row-start-2 max-w-40 text-center" : "col-start-2 row-start-1", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineContentComponent,
 		deps: [],
@@ -454,7 +454,7 @@ var TimelineContentComponent = class TimelineContentComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineContentComponent,
 		isStandalone: true,
 		selector: "TimelineContent",
@@ -476,7 +476,7 @@ var TimelineContentComponent = class TimelineContentComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineContentComponent,
 	decorators: [{
@@ -505,7 +505,7 @@ var TimelineBlockComponent = class TimelineBlockComponent {
 	classes = computed(() => cn("min-w-0", this.item?.orientation() === "horizontal" ? "row-start-2 w-full" : "col-span-full", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineBlockComponent,
 		deps: [],
@@ -513,7 +513,7 @@ var TimelineBlockComponent = class TimelineBlockComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineBlockComponent,
 		isStandalone: true,
 		selector: "TimelineBlock",
@@ -535,7 +535,7 @@ var TimelineBlockComponent = class TimelineBlockComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineBlockComponent,
 	decorators: [{
@@ -563,7 +563,7 @@ var TimelineSubgridComponent = class TimelineSubgridComponent {
 	classes = computed(() => cn("grid min-w-0 grid-cols-[var(--timeline-indicator-size)_minmax(0,1fr)] gap-x-[var(--timeline-content-gap)]", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TimelineSubgridComponent,
 		deps: [],
@@ -571,7 +571,7 @@ var TimelineSubgridComponent = class TimelineSubgridComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TimelineSubgridComponent,
 		isStandalone: true,
 		selector: "TimelineSubgrid",
@@ -593,7 +593,7 @@ var TimelineSubgridComponent = class TimelineSubgridComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TimelineSubgridComponent,
 	decorators: [{

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

@@ -96,14 +96,14 @@ var ToastService = class ToastService {
 		if (options.action) {
 			const action = doc.createElement("button");
 			action.type = "button";
-			action.className = "shrink-0 rounded-md border border-current/30 px-2 py-1 text-xs font-medium transition-opacity hover:opacity-80";
+			action.className = "shrink-0 rounded-md border border-current/30 px-2 py-1 text-xs font-medium transition-opacity hover:opacity-80 focus-ring [--focus-ring-color:currentColor] active:translate-y-px";
 			action.textContent = options.action;
 			action.addEventListener("click", () => dismiss(true), { once: true });
 			toast.appendChild(action);
 		}
 		const dismissButton = doc.createElement("button");
 		dismissButton.type = "button";
-		dismissButton.className = "toast-dismiss shrink-0 rounded-md p-1 text-current/80 transition-opacity hover:opacity-100";
+		dismissButton.className = "toast-dismiss shrink-0 rounded-md p-1 text-current/80 transition-opacity hover:opacity-100 focus-ring [--focus-ring-color:currentColor]";
 		dismissButton.setAttribute("aria-label", options.dismissLabel ?? "Dismiss notification");
 		const dismissIcon = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
 		dismissIcon.setAttribute("aria-hidden", "true");
@@ -207,7 +207,7 @@ var ToastService = class ToastService {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToastService,
 		deps: [],
@@ -215,14 +215,14 @@ var ToastService = class ToastService {
 	});
 	static ɵprov = i0.ɵɵngDeclareService({
 		minVersion: "22.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToastService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ToastService,
 	decorators: [{ type: Service }],

package/fesm2022/ojiepermana-angular-component-toggle-group.mjs

@@ -24,7 +24,7 @@ const connectedItemClasses = {
 var ToggleGroupContextBase = class ToggleGroupContextBase {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToggleGroupContextBase,
 		deps: [],
@@ -32,7 +32,7 @@ var ToggleGroupContextBase = class ToggleGroupContextBase {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ToggleGroupContextBase,
 		isStandalone: true,
 		ngImport: i0
@@ -40,7 +40,7 @@ var ToggleGroupContextBase = class ToggleGroupContextBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ToggleGroupContextBase,
 	decorators: [{ type: Directive }]
@@ -166,7 +166,7 @@ var ToggleGroupComponent = class ToggleGroupComponent extends ToggleGroupContext
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToggleGroupComponent,
 		deps: null,
@@ -174,7 +174,7 @@ var ToggleGroupComponent = class ToggleGroupComponent extends ToggleGroupContext
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ToggleGroupComponent,
 		isStandalone: true,
 		selector: "ToggleGroup",
@@ -282,7 +282,7 @@ var ToggleGroupComponent = class ToggleGroupComponent extends ToggleGroupContext
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ToggleGroupComponent,
 	decorators: [{
@@ -448,7 +448,7 @@ var ToggleGroupItemDirective = class ToggleGroupItemDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToggleGroupItemDirective,
 		deps: [],
@@ -456,7 +456,7 @@ var ToggleGroupItemDirective = class ToggleGroupItemDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ToggleGroupItemDirective,
 		isStandalone: true,
 		selector: "button[ToggleGroupItem]",
@@ -514,7 +514,7 @@ var ToggleGroupItemDirective = class ToggleGroupItemDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ToggleGroupItemDirective,
 	decorators: [{

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

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 const toggleVariants = cva([
 	"group/toggle inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md",
 	"text-sm font-medium transition-colors",
-	"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+	"focus-ring",
 	"disabled:pointer-events-none disabled:opacity-50",
 	"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
 ].join(" "), {
@@ -17,7 +17,7 @@ const toggleVariants = cva([
 				"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
 			].join(" "),
 			outline: [
-				"border border-input bg-transparent text-foreground shadow-sm",
+				"border border-input bg-transparent text-foreground",
 				"hover:bg-accent hover:text-accent-foreground",
 				"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground"
 			].join(" ")
@@ -49,7 +49,7 @@ var ToggleComponent = class ToggleComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ToggleComponent,
 		deps: [],
@@ -57,7 +57,7 @@ var ToggleComponent = class ToggleComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ToggleComponent,
 		isStandalone: true,
 		selector: "button[Toggle]",
@@ -119,7 +119,7 @@ var ToggleComponent = class ToggleComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ToggleComponent,
 	decorators: [{

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

@@ -16,7 +16,7 @@ var TooltipComponent = class TooltipComponent {
 	closeDelay = input(150, ...ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TooltipComponent,
 		deps: [],
@@ -24,7 +24,7 @@ var TooltipComponent = class TooltipComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TooltipComponent,
 		isStandalone: true,
 		selector: "Tooltip",
@@ -77,7 +77,7 @@ var TooltipComponent = class TooltipComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TooltipComponent,
 	decorators: [{
@@ -144,7 +144,7 @@ var TooltipContentDirective = class TooltipContentDirective {
 	densityBase = this.componentScale.densityBase;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TooltipContentDirective,
 		deps: [],
@@ -152,7 +152,7 @@ var TooltipContentDirective = class TooltipContentDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TooltipContentDirective,
 		isStandalone: true,
 		selector: "ng-template[TooltipContent]",
@@ -171,7 +171,7 @@ var TooltipContentDirective = class TooltipContentDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TooltipContentDirective,
 	decorators: [{
@@ -363,7 +363,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TooltipTriggerDirective,
 		deps: [],
@@ -371,7 +371,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TooltipTriggerDirective,
 		isStandalone: true,
 		selector: "[TooltipTrigger]",
@@ -446,7 +446,7 @@ var TooltipTriggerDirective = class TooltipTriggerDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TooltipTriggerDirective,
 	decorators: [{
@@ -559,7 +559,7 @@ var TooltipTextComponent = class TooltipTextComponent {
 	text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TooltipTextComponent,
 		deps: [],
@@ -567,7 +567,7 @@ var TooltipTextComponent = class TooltipTextComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TooltipTextComponent,
 		isStandalone: true,
 		selector: "ng-component",
@@ -578,7 +578,7 @@ var TooltipTextComponent = class TooltipTextComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TooltipTextComponent,
 	decorators: [{
@@ -678,7 +678,7 @@ var TooltipDirective = class TooltipDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TooltipDirective,
 		deps: [],
@@ -686,7 +686,7 @@ var TooltipDirective = class TooltipDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: TooltipDirective,
 		isStandalone: true,
 		selector: "[Tooltip]",
@@ -740,7 +740,7 @@ var TooltipDirective = class TooltipDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TooltipDirective,
 	decorators: [{

package/fesm2022/ojiepermana-angular-component-utils-scale.mjs

@@ -8,7 +8,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
 	densityBase = computed(() => densityBaseValue(this.density()), ...ngDevMode ? [{ debugName: "densityBase" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ComponentScaleDirective,
 		deps: [],
@@ -16,7 +16,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: ComponentScaleDirective,
 		isStandalone: true,
 		inputs: {
@@ -44,7 +44,7 @@ var ComponentScaleDirective = class ComponentScaleDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ComponentScaleDirective,
 	decorators: [{

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

@@ -7,7 +7,7 @@ var NavigationIconDirective = class NavigationIconDirective {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationIconDirective,
 		deps: [],
@@ -15,7 +15,7 @@ var NavigationIconDirective = class NavigationIconDirective {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationIconDirective,
 		isStandalone: true,
 		selector: "ng-template[NavigationIcon]",
@@ -24,7 +24,7 @@ var NavigationIconDirective = class NavigationIconDirective {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationIconDirective,
 	decorators: [{

package/fesm2022/{ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs}

@@ -34,7 +34,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
 	badgeClasses = computed(() => cn("nav-badge inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-destructive px-1 text-xs font-semibold text-destructive-foreground", this.badge()?.classes, this.class()), ...ngDevMode ? [{ debugName: "badgeClasses" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationBadgeCountComponent,
 		deps: [],
@@ -42,7 +42,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationBadgeCountComponent,
 		isStandalone: true,
 		selector: "NavigationBadgeCount",
@@ -83,7 +83,7 @@ var NavigationBadgeCountComponent = class NavigationBadgeCountComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationBadgeCountComponent,
 	decorators: [{

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

@@ -1,12 +1,13 @@
-import { r as NavigationItemContentComponent, t as NavigationItemComponent } from "./ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs";
-import { t as NavigationListComponent } from "./ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs";
-import { NavigationBadgeCountComponent } from "./ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs";
+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 { 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";
 import { cn } from "@ojiepermana/angular/component/utils/core";
 import { NAVIGATION_ADAPTER } from "@ojiepermana/angular/navigation/core";
 import { NgTemplateOutlet } from "@angular/common";
-import { IconComponent } from "@ojiepermana/angular/component/icon";
+import { LucideX } from "@lucide/angular";
+import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
 import { TooltipDirective } from "@ojiepermana/angular/component/tooltip";
 const EMPTY_NAVIGATION_BADGE_CONTEXT = Object.freeze({});
 var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
@@ -155,7 +156,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		ngImport: i0,
 		type: NavigationDockbarMenuComponent,
 		deps: [],
@@ -163,7 +164,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.2",
+		version: "22.2.3",
 		type: NavigationDockbarMenuComponent,
 		isStandalone: true,
 		selector: "NavigationDockbarMenu",
@@ -282,12 +283,15 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
 				"attr.data-position": "position()"
 			}
 		},
+		providers: [provideIcons(LucideX)],
 		ngImport: i0,
 		template: `
     <ul [class]="railClasses()" role="list">
       @for (entry of renderedRailItems(); track entry.key) {
         @if (entry.children.length > 0) {
           <li class="flex w-full justify-center">
+            <!-- The open group's panel already names it, so its tooltip would only
+                 cover the panel's labels. -->
             <button
               type="button"
               data-navigation-dockbar-trigger="true"
@@ -295,9 +299,10 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
               [attr.aria-expanded]="isGroupOpen(entry)"
               [attr.aria-controls]="asideId()"
               [attr.aria-label]="badgeFor(entry) ? null : (entry.tooltip ?? entry.title ?? null)"
-              [attr.title]="entry.tooltip ?? entry.title ?? null"
+              [attr.title]="isGroupOpen(entry) ? null : (entry.tooltip ?? entry.title ?? null)"
               [Tooltip]="entry.tooltip ?? entry.title ?? ''"
               [TooltipPosition]="tooltipPosition()"
+              [TooltipDisabled]="isGroupOpen(entry)"
               [attr.data-navigation-item-key]="entry.key"
               [disabled]="entry.disabled || null"
               (click)="toggleGroup(entry)"
@@ -382,7 +387,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
               aria-label="Close navigation panel"
               (click)="closeAside()"
             >
-              <Icon name="close" size="inherit" class="text-(length:--nav-icon-size-sub)" />
+              <Icon name="x" size="inherit" class="text-(length:--nav-icon-size-sub)" />
             </button>
           }
         </header>
@@ -428,10 +433,8 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
 					"name",
 					"class",
 					"size",
-					"fill",
-					"weight",
-					"grade",
-					"opticalSize"
+					"strokeWidth",
+					"label"
 				]
 			},
 			{
@@ -526,7 +529,7 @@ var NavigationDockbarMenuComponent = class NavigationDockbarMenuComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.2",
+	version: "22.2.3",
 	ngImport: i0,
 	type: NavigationDockbarMenuComponent,
 	decorators: [{
@@ -542,6 +545,7 @@ i0.ɵɵngDeclareClassMetadata({
 				NgTemplateOutlet,
 				TooltipDirective
 			],
+			providers: [provideIcons(LucideX)],
 			host: {
 				"[class]": "hostClasses()",
 				"[attr.data-mode]": "mode()",
@@ -554,6 +558,8 @@ i0.ɵɵngDeclareClassMetadata({
       @for (entry of renderedRailItems(); track entry.key) {
         @if (entry.children.length > 0) {
           <li class="flex w-full justify-center">
+            <!-- The open group's panel already names it, so its tooltip would only
+                 cover the panel's labels. -->
             <button
               type="button"
               data-navigation-dockbar-trigger="true"
@@ -561,9 +567,10 @@ i0.ɵɵngDeclareClassMetadata({
               [attr.aria-expanded]="isGroupOpen(entry)"
               [attr.aria-controls]="asideId()"
               [attr.aria-label]="badgeFor(entry) ? null : (entry.tooltip ?? entry.title ?? null)"
-              [attr.title]="entry.tooltip ?? entry.title ?? null"
+              [attr.title]="isGroupOpen(entry) ? null : (entry.tooltip ?? entry.title ?? null)"
               [Tooltip]="entry.tooltip ?? entry.title ?? ''"
               [TooltipPosition]="tooltipPosition()"
+              [TooltipDisabled]="isGroupOpen(entry)"
               [attr.data-navigation-item-key]="entry.key"
               [disabled]="entry.disabled || null"
               (click)="toggleGroup(entry)"
@@ -648,7 +655,7 @@ i0.ɵɵngDeclareClassMetadata({
               aria-label="Close navigation panel"
               (click)="closeAside()"
             >
-              <Icon name="close" size="inherit" class="text-(length:--nav-icon-size-sub)" />
+              <Icon name="x" size="inherit" class="text-(length:--nav-icon-size-sub)" />
             </button>
           }
         </header>