igniteui-webcomponents-inputs 4.8.0 → 4.8.1-beta.0

package/esm5/lib/igc-x-icon-component.js

@@ -214,11 +214,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the base built in theme to use for the button.
     */
         get: function () {
-            return this.i.i;
+            return this.i.k;
         },
         set: function (v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
+            this.i.k = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.k));
         },
         enumerable: false,
         configurable: true
@@ -228,11 +228,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the fill color currently used by the icon.
         */
         get: function () {
-            return brushToString(this.i.cp);
+            return brushToString(this.i.cw);
         },
         set: function (v) {
-            this.i.cp = stringToBrush(v);
-            this._a("actualFill", brushToString(this.i.cp));
+            this.i.cw = stringToBrush(v);
+            this._a("actualFill", brushToString(this.i.cw));
         },
         enumerable: false,
         configurable: true
@@ -242,11 +242,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the stroke color currently used by the icon.
         */
         get: function () {
-            return brushToString(this.i.cq);
+            return brushToString(this.i.cx);
         },
         set: function (v) {
-            this.i.cq = stringToBrush(v);
-            this._a("actualStroke", brushToString(this.i.cq));
+            this.i.cx = stringToBrush(v);
+            this._a("actualStroke", brushToString(this.i.cx));
         },
         enumerable: false,
         configurable: true
@@ -256,11 +256,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the text color currently used by the icon.
         */
         get: function () {
-            return brushToString(this.i.cr);
+            return brushToString(this.i.cy);
         },
         set: function (v) {
-            this.i.cr = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.cr));
+            this.i.cy = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.cy));
         },
         enumerable: false,
         configurable: true
@@ -270,11 +270,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the stroke width currently used by the icon.
         */
         get: function () {
-            return this.i.ad;
+            return this.i.af;
         },
         set: function (v) {
-            this.i.ad = +v;
-            this._a("actualStrokeWidth", this.i.ad);
+            this.i.af = +v;
+            this._a("actualStrokeWidth", this.i.af);
         },
         enumerable: false,
         configurable: true
@@ -298,11 +298,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.c5);
+            return brushToString(this.i.dc);
         },
         set: function (v) {
-            this.i.c5 = stringToBrush(v);
-            this._a("stroke", brushToString(this.i.c5));
+            this.i.dc = stringToBrush(v);
+            this._a("stroke", brushToString(this.i.dc));
         },
         enumerable: false,
         configurable: true
@@ -312,11 +312,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use for the icon.
         */
         get: function () {
-            return this.i.aj;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.aj = +v;
-            this._a("strokeWidth", this.i.aj);
+            this.i.al = +v;
+            this._a("strokeWidth", this.i.al);
         },
         enumerable: false,
         configurable: true
@@ -326,11 +326,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.c6);
+            return brushToString(this.i.dd);
         },
         set: function (v) {
-            this.i.c6 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.c6));
+            this.i.dd = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.dd));
         },
         enumerable: false,
         configurable: true
@@ -340,11 +340,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill color to use when the icon is hovered.
         */
         get: function () {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c5);
         },
         set: function (v) {
-            this.i.cy = stringToBrush(v);
-            this._a("hoverFill", brushToString(this.i.cy));
+            this.i.c5 = stringToBrush(v);
+            this._a("hoverFill", brushToString(this.i.c5));
         },
         enumerable: false,
         configurable: true
@@ -354,11 +354,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color to use when the icon is hovered.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c6);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
-            this._a("hoverStroke", brushToString(this.i.cz));
+            this.i.c6 = stringToBrush(v);
+            this._a("hoverStroke", brushToString(this.i.c6));
         },
         enumerable: false,
         configurable: true
@@ -368,11 +368,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke thickness to use when the icon is hovered.
         */
         get: function () {
-            return this.i.ah;
+            return this.i.aj;
         },
         set: function (v) {
-            this.i.ah = +v;
-            this._a("hoverStrokeThickness", this.i.ah);
+            this.i.aj = +v;
+            this._a("hoverStrokeThickness", this.i.aj);
         },
         enumerable: false,
         configurable: true
@@ -382,11 +382,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color to use when the icon is hovered.
         */
         get: function () {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c7);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.c0));
+            this.i.c7 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.c7));
         },
         enumerable: false,
         configurable: true
@@ -399,11 +399,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class where # is a number from 0 to count - 1.
         */
         get: function () {
-            return fromBrushCollection(this.i.c);
+            return fromBrushCollection(this.i.e);
         },
         set: function (v) {
-            this.i.c = toBrushCollection(v);
-            this._a("fillColors", brushCollectionToString(this.i.c));
+            this.i.e = toBrushCollection(v);
+            this._a("fillColors", brushCollectionToString(this.i.e));
         },
         enumerable: false,
         configurable: true
@@ -416,11 +416,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class where # is a number from 0 to count - 1.
         */
         get: function () {
-            return fromBrushCollection(this.i.d);
+            return fromBrushCollection(this.i.f);
         },
         set: function (v) {
-            this.i.d = toBrushCollection(v);
-            this._a("strokeColors", brushCollectionToString(this.i.d));
+            this.i.f = toBrushCollection(v);
+            this._a("strokeColors", brushCollectionToString(this.i.f));
         },
         enumerable: false,
         configurable: true
@@ -434,11 +434,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.c8);
         },
         set: function (v) {
-            this.i.c1 = stringToBrush(v);
-            this._a("primaryFillColor", brushToString(this.i.c1));
+            this.i.c8 = stringToBrush(v);
+            this._a("primaryFillColor", brushToString(this.i.c8));
         },
         enumerable: false,
         configurable: true
