igniteui-webcomponents-layouts 7.1.1-beta.12 → 7.1.1-beta.13

package/esm2022/lib/ToolActionButtonPairVisualData.js

@@ -24,13 +24,13 @@ class ToolActionButtonPairVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionButtonPairVisualData, 'ToolActionButtonPairVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        a.u("leftButton: " + this.m != null ? this.m.serialize() : "null");
-        a.u("rightButton: " + this.n != null ? this.n.serialize() : "null");
-        a.u("leftIcon: " + this.o != null ? this.o.l() : "null");
-        a.u("rightIcon: " + this.p != null ? this.p.l() : "null");
-        a.u("leftLabel: " + this.q != null ? this.q.g() : "null");
-        a.u("rightLabel: " + this.r != null ? this.r.g() : "null");
-        a.u("buttonGroup: " + this.l != null ? this.l.p() : "null");
+        a.u("leftButton: " + (this.m != null ? this.m.serialize() : "null"));
+        a.u("rightButton: " + (this.n != null ? this.n.serialize() : "null"));
+        a.u("leftIcon: " + (this.o != null ? this.o.l() : "null"));
+        a.u("rightIcon: " + (this.p != null ? this.p.l() : "null"));
+        a.u("leftLabel: " + (this.q != null ? this.q.g() : "null"));
+        a.u("rightLabel: " + (this.r != null ? this.r.g() : "null"));
+        a.u("buttonGroup: " + (this.l != null ? this.l.p() : "null"));
         return a.toString();
     }
 }

package/esm2022/lib/ToolActionButtonVisualData.js

@@ -18,7 +18,7 @@ class ToolActionButtonVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionButtonVisualData, 'ToolActionButtonVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "innerButton: " + this.l != null ? this.l.serialize() : "null";
+        return "innerButton: " + (this.l != null ? this.l.serialize() : "null");
     }
 }
 export { ToolActionButtonVisualData };

package/esm2022/lib/ToolActionCheckboxListVisualData.js

@@ -18,7 +18,7 @@ class ToolActionCheckboxListVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionCheckboxListVisualData, 'ToolActionCheckboxListVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "checkbox: " + this.l != null ? this.l.i() : "null";
+        return "checkbox: " + (this.l != null ? this.l.i() : "null");
     }
 }
 export { ToolActionCheckboxListVisualData };

package/esm2022/lib/ToolActionCheckboxVisualData.js

@@ -18,7 +18,7 @@ class ToolActionCheckboxVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionCheckboxVisualData, 'ToolActionCheckboxVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "checkbox: " + this.l != null ? this.l.w() : "null";
+        return "checkbox: " + (this.l != null ? this.l.w() : "null");
     }
 }
 export { ToolActionCheckboxVisualData };

package/esm2022/lib/ToolActionColorEditorVisualData.js

@@ -18,7 +18,7 @@ class ToolActionColorEditorVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionColorEditorVisualData, 'ToolActionColorEditorVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "colorEditor: " + this.l != null ? this.l.h() : "null";
+        return "colorEditor: " + (this.l != null ? this.l.h() : "null");
     }
 }
 export { ToolActionColorEditorVisualData };

package/esm2022/lib/ToolActionComboVisualData.js

@@ -18,7 +18,7 @@ class ToolActionComboVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionComboVisualData, 'ToolActionComboVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "combo: " + this.l != null ? this.l.aq() : "null";
+        return "combo: " + (this.l != null ? this.l.aq() : "null");
     }
 }
 export { ToolActionComboVisualData };

package/esm2022/lib/ToolActionGroupHeaderVisualData.js

@@ -18,7 +18,7 @@ class ToolActionGroupHeaderVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionGroupHeaderVisualData, 'ToolActionGroupHeaderVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "backButton: " + this.l != null ? this.l.serialize() : "null";
+        return "backButton: " + (this.l != null ? this.l.serialize() : "null");
     }
 }
 export { ToolActionGroupHeaderVisualData };

package/esm2022/lib/ToolActionIconMenuVisualData.js

@@ -18,7 +18,7 @@ class ToolActionIconMenuVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionIconMenuVisualData, 'ToolActionIconMenuVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "arrowIcon: " + this.l != null ? this.l.l() : "null";
+        return "arrowIcon: " + (this.l != null ? this.l.l() : "null");
     }
 }
 export { ToolActionIconMenuVisualData };

package/esm2022/lib/ToolActionLabelVisualData.js

@@ -18,7 +18,7 @@ class ToolActionLabelVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionLabelVisualData, 'ToolActionLabelVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "drilldownIcon: " + this.l != null ? this.l.l() : "null";
+        return "drilldownIcon: " + (this.l != null ? this.l.l() : "null");
     }
 }
 export { ToolActionLabelVisualData };

package/esm2022/lib/ToolActionNumberInputVisualData.js

@@ -18,7 +18,7 @@ class ToolActionNumberInputVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionNumberInputVisualData, 'ToolActionNumberInputVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "input: " + this.l != null ? this.l.p() : "null";
+        return "input: " + (this.l != null ? this.l.p() : "null");
     }
 }
 export { ToolActionNumberInputVisualData };

