igniteui-webcomponents-inputs 7.1.0-beta.1 → 7.1.0-beta.3

package/esm5/lib/CheckboxView_combined.js

@@ -23,8 +23,8 @@ import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxChangeEventArgs } from "./CheckboxChangeEventArgs";
 import { AnimationKeyFrameProperty } from "igniteui-webcomponents-core";
 import { TransformGroup } from "igniteui-webcomponents-core";
-import { RotateTransform } from "igniteui-webcomponents-core";
 import { TranslateTransform } from "igniteui-webcomponents-core";
+import { RotateTransform } from "igniteui-webcomponents-core";
 import { CheckboxVisualModelExport } from "./CheckboxVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
@@ -1141,13 +1141,13 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
                 var g = new TransformGroup();
                 var h = this.view.am();
                 g.j.add(((function () {
-                    var $ret = new RotateTransform();
-                    $ret.j = 45;
+                    var $ret = new TranslateTransform();
+                    $ret.j = _this.ap / 24 * -16;
                     return $ret;
                 })()));
                 g.j.add(((function () {
-                    var $ret = new TranslateTransform();
-                    $ret.j = -_this.view.l();
+                    var $ret = new RotateTransform();
+                    $ret.j = 45;
                     return $ret;
                 })()));
                 NativeUI.n(d, this.c8);
