igniteui-webcomponents-layouts 5.0.2 → 5.1.0

package/esm5/lib/igc-tool-action-icon-button-component.js

@@ -69,11 +69,11 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
         */
         get: function () {
-            return this.i.ib;
+            return this.i.ic;
         },
         set: function (v) {
-            this.i.ib = +v;
-            this._a("tooltipDelay", this.i.ib);
+            this.i.ic = +v;
+            this._a("tooltipDelay", this.i.ic);
         },
         enumerable: false,
         configurable: true
@@ -83,99 +83,99 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets the actual delay before the tooltip is displayed (in milliseconds).
         */
         get: function () {
-            return this.i.ia;
+            return this.i.ib;
         },
         set: function (v) {
-            this.i.ia = +v;
-            this._a("actualTooltipDelay", this.i.ia);
+            this.i.ib = +v;
+            this._a("actualTooltipDelay", this.i.ib);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingLeft", {
         get: function () {
-            return this.i.h3;
+            return this.i.h4;
         },
         set: function (v) {
-            this.i.h3 = +v;
-            this._a("contentPaddingLeft", this.i.h3);
+            this.i.h4 = +v;
+            this._a("contentPaddingLeft", this.i.h4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingLeft", {
         get: function () {
-            return this.i.hz;
+            return this.i.h0;
         },
         set: function (v) {
-            this.i.hz = +v;
-            this._a("actualContentPaddingLeft", this.i.hz);
+            this.i.h0 = +v;
+            this._a("actualContentPaddingLeft", this.i.h0);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingTop", {
         get: function () {
-            return this.i.h5;
+            return this.i.h6;
         },
         set: function (v) {
-            this.i.h5 = +v;
-            this._a("contentPaddingTop", this.i.h5);
+            this.i.h6 = +v;
+            this._a("contentPaddingTop", this.i.h6);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingTop", {
         get: function () {
-            return this.i.h1;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.h1 = +v;
-            this._a("actualContentPaddingTop", this.i.h1);
+            this.i.h2 = +v;
+            this._a("actualContentPaddingTop", this.i.h2);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingRight", {
         get: function () {
-            return this.i.h4;
+            return this.i.h5;
         },
         set: function (v) {
-            this.i.h4 = +v;
-            this._a("contentPaddingRight", this.i.h4);
+            this.i.h5 = +v;
+            this._a("contentPaddingRight", this.i.h5);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingRight", {
         get: function () {
-            return this.i.h0;
+            return this.i.h1;
         },
         set: function (v) {
-            this.i.h0 = +v;
-            this._a("actualContentPaddingRight", this.i.h0);
+            this.i.h1 = +v;
+            this._a("actualContentPaddingRight", this.i.h1);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingBottom", {
         get: function () {
-            return this.i.h2;
+            return this.i.h3;
         },
         set: function (v) {
-            this.i.h2 = +v;
-            this._a("contentPaddingBottom", this.i.h2);
+            this.i.h3 = +v;
+            this._a("contentPaddingBottom", this.i.h3);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingBottom", {
         get: function () {
-            return this.i.hy;
+            return this.i.hz;
         },
         set: function (v) {
-            this.i.hy = +v;
-            this._a("actualContentPaddingBottom", this.i.hy);
+            this.i.hz = +v;
+            this._a("actualContentPaddingBottom", this.i.hz);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-icon-menu-component.js

@@ -69,11 +69,11 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets or sets the stroke color of the arrow icon.
         */
         get: function () {
-            return brushToString(this.i.ju);
+            return brushToString(this.i.jv);
         },
         set: function (v) {
-            this.i.ju = stringToBrush(v);
-            this._a("arrowStroke", brushToString(this.i.ju));
+            this.i.jv = stringToBrush(v);
+            this._a("arrowStroke", brushToString(this.i.jv));
         },
         enumerable: false,
         configurable: true
@@ -83,11 +83,11 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets the actual stroke color of the arrow icon.
         */
         get: function () {
-            return brushToString(this.i.jt);
+            return brushToString(this.i.ju);
         },
         set: function (v) {
-            this.i.jt = stringToBrush(v);
-            this._a("actualArrowStroke", brushToString(this.i.jt));
+            this.i.ju = stringToBrush(v);
+            this._a("actualArrowStroke", brushToString(this.i.ju));
         },
         enumerable: false,
         configurable: true
@@ -97,11 +97,11 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets or sets whether the arrow icon should be shown.
         */
         get: function () {
-            return this.i.jg;
+            return this.i.jh;
         },
         set: function (v) {
-            this.i.jg = ensureBool(v);
-            this._a("showArrowIcon", this.i.jg);
+            this.i.jh = ensureBool(v);
+            this._a("showArrowIcon", this.i.jh);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-toolbar-component.js

@@ -394,11 +394,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.d4);
+            return brushToString(this.i.d8);
         },
         set: function (v) {
-            this.i.d4 = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.d4));
+            this.i.d8 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.d8));
         },
         enumerable: false,
         configurable: true
@@ -408,11 +408,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for submenus.
         */
         get: function () {
-            return brushToString(this.i.eh);
+            return brushToString(this.i.el);
         },
         set: function (v) {
-            this.i.eh = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.eh));
+            this.i.el = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.el));
         },
         enumerable: false,
         configurable: true
@@ -422,11 +422,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the group header background color.
         */
         get: function () {
-            return brushToString(this.i.d8);
+            return brushToString(this.i.ec);
         },
         set: function (v) {
-            this.i.d8 = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.d8));
+            this.i.ec = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.ec));
         },
         enumerable: false,
         configurable: true
