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