igniteui-webcomponents-layouts 3.2.3 → 3.5.0

package/esm2015/lib/igc-tool-action-performed-event-args.js

@@ -0,0 +1,86 @@
+import { IgcToolActionEventDetail } from "./igc-tool-action-event-detail";
+import { IgcToolActionEventDetailCollection } from "./igc-tool-action-event-detail-collection";
+import { ToolActionPerformedEventArgs as ToolActionPerformedEventArgs_internal } from "./ToolActionPerformedEventArgs";
+import { ensureBool } from "igniteui-webcomponents-core";
+import { ToolActionEventDetailCollection as ToolActionEventDetailCollection_internal } from "./ToolActionEventDetailCollection";
+import { ToolActionEventDetail } from "./ToolActionEventDetail";
+import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+export class IgcToolActionPerformedEventArgs {
+    constructor() {
+        this._detailCollection = null;
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    createImplementation() {
+        return new ToolActionPerformedEventArgs_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get isAggregate() {
+        return this.i.c;
+    }
+    set isAggregate(v) {
+        this.i.c = ensureBool(v);
+    }
+    get detail() {
+        const r = this.i.a;
+        if (r == null) {
+            return null;
+        }
+        if (!r.externalObject) {
+            let e = new IgcToolActionEventDetail();
+            if (e.i.setNativeElement) {
+                e.i.setNativeElement(r);
+            }
+            else {
+                e._implementation = r;
+            }
+            r.externalObject = e;
+        }
+        return r.externalObject;
+    }
+    set detail(v) {
+        v == null ? this.i.a = null : this.i.a = v.i;
+    }
+    get detailCollection() {
+        if (this._detailCollection === null) {
+            let coll = new IgcToolActionEventDetailCollection();
+            let innerColl = this.i.b;
+            if (!innerColl) {
+                innerColl = new ToolActionEventDetailCollection_internal();
+            }
+            this._detailCollection = coll._fromInner(innerColl);
+            this.i.b = innerColl;
+        }
+        return this._detailCollection;
+    }
+    set detailCollection(v) {
+        if (this._detailCollection !== null) {
+            this._detailCollection._setSyncTarget(null);
+            this._detailCollection = null;
+        }
+        let coll = new IgcToolActionEventDetailCollection();
+        this._detailCollection = coll._fromOuter(v);
+        let syncColl = new SyncableObservableCollection$1(ToolActionEventDetail.$type);
+        let innerColl = this.i.b;
+        if (!innerColl) {
+            innerColl = new ToolActionEventDetailCollection_internal();
+        }
+        syncColl._inner = innerColl;
+        syncColl.clear();
+        this._detailCollection._setSyncTarget(syncColl);
+        this.i.b = innerColl;
+    }
+}

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

@@ -0,0 +1,69 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionRadio } from "./ToolActionRadio";
+import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+export let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionRadioComponent extends IgcToolActionComponent {
+        constructor() {
+            super();
+        }
+        createImplementation() {
+            return new ToolActionRadio();
+        }
+        /**
+                                     * @hidden
+                                     */
+        get i() {
+            return this._implementation;
+        }
+        connectedCallback() {
+            if (super["connectedCallback"]) {
+                super["connectedCallback"]();
+            }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
+            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 get observedAttributes() {
+            if (IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionRadioComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = names;
+            }
+            return IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent;
+        }
+        static register() {
+            if (!IgcToolActionRadioComponent._isElementRegistered) {
+                IgcToolActionRadioComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
+            }
+        }
+        get radioGroup() {
+            return this.i.bf;
+        }
+        set radioGroup(v) {
+            this.i.bf = v;
+        }
+    }
+    IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;
+    IgcToolActionRadioComponent.htmlTagName = "igc-tool-action-radio";
+    IgcToolActionRadioComponent._isElementRegistered = false;
+    return IgcToolActionRadioComponent;
+})();

package/esm2015/lib/igc-tool-action-radio-module.js

@@ -0,0 +1,16 @@
+/*
+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.
+*/
+import { IgcToolActionRadioComponent } from './igc-tool-action-radio-component';
+import { ToolActionRadio } from './ToolActionRadio';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+export class IgcToolActionRadioModule {
+    static register() {
+        IgcToolActionRadioComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionRadioComponent", IgcToolActionRadioComponent);
+        TypeRegistrar.register("ToolActionRadio", ToolActionRadio.$type);
+    }
+}

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