@@ -1286,7 +1286,7 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
     })()));
     XCheckbox.j = ThemeResolver.a(((function () {
         var $ret = new Dictionary$2(String_$type, Base.$, 0);
-        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
         $ret.addItem("UncheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("CheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("UncheckedBackgroundColor", BrushUtil.l(255, 255, 255, 255));
@@ -1299,7 +1299,7 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
     })()));
     XCheckbox.i = ThemeResolver.a(((function () {
         var $ret = new Dictionary$2(String_$type, Base.$, 0);
-        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
         $ret.addItem("UncheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("CheckedBorderColor", BrushUtil.l(255, 105, 136, 255));
         $ret.addItem("UncheckedBackgroundColor", BrushUtil.l(255, 55, 63, 86));

package/esm5/lib/NativeUIXInputsFactory_combined.js

@@ -709,20 +709,19 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
     function ColorEditorView() {
         var _this = _super.call(this) || this;
         _this.a = null;
-        _this.i = null;
+        _this.h = null;
         _this.d = null;
         _this.g = new List$1(Delegate_$type, 0);
         _this.e = true;
-        _this._createColorEditorPanel = null;
         _this.b = null;
         return _this;
     }
-    ColorEditorView.prototype.r = function () {
+    ColorEditorView.prototype.q = function () {
     };
     ColorEditorView.prototype.f = function () {
         return true;
     };
-    ColorEditorView.prototype.p = function (a) {
+    ColorEditorView.prototype.o = function (a) {
         var e_2, _a;
         if (a == null) {
             try {
@@ -750,61 +749,45 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a.a == null) {
             this.a.a = new DOMExecutionContext(a);
         }
-        this.i = a;
+        this.h = a;
         this.a.bj();
     };
-    ColorEditorView.prototype.n = function () {
+    ColorEditorView.prototype.m = function () {
         if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.i;
+            KeyFrameAnimationFactory.h = this.h;
         }
     };
-    ColorEditorView.prototype.o = function () {
+    ColorEditorView.prototype.n = function () {
         this.e = true;
     };
-    ColorEditorView.prototype.q = function () {
+    ColorEditorView.prototype.p = function () {
         this.e = false;
     };
-    ColorEditorView.prototype.k = function () {
-        return this.i;
-    };
-    Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
-        get: function () {
-            return this._createColorEditorPanel;
-        },
-        set: function (a) {
-            this._createColorEditorPanel = a;
-        },
-        enumerable: false,
-        configurable: true
-    });
     ColorEditorView.prototype.j = function () {
-        if (this.createColorEditorPanel != null) {
-            var a = this.createColorEditorPanel();
-            var b = this.i.getWrapper(a);
-            this.b = (a.i);
-            return a;
-        }
-        var c = new ColorEditorPanel();
-        this.b = c;
-        var d = this.i.createElement("div");
-        var e = this.i.getSubRenderer(d);
-        c.provideContainer(e);
-        var f = this.i.getExternal(c, null, null);
-        return d;
-    };
-    ColorEditorView.prototype.l = function (a, b) {
+        return this.h;
+    };
+    ColorEditorView.prototype.i = function () {
+        var a = new ColorEditorPanel();
+        this.b = a;
+        var b = this.h.createElement("div");
+        var c = this.h.getSubRenderer(b);
+        a.provideContainer(c);
+        var d = this.h.getExternal(a, null, null);
+        return b;
+    };
+    ColorEditorView.prototype.k = function (a, b) {
         var c = a.ao;
-        c.append(this.i.getWrapper(b));
+        c.append(this.h.getWrapper(b));
     };
-    ColorEditorView.prototype.m = function (a) {
-        this.i.append(this.i.getWrapper(a.ao));
+    ColorEditorView.prototype.l = function (a) {
+        this.h.append(this.h.getWrapper(a.ao));
     };
     ColorEditorView.prototype.c = function (a) {
         return this.b;
     };
-    ColorEditorView.prototype.s = function (a) {
-        if (this.i != null) {
-            var b = this.i.rootWrapper.getNativeElement();
+    ColorEditorView.prototype.r = function (a) {
+        if (this.h != null) {
+            var b = this.h.rootWrapper.getNativeElement();
             var c = (b.getBoundingClientRect());
             if (a) {
                 c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
@@ -813,7 +796,7 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    ColorEditorView.prototype.t = function () {
+    ColorEditorView.prototype.s = function () {
         return new Size(1, NaN, NaN);
     };
     ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
@@ -865,7 +848,7 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new ColorEditorView();
         a.a = _this;
         _this.view = a;
-        _this.view.r();
+        _this.view.q();
         return _this;
     }
     Object.defineProperty(ColorEditor.prototype, "view", {
@@ -879,10 +862,10 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     ColorEditor.prototype.onAttachedToUI = function () {
-        this.view.o();
+        this.view.n();
     };
     ColorEditor.prototype.onDetachedFromUI = function () {
-        this.view.q();
+        this.view.p();
     };
     ColorEditor.prototype.b4 = function (a, b) {
         if (this.valueChanging != null) {
@@ -902,12 +885,12 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         this.provideContainer(null);
     };
     ColorEditor.prototype.provideContainer = function (a) {
-        this.view.p(a);
+        this.view.o(a);
     };
     Object.defineProperty(ColorEditor.prototype, "u", {
         get: function () {
             if (this.t == null) {
-                this.t = new SRProvider(this.view.i);
+                this.t = new SRProvider(this.view.h);
                 this.t.cb("ColorEditor");
             }
             return this.t;
@@ -1245,8 +1228,8 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         this.aa = false;
     };
     ColorEditor.prototype.br = function () {
-        NativeUIWindow.h(15, runOn(this, this.b7), this.view.i);
-        NativeUIWindow.h(9, runOn(this, this.b6), this.view.i);
+        NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
+        NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
     };
     ColorEditor.prototype.bv = function () {
         NativeUIWindow.i(15, runOn(this, this.b7));
@@ -1268,16 +1251,16 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColorEditor.prototype.bj = function () {
         var _this = this;
-        NativeUIComponent.aw(this.view.k(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
+        NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
             var b = a[0];
             var c = a[1];
             var d = a[2];
             var e = a[3];
-            var f = _this.view.j();
-            _this.view.l(e, f);
+            var f = _this.view.i();
+            _this.view.k(e, f);
             b.bo(d);
             d.bo(e);
-            _this.view.m(c);
+            _this.view.l(c);
             b.ci = BrushUtil.l(255, 255, 255, 255);
             b.cb = 150;
             b.b9 = 8;
@@ -1359,8 +1342,8 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.s != null) {
-            var a = this.view.s(false);
-            var b = this.view.t();
+            var a = this.view.r(false);
+            var b = this.view.s();
             var c = b.height;
             var d = 240;
             var e = a.bottom + d;
@@ -1380,7 +1363,7 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColorEditor.prototype.ce = function (a, b) {
         {
-            var c = this.view.s(true);
+            var c = this.view.r(true);
             this.s.cg(c, a, b);
         }
     };

package/esm5/lib/igc-color-editor-component.js

@@ -53,9 +53,9 @@ export var IgcColorEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
         _this._wrapper = _this._renderer;
         var colorEditor = _this.i;
         _this._colorEditor = colorEditor;
-        colorEditor.view.createColorEditorPanel = function () {
-            return document.createElement("igc-color-editor-panel");
-        };
+        //(colorEditor as any).view.createColorEditorPanel = () => {
+        //    return document.createElement("igc-color-editor-panel");
+        //};
         colorEditor.provideContainer(_this._renderer);
         _this._onChildrenChanged();
         //Checkbox.notifySizeChanged();