@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-navigation-menu.mjs

@@ -0,0 +1,609 @@
+import { Directionality } from "@angular/cdk/bidi";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, booleanAttribute, computed, contentChildren, forwardRef, inject, input, numberAttribute, signal } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn, nextId } from "@loomui-ng/ui/utils";
+import { UiIconSvg } from "@loomui-ng/ui/icon";
+const navigationMenuClass = "group/navigation-menu relative flex flex-1 items-center justify-center";
+const navigationMenuListClass = "group flex flex-1 list-none items-center justify-center gap-0";
+const navigationMenuItemClass = "relative hidden md:flex";
+const navigationMenuTriggerClass = "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted group";
+const navigationMenuContentClass = "top-0 start-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95";
+const navigationMenuLinkClass = "gap-2 p-2 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted flex";
+const navigationMenuViewportClass = "origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90";
+const UI_NAVIGATION_MENU_GENERATED = [];
+var UiNavigationMenu = class UiNavigationMenu {
+	delay = input(200, {
+		...ngDevMode ? { debugName: "delay" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	dir = inject(Directionality);
+	value = signal(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	triggers = contentChildren(forwardRef(() => UiNavigationMenuTrigger), {
+		...ngDevMode ? { debugName: "triggers" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	classes = computed(() => cn(navigationMenuClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	timer;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => clearTimeout(this.timer));
+	}
+	openNow(id) {
+		clearTimeout(this.timer);
+		this.value.set(id);
+	}
+	openSoon(id) {
+		clearTimeout(this.timer);
+		this.timer = this.value() ? void 0 : setTimeout(() => this.value.set(id), this.delay());
+		if (this.value()) this.value.set(id);
+	}
+	closeSoon() {
+		clearTimeout(this.timer);
+		this.timer = setTimeout(() => this.value.set(null), 150);
+	}
+	keep() {
+		clearTimeout(this.timer);
+	}
+	close() {
+		clearTimeout(this.timer);
+		this.value.set(null);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenu,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: UiNavigationMenu,
+		isStandalone: true,
+		selector: "nav[uiNavigationMenu], ui-navigation-menu",
+		inputs: {
+			delay: {
+				classPropertyName: "delay",
+				publicName: "delay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"aria-label": "Main",
+				"data-slot": "navigation-menu",
+				"data-orientation": "horizontal",
+				"data-viewport": "false"
+			},
+			properties: {
+				"attr.dir": "dir.value",
+				"attr.class": "classes()"
+			}
+		},
+		queries: [{
+			propertyName: "triggers",
+			predicate: i0.forwardRef(() => UiNavigationMenuTrigger),
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["uiNavigationMenu"],
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenu,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[uiNavigationMenu], ui-navigation-menu",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiNavigationMenu",
+			host: {
+				"aria-label": "Main",
+				"data-slot": "navigation-menu",
+				"data-orientation": "horizontal",
+				"data-viewport": "false",
+				"[attr.dir]": "dir.value",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		delay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "delay",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		triggers: [{
+			type: i0.ContentChildren,
+			args: [forwardRef(() => UiNavigationMenuTrigger), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var UiNavigationMenuList = class UiNavigationMenuList {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(navigationMenuListClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenuList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiNavigationMenuList,
+		isStandalone: true,
+		selector: "ul[uiNavigationMenuList], ui-navigation-menu-list",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"data-slot": "navigation-menu-list",
+				"data-orientation": "horizontal"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenuList,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ul[uiNavigationMenuList], ui-navigation-menu-list",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "navigation-menu-list",
+				"data-orientation": "horizontal",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiNavigationMenuItem = class UiNavigationMenuItem {
+	id = nextId("ui-nav");
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(navigationMenuItemClass.replace("hidden md:flex", "flex"), this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenuItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiNavigationMenuItem,
+		isStandalone: true,
+		selector: "li[uiNavigationMenuItem], ui-navigation-menu-item",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "navigation-menu-item" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenuItem,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "li[uiNavigationMenuItem], ui-navigation-menu-item",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "navigation-menu-item",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiNavigationMenuTrigger = class UiNavigationMenuTrigger {
+	nav = inject(UiNavigationMenu);
+	item = inject(UiNavigationMenuItem);
+	el = inject(ElementRef).nativeElement;
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	open = computed(() => this.nav.value() === this.item.id, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(navigationMenuTriggerClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	toggle() {
+		this.open() ? this.nav.close() : this.nav.openNow(this.item.id);
+	}
+	onEnter(e) {
+		if (e.pointerType !== "touch") this.nav.openSoon(this.item.id);
+	}
+	onLeave(e) {
+		if (e.pointerType !== "touch") this.nav.closeSoon();
+	}
+	onKeydown(e) {
+		const triggers = this.nav.triggers();
+		const i = triggers.indexOf(this);
+		const rtl = this.nav.dir.value === "rtl";
+		const next = rtl ? "ArrowLeft" : "ArrowRight";
+		const prev = rtl ? "ArrowRight" : "ArrowLeft";
+		if (e.key === "ArrowDown") {
+			e.preventDefault();
+			this.nav.openNow(this.item.id);
+			setTimeout(() => this.el.closest("li")?.querySelector("[data-slot=navigation-menu-content] a, [data-slot=navigation-menu-content] button")?.focus(), 0);
+		} else if (e.key === "Escape") this.nav.close();
+		else if (e.key === next || e.key === prev || e.key === "Home" || e.key === "End") {
+			e.preventDefault();
+			triggers[e.key === "Home" ? 0 : e.key === "End" ? triggers.length - 1 : (i + (e.key === next ? 1 : -1) + triggers.length) % triggers.length]?.el.focus();
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenuTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiNavigationMenuTrigger,
+		isStandalone: true,
+		selector: "button[uiNavigationMenuTrigger], ui-navigation-menu-trigger",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"type": "button",
+				"data-slot": "navigation-menu-trigger"
+			},
+			listeners: {
+				"click": "toggle()",
+				"pointerenter": "onEnter($event)",
+				"pointerleave": "onLeave($event)",
+				"keydown": "onKeydown($event)"
+			},
+			properties: {
+				"attr.aria-expanded": "open()",
+				"attr.aria-controls": "item.id + \"-content\"",
+				"attr.data-state": "open() ? \"open\" : \"closed\"",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <ng-content />
+    <svg uiIcon="chevron-down" class="relative top-px ms-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180"></svg>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenuTrigger,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "button[uiNavigationMenuTrigger], ui-navigation-menu-trigger",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				type: "button",
+				"data-slot": "navigation-menu-trigger",
+				"[attr.aria-expanded]": "open()",
+				"[attr.aria-controls]": "item.id + \"-content\"",
+				"[attr.data-state]": "open() ? \"open\" : \"closed\"",
+				"[attr.class]": "classes()",
+				"(click)": "toggle()",
+				"(pointerenter)": "onEnter($event)",
+				"(pointerleave)": "onLeave($event)",
+				"(keydown)": "onKeydown($event)"
+			},
+			template: `
+    <ng-content />
+    <svg uiIcon="chevron-down" class="relative top-px ms-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180"></svg>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiNavigationMenuContent = class UiNavigationMenuContent {
+	nav = inject(UiNavigationMenu);
+	item = inject(UiNavigationMenuItem);
+	el = inject(ElementRef).nativeElement;
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	open = computed(() => this.nav.value() === this.item.id, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(navigationMenuContentClass, "absolute z-50 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	onEscape() {
+		this.nav.close();
+		this.el.closest("li")?.querySelector("[data-slot=navigation-menu-trigger]")?.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenuContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiNavigationMenuContent,
+		isStandalone: true,
+		selector: "[uiNavigationMenuContent], ui-navigation-menu-content",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"data-slot": "navigation-menu-content",
+				"data-orientation": "horizontal"
+			},
+			listeners: {
+				"pointerenter": "nav.keep()",
+				"pointerleave": "nav.closeSoon()",
+				"keydown.escape": "onEscape()"
+			},
+			properties: {
+				"id": "item.id + \"-content\"",
+				"attr.data-state": "open() ? \"open\" : \"closed\"",
+				"hidden": "!open()",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenuContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiNavigationMenuContent], ui-navigation-menu-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "navigation-menu-content",
+				"data-orientation": "horizontal",
+				"[id]": "item.id + \"-content\"",
+				"[attr.data-state]": "open() ? \"open\" : \"closed\"",
+				"[hidden]": "!open()",
+				"[attr.class]": "classes()",
+				"(pointerenter)": "nav.keep()",
+				"(pointerleave)": "nav.closeSoon()",
+				"(keydown.escape)": "onEscape()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiNavigationMenuLink = class UiNavigationMenuLink {
+	nav = inject(UiNavigationMenu);
+	active = input(false, {
+		...ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(navigationMenuLinkClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiNavigationMenuLink,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiNavigationMenuLink,
+		isStandalone: true,
+		selector: "a[uiNavigationMenuLink], ui-navigation-menu-link",
+		inputs: {
+			active: {
+				classPropertyName: "active",
+				publicName: "active",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "navigation-menu-link" },
+			listeners: { "click": "nav.close()" },
+			properties: {
+				"attr.data-active": "active() ? \"\" : null",
+				"attr.aria-current": "active() ? \"page\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiNavigationMenuLink,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "a[uiNavigationMenuLink], ui-navigation-menu-link",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "navigation-menu-link",
+				"[attr.data-active]": "active() ? \"\" : null",
+				"[attr.aria-current]": "active() ? \"page\" : null",
+				"[attr.class]": "classes()",
+				"(click)": "nav.close()"
+			}
+		}]
+	}],
+	propDecorators: {
+		active: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "active",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+const UI_NAVIGATION_MENU = [
+	UiNavigationMenu,
+	UiNavigationMenuList,
+	UiNavigationMenuItem,
+	UiNavigationMenuTrigger,
+	UiNavigationMenuContent,
+	UiNavigationMenuLink
+];
+export { UI_NAVIGATION_MENU, UI_NAVIGATION_MENU_GENERATED, UiNavigationMenu, UiNavigationMenuContent, UiNavigationMenuItem, UiNavigationMenuLink, UiNavigationMenuList, UiNavigationMenuTrigger, navigationMenuClass, navigationMenuContentClass, navigationMenuItemClass, navigationMenuLinkClass, navigationMenuListClass, navigationMenuTriggerClass, navigationMenuViewportClass };
+
+//# sourceMappingURL=loomui-ng-ui-navigation-menu.mjs.map

package/fesm2022/loomui-ng-ui-navigation-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-navigation-menu.mjs","names":[],"sources":["../../../libs/ui/navigation-menu/navigation-menu.ts","../../../libs/ui/navigation-menu/navigation-menu.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/navigation-menu.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./navigation-menu.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\nexport const navigationMenuClass =\n  'group/navigation-menu relative flex flex-1 items-center justify-center';\n\nexport const navigationMenuListClass =\n  'group flex flex-1 list-none items-center justify-center gap-0';\n\nexport const navigationMenuItemClass =\n  'relative hidden md:flex';\n\nexport const navigationMenuTriggerClass =\n  'group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted group';\n\nexport const navigationMenuContentClass =\n  'top-0 start-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95';\n\nexport const navigationMenuLinkClass =\n  'gap-2 p-2 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*=\\'size-\\'])]:size-4 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted flex';\n\nexport const navigationMenuViewportClass =\n  'origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90';\n\nexport const UI_NAVIGATION_MENU_GENERATED = [] as const;\n","import { Directionality } from '@angular/cdk/bidi';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { nextId } from '@loomui-ng/ui/utils';\nimport {\n  navigationMenuClass,\n  navigationMenuContentClass,\n  navigationMenuItemClass,\n  navigationMenuLinkClass,\n  navigationMenuListClass,\n  navigationMenuTriggerClass,\n} from './navigation-menu';\nimport { UiIconSvg } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/**\n * <nav uiNavigationMenu>\n *   <ul uiNavigationMenuList>\n *     <li uiNavigationMenuItem>\n *       <button uiNavigationMenuTrigger>Getting started</button>\n *       <div uiNavigationMenuContent> <a uiNavigationMenuLink href=\"/docs\">Docs</a> </div>\n *     </li>\n *     <li uiNavigationMenuItem><a uiNavigationMenuLink href=\"/pricing\">Pricing</a></li>\n *   </ul>\n * </nav>\n * Observed (Radix): nav[aria-label=Main][data-orientation][data-viewport], triggers with aria-expanded/data-state.\n * Deviation: always the \"viewport=false\" layout — content opens under its own item (no shared animated viewport that morphs\n * between items). Hover opens after 200ms, click toggles, Esc closes, ArrowLeft/Right move between triggers (RTL-mirrored),\n * ArrowDown opens and focuses the first link.\n */\n@Directive({\n  selector: 'nav[uiNavigationMenu], ui-navigation-menu', hostDirectives: [UiElementHost],\n  exportAs: 'uiNavigationMenu',\n  host: {\n    'aria-label': 'Main',\n    'data-slot': 'navigation-menu',\n    'data-orientation': 'horizontal',\n    'data-viewport': 'false',\n    '[attr.dir]': 'dir.value',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiNavigationMenu {\n  readonly delay = input(200, { transform: numberAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  readonly dir = inject(Directionality);\n  readonly value = signal<string | null>(null);\n  readonly triggers = contentChildren(forwardRef(() => UiNavigationMenuTrigger), { descendants: true });\n  protected readonly classes = computed(() => cn(navigationMenuClass, this.userClass()));\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => clearTimeout(this.timer));\n  }\n  openNow(id: string): void {\n    clearTimeout(this.timer);\n    this.value.set(id);\n  }\n  openSoon(id: string): void {\n    clearTimeout(this.timer);\n    this.timer = this.value() ? undefined : setTimeout(() => this.value.set(id), this.delay());\n    if (this.value()) this.value.set(id);\n  }\n  closeSoon(): void {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => this.value.set(null), 150);\n  }\n  keep(): void {\n    clearTimeout(this.timer);\n  }\n  close(): void {\n    clearTimeout(this.timer);\n    this.value.set(null);\n  }\n}\n\n@Directive({\n  selector: 'ul[uiNavigationMenuList], ui-navigation-menu-list', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'navigation-menu-list', 'data-orientation': 'horizontal', '[attr.class]': 'classes()' },\n})\nexport class UiNavigationMenuList {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(navigationMenuListClass, this.userClass()));\n}\n\n@Directive({\n  selector: 'li[uiNavigationMenuItem], ui-navigation-menu-item', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'navigation-menu-item', '[attr.class]': 'classes()' },\n})\nexport class UiNavigationMenuItem {\n  readonly id = nextId('ui-nav');\n  readonly userClass = input<string>('', { alias: 'class' });\n  // Observed item class carries `hidden md:flex` from the site header demo; the base item is just `relative`.\n  protected readonly classes = computed(() => cn(navigationMenuItemClass.replace('hidden md:flex', 'flex'), this.userClass()));\n}\n\n@Component({\n  selector: 'button[uiNavigationMenuTrigger], ui-navigation-menu-trigger', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    type: 'button',\n    'data-slot': 'navigation-menu-trigger',\n    '[attr.aria-expanded]': 'open()',\n    '[attr.aria-controls]': 'item.id + \"-content\"',\n    '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n    '[attr.class]': 'classes()',\n    '(click)': 'toggle()',\n    '(pointerenter)': 'onEnter($event)',\n    '(pointerleave)': 'onLeave($event)',\n    '(keydown)': 'onKeydown($event)',\n  },\n  template: `\n    <ng-content />\n    <svg uiIcon=\"chevron-down\" class=\"relative top-px ms-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180\"></svg>\n  `,\n})\nexport class UiNavigationMenuTrigger {\n  protected readonly nav = inject(UiNavigationMenu);\n  protected readonly item = inject(UiNavigationMenuItem);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly open = computed(() => this.nav.value() === this.item.id);\n  protected readonly classes = computed(() => cn(navigationMenuTriggerClass, this.userClass()));\n\n  protected toggle(): void {\n    this.open() ? this.nav.close() : this.nav.openNow(this.item.id);\n  }\n  protected onEnter(e: PointerEvent): void {\n    if (e.pointerType !== 'touch') this.nav.openSoon(this.item.id);\n  }\n  protected onLeave(e: PointerEvent): void {\n    if (e.pointerType !== 'touch') this.nav.closeSoon();\n  }\n  protected onKeydown(e: KeyboardEvent): void {\n    const triggers = this.nav.triggers();\n    const i = triggers.indexOf(this);\n    const rtl = this.nav.dir.value === 'rtl';\n    const next = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const prev = rtl ? 'ArrowRight' : 'ArrowLeft';\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      this.nav.openNow(this.item.id);\n      setTimeout(() => this.el.closest('li')?.querySelector<HTMLElement>('[data-slot=navigation-menu-content] a, [data-slot=navigation-menu-content] button')?.focus(), 0);\n    } else if (e.key === 'Escape') {\n      this.nav.close();\n    } else if (e.key === next || e.key === prev || e.key === 'Home' || e.key === 'End') {\n      e.preventDefault();\n      const t = e.key === 'Home' ? 0 : e.key === 'End' ? triggers.length - 1 : (i + (e.key === next ? 1 : -1) + triggers.length) % triggers.length;\n      triggers[t]?.el.focus();\n    }\n  }\n}\n\n@Directive({\n  selector: '[uiNavigationMenuContent], ui-navigation-menu-content', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'navigation-menu-content',\n    'data-orientation': 'horizontal',\n    '[id]': 'item.id + \"-content\"',\n    '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n    '[hidden]': '!open()',\n    '[attr.class]': 'classes()',\n    '(pointerenter)': 'nav.keep()',\n    '(pointerleave)': 'nav.closeSoon()',\n    '(keydown.escape)': 'onEscape()',\n  },\n})\nexport class UiNavigationMenuContent {\n  protected readonly nav = inject(UiNavigationMenu);\n  protected readonly item = inject(UiNavigationMenuItem);\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly open = computed(() => this.nav.value() === this.item.id);\n  protected readonly classes = computed(() =>\n    cn(\n      navigationMenuContentClass,\n      'absolute z-50 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n      this.userClass(),\n    ),\n  );\n  protected onEscape(): void {\n    this.nav.close();\n    this.el.closest('li')?.querySelector<HTMLElement>('[data-slot=navigation-menu-trigger]')?.focus();\n  }\n}\n\n@Directive({\n  selector: 'a[uiNavigationMenuLink], ui-navigation-menu-link', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'navigation-menu-link',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.aria-current]': 'active() ? \"page\" : null',\n    '[attr.class]': 'classes()',\n    '(click)': 'nav.close()',\n  },\n})\nexport class UiNavigationMenuLink {\n  protected readonly nav = inject(UiNavigationMenu);\n  readonly active = input(false, { transform: booleanAttribute });\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(navigationMenuLinkClass, this.userClass()));\n}\n\nexport const UI_NAVIGATION_MENU = [\n  UiNavigationMenu,\n  UiNavigationMenuList,\n  UiNavigationMenuItem,\n  UiNavigationMenuTrigger,\n  UiNavigationMenuContent,\n  UiNavigationMenuLink,\n] as const;\n"],"mappings":"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"}