rm-range-slider 7.0.0 → 8.0.0

package/README.md

@@ -52,6 +52,8 @@ A lightweight, highly optimized, and fully customizable pure Angular component f
 - [Quick Start / Usage](./docs/USAGE.md)
 - [API Reference](./docs/API.md)
 - [Advanced Configuration](./docs/ADVANCED_CONFIGURATION.md)
+- [Dependency Overview](#dependency-overview)
+- [Compatibility](#compatibility)
 - [Peer Dependencies](./docs/PEER_DEPENDENCIES.md)
 - [Best Practices](./docs/BEST_PRACTICES.md)
 - [Performance Optimization](./docs/OPTIMIZATION.md)
@@ -65,7 +67,6 @@ A lightweight, highly optimized, and fully customizable pure Angular component f
 - [Changelog](./CHANGELOG.md)
 - [License](./LICENSE)
 - [Examples](./examples/README.md)
-- [Usage Examples](./docs/USAGE.md)
 
 
 ## Features
@@ -190,6 +191,48 @@ export class ExampleComponent {
 
 </div>
 
+## Dependency Overview
+
+**rm-range-slider** is designed to be lightweight with minimal dependencies.
+
+- **Zero Runtime Dependencies**: The library has no external runtime dependencies. It relies only on the Angular framework itself.
+- **Peer Dependencies**: It requires `@angular/core`, `@angular/common`, and `@angular/material` as peer dependencies, which are standard in most Angular projects.
+- **Development Dependencies**: All other dependencies are for development, testing, and building the library, and are not included in the final bundle.
+
+---
+
+## Compatibility
+
+### 2.1 Angular Version Support
+
+This library is compatible with a wide range of Angular versions:
+
+- **Supported Versions**: `Angular >=14.0.0 <21.0.0`
+
+### 2.2 Browser Support
+
+The component is tested and compatible with all modern evergreen browsers.
+
+| Browser | Support Level |
+| :--- | :--- |
+| **Google Chrome** | Full (v80+) |
+| **Mozilla Firefox** | Full (v75+) |
+| **Apple Safari** | Full (v13+) |
+| **Microsoft Edge** | Full (Chromium, v80+) |
+| **Opera** | Full (v67+) |
+| **Mobile Browsers** | iOS 13+, Android Chrome 80+ |
+
+**Internet Explorer and legacy Edge are not supported.**
+
+### 2.3 Platform Support
+
+**rm-range-slider** is platform-agnostic. It works on any operating system that can run a supported web browser, including:
+
+- Windows
+- macOS
+- Linux
+- iOS
+- Android
 
 ## Installation & Setup
 

package/fesm2022/rm-range-slider.mjs

@@ -1,87 +1,87 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, numberAttribute, Output, Input, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i1 from '@angular/material/slider';
-import { MatSliderModule } from '@angular/material/slider';
-import { Subject, throttleTime, takeUntil } from 'rxjs';
-
-class RmRangeSliderComponent {
-    constructor() {
-        this.destroy$ = new Subject();
-        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
-      `RmRangeSliderComponent` component in Angular. In this specific case: */
-        this.startValue = 0;
-        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
-      `RmRangeSliderComponent` component in Angular. In this specific case, the `endValue` property is
-      being defined as an input property with the following configuration: */
-        this.endValue = 10;
-        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
-      `RmRangeSliderComponent` component in Angular. In this specific case, the `min` property is being
-      defined as an input property with the following configuration: */
-        this.min = 0;
-        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
-      `RmRangeSliderComponent` component in Angular. In this specific case, the `max` property is being
-      defined as an input property with the following configuration: */
-        this.max = 100;
-        /* The `@Output()` decorator in the TypeScript code snippet is used to define an output property for
-      the `RmRangeSliderComponent` component in Angular. In this specific case, the `getMinMax` property
-      is being defined as an output property with the type of `EventEmitter<MINMAX>`. */
-        this.onValueChanged = new EventEmitter();
-    }
-    /**
-     * The `onSliderInput` function sets the `value` object with `startValue` and `endValue` properties and
-     * calls the `onSliderChange` function with this value.
-     */
-    onSliderInput() {
-        const value = {
-            min: this.startValue,
-            max: this.endValue,
-        };
-        this.onSliderChange(value);
-    }
-    /**
-     * The `formatLabel` function in TypeScript formats a number value by rounding it to the nearest
-     * hundredth and appending a 'k' if the value is greater than or equal to 1000.
-     * @param {number} value - The `value` parameter is a number that represents a numerical value which
-     * needs to be formatted. The `formatLabel` function takes this number as input and returns a formatted
-     * string representation of the number. If the value is greater than or equal to 1000, it will be
-     * rounded and displayed in
-     * @returns If the `value` is greater than or equal to 1000, the function will return the value divided
-     * by 100 and rounded, followed by the letter 'k'. Otherwise, it will return the value as a string.
-     */
-    formatLabel(value) {
-        if (value >= 1000) {
-            return Math.round(value / 100) + 'k';
-        }
-        return `${value}`;
-    }
-    /**
-     * The `onSliderChange` function in TypeScript sets up a Subject to emit slider value changes with a
-     * throttle time of 5000 milliseconds.
-     * @param {MINMAX} value - The `value` parameter in the `onSliderChange` method represents the current
-     * value of the slider, which is of type `MINMAX`.
-     */
-    onSliderChange(value) {
-        this.destroy$.next();
-        this.destroy$.complete();
-        const sliderValueChanges$ = new Subject();
-        sliderValueChanges$
-            .pipe(throttleTime(5000), takeUntil(this.destroy$))
-            .subscribe((newValue) => {
-            this.onValueChanged.emit(newValue);
-        });
-        sliderValueChanges$.next(value);
-    }
-    /**
-     * The ngOnDestroy function in TypeScript is used to clean up resources and unsubscribe from
-     * observables by completing a subject.
-     */
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RmRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+import * as i0 from '@angular/core';
+import { EventEmitter, numberAttribute, Output, Input, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1 from '@angular/material/slider';
+import { MatSliderModule } from '@angular/material/slider';
+import { Subject, throttleTime, takeUntil } from 'rxjs';
+
+class RmRangeSliderComponent {
+    constructor() {
+        this.destroy$ = new Subject();
+        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
+      `RmRangeSliderComponent` component in Angular. In this specific case: */
+        this.startValue = 0;
+        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
+      `RmRangeSliderComponent` component in Angular. In this specific case, the `endValue` property is
+      being defined as an input property with the following configuration: */
+        this.endValue = 10;
+        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
+      `RmRangeSliderComponent` component in Angular. In this specific case, the `min` property is being
+      defined as an input property with the following configuration: */
+        this.min = 0;
+        /* The `@Input` decorator in the TypeScript code snippet is used to define an input property for the
+      `RmRangeSliderComponent` component in Angular. In this specific case, the `max` property is being
+      defined as an input property with the following configuration: */
+        this.max = 100;
+        /* The `@Output()` decorator in the TypeScript code snippet is used to define an output property for
+      the `RmRangeSliderComponent` component in Angular. In this specific case, the `getMinMax` property
+      is being defined as an output property with the type of `EventEmitter<MINMAX>`. */
+        this.onValueChanged = new EventEmitter();
+    }
+    /**
+     * The `onSliderInput` function sets the `value` object with `startValue` and `endValue` properties and
+     * calls the `onSliderChange` function with this value.
+     */
+    onSliderInput() {
+        const value = {
+            min: this.startValue,
+            max: this.endValue,
+        };
+        this.onSliderChange(value);
+    }
+    /**
+     * The `formatLabel` function in TypeScript formats a number value by rounding it to the nearest
+     * hundredth and appending a 'k' if the value is greater than or equal to 1000.
+     * @param {number} value - The `value` parameter is a number that represents a numerical value which
+     * needs to be formatted. The `formatLabel` function takes this number as input and returns a formatted
+     * string representation of the number. If the value is greater than or equal to 1000, it will be
+     * rounded and displayed in
+     * @returns If the `value` is greater than or equal to 1000, the function will return the value divided
+     * by 100 and rounded, followed by the letter 'k'. Otherwise, it will return the value as a string.
+     */
+    formatLabel(value) {
+        if (value >= 1000) {
+            return Math.round(value / 100) + 'k';
+        }
+        return `${value}`;
+    }
+    /**
+     * The `onSliderChange` function in TypeScript sets up a Subject to emit slider value changes with a
+     * throttle time of 5000 milliseconds.
+     * @param {MINMAX} value - The `value` parameter in the `onSliderChange` method represents the current
+     * value of the slider, which is of type `MINMAX`.
+     */
+    onSliderChange(value) {
+        this.destroy$.next();
+        this.destroy$.complete();
+        const sliderValueChanges$ = new Subject();
+        sliderValueChanges$
+            .pipe(throttleTime(5000), takeUntil(this.destroy$))
+            .subscribe((newValue) => {
+            this.onValueChanged.emit(newValue);
+        });
+        sliderValueChanges$.next(value);
+    }
+    /**
+     * The ngOnDestroy function in TypeScript is used to clean up resources and unsubscribe from
+     * observables by completing a subject.
+     */
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RmRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.6", type: RmRangeSliderComponent, isStandalone: true, selector: "rm-range-slider", inputs: { startValue: ["startValue", "startValue", numberAttribute], endValue: ["endValue", "endValue", numberAttribute], min: ["min", "min", numberAttribute], max: ["max", "max", numberAttribute] }, outputs: { onValueChanged: "onValueChanged" }, ngImport: i0, template: `
     <mat-slider
       [min]="this.min"
@@ -94,10 +94,10 @@ class RmRangeSliderComponent {
       <input matSliderStartThumb [(ngModel)]="startValue" />
       <input matSliderEndThumb [(ngModel)]="endValue" />
     </mat-slider>
-  `, isInline: true, styles: ["mat-slider{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RmRangeSliderComponent, decorators: [{
-            type: Component,
+  `, isInline: true, styles: ["mat-slider{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RmRangeSliderComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'rm-range-slider', imports: [MatSliderModule, FormsModule], template: `
     <mat-slider
       [min]="this.min"
@@ -110,42 +110,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
       <input matSliderStartThumb [(ngModel)]="startValue" />
       <input matSliderEndThumb [(ngModel)]="endValue" />
     </mat-slider>
-  `, styles: ["mat-slider{width:100%}\n"] }]
-        }], propDecorators: { startValue: [{
-                type: Input,
-                args: [{
-                        required: true,
-                        transform: numberAttribute,
-                    }]
-            }], endValue: [{
-                type: Input,
-                args: [{
-                        required: true,
-                        transform: numberAttribute,
-                    }]
-            }], min: [{
-                type: Input,
-                args: [{
-                        required: true,
-                        transform: numberAttribute,
-                    }]
-            }], max: [{
-                type: Input,
-                args: [{
-                        required: true,
-                        transform: numberAttribute,
-                    }]
-            }], onValueChanged: [{
-                type: Output
-            }] } });
-
-/*
- * Public API Surface of rm-range-slider
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RmRangeSliderComponent };
-//# sourceMappingURL=rm-range-slider.mjs.map
+  `, styles: ["mat-slider{width:100%}\n"] }]
+        }], propDecorators: { startValue: [{
+                type: Input,
+                args: [{
+                        required: true,
+                        transform: numberAttribute,
+                    }]
+            }], endValue: [{
+                type: Input,
+                args: [{
+                        required: true,
+                        transform: numberAttribute,
+                    }]
+            }], min: [{
+                type: Input,
+                args: [{
+                        required: true,
+                        transform: numberAttribute,
+                    }]
+            }], max: [{
+                type: Input,
+                args: [{
+                        required: true,
+                        transform: numberAttribute,
+                    }]
+            }], onValueChanged: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of rm-range-slider
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RmRangeSliderComponent };
+//# sourceMappingURL=rm-range-slider.mjs.map

package/package.json

@@ -1,167 +1,167 @@
-{
-  "name": "rm-range-slider",
-  "version": "7.0.0",
-  "description": "A highly optimized and fully customizable pure angular component for value range selection.",
-  "keywords": [
-    "angular",
-    "angular-library",
-    "angular-component",
-    "angular-ui",
-    "angular-slider",
-    "angular-range-slider",
-    "angular-dual-range-slider",
-    "angular-single-range-slider",
-    "ng",
-    "ng-component",
-    "ng-library",
-    "typescript",
-    "frontend",
-    "ui",
-    "ux",
-    "ui-components",
-    "custom-ui",
-    "form-control",
-    "input",
-    "range",
-    "range-slider",
-    "slider",
-    "dual-range",
-    "dual-slider",
-    "single-slider",
-    "price-range-slider",
-    "min-max-slider",
-    "multi-thumb-slider",
-    "two-thumb-slider",
-    "thumb-slider",
-    "custom-slider",
-    "lightweight",
-    "performance",
-    "high-performance",
-    "secure",
-    "accessibility",
-    "a11y",
-    "responsive",
-    "mobile-friendly",
-    "desktop-friendly",
-    "touch-slider",
-    "drag-slider",
-    "mouse-slider",
-    "keyboard-support",
-    "theming",
-    "styling",
-    "css",
-    "scss",
-    "customizable",
-    "no-dependency",
-    "zero-dependency",
-    "tree-shakable",
-    "modern-angular",
-    "angular-standalone",
-    "angular-forms",
-    "reactive-forms",
-    "template-driven-forms",
-    "open-source",
-    "npm",
-    "frontend-library",
-    "ui-library",
-    "web-component-alternative",
-    "range-input",
-    "html-range",
-    "custom-range-input",
-    "angular14",
-    "angular15",
-    "angular16",
-    "angular17",
-    "angular18",
-    "angular19",
-    "angular20",
-    "angular21",
-    "angular22",
-    "angular23",
-    "angular24"
-  ],
-  "author": {
-    "name": "Rajat Malik",
-    "email": "mr.rajatmalik@gmail.com",
-    "url": "https://www.rajatmalik.dev/"
-  },
-  "contributors": [
-    {
-      "name": "Rajat Malik",
-      "email": "mr.rajatmalik@gmail.com"
-    }
-  ],
-  "maintainers": [
-    {
-      "name": "Rajat Malik",
-      "email": "mr.rajatmalik@gmail.com"
-    }
-  ],
-  "homepage": "https://github.com/malikrajat/rm-range-slider#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/malikrajat/rm-range-slider.git"
-  },
-  "bugs": {
-    "url": "https://github.com/malikrajat/rm-range-slider/issues",
-    "email": "mr.rajatmalik@gmail.com"
-  },
-  "peerDependencies": {
-    "@angular/common": ">=14.0.0 <24.0.0",
-    "@angular/core": ">=14.0.0 <24.0.0",
-    "@angular/material": ">=14.0.0 <24.0.0"
-  },
-  "dependencies": {
-    "tslib": "^2.6.0"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "funding": {
-    "type": "individual",
-    "url": "https://github.com/sponsors/malikrajat"
-  },
-  "engines": {
-    "node": ">=16.0.0",
-    "npm": ">=8.0.0"
-  },
-  "os": [
-    "darwin",
-    "linux",
-    "win32"
-  ],
-  "cpu": [
-    "x64",
-    "arm64"
-  ],
-  "ng-add": {
-    "save": "dependencies"
-  },
-  "ng-update": {
-    "packageGroup": [
-      "rm-range-slider"
-    ]
-  },
-  "directories": {
-    "lib": "./src",
-    "doc": "./docs"
-  },
-  "packageManager": "pnpm@10.11.1",
-  "license": "MIT",
-  "type": "module",
-  "sideEffects": false,
-  "private": false,
-  "readme": "README.md",
-  "module": "fesm2022/rm-range-slider.mjs",
-  "typings": "types/rm-range-slider.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./types/rm-range-slider.d.ts",
-      "default": "./fesm2022/rm-range-slider.mjs"
-    }
-  }
-}
+{
+  "name": "rm-range-slider",
+  "version": "8.0.0",
+  "description": "A highly optimized and fully customizable pure angular component for value range selection.",
+  "keywords": [
+    "angular",
+    "angular-library",
+    "angular-component",
+    "angular-ui",
+    "angular-slider",
+    "angular-range-slider",
+    "angular-dual-range-slider",
+    "angular-single-range-slider",
+    "ng",
+    "ng-component",
+    "ng-library",
+    "typescript",
+    "frontend",
+    "ui",
+    "ux",
+    "ui-components",
+    "custom-ui",
+    "form-control",
+    "input",
+    "range",
+    "range-slider",
+    "slider",
+    "dual-range",
+    "dual-slider",
+    "single-slider",
+    "price-range-slider",
+    "min-max-slider",
+    "multi-thumb-slider",
+    "two-thumb-slider",
+    "thumb-slider",
+    "custom-slider",
+    "lightweight",
+    "performance",
+    "high-performance",
+    "secure",
+    "accessibility",
+    "a11y",
+    "responsive",
+    "mobile-friendly",
+    "desktop-friendly",
+    "touch-slider",
+    "drag-slider",
+    "mouse-slider",
+    "keyboard-support",
+    "theming",
+    "styling",
+    "css",
+    "scss",
+    "customizable",
+    "no-dependency",
+    "zero-dependency",
+    "tree-shakable",
+    "modern-angular",
+    "angular-standalone",
+    "angular-forms",
+    "reactive-forms",
+    "template-driven-forms",
+    "open-source",
+    "npm",
+    "frontend-library",
+    "ui-library",
+    "web-component-alternative",
+    "range-input",
+    "html-range",
+    "custom-range-input",
+    "angular14",
+    "angular15",
+    "angular16",
+    "angular17",
+    "angular18",
+    "angular19",
+    "angular20",
+    "angular21",
+    "angular22",
+    "angular23",
+    "angular24"
+  ],
+  "author": {
+    "name": "Rajat Malik",
+    "email": "mr.rajatmalik@gmail.com",
+    "url": "https://www.rajatmalik.dev/"
+  },
+  "contributors": [
+    {
+      "name": "Rajat Malik",
+      "email": "mr.rajatmalik@gmail.com"
+    }
+  ],
+  "maintainers": [
+    {
+      "name": "Rajat Malik",
+      "email": "mr.rajatmalik@gmail.com"
+    }
+  ],
+  "homepage": "https://github.com/malikrajat/rm-range-slider#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/malikrajat/rm-range-slider.git"
+  },
+  "bugs": {
+    "url": "https://github.com/malikrajat/rm-range-slider/issues",
+    "email": "mr.rajatmalik@gmail.com"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=14.0.0 <24.0.0",
+    "@angular/core": ">=14.0.0 <24.0.0",
+    "@angular/material": ">=14.0.0 <24.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.6.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://github.com/sponsors/malikrajat"
+  },
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
+  },
+  "os": [
+    "darwin",
+    "linux",
+    "win32"
+  ],
+  "cpu": [
+    "x64",
+    "arm64"
+  ],
+  "ng-add": {
+    "save": "dependencies"
+  },
+  "ng-update": {
+    "packageGroup": [
+      "rm-range-slider"
+    ]
+  },
+  "directories": {
+    "lib": "./src",
+    "doc": "./docs"
+  },
+  "packageManager": "pnpm@10.11.1",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "private": false,
+  "readme": "README.md",
+  "module": "fesm2022/rm-range-slider.mjs",
+  "typings": "types/rm-range-slider.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/rm-range-slider.d.ts",
+      "default": "./fesm2022/rm-range-slider.mjs"
+    }
+  }
+}

