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

package/esm2015/lib/CheckboxView_combined.js

@@ -22,8 +22,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";
@@ -935,13 +935,13 @@ let XCheckbox = /*@__PURE__*/ (() => {
                     let g = new TransformGroup();
                     let h = this.view.am();
                     g.j.add(((() => {
-                        let $ret = new RotateTransform();
-                        $ret.j = 45;
+                        let $ret = new TranslateTransform();
+                        $ret.j = this.ap / 24 * -16;
                         return $ret;
                     })()));
                     g.j.add(((() => {
-                        let $ret = new TranslateTransform();
-                        $ret.j = -this.view.l();
+                        let $ret = new RotateTransform();
+                        $ret.j = 45;
                         return $ret;
                     })()));
                     NativeUI.n(d, this.c8);
@@ -1081,7 +1081,7 @@ let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.j = /*@__PURE__*/ ThemeResolver.a(/*@__PURE__*/ ((() => {
         let $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));
@@ -1094,7 +1094,7 @@ let XCheckbox = /*@__PURE__*/ (() => {
     })()));
     XCheckbox.i = /*@__PURE__*/ ThemeResolver.a(/*@__PURE__*/ ((() => {
         let $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/esm2015/lib/NativeUIXInputsFactory_combined.js

@@ -674,19 +674,18 @@ let ColorEditorView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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;
         }
-        r() {
+        q() {
         }
         f() {
             return true;
         }
-        p(a) {
+        o(a) {
             if (a == null) {
                 for (let b of fromEnum(this.g)) {
                     b();
@@ -697,57 +696,45 @@ let ColorEditorView = /*@__PURE__*/ (() => {
             if (this.a.a == null) {
                 this.a.a = new DOMExecutionContext(a);
             }
-            this.i = a;
+            this.h = a;
             this.a.bj();
         }
-        n() {
+        m() {
             if (KeyFrameAnimationFactory.h == null) {
-                KeyFrameAnimationFactory.h = this.i;
+                KeyFrameAnimationFactory.h = this.h;
             }
         }
-        o() {
+        n() {
             this.e = true;
         }
-        q() {
+        p() {
             this.e = false;
         }
-        k() {
-            return this.i;
-        }
-        get createColorEditorPanel() {
-            return this._createColorEditorPanel;
-        }
-        set createColorEditorPanel(a) {
-            this._createColorEditorPanel = a;
-        }
         j() {
-            if (this.createColorEditorPanel != null) {
-                let a = this.createColorEditorPanel();
-                let b = this.i.getWrapper(a);
-                this.b = (a.i);
-                return a;
-            }
-            let c = new ColorEditorPanel();
-            this.b = c;
-            let d = this.i.createElement("div");
-            let e = this.i.getSubRenderer(d);
-            c.provideContainer(e);
-            let f = this.i.getExternal(c, null, null);
-            return d;
+            return this.h;
+        }
+        i() {
+            let a = new ColorEditorPanel();
+            this.b = a;
+            let b = this.h.createElement("div");
+            let c = this.h.getSubRenderer(b);
+            a.provideContainer(c);
+            let d = this.h.getExternal(a, null, null);
+            return b;
         }
-        l(a, b) {
+        k(a, b) {
             let c = a.ao;
-            c.append(this.i.getWrapper(b));
+            c.append(this.h.getWrapper(b));
         }
-        m(a) {
-            this.i.append(this.i.getWrapper(a.ao));
+        l(a) {
+            this.h.append(this.h.getWrapper(a.ao));
         }
         c(a) {
             return this.b;
         }
-        s(a) {
-            if (this.i != null) {
-                let b = this.i.rootWrapper.getNativeElement();
+        r(a) {
+            if (this.h != null) {
+                let b = this.h.rootWrapper.getNativeElement();
                 let c = (b.getBoundingClientRect());
                 if (a) {
                     c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
@@ -756,7 +743,7 @@ let ColorEditorView = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        t() {
+        s() {
             return new Size(1, NaN, NaN);
         }
     }
@@ -813,13 +800,13 @@ let ColorEditor = /*@__PURE__*/ (() => {
             let a = new ColorEditorView();
             a.a = this;
             this.view = a;
-            this.view.r();
+            this.view.q();
         }
         onAttachedToUI() {
-            this.view.o();
+            this.view.n();
         }
         onDetachedFromUI() {
-            this.view.q();
+            this.view.p();
         }
         b4(a, b) {
             if (this.valueChanging != null) {
@@ -839,11 +826,11 @@ let ColorEditor = /*@__PURE__*/ (() => {
             this.provideContainer(null);
         }
         provideContainer(a) {
-            this.view.p(a);
+            this.view.o(a);
         }
         get u() {
             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;
@@ -1110,8 +1097,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
             this.aa = false;
         }
         br() {
-            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);
         }
         bv() {
             NativeUIWindow.i(15, runOn(this, this.b7));
@@ -1132,16 +1119,16 @@ let ColorEditor = /*@__PURE__*/ (() => {
             }
         }
         bj() {
-            NativeUIComponent.aw(this.view.k(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
+            NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
                 let b = a[0];
                 let c = a[1];
                 let d = a[2];
                 let e = a[3];
-                let f = this.view.j();
-                this.view.l(e, f);
+                let 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;
@@ -1223,8 +1210,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.s != null) {
-                let a = this.view.s(false);
-                let b = this.view.t();
+                let a = this.view.r(false);
+                let b = this.view.s();
                 let c = b.height;
                 let d = 240;
                 let e = a.bottom + d;
@@ -1244,7 +1231,7 @@ let ColorEditor = /*@__PURE__*/ (() => {
         }
         ce(a, b) {
             {
-                let c = this.view.s(true);
+                let c = this.view.r(true);
                 this.s.cg(c, a, b);
             }
         }

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

@@ -52,9 +52,9 @@ let IgcColorEditorComponent = /*@__PURE__*/ (() => {
             this._wrapper = this._renderer;
             var colorEditor = this.i;
             this._colorEditor = colorEditor;
-            colorEditor.view.createColorEditorPanel = () => {
-                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();