ng-primitives 0.120.4 → 0.121.0

package/fesm2022/ng-primitives-slider.mjs

@@ -15,8 +15,8 @@ const [NgpSliderStateToken, ngpSlider, injectSliderState, provideSliderState] =
     const disabled = controlled(_disabled);
     const orientation = controlled(_orientation);
     const valueChange = emitter();
-    const track = signal(undefined, ...(ngDevMode ? [{ debugName: "track" }] : []));
-    const thumb = signal(undefined, ...(ngDevMode ? [{ debugName: "thumb" }] : []));
+    const track = signal(undefined, ...(ngDevMode ? [{ debugName: "track" }] : /* istanbul ignore next */ []));
+    const thumb = signal(undefined, ...(ngDevMode ? [{ debugName: "thumb" }] : /* istanbul ignore next */ []));
     // Form control integration
     const status = ngpFormControl({ id, disabled });
     const percentage = computed(() => {
@@ -26,7 +26,7 @@ const [NgpSliderStateToken, ngpSlider, injectSliderState, provideSliderState] =
         }
         const pct = ((value() - min()) / range) * 100;
         return Math.min(100, Math.max(0, pct));
-    }, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
     // Host bindings
     attrBinding(element, 'id', id);
     dataBinding(element, 'data-orientation', orientation);
