igniteui-webcomponents-layouts 7.0.0 → 7.0.1

package/esm2015/lib/igc-tool-action-component.js

@@ -228,7 +228,7 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this.i.contextBindings = innerColl;
         }
         get actionId() {
-            return this.i.cz;
+            return this.i.c0;
         }
         get actualActions() {
             if (!this._actualActions) {
@@ -302,10 +302,10 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._a("subPanelRowHeight", this.i.cp);
         }
         get parentId() {
-            return this.i.es;
+            return this.i.eu;
         }
         set parentId(v) {
-            this.i.es = v;
+            this.i.eu = v;
         }
         /**
          * Gets or sets the Id of the action that this action will be inserted before.
@@ -316,10 +316,10 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * after the action has already been added will have no effect.
         */
         get beforeId() {
-            return this.i.dm;
+            return this.i.dp;
         }
         set beforeId(v) {
-            this.i.dm = v;
+            this.i.dp = v;
         }
         /**
          * Gets or sets the Id of the action that this action will be inserted after.
@@ -330,10 +330,10 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * after the action has already been added will have no effect.
         */
         get afterId() {
-            return this.i.dj;
+            return this.i.dl;
         }
         set afterId(v) {
-            this.i.dj = v;
+            this.i.dl = v;
         }
         /**
          * Sets to the Id of the action that this action will overlay itself on to.
@@ -346,22 +346,22 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * overlaid onto the generated actions.
         */
         get overlayId() {
-            return this.i.en;
+            return this.i.ep;
         }
         set overlayId(v) {
-            this.i.en = v;
+            this.i.ep = v;
         }
         get commandId() {
-            return this.i.ds;
+            return this.i.du;
         }
         set commandId(v) {
-            this.i.ds = v;
+            this.i.du = v;
         }
         get commandArgument() {
-            return this.i.dp;
+            return this.i.dr;
         }
         set commandArgument(v) {
-            this.i.dp = v;
+            this.i.dr = v;
         }
         get commandArgumentValue() {
             return this.i.cq;
@@ -429,101 +429,101 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets the actual hover background used by the tool action.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.g8);
+            return brushToString(this.i.hc);
         }
         set actualHoverBackground(v) {
-            this.i.g8 = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.g8));
+            this.i.hc = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.hc));
         }
         /**
          * Gets or sets the hover background for this tool action.
         */
         get hoverBackground() {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hk);
         }
         set hoverBackground(v) {
-            this.i.hg = stringToBrush(v);
-            this._a("hoverBackground", brushToString(this.i.hg));
+            this.i.hk = stringToBrush(v);
+            this._a("hoverBackground", brushToString(this.i.hk));
         }
         /**
          * Gets the actual background used by the tool action.
         */
         get actualBackground() {
-            return brushToString(this.i.g5);
+            return brushToString(this.i.g9);
         }
         set actualBackground(v) {
-            this.i.g5 = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.g5));
+            this.i.g9 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.g9));
         }
         /**
          * Gets or sets the background color of the tool action.
         */
         get background() {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.hh);
         }
         set background(v) {
-            this.i.hd = stringToBrush(v);
-            this._a("background", brushToString(this.i.hd));
+            this.i.hh = stringToBrush(v);
+            this._a("background", brushToString(this.i.hh));
         }
         /**
          * Gets the actual label text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.hc);
+            return brushToString(this.i.hg);
         }
         set actualTextColor(v) {
-            this.i.hc = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.hc));
+            this.i.hg = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.hg));
         }
         /**
          * Gets or sets the label text color.
         */
         get textColor() {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.ho);
         }
         set textColor(v) {
-            this.i.hk = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.hk));
+            this.i.ho = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ho));
         }
         /**
          * Gets the actual label text color.
         */
         get actualSubtitleTextColor() {
-            return brushToString(this.i.hb);
+            return brushToString(this.i.hf);
         }
         set actualSubtitleTextColor(v) {
-            this.i.hb = stringToBrush(v);
-            this._a("actualSubtitleTextColor", brushToString(this.i.hb));
+            this.i.hf = stringToBrush(v);
+            this._a("actualSubtitleTextColor", brushToString(this.i.hf));
         }
         /**
          * Gets or sets the label text color.
         */
         get subtitleTextColor() {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hn);
         }
         set subtitleTextColor(v) {
-            this.i.hj = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.hj));
+            this.i.hn = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.hn));
         }
         /**
          * Gets the actual label text color when the tool is disabled.
         */
         get actualDisabledTextColor() {
-            return brushToString(this.i.g6);
+            return brushToString(this.i.ha);
         }
         set actualDisabledTextColor(v) {
-            this.i.g6 = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.g6));
+            this.i.ha = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.ha));
         }
         /**
          * Gets or sets the label text color when the tool is disabled.
         */
         get disabledTextColor() {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hi);
         }
         set disabledTextColor(v) {
-            this.i.he = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.he));
+            this.i.hi = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.hi));
         }
         /**
          * Gets the actual font used.
@@ -587,6 +587,20 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this.i.a9 = ensureBool(v);
             this._a("isHighlighted", this.i.a9);
         }
+        get actualAccentColor() {
+            return brushToString(this.i.g8);
+        }
+        set actualAccentColor(v) {
+            this.i.g8 = stringToBrush(v);
+            this._a("actualAccentColor", brushToString(this.i.g8));
+        }
+        get accentColor() {
+            return brushToString(this.i.g7);
+        }
+        set accentColor(v) {
+            this.i.g7 = stringToBrush(v);
+            this._a("accentColor", brushToString(this.i.g7));
+        }
         /**
          * Gets or sets the display density to use for the action.
         */
