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
|
@@ -38994,20 +38994,19 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
38994
38994
|
function ColorEditorView() {
|
|
38995
38995
|
var _this = _super.call(this) || this;
|
|
38996
38996
|
_this.a = null;
|
|
38997
|
-
_this.
|
|
38997
|
+
_this.h = null;
|
|
38998
38998
|
_this.d = null;
|
|
38999
38999
|
_this.g = new List$1(Delegate_$type, 0);
|
|
39000
39000
|
_this.e = true;
|
|
39001
|
-
_this._createColorEditorPanel = null;
|
|
39002
39001
|
_this.b = null;
|
|
39003
39002
|
return _this;
|
|
39004
39003
|
}
|
|
39005
|
-
ColorEditorView.prototype.
|
|
39004
|
+
ColorEditorView.prototype.q = function () {
|
|
39006
39005
|
};
|
|
39007
39006
|
ColorEditorView.prototype.f = function () {
|
|
39008
39007
|
return true;
|
|
39009
39008
|
};
|
|
39010
|
-
ColorEditorView.prototype.
|
|
39009
|
+
ColorEditorView.prototype.o = function (a) {
|
|
39011
39010
|
var e_2, _a;
|
|
39012
39011
|
if (a == null) {
|
|
39013
39012
|
try {
|
|
@@ -39035,61 +39034,45 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39035
39034
|
if (this.a.a == null) {
|
|
39036
39035
|
this.a.a = new DOMExecutionContext(a);
|
|
39037
39036
|
}
|
|
39038
|
-
this.
|
|
39037
|
+
this.h = a;
|
|
39039
39038
|
this.a.bj();
|
|
39040
39039
|
};
|
|
39041
|
-
ColorEditorView.prototype.
|
|
39040
|
+
ColorEditorView.prototype.m = function () {
|
|
39042
39041
|
if (KeyFrameAnimationFactory.h == null) {
|
|
39043
|
-
KeyFrameAnimationFactory.h = this.
|
|
39042
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
39044
39043
|
}
|
|
39045
39044
|
};
|
|
39046
|
-
ColorEditorView.prototype.
|
|
39045
|
+
ColorEditorView.prototype.n = function () {
|
|
39047
39046
|
this.e = true;
|
|
39048
39047
|
};
|
|
39049
|
-
ColorEditorView.prototype.
|
|
39048
|
+
ColorEditorView.prototype.p = function () {
|
|
39050
39049
|
this.e = false;
|
|
39051
39050
|
};
|
|
39052
|
-
ColorEditorView.prototype.k = function () {
|
|
39053
|
-
return this.i;
|
|
39054
|
-
};
|
|
39055
|
-
Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
|
|
39056
|
-
get: function () {
|
|
39057
|
-
return this._createColorEditorPanel;
|
|
39058
|
-
},
|
|
39059
|
-
set: function (a) {
|
|
39060
|
-
this._createColorEditorPanel = a;
|
|
39061
|
-
},
|
|
39062
|
-
enumerable: false,
|
|
39063
|
-
configurable: true
|
|
39064
|
-
});
|
|
39065
39051
|
ColorEditorView.prototype.j = function () {
|
|
39066
|
-
|
|
39067
|
-
var a = this.createColorEditorPanel();
|
|
39068
|
-
var b = this.i.getWrapper(a);
|
|
39069
|
-
this.b = (a.i);
|
|
39070
|
-
return a;
|
|
39071
|
-
}
|
|
39072
|
-
var c = new ColorEditorPanel();
|
|
39073
|
-
this.b = c;
|
|
39074
|
-
var d = this.i.createElement("div");
|
|
39075
|
-
var e = this.i.getSubRenderer(d);
|
|
39076
|
-
c.provideContainer(e);
|
|
39077
|
-
var f = this.i.getExternal(c, null, null);
|
|
39078
|
-
return d;
|
|
39052
|
+
return this.h;
|
|
39079
39053
|
};
|
|
39080
|
-
ColorEditorView.prototype.
|
|
39054
|
+
ColorEditorView.prototype.i = function () {
|
|
39055
|
+
var a = new ColorEditorPanel();
|
|
39056
|
+
this.b = a;
|
|
39057
|
+
var b = this.h.createElement("div");
|
|
39058
|
+
var c = this.h.getSubRenderer(b);
|
|
39059
|
+
a.provideContainer(c);
|
|
39060
|
+
var d = this.h.getExternal(a, null, null);
|
|
39061
|
+
return b;
|
|
39062
|
+
};
|
|
39063
|
+
ColorEditorView.prototype.k = function (a, b) {
|
|
39081
39064
|
var c = a.ao;
|
|
39082
|
-
c.append(this.
|
|
39065
|
+
c.append(this.h.getWrapper(b));
|
|
39083
39066
|
};
|
|
39084
|
-
ColorEditorView.prototype.
|
|
39085
|
-
this.
|
|
39067
|
+
ColorEditorView.prototype.l = function (a) {
|
|
39068
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
39086
39069
|
};
|
|
39087
39070
|
ColorEditorView.prototype.c = function (a) {
|
|
39088
39071
|
return this.b;
|
|
39089
39072
|
};
|
|
39090
|
-
ColorEditorView.prototype.
|
|
39091
|
-
if (this.
|
|
39092
|
-
var b = this.
|
|
39073
|
+
ColorEditorView.prototype.r = function (a) {
|
|
39074
|
+
if (this.h != null) {
|
|
39075
|
+
var b = this.h.rootWrapper.getNativeElement();
|
|
39093
39076
|
var c = (b.getBoundingClientRect());
|
|
39094
39077
|
if (a) {
|
|
39095
39078
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -39098,7 +39081,7 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39098
39081
|
}
|
|
39099
39082
|
return null;
|
|
39100
39083
|
};
|
|
39101
|
-
ColorEditorView.prototype.
|
|
39084
|
+
ColorEditorView.prototype.s = function () {
|
|
39102
39085
|
return new Size(1, NaN, NaN);
|
|
39103
39086
|
};
|
|
39104
39087
|
ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
|
|
@@ -39150,7 +39133,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39150
39133
|
var a = new ColorEditorView();
|
|
39151
39134
|
a.a = _this;
|
|
39152
39135
|
_this.view = a;
|
|
39153
|
-
_this.view.
|
|
39136
|
+
_this.view.q();
|
|
39154
39137
|
return _this;
|
|
39155
39138
|
}
|
|
39156
39139
|
Object.defineProperty(ColorEditor.prototype, "view", {
|
|
@@ -39164,10 +39147,10 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39164
39147
|
configurable: true
|
|
39165
39148
|
});
|
|
39166
39149
|
ColorEditor.prototype.onAttachedToUI = function () {
|
|
39167
|
-
this.view.
|
|
39150
|
+
this.view.n();
|
|
39168
39151
|
};
|
|
39169
39152
|
ColorEditor.prototype.onDetachedFromUI = function () {
|
|
39170
|
-
this.view.
|
|
39153
|
+
this.view.p();
|
|
39171
39154
|
};
|
|
39172
39155
|
ColorEditor.prototype.b4 = function (a, b) {
|
|
39173
39156
|
if (this.valueChanging != null) {
|
|
@@ -39187,12 +39170,12 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39187
39170
|
this.provideContainer(null);
|
|
39188
39171
|
};
|
|
39189
39172
|
ColorEditor.prototype.provideContainer = function (a) {
|
|
39190
|
-
this.view.
|
|
39173
|
+
this.view.o(a);
|
|
39191
39174
|
};
|
|
39192
39175
|
Object.defineProperty(ColorEditor.prototype, "u", {
|
|
39193
39176
|
get: function () {
|
|
39194
39177
|
if (this.t == null) {
|
|
39195
|
-
this.t = new SRProvider(this.view.
|
|
39178
|
+
this.t = new SRProvider(this.view.h);
|
|
39196
39179
|
this.t.cb("ColorEditor");
|
|
39197
39180
|
}
|
|
39198
39181
|
return this.t;
|
|
@@ -39530,8 +39513,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39530
39513
|
this.aa = false;
|
|
39531
39514
|
};
|
|
39532
39515
|
ColorEditor.prototype.br = function () {
|
|
39533
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
39534
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
39516
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
39517
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
39535
39518
|
};
|
|
39536
39519
|
ColorEditor.prototype.bv = function () {
|
|
39537
39520
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -39553,16 +39536,16 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39553
39536
|
};
|
|
39554
39537
|
ColorEditor.prototype.bj = function () {
|
|
39555
39538
|
var _this = this;
|
|
39556
|
-
NativeUIComponent.aw(this.view.
|
|
39539
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
|
|
39557
39540
|
var b = a[0];
|
|
39558
39541
|
var c = a[1];
|
|
39559
39542
|
var d = a[2];
|
|
39560
39543
|
var e = a[3];
|
|
39561
|
-
var f = _this.view.
|
|
39562
|
-
_this.view.
|
|
39544
|
+
var f = _this.view.i();
|
|
39545
|
+
_this.view.k(e, f);
|
|
39563
39546
|
b.bo(d);
|
|
39564
39547
|
d.bo(e);
|
|
39565
|
-
_this.view.
|
|
39548
|
+
_this.view.l(c);
|
|
39566
39549
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
39567
39550
|
b.cb = 150;
|
|
39568
39551
|
b.b9 = 8;
|
|
@@ -39644,8 +39627,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39644
39627
|
return;
|
|
39645
39628
|
}
|
|
39646
39629
|
if (this.s != null) {
|
|
39647
|
-
var a = this.view.
|
|
39648
|
-
var b = this.view.
|
|
39630
|
+
var a = this.view.r(false);
|
|
39631
|
+
var b = this.view.s();
|
|
39649
39632
|
var c = b.height;
|
|
39650
39633
|
var d = 240;
|
|
39651
39634
|
var e = a.bottom + d;
|
|
@@ -39665,7 +39648,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39665
39648
|
};
|
|
39666
39649
|
ColorEditor.prototype.ce = function (a, b) {
|
|
39667
39650
|
{
|
|
39668
|
-
var c = this.view.
|
|
39651
|
+
var c = this.view.r(true);
|
|
39669
39652
|
this.s.cg(c, a, b);
|
|
39670
39653
|
}
|
|
39671
39654
|
};
|
|
@@ -40801,9 +40784,9 @@ var IgcColorEditorComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
40801
40784
|
_this._wrapper = _this._renderer;
|
|
40802
40785
|
var colorEditor = _this.i;
|
|
40803
40786
|
_this._colorEditor = colorEditor;
|
|
40804
|
-
colorEditor.view.createColorEditorPanel =
|
|
40805
|
-
|
|
40806
|
-
};
|
|
40787
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
40788
|
+
// return document.createElement("igc-color-editor-panel");
|
|
40789
|
+
//};
|
|
40807
40790
|
colorEditor.provideContainer(_this._renderer);
|
|
40808
40791
|
_this._onChildrenChanged();
|
|
40809
40792
|
//Checkbox.notifySizeChanged();
|
|
@@ -154,27 +154,24 @@ export declare class ColorEditorView extends Base {
|
|
|
154
154
|
static $t: Type;
|
|
155
155
|
constructor();
|
|
156
156
|
a: ColorEditor;
|
|
157
|
-
|
|
157
|
+
q(): void;
|
|
158
158
|
f(): boolean;
|
|
159
|
-
|
|
159
|
+
h: DomRenderer;
|
|
160
160
|
private d;
|
|
161
161
|
private g;
|
|
162
|
-
|
|
163
|
-
|
|
162
|
+
o(a: DomRenderer): void;
|
|
163
|
+
m(): void;
|
|
164
164
|
private e;
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
k(): any;
|
|
168
|
-
private _createColorEditorPanel;
|
|
169
|
-
get createColorEditorPanel(): () => any;
|
|
170
|
-
set createColorEditorPanel(a: () => any);
|
|
171
|
-
private b;
|
|
165
|
+
n(): void;
|
|
166
|
+
p(): void;
|
|
172
167
|
j(): any;
|
|
173
|
-
|
|
174
|
-
|
|
168
|
+
private b;
|
|
169
|
+
i(): any;
|
|
170
|
+
k(a: NativeUIContent, b: any): void;
|
|
171
|
+
l(a: NativeUIComponent): void;
|
|
175
172
|
c(a: any): ColorEditorPanel;
|
|
176
|
-
|
|
177
|
-
|
|
173
|
+
r(a: boolean): Rect;
|
|
174
|
+
s(): Size;
|
|
178
175
|
}
|
|
179
176
|
/**
|
|
180
177
|
* @hidden
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-webcomponents-inputs",
|
|
3
|
-
"version": "7.1.0-beta.
|
|
3
|
+
"version": "7.1.0-beta.2",
|
|
4
4
|
"description": "Ignite UI Web Components inputs components.",
|
|
5
5
|
"homepage": "https://github.com/IgniteUI/igniteui-webcomponents-inputs",
|
|
6
6
|
"keywords": [
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"tslib": "^2.3.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"igniteui-webcomponents-core": "7.1.0-beta.
|
|
17
|
+
"igniteui-webcomponents-core": "7.1.0-beta.2"
|
|
18
18
|
},
|
|
19
19
|
"sideEffects": false,
|
|
20
20
|
"typings": "igniteui-webcomponents-inputs.d.ts",
|