igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.0

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

@@ -1,5 +1,5 @@
 import { XIcon } from "./XIcon";
-import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
+import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, fromBrushCollection, toBrushCollection, brushCollectionToString, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
@@ -186,223 +186,284 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
      * Gets or sets the base built in theme to use for the button.
     */
         get baseTheme() {
-            return this.i.e;
+            return this.i.i;
         }
         set baseTheme(v) {
-            this.i.e = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.e));
+            this.i.i = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
         }
         /**
-         * Gets the color to use for the actual background.
+         * Gets the fill color currently used by the icon.
         */
         get actualFill() {
-            return brushToString(this.i.bx);
+            return brushToString(this.i.cp);
         }
         set actualFill(v) {
-            this.i.bx = stringToBrush(v);
-            this._a("actualFill", brushToString(this.i.bx));
+            this.i.cp = stringToBrush(v);
+            this._a("actualFill", brushToString(this.i.cp));
         }
         /**
-         * Gets the color to use for the actual text color.
+         * Gets the stroke color currently used by the icon.
+        */
+        get actualStroke() {
+            return brushToString(this.i.cq);
+        }
+        set actualStroke(v) {
+            this.i.cq = stringToBrush(v);
+            this._a("actualStroke", brushToString(this.i.cq));
+        }
+        /**
+         * Gets the text color currently used by the icon.
         */
         get actualTextColor() {
-            return brushToString(this.i.b1);
+            return brushToString(this.i.cr);
         }
         set actualTextColor(v) {
-            this.i.b1 = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.b1));
+            this.i.cr = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.cr));
         }
         /**
-         * Gets the color to use for the actual background.
+         * Gets the stroke width currently used by the icon.
         */