@@ -97,10 +97,10 @@ class NgpSliderRange {
     constructor() {
         ngpSliderRange({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpSliderRange, isStandalone: true, selector: "[ngpSliderRange]", providers: [provideSliderRangeState()], exportAs: ["ngpSliderRange"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpSliderRange, isStandalone: true, selector: "[ngpSliderRange]", providers: [provideSliderRangeState()], exportAs: ["ngpSliderRange"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderRange, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpSliderRange]',
@@ -118,8 +118,8 @@ const [NgpSliderThumbStateToken, ngpSliderThumb, injectSliderThumbState, provide
     let dragging = false;
     let activePointerId = null;
     let cleanupDocumentListeners = [];
-    const ariaValueNow = computed(() => slider().value(), ...(ngDevMode ? [{ debugName: "ariaValueNow" }] : []));
-    const tabindex = computed(() => (slider().disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+    const ariaValueNow = computed(() => slider().value(), ...(ngDevMode ? [{ debugName: "ariaValueNow" }] : /* istanbul ignore next */ []));
+    const tabindex = computed(() => (slider().disabled() ? -1 : 0), ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
     // Host bindings
     attrBinding(elementRef, 'role', 'slider');
     attrBinding(elementRef, 'aria-valuemin', () => slider().min().toString());
@@ -268,10 +268,10 @@ class NgpSliderThumb {
             onDragEnd: () => this.dragEnd.emit(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpSliderThumb, isStandalone: true, selector: "[ngpSliderThumb]", outputs: { dragStart: "ngpSliderThumbDragStart", dragEnd: "ngpSliderThumbDragEnd" }, providers: [provideSliderThumbState()], exportAs: ["ngpSliderThumb"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpSliderThumb, isStandalone: true, selector: "[ngpSliderThumb]", outputs: { dragStart: "ngpSliderThumbDragStart", dragEnd: "ngpSliderThumbDragEnd" }, providers: [provideSliderThumbState()], exportAs: ["ngpSliderThumb"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderThumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderThumb, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpSliderThumb]',
@@ -323,10 +323,10 @@ class NgpSliderTrack {
     constructor() {
         ngpSliderTrack({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpSliderTrack, isStandalone: true, selector: "[ngpSliderTrack]", providers: [provideSliderTrackState()], exportAs: ["ngpSliderTrack"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpSliderTrack, isStandalone: true, selector: "[ngpSliderTrack]", providers: [provideSliderTrackState()], exportAs: ["ngpSliderTrack"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSliderTrack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSliderTrack, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpSliderTrack]',
@@ -343,15 +343,12 @@ class NgpSlider {
         /**
          * The id of the slider. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-slider'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-slider'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * The value of the slider.
          */
-        this.value = input(0, ...(ngDevMode ? [{ debugName: "value", alias: 'ngpSliderValue',
-                transform: numberAttribute }] : [{
-                alias: 'ngpSliderValue',
-                transform: numberAttribute,
-            }]));
+        this.value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'ngpSliderValue',
+            transform: numberAttribute });
         /**
          * Emits when the value changes.
          */
@@ -361,41 +358,27 @@ class NgpSlider {
         /**
          * The minimum value of the slider.
          */
-        this.min = input(0, ...(ngDevMode ? [{ debugName: "min", alias: 'ngpSliderMin',
-                transform: numberAttribute }] : [{
-                alias: 'ngpSliderMin',
-                transform: numberAttribute,
-            }]));
+        this.min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), alias: 'ngpSliderMin',
+            transform: numberAttribute });
         /**
          * The maximum value of the slider.
          */
-        this.max = input(100, ...(ngDevMode ? [{ debugName: "max", alias: 'ngpSliderMax',
-                transform: numberAttribute }] : [{
-                alias: 'ngpSliderMax',
-                transform: numberAttribute,
-            }]));
+        this.max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), alias: 'ngpSliderMax',
+            transform: numberAttribute });
         /**
          * The step value of the slider.
          */
-        this.step = input(1, ...(ngDevMode ? [{ debugName: "step", alias: 'ngpSliderStep',
-                transform: numberAttribute }] : [{
-                alias: 'ngpSliderStep',
-                transform: numberAttribute,
-            }]));
+        this.step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), alias: 'ngpSliderStep',
+            transform: numberAttribute });
         /**
          * The orientation of the slider.
          */
-        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation", alias: 'ngpSliderOrientation' }] : [{
-                alias: 'ngpSliderOrientation',
-            }]));
+        this.orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'ngpSliderOrientation' });
         /**
          * The disabled state of the slider.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpSliderDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpSliderDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpSliderDisabled',
+            transform: booleanAttribute });
         /**
          * The state of the slider. We use this for the slider state rather than relying on the inputs.
          * @internal
@@ -429,10 +412,10 @@ class NgpSlider {
     setOrientation(orientation) {
         this.state.setOrientation(orientation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpSlider, isStandalone: true, selector: "[ngpSlider]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpSliderValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpSliderValueChange" }, providers: [provideSliderState()], exportAs: ["ngpSlider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpSlider, isStandalone: true, selector: "[ngpSlider]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpSliderValue", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "ngpSliderValueChange" }, providers: [provideSliderState()], exportAs: ["ngpSlider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpSlider, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpSlider]',
@@ -450,8 +433,8 @@ const [NgpRangeSliderStateToken, ngpRangeSlider, injectRangeSliderState, provide
     const orientation = controlled(_orientation);
     const lowChange = emitter();
     const highChange = emitter();
-    const track = signal(undefined, ...(ngDevMode ? [{ debugName: "track" }] : []));
-    const thumbs = signal([], ...(ngDevMode ? [{ debugName: "thumbs" }] : []));
+    const track = signal(undefined, ...(ngDevMode ? [{ debugName: "track" }] : /* istanbul ignore next */ []));
+    const thumbs = signal([], ...(ngDevMode ? [{ debugName: "thumbs" }] : /* istanbul ignore next */ []));
     // Form control integration
     const status = ngpFormControl({ id, disabled });
     const lowPercentage = computed(() => {
@@ -459,14 +442,14 @@ const [NgpRangeSliderStateToken, ngpRangeSlider, injectRangeSliderState, provide
         if (range <= 0)
             return 0;
         return ((low() - min()) / range) * 100;
-    }, ...(ngDevMode ? [{ debugName: "lowPercentage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "lowPercentage" }] : /* istanbul ignore next */ []));
     const highPercentage = computed(() => {
         const range = max() - min();
         if (range <= 0)
             return 100;
         return ((high() - min()) / range) * 100;
-    }, ...(ngDevMode ? [{ debugName: "highPercentage" }] : []));
-    const rangePercentage = computed(() => highPercentage() - lowPercentage(), ...(ngDevMode ? [{ debugName: "rangePercentage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "highPercentage" }] : /* istanbul ignore next */ []));
+    const rangePercentage = computed(() => highPercentage() - lowPercentage(), ...(ngDevMode ? [{ debugName: "rangePercentage" }] : /* istanbul ignore next */ []));
     // Host bindings
     attrBinding(element, 'id', id);
     dataBinding(element, 'data-orientation', orientation);
@@ -563,10 +546,10 @@ class NgpRangeSliderRange {
     constructor() {
         ngpRangeSliderRange({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpRangeSliderRange, isStandalone: true, selector: "[ngpRangeSliderRange]", exportAs: ["ngpRangeSliderRange"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpRangeSliderRange, isStandalone: true, selector: "[ngpRangeSliderRange]", exportAs: ["ngpRangeSliderRange"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderRange, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpRangeSliderRange]',
@@ -585,9 +568,9 @@ const [NgpRangeSliderThumbStateToken, ngpRangeSliderThumb, injectRangeSliderThum
     let activePointerId = null;
     let cleanupDocumentListeners = [];
     // Determine which thumb this is based on registration order
-    const thumb = computed(() => (rangeSlider().thumbs().indexOf(element) === 0 ? 'low' : 'high'), ...(ngDevMode ? [{ debugName: "thumb" }] : []));
-    const value = computed(() => (thumb() === 'low' ? rangeSlider().low() : rangeSlider().high()), ...(ngDevMode ? [{ debugName: "value" }] : []));
-    const percentage = computed(() => thumb() === 'low' ? rangeSlider().lowPercentage() : rangeSlider().highPercentage(), ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    const thumb = computed(() => (rangeSlider().thumbs().indexOf(element) === 0 ? 'low' : 'high'), ...(ngDevMode ? [{ debugName: "thumb" }] : /* istanbul ignore next */ []));
+    const value = computed(() => (thumb() === 'low' ? rangeSlider().low() : rangeSlider().high()), ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    const percentage = computed(() => thumb() === 'low' ? rangeSlider().lowPercentage() : rangeSlider().highPercentage(), ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
     // Setup interactions
     ngpInteractions({
         hover: true,
@@ -770,10 +753,10 @@ class NgpRangeSliderThumb {
             onDragEnd: () => this.dragEnd.emit(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpRangeSliderThumb, isStandalone: true, selector: "[ngpRangeSliderThumb]", outputs: { dragStart: "ngpRangeSliderThumbDragStart", dragEnd: "ngpRangeSliderThumbDragEnd" }, exportAs: ["ngpRangeSliderThumb"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpRangeSliderThumb, isStandalone: true, selector: "[ngpRangeSliderThumb]", outputs: { dragStart: "ngpRangeSliderThumbDragStart", dragEnd: "ngpRangeSliderThumbDragEnd" }, exportAs: ["ngpRangeSliderThumb"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderThumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderThumb, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpRangeSliderThumb]',
@@ -842,10 +825,10 @@ class NgpRangeSliderTrack {
     constructor() {
         ngpRangeSliderTrack({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: NgpRangeSliderTrack, isStandalone: true, selector: "[ngpRangeSliderTrack]", exportAs: ["ngpRangeSliderTrack"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: NgpRangeSliderTrack, isStandalone: true, selector: "[ngpRangeSliderTrack]", exportAs: ["ngpRangeSliderTrack"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSliderTrack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSliderTrack, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpRangeSliderTrack]',
@@ -861,15 +844,12 @@ class NgpRangeSlider {
         /**
          * The id of the range slider. If not provided, a unique id will be generated.
          */
-        this.id = input(uniqueId('ngp-range-slider'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(uniqueId('ngp-range-slider'), ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * The low value of the range slider.
          */
-        this.low = input(0, ...(ngDevMode ? [{ debugName: "low", alias: 'ngpRangeSliderLow',
-                transform: numberAttribute }] : [{
-                alias: 'ngpRangeSliderLow',
-                transform: numberAttribute,
-            }]));
+        this.low = input(0, { ...(ngDevMode ? { debugName: "low" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderLow',
+            transform: numberAttribute });
         /**
          * Emits when the low value changes.
          */
@@ -879,11 +859,8 @@ class NgpRangeSlider {
         /**
          * The high value of the range slider.
          */
-        this.high = input(100, ...(ngDevMode ? [{ debugName: "high", alias: 'ngpRangeSliderHigh',
-                transform: numberAttribute }] : [{
-                alias: 'ngpRangeSliderHigh',
-                transform: numberAttribute,
-            }]));
+        this.high = input(100, { ...(ngDevMode ? { debugName: "high" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderHigh',
+            transform: numberAttribute });
         /**
          * Emits when the high value changes.
          */
@@ -893,41 +870,27 @@ class NgpRangeSlider {
         /**
          * The minimum value of the range slider.
          */
-        this.min = input(0, ...(ngDevMode ? [{ debugName: "min", alias: 'ngpRangeSliderMin',
-                transform: numberAttribute }] : [{
-                alias: 'ngpRangeSliderMin',
-                transform: numberAttribute,
-            }]));
+        this.min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderMin',
+            transform: numberAttribute });
         /**
          * The maximum value of the range slider.
          */
-        this.max = input(100, ...(ngDevMode ? [{ debugName: "max", alias: 'ngpRangeSliderMax',
-                transform: numberAttribute }] : [{
-                alias: 'ngpRangeSliderMax',
-                transform: numberAttribute,
-            }]));
+        this.max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderMax',
+            transform: numberAttribute });
         /**
          * The step value of the range slider.
          */
-        this.step = input(1, ...(ngDevMode ? [{ debugName: "step", alias: 'ngpRangeSliderStep',
-                transform: numberAttribute }] : [{
-                alias: 'ngpRangeSliderStep',
-                transform: numberAttribute,
-            }]));
+        this.step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderStep',
+            transform: numberAttribute });
         /**
          * The orientation of the range slider.
          */
-        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation", alias: 'ngpRangeSliderOrientation' }] : [{
-                alias: 'ngpRangeSliderOrientation',
-            }]));
+        this.orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderOrientation' });
         /**
          * The disabled state of the range slider.
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", alias: 'ngpRangeSliderDisabled',
-                transform: booleanAttribute }] : [{
-                alias: 'ngpRangeSliderDisabled',
-                transform: booleanAttribute,
-            }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'ngpRangeSliderDisabled',
+            transform: booleanAttribute });
         /**
          * The state of the range slider.
          */
@@ -944,10 +907,10 @@ class NgpRangeSlider {
             onHighChange: value => this.highChange.emit(value),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: NgpRangeSlider, isStandalone: true, selector: "[ngpRangeSlider]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, low: { classPropertyName: "low", publicName: "ngpRangeSliderLow", isSignal: true, isRequired: false, transformFunction: null }, high: { classPropertyName: "high", publicName: "ngpRangeSliderHigh", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpRangeSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpRangeSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpRangeSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpRangeSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpRangeSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lowChange: "ngpRangeSliderLowChange", highChange: "ngpRangeSliderHighChange" }, providers: [provideRangeSliderState()], exportAs: ["ngpRangeSlider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NgpRangeSlider, isStandalone: true, selector: "[ngpRangeSlider]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, low: { classPropertyName: "low", publicName: "ngpRangeSliderLow", isSignal: true, isRequired: false, transformFunction: null }, high: { classPropertyName: "high", publicName: "ngpRangeSliderHigh", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpRangeSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpRangeSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpRangeSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpRangeSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpRangeSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lowChange: "ngpRangeSliderLowChange", highChange: "ngpRangeSliderHighChange" }, providers: [provideRangeSliderState()], exportAs: ["ngpRangeSlider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpRangeSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NgpRangeSlider, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpRangeSlider]',