@pepperi-addons/ngx-lib 0.2.51-beta.7 → 0.2.52
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/bundles/pepperi-addons-ngx-lib-form.umd.js +188 -3313
- package/bundles/pepperi-addons-ngx-lib-form.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-lib-image.umd.js +133 -72
- package/bundles/pepperi-addons-ngx-lib-image.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-lib-slider.umd.js +15 -4
- package/bundles/pepperi-addons-ngx-lib-slider.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-lib.umd.js +5 -1
- package/bundles/pepperi-addons-ngx-lib.umd.js.map +1 -1
- package/core/common/model/wapi.model.d.ts +2 -0
- package/core/customization/customization.model.d.ts +1 -0
- package/esm2015/core/common/model/wapi.model.js +1 -1
- package/esm2015/core/customization/customization.model.js +5 -1
- package/esm2015/form/field-generator.component.js +16 -10
- package/esm2015/form/form.component.js +53 -84
- package/esm2015/form/internal-carusel.component.js +39 -3147
- package/esm2015/form/internal-carusel.service.js +13 -13
- package/esm2015/form/internal-page.component.js +7 -7
- package/esm2015/image/image.component.js +20 -36
- package/esm2015/image/image.module.js +3 -1
- package/esm2015/image/image.service.js +55 -0
- package/esm2015/image/public-api.js +2 -1
- package/esm2015/slider/slider.component.js +16 -5
- package/fesm2015/pepperi-addons-ngx-lib-form.js +123 -3257
- package/fesm2015/pepperi-addons-ngx-lib-form.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-image.js +73 -36
- package/fesm2015/pepperi-addons-ngx-lib-image.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-slider.js +15 -4
- package/fesm2015/pepperi-addons-ngx-lib-slider.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib.js +4 -0
- package/fesm2015/pepperi-addons-ngx-lib.js.map +1 -1
- package/form/field-generator.component.d.ts +7 -5
- package/form/form.component.d.ts +10 -4
- package/form/internal-carusel.component.d.ts +5 -3
- package/form/internal-carusel.service.d.ts +2 -7
- package/form/internal-page.component.d.ts +2 -2
- package/form/pepperi-addons-ngx-lib-form.metadata.json +1 -1
- package/image/image.component.d.ts +5 -5
- package/image/image.service.d.ts +11 -0
- package/image/pepperi-addons-ngx-lib-image.metadata.json +1 -1
- package/image/public-api.d.ts +1 -0
- package/package.json +1 -1
- package/pepperi-addons-ngx-lib.metadata.json +1 -1
- package/slider/pepperi-addons-ngx-lib-slider.metadata.json +1 -1
- package/slider/slider.component.d.ts +2 -0
- package/src/core/style/base/typography.scss +28 -0
|
@@ -22,6 +22,7 @@ export class PepSliderComponent {
|
|
|
22
22
|
this.maxValue = NaN;
|
|
23
23
|
this._value = null;
|
|
24
24
|
this.valueChange = new EventEmitter();
|
|
25
|
+
this.inputChange = new EventEmitter();
|
|
25
26
|
this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
|
|
26
27
|
this.sliderWrapper = null;
|
|
27
28
|
}
|
|
@@ -45,13 +46,19 @@ export class PepSliderComponent {
|
|
|
45
46
|
return this._value;
|
|
46
47
|
}
|
|
47
48
|
setBackground() {
|
|
48
|
-
var _a;
|
|
49
|
+
var _a, _b;
|
|
49
50
|
// Get the wrapper for set the background.
|
|
50
51
|
if (!this.sliderWrapper) {
|
|
51
52
|
this.sliderWrapper = this.element.nativeElement.querySelector('.mat-slider-wrapper');
|
|
52
53
|
}
|
|
53
54
|
if (this.sliderWrapper) {
|
|
54
|
-
this.renderer.setStyle(this.sliderWrapper, 'background', ((_a = this.background) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.background : '
|
|
55
|
+
this.renderer.setStyle(this.sliderWrapper, 'background', ((_a = this.background) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.background : '');
|
|
56
|
+
if (((_b = this.background) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
|
57
|
+
this.renderer.removeClass(this.sliderWrapper, 'background-color-dimmed');
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
this.renderer.addClass(this.sliderWrapper, 'background-color-dimmed');
|
|
61
|
+
}
|
|
55
62
|
}
|
|
56
63
|
}
|
|
57
64
|
ngOnInit() {
|
|
@@ -61,11 +68,14 @@ export class PepSliderComponent {
|
|
|
61
68
|
onValueChange(event) {
|
|
62
69
|
this.valueChange.emit(event.value);
|
|
63
70
|
}
|
|
71
|
+
onInputChange(event) {
|
|
72
|
+
this.inputChange.emit(event.value);
|
|
73
|
+
}
|
|
64
74
|
}
|
|
65
75
|
PepSliderComponent.decorators = [
|
|
66
76
|
{ type: Component, args: [{
|
|
67
77
|
selector: 'pep-slider',
|
|
68
|
-
template: "<div class=\"pep-slider-container\">\n <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n </pep-field-title>\n <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [value]=\"value\" [disabled]=\"disabled\" [title]=\"value\"\n (change)=\"onValueChange($event)\">\n </mat-slider>\n</div>",
|
|
78
|
+
template: "<div class=\"pep-slider-container\">\n <pep-field-title [label]=\"label\" [disabled]=\"disabled\" [hint]=\"hint\" [xAlignment]=\"xAlignment\">\n </pep-field-title>\n <mat-slider [min]=\"minValue\" [max]=\"maxValue\" [step]=\"step\" [value]=\"value\" [disabled]=\"disabled\" [title]=\"value\"\n (change)=\"onValueChange($event)\" (input)=\"onInputChange($event)\">\n </mat-slider>\n</div>",
|
|
69
79
|
styles: [""]
|
|
70
80
|
},] }
|
|
71
81
|
];
|
|
@@ -83,6 +93,7 @@ PepSliderComponent.propDecorators = {
|
|
|
83
93
|
minValue: [{ type: Input }],
|
|
84
94
|
maxValue: [{ type: Input }],
|
|
85
95
|
value: [{ type: Input }],
|
|
86
|
-
valueChange: [{ type: Output }]
|
|
96
|
+
valueChange: [{ type: Output }],
|
|
97
|
+
inputChange: [{ type: Output }]
|
|
87
98
|
};
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixTQUFTLEVBQ1QsVUFBVSxHQUdiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSw0QkFBNEIsRUFBMEIsTUFBTSx5QkFBeUIsQ0FBQztBQUVqSDs7Ozs7OztHQU9HO0FBTUgsTUFBTSxPQUFPLGtCQUFrQjtJQTZDM0IsWUFBb0IsUUFBbUIsRUFBVSxPQUFtQixFQUFVLGdCQUFrQztRQUE1RixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQVUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFVLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUE1Q3ZHLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFWCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQWNoQixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ1QsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQUNmLGFBQVEsR0FBRyxHQUFHLENBQUM7UUFFaEIsV0FBTSxHQUFHLElBQUksQ0FBQztRQWN0QixnQkFBVyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRy9ELGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFL0QsZUFBVSxHQUEyQiw0QkFBNEIsQ0FBQztRQUNsRSxrQkFBYSxHQUFRLElBQUksQ0FBQztJQUUwRixDQUFDO0lBdkNySCxJQUNJLFVBQVUsQ0FBQyxVQUFrQjtRQUM3QixJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2IsVUFBVSxHQUFHLEVBQUUsQ0FBQztTQUNuQjtRQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDO1FBQzlCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFPRCxJQUNJLEtBQUssQ0FBQyxLQUFhO1FBQ25CLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDUixLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ2Q7UUFFRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFhTyxhQUFhOztRQUNqQiwwQ0FBMEM7UUFDMUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDckIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsQ0FBQztTQUN4RjtRQUVELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFlBQVksRUFBRSxDQUFBLE1BQUEsSUFBSSxDQUFDLFVBQVUsMENBQUUsTUFBTSxJQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFFN0csSUFBSSxDQUFBLE1BQUEsSUFBSSxDQUFDLFVBQVUsMENBQUUsTUFBTSxJQUFHLENBQUMsRUFBRTtnQkFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSx5QkFBeUIsQ0FBQyxDQUFDO2FBQzVFO2lCQUFNO2dCQUNILElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUseUJBQXlCLENBQUMsQ0FBQzthQUN6RTtTQUNKO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDbkUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7O1lBaEZKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsa2FBQXNDOzthQUV6Qzs7O1lBbkJHLFNBQVM7WUFDVCxVQUFVO1lBSUwsZ0JBQWdCOzs7b0JBZ0JwQixLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSzt5QkFHTCxLQUFLO21CQWFMLEtBQUs7dUJBQ0wsS0FBSzt1QkFDTCxLQUFLO29CQUdMLEtBQUs7MEJBWUwsTUFBTTswQkFHTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgT25EZXN0cm95LFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgUmVuZGVyZXIyLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgT25Jbml0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBMYXlvdXRTZXJ2aWNlLCBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5ULCBQZXBIb3Jpem9udGFsQWxpZ25tZW50IH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuXG4vKipcbiAqIFRoaXMgaXMgYSBzbGlkZXIgY29tcG9uZW50IHRoYXQgc3VwcG9ydCBwZXBwZXJpIHRoZW1lXG4gKiBzdHlsZSAmIHN0YXRlICYgc2l6ZXNcbiAqXG4gKiBAZXhwb3J0XG4gKiBAY2xhc3MgUGVwU2xpZGVyQ29tcG9uZW50XG4gKiBAaW1wbGVtZW50cyB7T25EZXN0cm95fVxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1zbGlkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NsaWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoaW50ID0gJyc7XG5cbiAgICBwcml2YXRlIF9iYWNrZ3JvdW5kID0gJyc7XG4gICAgQElucHV0KClcbiAgICBzZXQgYmFja2dyb3VuZChiYWNrZ3JvdW5kOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCFiYWNrZ3JvdW5kKSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kID0gJyc7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl9iYWNrZ3JvdW5kID0gYmFja2dyb3VuZDtcbiAgICAgICAgdGhpcy5zZXRCYWNrZ3JvdW5kKCk7XG4gICAgfVxuICAgIGdldCBiYWNrZ3JvdW5kKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9iYWNrZ3JvdW5kO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHN0ZXAgPSAxO1xuICAgIEBJbnB1dCgpIG1pblZhbHVlID0gTmFOO1xuICAgIEBJbnB1dCgpIG1heFZhbHVlID0gTmFOO1xuXG4gICAgcHJpdmF0ZSBfdmFsdWUgPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdmFsdWUgPSAnJztcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgfVxuICAgIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBAT3V0cHV0KClcbiAgICBpbnB1dENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIHhBbGlnbm1lbnQ6IFBlcEhvcml6b250YWxBbGlnbm1lbnQgPSBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5UO1xuICAgIHNsaWRlcldyYXBwZXI6IGFueSA9IG51bGw7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSBwZXBMYXlvdXRTZXJ2aWNlOiBQZXBMYXlvdXRTZXJ2aWNlKSB7IH1cblxuICAgIHByaXZhdGUgc2V0QmFja2dyb3VuZCgpOiB2b2lkIHtcbiAgICAgICAgLy8gR2V0IHRoZSB3cmFwcGVyIGZvciBzZXQgdGhlIGJhY2tncm91bmQuXG4gICAgICAgIGlmICghdGhpcy5zbGlkZXJXcmFwcGVyKSB7XG4gICAgICAgICAgICB0aGlzLnNsaWRlcldyYXBwZXIgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcubWF0LXNsaWRlci13cmFwcGVyJyk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5zbGlkZXJXcmFwcGVyKSB7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc2xpZGVyV3JhcHBlciwgJ2JhY2tncm91bmQnLCB0aGlzLmJhY2tncm91bmQ/Lmxlbmd0aCA+IDAgPyB0aGlzLmJhY2tncm91bmQgOiAnJyk7XG5cbiAgICAgICAgICAgIGlmICh0aGlzLmJhY2tncm91bmQ/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuc2xpZGVyV3JhcHBlciwgJ2JhY2tncm91bmQtY29sb3ItZGltbWVkJyk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5zbGlkZXJXcmFwcGVyLCAnYmFja2dyb3VuZC1jb2xvci1kaW1tZWQnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnhBbGlnbm1lbnQgPSB0aGlzLnBlcExheW91dFNlcnZpY2UuaXNSdGwoKSA/ICdyaWdodCcgOiAnbGVmdCc7XG4gICAgICAgIHRoaXMuc2V0QmFja2dyb3VuZCgpO1xuICAgIH1cblxuICAgIG9uVmFsdWVDaGFuZ2UoZXZlbnQpIHtcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGV2ZW50LnZhbHVlKTtcbiAgICB9XG5cbiAgICBvbklucHV0Q2hhbmdlKGV2ZW50KSB7XG4gICAgICAgIHRoaXMuaW5wdXRDaGFuZ2UuZW1pdChldmVudC52YWx1ZSk7XG4gICAgfVxufVxuIl19
|