igniteui-webcomponents-layouts 5.3.0 → 5.4.0

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

@@ -351,271 +351,286 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.fp);
         }
         set backgroundColor(v) {
-            this.i.fk = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fk));
+            this.i.fp = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.fp));
         }
         /**
          * Gets or sets the background color for submenus.
         */
         get submenuBackgroundColor() {
-            return brushToString(this.i.fy);
+            return brushToString(this.i.f3);
         }
         set submenuBackgroundColor(v) {
-            this.i.fy = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.fy));
+            this.i.f3 = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.f3));
         }
         /**
          * Gets or sets the group header background color.
         */
         get groupHeaderBackgroundColor() {
-            return brushToString(this.i.fp);
+            return brushToString(this.i.fu);
         }
         set groupHeaderBackgroundColor(v) {
-            this.i.fp = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.fp));
+            this.i.fu = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.fu));
         }
         /**
          * Gets or sets the separator background color.
         */
         get separatorBackgroundColor() {
-            return brushToString(this.i.fx);
+            return brushToString(this.i.f2);
         }
         set separatorBackgroundColor(v) {
-            this.i.fx = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.fx));
+            this.i.f2 = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.f2));
         }
         /**
          * Gets or sets the hover background color.
         */
         get hoverBackgroundColor() {
-            return brushToString(this.i.ft);
+            return brushToString(this.i.fy);
         }
         set hoverBackgroundColor(v) {
-            this.i.ft = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.ft));
+            this.i.fy = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.fy));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.f0);
+            return brushToString(this.i.f5);
         }
         set textColor(v) {
-            this.i.f0 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.f0));
+            this.i.f5 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.f5));
         }
         /**
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get disabledTextColor() {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.fs);
         }
         set disabledTextColor(v) {
-            this.i.fn = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fn));
+            this.i.fs = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.fs));
         }
         /**
          * Gets or sets the text color for group header tool actions.
         */
         get groupHeaderTextColor() {
-            return brushToString(this.i.fr);
+            return brushToString(this.i.fw);
         }
         set groupHeaderTextColor(v) {
-            this.i.fr = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.fr));
+            this.i.fw = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.fw));
         }
         /**
          * Gets or sets the tooltip text color.
         */
         get toolTipTextColor() {
-            return brushToString(this.i.f2);
+            return brushToString(this.i.f7);
         }
         set toolTipTextColor(v) {
-            this.i.f2 = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.f2));
+            this.i.f7 = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.f7));
         }
         /**
          * Gets or sets the tooltip background color.
         */
         get toolTipBackgroundColor() {
-            return brushToString(this.i.f1);
+            return brushToString(this.i.f6);
         }
         set toolTipBackgroundColor(v) {
-            this.i.f1 = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.f1));
+            this.i.f6 = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.f6));
         }
         /**
          * Gets or sets the tooltip corner radius.
         */
         get toolTipCornerRadius() {
-            return this.i.bl;
+            return this.i.bp;
         }
         set toolTipCornerRadius(v) {
-            this.i.bl = +v;
-            this._a("toolTipCornerRadius", this.i.bl);
+            this.i.bp = +v;
+            this._a("toolTipCornerRadius", this.i.bp);
         }
         /**
          * Gets or sets the shadow elevation for the tooltip.
         */
         get toolTipElevation() {
-            return this.i.bm;
+            return this.i.bq;
         }
         set toolTipElevation(v) {
-            this.i.bm = +v;
-            this._a("toolTipElevation", this.i.bm);
+            this.i.bq = +v;
+            this._a("toolTipElevation", this.i.bq);
         }
         /**
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get iconFill() {
-            return brushToString(this.i.fu);
+            return brushToString(this.i.fz);
         }
         set iconFill(v) {
-            this.i.fu = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.fu));
+            this.i.fz = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.fz));
         }
         /**
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get iconStroke() {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f0);
         }
         set iconStroke(v) {
-            this.i.fv = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.fv));
+            this.i.f0 = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.f0));
         }
         /**
          * Gets or sets the text style.
         */
         get cellTextStyle() {
-            if (this.i.ad == null) {
+            if (this.i.af == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.af.fontString;
         }
         set cellTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.af = fi;
+            this._a("cellTextStyle", this.i.af != null ? this.i.af.fontString : "");
         }
         /**
          * Gets or sets the text style for subtitles.
         */
         get subtitleTextStyle() {
-            if (this.i.af == null) {
+            if (this.i.aj == null) {
                 return null;
             }
-            return this.i.af.fontString;
+            return this.i.aj.fontString;
         }
         set subtitleTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.af = fi;
-            this._a("subtitleTextStyle", this.i.af != null ? this.i.af.fontString : "");
+            this.i.aj = fi;
+            this._a("subtitleTextStyle", this.i.aj != null ? this.i.aj.fontString : "");
+        }
+        /**
+         * Gets or sets the text style.
+        */
+        get groupHeaderTextStyle() {
+            if (this.i.ai == null) {
+                return null;
+            }
+            return this.i.ai.fontString;
+        }
+        set groupHeaderTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ai = fi;
+            this._a("groupHeaderTextStyle", this.i.ai != null ? this.i.ai.fontString : "");
         }
         /**
          * Gets or sets the left padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingLeft() {
-            return this.i.bi;
+            return this.i.bm;
         }
         set separatorVerticalPaddingLeft(v) {
-            this.i.bi = +v;
-            this._a("separatorVerticalPaddingLeft", this.i.bi);
+            this.i.bm = +v;
+            this._a("separatorVerticalPaddingLeft", this.i.bm);
         }
         /**
          * Gets or sets the right padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingRight() {
-            return this.i.bj;
+            return this.i.bn;
         }
         set separatorVerticalPaddingRight(v) {
-            this.i.bj = +v;
-            this._a("separatorVerticalPaddingRight", this.i.bj);
+            this.i.bn = +v;
+            this._a("separatorVerticalPaddingRight", this.i.bn);
         }
         /**
          * Gets or sets the top padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingTop() {
-            return this.i.bk;
+            return this.i.bo;
         }
         set separatorVerticalPaddingTop(v) {
-            this.i.bk = +v;
-            this._a("separatorVerticalPaddingTop", this.i.bk);
+            this.i.bo = +v;
+            this._a("separatorVerticalPaddingTop", this.i.bo);
         }
         /**
          * Gets or sets the bottom padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingBottom() {
-            return this.i.bh;
+            return this.i.bl;
         }
         set separatorVerticalPaddingBottom(v) {
-            this.i.bh = +v;
-            this._a("separatorVerticalPaddingBottom", this.i.bh);
+            this.i.bl = +v;
+            this._a("separatorVerticalPaddingBottom", this.i.bl);
         }
         /**
          * Gets or sets the left padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingLeft() {
-            return this.i.be;
+            return this.i.bi;
         }
         set separatorHorizontalPaddingLeft(v) {
-            this.i.be = +v;
-            this._a("separatorHorizontalPaddingLeft", this.i.be);
+            this.i.bi = +v;
+            this._a("separatorHorizontalPaddingLeft", this.i.bi);
         }
         /**
          * Gets or sets the right padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingRight() {
-            return this.i.bf;
+            return this.i.bj;
         }
         set separatorHorizontalPaddingRight(v) {
-            this.i.bf = +v;
-            this._a("separatorHorizontalPaddingRight", this.i.bf);
+            this.i.bj = +v;
+            this._a("separatorHorizontalPaddingRight", this.i.bj);
         }
         /**
          * Gets or sets the top padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingTop() {
-            return this.i.bg;
+            return this.i.bk;
         }
         set separatorHorizontalPaddingTop(v) {
-            this.i.bg = +v;
-            this._a("separatorHorizontalPaddingTop", this.i.bg);
+            this.i.bk = +v;
+            this._a("separatorHorizontalPaddingTop", this.i.bk);
         }
         /**
          * Gets or sets the bottom padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingBottom() {
-            return this.i.bd;
+            return this.i.bh;
         }
         set separatorHorizontalPaddingBottom(v) {
-            this.i.bd = +v;
-            this._a("separatorHorizontalPaddingBottom", this.i.bd);
+            this.i.bh = +v;
+            this._a("separatorHorizontalPaddingBottom", this.i.bh);
         }
         /**
          * Gets or sets if the tool actions should display their submenus on mouse hover.
         */
         get showOnHover() {
-            return this.i.as;
+            return this.i.aw;
         }
         set showOnHover(v) {
-            this.i.as = ensureBool(v);
-            this._a("showOnHover", this.i.as);
+            this.i.aw = ensureBool(v);
+            this._a("showOnHover", this.i.aw);
         }
         /**
          * Gets or sets if the tool action icon buttons should display their tooltips on mouse hover.
         */
         get showTooltipOnHover() {
-            return this.i.at;
+            return this.i.ax;
         }
         set showTooltipOnHover(v) {
-            this.i.at = ensureBool(v);
-            this._a("showTooltipOnHover", this.i.at);
+            this.i.ax = ensureBool(v);
+            this._a("showTooltipOnHover", this.i.ax);
         }
         /**
          * Gets or sets the amount of time to wait when clicking on the icon menu button while the dropdown is opening. If a click was
@@ -623,132 +638,132 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * always keep the dropdown open during a hover open and will require an extra click to close.
         */
         get dropdownClickBuffer() {
-            return this.i.bq;
+            return this.i.bu;
         }
         set dropdownClickBuffer(v) {
-            this.i.bq = +v;
-            this._a("dropdownClickBuffer", this.i.bq);
+            this.i.bu = +v;
+            this._a("dropdownClickBuffer", this.i.bu);
         }
         get highlightWidth() {
-            return this.i.bc;
+            return this.i.bg;
         }
         set highlightWidth(v) {
-            this.i.bc = +v;
-            this._a("highlightWidth", this.i.bc);
+            this.i.bg = +v;
+            this._a("highlightWidth", this.i.bg);
         }
         get highlightRadius() {
-            return this.i.bb;
+            return this.i.bf;
         }
         set highlightRadius(v) {
-            this.i.bb = +v;
-            this._a("highlightRadius", this.i.bb);
+            this.i.bf = +v;
+            this._a("highlightRadius", this.i.bf);
         }
         get highlightColor() {
-            return brushToString(this.i.fs);
+            return brushToString(this.i.fx);
         }
         set highlightColor(v) {
-            this.i.fs = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.fs));
+            this.i.fx = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.fx));
         }
         /**
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get menuArrowStroke() {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f1);
         }
         set menuArrowStroke(v) {
-            this.i.fw = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.fw));
+            this.i.f1 = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.f1));
         }
         /**
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get uncheckedBackgroundColor() {
-            return brushToString(this.i.f3);
+            return brushToString(this.i.f8);
         }
         set uncheckedBackgroundColor(v) {
-            this.i.f3 = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.f3));
+            this.i.f8 = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.f8));
         }
         /**
          * Gets or sets the background color of the radio when in the checked state.
         */
         get checkedBackgroundColor() {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fq);
         }
         set checkedBackgroundColor(v) {
-            this.i.fl = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.fl));
+            this.i.fq = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.fq));
         }
         /**
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get uncheckedBorderColor() {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.f9);
         }
         set uncheckedBorderColor(v) {
-            this.i.f4 = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.f4));
+            this.i.f9 = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.f9));
         }
         /**
          * Gets or sets the border color of the radio when in the checked state.
         */
         get checkedBorderColor() {
-            return brushToString(this.i.fm);
+            return brushToString(this.i.fr);
         }
         set checkedBorderColor(v) {
-            this.i.fm = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fm));
+            this.i.fr = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.fr));
         }
         /**
          * Gets or sets the row height that should be used.
         */
         get rowHeight() {
-            return this.i.bu;
+            return this.i.by;
         }
         set rowHeight(v) {
-            this.i.bu = +v;
-            this._a("rowHeight", this.i.bu);
+            this.i.by = +v;
+            this._a("rowHeight", this.i.by);
         }
         /**
          * Gets or sets the text color for subtitles.
         */
         get subtitleTextColor() {
-            return brushToString(this.i.fz);
+            return brushToString(this.i.f4);
         }
         set subtitleTextColor(v) {
-            this.i.fz = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.fz));
+            this.i.f4 = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.f4));
         }
         /**
          * Gets or sets the text color for group header subtitles.
         */
         get groupHeaderSubtitleTextColor() {
-            return brushToString(this.i.fq);
+            return brushToString(this.i.fv);
         }
         set groupHeaderSubtitleTextColor(v) {
-            this.i.fq = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fq));
+            this.i.fv = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fv));
         }
         /**
          * Gets or sets the dropdown delay time in milliseconds.
         */
         get dropdownDelay() {
-            return this.i.br;
+            return this.i.bv;
         }
         set dropdownDelay(v) {
-            this.i.br = +v;
-            this._a("dropdownDelay", this.i.br);
+            this.i.bv = +v;
+            this._a("dropdownDelay", this.i.bv);
         }
         /**
          * Prevents clicks on the tool actions from bubbling.
         */
         get stopPropagation() {
-            return this.i.au;
+            return this.i.ay;
         }
         set stopPropagation(v) {
-            this.i.au = ensureBool(v);
-            this._a("stopPropagation", this.i.au);
+            this.i.ay = ensureBool(v);
+            this._a("stopPropagation", this.i.ay);
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -761,7 +776,7 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.v));
         }
         get isOpen() {
-            return this.i.ar;
+            return this.i.av;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -834,14 +849,14 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         flushRefresh() {
-            this.i.dx();
+            this.i.d2();
         }
         /**
          * Get the desired size the toolbar wants to be.
         
         */
         getDesiredSize() {
-            let iv = this.i.f6();
+            let iv = this.i.gb();
             return fromSize(iv);
         }
         /**
@@ -849,114 +864,114 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         closeSubmenus() {
-            this.i.du();
+            this.i.dz();
         }
         onCommandStateChanged(id, type, value) {
             this.i.onCommandStateChanged(id, (type == null ? null : type), value);
         }
         registerIconFromText(iconCollection, iconName, iconText) {
-            this.i.ee(iconCollection, iconName, iconText);
+            this.i.ej(iconCollection, iconName, iconText);
         }
         getIconFromCache(iconCollection, iconName) {
-            let iv = this.i.cm(iconCollection, iconName);
+            let iv = this.i.cq(iconCollection, iconName);
             return (iv);
         }
         registerMultiPathSVG(iconCollection, iconName, multiPathSVG) {
-            this.i.eg(iconCollection, iconName, multiPathSVG);
+            this.i.el(iconCollection, iconName, multiPathSVG);
         }
         getMultiPathSVGFromCache(iconCollection, iconName) {
             let iv = this.i.a(iconCollection, iconName);
             return (iv);
         }
         registerIconFromDataURL(iconCollection, iconName, dataURL) {
-            this.i.ed(iconCollection, iconName, dataURL);
+            this.i.ei(iconCollection, iconName, dataURL);
         }
         getDataURLFromCache(iconCollection, iconName) {
-            let iv = this.i.cl(iconCollection, iconName);
+            let iv = this.i.cp(iconCollection, iconName);
             return (iv);
         }
         registerIconSource(iconCollection, iconName, source) {
-            this.i.ef(iconCollection, iconName, source);
+            this.i.ek(iconCollection, iconName, source);
         }
         getIconSource(iconCollection, iconName) {
-            let iv = this.i.b4(iconCollection, iconName);
+            let iv = this.i.b8(iconCollection, iconName);
             return (iv);
         }
         setBrushContextItem(key, value) {
-            this.i.ej(key, stringToBrush(value));
+            this.i.eo(key, stringToBrush(value));
         }
         getBrushContextItem(key) {
-            let iv = this.i.fo(key);
+            let iv = this.i.ft(key);
             return brushToString(iv);
         }
         setBrushCollectionContextItem(key, value) {
-            this.i.ei(key, toBrushCollection(value));
+            this.i.en(key, toBrushCollection(value));
         }
         getBrushCollectionContextItem(key) {
             let iv = this.i.b(key);
             return fromBrushCollection(iv);
         }
         setDoubleContextItem(key, value) {
-            this.i.en(key, value);
+            this.i.es(key, value);
         }
         getDoubleContextItem(key) {
-            let iv = this.i.a9(key);
+            let iv = this.i.bd(key);
             return (iv);
         }
         setIntContextItem(key, value) {
-            this.i.eu(key, value);
+            this.i.ez(key, value);
         }
         getExternalDoubleContextItem(key) {
-            let iv = this.i.ba(key);
+            let iv = this.i.be(key);
             return (iv);
         }
         setExternalDoubleContextItem(key, value) {
-            this.i.es(key, value);
+            this.i.ex(key, value);
         }
         getIntContextItem(key) {
-            let iv = this.i.bt(key);
+            let iv = this.i.bx(key);
             return (iv);
         }
         setExternalIntContextItem(key, value) {
-            this.i.et(key, value);
+            this.i.ey(key, value);
         }
         getExternalIntContextItem(key) {
-            let iv = this.i.bs(key);
+            let iv = this.i.bw(key);
             return (iv);
         }
         setStringContextItem(key, value) {
-            this.i.ev(key, value);
+            this.i.e0(key, value);
         }
         getStringContextItem(key) {
-            let iv = this.i.cn(key);
+            let iv = this.i.cr(key);
             return (iv);
         }
         setBoolContextItem(key, value) {
-            this.i.eh(key, value);
+            this.i.em(key, value);
         }
         getBoolContextItem(key) {
-            let iv = this.i.aq(key);
+            let iv = this.i.au(key);
             return (iv);
         }
         setColorContextItem(key, value) {
-            this.i.ek(key, stringToColor(value));
+            this.i.ep(key, stringToColor(value));
         }
         getColorContextItem(key) {
-            let iv = this.i.f5(key);
+            let iv = this.i.ga(key);
             return colorToString(iv);
         }
         setDataContextItem(key, value) {
-            this.i.em(key, value);
+            this.i.er(key, value);
         }
         getDataContextItem(key) {
-            let iv = this.i.bz(key);
+            let iv = this.i.b3(key);
             return (iv);
         }
         setExternalDataContextItem(key, value) {
-            this.i.er(key, value);
+            this.i.ew(key, value);
         }
         getExternalDataContextItem(key) {
-            let iv = this.i.b3(key);
+            let iv = this.i.b7(key);
             return (iv);
         }
         /**
@@ -964,7 +979,7 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualData() {
-            let iv = this.i.bx();
+            let iv = this.i.b1();
             return (iv);
         }
         /**
@@ -972,7 +987,7 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.ck();
+            let iv = this.i.co();
             return (iv);
         }
         /**