@loomui-ng/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,1359 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, booleanAttribute, computed, contentChildren, forwardRef, inject, input, model } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UI_MENU_CTX, UI_MENU_ITEM, UI_MENU_SUB, UiElementHost, UiMenuContentBase, UiMenuItemBase, UiMenuRootBase, UiMenuSelectEvent, UiMenuSubBase, UiMenuSubTriggerBase, cn } from "@loomui-ng/ui/utils";
+import { UiIconSvg } from "@loomui-ng/ui/icon";
+import "@angular/cdk/bidi";
+const contextMenuTriggerClass = "select-none flex aspect-video w-full max-w-xs items-center justify-center rounded-xl border border-dashed text-sm";
+const contextMenuContentClass = "z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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 w-48";
+const contextMenuItemClass = "group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive";
+const contextMenuSubTriggerClass = "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const contextMenuCheckboxItemClass = "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const contextMenuRadioItemClass = "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const contextMenuLabelClass = "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7";
+const contextMenuSeparatorClass = "-mx-1 my-1 h-px bg-border";
+const contextMenuShortcutClass = "ms-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground";
+const UI_CONTEXT_MENU_GENERATED = [];
+const ITEM_CLASS = contextMenuItemClass;
+const SUB_TRIGGER_CLASS = contextMenuSubTriggerClass;
+const CHECKBOX_CLASS = contextMenuCheckboxItemClass;
+const RADIO_CLASS = contextMenuRadioItemClass;
+const LABEL_CLASS = contextMenuLabelClass;
+const SEPARATOR_CLASS = contextMenuSeparatorClass;
+const SHORTCUT_CLASS = contextMenuShortcutClass;
+const CONTENT_CLASS = contextMenuContentClass;
+var UiContextMenuItem = class UiContextMenuItem extends UiMenuItemBase {
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	inset = input(false, {
+		...ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	classes = computed(() => cn(ITEM_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuItem,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuItem,
+		isStandalone: true,
+		selector: "[uiContextMenuItem], ui-context-menu-item",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inset: {
+				classPropertyName: "inset",
+				publicName: "inset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"tabindex": "-1",
+				"data-slot": "context-menu-item",
+				"role": "menuitem"
+			},
+			listeners: {
+				"focus": "onFocus()",
+				"blur": "onBlur()",
+				"pointermove": "onPointerMove()",
+				"pointerleave": "onPointerLeave()",
+				"click": "activate()"
+			},
+			properties: {
+				"attr.data-disabled": "disabled ? \"\" : null",
+				"attr.aria-disabled": "disabled ? \"true\" : null",
+				"attr.data-highlighted": "highlighted() ? \"\" : null",
+				"attr.data-variant": "variant()",
+				"attr.data-inset": "inset() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		providers: [{
+			provide: UI_MENU_ITEM,
+			useExisting: forwardRef(() => UiContextMenuItem)
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuItem,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuItem], ui-context-menu-item",
+			hostDirectives: [UiElementHost],
+			providers: [{
+				provide: UI_MENU_ITEM,
+				useExisting: forwardRef(() => UiContextMenuItem)
+			}],
+			host: {
+				tabindex: "-1",
+				"[attr.data-disabled]": "disabled ? \"\" : null",
+				"[attr.aria-disabled]": "disabled ? \"true\" : null",
+				"[attr.data-highlighted]": "highlighted() ? \"\" : null",
+				"(focus)": "onFocus()",
+				"(blur)": "onBlur()",
+				"(pointermove)": "onPointerMove()",
+				"(pointerleave)": "onPointerLeave()",
+				"(click)": "activate()",
+				"data-slot": "context-menu-item",
+				role: "menuitem",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-inset]": "inset() ? \"\" : null",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		inset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inset",
+				required: false
+			}]
+		}]
+	}
+});
+const CHECK = "<svg uiIcon=\"check\" class=\"size-4\"></svg>";
+var UiContextMenuCheckboxItem = class UiContextMenuCheckboxItem extends UiMenuItemBase {
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	inset = input(false, {
+		...ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	classes = computed(() => cn(CHECKBOX_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	beforeSelect() {
+		this.checked.update((v) => !v);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuCheckboxItem,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: UiContextMenuCheckboxItem,
+		isStandalone: true,
+		selector: "[uiContextMenuCheckboxItem], ui-context-menu-checkbox-item",
+		inputs: {
+			checked: {
+				classPropertyName: "checked",
+				publicName: "checked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inset: {
+				classPropertyName: "inset",
+				publicName: "inset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { checked: "checkedChange" },
+		host: {
+			attributes: {
+				"tabindex": "-1",
+				"data-slot": "context-menu-checkbox-item",
+				"role": "menuitemcheckbox"
+			},
+			listeners: {
+				"focus": "onFocus()",
+				"blur": "onBlur()",
+				"pointermove": "onPointerMove()",
+				"pointerleave": "onPointerLeave()",
+				"click": "activate()"
+			},
+			properties: {
+				"attr.data-disabled": "disabled ? \"\" : null",
+				"attr.aria-disabled": "disabled ? \"true\" : null",
+				"attr.data-highlighted": "highlighted() ? \"\" : null",
+				"attr.aria-checked": "checked()",
+				"attr.data-state": "checked() ? \"checked\" : \"unchecked\"",
+				"attr.data-inset": "inset() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		providers: [{
+			provide: UI_MENU_ITEM,
+			useExisting: forwardRef(() => UiContextMenuCheckboxItem)
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: "\n    <ng-content />\n    <span class=\"pointer-events-none absolute end-2 flex items-center justify-center\" data-slot=\"context-menu-checkbox-item-indicator\">\n      @if (checked()) { <svg uiIcon=\"check\" class=\"size-4\"></svg> }\n    </span>\n  ",
+		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: UiContextMenuCheckboxItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[uiContextMenuCheckboxItem], ui-context-menu-checkbox-item",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: UI_MENU_ITEM,
+				useExisting: forwardRef(() => UiContextMenuCheckboxItem)
+			}],
+			host: {
+				tabindex: "-1",
+				"[attr.data-disabled]": "disabled ? \"\" : null",
+				"[attr.aria-disabled]": "disabled ? \"true\" : null",
+				"[attr.data-highlighted]": "highlighted() ? \"\" : null",
+				"(focus)": "onFocus()",
+				"(blur)": "onBlur()",
+				"(pointermove)": "onPointerMove()",
+				"(pointerleave)": "onPointerLeave()",
+				"(click)": "activate()",
+				"data-slot": "context-menu-checkbox-item",
+				role: "menuitemcheckbox",
+				"[attr.aria-checked]": "checked()",
+				"[attr.data-state]": "checked() ? \"checked\" : \"unchecked\"",
+				"[attr.data-inset]": "inset() ? \"\" : null",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <ng-content />
+    <span class="pointer-events-none absolute end-2 flex items-center justify-center" data-slot="context-menu-checkbox-item-indicator">
+      @if (checked()) { ${CHECK} }
+    </span>
+  `
+		}]
+	}],
+	propDecorators: {
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["checkedChange"]
+		}],
+		inset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inset",
+				required: false
+			}]
+		}]
+	}
+});
+var UiContextMenuRadioGroup = class UiContextMenuRadioGroup {
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuRadioGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuRadioGroup,
+		isStandalone: true,
+		selector: "[uiContextMenuRadioGroup], ui-context-menu-radio-group",
+		inputs: { value: {
+			classPropertyName: "value",
+			publicName: "value",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { value: "valueChange" },
+		host: { attributes: {
+			"role": "group",
+			"data-slot": "context-menu-radio-group"
+		} },
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuRadioGroup,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuRadioGroup], ui-context-menu-radio-group",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "group",
+				"data-slot": "context-menu-radio-group"
+			}
+		}]
+	}],
+	propDecorators: { value: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "value",
+			required: false
+		}]
+	}, {
+		type: i0.Output,
+		args: ["valueChange"]
+	}] }
+});
+var UiContextMenuRadioItem = class UiContextMenuRadioItem extends UiMenuItemBase {
+	group = inject(UiContextMenuRadioGroup);
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	inset = input(false, {
+		...ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	checked = computed(() => this.group.value() === this.value(), ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(RADIO_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	beforeSelect() {
+		this.group.value.set(this.value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuRadioItem,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: UiContextMenuRadioItem,
+		isStandalone: true,
+		selector: "[uiContextMenuRadioItem], ui-context-menu-radio-item",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inset: {
+				classPropertyName: "inset",
+				publicName: "inset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"tabindex": "-1",
+				"data-slot": "context-menu-radio-item",
+				"role": "menuitemradio"
+			},
+			listeners: {
+				"focus": "onFocus()",
+				"blur": "onBlur()",
+				"pointermove": "onPointerMove()",
+				"pointerleave": "onPointerLeave()",
+				"click": "activate()"
+			},
+			properties: {
+				"attr.data-disabled": "disabled ? \"\" : null",
+				"attr.aria-disabled": "disabled ? \"true\" : null",
+				"attr.data-highlighted": "highlighted() ? \"\" : null",
+				"attr.aria-checked": "checked()",
+				"attr.data-state": "checked() ? \"checked\" : \"unchecked\"",
+				"attr.data-inset": "inset() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		providers: [{
+			provide: UI_MENU_ITEM,
+			useExisting: forwardRef(() => UiContextMenuRadioItem)
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: "\n    <ng-content />\n    <span class=\"pointer-events-none absolute end-2 flex items-center justify-center\" data-slot=\"context-menu-radio-item-indicator\">\n      @if (checked()) { <svg uiIcon=\"check\" class=\"size-4\"></svg> }\n    </span>\n  ",
+		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: UiContextMenuRadioItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[uiContextMenuRadioItem], ui-context-menu-radio-item",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: UI_MENU_ITEM,
+				useExisting: forwardRef(() => UiContextMenuRadioItem)
+			}],
+			host: {
+				tabindex: "-1",
+				"[attr.data-disabled]": "disabled ? \"\" : null",
+				"[attr.aria-disabled]": "disabled ? \"true\" : null",
+				"[attr.data-highlighted]": "highlighted() ? \"\" : null",
+				"(focus)": "onFocus()",
+				"(blur)": "onBlur()",
+				"(pointermove)": "onPointerMove()",
+				"(pointerleave)": "onPointerLeave()",
+				"(click)": "activate()",
+				"data-slot": "context-menu-radio-item",
+				role: "menuitemradio",
+				"[attr.aria-checked]": "checked()",
+				"[attr.data-state]": "checked() ? \"checked\" : \"unchecked\"",
+				"[attr.data-inset]": "inset() ? \"\" : null",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <ng-content />
+    <span class="pointer-events-none absolute end-2 flex items-center justify-center" data-slot="context-menu-radio-item-indicator">
+      @if (checked()) { ${CHECK} }
+    </span>
+  `
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		inset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inset",
+				required: false
+			}]
+		}]
+	}
+});
+var UiContextMenuSub = class UiContextMenuSub extends UiMenuSubBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuSub,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiContextMenuSub,
+		isStandalone: true,
+		selector: "[uiContextMenuSub], ui-context-menu-sub",
+		providers: [{
+			provide: UI_MENU_CTX,
+			useExisting: forwardRef(() => UiContextMenuSub)
+		}, {
+			provide: UI_MENU_SUB,
+			useExisting: forwardRef(() => UiContextMenuSub)
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuSub,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuSub], ui-context-menu-sub",
+			hostDirectives: [UiElementHost],
+			providers: [{
+				provide: UI_MENU_CTX,
+				useExisting: forwardRef(() => UiContextMenuSub)
+			}, {
+				provide: UI_MENU_SUB,
+				useExisting: forwardRef(() => UiContextMenuSub)
+			}]
+		}]
+	}]
+});
+var UiContextMenuSubTrigger = class UiContextMenuSubTrigger extends UiMenuSubTriggerBase {
+	inset = input(false, {
+		...ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	classes = computed(() => cn(SUB_TRIGGER_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuSubTrigger,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuSubTrigger,
+		isStandalone: true,
+		selector: "[uiContextMenuSubTrigger], ui-context-menu-sub-trigger",
+		inputs: { inset: {
+			classPropertyName: "inset",
+			publicName: "inset",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"tabindex": "-1",
+				"data-slot": "context-menu-sub-trigger",
+				"role": "menuitem",
+				"aria-haspopup": "menu"
+			},
+			listeners: {
+				"focus": "onFocus()",
+				"blur": "onBlur()",
+				"pointermove": "onPointerMove()",
+				"pointerleave": "onPointerLeave()",
+				"click": "activate()"
+			},
+			properties: {
+				"attr.data-disabled": "disabled ? \"\" : null",
+				"attr.aria-disabled": "disabled ? \"true\" : null",
+				"attr.data-highlighted": "highlighted() ? \"\" : null",
+				"attr.aria-expanded": "sub.open()",
+				"attr.data-state": "sub.open() ? \"open\" : \"closed\"",
+				"attr.data-inset": "inset() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		providers: [{
+			provide: UI_MENU_ITEM,
+			useExisting: forwardRef(() => UiContextMenuSubTrigger)
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <ng-content />
+    <svg uiIcon="chevron-right" class="ms-auto rtl: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: UiContextMenuSubTrigger,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[uiContextMenuSubTrigger], ui-context-menu-sub-trigger",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: UI_MENU_ITEM,
+				useExisting: forwardRef(() => UiContextMenuSubTrigger)
+			}],
+			host: {
+				tabindex: "-1",
+				"[attr.data-disabled]": "disabled ? \"\" : null",
+				"[attr.aria-disabled]": "disabled ? \"true\" : null",
+				"[attr.data-highlighted]": "highlighted() ? \"\" : null",
+				"(focus)": "onFocus()",
+				"(blur)": "onBlur()",
+				"(pointermove)": "onPointerMove()",
+				"(pointerleave)": "onPointerLeave()",
+				"(click)": "activate()",
+				"data-slot": "context-menu-sub-trigger",
+				role: "menuitem",
+				"aria-haspopup": "menu",
+				"[attr.aria-expanded]": "sub.open()",
+				"[attr.data-state]": "sub.open() ? \"open\" : \"closed\"",
+				"[attr.data-inset]": "inset() ? \"\" : null",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <ng-content />
+    <svg uiIcon="chevron-right" class="ms-auto rtl:rotate-180"></svg>
+  `
+		}]
+	}],
+	propDecorators: { inset: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "inset",
+			required: false
+		}]
+	}] }
+});
+var UiContextMenuSubContent = class UiContextMenuSubContent extends UiMenuContentBase {
+	root = inject(UiContextMenuSub);
+	menu = this.root;
+	varPrefix = "--radix-context-menu";
+	side = input("right", ...ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []);
+	align = input("start", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	sideOffset = input(0, ...ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []);
+	items = contentChildren(UI_MENU_ITEM, {
+		...ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	classes = computed(() => cn(CONTENT_CLASS, "w-auto", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	menuItems() {
+		return this.items();
+	}
+	constructor() {
+		super();
+		this.isSub = true;
+		this.init();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuSubContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: UiContextMenuSubContent,
+		isStandalone: true,
+		selector: "[uiContextMenuSubContent], ui-context-menu-sub-content",
+		inputs: {
+			side: {
+				classPropertyName: "side",
+				publicName: "side",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sideOffset: {
+				classPropertyName: "sideOffset",
+				publicName: "sideOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"role": "menu",
+				"aria-orientation": "vertical",
+				"data-slot": "context-menu-sub-content",
+				"tabindex": "-1"
+			},
+			listeners: { "keydown": "onMenuKeydown($event)" },
+			properties: {
+				"attr.data-state": "root.state()",
+				"attr.dir": "dir.value",
+				"attr.class": "classes()"
+			}
+		},
+		queries: [{
+			propertyName: "items",
+			predicate: UI_MENU_ITEM,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuSubContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuSubContent], ui-context-menu-sub-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "menu",
+				"aria-orientation": "vertical",
+				"data-slot": "context-menu-sub-content",
+				tabindex: "-1",
+				"[attr.data-state]": "root.state()",
+				"[attr.dir]": "dir.value",
+				"[attr.class]": "classes()",
+				"(keydown)": "onMenuKeydown($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		side: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "side",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		sideOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sideOffset",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => UI_MENU_ITEM), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+var UiContextMenuLabel = class UiContextMenuLabel {
+	inset = input(false, {
+		...ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(LABEL_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuLabel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuLabel,
+		isStandalone: true,
+		selector: "[uiContextMenuLabel], ui-context-menu-label",
+		inputs: {
+			inset: {
+				classPropertyName: "inset",
+				publicName: "inset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "context-menu-label" },
+			properties: {
+				"attr.data-inset": "inset() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuLabel,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuLabel], ui-context-menu-label",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "context-menu-label",
+				"[attr.data-inset]": "inset() ? \"\" : null",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: {
+		inset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inset",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var UiContextMenuSeparator = class UiContextMenuSeparator {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(SEPARATOR_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuSeparator,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuSeparator,
+		isStandalone: true,
+		selector: "[uiContextMenuSeparator], ui-context-menu-separator",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"role": "separator",
+				"aria-orientation": "horizontal",
+				"data-slot": "context-menu-separator"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuSeparator,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuSeparator], ui-context-menu-separator",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "separator",
+				"aria-orientation": "horizontal",
+				"data-slot": "context-menu-separator",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiContextMenuShortcut = class UiContextMenuShortcut {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(SHORTCUT_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuShortcut,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiContextMenuShortcut,
+		isStandalone: true,
+		selector: "[uiContextMenuShortcut], ui-context-menu-shortcut",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "context-menu-shortcut" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuShortcut,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuShortcut], ui-context-menu-shortcut",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "context-menu-shortcut",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiContextMenuGroup = class UiContextMenuGroup {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuGroup,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiContextMenuGroup,
+		isStandalone: true,
+		selector: "[uiContextMenuGroup], ui-context-menu-group",
+		host: { attributes: {
+			"role": "group",
+			"data-slot": "context-menu-group"
+		} },
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuGroup,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuGroup], ui-context-menu-group",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "group",
+				"data-slot": "context-menu-group"
+			}
+		}]
+	}]
+});
+const CONTEXT_MENU_SHARED = [
+	UiContextMenuItem,
+	UiContextMenuCheckboxItem,
+	UiContextMenuRadioGroup,
+	UiContextMenuRadioItem,
+	UiContextMenuSub,
+	UiContextMenuSubTrigger,
+	UiContextMenuSubContent,
+	UiContextMenuLabel,
+	UiContextMenuSeparator,
+	UiContextMenuShortcut,
+	UiContextMenuGroup
+];
+var UiContextMenu = class UiContextMenu extends UiMenuRootBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenu,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiContextMenu,
+		isStandalone: true,
+		selector: "[uiContextMenu], ui-context-menu",
+		providers: [{
+			provide: UI_MENU_CTX,
+			useExisting: forwardRef(() => UiContextMenu)
+		}],
+		exportAs: ["uiContextMenu"],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenu,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenu], ui-context-menu",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiContextMenu",
+			providers: [{
+				provide: UI_MENU_CTX,
+				useExisting: forwardRef(() => UiContextMenu)
+			}]
+		}]
+	}]
+});
+var UiContextMenuTrigger = class UiContextMenuTrigger {
+	root = inject(UiContextMenu);
+	el = inject(ElementRef).nativeElement;
+	constructor() {
+		this.root.trigger.set(this.el);
+	}
+	onContext(e) {
+		e.preventDefault();
+		this.root.anchorPoint.set({
+			x: e.clientX,
+			y: e.clientY
+		});
+		this.root.keyboardOpen = null;
+		this.root.open.set(true);
+	}
+	onKeydown(e) {
+		if (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey) {
+			e.preventDefault();
+			const r = this.el.getBoundingClientRect();
+			this.root.anchorPoint.set({
+				x: r.left + r.width / 2,
+				y: r.top + r.height / 2
+			});
+			this.root.keyboardOpen = "first";
+			this.root.open.set(true);
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiContextMenuTrigger,
+		isStandalone: true,
+		selector: "[uiContextMenuTrigger], ui-context-menu-trigger",
+		host: {
+			attributes: { "data-slot": "context-menu-trigger" },
+			listeners: {
+				"contextmenu": "onContext($event)",
+				"keydown": "onKeydown($event)"
+			},
+			properties: { "attr.data-state": "root.open() ? \"open\" : \"closed\"" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuTrigger,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuTrigger], ui-context-menu-trigger",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "context-menu-trigger",
+				"[attr.data-state]": "root.open() ? \"open\" : \"closed\"",
+				"(contextmenu)": "onContext($event)",
+				"(keydown)": "onKeydown($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var UiContextMenuContent = class UiContextMenuContent extends UiMenuContentBase {
+	root = inject(UiContextMenu);
+	menu = this.root;
+	varPrefix = "--radix-context-menu";
+	side = input("right", ...ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []);
+	align = input("start", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	sideOffset = input(2, ...ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []);
+	items = contentChildren(UI_MENU_ITEM, {
+		...ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	classes = computed(() => cn(contextMenuContentClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	menuItems() {
+		return this.items();
+	}
+	constructor() {
+		super();
+		this.init();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiContextMenuContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: UiContextMenuContent,
+		isStandalone: true,
+		selector: "[uiContextMenuContent], ui-context-menu-content",
+		inputs: {
+			side: {
+				classPropertyName: "side",
+				publicName: "side",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sideOffset: {
+				classPropertyName: "sideOffset",
+				publicName: "sideOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"role": "menu",
+				"aria-orientation": "vertical",
+				"data-slot": "context-menu-content",
+				"data-orientation": "vertical",
+				"tabindex": "-1"
+			},
+			listeners: { "keydown": "onMenuKeydown($event)" },
+			properties: {
+				"id": "root.id",
+				"attr.data-state": "root.state()",
+				"attr.dir": "dir.value",
+				"attr.class": "classes()"
+			}
+		},
+		queries: [{
+			propertyName: "items",
+			predicate: UI_MENU_ITEM,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiContextMenuContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiContextMenuContent], ui-context-menu-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "menu",
+				"aria-orientation": "vertical",
+				"data-slot": "context-menu-content",
+				"data-orientation": "vertical",
+				tabindex: "-1",
+				"[id]": "root.id",
+				"[attr.data-state]": "root.state()",
+				"[attr.dir]": "dir.value",
+				"[attr.class]": "classes()",
+				"(keydown)": "onMenuKeydown($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		side: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "side",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		sideOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sideOffset",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => UI_MENU_ITEM), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+const UI_CONTEXT_MENU = [
+	UiContextMenu,
+	UiContextMenuTrigger,
+	UiContextMenuContent,
+	...CONTEXT_MENU_SHARED
+];
+export { CONTEXT_MENU_SHARED, UI_CONTEXT_MENU, UI_CONTEXT_MENU_GENERATED, UiContextMenu, UiContextMenuCheckboxItem, UiContextMenuContent, UiContextMenuGroup, UiContextMenuItem, UiContextMenuLabel, UiContextMenuRadioGroup, UiContextMenuRadioItem, UiContextMenuSeparator, UiContextMenuShortcut, UiContextMenuSub, UiContextMenuSubContent, UiContextMenuSubTrigger, UiContextMenuTrigger, UiMenuSelectEvent, contextMenuCheckboxItemClass, contextMenuContentClass, contextMenuItemClass, contextMenuLabelClass, contextMenuRadioItemClass, contextMenuSeparatorClass, contextMenuShortcutClass, contextMenuSubTriggerClass, contextMenuTriggerClass };
+
+//# sourceMappingURL=loomui-ng-ui-context-menu.mjs.map