igniteui-webcomponents-layouts 6.3.1 → 7.0.0

package/fesm2015/igniteui-webcomponents-layouts.js

@@ -12736,6 +12736,9 @@ let PropertyEditorDataSource = /*@__PURE__*/ (() => {
                     if (stringEndsWith(c[d], "@stringUnion")) {
                         continue;
                     }
+                    if (stringEndsWith(c[d], "@constantValues")) {
+                        continue;
+                    }
                     let e = this.b.getMetadata(this.n, c[d]);
                     let f = this.f(e);
                     if (f.w == 0) {
@@ -32309,70 +32312,10 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 
-class IgcToolActionPopupOpeningEventArgs {
-    createImplementation() {
-        return new ToolActionPopupOpeningEventArgs();
-    }
-    /**
-     * @hidden
-     */
-    get i() {
-        return this._implementation;
-    }
-    onImplementationCreated() {
-    }
-    constructor() {
-        this._implementation = this.createImplementation();
-        this._implementation.externalObject = this;
-        this.onImplementationCreated();
-        if (this._initializeAdapters) {
-            this._initializeAdapters();
-        }
-    }
-    _provideImplementation(i) {
-        this._implementation = i;
-        this._implementation.externalObject = this;
-        this.onImplementationCreated();
-        if (this._initializeAdapters) {
-            this._initializeAdapters();
-        }
-    }
-    get sourceAction() {
-        const r = this.i.a;
-        if (r == null) {
-            return null;
-        }
-        if (!r.externalObject) {
-            let e = IgcToolActionComponent._createFromInternal(r);
-            if (e) {
-                e._implementation = r;
-            }
-            r.externalObject = e;
-        }
-        return r.externalObject;
-    }
-    set sourceAction(v) {
-        v == null ? this.i.a = null : this.i.a = v.i;
-    }
-    get cancel() {
-        return this.i.b;
-    }
-    set cancel(v) {
-        this.i.b = ensureBool(v);
-    }
-}
-
-/*
-THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
-https://www.infragistics.com/legal/license/igultimate-la
-https://www.infragistics.com/legal/license/igultimate-eula
-GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
-*/
-
-let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
-    class IgcToolActionIconButtonComponent extends IgcToolActionComponent {
+let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionSeparatorComponent extends IgcToolActionComponent {
         createImplementation() {
-            return new ToolActionIconButton();
+            return new ToolActionSeparator();
         }
         /**
                                      * @hidden
@@ -32382,8 +32325,6 @@ let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
         }
         constructor() {
             super();
-            this._popupOpening = null;
-            this._popupOpening_wrapped = null;
         }
         connectedCallback() {
             if (super["connectedCallback"]) {
@@ -32415,138 +32356,50 @@ let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
             }
         }
         static get observedAttributes() {
-            if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
-                let names = getAllPropertyNames(IgcToolActionIconButtonComponent);
+            if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionSeparatorComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = names;
+                IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = names;
             }
-            return IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent;
+            return IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent;
         }
         static register() {
-            if (!IgcToolActionIconButtonComponent._isElementRegistered) {
-                IgcToolActionIconButtonComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcToolActionIconButtonComponent.htmlTagName, IgcToolActionIconButtonComponent);
+            if (!IgcToolActionSeparatorComponent._isElementRegistered) {
+                IgcToolActionSeparatorComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
             }
         }
         /**
-         * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
+         * Gets or sets the size of the separator.
         */
-        get tooltipDelay() {
-            return this.i.iw;
+        get size() {
+            return this.i.ho;
         }
-        set tooltipDelay(v) {
-            this.i.iw = +v;
-            this._a("tooltipDelay", this.i.iw);
+        set size(v) {
+            this.i.ho = +v;
+            this._a("size", this.i.ho);
         }
         /**
-         * Gets the actual delay before the tooltip is displayed (in milliseconds).
+         * Gets or sets whether to use group header styling or regular styling on this separator.
         */
-        get actualTooltipDelay() {
-            return this.i.iv;
-        }
-        set actualTooltipDelay(v) {
-            this.i.iv = +v;
-            this._a("actualTooltipDelay", this.i.iv);
-        }
-        get contentPaddingLeft() {
-            return this.i.ip;
-        }
-        set contentPaddingLeft(v) {
-            this.i.ip = +v;
-            this._a("contentPaddingLeft", this.i.ip);
-        }
-        get actualContentPaddingLeft() {
-            return this.i.ik;
-        }
-        set actualContentPaddingLeft(v) {
-            this.i.ik = +v;
-            this._a("actualContentPaddingLeft", this.i.ik);
-        }
-        get contentPaddingTop() {
-            return this.i.ir;
-        }
-        set contentPaddingTop(v) {
-            this.i.ir = +v;
-            this._a("contentPaddingTop", this.i.ir);
-        }
-        get actualContentPaddingTop() {
-            return this.i.im;
-        }
-        set actualContentPaddingTop(v) {
-            this.i.im = +v;
-            this._a("actualContentPaddingTop", this.i.im);
-        }
-        get contentPaddingRight() {
-            return this.i.iq;
-        }
-        set contentPaddingRight(v) {
-            this.i.iq = +v;
-            this._a("contentPaddingRight", this.i.iq);
-        }
-        get actualContentPaddingRight() {
-            return this.i.il;
-        }
-        set actualContentPaddingRight(v) {
-            this.i.il = +v;
-            this._a("actualContentPaddingRight", this.i.il);
-        }
-        get contentPaddingBottom() {
-            return this.i.io;
-        }
-        set contentPaddingBottom(v) {
-            this.i.io = +v;
-            this._a("contentPaddingBottom", this.i.io);
-        }
-        get actualContentPaddingBottom() {
-            return this.i.ij;
-        }
-        set actualContentPaddingBottom(v) {
-            this.i.ij = +v;
-            this._a("actualContentPaddingBottom", this.i.ij);
-        }
-        get isOpen() {
-            return this.i.ba;
-        }
-        openSubMenu() {
-            this.i.gf();
+        get isGroupHeaderSeparator() {
+            return this.i.hm;
         }
-        closeSubmenu() {
-            this.i.fd();
+        set isGroupHeaderSeparator(v) {
+            this.i.hm = ensureBool(v);
+            this._a("isGroupHeaderSeparator", this.i.hm);
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
-        get popupOpening() {
-            return this._popupOpening;
-        }
-        set popupOpening(ev) {
-            if (this._popupOpening_wrapped !== null) {
-                this.i.popupOpening = delegateRemove(this.i.popupOpening, this._popupOpening_wrapped);
-                this._popupOpening_wrapped = null;
-                this._popupOpening = null;
-            }
-            this._popupOpening = ev;
-            this._popupOpening_wrapped = (o, e) => {
-                let outerArgs = new IgcToolActionPopupOpeningEventArgs();
-                outerArgs._provideImplementation(e);
-                if (this.beforePopupOpening) {
-                    this.beforePopupOpening(this, outerArgs);
-                }
-                if (this._popupOpening) {
-                    this._popupOpening(this, outerArgs);
-                }
-            };
-            this.i.popupOpening = delegateCombine(this.i.popupOpening, this._popupOpening_wrapped);
-            ;
-        }
     }
-    IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = null;
-    IgcToolActionIconButtonComponent.htmlTagName = "igc-tool-action-icon-button";
-    IgcToolActionIconButtonComponent._isElementRegistered = false;
-    return IgcToolActionIconButtonComponent;
+    IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = null;
+    IgcToolActionSeparatorComponent.htmlTagName = "igc-tool-action-separator";
+    IgcToolActionSeparatorComponent._isElementRegistered = false;
+    return IgcToolActionSeparatorComponent;
 })();
 
 /*
@@ -32555,11 +32408,11 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-class IgcToolActionIconButtonModule {
+class IgcToolActionSeparatorModule {
     static register() {
-        IgcToolActionIconButtonComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
-        TypeRegistrar.register("ToolActionIconButton", ToolActionIconButton.$type);
+        IgcToolActionSeparatorComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
+        TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
     }
 }
 
@@ -32570,10 +32423,10 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 
-let IgcToolActionIconMenuComponent = /*@__PURE__*/ (() => {
-    class IgcToolActionIconMenuComponent extends IgcToolActionIconButtonComponent {
+let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionRadioComponent extends IgcToolActionComponent {
         createImplementation() {
-            return new ToolActionIconMenu();
+            return new ToolActionRadio();
         }
         /**
                                      * @hidden
@@ -32614,60 +32467,140 @@ let IgcToolActionIconMenuComponent = /*@__PURE__*/ (() => {
             }
         }
         static get observedAttributes() {
-            if (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
-                let names = getAllPropertyNames(IgcToolActionIconMenuComponent);
+            if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionRadioComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = names;
+                IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
             }
-            return IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent;
+            return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
         }
         static register() {
-            if (!IgcToolActionIconMenuComponent._isElementRegistered) {
-                IgcToolActionIconMenuComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcToolActionIconMenuComponent.htmlTagName, IgcToolActionIconMenuComponent);
+            if (!IgcToolActionRadioComponent._isElementRegistered) {
+                IgcToolActionRadioComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
             }
         }
         /**
-         * Gets or sets the stroke color of the arrow icon.
+         * Gets or sets the channel this radio button belongs to.
         */
-        get arrowStroke() {
-            return brushToString(this.i.kd);
+        get channel() {
+            return this.i.hu;
         }
-        set arrowStroke(v) {
-            this.i.kd = stringToBrush(v);
-            this._a("arrowStroke", brushToString(this.i.kd));
+        set channel(v) {
+            this.i.hu = v;
         }
         /**
-         * Gets the actual stroke color of the arrow icon.
+         * Gets or sets if the tool action is checked.
         */
-        get actualArrowStroke() {
-            return brushToString(this.i.kc);
+        get isChecked() {
+            return this.i.hn;
         }
-        set actualArrowStroke(v) {
-            this.i.kc = stringToBrush(v);
-            this._a("actualArrowStroke", brushToString(this.i.kc));
+        set isChecked(v) {
+            this.i.hn = ensureBool(v);
+            this._a("isChecked", this.i.hn);
         }
         /**
-         * Gets or sets whether the arrow icon should be shown.
+         * Gets or sets if the checked state of the radio is handled manually by the user. The radio
+         * well not become selected when clicked if this property is true.
         */
-        get showArrowIcon() {
-            return this.i.j1;
+        get isManual() {
+            return this.i.ho;
         }
-        set showArrowIcon(v) {
-            this.i.j1 = ensureBool(v);
-            this._a("showArrowIcon", this.i.j1);
+        set isManual(v) {
+            this.i.ho = ensureBool(v);
+            this._a("isManual", this.i.ho);
+        }
+        /**
+         * Gets or sets the background color of the radio when in the unchecked state.
+        */
+        get uncheckedBackgroundColor() {
+            return brushToString(this.i.ia);
+        }
+        set uncheckedBackgroundColor(v) {
+            this.i.ia = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.ia));
+        }
+        /**
+         * Gets the actual background color of the radio when in the unchecked state.
+        */
+        get actualUncheckedBackgroundColor() {
+            return brushToString(this.i.h6);
+        }
+        set actualUncheckedBackgroundColor(v) {
+            this.i.h6 = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", brushToString(this.i.h6));
+        }
+        /**
+         * Gets or sets the background color of the radio when in the checked state.
+        */
+        get checkedBackgroundColor() {
+            return brushToString(this.i.h8);
+        }
+        set checkedBackgroundColor(v) {
+            this.i.h8 = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.h8));
+        }
+        /**
+         * Gets the actual background color of the radio when in the checked state.
+        */
+        get actualCheckedBackgroundColor() {
+            return brushToString(this.i.h4);
+        }
+        set actualCheckedBackgroundColor(v) {
+            this.i.h4 = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", brushToString(this.i.h4));
+        }
+        /**
+         * Gets or sets the border color of the radio when in the unchecked state.
+        */
+        get uncheckedBorderColor() {
+            return brushToString(this.i.ib);
+        }
+        set uncheckedBorderColor(v) {
+            this.i.ib = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.ib));
+        }
+        /**
+         * Gets the actual border color of the radio when in the unchecked state.
+        */
+        get actualUncheckedBorderColor() {
+            return brushToString(this.i.h7);
+        }
+        set actualUncheckedBorderColor(v) {
+            this.i.h7 = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", brushToString(this.i.h7));
+        }
+        /**
+         * Gets or sets the border color of the radio when in the checked state.
+        */
+        get checkedBorderColor() {
+            return brushToString(this.i.h9);
+        }
+        set checkedBorderColor(v) {
+            this.i.h9 = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.h9));
+        }
+        /**
+         * Gets the actual border color of the radio when in the checked state.
+        */
+        get actualCheckedBorderColor() {
+            return brushToString(this.i.h5);
+        }
+        set actualCheckedBorderColor(v) {
+            this.i.h5 = stringToBrush(v);
+            this._a("actualCheckedBorderColor", brushToString(this.i.h5));
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
     }
-    IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = null;
-    IgcToolActionIconMenuComponent.htmlTagName = "igc-tool-action-icon-menu";
-    IgcToolActionIconMenuComponent._isElementRegistered = false;
-    return IgcToolActionIconMenuComponent;
+    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
+    IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
+    IgcToolActionRadioComponent._isElementRegistered = false;
+    return IgcToolActionRadioComponent;
 })();
 
 /*
@@ -32676,11 +32609,11 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-class IgcToolActionIconMenuModule {
+class IgcToolActionRadioModule {
     static register() {
-        IgcToolActionIconMenuComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
-        TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
+        IgcToolActionRadioComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
     }
 }
 
@@ -32691,10 +32624,10 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 
-let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
-    class IgcToolActionSeparatorComponent extends IgcToolActionComponent {
+let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionButtonComponent extends IgcToolActionComponent {
         createImplementation() {
-            return new ToolActionSeparator();
+            return new ToolActionButton();
         }
         /**
                                      * @hidden
@@ -32735,50 +32668,50 @@ let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         static get observedAttributes() {
-            if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
-                let names = getAllPropertyNames(IgcToolActionSeparatorComponent);
+            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionButtonComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = names;
+                IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
             }
-            return IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent;
+            return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
         }
         static register() {
-            if (!IgcToolActionSeparatorComponent._isElementRegistered) {
-                IgcToolActionSeparatorComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
+            if (!IgcToolActionButtonComponent._isElementRegistered) {
+                IgcToolActionButtonComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
             }
         }
         /**
-         * Gets or sets the size of the separator.
+         * Gets or sets the display type for the button.
         */
-        get size() {
-            return this.i.ho;
+        get displayType() {
+            return this.i.hm;
         }
-        set size(v) {
-            this.i.ho = +v;
-            this._a("size", this.i.ho);
+        set displayType(v) {
+            this.i.hm = ensureEnum(ToolActionButtonDisplayType_$type, v);
+            this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hm));
         }
         /**
-         * Gets or sets whether to use group header styling or regular styling on this separator.
+         * Gets or sets the button corner radius.
         */
-        get isGroupHeaderSeparator() {
-            return this.i.hm;
+        get cornerRadius() {
+            return this.i.hq;
         }
-        set isGroupHeaderSeparator(v) {
-            this.i.hm = ensureBool(v);
-            this._a("isGroupHeaderSeparator", this.i.hm);
+        set cornerRadius(v) {
+            this.i.hq = +v;
+            this._a("cornerRadius", this.i.hq);
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
     }
-    IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = null;
-    IgcToolActionSeparatorComponent.htmlTagName = "igc-tool-action-separator";
-    IgcToolActionSeparatorComponent._isElementRegistered = false;
-    return IgcToolActionSeparatorComponent;
+    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
+    IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
+    IgcToolActionButtonComponent._isElementRegistered = false;
+    return IgcToolActionButtonComponent;
 })();
 
 /*
@@ -32787,11 +32720,11 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-class IgcToolActionSeparatorModule {
+class IgcToolActionButtonModule {
     static register() {
-        IgcToolActionSeparatorComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
-        TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+        IgcToolActionButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
     }
 }
 
@@ -32903,10 +32836,70 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 
-let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
-    class IgcToolActionRadioComponent extends IgcToolActionComponent {
+class IgcToolActionPopupOpeningEventArgs {
+    createImplementation() {
+        return new ToolActionPopupOpeningEventArgs();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    get sourceAction() {
+        const r = this.i.a;
+        if (r == null) {
+            return null;
+        }
+        if (!r.externalObject) {
+            let e = IgcToolActionComponent._createFromInternal(r);
+            if (e) {
+                e._implementation = r;
+            }
+            r.externalObject = e;
+        }
+        return r.externalObject;
+    }
+    set sourceAction(v) {
+        v == null ? this.i.a = null : this.i.a = v.i;
+    }
+    get cancel() {
+        return this.i.b;
+    }
+    set cancel(v) {
+        this.i.b = ensureBool(v);
+    }
+}
+
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+
+let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionIconButtonComponent extends IgcToolActionComponent {
         createImplementation() {
-            return new ToolActionRadio();
+            return new ToolActionIconButton();
         }
         /**
                                      * @hidden
@@ -32916,6 +32909,8 @@ let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
         }
         constructor() {
             super();
+            this._popupOpening = null;
+            this._popupOpening_wrapped = null;
         }
         connectedCallback() {
             if (super["connectedCallback"]) {
@@ -32947,140 +32942,138 @@ let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
             }
         }
         static get observedAttributes() {
-            if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
-                let names = getAllPropertyNames(IgcToolActionRadioComponent);
+            if (IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionIconButtonComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
+                IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = names;
             }
-            return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
+            return IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent;
         }
         static register() {
-            if (!IgcToolActionRadioComponent._isElementRegistered) {
-                IgcToolActionRadioComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+            if (!IgcToolActionIconButtonComponent._isElementRegistered) {
+                IgcToolActionIconButtonComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionIconButtonComponent.htmlTagName, IgcToolActionIconButtonComponent);
             }
         }
         /**
-         * Gets or sets the channel this radio button belongs to.
+         * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
         */
-        get channel() {
-            return this.i.hu;
+        get tooltipDelay() {
+            return this.i.iw;
         }
-        set channel(v) {
-            this.i.hu = v;
+        set tooltipDelay(v) {
+            this.i.iw = +v;
+            this._a("tooltipDelay", this.i.iw);
         }
         /**
-         * Gets or sets if the tool action is checked.
+         * Gets the actual delay before the tooltip is displayed (in milliseconds).
         */
-        get isChecked() {
-            return this.i.hn;
+        get actualTooltipDelay() {
+            return this.i.iv;
         }
-        set isChecked(v) {
-            this.i.hn = ensureBool(v);
-            this._a("isChecked", this.i.hn);
+        set actualTooltipDelay(v) {
+            this.i.iv = +v;
+            this._a("actualTooltipDelay", this.i.iv);
         }
-        /**
-         * Gets or sets if the checked state of the radio is handled manually by the user. The radio
-         * well not become selected when clicked if this property is true.
-        */
-        get isManual() {
-            return this.i.ho;
+        get contentPaddingLeft() {
+            return this.i.ip;
         }
-        set isManual(v) {
-            this.i.ho = ensureBool(v);
-            this._a("isManual", this.i.ho);
+        set contentPaddingLeft(v) {
+            this.i.ip = +v;
+            this._a("contentPaddingLeft", this.i.ip);
         }
-        /**
-         * Gets or sets the background color of the radio when in the unchecked state.
-        */
-        get uncheckedBackgroundColor() {
-            return brushToString(this.i.ia);
+        get actualContentPaddingLeft() {
+            return this.i.ik;
         }
-        set uncheckedBackgroundColor(v) {
-            this.i.ia = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.ia));
+        set actualContentPaddingLeft(v) {
+            this.i.ik = +v;
+            this._a("actualContentPaddingLeft", this.i.ik);
         }
-        /**
-         * Gets the actual background color of the radio when in the unchecked state.
-        */
-        get actualUncheckedBackgroundColor() {
-            return brushToString(this.i.h6);
+        get contentPaddingTop() {
+            return this.i.ir;
         }
-        set actualUncheckedBackgroundColor(v) {
-            this.i.h6 = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", brushToString(this.i.h6));
+        set contentPaddingTop(v) {
+            this.i.ir = +v;
+            this._a("contentPaddingTop", this.i.ir);
         }
-        /**
-         * Gets or sets the background color of the radio when in the checked state.
-        */
-        get checkedBackgroundColor() {
-            return brushToString(this.i.h8);
+        get actualContentPaddingTop() {
+            return this.i.im;
         }
-        set checkedBackgroundColor(v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.h8));
+        set actualContentPaddingTop(v) {
+            this.i.im = +v;
+            this._a("actualContentPaddingTop", this.i.im);
         }
-        /**
-         * Gets the actual background color of the radio when in the checked state.
-        */
-        get actualCheckedBackgroundColor() {
-            return brushToString(this.i.h4);
+        get contentPaddingRight() {
+            return this.i.iq;
         }
-        set actualCheckedBackgroundColor(v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", brushToString(this.i.h4));
+        set contentPaddingRight(v) {
+            this.i.iq = +v;
+            this._a("contentPaddingRight", this.i.iq);
         }
-        /**
-         * Gets or sets the border color of the radio when in the unchecked state.
-        */
-        get uncheckedBorderColor() {
-            return brushToString(this.i.ib);
+        get actualContentPaddingRight() {
+            return this.i.il;
         }
-        set uncheckedBorderColor(v) {
-            this.i.ib = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.ib));
+        set actualContentPaddingRight(v) {
+            this.i.il = +v;
+            this._a("actualContentPaddingRight", this.i.il);
         }
-        /**
-         * Gets the actual border color of the radio when in the unchecked state.
-        */
-        get actualUncheckedBorderColor() {
-            return brushToString(this.i.h7);
+        get contentPaddingBottom() {
+            return this.i.io;
         }
-        set actualUncheckedBorderColor(v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", brushToString(this.i.h7));
+        set contentPaddingBottom(v) {
+            this.i.io = +v;
+            this._a("contentPaddingBottom", this.i.io);
         }
-        /**
-         * Gets or sets the border color of the radio when in the checked state.
-        */
-        get checkedBorderColor() {
-            return brushToString(this.i.h9);
+        get actualContentPaddingBottom() {
+            return this.i.ij;
         }
-        set checkedBorderColor(v) {
-            this.i.h9 = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.h9));
+        set actualContentPaddingBottom(v) {
+            this.i.ij = +v;
+            this._a("actualContentPaddingBottom", this.i.ij);
         }
-        /**
-         * Gets the actual border color of the radio when in the checked state.
-        */
-        get actualCheckedBorderColor() {
-            return brushToString(this.i.h5);
+        get isOpen() {
+            return this.i.ba;
         }
-        set actualCheckedBorderColor(v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("actualCheckedBorderColor", brushToString(this.i.h5));
+        openSubMenu() {
+            this.i.gf();
+        }
+        closeSubmenu() {
+            this.i.fd();
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
+        get popupOpening() {
+            return this._popupOpening;
+        }
+        set popupOpening(ev) {
+            if (this._popupOpening_wrapped !== null) {
+                this.i.popupOpening = delegateRemove(this.i.popupOpening, this._popupOpening_wrapped);
+                this._popupOpening_wrapped = null;
+                this._popupOpening = null;
+            }
+            this._popupOpening = ev;
+            this._popupOpening_wrapped = (o, e) => {
+                let outerArgs = new IgcToolActionPopupOpeningEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforePopupOpening) {
+                    this.beforePopupOpening(this, outerArgs);
+                }
+                if (this._popupOpening) {
+                    this._popupOpening(this, outerArgs);
+                }
+            };
+            this.i.popupOpening = delegateCombine(this.i.popupOpening, this._popupOpening_wrapped);
+            ;
+        }
     }
-    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
-    IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
-    IgcToolActionRadioComponent._isElementRegistered = false;
-    return IgcToolActionRadioComponent;
+    IgcToolActionIconButtonComponent._observedAttributesIgcToolActionIconButtonComponent = null;
+    IgcToolActionIconButtonComponent.htmlTagName = "igc-tool-action-icon-button";
+    IgcToolActionIconButtonComponent._isElementRegistered = false;
+    return IgcToolActionIconButtonComponent;
 })();
 
 /*
@@ -33089,11 +33082,11 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-class IgcToolActionRadioModule {
+class IgcToolActionIconButtonModule {
     static register() {
-        IgcToolActionRadioComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
-        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+        IgcToolActionIconButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionIconButtonComponent", IgcToolActionIconButtonComponent);
+        TypeRegistrar.register("ToolActionIconButton", ToolActionIconButton.$type);
     }
 }
 
@@ -33104,10 +33097,10 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 
-let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
-    class IgcToolActionButtonComponent extends IgcToolActionComponent {
+let IgcToolActionIconMenuComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionIconMenuComponent extends IgcToolActionIconButtonComponent {
         createImplementation() {
-            return new ToolActionButton();
+            return new ToolActionIconMenu();
         }
         /**
                                      * @hidden
@@ -33148,50 +33141,60 @@ let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
             }
         }
         static get observedAttributes() {
-            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
-                let names = getAllPropertyNames(IgcToolActionButtonComponent);
+            if (IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionIconMenuComponent);
                 for (let i = 0; i < names.length; i++) {
                     names[i] = toSpinal(names[i]);
                 }
-                IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
+                IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = names;
             }
-            return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
+            return IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent;
         }
         static register() {
-            if (!IgcToolActionButtonComponent._isElementRegistered) {
-                IgcToolActionButtonComponent._isElementRegistered = true;
-                RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+            if (!IgcToolActionIconMenuComponent._isElementRegistered) {
+                IgcToolActionIconMenuComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionIconMenuComponent.htmlTagName, IgcToolActionIconMenuComponent);
             }
         }
         /**
-         * Gets or sets the display type for the button.
+         * Gets or sets the stroke color of the arrow icon.
         */
-        get displayType() {
-            return this.i.hm;
+        get arrowStroke() {
+            return brushToString(this.i.kd);
         }
-        set displayType(v) {
-            this.i.hm = ensureEnum(ToolActionButtonDisplayType_$type, v);
-            this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hm));
+        set arrowStroke(v) {
+            this.i.kd = stringToBrush(v);
+            this._a("arrowStroke", brushToString(this.i.kd));
         }
         /**
-         * Gets or sets the button corner radius.
+         * Gets the actual stroke color of the arrow icon.
         */
-        get cornerRadius() {
-            return this.i.hq;
+        get actualArrowStroke() {
+            return brushToString(this.i.kc);
         }
-        set cornerRadius(v) {
-            this.i.hq = +v;
-            this._a("cornerRadius", this.i.hq);
+        set actualArrowStroke(v) {
+            this.i.kc = stringToBrush(v);
+            this._a("actualArrowStroke", brushToString(this.i.kc));
+        }
+        /**
+         * Gets or sets whether the arrow icon should be shown.
+        */
+        get showArrowIcon() {
+            return this.i.j1;
+        }
+        set showArrowIcon(v) {
+            this.i.j1 = ensureBool(v);
+            this._a("showArrowIcon", this.i.j1);
         }
         exportVisualData() {
             let iv = this.i.cr();
             return (iv);
         }
     }
-    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
-    IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
-    IgcToolActionButtonComponent._isElementRegistered = false;
-    return IgcToolActionButtonComponent;
+    IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = null;
+    IgcToolActionIconMenuComponent.htmlTagName = "igc-tool-action-icon-menu";
+    IgcToolActionIconMenuComponent._isElementRegistered = false;
+    return IgcToolActionIconMenuComponent;
 })();
 
 /*
@@ -33200,11 +33203,11 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-class IgcToolActionButtonModule {
+class IgcToolActionIconMenuModule {
     static register() {
-        IgcToolActionButtonComponent.register();
-        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
-        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+        IgcToolActionIconMenuComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionIconMenuComponent", IgcToolActionIconMenuComponent);
+        TypeRegistrar.register("ToolActionIconMenu", ToolActionIconMenu.$type);
     }
 }
 
@@ -34469,10 +34472,7 @@ class IgcToolPanelModule {
         IgcToolActionGroupHeaderModule.register();
         IgcToolActionFieldSelectorModule.register();
         IgcToolActionNumberInputModule.register();
-        IgcToolActionIconButtonModule.register();
-        IgcToolActionIconMenuModule.register();
         IgcToolActionSeparatorModule.register();
-        IgcToolActionSubPanelModule.register();
         IgcToolActionRadioModule.register();
         IgcToolActionButtonModule.register();
         IgcXInputGroupModule.register();
@@ -34481,6 +34481,9 @@ class IgcToolPanelModule {
         IgcXIconModule.register();
         IgcColorEditorModule.register();
         IgcMultiSliderModule.register();
+        IgcToolActionSubPanelModule.register();
+        IgcToolActionIconButtonModule.register();
+        IgcToolActionIconMenuModule.register();
         IgcToolPanelComponent.register();
         TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
         TypeRegistrar.registerCons('IgcToolPanelComponent', IgcToolPanelComponent);
@@ -36011,18 +36014,18 @@ let PropertyEditorTreeTransformer = /*@__PURE__*/ (() => {
             let a = new DescriptionSerializerBuilder();
             let b = new DescriptionSerializer();
             let c = "root";
-            a.f("{");
-            a.i();
-            a.f("\"descriptions\": {");
-            a.i();
-            a.e("\"" + c + "\"");
-            a.e(": ");
+            a.appendLine("{");
+            a.increaseTabLevel();
+            a.appendLine("\"descriptions\": {");
+            a.increaseTabLevel();
+            a.append("\"" + c + "\"");
+            a.append(": ");
             b.y(this.c, this.b, a);
-            a.f("");
-            a.h();
-            a.e("}");
-            a.h();
-            a.f("}");
+            a.appendLine("");
+            a.decreaseTabLevel();
+            a.append("}");
+            a.decreaseTabLevel();
+            a.appendLine("}");
             return a.toString();
         }
     }