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
|
@@ -674,19 +674,18 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
674
674
|
constructor() {
|
|
675
675
|
super();
|
|
676
676
|
this.a = null;
|
|
677
|
-
this.
|
|
677
|
+
this.h = null;
|
|
678
678
|
this.d = null;
|
|
679
679
|
this.g = new List$1(Delegate_$type, 0);
|
|
680
680
|
this.e = true;
|
|
681
|
-
this._createColorEditorPanel = null;
|
|
682
681
|
this.b = null;
|
|
683
682
|
}
|
|
684
|
-
|
|
683
|
+
q() {
|
|
685
684
|
}
|
|
686
685
|
f() {
|
|
687
686
|
return true;
|
|
688
687
|
}
|
|
689
|
-
|
|
688
|
+
o(a) {
|
|
690
689
|
if (a == null) {
|
|
691
690
|
for (let b of fromEnum(this.g)) {
|
|
692
691
|
b();
|
|
@@ -697,57 +696,45 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
697
696
|
if (this.a.a == null) {
|
|
698
697
|
this.a.a = new DOMExecutionContext(a);
|
|
699
698
|
}
|
|
700
|
-
this.
|
|
699
|
+
this.h = a;
|
|
701
700
|
this.a.bj();
|
|
702
701
|
}
|
|
703
|
-
|
|
702
|
+
m() {
|
|
704
703
|
if (KeyFrameAnimationFactory.h == null) {
|
|
705
|
-
KeyFrameAnimationFactory.h = this.
|
|
704
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
706
705
|
}
|
|
707
706
|
}
|
|
708
|
-
|
|
707
|
+
n() {
|
|
709
708
|
this.e = true;
|
|
710
709
|
}
|
|
711
|
-
|
|
710
|
+
p() {
|
|
712
711
|
this.e = false;
|
|
713
712
|
}
|
|
714
|
-
k() {
|
|
715
|
-
return this.i;
|
|
716
|
-
}
|
|
717
|
-
get createColorEditorPanel() {
|
|
718
|
-
return this._createColorEditorPanel;
|
|
719
|
-
}
|
|
720
|
-
set createColorEditorPanel(a) {
|
|
721
|
-
this._createColorEditorPanel = a;
|
|
722
|
-
}
|
|
723
713
|
j() {
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
let c =
|
|
731
|
-
|
|
732
|
-
let d = this.
|
|
733
|
-
|
|
734
|
-
c.provideContainer(e);
|
|
735
|
-
let f = this.i.getExternal(c, null, null);
|
|
736
|
-
return d;
|
|
714
|
+
return this.h;
|
|
715
|
+
}
|
|
716
|
+
i() {
|
|
717
|
+
let a = new ColorEditorPanel();
|
|
718
|
+
this.b = a;
|
|
719
|
+
let b = this.h.createElement("div");
|
|
720
|
+
let c = this.h.getSubRenderer(b);
|
|
721
|
+
a.provideContainer(c);
|
|
722
|
+
let d = this.h.getExternal(a, null, null);
|
|
723
|
+
return b;
|
|
737
724
|
}
|
|
738
|
-
|
|
725
|
+
k(a, b) {
|
|
739
726
|
let c = a.ao;
|
|
740
|
-
c.append(this.
|
|
727
|
+
c.append(this.h.getWrapper(b));
|
|
741
728
|
}
|
|
742
|
-
|
|
743
|
-
this.
|
|
729
|
+
l(a) {
|
|
730
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
744
731
|
}
|
|
745
732
|
c(a) {
|
|
746
733
|
return this.b;
|
|
747
734
|
}
|
|
748
|
-
|
|
749
|
-
if (this.
|
|
750
|
-
let b = this.
|
|
735
|
+
r(a) {
|
|
736
|
+
if (this.h != null) {
|
|
737
|
+
let b = this.h.rootWrapper.getNativeElement();
|
|
751
738
|
let c = (b.getBoundingClientRect());
|
|
752
739
|
if (a) {
|
|
753
740
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -756,7 +743,7 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
756
743
|
}
|
|
757
744
|
return null;
|
|
758
745
|
}
|
|
759
|
-
|
|
746
|
+
s() {
|
|
760
747
|
return new Size(1, NaN, NaN);
|
|
761
748
|
}
|
|
762
749
|
}
|
|
@@ -813,13 +800,13 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
813
800
|
let a = new ColorEditorView();
|
|
814
801
|
a.a = this;
|
|
815
802
|
this.view = a;
|
|
816
|
-
this.view.
|
|
803
|
+
this.view.q();
|
|
817
804
|
}
|
|
818
805
|
onAttachedToUI() {
|
|
819
|
-
this.view.
|
|
806
|
+
this.view.n();
|
|
820
807
|
}
|
|
821
808
|
onDetachedFromUI() {
|
|
822
|
-
this.view.
|
|
809
|
+
this.view.p();
|
|
823
810
|
}
|
|
824
811
|
b4(a, b) {
|
|
825
812
|
if (this.valueChanging != null) {
|
|
@@ -839,11 +826,11 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
839
826
|
this.provideContainer(null);
|
|
840
827
|
}
|
|
841
828
|
provideContainer(a) {
|
|
842
|
-
this.view.
|
|
829
|
+
this.view.o(a);
|
|
843
830
|
}
|
|
844
831
|
get u() {
|
|
845
832
|
if (this.t == null) {
|
|
846
|
-
this.t = new SRProvider(this.view.
|
|
833
|
+
this.t = new SRProvider(this.view.h);
|
|
847
834
|
this.t.cb("ColorEditor");
|
|
848
835
|
}
|
|
849
836
|
return this.t;
|
|
@@ -1110,8 +1097,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1110
1097
|
this.aa = false;
|
|
1111
1098
|
}
|
|
1112
1099
|
br() {
|
|
1113
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
1114
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
1100
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
1101
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
1115
1102
|
}
|
|
1116
1103
|
bv() {
|
|
1117
1104
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -1132,16 +1119,16 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1132
1119
|
}
|
|
1133
1120
|
}
|
|
1134
1121
|
bj() {
|
|
1135
|
-
NativeUIComponent.aw(this.view.
|
|
1122
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
|
|
1136
1123
|
let b = a[0];
|
|
1137
1124
|
let c = a[1];
|
|
1138
1125
|
let d = a[2];
|
|
1139
1126
|
let e = a[3];
|
|
1140
|
-
let f = this.view.
|
|
1141
|
-
this.view.
|
|
1127
|
+
let f = this.view.i();
|
|
1128
|
+
this.view.k(e, f);
|
|
1142
1129
|
b.bo(d);
|
|
1143
1130
|
d.bo(e);
|
|
1144
|
-
this.view.
|
|
1131
|
+
this.view.l(c);
|
|
1145
1132
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
1146
1133
|
b.cb = 150;
|
|
1147
1134
|
b.b9 = 8;
|
|
@@ -1223,8 +1210,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1223
1210
|
return;
|
|
1224
1211
|
}
|
|
1225
1212
|
if (this.s != null) {
|
|
1226
|
-
let a = this.view.
|
|
1227
|
-
let b = this.view.
|
|
1213
|
+
let a = this.view.r(false);
|
|
1214
|
+
let b = this.view.s();
|
|
1228
1215
|
let c = b.height;
|
|
1229
1216
|
let d = 240;
|
|
1230
1217
|
let e = a.bottom + d;
|
|
@@ -1244,7 +1231,7 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
1244
1231
|
}
|
|
1245
1232
|
ce(a, b) {
|
|
1246
1233
|
{
|
|
1247
|
-
let c = this.view.
|
|
1234
|
+
let c = this.view.r(true);
|
|
1248
1235
|
this.s.cg(c, a, b);
|
|
1249
1236
|
}
|
|
1250
1237
|
}
|
|
@@ -52,9 +52,9 @@ let IgcColorEditorComponent = /*@__PURE__*/ (() => {
|
|
|
52
52
|
this._wrapper = this._renderer;
|
|
53
53
|
var colorEditor = this.i;
|
|
54
54
|
this._colorEditor = colorEditor;
|
|
55
|
-
colorEditor.view.createColorEditorPanel = () => {
|
|
56
|
-
|
|
57
|
-
};
|
|
55
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
56
|
+
// return document.createElement("igc-color-editor-panel");
|
|
57
|
+
//};
|
|
58
58
|
colorEditor.provideContainer(this._renderer);
|
|
59
59
|
this._onChildrenChanged();
|
|
60
60
|
//Checkbox.notifySizeChanged();
|
|
@@ -709,20 +709,19 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
709
709
|
function ColorEditorView() {
|
|
710
710
|
var _this = _super.call(this) || this;
|
|
711
711
|
_this.a = null;
|
|
712
|
-
_this.
|
|
712
|
+
_this.h = null;
|
|
713
713
|
_this.d = null;
|
|
714
714
|
_this.g = new List$1(Delegate_$type, 0);
|
|
715
715
|
_this.e = true;
|
|
716
|
-
_this._createColorEditorPanel = null;
|
|
717
716
|
_this.b = null;
|
|
718
717
|
return _this;
|
|
719
718
|
}
|
|
720
|
-
ColorEditorView.prototype.
|
|
719
|
+
ColorEditorView.prototype.q = function () {
|
|
721
720
|
};
|
|
722
721
|
ColorEditorView.prototype.f = function () {
|
|
723
722
|
return true;
|
|
724
723
|
};
|
|
725
|
-
ColorEditorView.prototype.
|
|
724
|
+
ColorEditorView.prototype.o = function (a) {
|
|
726
725
|
var e_2, _a;
|
|
727
726
|
if (a == null) {
|
|
728
727
|
try {
|
|
@@ -750,61 +749,45 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
750
749
|
if (this.a.a == null) {
|
|
751
750
|
this.a.a = new DOMExecutionContext(a);
|
|
752
751
|
}
|
|
753
|
-
this.
|
|
752
|
+
this.h = a;
|
|
754
753
|
this.a.bj();
|
|
755
754
|
};
|
|
756
|
-
ColorEditorView.prototype.
|
|
755
|
+
ColorEditorView.prototype.m = function () {
|
|
757
756
|
if (KeyFrameAnimationFactory.h == null) {
|
|
758
|
-
KeyFrameAnimationFactory.h = this.
|
|
757
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
759
758
|
}
|
|
760
759
|
};
|
|
761
|
-
ColorEditorView.prototype.
|
|
760
|
+
ColorEditorView.prototype.n = function () {
|
|
762
761
|
this.e = true;
|
|
763
762
|
};
|
|
764
|
-
ColorEditorView.prototype.
|
|
763
|
+
ColorEditorView.prototype.p = function () {
|
|
765
764
|
this.e = false;
|
|
766
765
|
};
|
|
767
|
-
ColorEditorView.prototype.k = function () {
|
|
768
|
-
return this.i;
|
|
769
|
-
};
|
|
770
|
-
Object.defineProperty(ColorEditorView.prototype, "createColorEditorPanel", {
|
|
771
|
-
get: function () {
|
|
772
|
-
return this._createColorEditorPanel;
|
|
773
|
-
},
|
|
774
|
-
set: function (a) {
|
|
775
|
-
this._createColorEditorPanel = a;
|
|
776
|
-
},
|
|
777
|
-
enumerable: false,
|
|
778
|
-
configurable: true
|
|
779
|
-
});
|
|
780
766
|
ColorEditorView.prototype.j = function () {
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
var c =
|
|
788
|
-
|
|
789
|
-
var d = this.
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
return d;
|
|
794
|
-
};
|
|
795
|
-
ColorEditorView.prototype.l = function (a, b) {
|
|
767
|
+
return this.h;
|
|
768
|
+
};
|
|
769
|
+
ColorEditorView.prototype.i = function () {
|
|
770
|
+
var a = new ColorEditorPanel();
|
|
771
|
+
this.b = a;
|
|
772
|
+
var b = this.h.createElement("div");
|
|
773
|
+
var c = this.h.getSubRenderer(b);
|
|
774
|
+
a.provideContainer(c);
|
|
775
|
+
var d = this.h.getExternal(a, null, null);
|
|
776
|
+
return b;
|
|
777
|
+
};
|
|
778
|
+
ColorEditorView.prototype.k = function (a, b) {
|
|
796
779
|
var c = a.ao;
|
|
797
|
-
c.append(this.
|
|
780
|
+
c.append(this.h.getWrapper(b));
|
|
798
781
|
};
|
|
799
|
-
ColorEditorView.prototype.
|
|
800
|
-
this.
|
|
782
|
+
ColorEditorView.prototype.l = function (a) {
|
|
783
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
801
784
|
};
|
|
802
785
|
ColorEditorView.prototype.c = function (a) {
|
|
803
786
|
return this.b;
|
|
804
787
|
};
|
|
805
|
-
ColorEditorView.prototype.
|
|
806
|
-
if (this.
|
|
807
|
-
var b = this.
|
|
788
|
+
ColorEditorView.prototype.r = function (a) {
|
|
789
|
+
if (this.h != null) {
|
|
790
|
+
var b = this.h.rootWrapper.getNativeElement();
|
|
808
791
|
var c = (b.getBoundingClientRect());
|
|
809
792
|
if (a) {
|
|
810
793
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -813,7 +796,7 @@ export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
813
796
|
}
|
|
814
797
|
return null;
|
|
815
798
|
};
|
|
816
|
-
ColorEditorView.prototype.
|
|
799
|
+
ColorEditorView.prototype.s = function () {
|
|
817
800
|
return new Size(1, NaN, NaN);
|
|
818
801
|
};
|
|
819
802
|
ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
|
|
@@ -865,7 +848,7 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
865
848
|
var a = new ColorEditorView();
|
|
866
849
|
a.a = _this;
|
|
867
850
|
_this.view = a;
|
|
868
|
-
_this.view.
|
|
851
|
+
_this.view.q();
|
|
869
852
|
return _this;
|
|
870
853
|
}
|
|
871
854
|
Object.defineProperty(ColorEditor.prototype, "view", {
|
|
@@ -879,10 +862,10 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
879
862
|
configurable: true
|
|
880
863
|
});
|
|
881
864
|
ColorEditor.prototype.onAttachedToUI = function () {
|
|
882
|
-
this.view.
|
|
865
|
+
this.view.n();
|
|
883
866
|
};
|
|
884
867
|
ColorEditor.prototype.onDetachedFromUI = function () {
|
|
885
|
-
this.view.
|
|
868
|
+
this.view.p();
|
|
886
869
|
};
|
|
887
870
|
ColorEditor.prototype.b4 = function (a, b) {
|
|
888
871
|
if (this.valueChanging != null) {
|
|
@@ -902,12 +885,12 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
902
885
|
this.provideContainer(null);
|
|
903
886
|
};
|
|
904
887
|
ColorEditor.prototype.provideContainer = function (a) {
|
|
905
|
-
this.view.
|
|
888
|
+
this.view.o(a);
|
|
906
889
|
};
|
|
907
890
|
Object.defineProperty(ColorEditor.prototype, "u", {
|
|
908
891
|
get: function () {
|
|
909
892
|
if (this.t == null) {
|
|
910
|
-
this.t = new SRProvider(this.view.
|
|
893
|
+
this.t = new SRProvider(this.view.h);
|
|
911
894
|
this.t.cb("ColorEditor");
|
|
912
895
|
}
|
|
913
896
|
return this.t;
|
|
@@ -1245,8 +1228,8 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1245
1228
|
this.aa = false;
|
|
1246
1229
|
};
|
|
1247
1230
|
ColorEditor.prototype.br = function () {
|
|
1248
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
1249
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
1231
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
1232
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
1250
1233
|
};
|
|
1251
1234
|
ColorEditor.prototype.bv = function () {
|
|
1252
1235
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -1268,16 +1251,16 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1268
1251
|
};
|
|
1269
1252
|
ColorEditor.prototype.bj = function () {
|
|
1270
1253
|
var _this = this;
|
|
1271
|
-
NativeUIComponent.aw(this.view.
|
|
1254
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
|
|
1272
1255
|
var b = a[0];
|
|
1273
1256
|
var c = a[1];
|
|
1274
1257
|
var d = a[2];
|
|
1275
1258
|
var e = a[3];
|
|
1276
|
-
var f = _this.view.
|
|
1277
|
-
_this.view.
|
|
1259
|
+
var f = _this.view.i();
|
|
1260
|
+
_this.view.k(e, f);
|
|
1278
1261
|
b.bo(d);
|
|
1279
1262
|
d.bo(e);
|
|
1280
|
-
_this.view.
|
|
1263
|
+
_this.view.l(c);
|
|
1281
1264
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
1282
1265
|
b.cb = 150;
|
|
1283
1266
|
b.b9 = 8;
|
|
@@ -1359,8 +1342,8 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1359
1342
|
return;
|
|
1360
1343
|
}
|
|
1361
1344
|
if (this.s != null) {
|
|
1362
|
-
var a = this.view.
|
|
1363
|
-
var b = this.view.
|
|
1345
|
+
var a = this.view.r(false);
|
|
1346
|
+
var b = this.view.s();
|
|
1364
1347
|
var c = b.height;
|
|
1365
1348
|
var d = 240;
|
|
1366
1349
|
var e = a.bottom + d;
|
|
@@ -1380,7 +1363,7 @@ export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1380
1363
|
};
|
|
1381
1364
|
ColorEditor.prototype.ce = function (a, b) {
|
|
1382
1365
|
{
|
|
1383
|
-
var c = this.view.
|
|
1366
|
+
var c = this.view.r(true);
|
|
1384
1367
|
this.s.cg(c, a, b);
|
|
1385
1368
|
}
|
|
1386
1369
|
};
|
|
@@ -53,9 +53,9 @@ export var IgcColorEditorComponent = /** @class */ /*@__PURE__*/ (function (_sup
|
|
|
53
53
|
_this._wrapper = _this._renderer;
|
|
54
54
|
var colorEditor = _this.i;
|
|
55
55
|
_this._colorEditor = colorEditor;
|
|
56
|
-
colorEditor.view.createColorEditorPanel =
|
|
57
|
-
|
|
58
|
-
};
|
|
56
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
57
|
+
// return document.createElement("igc-color-editor-panel");
|
|
58
|
+
//};
|
|
59
59
|
colorEditor.provideContainer(_this._renderer);
|
|
60
60
|
_this._onChildrenChanged();
|
|
61
61
|
//Checkbox.notifySizeChanged();
|
|
@@ -32879,19 +32879,18 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
32879
32879
|
constructor() {
|
|
32880
32880
|
super();
|
|
32881
32881
|
this.a = null;
|
|
32882
|
-
this.
|
|
32882
|
+
this.h = null;
|
|
32883
32883
|
this.d = null;
|
|
32884
32884
|
this.g = new List$1(Delegate_$type, 0);
|
|
32885
32885
|
this.e = true;
|
|
32886
|
-
this._createColorEditorPanel = null;
|
|
32887
32886
|
this.b = null;
|
|
32888
32887
|
}
|
|
32889
|
-
|
|
32888
|
+
q() {
|
|
32890
32889
|
}
|
|
32891
32890
|
f() {
|
|
32892
32891
|
return true;
|
|
32893
32892
|
}
|
|
32894
|
-
|
|
32893
|
+
o(a) {
|
|
32895
32894
|
if (a == null) {
|
|
32896
32895
|
for (let b of fromEnum(this.g)) {
|
|
32897
32896
|
b();
|
|
@@ -32902,57 +32901,45 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
32902
32901
|
if (this.a.a == null) {
|
|
32903
32902
|
this.a.a = new DOMExecutionContext(a);
|
|
32904
32903
|
}
|
|
32905
|
-
this.
|
|
32904
|
+
this.h = a;
|
|
32906
32905
|
this.a.bj();
|
|
32907
32906
|
}
|
|
32908
|
-
|
|
32907
|
+
m() {
|
|
32909
32908
|
if (KeyFrameAnimationFactory.h == null) {
|
|
32910
|
-
KeyFrameAnimationFactory.h = this.
|
|
32909
|
+
KeyFrameAnimationFactory.h = this.h;
|
|
32911
32910
|
}
|
|
32912
32911
|
}
|
|
32913
|
-
|
|
32912
|
+
n() {
|
|
32914
32913
|
this.e = true;
|
|
32915
32914
|
}
|
|
32916
|
-
|
|
32915
|
+
p() {
|
|
32917
32916
|
this.e = false;
|
|
32918
32917
|
}
|
|
32919
|
-
k() {
|
|
32920
|
-
return this.i;
|
|
32921
|
-
}
|
|
32922
|
-
get createColorEditorPanel() {
|
|
32923
|
-
return this._createColorEditorPanel;
|
|
32924
|
-
}
|
|
32925
|
-
set createColorEditorPanel(a) {
|
|
32926
|
-
this._createColorEditorPanel = a;
|
|
32927
|
-
}
|
|
32928
32918
|
j() {
|
|
32929
|
-
|
|
32930
|
-
let a = this.createColorEditorPanel();
|
|
32931
|
-
let b = this.i.getWrapper(a);
|
|
32932
|
-
this.b = (a.i);
|
|
32933
|
-
return a;
|
|
32934
|
-
}
|
|
32935
|
-
let c = new ColorEditorPanel();
|
|
32936
|
-
this.b = c;
|
|
32937
|
-
let d = this.i.createElement("div");
|
|
32938
|
-
let e = this.i.getSubRenderer(d);
|
|
32939
|
-
c.provideContainer(e);
|
|
32940
|
-
let f = this.i.getExternal(c, null, null);
|
|
32941
|
-
return d;
|
|
32919
|
+
return this.h;
|
|
32942
32920
|
}
|
|
32943
|
-
|
|
32921
|
+
i() {
|
|
32922
|
+
let a = new ColorEditorPanel();
|
|
32923
|
+
this.b = a;
|
|
32924
|
+
let b = this.h.createElement("div");
|
|
32925
|
+
let c = this.h.getSubRenderer(b);
|
|
32926
|
+
a.provideContainer(c);
|
|
32927
|
+
let d = this.h.getExternal(a, null, null);
|
|
32928
|
+
return b;
|
|
32929
|
+
}
|
|
32930
|
+
k(a, b) {
|
|
32944
32931
|
let c = a.ao;
|
|
32945
|
-
c.append(this.
|
|
32932
|
+
c.append(this.h.getWrapper(b));
|
|
32946
32933
|
}
|
|
32947
|
-
|
|
32948
|
-
this.
|
|
32934
|
+
l(a) {
|
|
32935
|
+
this.h.append(this.h.getWrapper(a.ao));
|
|
32949
32936
|
}
|
|
32950
32937
|
c(a) {
|
|
32951
32938
|
return this.b;
|
|
32952
32939
|
}
|
|
32953
|
-
|
|
32954
|
-
if (this.
|
|
32955
|
-
let b = this.
|
|
32940
|
+
r(a) {
|
|
32941
|
+
if (this.h != null) {
|
|
32942
|
+
let b = this.h.rootWrapper.getNativeElement();
|
|
32956
32943
|
let c = (b.getBoundingClientRect());
|
|
32957
32944
|
if (a) {
|
|
32958
32945
|
c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
|
|
@@ -32961,7 +32948,7 @@ let ColorEditorView = /*@__PURE__*/ (() => {
|
|
|
32961
32948
|
}
|
|
32962
32949
|
return null;
|
|
32963
32950
|
}
|
|
32964
|
-
|
|
32951
|
+
s() {
|
|
32965
32952
|
return new Size(1, NaN, NaN);
|
|
32966
32953
|
}
|
|
32967
32954
|
}
|
|
@@ -33017,13 +33004,13 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33017
33004
|
let a = new ColorEditorView();
|
|
33018
33005
|
a.a = this;
|
|
33019
33006
|
this.view = a;
|
|
33020
|
-
this.view.
|
|
33007
|
+
this.view.q();
|
|
33021
33008
|
}
|
|
33022
33009
|
onAttachedToUI() {
|
|
33023
|
-
this.view.
|
|
33010
|
+
this.view.n();
|
|
33024
33011
|
}
|
|
33025
33012
|
onDetachedFromUI() {
|
|
33026
|
-
this.view.
|
|
33013
|
+
this.view.p();
|
|
33027
33014
|
}
|
|
33028
33015
|
b4(a, b) {
|
|
33029
33016
|
if (this.valueChanging != null) {
|
|
@@ -33043,11 +33030,11 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33043
33030
|
this.provideContainer(null);
|
|
33044
33031
|
}
|
|
33045
33032
|
provideContainer(a) {
|
|
33046
|
-
this.view.
|
|
33033
|
+
this.view.o(a);
|
|
33047
33034
|
}
|
|
33048
33035
|
get u() {
|
|
33049
33036
|
if (this.t == null) {
|
|
33050
|
-
this.t = new SRProvider(this.view.
|
|
33037
|
+
this.t = new SRProvider(this.view.h);
|
|
33051
33038
|
this.t.cb("ColorEditor");
|
|
33052
33039
|
}
|
|
33053
33040
|
return this.t;
|
|
@@ -33314,8 +33301,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33314
33301
|
this.aa = false;
|
|
33315
33302
|
}
|
|
33316
33303
|
br() {
|
|
33317
|
-
NativeUIWindow.h(15, runOn(this, this.b7), this.view.
|
|
33318
|
-
NativeUIWindow.h(9, runOn(this, this.b6), this.view.
|
|
33304
|
+
NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
|
|
33305
|
+
NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
|
|
33319
33306
|
}
|
|
33320
33307
|
bv() {
|
|
33321
33308
|
NativeUIWindow.i(15, runOn(this, this.b7));
|
|
@@ -33336,16 +33323,16 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33336
33323
|
}
|
|
33337
33324
|
}
|
|
33338
33325
|
bj() {
|
|
33339
|
-
NativeUIComponent.aw(this.view.
|
|
33326
|
+
NativeUIComponent.aw(this.view.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
|
|
33340
33327
|
let b = a[0];
|
|
33341
33328
|
let c = a[1];
|
|
33342
33329
|
let d = a[2];
|
|
33343
33330
|
let e = a[3];
|
|
33344
|
-
let f = this.view.
|
|
33345
|
-
this.view.
|
|
33331
|
+
let f = this.view.i();
|
|
33332
|
+
this.view.k(e, f);
|
|
33346
33333
|
b.bo(d);
|
|
33347
33334
|
d.bo(e);
|
|
33348
|
-
this.view.
|
|
33335
|
+
this.view.l(c);
|
|
33349
33336
|
b.ci = BrushUtil.l(255, 255, 255, 255);
|
|
33350
33337
|
b.cb = 150;
|
|
33351
33338
|
b.b9 = 8;
|
|
@@ -33427,8 +33414,8 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33427
33414
|
return;
|
|
33428
33415
|
}
|
|
33429
33416
|
if (this.s != null) {
|
|
33430
|
-
let a = this.view.
|
|
33431
|
-
let b = this.view.
|
|
33417
|
+
let a = this.view.r(false);
|
|
33418
|
+
let b = this.view.s();
|
|
33432
33419
|
let c = b.height;
|
|
33433
33420
|
let d = 240;
|
|
33434
33421
|
let e = a.bottom + d;
|
|
@@ -33448,7 +33435,7 @@ let ColorEditor = /*@__PURE__*/ (() => {
|
|
|
33448
33435
|
}
|
|
33449
33436
|
ce(a, b) {
|
|
33450
33437
|
{
|
|
33451
|
-
let c = this.view.
|
|
33438
|
+
let c = this.view.r(true);
|
|
33452
33439
|
this.s.cg(c, a, b);
|
|
33453
33440
|
}
|
|
33454
33441
|
}
|
|
@@ -34496,9 +34483,9 @@ let IgcColorEditorComponent = /*@__PURE__*/ (() => {
|
|
|
34496
34483
|
this._wrapper = this._renderer;
|
|
34497
34484
|
var colorEditor = this.i;
|
|
34498
34485
|
this._colorEditor = colorEditor;
|
|
34499
|
-
colorEditor.view.createColorEditorPanel = () => {
|
|
34500
|
-
|
|
34501
|
-
};
|
|
34486
|
+
//(colorEditor as any).view.createColorEditorPanel = () => {
|
|
34487
|
+
// return document.createElement("igc-color-editor-panel");
|
|
34488
|
+
//};
|
|
34502
34489
|
colorEditor.provideContainer(this._renderer);
|
|
34503
34490
|
this._onChildrenChanged();
|
|
34504
34491
|
//Checkbox.notifySizeChanged();
|