igniteui-webcomponents-inputs 7.1.0-beta.1 → 7.1.0-beta.2
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.
- package/bundles/igniteui-webcomponents-inputs.umd.js +43 -60
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/NativeUIXInputsFactory_combined.js +40 -53
- package/esm2015/lib/igc-color-editor-component.js +3 -3
- package/esm5/lib/NativeUIXInputsFactory_combined.js +41 -58
- package/esm5/lib/igc-color-editor-component.js +3 -3
- package/fesm2015/igniteui-webcomponents-inputs.js +43 -56
- package/fesm5/igniteui-webcomponents-inputs.js +43 -60
- package/lib/NativeUIXInputsFactory_combined.d.ts +12 -15
- package/package.json +2 -2
|
@@ -38997,20 +38997,19 @@
|
|
|
38997
38997
|
function ColorEditorView() {
|
|
38998
38998
|
var _this = _super.call(this) || this;
|
|
38999
38999
|
_this.a = null;
|
|
39000
|
-
_this.
|
|
39000
|
+
_this.h = null;
|
|
39001
39001
|
_this.d = null;
|
|
39002
39002
|
_this.g = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Delegate_$type, 0);
|
|
39003
39003
|
_this.e = true;
|
|
39004
|
-
_this._createColorEditorPanel = null;
|
|
39005
39004
|
_this.b = null;
|
|
39006
39005
|
return _this;
|
|
39007
39006
|
}
|
|
39008
|
-
ColorEditorView.prototype.
|
|
39007
|
+
ColorEditorView.prototype.q = function () {
|
|
39009
39008
|
};
|
|
39010
39009
|
ColorEditorView.prototype.f = function () {
|
|
39011
39010
|
return true;
|
|
39012
39011
|
};
|
|
39013
|
-
ColorEditorView.prototype.
|
|
39012
|
+
ColorEditorView.prototype.o = function (a) {
|
|
39014
39013
|
var e_2, _a;
|
|
39015
39014
|
if (a == null) {
|
|
39016
39015
|
try {
|
|
@@ -39038,61 +39037,45 @@
|
|
|
39038
39037
|
if (this.a.a == null) {
|
|
39039
39038
|
this.a.a = new igniteuiWebcomponentsCore.DOMExecutionContext(a);
|
|
39040
39039
|
}
|
|
39041
|
-
this.
|
|
39040
|
+
this.h = a;
|
|
39042
39041
|
this.a.bj();
|
|
39043
39042
|
};
|
|
39044
|
-
ColorEditorView.prototype.
|
|
39043
|
+
ColorEditorView.prototype.m = function () {
|
|
39045
39044
|
if (igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h == null) {
|
|
39046
|
-
igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.
|
|
39045
|
+
igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.h;
|
|
39047
39046
|
}
|
|
39048
39047
|
};
|
|
39049
|
-
ColorEditorView.prototype.
|
|
39048
|
+
ColorEditorView.prototype.n = function () {
|
|
39050
39049
|
this.e = true;
|
|
39051
39050
|
};
|
|
39052
|
-
ColorEditorView.prototype.
|
|
39051
|
+
ColorEditorView.prototype.p = function () {
|
|
39053
39052
|
this.e = false;
|
|
39054
39053
|
};
|
|
39055
|
-
ColorEditorView.prototype.k = function () {
|
|
39056
|
-
return this.i;
|
|
39057
|
-
};
|
|
39058
|
-
Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
|
|
39059
|
-
get: function () {
|
|
39060
|
-
return this._createColorEditorPanel;
|
|
39061
|
-
},
|
|
39062
|
-
set: function (a) {
|
|
39063
|
-
this._createColorEditorPanel = a;
|
|
39064
|
-
},
|
|
39065
|
-
enumerable: false,
|
|
39066
|
-
configurable: true
|
|
39067
|
-
});
|
|
39068
39054
|
ColorEditorView.prototype.j = function () {
|
|
39069
|
-
|
|
39070
|
-
var a = this.createColorEditorPanel();
|
|
39071
|
-
var b = this.i.getWrapper(a);
|
|
39072
|
-
this.b = (a.i);
|
|
39073
|
-
return a;
|
|
39074
|
-
}
|
|
39075
|
-
var c = new ColorEditorPanel();
|
|
39076
|
-
this.b = c;
|
|
39077
|
-
var d = this.i.createElement("div");
|
|
39078
|
-
var e = this.i.getSubRenderer(d);
|
|
39079
|
-
c.provideContainer(e);
|
|
39080
|
-
var f = this.i.getExternal(c, null, null);
|
|
39081
|
-
return d;
|
|
39055
|
+
return this.h;
|
|
39082
39056
|
};
|
|
39083
|
-
ColorEditorView.prototype.
|
|
39057
|
+
ColorEditorView.prototype.i = function () {
|
|
39058
|
+
var a = new ColorEditorPanel();
|
|
39059
|
+
this.b = a;
|
|
39060
|
+
var b = this.h.createElement("div");
|
|
39061
|
+
var c = this.h.getSubRenderer(b);
|
|
39062
|
+
a.provideContainer(c);
|
|
39063
|
+
var d = this.h.getExternal(a, null, null);
|
|
39064
|
+
return b;
|
|
39065
|
+
};
|
|
39066
|
+
ColorEditorView.prototype.k = function (a, b) {
|
|
39084
39067
|
var c = a.ao;
|
|
39085
|
-
c.append(this.
|
|
39068
|
+
c.append(this.h.getWrapper(b));
|
|
39086
39069
|
};
|
|
39087
|
-
ColorEditorView.prototype.
|
|
39088
|
-
this.
|
|
39070
|
+
ColorEditorView.prototype.l = function (a) {
|
|
39071
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
39089
39072
|
};
|
|
39090
39073
|
ColorEditorView.prototype.c = function (a) {
|
|
39091
39074
|
return this.b;
|
|
39092
39075
|
};
|
|
39093
|
-
ColorEditorView.prototype.
|
|
39094
|
-
if (this.
|
|
39095
|
-
var b = this.
|
|
39076
|
+
ColorEditorView.prototype.r = function (a) {
|
|
39077
|
+
if (this.h != null) {
|
|
39078
|
+
var b = this.h.rootWrapper.getNativeElement();
|
|
39096
39079
|
var c = (b.getBoundingClientRect());
|
|
39097
39080
|
if (a) {
|
|
39098
39081
|
c = new igniteuiWebcomponentsCore.Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -39101,7 +39084,7 @@
|
|
|
39101
39084
|
}
|
|
39102
39085
|
return null;
|
|
39103
39086
|
};
|
|
39104
|
-
ColorEditorView.prototype.
|
|
39087
|
+
ColorEditorView.prototype.s = function () {
|
|
39105
39088
|
return new igniteuiWebcomponentsCore.Size(1, NaN, NaN);
|
|
39106
39089
|
};
|
|
39107
39090
|
ColorEditorView.$t = igniteuiWebcomponentsCore.markType(ColorEditorView, 'ColorEditorView');
|
|
@@ -39153,7 +39136,7 @@
|
|
|
39153
39136
|
var a = new ColorEditorView();
|
|
39154
39137
|
a.a = _this;
|
|
39155
39138
|
_this.view = a;
|
|
39156
|
-
_this.view.
|
|
39139
|
+
_this.view.q();
|
|
39157
39140
|
return _this;
|
|
39158
39141
|
}
|
|
39159
39142
|
Object.defineProperty(ColorEditor.prototype, "view", {
|
|
@@ -39167,10 +39150,10 @@
|
|
|
39167
39150
|
configurable: true
|
|
39168
39151
|
});
|
|
39169
39152
|
ColorEditor.prototype.onAttachedToUI = function () {
|
|
39170
|
-
this.view.
|
|
39153
|
+
this.view.n();
|
|
39171
39154
|
};
|
|
39172
39155
|
ColorEditor.prototype.onDetachedFromUI = function () {
|
|
39173
|
-
this.view.
|
|
39156
|
+
this.view.p();
|
|
39174
39157
|
};
|
|
39175
39158
|
ColorEditor.prototype.b4 = function (a, b) {
|
|
39176
39159
|
if (this.valueChanging != null) {
|
|
@@ -39190,12 +39173,12 @@
|
|
|
39190
39173
|
this.provideContainer(null);
|
|
39191
39174
|
};
|
|
39192
39175
|
ColorEditor.prototype.provideContainer = function (a) {
|
|
39193
|
-
this.view.
|
|
39176
|
+
this.view.o(a);
|
|
39194
39177
|
};
|
|
39195
39178
|
Object.defineProperty(ColorEditor.prototype, "u", {
|
|
39196
39179
|
get: function () {
|
|
39197
39180
|
if (this.t == null) {
|
|
39198
|
-
this.t = new igniteuiWebcomponentsCore.SRProvider(this.view.
|
|
39181
|
+
this.t = new igniteuiWebcomponentsCore.SRProvider(this.view.h);
|
|
39199
39182
|
this.t.cb("ColorEditor");
|
|
39200
39183
|
}
|
|
39201
39184
|
return this.t;
|
|
@@ -39533,8 +39516,8 @@
|
|
|
39533
39516
|
this.aa = false;
|
|
39534
39517
|
};
|
|
39535
39518
|
ColorEditor.prototype.br = function () {
|
|
39536
|
-
igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.b7), this.view.
|
|
39537
|
-
igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.b6), this.view.
|
|
39519
|
+
igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.b7), this.view.h);
|
|
39520
|
+
igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.b6), this.view.h);
|
|
39538
39521
|
};
|
|
39539
39522
|
ColorEditor.prototype.bv = function () {
|
|
39540
39523
|
igniteuiWebcomponentsCore.NativeUIWindow.i(15, igniteuiWebcomponentsCore.runOn(this, this.b7));
|
|
@@ -39556,16 +39539,16 @@
|
|
|
39556
39539
|
};
|
|
39557
39540
|
ColorEditor.prototype.bj = function () {
|
|
39558
39541
|
var _this = this;
|
|
39559
|
-
igniteuiWebcomponentsCore.NativeUIComponent.aw(this.view.
|
|
39542
|
+
igniteuiWebcomponentsCore.NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
|
|
39560
39543
|
var b = a[0];
|
|
39561
39544
|
var c = a[1];
|
|
39562
39545
|
var d = a[2];
|
|
39563
39546
|
var e = a[3];
|
|
39564
|
-
var f = _this.view.
|
|
39565
|
-
_this.view.
|
|
39547
|
+
var f = _this.view.i();
|
|
39548
|
+
_this.view.k(e, f);
|
|
39566
39549
|
b.bo(d);
|
|
39567
39550
|
d.bo(e);
|
|
39568
|
-
_this.view.
|
|
39551
|
+
_this.view.l(c);
|
|
39569
39552
|
b.ci = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
|
|
39570
39553
|
b.cb = 150;
|
|
39571
39554
|
b.b9 = 8;
|
|
@@ -39647,8 +39630,8 @@
|
|
|
39647
39630
|
return;
|
|
39648
39631
|
}
|
|
39649
39632
|
if (this.s != null) {
|
|
39650
|
-
var a = this.view.
|
|
39651
|
-
var b = this.view.
|
|
39633
|
+
var a = this.view.r(false);
|
|
39634
|
+
var b = this.view.s();
|
|
39652
39635
|
var c = b.height;
|
|
39653
39636
|
var d = 240;
|
|
39654
39637
|
var e = a.bottom + d;
|
|
@@ -39668,7 +39651,7 @@
|
|
|
39668
39651
|
};
|
|
39669
39652
|
ColorEditor.prototype.ce = function (a, b) {
|
|
39670
39653
|
{
|
|
39671
|
-
var c = this.view.
|
|
39654
|
+
var c = this.view.r(true);
|
|
39672
39655
|
this.s.cg(c, a, b);
|
|
39673
39656
|
}
|
|
39674
39657
|
};
|
|
@@ -40804,9 +40787,9 @@
|
|
|
40804
40787
|
_this._wrapper = _this._renderer;
|
|
40805
40788
|
var colorEditor = _this.i;
|
|
40806
40789
|
_this._colorEditor = colorEditor;
|
|
40807
|
-
colorEditor.view.createColorEditorPanel =
|
|
40808
|
-
|
|
40809
|
-
};
|
|
40790
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
40791
|
+
// return document.createElement("igc-color-editor-panel");
|
|
40792
|
+
//};
|
|
40810
40793
|
colorEditor.provideContainer(_this._renderer);
|
|
40811
40794
|
_this._onChildrenChanged();
|
|
40812
40795
|
//Checkbox.notifySizeChanged();
|