igniteui-angular-inputs 20.2.0 → 20.2.1-beta.0

package/esm2015/lib/MultiSliderView_combined.js

@@ -14,6 +14,7 @@ import { DefaultMultiSliderTrackBarVisual } from "./DefaultMultiSliderTrackBarVi
 import { FontInfo } from "igniteui-angular-core";
 import { Rect } from "igniteui-angular-core";
 import { TranslateTransform } from "igniteui-angular-core";
+import { CanvasScalingHelpers } from "igniteui-angular-core";
 import { CanvasViewRenderer } from "igniteui-angular-core";
 import { CanvasGestureDOMEventProxy } from "igniteui-angular-core";
 import { FontUtil } from "igniteui-angular-core";
@@ -71,7 +72,7 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
             this.m = true;
             this.ap();
             if (this.a != null) {
-                this.a.at(this.u.rootWrapper, "");
+                this.a.au(this.u.rootWrapper, "");
             }
             if (this.z == -1) {
                 this.z = this.u.setTimeout(runOn(this, this.an), 200);
@@ -80,7 +81,7 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
         au() {
             this.m = false;
             if (this.a != null && this.u != null) {
-                this.a.bh(this.u.rootWrapper, "");
+                this.a.bi(this.u.rootWrapper, "");
             }
             if (this.z != -1) {
                 window.clearTimeout(this.z);
@@ -192,13 +193,10 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
             }
         }
         ap() {
-            let a = this.g.bh;
-            let b = this.g.a9;
-            if (!isNaN_(a) && a != 0) {
-                return;
-            }
-            if (window.devicePixelRatio != undefined && window.devicePixelRatio != b) {
-                this.g.a9 = window.devicePixelRatio;
+            let a = CanvasScalingHelpers.b(this.u);
+            this.g.a9 = CanvasScalingHelpers.a(this.g.bh, this.g.a9, a);
+            if (this.a != null) {
+                CanvasScalingHelpers.h(this.a, a);
             }
         }
         ax(a) {
@@ -246,14 +244,14 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
             this.l.af(this.j);
             this.ab();
             this.a = new CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-            this.a.bl = this.g.e0;
+            this.a.bm = this.g.e0;
             let k = this.a;
             k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
             let l = this.a;
             l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
             let m = this.a;
             m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.ah));
-            this.a.ao = (n) => this.g.ey.containsPoint(n);
+            this.a.ap = (n) => this.g.ey.containsPoint(n);
             this.g.ds(0, 0, e, f);
             this.s = FontUtil.getCurrentFontHeight(this.u, this.j);
             this.g.trackDirty();
@@ -276,8 +274,8 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
                 b.onContactMoved = delegateRemove(b.onContactMoved, runOn(this, this.ai));
                 let c = this.a;
                 c.onContactCompleted = delegateRemove(c.onContactCompleted, runOn(this, this.ah));
-                this.a.ao = null;
-                this.a.av();
+                this.a.ap = null;
+                this.a.aw();
             }
         }
         ay() {
@@ -296,7 +294,7 @@ export let MultiSliderView = /*@__PURE__*/ (() => {
             if (a || d) {
                 this.g.ds(0, 0, b, c);
                 if (this.a != null) {
-                    this.a.bl = this.g.e0;
+                    this.a.bm = this.g.e0;
                 }
             }
         }

package/esm5/lib/MultiSliderView_combined.js

@@ -15,6 +15,7 @@ import { DefaultMultiSliderTrackBarVisual } from "./DefaultMultiSliderTrackBarVi
 import { FontInfo } from "igniteui-angular-core";
 import { Rect } from "igniteui-angular-core";
 import { TranslateTransform } from "igniteui-angular-core";
+import { CanvasScalingHelpers } from "igniteui-angular-core";
 import { CanvasViewRenderer } from "igniteui-angular-core";
 import { CanvasGestureDOMEventProxy } from "igniteui-angular-core";
 import { FontUtil } from "igniteui-angular-core";
@@ -73,7 +74,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m = true;
         this.ap();
         if (this.a != null) {
-            this.a.at(this.u.rootWrapper, "");
+            this.a.au(this.u.rootWrapper, "");
         }
         if (this.z == -1) {
             this.z = this.u.setTimeout(runOn(this, this.an), 200);
@@ -82,7 +83,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
     MultiSliderView.prototype.au = function () {
         this.m = false;
         if (this.a != null && this.u != null) {
-            this.a.bh(this.u.rootWrapper, "");
+            this.a.bi(this.u.rootWrapper, "");
         }
         if (this.z != -1) {
             window.clearTimeout(this.z);
@@ -194,13 +195,10 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     MultiSliderView.prototype.ap = function () {
-        var a = this.g.bh;
-        var b = this.g.a9;
-        if (!isNaN_(a) && a != 0) {
-            return;
-        }
-        if (window.devicePixelRatio != undefined && window.devicePixelRatio != b) {
-            this.g.a9 = window.devicePixelRatio;
+        var a = CanvasScalingHelpers.b(this.u);
+        this.g.a9 = CanvasScalingHelpers.a(this.g.bh, this.g.a9, a);
+        if (this.a != null) {
+            CanvasScalingHelpers.h(this.a, a);
         }
     };
     MultiSliderView.prototype.ax = function (a) {
@@ -249,14 +247,14 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.l.af(this.j);
         this.ab();
         this.a = new CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-        this.a.bl = this.g.e0;
+        this.a.bm = this.g.e0;
         var k = this.a;
         k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
         var l = this.a;
         l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
         var m = this.a;
         m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.ah));
-        this.a.ao = function (n) { return _this.g.ey.containsPoint(n); };
+        this.a.ap = function (n) { return _this.g.ey.containsPoint(n); };
         this.g.ds(0, 0, e, f);
         this.s = FontUtil.getCurrentFontHeight(this.u, this.j);
         this.g.trackDirty();
@@ -279,8 +277,8 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
             b.onContactMoved = delegateRemove(b.onContactMoved, runOn(this, this.ai));
             var c = this.a;
             c.onContactCompleted = delegateRemove(c.onContactCompleted, runOn(this, this.ah));
-            this.a.ao = null;
-            this.a.av();
+            this.a.ap = null;
+            this.a.aw();
         }
     };
     MultiSliderView.prototype.ay = function () {
@@ -299,7 +297,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (a || d) {
             this.g.ds(0, 0, b, c);
             if (this.a != null) {
-                this.a.bl = this.g.e0;
+                this.a.bm = this.g.e0;
             }
         }
     };

package/fesm2015/igniteui-angular-inputs.js

@@ -7,7 +7,7 @@
   
 import * as i0 from '@angular/core';
 import { EventEmitter, ɵɵngDeclareFactory, Renderer2, ViewContainerRef, NgZone, Injector, ComponentFactoryResolver, ɵɵFactoryTarget, ɵɵngDeclareComponent, ElementRef, ChangeDetectionStrategy, ɵɵngDeclareClassMetadata, Component, ViewChild, Input, Output, ɵɵngDeclareNgModule, ɵɵngDeclareInjector, NgModule, TemplateRef, HostBinding, ContentChildren } from '@angular/core';
-import { markEnum, Base, markType, StringBuilder, List$1, Delegate_$type, fromEnum, runOn, NativeUI, ScaleTransform, KeyFrameAnimationFactory, AnimationKeyFrameEffect, LinkedList$1, IKeyFrameAnimation_$type, PropertyChangedEventArgs, AnimationKeyFrameProperty, AnimationKeyFrameEffectTiming, AppearanceHelper, INotifyPropertyChanged_$type, BrushUtil, typeGetValue, EnumUtil, ElevationMode_$type, EventArgs, stringIsNullOrEmpty, isNaN_, IVisualData_$type, enumGetBox, CornerRadius, MouseEventArgs, FocusEventArgs, Thickness, ControlDisplayDensity_$type, BaseControlTheme_$type, HorizontalAlignment_$type, VerticalAlignment_$type, FontUtil, Dictionary$2, String_$type, Brush, DomWrapper_$type, Tuple$2, SVGNode, FastIterationDictionary$2, typeCast, Size, PrimitiveVisualData, Ellipse, EllipseVisualData, Rectangle, RectangleVisualData, Line, LineVisualData, Path, PathVisualData, DoubleCollection, LegendItemHelper, stringStartsWith, trimStart, IIcon_$type, dateMinValue, dateGetMonth, parseBool, truncate, dateNow, dateMaxValue, dateAddYears, ObservableCollection$1, dateFromValues, delegateRemove, SRProvider, dateGetDate, stringIsNullOrWhiteSpace, delegateCombine, dateAddDays, Number_$type, dateAddMonths, timeSpanTotalDays, intDivide, NamePatcher, AngularRenderer, ensureEnum, brushToString, stringToBrush, ensureBool, FontInfo, toSpinal, initializePropertiesFromCss, TypeRegistrar, PortalManager, IgxFocusEventArgs, IgxChildContentModule, IgxChildContentDynamicModule, fromBrushCollection, toBrushCollection, Localization, HashSet$1, stringReplace, TransformGroup, TranslateTransform, MouseButtonEventArgs, Point_$type, KeyEventArgs, toNullable, fromEn, DeviceUtils, Rect, stringContains, stringSplit, Popup, IgxKeyEventArgs, IgCollection, SyncableObservableCollection$2, CollectionAdapter, NotifyCollectionChangedAction, NativeUIElementBridge, NativeUIMouseEventArgs, NativeUIKeyEventArgs, NativeUIInputChangingEventArgs, NativeUIFocusEventArgs, NativeUIClickedEventArgs, NativeUIComponentHorizontalAlignment_$type, NativeUIInputType_$type, NativeUIInputDisplayType_$type, NativeUIDisplayDensity_$type, INativeUIInputBridge_$type, NativeUIButtonClickedEventArgs, NativeUIButtonDisplayType_$type, NativeUIComponent, Type, Color, PathGeometry, PathFigure, PolyLineSegment, LineSegment, EllipseGeometry, PropertyUpdatedEventArgs, TextBlock, RenderingContext, CanvasViewRenderer, CanvasGestureDOMEventProxy, NotImplementedException, NativeUISliderValueChangedEventArgs, NativeUISliderOrientation_$type, NativeUIButton, NativeUIButtonGroupSelectionChangedEventArgs, NativeUIButtonGroupDisplayType_$type, INativeUIButtonGroupBridge_$type, RotateTransform, NativeUICheckboxChangeEventArgs, SvgIconRegistry, NativeUIPopupMeasuringContentEventArgs, NativeUIPopupOpenedEventArgs, NativeUIPopupClosedEventArgs, NativeUIPopupPointerPosition_$type, NativeUIPopupAnimationType_$type, INativeUIPopupBridge_$type, NativeUIInput, NativeUISlider, NativeUIButtonGroup, NativeUIColorEditor, NativeUICheckbox, NativeUIIcon, NativeUIPopup, INativeUIElementFactory_$type, NativeUIColorEditorValueChangedEventArgs, DOMExecutionContext, NativeUIInputsFactory, NativeUIWindow, NativeUIContent, ColorUtil, IgxPropertyUpdatedEventArgs, SyncableObservableCollection$1, fromRect, toRect } from 'igniteui-angular-core';
+import { markEnum, Base, markType, StringBuilder, List$1, Delegate_$type, fromEnum, runOn, NativeUI, ScaleTransform, KeyFrameAnimationFactory, AnimationKeyFrameEffect, LinkedList$1, IKeyFrameAnimation_$type, PropertyChangedEventArgs, AnimationKeyFrameProperty, AnimationKeyFrameEffectTiming, AppearanceHelper, INotifyPropertyChanged_$type, BrushUtil, typeGetValue, EnumUtil, ElevationMode_$type, EventArgs, stringIsNullOrEmpty, isNaN_, IVisualData_$type, enumGetBox, CornerRadius, MouseEventArgs, FocusEventArgs, Thickness, ControlDisplayDensity_$type, BaseControlTheme_$type, HorizontalAlignment_$type, VerticalAlignment_$type, FontUtil, Dictionary$2, String_$type, Brush, DomWrapper_$type, Tuple$2, SVGNode, FastIterationDictionary$2, typeCast, Size, PrimitiveVisualData, Ellipse, EllipseVisualData, Rectangle, RectangleVisualData, Line, LineVisualData, Path, PathVisualData, DoubleCollection, LegendItemHelper, stringStartsWith, trimStart, IIcon_$type, dateMinValue, dateGetMonth, parseBool, truncate, dateNow, dateMaxValue, dateAddYears, ObservableCollection$1, dateFromValues, delegateRemove, SRProvider, dateGetDate, stringIsNullOrWhiteSpace, delegateCombine, dateAddDays, Number_$type, dateAddMonths, timeSpanTotalDays, intDivide, NamePatcher, AngularRenderer, ensureEnum, brushToString, stringToBrush, ensureBool, FontInfo, toSpinal, initializePropertiesFromCss, TypeRegistrar, PortalManager, IgxFocusEventArgs, IgxChildContentModule, IgxChildContentDynamicModule, fromBrushCollection, toBrushCollection, Localization, HashSet$1, stringReplace, TransformGroup, TranslateTransform, MouseButtonEventArgs, Point_$type, KeyEventArgs, toNullable, fromEn, DeviceUtils, Rect, stringContains, stringSplit, Popup, IgxKeyEventArgs, IgCollection, SyncableObservableCollection$2, CollectionAdapter, NotifyCollectionChangedAction, NativeUIElementBridge, NativeUIMouseEventArgs, NativeUIKeyEventArgs, NativeUIInputChangingEventArgs, NativeUIFocusEventArgs, NativeUIClickedEventArgs, NativeUIComponentHorizontalAlignment_$type, NativeUIInputType_$type, NativeUIInputDisplayType_$type, NativeUIDisplayDensity_$type, INativeUIInputBridge_$type, NativeUIButtonClickedEventArgs, NativeUIButtonDisplayType_$type, NativeUIComponent, Type, Color, PathGeometry, PathFigure, PolyLineSegment, LineSegment, EllipseGeometry, PropertyUpdatedEventArgs, TextBlock, CanvasScalingHelpers, RenderingContext, CanvasViewRenderer, CanvasGestureDOMEventProxy, NotImplementedException, NativeUISliderValueChangedEventArgs, NativeUISliderOrientation_$type, NativeUIButton, NativeUIButtonGroupSelectionChangedEventArgs, NativeUIButtonGroupDisplayType_$type, INativeUIButtonGroupBridge_$type, RotateTransform, NativeUICheckboxChangeEventArgs, SvgIconRegistry, NativeUIPopupMeasuringContentEventArgs, NativeUIPopupOpenedEventArgs, NativeUIPopupClosedEventArgs, NativeUIPopupPointerPosition_$type, NativeUIPopupAnimationType_$type, INativeUIPopupBridge_$type, NativeUIInput, NativeUISlider, NativeUIButtonGroup, NativeUIColorEditor, NativeUICheckbox, NativeUIIcon, NativeUIPopup, INativeUIElementFactory_$type, NativeUIColorEditorValueChangedEventArgs, DOMExecutionContext, NativeUIInputsFactory, NativeUIWindow, NativeUIContent, ColorUtil, IgxPropertyUpdatedEventArgs, SyncableObservableCollection$1, fromRect, toRect } from 'igniteui-angular-core';
 import { CommonModule } from '@angular/common';
 
 /*
@@ -27221,7 +27221,7 @@ let MultiSliderView = /*@__PURE__*/ (() => {
             this.m = true;
             this.ap();
             if (this.a != null) {
-                this.a.at(this.u.rootWrapper, "");
+                this.a.au(this.u.rootWrapper, "");
             }
             if (this.z == -1) {
                 this.z = this.u.setTimeout(runOn(this, this.an), 200);
@@ -27230,7 +27230,7 @@ let MultiSliderView = /*@__PURE__*/ (() => {
         au() {
             this.m = false;
             if (this.a != null && this.u != null) {
-                this.a.bh(this.u.rootWrapper, "");
+                this.a.bi(this.u.rootWrapper, "");
             }
             if (this.z != -1) {
                 window.clearTimeout(this.z);
@@ -27342,13 +27342,10 @@ let MultiSliderView = /*@__PURE__*/ (() => {
             }
         }
         ap() {
-            let a = this.g.bh;
-            let b = this.g.a9;
-            if (!isNaN_(a) && a != 0) {
-                return;
-            }
-            if (window.devicePixelRatio != undefined && window.devicePixelRatio != b) {
-                this.g.a9 = window.devicePixelRatio;
+            let a = CanvasScalingHelpers.b(this.u);
+            this.g.a9 = CanvasScalingHelpers.a(this.g.bh, this.g.a9, a);
+            if (this.a != null) {
+                CanvasScalingHelpers.h(this.a, a);
             }
         }
         ax(a) {
@@ -27396,14 +27393,14 @@ let MultiSliderView = /*@__PURE__*/ (() => {
             this.l.af(this.j);
             this.ab();
             this.a = new CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-            this.a.bl = this.g.e0;
+            this.a.bm = this.g.e0;
             let k = this.a;
             k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
             let l = this.a;
             l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
             let m = this.a;
             m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.ah));
-            this.a.ao = (n) => this.g.ey.containsPoint(n);
+            this.a.ap = (n) => this.g.ey.containsPoint(n);
             this.g.ds(0, 0, e, f);
             this.s = FontUtil.getCurrentFontHeight(this.u, this.j);
             this.g.trackDirty();
@@ -27426,8 +27423,8 @@ let MultiSliderView = /*@__PURE__*/ (() => {
                 b.onContactMoved = delegateRemove(b.onContactMoved, runOn(this, this.ai));
                 let c = this.a;
                 c.onContactCompleted = delegateRemove(c.onContactCompleted, runOn(this, this.ah));
-                this.a.ao = null;
-                this.a.av();
+                this.a.ap = null;
+                this.a.aw();
             }
         }
         ay() {
@@ -27446,7 +27443,7 @@ let MultiSliderView = /*@__PURE__*/ (() => {
             if (a || d) {
                 this.g.ds(0, 0, b, c);
                 if (this.a != null) {
-                    this.a.bl = this.g.e0;
+                    this.a.bm = this.g.e0;
                 }
             }
         }

package/fesm5/igniteui-angular-inputs.js

@@ -7,7 +7,7 @@
   
 import * as i0 from '@angular/core';
 import { EventEmitter, ɵɵngDeclareFactory, Renderer2, ViewContainerRef, NgZone, Injector, ComponentFactoryResolver, ɵɵFactoryTarget, ɵɵngDeclareComponent, ElementRef, ChangeDetectionStrategy, ɵɵngDeclareClassMetadata, Component, ViewChild, Input, Output, ɵɵngDeclareNgModule, ɵɵngDeclareInjector, NgModule, TemplateRef, HostBinding, ContentChildren } from '@angular/core';
-import { markEnum, markType, Base, StringBuilder, List$1, Delegate_$type, fromEnum, runOn, NativeUI, ScaleTransform, KeyFrameAnimationFactory, AnimationKeyFrameEffect, LinkedList$1, IKeyFrameAnimation_$type, PropertyChangedEventArgs, AnimationKeyFrameProperty, AnimationKeyFrameEffectTiming, AppearanceHelper, INotifyPropertyChanged_$type, BrushUtil, typeGetValue, EnumUtil, ElevationMode_$type, EventArgs, stringIsNullOrEmpty, isNaN_, IVisualData_$type, enumGetBox, CornerRadius, MouseEventArgs, FocusEventArgs, Thickness, ControlDisplayDensity_$type, BaseControlTheme_$type, HorizontalAlignment_$type, VerticalAlignment_$type, FontUtil, Dictionary$2, String_$type, Brush, DomWrapper_$type, Tuple$2, SVGNode, FastIterationDictionary$2, typeCast, Size, PrimitiveVisualData, Ellipse, EllipseVisualData, Rectangle, RectangleVisualData, Line, LineVisualData, Path, PathVisualData, DoubleCollection, LegendItemHelper, stringStartsWith, trimStart, IIcon_$type, dateMinValue, dateGetMonth, parseBool, truncate, dateNow, dateMaxValue, dateAddYears, ObservableCollection$1, dateFromValues, delegateRemove, SRProvider, dateGetDate, stringIsNullOrWhiteSpace, delegateCombine, dateAddDays, Number_$type, dateAddMonths, timeSpanTotalDays, intDivide, NamePatcher, AngularRenderer, ensureEnum, brushToString, stringToBrush, ensureBool, FontInfo, toSpinal, initializePropertiesFromCss, TypeRegistrar, PortalManager, IgxFocusEventArgs, IgxChildContentModule, IgxChildContentDynamicModule, fromBrushCollection, toBrushCollection, Localization, HashSet$1, stringReplace, TransformGroup, TranslateTransform, MouseButtonEventArgs, Point_$type, KeyEventArgs, toNullable, fromEn, DeviceUtils, Rect, stringContains, stringSplit, Popup, IgxKeyEventArgs, SyncableObservableCollection$2, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, NativeUIElementBridge, NativeUIMouseEventArgs, NativeUIKeyEventArgs, NativeUIInputChangingEventArgs, NativeUIFocusEventArgs, NativeUIClickedEventArgs, NativeUIComponentHorizontalAlignment_$type, NativeUIInputType_$type, NativeUIInputDisplayType_$type, NativeUIDisplayDensity_$type, INativeUIInputBridge_$type, NativeUIButtonClickedEventArgs, NativeUIButtonDisplayType_$type, NativeUIComponent, Type, Color, PathGeometry, PathFigure, PolyLineSegment, LineSegment, EllipseGeometry, PropertyUpdatedEventArgs, TextBlock, RenderingContext, CanvasViewRenderer, CanvasGestureDOMEventProxy, NotImplementedException, NativeUISliderValueChangedEventArgs, NativeUISliderOrientation_$type, NativeUIButton, NativeUIButtonGroupSelectionChangedEventArgs, NativeUIButtonGroupDisplayType_$type, INativeUIButtonGroupBridge_$type, RotateTransform, NativeUICheckboxChangeEventArgs, SvgIconRegistry, NativeUIPopupMeasuringContentEventArgs, NativeUIPopupOpenedEventArgs, NativeUIPopupClosedEventArgs, NativeUIPopupPointerPosition_$type, NativeUIPopupAnimationType_$type, INativeUIPopupBridge_$type, NativeUIInput, NativeUISlider, NativeUIButtonGroup, NativeUIColorEditor, NativeUICheckbox, NativeUIIcon, NativeUIPopup, INativeUIElementFactory_$type, NativeUIColorEditorValueChangedEventArgs, DOMExecutionContext, NativeUIInputsFactory, NativeUIWindow, NativeUIContent, ColorUtil, IgxPropertyUpdatedEventArgs, SyncableObservableCollection$1, fromRect, toRect } from 'igniteui-angular-core';
+import { markEnum, markType, Base, StringBuilder, List$1, Delegate_$type, fromEnum, runOn, NativeUI, ScaleTransform, KeyFrameAnimationFactory, AnimationKeyFrameEffect, LinkedList$1, IKeyFrameAnimation_$type, PropertyChangedEventArgs, AnimationKeyFrameProperty, AnimationKeyFrameEffectTiming, AppearanceHelper, INotifyPropertyChanged_$type, BrushUtil, typeGetValue, EnumUtil, ElevationMode_$type, EventArgs, stringIsNullOrEmpty, isNaN_, IVisualData_$type, enumGetBox, CornerRadius, MouseEventArgs, FocusEventArgs, Thickness, ControlDisplayDensity_$type, BaseControlTheme_$type, HorizontalAlignment_$type, VerticalAlignment_$type, FontUtil, Dictionary$2, String_$type, Brush, DomWrapper_$type, Tuple$2, SVGNode, FastIterationDictionary$2, typeCast, Size, PrimitiveVisualData, Ellipse, EllipseVisualData, Rectangle, RectangleVisualData, Line, LineVisualData, Path, PathVisualData, DoubleCollection, LegendItemHelper, stringStartsWith, trimStart, IIcon_$type, dateMinValue, dateGetMonth, parseBool, truncate, dateNow, dateMaxValue, dateAddYears, ObservableCollection$1, dateFromValues, delegateRemove, SRProvider, dateGetDate, stringIsNullOrWhiteSpace, delegateCombine, dateAddDays, Number_$type, dateAddMonths, timeSpanTotalDays, intDivide, NamePatcher, AngularRenderer, ensureEnum, brushToString, stringToBrush, ensureBool, FontInfo, toSpinal, initializePropertiesFromCss, TypeRegistrar, PortalManager, IgxFocusEventArgs, IgxChildContentModule, IgxChildContentDynamicModule, fromBrushCollection, toBrushCollection, Localization, HashSet$1, stringReplace, TransformGroup, TranslateTransform, MouseButtonEventArgs, Point_$type, KeyEventArgs, toNullable, fromEn, DeviceUtils, Rect, stringContains, stringSplit, Popup, IgxKeyEventArgs, SyncableObservableCollection$2, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, NativeUIElementBridge, NativeUIMouseEventArgs, NativeUIKeyEventArgs, NativeUIInputChangingEventArgs, NativeUIFocusEventArgs, NativeUIClickedEventArgs, NativeUIComponentHorizontalAlignment_$type, NativeUIInputType_$type, NativeUIInputDisplayType_$type, NativeUIDisplayDensity_$type, INativeUIInputBridge_$type, NativeUIButtonClickedEventArgs, NativeUIButtonDisplayType_$type, NativeUIComponent, Type, Color, PathGeometry, PathFigure, PolyLineSegment, LineSegment, EllipseGeometry, PropertyUpdatedEventArgs, TextBlock, CanvasScalingHelpers, RenderingContext, CanvasViewRenderer, CanvasGestureDOMEventProxy, NotImplementedException, NativeUISliderValueChangedEventArgs, NativeUISliderOrientation_$type, NativeUIButton, NativeUIButtonGroupSelectionChangedEventArgs, NativeUIButtonGroupDisplayType_$type, INativeUIButtonGroupBridge_$type, RotateTransform, NativeUICheckboxChangeEventArgs, SvgIconRegistry, NativeUIPopupMeasuringContentEventArgs, NativeUIPopupOpenedEventArgs, NativeUIPopupClosedEventArgs, NativeUIPopupPointerPosition_$type, NativeUIPopupAnimationType_$type, INativeUIPopupBridge_$type, NativeUIInput, NativeUISlider, NativeUIButtonGroup, NativeUIColorEditor, NativeUICheckbox, NativeUIIcon, NativeUIPopup, INativeUIElementFactory_$type, NativeUIColorEditorValueChangedEventArgs, DOMExecutionContext, NativeUIInputsFactory, NativeUIWindow, NativeUIContent, ColorUtil, IgxPropertyUpdatedEventArgs, SyncableObservableCollection$1, fromRect, toRect } from 'igniteui-angular-core';
 import { __extends, __values } from 'tslib';
 import { CommonModule } from '@angular/common';
 
@@ -31999,7 +31999,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m = true;
         this.ap();
         if (this.a != null) {
-            this.a.at(this.u.rootWrapper, "");
+            this.a.au(this.u.rootWrapper, "");
         }
         if (this.z == -1) {
             this.z = this.u.setTimeout(runOn(this, this.an), 200);
@@ -32008,7 +32008,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
     MultiSliderView.prototype.au = function () {
         this.m = false;
         if (this.a != null && this.u != null) {
-            this.a.bh(this.u.rootWrapper, "");
+            this.a.bi(this.u.rootWrapper, "");
         }
         if (this.z != -1) {
             window.clearTimeout(this.z);
@@ -32120,13 +32120,10 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     MultiSliderView.prototype.ap = function () {
-        var a = this.g.bh;
-        var b = this.g.a9;
-        if (!isNaN_(a) && a != 0) {
-            return;
-        }
-        if (window.devicePixelRatio != undefined && window.devicePixelRatio != b) {
-            this.g.a9 = window.devicePixelRatio;
+        var a = CanvasScalingHelpers.b(this.u);
+        this.g.a9 = CanvasScalingHelpers.a(this.g.bh, this.g.a9, a);
+        if (this.a != null) {
+            CanvasScalingHelpers.h(this.a, a);
         }
     };
     MultiSliderView.prototype.ax = function (a) {
@@ -32175,14 +32172,14 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.l.af(this.j);
         this.ab();
         this.a = new CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-        this.a.bl = this.g.e0;
+        this.a.bm = this.g.e0;
         var k = this.a;
         k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
         var l = this.a;
         l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
         var m = this.a;
         m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.ah));
-        this.a.ao = function (n) { return _this.g.ey.containsPoint(n); };
+        this.a.ap = function (n) { return _this.g.ey.containsPoint(n); };
         this.g.ds(0, 0, e, f);
         this.s = FontUtil.getCurrentFontHeight(this.u, this.j);
         this.g.trackDirty();
@@ -32205,8 +32202,8 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
             b.onContactMoved = delegateRemove(b.onContactMoved, runOn(this, this.ai));
             var c = this.a;
             c.onContactCompleted = delegateRemove(c.onContactCompleted, runOn(this, this.ah));
-            this.a.ao = null;
-            this.a.av();
+            this.a.ap = null;
+            this.a.aw();
         }
     };
     MultiSliderView.prototype.ay = function () {
@@ -32225,7 +32222,7 @@ var MultiSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (a || d) {
             this.g.ds(0, 0, b, c);
             if (this.a != null) {
-                this.a.bl = this.g.e0;
+                this.a.bm = this.g.e0;
             }
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "igniteui-angular-inputs",
-    "version":  "20.2.0",
+    "version":  "20.2.1-beta.0",
     "description":  "Ignite UI Angular input components for building rich data visualizations for modern web apps.",
     "homepage":  "https://github.com/IgniteUI/igniteui-angular-inputs",
     "keywords":  [
@@ -17,7 +17,7 @@
                              "@angular/common":  "^20.0.0",
                              "@angular/compiler":  "^20.0.0",
                              "@angular/core":  "^20.0.0",
-                             "igniteui-angular-core":  "20.2.0"
+                             "igniteui-angular-core":  "20.2.1-beta.0"
                          },
     "sideEffects":  false,
     "typings":  "igniteui-angular-inputs.d.ts",