ng-primitives 0.120.4 → 0.121.0

package/fesm2022/ng-primitives-context-menu.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, booleanAttribute, Directive, output, computed, Injector, ViewContainerRef, signal } from '@angular/core';
 import { provideFocusTrapState } from 'ng-primitives/focus-trap';
 import { ngpMenu, provideMenuState, ngpMenuItem, provideMenuItemState, ngpMenuItemCheckbox, provideMenuItemCheckboxState, injectMenuItemCheckboxState, injectMenuItemRadioState, ngpMenuItemRadio, provideMenuItemRadioState, ngpMenuItemRadioGroup, provideMenuItemRadioGroupState, ngpSubmenuTrigger, provideSubmenuTriggerState, NgpSubmenuTriggerStateToken, NgpMenuTriggerStateToken, NgpSubmenuTrigger, provideMenuTriggerState } from 'ng-primitives/menu';
+import { provideControlContainerIsolation, coerceOffset, coerceFlip, createOverlay, coerceShift } from 'ng-primitives/portal';
 import { ngpRovingFocusGroup, provideRovingFocusGroupState, ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';
 import { injectElementRef } from 'ng-primitives/internal';
 import { dataBinding, createPrimitive, controlled, styleBinding, listener, onDestroy } from 'ng-primitives/state';
-import { coerceOffset, coerceFlip, createOverlay, coerceShift } from 'ng-primitives/portal';
 
 const defaultContextMenuConfig = {
     offset: 2,
@@ -45,11 +45,8 @@ class NgpContextMenu {
          * Whether focus should wrap around when reaching the end of the menu.
          * @default true
          */
-        this.wrap = input(true, ...(ngDevMode ? [{ debugName: "wrap", alias: 'ngpContextMenuWrap',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuWrap',
-                transform: booleanAttribute,
-            }]));
+        this.wrap = input(true, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuWrap',
+            transform: booleanAttribute });
         this.state = ngpMenu({ wrap: this.wrap });
         ngpRovingFocusGroup({ inherit: false, wrap: this.wrap });
     }
@@ -57,14 +54,15 @@ class NgpContextMenu {
     closeAllMenus(origin) {
         this.state.closeAllMenus(origin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenu, isStandalone: true, selector: "[ngpContextMenu]", inputs: { wrap: { classPropertyName: "wrap", publicName: "ngpContextMenuWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenu, isStandalone: true, selector: "[ngpContextMenu]", inputs: { wrap: { classPropertyName: "wrap", publicName: "ngpContextMenuWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideRovingFocusGroupState({ inherit: false }),
             provideMenuState({ inherit: false }),
             provideFocusTrapState(),
+            provideControlContainerIsolation(),
         ], exportAs: ["ngpContextMenu"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenu, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenu]',
@@ -73,6 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         provideRovingFocusGroupState({ inherit: false }),
                         provideMenuState({ inherit: false }),
                         provideFocusTrapState(),
+                        provideControlContainerIsolation(),
                     ],
                 }]
         }], ctorParameters: () => [], propDecorators: { wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpContextMenuWrap", required: false }] }] } });
@@ -83,24 +82,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class NgpContextMenuItem {
     constructor() {
         /** Whether the menu item is disabled */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpContextMenuItemDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuItemDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemDisabled',
+            transform: booleanAttribute });
         /** Whether the menu should close when this item is selected */
-        this.closeOnSelect = input(true, ...(ngDevMode ? [{ debugName: "closeOnSelect", alias: 'ngpContextMenuItemCloseOnSelect',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuItemCloseOnSelect',
-                transform: booleanAttribute,
-            }]));
+        this.closeOnSelect = input(true, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemCloseOnSelect',
+            transform: booleanAttribute });
         ngpMenuItem({ disabled: this.disabled, closeOnSelect: this.closeOnSelect });
         ngpRovingFocusItem({ disabled: this.disabled });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuItem, isStandalone: true, selector: "[ngpContextMenuItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemDisabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "ngpContextMenuItemCloseOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideMenuItemState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuItem, isStandalone: true, selector: "[ngpContextMenuItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemDisabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "ngpContextMenuItemCloseOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideMenuItemState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItem, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuItem]',