package/esm2022/lib/ToolActionRadioVisualData.js

@@ -18,7 +18,7 @@ class ToolActionRadioVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionRadioVisualData, 'ToolActionRadioVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "checkbox: " + this.l != null ? this.l.w() : "null";
+        return "checkbox: " + (this.l != null ? this.l.w() : "null");
     }
 }
 export { ToolActionRadioVisualData };

package/esm2022/lib/ToolActionSubPanelVisualData.js

@@ -18,7 +18,7 @@ class ToolActionSubPanelVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionSubPanelVisualData, 'ToolActionSubPanelVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "toolPanel: " + this.l != null ? this.l.serialize() : "null";
+        return "toolPanel: " + (this.l != null ? this.l.serialize() : "null");
     }
 }
 export { ToolActionSubPanelVisualData };

package/esm2022/lib/ToolActionTextInputVisualData.js

@@ -18,7 +18,7 @@ class ToolActionTextInputVisualData extends ToolActionVisualData {
     static { this.$t = markType(ToolActionTextInputVisualData, 'ToolActionTextInputVisualData', ToolActionVisualData.$); }
     k() {
         let a = new StringBuilder(0);
-        return "input: " + this.l != null ? this.l.p() : "null";
+        return "input: " + (this.l != null ? this.l.p() : "null");
     }
 }
 export { ToolActionTextInputVisualData };

package/esm2022/lib/ToolPanelVisualData_combined.js

