ng-primitives 0.120.4 → 0.121.0

package/fesm2022/ng-primitives-meter.mjs

@@ -23,34 +23,23 @@ const meterState = createState(NgpMeterStateToken);
 class NgpMeter {
     constructor() {
         /** The value of the meter. */
-        this.value = input(0, ...(ngDevMode ? [{ debugName: "value", alias: 'ngpMeterValue',
-                transform: numberAttribute }] : [{
-                alias: 'ngpMeterValue',
-                transform: numberAttribute,
-            }]));
+        this.value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpMeterValue',
+            transform: numberAttribute });
         /** The minimum value of the meter. */
-        this.min = input(0, ...(ngDevMode ? [{ debugName: "min", alias: 'ngpMeterMin',
-                transform: numberAttribute }] : [{
-                alias: 'ngpMeterMin',
-                transform: numberAttribute,
-            }]));
+        this.min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), alias: 'ngpMeterMin',
+            transform: numberAttribute });
         /** The maximum value of the meter. */
-        this.max = input(100, ...(ngDevMode ? [{ debugName: "max", alias: 'ngpMeterMax',
-                transform: numberAttribute }] : [{
-                alias: 'ngpMeterMax',
-                transform: numberAttribute,
-            }]));
+        this.max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), alias: 'ngpMeterMax',
+            transform: numberAttribute });
         /**
          * Define a function that returns the meter value label.
          * @param value The current value
          * @param max The maximum value
          * @returns The value label
          */
-        this.valueLabel = input((value, max) => `${Math.round((value / max) * 100)}%`, ...(ngDevMode ? [{ debugName: "valueLabel", alias: 'ngpMeterValueLabel' }] : [{
-                alias: 'ngpMeterValueLabel',
-            }]));
+        this.valueLabel = input((value, max) => `${Math.round((value / max) * 100)}%`, { ...(ngDevMode ? { debugName: "valueLabel" } : /* istanbul ignore next */ {}), alias: 'ngpMeterValueLabel' });
         /** @internal Store the label instance */