@@ -608,50 +622,50 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.v));
         }
         get name() {
-            return this.i.el;
+            return this.i.en;
         }
         set name(v) {
-            this.i.el = v;
+            this.i.en = v;
         }
         /**
          * Gets or sets the title of the tool.
         */
         get title() {
-            return this.i.e5;
+            return this.i.e7;
         }
         set title(v) {
-            this.i.e5 = v;
+            this.i.e7 = v;
         }
         /**
          * Gets or sets the subtitle of the tool.
         */
         get subtitle() {
-            return this.i.ez;
+            return this.i.e1;
         }
         set subtitle(v) {
-            this.i.ez = v;
+            this.i.e1 = v;
         }
         /**
          * Gets or sets the title horizontal alignment.
         */
         get titleHorizontalAlignment() {
-            return this.i.g3;
+            return this.i.g5;
         }
         set titleHorizontalAlignment(v) {
-            this.i.g3 = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.g3));
+            this.i.g5 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.g5));
         }
         get iconName() {
-            return this.i.d9;
+            return this.i.eb;
         }
         set iconName(v) {
-            this.i.d9 = v;
+            this.i.eb = v;
         }
         get iconCollectionName() {
-            return this.i.d4;
+            return this.i.d6;
         }
         set iconCollectionName(v) {
-            this.i.d4 = v;
+            this.i.d6 = v;
         }
         /**
          * Gets or sets the icon viewbox left.
@@ -697,21 +711,21 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon fill color.
         */
         get iconFill() {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hl);
         }
         set iconFill(v) {
-            this.i.hh = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.hh));
+            this.i.hl = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.hl));
         }
         /**
          * Gets the actual icon fill color.
         */
         get actualIconFill() {
-            return brushToString(this.i.g9);
+            return brushToString(this.i.hd);
         }
         set actualIconFill(v) {
-            this.i.g9 = stringToBrush(v);
-            this._a("actualIconFill", brushToString(this.i.g9));
+            this.i.hd = stringToBrush(v);
+            this._a("actualIconFill", brushToString(this.i.hd));
         }
         /**
          * Gets or sets the icon fill colors.
@@ -727,21 +741,21 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon stroke color.
         */
         get iconStroke() {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hm);
         }
         set iconStroke(v) {
-            this.i.hi = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.hi));
+            this.i.hm = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.hm));
         }
         /**
          * Gets the actual icon stroke color.
         */
         get actualIconStroke() {
-            return brushToString(this.i.ha);
+            return brushToString(this.i.he);
         }
         set actualIconStroke(v) {
-            this.i.ha = stringToBrush(v);
-            this._a("actualIconStroke", brushToString(this.i.ha));
+            this.i.he = stringToBrush(v);
+            this._a("actualIconStroke", brushToString(this.i.he));
         }
         /**
          * Gets or sets the icon stroke colors.
@@ -807,11 +821,11 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the tool action visibility.
         */
         get visibility() {
-            return this.i.hl;
+            return this.i.hp;
         }
         set visibility(v) {
-            this.i.hl = ensureEnum(Visibility_$type, v);
-            this._a("visibility", enumToString(Visibility_$type, this.i.hl));
+            this.i.hp = ensureEnum(Visibility_$type, v);
+            this._a("visibility", enumToString(Visibility_$type, this.i.hp));
         }
         /**
          * Gets or sets if the tool action will close its parent dropdown when executed by the user.
@@ -852,18 +866,18 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._a("actualHighlightRadius", this.i.bw);
         }
         get highlightColor() {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.hj);
         }
         set highlightColor(v) {
-            this.i.hf = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.hf));
+            this.i.hj = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.hj));
         }
         get actualHighlightColor() {
-            return brushToString(this.i.g7);
+            return brushToString(this.i.hb);
         }
         set actualHighlightColor(v) {
-            this.i.g7 = stringToBrush(v);
-            this._a("actualHighlightColor", brushToString(this.i.g7));
+            this.i.hb = stringToBrush(v);
+            this._a("actualHighlightColor", brushToString(this.i.hb));
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -933,17 +947,17 @@ let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         openSubMenu() {
-            this.i.gf();
+            this.i.gh();
         }
         closeSubmenu() {
-            this.i.fd();
+            this.i.ff();
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
         exportSerializedVisualData() {
-            let iv = this.i.dy();
+            let iv = this.i.d0();
             return (iv);
         }
         get onCommand() {

package/esm2015/lib/igc-tool-action-field-selector-component.js

@@ -75,36 +75,36 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
          * Gets or sets if the tool action is checked.
         */
         get dataSource() {
-            return this.i.hu;
+            return this.i.hy;
         }
         set dataSource(v) {
-            this.i.hu = v;
+            this.i.hy = v;
         }
         get legendTarget() {
-            return this.i.iq;
+            return this.i.iu;
         }
         set legendTarget(v) {
-            this.i.iq = v;
+            this.i.iu = v;
         }
         /**
          * Gets or sets if the tool action is checked.
         */
         get fieldType() {
-            return this.i.hy;
+            return this.i.h2;
         }
         set fieldType(v) {
-            this.i.hy = ensureEnum(ToolActionFieldSelectorType_$type, v);
-            this._a("fieldType", enumToString(ToolActionFieldSelectorType_$type, this.i.hy));
+            this.i.h2 = ensureEnum(ToolActionFieldSelectorType_$type, v);
+            this._a("fieldType", enumToString(ToolActionFieldSelectorType_$type, this.i.h2));
         }
         /**
          * Gets or sets if the list only takes one selection at a time.
         */
         get singleSelection() {
-            return this.i.h8;
+            return this.i.ic;
         }
         set singleSelection(v) {
-            this.i.h8 = ensureBool(v);
-            this._a("singleSelection", this.i.h8);
+            this.i.ic = ensureBool(v);
+            this._a("singleSelection", this.i.ic);
         }
         /**
          * Gets or sets a list of aggregations to use, if null a default list is used instead.
@@ -113,12 +113,12 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
         get aggregations() {
             if (this._aggregations === null) {
                 let coll = new IgcToolActionFieldSelectorAggregationsCollection();
-                let innerColl = this.i.hv;
+                let innerColl = this.i.hz;
                 if (!innerColl) {
                     innerColl = new ToolActionFieldSelectorAggregationsCollection_internal();
                 }
                 this._aggregations = coll._fromInner(innerColl);
-                this.i.hv = innerColl;
+                this.i.hz = innerColl;
             }
             return this._aggregations;
         }
@@ -130,24 +130,24 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
             let coll = new IgcToolActionFieldSelectorAggregationsCollection();
             this._aggregations = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ToolActionFieldSelectorAggregation.$type);
-            let innerColl = this.i.hv;
+            let innerColl = this.i.hz;
             if (!innerColl) {
                 innerColl = new ToolActionFieldSelectorAggregationsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._aggregations._setSyncTarget(syncColl);
-            this.i.hv = innerColl;
+            this.i.hz = innerColl;
         }
         /**
          * Gets or sets if the data source has to be updated when changes are made.
         */
         get updateDataSource() {
-            return this.i.h9;
+            return this.i.id;
         }
         set updateDataSource(v) {
-            this.i.h9 = ensureBool(v);
-            this._a("updateDataSource", this.i.h9);
+            this.i.id = ensureBool(v);
+            this._a("updateDataSource", this.i.id);
         }
         /**
          * Used to set default values when using custom aggregations, will be overriden otherwise
@@ -155,12 +155,12 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
         get selectedAggregations() {
             if (this._selectedAggregations === null) {
                 let coll = new IgcToolActionFieldSelectorSelectedAggregationsCollection();
-                let innerColl = this.i.hx;
+                let innerColl = this.i.h1;
                 if (!innerColl) {
                     innerColl = new ToolActionFieldSelectorSelectedAggregationsCollection_internal();
                 }
                 this._selectedAggregations = coll._fromInner(innerColl);
-                this.i.hx = innerColl;
+                this.i.h1 = innerColl;
             }
             return this._selectedAggregations;
         }
@@ -172,70 +172,70 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
             let coll = new IgcToolActionFieldSelectorSelectedAggregationsCollection();
             this._selectedAggregations = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ToolActionFieldSelectorSelectedAggregation.$type);
-            let innerColl = this.i.hx;
+            let innerColl = this.i.h1;
             if (!innerColl) {
                 innerColl = new ToolActionFieldSelectorSelectedAggregationsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._selectedAggregations._setSyncTarget(syncColl);
-            this.i.hx = innerColl;
+            this.i.h1 = innerColl;
         }
         get paddingLeft() {
-            return this.i.ij;
+            return this.i.io;
         }
         set paddingLeft(v) {
-            this.i.ij = +v;
-            this._a("paddingLeft", this.i.ij);
+            this.i.io = +v;
+            this._a("paddingLeft", this.i.io);
         }
         get actualPaddingLeft() {
-            return this.i.ie;
+            return this.i.ij;
         }
         set actualPaddingLeft(v) {
-            this.i.ie = +v;
-            this._a("actualPaddingLeft", this.i.ie);
+            this.i.ij = +v;
+            this._a("actualPaddingLeft", this.i.ij);
         }
         get paddingRight() {
-            return this.i.ik;
+            return this.i.ip;
         }
         set paddingRight(v) {
-            this.i.ik = +v;
-            this._a("paddingRight", this.i.ik);
+            this.i.ip = +v;
+            this._a("paddingRight", this.i.ip);
         }
         get actualPaddingRight() {
-            return this.i.ig;
+            return this.i.ik;
         }
         set actualPaddingRight(v) {
-            this.i.ig = +v;
-            this._a("actualPaddingRight", this.i.ig);
+            this.i.ik = +v;
+            this._a("actualPaddingRight", this.i.ik);
         }
         get paddingBottom() {
-            return this.i.ii;
+            return this.i.im;
         }
         set paddingBottom(v) {
-            this.i.ii = +v;
-            this._a("paddingBottom", this.i.ii);
+            this.i.im = +v;
+            this._a("paddingBottom", this.i.im);
         }
         get actualPaddingBottom() {
-            return this.i.id;
+            return this.i.ii;
         }
         set actualPaddingBottom(v) {
-            this.i.id = +v;
-            this._a("actualPaddingBottom", this.i.id);
+            this.i.ii = +v;
+            this._a("actualPaddingBottom", this.i.ii);
         }
         get paddingTop() {
-            return this.i.il;
+            return this.i.iq;
         }
         set paddingTop(v) {
-            this.i.il = +v;
-            this._a("paddingTop", this.i.il);
+            this.i.iq = +v;
+            this._a("paddingTop", this.i.iq);
         }
         get actualPaddingTop() {
-            return this.i.ih;
+            return this.i.il;
         }
         set actualPaddingTop(v) {
-            this.i.ih = +v;
-            this._a("actualPaddingTop", this.i.ih);
+            this.i.il = +v;
+            this._a("actualPaddingTop", this.i.il);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igc-tool-action-group-header-component.js

@@ -65,21 +65,21 @@ let IgcToolActionGroupHeaderComponent = /*@__PURE__*/ (() => {
          * Gets the actual back icon color.
         */
         get actualBackIconColor() {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.h1);
         }
         set actualBackIconColor(v) {
-            this.i.hx = stringToBrush(v);
-            this._a("actualBackIconColor", brushToString(this.i.hx));
+            this.i.h1 = stringToBrush(v);
+            this._a("actualBackIconColor", brushToString(this.i.h1));
         }
         /**
          * Gets or sets the icon color for the back button.
         */
         get backIconColor() {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.h2);
         }
         set backIconColor(v) {
-            this.i.hy = stringToBrush(v);
-            this._a("backIconColor", brushToString(this.i.hy));
+            this.i.h2 = stringToBrush(v);
+            this._a("backIconColor", brushToString(this.i.h2));
         }
         exportVisualData() {
             let iv = this.i.cr();