@raqm/ui 0.0.0-stage → 0.1.0

package/fesm2022/raqm-ui-context-menu.mjs

@@ -0,0 +1,723 @@
+import * as i0 from "@angular/core";
+import { DestroyRef, Directive, ElementRef, effect, inject, input, isDevMode } from "@angular/core";
+import * as i2 from "@angular/cdk/menu";
+import { CdkMenu, CdkMenuTrigger, CdkTargetMenuAim, MENU_STACK } from "@angular/cdk/menu";
+import * as i1 from "@raqm/ui/dropdown-menu";
+import { RAQM_MENU_SUBMENU_POSITIONS, RaqmContextMenuTriggerBase, RaqmMenuCheckboxItemDirective, RaqmMenuDirection, RaqmMenuDirective, RaqmMenuGroupDirective, RaqmMenuItemDirective, RaqmMenuLabelDirective, RaqmMenuOverlaySync, RaqmMenuRadioGroupDirective, RaqmMenuRadioItemDirective, RaqmMenuSeparatorDirective, RaqmMenuShortcutDirective, RaqmMenuTriggerDirective } from "@raqm/ui/dropdown-menu";
+import { Directionality } from "@angular/cdk/bidi";
+const CONTEXT_SUBMENU_POSITIONS = [{
+	originX: "end",
+	originY: "top",
+	overlayX: "start",
+	overlayY: "top",
+	offsetY: 4
+}, {
+	originX: "start",
+	originY: "top",
+	overlayX: "end",
+	overlayY: "top",
+	offsetY: 4
+}];
+var RaqmContextMenuContentDirective = class RaqmContextMenuContentDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuContentDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuContentDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-content]",
+		host: { classAttribute: "raqm-context-menu-content" },
+		hostDirectives: [{ directive: i1.RaqmMenuDirective }, { directive: i2.CdkTargetMenuAim }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-content]",
+			hostDirectives: [RaqmMenuDirective, CdkTargetMenuAim],
+			host: { class: "raqm-context-menu-content" }
+		}]
+	}]
+});
+var RaqmContextMenuGroupDirective = class RaqmContextMenuGroupDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuGroupDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuGroupDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-group]",
+		hostDirectives: [{ directive: i1.RaqmMenuGroupDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuGroupDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-group]",
+			hostDirectives: [RaqmMenuGroupDirective]
+		}]
+	}]
+});
+var RaqmContextMenuLabelDirective = class RaqmContextMenuLabelDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuLabelDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuLabelDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-label]",
+		hostDirectives: [{
+			directive: i1.RaqmMenuLabelDirective,
+			inputs: ["inset", "inset"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuLabelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-label]",
+			hostDirectives: [{
+				directive: RaqmMenuLabelDirective,
+				inputs: ["inset"]
+			}]
+		}]
+	}]
+});
+var RaqmContextMenuItemDirective = class RaqmContextMenuItemDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuItemDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuItemDirective,
+		isStandalone: true,
+		selector: "button[raqm-context-menu-item], a[raqm-context-menu-item]",
+		host: { classAttribute: "raqm-context-menu-item" },
+		hostDirectives: [{
+			directive: i1.RaqmMenuItemDirective,
+			inputs: [
+				"inset",
+				"inset",
+				"raqm-menu-item",
+				"raqm-context-menu-item"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuItemDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-context-menu-item], a[raqm-context-menu-item]",
+			hostDirectives: [{
+				directive: RaqmMenuItemDirective,
+				inputs: ["inset", "raqm-menu-item: raqm-context-menu-item"]
+			}],
+			host: { class: "raqm-context-menu-item" }
+		}]
+	}]
+});
+var RaqmContextMenuSubDirective = class RaqmContextMenuSubDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuSubDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuSubDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-sub]",
+		host: { classAttribute: "raqm-context-menu-sub" },
+		providers: [{
+			provide: RAQM_MENU_SUBMENU_POSITIONS,
+			useValue: CONTEXT_SUBMENU_POSITIONS
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuSubDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-sub]",
+			providers: [{
+				provide: RAQM_MENU_SUBMENU_POSITIONS,
+				useValue: CONTEXT_SUBMENU_POSITIONS
+			}],
+			host: { class: "raqm-context-menu-sub" }
+		}]
+	}]
+});
+var RaqmContextMenuSubTriggerDirective = class RaqmContextMenuSubTriggerDirective {
+	template = input.required({
+		...ngDevMode ? { debugName: "template" } : /* istanbul ignore next */ {},
+		alias: "raqm-context-menu-sub-trigger-for"
+	});
+	trigger = inject(CdkMenuTrigger);
+	constructor() {
+		effect(() => {
+			this.trigger.menuTemplateRef = this.template();
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuSubTriggerDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmContextMenuSubTriggerDirective,
+		isStandalone: true,
+		selector: "button[raqm-context-menu-sub-trigger-for]",
+		inputs: { template: {
+			classPropertyName: "template",
+			publicName: "raqm-context-menu-sub-trigger-for",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: { classAttribute: "raqm-context-menu-sub-trigger" },
+		hostDirectives: [{
+			directive: i1.RaqmMenuItemDirective,
+			inputs: ["inset", "inset"]
+		}, { directive: i1.RaqmMenuTriggerDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuSubTriggerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-context-menu-sub-trigger-for]",
+			hostDirectives: [{
+				directive: RaqmMenuItemDirective,
+				inputs: ["inset"]
+			}, RaqmMenuTriggerDirective],
+			host: { class: "raqm-context-menu-sub-trigger" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { template: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "raqm-context-menu-sub-trigger-for",
+			required: true
+		}]
+	}] }
+});
+var RaqmContextMenuSubContentDirective = class RaqmContextMenuSubContentDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuSubContentDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuSubContentDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-sub-content]",
+		host: { classAttribute: "raqm-context-menu-content raqm-context-menu-sub-content" },
+		hostDirectives: [{ directive: i1.RaqmMenuDirective }, { directive: i2.CdkTargetMenuAim }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuSubContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-sub-content]",
+			hostDirectives: [RaqmMenuDirective, CdkTargetMenuAim],
+			host: { class: "raqm-context-menu-content raqm-context-menu-sub-content" }
+		}]
+	}]
+});
+var RaqmContextMenuCheckboxItemDirective = class RaqmContextMenuCheckboxItemDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuCheckboxItemDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuCheckboxItemDirective,
+		isStandalone: true,
+		selector: "button[raqm-context-menu-checkbox-item]",
+		host: { classAttribute: "raqm-context-menu-checkbox-item" },
+		hostDirectives: [{
+			directive: i1.RaqmMenuCheckboxItemDirective,
+			inputs: [
+				"inset",
+				"inset",
+				"checked",
+				"checked"
+			],
+			outputs: ["checkedChange", "checkedChange"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuCheckboxItemDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-context-menu-checkbox-item]",
+			hostDirectives: [{
+				directive: RaqmMenuCheckboxItemDirective,
+				inputs: ["inset", "checked"],
+				outputs: ["checkedChange"]
+			}],
+			host: { class: "raqm-context-menu-checkbox-item" }
+		}]
+	}]
+});
+var RaqmContextMenuRadioGroupDirective = class RaqmContextMenuRadioGroupDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuRadioGroupDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuRadioGroupDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-radio-group]",
+		hostDirectives: [{
+			directive: i1.RaqmMenuRadioGroupDirective,
+			inputs: ["value", "value"],
+			outputs: ["valueChange", "valueChange"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuRadioGroupDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-radio-group]",
+			hostDirectives: [{
+				directive: RaqmMenuRadioGroupDirective,
+				inputs: ["value"],
+				outputs: ["valueChange"]
+			}]
+		}]
+	}]
+});
+var RaqmContextMenuRadioItemDirective = class RaqmContextMenuRadioItemDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuRadioItemDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuRadioItemDirective,
+		isStandalone: true,
+		selector: "button[raqm-context-menu-radio-item]",
+		host: { classAttribute: "raqm-context-menu-radio-item" },
+		hostDirectives: [{
+			directive: i1.RaqmMenuRadioItemDirective,
+			inputs: [
+				"value",
+				"value",
+				"inset",
+				"inset"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuRadioItemDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-context-menu-radio-item]",
+			hostDirectives: [{
+				directive: RaqmMenuRadioItemDirective,
+				inputs: ["value", "inset"]
+			}],
+			host: { class: "raqm-context-menu-radio-item" }
+		}]
+	}]
+});
+var RaqmContextMenuSeparatorDirective = class RaqmContextMenuSeparatorDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuSeparatorDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuSeparatorDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-separator]",
+		hostDirectives: [{ directive: i1.RaqmMenuSeparatorDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuSeparatorDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-separator]",
+			hostDirectives: [RaqmMenuSeparatorDirective]
+		}]
+	}]
+});
+var RaqmContextMenuShortcutDirective = class RaqmContextMenuShortcutDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuShortcutDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuShortcutDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-shortcut]",
+		hostDirectives: [{ directive: i1.RaqmMenuShortcutDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuShortcutDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-shortcut]",
+			hostDirectives: [RaqmMenuShortcutDirective]
+		}]
+	}]
+});
+var RaqmContextMenuTriggerDirective = class RaqmContextMenuTriggerDirective {
+	trigger = inject(RaqmContextMenuTriggerBase);
+	element = inject(ElementRef).nativeElement;
+	stack = inject(MENU_STACK);
+	destroyRef = inject(DestroyRef);
+	directionality = inject(Directionality);
+	overlaySync = new RaqmMenuOverlaySync(this.trigger, this.element, this.destroyRef, this.directionality, {
+		matchAnchorWidth: false,
+		anchorPoint: () => this.trigger.menuAnchorPoint
+	});
+	press = null;
+	pressTimer;
+	longPressOpened = false;
+	suppressCompatibilityUntil = 0;
+	guardContextMenu = (event) => {
+		if (!this.trigger.disabled && (this.press !== null || Date.now() < this.suppressCompatibilityUntil)) {
+			event.preventDefault();
+			event.stopImmediatePropagation();
+			return;
+		}
+		if (event instanceof MouseEvent) {
+			this.trigger.menuAnchorPoint = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			this.overlaySync.refresh();
+		}
+	};
+	guardCompatibilityClick = (event) => {
+		if (Date.now() < this.suppressCompatibilityUntil) {
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		}
+	};
+	constructor() {
+		if (this.element instanceof HTMLButtonElement && !this.element.hasAttribute("type")) this.element.setAttribute("type", "button");
+		const subscription = this.stack.closed.subscribe(({ focusParentTrigger }) => {
+			if (focusParentTrigger && this.stack.isEmpty() && this.element.isConnected) this.element.focus({ preventScroll: true });
+		});
+		this.element.addEventListener("contextmenu", this.guardContextMenu, true);
+		this.element.addEventListener("click", this.guardCompatibilityClick, true);
+		this.destroyRef.onDestroy(() => {
+			this.cancelLongPress();
+			subscription.unsubscribe();
+			this.element.removeEventListener("contextmenu", this.guardContextMenu, true);
+			this.element.removeEventListener("click", this.guardCompatibilityClick, true);
+		});
+	}
+	onPointerDown(event) {
+		this.cancelLongPress();
+		this.suppressCompatibilityUntil = 0;
+		this.longPressOpened = false;
+		if (this.trigger.disabled || !event.isPrimary || event.button !== 0 || event.pointerType !== "touch" && event.pointerType !== "pen") return;
+		event.stopPropagation();
+		const press = {
+			id: event.pointerId,
+			x: event.clientX,
+			y: event.clientY
+		};
+		this.press = press;
+		this.pressTimer = setTimeout(() => {
+			this.pressTimer = void 0;
+			if (this.press !== press || this.trigger.disabled || !this.element.isConnected) return;
+			this.suppressCompatibilityUntil = Date.now() + 1500;
+			this.longPressOpened = true;
+			this.trigger.open({
+				x: press.x,
+				y: press.y
+			});
+			const menu = this.stack.peek();
+			if (menu instanceof CdkMenu) menu.focusFirstItem("touch");
+		}, 500);
+	}
+	onPointerMove(event) {
+		if (this.press && (event.pointerId !== this.press.id || Math.abs(event.clientX - this.press.x) > 10 || Math.abs(event.clientY - this.press.y) > 10)) this.cancelLongPress();
+	}
+	cancelLongPress() {
+		if (this.longPressOpened) {
+			this.suppressCompatibilityUntil = Date.now() + 1500;
+			this.longPressOpened = false;
+		}
+		if (this.pressTimer !== void 0) clearTimeout(this.pressTimer);
+		this.pressTimer = void 0;
+		this.press = null;
+	}
+	ngOnInit() {
+		this.trigger.menuPosition ??= [{
+			originX: "start",
+			originY: "top",
+			overlayX: "start",
+			overlayY: "top",
+			offsetY: 4
+		}, {
+			originX: "end",
+			originY: "bottom",
+			overlayX: "end",
+			overlayY: "bottom",
+			offsetY: -4
+		}];
+		if (isDevMode()) this.checkHostContract();
+	}
+	checkHostContract() {
+		if (this.element.matches("button, a[href], input, select, textarea, summary")) return;
+		const named = this.element.hasAttribute("aria-label") || this.element.hasAttribute("aria-labelledby") || (this.element.textContent ?? "").trim().length > 0;
+		if (!this.element.hasAttribute("role")) console.error("[raqm-context-menu] A region trigger needs an explicit role (for example role=\"button\").");
+		else if (!named) console.error("[raqm-context-menu] A region trigger needs an accessible name (`aria-label`, `aria-labelledby` or text).");
+		if (!this.element.hasAttribute("tabindex")) console.error("[raqm-context-menu] A region trigger owns its `tabindex`; add one so the keyboard can reach it.");
+	}
+	onKeydown(event) {
+		if (this.trigger.disabled || event.defaultPrevented || !(event.key === "ContextMenu" || event.key === "F10" && event.shiftKey) || event.altKey || event.ctrlKey || event.metaKey) return;
+		event.preventDefault();
+		event.stopPropagation();
+		if (event.repeat) return;
+		const rect = this.element.getBoundingClientRect();
+		const x = this.element.ownerDocument.defaultView?.getComputedStyle(this.element).direction === "rtl" ? rect.right : rect.left;
+		this.trigger.open({
+			x,
+			y: rect.bottom
+		});
+		const menu = this.stack.peek();
+		if (menu instanceof CdkMenu) menu.focusFirstItem("keyboard");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmContextMenuTriggerDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmContextMenuTriggerDirective,
+		isStandalone: true,
+		selector: "[raqm-context-menu-trigger-for]",
+		host: {
+			listeners: {
+				"keydown": "onKeydown($event)",
+				"pointerdown": "onPointerDown($event)",
+				"pointermove": "onPointerMove($event)",
+				"pointerup": "cancelLongPress()",
+				"pointercancel": "cancelLongPress()",
+				"lostpointercapture": "cancelLongPress()",
+				"pointerleave": "cancelLongPress()"
+			},
+			classAttribute: "raqm-context-menu-trigger"
+		},
+		hostDirectives: [{ directive: i1.RaqmMenuDirection }, {
+			directive: i1.RaqmContextMenuTriggerBase,
+			inputs: [
+				"cdkContextMenuTriggerFor",
+				"raqm-context-menu-trigger-for",
+				"cdkContextMenuPosition",
+				"positions",
+				"cdkContextMenuDisabled",
+				"disabled"
+			],
+			outputs: [
+				"cdkContextMenuOpened",
+				"opened",
+				"cdkContextMenuClosed",
+				"closed"
+			]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmContextMenuTriggerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-context-menu-trigger-for]",
+			hostDirectives: [RaqmMenuDirection, {
+				directive: RaqmContextMenuTriggerBase,
+				inputs: [
+					"cdkContextMenuTriggerFor: raqm-context-menu-trigger-for",
+					"cdkContextMenuPosition: positions",
+					"cdkContextMenuDisabled: disabled"
+				],
+				outputs: ["cdkContextMenuOpened: opened", "cdkContextMenuClosed: closed"]
+			}],
+			host: {
+				class: "raqm-context-menu-trigger",
+				"(keydown)": "onKeydown($event)",
+				"(pointerdown)": "onPointerDown($event)",
+				"(pointermove)": "onPointerMove($event)",
+				"(pointerup)": "cancelLongPress()",
+				"(pointercancel)": "cancelLongPress()",
+				"(lostpointercapture)": "cancelLongPress()",
+				"(pointerleave)": "cancelLongPress()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+const RaqmContextMenu = [
+	RaqmContextMenuTriggerDirective,
+	RaqmContextMenuContentDirective,
+	RaqmContextMenuGroupDirective,
+	RaqmContextMenuLabelDirective,
+	RaqmContextMenuItemDirective,
+	RaqmContextMenuSubDirective,
+	RaqmContextMenuSubTriggerDirective,
+	RaqmContextMenuSubContentDirective,
+	RaqmContextMenuCheckboxItemDirective,
+	RaqmContextMenuRadioGroupDirective,
+	RaqmContextMenuRadioItemDirective,
+	RaqmContextMenuSeparatorDirective,
+	RaqmContextMenuShortcutDirective
+];
+export { RaqmContextMenu, RaqmContextMenuCheckboxItemDirective, RaqmContextMenuContentDirective, RaqmContextMenuGroupDirective, RaqmContextMenuItemDirective, RaqmContextMenuLabelDirective, RaqmContextMenuRadioGroupDirective, RaqmContextMenuRadioItemDirective, RaqmContextMenuSeparatorDirective, RaqmContextMenuShortcutDirective, RaqmContextMenuSubContentDirective, RaqmContextMenuSubDirective, RaqmContextMenuSubTriggerDirective, RaqmContextMenuTriggerDirective };
+
+//# sourceMappingURL=raqm-ui-context-menu.mjs.map