@qualcomm-ui/angular-core 1.0.1 → 1.0.3

package/fesm2022/qualcomm-ui-angular-core-menu.mjs

@@ -0,0 +1,818 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, booleanAttribute, output, inject, computed, Directive, ElementRef, effect, model, Injector, untracked } from '@angular/core';
+import { BaseApiContextService, createApiContext, useTrackBindings, mergeProps, useMachine, normalizeProps } from '@qualcomm-ui/angular-core/machine';
+import { useControlledState } from '@qualcomm-ui/angular-core/state';
+import { useOnDestroy, useId, useIsMounted } from '@qualcomm-ui/angular-core/common';
+import { PresenceContextService, usePresenceRenderer, CorePresenceDirective } from '@qualcomm-ui/angular-core/presence';
+import { DOCUMENT } from '@angular/common';
+import { menuMachine, createMenuApi } from '@qualcomm-ui/core/menu';
+import { presenceMachine, createPresenceApi } from '@qualcomm-ui/core/presence';
+import { isDefined } from '@qualcomm-ui/utils/guard';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_CONTEXT, useMenuContext, provideMenuContext,] = createApiContext("MenuContext", MenuContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuItemContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_ITEM_CONTEXT, useMenuItemContext, provideMenuItemContext,] = createApiContext("MenuItemContext", MenuItemContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * Each menu item type shares the same base properties.
+ *
+ * @public
+ */
+class BaseMenuItemDirective {
+    /**
+     * Whether the menu should be closed when the option is selected.
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the menu item is disabled
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The unique value of the menu item option.
+     */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /**
+     * The textual value of the option. Used in typeahead navigation of the menu.
+     * If not provided, the text content of the menu item will be used.
+     */
+    valueText = input(...(ngDevMode ? [undefined, { debugName: "valueText" }] : []));
+    /**
+     * Emitted when the item is selected
+     */
+    selected = output();
+    menuContext = useMenuContext();
+    menuItemService = inject(MenuItemContextService);
+    itemProps = computed(() => ({
+        closeOnSelect: this.closeOnSelect(),
+        disabled: this.disabled(),
+        onSelect: () => this.selected.emit(),
+        value: this.value(),
+        valueText: this.valueText(),
+    }), ...(ngDevMode ? [{ debugName: "itemProps" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: BaseMenuItemDirective, isStandalone: true, inputs: { closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, valueText: { classPropertyName: "valueText", publicName: "valueText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseMenuItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], valueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueText", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuOptionItemContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuOptionItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuOptionItemContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuOptionItemContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_OPTION_ITEM_CONTEXT, useMenuOptionItemContext, provideMenuOptionItemContext,] = createApiContext("MenuOptionItemContext", MenuOptionItemContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuCheckboxItemDirective extends BaseMenuItemDirective {
+    checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : []));
+    defaultChecked = input(false, ...(ngDevMode ? [{ debugName: "defaultChecked", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    checkedChanged = output();
+    menuOptionItemService = inject(MenuOptionItemContextService);
+    optionItemProps = computed(() => {
+        const props = this.itemProps();
+        return {
+            ...props,
+            checked: this.checkedState().value(),
+            onCheckedChange: (value) => this.checkedState().setValue(value),
+            type: "checkbox",
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getOptionItemBindings(this.optionItemProps());
+    });
+    checkedState = useControlledState({
+        defaultValue: this.defaultChecked,
+        onChange: (value) => this.checkedChanged.emit(value),
+        value: this.checked,
+    });
+    optionItemState = computed(() => {
+        const optionItemProps = this.optionItemProps();
+        return {
+            ...this.menuContext().getItemState(optionItemProps),
+            ...optionItemProps,
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemState" }] : []));
+    ngOnInit() {
+        this.menuOptionItemService.init(this.optionItemState);
+        this.menuItemService.init(this.optionItemState);
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuCheckboxItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuCheckboxItemDirective, isStandalone: true, inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChanged: "checkedChanged" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuCheckboxItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], defaultChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultChecked", required: false }] }], checkedChanged: [{ type: i0.Output, args: ["checkedChanged"] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuContentDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    presenceService = inject(PresenceContextService);
+    elementRef = inject(ElementRef);
+    trackBindings = useTrackBindings(() => {
+        return mergeProps(this.menuContext().getContentBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        }), this.presenceService.getPresenceBindings());
+    });
+    onDestroy = useOnDestroy();
+    presenceEffect = usePresenceRenderer();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    constructor() {
+        // update the ref when the element is mounted or unmounted to keep state in sync.
+        // React does this automatically with its composable refs and data binding, but
+        // with Angular we must do this imperatively.
+        effect(() => {
+            const element = this.elementRef.nativeElement;
+            if (this.presenceService.unmounted()) {
+                this.presenceService.setNode(null);
+            }
+            else {
+                this.presenceService.setNode(element);
+            }
+        });
+    }
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuContentDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuContentDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuContextTriggerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getContextTriggerBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuContextTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuContextTriggerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuContextTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuItemGroupContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemGroupContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuItemGroupContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_ITEM_GROUP_CONTEXT, useMenuItemGroupContext, provideMenuItemGroupContext,] = createApiContext("MenuItemGroupContext", MenuItemGroupContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuRadioItemGroupContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuRadioItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuRadioItemGroupContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuRadioItemGroupContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_RADIO_ITEM_GROUP_CONTEXT, useMenuRadioItemGroupContext, provideMenuRadioItemGroupContext,] = createApiContext("MenuRadioItemGroupContext", MenuRadioItemGroupContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuItemGroupLabelDirective {
+    menuContext = useMenuContext();
+    menuItemGroupContext = useMenuItemGroupContext({
+        optional: true,
+    });
+    menuRadioItemGroupContext = useMenuRadioItemGroupContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupLabelBindings({
+            htmlFor: this.menuItemGroupContext?.().id ||
+                this.menuRadioItemGroupContext?.().id,
+        });
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuItemGroupLabelDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemGroupLabelDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuItemGroupDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    menuItemGroupService = inject(MenuItemGroupContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupBindings({
+            id: this.hostId(),
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    ngOnInit() {
+        this.menuItemGroupService.init(computed(() => ({ id: this.hostId() })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuItemGroupDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemGroupDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuItemIndicatorDirective {
+    menuContext = useMenuContext();
+    menuItemContext = useMenuItemContext({ optional: true });
+    menuOptionItemContext = useMenuOptionItemContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        const context = this.menuOptionItemContext?.() || this.menuItemContext?.();
+        if (!context) {
+            return {};
+        }
+        return this.menuContext().getItemIndicatorBindings(context);
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuItemLabelDirective {
+    menuContext = useMenuContext();
+    menuItemContext = useMenuItemContext({ optional: true });
+    menuOptionItemContext = useMenuOptionItemContext({
+        optional: true,
+    });
+    trackBindings = useTrackBindings(() => {
+        const context = this.menuOptionItemContext?.() || this.menuItemContext?.();
+        if (!context) {
+            console.error("Missing context. This directive can only be used as a child of the menu item or menu option item directives.");
+            return {};
+        }
+        return this.menuContext().getItemLabelBindings(context);
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuItemLabelDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemLabelDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuItemRootDirective extends BaseMenuItemDirective {
+    itemState = computed(() => {
+        return this.menuContext().getItemState(this.itemProps());
+    }, ...(ngDevMode ? [{ debugName: "itemState" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemBindings({
+            ...this.itemProps(),
+        });
+    });
+    onDestroy = useOnDestroy();
+    constructor() {
+        super();
+        let prevId = "";
+        effect((onCleanup) => {
+            const id = this.itemState().id;
+            if (id !== prevId) {
+                prevId = id;
+                const cleanup = this.menuContext().addItemListener({
+                    id,
+                    onSelect: () => this.selected.emit(),
+                });
+                onCleanup(() => {
+                    cleanup?.();
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        this.menuItemService.init(computed(() => {
+            return {
+                ...this.itemProps(),
+                ...this.itemState(),
+            };
+        }));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuItemRootDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuItemRootDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuPositionerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    presenceService = inject(PresenceContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getPositionerBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuPositionerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuPositionerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuRadioItemGroupDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    radioItemGroupService = inject(MenuRadioItemGroupContextService);
+    /**
+     * The initial value of the radio item group.
+     * Use when you don't need to control the state of the group.
+     */
+    defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : []));
+    /**
+     * The controlled value of the radio item group.
+     */
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    valueState = useControlledState({
+        defaultValue: this.defaultValue,
+        onChange: (value) => this.value.set(value),
+        value: this.value,
+    });
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getItemGroupBindings({
+            id: this.hostId(),
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    ngOnInit() {
+        this.radioItemGroupService.init(computed(() => ({
+            id: this.hostId(),
+            onValueChange: (value) => this.valueState().setValue(value),
+            value: this.valueState().value(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRadioItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuRadioItemGroupDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRadioItemGroupDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuRadioItemDirective extends BaseMenuItemDirective {
+    menuOptionItemService = inject(MenuOptionItemContextService);
+    menuRadioItemGroupContext = useMenuRadioItemGroupContext();
+    optionItemProps = computed(() => {
+        const props = this.itemProps();
+        const itemGroup = this.menuRadioItemGroupContext();
+        return {
+            ...props,
+            checked: itemGroup.value === props.value,
+            onCheckedChange: () => itemGroup.onValueChange?.(props.value),
+            type: "radio",
+        };
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getOptionItemBindings(this.optionItemProps());
+    });
+    ngOnInit() {
+        this.trackBindings();
+        this.menuOptionItemService.init(computed(() => {
+            const optionItemProps = this.optionItemProps();
+            return {
+                ...optionItemProps,
+                ...this.menuContext().getItemState(optionItemProps),
+            };
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRadioItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuRadioItemDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRadioItemDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuMachineContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuMachineContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuMachineContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuMachineContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_MACHINE_CONTEXT, useMenuMachineContext, provideMenuMachineContext,] = createApiContext("MenuMachineContext", MenuMachineContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class MenuTriggerContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuTriggerContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuTriggerContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: MenuTriggerContextService, decorators: [{
+            type: Injectable
+        }] });
+const [MENU_TRIGGER_CONTEXT, useMenuTriggerContext, provideMenuTriggerContext,] = createApiContext("MenuTriggerContext", MenuTriggerContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuRootDirective extends CorePresenceDirective {
+    /**
+     * The positioning point for the menu. Can be set by the context menu trigger or
+     * the button trigger.
+     */
+    anchorPoint = input(...(ngDevMode ? [undefined, { debugName: "anchorPoint" }] : []));
+    /**
+     * Whether to close the menu when an option is selected
+     * @default true
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the menu is composed with other composite widgets like a combobox or tabs
+     * @default true
+     */
+    composite = input(undefined, ...(ngDevMode ? [{ debugName: "composite", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The initial highlighted value of the menu item when rendered.
+     * Use when you don't need to control the highlighted value of the menu item.
+     */
+    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : []));
+    /**
+     * The initial open state of the menu when rendered.
+     * Use when you don't need to control the open state of the menu.
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * The controlled highlighted value of the menu item.
+     */
+    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : []));
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.)
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    /**
+     * Whether to loop the keyboard navigation.
+     * @default false
+     */
+    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The controlled open state of the menu
+     */
+    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
+    /**
+     * The options used to dynamically position the menu
+     * @inheritDoc
+     */
+    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
+    /**
+     * Whether the pressing printable characters should trigger typeahead navigation
+     * @default true
+     */
+    typeahead = input(undefined, ...(ngDevMode ? [{ debugName: "typeahead", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Function called when the highlighted menu item changes.
+     */
+    highlightChanged = output();
+    /**
+     * Function to navigate to the selected item if it's an anchor element
+     */
+    navigate = output();
+    /**
+     * Function called when the escape key is pressed
+     */
+    escapeKeyDown = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * Function called when an interaction happens outside the component
+     */
+    interactOutside = output();
+    /**
+     * Function called when the open state changes
+     */
+    openChanged = output();
+    /**
+     * Function called when the pointer is pressed down outside the component
+     */
+    pointerDownOutside = output();
+    /**
+     * Function called when this layer is closed due to a parent layer being closed
+     */
+    requestDismissed = output();
+    /**
+     * Function called when a menu item is selected.
+     */
+    selected = output();
+    document = inject(DOCUMENT);
+    isMounted = useIsMounted();
+    menuService = inject(MenuContextService);
+    menuMachineService = inject(MenuMachineContextService);
+    menuTriggerService = inject(MenuTriggerContextService);
+    presenceService = inject(PresenceContextService);
+    injector = inject(Injector);
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    parentMachineContext = useMenuMachineContext({
+        optional: true,
+        skipSelf: true,
+    });
+    parentMenuContext = useMenuContext({
+        optional: true,
+        skipSelf: true,
+    });
+    ngOnInit() {
+        const machine = useMachine(menuMachine, computed(() => ({
+            anchorPoint: this.anchorPoint(),
+            closeOnSelect: this.closeOnSelect(),
+            composite: this.composite(),
+            defaultHighlightedValue: this.defaultHighlightedValue(),
+            defaultOpen: this.defaultOpen(),
+            dir: this.dir(),
+            getRootNode: this.getRootNode() || (() => this.document),
+            highlightedValue: this.highlightedValue(),
+            id: this.hostId(),
+            loopFocus: this.loopFocus(),
+            navigate: (details) => {
+                if (this.isMounted()) {
+                    this.navigate.emit(details);
+                }
+            },
+            onEscapeKeyDown: (event) => {
+                if (this.isMounted()) {
+                    this.escapeKeyDown.emit(event);
+                }
+            },
+            onFocusOutside: (value) => {
+                if (this.isMounted()) {
+                    this.focusOutside.emit(value);
+                }
+            },
+            onHighlightChange: (value) => {
+                if (this.isMounted()) {
+                    this.highlightChanged.emit(value);
+                }
+            },
+            onInteractOutside: (value) => {
+                if (this.isMounted()) {
+                    this.interactOutside.emit(value);
+                }
+            },
+            onOpenChange: (value) => {
+                if (this.isMounted()) {
+                    this.openChanged.emit(value);
+                }
+            },
+            onPointerDownOutside: (value) => {
+                if (this.isMounted()) {
+                    this.pointerDownOutside.emit(value);
+                }
+            },
+            onRequestDismiss: (event) => {
+                if (this.isMounted()) {
+                    this.requestDismissed.emit(event);
+                }
+            },
+            onSelect: (value) => {
+                this.selected.emit(value);
+            },
+            open: this.open(),
+            positioning: this.positioning(),
+            typeahead: this.typeahead(),
+        })), this.injector);
+        const menuApi = computed(() => createMenuApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "menuApi" }] : []));
+        // sub-menu check
+        if (this.parentMenuContext && this.parentMachineContext) {
+            this.parentMenuContext().setChild(machine);
+            menuApi().setParent(this.parentMachineContext());
+        }
+        this.menuService.init(menuApi);
+        this.menuMachineService.init(computed(() => machine));
+        this.menuTriggerService.init(computed(() => {
+            return (params) => {
+                return this.parentMenuContext?.()?.getTriggerItemBindings?.(menuApi(), params);
+            };
+        }));
+        const presence = useMachine(presenceMachine, computed(() => {
+            const present = this.present();
+            const api = menuApi();
+            const showing = isDefined(present) ? present : api.open;
+            untracked(() => {
+                if (this.presenceService.initialized()) {
+                    this.presenceService.immediatePresent = showing;
+                }
+            });
+            return {
+                immediate: this.immediate(),
+                lazyMount: this.lazyMount(),
+                onExitComplete: () => {
+                    this.exitCompleted.emit();
+                },
+                present: showing,
+                skipAnimationOnMount: this.skipAnimationOnMount(),
+                unmountOnExit: this.unmountOnExit(),
+            };
+        }), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuRootDirective, isStandalone: true, inputs: { anchorPoint: { classPropertyName: "anchorPoint", publicName: "anchorPoint", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { highlightChanged: "highlightChanged", navigate: "navigate", escapeKeyDown: "escapeKeyDown", focusOutside: "focusOutside", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", requestDismissed: "requestDismissed", selected: "selected" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { anchorPoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorPoint", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], typeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeahead", required: false }] }], highlightChanged: [{ type: i0.Output, args: ["highlightChanged"] }], navigate: [{ type: i0.Output, args: ["navigate"] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], requestDismissed: [{ type: i0.Output, args: ["requestDismissed"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuSeparatorDirective {
+    menuContext = useMenuContext();
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getSeparatorBindings();
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreMenuSeparatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuSeparatorDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuTriggerItemDirective extends BaseMenuItemDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuTriggerContext = useMenuTriggerContext();
+    trackBindings = useTrackBindings(() => {
+        return (this.menuTriggerContext()({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        }) ?? {});
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuTriggerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuTriggerItemDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuTriggerItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreMenuTriggerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    menuContext = useMenuContext();
+    presenceService = inject(PresenceContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.menuContext().getTriggerBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreMenuTriggerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreMenuTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseMenuItemDirective, CoreMenuCheckboxItemDirective, CoreMenuContentDirective, CoreMenuContextTriggerDirective, CoreMenuItemGroupDirective, CoreMenuItemGroupLabelDirective, CoreMenuItemIndicatorDirective, CoreMenuItemLabelDirective, CoreMenuItemRootDirective, CoreMenuPositionerDirective, CoreMenuRadioItemDirective, CoreMenuRadioItemGroupDirective, CoreMenuRootDirective, CoreMenuSeparatorDirective, CoreMenuTriggerDirective, CoreMenuTriggerItemDirective, MENU_CONTEXT, MENU_ITEM_CONTEXT, MENU_ITEM_GROUP_CONTEXT, MENU_MACHINE_CONTEXT, MENU_OPTION_ITEM_CONTEXT, MENU_RADIO_ITEM_GROUP_CONTEXT, MENU_TRIGGER_CONTEXT, MenuContextService, MenuItemContextService, MenuItemGroupContextService, MenuMachineContextService, MenuOptionItemContextService, MenuRadioItemGroupContextService, MenuTriggerContextService, provideMenuContext, provideMenuItemContext, provideMenuItemGroupContext, provideMenuMachineContext, provideMenuOptionItemContext, provideMenuRadioItemGroupContext, provideMenuTriggerContext, useMenuContext, useMenuItemContext, useMenuItemGroupContext, useMenuMachineContext, useMenuOptionItemContext, useMenuRadioItemGroupContext, useMenuTriggerContext };
+//# sourceMappingURL=qualcomm-ui-angular-core-menu.mjs.map