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

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

@@ -0,0 +1,1018 @@
+import { IgcHTMLElement } from "igniteui-webcomponents-core";
+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";
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+import { CollectionAdapter, NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureBool, brushToString, stringToBrush, ensureEnum, enumToString, toBrushCollection, fromBrushCollection, brushCollectionToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { ToolContextBindingCollection as ToolContextBindingCollection_internal } from "./ToolContextBindingCollection";
+import { ToolContextBinding } from "./ToolContextBinding";
+import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+/**
+ * Represents base class for all tool actions in toolbar
+*/
+class IgcToolActionComponent extends IgcHTMLElement {
+    createImplementation() {
+        return null;
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    } /**
+                                 * @hidden
+                                 */
+    static _createFromInternal(internal) {
+        if (!internal) {
+            return null;
+        }
+        if (!internal.$type) {
+            return null;
+        }
+        let name = internal.$type.name;
+        let externalName = "Igc" + name + "Component";
+        if (!TypeRegistrar.isRegistered(externalName)) {
+            return null;
+        }
+        return TypeRegistrar.create(externalName);
+    }
+    onImplementationCreated() {
+    }
+    _initializeAdapters() {
+        if (!this.__observingChildren) {
+            this.__observingChildren = true;
+            let mut = new MutationObserver((list) => {
+                for (var mutation of list) {
+                    if (mutation.type == 'childList') {
+                        if (this.updateContentChildren) {
+                            this.updateContentChildren();
+                        }
+                        else if (this._initializeAdapters) {
+                            this.initializeAdapters();
+                        }
+                    }
+                }
+            });
+            mut.observe(this, {
+                childList: true
+            });
+        }
+        this._actionsAdapter = new CollectionAdapter(this.contentActions, this.i.actions, this.actualActions, (c) => c.i, (i) => {
+            if (this._initializeElement) {
+                this._initializeElement(i);
+            }
+        }, (i) => { if (this._destroyElement) {
+            this._destroyElement(i);
+        } });
+        if (super["_initializeAdapters"]) {
+            super["_initializeAdapters"]();
+        }
+    }
+    _updateAdapters() {
+        if (super["_updateAdapters"]) {
+            super["_updateAdapters"]();
+        }
+        this.contentActions.length = 0;
+        for (var i = 0; i < this.children.length; i++) {
+            if (this.children[i] instanceof IgcToolActionComponent) {
+                this.contentActions.push(this.children[i]);
+            }
+        }
+        if (this._actionsAdapter != null) {
+            this._actionsAdapter.notifyContentChanged();
+        }
+    }
+    constructor() {
+        super();
+        this._settingAttributes = false;
+        this._attached = false;
+        this._queuedSetAttributes = [];
+        this._updatingFromAttribute = false;
+        this._contextBindings = null;
+        this._actions = null;
+        this.__p = null;
+        this._hasUserValues = new Set();
+        this._stylingContainer = null;
+        this._stylingParent = null;
+        this._inStyling = false;
+        this._onCommand = null;
+        this._onCommand_wrapped = null;
+        this._performed = null;
+        this._performed_wrapped = null;
+        if (this._styling) {
+            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+        }
+        this._implementation = this.createImplementation();
+        Object.defineProperty(this._implementation, 'externalObject', { value: this, enumerable: false, configurable: true, writable: true });
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _enqueueSetAttribute(attrName, attrValue) {
+        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+    }
+    _flushQueuedAttributes() {
+        this._settingAttributes = true;
+        for (let i = 0; i < this._queuedSetAttributes.length; i++) {
+            this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
+        }
+        this._settingAttributes = false;
+        this._queuedSetAttributes.length = 0;
+    }
+    _a(attrName, attrValue) {
+        if (this._updatingFromAttribute) {
+            return;
+        }
+        if (attrValue) {
+            attrValue = attrValue.toString();
+        }
+        this._settingAttributes = true;
+        attrName = toSpinal(attrName);
+        if (this._attached) {
+            this.setAttribute(attrName, attrValue);
+        }
+        else {
+            this._enqueueSetAttribute(attrName, attrValue);
+        }
+        this._settingAttributes = false;
+    }
+    connectedCallback() {
+        if (super["connectedCallback"]) {
+            super["connectedCallback"]();
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (this.updateContentChildren) {
+            this.updateContentChildren();
+        }
+        else if (this._updateAdapters) {
+            this._updateAdapters();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    }
+    disconnectedCallback() {
+        if (super["disconnectedCallback"]) {
+            super["disconnectedCallback"]();
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    }
+    static { this._observedAttributesIgcToolActionComponent = null; }
+    static get observedAttributes() {
+        if (IgcToolActionComponent._observedAttributesIgcToolActionComponent == null) {
+            let names = getAllPropertyNames(IgcToolActionComponent);
+            for (let i = 0; i < names.length; i++) {
+                names[i] = toSpinal(names[i]);
+            }
+            IgcToolActionComponent._observedAttributesIgcToolActionComponent = names;
+        }
+        return IgcToolActionComponent._observedAttributesIgcToolActionComponent;
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (this._settingAttributes) {
+            return;
+        }
+        let setName = fromSpinal(name);
+        this._updatingFromAttribute = true;
+        this[setName] = newValue;
+        this._updatingFromAttribute = false;
+    }
+    get isOpen() {
+        return this.i.bc;
+    }
+    /**
+     * Gets the context bindings for this tool action.
+    */
+    get contextBindings() {
+        if (this._contextBindings === null) {
+            let coll = new IgcToolContextBindingCollection();
+            let innerColl = this.i.contextBindings;
+            if (!innerColl) {
+                innerColl = new ToolContextBindingCollection_internal();
+            }
+            this._contextBindings = coll._fromInner(innerColl);
+            this.i.contextBindings = innerColl;
+        }
+        return this._contextBindings;
+    }
+    set contextBindings(v) {
+        if (this._contextBindings !== null) {
+            this._contextBindings._setSyncTarget(null);
+            this._contextBindings = null;
+        }
+        let coll = new IgcToolContextBindingCollection();
+        this._contextBindings = coll._fromOuter(v);
+        let syncColl = new SyncableObservableCollection$1(ToolContextBinding.$type);
+        let innerColl = this.i.contextBindings;
+        if (!innerColl) {
+            innerColl = new ToolContextBindingCollection_internal();
+        }
+        syncColl._inner = innerColl;
+        syncColl.clear();
+        this._contextBindings._setSyncTarget(syncColl);
+        this.i.contextBindings = innerColl;
+    }
+    get actionId() {
+        return this.i.c3;
+    }
+    get actualActions() {
+        if (!this._actualActions) {
+            this._actualActions = [];
+        }
+        return this._actualActions;
+    }
+    get contentActions() {
+        if (!this._contentActions) {
+            this._contentActions = [];
+        }
+        return this._contentActions;
+    }
+    /**
+     * Gets the sub actions associated with this tool action.
+    */
+    get actions() {
+        if (this._actions === null) {
+            let coll = new IgcToolActionCollection();
+            let inner = coll._innerColl;
+            this._actions = coll;
+            inner.addListener((sender, e) => {
+                switch (e.action) {
+                    case NotifyCollectionChangedAction.Add:
+                        this._actionsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                        break;
+                    case NotifyCollectionChangedAction.Remove:
+                        this._actionsAdapter.removeManualItemAt(e.oldStartingIndex);
+                        break;
+                    case NotifyCollectionChangedAction.Replace:
+                        this._actionsAdapter.removeManualItemAt(e.oldStartingIndex);
+                        this._actionsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                        break;
+                    case NotifyCollectionChangedAction.Reset:
+                        this._actionsAdapter.clearManualItems();
+                        break;
+                }
+            });
+            ;
+        }
+        return this._actions;
+    }
+    /**
+     * Gets or sets the width to use for this tool action.
+    */
+    get width() {
+        return this.i.cq;
+    }
+    set width(v) {
+        this.i.cq = +v;
+        this._a("width", this.i.cq);
+    }
+    /**
+     * Gets or sets the height to use for this tool action.
+    */
+    get height() {
+        return this.i.cb;
+    }
+    set height(v) {
+        this.i.cb = +v;
+        this._a("height", this.i.cb);
+    }
+    /**
+     * Gets or sets the height to use for the sub panel if different than default
+    */
+    get subPanelRowHeight() {
+        return this.i.cs;
+    }
+    set subPanelRowHeight(v) {
+        this.i.cs = +v;
+        this._a("subPanelRowHeight", this.i.cs);
+    }
+    get actualSubPanelRowHeight() {
+        return this.i.cr;
+    }
+    set actualSubPanelRowHeight(v) {
+        this.i.cr = +v;
+        this._a("actualSubPanelRowHeight", this.i.cr);
+    }
+    get parentId() {
+        return this.i.ey;
+    }
+    set parentId(v) {
+        this.i.ey = v;
+    }
+    /**
+     * Gets or sets the Id of the action that this action will be inserted before.
+     * Subsequent actions will continue to insert before the target action, following
+     * the original action that set this property. If using this property do not use the
+     * AfterId property.
+     * This property is only relevant during initial insertion into the toolbar. Changing the property
+     * after the action has already been added will have no effect.
+    */
+    get beforeId() {
+        return this.i.dt;
+    }
+    set beforeId(v) {
+        this.i.dt = v;
+    }
+    /**
+     * Gets or sets the Id of the action that this action will be inserted after.
+     * Subsequent actions will continue to insert after the target action, following
+     * the original action that set this property. If using this property do not use the
+     * BeforeId property.
+     * This property is only relevant during initial insertion into the toolbar. Changing the property
+     * after the action has already been added will have no effect.
+    */
+    get afterId() {
+        return this.i.dq;
+    }
+    set afterId(v) {
+        this.i.dq = v;
+    }
+    /**
+     * Sets to the Id of the action that this action will overlay itself on to.
+     * The purpose of this property is to allow users to override actions automatically generated by
+     * toolbar targets such as the DataChart. These generated actions all have unique Ids associated
+     * with them that can be used for the OverlayId.
+     * These overlaid actions will
+     * not
+     * replace the generated one but will have its properties
+     * overlaid onto the generated actions.
+    */
+    get overlayId() {
+        return this.i.et;
+    }
+    set overlayId(v) {
+        this.i.et = v;
+    }
+    get commandId() {
+        return this.i.dy;
+    }
+    set commandId(v) {
+        this.i.dy = v;
+    }
+    get commandArgument() {
+        return this.i.dv;
+    }
+    set commandArgument(v) {
+        this.i.dv = v;
+    }
+    get commandArgumentValue() {
+        return this.i.ct;
+    }
+    set commandArgumentValue(v) {
+        this.i.ct = v;
+    }
+    get paddingLeft() {
+        return this.i.cm;
+    }
+    set paddingLeft(v) {
+        this.i.cm = +v;
+        this._a("paddingLeft", this.i.cm);
+    }
+    get actualPaddingLeft() {
+        return this.i.b3;
+    }
+    set actualPaddingLeft(v) {
+        this.i.b3 = +v;
+        this._a("actualPaddingLeft", this.i.b3);
+    }
+    get paddingRight() {
+        return this.i.cn;
+    }
+    set paddingRight(v) {
+        this.i.cn = +v;
+        this._a("paddingRight", this.i.cn);
+    }
+    get actualPaddingRight() {
+        return this.i.b4;
+    }
+    set actualPaddingRight(v) {
+        this.i.b4 = +v;
+        this._a("actualPaddingRight", this.i.b4);
+    }
+    get paddingBottom() {
+        return this.i.cl;
+    }
+    set paddingBottom(v) {
+        this.i.cl = +v;
+        this._a("paddingBottom", this.i.cl);
+    }
+    get actualPaddingBottom() {
+        return this.i.b2;
+    }
+    set actualPaddingBottom(v) {
+        this.i.b2 = +v;
+        this._a("actualPaddingBottom", this.i.b2);
+    }
+    get paddingTop() {
+        return this.i.co;
+    }
+    set paddingTop(v) {
+        this.i.co = +v;
+        this._a("paddingTop", this.i.co);
+    }
+    get actualPaddingTop() {
+        return this.i.b5;
+    }
+    set actualPaddingTop(v) {
+        this.i.b5 = +v;
+        this._a("actualPaddingTop", this.i.b5);
+    }
+    /**
+     * Gets the actual hover background used by the tool action.
+    */
+    get actualHoverBackground() {
+        return brushToString(this.i.hj);
+    }
+    set actualHoverBackground(v) {
+        this.i.hj = stringToBrush(v);
+        this._a("actualHoverBackground", brushToString(this.i.hj));
+    }
+    /**
+     * Gets or sets the hover background for this tool action.
+    */
+    get hoverBackground() {
+        return brushToString(this.i.hr);
+    }
+    set hoverBackground(v) {
+        this.i.hr = stringToBrush(v);
+        this._a("hoverBackground", brushToString(this.i.hr));
+    }
+    /**
+     * Gets the actual background used by the tool action.
+    */
+    get actualBackground() {
+        return brushToString(this.i.hg);
+    }
+    set actualBackground(v) {
+        this.i.hg = stringToBrush(v);
+        this._a("actualBackground", brushToString(this.i.hg));
+    }
+    /**
+     * Gets or sets the background color of the tool action.
+    */
+    get background() {
+        return brushToString(this.i.ho);
+    }
+    set background(v) {
+        this.i.ho = stringToBrush(v);
+        this._a("background", brushToString(this.i.ho));
+    }
+    /**
+     * Gets the actual label text color.
+    */
+    get actualTextColor() {
+        return brushToString(this.i.hn);
+    }
+    set actualTextColor(v) {
+        this.i.hn = stringToBrush(v);
+        this._a("actualTextColor", brushToString(this.i.hn));
+    }
+    /**
+     * Gets or sets the label text color.
+    */
+    get textColor() {
+        return brushToString(this.i.hv);
+    }
+    set textColor(v) {
+        this.i.hv = stringToBrush(v);
+        this._a("textColor", brushToString(this.i.hv));
+    }
+    /**
+     * Gets the actual label text color.
+    */
+    get actualSubtitleTextColor() {
+        return brushToString(this.i.hm);
+    }
+    set actualSubtitleTextColor(v) {
+        this.i.hm = stringToBrush(v);
+        this._a("actualSubtitleTextColor", brushToString(this.i.hm));
+    }
+    /**
+     * Gets or sets the label text color.
+    */
+    get subtitleTextColor() {
+        return brushToString(this.i.hu);
+    }
+    set subtitleTextColor(v) {
+        this.i.hu = stringToBrush(v);
+        this._a("subtitleTextColor", brushToString(this.i.hu));
+    }
+    /**
+     * Gets the actual label text color when the tool is disabled.
+    */
+    get actualDisabledTextColor() {
+        return brushToString(this.i.hh);
+    }
+    set actualDisabledTextColor(v) {
+        this.i.hh = stringToBrush(v);
+        this._a("actualDisabledTextColor", brushToString(this.i.hh));
+    }
+    /**
+     * Gets or sets the label text color when the tool is disabled.
+    */
+    get disabledTextColor() {
+        return brushToString(this.i.hp);
+    }
+    set disabledTextColor(v) {
+        this.i.hp = stringToBrush(v);
+        this._a("disabledTextColor", brushToString(this.i.hp));
+    }
+    /**
+     * Gets the actual font used.
+    */
+    get actualTextStyle() {
+        return this.i.af;
+    }
+    set actualTextStyle(v) {
+        this.i.af = v;
+    }
+    /**
+     * Gets or sets the font to use.
+    */
+    get textStyle() {
+        if (this.i.ai == null) {
+            return null;
+        }
+        return this.i.ai.fontString;
+    }
+    set textStyle(v) {
+        let fi = new FontInfo();
+        fi.fontString = v;
+        this.i.ai = fi;
+        this._a("textStyle", this.i.ai != null ? this.i.ai.fontString : "");
+    }
+    /**
+     * Gets the actual font used.
+    */
+    get actualSubtitleTextStyle() {
+        return this.i.ae;
+    }
+    set actualSubtitleTextStyle(v) {
+        this.i.ae = v;
+    }
+    /**
+     * Gets or sets the font to use.
+    */
+    get subtitleTextStyle() {
+        if (this.i.ah == null) {
+            return null;
+        }
+        return this.i.ah.fontString;
+    }
+    set subtitleTextStyle(v) {
+        let fi = new FontInfo();
+        fi.fontString = v;
+        this.i.ah = fi;
+        this._a("subtitleTextStyle", this.i.ah != null ? this.i.ah.fontString : "");
+    }
+    get isDisabled() {
+        return this.i.ba;
+    }
+    set isDisabled(v) {
+        this.i.ba = ensureBool(v);
+        this._a("isDisabled", this.i.ba);
+    }
+    get isHighlighted() {
+        return this.i.bb;
+    }
+    set isHighlighted(v) {
+        this.i.bb = ensureBool(v);
+        this._a("isHighlighted", this.i.bb);
+    }
+    get actualAccentColor() {
+        return brushToString(this.i.hf);
+    }
+    set actualAccentColor(v) {
+        this.i.hf = stringToBrush(v);
+        this._a("actualAccentColor", brushToString(this.i.hf));
+    }
+    get accentColor() {
+        return brushToString(this.i.he);
+    }
+    set accentColor(v) {
+        this.i.he = stringToBrush(v);
+        this._a("accentColor", brushToString(this.i.he));
+    }
+    /**
+     * Gets or sets the display density to use for the action.
+    */
+    get density() {
+        return this.i.x;
+    }
+    set density(v) {
+        this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
+        this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
+    }
+    /**
+     * Gets the resolved display density to use for the action.
+    */
+    get actualDensity() {
+        return this.i.w;
+    }
+    set actualDensity(v) {
+        this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
+        this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.w));
+    }
+    get name() {
+        return this.i.er;
+    }
+    set name(v) {
+        this.i.er = v;
+    }
+    /**
+     * Gets or sets the title of the tool.
+    */
+    get title() {
+        return this.i.fb;
+    }
+    set title(v) {
+        this.i.fb = v;
+    }
+    /**
+     * Gets or sets the subtitle of the tool.
+    */
+    get subtitle() {
+        return this.i.e5;
+    }
+    set subtitle(v) {
+        this.i.e5 = v;
+    }
+    /**
+     * Gets or sets the title horizontal alignment.
+    */
+    get titleHorizontalAlignment() {
+        return this.i.hc;
+    }
+    set titleHorizontalAlignment(v) {
+        this.i.hc = ensureEnum(HorizontalAlignment_$type, v);
+        this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.hc));
+    }
+    get iconName() {
+        return this.i.ef;
+    }
+    set iconName(v) {
+        this.i.ef = v;
+    }
+    get iconCollectionName() {
+        return this.i.ea;
+    }
+    set iconCollectionName(v) {
+        this.i.ea = v;
+    }
+    /**
+     * Gets or sets the icon viewbox left.
+    */
+    get iconViewBoxLeft() {
+        return this.i.ch;
+    }
+    set iconViewBoxLeft(v) {
+        this.i.ch = +v;
+        this._a("iconViewBoxLeft", this.i.ch);
+    }
+    /**
+     * Gets or sets the icon viewbox top.
+    */
+    get iconViewBoxTop() {
+        return this.i.ci;
+    }
+    set iconViewBoxTop(v) {
+        this.i.ci = +v;
+        this._a("iconViewBoxTop", this.i.ci);
+    }
+    /**
+     * Gets or sets the icon viewbox width.
+    */
+    get iconViewBoxWidth() {
+        return this.i.cj;
+    }
+    set iconViewBoxWidth(v) {
+        this.i.cj = +v;
+        this._a("iconViewBoxWidth", this.i.cj);
+    }
+    /**
+     * Gets or sets the icon viewbox height.
+    */
+    get iconViewBoxHeight() {
+        return this.i.cg;
+    }
+    set iconViewBoxHeight(v) {
+        this.i.cg = +v;
+        this._a("iconViewBoxHeight", this.i.cg);
+    }
+    /**
+     * Gets or sets the icon fill color.
+    */
+    get iconFill() {
+        return brushToString(this.i.hs);
+    }
+    set iconFill(v) {
+        this.i.hs = stringToBrush(v);
+        this._a("iconFill", brushToString(this.i.hs));
+    }
+    /**
+     * Gets the actual icon fill color.
+    */
+    get actualIconFill() {
+        return brushToString(this.i.hk);
+    }
+    set actualIconFill(v) {
+        this.i.hk = stringToBrush(v);
+        this._a("actualIconFill", brushToString(this.i.hk));
+    }
+    /**
+     * Gets or sets the icon fill colors.
+    */
+    get iconFillColors() {
+        return fromBrushCollection(this.i.a);
+    }
+    set iconFillColors(v) {
+        this.i.a = toBrushCollection(v);
+        this._a("iconFillColors", brushCollectionToString(this.i.a));
+    }
+    /**
+     * Gets or sets the icon stroke color.
+    */
+    get iconStroke() {
+        return brushToString(this.i.ht);
+    }
+    set iconStroke(v) {
+        this.i.ht = stringToBrush(v);
+        this._a("iconStroke", brushToString(this.i.ht));
+    }
+    /**
+     * Gets the actual icon stroke color.
+    */
+    get actualIconStroke() {
+        return brushToString(this.i.hl);
+    }
+    set actualIconStroke(v) {
+        this.i.hl = stringToBrush(v);
+        this._a("actualIconStroke", brushToString(this.i.hl));
+    }
+    /**
+     * Gets or sets the icon stroke colors.
+    */
+    get iconStrokeColors() {
+        return fromBrushCollection(this.i.b);
+    }
+    set iconStrokeColors(v) {
+        this.i.b = toBrushCollection(v);
+        this._a("iconStrokeColors", brushCollectionToString(this.i.b));
+    }
+    /**
+     * Gets or sets the icon viewbox width.
+    */
+    get iconStrokeWidth() {
+        return this.i.cf;
+    }
+    set iconStrokeWidth(v) {
+        this.i.cf = +v;
+        this._a("iconStrokeWidth", this.i.cf);
+    }
+    /**
+     * Gets or sets the width of the icon.
+    */
+    get iconWidth() {
+        return this.i.ck;
+    }
+    set iconWidth(v) {
+        this.i.ck = +v;
+        this._a("iconWidth", this.i.ck);
+    }
+    /**
+     * Gets the actual icon width used.
+    */
+    get actualIconWidth() {
+        return this.i.b1;
+    }
+    set actualIconWidth(v) {
+        this.i.b1 = +v;
+        this._a("actualIconWidth", this.i.b1);
+    }
+    /**
+     * Gets or sets the height of the icon.
+    */
+    get iconHeight() {
+        return this.i.ce;
+    }
+    set iconHeight(v) {
+        this.i.ce = +v;
+        this._a("iconHeight", this.i.ce);
+    }
+    /**
+     * Gets the actual icon height used.
+    */
+    get actualIconHeight() {
+        return this.i.b0;
+    }
+    set actualIconHeight(v) {
+        this.i.b0 = +v;
+        this._a("actualIconHeight", this.i.b0);
+    }
+    /**
+     * Gets or sets the tool action visibility.
+    */
+    get visibility() {
+        return this.i.hw;
+    }
+    set visibility(v) {
+        this.i.hw = ensureEnum(Visibility_$type, v);
+        this._a("visibility", enumToString(Visibility_$type, this.i.hw));
+    }
+    /**
+     * Gets or sets if the tool action will close its parent dropdown when executed by the user.
+    */
+    get closeOnExecute() {
+        return this.i.ay;
+    }
+    set closeOnExecute(v) {
+        this.i.ay = ensureBool(v);
+        this._a("closeOnExecute", this.i.ay);
+    }
+    get highlightWidth() {
+        return this.i.cd;
+    }
+    set highlightWidth(v) {
+        this.i.cd = +v;
+        this._a("highlightWidth", this.i.cd);
+    }
+    get actualHighlightWidth() {
+        return this.i.bz;
+    }
+    set actualHighlightWidth(v) {
+        this.i.bz = +v;
+        this._a("actualHighlightWidth", this.i.bz);
+    }
+    get highlightRadius() {
+        return this.i.cc;
+    }
+    set highlightRadius(v) {
+        this.i.cc = +v;
+        this._a("highlightRadius", this.i.cc);
+    }
+    get actualHighlightRadius() {
+        return this.i.by;
+    }
+    set actualHighlightRadius(v) {
+        this.i.by = +v;
+        this._a("actualHighlightRadius", this.i.by);
+    }
+    get highlightColor() {
+        return brushToString(this.i.hq);
+    }
+    set highlightColor(v) {
+        this.i.hq = stringToBrush(v);
+        this._a("highlightColor", brushToString(this.i.hq));
+    }
+    get actualHighlightColor() {
+        return brushToString(this.i.hi);
+    }
+    set actualHighlightColor(v) {
+        this.i.hi = stringToBrush(v);
+        this._a("actualHighlightColor", brushToString(this.i.hi));
+    }
+    findByName(name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
+        if (this.contextBindings != null && this.contextBindings.findByName && this.contextBindings.findByName(name)) {
+            return this.contextBindings.findByName(name);
+        }
+        if (this.actions != null && this.actions.findByName && this.actions.findByName(name)) {
+            return this.actions.findByName(name);
+        }
+        return null;
+    }
+    get hasUserValues() {
+        return this._hasUserValues;
+    }
+    __m(propertyName) {
+        if (!this._inStyling) {
+            this._hasUserValues.add(propertyName);
+        }
+    }
+    _styling(container, component, parent) {
+        if (this._inStyling) {
+            return;
+        }
+        this._inStyling = true;
+        this._stylingContainer = container;
+        this._stylingParent = component;
+        let genericPrefix = "";
+        let typeName = this.i.$type.name;
+        if (typeName.indexOf("Xam") === 0) {
+            typeName = typeName.substring(3);
+        }
+        genericPrefix = toSpinal("ToolActionComponent");
+        let additionalPrefixes = [];
+        let prefix = toSpinal(typeName);
+        additionalPrefixes.push(prefix + "-");
+        let b = this.i.$type.baseType;
+        while (b && b.name != "Object" &&
+            b.name != "Base" &&
+            b.name != "Control" &&
+            b.Name != "DependencyObject" &&
+            b.Name != "FrameworkElement") {
+            typeName = b.name;
+            if (typeName.indexOf("Xam") === 0) {
+                typeName = typeName.substring(3);
+            }
+            let basePrefix = toSpinal(typeName);
+            additionalPrefixes.push(basePrefix + "-");
+            b = b.baseType;
+        }
+        if (parent) {
+            let parentTypeName = parent.i.$type.name;
+            if (parentTypeName.indexOf("Xam") === 0) {
+                parentTypeName = parentTypeName.substring(3);
+            }
+            let parentPrefix = toSpinal(parentTypeName);
+            additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
+            additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
+        }
+        initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+        if (this._otherStyling) {
+            this._otherStyling(container, component, parent);
+        }
+        this._inStyling = false;
+    }
+    openSubMenu() {
+        this.i.go();
+    }
+    closeSubmenu() {
+        this.i.fj();
+    }
+    exportVisualData() {
+        let iv = this.i.cu();
+        return (iv);
+    }
+    exportSerializedVisualData() {
+        let iv = this.i.d4();
+        return (iv);
+    }
+    get onCommand() {
+        return this._onCommand;
+    }
+    set onCommand(ev) {
+        if (this._onCommand_wrapped !== null) {
+            this.i.onCommand = delegateRemove(this.i.onCommand, this._onCommand_wrapped);
+            this._onCommand_wrapped = null;
+            this._onCommand = null;
+        }
+        this._onCommand = ev;
+        this._onCommand_wrapped = (o, e) => {
+            let outerArgs = new IgcToolCommandEventArgs();
+            outerArgs._provideImplementation(e);
+            if (this.beforeOnCommand) {
+                this.beforeOnCommand(this, outerArgs);
+            }
+            if (this._onCommand) {
+                this._onCommand(this, outerArgs);
+            }
+        };
+        this.i.onCommand = delegateCombine(this.i.onCommand, this._onCommand_wrapped);
+        ;
+    }
+    get performed() {
+        return this._performed;
+    }
+    set performed(ev) {
+        if (this._performed_wrapped !== null) {
+            this.i.performed = delegateRemove(this.i.performed, this._performed_wrapped);
+            this._performed_wrapped = null;
+            this._performed = null;
+        }
+        this._performed = ev;
+        this._performed_wrapped = (o, e) => {
+            let outerArgs = new IgcToolActionPerformedEventArgs();
+            outerArgs._provideImplementation(e);
+            if (this.beforePerformed) {
+                this.beforePerformed(this, outerArgs);
+            }
+            if (this._performed) {
+                this._performed(this, outerArgs);
+            }
+        };
+        this.i.performed = delegateCombine(this.i.performed, this._performed_wrapped);
+        ;
+    }
+}
+export { IgcToolActionComponent };