package/types/rm-range-slider.d.ts

@@ -1,52 +1,52 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter } from '@angular/core';
-
-interface MINMAX {
-    min: number;
-    max: number;
-}
-declare class RmRangeSliderComponent implements OnDestroy {
-    private destroy$;
-    startValue: number;
-    endValue: number;
-    min: number;
-    max: number;
-    onValueChanged: EventEmitter<MINMAX>;
-    /**
-     * The `onSliderInput` function sets the `value` object with `startValue` and `endValue` properties and
-     * calls the `onSliderChange` function with this value.
-     */
-    onSliderInput(): void;
-    /**
-     * The `formatLabel` function in TypeScript formats a number value by rounding it to the nearest
-     * hundredth and appending a 'k' if the value is greater than or equal to 1000.
-     * @param {number} value - The `value` parameter is a number that represents a numerical value which
-     * needs to be formatted. The `formatLabel` function takes this number as input and returns a formatted
-     * string representation of the number. If the value is greater than or equal to 1000, it will be
-     * rounded and displayed in
-     * @returns If the `value` is greater than or equal to 1000, the function will return the value divided
-     * by 100 and rounded, followed by the letter 'k'. Otherwise, it will return the value as a string.
-     */
-    formatLabel(value: number): string;
-    /**
-     * The `onSliderChange` function in TypeScript sets up a Subject to emit slider value changes with a
-     * throttle time of 5000 milliseconds.
-     * @param {MINMAX} value - The `value` parameter in the `onSliderChange` method represents the current
-     * value of the slider, which is of type `MINMAX`.
-     */
-    onSliderChange(value: MINMAX): void;
-    /**
-     * The ngOnDestroy function in TypeScript is used to clean up resources and unsubscribe from
-     * observables by completing a subject.
-     */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RmRangeSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RmRangeSliderComponent, "rm-range-slider", never, { "startValue": { "alias": "startValue"; "required": true; }; "endValue": { "alias": "endValue"; "required": true; }; "min": { "alias": "min"; "required": true; }; "max": { "alias": "max"; "required": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
-    static ngAcceptInputType_startValue: unknown;
-    static ngAcceptInputType_endValue: unknown;
-    static ngAcceptInputType_min: unknown;
-    static ngAcceptInputType_max: unknown;
-}
-
-export { RmRangeSliderComponent };
-export type { MINMAX };
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
+
+interface MINMAX {
+    min: number;
+    max: number;
+}
+declare class RmRangeSliderComponent implements OnDestroy {
+    private destroy$;
+    startValue: number;
+    endValue: number;
+    min: number;
+    max: number;
+    onValueChanged: EventEmitter<MINMAX>;
+    /**
+     * The `onSliderInput` function sets the `value` object with `startValue` and `endValue` properties and
+     * calls the `onSliderChange` function with this value.
+     */
+    onSliderInput(): void;
+    /**
+     * The `formatLabel` function in TypeScript formats a number value by rounding it to the nearest
+     * hundredth and appending a 'k' if the value is greater than or equal to 1000.
+     * @param {number} value - The `value` parameter is a number that represents a numerical value which
+     * needs to be formatted. The `formatLabel` function takes this number as input and returns a formatted
+     * string representation of the number. If the value is greater than or equal to 1000, it will be
+     * rounded and displayed in
+     * @returns If the `value` is greater than or equal to 1000, the function will return the value divided
+     * by 100 and rounded, followed by the letter 'k'. Otherwise, it will return the value as a string.
+     */
+    formatLabel(value: number): string;
+    /**
+     * The `onSliderChange` function in TypeScript sets up a Subject to emit slider value changes with a
+     * throttle time of 5000 milliseconds.
+     * @param {MINMAX} value - The `value` parameter in the `onSliderChange` method represents the current
+     * value of the slider, which is of type `MINMAX`.
+     */
+    onSliderChange(value: MINMAX): void;
+    /**
+     * The ngOnDestroy function in TypeScript is used to clean up resources and unsubscribe from
+     * observables by completing a subject.
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RmRangeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RmRangeSliderComponent, "rm-range-slider", never, { "startValue": { "alias": "startValue"; "required": true; }; "endValue": { "alias": "endValue"; "required": true; }; "min": { "alias": "min"; "required": true; }; "max": { "alias": "max"; "required": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
+    static ngAcceptInputType_startValue: unknown;
+    static ngAcceptInputType_endValue: unknown;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_max: unknown;
+}
+
+export { RmRangeSliderComponent };
+export type { MINMAX };