igniteui-webcomponents-layouts 3.2.3 → 3.2.4

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

@@ -0,0 +1,484 @@
+import * as tslib_1 from "tslib";
+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 { CollectionAdapter } from "igniteui-webcomponents-core";
+import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+import { Toolbar } from "./Toolbar";
+import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+import { ToolbarOrientation_$type } from './ToolbarOrientation';
+import { ToolActionCollection as ToolActionCollection_internal } from "./ToolActionCollection";
+import { ToolAction } from "./ToolAction";
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { IgcToolActionCollection } from "./igc-tool-action-collection";
+var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcToolbarComponent, _super);
+    function IgcToolbarComponent() {
+        var _this = _super.call(this) || this;
+        _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.combinedActions = [];
+        _this._actions = null;
+        _this._actionsAdapter = null;
+        _this._disconnected = false;
+        _this._settingAttributes = false;
+        _this._attached = false;
+        _this._queuedSetAttributes = [];
+        _this._updatingFromAttribute = false;
+        _this._autoGeneratedActions = null;
+        _this._actualActions = null;
+        _this.__p = null;
+        _this._hasUserValues = new Set();
+        _this._stylingContainer = null;
+        _this._stylingParent = null;
+        _this._inStyling = false;
+        if (_this._styling) {
+            NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
+        }
+        _this._implementation = _this.createImplementation();
+        _this._implementation.externalObject = _this;
+        _this._portalManager = new PortalManager("toolbarContent");
+        _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.combinedActions, function (c) { return c.i; }, function (i) {
+            if (_this._webComponentRenderer && _this._webComponentRenderer.rootWrapper.getNativeElement().parentElement) {
+                i._styling(_this, _this, _this);
+            }
+        }, function (i) { });
+        _this.i.provideContainer(_this._webComponentRenderer);
+        _this.i.notifySizeChanged();
+        var mut = new MutationObserver(function (list) {
+            var e_1, _b;
+            try {
+                for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                    var mutation = list_1_1.value;
+                    if (mutation.type == 'childList') {
+                        _this.updateContentProperties();
+                    }
+                }
+            }
+            catch (e_1_1) {
+                e_1 = { error: e_1_1 };
+            }
+            finally {
+                try {
+                    if (list_1_1 && !list_1_1.done && (_b = list_1.return))
+                        _b.call(list_1);
+                }
+                finally {
+                    if (e_1)
+                        throw e_1.error;
+                }
+            }
+        });
+        mut.observe(_this, {
+            childList: true
+        });
+        _this._webComponentRenderer.addSizeWatcher(function () {
+            _this.i.notifySizeChanged();
+        });
+        return _this;
+    }
+    Object.defineProperty(IgcToolbarComponent.prototype, "height", {
+        get: function () {
+            return this._height;
+        },
+        set: function (value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        set: function (value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "actions", {
+        /**
+         * A collection of manually added actions for the editor.
+        */
+        get: function () {
+            var _this = this;
+            if (this._actions === null) {
+                var coll = new IgcToolActionCollection();
+                var inner = coll._innerColl;
+                inner.addListener(function (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;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    // supports angular themes or custom properties set in CSS
+    IgcToolbarComponent.prototype.updateStyle = function () {
+        this._styling(this, this);
+    };
+    IgcToolbarComponent.prototype.destroy = function () {
+        this._implementation.destroy();
+        this._webComponentRenderer.destroy();
+    };
+    IgcToolbarComponent.prototype.updateContentProperties = function () {
+        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();
+        }
+    };
+    IgcToolbarComponent.prototype.createImplementation = function () {
+        return new Toolbar();
+    };
+    Object.defineProperty(IgcToolbarComponent.prototype, "i", {
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolbarComponent.prototype.disconnectedCallback = function () {
+        this._disconnected = true;
+    };
+    IgcToolbarComponent.prototype.connectedCallback = function () {
+        if (this._disconnected) {
+            this._disconnected = false;
+            return;
+        }
+        this.classList.add("ig-toolbar");
+        this.classList.add("igc-toolbar");
+        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 (var i = 0; i < this.combinedActions.length; i++) {
+            var s = this.combinedActions[i];
+            s._styling(this, this, this);
+        }
+        this.afterContentInit();
+    };
+    IgcToolbarComponent.prototype.afterContentInit = function () {
+        this.i.notifySizeChanged();
+    };
+    IgcToolbarComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+        this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
+    };
+    IgcToolbarComponent.prototype._flushQueuedAttributes = function () {
+        this._settingAttributes = true;
+        for (var i = 0; i < this._queuedSetAttributes.length; i++) {
+            this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
+        }
+        this._settingAttributes = false;
+        this._queuedSetAttributes.length = 0;
+    };
+    IgcToolbarComponent.prototype._a = function (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;
+    };
+    Object.defineProperty(IgcToolbarComponent, "observedAttributes", {
+        get: function () {
+            if (IgcToolbarComponent._observedAttributesIgcToolbarComponent == null) {
+                var names = getAllPropertyNames(IgcToolbarComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolbarComponent._observedAttributesIgcToolbarComponent = names;
+            }
+            return IgcToolbarComponent._observedAttributesIgcToolbarComponent;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolbarComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+        if (this._settingAttributes) {
+            return;
+        }
+        var setName = fromSpinal(name);
+        this._updatingFromAttribute = true;
+        this[setName] = newValue;
+        this._updatingFromAttribute = false;
+    };
+    IgcToolbarComponent.register = function () {
+        if (!IgcToolbarComponent._isElementRegistered) {
+            IgcToolbarComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcToolbarComponent.htmlTagName, IgcToolbarComponent);
+        }
+    };
+    Object.defineProperty(IgcToolbarComponent.prototype, "autoGeneratedActions", {
+        /**
+         * Gets or sets the data or data source instance to which to bind the grid.
+        */
+        get: function () {
+            if (this._autoGeneratedActions === null) {
+                var coll = new IgcToolActionCollection();
+                var innerColl = this.i.autoGeneratedActions;
+                if (!innerColl) {
+                    innerColl = new ToolActionCollection_internal();
+                }
+                this._autoGeneratedActions = coll._fromInner(innerColl);
+                this.i.autoGeneratedActions = innerColl;
+            }
+            return this._autoGeneratedActions;
+        },
+        set: function (v) {
+            if (this._autoGeneratedActions !== null) {
+                this._autoGeneratedActions._setSyncTarget(null);
+                this._autoGeneratedActions = null;
+            }
+            var coll = new IgcToolActionCollection();
+            this._autoGeneratedActions = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(ToolAction.$type);
+            var innerColl = this.i.autoGeneratedActions;
+            if (!innerColl) {
+                innerColl = new ToolActionCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._autoGeneratedActions._setSyncTarget(syncColl);
+            this.i.autoGeneratedActions = innerColl;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "actualActions", {
+        /**
+         * Gets or sets the data or data source instance to which to bind the grid.
+        */
+        get: function () {
+            if (this._actualActions === null) {
+                var coll = new IgcToolActionCollection();
+                var innerColl = this.i.actualActions;
+                if (!innerColl) {
+                    innerColl = new ToolActionCollection_internal();
+                }
+                this._actualActions = coll._fromInner(innerColl);
+                this.i.actualActions = innerColl;
+            }
+            return this._actualActions;
+        },
+        set: function (v) {
+            if (this._actualActions !== null) {
+                this._actualActions._setSyncTarget(null);
+                this._actualActions = null;
+            }
+            var coll = new IgcToolActionCollection();
+            this._actualActions = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(ToolAction.$type);
+            var innerColl = this.i.actualActions;
+            if (!innerColl) {
+                innerColl = new ToolActionCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._actualActions._setSyncTarget(syncColl);
+            this.i.actualActions = innerColl;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "orientation", {
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get: function () {
+            return this.i.j;
+        },
+        set: function (v) {
+            this.i.j = ensureEnum(ToolbarOrientation_$type, v);
+            this._a("orientation", enumToString(ToolbarOrientation_$type, this.i.j));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "target", {
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get: function () {
+            return this.i.w;
+        },
+        set: function (v) {
+            this.i.w = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "backgroundColor", {
+        /**
+         * Gets or sets the color to use for the background of the component.
+        */
+        get: function () {
+            return brushToString(this.i.ay);
+        },
+        set: function (v) {
+            this.i.ay = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.ay));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "textColor", {
+        /**
+         * Gets or sets the color to use for the text of the component.
+        */
+        get: function () {
+            return brushToString(this.i.a1);
+        },
+        set: function (v) {
+            this.i.a1 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.a1));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "cellTextStyle", {
+        /**
+         * Gets or Sets the property name that contains the values.
+        */
+        get: function () {
+            if (this.i.o == null) {
+                return null;
+            }
+            return this.i.o.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.o = fi;
+            this._a("cellTextStyle", this.i.o != null ? this.i.o.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolbarComponent.prototype.findByName = function (name) {
+        if (this.autoGeneratedActions != null && this.autoGeneratedActions.findByName && this.autoGeneratedActions.findByName(name)) {
+            return this.autoGeneratedActions.findByName(name);
+        }
+        if (this.actions != null && this.actions.findByName && this.actions.findByName(name)) {
+            return this.actions.findByName(name);
+        }
+        if (this.actualActions != null && this.actualActions.findByName && this.actualActions.findByName(name)) {
+            return this.actualActions.findByName(name);
+        }
+        return null;
+    };
+    Object.defineProperty(IgcToolbarComponent.prototype, "hasUserValues", {
+        get: function () {
+            return this._hasUserValues;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolbarComponent.prototype.__m = function (propertyName) {
+        if (!this._inStyling) {
+            this._hasUserValues.add(propertyName);
+        }
+    };
+    IgcToolbarComponent.prototype._styling = function (container, component, parent) {
+        if (this._inStyling) {
+            return;
+        }
+        this._inStyling = true;
+        this._stylingContainer = container;
+        this._stylingParent = component;
+        var genericPrefix = "";
+        var typeName = this.i.$type.name;
+        if (typeName.indexOf("Xam") === 0) {
+            typeName = typeName.substring(3);
+        }
+        genericPrefix = toSpinal("ToolbarComponent");
+        var additionalPrefixes = [];
+        var prefix = toSpinal(typeName);
+        additionalPrefixes.push(prefix + "-");
+        var 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);
+            }
+            var basePrefix = toSpinal(typeName);
+            additionalPrefixes.push(basePrefix + "-");
+            b = b.baseType;
+        }
+        if (parent) {
+            var parentTypeName = parent.i.$type.name;
+            if (parentTypeName.indexOf("Xam") === 0) {
+                parentTypeName = parentTypeName.substring(3);
+            }
+            var 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;
+    };
+    IgcToolbarComponent._observedAttributesIgcToolbarComponent = null;
+    IgcToolbarComponent.htmlTagName = "igc-toolbar";
+    IgcToolbarComponent._isElementRegistered = false;
+    return IgcToolbarComponent;
+}(IgcHTMLElement));
+export { IgcToolbarComponent };

package/esm5/lib/igc-toolbar-module.js

@@ -0,0 +1,23 @@
+/*
+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 { IgcToolPanelModule } from './igc-tool-panel-module';
+import { IgcToolbarComponent } from './igc-toolbar-component';
+import { Toolbar } from './Toolbar';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+var IgcToolbarModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolbarModule() {
+    }
+    IgcToolbarModule.register = function () {
+        IgcToolPanelModule.register();
+        IgcToolbarComponent.register();
+        TypeRegistrar.registerCons('IgcToolbarComponent', IgcToolbarComponent);
+        TypeRegistrar.registerCons('IgcToolbarComponent', IgcToolbarComponent);
+        TypeRegistrar.register('Toolbar', Toolbar.$type);
+    };
+    return IgcToolbarModule;
+}());
+export { IgcToolbarModule };

package/esm5/public_api.js

@@ -4,9 +4,18 @@ export * from './lib/igc-popup-module';
 export * from './lib/igc-popup-component';
 export * from './lib/igc-property-editor-panel-module';
 export * from './lib/igc-property-editor-panel-component';
+export * from './lib/igc-list-panel-component';
+export * from './lib/igc-list-panel-module';
+export * from './lib/igc-tool-panel-component';
+export * from './lib/igc-toolbar-component';
+export * from './lib/igc-tool-panel-module';
+export * from './lib/igc-toolbar-module';
+export * from './lib/ToolbarView';
+export * from './lib/ToolPanelView';
 export * from './lib/PopupView';
 export * from './lib/ExpansionPanelView';
 export * from './lib/ExpansionPanelUtilities';
+export * from './lib/ListPanelView';
 export * from './lib/PropertyEditorPanelView';
 export * from './lib/PopupAlignment';
 export * from './lib/PopupDirection';
@@ -18,10 +27,74 @@ export * from './lib/OnPopupEventArgs';
 export * from './lib/igc-on-popup-event-args';
 export * from './lib/OnClosedEventArgs';
 export * from './lib/igc-on-closed-event-args';
+export * from './lib/ToolActionSeparator';
+export * from './lib/igc-tool-action-separator-component';
+export * from './lib/igc-tool-action-separator-module';
+export * from './lib/ToolActionIconButton';
+export * from './lib/igc-tool-action-icon-button-component';
+export * from './lib/igc-tool-action-icon-button-module';
+export * from './lib/ToolActionGroupHeader';
+export * from './lib/igc-tool-action-group-header-component';
+export * from './lib/igc-tool-action-group-header-module';
+export * from './lib/ToolActionIconMenu';
+export * from './lib/igc-tool-action-icon-menu-component';
+export * from './lib/igc-tool-action-icon-menu-module';
+export * from './lib/ToolActionCheckbox';
+export * from './lib/igc-tool-action-checkbox-component';
+export * from './lib/igc-tool-action-checkbox-module';
+export * from './lib/ToolActionNumberInput';
+export * from './lib/igc-tool-action-number-input-component';
+export * from './lib/igc-tool-action-number-input-module';
+export * from './lib/ToolAction';
+export * from './lib/igc-tool-action-component';
+export * from './lib/igc-tool-action-module';
+export * from './lib/igc-tool-action-collection';
+export * from './lib/ToolActionCollection';
+export * from './lib/ToolActionMenuBase';
+export * from './lib/igc-tool-action-menu-base-component';
+export * from './lib/IExternalToolbar';
+export * from './lib/IToolbarView';
+export * from './lib/Toolbar';
+export * from './lib/ToolbarOrientation';
+export * from './lib/ToolPanelOrientation';
+export * from './lib/ToolCommandEventArgs';
+export * from './lib/igc-tool-command-event-args';
+export * from './lib/ToolPanelContentRefreshedEventArgs';
+export * from './lib/igc-tool-panel-content-refreshed-event-args';
+export * from './lib/ToolActionPerformedEventArgs';
+export * from './lib/igc-tool-action-performed-event-args';
+export * from './lib/ToolActionEventDetail';
+export * from './lib/igc-tool-action-event-detail';
+export * from './lib/igc-tool-action-event-detail-collection';
+export * from './lib/ToolActionEventDetailCollection';
+export * from './lib/ToolbarIconManager';
+export * from './lib/IExternalToolPanel';
+export * from './lib/IToolPanelView';
+export * from './lib/ToolPanel';
+export * from './lib/ToolActionMeasurementContext';
 export * from './lib/Popup';
 export * from './lib/Popup_OuterAnimationInfo';
 export * from './lib/Popup_InnerAnimationInfo';
 export * from './lib/XExpansionPanel';
+export * from './lib/IExternalListPanel';
+export * from './lib/IListPanelView';
+export * from './lib/ListPanel';
+export * from './lib/ListPanelContentRefreshedEventArgs';
+export * from './lib/igc-list-panel-content-refreshed-event-args';
+export * from './lib/ListPanelOrientation';
+export * from './lib/ListPanelTemplateHeightRequestedEventArgs';
+export * from './lib/igc-list-panel-template-height-requested-event-args';
+export * from './lib/ListPanelTemplateWidthRequestedEventArgs';
+export * from './lib/igc-list-panel-template-width-requested-event-args';
+export * from './lib/ListPanelTemplateItemUpdatingEventArgs';
+export * from './lib/igc-list-panel-template-item-updating-event-args';
+export * from './lib/ListPanelDataBindingEventArgs';
+export * from './lib/ListPanelDataSourceNotificationBridge';
+export * from './lib/ListPanelLayoutPanel';
+export * from './lib/ListPanelItemModel';
+export * from './lib/igc-list-panel-item-model';
+export * from './lib/ListPanelItemPresenter';
+export * from './lib/IPropertyEditorPanelView';
 export * from './lib/PropertyEditorPanel';
 export * from './lib/PropertyEditorPanelColumnType';
 export * from './lib/PropertyEditorPanelColumnFieldType';