rm-range-slider 3.0.4 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ Install rm-range-slider with npm or yarn
|
|
|
14
14
|
|
|
15
15
|
```bash
|
|
16
16
|
npm: npm install --save rm-range-slider
|
|
17
|
-
yarn: yarn add
|
|
17
|
+
yarn: yarn add rm-range-slider
|
|
18
18
|
AND
|
|
19
19
|
npm: ng add @angular/material
|
|
20
20
|
yarn: yarn add @angular/material
|
|
@@ -54,16 +54,17 @@ import {RmRangeSliderModule} from "rm-range-slider";
|
|
|
54
54
|
### Version Mapping
|
|
55
55
|
|
|
56
56
|
| Slider | Ng |
|
|
57
|
-
|
|
57
|
+
|--------|------|
|
|
58
58
|
| 0.0.1 | 14.x |
|
|
59
59
|
| 1.0.0 | 15.x |
|
|
60
60
|
| 2.0.0 | 16.x |
|
|
61
61
|
| 3.0.0 | 17.x |
|
|
62
|
+
| 4.0.0 | 18.x |
|
|
62
63
|
|
|
63
64
|
### Properties
|
|
64
65
|
|
|
65
66
|
| Name | Description | Type | Default Value |
|
|
66
|
-
|
|
67
|
+
|------------------|----------------------------------------------------------------------------------|--------|:------------------------------------------------------------:|
|
|
67
68
|
| `min` | Minimum value of slider | number | Initially `min` value will be set `0` if not provided |
|
|
68
69
|
| `max` | Maximum value of slider | number | Initially `max` value will be set `100` if not provided |
|
|
69
70
|
| `startValue` | deafult value for first slider | number | Initially `startValue` value will be set `0` if not provided |
|
|
@@ -80,8 +80,8 @@ export class RmRangeSliderComponent {
|
|
|
80
80
|
this.destroy$.next();
|
|
81
81
|
this.destroy$.complete();
|
|
82
82
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
84
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
83
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RmRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", 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: `
|
|
85
85
|
<mat-slider
|
|
86
86
|
[min]="this.min"
|
|
87
87
|
[max]="this.max"
|
|
@@ -95,7 +95,7 @@ export class RmRangeSliderComponent {
|
|
|
95
95
|
</mat-slider>
|
|
96
96
|
`, 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"] }] }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RmRangeSliderComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{ selector: 'rm-range-slider', standalone: true, imports: [MatSliderModule, FormsModule], template: `
|
|
101
101
|
<mat-slider
|
|
@@ -81,8 +81,8 @@ class RmRangeSliderComponent {
|
|
|
81
81
|
this.destroy$.next();
|
|
82
82
|
this.destroy$.complete();
|
|
83
83
|
}
|
|
84
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
85
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
84
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RmRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
85
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.4", 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: `
|
|
86
86
|
<mat-slider
|
|
87
87
|
[min]="this.min"
|
|
88
88
|
[max]="this.max"
|
|
@@ -96,7 +96,7 @@ class RmRangeSliderComponent {
|
|
|
96
96
|
</mat-slider>
|
|
97
97
|
`, 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"] }] }); }
|
|
98
98
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: RmRangeSliderComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
101
|
args: [{ selector: 'rm-range-slider', standalone: true, imports: [MatSliderModule, FormsModule], template: `
|
|
102
102
|
<mat-slider
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rm-range-slider",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "A highly optimized and fully customizable pure angular component for value range selection.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
"url": "https://github.com/malikrajat/rm-range-slider"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@angular/common": "^
|
|
36
|
-
"@angular/core": "^
|
|
37
|
-
"@angular/material": "^
|
|
35
|
+
"@angular/common": "^18.1.4",
|
|
36
|
+
"@angular/core": "^18.1.4",
|
|
37
|
+
"@angular/material": "^18.1.4"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"tslib": "^2.3.0"
|