@@ -0,0 +1,63 @@
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionSeparator } from "./ToolActionSeparator";
+import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+export let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
+    class IgcToolActionSeparatorComponent extends IgcToolActionComponent {
+        constructor() {
+            super();
+        }
+        createImplementation() {
+            return new ToolActionSeparator();
+        }
+        /**
+                                     * @hidden
+                                     */
+        get i() {
+            return this._implementation;
+        }
+        connectedCallback() {
+            if (super["connectedCallback"]) {
+                super["connectedCallback"]();
+            }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
+            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 get observedAttributes() {
+            if (IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent == null) {
+                let names = getAllPropertyNames(IgcToolActionSeparatorComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = names;
+            }
+            return IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent;
+        }
+        static register() {
+            if (!IgcToolActionSeparatorComponent._isElementRegistered) {
+                IgcToolActionSeparatorComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolActionSeparatorComponent.htmlTagName, IgcToolActionSeparatorComponent);
+            }
+        }
+    }
+    IgcToolActionSeparatorComponent._observedAttributesIgcToolActionSeparatorComponent = null;
+    IgcToolActionSeparatorComponent.htmlTagName = "igc-tool-action-separator";
+    IgcToolActionSeparatorComponent._isElementRegistered = false;
+    return IgcToolActionSeparatorComponent;
+})();

package/esm2015/lib/igc-tool-action-separator-module.js

@@ -0,0 +1,16 @@
+/*
+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.
+*/
+import { IgcToolActionSeparatorComponent } from './igc-tool-action-separator-component';
+import { ToolActionSeparator } from './ToolActionSeparator';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+export class IgcToolActionSeparatorModule {
+    static register() {
+        IgcToolActionSeparatorComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionSeparatorComponent", IgcToolActionSeparatorComponent);
+        TypeRegistrar.register("ToolActionSeparator", ToolActionSeparator.$type);
+    }
+}

package/esm2015/lib/igc-tool-command-event-args.js

@@ -0,0 +1,30 @@
+import { ToolCommandEventArgs as ToolCommandEventArgs_internal } from "./ToolCommandEventArgs";
+export class IgcToolCommandEventArgs {
+    createImplementation() {
+        return new ToolCommandEventArgs_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    }
+    get command() {
+        return this.i.a;
+    }
+    set command(v) {
+        this.i.a = v;
+    }
+}

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

