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

package/bundles/igniteui-webcomponents-inputs.umd.js

@@ -21051,6 +21051,8 @@
             $ret.addItem(1, XInputGroup.i);
             $ret.addItem(3, XInputGroup.l);
             $ret.addItem(4, XInputGroup.k);
+            $ret.addItem(5, XInputGroup.l);
+            $ret.addItem(6, XInputGroup.k);
             return $ret;
         })()), 2);
         return XInputGroup;
@@ -38995,19 +38997,20 @@
         function ColorEditorView() {
             var _this = _super.call(this) || this;
             _this.a = null;
-            _this.h = null;
+            _this.i = null;
             _this.d = null;
             _this.g = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Delegate_$type, 0);
             _this.e = true;
+            _this._createColorEditorPanel = null;
             _this.b = null;
             return _this;
         }
-        ColorEditorView.prototype.q = function () {
+        ColorEditorView.prototype.r = function () {
         };
         ColorEditorView.prototype.f = function () {
             return true;
         };
-        ColorEditorView.prototype.o = function (a) {
+        ColorEditorView.prototype.p = function (a) {
             var e_2, _a;
             if (a == null) {
                 try {
@@ -39035,45 +39038,61 @@
             if (this.a.a == null) {
                 this.a.a = new igniteuiWebcomponentsCore.DOMExecutionContext(a);
             }
-            this.h = a;
+            this.i = a;
             this.a.bj();
         };
-        ColorEditorView.prototype.m = function () {
+        ColorEditorView.prototype.n = function () {
             if (igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h == null) {
-                igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.h;
+                igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.i;
             }
         };
-        ColorEditorView.prototype.n = function () {
+        ColorEditorView.prototype.o = function () {
             this.e = true;
         };
-        ColorEditorView.prototype.p = function () {
+        ColorEditorView.prototype.q = function () {
             this.e = false;
         };
-        ColorEditorView.prototype.j = function () {
-            return this.h;
+        ColorEditorView.prototype.k = function () {
+            return this.i;
         };
-        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;
+        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.k = function (a, b) {
+        ColorEditorView.prototype.l = function (a, b) {
             var c = a.ao;
-            c.append(this.h.getWrapper(b));
+            c.append(this.i.getWrapper(b));
         };
-        ColorEditorView.prototype.l = function (a) {
-            this.h.append(this.h.getWrapper(a.ao));
+        ColorEditorView.prototype.m = function (a) {
+            this.i.append(this.i.getWrapper(a.ao));
         };
         ColorEditorView.prototype.c = function (a) {
             return this.b;
         };
-        ColorEditorView.prototype.r = function (a) {
-            if (this.h != null) {
-                var b = this.h.rootWrapper.getNativeElement();
+        ColorEditorView.prototype.s = function (a) {
+            if (this.i != null) {
+                var b = this.i.rootWrapper.getNativeElement();
                 var c = (b.getBoundingClientRect());
                 if (a) {
                     c = new igniteuiWebcomponentsCore.Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
@@ -39082,7 +39101,7 @@
             }
             return null;
         };
-        ColorEditorView.prototype.s = function () {
+        ColorEditorView.prototype.t = function () {
             return new igniteuiWebcomponentsCore.Size(1, NaN, NaN);
         };
         ColorEditorView.$t = igniteuiWebcomponentsCore.markType(ColorEditorView, 'ColorEditorView');
@@ -39095,7 +39114,7 @@
         tslib.__extends(ColorEditor, _super);
         function ColorEditor() {
             var _this = _super.call(this) || this;
-            _this.h = null;
+            _this._view = null;
             _this.s = null;
             _this.r = null;
             _this.e = null;
@@ -39133,15 +39152,25 @@
             NativeUIXInputsFactory.m();
             var a = new ColorEditorView();
             a.a = _this;
-            _this.h = a;
-            _this.h.q();
+            _this.view = a;
+            _this.view.r();
             return _this;
         }
+        Object.defineProperty(ColorEditor.prototype, "view", {
+            get: function () {
+                return this._view;
+            },
+            set: function (a) {
+                this._view = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
         ColorEditor.prototype.onAttachedToUI = function () {
-            this.h.n();
+            this.view.o();
         };
         ColorEditor.prototype.onDetachedFromUI = function () {
-            this.h.p();
+            this.view.q();
         };
         ColorEditor.prototype.b4 = function (a, b) {
             if (this.valueChanging != null) {
@@ -39161,12 +39190,12 @@
             this.provideContainer(null);
         };
         ColorEditor.prototype.provideContainer = function (a) {
-            this.h.o(a);
+            this.view.p(a);
         };
         Object.defineProperty(ColorEditor.prototype, "u", {
             get: function () {
                 if (this.t == null) {
-                    this.t = new igniteuiWebcomponentsCore.SRProvider(this.h.h);
+                    this.t = new igniteuiWebcomponentsCore.SRProvider(this.view.i);
                     this.t.cb("ColorEditor");
                 }
                 return this.t;
@@ -39504,8 +39533,8 @@
             this.aa = false;
         };
         ColorEditor.prototype.br = function () {
-            igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.b7), this.h.h);
-            igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.b6), this.h.h);
+            igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.b7), this.view.i);
+            igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.b6), this.view.i);
         };
         ColorEditor.prototype.bv = function () {
             igniteuiWebcomponentsCore.NativeUIWindow.i(15, igniteuiWebcomponentsCore.runOn(this, this.b7));
@@ -39527,16 +39556,16 @@
         };
         ColorEditor.prototype.bj = function () {
             var _this = this;
-            igniteuiWebcomponentsCore.NativeUIComponent.aw(this.h.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
+            igniteuiWebcomponentsCore.NativeUIComponent.aw(this.view.k(), [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.h.i();
-                _this.h.k(e, f);
+                var f = _this.view.j();
+                _this.view.l(e, f);
                 b.bo(d);
                 d.bo(e);
-                _this.h.l(c);
+                _this.view.m(c);
                 b.ci = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
                 b.cb = 150;
                 b.b9 = 8;
@@ -39553,7 +39582,7 @@
                 _this.r.o = igniteuiWebcomponentsCore.runOn(_this, _this.b0);
                 _this.r.cc = igniteuiWebcomponentsCore.BrushUtil.l(255, 0, 0, 255);
                 _this.s = b;
-                _this.e = _this.h.c(f);
+                _this.e = _this.view.c(f);
                 _this.e.value = _this.value;
                 var g = _this.e;
                 g.closed = igniteuiWebcomponentsCore.delegateCombine(g.closed, igniteuiWebcomponentsCore.runOn(_this, _this.bf));
@@ -39618,8 +39647,8 @@
                 return;
             }
             if (this.s != null) {
-                var a = this.h.r(false);
-                var b = this.h.s();
+                var a = this.view.s(false);
+                var b = this.view.t();
                 var c = b.height;
                 var d = 240;
                 var e = a.bottom + d;
@@ -39639,7 +39668,7 @@
         };
         ColorEditor.prototype.ce = function (a, b) {
             {
-                var c = this.h.r(true);
+                var c = this.view.s(true);
                 this.s.cg(c, a, b);
             }
         };
@@ -40775,6 +40804,9 @@
             _this._wrapper = _this._renderer;
             var colorEditor = _this.i;
             _this._colorEditor = colorEditor;
+            colorEditor.view.createColorEditorPanel = function () {
+                return document.createElement("igc-color-editor-panel");
+            };
             colorEditor.provideContainer(_this._renderer);
             _this._onChildrenChanged();
             //Checkbox.notifySizeChanged();