@@ -29,7 +29,12 @@ class ToolPanelVisualData extends Base {
         if (this.b.count > 0) {
             for (let b = 0; b < this.b.count; b++) {
                 let c = this.b._inner[b].serialize();
-                a = b < this.b.count - 1 ? a.u(c + ", ") : a.m(c);
+                if (b < this.b.count - 1) {
+                    a.u(c + ", ");
+                }
+                else {
+                    a.m(c);
+                }
             }
         }
         a.u("], ");
@@ -37,7 +42,12 @@ class ToolPanelVisualData extends Base {
         if (this.c.count > 0) {
             for (let d = 0; d < this.c.count; d++) {
                 let e = this.c._inner[d].serialize();
-                a = d < this.c.count - 1 ? a.m(e + ", ") : a.m(e);
+                if (d < this.c.count - 1) {
+                    a.m(e + ", ");
+                }
+                else {
+                    a.m(e);
+                }
             }
         }
         a.u("], ");

package/esm2022/lib/igc-tool-action-component.d.ts

@@ -7,7 +7,6 @@ import { Visibility } from "igniteui-webcomponents-core";
 import { IgcToolCommandEventArgs } from "./igc-tool-command-event-args";
 import { IgcToolActionPerformedEventArgs } from "./igc-tool-action-performed-event-args";
 import { ToolAction } from "./ToolAction";
-import { FontInfo } from "igniteui-webcomponents-core";
 /**
  * Represents base class for all tool actions in toolbar
 */
@@ -181,8 +180,8 @@ export declare abstract class IgcToolActionComponent extends IgcHTMLElement {
     /**
      * Gets the actual font used.
     */
-    get actualTextStyle(): FontInfo;
-    set actualTextStyle(v: FontInfo);
+    get actualTextStyle(): string;
+    set actualTextStyle(v: string);
     /**
      * Gets or sets the font to use.
     */
@@ -191,8 +190,8 @@ export declare abstract class IgcToolActionComponent extends IgcHTMLElement {
     /**
      * Gets the actual font used.
     */
-    get actualSubtitleTextStyle(): FontInfo;
-    set actualSubtitleTextStyle(v: FontInfo);
+    get actualSubtitleTextStyle(): string;
+    set actualSubtitleTextStyle(v: string);
     /**
      * Gets or sets the font to use.
     */

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

@@ -537,10 +537,16 @@ class IgcToolActionComponent extends IgcHTMLElement {
      * Gets the actual font used.
     */
     get actualTextStyle() {
-        return this.i.af;
+        if (this.i.af == null) {
+            return null;
+        }
+        return this.i.af.fontString;
     }
     set actualTextStyle(v) {
-        this.i.af = v;
+        let fi = new FontInfo();
+        fi.fontString = v;
+        this.i.af = fi;
+        this._a("actualTextStyle", this.i.af != null ? this.i.af.fontString : "");
     }
     /**
      * Gets or sets the font to use.
@@ -561,10 +567,16 @@ class IgcToolActionComponent extends IgcHTMLElement {
      * Gets the actual font used.
     */
     get actualSubtitleTextStyle() {
-        return this.i.ae;
+        if (this.i.ae == null) {
+            return null;
+        }
+        return this.i.ae.fontString;
     }
     set actualSubtitleTextStyle(v) {
-        this.i.ae = v;
+        let fi = new FontInfo();
+        fi.fontString = v;
+        this.i.ae = fi;
+        this._a("actualSubtitleTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
     }
     /**
      * Gets or sets the font to use.

package/esm2022/lib/igc-tool-action-field-selector-component.d.ts

@@ -53,21 +53,5 @@ export declare class IgcToolActionFieldSelectorComponent extends IgcToolActionCo
     */
     get selectedAggregations(): IgcToolActionFieldSelectorSelectedAggregationsCollection;
     set selectedAggregations(v: IgcToolActionFieldSelectorSelectedAggregationsCollection);
-    get paddingLeft(): number;
-    set paddingLeft(v: number);
-    get actualPaddingLeft(): number;
-    set actualPaddingLeft(v: number);
-    get paddingRight(): number;
-    set paddingRight(v: number);
-    get actualPaddingRight(): number;
-    set actualPaddingRight(v: number);
-    get paddingBottom(): number;
-    set paddingBottom(v: number);
-    get actualPaddingBottom(): number;
-    set actualPaddingBottom(v: number);
-    get paddingTop(): number;
-    set paddingTop(v: number);
-    get actualPaddingTop(): number;
-    set actualPaddingTop(v: number);
     findByName(name: string): any;
 }

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

@@ -83,10 +83,10 @@ class IgcToolActionFieldSelectorComponent extends IgcToolActionComponent {
         this.i.h5 = v;
     }
     get legendTarget() {
-        return this.i.i1;
+        return this.i.it;
     }
     set legendTarget(v) {
-        this.i.i1 = v;
+        this.i.it = v;
     }
     /**
      * Gets or sets if the tool action is checked.
@@ -183,62 +183,6 @@ class IgcToolActionFieldSelectorComponent extends IgcToolActionComponent {
         this._selectedAggregations._setSyncTarget(syncColl);
         this.i.h8 = innerColl;
     }
-    get paddingLeft() {
-        return this.i.iv;
-    }
-    set paddingLeft(v) {
-        this.i.iv = +v;
-        this._a("paddingLeft", this.i.iv);
-    }
-    get actualPaddingLeft() {
-        return this.i.ir;
-    }
-    set actualPaddingLeft(v) {
-        this.i.ir = +v;
-        this._a("actualPaddingLeft", this.i.ir);
-    }
-    get paddingRight() {
-        return this.i.iw;
-    }
-    set paddingRight(v) {
-        this.i.iw = +v;
-        this._a("paddingRight", this.i.iw);
-    }
-    get actualPaddingRight() {
-        return this.i.is;
-    }
-    set actualPaddingRight(v) {
-        this.i.is = +v;
-        this._a("actualPaddingRight", this.i.is);
-    }
-    get paddingBottom() {
-        return this.i.iu;
-    }
-    set paddingBottom(v) {
-        this.i.iu = +v;
-        this._a("paddingBottom", this.i.iu);
-    }
-    get actualPaddingBottom() {
-        return this.i.iq;
-    }
-    set actualPaddingBottom(v) {
-        this.i.iq = +v;
-        this._a("actualPaddingBottom", this.i.iq);
-    }
-    get paddingTop() {
-        return this.i.ix;
-    }
-    set paddingTop(v) {
-        this.i.ix = +v;
-        this._a("paddingTop", this.i.ix);
-    }
-    get actualPaddingTop() {
-        return this.i.it;
-    }
-    set actualPaddingTop(v) {
-        this.i.it = +v;
-        this._a("actualPaddingTop", this.i.it);
-    }
     findByName(name) {
         var baseResult = super.findByName(name);
         if (baseResult) {

package/esm2022/lib/igc-toolbar-component.d.ts

@@ -339,7 +339,7 @@ export declare class IgcToolbarComponent extends IgcHTMLElement {
     
     */
     closeSubmenus(): void;
-    onCommandStateChanged(id: string, type: ToolCommandStateType | string, value: any): void;
+    onCommandStateChanged(commandId: string, type: ToolCommandStateType | string, value: any): void;
     registerIconFromText(iconCollection: string, iconName: string, iconText: string): void;
     getIconFromCache(iconCollection: string, iconName: string): string;
     registerMultiPathSVG(iconCollection: string, iconName: string, multiPathSVG: string[]): void;

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

@@ -921,8 +921,8 @@ class IgcToolbarComponent extends IgcHTMLElement {
     closeSubmenus() {
         this.i.d6();
     }
-    onCommandStateChanged(id, type, value) {
-        this.i.onCommandStateChanged(id, ensureEnum(ToolCommandStateType_$type, type), value);
+    onCommandStateChanged(commandId, type, value) {
+        this.i.onCommandStateChanged(commandId, ensureEnum(ToolCommandStateType_$type, type), value);
     }
     registerIconFromText(iconCollection, iconName, iconText) {
         this.i.eq(iconCollection, iconName, iconText);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents-layouts",
-  "version": "7.1.1-beta.12",
+  "version": "7.1.1-beta.13",
   "description": "Ignite UI Web Components layout components.",
   "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-layouts",
   "keywords": [
@@ -14,8 +14,8 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "igniteui-webcomponents-core": "7.1.1-beta.12",
-    "igniteui-webcomponents-inputs": "7.1.1-beta.12"
+    "igniteui-webcomponents-core": "7.1.1-beta.13",
+    "igniteui-webcomponents-inputs": "7.1.1-beta.13"
   },
   "sideEffects": [
     "./esm2022/lib/x-expansion-panel-entrypoint.js",