@@ -436,11 +436,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the separator background color.
         */
         get: function () {
-            return brushToString(this.i.eg);
+            return brushToString(this.i.ek);
         },
         set: function (v) {
-            this.i.eg = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.eg));
+            this.i.ek = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.ek));
         },
         enumerable: false,
         configurable: true
@@ -450,11 +450,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover background color.
         */
         get: function () {
-            return brushToString(this.i.ec);
+            return brushToString(this.i.eg);
         },
         set: function (v) {
-            this.i.ec = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.ec));
+            this.i.eg = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.eg));
         },
         enumerable: false,
         configurable: true
@@ -464,11 +464,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.ej);
+            return brushToString(this.i.en);
         },
         set: function (v) {
-            this.i.ej = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ej));
+            this.i.en = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.en));
         },
         enumerable: false,
         configurable: true
@@ -478,11 +478,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get: function () {
-            return brushToString(this.i.d7);
+            return brushToString(this.i.eb);
         },
         set: function (v) {
-            this.i.d7 = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.d7));
+            this.i.eb = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.eb));
         },
         enumerable: false,
         configurable: true
@@ -492,11 +492,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group header tool actions.
         */
         get: function () {
-            return brushToString(this.i.ea);
+            return brushToString(this.i.ee);
         },
         set: function (v) {
-            this.i.ea = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.ea));
+            this.i.ee = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.ee));
         },
         enumerable: false,
         configurable: true
@@ -506,11 +506,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip text color.
         */
         get: function () {
-            return brushToString(this.i.el);
+            return brushToString(this.i.ep);
         },
         set: function (v) {
-            this.i.el = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.el));
+            this.i.ep = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.ep));
         },
         enumerable: false,
         configurable: true
@@ -520,11 +520,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.ek);
+            return brushToString(this.i.eo);
         },
         set: function (v) {
-            this.i.ek = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.ek));
+            this.i.eo = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.eo));
         },
         enumerable: false,
         configurable: true
@@ -562,11 +562,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.ed);
+            return brushToString(this.i.eh);
         },
         set: function (v) {
-            this.i.ed = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.ed));
+            this.i.eh = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.eh));
         },
         enumerable: false,
         configurable: true
@@ -576,11 +576,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.ee);
+            return brushToString(this.i.ei);
         },
         set: function (v) {
-            this.i.ee = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.ee));
+            this.i.ei = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.ei));
         },
         enumerable: false,
         configurable: true