@@ -0,0 +1,386 @@
+import { ensureEnum, brushToString, stringToBrush, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
+import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { CollectionAdapter } from "igniteui-webcomponents-core";
+import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+import { ToolPanel } from "./ToolPanel";
+import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { ToolPanelOrientation_$type } from './ToolPanelOrientation';
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { IgcToolActionCollection } from "./igc-tool-action-collection";
+import { IgcToolPanelContentRefreshedEventArgs } from "./igc-tool-panel-content-refreshed-event-args";
+import { IgcToolCommandEventArgs } from './igc-tool-command-event-args';
+export let IgcToolPanelComponent = /*@__PURE__*/ (() => {
+    class IgcToolPanelComponent extends IgcHTMLElement {
+        constructor() {
+            super();
+            this._implementation = null;
+            this.contentActions = [];
+            /**
+            * The actions actually present in the editor. Do not directly modify this array.
+            * This array's contents can be modified by using the actions property or providing child content.
+            */
+            this.actualActions = [];
+            this._actions = null;
+            this._actionsAdapter = null;
+            this._disconnected = false;
+            this._settingAttributes = false;
+            this._attached = false;
+            this._queuedSetAttributes = [];
+            this._updatingFromAttribute = false;
+            this.__p = null;
+            this._hasUserValues = new Set();
+            this._stylingContainer = null;
+            this._stylingParent = null;
+            this._inStyling = false;
+            this._contentRefreshed = null;
+            this._contentRefreshed_wrapped = null;
+            this._onCommand = null;
+            this._onCommand_wrapped = null;
+            if (this._styling) {
+                NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
+            }
+            this._implementation = this.createImplementation();
+            this._implementation.externalObject = this;
+            this._portalManager = new PortalManager("toolPanelContent");
+            this._webComponentRenderer = new WebComponentRenderer(this, document, true, {}, this._portalManager);
+            this._webComponentWrapper = this._webComponentRenderer.createElement("div");
+            this._webComponentRenderer.updateRoot(this._webComponentWrapper);
+            this._webComponentWrapper.setStyleProperty("display", "block");
+            this._webComponentWrapper.setStyleProperty("width", "100%");
+            this._webComponentWrapper.setStyleProperty("height", "100%");
+            this._actionsAdapter = new CollectionAdapter(this.contentActions, this.i.actions, this.actualActions, (c) => c.i, (i) => {
+                if (this._webComponentRenderer && this._webComponentRenderer.rootWrapper.getNativeElement().parentElement) {
+                    i._styling(this, this, this);
+                }
+            }, (i) => { });
+            this.i.provideContainer(this._webComponentRenderer);
+            this.i.notifySizeChanged();
+            let mut = new MutationObserver((list) => {
+                for (var mutation of list) {
+                    if (mutation.type == 'childList') {
+                        this.updateContentProperties();
+                    }
+                }
+            });
+            mut.observe(this, {
+                childList: true
+            });
+            this._webComponentRenderer.addSizeWatcher(() => {
+                this.i.notifySizeChanged();
+            });
+        }
+        set height(value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        }
+        get height() {
+            return this._height;
+        }
+        set width(value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        }
+        get width() {
+            return this._width;
+        }
+        /**
+         * A collection of manually added actions for the editor.
+        */
+        get actions() {
+            if (this._actions === null) {
+                let coll = new IgcToolActionCollection();
+                let inner = coll._innerColl;
+                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;
+                    }
+                });
+                this._actions = coll;
+            }
+            return this._actions;
+        }
+        // supports angular themes or custom properties set in CSS
+        updateStyle() {
+            this._styling(this, this);
+        }
+        destroy() {
+            this._implementation.destroy();
+            this._webComponentRenderer.destroy();
+        }
+        updateContentProperties() {
+            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();
+            }
+        }
+        createImplementation() {
+            return new ToolPanel();
+        }
+        get i() {
+            return this._implementation;
+        }
+        disconnectedCallback() {
+            this._disconnected = true;
+        }
+        connectedCallback() {
+            if (this._disconnected) {
+                this._disconnected = false;
+                return;
+            }
+            this.classList.add("ig-tool-panel");
+            this.classList.add("igc-tool-panel");
+            var rootWrapper = this._webComponentRenderer.rootWrapper;
+            var rootElement = rootWrapper.getNativeElement();
+            this.appendChild(rootElement);
+            this._attached = true;
+            this.style.display = "block";
+            this.style.height = this._height;
+            this.style.width = this._width;
+            this._flushQueuedAttributes();
+            // supports themes or custom properties set in CSS
+            this._styling(this, this);
+            for (let i = 0; i < this.actualActions.length; i++) {
+                let s = this.actualActions[i];
+                s._styling(this, this, this);
+            }
+            this.afterContentInit();
+        }
+        afterContentInit() {
+            this.i.notifySizeChanged();
+        }
+        _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;
+        }
+        static get observedAttributes() {
+            if (IgcToolPanelComponent._observedAttributesIgcToolPanelComponent == null) {
+                let names = getAllPropertyNames(IgcToolPanelComponent);
+                for (let i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolPanelComponent._observedAttributesIgcToolPanelComponent = names;
+            }
+            return IgcToolPanelComponent._observedAttributesIgcToolPanelComponent;
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (this._settingAttributes) {
+                return;
+            }
+            let setName = fromSpinal(name);
+            this._updatingFromAttribute = true;
+            this[setName] = newValue;
+            this._updatingFromAttribute = false;
+        }
+        static register() {
+            if (!IgcToolPanelComponent._isElementRegistered) {
+                IgcToolPanelComponent._isElementRegistered = true;
+                RegisterElementHelper.registerElement(IgcToolPanelComponent.htmlTagName, IgcToolPanelComponent);
+            }
+        }
+        /**
+     * Gets or Sets the property name that contains the values.
+    */
+        get cellTextStyle() {
+            if (this.i.n == null) {
+                return null;
+            }
+            return this.i.n.fontString;
+        }
+        set cellTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.n = fi;
+            this._a("cellTextStyle", this.i.n != null ? this.i.n.fontString : "");
+        }
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get backgroundColor() {
+            return brushToString(this.i.a7);
+        }
+        set backgroundColor(v) {
+            this.i.a7 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.a7));
+        }
+        /**
+         * Gets or sets the color to use for the text of the component.
+        */
+        get textColor() {
+            return brushToString(this.i.ba);
+        }
+        set textColor(v) {
+            this.i.ba = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.ba));
+        }
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get orientation() {
+            return this.i.k;
+        }
+        set orientation(v) {
+            this.i.k = ensureEnum(ToolPanelOrientation_$type, v);
+            this._a("orientation", enumToString(ToolPanelOrientation_$type, this.i.k));
+        }
+        findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(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("ToolPanelComponent");
+            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;
+        }
+        get contentRefreshed() {
+            return this._contentRefreshed;
+        }
+        set contentRefreshed(ev) {
+            if (this._contentRefreshed_wrapped !== null) {
+                this.i.contentRefreshed = delegateRemove(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+                this._contentRefreshed_wrapped = null;
+                this._contentRefreshed = null;
+            }
+            this._contentRefreshed = ev;
+            this._contentRefreshed_wrapped = (o, e) => {
+                let outerArgs = new IgcToolPanelContentRefreshedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeContentRefreshed) {
+                    this.beforeContentRefreshed(this, outerArgs);
+                }
+                if (this._contentRefreshed) {
+                    this._contentRefreshed(this, outerArgs);
+                }
+            };
+            this.i.contentRefreshed = delegateCombine(this.i.contentRefreshed, this._contentRefreshed_wrapped);
+            ;
+        }
+        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);
+            ;
+        }
+    }
+    IgcToolPanelComponent._observedAttributesIgcToolPanelComponent = null;
+    IgcToolPanelComponent.htmlTagName = "igc-tool-panel";
+    IgcToolPanelComponent._isElementRegistered = false;
+    return IgcToolPanelComponent;
+})();