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
|
@@ -683,19 +683,18 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
683
683
|
constructor() {
|
|
684
684
|
super();
|
|
685
685
|
this.a = null;
|
|
686
|
-
this.
|
|
686
|
+
this.h = null;
|
|
687
687
|
this.d = null;
|
|
688
688
|
this.g = new List$1(Delegate_$type, 0);
|
|
689
689
|
this.e = true;
|
|
690
|
-
this._createColorEditorPanel = null;
|
|
691
690
|
this.b = null;
|
|
692
691
|
}
|
|
693
|
-
|
|
692
|
+
q() {
|
|
694
693
|
}
|
|
695
694
|
f() {
|
|
696
695
|
return true;
|
|
697
696
|
}
|
|
698
|
-
|
|
697
|
+
o(a) {
|
|
699
698
|
if (a == null) {
|
|
700
699
|
for (let b of fromEnum(this.g)) {
|
|
701
700
|
b();
|
|
@@ -706,57 +705,45 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
706
705
|
if (this.a.a == null) {
|
|
707
706
|
this.a.a = new DOMExecutionContext(a);
|
|
708
707
|
}
|
|
709
|
-
this.
|
|
708
|
+
this.h = a;
|
|
710
709
|
this.a.bj();
|
|
711
710
|
}
|
|
712
|
-
|
|
711
|
+
m() {
|
|
713
712
|
if (KeyFrameAnimationFactory.h == null) {
|
|
714
|
-
KeyFrameAnimationFactory.h = this.
|
|
713
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
715
714
|
}
|
|
716
715
|
}
|
|
717
|
-
|
|
716
|
+
n() {
|
|
718
717
|
this.e = true;
|
|
719
718
|
}
|
|
720
|
-
|
|
719
|
+
p() {
|
|
721
720
|
this.e = false;
|
|
722
721
|
}
|
|
723
|
-
k() {
|
|
724
|
-
return this.i;
|
|
725
|
-
}
|
|
726
|
-
get createColorEditorPanel() {
|
|
727
|
-
return this._createColorEditorPanel;
|
|
728
|
-
}
|
|
729
|
-
set createColorEditorPanel(a) {
|
|
730
|
-
this._createColorEditorPanel = a;
|
|
731
|
-
}
|
|
732
722
|
j() {
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
let c =
|
|
740
|
-
|
|
741
|
-
let d = this.
|
|
742
|
-
|
|
743
|
-
c.provideContainer(e);
|
|
744
|
-
let f = this.i.getExternal(c, null, null);
|
|
745
|
-
return d;
|
|
723
|
+
return this.h;
|
|
724
|
+
}
|
|
725
|
+
i() {
|
|
726
|
+
let a = new ColorEditorPanel();
|
|
727
|
+
this.b = a;
|
|
728
|
+
let b = this.h.createElement("div");
|
|
729
|
+
let c = this.h.getSubRenderer(b);
|
|
730
|
+
a.provideContainer(c);
|
|
731
|
+
let d = this.h.getExternal(a, null, null);
|
|
732
|
+
return b;
|
|
746
733
|
}
|
|
747
|
-
|
|
734
|
+
k(a, b) {
|
|
748
735
|
let c = a.ao;
|
|
749
|
-
c.append(this.
|
|
736
|
+
c.append(this.h.getWrapper(b));
|
|
750
737
|
}
|
|
751
|
-
|
|
752
|
-
this.
|
|
738
|
+
l(a) {
|
|
739
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
753
740
|
}
|
|
754
741
|
c(a) {
|
|
755
742
|
return this.b;
|
|
756
743
|
}
|
|
757
|
-
|
|
758
|
-
if (this.
|
|
759
|
-
let b = this.
|
|
744
|
+
r(a) {
|
|
745
|
+
if (this.h != null) {
|
|
746
|
+
let b = this.h.rootWrapper.getNativeElement();
|
|
760
747
|
let c = (b.getBoundingClientRect());
|
|
761
748
|
if (a) {
|
|
762
749
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -765,7 +752,7 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
765
752
|
}
|
|
766
753
|
return null;
|
|
767
754
|
}
|
|
768
|
-
|
|
755
|
+
s() {
|
|
769
756
|
return new Size(1, NaN, NaN);
|
|
770
757
|
}
|
|
771
758
|
}
|
|
@@ -818,7 +805,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
818
805
|
let a = new ColorEditorView();
|
|
819
806
|
a.a = this;
|
|
820
807
|
this.view = a;
|
|
821
|
-
this.view.
|
|
808
|
+
this.view.q();
|
|
822
809
|
}
|
|
823
810
|
get view() {
|
|
824
811
|
return this._view;
|
|
@@ -827,10 +814,10 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
827
814
|
this._view = a;
|
|
828
815
|
}
|
|
829
816
|
onAttachedToUI() {
|
|
830
|
-
this.view.
|
|
817
|
+
this.view.n();
|
|
831
818
|
}
|
|
832
819
|
onDetachedFromUI() {
|
|
833
|
-
this.view.
|
|
820
|
+
this.view.p();
|
|
834
821
|
}
|
|
835
822
|
b4(a, b) {
|
|
836
823
|
if (this.valueChanging != null) {
|
|
@@ -850,11 +837,11 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
850
837
|
this.provideContainer(null);
|
|
851
838
|
}
|
|
852
839
|
provideContainer(a) {
|
|
853
|
-
this.view.
|
|
840
|
+
this.view.o(a);
|
|
854
841
|
}
|
|
855
842
|
get u() {
|
|
856
843
|
if (this.t == null) {
|
|
857
|
-
this.t = new SRProvider(this.view.
|
|
844
|
+
this.t = new SRProvider(this.view.h);
|
|
858
845
|
this.t.cb("ColorEditor");
|
|
859
846
|
}
|
|
860
847
|
return this.t;
|
|
@@ -1121,8 +1108,8 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1121
1108
|
this.aa = false;
|
|
1122
1109
|
}
|
|
1123
1110
|
br() {
|
|
1124
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
1125
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
1111
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
1112
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
1126
1113
|
}
|
|
1127
1114
|
bv() {
|
|
1128
1115
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -1143,16 +1130,16 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1143
1130
|
}
|
|
1144
1131
|
}
|
|
1145
1132
|
bj() {
|
|
1146
|
-
NativeUIComponent.aw(this.view.
|
|
1133
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
|
|
1147
1134
|
let b = a[0];
|
|
1148
1135
|
let c = a[1];
|
|
1149
1136
|
let d = a[2];
|
|
1150
1137
|
let e = a[3];
|
|
1151
|
-
let f = this.view.
|
|
1152
|
-
this.view.
|
|
1138
|
+
let f = this.view.i();
|
|
1139
|
+
this.view.k(e, f);
|
|
1153
1140
|
b.bo(d);
|
|
1154
1141
|
d.bo(e);
|
|
1155
|
-
this.view.
|
|
1142
|
+
this.view.l(c);
|
|
1156
1143
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
1157
1144
|
b.cb = 150;
|
|
1158
1145
|
b.b9 = 8;
|
|
@@ -1234,8 +1221,8 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1234
1221
|
return;
|
|
1235
1222
|
}
|
|
1236
1223
|
if (this.s != null) {
|
|
1237
|
-
let a = this.view.
|
|
1238
|
-
let b = this.view.
|
|
1224
|
+
let a = this.view.r(false);
|
|
1225
|
+
let b = this.view.s();
|
|
1239
1226
|
let c = b.height;
|
|
1240
1227
|
let d = 240;
|
|
1241
1228
|
let e = a.bottom + d;
|
|
@@ -1255,7 +1242,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1255
1242
|
}
|
|
1256
1243
|
ce(a, b) {
|
|
1257
1244
|
{
|
|
1258
|
-
let c = this.view.
|
|
1245
|
+
let c = this.view.r(true);
|
|
1259
1246
|
this.s.cg(c, a, b);
|
|
1260
1247
|
}
|
|
1261
1248
|
}
|
|
@@ -57,9 +57,9 @@ export let IgxColorEditorComponent = /*@__PURE__*/ (() => {
|
|
|
57
57
|
this._portalManager = new PortalManager("colorEditorContent", componentFactoryResolver);
|
|
58
58
|
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
|
|
59
59
|
this._wrapper = ren;
|
|
60
|
-
colorEditor.view.createColorEditorPanel = () => {
|
|
61
|
-
|
|
62
|
-
};
|
|
60
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
61
|
+
// return window.document.createElement("igx-color-editor-panel");
|
|
62
|
+
//};
|
|
63
63
|
colorEditor.provideContainer(ren);
|
|
64
64
|
}
|
|
65
65
|
}
|
|
@@ -712,20 +712,19 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
712
712
|
function ColorEditorView() {
|
|
713
713
|
var _this = _super.call(this) || this;
|
|
714
714
|
_this.a = null;
|
|
715
|
-
_this.
|
|
715
|
+
_this.h = null;
|
|
716
716
|
_this.d = null;
|
|
717
717
|
_this.g = new List$1(Delegate_$type, 0);
|
|
718
718
|
_this.e = true;
|
|
719
|
-
_this._createColorEditorPanel = null;
|
|
720
719
|
_this.b = null;
|
|
721
720
|
return _this;
|
|
722
721
|
}
|
|
723
|
-
ColorEditorView.prototype.
|
|
722
|
+
ColorEditorView.prototype.q = function () {
|
|
724
723
|
};
|
|
725
724
|
ColorEditorView.prototype.f = function () {
|
|
726
725
|
return true;
|
|
727
726
|
};
|
|
728
|
-
ColorEditorView.prototype.
|
|
727
|
+
ColorEditorView.prototype.o = function (a) {
|
|
729
728
|
var e_2, _a;
|
|
730
729
|
if (a == null) {
|
|
731
730
|
try {
|
|
@@ -753,61 +752,45 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
753
752
|
if (this.a.a == null) {
|
|
754
753
|
this.a.a = new DOMExecutionContext(a);
|
|
755
754
|
}
|
|
756
|
-
this.
|
|
755
|
+
this.h = a;
|
|
757
756
|
this.a.bj();
|
|
758
757
|
};
|
|
759
|
-
ColorEditorView.prototype.
|
|
758
|
+
ColorEditorView.prototype.m = function () {
|
|
760
759
|
if (KeyFrameAnimationFactory.h == null) {
|
|
761
|
-
KeyFrameAnimationFactory.h = this.
|
|
760
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
762
761
|
}
|
|
763
762
|
};
|
|
764
|
-
ColorEditorView.prototype.
|
|
763
|
+
ColorEditorView.prototype.n = function () {
|
|
765
764
|
this.e = true;
|
|
766
765
|
};
|
|
767
|
-
ColorEditorView.prototype.
|
|
766
|
+
ColorEditorView.prototype.p = function () {
|
|
768
767
|
this.e = false;
|
|
769
768
|
};
|
|
770
|
-
ColorEditorView.prototype.k = function () {
|
|
771
|
-
return this.i;
|
|
772
|
-
};
|
|
773
|
-
Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
|
|
774
|
-
get: function () {
|
|
775
|
-
return this._createColorEditorPanel;
|
|
776
|
-
},
|
|
777
|
-
set: function (a) {
|
|
778
|
-
this._createColorEditorPanel = a;
|
|
779
|
-
},
|
|
780
|
-
enumerable: false,
|
|
781
|
-
configurable: true
|
|
782
|
-
});
|
|
783
769
|
ColorEditorView.prototype.j = function () {
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
var c =
|
|
791
|
-
|
|
792
|
-
var d = this.
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
return d;
|
|
797
|
-
};
|
|
798
|
-
ColorEditorView.prototype.l = function (a, b) {
|
|
770
|
+
return this.h;
|
|
771
|
+
};
|
|
772
|
+
ColorEditorView.prototype.i = function () {
|
|
773
|
+
var a = new ColorEditorPanel();
|
|
774
|
+
this.b = a;
|
|
775
|
+
var b = this.h.createElement("div");
|
|
776
|
+
var c = this.h.getSubRenderer(b);
|
|
777
|
+
a.provideContainer(c);
|
|
778
|
+
var d = this.h.getExternal(a, null, null);
|
|
779
|
+
return b;
|
|
780
|
+
};
|
|
781
|
+
ColorEditorView.prototype.k = function (a, b) {
|
|
799
782
|
var c = a.ao;
|
|
800
|
-
c.append(this.
|
|
783
|
+
c.append(this.h.getWrapper(b));
|
|
801
784
|
};
|
|
802
|
-
ColorEditorView.prototype.
|
|
803
|
-
this.
|
|
785
|
+
ColorEditorView.prototype.l = function (a) {
|
|
786
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
804
787
|
};
|
|
805
788
|
ColorEditorView.prototype.c = function (a) {
|
|
806
789
|
return this.b;
|
|
807
790
|
};
|
|
808
|
-
ColorEditorView.prototype.
|
|
809
|
-
if (this.
|
|
810
|
-
var b = this.
|
|
791
|
+
ColorEditorView.prototype.r = function (a) {
|
|
792
|
+
if (this.h != null) {
|
|
793
|
+
var b = this.h.rootWrapper.getNativeElement();
|
|
811
794
|
var c = (b.getBoundingClientRect());
|
|
812
795
|
if (a) {
|
|
813
796
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -816,7 +799,7 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
816
799
|
}
|
|
817
800
|
return null;
|
|
818
801
|
};
|
|
819
|
-
ColorEditorView.prototype.
|
|
802
|
+
ColorEditorView.prototype.s = function () {
|
|
820
803
|
return new Size(1, NaN, NaN);
|
|
821
804
|
};
|
|
822
805
|
ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
|
|
@@ -869,7 +852,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
869
852
|
var a = new ColorEditorView();
|
|
870
853
|
a.a = _this;
|
|
871
854
|
_this.view = a;
|
|
872
|
-
_this.view.
|
|
855
|
+
_this.view.q();
|
|
873
856
|
return _this;
|
|
874
857
|
}
|
|
875
858
|
Object.defineProperty(ColorEditor.prototype, "view", {
|
|
@@ -883,10 +866,10 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
883
866
|
configurable: true
|
|
884
867
|
});
|
|
885
868
|
ColorEditor.prototype.onAttachedToUI = function () {
|
|
886
|
-
this.view.
|
|
869
|
+
this.view.n();
|
|
887
870
|
};
|
|
888
871
|
ColorEditor.prototype.onDetachedFromUI = function () {
|
|
889
|
-
this.view.
|
|
872
|
+
this.view.p();
|
|
890
873
|
};
|
|
891
874
|
ColorEditor.prototype.b4 = function (a, b) {
|
|
892
875
|
if (this.valueChanging != null) {
|
|
@@ -906,12 +889,12 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
906
889
|
this.provideContainer(null);
|
|
907
890
|
};
|
|
908
891
|
ColorEditor.prototype.provideContainer = function (a) {
|
|
909
|
-
this.view.
|
|
892
|
+
this.view.o(a);
|
|
910
893
|
};
|
|
911
894
|
Object.defineProperty(ColorEditor.prototype, "u", {
|
|
912
895
|
get: function () {
|
|
913
896
|
if (this.t == null) {
|
|
914
|
-
this.t = new SRProvider(this.view.
|
|
897
|
+
this.t = new SRProvider(this.view.h);
|
|
915
898
|
this.t.cb("ColorEditor");
|
|
916
899
|
}
|
|
917
900
|
return this.t;
|
|
@@ -1249,8 +1232,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1249
1232
|
this.aa = false;
|
|
1250
1233
|
};
|
|
1251
1234
|
ColorEditor.prototype.br = function () {
|
|
1252
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
1253
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
1235
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
1236
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
1254
1237
|
};
|
|
1255
1238
|
ColorEditor.prototype.bv = function () {
|
|
1256
1239
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -1272,16 +1255,16 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1272
1255
|
};
|
|
1273
1256
|
ColorEditor.prototype.bj = function () {
|
|
1274
1257
|
var _this = this;
|
|
1275
|
-
NativeUIComponent.aw(this.view.
|
|
1258
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
|
|
1276
1259
|
var b = a[0];
|
|
1277
1260
|
var c = a[1];
|
|
1278
1261
|
var d = a[2];
|
|
1279
1262
|
var e = a[3];
|
|
1280
|
-
var f = _this.view.
|
|
1281
|
-
_this.view.
|
|
1263
|
+
var f = _this.view.i();
|
|
1264
|
+
_this.view.k(e, f);
|
|
1282
1265
|
b.bo(d);
|
|
1283
1266
|
d.bo(e);
|
|
1284
|
-
_this.view.
|
|
1267
|
+
_this.view.l(c);
|
|
1285
1268
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
1286
1269
|
b.cb = 150;
|
|
1287
1270
|
b.b9 = 8;
|
|
@@ -1363,8 +1346,8 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1363
1346
|
return;
|
|
1364
1347
|
}
|
|
1365
1348
|
if (this.s != null) {
|
|
1366
|
-
var a = this.view.
|
|
1367
|
-
var b = this.view.
|
|
1349
|
+
var a = this.view.r(false);
|
|
1350
|
+
var b = this.view.s();
|
|
1368
1351
|
var c = b.height;
|
|
1369
1352
|
var d = 240;
|
|
1370
1353
|
var e = a.bottom + d;
|
|
@@ -1384,7 +1367,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1384
1367
|
};
|
|
1385
1368
|
ColorEditor.prototype.ce = function (a, b) {
|
|
1386
1369
|
{
|
|
1387
|
-
var c = this.view.
|
|
1370
|
+
var c = this.view.r(true);
|
|
1388
1371
|
this.s.cg(c, a, b);
|
|
1389
1372
|
}
|
|
1390
1373
|
};
|
|
@@ -56,9 +56,9 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
|
|
|
56
56
|
this._portalManager = new PortalManager("colorEditorContent", componentFactoryResolver);
|
|
57
57
|
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
|
|
58
58
|
this._wrapper = ren;
|
|
59
|
-
colorEditor.view.createColorEditorPanel =
|
|
60
|
-
|
|
61
|
-
};
|
|
59
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
60
|
+
// return window.document.createElement("igx-color-editor-panel");
|
|
61
|
+
//};
|
|
62
62
|
colorEditor.provideContainer(ren);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -33574,19 +33574,18 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
33574
33574
|
constructor() {
|
|
33575
33575
|
super();
|
|
33576
33576
|
this.a = null;
|
|
33577
|
-
this.
|
|
33577
|
+
this.h = null;
|
|
33578
33578
|
this.d = null;
|
|
33579
33579
|
this.g = new List$1(Delegate_$type, 0);
|
|
33580
33580
|
this.e = true;
|
|
33581
|
-
this._createColorEditorPanel = null;
|
|
33582
33581
|
this.b = null;
|
|
33583
33582
|
}
|
|
33584
|
-
|
|
33583
|
+
q() {
|
|
33585
33584
|
}
|
|
33586
33585
|
f() {
|
|
33587
33586
|
return true;
|
|
33588
33587
|
}
|
|
33589
|
-
|
|
33588
|
+
o(a) {
|
|
33590
33589
|
if (a == null) {
|
|
33591
33590
|
for (let b of fromEnum(this.g)) {
|
|
33592
33591
|
b();
|
|
@@ -33597,57 +33596,45 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
33597
33596
|
if (this.a.a == null) {
|
|
33598
33597
|
this.a.a = new DOMExecutionContext(a);
|
|
33599
33598
|
}
|
|
33600
|
-
this.
|
|
33599
|
+
this.h = a;
|
|
33601
33600
|
this.a.bj();
|
|
33602
33601
|
}
|
|
33603
|
-
|
|
33602
|
+
m() {
|
|
33604
33603
|
if (KeyFrameAnimationFactory.h == null) {
|
|
33605
|
-
KeyFrameAnimationFactory.h = this.
|
|
33604
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
33606
33605
|
}
|
|
33607
33606
|
}
|
|
33608
|
-
|
|
33607
|
+
n() {
|
|
33609
33608
|
this.e = true;
|
|
33610
33609
|
}
|
|
33611
|
-
|
|
33610
|
+
p() {
|
|
33612
33611
|
this.e = false;
|
|
33613
33612
|
}
|
|
33614
|
-
k() {
|
|
33615
|
-
return this.i;
|
|
33616
|
-
}
|
|
33617
|
-
get createColorEditorPanel() {
|
|
33618
|
-
return this._createColorEditorPanel;
|
|
33619
|
-
}
|
|
33620
|
-
set createColorEditorPanel(a) {
|
|
33621
|
-
this._createColorEditorPanel = a;
|
|
33622
|
-
}
|
|
33623
33613
|
j() {
|
|
33624
|
-
|
|
33625
|
-
let a = this.createColorEditorPanel();
|
|
33626
|
-
let b = this.i.getWrapper(a);
|
|
33627
|
-
this.b = (a.i);
|
|
33628
|
-
return a;
|
|
33629
|
-
}
|
|
33630
|
-
let c = new ColorEditorPanel();
|
|
33631
|
-
this.b = c;
|
|
33632
|
-
let d = this.i.createElement("div");
|
|
33633
|
-
let e = this.i.getSubRenderer(d);
|
|
33634
|
-
c.provideContainer(e);
|
|
33635
|
-
let f = this.i.getExternal(c, null, null);
|
|
33636
|
-
return d;
|
|
33614
|
+
return this.h;
|
|
33637
33615
|
}
|
|
33638
|
-
|
|
33616
|
+
i() {
|
|
33617
|
+
let a = new ColorEditorPanel();
|
|
33618
|
+
this.b = a;
|
|
33619
|
+
let b = this.h.createElement("div");
|
|
33620
|
+
let c = this.h.getSubRenderer(b);
|
|
33621
|
+
a.provideContainer(c);
|
|
33622
|
+
let d = this.h.getExternal(a, null, null);
|
|
33623
|
+
return b;
|
|
33624
|
+
}
|
|
33625
|
+
k(a, b) {
|
|
33639
33626
|
let c = a.ao;
|
|
33640
|
-
c.append(this.
|
|
33627
|
+
c.append(this.h.getWrapper(b));
|
|
33641
33628
|
}
|
|
33642
|
-
|
|
33643
|
-
this.
|
|
33629
|
+
l(a) {
|
|
33630
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
33644
33631
|
}
|
|
33645
33632
|
c(a) {
|
|
33646
33633
|
return this.b;
|
|
33647
33634
|
}
|
|
33648
|
-
|
|
33649
|
-
if (this.
|
|
33650
|
-
let b = this.
|
|
33635
|
+
r(a) {
|
|
33636
|
+
if (this.h != null) {
|
|
33637
|
+
let b = this.h.rootWrapper.getNativeElement();
|
|
33651
33638
|
let c = (b.getBoundingClientRect());
|
|
33652
33639
|
if (a) {
|
|
33653
33640
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -33656,7 +33643,7 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
33656
33643
|
}
|
|
33657
33644
|
return null;
|
|
33658
33645
|
}
|
|
33659
|
-
|
|
33646
|
+
s() {
|
|
33660
33647
|
return new Size(1, NaN, NaN);
|
|
33661
33648
|
}
|
|
33662
33649
|
}
|
|
@@ -33709,7 +33696,7 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33709
33696
|
let a = new ColorEditorView();
|
|
33710
33697
|
a.a = this;
|
|
33711
33698
|
this.view = a;
|
|
33712
|
-
this.view.
|
|
33699
|
+
this.view.q();
|
|
33713
33700
|
}
|
|
33714
33701
|
get view() {
|
|
33715
33702
|
return this._view;
|
|
@@ -33718,10 +33705,10 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33718
33705
|
this._view = a;
|
|
33719
33706
|
}
|
|
33720
33707
|
onAttachedToUI() {
|
|
33721
|
-
this.view.
|
|
33708
|
+
this.view.n();
|
|
33722
33709
|
}
|
|
33723
33710
|
onDetachedFromUI() {
|
|
33724
|
-
this.view.
|
|
33711
|
+
this.view.p();
|
|
33725
33712
|
}
|
|
33726
33713
|
b4(a, b) {
|
|
33727
33714
|
if (this.valueChanging != null) {
|
|
@@ -33741,11 +33728,11 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33741
33728
|
this.provideContainer(null);
|
|
33742
33729
|
}
|
|
33743
33730
|
provideContainer(a) {
|
|
33744
|
-
this.view.
|
|
33731
|
+
this.view.o(a);
|
|
33745
33732
|
}
|
|
33746
33733
|
get u() {
|
|
33747
33734
|
if (this.t == null) {
|
|
33748
|
-
this.t = new SRProvider(this.view.
|
|
33735
|
+
this.t = new SRProvider(this.view.h);
|
|
33749
33736
|
this.t.cb("ColorEditor");
|
|
33750
33737
|
}
|
|
33751
33738
|
return this.t;
|
|
@@ -34012,8 +33999,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
34012
33999
|
this.aa = false;
|
|
34013
34000
|
}
|
|
34014
34001
|
br() {
|
|
34015
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
34016
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
34002
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
34003
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
34017
34004
|
}
|
|
34018
34005
|
bv() {
|
|
34019
34006
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -34034,16 +34021,16 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
34034
34021
|
}
|
|
34035
34022
|
}
|
|
34036
34023
|
bj() {
|
|
34037
|
-
NativeUIComponent.aw(this.view.
|
|
34024
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
|
|
34038
34025
|
let b = a[0];
|
|
34039
34026
|
let c = a[1];
|
|
34040
34027
|
let d = a[2];
|
|
34041
34028
|
let e = a[3];
|
|
34042
|
-
let f = this.view.
|
|
34043
|
-
this.view.
|
|
34029
|
+
let f = this.view.i();
|
|
34030
|
+
this.view.k(e, f);
|
|
34044
34031
|
b.bo(d);
|
|
34045
34032
|
d.bo(e);
|
|
34046
|
-
this.view.
|
|
34033
|
+
this.view.l(c);
|
|
34047
34034
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
34048
34035
|
b.cb = 150;
|
|
34049
34036
|
b.b9 = 8;
|
|
@@ -34125,8 +34112,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
34125
34112
|
return;
|
|
34126
34113
|
}
|
|
34127
34114
|
if (this.s != null) {
|
|
34128
|
-
let a = this.view.
|
|
34129
|
-
let b = this.view.
|
|
34115
|
+
let a = this.view.r(false);
|
|
34116
|
+
let b = this.view.s();
|
|
34130
34117
|
let c = b.height;
|
|
34131
34118
|
let d = 240;
|
|
34132
34119
|
let e = a.bottom + d;
|
|
@@ -34146,7 +34133,7 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
34146
34133
|
}
|
|
34147
34134
|
ce(a, b) {
|
|
34148
34135
|
{
|
|
34149
|
-
let c = this.view.
|
|
34136
|
+
let c = this.view.r(true);
|
|
34150
34137
|
this.s.cg(c, a, b);
|
|
34151
34138
|
}
|
|
34152
34139
|
}
|
|
@@ -35193,9 +35180,9 @@ let IgxColorEditorComponent = /*@__PURE__*/ (() => {
|
|
|
35193
35180
|
this._portalManager = new PortalManager("colorEditorContent", componentFactoryResolver);
|
|
35194
35181
|
var ren = new AngularRenderer(root, this.renderer, window.document, this.ngZone, true, {}, this._portalManager);
|
|
35195
35182
|
this._wrapper = ren;
|
|
35196
|
-
colorEditor.view.createColorEditorPanel = () => {
|
|
35197
|
-
|
|
35198
|
-
};
|
|
35183
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
35184
|
+
// return window.document.createElement("igx-color-editor-panel");
|
|
35185
|
+
//};
|
|
35199
35186
|
colorEditor.provideContainer(ren);
|
|
35200
35187
|
}
|
|
35201
35188
|
}
|