igniteui-webcomponents-inputs 5.0.3-beta.0 → 5.1.0
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 +317 -271
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/IconView_combined.js +264 -239
- package/esm2015/lib/XIconBridge.js +6 -2
- package/esm2015/lib/XPopupBridge.js +1 -1
- package/esm2015/lib/igc-x-icon-component.js +53 -44
- package/esm5/lib/IconView_combined.js +253 -224
- package/esm5/lib/XIconBridge.js +6 -2
- package/esm5/lib/XPopupBridge.js +1 -1
- package/esm5/lib/igc-x-icon-component.js +57 -44
- package/fesm2015/igniteui-webcomponents-inputs.js +325 -287
- package/fesm5/igniteui-webcomponents-inputs.js +318 -272
- package/lib/IconView_combined.d.ts +68 -64
- package/lib/igc-x-icon-component.d.ts +5 -0
- package/package.json +2 -2
package/esm5/lib/XIconBridge.js
CHANGED
|
@@ -112,12 +112,16 @@ var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
112
112
|
}
|
|
113
113
|
var d = SvgIconRegistry.instance.getDataURLString(this.u, this.v);
|
|
114
114
|
if (d != null) {
|
|
115
|
-
a.
|
|
115
|
+
a.a9 = d;
|
|
116
116
|
return;
|
|
117
117
|
}
|
|
118
|
+
var e = SvgIconRegistry.instance.getIconSource(this.u, this.v);
|
|
119
|
+
if (e != null) {
|
|
120
|
+
a.aw = e;
|
|
121
|
+
}
|
|
118
122
|
};
|
|
119
123
|
XIconBridge.prototype.exportVisualData = function (a) {
|
|
120
|
-
return a.
|
|
124
|
+
return a.av();
|
|
121
125
|
};
|
|
122
126
|
XIconBridge.$t = markType(XIconBridge, 'XIconBridge', XComponentBridge.$);
|
|
123
127
|
return XIconBridge;
|
package/esm5/lib/XPopupBridge.js
CHANGED
|
@@ -264,7 +264,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
266
|
XPopupBridge.prototype.exportVisualData = function (a) {
|
|
267
|
-
return a.
|
|
267
|
+
return a.av();
|
|
268
268
|
};
|
|
269
269
|
XPopupBridge.prototype.addChild = function (a, b) {
|
|
270
270
|
this.ac.add(b);
|
|
@@ -228,11 +228,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
228
228
|
* Gets the fill color currently used by the icon.
|
|
229
229
|
*/
|
|
230
230
|
get: function () {
|
|
231
|
-
return brushToString(this.i.
|
|
231
|
+
return brushToString(this.i.cz);
|
|
232
232
|
},
|
|
233
233
|
set: function (v) {
|
|
234
|
-
this.i.
|
|
235
|
-
this._a("actualFill", brushToString(this.i.
|
|
234
|
+
this.i.cz = stringToBrush(v);
|
|
235
|
+
this._a("actualFill", brushToString(this.i.cz));
|
|
236
236
|
},
|
|
237
237
|
enumerable: false,
|
|
238
238
|
configurable: true
|
|
@@ -242,11 +242,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
242
242
|
* Gets the stroke color currently used by the icon.
|
|
243
243
|
*/
|
|
244
244
|
get: function () {
|
|
245
|
-
return brushToString(this.i.
|
|
245
|
+
return brushToString(this.i.c0);
|
|
246
246
|
},
|
|
247
247
|
set: function (v) {
|
|
248
|
-
this.i.
|
|
249
|
-
this._a("actualStroke", brushToString(this.i.
|
|
248
|
+
this.i.c0 = stringToBrush(v);
|
|
249
|
+
this._a("actualStroke", brushToString(this.i.c0));
|
|
250
250
|
},
|
|
251
251
|
enumerable: false,
|
|
252
252
|
configurable: true
|
|
@@ -256,11 +256,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
256
256
|
* Gets the text color currently used by the icon.
|
|
257
257
|
*/
|
|
258
258
|
get: function () {
|
|
259
|
-
return brushToString(this.i.
|
|
259
|
+
return brushToString(this.i.c1);
|
|
260
260
|
},
|
|
261
261
|
set: function (v) {
|
|
262
|
-
this.i.
|
|
263
|
-
this._a("actualTextColor", brushToString(this.i.
|
|
262
|
+
this.i.c1 = stringToBrush(v);
|
|
263
|
+
this._a("actualTextColor", brushToString(this.i.c1));
|
|
264
264
|
},
|
|
265
265
|
enumerable: false,
|
|
266
266
|
configurable: true
|
|
@@ -298,11 +298,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
298
298
|
* Gets or sets the stroke color to use for the icon.
|
|
299
299
|
*/
|
|
300
300
|
get: function () {
|
|
301
|
-
return brushToString(this.i.
|
|
301
|
+
return brushToString(this.i.df);
|
|
302
302
|
},
|
|
303
303
|
set: function (v) {
|
|
304
|
-
this.i.
|
|
305
|
-
this._a("stroke", brushToString(this.i.
|
|
304
|
+
this.i.df = stringToBrush(v);
|
|
305
|
+
this._a("stroke", brushToString(this.i.df));
|
|
306
306
|
},
|
|
307
307
|
enumerable: false,
|
|
308
308
|
configurable: true
|
|
@@ -326,11 +326,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
326
326
|
* Gets or sets the text color to use for the icon.
|
|
327
327
|
*/
|
|
328
328
|
get: function () {
|
|
329
|
-
return brushToString(this.i.
|
|
329
|
+
return brushToString(this.i.dg);
|
|
330
330
|
},
|
|
331
331
|
set: function (v) {
|
|
332
|
-
this.i.
|
|
333
|
-
this._a("textColor", brushToString(this.i.
|
|
332
|
+
this.i.dg = stringToBrush(v);
|
|
333
|
+
this._a("textColor", brushToString(this.i.dg));
|
|
334
334
|
},
|
|
335
335
|
enumerable: false,
|
|
336
336
|
configurable: true
|
|
@@ -340,11 +340,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
340
340
|
* Gets or sets the fill color to use when the icon is hovered.
|
|
341
341
|
*/
|
|
342
342
|
get: function () {
|
|
343
|
-
return brushToString(this.i.
|
|
343
|
+
return brushToString(this.i.c8);
|
|
344
344
|
},
|
|
345
345
|
set: function (v) {
|
|
346
|
-
this.i.
|
|
347
|
-
this._a("hoverFill", brushToString(this.i.
|
|
346
|
+
this.i.c8 = stringToBrush(v);
|
|
347
|
+
this._a("hoverFill", brushToString(this.i.c8));
|
|
348
348
|
},
|
|
349
349
|
enumerable: false,
|
|
350
350
|
configurable: true
|
|
@@ -354,11 +354,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
354
354
|
* Gets or sets the stroke color to use when the icon is hovered.
|
|
355
355
|
*/
|
|
356
356
|
get: function () {
|
|
357
|
-
return brushToString(this.i.
|
|
357
|
+
return brushToString(this.i.c9);
|
|
358
358
|
},
|
|
359
359
|
set: function (v) {
|
|
360
|
-
this.i.
|
|
361
|
-
this._a("hoverStroke", brushToString(this.i.
|
|
360
|
+
this.i.c9 = stringToBrush(v);
|
|
361
|
+
this._a("hoverStroke", brushToString(this.i.c9));
|
|
362
362
|
},
|
|
363
363
|
enumerable: false,
|
|
364
364
|
configurable: true
|
|
@@ -382,11 +382,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
382
382
|
* Gets or sets the text color to use when the icon is hovered.
|
|
383
383
|
*/
|
|
384
384
|
get: function () {
|
|
385
|
-
return brushToString(this.i.
|
|
385
|
+
return brushToString(this.i.da);
|
|
386
386
|
},
|
|
387
387
|
set: function (v) {
|
|
388
|
-
this.i.
|
|
389
|
-
this._a("hoverTextColor", brushToString(this.i.
|
|
388
|
+
this.i.da = stringToBrush(v);
|
|
389
|
+
this._a("hoverTextColor", brushToString(this.i.da));
|
|
390
390
|
},
|
|
391
391
|
enumerable: false,
|
|
392
392
|
configurable: true
|
|
@@ -434,11 +434,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
434
434
|
* class.
|
|
435
435
|
*/
|
|
436
436
|
get: function () {
|
|
437
|
-
return brushToString(this.i.
|
|
437
|
+
return brushToString(this.i.db);
|
|
438
438
|
},
|
|
439
439
|
set: function (v) {
|
|
440
|
-
this.i.
|
|
441
|
-
this._a("primaryFillColor", brushToString(this.i.
|
|
440
|
+
this.i.db = stringToBrush(v);
|
|
441
|
+
this._a("primaryFillColor", brushToString(this.i.db));
|
|
442
442
|
},
|
|
443
443
|
enumerable: false,
|
|
444
444
|
configurable: true
|
|
@@ -452,11 +452,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
452
452
|
* class.
|
|
453
453
|
*/
|
|
454
454
|
get: function () {
|
|
455
|
-
return brushToString(this.i.
|
|
455
|
+
return brushToString(this.i.dc);
|
|
456
456
|
},
|
|
457
457
|
set: function (v) {
|
|
458
|
-
this.i.
|
|
459
|
-
this._a("primaryStrokeColor", brushToString(this.i.
|
|
458
|
+
this.i.dc = stringToBrush(v);
|
|
459
|
+
this._a("primaryStrokeColor", brushToString(this.i.dc));
|
|
460
460
|
},
|
|
461
461
|
enumerable: false,
|
|
462
462
|
configurable: true
|
|
@@ -470,11 +470,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
470
470
|
* class.
|
|
471
471
|
*/
|
|
472
472
|
get: function () {
|
|
473
|
-
return brushToString(this.i.
|
|
473
|
+
return brushToString(this.i.dd);
|
|
474
474
|
},
|
|
475
475
|
set: function (v) {
|
|
476
|
-
this.i.
|
|
477
|
-
this._a("secondaryFillColor", brushToString(this.i.
|
|
476
|
+
this.i.dd = stringToBrush(v);
|
|
477
|
+
this._a("secondaryFillColor", brushToString(this.i.dd));
|
|
478
478
|
},
|
|
479
479
|
enumerable: false,
|
|
480
480
|
configurable: true
|
|
@@ -488,11 +488,24 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
488
488
|
* class.
|
|
489
489
|
*/
|
|
490
490
|
get: function () {
|
|
491
|
-
return brushToString(this.i.
|
|
491
|
+
return brushToString(this.i.de);
|
|
492
492
|
},
|
|
493
493
|
set: function (v) {
|
|
494
|
-
this.i.
|
|
495
|
-
this._a("secondaryStrokeColor", brushToString(this.i.
|
|
494
|
+
this.i.de = stringToBrush(v);
|
|
495
|
+
this._a("secondaryStrokeColor", brushToString(this.i.de));
|
|
496
|
+
},
|
|
497
|
+
enumerable: false,
|
|
498
|
+
configurable: true
|
|
499
|
+
});
|
|
500
|
+
Object.defineProperty(IgcXIconComponent.prototype, "source", {
|
|
501
|
+
/**
|
|
502
|
+
* Gets or sets the image source for the icon. Used if none of the other icon types are not used.
|
|
503
|
+
*/
|
|
504
|
+
get: function () {
|
|
505
|
+
return this.i.aw;
|
|
506
|
+
},
|
|
507
|
+
set: function (v) {
|
|
508
|
+
this.i.aw = v;
|
|
496
509
|
},
|
|
497
510
|
enumerable: false,
|
|
498
511
|
configurable: true
|
|
@@ -502,10 +515,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
502
515
|
* Gets or sets data url for the icon to use.
|
|
503
516
|
*/
|
|
504
517
|
get: function () {
|
|
505
|
-
return this.i.
|
|
518
|
+
return this.i.a9;
|
|
506
519
|
},
|
|
507
520
|
set: function (v) {
|
|
508
|
-
this.i.
|
|
521
|
+
this.i.a9 = v;
|
|
509
522
|
},
|
|
510
523
|
enumerable: false,
|
|
511
524
|
configurable: true
|
|
@@ -577,10 +590,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
577
590
|
* Gets or sets the id to use for the checkbox.
|
|
578
591
|
*/
|
|
579
592
|
get: function () {
|
|
580
|
-
return this.i.
|
|
593
|
+
return this.i.bj;
|
|
581
594
|
},
|
|
582
595
|
set: function (v) {
|
|
583
|
-
this.i.
|
|
596
|
+
this.i.bj = v;
|
|
584
597
|
},
|
|
585
598
|
enumerable: false,
|
|
586
599
|
configurable: true
|
|
@@ -604,10 +617,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
604
617
|
* Gets or sets the value of the aria-label attribute.
|
|
605
618
|
*/
|
|
606
619
|
get: function () {
|
|
607
|
-
return this.i.
|
|
620
|
+
return this.i.a6;
|
|
608
621
|
},
|
|
609
622
|
set: function (v) {
|
|
610
|
-
this.i.
|
|
623
|
+
this.i.a6 = v;
|
|
611
624
|
},
|
|
612
625
|
enumerable: false,
|
|
613
626
|
configurable: true
|
|
@@ -811,7 +824,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
811
824
|
|
|
812
825
|
*/
|
|
813
826
|
IgcXIconComponent.prototype.exportVisualModel = function () {
|
|
814
|
-
var iv = this.i.
|
|
827
|
+
var iv = this.i.av();
|
|
815
828
|
return (iv);
|
|
816
829
|
};
|
|
817
830
|
/**
|
|
@@ -819,7 +832,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
819
832
|
|
|
820
833
|
*/
|
|
821
834
|
IgcXIconComponent.prototype.exportSerializedVisualModel = function () {
|
|
822
|
-
var iv = this.i.
|
|
835
|
+
var iv = this.i.bb();
|
|
823
836
|
return (iv);
|
|
824
837
|
};
|
|
825
838
|
IgcXIconComponent._observedAttributesIgcXIconComponent = null;
|