-        get actualHoverFill() {
-            return brushToString(this.i.by);
+        get actualStrokeWidth() {
+            return this.i.ad;
         }
-        set actualHoverFill(v) {
-            this.i.by = stringToBrush(v);
-            this._a("actualHoverFill", brushToString(this.i.by));
+        set actualStrokeWidth(v) {
+            this.i.ad = +v;
+            this._a("actualStrokeWidth", this.i.ad);
         }
         /**
-         * Gets the hover stroke to use for the icon.
+         * Gets or sets the fill color to use for the icon.
         */
-        get actualHoverStroke() {
-            return brushToString(this.i.bz);
+        get fill() {
+            return brushToString(this.i.fill);
         }
-        set actualHoverStroke(v) {
-            this.i.bz = stringToBrush(v);
-            this._a("actualHoverStroke", brushToString(this.i.bz));
+        set fill(v) {
+            this.i.fill = stringToBrush(v);
+            this._a("fill", brushToString(this.i.fill));
         }
         /**
-         * Gets the stroke to use for the icon.
+         * Gets or sets the stroke color to use for the icon.
         */
-        get actualStroke() {
-            return brushToString(this.i.b0);
+        get stroke() {
+            return brushToString(this.i.c5);
         }
-        set actualStroke(v) {
-            this.i.b0 = stringToBrush(v);
-            this._a("actualStroke", brushToString(this.i.b0));
+        set stroke(v) {
+            this.i.c5 = stringToBrush(v);
+            this._a("stroke", brushToString(this.i.c5));
         }
         /**
-         * Gets the hover stroke to use for the icon.
+         * Gets or sets the stroke thickness to use for the icon.
         */
-        get actualHoverStrokeThickness() {
-            return this.i.u;
+        get strokeWidth() {
+            return this.i.aj;
         }
-        set actualHoverStrokeThickness(v) {
-            this.i.u = +v;
-            this._a("actualHoverStrokeThickness", this.i.u);
+        set strokeWidth(v) {
+            this.i.aj = +v;
+            this._a("strokeWidth", this.i.aj);
         }
         /**
-         * Gets the stroke to use for the icon.
+         * Gets or sets the text color to use for the icon.
         */
-        get actualStrokeThickness() {
-            return this.i.v;
+        get textColor() {
+            return brushToString(this.i.c6);
         }
-        set actualStrokeThickness(v) {
-            this.i.v = +v;
-            this._a("actualStrokeThickness", this.i.v);
+        set textColor(v) {
+            this.i.c6 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.c6));
         }
         /**
-         * Gets or sets the color to use for the actual background.
+         * Gets or sets the fill color to use when the icon is hovered.
         */
-        get fill() {
-            return brushToString(this.i.fill);
+        get hoverFill() {
+            return brushToString(this.i.cy);
         }
-        set fill(v) {
-            this.i.fill = stringToBrush(v);
-            this._a("fill", brushToString(this.i.fill));
+        set hoverFill(v) {
+            this.i.cy = stringToBrush(v);
+            this._a("hoverFill", brushToString(this.i.cy));
         }
         /**
-         * Gets or sets the color to use for the text.
+         * Gets or sets the stroke color to use when the icon is hovered.
         */
-        get textColor() {
-            return brushToString(this.i.cb);
+        get hoverStroke() {
+            return brushToString(this.i.cz);
         }
-        set textColor(v) {
-            this.i.cb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.cb));
+        set hoverStroke(v) {
+            this.i.cz = stringToBrush(v);
+            this._a("hoverStroke", brushToString(this.i.cz));
         }
         /**
-         * Gets or sets the color to use for the text.
+         * Gets or sets the stroke thickness to use when the icon is hovered.
         */
-        get svgPath() {
-            return this.i.svgPath;
+        get hoverStrokeThickness() {
+            return this.i.ah;
         }
-        set svgPath(v) {
-            this.i.svgPath = v;
+        set hoverStrokeThickness(v) {
+            this.i.ah = +v;
+            this._a("hoverStrokeThickness", this.i.ah);
         }
         /**
-         * Gets or sets the color to use for the actual background.
+         * Gets or sets the text color to use when the icon is hovered.
         */
-        get hoverFill() {
-            return brushToString(this.i.b7);
+        get hoverTextColor() {
+            return brushToString(this.i.c0);
         }
-        set hoverFill(v) {
-            this.i.b7 = stringToBrush(v);
-            this._a("hoverFill", brushToString(this.i.b7));
+        set hoverTextColor(v) {
+            this.i.c0 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.c0));
         }
         /**
-         * Gets or sets the hover stroke to use for the icon.
+         * Gets or sets a collection of fill colors to use in the icon.
+         * These colors can be used by SVG elements that have been marked with the
+         * ig-icon-fill-#
+         * class where # is a number from 0 to count - 1.
         */
-        get hoverStroke() {
-            return brushToString(this.i.b8);
+        get fillColors() {
+            return fromBrushCollection(this.i.c);
         }
-        set hoverStroke(v) {
-            this.i.b8 = stringToBrush(v);
-            this._a("hoverStroke", brushToString(this.i.b8));
+        set fillColors(v) {
+            this.i.c = toBrushCollection(v);
+            this._a("fillColors", brushCollectionToString(this.i.c));
         }
         /**
-         * Gets or sets the stroke to use for the icon.
+         * Gets or sets a collection of stroke colors to use in the icon.
+         * These colors can be used by SVG elements that have been marked with the
+         * ig-icon-stroke-#
+         * class where # is a number from 0 to count - 1.
         */
-        get stroke() {
-            return brushToString(this.i.ca);
+        get strokeColors() {
+            return fromBrushCollection(this.i.d);
         }
-        set stroke(v) {
-            this.i.ca = stringToBrush(v);
-            this._a("stroke", brushToString(this.i.ca));
+        set strokeColors(v) {
+            this.i.d = toBrushCollection(v);
+            this._a("strokeColors", brushCollectionToString(this.i.d));
         }
         /**
-         * Gets or sets the hover stroke to use for the icon.
+         * Gets or sets a primary fill color for the icon.
+         * This color is used by SVG elements that have been marked
+         * with the
+         * ig-icon-primary-fill
+         * class.
         */
-        get hoverStrokeThickness() {
-            return this.i.y;
+        get primaryFillColor() {
+            return brushToString(this.i.c1);
         }
-        set hoverStrokeThickness(v) {
-            this.i.y = +v;
-            this._a("hoverStrokeThickness", this.i.y);
+        set primaryFillColor(v) {
+            this.i.c1 = stringToBrush(v);
+            this._a("primaryFillColor", brushToString(this.i.c1));
+        }
+        /**
+         * Gets or sets a primary stroke color for the icon.
+         * This color is used by SVG elements that have been marked
+         * with the
+         * ig-icon-primary-stroke
+         * class.
+        */
+        get primaryStrokeColor() {
+            return brushToString(this.i.c2);
+        }
+        set primaryStrokeColor(v) {
+            this.i.c2 = stringToBrush(v);
+            this._a("primaryStrokeColor", brushToString(this.i.c2));
         }
         /**
-         * Gets or sets the stroke to use for the icon.
+         * Gets or sets a secondary fill color for the icon.
+         * This color is used by SVG elements that have been marked
+         * with the
+         * ig-icon-secondary-fill
+         * class.
         */
-        get strokeThickness() {
-            return this.i.aa;
+        get secondaryFillColor() {
+            return brushToString(this.i.c3);
         }
-        set strokeThickness(v) {
-            this.i.aa = +v;
-            this._a("strokeThickness", this.i.aa);
+        set secondaryFillColor(v) {
+            this.i.c3 = stringToBrush(v);
+            this._a("secondaryFillColor", brushToString(this.i.c3));
+        }
+        /**
+         * Gets or sets a secondary stroke color for the icon.
+         * This color is used by SVG elements that have been marked
+         * with the
+         * ig-icon-secondary-stroke
+         * class.
+        */
+        get secondaryStrokeColor() {
+            return brushToString(this.i.c4);
+        }
+        set secondaryStrokeColor(v) {
+            this.i.c4 = stringToBrush(v);
+            this._a("secondaryStrokeColor", brushToString(this.i.c4));
+        }
+        /**
+         * Gets or sets path data for the icon to use.
+        */
+        get svgPath() {
+            return this.i.svgPath;
+        }
+        set svgPath(v) {
+            this.i.svgPath = v;
+        }
+        /**
+         * Gets or sets svg text for the icon to use.
+        */
+        get svg() {
+            return this.i.svg;
+        }
+        set svg(v) {
+            this.i.svg = v;
         }
         /**
          * Gets or sets the use for the button.
         */
         get textStyle() {
-            if (this.i.g == null) {
+            if (this.i.k == null) {
                 return null;
             }
-            return this.i.g.fontString;
+            return this.i.k.fontString;
         }
         set textStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.g = fi;
-            this._a("textStyle", this.i.g != null ? this.i.g.fontString : "");
-        }
-        /**
-         * Gets or sets the color to use for the hovered text of the button regardless of type.
-        */
-        get hoverTextColor() {
-            return brushToString(this.i.b9);
-        }
-        set hoverTextColor(v) {
-            this.i.b9 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.b9));
+            this.i.k = fi;
+            this._a("textStyle", this.i.k != null ? this.i.k.fontString : "");
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get id() {
-            return this.i.ay;
+            return this.i.bc;
         }
         set id(v) {
-            this.i.ay = v;
+            this.i.bc = v;
         }
         /**
          * Gets or sets TabIndex to use for the checkbox.
         */
         get tabIndex() {
-            return this.i.ac;
+            return this.i.aq;
         }
         set tabIndex(v) {
-            this.i.ac = +v;
-            this._a("tabIndex", this.i.ac);
+            this.i.aq = +v;
+            this._a("tabIndex", this.i.aq);
         }
         /**
          * Gets or sets the value of the aria-label attribute.
         */
         get ariaLabel() {
-            return this.i.ap;
+            return this.i.a1;
         }
         set ariaLabel(v) {
-            this.i.ap = v;
+            this.i.a1 = v;
         }
         /**
          * Gets or sets whether the icon is hovered.
         */
         get isHover() {
-            return this.i.n;
+            return this.i.r;
         }
         set isHover(v) {
-            this.i.n = ensureBool(v);
-            this._a("isHover", this.i.n);
+            this.i.r = ensureBool(v);
+            this._a("isHover", this.i.r);
         }
         /**
          * Gets or sets whether the checkbox is disabled.
@@ -415,11 +476,71 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
             this._a("disabled", this.i.disabled);
         }
         get opacity() {
-            return this.i.z;
+            return this.i.ai;
         }
         set opacity(v) {
-            this.i.z = +v;
-            this._a("opacity", this.i.z);
+            this.i.ai = +v;
+            this._a("opacity", this.i.ai);
+        }
+        /**
+         * Gets or sets the viewbox left for the svg icon.
+        */
+        get viewBoxLeft() {
+            return this.i.al;
+        }
+        set viewBoxLeft(v) {
+            this.i.al = +v;
+            this._a("viewBoxLeft", this.i.al);
+        }
+        /**
+         * Gets or sets the viewbox top for the svg icon.
+        */
+        get viewBoxTop() {
+            return this.i.am;
+        }
+        set viewBoxTop(v) {
+            this.i.am = +v;
+            this._a("viewBoxTop", this.i.am);
+        }
+        /**
+         * Gets or sets the viewbox width for the svg icon.
+        */
+        get viewBoxWidth() {
+            return this.i.an;
+        }
+        set viewBoxWidth(v) {
+            this.i.an = +v;
+            this._a("viewBoxWidth", this.i.an);
+        }
+        /**
+         * Gets or sets the viewbox height for the svg icon.
+        */
+        get viewBoxHeight() {
+            return this.i.ak;
+        }
+        set viewBoxHeight(v) {
+            this.i.ak = +v;
+            this._a("viewBoxHeight", this.i.ak);
+        }
+        /**
+         * Gets or sets the width of the icon.
+        */
+        get width() {
+            return this.i.ao;
+        }
+        set width(v) {
+            this.i.ao = +v;
+            this._a("width", this.i.ao);
+        }
+        /**
+         * Gets or sets the height of the icon.
+        */
+        get height() {
+            return this.i.ag;
+        }
+        set height(v) {
+            this.i.ag = +v;
+            this._a("height", this.i.ag);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -493,7 +614,7 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.ae();
+            let iv = this.i.as();
             return (iv);
         }
         /**
@@ -501,7 +622,7 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.as();
+            let iv = this.i.a4();
             return (iv);
         }
     }