igniteui-webcomponents-layouts 5.3.0 → 5.4.0

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

@@ -3,6 +3,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { IgcToolContextBindingCollection } from "./igc-tool-context-binding-collection";
 import { IgcToolActionCollection } from "./igc-tool-action-collection";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { Visibility_$type } from "igniteui-webcomponents-core";
 import { IgcToolCommandEventArgs } from "./igc-tool-command-event-args";
 import { IgcToolActionPerformedEventArgs } from "./igc-tool-action-performed-event-args";
@@ -195,7 +196,7 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._updatingFromAttribute = false;
         }
         get isOpen() {
-            return this.i.a8;
+            return this.i.ba;
         }
         /**
          * Gets the context bindings for this tool action.
@@ -230,7 +231,7 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this.i.contextBindings = innerColl;
         }
         get actionId() {
-            return this.i.cx;
+            return this.i.cz;
         }
         get actualActions() {
             if (!this._actualActions) {
@@ -277,37 +278,37 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the width to use for this tool action.
         */
         get width() {
-            return this.i.cm;
+            return this.i.co;
         }
         set width(v) {
-            this.i.cm = +v;
-            this._a("width", this.i.cm);
+            this.i.co = +v;
+            this._a("width", this.i.co);
         }
         /**
          * Gets or sets the height to use for this tool action.
         */
         get height() {
-            return this.i.b7;
+            return this.i.b9;
         }
         set height(v) {
-            this.i.b7 = +v;
-            this._a("height", this.i.b7);
+            this.i.b9 = +v;
+            this._a("height", this.i.b9);
         }
         /**
          * Gets or sets the height to use for the sub panel if different than default
         */
         get subPanelRowHeight() {
-            return this.i.cn;
+            return this.i.cp;
         }
         set subPanelRowHeight(v) {
-            this.i.cn = +v;
-            this._a("subPanelRowHeight", this.i.cn);
+            this.i.cp = +v;
+            this._a("subPanelRowHeight", this.i.cp);
         }
         get parentId() {
-            return this.i.ep;
+            return this.i.es;
         }
         set parentId(v) {
-            this.i.ep = v;
+            this.i.es = v;
         }
         /**
          * Gets or sets the Id of the action that this action will be inserted before.
@@ -318,10 +319,10 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * after the action has already been added will have no effect.
         */
         get beforeId() {
-            return this.i.dk;
+            return this.i.dm;
         }
         set beforeId(v) {
-            this.i.dk = v;
+            this.i.dm = v;
         }
         /**
          * Gets or sets the Id of the action that this action will be inserted after.
@@ -332,10 +333,10 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * after the action has already been added will have no effect.
         */
         get afterId() {
-            return this.i.dh;
+            return this.i.dj;
         }
         set afterId(v) {
-            this.i.dh = v;
+            this.i.dj = v;
         }
         /**
          * Sets to the Id of the action that this action will overlay itself on to.
@@ -348,362 +349,372 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * overlaid onto the generated actions.
         */
         get overlayId() {
-            return this.i.ek;
+            return this.i.en;
         }
         set overlayId(v) {
-            this.i.ek = v;
+            this.i.en = v;
         }
         get commandId() {
-            return this.i.dq;
+            return this.i.ds;
         }
         set commandId(v) {
-            this.i.dq = v;
+            this.i.ds = v;
         }
         get commandArgument() {
-            return this.i.dm;
+            return this.i.dp;
         }
         set commandArgument(v) {
-            this.i.dm = v;
+            this.i.dp = v;
         }
         get commandArgumentValue() {
-            return this.i.co;
+            return this.i.cq;
         }
         set commandArgumentValue(v) {
-            this.i.co = v;
+            this.i.cq = v;
         }
         get paddingLeft() {
-            return this.i.ci;
+            return this.i.ck;
         }
         set paddingLeft(v) {
-            this.i.ci = +v;
-            this._a("paddingLeft", this.i.ci);
+            this.i.ck = +v;
+            this._a("paddingLeft", this.i.ck);
         }
         get actualPaddingLeft() {
-            return this.i.bz;
+            return this.i.b1;
         }
         set actualPaddingLeft(v) {
-            this.i.bz = +v;
-            this._a("actualPaddingLeft", this.i.bz);
+            this.i.b1 = +v;
+            this._a("actualPaddingLeft", this.i.b1);
         }
         get paddingRight() {
-            return this.i.cj;
+            return this.i.cl;
         }
         set paddingRight(v) {
-            this.i.cj = +v;
-            this._a("paddingRight", this.i.cj);
+            this.i.cl = +v;
+            this._a("paddingRight", this.i.cl);
         }
         get actualPaddingRight() {
-            return this.i.b0;
+            return this.i.b2;
         }
         set actualPaddingRight(v) {
-            this.i.b0 = +v;
-            this._a("actualPaddingRight", this.i.b0);
+            this.i.b2 = +v;
+            this._a("actualPaddingRight", this.i.b2);
         }
         get paddingBottom() {
-            return this.i.ch;
+            return this.i.cj;
         }
         set paddingBottom(v) {
-            this.i.ch = +v;
-            this._a("paddingBottom", this.i.ch);
+            this.i.cj = +v;
+            this._a("paddingBottom", this.i.cj);
         }
         get actualPaddingBottom() {
-            return this.i.by;
+            return this.i.b0;
         }
         set actualPaddingBottom(v) {
-            this.i.by = +v;
-            this._a("actualPaddingBottom", this.i.by);
+            this.i.b0 = +v;
+            this._a("actualPaddingBottom", this.i.b0);
         }
         get paddingTop() {
-            return this.i.ck;
+            return this.i.cm;
         }
         set paddingTop(v) {
-            this.i.ck = +v;
-            this._a("paddingTop", this.i.ck);
+            this.i.cm = +v;
+            this._a("paddingTop", this.i.cm);
         }
         get actualPaddingTop() {
-            return this.i.b1;
+            return this.i.b3;
         }
         set actualPaddingTop(v) {
-            this.i.b1 = +v;
-            this._a("actualPaddingTop", this.i.b1);
+            this.i.b3 = +v;
+            this._a("actualPaddingTop", this.i.b3);
         }
         /**
          * Gets the actual hover background used by the tool action.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g7);
         }
         set actualHoverBackground(v) {
-            this.i.gz = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.gz));
+            this.i.g7 = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.g7));
         }
         /**
          * Gets or sets the hover background for this tool action.
         */
         get hoverBackground() {
-            return brushToString(this.i.g7);
+            return brushToString(this.i.hf);
         }
         set hoverBackground(v) {
-            this.i.g7 = stringToBrush(v);
-            this._a("hoverBackground", brushToString(this.i.g7));
+            this.i.hf = stringToBrush(v);
+            this._a("hoverBackground", brushToString(this.i.hf));
         }
         /**
          * Gets the actual background used by the tool action.
         */
         get actualBackground() {
-            return brushToString(this.i.gw);
+            return brushToString(this.i.g4);
         }
         set actualBackground(v) {
-            this.i.gw = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.gw));
+            this.i.g4 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.g4));
         }
         /**
          * Gets or sets the background color of the tool action.
         */
         get background() {
-            return brushToString(this.i.g4);
+            return brushToString(this.i.hc);
         }
         set background(v) {
-            this.i.g4 = stringToBrush(v);
-            this._a("background", brushToString(this.i.g4));
+            this.i.hc = stringToBrush(v);
+            this._a("background", brushToString(this.i.hc));
         }
         /**
          * Gets the actual label text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.g3);
+            return brushToString(this.i.hb);
         }
         set actualTextColor(v) {
-            this.i.g3 = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.g3));
+            this.i.hb = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.hb));
         }
         /**
          * Gets or sets the label text color.
         */
         get textColor() {
-            return brushToString(this.i.hb);
+            return brushToString(this.i.hj);
         }
         set textColor(v) {
-            this.i.hb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.hb));
+            this.i.hj = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.hj));
         }
         /**
          * Gets the actual label text color.
         */
         get actualSubtitleTextColor() {
-            return brushToString(this.i.g2);
+            return brushToString(this.i.ha);
         }
         set actualSubtitleTextColor(v) {
-            this.i.g2 = stringToBrush(v);
-            this._a("actualSubtitleTextColor", brushToString(this.i.g2));
+            this.i.ha = stringToBrush(v);
+            this._a("actualSubtitleTextColor", brushToString(this.i.ha));
         }
         /**
          * Gets or sets the label text color.
         */
         get subtitleTextColor() {
-            return brushToString(this.i.ha);
+            return brushToString(this.i.hi);
         }
         set subtitleTextColor(v) {
-            this.i.ha = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ha));
+            this.i.hi = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.hi));
         }
         /**
          * Gets the actual label text color when the tool is disabled.
         */
         get actualDisabledTextColor() {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.g5);
         }
         set actualDisabledTextColor(v) {
-            this.i.gx = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.gx));
+            this.i.g5 = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.g5));
         }
         /**
          * Gets or sets the label text color when the tool is disabled.
         */
         get disabledTextColor() {
-            return brushToString(this.i.g5);
+            return brushToString(this.i.hd);
         }
         set disabledTextColor(v) {
-            this.i.g5 = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.g5));
+            this.i.hd = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.hd));
         }
         /**
          * Gets the actual font used.
         */
         get actualTextStyle() {
-            return this.i.ad;
+            return this.i.ae;
         }
         set actualTextStyle(v) {
-            this.i.ad = v;
+            this.i.ae = v;
         }
         /**
          * Gets or sets the font to use.
         */
         get textStyle() {
-            if (this.i.ag == null) {
+            if (this.i.ah == null) {
                 return null;
             }
-            return this.i.ag.fontString;
+            return this.i.ah.fontString;
         }
         set textStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ag = fi;
-            this._a("textStyle", this.i.ag != null ? this.i.ag.fontString : "");
+            this.i.ah = fi;
+            this._a("textStyle", this.i.ah != null ? this.i.ah.fontString : "");
         }
         /**
          * Gets the actual font used.
         */
         get actualSubtitleTextStyle() {
-            return this.i.ac;
+            return this.i.ad;
         }
         set actualSubtitleTextStyle(v) {
-            this.i.ac = v;
+            this.i.ad = v;
         }
         /**
          * Gets or sets the font to use.
         */
         get subtitleTextStyle() {
-            if (this.i.af == null) {
+            if (this.i.ag == null) {
                 return null;
             }
-            return this.i.af.fontString;
+            return this.i.ag.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.ag = fi;
+            this._a("subtitleTextStyle", this.i.ag != null ? this.i.ag.fontString : "");
         }
         get isDisabled() {
-            return this.i.a6;
+            return this.i.a8;
         }
         set isDisabled(v) {
-            this.i.a6 = ensureBool(v);
-            this._a("isDisabled", this.i.a6);
+            this.i.a8 = ensureBool(v);
+            this._a("isDisabled", this.i.a8);
         }
         get isHighlighted() {
-            return this.i.a7;
+            return this.i.a9;
         }
         set isHighlighted(v) {
-            this.i.a7 = ensureBool(v);
-            this._a("isHighlighted", this.i.a7);
+            this.i.a9 = ensureBool(v);
+            this._a("isHighlighted", this.i.a9);
         }
         /**
          * Gets or sets the display density to use for the action.
         */
         get density() {
-            return this.i.v;
+            return this.i.w;
         }
         set density(v) {
-            this.i.v = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.v));
+            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.w));
         }
         /**
          * Gets the resolved display density to use for the action.
         */
         get actualDensity() {
-            return this.i.u;
+            return this.i.v;
         }
         set actualDensity(v) {
-            this.i.u = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.u));
+            this.i.v = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.v));
         }
         get name() {
-            return this.i.ei;
+            return this.i.el;
         }
         set name(v) {
-            this.i.ei = v;
+            this.i.el = v;
         }
         /**
          * Gets or sets the title of the tool.
         */
         get title() {
-            return this.i.e1;
+            return this.i.e5;
         }
         set title(v) {
-            this.i.e1 = v;
+            this.i.e5 = v;
         }
         /**
          * Gets or sets the subtitle of the tool.
         */
         get subtitle() {
-            return this.i.ev;
+            return this.i.ez;
         }
         set subtitle(v) {
-            this.i.ev = v;
+            this.i.ez = v;
+        }
+        /**
+         * Gets or sets the title horizontal alignment.
+        */
+        get titleHorizontalAlignment() {
+            return this.i.g2;
+        }
+        set titleHorizontalAlignment(v) {
+            this.i.g2 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.g2));
         }
         get iconName() {
-            return this.i.d6;
+            return this.i.d9;
         }
         set iconName(v) {
-            this.i.d6 = v;
+            this.i.d9 = v;
         }
         get iconCollectionName() {
-            return this.i.d1;
+            return this.i.d4;
         }
         set iconCollectionName(v) {
-            this.i.d1 = v;
+            this.i.d4 = v;
         }
         /**
          * Gets or sets the icon viewbox left.
         */
         get iconViewBoxLeft() {
-            return this.i.cd;
+            return this.i.cf;
         }
         set iconViewBoxLeft(v) {
-            this.i.cd = +v;
-            this._a("iconViewBoxLeft", this.i.cd);
+            this.i.cf = +v;
+            this._a("iconViewBoxLeft", this.i.cf);
         }
         /**
          * Gets or sets the icon viewbox top.
         */
         get iconViewBoxTop() {
-            return this.i.ce;
+            return this.i.cg;
         }
         set iconViewBoxTop(v) {
-            this.i.ce = +v;
-            this._a("iconViewBoxTop", this.i.ce);
+            this.i.cg = +v;
+            this._a("iconViewBoxTop", this.i.cg);
         }
         /**
          * Gets or sets the icon viewbox width.
         */
         get iconViewBoxWidth() {
-            return this.i.cf;
+            return this.i.ch;
         }
         set iconViewBoxWidth(v) {
-            this.i.cf = +v;
-            this._a("iconViewBoxWidth", this.i.cf);
+            this.i.ch = +v;
+            this._a("iconViewBoxWidth", this.i.ch);
         }
         /**
          * Gets or sets the icon viewbox height.
         */
         get iconViewBoxHeight() {
-            return this.i.cc;
+            return this.i.ce;
         }
         set iconViewBoxHeight(v) {
-            this.i.cc = +v;
-            this._a("iconViewBoxHeight", this.i.cc);
+            this.i.ce = +v;
+            this._a("iconViewBoxHeight", this.i.ce);
         }
         /**
          * Gets or sets the icon fill color.
         */
         get iconFill() {
-            return brushToString(this.i.g8);
+            return brushToString(this.i.hg);
         }
         set iconFill(v) {
-            this.i.g8 = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.g8));
+            this.i.hg = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.hg));
         }
         /**
          * Gets the actual icon fill color.
         */
         get actualIconFill() {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g8);
         }
         set actualIconFill(v) {
-            this.i.g0 = stringToBrush(v);
-            this._a("actualIconFill", brushToString(this.i.g0));
+            this.i.g8 = stringToBrush(v);
+            this._a("actualIconFill", brushToString(this.i.g8));
         }
         /**
          * Gets or sets the icon fill colors.
@@ -719,21 +730,21 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon stroke color.
         */
         get iconStroke() {
-            return brushToString(this.i.g9);
+            return brushToString(this.i.hh);
         }
         set iconStroke(v) {
-            this.i.g9 = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.g9));
+            this.i.hh = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.hh));
         }
         /**
          * Gets the actual icon stroke color.
         */
         get actualIconStroke() {
-            return brushToString(this.i.g1);
+            return brushToString(this.i.g9);
         }
         set actualIconStroke(v) {
-            this.i.g1 = stringToBrush(v);
-            this._a("actualIconStroke", brushToString(this.i.g1));
+            this.i.g9 = stringToBrush(v);
+            this._a("actualIconStroke", brushToString(this.i.g9));
         }
         /**
          * Gets or sets the icon stroke colors.
@@ -749,113 +760,113 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon viewbox width.
         */
         get iconStrokeWidth() {
-            return this.i.cb;
+            return this.i.cd;
         }
         set iconStrokeWidth(v) {
-            this.i.cb = +v;
-            this._a("iconStrokeWidth", this.i.cb);
+            this.i.cd = +v;
+            this._a("iconStrokeWidth", this.i.cd);
         }
         /**
          * Gets or sets the width of the icon.
         */
         get iconWidth() {
-            return this.i.cg;
+            return this.i.ci;
         }
         set iconWidth(v) {
-            this.i.cg = +v;
-            this._a("iconWidth", this.i.cg);
+            this.i.ci = +v;
+            this._a("iconWidth", this.i.ci);
         }
         /**
          * Gets the actual icon width used.
         */
         get actualIconWidth() {
-            return this.i.bx;
+            return this.i.bz;
         }
         set actualIconWidth(v) {
-            this.i.bx = +v;
-            this._a("actualIconWidth", this.i.bx);
+            this.i.bz = +v;
+            this._a("actualIconWidth", this.i.bz);
         }
         /**
          * Gets or sets the height of the icon.
         */
         get iconHeight() {
-            return this.i.ca;
+            return this.i.cc;
         }
         set iconHeight(v) {
-            this.i.ca = +v;
-            this._a("iconHeight", this.i.ca);
+            this.i.cc = +v;
+            this._a("iconHeight", this.i.cc);
         }
         /**
          * Gets the actual icon height used.
         */
         get actualIconHeight() {
-            return this.i.bw;
+            return this.i.by;
         }
         set actualIconHeight(v) {
-            this.i.bw = +v;
-            this._a("actualIconHeight", this.i.bw);
+            this.i.by = +v;
+            this._a("actualIconHeight", this.i.by);
         }
         /**
          * Gets or sets the tool action visibility.
         */
         get visibility() {
-            return this.i.hc;
+            return this.i.hk;
         }
         set visibility(v) {
-            this.i.hc = ensureEnum(Visibility_$type, v);
-            this._a("visibility", enumToString(Visibility_$type, this.i.hc));
+            this.i.hk = ensureEnum(Visibility_$type, v);
+            this._a("visibility", enumToString(Visibility_$type, this.i.hk));
         }
         /**
          * Gets or sets if the tool action will close its parent dropdown when executed by the user.
         */
         get closeOnExecute() {
-            return this.i.au;
+            return this.i.aw;
         }
         set closeOnExecute(v) {
-            this.i.au = ensureBool(v);
-            this._a("closeOnExecute", this.i.au);
+            this.i.aw = ensureBool(v);
+            this._a("closeOnExecute", this.i.aw);
         }
         get highlightWidth() {
-            return this.i.b9;
+            return this.i.cb;
         }
         set highlightWidth(v) {
-            this.i.b9 = +v;
-            this._a("highlightWidth", this.i.b9);
+            this.i.cb = +v;
+            this._a("highlightWidth", this.i.cb);
         }
         get actualHighlightWidth() {
-            return this.i.bv;
+            return this.i.bx;
         }
         set actualHighlightWidth(v) {
-            this.i.bv = +v;
-            this._a("actualHighlightWidth", this.i.bv);
+            this.i.bx = +v;
+            this._a("actualHighlightWidth", this.i.bx);
         }
         get highlightRadius() {
-            return this.i.b8;
+            return this.i.ca;
         }
         set highlightRadius(v) {
-            this.i.b8 = +v;
-            this._a("highlightRadius", this.i.b8);
+            this.i.ca = +v;
+            this._a("highlightRadius", this.i.ca);
         }
         get actualHighlightRadius() {
-            return this.i.bu;
+            return this.i.bw;
         }
         set actualHighlightRadius(v) {
-            this.i.bu = +v;
-            this._a("actualHighlightRadius", this.i.bu);
+            this.i.bw = +v;
+            this._a("actualHighlightRadius", this.i.bw);
         }
         get highlightColor() {
-            return brushToString(this.i.g6);
+            return brushToString(this.i.he);
         }
         set highlightColor(v) {
-            this.i.g6 = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.g6));
+            this.i.he = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.he));
         }
         get actualHighlightColor() {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.g6);
         }
         set actualHighlightColor(v) {
-            this.i.gy = stringToBrush(v);
-            this._a("actualHighlightColor", brushToString(this.i.gy));
+            this.i.g6 = stringToBrush(v);
+            this._a("actualHighlightColor", brushToString(this.i.g6));
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -925,17 +936,17 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         openSubMenu() {
-            this.i.f8();
+            this.i.ge();
         }
         closeSubmenu() {
-            this.i.e7();
+            this.i.fd();
         }
         exportVisualData() {
-            let iv = this.i.cp();
+            let iv = this.i.cr();
             return (iv);
         }
         exportSerializedVisualData() {
-            let iv = this.i.dw();
+            let iv = this.i.dy();
             return (iv);
         }
         get onCommand() {