igniteui-webcomponents-inputs 5.2.0 → 5.2.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.k;
+            return this.i.m;
         },
         set: function (v) {
-            this.i.k = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.k));
+            this.i.m = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.m));
         },
         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.cz);
+            return brushToString(this.i.c1);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
-            this._a("actualFill", brushToString(this.i.cz));
+            this.i.c1 = stringToBrush(v);
+            this._a("actualFill", brushToString(this.i.c1));
         },
         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.c0);
+            return brushToString(this.i.c2);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("actualStroke", brushToString(this.i.c0));
+            this.i.c2 = stringToBrush(v);
+            this._a("actualStroke", brushToString(this.i.c2));
         },
         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.c1);
+            return brushToString(this.i.c3);
         },
         set: function (v) {
-            this.i.c1 = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.c1));
+            this.i.c3 = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.c3));
         },
         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.ag;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ag = +v;
-            this._a("actualStrokeWidth", this.i.ag);
+            this.i.ai = +v;
+            this._a("actualStrokeWidth", this.i.ai);
         },
         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.df);
+            return brushToString(this.i.dh);
         },
         set: function (v) {
-            this.i.df = stringToBrush(v);
-            this._a("stroke", brushToString(this.i.df));
+            this.i.dh = stringToBrush(v);
+            this._a("stroke", brushToString(this.i.dh));
         },
         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.am;
+            return this.i.ao;
         },
         set: function (v) {
-            this.i.am = +v;
-            this._a("strokeWidth", this.i.am);
+            this.i.ao = +v;
+            this._a("strokeWidth", this.i.ao);
         },
         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.dg);
+            return brushToString(this.i.di);
         },
         set: function (v) {
-            this.i.dg = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.dg));
+            this.i.di = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.di));
         },
         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.c8);
+            return brushToString(this.i.da);
         },
         set: function (v) {
-            this.i.c8 = stringToBrush(v);
-            this._a("hoverFill", brushToString(this.i.c8));
+            this.i.da = stringToBrush(v);
+            this._a("hoverFill", brushToString(this.i.da));
         },
         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.c9);
+            return brushToString(this.i.db);
         },
         set: function (v) {
-            this.i.c9 = stringToBrush(v);
-            this._a("hoverStroke", brushToString(this.i.c9));
+            this.i.db = stringToBrush(v);
+            this._a("hoverStroke", brushToString(this.i.db));
         },
         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.ak;
+            return this.i.am;
         },
         set: function (v) {
-            this.i.ak = +v;
-            this._a("hoverStrokeThickness", this.i.ak);
+            this.i.am = +v;
+            this._a("hoverStrokeThickness", this.i.am);
         },
         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.da);
+            return brushToString(this.i.dc);
         },
         set: function (v) {
-            this.i.da = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.da));
+            this.i.dc = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.dc));
         },
         enumerable: false,
         configurable: true
@@ -434,11 +434,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.db);
+            return brushToString(this.i.dd);
         },
         set: function (v) {
-            this.i.db = stringToBrush(v);
-            this._a("primaryFillColor", brushToString(this.i.db));
+            this.i.dd = stringToBrush(v);
+            this._a("primaryFillColor", brushToString(this.i.dd));
         },
         enumerable: false,
         configurable: true
@@ -452,11 +452,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.de);
         },
         set: function (v) {
-            this.i.dc = stringToBrush(v);
-            this._a("primaryStrokeColor", brushToString(this.i.dc));
+            this.i.de = stringToBrush(v);
+            this._a("primaryStrokeColor", brushToString(this.i.de));
         },
         enumerable: false,
         configurable: true
@@ -470,11 +470,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.df);
         },
         set: function (v) {
-            this.i.dd = stringToBrush(v);
-            this._a("secondaryFillColor", brushToString(this.i.dd));
+            this.i.df = stringToBrush(v);
+            this._a("secondaryFillColor", brushToString(this.i.df));
         },
         enumerable: false,
         configurable: true
@@ -488,11 +488,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * class.
         */
         get: function () {
-            return brushToString(this.i.de);
+            return brushToString(this.i.dg);
         },
         set: function (v) {
-            this.i.de = stringToBrush(v);
-            this._a("secondaryStrokeColor", brushToString(this.i.de));
+            this.i.dg = stringToBrush(v);
+            this._a("secondaryStrokeColor", brushToString(this.i.dg));
         },
         enumerable: false,
         configurable: true
