igniteui-angular-inputs 21.1.0-beta.1 → 21.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-angular-inputs.umd.js +43 -60
- package/bundles/igniteui-angular-inputs.umd.min.js +1 -1
- package/esm2015/lib/NativeUIXInputsFactory_combined.js +40 -53
- package/esm2015/lib/igx-color-editor-component.js +3 -3
- package/esm5/lib/NativeUIXInputsFactory_combined.js +41 -58
- package/esm5/lib/igx-color-editor-component.js +3 -3
- package/fesm2015/igniteui-angular-inputs.js +43 -56
- package/fesm5/igniteui-angular-inputs.js +43 -60
- package/lib/NativeUIXInputsFactory_combined.d.ts +12 -15
- package/package.json +2 -2
|
@@ -39182,20 +39182,19 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39182
39182
|
function ColorEditorView() {
|
|
39183
39183
|
var _this = _super.call(this) || this;
|
|
39184
39184
|
_this.a = null;
|
|
39185
|
-
_this.
|
|
39185
|
+
_this.h = null;
|
|
39186
39186
|
_this.d = null;
|
|
39187
39187
|
_this.g = new List$1(Delegate_$type, 0);
|
|
39188
39188
|
_this.e = true;
|
|
39189
|
-
_this._createColorEditorPanel = null;
|
|
39190
39189
|
_this.b = null;
|
|
39191
39190
|
return _this;
|
|
39192
39191
|
}
|
|
39193
|
-
ColorEditorView.prototype.
|
|
39192
|
+
ColorEditorView.prototype.q = function () {
|
|
39194
39193
|
};
|
|
39195
39194
|
ColorEditorView.prototype.f = function () {
|
|
39196
39195
|
return true;
|
|
39197
39196
|
};
|
|
39198
|
-
ColorEditorView.prototype.
|
|
39197
|
+
ColorEditorView.prototype.o = function (a) {
|
|
39199
39198
|
var e_2, _a;
|
|
39200
39199
|
if (a == null) {
|
|
39201
39200
|
try {
|
|
@@ -39223,61 +39222,45 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39223
39222
|
if (this.a.a == null) {
|
|
39224
39223
|
this.a.a = new DOMExecutionContext(a);
|
|
39225
39224
|
}
|
|
39226
|
-
this.
|
|
39225
|
+
this.h = a;
|
|
39227
39226
|
this.a.bj();
|
|
39228
39227
|
};
|
|
39229
|
-
ColorEditorView.prototype.
|
|
39228
|
+
ColorEditorView.prototype.m = function () {
|
|
39230
39229
|
if (KeyFrameAnimationFactory.h == null) {
|
|
39231
|
-
KeyFrameAnimationFactory.h = this.
|
|
39230
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
39232
39231
|
}
|
|
39233
39232
|
};
|
|
39234
|
-
ColorEditorView.prototype.
|
|
39233
|
+
ColorEditorView.prototype.n = function () {
|
|
39235
39234
|
this.e = true;
|
|
39236
39235
|
};
|
|
39237
|
-
ColorEditorView.prototype.
|
|
39236
|
+
ColorEditorView.prototype.p = function () {
|
|
39238
39237
|
this.e = false;
|
|
39239
39238
|
};
|
|
39240
|
-
ColorEditorView.prototype.k = function () {
|
|
39241
|
-
return this.i;
|
|
39242
|
-
};
|
|
39243
|
-
Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
|
|
39244
|
-
get: function () {
|
|
39245
|
-
return this._createColorEditorPanel;
|
|
39246
|
-
},
|
|
39247
|
-
set: function (a) {
|
|
39248
|
-
this._createColorEditorPanel = a;
|
|
39249
|
-
},
|
|
39250
|
-
enumerable: false,
|
|
39251
|
-
configurable: true
|
|
39252
|
-
});
|
|
39253
39239
|
ColorEditorView.prototype.j = function () {
|
|
39254
|
-
|
|
39255
|
-
var a = this.createColorEditorPanel();
|
|
39256
|
-
var b = this.i.getWrapper(a);
|
|
39257
|
-
this.b = (a.i);
|
|
39258
|
-
return a;
|
|
39259
|
-
}
|
|
39260
|
-
var c = new ColorEditorPanel();
|
|
39261
|
-
this.b = c;
|
|
39262
|
-
var d = this.i.createElement("div");
|
|
39263
|
-
var e = this.i.getSubRenderer(d);
|
|
39264
|
-
c.provideContainer(e);
|
|
39265
|
-
var f = this.i.getExternal(c, null, null);
|
|
39266
|
-
return d;
|
|
39240
|
+
return this.h;
|
|
39267
39241
|
};
|
|
39268
|
-
ColorEditorView.prototype.
|
|
39242
|
+
ColorEditorView.prototype.i = function () {
|
|
39243
|
+
var a = new ColorEditorPanel();
|
|
39244
|
+
this.b = a;
|
|
39245
|
+
var b = this.h.createElement("div");
|
|
39246
|
+
var c = this.h.getSubRenderer(b);
|
|
39247
|
+
a.provideContainer(c);
|
|
39248
|
+
var d = this.h.getExternal(a, null, null);
|
|
39249
|
+
return b;
|
|
39250
|
+
};
|
|
39251
|
+
ColorEditorView.prototype.k = function (a, b) {
|
|
39269
39252
|
var c = a.ao;
|
|
39270
|
-
c.append(this.
|
|
39253
|
+
c.append(this.h.getWrapper(b));
|
|
39271
39254
|
};
|
|
39272
|
-
ColorEditorView.prototype.
|
|
39273
|
-
this.
|
|
39255
|
+
ColorEditorView.prototype.l = function (a) {
|
|
39256
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
39274
39257
|
};
|
|
39275
39258
|
ColorEditorView.prototype.c = function (a) {
|
|
39276
39259
|
return this.b;
|
|
39277
39260
|
};
|
|
39278
|
-
ColorEditorView.prototype.
|
|
39279
|
-
if (this.
|
|
39280
|
-
var b = this.
|
|
39261
|
+
ColorEditorView.prototype.r = function (a) {
|
|
39262
|
+
if (this.h != null) {
|
|
39263
|
+
var b = this.h.rootWrapper.getNativeElement();
|
|
39281
39264
|
var c = (b.getBoundingClientRect());
|
|
39282
39265
|
if (a) {
|
|
39283
39266
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -39286,7 +39269,7 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39286
39269
|
}
|
|
39287
39270
|
return null;
|
|
39288
39271
|
};
|
|
39289
|
-
ColorEditorView.prototype.
|
|
39272
|
+
ColorEditorView.prototype.s = function () {
|
|
39290
39273
|
return new Size(1, NaN, NaN);
|
|
39291
39274
|
};
|
|
39292
39275
|
ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
|
|
@@ -39338,7 +39321,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39338
39321
|
var a = new ColorEditorView();
|
|
39339
39322
|
a.a = _this;
|
|
39340
39323
|
_this.view = a;
|
|
39341
|
-
_this.view.
|
|
39324
|
+
_this.view.q();
|
|
39342
39325
|
return _this;
|
|
39343
39326
|
}
|
|
39344
39327
|
Object.defineProperty(ColorEditor.prototype, "view", {
|
|
@@ -39352,10 +39335,10 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39352
39335
|
configurable: true
|
|
39353
39336
|
});
|
|
39354
39337
|
ColorEditor.prototype.onAttachedToUI = function () {
|
|
39355
|
-
this.view.
|
|
39338
|
+
this.view.n();
|
|
39356
39339
|
};
|
|
39357
39340
|
ColorEditor.prototype.onDetachedFromUI = function () {
|
|
39358
|
-
this.view.
|
|
39341
|
+
this.view.p();
|
|
39359
39342
|
};
|
|
39360
39343
|
ColorEditor.prototype.b4 = function (a, b) {
|
|
39361
39344
|
if (this.valueChanging != null) {
|
|
@@ -39375,12 +39358,12 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39375
39358
|
this.provideContainer(null);
|
|
39376
39359
|
};
|
|
39377
39360
|
ColorEditor.prototype.provideContainer = function (a) {
|
|
39378
|
-
this.view.
|
|
39361
|
+
this.view.o(a);
|
|
39379
39362
|
};
|
|
39380
39363
|
Object.defineProperty(ColorEditor.prototype, "u", {
|
|
39381
39364
|
get: function () {
|
|
39382
39365
|
if (this.t == null) {
|
|
39383
|
-
this.t = new SRProvider(this.view.
|
|
39366
|
+
this.t = new SRProvider(this.view.h);
|
|
39384
39367
|
this.t.cb("ColorEditor");
|
|
39385
39368
|
}
|
|
39386
39369
|
return this.t;
|
|
@@ -39718,8 +39701,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39718
39701
|
this.aa = false;
|
|
39719
39702
|
};
|
|
39720
39703
|
ColorEditor.prototype.br = function () {
|
|
39721
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
39722
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
39704
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
39705
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
39723
39706
|
};
|
|
39724
39707
|
ColorEditor.prototype.bv = function () {
|
|
39725
39708
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -39741,16 +39724,16 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39741
39724
|
};
|
|
39742
39725
|
ColorEditor.prototype.bj = function () {
|
|
39743
39726
|
var _this = this;
|
|
39744
|
-
NativeUIComponent.aw(this.view.
|
|
39727
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
|
|
39745
39728
|
var b = a[0];
|
|
39746
39729
|
var c = a[1];
|
|
39747
39730
|
var d = a[2];
|
|
39748
39731
|
var e = a[3];
|
|
39749
|
-
var f = _this.view.
|
|
39750
|
-
_this.view.
|
|
39732
|
+
var f = _this.view.i();
|
|
39733
|
+
_this.view.k(e, f);
|
|
39751
39734
|
b.bo(d);
|
|
39752
39735
|
d.bo(e);
|
|
39753
|
-
_this.view.
|
|
39736
|
+
_this.view.l(c);
|
|
39754
39737
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
39755
39738
|
b.cb = 150;
|
|
39756
39739
|
b.b9 = 8;
|
|
@@ -39832,8 +39815,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39832
39815
|
return;
|
|
39833
39816
|
}
|
|
39834
39817
|
if (this.s != null) {
|
|
39835
|
-
var a = this.view.
|
|
39836
|
-
var b = this.view.
|
|
39818
|
+
var a = this.view.r(false);
|
|
39819
|
+
var b = this.view.s();
|
|
39837
39820
|
var c = b.height;
|
|
39838
39821
|
var d = 240;
|
|
39839
39822
|
var e = a.bottom + d;
|
|
@@ -39853,7 +39836,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
39853
39836
|
};
|
|
39854
39837
|
ColorEditor.prototype.ce = function (a, b) {
|
|
39855
39838
|
{
|
|
39856
|
-
var c = this.view.
|
|
39839
|
+
var c = this.view.r(true);
|
|
39857
39840
|
this.s.cg(c, a, b);
|
|
39858
39841
|
}
|
|
39859
39842
|
};
|
|
@@ -40984,9 +40967,9 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
|
|
|
40984
40967
|
this._portalManager = new PortalManager("colorEditorContent", componentFactoryResolver);
|
|
40985
40968
|
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
|
|
40986
40969
|
this._wrapper = ren;
|
|
40987
|
-
colorEditor.view.createColorEditorPanel =
|
|
40988
|
-
|
|
40989
|
-
};
|
|
40970
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
40971
|
+
// return window.document.createElement("igx-color-editor-panel");
|
|
40972
|
+
//};
|
|
40990
40973
|
colorEditor.provideContainer(ren);
|
|
40991
40974
|
}
|
|
40992
40975
|
}
|
|
@@ -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-angular-inputs",
|
|
3
|
-
"version": "21.1.0-beta.
|
|
3
|
+
"version": "21.1.0-beta.2",
|
|
4
4
|
"description": "Ignite UI Angular input components for building rich data visualizations for modern web apps.",
|
|
5
5
|
"homepage": "https://github.com/IgniteUI/igniteui-angular-inputs",
|
|
6
6
|
"keywords": [
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"@angular/common": "^21.0.0",
|
|
18
18
|
"@angular/compiler": "^21.0.0",
|
|
19
19
|
"@angular/core": "^21.0.0",
|
|
20
|
-
"igniteui-angular-core": "21.1.0-beta.
|
|
20
|
+
"igniteui-angular-core": "21.1.0-beta.2"
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"typings": "igniteui-angular-inputs.d.ts",
|