@@ -452,11 +452,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.c2);
+            return brushToString(this.i.c9);
         },
         set: function (v) {
-            this.i.c2 = stringToBrush(v);
-            this._a("primaryStrokeColor", brushToString(this.i.c2));
+            this.i.c9 = stringToBrush(v);
+            this._a("primaryStrokeColor", brushToString(this.i.c9));
         },
         enumerable: false,
         configurable: true
@@ -470,11 +470,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.c3);
+            return brushToString(this.i.da);
         },
         set: function (v) {
-            this.i.c3 = stringToBrush(v);
-            this._a("secondaryFillColor", brushToString(this.i.c3));
+            this.i.da = stringToBrush(v);
+            this._a("secondaryFillColor", brushToString(this.i.da));
         },
         enumerable: false,
         configurable: true
@@ -488,11 +488,24 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.c4);
+            return brushToString(this.i.db);
+        },
+        set: function (v) {
+            this.i.db = stringToBrush(v);
+            this._a("secondaryStrokeColor", brushToString(this.i.db));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXIconComponent.prototype, "dataURL", {
+        /**
+         * Gets or sets data url for the icon to use.
+        */
+        get: function () {
+            return this.i.a7;
         },
         set: function (v) {
-            this.i.c4 = stringToBrush(v);
-            this._a("secondaryStrokeColor", brushToString(this.i.c4));
+            this.i.a7 = v;
         },
         enumerable: false,
         configurable: true
@@ -523,21 +536,38 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcXIconComponent.prototype, "sVGPaths", {
+        /**
+         * Gets or sets an array of path data for the icon to use.
+        */
+        get: function () {
+            return this.i.b;
+        },
+        set: function (v) {
+            if (v && !Array.isArray(v) && typeof (v) == "string") {
+                var re = /\s*(?:,|\s|$)\s*/gm;
+                v = v.split(re);
+            }
+            this.i.b = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcXIconComponent.prototype, "textStyle", {
         /**
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.k == null) {
+            if (this.i.m == null) {
                 return null;
             }
-            return this.i.k.fontString;
+            return this.i.m.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.k = fi;
-            this._a("textStyle", this.i.k != null ? this.i.k.fontString : "");
+            this.i.m = fi;
+            this._a("textStyle", this.i.m != null ? this.i.m.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -547,10 +577,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bc;
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.bc = v;
+            this.i.bh = v;
         },
         enumerable: false,
         configurable: true
@@ -560,11 +590,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.aq = +v;
-            this._a("tabIndex", this.i.aq);
+            this.i.as = +v;
+            this._a("tabIndex", this.i.as);
         },
         enumerable: false,
         configurable: true
@@ -574,10 +604,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a1 = v;
+            this.i.a4 = v;
         },
         enumerable: false,
         configurable: true
@@ -587,11 +617,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the icon is hovered.
         */
         get: function () {
-            return this.i.r;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.r = ensureBool(v);
-            this._a("isHover", this.i.r);
+            this.i.t = ensureBool(v);
+            this._a("isHover", this.i.t);
         },
         enumerable: false,
         configurable: true
@@ -612,11 +642,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXIconComponent.prototype, "opacity", {
         get: function () {
-            return this.i.ai;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.ai = +v;
-            this._a("opacity", this.i.ai);
+            this.i.ak = +v;
+            this._a("opacity", this.i.ak);
         },
         enumerable: false,
         configurable: true
@@ -626,11 +656,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox left for the svg icon.
         */
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = +v;
-            this._a("viewBoxLeft", this.i.al);
+            this.i.an = +v;
+            this._a("viewBoxLeft", this.i.an);
         },
         enumerable: false,
         configurable: true
@@ -640,11 +670,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox top for the svg icon.
         */
         get: function () {
-            return this.i.am;
+            return this.i.ao;
         },
         set: function (v) {
-            this.i.am = +v;
-            this._a("viewBoxTop", this.i.am);
+            this.i.ao = +v;
+            this._a("viewBoxTop", this.i.ao);
         },
         enumerable: false,
         configurable: true
@@ -654,11 +684,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox width for the svg icon.
         */
         get: function () {
-            return this.i.an;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.an = +v;
-            this._a("viewBoxWidth", this.i.an);
+            this.i.ap = +v;
+            this._a("viewBoxWidth", this.i.ap);
         },
         enumerable: false,
         configurable: true
@@ -668,11 +698,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox height for the svg icon.
         */
         get: function () {
-            return this.i.ak;
+            return this.i.am;
         },
         set: function (v) {
-            this.i.ak = +v;
-            this._a("viewBoxHeight", this.i.ak);
+            this.i.am = +v;
+            this._a("viewBoxHeight", this.i.am);
         },
         enumerable: false,
         configurable: true
@@ -682,11 +712,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width of the icon.
         */
         get: function () {
-            return this.i.ao;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ao = +v;
-            this._a("width", this.i.ao);
+            this.i.aq = +v;
+            this._a("width", this.i.aq);
         },
         enumerable: false,
         configurable: true
@@ -696,11 +726,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height of the icon.
         */
         get: function () {
-            return this.i.ag;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ag = +v;
-            this._a("height", this.i.ag);
+            this.i.ai = +v;
+            this._a("height", this.i.ai);
         },
         enumerable: false,
         configurable: true
@@ -781,7 +811,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.as();
+        var iv = this.i.au();
         return (iv);
     };
     /**
@@ -789,7 +819,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.a4();
+        var iv = this.i.a9();
         return (iv);
     };
     IgcXIconComponent._observedAttributesIgcXIconComponent = null;