@@ -502,10 +502,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the image source for the icon. Used if none of the other icon types are not used.
         */
         get: function () {
-            return this.i.ax;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.ax = v;
+            this.i.az = v;
         },
         enumerable: false,
         configurable: true
@@ -515,10 +515,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets data url for the icon to use.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.ba = v;
+            this.i.bc = v;
         },
         enumerable: false,
         configurable: true
@@ -571,16 +571,16 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.m == null) {
+            if (this.i.o == null) {
                 return null;
             }
-            return this.i.m.fontString;
+            return this.i.o.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.m = fi;
-            this._a("textStyle", this.i.m != null ? this.i.m.fontString : "");
+            this.i.o = fi;
+            this._a("textStyle", this.i.o != null ? this.i.o.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -590,10 +590,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bk = v;
+            this.i.bm = v;
         },
         enumerable: false,
         configurable: true
@@ -603,11 +603,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.at;
+            return this.i.av;
         },
         set: function (v) {
-            this.i.at = +v;
-            this._a("tabIndex", this.i.at);
+            this.i.av = +v;
+            this._a("tabIndex", this.i.av);
         },
         enumerable: false,
         configurable: true
@@ -617,10 +617,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.a7;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a7 = v;
+            this.i.a9 = v;
         },
         enumerable: false,
         configurable: true
@@ -630,11 +630,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the icon is hovered.
         */
         get: function () {
-            return this.i.t;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.t = ensureBool(v);
-            this._a("isHover", this.i.t);
+            this.i.v = ensureBool(v);
+            this._a("isHover", this.i.v);
         },
         enumerable: false,
         configurable: true
@@ -655,11 +655,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXIconComponent.prototype, "opacity", {
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = +v;
-            this._a("opacity", this.i.al);
+            this.i.an = +v;
+            this._a("opacity", this.i.an);
         },
         enumerable: false,
         configurable: true
@@ -669,11 +669,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox left for the svg icon.
         */
         get: function () {
-            return this.i.ao;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ao = +v;
-            this._a("viewBoxLeft", this.i.ao);
+            this.i.aq = +v;
+            this._a("viewBoxLeft", this.i.aq);
         },
         enumerable: false,
         configurable: true
@@ -683,11 +683,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox top for the svg icon.
         */
         get: function () {
-            return this.i.ap;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.ap = +v;
-            this._a("viewBoxTop", this.i.ap);
+            this.i.ar = +v;
+            this._a("viewBoxTop", this.i.ar);
         },
         enumerable: false,
         configurable: true
@@ -697,11 +697,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox width for the svg icon.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.aq = +v;
-            this._a("viewBoxWidth", this.i.aq);
+            this.i.as = +v;
+            this._a("viewBoxWidth", this.i.as);
         },
         enumerable: false,
         configurable: true
@@ -711,11 +711,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the viewbox height for the svg icon.
         */
         get: function () {
-            return this.i.an;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.an = +v;
-            this._a("viewBoxHeight", this.i.an);
+            this.i.ap = +v;
+            this._a("viewBoxHeight", this.i.ap);
         },
         enumerable: false,
         configurable: true
@@ -725,11 +725,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width of the icon.
         */
         get: function () {
-            return this.i.ar;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.ar = +v;
-            this._a("width", this.i.ar);
+            this.i.at = +v;
+            this._a("width", this.i.at);
         },
         enumerable: false,
         configurable: true
@@ -739,11 +739,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height of the icon.
         */
         get: function () {
-            return this.i.aj;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.aj = +v;
-            this._a("height", this.i.aj);
+            this.i.al = +v;
+            this._a("height", this.i.al);
         },
         enumerable: false,
         configurable: true
@@ -824,7 +824,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.aw();
+        var iv = this.i.ay();
         return (iv);
     };
     /**
@@ -832,7 +832,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bc();
+        var iv = this.i.be();
         return (iv);
     };
     IgcXIconComponent._observedAttributesIgcXIconComponent = null;

package/esm5/public_api.js

@@ -141,6 +141,7 @@ export * from './lib/igc-input-change-event-args';
 export * from './lib/InputShiftType';
 export * from './lib/XIcon';
 export * from './lib/IconClickedEventArgs';
+export * from './lib/IconViewType';
 export * from './lib/XButton';
 export * from './lib/ThemeResolver';
 export * from './lib/Theme';