igniteui-webcomponents-inputs 5.4.0-beta.0 → 5.4.1
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 +688 -626
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/DatePickerView_combined.js +2 -2
- package/esm2015/lib/IconView_combined.js +336 -288
- package/esm2015/lib/InputGroupView_combined.js +216 -209
- package/esm2015/lib/MultiSliderBridge.js +14 -14
- package/esm2015/lib/XButtonBridge.js +2 -2
- package/esm2015/lib/XButtonGroupBridge.js +2 -2
- package/esm2015/lib/XComponentBridge.js +1 -1
- package/esm2015/lib/XIconBridge.js +5 -5
- package/esm2015/lib/XInputBridge.js +22 -22
- package/esm2015/lib/XPopupBridge.js +5 -5
- package/esm2015/lib/igc-x-icon-component.js +46 -46
- package/esm2015/lib/igc-x-label-component.js +51 -51
- package/esm5/lib/DatePickerView_combined.js +2 -2
- package/esm5/lib/IconView_combined.js +328 -272
- package/esm5/lib/InputGroupView_combined.js +209 -202
- package/esm5/lib/MultiSliderBridge.js +14 -14
- package/esm5/lib/XButtonBridge.js +2 -2
- package/esm5/lib/XButtonGroupBridge.js +2 -2
- package/esm5/lib/XComponentBridge.js +1 -1
- package/esm5/lib/XIconBridge.js +5 -5
- package/esm5/lib/XInputBridge.js +22 -22
- package/esm5/lib/XPopupBridge.js +5 -5
- package/esm5/lib/igc-x-icon-component.js +46 -46
- package/esm5/lib/igc-x-label-component.js +51 -51
- package/fesm2015/igniteui-webcomponents-inputs.js +703 -649
- package/fesm5/igniteui-webcomponents-inputs.js +687 -625
- package/lib/IconView_combined.d.ts +94 -84
- package/lib/InputGroupView_combined.d.ts +75 -74
- package/package.json +2 -2
|
@@ -170,71 +170,71 @@ export let IgcXLabelComponent = /*@__PURE__*/ (() => {
|
|
|
170
170
|
* Gets the actual color to use for the text color.
|
|
171
171
|
*/
|
|
172
172
|
get actualTextColor() {
|
|
173
|
-
return brushToString(this.i.
|
|
173
|
+
return brushToString(this.i.c3);
|
|
174
174
|
}
|
|
175
175
|
set actualTextColor(v) {
|
|
176
|
-
this.i.
|
|
177
|
-
this._a("actualTextColor", brushToString(this.i.
|
|
176
|
+
this.i.c3 = stringToBrush(v);
|
|
177
|
+
this._a("actualTextColor", brushToString(this.i.c3));
|
|
178
178
|
}
|
|
179
179
|
/**
|
|
180
180
|
* Gets the actual color to use for the text color.
|
|
181
181
|
*/
|
|
182
182
|
get actualHighlightTextColor() {
|
|
183
|
-
return brushToString(this.i.
|
|
183
|
+
return brushToString(this.i.c0);
|
|
184
184
|
}
|
|
185
185
|
set actualHighlightTextColor(v) {
|
|
186
|
-
this.i.
|
|
187
|
-
this._a("actualHighlightTextColor", brushToString(this.i.
|
|
186
|
+
this.i.c0 = stringToBrush(v);
|
|
187
|
+
this._a("actualHighlightTextColor", brushToString(this.i.c0));
|
|
188
188
|
}
|
|
189
189
|
/**
|
|
190
190
|
* Gets the actual color to use for the text color when highlighted and hovered.
|
|
191
191
|
*/
|
|
192
192
|
get actualHoverHighlightTextColor() {
|
|
193
|
-
return brushToString(this.i.
|
|
193
|
+
return brushToString(this.i.c1);
|
|
194
194
|
}
|
|
195
195
|
set actualHoverHighlightTextColor(v) {
|
|
196
|
-
this.i.
|
|
197
|
-
this._a("actualHoverHighlightTextColor", brushToString(this.i.
|
|
196
|
+
this.i.c1 = stringToBrush(v);
|
|
197
|
+
this._a("actualHoverHighlightTextColor", brushToString(this.i.c1));
|
|
198
198
|
}
|
|
199
199
|
/**
|
|
200
200
|
* Gets the actual hover color to use for the text.
|
|
201
201
|
*/
|
|
202
202
|
get actualHoverTextColor() {
|
|
203
|
-
return brushToString(this.i.
|
|
203
|
+
return brushToString(this.i.c2);
|
|
204
204
|
}
|
|
205
205
|
set actualHoverTextColor(v) {
|
|
206
|
-
this.i.
|
|
207
|
-
this._a("actualHoverTextColor", brushToString(this.i.
|
|
206
|
+
this.i.c2 = stringToBrush(v);
|
|
207
|
+
this._a("actualHoverTextColor", brushToString(this.i.c2));
|
|
208
208
|
}
|
|
209
209
|
/**
|
|
210
210
|
* Gets or sets the color to use for the text.
|
|
211
211
|
*/
|
|
212
212
|
get textColor() {
|
|
213
|
-
return brushToString(this.i.
|
|
213
|
+
return brushToString(this.i.dj);
|
|
214
214
|
}
|
|
215
215
|
set textColor(v) {
|
|
216
|
-
this.i.
|
|
217
|
-
this._a("textColor", brushToString(this.i.
|
|
216
|
+
this.i.dj = stringToBrush(v);
|
|
217
|
+
this._a("textColor", brushToString(this.i.dj));
|
|
218
218
|
}
|
|
219
219
|
/**
|
|
220
220
|
* Gets or sets the color to use for the text.
|
|
221
221
|
*/
|
|
222
222
|
get highlightTextColor() {
|
|
223
|
-
return brushToString(this.i.
|
|
223
|
+
return brushToString(this.i.dg);
|
|
224
224
|
}
|
|
225
225
|
set highlightTextColor(v) {
|
|
226
|
-
this.i.
|
|
227
|
-
this._a("highlightTextColor", brushToString(this.i.
|
|
226
|
+
this.i.dg = stringToBrush(v);
|
|
227
|
+
this._a("highlightTextColor", brushToString(this.i.dg));
|
|
228
228
|
}
|
|
229
229
|
/**
|
|
230
230
|
* Gets or sets the color to use for the text.
|
|
231
231
|
*/
|
|
232
232
|
get hoverHighlightTextColor() {
|
|
233
|
-
return brushToString(this.i.
|
|
233
|
+
return brushToString(this.i.dh);
|
|
234
234
|
}
|
|
235
235
|
set hoverHighlightTextColor(v) {
|
|
236
|
-
this.i.
|
|
237
|
-
this._a("hoverHighlightTextColor", brushToString(this.i.
|
|
236
|
+
this.i.dh = stringToBrush(v);
|
|
237
|
+
this._a("hoverHighlightTextColor", brushToString(this.i.dh));
|
|
238
238
|
}
|
|
239
239
|
/**
|
|
240
240
|
* Gets or sets the use for the button.
|
|
@@ -255,93 +255,93 @@ export let IgcXLabelComponent = /*@__PURE__*/ (() => {
|
|
|
255
255
|
* Gets or sets the color to use for the hovered text of the button regardless of type.
|
|
256
256
|
*/
|
|
257
257
|
get hoverTextColor() {
|
|
258
|
-
return brushToString(this.i.
|
|
258
|
+
return brushToString(this.i.di);
|
|
259
259
|
}
|
|
260
260
|
set hoverTextColor(v) {
|
|
261
|
-
this.i.
|
|
262
|
-
this._a("hoverTextColor", brushToString(this.i.
|
|
261
|
+
this.i.di = stringToBrush(v);
|
|
262
|
+
this._a("hoverTextColor", brushToString(this.i.di));
|
|
263
263
|
}
|
|
264
264
|
/**
|
|
265
265
|
* Gets or sets the id to use for the checkbox.
|
|
266
266
|
*/
|
|
267
267
|
get id() {
|
|
268
|
-
return this.i.
|
|
268
|
+
return this.i.bw;
|
|
269
269
|
}
|
|
270
270
|
set id(v) {
|
|
271
|
-
this.i.
|
|
271
|
+
this.i.bw = v;
|
|
272
272
|
}
|
|
273
273
|
/**
|
|
274
274
|
* Gets or sets the id to use for the checkbox.
|
|
275
275
|
*/
|
|
276
276
|
get display() {
|
|
277
|
-
return this.i.
|
|
277
|
+
return this.i.bk;
|
|
278
278
|
}
|
|
279
279
|
set display(v) {
|
|
280
|
-
this.i.
|
|
280
|
+
this.i.bk = v;
|
|
281
281
|
}
|
|
282
282
|
/**
|
|
283
283
|
* Gets or sets the id to use for the checkbox.
|
|
284
284
|
*/
|
|
285
285
|
get flexDirection() {
|
|
286
|
-
return this.i.
|
|
286
|
+
return this.i.bn;
|
|
287
287
|
}
|
|
288
288
|
set flexDirection(v) {
|
|
289
|
-
this.i.
|
|
289
|
+
this.i.bn = v;
|
|
290
290
|
}
|
|
291
291
|
/**
|
|
292
292
|
* Gets or sets the flex-grow setting for the button.
|
|
293
293
|
*/
|
|
294
294
|
get flexGrow() {
|
|
295
|
-
return this.i.
|
|
295
|
+
return this.i.bp;
|
|
296
296
|
}
|
|
297
297
|
set flexGrow(v) {
|
|
298
|
-
this.i.
|
|
298
|
+
this.i.bp = v;
|
|
299
299
|
}
|
|
300
300
|
/**
|
|
301
301
|
* Gets or sets the id to use for the checkbox.
|
|
302
302
|
*/
|
|
303
303
|
get alignItems() {
|
|
304
|
-
return this.i.
|
|
304
|
+
return this.i.bc;
|
|
305
305
|
}
|
|
306
306
|
set alignItems(v) {
|
|
307
|
-
this.i.
|
|
307
|
+
this.i.bc = v;
|
|
308
308
|
}
|
|
309
309
|
/**
|
|
310
310
|
* Gets or sets the id to use for the checkbox.
|
|
311
311
|
*/
|
|
312
312
|
get alignSelf() {
|
|
313
|
-
return this.i.
|
|
313
|
+
return this.i.be;
|
|
314
314
|
}
|
|
315
315
|
set alignSelf(v) {
|
|
316
|
-
this.i.
|
|
316
|
+
this.i.be = v;
|
|
317
317
|
}
|
|
318
318
|
/**
|
|
319
319
|
* Gets or sets TabIndex to use for the checkbox.
|
|
320
320
|
*/
|
|
321
321
|
get tabIndex() {
|
|
322
|
-
return this.i.
|
|
322
|
+
return this.i.au;
|
|
323
323
|
}
|
|
324
324
|
set tabIndex(v) {
|
|
325
|
-
this.i.
|
|
326
|
-
this._a("tabIndex", this.i.
|
|
325
|
+
this.i.au = +v;
|
|
326
|
+
this._a("tabIndex", this.i.au);
|
|
327
327
|
}
|
|
328
328
|
/**
|
|
329
329
|
* Gets or sets the for attribute to use for the label.
|
|
330
330
|
*/
|
|
331
331
|
get for() {
|
|
332
|
-
return this.i.
|
|
332
|
+
return this.i.br;
|
|
333
333
|
}
|
|
334
334
|
set for(v) {
|
|
335
|
-
this.i.
|
|
335
|
+
this.i.br = v;
|
|
336
336
|
}
|
|
337
337
|
/**
|
|
338
338
|
* Gets or sets the value of the aria-label attribute.
|
|
339
339
|
*/
|
|
340
340
|
get ariaLabel() {
|
|
341
|
-
return this.i.
|
|
341
|
+
return this.i.bg;
|
|
342
342
|
}
|
|
343
343
|
set ariaLabel(v) {
|
|
344
|
-
this.i.
|
|
344
|
+
this.i.bg = v;
|
|
345
345
|
}
|
|
346
346
|
/**
|
|
347
347
|
* Gets or sets the text for the label.
|
|
@@ -356,21 +356,21 @@ export let IgcXLabelComponent = /*@__PURE__*/ (() => {
|
|
|
356
356
|
* Gets or sets whether the label is hovered.
|
|
357
357
|
*/
|
|
358
358
|
get isHover() {
|
|
359
|
-
return this.i.
|
|
359
|
+
return this.i.ao;
|
|
360
360
|
}
|
|
361
361
|
set isHover(v) {
|
|
362
|
-
this.i.
|
|
363
|
-
this._a("isHover", this.i.
|
|
362
|
+
this.i.ao = ensureBool(v);
|
|
363
|
+
this._a("isHover", this.i.ao);
|
|
364
364
|
}
|
|
365
365
|
/**
|
|
366
366
|
* Gets or sets the value for the label.
|
|
367
367
|
*/
|
|
368
368
|
get value() {
|
|
369
|
-
return this.i.
|
|
369
|
+
return this.i.as;
|
|
370
370
|
}
|
|
371
371
|
set value(v) {
|
|
372
|
-
this.i.
|
|
373
|
-
this._a("value", this.i.
|
|
372
|
+
this.i.as = ensureBool(v);
|
|
373
|
+
this._a("value", this.i.as);
|
|
374
374
|
}
|
|
375
375
|
/**
|
|
376
376
|
* Gets or sets whether the checkbox is disabled.
|
|
@@ -393,7 +393,7 @@ export let IgcXLabelComponent = /*@__PURE__*/ (() => {
|
|
|
393
393
|
|
|
394
394
|
*/
|
|
395
395
|
exportVisualModel() {
|
|
396
|
-
let iv = this.i.
|
|
396
|
+
let iv = this.i.aw();
|
|
397
397
|
return (iv);
|
|
398
398
|
}
|
|
399
399
|
/**
|
|
@@ -401,7 +401,7 @@ export let IgcXLabelComponent = /*@__PURE__*/ (() => {
|
|
|
401
401
|
|
|
402
402
|
*/
|
|
403
403
|
exportSerializedVisualModel() {
|
|
404
|
-
let iv = this.i.
|
|
404
|
+
let iv = this.i.bm();
|
|
405
405
|
return (iv);
|
|
406
406
|
}
|
|
407
407
|
}
|
|
@@ -1110,7 +1110,7 @@ var XDatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1110
1110
|
this.n.fill = this.dw;
|
|
1111
1111
|
}
|
|
1112
1112
|
if (this.r != null) {
|
|
1113
|
-
this.r.
|
|
1113
|
+
this.r.dj = this.dx;
|
|
1114
1114
|
this.r.y = this.ac;
|
|
1115
1115
|
}
|
|
1116
1116
|
};
|
|
@@ -1131,7 +1131,7 @@ var XDatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1131
1131
|
this.q.t = this.y;
|
|
1132
1132
|
this.r = new XLabel();
|
|
1133
1133
|
this.h.as(this.r);
|
|
1134
|
-
this.r.
|
|
1134
|
+
this.r.dj = this.dx;
|
|
1135
1135
|
this.r.y = this.ac;
|
|
1136
1136
|
this.q.appendContentChild(this.h.v());
|
|
1137
1137
|
if (this.b4 != null && this.b4 != "") {
|