igniteui-webcomponents-layouts 7.1.0-beta.2 → 7.1.0-beta.4

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

@@ -352,101 +352,101 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f1);
         }
         set backgroundColor(v) {
-            this.i.fv = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fv));
+            this.i.f1 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.f1));
         }
         /**
          * Gets or sets the background color for submenus.
         */
         get submenuBackgroundColor() {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.gi);
         }
         set submenuBackgroundColor(v) {
-            this.i.f9 = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.f9));
+            this.i.gi = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.gi));
         }
         /**
          * Gets or sets the group header background color.
         */
         get groupHeaderBackgroundColor() {
-            return brushToString(this.i.f0);
+            return brushToString(this.i.f9);
         }
         set groupHeaderBackgroundColor(v) {
-            this.i.f0 = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.f0));
+            this.i.f9 = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.f9));
         }
         /**
          * Gets or sets the separator background color.
         */
         get separatorBackgroundColor() {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.gh);
         }
         set separatorBackgroundColor(v) {
-            this.i.f8 = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.f8));
+            this.i.gh = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.gh));
         }
         /**
          * Gets or sets the hover background color.
         */
         get hoverBackgroundColor() {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.gd);
         }
         set hoverBackgroundColor(v) {
-            this.i.f4 = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.f4));
+            this.i.gd = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.gd));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gk);
         }
         set textColor(v) {
-            this.i.gb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.gb));
+            this.i.gk = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.gk));
         }
         /**
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get disabledTextColor() {
-            return brushToString(this.i.fy);
+            return brushToString(this.i.f7);
         }
         set disabledTextColor(v) {
-            this.i.fy = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fy));
+            this.i.f7 = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.f7));
         }
         /**
          * Gets or sets the text color for group header tool actions.
         */
         get groupHeaderTextColor() {
-            return brushToString(this.i.f2);
+            return brushToString(this.i.gb);
         }
         set groupHeaderTextColor(v) {
-            this.i.f2 = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.f2));
+            this.i.gb = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.gb));
         }
         /**
          * Gets or sets the tooltip text color.
         */
         get toolTipTextColor() {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.gm);
         }
         set toolTipTextColor(v) {
-            this.i.gd = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.gd));
+            this.i.gm = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.gm));
         }
         /**
          * Gets or sets the tooltip background color.
         */
         get toolTipBackgroundColor() {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.gl);
         }
         set toolTipBackgroundColor(v) {
-            this.i.gc = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.gc));
+            this.i.gl = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.gl));
         }
         /**
          * Gets or sets the tooltip corner radius.
@@ -472,21 +472,21 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get iconFill() {
-            return brushToString(this.i.f5);
+            return brushToString(this.i.ge);
         }
         set iconFill(v) {
-            this.i.f5 = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.f5));
+            this.i.ge = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.ge));
         }
         /**
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get iconStroke() {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.gf);
         }
         set iconStroke(v) {
-            this.i.f6 = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.f6));
+            this.i.gf = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.gf));
         }
         /**
          * Gets or sets the text style.
@@ -660,68 +660,68 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._a("highlightRadius", this.i.bf);
         }
         get highlightColor() {
-            return brushToString(this.i.f3);
+            return brushToString(this.i.gc);
         }
         set highlightColor(v) {
-            this.i.f3 = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.f3));
+            this.i.gc = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.gc));
         }
         get accentColor() {
-            return brushToString(this.i.fu);
+            return brushToString(this.i.f0);
         }
         set accentColor(v) {
-            this.i.fu = stringToBrush(v);
-            this._a("accentColor", brushToString(this.i.fu));
+            this.i.f0 = stringToBrush(v);
+            this._a("accentColor", brushToString(this.i.f0));
         }
         /**
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get menuArrowStroke() {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.gg);
         }
         set menuArrowStroke(v) {
-            this.i.f7 = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.f7));
+            this.i.gg = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.gg));
         }
         /**
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get uncheckedBackgroundColor() {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gn);
         }
         set uncheckedBackgroundColor(v) {
-            this.i.ge = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.ge));
+            this.i.gn = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.gn));
         }
         /**
          * Gets or sets the background color of the radio when in the checked state.
         */
         get checkedBackgroundColor() {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f5);
         }
         set checkedBackgroundColor(v) {
-            this.i.fw = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.fw));
+            this.i.f5 = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.f5));
         }
         /**
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get uncheckedBorderColor() {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.go);
         }
         set uncheckedBorderColor(v) {
-            this.i.gf = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.gf));
+            this.i.go = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.go));
         }
         /**
          * Gets or sets the border color of the radio when in the checked state.
         */
         get checkedBorderColor() {
-            return brushToString(this.i.fx);
+            return brushToString(this.i.f6);
         }
         set checkedBorderColor(v) {
-            this.i.fx = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fx));
+            this.i.f6 = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.f6));
         }
         /**
          * Gets or sets the row height that should be used.
@@ -747,21 +747,21 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text color for subtitles.
         */
         get subtitleTextColor() {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gj);
         }
         set subtitleTextColor(v) {
-            this.i.ga = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ga));
+            this.i.gj = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.gj));
         }
         /**
          * Gets or sets the text color for group header subtitles.
         */
         get groupHeaderSubtitleTextColor() {
-            return brushToString(this.i.f1);
+            return brushToString(this.i.ga);
         }
         set groupHeaderSubtitleTextColor(v) {
-            this.i.f1 = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.f1));
+            this.i.ga = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.ga));
         }
         /**
          * Gets or sets the dropdown delay time in milliseconds.
@@ -793,6 +793,36 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this.i.v = ensureEnum(ScrollbarStyle_$type, v);
             this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.v));
         }
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get checkboxListScrollbarBackground() {
+            return brushToString(this.i.f3);
+        }
+        set checkboxListScrollbarBackground(v) {
+            this.i.f3 = stringToBrush(v);
+            this._a("checkboxListScrollbarBackground", brushToString(this.i.f3));
+        }
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get checkboxListScrollbarHoverBackground() {
+            return brushToString(this.i.f4);
+        }
+        set checkboxListScrollbarHoverBackground(v) {
+            this.i.f4 = stringToBrush(v);
+            this._a("checkboxListScrollbarHoverBackground", brushToString(this.i.f4));
+        }
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get checkboxListScrollbarActiveBackground() {
+            return brushToString(this.i.f2);
+        }
+        set checkboxListScrollbarActiveBackground(v) {
+            this.i.f2 = stringToBrush(v);
+            this._a("checkboxListScrollbarActiveBackground", brushToString(this.i.f2));
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -864,7 +894,7 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         flushRefresh() {
-            this.i.d6();
+            this.i.d9();
         }
         /**
          * Is a dropdown menu or tooltip currently open.
@@ -879,7 +909,7 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         getDesiredSize() {
-            let iv = this.i.gh();
+            let iv = this.i.gq();
             return fromSize(iv);
         }
         /**
@@ -887,111 +917,111 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         closeSubmenus() {
-            this.i.d3();
+            this.i.d6();
         }
         onCommandStateChanged(id, type, value) {
             this.i.onCommandStateChanged(id, ensureEnum(ToolCommandStateType_$type, type), value);
         }
         registerIconFromText(iconCollection, iconName, iconText) {
-            this.i.en(iconCollection, iconName, iconText);
+            this.i.eq(iconCollection, iconName, iconText);
         }
         getIconFromCache(iconCollection, iconName) {
-            let iv = this.i.ct(iconCollection, iconName);
+            let iv = this.i.cw(iconCollection, iconName);
             return (iv);
         }
         registerMultiPathSVG(iconCollection, iconName, multiPathSVG) {
-            this.i.ep(iconCollection, iconName, multiPathSVG);
+            this.i.es(iconCollection, iconName, multiPathSVG);
         }
         getMultiPathSVGFromCache(iconCollection, iconName) {
             let iv = this.i.a(iconCollection, iconName);
             return (iv);
         }
         registerIconFromDataURL(iconCollection, iconName, dataURL) {
-            this.i.em(iconCollection, iconName, dataURL);
+            this.i.ep(iconCollection, iconName, dataURL);
         }
         getDataURLFromCache(iconCollection, iconName) {
-            let iv = this.i.cs(iconCollection, iconName);
+            let iv = this.i.cv(iconCollection, iconName);
             return (iv);
         }
         registerIconSource(iconCollection, iconName, source) {
-            this.i.eo(iconCollection, iconName, source);
+            this.i.er(iconCollection, iconName, source);
         }
         getIconSource(iconCollection, iconName) {
             let iv = this.i.ca(iconCollection, iconName);
             return (iv);
         }
         setBrushContextItem(key, value) {
-            this.i.es(key, stringToBrush(value));
+            this.i.ev(key, stringToBrush(value));
         }
         getBrushContextItem(key) {
-            let iv = this.i.fz(key);
+            let iv = this.i.f8(key);
             return brushToString(iv);
         }
         setBrushCollectionContextItem(key, value) {
-            this.i.er(key, toBrushCollection(value));
+            this.i.eu(key, toBrushCollection(value));
         }
         getBrushCollectionContextItem(key) {
             let iv = this.i.b(key);
             return fromBrushCollection(iv);
         }
         setDoubleContextItem(key, value) {
-            this.i.ew(key, value);
+            this.i.ez(key, value);
         }
         getDoubleContextItem(key) {
             let iv = this.i.bd(key);
             return (iv);
         }
         setIntContextItem(key, value) {
-            this.i.e3(key, value);
+            this.i.e6(key, value);
         }
         getExternalDoubleContextItem(key) {
             let iv = this.i.be(key);
             return (iv);
         }
         setExternalDoubleContextItem(key, value) {
-            this.i.e1(key, value);
+            this.i.e4(key, value);
         }
         getIntContextItem(key) {
             let iv = this.i.by(key);
             return (iv);
         }
         setExternalIntContextItem(key, value) {
-            this.i.e2(key, value);
+            this.i.e5(key, value);
         }
         getExternalIntContextItem(key) {
             let iv = this.i.bx(key);
             return (iv);
         }
         setStringContextItem(key, value) {
-            this.i.e4(key, value);
+            this.i.e7(key, value);
         }
         getStringContextItem(key) {
-            let iv = this.i.cu(key);
+            let iv = this.i.cx(key);
             return (iv);
         }
         setBoolContextItem(key, value) {
-            this.i.eq(key, value);
+            this.i.et(key, value);
         }
         getBoolContextItem(key) {
             let iv = this.i.au(key);
             return (iv);
         }
         setColorContextItem(key, value) {
-            this.i.et(key, stringToColor(value));
+            this.i.ew(key, stringToColor(value));
         }
         getColorContextItem(key) {
-            let iv = this.i.gg(key);
+            let iv = this.i.gp(key);
             return colorToString(iv);
         }
         setDataContextItem(key, value) {
-            this.i.ev(key, value);
+            this.i.ey(key, value);
         }
         getDataContextItem(key) {
             let iv = this.i.b5(key);
             return (iv);
         }
         setExternalDataContextItem(key, value) {
-            this.i.e0(key, value);
+            this.i.e3(key, value);
         }
         getExternalDataContextItem(key) {
             let iv = this.i.b9(key);
@@ -1010,7 +1040,7 @@ let IgcToolbarComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualData() {
-            let iv = this.i.cr();
+            let iv = this.i.cu();
             return (iv);
         }
         /**