@qualcomm-ui/angular-core 1.5.0 → 2.0.0

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

@@ -13,10 +13,10 @@ 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.16", ngImport: i0, type: MenuContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_CONTEXT, useMenuContext, provideMenuContext,] = createApiContext("MenuContext", MenuContextService);
@@ -24,10 +24,10 @@ const [MENU_CONTEXT, useMenuContext, provideMenuContext,] = createApiContext("Me
 // 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.16", ngImport: i0, type: MenuItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_ITEM_CONTEXT, useMenuItemContext, provideMenuItemContext,] = createApiContext("MenuItemContext", MenuItemContextService);
@@ -43,24 +43,20 @@ class BaseMenuItemDirective {
     /**
      * Whether the menu should be closed when the option is selected.
      */
-    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Whether the menu item is disabled
      */
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The unique value of the menu item option.
      */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /**
      * 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" }] : []));
+    valueText = input(...(ngDevMode ? [undefined, { debugName: "valueText" }] : /* istanbul ignore next */ []));
     /**
      * Emitted when the item is selected
      */
@@ -73,21 +69,21 @@ class BaseMenuItemDirective {
         onSelect: () => this.selected.emit(),
         value: this.value(),
         valueText: this.valueText(),
-    }), ...(ngDevMode ? [{ debugName: "itemProps" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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 });
+    }), ...(ngDevMode ? [{ debugName: "itemProps" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: BaseMenuItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: BaseMenuItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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.16", ngImport: i0, type: MenuOptionItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuOptionItemContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuOptionItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuOptionItemContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuOptionItemContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuOptionItemContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_OPTION_ITEM_CONTEXT, useMenuOptionItemContext, provideMenuOptionItemContext,] = createApiContext("MenuOptionItemContext", MenuOptionItemContextService);
@@ -95,10 +91,8 @@ const [MENU_OPTION_ITEM_CONTEXT, useMenuOptionItemContext, provideMenuOptionItem
 // 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,
-        }]));
+    checked = input(...(ngDevMode ? [undefined, { debugName: "checked" }] : /* istanbul ignore next */ []));
+    defaultChecked = input(false, { ...(ngDevMode ? { debugName: "defaultChecked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     checkedChanged = output();
     menuOptionItemService = inject(MenuOptionItemContextService);
     optionItemProps = computed(() => {
@@ -109,7 +103,7 @@ class CoreMenuCheckboxItemDirective extends BaseMenuItemDirective {
             onCheckedChange: (value) => this.checkedState().setValue(value),
             type: "checkbox",
         };
-    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : /* istanbul ignore next */ []));
     trackBindings = useTrackBindings(() => {
         return this.menuContext().getOptionItemBindings(this.optionItemProps());
     });
@@ -124,16 +118,16 @@ class CoreMenuCheckboxItemDirective extends BaseMenuItemDirective {
             ...this.menuContext().getItemState(optionItemProps),
             ...optionItemProps,
         };
-    }, ...(ngDevMode ? [{ debugName: "optionItemState" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "optionItemState" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         this.menuOptionItemService.init(this.optionItemState);
         this.menuItemService.init(this.optionItemState);
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuCheckboxItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuCheckboxItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuCheckboxItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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"] }] } });
 
@@ -144,7 +138,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuContext = useMenuContext();
     presenceService = inject(PresenceContextService);
     elementRef = inject(ElementRef);
@@ -156,7 +150,7 @@ class CoreMenuContentDirective {
     });
     onDestroy = useOnDestroy();
     presenceEffect = usePresenceRenderer();
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     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
@@ -174,10 +168,10 @@ class CoreMenuContentDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuContentDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuContentDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
@@ -188,7 +182,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuContext = useMenuContext();
     trackBindings = useTrackBindings(() => {
         return this.menuContext().getContextTriggerBindings({
@@ -196,25 +190,25 @@ class CoreMenuContextTriggerDirective {
             onDestroy: this.onDestroy,
         });
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     onDestroy = useOnDestroy();
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuContextTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuContextTriggerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuContextTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuContextTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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.16", ngImport: i0, type: MenuItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemGroupContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemGroupContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemGroupContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuItemGroupContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_ITEM_GROUP_CONTEXT, useMenuItemGroupContext, provideMenuItemGroupContext,] = createApiContext("MenuItemGroupContext", MenuItemGroupContextService);
@@ -222,10 +216,10 @@ const [MENU_ITEM_GROUP_CONTEXT, useMenuItemGroupContext, provideMenuItemGroupCon
 // 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.16", ngImport: i0, type: MenuRadioItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuRadioItemGroupContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuRadioItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuRadioItemGroupContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuRadioItemGroupContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuRadioItemGroupContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_RADIO_ITEM_GROUP_CONTEXT, useMenuRadioItemGroupContext, provideMenuRadioItemGroupContext,] = createApiContext("MenuRadioItemGroupContext", MenuRadioItemGroupContextService);
@@ -249,10 +243,10 @@ class CoreMenuItemGroupLabelDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuItemGroupLabelDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuItemGroupLabelDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemGroupLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemGroupLabelDirective, decorators: [{
             type: Directive
         }] });
 
@@ -263,7 +257,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuContext = useMenuContext();
     menuItemGroupService = inject(MenuItemGroupContextService);
     trackBindings = useTrackBindings(() => {
@@ -271,15 +265,15 @@ class CoreMenuItemGroupDirective {
             id: this.hostId(),
         });
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         this.menuItemGroupService.init(computed(() => ({ id: this.hostId() })));
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuItemGroupDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuItemGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemGroupDirective, decorators: [{
             type: Directive
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
@@ -301,10 +295,10 @@ class CoreMenuItemIndicatorDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuItemIndicatorDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemIndicatorDirective, decorators: [{
             type: Directive
         }] });
 
@@ -327,10 +321,10 @@ class CoreMenuItemLabelDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuItemLabelDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuItemLabelDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemLabelDirective, decorators: [{
             type: Directive
         }] });
 
@@ -339,7 +333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class CoreMenuItemRootDirective extends BaseMenuItemDirective {
     itemState = computed(() => {
         return this.menuContext().getItemState(this.itemProps());
-    }, ...(ngDevMode ? [{ debugName: "itemState" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "itemState" }] : /* istanbul ignore next */ []));
     trackBindings = useTrackBindings(() => {
         return this.menuContext().getItemBindings({
             ...this.itemProps(),
@@ -372,10 +366,10 @@ class CoreMenuItemRootDirective extends BaseMenuItemDirective {
         }));
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuItemRootDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuItemRootDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuItemRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuItemRootDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -386,7 +380,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuContext = useMenuContext();
     presenceService = inject(PresenceContextService);
     trackBindings = useTrackBindings(() => {
@@ -395,15 +389,15 @@ class CoreMenuPositionerDirective {
             onDestroy: this.onDestroy,
         });
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     onDestroy = useOnDestroy();
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuPositionerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuPositionerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuPositionerDirective, decorators: [{
             type: Directive
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
@@ -414,18 +408,18 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     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" }] : []));
+    defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : /* istanbul ignore next */ []));
     /**
      * The controlled value of the radio item group.
      */
-    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     valueState = useControlledState({
         defaultValue: this.defaultValue,
         onChange: (value) => this.value.set(value),
@@ -436,7 +430,7 @@ class CoreMenuRadioItemGroupDirective {
             id: this.hostId(),
         });
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         this.radioItemGroupService.init(computed(() => ({
             id: this.hostId(),
@@ -445,10 +439,10 @@ class CoreMenuRadioItemGroupDirective {
         })));
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuRadioItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuRadioItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuRadioItemGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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"] }] } });
 
@@ -466,7 +460,7 @@ class CoreMenuRadioItemDirective extends BaseMenuItemDirective {
             onCheckedChange: () => itemGroup.onValueChange?.(props.value),
             type: "radio",
         };
-    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "optionItemProps" }] : /* istanbul ignore next */ []));
     trackBindings = useTrackBindings(() => {
         return this.menuContext().getOptionItemBindings(this.optionItemProps());
     });
@@ -480,20 +474,20 @@ class CoreMenuRadioItemDirective extends BaseMenuItemDirective {
             };
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuRadioItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuRadioItemDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuRadioItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuRadioItemDirective, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuRadioItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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.16", ngImport: i0, type: MenuMachineContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuMachineContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuMachineContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuMachineContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuMachineContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuMachineContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_MACHINE_CONTEXT, useMenuMachineContext, provideMenuMachineContext,] = createApiContext("MenuMachineContext", MenuMachineContextService);
@@ -501,10 +495,10 @@ const [MENU_MACHINE_CONTEXT, useMenuMachineContext, provideMenuMachineContext,]
 // 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.16", ngImport: i0, type: MenuTriggerContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuTriggerContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuTriggerContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuTriggerContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuTriggerContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: MenuTriggerContextService, decorators: [{
             type: Injectable
         }] });
 const [MENU_TRIGGER_CONTEXT, useMenuTriggerContext, provideMenuTriggerContext,] = createApiContext("MenuTriggerContext", MenuTriggerContextService);
@@ -516,76 +510,66 @@ 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" }] : []));
+    anchorPoint = input(...(ngDevMode ? [undefined, { debugName: "anchorPoint" }] : /* istanbul ignore next */ []));
     /**
      * Whether to close the menu when an option is selected
      * @default true
      */
-    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), 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,
-        }]));
+    composite = input(undefined, { ...(ngDevMode ? { debugName: "composite" } : /* istanbul ignore next */ {}), 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" }] : []));
+    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : /* istanbul ignore next */ []));
     /**
      * 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,
-        }]));
+    defaultOpen = input(undefined, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The document's text/writing direction.
      *
      * @default "ltr"
      */