-        this.label = signal(null, ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.label = signal(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         /** @internal The percentage of the meter. */
         this.percentage = computed(() => {
             const value = this.state.value();
@@ -66,14 +55,14 @@ class NgpMeter {
                 return 100;
             }
             return ((value - min) / (max - min)) * 100;
-        }, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
         /** The state of the meter. */
         this.state = meterState(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpMeter, isStandalone: true, selector: "[ngpMeter]", inputs: { value: { classPropertyName: "value", publicName: "ngpMeterValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpMeterMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpMeterMax", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "ngpMeterValueLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "meter" }, properties: { "attr.aria-valuenow": "percentage()", "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-valuetext": "valueLabel()(value(), max())", "attr.aria-labelledby": "label()?.id()" } }, providers: [provideMeterState()], exportAs: ["ngpMeter"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpMeter, isStandalone: true, selector: "[ngpMeter]", inputs: { value: { classPropertyName: "value", publicName: "ngpMeterValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpMeterMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpMeterMax", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "ngpMeterValueLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "meter" }, properties: { "attr.aria-valuenow": "percentage()", "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-valuetext": "valueLabel()(value(), max())", "attr.aria-labelledby": "label()?.id()" } }, providers: [provideMeterState()], exportAs: ["ngpMeter"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeter, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMeter]',
@@ -91,10 +80,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpMeterValue", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpMeterMin", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpMeterMax", required: false }] }], valueLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngpMeterValueLabel", required: false }] }] } });
 
 class NgpMeterTrack {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpMeterTrack, isStandalone: true, selector: "[ngpMeterTrack]", exportAs: ["ngpMeterTrack"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpMeterTrack, isStandalone: true, selector: "[ngpMeterTrack]", exportAs: ["ngpMeterTrack"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterTrack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterTrack, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMeterTrack]',
@@ -107,10 +96,10 @@ class NgpMeterIndicator {
         /** Access the meter */
         this.meter = injectMeterState();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpMeterIndicator, isStandalone: true, selector: "[ngpMeterIndicator]", host: { properties: { "style.width.%": "meter().percentage()" } }, exportAs: ["ngpMeterIndicator"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpMeterIndicator, isStandalone: true, selector: "[ngpMeterIndicator]", host: { properties: { "style.width.%": "meter().percentage()" } }, exportAs: ["ngpMeterIndicator"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterIndicator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMeterIndicator]',
@@ -122,10 +111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
         }] });
 
 class NgpMeterValue {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpMeterValue, isStandalone: true, selector: "[ngpMeterValue]", host: { attributes: { "aria-hidden": "true" } }, exportAs: ["ngpMeterValue"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpMeterValue, isStandalone: true, selector: "[ngpMeterValue]", host: { attributes: { "aria-hidden": "true" } }, exportAs: ["ngpMeterValue"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterValue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterValue, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMeterValue]',
@@ -141,14 +130,14 @@ class NgpMeterLabel {
         /** Access the meter */
         this.meter = injectMeterState();
         /** The id of the meter label */
-        this.id = input(uniqueId('ngp-meter-label'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-meter-label'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         // Register the label with the meter
         this.meter().label.set(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpMeterLabel, isStandalone: true, selector: "[ngpMeterLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, exportAs: ["ngpMeterLabel"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpMeterLabel, isStandalone: true, selector: "[ngpMeterLabel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" } }, exportAs: ["ngpMeterLabel"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpMeterLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpMeterLabel, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpMeterLabel]',

package/fesm2022/ng-primitives-meter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-meter.mjs","sources":["../../../../packages/ng-primitives/meter/src/meter/meter-state.ts","../../../../packages/ng-primitives/meter/src/meter/meter.ts","../../../../packages/ng-primitives/meter/src/meter-track/meter-track.ts","../../../../packages/ng-primitives/meter/src/meter-indicator/meter-indicator.ts","../../../../packages/ng-primitives/meter/src/meter-value/meter-value.ts","../../../../packages/ng-primitives/meter/src/meter-label/meter-label.ts","../../../../packages/ng-primitives/meter/src/ng-primitives-meter.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpMeter } from './meter';\n\n/**\n * The state token  for the Meter primitive.\n */\nexport const NgpMeterStateToken = createStateToken<NgpMeter>('Meter');\n\n/**\n * Provides the Meter state.\n */\nexport const provideMeterState = createStateProvider(NgpMeterStateToken);\n\n/**\n * Injects the Meter state.\n */\nexport const injectMeterState = createStateInjector<NgpMeter>(NgpMeterStateToken);\n\n/**\n * The Meter state registration function.\n */\nexport const meterState = createState(NgpMeterStateToken);\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { computed, Directive, input, numberAttribute, signal } from '@angular/core';\nimport type { NgpMeterLabel } from '../meter-label/meter-label';\nimport { meterState, provideMeterState } from './meter-state';\n\n@Directive({\n  selector: '[ngpMeter]',\n  exportAs: 'ngpMeter',\n  providers: [provideMeterState()],\n  host: {\n    role: 'meter',\n    '[attr.aria-valuenow]': 'percentage()',\n    '[attr.aria-valuemin]': 'min()',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-valuetext]': 'valueLabel()(value(), max())',\n    '[attr.aria-labelledby]': 'label()?.id()',\n  },\n})\nexport class NgpMeter {\n  /** The value of the meter. */\n  readonly value = input<number, NumberInput>(0, {\n    alias: 'ngpMeterValue',\n    transform: numberAttribute,\n  });\n\n  /** The minimum value of the meter. */\n  readonly min = input<number, NumberInput>(0, {\n    alias: 'ngpMeterMin',\n    transform: numberAttribute,\n  });\n\n  /** The maximum value of the meter. */\n  readonly max = input<number, NumberInput>(100, {\n    alias: 'ngpMeterMax',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define a function that returns the meter value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @returns The value label\n   */\n  readonly valueLabel = input<NgpMeterValueTextFn>(\n    (value, max) => `${Math.round((value / max) * 100)}%`,\n    {\n      alias: 'ngpMeterValueLabel',\n    },\n  );\n\n  /** @internal Store the label instance */\n  readonly label = signal<NgpMeterLabel | null>(null);\n\n  /** @internal The percentage of the meter. */\n  readonly percentage = computed(() => {\n    const value = this.state.value();\n    const min = this.state.min();\n    const max = this.state.max();\n\n    if (value == null) {\n      return 0;\n    }\n\n    if (value < min) {\n      return 0;\n    }\n\n    if (value > max) {\n      return 100;\n    }\n\n    return ((value - min) / (max - min)) * 100;\n  });\n\n  /** The state of the meter. */\n  private readonly state = meterState<NgpMeter>(this);\n}\n\nexport type NgpMeterValueTextFn = (value: number, max: number) => string;\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngpMeterTrack]',\n  exportAs: 'ngpMeterTrack',\n})\nexport class NgpMeterTrack {}\n","import { Directive } from '@angular/core';\nimport { injectMeterState } from '../meter/meter-state';\n\n@Directive({\n  selector: '[ngpMeterIndicator]',\n  exportAs: 'ngpMeterIndicator',\n  host: {\n    '[style.width.%]': 'meter().percentage()',\n  },\n})\nexport class NgpMeterIndicator {\n  /** Access the meter */\n  protected readonly meter = injectMeterState();\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngpMeterValue]',\n  exportAs: 'ngpMeterValue',\n  host: {\n    'aria-hidden': 'true',\n  },\n})\nexport class NgpMeterValue {}\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectMeterState } from '../meter/meter-state';\n\n@Directive({\n  selector: '[ngpMeterLabel]',\n  exportAs: 'ngpMeterLabel',\n  host: {\n    '[attr.id]': 'id()',\n  },\n})\nexport class NgpMeterLabel {\n  /** Access the meter */\n  protected readonly meter = injectMeterState();\n\n  /** The id of the meter label */\n  readonly id = input(uniqueId('ngp-meter-label'));\n\n  constructor() {\n    // Register the label with the meter\n    this.meter().label.set(this);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-meter.mjs","sources":["../../../../packages/ng-primitives/meter/src/meter/meter-state.ts","../../../../packages/ng-primitives/meter/src/meter/meter.ts","../../../../packages/ng-primitives/meter/src/meter-track/meter-track.ts","../../../../packages/ng-primitives/meter/src/meter-indicator/meter-indicator.ts","../../../../packages/ng-primitives/meter/src/meter-value/meter-value.ts","../../../../packages/ng-primitives/meter/src/meter-label/meter-label.ts","../../../../packages/ng-primitives/meter/src/ng-primitives-meter.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpMeter } from './meter';\n\n/**\n * The state token  for the Meter primitive.\n */\nexport const NgpMeterStateToken = createStateToken<NgpMeter>('Meter');\n\n/**\n * Provides the Meter state.\n */\nexport const provideMeterState = createStateProvider(NgpMeterStateToken);\n\n/**\n * Injects the Meter state.\n */\nexport const injectMeterState = createStateInjector<NgpMeter>(NgpMeterStateToken);\n\n/**\n * The Meter state registration function.\n */\nexport const meterState = createState(NgpMeterStateToken);\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { computed, Directive, input, numberAttribute, signal } from '@angular/core';\nimport type { NgpMeterLabel } from '../meter-label/meter-label';\nimport { meterState, provideMeterState } from './meter-state';\n\n@Directive({\n  selector: '[ngpMeter]',\n  exportAs: 'ngpMeter',\n  providers: [provideMeterState()],\n  host: {\n    role: 'meter',\n    '[attr.aria-valuenow]': 'percentage()',\n    '[attr.aria-valuemin]': 'min()',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-valuetext]': 'valueLabel()(value(), max())',\n    '[attr.aria-labelledby]': 'label()?.id()',\n  },\n})\nexport class NgpMeter {\n  /** The value of the meter. */\n  readonly value = input<number, NumberInput>(0, {\n    alias: 'ngpMeterValue',\n    transform: numberAttribute,\n  });\n\n  /** The minimum value of the meter. */\n  readonly min = input<number, NumberInput>(0, {\n    alias: 'ngpMeterMin',\n    transform: numberAttribute,\n  });\n\n  /** The maximum value of the meter. */\n  readonly max = input<number, NumberInput>(100, {\n    alias: 'ngpMeterMax',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define a function that returns the meter value label.\n   * @param value The current value\n   * @param max The maximum value\n   * @returns The value label\n   */\n  readonly valueLabel = input<NgpMeterValueTextFn>(\n    (value, max) => `${Math.round((value / max) * 100)}%`,\n    {\n      alias: 'ngpMeterValueLabel',\n    },\n  );\n\n  /** @internal Store the label instance */\n  readonly label = signal<NgpMeterLabel | null>(null);\n\n  /** @internal The percentage of the meter. */\n  readonly percentage = computed(() => {\n    const value = this.state.value();\n    const min = this.state.min();\n    const max = this.state.max();\n\n    if (value == null) {\n      return 0;\n    }\n\n    if (value < min) {\n      return 0;\n    }\n\n    if (value > max) {\n      return 100;\n    }\n\n    return ((value - min) / (max - min)) * 100;\n  });\n\n  /** The state of the meter. */\n  private readonly state = meterState<NgpMeter>(this);\n}\n\nexport type NgpMeterValueTextFn = (value: number, max: number) => string;\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngpMeterTrack]',\n  exportAs: 'ngpMeterTrack',\n})\nexport class NgpMeterTrack {}\n","import { Directive } from '@angular/core';\nimport { injectMeterState } from '../meter/meter-state';\n\n@Directive({\n  selector: '[ngpMeterIndicator]',\n  exportAs: 'ngpMeterIndicator',\n  host: {\n    '[style.width.%]': 'meter().percentage()',\n  },\n})\nexport class NgpMeterIndicator {\n  /** Access the meter */\n  protected readonly meter = injectMeterState();\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngpMeterValue]',\n  exportAs: 'ngpMeterValue',\n  host: {\n    'aria-hidden': 'true',\n  },\n})\nexport class NgpMeterValue {}\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectMeterState } from '../meter/meter-state';\n\n@Directive({\n  selector: '[ngpMeterLabel]',\n  exportAs: 'ngpMeterLabel',\n  host: {\n    '[attr.id]': 'id()',\n  },\n})\nexport class NgpMeterLabel {\n  /** Access the meter */\n  protected readonly meter = injectMeterState();\n\n  /** The id of the meter label */\n  readonly id = input(uniqueId('ngp-meter-label'));\n\n  constructor() {\n    // Register the label with the meter\n    this.meter().label.set(this);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, signal, computed, Injector, ViewContainerRef, input, booleanAttribute, Directive, numberAttribute, output } from '@angular/core';
+import { createOverlay, NgpOverlay, provideControlContainerIsolation, coerceOffset, coerceFlip, coerceShift } from 'ng-primitives/portal';
 import { injectRovingFocusGroupState, ngpRovingFocusGroup, provideRovingFocusGroupState, ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';
 import { Directionality } from '@angular/cdk/bidi';
 import { injectElementRef } from 'ng-primitives/internal';
-import { createOverlay, NgpOverlay, coerceOffset, coerceFlip, coerceShift } from 'ng-primitives/portal';
 import { createPrimitive, controlled, dataBinding, attrBinding, listener, onDestroy, styleBinding, onMount } from 'ng-primitives/state';
 import { uniqueId } from 'ng-primitives/utils';
 import { FocusMonitor } from '@angular/cdk/a11y';
@@ -86,7 +86,7 @@ const [NgpNavigationMenuItemStateToken, ngpNavigationMenuItem, injectNavigationM
     // Controlled properties
     const value = controlled(_value);
     // Computed state
-    const active = computed(() => navigationMenuState().activeItem() === value(), ...(ngDevMode ? [{ debugName: "active" }] : []));
+    const active = computed(() => navigationMenuState().activeItem() === value(), ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     // Host bindings
     dataBinding(element, 'data-active', active);
     // Methods
@@ -129,9 +129,9 @@ const [NgpNavigationMenuTriggerStateToken, ngpNavigationMenuTrigger, injectNavig
     const cooldown = controlled(_cooldown);
     // Internal state
     const id = uniqueId('navigation-menu-trigger');
-    const contentId = signal(undefined, ...(ngDevMode ? [{ debugName: "contentId" }] : []));
-    const overlay = signal(null, ...(ngDevMode ? [{ debugName: "overlay" }] : []));
-    const open = computed(() => navigationMenuItemState().active(), ...(ngDevMode ? [{ debugName: "open" }] : []));
+    const contentId = signal(undefined, ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
+    const overlay = signal(null, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
+    const open = computed(() => navigationMenuItemState().active(), ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     let showTimeout = null;
     let hideTimeout = null;
     let isPointerOverTrigger = false;
@@ -424,7 +424,7 @@ const [NgpNavigationMenuContentStateToken, ngpNavigationMenuContent, injectNavig
     // Try to get overlay - may not exist if content isn't in a portal
     const overlay = inject(NgpOverlay, { optional: true });
     const id = uniqueId('navigation-menu-content');
-    const open = computed(() => navigationMenuItemState?.()?.active() ?? false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    const open = computed(() => navigationMenuItemState?.()?.active() ?? false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     let isPointerOver = false;
     let isFocusInside = false;
     // Host bindings
@@ -557,18 +557,13 @@ class NgpNavigationMenuContent {
          * Use 'vertical' for list layouts (default), 'horizontal' for grid layouts.
          * @default 'vertical'
          */
-        this.orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation", alias: 'ngpNavigationMenuContentOrientation' }] : [{
-                alias: 'ngpNavigationMenuContentOrientation',
-            }]));
+        this.orientation = input('vertical', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuContentOrientation' });
         /**
          * Whether focus should wrap around when reaching the end of the content.
          * @default true
          */
-        this.wrap = input(this.config.wrap, ...(ngDevMode ? [{ debugName: "wrap", alias: 'ngpNavigationMenuContentWrap',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuContentWrap',
-                transform: booleanAttribute,
-            }]));
+        this.wrap = input(this.config.wrap, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuContentWrap',
+            transform: booleanAttribute });
         this.state = ngpNavigationMenuContent({
             orientation: this.orientation,
         });
@@ -597,13 +592,14 @@ class NgpNavigationMenuContent {
     focusLast() {
         this.state.focusLast();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuContent, isStandalone: true, selector: "[ngpNavigationMenuContent]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpNavigationMenuContentOrientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "ngpNavigationMenuContentWrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-overlay": "" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuContent, isStandalone: true, selector: "[ngpNavigationMenuContent]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpNavigationMenuContentOrientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "ngpNavigationMenuContentWrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-overlay": "" } }, providers: [
             provideNavigationMenuContentState(),
             provideRovingFocusGroupState({ inherit: false }),
+            provideControlContainerIsolation(),
         ], exportAs: ["ngpNavigationMenuContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuContent]',
@@ -611,6 +607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                     providers: [
                         provideNavigationMenuContentState(),
                         provideRovingFocusGroupState({ inherit: false }),
+                        provideControlContainerIsolation(),
                     ],
                     host: {
                         'data-overlay': '',
@@ -644,18 +641,15 @@ class NgpNavigationMenuContentItem {
          * Whether the item is disabled.
          * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpNavigationMenuContentItemDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuContentItemDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuContentItemDisabled',
+            transform: booleanAttribute });
         ngpNavigationMenuContentItem({ disabled: this.disabled });
         ngpRovingFocusItem({ disabled: this.disabled });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuContentItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuContentItem, isStandalone: true, selector: "[ngpNavigationMenuContentItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuContentItemDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuContentItemState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuContentItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuContentItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuContentItem, isStandalone: true, selector: "[ngpNavigationMenuContentItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuContentItemDisabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuContentItemState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuContentItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuContentItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuContentItem, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuContentItem]',
@@ -674,9 +668,7 @@ class NgpNavigationMenuItem {
          * A unique value identifying this menu item.
          * Used to track which item is currently active.
          */
-        this.value = input(uniqueId('navigation-menu-item'), ...(ngDevMode ? [{ debugName: "value", alias: 'ngpNavigationMenuItemValue' }] : [{
-                alias: 'ngpNavigationMenuItemValue',
-            }]));
+        this.value = input(uniqueId('navigation-menu-item'), { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuItemValue' });
         this.state = ngpNavigationMenuItem({
             value: this.value,
         });
@@ -697,10 +689,10 @@ class NgpNavigationMenuItem {
     hide() {
         this.state.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuItem, isStandalone: true, selector: "[ngpNavigationMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "ngpNavigationMenuItemValue", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuItemState({ inherit: false })], exportAs: ["ngpNavigationMenuItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuItem, isStandalone: true, selector: "[ngpNavigationMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "ngpNavigationMenuItemValue", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuItemState({ inherit: false })], exportAs: ["ngpNavigationMenuItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuItem, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuItem]',
@@ -750,20 +742,14 @@ class NgpNavigationMenuLink {
          * Whether the link is disabled.
          * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpNavigationMenuLinkDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuLinkDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuLinkDisabled',
+            transform: booleanAttribute });
         /**
          * Whether the link is active (represents the current page).
          * @default false
          */
-        this.active = input(false, ...(ngDevMode ? [{ debugName: "active", alias: 'ngpNavigationMenuLinkActive',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuLinkActive',
-                transform: booleanAttribute,
-            }]));
+        this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuLinkActive',
+            transform: booleanAttribute });
         this.state = ngpNavigationMenuLink({
             disabled: this.disabled,
             active: this.active,
@@ -772,10 +758,10 @@ class NgpNavigationMenuLink {
             disabled: this.disabled,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuLink, isStandalone: true, selector: "[ngpNavigationMenuLink]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuLinkDisabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "ngpNavigationMenuLinkActive", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuLinkState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuLink"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuLink, isStandalone: true, selector: "[ngpNavigationMenuLink]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuLinkDisabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "ngpNavigationMenuLinkActive", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuLinkState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuLink"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuLink, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuLink]',
@@ -812,21 +798,18 @@ class NgpNavigationMenuList {
          * Whether focus should wrap around when reaching the end of the list.
          * @default true
          */
-        this.wrap = input(this.config.wrap, ...(ngDevMode ? [{ debugName: "wrap", alias: 'ngpNavigationMenuListWrap',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuListWrap',
-                transform: booleanAttribute,
-            }]));
+        this.wrap = input(this.config.wrap, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuListWrap',
+            transform: booleanAttribute });
         ngpNavigationMenuList({});
         ngpRovingFocusGroup({
             orientation: this.navigationMenuState().orientation,
             wrap: this.wrap,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuList, isStandalone: true, selector: "[ngpNavigationMenuList]", inputs: { wrap: { classPropertyName: "wrap", publicName: "ngpNavigationMenuListWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuListState(), provideRovingFocusGroupState({ inherit: false })], exportAs: ["ngpNavigationMenuList"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuList, isStandalone: true, selector: "[ngpNavigationMenuList]", inputs: { wrap: { classPropertyName: "wrap", publicName: "ngpNavigationMenuListWrap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideNavigationMenuListState(), provideRovingFocusGroupState({ inherit: false })], exportAs: ["ngpNavigationMenuList"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuList, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuList]',
@@ -848,71 +831,50 @@ class NgpNavigationMenuTrigger {
         /**
          * The content template or component to display.
          */
-        this.content = input(undefined, ...(ngDevMode ? [{ debugName: "content", alias: 'ngpNavigationMenuTrigger' }] : [{
-                alias: 'ngpNavigationMenuTrigger',
-            }]));
+        this.content = input(undefined, { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTrigger' });
         /**
          * Whether the trigger is disabled.
          * @default false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpNavigationMenuTriggerDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpNavigationMenuTriggerDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerDisabled',
+            transform: booleanAttribute });
         /**
          * The placement of the content relative to the trigger.
          * @default 'bottom-start'
          */
-        this.placement = input(this.config.placement, ...(ngDevMode ? [{ debugName: "placement", alias: 'ngpNavigationMenuTriggerPlacement' }] : [{
-                alias: 'ngpNavigationMenuTriggerPlacement',
-            }]));
+        this.placement = input(this.config.placement, { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerPlacement' });
         /**
          * The offset of the content relative to the trigger.
          * @default 4
          */
-        this.offset = input(this.config.offset, ...(ngDevMode ? [{ debugName: "offset", alias: 'ngpNavigationMenuTriggerOffset',
-                transform: coerceOffset }] : [{
-                alias: 'ngpNavigationMenuTriggerOffset',
-                transform: coerceOffset,
-            }]));
+        this.offset = input(this.config.offset, { ...(ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerOffset',
+            transform: coerceOffset });
         /**
          * Whether the content should flip when there is not enough space.
          * Can be a boolean to enable/disable, or an object with padding and fallbackPlacements options.
          * @default true
          */
-        this.flip = input(this.config.flip, ...(ngDevMode ? [{ debugName: "flip", alias: 'ngpNavigationMenuTriggerFlip',
-                transform: coerceFlip }] : [{
-                alias: 'ngpNavigationMenuTriggerFlip',
-                transform: coerceFlip,
-            }]));
+        this.flip = input(this.config.flip, { ...(ngDevMode ? { debugName: "flip" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerFlip',
+            transform: coerceFlip });
         /**
          * Configure shift behavior to keep the content in view.
          * @default undefined
          */
-        this.shift = input(this.config.shift, ...(ngDevMode ? [{ debugName: "shift", alias: 'ngpNavigationMenuTriggerShift',
-                transform: coerceShift }] : [{
-                alias: 'ngpNavigationMenuTriggerShift',
-                transform: coerceShift,
-            }]));
+        this.shift = input(this.config.shift, { ...(ngDevMode ? { debugName: "shift" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerShift',
+            transform: coerceShift });
         /**
          * The container for the content.
          * @default 'body'
          */
-        this.container = input(this.config.container, ...(ngDevMode ? [{ debugName: "container", alias: 'ngpNavigationMenuTriggerContainer' }] : [{
-                alias: 'ngpNavigationMenuTriggerContainer',
-            }]));
+        this.container = input(this.config.container, { ...(ngDevMode ? { debugName: "container" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerContainer' });
         /**
          * The cooldown duration in milliseconds.
          * When moving from one navigation menu item to another within this duration,
          * the showDelay is skipped for the new item.
          * @default 300
          */
-        this.cooldown = input(this.config.cooldown, ...(ngDevMode ? [{ debugName: "cooldown", alias: 'ngpNavigationMenuTriggerCooldown',
-                transform: numberAttribute }] : [{
-                alias: 'ngpNavigationMenuTriggerCooldown',
-                transform: numberAttribute,
-            }]));
+        this.cooldown = input(this.config.cooldown, { ...(ngDevMode ? { debugName: "cooldown" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuTriggerCooldown',
+            transform: numberAttribute });
         this.state = ngpNavigationMenuTrigger({
             content: this.content,
             disabled: this.disabled,
@@ -943,10 +905,10 @@ class NgpNavigationMenuTrigger {
     hide() {
         this.state.hide();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenuTrigger, isStandalone: true, selector: "[ngpNavigationMenuTrigger]", inputs: { content: { classPropertyName: "content", publicName: "ngpNavigationMenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpNavigationMenuTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpNavigationMenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpNavigationMenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "ngpNavigationMenuTriggerShift", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpNavigationMenuTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, cooldown: { classPropertyName: "cooldown", publicName: "ngpNavigationMenuTriggerCooldown", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" } }, providers: [provideNavigationMenuTriggerState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenuTrigger, isStandalone: true, selector: "[ngpNavigationMenuTrigger]", inputs: { content: { classPropertyName: "content", publicName: "ngpNavigationMenuTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpNavigationMenuTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpNavigationMenuTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpNavigationMenuTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpNavigationMenuTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "ngpNavigationMenuTriggerShift", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpNavigationMenuTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, cooldown: { classPropertyName: "cooldown", publicName: "ngpNavigationMenuTriggerCooldown", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" } }, providers: [provideNavigationMenuTriggerState(), provideRovingFocusItemState()], exportAs: ["ngpNavigationMenuTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenuTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenuTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenuTrigger]',
@@ -972,33 +934,23 @@ class NgpNavigationMenu {
          * The orientation of the navigation menu.
          * @default 'horizontal'
          */
-        this.orientation = input(this.config.orientation, ...(ngDevMode ? [{ debugName: "orientation", alias: 'ngpNavigationMenuOrientation' }] : [{
-                alias: 'ngpNavigationMenuOrientation',
-            }]));
+        this.orientation = input(this.config.orientation, { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuOrientation' });
         /**
          * The delay in milliseconds before showing content on hover.
          * @default 200
          */
-        this.showDelay = input(this.config.showDelay, ...(ngDevMode ? [{ debugName: "showDelay", alias: 'ngpNavigationMenuShowDelay',
-                transform: numberAttribute }] : [{
-                alias: 'ngpNavigationMenuShowDelay',
-                transform: numberAttribute,
-            }]));
+        this.showDelay = input(this.config.showDelay, { ...(ngDevMode ? { debugName: "showDelay" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuShowDelay',
+            transform: numberAttribute });
         /**
          * The delay in milliseconds before hiding content.
          * @default 150
          */
-        this.hideDelay = input(this.config.hideDelay, ...(ngDevMode ? [{ debugName: "hideDelay", alias: 'ngpNavigationMenuHideDelay',
-                transform: numberAttribute }] : [{
-                alias: 'ngpNavigationMenuHideDelay',
-                transform: numberAttribute,
-            }]));
+        this.hideDelay = input(this.config.hideDelay, { ...(ngDevMode ? { debugName: "hideDelay" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuHideDelay',
+            transform: numberAttribute });
         /**
          * The currently active (open) item value.
          */
-        this.value = input(null, ...(ngDevMode ? [{ debugName: "value", alias: 'ngpNavigationMenuValue' }] : [{
-                alias: 'ngpNavigationMenuValue',
-            }]));
+        this.value = input(null, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpNavigationMenuValue' });
         /**
          * Emits when the active item changes.
          */
@@ -1027,10 +979,10 @@ class NgpNavigationMenu {
     setOrientation(orientation) {
         this.state.setOrientation(orientation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpNavigationMenu, isStandalone: true, selector: "[ngpNavigationMenu]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpNavigationMenuOrientation", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "ngpNavigationMenuShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "ngpNavigationMenuHideDelay", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpNavigationMenuValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpNavigationMenuValueChange" }, host: { attributes: { "role": "navigation" } }, providers: [provideNavigationMenuState({ inherit: false })], exportAs: ["ngpNavigationMenu"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpNavigationMenu, isStandalone: true, selector: "[ngpNavigationMenu]", inputs: { orientation: { classPropertyName: "orientation", publicName: "ngpNavigationMenuOrientation", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "ngpNavigationMenuShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "ngpNavigationMenuHideDelay", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpNavigationMenuValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpNavigationMenuValueChange" }, host: { attributes: { "role": "navigation" } }, providers: [provideNavigationMenuState({ inherit: false })], exportAs: ["ngpNavigationMenu"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpNavigationMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpNavigationMenu, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpNavigationMenu]',