@@ -773,11 +773,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.eb);
+            return brushToString(this.i.ef);
         },
         set: function (v) {
-            this.i.eb = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.eb));
+            this.i.ef = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.ef));
         },
         enumerable: false,
         configurable: true
@@ -787,11 +787,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get: function () {
-            return brushToString(this.i.ef);
+            return brushToString(this.i.ej);
         },
         set: function (v) {
-            this.i.ef = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.ef));
+            this.i.ej = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.ej));
         },
         enumerable: false,
         configurable: true
@@ -801,11 +801,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.em);
+            return brushToString(this.i.eq);
         },
         set: function (v) {
-            this.i.em = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.em));
+            this.i.eq = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.eq));
         },
         enumerable: false,
         configurable: true
@@ -815,11 +815,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.d5);
+            return brushToString(this.i.d9);
         },
         set: function (v) {
-            this.i.d5 = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.d5));
+            this.i.d9 = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.d9));
         },
         enumerable: false,
         configurable: true
@@ -829,11 +829,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.en);
+            return brushToString(this.i.er);
         },
         set: function (v) {
-            this.i.en = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.en));
+            this.i.er = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.er));
         },
         enumerable: false,
         configurable: true
@@ -843,11 +843,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.d6);
+            return brushToString(this.i.ea);
         },
         set: function (v) {
-            this.i.d6 = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.d6));
+            this.i.ea = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.ea));
         },
         enumerable: false,
         configurable: true
@@ -871,11 +871,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for subtitles.
         */
         get: function () {
-            return brushToString(this.i.ei);
+            return brushToString(this.i.em);
         },
         set: function (v) {
-            this.i.ei = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ei));
+            this.i.em = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.em));
         },
         enumerable: false,
         configurable: true
@@ -885,11 +885,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group header subtitles.
         */
         get: function () {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.ed);
         },
         set: function (v) {
-            this.i.d9 = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.d9));
+            this.i.ed = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.ed));
         },
         enumerable: false,
         configurable: true
@@ -987,7 +987,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcToolbarComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.eo();
+        var iv = this.i.es();
         return fromSize(iv);
     };
     /**
@@ -995,27 +995,41 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.closeSubmenus = function () {
-        this.i.cw();
+        this.i.cy();
     };
     IgcToolbarComponent.prototype.onCommandStateChanged = function (id, type, value) {
         this.i.onCommandStateChanged(id, (type == null ? null : type), value);
     };
     IgcToolbarComponent.prototype.registerIconFromText = function (iconCollection, iconName, iconText) {
-        this.i.dd(iconCollection, iconName, iconText);
+        this.i.dg(iconCollection, iconName, iconText);
     };
     IgcToolbarComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
-        var iv = this.i.bt(iconCollection, iconName);
+        var iv = this.i.bv(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
-        this.i.de(iconCollection, iconName, multiPathSVG);
+        this.i.di(iconCollection, iconName, multiPathSVG);
     };
     IgcToolbarComponent.prototype.getMultiPathSVGFromCache = function (iconCollection, iconName) {
         var iv = this.i.a(iconCollection, iconName);
         return (iv);
     };
+    IgcToolbarComponent.prototype.registerIconFromDataURL = function (iconCollection, iconName, dataURL) {
+        this.i.df(iconCollection, iconName, dataURL);
+    };
+    IgcToolbarComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
+        var iv = this.i.bu(iconCollection, iconName);
+        return (iv);
+    };
+    IgcToolbarComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
+        this.i.dh(iconCollection, iconName, source);
+    };
+    IgcToolbarComponent.prototype.getIconSource = function (iconCollection, iconName) {
+        var iv = this.i.bf(iconCollection, iconName);
+        return (iv);
+    };
     IgcToolbarComponent.prototype.setContextItem = function (key, value) {
-        this.i.df(key, value);
+        this.i.dj(key, value);
     };
     IgcToolbarComponent.prototype.getContextItem = function (key) {
         var iv = this.i.be(key);
@@ -1034,7 +1048,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.bs();
+        var iv = this.i.bt();
         return (iv);
     };
     Object.defineProperty(IgcToolbarComponent.prototype, "onCommand", {