-    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []));
     /**
      * A root node to correctly resolve the Document in custom environments. i.e.,
      * Iframes, Electron.
      */
-    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : /* istanbul ignore next */ []));
     /**
      * The controlled highlighted value of the menu item.
      */
-    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : []));
+    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : /* istanbul ignore next */ []));
     /**
      * {@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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     /**
      * Whether to loop the keyboard navigation.
      * @default false
      */
-    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    loopFocus = input(undefined, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The controlled open state of the menu
      */
-    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
+    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : /* istanbul ignore next */ []));
     /**
      * The options used to dynamically position the menu
      * @inheritDoc
      */
-    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
+    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : /* istanbul ignore next */ []));
     /**
      * Whether the pressing printable characters should trigger typeahead navigation
      * @default true
      */
-    typeahead = input(undefined, ...(ngDevMode ? [{ debugName: "typeahead", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    typeahead = input(undefined, { ...(ngDevMode ? { debugName: "typeahead" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Function called when the highlighted menu item changes.
      */
@@ -629,7 +613,7 @@ class CoreMenuRootDirective extends CorePresenceDirective {
     menuTriggerService = inject(MenuTriggerContextService);
     presenceService = inject(PresenceContextService);
     injector = inject(Injector);
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     parentMachineContext = useMenuMachineContext({
         optional: true,
         skipSelf: true,
@@ -697,7 +681,7 @@ class CoreMenuRootDirective extends CorePresenceDirective {
             positioning: this.positioning(),
             typeahead: this.typeahead(),
         })), this.injector);
-        const menuApi = computed(() => createMenuApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "menuApi" }] : []));
+        const menuApi = computed(() => createMenuApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "menuApi" }] : /* istanbul ignore next */ []));
         // sub-menu check
         if (this.parentMenuContext && this.parentMachineContext) {
             this.parentMenuContext().setChild(machine);
@@ -732,10 +716,10 @@ class CoreMenuRootDirective extends CorePresenceDirective {
         }), this.injector);
         this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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"] }] } });
 
@@ -749,10 +733,10 @@ class CoreMenuSeparatorDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CoreMenuSeparatorDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: CoreMenuSeparatorDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuSeparatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuSeparatorDirective, decorators: [{
             type: Directive
         }] });
 
@@ -763,7 +747,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuTriggerContext = useMenuTriggerContext();
     trackBindings = useTrackBindings(() => {
         return (this.menuTriggerContext()({
@@ -771,15 +755,15 @@ class CoreMenuTriggerItemDirective extends BaseMenuItemDirective {
             onDestroy: this.onDestroy,
         }) ?? {});
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     onDestroy = useOnDestroy();
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuTriggerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuTriggerItemDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuTriggerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuTriggerItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuTriggerItemDirective, decorators: [{
             type: Directive
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
@@ -790,7 +774,7 @@ 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
     menuContext = useMenuContext();
     presenceService = inject(PresenceContextService);
     trackBindings = useTrackBindings(() => {
@@ -799,15 +783,15 @@ class CoreMenuTriggerDirective {
             onDestroy: this.onDestroy,
         });
     });
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     onDestroy = useOnDestroy();
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CoreMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: CoreMenuTriggerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: CoreMenuTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: CoreMenuTriggerDirective, decorators: [{
             type: Directive
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });