matcha-components 20.31.0 → 20.35.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.
|
@@ -6158,6 +6158,7 @@ class MatchaSliderComponent {
|
|
|
6158
6158
|
this.valueChange.emit(this.value);
|
|
6159
6159
|
this.userChange.emit(this.value);
|
|
6160
6160
|
this.onChange(this.value);
|
|
6161
|
+
this.cdr.markForCheck();
|
|
6161
6162
|
}
|
|
6162
6163
|
}
|
|
6163
6164
|
updateRangeValues(newValue) {
|
|
@@ -6195,6 +6196,7 @@ class MatchaSliderComponent {
|
|
|
6195
6196
|
this.valueChange.emit(this.value);
|
|
6196
6197
|
this.userChange.emit(this.value);
|
|
6197
6198
|
this.onChange([this.value, this.highValue]);
|
|
6199
|
+
this.cdr.markForCheck();
|
|
6198
6200
|
}
|
|
6199
6201
|
}
|
|
6200
6202
|
updateHighValue(newValue) {
|
|
@@ -6219,6 +6221,7 @@ class MatchaSliderComponent {
|
|
|
6219
6221
|
this.highValueChange.emit(this.highValue);
|
|
6220
6222
|
this.userChange.emit(this.highValue);
|
|
6221
6223
|
this.onChange([this.value, this.highValue]);
|
|
6224
|
+
this.cdr.markForCheck();
|
|
6222
6225
|
}
|
|
6223
6226
|
}
|
|
6224
6227
|
onKeyDown(event) {
|
|
@@ -6300,11 +6303,11 @@ class MatchaSliderComponent {
|
|
|
6300
6303
|
useExisting: forwardRef(() => MatchaSliderComponent),
|
|
6301
6304
|
multi: true
|
|
6302
6305
|
}
|
|
6303
|
-
], viewQueries: [{ propertyName: "sliderElement", first: true, predicate: ["sliderElement"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-slider\" [class.disabled]=\"isDisabled\" [class.range]=\"isRange\"\n [attr.data-color]=\"color\" #sliderElement>\n\n\n <div class=\"limit-labels\" *ngIf=\"!mergedOptions.hideLimitLabels\">\n <span class=\"floor-label\">{{ formatValue(mergedOptions.floor || 0) }}</span>\n <span class=\"ceil-label\" [class.color-placeholder]=\"!isAtMaxValue\" *ngIf=\"!isAtMaxValue\">{{ formatValue(mergedOptions.ceil || 100) }}</span>\n </div>\n <div class=\"slider-track\" (mousedown)=\"onTrackMouseDown($event)\" (click)=\"onTrackClick($event)\">\n\n <div class=\"selection-bar\" [style]=\"selectionBarStyle\" *ngIf=\"mergedOptions.showSelectionBar\">\n </div>\n\n <div class=\"pointer low-pointer\" [style]=\"getPointerStyle(false)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\"\n (mousedown)=\"onPointerMouseDown($event, false)\" (click)=\"onPointerClick($event, false)\"\n (keydown)=\"onKeyDown($event)\" role=\"slider\" [attr.aria-valuemin]=\"mergedOptions.floor\"\n [attr.aria-valuemax]=\"mergedOptions.ceil\" [attr.aria-valuenow]=\"value\"\n [attr.aria-disabled]=\"isDisabled\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(value) }}\n </div>\n </div>\n\n <div class=\"pointer high-pointer\" [style]=\"getPointerStyle(true)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\" (mousedown)=\"onPointerMouseDown($event, true)\"\n (click)=\"onPointerClick($event, true)\" (keydown)=\"onKeyDown($event)\" role=\"slider\"\n [attr.aria-valuemin]=\"mergedOptions.floor\" [attr.aria-valuemax]=\"mergedOptions.ceil\"\n [attr.aria-valuenow]=\"highValue\" [attr.aria-disabled]=\"isDisabled\" *ngIf=\"isRange\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(highValue) }}\n </div>\n </div>\n </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.
|
|
6306
|
+
], viewQueries: [{ propertyName: "sliderElement", first: true, predicate: ["sliderElement"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-slider\" [class.disabled]=\"isDisabled\" [class.range]=\"isRange\"\n [attr.data-color]=\"color\" #sliderElement>\n\n\n <div class=\"limit-labels\" *ngIf=\"!mergedOptions.hideLimitLabels\">\n <span class=\"floor-label\">{{ formatValue(mergedOptions.floor || 0) }}</span>\n <span class=\"ceil-label\" [class.color-placeholder]=\"!isAtMaxValue\" *ngIf=\"!isAtMaxValue\">{{ formatValue(mergedOptions.ceil || 100) }}</span>\n </div>\n <div class=\"slider-track\" (mousedown)=\"onTrackMouseDown($event)\" (click)=\"onTrackClick($event)\">\n\n <div class=\"selection-bar\" [style]=\"selectionBarStyle\" *ngIf=\"mergedOptions.showSelectionBar\">\n </div>\n\n <div class=\"pointer low-pointer\" [style]=\"getPointerStyle(false)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\"\n (mousedown)=\"onPointerMouseDown($event, false)\" (click)=\"onPointerClick($event, false)\"\n (keydown)=\"onKeyDown($event)\" role=\"slider\" [attr.aria-valuemin]=\"mergedOptions.floor\"\n [attr.aria-valuemax]=\"mergedOptions.ceil\" [attr.aria-valuenow]=\"value\"\n [attr.aria-disabled]=\"isDisabled\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(value) }}\n </div>\n </div>\n\n <div class=\"pointer high-pointer\" [style]=\"getPointerStyle(true)\"\n [attr.tabindex]=\"isDisabled ? -1 : 0\" (mousedown)=\"onPointerMouseDown($event, true)\"\n (click)=\"onPointerClick($event, true)\" (keydown)=\"onKeyDown($event)\" role=\"slider\"\n [attr.aria-valuemin]=\"mergedOptions.floor\" [attr.aria-valuemax]=\"mergedOptions.ceil\"\n [attr.aria-valuenow]=\"highValue\" [attr.aria-disabled]=\"isDisabled\" *ngIf=\"isRange\">\n\n <div class=\"pointer-label\" *ngIf=\"!mergedOptions.hidePointerLabels\">\n {{ formatValue(highValue) }}\n </div>\n </div>\n </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
6304
6307
|
}
|
|
6305
6308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSliderComponent, decorators: [{
|
|
6306
6309
|
type: Component,
|
|
6307
|
-
args: [{ selector: 'matcha-slider', standalone: false, changeDetection: ChangeDetectionStrategy.
|
|
6310
|
+
args: [{ selector: 'matcha-slider', standalone: false, changeDetection: ChangeDetectionStrategy.Default, providers: [
|
|
6308
6311
|
{
|
|
6309
6312
|
provide: NG_VALUE_ACCESSOR,
|
|
6310
6313
|
useExisting: forwardRef(() => MatchaSliderComponent),
|