@kms-ngx-ui/presentational 16.12.27 → 16.12.29
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/esm2022/lib/ui/slider/slider.component.mjs +16 -6
- package/fesm2022/kms-ngx-ui-presentational.mjs +15 -5
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/ui/slider/slider.component.d.ts +2 -0
- package/package.json +1 -1
- package/src/lib/ui/slider/slider.component.scss +31 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { Component, EventEmitter, forwardRef, Input, Output, } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, forwardRef, HostBinding, Input, Output, } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular-slider/ngx-slider";
|
|
5
5
|
export class SliderComponent {
|
|
6
6
|
constructor() {
|
|
7
|
+
this.kmsSliderClass = true;
|
|
7
8
|
this.disabled = false;
|
|
8
9
|
this.options = {};
|
|
9
10
|
this.change = new EventEmitter();
|
|
@@ -11,6 +12,9 @@ export class SliderComponent {
|
|
|
11
12
|
this.onChange = () => { };
|
|
12
13
|
this.onTouch = () => { };
|
|
13
14
|
}
|
|
15
|
+
get disabledClass() {
|
|
16
|
+
return this.disabled;
|
|
17
|
+
}
|
|
14
18
|
get value() {
|
|
15
19
|
return this._value;
|
|
16
20
|
}
|
|
@@ -35,13 +39,13 @@ export class SliderComponent {
|
|
|
35
39
|
this.disabled = isDisabled;
|
|
36
40
|
}
|
|
37
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "kms-slider", inputs: { disabled: "disabled", options: "options", max: "max" }, outputs: { change: "change" }, providers: [
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "kms-slider", inputs: { disabled: "disabled", options: "options", max: "max" }, outputs: { change: "change" }, host: { properties: { "class.kms-slider": "this.kmsSliderClass", "class.kms-slider--disabled": "this.disabledClass" } }, providers: [
|
|
39
43
|
{
|
|
40
44
|
provide: NG_VALUE_ACCESSOR,
|
|
41
45
|
useExisting: forwardRef(() => SliderComponent),
|
|
42
46
|
multi: true,
|
|
43
47
|
},
|
|
44
|
-
], ngImport: i0, template: "<ngx-slider\n [
|
|
48
|
+
], ngImport: i0, template: "<ngx-slider\n [(value)]=\"value\"\n [options]=\"options\"\n [highValue]=\"max\"\n (userChangeEnd)=\"change.emit($event)\"\n></ngx-slider>\n", styles: [""], dependencies: [{ kind: "component", type: i1.SliderComponent, selector: "ngx-slider", inputs: ["value", "highValue", "options", "manualRefresh", "triggerFocus"], outputs: ["valueChange", "highValueChange", "userChangeStart", "userChange", "userChangeEnd"] }] }); }
|
|
45
49
|
}
|
|
46
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
47
51
|
type: Component,
|
|
@@ -51,8 +55,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
51
55
|
useExisting: forwardRef(() => SliderComponent),
|
|
52
56
|
multi: true,
|
|
53
57
|
},
|
|
54
|
-
], template: "<ngx-slider\n [
|
|
55
|
-
}], propDecorators: {
|
|
58
|
+
], template: "<ngx-slider\n [(value)]=\"value\"\n [options]=\"options\"\n [highValue]=\"max\"\n (userChangeEnd)=\"change.emit($event)\"\n></ngx-slider>\n" }]
|
|
59
|
+
}], propDecorators: { kmsSliderClass: [{
|
|
60
|
+
type: HostBinding,
|
|
61
|
+
args: ['class.kms-slider']
|
|
62
|
+
}], disabledClass: [{
|
|
63
|
+
type: HostBinding,
|
|
64
|
+
args: ['class.kms-slider--disabled']
|
|
65
|
+
}], disabled: [{
|
|
56
66
|
type: Input
|
|
57
67
|
}], options: [{
|
|
58
68
|
type: Input
|
|
@@ -61,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
71
|
}], change: [{
|
|
62
72
|
type: Output
|
|
63
73
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWN6RSxNQUFNLE9BQU8sZUFBZTtJQVo1QjtRQWFtQyxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUs5QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBWSxFQUFFLENBQUM7UUFHckIsV0FBTSxHQUFnQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTNELFdBQU0sR0FBRyxDQUFDLENBQUM7UUFFbkIsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUV6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBK0J6QjtJQTdDQyxJQUErQyxhQUFhO1FBQzFELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBY0QsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFXO1FBQ3RCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDOytHQTlDVSxlQUFlO21HQUFmLGVBQWUsK1BBUmY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDOUMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ3pCSCxpSkFNQTs7NEZEcUJhLGVBQWU7a0JBWjNCLFNBQVM7K0JBQ0UsWUFBWSxhQUdYO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHZ0MsY0FBYztzQkFBOUMsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBQ2dCLGFBQWE7c0JBQTNELFdBQVc7dUJBQUMsNEJBQTRCO2dCQUloQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlQ29udGV4dCwgT3B0aW9ucyB9IGZyb20gJ0Bhbmd1bGFyLXNsaWRlci9uZ3gtc2xpZGVyJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1zbGlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2xpZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2xpZGVyQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5rbXMtc2xpZGVyJykga21zU2xpZGVyQ2xhc3MgPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmttcy1zbGlkZXItLWRpc2FibGVkJykgZ2V0IGRpc2FibGVkQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XG4gIH1cblxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBvcHRpb25zOiBPcHRpb25zID0ge307XG4gIEBJbnB1dCgpIG1heDogbnVtYmVyO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxDaGFuZ2VDb250ZXh0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwcml2YXRlIF92YWx1ZSA9IDA7XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuXG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xuXG4gIGdldCB2YWx1ZSgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcbiAgfVxuXG4gIHNldCB2YWx1ZSh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2godmFsdWUpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxuXG4gIGVtaXRPbkNoYW5nZSgkZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuY2hhbmdlLmVtaXQoJGV2ZW50KTtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG59XG4iLCI8bmd4LXNsaWRlclxuICBbKHZhbHVlKV09XCJ2YWx1ZVwiXG4gIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICBbaGlnaFZhbHVlXT1cIm1heFwiXG4gICh1c2VyQ2hhbmdlRW5kKT1cImNoYW5nZS5lbWl0KCRldmVudClcIlxuPjwvbmd4LXNsaWRlcj5cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, EventEmitter, forwardRef, Input, Output, Pipe, NgModule, ViewChild, Directive, HostListener, VERSION, PLATFORM_ID, Injectable, Inject, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
|
+
import { Component, EventEmitter, forwardRef, Input, Output, Pipe, NgModule, ViewChild, Directive, HostListener, VERSION, PLATFORM_ID, Injectable, Inject, HostBinding, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { CommonModule, CurrencyPipe, isPlatformBrowser, DOCUMENT } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/forms';
|
|
@@ -2741,6 +2741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2741
2741
|
|
|
2742
2742
|
class SliderComponent {
|
|
2743
2743
|
constructor() {
|
|
2744
|
+
this.kmsSliderClass = true;
|
|
2744
2745
|
this.disabled = false;
|
|
2745
2746
|
this.options = {};
|
|
2746
2747
|
this.change = new EventEmitter();
|
|
@@ -2748,6 +2749,9 @@ class SliderComponent {
|
|
|
2748
2749
|
this.onChange = () => { };
|
|
2749
2750
|
this.onTouch = () => { };
|
|
2750
2751
|
}
|
|
2752
|
+
get disabledClass() {
|
|
2753
|
+
return this.disabled;
|
|
2754
|
+
}
|
|
2751
2755
|
get value() {
|
|
2752
2756
|
return this._value;
|
|
2753
2757
|
}
|
|
@@ -2772,13 +2776,13 @@ class SliderComponent {
|
|
|
2772
2776
|
this.disabled = isDisabled;
|
|
2773
2777
|
}
|
|
2774
2778
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2775
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "kms-slider", inputs: { disabled: "disabled", options: "options", max: "max" }, outputs: { change: "change" }, providers: [
|
|
2779
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "kms-slider", inputs: { disabled: "disabled", options: "options", max: "max" }, outputs: { change: "change" }, host: { properties: { "class.kms-slider": "this.kmsSliderClass", "class.kms-slider--disabled": "this.disabledClass" } }, providers: [
|
|
2776
2780
|
{
|
|
2777
2781
|
provide: NG_VALUE_ACCESSOR,
|
|
2778
2782
|
useExisting: forwardRef(() => SliderComponent),
|
|
2779
2783
|
multi: true,
|
|
2780
2784
|
},
|
|
2781
|
-
], ngImport: i0, template: "<ngx-slider\n [
|
|
2785
|
+
], ngImport: i0, template: "<ngx-slider\n [(value)]=\"value\"\n [options]=\"options\"\n [highValue]=\"max\"\n (userChangeEnd)=\"change.emit($event)\"\n></ngx-slider>\n", styles: [""], dependencies: [{ kind: "component", type: i1$3.SliderComponent, selector: "ngx-slider", inputs: ["value", "highValue", "options", "manualRefresh", "triggerFocus"], outputs: ["valueChange", "highValueChange", "userChangeStart", "userChange", "userChangeEnd"] }] }); }
|
|
2782
2786
|
}
|
|
2783
2787
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
2784
2788
|
type: Component,
|
|
@@ -2788,8 +2792,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2788
2792
|
useExisting: forwardRef(() => SliderComponent),
|
|
2789
2793
|
multi: true,
|
|
2790
2794
|
},
|
|
2791
|
-
], template: "<ngx-slider\n [
|
|
2792
|
-
}], propDecorators: {
|
|
2795
|
+
], template: "<ngx-slider\n [(value)]=\"value\"\n [options]=\"options\"\n [highValue]=\"max\"\n (userChangeEnd)=\"change.emit($event)\"\n></ngx-slider>\n" }]
|
|
2796
|
+
}], propDecorators: { kmsSliderClass: [{
|
|
2797
|
+
type: HostBinding,
|
|
2798
|
+
args: ['class.kms-slider']
|
|
2799
|
+
}], disabledClass: [{
|
|
2800
|
+
type: HostBinding,
|
|
2801
|
+
args: ['class.kms-slider--disabled']
|
|
2802
|
+
}], disabled: [{
|
|
2793
2803
|
type: Input
|
|
2794
2804
|
}], options: [{
|
|
2795
2805
|
type: Input
|