@@ -115,21 +108,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class NgpContextMenuItemCheckbox {
     constructor() {
         /** Whether the checkbox is checked */
-        this.checked = input(false, ...(ngDevMode ? [{ debugName: "checked", alias: 'ngpContextMenuItemCheckboxChecked',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuItemCheckboxChecked',
-                transform: booleanAttribute,
-            }]));
+        this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemCheckboxChecked',
+            transform: booleanAttribute });
         /** Event emitted when the checked state changes */
         this.checkedChange = output({
             alias: 'ngpContextMenuItemCheckboxCheckedChange',
         });
         /** Whether the menu item checkbox is disabled */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpContextMenuItemCheckboxDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuItemCheckboxDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemCheckboxDisabled',
+            transform: booleanAttribute });
         ngpMenuItemCheckbox({
             checked: this.checked,
             disabled: this.disabled,
@@ -137,10 +124,10 @@ class NgpContextMenuItemCheckbox {
         });
         ngpRovingFocusItem({ disabled: this.disabled });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuItemCheckbox, isStandalone: true, selector: "[ngpContextMenuItemCheckbox]", inputs: { checked: { classPropertyName: "checked", publicName: "ngpContextMenuItemCheckboxChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemCheckboxDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "ngpContextMenuItemCheckboxCheckedChange" }, providers: [provideMenuItemCheckboxState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItemCheckbox"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuItemCheckbox, isStandalone: true, selector: "[ngpContextMenuItemCheckbox]", inputs: { checked: { classPropertyName: "checked", publicName: "ngpContextMenuItemCheckboxChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemCheckboxDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "ngpContextMenuItemCheckboxCheckedChange" }, providers: [provideMenuItemCheckboxState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItemCheckbox"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemCheckbox, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuItemCheckbox]',
@@ -158,13 +145,13 @@ class NgpContextMenuItemIndicator {
         const element = injectElementRef();
         const checkboxState = injectMenuItemCheckboxState({ optional: true });
         const radioState = injectMenuItemRadioState({ optional: true });
-        const checked = computed(() => checkboxState()?.checked() ?? radioState()?.checked() ?? false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+        const checked = computed(() => checkboxState()?.checked() ?? radioState()?.checked() ?? false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
         dataBinding(element, 'data-checked', checked);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpContextMenuItemIndicator, isStandalone: true, selector: "[ngpContextMenuItemIndicator]", exportAs: ["ngpContextMenuItemIndicator"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpContextMenuItemIndicator, isStandalone: true, selector: "[ngpContextMenuItemIndicator]", exportAs: ["ngpContextMenuItemIndicator"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemIndicator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuItemIndicator]',
@@ -178,22 +165,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class NgpContextMenuItemRadio {
     constructor() {
         /** The value this radio item represents */
-        this.value = input.required(...(ngDevMode ? [{ debugName: "value", alias: 'ngpContextMenuItemRadioValue' }] : [{
-                alias: 'ngpContextMenuItemRadioValue',
-            }]));
+        this.value = input.required({ ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemRadioValue' });
         /** Whether the radio item is disabled */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpContextMenuItemRadioDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuItemRadioDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemRadioDisabled',
+            transform: booleanAttribute });
         ngpMenuItemRadio({ value: this.value, disabled: this.disabled });
         ngpRovingFocusItem({ disabled: this.disabled });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuItemRadio, isStandalone: true, selector: "[ngpContextMenuItemRadio]", inputs: { value: { classPropertyName: "value", publicName: "ngpContextMenuItemRadioValue", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemRadioDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideMenuItemRadioState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItemRadio"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuItemRadio, isStandalone: true, selector: "[ngpContextMenuItemRadio]", inputs: { value: { classPropertyName: "value", publicName: "ngpContextMenuItemRadioValue", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuItemRadioDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideMenuItemRadioState(), provideRovingFocusItemState()], exportAs: ["ngpContextMenuItemRadio"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemRadio, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuItemRadio]',
@@ -208,9 +190,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
 class NgpContextMenuItemRadioGroup {
     constructor() {
         /** The current value of the radio group */
-        this.value = input(null, ...(ngDevMode ? [{ debugName: "value", alias: 'ngpContextMenuItemRadioGroupValue' }] : [{
-                alias: 'ngpContextMenuItemRadioGroupValue',
-            }]));
+        this.value = input(null, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuItemRadioGroupValue' });
         /** Event emitted when the value changes */
         this.valueChange = output({
             alias: 'ngpContextMenuItemRadioGroupValueChange',
@@ -220,10 +200,10 @@ class NgpContextMenuItemRadioGroup {
             onValueChange: value => this.valueChange.emit(value),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuItemRadioGroup, isStandalone: true, selector: "[ngpContextMenuItemRadioGroup]", inputs: { value: { classPropertyName: "value", publicName: "ngpContextMenuItemRadioGroupValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpContextMenuItemRadioGroupValueChange" }, providers: [provideMenuItemRadioGroupState()], exportAs: ["ngpContextMenuItemRadioGroup"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuItemRadioGroup, isStandalone: true, selector: "[ngpContextMenuItemRadioGroup]", inputs: { value: { classPropertyName: "value", publicName: "ngpContextMenuItemRadioGroupValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpContextMenuItemRadioGroupValueChange" }, providers: [provideMenuItemRadioGroupState()], exportAs: ["ngpContextMenuItemRadioGroup"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuItemRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuItemRadioGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuItemRadioGroup]',
@@ -240,43 +220,30 @@ class NgpContextMenuSubmenuTrigger {
         /**
          * Access the submenu template ref.
          */
-        this.menu = input(undefined, ...(ngDevMode ? [{ debugName: "menu", alias: 'ngpContextMenuSubmenuTrigger' }] : [{
-                alias: 'ngpContextMenuSubmenuTrigger',
-            }]));
+        this.menu = input(undefined, { ...(ngDevMode ? { debugName: "menu" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuSubmenuTrigger' });
         /**
          * Define if the trigger should be disabled.
          * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpContextMenuSubmenuTriggerDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuSubmenuTriggerDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuSubmenuTriggerDisabled',
+            transform: booleanAttribute });
         /**
          * Define the placement of the submenu relative to the trigger.
          * @default 'right-start'
          */
-        this.placement = input('right-start', ...(ngDevMode ? [{ debugName: "placement", alias: 'ngpContextMenuSubmenuTriggerPlacement' }] : [{
-                alias: 'ngpContextMenuSubmenuTriggerPlacement',
-            }]));
+        this.placement = input('right-start', { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuSubmenuTriggerPlacement' });
         /**
          * Define the offset of the submenu relative to the trigger.
          * @default 0
          */
-        this.offset = input(0, ...(ngDevMode ? [{ debugName: "offset", alias: 'ngpContextMenuSubmenuTriggerOffset',
-                transform: coerceOffset }] : [{
-                alias: 'ngpContextMenuSubmenuTriggerOffset',
-                transform: coerceOffset,
-            }]));
+        this.offset = input(0, { ...(ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuSubmenuTriggerOffset',
+            transform: coerceOffset });
         /**
          * Define whether the submenu should flip when there is not enough space.
          * @default true
          */
-        this.flip = input(true, ...(ngDevMode ? [{ debugName: "flip", alias: 'ngpContextMenuSubmenuTriggerFlip',
-                transform: coerceFlip }] : [{
-                alias: 'ngpContextMenuSubmenuTriggerFlip',
-                transform: coerceFlip,
-            }]));
+        this.flip = input(true, { ...(ngDevMode ? { debugName: "flip" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuSubmenuTriggerFlip',
+            transform: coerceFlip });
         this.state = ngpSubmenuTrigger({
             disabled: this.disabled,
             menu: this.menu,
@@ -297,15 +264,15 @@ class NgpContextMenuSubmenuTrigger {
     focus(origin = 'program') {
         this.state.focus(origin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuSubmenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuSubmenuTrigger, isStandalone: true, selector: "[ngpContextMenuSubmenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "ngpContextMenuSubmenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuSubmenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpContextMenuSubmenuTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpContextMenuSubmenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpContextMenuSubmenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuSubmenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuSubmenuTrigger, isStandalone: true, selector: "[ngpContextMenuSubmenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "ngpContextMenuSubmenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuSubmenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpContextMenuSubmenuTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpContextMenuSubmenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpContextMenuSubmenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideSubmenuTriggerState(),
             { provide: NgpMenuTriggerStateToken, useExisting: NgpSubmenuTriggerStateToken },
             // Provide as NgpSubmenuTrigger so ngpMenuItem can detect this is a submenu trigger
             { provide: NgpSubmenuTrigger, useExisting: NgpContextMenuSubmenuTrigger },
         ], exportAs: ["ngpContextMenuSubmenuTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuSubmenuTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuSubmenuTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuSubmenuTrigger]',
@@ -336,10 +303,10 @@ const [NgpContextMenuTriggerStateToken, ngpContextMenuTrigger, _injectContextMen
     const offset = controlled(_offset);
     const context = controlled(_context);
     // Internal state
-    const overlay = signal(null, ...(ngDevMode ? [{ debugName: "overlay" }] : []));
-    const open = computed(() => overlay()?.isOpen() ?? false, ...(ngDevMode ? [{ debugName: "open" }] : []));
-    const openOrigin = signal('program', ...(ngDevMode ? [{ debugName: "openOrigin" }] : []));
-    const cursorPosition = signal(null, ...(ngDevMode ? [{ debugName: "cursorPosition" }] : []));
+    const overlay = signal(null, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
+    const open = computed(() => overlay()?.isOpen() ?? false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    const openOrigin = signal('program', ...(ngDevMode ? [{ debugName: "openOrigin" }] : /* istanbul ignore next */ []));
+    const cursorPosition = signal(null, ...(ngDevMode ? [{ debugName: "cursorPosition" }] : /* istanbul ignore next */ []));
     // Host bindings
     dataBinding(element, 'data-open', open);
     // Prevent iOS text selection and callout on long-press.
@@ -502,8 +469,8 @@ const [NgpContextMenuTriggerStateToken, ngpContextMenuTrigger, _injectContextMen
         setPointerOverContent,
     };
 });
-function injectContextMenuTriggerState() {
-    return _injectContextMenuTriggerState();
+function injectContextMenuTriggerState(options) {
+    return _injectContextMenuTriggerState(options);
 }
 
 /**
@@ -519,65 +486,45 @@ class NgpContextMenuTrigger {
         /**
          * The menu template ref or ComponentType to display.
          */
-        this.menu = input(undefined, ...(ngDevMode ? [{ debugName: "menu", alias: 'ngpContextMenuTrigger' }] : [{
-                alias: 'ngpContextMenuTrigger',
-            }]));
+        this.menu = input(undefined, { ...(ngDevMode ? { debugName: "menu" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTrigger' });
         /**
          * Define if the trigger should be disabled.
          * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpContextMenuTriggerDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpContextMenuTriggerDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerDisabled',
+            transform: booleanAttribute });
         /**
          * Define the offset of the context menu relative to the cursor position.
          * @default 2
          */
-        this.offset = input(this.config.offset, ...(ngDevMode ? [{ debugName: "offset", alias: 'ngpContextMenuTriggerOffset',
-                transform: coerceOffset }] : [{
-                alias: 'ngpContextMenuTriggerOffset',
-                transform: coerceOffset,
-            }]));
+        this.offset = input(this.config.offset, { ...(ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerOffset',
+            transform: coerceOffset });
         /**
          * Define whether the context menu should flip when there is not enough space.
          * @default true
          */
-        this.flip = input(this.config.flip, ...(ngDevMode ? [{ debugName: "flip", alias: 'ngpContextMenuTriggerFlip',
-                transform: coerceFlip }] : [{
-                alias: 'ngpContextMenuTriggerFlip',
-                transform: coerceFlip,
-            }]));
+        this.flip = input(this.config.flip, { ...(ngDevMode ? { debugName: "flip" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerFlip',
+            transform: coerceFlip });
         /**
          * Configure shift behavior to keep the context menu in view.
          * @default undefined
          */
-        this.shift = input(this.config.shift, ...(ngDevMode ? [{ debugName: "shift", alias: 'ngpContextMenuTriggerShift',
-                transform: coerceShift }] : [{
-                alias: 'ngpContextMenuTriggerShift',
-                transform: coerceShift,
-            }]));
+        this.shift = input(this.config.shift, { ...(ngDevMode ? { debugName: "shift" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerShift',
+            transform: coerceShift });
         /**
          * Define the container in which the context menu should be attached.
          * @default document.body
          */
-        this.container = input(this.config.container, ...(ngDevMode ? [{ debugName: "container", alias: 'ngpContextMenuTriggerContainer' }] : [{
-                alias: 'ngpContextMenuTriggerContainer',
-            }]));
+        this.container = input(this.config.container, { ...(ngDevMode ? { debugName: "container" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerContainer' });
         /**
          * Defines how the context menu behaves when the window is scrolled.
          * @default 'close'
          */
-        this.scrollBehavior = input(this.config.scrollBehavior, ...(ngDevMode ? [{ debugName: "scrollBehavior", alias: 'ngpContextMenuTriggerScrollBehavior' }] : [{
-                alias: 'ngpContextMenuTriggerScrollBehavior',
-            }]));
+        this.scrollBehavior = input(this.config.scrollBehavior, { ...(ngDevMode ? { debugName: "scrollBehavior" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerScrollBehavior' });
         /**
          * Provide context to the menu. This can be used to pass data to the menu content.
          */
-        this.context = input(undefined, ...(ngDevMode ? [{ debugName: "context", alias: 'ngpContextMenuTriggerContext' }] : [{
-                alias: 'ngpContextMenuTriggerContext',
-            }]));
+        this.context = input(undefined, { ...(ngDevMode ? { debugName: "context" } : /* istanbul ignore next */ {}), alias: 'ngpContextMenuTriggerContext' });
         /**
          * The context menu trigger state.
          */
@@ -592,10 +539,10 @@ class NgpContextMenuTrigger {
             context: this.context,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpContextMenuTrigger, isStandalone: true, selector: "[ngpContextMenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "ngpContextMenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpContextMenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpContextMenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "ngpContextMenuTriggerShift", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpContextMenuTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "ngpContextMenuTriggerScrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ngpContextMenuTriggerContext", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideContextMenuTriggerState(), provideMenuTriggerState()], exportAs: ["ngpContextMenuTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpContextMenuTrigger, isStandalone: true, selector: "[ngpContextMenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "ngpContextMenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpContextMenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpContextMenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpContextMenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "ngpContextMenuTriggerShift", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpContextMenuTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "ngpContextMenuTriggerScrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ngpContextMenuTriggerContext", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideContextMenuTriggerState(), provideMenuTriggerState()], exportAs: ["ngpContextMenuTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpContextMenuTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpContextMenuTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpContextMenuTrigger]',