igniteui-webcomponents-layouts 1.3.3 → 1.4.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-layouts.umd.js +65 -59
- package/bundles/igniteui-webcomponents-layouts.umd.min.js +7 -2
- package/esm2015/igniteui-webcomponents-layouts.js +0 -1
- package/esm2015/lib/ExpansionPanel.js +0 -1
- package/esm2015/lib/ExpansionPanelUtilities.js +0 -1
- package/esm2015/lib/ExpansionPanelView.js +0 -1
- package/esm2015/lib/ExpansionPanelView_combined.js +58 -59
- package/esm2015/lib/OnClosedEventArgs.js +0 -1
- package/esm2015/lib/OnCollapsedEventArgs.js +0 -1
- package/esm2015/lib/OnExpandedEventArgs.js +0 -1
- package/esm2015/lib/OnPopupEventArgs.js +0 -1
- package/esm2015/lib/Popup.js +0 -1
- package/esm2015/lib/PopupAlignment.js +0 -1
- package/esm2015/lib/PopupDirection.js +0 -1
- package/esm2015/lib/PopupView.js +0 -1
- package/esm2015/lib/PopupView_combined.js +0 -1
- package/esm2015/lib/PopupVisualModelExport.js +0 -1
- package/esm2015/lib/Popup_InnerAnimationInfo.js +0 -1
- package/esm2015/lib/Popup_OuterAnimationInfo.js +0 -1
- package/esm2015/lib/igc-expansion-panel-component.js +0 -1
- package/esm2015/lib/igc-expansion-panel-module.js +0 -1
- package/esm2015/lib/igc-on-closed-event-args.js +0 -1
- package/esm2015/lib/igc-on-collapsed-event-args.js +0 -1
- package/esm2015/lib/igc-on-expanded-event-args.js +0 -1
- package/esm2015/lib/igc-on-popup-event-args.js +0 -1
- package/esm2015/lib/igc-popup-component.js +0 -1
- package/esm2015/lib/igc-popup-module.js +0 -1
- package/esm2015/public_api.js +0 -1
- package/esm5/igniteui-webcomponents-layouts.js +0 -1
- package/esm5/lib/ExpansionPanel.js +0 -1
- package/esm5/lib/ExpansionPanelUtilities.js +0 -1
- package/esm5/lib/ExpansionPanelView.js +0 -1
- package/esm5/lib/ExpansionPanelView_combined.js +58 -59
- package/esm5/lib/OnClosedEventArgs.js +0 -1
- package/esm5/lib/OnCollapsedEventArgs.js +0 -1
- package/esm5/lib/OnExpandedEventArgs.js +0 -1
- package/esm5/lib/OnPopupEventArgs.js +0 -1
- package/esm5/lib/Popup.js +0 -1
- package/esm5/lib/PopupAlignment.js +0 -1
- package/esm5/lib/PopupDirection.js +0 -1
- package/esm5/lib/PopupView.js +0 -1
- package/esm5/lib/PopupView_combined.js +0 -1
- package/esm5/lib/PopupVisualModelExport.js +0 -1
- package/esm5/lib/Popup_InnerAnimationInfo.js +0 -1
- package/esm5/lib/Popup_OuterAnimationInfo.js +0 -1
- package/esm5/lib/igc-expansion-panel-component.js +0 -1
- package/esm5/lib/igc-expansion-panel-module.js +0 -1
- package/esm5/lib/igc-on-closed-event-args.js +0 -1
- package/esm5/lib/igc-on-collapsed-event-args.js +0 -1
- package/esm5/lib/igc-on-expanded-event-args.js +0 -1
- package/esm5/lib/igc-on-popup-event-args.js +0 -1
- package/esm5/lib/igc-popup-component.js +0 -1
- package/esm5/lib/igc-popup-module.js +0 -1
- package/esm5/public_api.js +0 -1
- package/fesm2015/igniteui-webcomponents-layouts.js +65 -59
- package/fesm5/igniteui-webcomponents-layouts.js +65 -59
- package/lib/ExpansionPanelView_combined.d.ts +7 -7
- package/package.json +3 -3
- package/bundles/igniteui-webcomponents-layouts.umd.js.map +0 -1
- package/bundles/igniteui-webcomponents-layouts.umd.min.js.map +0 -1
- package/esm2015/igniteui-webcomponents-layouts.js.map +0 -1
- package/esm2015/lib/ExpansionPanel.js.map +0 -1
- package/esm2015/lib/ExpansionPanelUtilities.js.map +0 -1
- package/esm2015/lib/ExpansionPanelView.js.map +0 -1
- package/esm2015/lib/ExpansionPanelView_combined.js.map +0 -1
- package/esm2015/lib/OnClosedEventArgs.js.map +0 -1
- package/esm2015/lib/OnCollapsedEventArgs.js.map +0 -1
- package/esm2015/lib/OnExpandedEventArgs.js.map +0 -1
- package/esm2015/lib/OnPopupEventArgs.js.map +0 -1
- package/esm2015/lib/Popup.js.map +0 -1
- package/esm2015/lib/PopupAlignment.js.map +0 -1
- package/esm2015/lib/PopupDirection.js.map +0 -1
- package/esm2015/lib/PopupView.js.map +0 -1
- package/esm2015/lib/PopupView_combined.js.map +0 -1
- package/esm2015/lib/PopupVisualModelExport.js.map +0 -1
- package/esm2015/lib/Popup_InnerAnimationInfo.js.map +0 -1
- package/esm2015/lib/Popup_OuterAnimationInfo.js.map +0 -1
- package/esm2015/lib/igc-expansion-panel-component.js.map +0 -1
- package/esm2015/lib/igc-expansion-panel-module.js.map +0 -1
- package/esm2015/lib/igc-on-closed-event-args.js.map +0 -1
- package/esm2015/lib/igc-on-collapsed-event-args.js.map +0 -1
- package/esm2015/lib/igc-on-expanded-event-args.js.map +0 -1
- package/esm2015/lib/igc-on-popup-event-args.js.map +0 -1
- package/esm2015/lib/igc-popup-component.js.map +0 -1
- package/esm2015/lib/igc-popup-module.js.map +0 -1
- package/esm2015/public_api.js.map +0 -1
- package/esm5/igniteui-webcomponents-layouts.js.map +0 -1
- package/esm5/lib/ExpansionPanel.js.map +0 -1
- package/esm5/lib/ExpansionPanelUtilities.js.map +0 -1
- package/esm5/lib/ExpansionPanelView.js.map +0 -1
- package/esm5/lib/ExpansionPanelView_combined.js.map +0 -1
- package/esm5/lib/OnClosedEventArgs.js.map +0 -1
- package/esm5/lib/OnCollapsedEventArgs.js.map +0 -1
- package/esm5/lib/OnExpandedEventArgs.js.map +0 -1
- package/esm5/lib/OnPopupEventArgs.js.map +0 -1
- package/esm5/lib/Popup.js.map +0 -1
- package/esm5/lib/PopupAlignment.js.map +0 -1
- package/esm5/lib/PopupDirection.js.map +0 -1
- package/esm5/lib/PopupView.js.map +0 -1
- package/esm5/lib/PopupView_combined.js.map +0 -1
- package/esm5/lib/PopupVisualModelExport.js.map +0 -1
- package/esm5/lib/Popup_InnerAnimationInfo.js.map +0 -1
- package/esm5/lib/Popup_OuterAnimationInfo.js.map +0 -1
- package/esm5/lib/igc-expansion-panel-component.js.map +0 -1
- package/esm5/lib/igc-expansion-panel-module.js.map +0 -1
- package/esm5/lib/igc-on-closed-event-args.js.map +0 -1
- package/esm5/lib/igc-on-collapsed-event-args.js.map +0 -1
- package/esm5/lib/igc-on-expanded-event-args.js.map +0 -1
- package/esm5/lib/igc-on-popup-event-args.js.map +0 -1
- package/esm5/lib/igc-popup-component.js.map +0 -1
- package/esm5/lib/igc-popup-module.js.map +0 -1
- package/esm5/public_api.js.map +0 -1
- package/fesm2015/igniteui-webcomponents-layouts.js.map +0 -1
- package/fesm5/igniteui-webcomponents-layouts.js.map +0 -1
|
@@ -26,20 +26,20 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
26
26
|
tslib_1.__extends(ExpansionPanelView, _super);
|
|
27
27
|
function ExpansionPanelView() {
|
|
28
28
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
_this.
|
|
30
|
-
_this.
|
|
29
|
+
_this.j = null;
|
|
30
|
+
_this.q = null;
|
|
31
31
|
_this.g = null;
|
|
32
32
|
_this.f = null;
|
|
33
|
+
_this.p = null;
|
|
34
|
+
_this.l = null;
|
|
33
35
|
_this.o = null;
|
|
34
|
-
_this.k = null;
|
|
35
36
|
_this.n = null;
|
|
36
37
|
_this.m = null;
|
|
37
|
-
_this.l = null;
|
|
38
38
|
return _this;
|
|
39
39
|
}
|
|
40
|
-
Object.defineProperty(ExpansionPanelView.prototype, "
|
|
40
|
+
Object.defineProperty(ExpansionPanelView.prototype, "r", {
|
|
41
41
|
get: function () {
|
|
42
|
-
return this.
|
|
42
|
+
return this.q;
|
|
43
43
|
},
|
|
44
44
|
enumerable: true,
|
|
45
45
|
configurable: true
|
|
@@ -51,71 +51,71 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
51
51
|
enumerable: true,
|
|
52
52
|
configurable: true
|
|
53
53
|
});
|
|
54
|
-
Object.defineProperty(ExpansionPanelView.prototype, "
|
|
54
|
+
Object.defineProperty(ExpansionPanelView.prototype, "k", {
|
|
55
55
|
get: function () {
|
|
56
|
-
return this.
|
|
56
|
+
return this.j;
|
|
57
57
|
},
|
|
58
58
|
enumerable: true,
|
|
59
59
|
configurable: true
|
|
60
60
|
});
|
|
61
61
|
ExpansionPanelView.prototype.ab = function () {
|
|
62
|
-
this.
|
|
63
|
-
this.
|
|
64
|
-
this.
|
|
65
|
-
this.
|
|
62
|
+
this.r.setStyleProperty("display", "flex");
|
|
63
|
+
this.r.setStyleProperty("flexDirection", "column");
|
|
64
|
+
this.r.setStyleProperty("flexWrap", "no-wrap");
|
|
65
|
+
this.r.setStyleProperty("alignItems", "left");
|
|
66
66
|
};
|
|
67
67
|
ExpansionPanelView.prototype.aj = function () {
|
|
68
68
|
var a = this.h;
|
|
69
69
|
var b = ElevationHelper.e(a.q, a.bn, a.bm, a.bi);
|
|
70
|
-
this.
|
|
70
|
+
this.r.setStyleProperty("box-shadow", b);
|
|
71
71
|
};
|
|
72
72
|
ExpansionPanelView.prototype.ak = function () {
|
|
73
|
-
if (null == this.
|
|
73
|
+
if (null == this.r) {
|
|
74
74
|
return;
|
|
75
75
|
}
|
|
76
76
|
this.aj();
|
|
77
77
|
this.ah();
|
|
78
78
|
this.ai();
|
|
79
79
|
this.ag();
|
|
80
|
-
if (null != this.
|
|
81
|
-
NativeUI.
|
|
80
|
+
if (null != this.p) {
|
|
81
|
+
NativeUI.k(this.p, this.h.bl);
|
|
82
82
|
}
|
|
83
|
-
if (null != this.
|
|
84
|
-
NativeUI.
|
|
83
|
+
if (null != this.l) {
|
|
84
|
+
NativeUI.o(this.l, this.h.bj);
|
|
85
85
|
}
|
|
86
|
-
if (null != this.
|
|
87
|
-
NativeUI.
|
|
86
|
+
if (null != this.o) {
|
|
87
|
+
NativeUI.o(this.o, this.h.bk);
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
ExpansionPanelView.prototype.a = function (a) {
|
|
91
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
91
|
+
return new AnimationKeyFrameEffect(0, this.l, 0, null, a);
|
|
92
92
|
};
|
|
93
93
|
ExpansionPanelView.prototype.b = function (a) {
|
|
94
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
94
|
+
return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
|
|
95
95
|
};
|
|
96
96
|
ExpansionPanelView.prototype.c = function (a) {
|
|
97
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
97
|
+
return new AnimationKeyFrameEffect(0, this.p, 0, null, a);
|
|
98
98
|
};
|
|
99
99
|
ExpansionPanelView.prototype.d = function (a) {
|
|
100
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
100
|
+
return new AnimationKeyFrameEffect(0, this.m, 0, null, a);
|
|
101
101
|
};
|
|
102
102
|
ExpansionPanelView.prototype.e = function (a) {
|
|
103
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
103
|
+
return new AnimationKeyFrameEffect(0, this.n, 0, null, a);
|
|
104
104
|
};
|
|
105
105
|
ExpansionPanelView.prototype.u = function () {
|
|
106
106
|
if (KeyFrameAnimationFactory.h == null) {
|
|
107
|
-
KeyFrameAnimationFactory.h = this.
|
|
107
|
+
KeyFrameAnimationFactory.h = this.k;
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
|
-
ExpansionPanelView.prototype.
|
|
111
|
-
return this.
|
|
110
|
+
ExpansionPanelView.prototype.i = function () {
|
|
111
|
+
return this.m.outerHeight();
|
|
112
112
|
};
|
|
113
113
|
ExpansionPanelView.prototype.ac = function (a) {
|
|
114
114
|
if (a == null) {
|
|
115
|
-
this.
|
|
115
|
+
this.j = null;
|
|
116
116
|
return;
|
|
117
117
|
}
|
|
118
|
-
this.
|
|
118
|
+
this.j = a;
|
|
119
119
|
var b = a.rootWrapper;
|
|
120
120
|
this.y(b);
|
|
121
121
|
};
|
|
@@ -132,19 +132,19 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
134
|
ExpansionPanelView.prototype.ah = function () {
|
|
135
|
-
if (null != this.
|
|
135
|
+
if (null != this.l) {
|
|
136
136
|
var a = this.h.ab;
|
|
137
|
-
this.
|
|
137
|
+
this.l.setRawText(a);
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
140
|
ExpansionPanelView.prototype.ai = function () {
|
|
141
|
-
if (null != this.
|
|
141
|
+
if (null != this.o) {
|
|
142
142
|
var a = this.h.ah;
|
|
143
|
-
this.
|
|
143
|
+
this.o.setRawText(a);
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
ExpansionPanelView.prototype.y = function (a) {
|
|
147
|
-
this.
|
|
147
|
+
this.q = a;
|
|
148
148
|
this.ab();
|
|
149
149
|
};
|
|
150
150
|
ExpansionPanelView.prototype.z = function (a) {
|
|
@@ -153,43 +153,43 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
153
153
|
ExpansionPanelView.prototype.aa = function () {
|
|
154
154
|
};
|
|
155
155
|
ExpansionPanelView.prototype.af = function (a) {
|
|
156
|
-
var b = this.
|
|
157
|
-
this.
|
|
156
|
+
var b = this.k;
|
|
157
|
+
this.p = a;
|
|
158
158
|
var c = b.createElement("div");
|
|
159
|
-
this.
|
|
159
|
+
this.p.append(c);
|
|
160
160
|
this.v(c);
|
|
161
161
|
var d = b.createElement("div");
|
|
162
162
|
d.setStyleProperty("display", "flex");
|
|
163
163
|
d.setStyleProperty("flex-direction", "column");
|
|
164
164
|
d.setStyleProperty("justify-content", "space-evenly");
|
|
165
165
|
d.setStyleProperty("align-items", "flex-start");
|
|
166
|
-
this.
|
|
166
|
+
this.p.append(d);
|
|
167
167
|
var e = b.createElement("div");
|
|
168
168
|
d.append(e);
|
|
169
|
-
this.
|
|
170
|
-
e.append(this.
|
|
169
|
+
this.l = b.createElement("label");
|
|
170
|
+
e.append(this.l);
|
|
171
171
|
var f = b.createElement("div");
|
|
172
172
|
d.append(f);
|
|
173
|
-
this.
|
|
174
|
-
f.append(this.
|
|
175
|
-
this.
|
|
176
|
-
this.
|
|
177
|
-
this.
|
|
173
|
+
this.o = b.createElement("label");
|
|
174
|
+
f.append(this.o);
|
|
175
|
+
this.p.setAttribute("tabindex", "0");
|
|
176
|
+
this.p.setStyleProperty("display", "flex");
|
|
177
|
+
this.p.setStyleProperty("flex-direction", "row");
|
|
178
178
|
c.setStyleProperty("display", "flex");
|
|
179
179
|
c.setStyleProperty("justify-content", "center");
|
|
180
180
|
c.setStyleProperty("flex-direction", "column");
|
|
181
181
|
c.setStyleProperty("margin", "0px 10px 0px 10px");
|
|
182
182
|
c.setStyleProperty("flex", "none | 0 | content");
|
|
183
183
|
this.ak();
|
|
184
|
-
this.
|
|
185
|
-
this.
|
|
184
|
+
this.p.listen("click", runOn(this, this.w));
|
|
185
|
+
this.p.listen("keydown", runOn(this, this.x));
|
|
186
186
|
};
|
|
187
187
|
ExpansionPanelView.prototype.v = function (a) {
|
|
188
188
|
var _this = this;
|
|
189
189
|
if (this.f != null) {
|
|
190
190
|
return;
|
|
191
191
|
}
|
|
192
|
-
this.
|
|
192
|
+
this.j.getPortal(a, "XIcon", function (b) {
|
|
193
193
|
var c = b.componentRef;
|
|
194
194
|
_this.f = (c.i);
|
|
195
195
|
_this.f.fill = ExpansionPanelView.al;
|
|
@@ -197,14 +197,14 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
197
197
|
}, false);
|
|
198
198
|
};
|
|
199
199
|
ExpansionPanelView.prototype.ae = function (a) {
|
|
200
|
-
var b = this.
|
|
201
|
-
this.
|
|
202
|
-
this.
|
|
203
|
-
this.
|
|
200
|
+
var b = this.k;
|
|
201
|
+
this.n = a;
|
|
202
|
+
this.n.setAttribute("tabindex", "1");
|
|
203
|
+
this.n.setStyleProperty("overflow", "hidden");
|
|
204
204
|
};
|
|
205
205
|
ExpansionPanelView.prototype.ad = function (a) {
|
|
206
|
-
var b = this.
|
|
207
|
-
this.
|
|
206
|
+
var b = this.k;
|
|
207
|
+
this.m = a;
|
|
208
208
|
};
|
|
209
209
|
ExpansionPanelView.prototype.w = function (a) {
|
|
210
210
|
var b = a.originalEvent;
|
|
@@ -212,7 +212,7 @@ var ExpansionPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
212
212
|
this.h.a2();
|
|
213
213
|
};
|
|
214
214
|
ExpansionPanelView.prototype.x = function (a) {
|
|
215
|
-
var b = BaseDOMEventProxy.
|
|
215
|
+
var b = BaseDOMEventProxy.cz(a);
|
|
216
216
|
var c = ExpansionPanelUtilities.c(a);
|
|
217
217
|
switch (b) {
|
|
218
218
|
case 9:
|
|
@@ -675,7 +675,7 @@ var ExpansionPanel = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
675
675
|
return KeyFrameAnimationFactory.f.c(e);
|
|
676
676
|
};
|
|
677
677
|
ExpansionPanel.prototype.k = function (a) {
|
|
678
|
-
var b = this.g.
|
|
678
|
+
var b = this.g.i();
|
|
679
679
|
if (b <= 0) {
|
|
680
680
|
b = 500;
|
|
681
681
|
}
|
|
@@ -696,7 +696,7 @@ var ExpansionPanel = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
696
696
|
return KeyFrameAnimationFactory.f.c(j);
|
|
697
697
|
};
|
|
698
698
|
ExpansionPanel.prototype.l = function (a) {
|
|
699
|
-
var b = this.g.
|
|
699
|
+
var b = this.g.i();
|
|
700
700
|
if (b <= 0) {
|
|
701
701
|
b = 500;
|
|
702
702
|
}
|
|
@@ -807,4 +807,3 @@ var ExpansionPanel = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
807
807
|
return ExpansionPanel;
|
|
808
808
|
}(Base));
|
|
809
809
|
export { ExpansionPanel };
|
|
810
|
-
//# sourceMappingURL=ExpansionPanelView_combined.js.map
|
package/esm5/lib/Popup.js
CHANGED
|
@@ -5,4 +5,3 @@ https://www.infragistics.com/legal/license/igultimate-eula
|
|
|
5
5
|
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
6
|
*/
|
|
7
7
|
export { Popup } from "./PopupView_combined";
|
|
8
|
-
//# sourceMappingURL=Popup.js.map
|
package/esm5/lib/PopupView.js
CHANGED
|
@@ -5,4 +5,3 @@ https://www.infragistics.com/legal/license/igultimate-eula
|
|
|
5
5
|
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
6
|
*/
|
|
7
7
|
export { PopupView } from "./PopupView_combined";
|
|
8
|
-
//# sourceMappingURL=PopupView.js.map
|
package/esm5/public_api.js
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
+
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
+
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
+
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
+
*/
|
|
7
|
+
|
|
1
8
|
import { Base, markType, EventArgs, ElevationHelper, NativeUI, AnimationKeyFrameEffect, KeyFrameAnimationFactory, runOn, BaseDOMEventProxy, BrushUtil, stringEmpty, PropertyChangedEventArgs, AnimationKeyFrameProperty, TranslateTransform, AnimationKeyFrameEffectTiming, INotifyPropertyChanged_$type, IgcHTMLElement, NamePatcher, PortalManager, WebComponentRenderer, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, delegateRemove, delegateCombine, TypeRegistrar, ValueType, markStruct, StringBuilder, Size, stringFormat, Rect, List$1, truncate, AppearanceHelper, toRect, IgcChildContentModule, markEnum } from 'igniteui-webcomponents-core';
|
|
2
9
|
|
|
3
10
|
/*
|
|
@@ -82,83 +89,83 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
|
|
|
82
89
|
class ExpansionPanelView extends Base {
|
|
83
90
|
constructor() {
|
|
84
91
|
super(...arguments);
|
|
85
|
-
this.
|
|
86
|
-
this.
|
|
92
|
+
this.j = null;
|
|
93
|
+
this.q = null;
|
|
87
94
|
this.g = null;
|
|
88
95
|
this.f = null;
|
|
96
|
+
this.p = null;
|
|
97
|
+
this.l = null;
|
|
89
98
|
this.o = null;
|
|
90
|
-
this.k = null;
|
|
91
99
|
this.n = null;
|
|
92
100
|
this.m = null;
|
|
93
|
-
this.l = null;
|
|
94
101
|
}
|
|
95
|
-
get
|
|
96
|
-
return this.
|
|
102
|
+
get r() {
|
|
103
|
+
return this.q;
|
|
97
104
|
}
|
|
98
105
|
get h() {
|
|
99
106
|
return this.g;
|
|
100
107
|
}
|
|
101
|
-
get
|
|
102
|
-
return this.
|
|
108
|
+
get k() {
|
|
109
|
+
return this.j;
|
|
103
110
|
}
|
|
104
111
|
ab() {
|
|
105
|
-
this.
|
|
106
|
-
this.
|
|
107
|
-
this.
|
|
108
|
-
this.
|
|
112
|
+
this.r.setStyleProperty("display", "flex");
|
|
113
|
+
this.r.setStyleProperty("flexDirection", "column");
|
|
114
|
+
this.r.setStyleProperty("flexWrap", "no-wrap");
|
|
115
|
+
this.r.setStyleProperty("alignItems", "left");
|
|
109
116
|
}
|
|
110
117
|
aj() {
|
|
111
118
|
let a = this.h;
|
|
112
119
|
let b = ElevationHelper.e(a.q, a.bn, a.bm, a.bi);
|
|
113
|
-
this.
|
|
120
|
+
this.r.setStyleProperty("box-shadow", b);
|
|
114
121
|
}
|
|
115
122
|
ak() {
|
|
116
|
-
if (null == this.
|
|
123
|
+
if (null == this.r) {
|
|
117
124
|
return;
|
|
118
125
|
}
|
|
119
126
|
this.aj();
|
|
120
127
|
this.ah();
|
|
121
128
|
this.ai();
|
|
122
129
|
this.ag();
|
|
123
|
-
if (null != this.
|
|
124
|
-
NativeUI.
|
|
130
|
+
if (null != this.p) {
|
|
131
|
+
NativeUI.k(this.p, this.h.bl);
|
|
125
132
|
}
|
|
126
|
-
if (null != this.
|
|
127
|
-
NativeUI.
|
|
133
|
+
if (null != this.l) {
|
|
134
|
+
NativeUI.o(this.l, this.h.bj);
|
|
128
135
|
}
|
|
129
|
-
if (null != this.
|
|
130
|
-
NativeUI.
|
|
136
|
+
if (null != this.o) {
|
|
137
|
+
NativeUI.o(this.o, this.h.bk);
|
|
131
138
|
}
|
|
132
139
|
}
|
|
133
140
|
a(a) {
|
|
134
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
141
|
+
return new AnimationKeyFrameEffect(0, this.l, 0, null, a);
|
|
135
142
|
}
|
|
136
143
|
b(a) {
|
|
137
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
144
|
+
return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
|
|
138
145
|
}
|
|
139
146
|
c(a) {
|
|
140
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
147
|
+
return new AnimationKeyFrameEffect(0, this.p, 0, null, a);
|
|
141
148
|
}
|
|
142
149
|
d(a) {
|
|
143
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
150
|
+
return new AnimationKeyFrameEffect(0, this.m, 0, null, a);
|
|
144
151
|
}
|
|
145
152
|
e(a) {
|
|
146
|
-
return new AnimationKeyFrameEffect(0, this.
|
|
153
|
+
return new AnimationKeyFrameEffect(0, this.n, 0, null, a);
|
|
147
154
|
}
|
|
148
155
|
u() {
|
|
149
156
|
if (KeyFrameAnimationFactory.h == null) {
|
|
150
|
-
KeyFrameAnimationFactory.h = this.
|
|
157
|
+
KeyFrameAnimationFactory.h = this.k;
|
|
151
158
|
}
|
|
152
159
|
}
|
|
153
|
-
|
|
154
|
-
return this.
|
|
160
|
+
i() {
|
|
161
|
+
return this.m.outerHeight();
|
|
155
162
|
}
|
|
156
163
|
ac(a) {
|
|
157
164
|
if (a == null) {
|
|
158
|
-
this.
|
|
165
|
+
this.j = null;
|
|
159
166
|
return;
|
|
160
167
|
}
|
|
161
|
-
this.
|
|
168
|
+
this.j = a;
|
|
162
169
|
let b = a.rootWrapper;
|
|
163
170
|
this.y(b);
|
|
164
171
|
}
|
|
@@ -175,19 +182,19 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
|
|
|
175
182
|
}
|
|
176
183
|
}
|
|
177
184
|
ah() {
|
|
178
|
-
if (null != this.
|
|
185
|
+
if (null != this.l) {
|
|
179
186
|
let a = this.h.ab;
|
|
180
|
-
this.
|
|
187
|
+
this.l.setRawText(a);
|
|
181
188
|
}
|
|
182
189
|
}
|
|
183
190
|
ai() {
|
|
184
|
-
if (null != this.
|
|
191
|
+
if (null != this.o) {
|
|
185
192
|
let a = this.h.ah;
|
|
186
|
-
this.
|
|
193
|
+
this.o.setRawText(a);
|
|
187
194
|
}
|
|
188
195
|
}
|
|
189
196
|
y(a) {
|
|
190
|
-
this.
|
|
197
|
+
this.q = a;
|
|
191
198
|
this.ab();
|
|
192
199
|
}
|
|
193
200
|
z(a) {
|
|
@@ -196,42 +203,42 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
|
|
|
196
203
|
aa() {
|
|
197
204
|
}
|
|
198
205
|
af(a) {
|
|
199
|
-
let b = this.
|
|
200
|
-
this.
|
|
206
|
+
let b = this.k;
|
|
207
|
+
this.p = a;
|
|
201
208
|
let c = b.createElement("div");
|
|
202
|
-
this.
|
|
209
|
+
this.p.append(c);
|
|
203
210
|
this.v(c);
|
|
204
211
|
let d = b.createElement("div");
|
|
205
212
|
d.setStyleProperty("display", "flex");
|
|
206
213
|
d.setStyleProperty("flex-direction", "column");
|
|
207
214
|
d.setStyleProperty("justify-content", "space-evenly");
|
|
208
215
|
d.setStyleProperty("align-items", "flex-start");
|
|
209
|
-
this.
|
|
216
|
+
this.p.append(d);
|
|
210
217
|
let e = b.createElement("div");
|
|
211
218
|
d.append(e);
|
|
212
|
-
this.
|
|
213
|
-
e.append(this.
|
|
219
|
+
this.l = b.createElement("label");
|
|
220
|
+
e.append(this.l);
|
|
214
221
|
let f = b.createElement("div");
|
|
215
222
|
d.append(f);
|
|
216
|
-
this.
|
|
217
|
-
f.append(this.
|
|
218
|
-
this.
|
|
219
|
-
this.
|
|
220
|
-
this.
|
|
223
|
+
this.o = b.createElement("label");
|
|
224
|
+
f.append(this.o);
|
|
225
|
+
this.p.setAttribute("tabindex", "0");
|
|
226
|
+
this.p.setStyleProperty("display", "flex");
|
|
227
|
+
this.p.setStyleProperty("flex-direction", "row");
|
|
221
228
|
c.setStyleProperty("display", "flex");
|
|
222
229
|
c.setStyleProperty("justify-content", "center");
|
|
223
230
|
c.setStyleProperty("flex-direction", "column");
|
|
224
231
|
c.setStyleProperty("margin", "0px 10px 0px 10px");
|
|
225
232
|
c.setStyleProperty("flex", "none | 0 | content");
|
|
226
233
|
this.ak();
|
|
227
|
-
this.
|
|
228
|
-
this.
|
|
234
|
+
this.p.listen("click", runOn(this, this.w));
|
|
235
|
+
this.p.listen("keydown", runOn(this, this.x));
|
|
229
236
|
}
|
|
230
237
|
v(a) {
|
|
231
238
|
if (this.f != null) {
|
|
232
239
|
return;
|
|
233
240
|
}
|
|
234
|
-
this.
|
|
241
|
+
this.j.getPortal(a, "XIcon", (b) => {
|
|
235
242
|
let c = b.componentRef;
|
|
236
243
|
this.f = (c.i);
|
|
237
244
|
this.f.fill = ExpansionPanelView.al;
|
|
@@ -239,14 +246,14 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
|
|
|
239
246
|
}, false);
|
|
240
247
|
}
|
|
241
248
|
ae(a) {
|
|
242
|
-
let b = this.
|
|
243
|
-
this.
|
|
244
|
-
this.
|
|
245
|
-
this.
|
|
249
|
+
let b = this.k;
|
|
250
|
+
this.n = a;
|
|
251
|
+
this.n.setAttribute("tabindex", "1");
|
|
252
|
+
this.n.setStyleProperty("overflow", "hidden");
|
|
246
253
|
}
|
|
247
254
|
ad(a) {
|
|
248
|
-
let b = this.
|
|
249
|
-
this.
|
|
255
|
+
let b = this.k;
|
|
256
|
+
this.m = a;
|
|
250
257
|
}
|
|
251
258
|
w(a) {
|
|
252
259
|
let b = a.originalEvent;
|
|
@@ -254,7 +261,7 @@ let ExpansionPanelView = /*@__PURE__*/ (() => {
|
|
|
254
261
|
this.h.a2();
|
|
255
262
|
}
|
|
256
263
|
x(a) {
|
|
257
|
-
let b = BaseDOMEventProxy.
|
|
264
|
+
let b = BaseDOMEventProxy.cz(a);
|
|
258
265
|
let c = ExpansionPanelUtilities.c(a);
|
|
259
266
|
switch (b) {
|
|
260
267
|
case 9:
|
|
@@ -635,7 +642,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
|
|
|
635
642
|
return KeyFrameAnimationFactory.f.c(e);
|
|
636
643
|
}
|
|
637
644
|
k(a) {
|
|
638
|
-
let b = this.g.
|
|
645
|
+
let b = this.g.i();
|
|
639
646
|
if (b <= 0) {
|
|
640
647
|
b = 500;
|
|
641
648
|
}
|
|
@@ -656,7 +663,7 @@ let ExpansionPanel = /*@__PURE__*/ (() => {
|
|
|
656
663
|
return KeyFrameAnimationFactory.f.c(j);
|
|
657
664
|
}
|
|
658
665
|
l(a) {
|
|
659
|
-
let b = this.g.
|
|
666
|
+
let b = this.g.i();
|
|
660
667
|
if (b <= 0) {
|
|
661
668
|
b = 500;
|
|
662
669
|
}
|
|
@@ -2588,4 +2595,3 @@ var PopupDirection = /*@__PURE__*/ (function (PopupDirection) {
|
|
|
2588
2595
|
let PopupDirection_$type = /*@__PURE__*/ markEnum('PopupDirection', 'Auto,0|Down,1|Up,2');
|
|
2589
2596
|
|
|
2590
2597
|
export { ExpansionPanel, ExpansionPanelUtilities, ExpansionPanelView, IgcExpansionPanelComponent, IgcExpansionPanelModule, IgcOnClosedEventArgs, IgcOnCollapsedEventArgs, IgcOnExpandedEventArgs, IgcOnPopupEventArgs, IgcPopupComponent, IgcPopupModule, OnClosedEventArgs, OnCollapsedEventArgs, OnExpandedEventArgs, OnPopupEventArgs, Popup, PopupAlignment, PopupAlignment_$type, PopupDirection, PopupDirection_$type, PopupView, PopupVisualModelExport, Popup_InnerAnimationInfo, Popup_OuterAnimationInfo };
|
|
2591
|
-
//# sourceMappingURL=igniteui-webcomponents-layouts.js.map
|