igniteui-webcomponents-layouts 5.2.0 → 5.3.0

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

@@ -18,6 +18,7 @@ import { IgcToolActionCollection } from "./igc-tool-action-collection";
 import { IgcToolCommandEventArgs } from './igc-tool-command-event-args';
 import { IgcToolbarSubMenuOpeningEventArgs } from './igc-toolbar-sub-menu-opening-event-args';
 import { IgcToolbarSubMenuClosingEventArgs } from './igc-toolbar-sub-menu-closing-event-args';
+import { ScrollbarStyle_$type } from "igniteui-webcomponents-core";
 export let IgcToolbarComponent = /*@__PURE__*/ (() => {
     class IgcToolbarComponent extends IgcHTMLElement {
         set height(value) {
@@ -256,21 +257,21 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get baseTheme() {
-            return this.i.v;
+            return this.i.x;
         }
         set baseTheme(v) {
-            this.i.v = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.v));
+            this.i.x = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.x));
         }
         /**
          * Gets or sets the display density to use for the toolbar.
         */
         get density() {
-            return this.i.x;
+            return this.i.z;
         }
         set density(v) {
-            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
+            this.i.z = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.z));
         }
         /**
          * Gets or sets the data or data source instance to which to bind the grid.
@@ -350,271 +351,271 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.fk);
         }
         set backgroundColor(v) {
-            this.i.fe = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fe));
+            this.i.fk = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.fk));
         }
         /**
          * Gets or sets the background color for submenus.
         */
         get submenuBackgroundColor() {
-            return brushToString(this.i.fs);
+            return brushToString(this.i.fy);
         }
         set submenuBackgroundColor(v) {
-            this.i.fs = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.fs));
+            this.i.fy = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.fy));
         }
         /**
          * Gets or sets the group header background color.
         */
         get groupHeaderBackgroundColor() {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fp);
         }
         set groupHeaderBackgroundColor(v) {
-            this.i.fj = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.fj));
+            this.i.fp = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.fp));
         }
         /**
          * Gets or sets the separator background color.
         */
         get separatorBackgroundColor() {
-            return brushToString(this.i.fr);
+            return brushToString(this.i.fx);
         }
         set separatorBackgroundColor(v) {
-            this.i.fr = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.fr));
+            this.i.fx = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.fx));
         }
         /**
          * Gets or sets the hover background color.
         */
         get hoverBackgroundColor() {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.ft);
         }
         set hoverBackgroundColor(v) {
-            this.i.fn = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.fn));
+            this.i.ft = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.ft));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.fu);
+            return brushToString(this.i.f0);
         }
         set textColor(v) {
-            this.i.fu = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fu));
+            this.i.f0 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.f0));
         }
         /**
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get disabledTextColor() {
-            return brushToString(this.i.fh);
+            return brushToString(this.i.fn);
         }
         set disabledTextColor(v) {
-            this.i.fh = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fh));
+            this.i.fn = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.fn));
         }
         /**
          * Gets or sets the text color for group header tool actions.
         */
         get groupHeaderTextColor() {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fr);
         }
         set groupHeaderTextColor(v) {
-            this.i.fl = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.fl));
+            this.i.fr = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.fr));
         }
         /**
          * Gets or sets the tooltip text color.
         */
         get toolTipTextColor() {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f2);
         }
         set toolTipTextColor(v) {
-            this.i.fw = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.fw));
+            this.i.f2 = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.f2));
         }
         /**
          * Gets or sets the tooltip background color.
         */
         get toolTipBackgroundColor() {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f1);
         }
         set toolTipBackgroundColor(v) {
-            this.i.fv = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.fv));
+            this.i.f1 = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.f1));
         }
         /**
          * Gets or sets the tooltip corner radius.
         */
         get toolTipCornerRadius() {
-            return this.i.bh;
+            return this.i.bl;
         }
         set toolTipCornerRadius(v) {
-            this.i.bh = +v;
-            this._a("toolTipCornerRadius", this.i.bh);
+            this.i.bl = +v;
+            this._a("toolTipCornerRadius", this.i.bl);
         }
         /**
          * Gets or sets the shadow elevation for the tooltip.
         */
         get toolTipElevation() {
-            return this.i.bi;
+            return this.i.bm;
         }
         set toolTipElevation(v) {
-            this.i.bi = +v;
-            this._a("toolTipElevation", this.i.bi);
+            this.i.bm = +v;
+            this._a("toolTipElevation", this.i.bm);
         }
         /**
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get iconFill() {
-            return brushToString(this.i.fo);
+            return brushToString(this.i.fu);
         }
         set iconFill(v) {
-            this.i.fo = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.fo));
+            this.i.fu = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.fu));
         }
         /**
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get iconStroke() {
-            return brushToString(this.i.fp);
+            return brushToString(this.i.fv);
         }
         set iconStroke(v) {
-            this.i.fp = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.fp));
+            this.i.fv = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.fv));
         }
         /**
          * Gets or sets the text style.
         */
         get cellTextStyle() {
-            if (this.i.ab == null) {
+            if (this.i.ad == null) {
                 return null;
             }
-            return this.i.ab.fontString;
+            return this.i.ad.fontString;
         }
         set cellTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ab = fi;
-            this._a("cellTextStyle", this.i.ab != null ? this.i.ab.fontString : "");
+            this.i.ad = fi;
+            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
         }
         /**
          * Gets or sets the text style for subtitles.
         */
         get subtitleTextStyle() {
-            if (this.i.ad == null) {
+            if (this.i.af == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.af.fontString;
         }
         set subtitleTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("subtitleTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.af = fi;
+            this._a("subtitleTextStyle", this.i.af != null ? this.i.af.fontString : "");
         }
         /**
          * Gets or sets the left padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingLeft() {
-            return this.i.be;
+            return this.i.bi;
         }
         set separatorVerticalPaddingLeft(v) {
-            this.i.be = +v;
-            this._a("separatorVerticalPaddingLeft", this.i.be);
+            this.i.bi = +v;
+            this._a("separatorVerticalPaddingLeft", this.i.bi);
         }
         /**
          * Gets or sets the right padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingRight() {
-            return this.i.bf;
+            return this.i.bj;
         }
         set separatorVerticalPaddingRight(v) {
-            this.i.bf = +v;
-            this._a("separatorVerticalPaddingRight", this.i.bf);
+            this.i.bj = +v;
+            this._a("separatorVerticalPaddingRight", this.i.bj);
         }
         /**
          * Gets or sets the top padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingTop() {
-            return this.i.bg;
+            return this.i.bk;
         }
         set separatorVerticalPaddingTop(v) {
-            this.i.bg = +v;
-            this._a("separatorVerticalPaddingTop", this.i.bg);
+            this.i.bk = +v;
+            this._a("separatorVerticalPaddingTop", this.i.bk);
         }
         /**
          * Gets or sets the bottom padding for separators in the vertical orientation.
         */
         get separatorVerticalPaddingBottom() {
-            return this.i.bd;
+            return this.i.bh;
         }
         set separatorVerticalPaddingBottom(v) {
-            this.i.bd = +v;
-            this._a("separatorVerticalPaddingBottom", this.i.bd);
+            this.i.bh = +v;
+            this._a("separatorVerticalPaddingBottom", this.i.bh);
         }
         /**
          * Gets or sets the left padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingLeft() {
-            return this.i.ba;
+            return this.i.be;
         }
         set separatorHorizontalPaddingLeft(v) {
-            this.i.ba = +v;
-            this._a("separatorHorizontalPaddingLeft", this.i.ba);
+            this.i.be = +v;
+            this._a("separatorHorizontalPaddingLeft", this.i.be);
         }
         /**
          * Gets or sets the right padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingRight() {
-            return this.i.bb;
+            return this.i.bf;
         }
         set separatorHorizontalPaddingRight(v) {
-            this.i.bb = +v;
-            this._a("separatorHorizontalPaddingRight", this.i.bb);
+            this.i.bf = +v;
+            this._a("separatorHorizontalPaddingRight", this.i.bf);
         }
         /**
          * Gets or sets the top padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingTop() {
-            return this.i.bc;
+            return this.i.bg;
         }
         set separatorHorizontalPaddingTop(v) {
-            this.i.bc = +v;
-            this._a("separatorHorizontalPaddingTop", this.i.bc);
+            this.i.bg = +v;
+            this._a("separatorHorizontalPaddingTop", this.i.bg);
         }
         /**
          * Gets or sets the bottom padding for separators in the horizontal orientation.
         */
         get separatorHorizontalPaddingBottom() {
-            return this.i.a9;
+            return this.i.bd;
         }
         set separatorHorizontalPaddingBottom(v) {
-            this.i.a9 = +v;
-            this._a("separatorHorizontalPaddingBottom", this.i.a9);
+            this.i.bd = +v;
+            this._a("separatorHorizontalPaddingBottom", this.i.bd);
         }
         /**
          * Gets or sets if the tool actions should display their submenus on mouse hover.
         */
         get showOnHover() {
-            return this.i.ap;
+            return this.i.as;
         }
         set showOnHover(v) {
-            this.i.ap = ensureBool(v);
-            this._a("showOnHover", this.i.ap);
+            this.i.as = ensureBool(v);
+            this._a("showOnHover", this.i.as);
         }
         /**
          * Gets or sets if the tool action icon buttons should display their tooltips on mouse hover.
         */
         get showTooltipOnHover() {
-            return this.i.aq;
+            return this.i.at;
         }
         set showTooltipOnHover(v) {
-            this.i.aq = ensureBool(v);
-            this._a("showTooltipOnHover", this.i.aq);
+            this.i.at = ensureBool(v);
+            this._a("showTooltipOnHover", this.i.at);
         }
         /**
          * 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
@@ -622,125 +623,145 @@ 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.bm;
+            return this.i.bq;
         }
         set dropdownClickBuffer(v) {
-            this.i.bm = +v;
-            this._a("dropdownClickBuffer", this.i.bm);
+            this.i.bq = +v;
+            this._a("dropdownClickBuffer", this.i.bq);
         }
         get highlightWidth() {
-            return this.i.a8;
+            return this.i.bc;
         }
         set highlightWidth(v) {
-            this.i.a8 = +v;
-            this._a("highlightWidth", this.i.a8);
+            this.i.bc = +v;
+            this._a("highlightWidth", this.i.bc);
         }
         get highlightRadius() {
-            return this.i.a7;
+            return this.i.bb;
         }
         set highlightRadius(v) {
-            this.i.a7 = +v;
-            this._a("highlightRadius", this.i.a7);
+            this.i.bb = +v;
+            this._a("highlightRadius", this.i.bb);
         }
         get highlightColor() {
-            return brushToString(this.i.fm);
+            return brushToString(this.i.fs);
         }
         set highlightColor(v) {
-            this.i.fm = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.fm));
+            this.i.fs = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.fs));
         }
         /**
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get menuArrowStroke() {
-            return brushToString(this.i.fq);
+            return brushToString(this.i.fw);
         }
         set menuArrowStroke(v) {
-            this.i.fq = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.fq));
+            this.i.fw = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.fw));
         }
         /**
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get uncheckedBackgroundColor() {
-            return brushToString(this.i.fx);
+            return brushToString(this.i.f3);
         }
         set uncheckedBackgroundColor(v) {
-            this.i.fx = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.fx));
+            this.i.f3 = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.f3));
         }
         /**
          * Gets or sets the background color of the radio when in the checked state.
         */
         get checkedBackgroundColor() {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fl);
         }
         set checkedBackgroundColor(v) {
-            this.i.ff = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.ff));
+            this.i.fl = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.fl));
         }
         /**
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get uncheckedBorderColor() {
-            return brushToString(this.i.fy);
+            return brushToString(this.i.f4);
         }
         set uncheckedBorderColor(v) {
-            this.i.fy = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.fy));
+            this.i.f4 = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.f4));
         }
         /**
          * Gets or sets the border color of the radio when in the checked state.
         */
         get checkedBorderColor() {
-            return brushToString(this.i.fg);
+            return brushToString(this.i.fm);
         }
         set checkedBorderColor(v) {
-            this.i.fg = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fg));
+            this.i.fm = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.fm));
         }
         /**
          * Gets or sets the row height that should be used.
         */
         get rowHeight() {
-            return this.i.bq;
+            return this.i.bu;
         }
         set rowHeight(v) {
-            this.i.bq = +v;
-            this._a("rowHeight", this.i.bq);
+            this.i.bu = +v;
+            this._a("rowHeight", this.i.bu);
         }
         /**
          * Gets or sets the text color for subtitles.
         */
         get subtitleTextColor() {
-            return brushToString(this.i.ft);
+            return brushToString(this.i.fz);
         }
         set subtitleTextColor(v) {
-            this.i.ft = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ft));
+            this.i.fz = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.fz));
         }
         /**
          * Gets or sets the text color for group header subtitles.
         */
         get groupHeaderSubtitleTextColor() {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.fq);
         }
         set groupHeaderSubtitleTextColor(v) {
-            this.i.fk = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fk));
+            this.i.fq = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fq));
         }
         /**
          * Gets or sets the dropdown delay time in milliseconds.
         */
         get dropdownDelay() {
-            return this.i.bn;
+            return this.i.br;
         }
         set dropdownDelay(v) {
-            this.i.bn = +v;
-            this._a("dropdownDelay", this.i.bn);
+            this.i.br = +v;
+            this._a("dropdownDelay", this.i.br);
+        }
+        /**
+         * Prevents clicks on the tool actions from bubbling.
+        */
+        get stopPropagation() {
+            return this.i.au;
+        }
+        set stopPropagation(v) {
+            this.i.au = ensureBool(v);
+            this._a("stopPropagation", this.i.au);
+        }
+        /**
+         * Gets or sets the style of scrollbar.
+        */
+        get scrollbarStyle() {
+            return this.i.v;
+        }
+        set scrollbarStyle(v) {
+            this.i.v = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.v));
         }
         get isOpen() {
-            return this.i.ao;
+            return this.i.ar;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -813,14 +834,14 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         flushRefresh() {
-            this.i.dr();
+            this.i.dx();
         }
         /**
          * Get the desired size the toolbar wants to be.
         
         */
         getDesiredSize() {
-            let iv = this.i.f0();
+            let iv = this.i.f6();
             return fromSize(iv);
         }
         /**
@@ -828,114 +849,114 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         closeSubmenus() {
-            this.i.dn();
+            this.i.du();
         }
         onCommandStateChanged(id, type, value) {
             this.i.onCommandStateChanged(id, (type == null ? null : type), value);
         }
         registerIconFromText(iconCollection, iconName, iconText) {
-            this.i.d8(iconCollection, iconName, iconText);
+            this.i.ee(iconCollection, iconName, iconText);
         }
         getIconFromCache(iconCollection, iconName) {
-            let iv = this.i.ci(iconCollection, iconName);
+            let iv = this.i.cm(iconCollection, iconName);
             return (iv);
         }
         registerMultiPathSVG(iconCollection, iconName, multiPathSVG) {
-            this.i.ea(iconCollection, iconName, multiPathSVG);
+            this.i.eg(iconCollection, iconName, multiPathSVG);
         }
         getMultiPathSVGFromCache(iconCollection, iconName) {
             let iv = this.i.a(iconCollection, iconName);
             return (iv);
         }
         registerIconFromDataURL(iconCollection, iconName, dataURL) {
-            this.i.d7(iconCollection, iconName, dataURL);
+            this.i.ed(iconCollection, iconName, dataURL);
         }
         getDataURLFromCache(iconCollection, iconName) {
-            let iv = this.i.ch(iconCollection, iconName);
+            let iv = this.i.cl(iconCollection, iconName);
             return (iv);
         }
         registerIconSource(iconCollection, iconName, source) {
-            this.i.d9(iconCollection, iconName, source);
+            this.i.ef(iconCollection, iconName, source);
         }
         getIconSource(iconCollection, iconName) {
-            let iv = this.i.b0(iconCollection, iconName);
+            let iv = this.i.b4(iconCollection, iconName);
             return (iv);
         }
         setBrushContextItem(key, value) {
-            this.i.ed(key, stringToBrush(value));
+            this.i.ej(key, stringToBrush(value));
         }
         getBrushContextItem(key) {
-            let iv = this.i.fi(key);
+            let iv = this.i.fo(key);
             return brushToString(iv);
         }
         setBrushCollectionContextItem(key, value) {
-            this.i.ec(key, toBrushCollection(value));
+            this.i.ei(key, toBrushCollection(value));
         }
         getBrushCollectionContextItem(key) {
             let iv = this.i.b(key);
             return fromBrushCollection(iv);
         }
         setDoubleContextItem(key, value) {
-            this.i.eh(key, value);
+            this.i.en(key, value);
         }
         getDoubleContextItem(key) {
-            let iv = this.i.a5(key);
+            let iv = this.i.a9(key);
             return (iv);
         }
         setIntContextItem(key, value) {
-            this.i.eo(key, value);
+            this.i.eu(key, value);
         }
         getExternalDoubleContextItem(key) {
-            let iv = this.i.a6(key);
+            let iv = this.i.ba(key);
             return (iv);
         }
         setExternalDoubleContextItem(key, value) {
-            this.i.em(key, value);
+            this.i.es(key, value);
         }
         getIntContextItem(key) {
-            let iv = this.i.bp(key);
+            let iv = this.i.bt(key);
             return (iv);
         }
         setExternalIntContextItem(key, value) {
-            this.i.en(key, value);
+            this.i.et(key, value);
         }
         getExternalIntContextItem(key) {
-            let iv = this.i.bo(key);
+            let iv = this.i.bs(key);
             return (iv);
         }
         setStringContextItem(key, value) {
-            this.i.ep(key, value);
+            this.i.ev(key, value);
         }
         getStringContextItem(key) {
-            let iv = this.i.cj(key);
+            let iv = this.i.cn(key);
             return (iv);
         }
         setBoolContextItem(key, value) {
-            this.i.eb(key, value);
+            this.i.eh(key, value);
         }
         getBoolContextItem(key) {
-            let iv = this.i.an(key);
+            let iv = this.i.aq(key);
             return (iv);
         }
         setColorContextItem(key, value) {
-            this.i.ee(key, stringToColor(value));
+            this.i.ek(key, stringToColor(value));
         }
         getColorContextItem(key) {
-            let iv = this.i.fz(key);
+            let iv = this.i.f5(key);
             return colorToString(iv);
         }
         setDataContextItem(key, value) {
-            this.i.eg(key, value);
+            this.i.em(key, value);
         }
         getDataContextItem(key) {
-            let iv = this.i.bv(key);
+            let iv = this.i.bz(key);
             return (iv);
         }
         setExternalDataContextItem(key, value) {
-            this.i.el(key, value);
+            this.i.er(key, value);
         }
         getExternalDataContextItem(key) {
-            let iv = this.i.bz(key);
+            let iv = this.i.b3(key);
             return (iv);
         }
         /**
@@ -943,7 +964,7 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualData() {
-            let iv = this.i.bt();
+            let iv = this.i.bx();
             return (iv);
         }
         /**
@@ -951,7 +972,7 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.cg();
+            let iv = this.i.ck();
             return (iv);
         }
         /**