@bryntum/grid-vue 7.1.1

package/src/BryntumTreeGrid.vue

@@ -0,0 +1,818 @@
+<!--
+  Vue wrapper for Bryntum TreeGrid
+-->
+
+<template>
+    <div>
+        <!-- Container for Vue components used in cells, hidden from view -->
+        <div
+            ref   = "cellInstancesHolder"
+            style = "display: none"
+        >
+            <component
+                :is    = "component.is"
+                v-for  = "component in cellInstances"
+                :ref   = "component.key"
+                :key   = "component.key"
+                v-bind = "component"
+            />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import { AjaxStore, Base, Column, ColumnStore, Container, Grid, GridBase, GridLocation, Mask, Menu, MenuItem, Model, Panel, Row, ScrollManager, Scroller, StateProvider, Store, SubGrid, Tool, TreeGrid, Widget } from '@bryntum/grid';
+
+import { StringHelper } from '@bryntum/grid';
+import WrapperHelper from './WrapperHelper.js';
+
+export default {
+
+    // eslint-disable-next-line vue/multi-word-component-names
+    name : 'BryntumTreeGrid',
+
+    props : {
+
+        // Configs only
+        adopt                         : { type : [HTMLElement, String], default : undefined },
+        animateFilterRemovals         : { type : Boolean, default : undefined },
+        animateRemovingRows           : { type : Boolean, default : undefined },
+        ariaDescription               : { type : String, default : undefined },
+        ariaLabel                     : { type : String, default : undefined },
+        autoHeight                    : { type : Boolean, default : undefined },
+        bbar                          : { type : [Array, Object, null], default : undefined },
+        bodyCls                       : { type : [String, Object], default : undefined },
+        bubbleEvents                  : { type : Object, default : undefined },
+        collapsible                   : { type : [Boolean, Object], default : undefined },
+        color                         : { type : String, default : undefined },
+        config                        : { type : Object, default : undefined },
+        contentElementCls             : { type : [String, Object], default : undefined },
+        contextMenuTriggerEvent       : { type : String, default : undefined },
+        dataField                     : { type : String, default : undefined },
+        defaultRegion                 : { type : String, default : undefined },
+        destroyStore                  : { type : Boolean, default : undefined },
+        detectCSSCompatibilityIssues  : { type : Boolean, default : undefined },
+        disableGridColumnIdWarning    : { type : Boolean, default : undefined },
+        disableGridRowModelWarning    : { type : Boolean, default : undefined },
+        dock                          : { type : [String, Object], default : undefined },
+        drawer                        : { type : [Boolean, String], default : undefined },
+        elementAttributes             : { type : Object, default : undefined },
+        enableSticky                  : { type : Boolean, default : undefined },
+        enableTextSelection           : { type : Boolean, default : undefined },
+        fillLastColumn                : { type : Boolean, default : undefined },
+        fixedRowHeight                : { type : Boolean, default : undefined },
+        footer                        : { type : [Object, String], default : undefined },
+        formulaProviders              : { type : Object, default : undefined },
+        fullRowRefresh                : { type : Boolean, default : undefined },
+        getRowHeight                  : { type : Function, default : undefined },
+        header                        : { type : [String, Boolean, Object], default : undefined },
+        hideHorizontalScrollbar       : { type : Boolean, default : undefined },
+        hoverCls                      : { type : String, default : undefined },
+        icon                          : { type : [String, Object], default : undefined },
+        ignoreParentReadOnly          : { type : Boolean, default : undefined },
+        listeners                     : { type : Object, default : undefined },
+        loadMask                      : { type : [String, Object, null], default : undefined },
+        loadMaskDefaults              : { type : Object, default : undefined },
+        loadMaskError                 : { type : [Object, Mask, Boolean], default : undefined },
+        localizable                   : { type : Boolean, default : undefined },
+        maskDefaults                  : { type : Object, default : undefined },
+        masked                        : { type : [Boolean, String, Object], default : undefined },
+        monitorResize                 : { type : Boolean, default : undefined },
+        owner                         : { type : [Widget, Object], default : undefined },
+        plugins                       : { type : Array, default : undefined },
+        preserveFocusOnDatasetChange  : { type : Boolean, default : undefined },
+        preserveScrollOnDatasetChange : { type : Boolean, default : undefined },
+        preventTooltipOnTouch         : { type : Boolean, default : undefined },
+        relayStoreEvents              : { type : Boolean, default : undefined },
+        resizable                     : { type : [Boolean, Object], default : undefined },
+        resizeToFitIncludesHeader     : { type : Boolean, default : undefined },
+        responsiveLevels              : { type : Object, default : undefined },
+        ripple                        : { type : [Boolean, Object], default : undefined },
+        rootElement                   : { type : [ShadowRoot, HTMLElement], default : undefined },
+        scrollerClass                 : { type : Function, default : undefined },
+        scrollManager                 : { type : [Object, ScrollManager], default : undefined },
+        showDirty                     : { type : [Boolean, Object], default : undefined },
+        stateful                      : { type : [Boolean, Object, Array], default : undefined },
+        statefulEvents                : { type : [Object, Array], default : undefined },
+        stateId                       : { type : String, default : undefined },
+        stateProvider                 : { type : StateProvider, default : undefined },
+        strips                        : { type : Object, default : undefined },
+        subGridConfigs                : { type : Object, default : undefined },
+        syncMask                      : { type : [String, Object, null], default : undefined },
+        tab                           : { type : [Boolean, Object], default : undefined },
+        tabBarItems                   : { type : Array, default : undefined },
+        tbar                          : { type : [Array, Object, null], default : undefined },
+        type                          : { type : String, default : undefined },
+        ui                            : { type : [String, Object], default : undefined },
+        weight                        : { type : Number, default : undefined },
+
+        // Configs and properties
+        alignSelf                   : { type : String, default : undefined },
+        animateTreeNodeToggle       : { type : Boolean, default : undefined },
+        appendTo                    : { type : [HTMLElement, String], default : undefined },
+        callOnFunctions             : { type : Boolean, default : undefined },
+        catchEventHandlerExceptions : { type : Boolean, default : undefined },
+        cellEllipsis                : { type : Boolean, default : undefined },
+        cls                         : { type : [String, Object], default : undefined },
+        collapsed                   : { type : Boolean, default : undefined },
+        column                      : { type : Number, default : undefined },
+        columnLines                 : { type : Boolean, default : undefined },
+        columns                     : { type : [ColumnStore, Array, Object], default : undefined },
+        data                        : { type : Array, default : undefined },
+        dataset                     : { type : Object, default : undefined },
+        disabled                    : { type : [Boolean, String], default : undefined },
+        emptyText                   : { type : [String, Object], default : undefined },
+        enableUndoRedoKeys          : { type : Boolean, default : undefined },
+        extraData                   : { type : Object, default : undefined },
+        flex                        : { type : [Number, String], default : undefined },
+        height                      : { type : [Number, String], default : undefined },
+        hidden                      : { type : Boolean, default : undefined },
+        hideFooters                 : { type : Boolean, default : undefined },
+        hideHeaders                 : { type : Boolean, default : undefined },
+        id                          : { type : String, default : undefined },
+        inputFieldAlign             : { type : String, default : undefined },
+        insertBefore                : { type : [HTMLElement, String], default : undefined },
+        insertFirst                 : { type : [HTMLElement, String], default : undefined },
+        keyMap                      : { type : Object, default : undefined },
+        labelPosition               : { type : [String, null], default : undefined },
+        longPressTime               : { type : Number, default : undefined },
+        margin                      : { type : [Number, String], default : undefined },
+        maxHeight                   : { type : [String, Number], default : undefined },
+        maxWidth                    : { type : [String, Number], default : undefined },
+        minHeight                   : { type : [String, Number], default : undefined },
+        minWidth                    : { type : [String, Number], default : undefined },
+        preserveScroll              : { type : [Object, Boolean], default : undefined },
+        readOnly                    : { type : Boolean, default : undefined },
+        rendition                   : { type : [String, Object, null], default : undefined },
+        rowHeight                   : { type : Number, default : undefined },
+        rowLines                    : { type : Boolean, default : undefined },
+        rtl                         : { type : Boolean, default : undefined },
+        scrollable                  : { type : [Scroller, Boolean, Object], default : undefined },
+        selectionMode               : { type : Object, default : undefined },
+        span                        : { type : Number, default : undefined },
+        stateSettings               : { type : Object, default : undefined },
+        store                       : { type : [Store, Object, AjaxStore], default : undefined },
+        title                       : { type : String, default : undefined },
+        tools                       : { type : [Object, null], default : undefined },
+        transition                  : { type : Object, default : undefined },
+        transitionDuration          : { type : Number, default : undefined },
+        width                       : { type : [Number, String], default : undefined },
+
+        // Properties only
+        focusVisible    : { type : Boolean, default : undefined },
+        hasChanges      : { type : Boolean, default : undefined },
+        originalStore   : { type : Store, default : undefined },
+        parent          : { type : Widget, default : undefined },
+        selectedCell    : { type : [GridLocation, Object], default : undefined },
+        selectedCells   : { type : Array, default : undefined },
+        selectedRecord  : { type : Model, default : undefined },
+        selectedRecords : { type : Array, default : undefined },
+        selectedRows    : { type : Array, default : undefined },
+        state           : { type : Object, default : undefined },
+        tooltip         : { type : [String, Object], default : undefined },
+
+        // Events
+        onBeforeCancelCellEdit         : { type : Function },
+        onBeforeCancelRowEdit          : { type : Function },
+        onBeforeCellEditStart          : { type : Function },
+        onBeforeCellRangeDelete        : { type : Function },
+        onBeforeCellRangeEdit          : { type : Function },
+        onBeforeColumnDragStart        : { type : Function },
+        onBeforeColumnDropFinalize     : { type : Function },
+        onBeforeColumnResize           : { type : Function },
+        onBeforeCopy                   : { type : Function },
+        onBeforeCSVExport              : { type : Function },
+        onBeforeDestroy                : { type : Function },
+        onBeforeExcelExport            : { type : Function },
+        onBeforeFillHandleDragStart    : { type : Function },
+        onBeforeFinishCellEdit         : { type : Function },
+        onBeforeFinishRowEdit          : { type : Function },
+        onBeforeHide                   : { type : Function },
+        onBeforePaste                  : { type : Function },
+        onBeforePdfExport              : { type : Function },
+        onBeforeRenderRow              : { type : Function },
+        onBeforeRenderRows             : { type : Function },
+        onBeforeRowCollapse            : { type : Function },
+        onBeforeRowExpand              : { type : Function },
+        onBeforeSelectionChange        : { type : Function },
+        onBeforeSetRecord              : { type : Function },
+        onBeforeShow                   : { type : Function },
+        onBeforeStartRowEdit           : { type : Function },
+        onBeforeStateApply             : { type : Function },
+        onBeforeStateSave              : { type : Function },
+        onBeforeToggleGroup            : { type : Function },
+        onBeforeToggleNode             : { type : Function },
+        onCancelCellEdit               : { type : Function },
+        onCatchAll                     : { type : Function },
+        onCellClick                    : { type : Function },
+        onCellContextMenu              : { type : Function },
+        onCellDblClick                 : { type : Function },
+        onCellMenuBeforeShow           : { type : Function },
+        onCellMenuItem                 : { type : Function },
+        onCellMenuShow                 : { type : Function },
+        onCellMenuToggleItem           : { type : Function },
+        onCellMouseEnter               : { type : Function },
+        onCellMouseLeave               : { type : Function },
+        onCellMouseOut                 : { type : Function },
+        onCellMouseOver                : { type : Function },
+        onCollapse                     : { type : Function },
+        onCollapseNode                 : { type : Function },
+        onColumnDrag                   : { type : Function },
+        onColumnDragStart              : { type : Function },
+        onColumnDrop                   : { type : Function },
+        onColumnResize                 : { type : Function },
+        onColumnResizeStart            : { type : Function },
+        onContextMenuItem              : { type : Function },
+        onContextMenuToggleItem        : { type : Function },
+        onCopy                         : { type : Function },
+        onDataChange                   : { type : Function },
+        onDestroy                      : { type : Function },
+        onDirtyStateChange             : { type : Function },
+        onDragSelecting                : { type : Function },
+        onElementCreated               : { type : Function },
+        onExpand                       : { type : Function },
+        onExpandNode                   : { type : Function },
+        onFileDrop                     : { type : Function },
+        onFillHandleBeforeDragFinalize : { type : Function },
+        onFillHandleDrag               : { type : Function },
+        onFillHandleDragAbort          : { type : Function },
+        onFillHandleDragEnd            : { type : Function },
+        onFillHandleDragStart          : { type : Function },
+        onFinishCellEdit               : { type : Function },
+        onFinishRowEdit                : { type : Function },
+        onFocusIn                      : { type : Function },
+        onFocusOut                     : { type : Function },
+        onGridRowBeforeDragStart       : { type : Function },
+        onGridRowBeforeDropFinalize    : { type : Function },
+        onGridRowDrag                  : { type : Function },
+        onGridRowDragAbort             : { type : Function },
+        onGridRowDragStart             : { type : Function },
+        onGridRowDrop                  : { type : Function },
+        onHeaderClick                  : { type : Function },
+        onHeaderMenuBeforeShow         : { type : Function },
+        onHeaderMenuItem               : { type : Function },
+        onHeaderMenuShow               : { type : Function },
+        onHeaderMenuToggleItem         : { type : Function },
+        onHide                         : { type : Function },
+        onLockRows                     : { type : Function },
+        onMouseOut                     : { type : Function },
+        onMouseOver                    : { type : Function },
+        onPaint                        : { type : Function },
+        onPaste                        : { type : Function },
+        onPdfExport                    : { type : Function },
+        onReadOnly                     : { type : Function },
+        onRecompose                    : { type : Function },
+        onRenderRow                    : { type : Function },
+        onRenderRows                   : { type : Function },
+        onResize                       : { type : Function },
+        onResponsive                   : { type : Function },
+        onRowCollapse                  : { type : Function },
+        onRowExpand                    : { type : Function },
+        onRowMouseEnter                : { type : Function },
+        onRowMouseLeave                : { type : Function },
+        onScroll                       : { type : Function },
+        onSelectionChange              : { type : Function },
+        onSelectionModeChange          : { type : Function },
+        onShow                         : { type : Function },
+        onSplit                        : { type : Function },
+        onSplitterCollapseClick        : { type : Function },
+        onSplitterDragEnd              : { type : Function },
+        onSplitterDragStart            : { type : Function },
+        onSplitterExpandClick          : { type : Function },
+        onStartCellEdit                : { type : Function },
+        onStartRowEdit                 : { type : Function },
+        onSubGridCollapse              : { type : Function },
+        onSubGridExpand                : { type : Function },
+        onToggleGroup                  : { type : Function },
+        onToggleNode                   : { type : Function },
+        onToolClick                    : { type : Function },
+        onUnlockRows                   : { type : Function },
+        onUnsplit                      : { type : Function },
+
+        // Features
+        aiFilterFeature          : { type : [Object, Boolean, String], default : undefined },
+        cellCopyPasteFeature     : { type : [Object, Boolean, String], default : undefined },
+        cellEditFeature          : { type : [Object, Boolean, String], default : undefined },
+        cellMenuFeature          : { type : [Object, Boolean, String], default : undefined },
+        cellTooltipFeature       : { type : [Object, Boolean, String], default : undefined },
+        chartsFeature            : { type : [Object, Boolean, String], default : undefined },
+        columnAutoWidthFeature   : { type : [Object, Boolean, String], default : undefined },
+        columnDragToolbarFeature : { type : [Object, Boolean, String], default : undefined },
+        columnPickerFeature      : { type : [Object, Boolean, String], default : undefined },
+        columnRenameFeature      : { type : [Object, Boolean, String], default : undefined },
+        columnReorderFeature     : { type : [Object, Boolean, String], default : undefined },
+        columnResizeFeature      : { type : [Object, Boolean, String], default : undefined },
+        excelExporterFeature     : { type : [Object, Boolean, String], default : undefined },
+        fileDropFeature          : { type : [Object, Boolean, String], default : undefined },
+        fillHandleFeature        : { type : [Object, Boolean, String], default : undefined },
+        filterFeature            : { type : [Object, Boolean, String], default : undefined },
+        filterBarFeature         : { type : [Object, Boolean, String], default : undefined },
+        groupFeature             : { type : [Object, Boolean, String], default : undefined },
+        groupSummaryFeature      : { type : [Object, Boolean, String], default : undefined },
+        headerMenuFeature        : { type : [Object, Boolean, String], default : undefined },
+        lockRowsFeature          : { type : [Object, Boolean, String], default : undefined },
+        mergeCellsFeature        : { type : [Object, Boolean, String], default : undefined },
+        pdfExportFeature         : { type : [Object, Boolean, String], default : undefined },
+        pinColumnsFeature        : { type : [Object, Boolean, String], default : undefined },
+        printFeature             : { type : [Object, Boolean, String], default : undefined },
+        quickFindFeature         : { type : [Object, Boolean, String], default : undefined },
+        regionResizeFeature      : { type : [Object, Boolean, String], default : undefined },
+        rowCopyPasteFeature      : { type : [Object, Boolean, String], default : undefined },
+        rowEditFeature           : { type : [Object, Boolean, String], default : undefined },
+        rowExpanderFeature       : { type : [Object, Boolean, String], default : undefined },
+        rowReorderFeature        : { type : [Object, Boolean, String], default : undefined },
+        rowResizeFeature         : { type : [Object, Boolean, String], default : undefined },
+        searchFeature            : { type : [Object, Boolean, String], default : undefined },
+        sortFeature              : { type : [Object, Boolean, String], default : undefined },
+        splitFeature             : { type : [Object, Boolean, String], default : undefined },
+        stickyCellsFeature       : { type : [Object, Boolean, String], default : undefined },
+        stripeFeature            : { type : [Object, Boolean, String], default : undefined },
+        summaryFeature           : { type : [Object, Boolean, String], default : undefined },
+        treeFeature              : { type : [Object, Boolean, String], default : undefined },
+        treeGroupFeature         : { type : [Object, Boolean, String], default : undefined },
+
+    },
+
+    data : () => {
+        return {
+            instanceClass : TreeGrid,
+            instanceName : 'TreeGrid',
+
+            isView : true,
+
+            cellInstances : [],
+
+            dataStores : {
+                'originalStore': 'originals'
+            },
+
+            projectStores : false,
+
+            featureNames : [
+                'aiFilterFeature',
+                'cellCopyPasteFeature',
+                'cellEditFeature',
+                'cellMenuFeature',
+                'cellTooltipFeature',
+                'chartsFeature',
+                'columnAutoWidthFeature',
+                'columnDragToolbarFeature',
+                'columnPickerFeature',
+                'columnRenameFeature',
+                'columnReorderFeature',
+                'columnResizeFeature',
+                'excelExporterFeature',
+                'fileDropFeature',
+                'fillHandleFeature',
+                'filterFeature',
+                'filterBarFeature',
+                'groupFeature',
+                'groupSummaryFeature',
+                'headerMenuFeature',
+                'lockRowsFeature',
+                'mergeCellsFeature',
+                'pdfExportFeature',
+                'pinColumnsFeature',
+                'printFeature',
+                'quickFindFeature',
+                'regionResizeFeature',
+                'rowCopyPasteFeature',
+                'rowEditFeature',
+                'rowExpanderFeature',
+                'rowReorderFeature',
+                'rowResizeFeature',
+                'searchFeature',
+                'sortFeature',
+                'splitFeature',
+                'stickyCellsFeature',
+                'stripeFeature',
+                'summaryFeature',
+                'treeFeature',
+                'treeGroupFeature'
+            ],
+
+            configNames : [
+                'adopt',
+                'animateFilterRemovals',
+                'animateRemovingRows',
+                'ariaDescription',
+                'ariaLabel',
+                'autoHeight',
+                'bbar',
+                'bodyCls',
+                'bubbleEvents',
+                'collapsible',
+                'color',
+                'config',
+                'contentElementCls',
+                'contextMenuTriggerEvent',
+                'dataField',
+                'defaultRegion',
+                'destroyStore',
+                'detectCSSCompatibilityIssues',
+                'disableGridColumnIdWarning',
+                'disableGridRowModelWarning',
+                'dock',
+                'drawer',
+                'elementAttributes',
+                'enableSticky',
+                'enableTextSelection',
+                'fillLastColumn',
+                'fixedRowHeight',
+                'footer',
+                'formulaProviders',
+                'fullRowRefresh',
+                'getRowHeight',
+                'header',
+                'hideHorizontalScrollbar',
+                'hoverCls',
+                'icon',
+                'ignoreParentReadOnly',
+                'listeners',
+                'loadMask',
+                'loadMaskDefaults',
+                'loadMaskError',
+                'localizable',
+                'maskDefaults',
+                'masked',
+                'monitorResize',
+                'owner',
+                'plugins',
+                'preserveFocusOnDatasetChange',
+                'preserveScrollOnDatasetChange',
+                'preventTooltipOnTouch',
+                'relayStoreEvents',
+                'resizable',
+                'resizeToFitIncludesHeader',
+                'responsiveLevels',
+                'ripple',
+                'rootElement',
+                'scrollerClass',
+                'scrollManager',
+                'showDirty',
+                'stateful',
+                'statefulEvents',
+                'stateId',
+                'stateProvider',
+                'strips',
+                'subGridConfigs',
+                'syncMask',
+                'tab',
+                'tabBarItems',
+                'tbar',
+                'type',
+                'ui',
+                'weight'
+            ],
+
+            propertyConfigNames : [
+                'alignSelf',
+                'animateTreeNodeToggle',
+                'appendTo',
+                'callOnFunctions',
+                'catchEventHandlerExceptions',
+                'cellEllipsis',
+                'cls',
+                'collapsed',
+                'column',
+                'columnLines',
+                'columns',
+                'data',
+                'dataset',
+                'disabled',
+                'emptyText',
+                'enableUndoRedoKeys',
+                'extraData',
+                'flex',
+                'height',
+                'hidden',
+                'hideFooters',
+                'hideHeaders',
+                'id',
+                'inputFieldAlign',
+                'insertBefore',
+                'insertFirst',
+                'keyMap',
+                'labelPosition',
+                'longPressTime',
+                'margin',
+                'maxHeight',
+                'maxWidth',
+                'minHeight',
+                'minWidth',
+                'onBeforeCancelCellEdit',
+                'onBeforeCancelRowEdit',
+                'onBeforeCellEditStart',
+                'onBeforeCellRangeDelete',
+                'onBeforeCellRangeEdit',
+                'onBeforeColumnDragStart',
+                'onBeforeColumnDropFinalize',
+                'onBeforeColumnResize',
+                'onBeforeCopy',
+                'onBeforeCSVExport',
+                'onBeforeDestroy',
+                'onBeforeExcelExport',
+                'onBeforeFillHandleDragStart',
+                'onBeforeFinishCellEdit',
+                'onBeforeFinishRowEdit',
+                'onBeforeHide',
+                'onBeforePaste',
+                'onBeforePdfExport',
+                'onBeforeRenderRow',
+                'onBeforeRenderRows',
+                'onBeforeRowCollapse',
+                'onBeforeRowExpand',
+                'onBeforeSelectionChange',
+                'onBeforeSetRecord',
+                'onBeforeShow',
+                'onBeforeStartRowEdit',
+                'onBeforeStateApply',
+                'onBeforeStateSave',
+                'onBeforeToggleGroup',
+                'onBeforeToggleNode',
+                'onCancelCellEdit',
+                'onCatchAll',
+                'onCellClick',
+                'onCellContextMenu',
+                'onCellDblClick',
+                'onCellMenuBeforeShow',
+                'onCellMenuItem',
+                'onCellMenuShow',
+                'onCellMenuToggleItem',
+                'onCellMouseEnter',
+                'onCellMouseLeave',
+                'onCellMouseOut',
+                'onCellMouseOver',
+                'onCollapse',
+                'onCollapseNode',
+                'onColumnDrag',
+                'onColumnDragStart',
+                'onColumnDrop',
+                'onColumnResize',
+                'onColumnResizeStart',
+                'onContextMenuItem',
+                'onContextMenuToggleItem',
+                'onCopy',
+                'onDataChange',
+                'onDestroy',
+                'onDirtyStateChange',
+                'onDragSelecting',
+                'onElementCreated',
+                'onExpand',
+                'onExpandNode',
+                'onFileDrop',
+                'onFillHandleBeforeDragFinalize',
+                'onFillHandleDrag',
+                'onFillHandleDragAbort',
+                'onFillHandleDragEnd',
+                'onFillHandleDragStart',
+                'onFinishCellEdit',
+                'onFinishRowEdit',
+                'onFocusIn',
+                'onFocusOut',
+                'onGridRowBeforeDragStart',
+                'onGridRowBeforeDropFinalize',
+                'onGridRowDrag',
+                'onGridRowDragAbort',
+                'onGridRowDragStart',
+                'onGridRowDrop',
+                'onHeaderClick',
+                'onHeaderMenuBeforeShow',
+                'onHeaderMenuItem',
+                'onHeaderMenuShow',
+                'onHeaderMenuToggleItem',
+                'onHide',
+                'onLockRows',
+                'onMouseOut',
+                'onMouseOver',
+                'onPaint',
+                'onPaste',
+                'onPdfExport',
+                'onReadOnly',
+                'onRecompose',
+                'onRenderRow',
+                'onRenderRows',
+                'onResize',
+                'onResponsive',
+                'onRowCollapse',
+                'onRowExpand',
+                'onRowMouseEnter',
+                'onRowMouseLeave',
+                'onScroll',
+                'onSelectionChange',
+                'onSelectionModeChange',
+                'onShow',
+                'onSplit',
+                'onSplitterCollapseClick',
+                'onSplitterDragEnd',
+                'onSplitterDragStart',
+                'onSplitterExpandClick',
+                'onStartCellEdit',
+                'onStartRowEdit',
+                'onSubGridCollapse',
+                'onSubGridExpand',
+                'onToggleGroup',
+                'onToggleNode',
+                'onToolClick',
+                'onUnlockRows',
+                'onUnsplit',
+                'preserveScroll',
+                'readOnly',
+                'rendition',
+                'rowHeight',
+                'rowLines',
+                'rtl',
+                'scrollable',
+                'selectionMode',
+                'span',
+                'stateSettings',
+                'store',
+                'title',
+                'tools',
+                'transition',
+                'transitionDuration',
+                'width'
+            ],
+
+            propertyNames : [
+                'focusVisible',
+                'hasChanges',
+                'originalStore',
+                'parent',
+                'selectedCell',
+                'selectedCells',
+                'selectedRecord',
+                'selectedRecords',
+                'selectedRows',
+                'state',
+                'tooltip'
+            ],
+
+            eventNames : [
+                'beforeCancelCellEdit',
+                'beforeCancelRowEdit',
+                'beforeCellEditStart',
+                'beforeCellRangeDelete',
+                'beforeCellRangeEdit',
+                'beforeColumnDragStart',
+                'beforeColumnDropFinalize',
+                'beforeColumnResize',
+                'beforeCopy',
+                'beforeCSVExport',
+                'beforeDestroy',
+                'beforeExcelExport',
+                'beforeFillHandleDragStart',
+                'beforeFinishCellEdit',
+                'beforeFinishRowEdit',
+                'beforeHide',
+                'beforePaste',
+                'beforePdfExport',
+                'beforeRenderRow',
+                'beforeRenderRows',
+                'beforeRowCollapse',
+                'beforeRowExpand',
+                'beforeSelectionChange',
+                'beforeSetRecord',
+                'beforeShow',
+                'beforeStartRowEdit',
+                'beforeStateApply',
+                'beforeStateSave',
+                'beforeToggleGroup',
+                'beforeToggleNode',
+                'cancelCellEdit',
+                'catchAll',
+                'cellClick',
+                'cellContextMenu',
+                'cellDblClick',
+                'cellMenuBeforeShow',
+                'cellMenuItem',
+                'cellMenuShow',
+                'cellMenuToggleItem',
+                'cellMouseEnter',
+                'cellMouseLeave',
+                'cellMouseOut',
+                'cellMouseOver',
+                'collapse',
+                'collapseNode',
+                'columnDrag',
+                'columnDragStart',
+                'columnDrop',
+                'columnResize',
+                'columnResizeStart',
+                'contextMenuItem',
+                'contextMenuToggleItem',
+                'copy',
+                'dataChange',
+                'destroy',
+                'dirtyStateChange',
+                'dragSelecting',
+                'elementCreated',
+                'expand',
+                'expandNode',
+                'fileDrop',
+                'fillHandleBeforeDragFinalize',
+                'fillHandleDrag',
+                'fillHandleDragAbort',
+                'fillHandleDragEnd',
+                'fillHandleDragStart',
+                'finishCellEdit',
+                'finishRowEdit',
+                'focusIn',
+                'focusOut',
+                'gridRowBeforeDragStart',
+                'gridRowBeforeDropFinalize',
+                'gridRowDrag',
+                'gridRowDragAbort',
+                'gridRowDragStart',
+                'gridRowDrop',
+                'headerClick',
+                'headerMenuBeforeShow',
+                'headerMenuItem',
+                'headerMenuShow',
+                'headerMenuToggleItem',
+                'hide',
+                'lockRows',
+                'mouseOut',
+                'mouseOver',
+                'paint',
+                'paste',
+                'pdfExport',
+                'readOnly',
+                'recompose',
+                'renderRow',
+                'renderRows',
+                'resize',
+                'responsive',
+                'rowCollapse',
+                'rowExpand',
+                'rowMouseEnter',
+                'rowMouseLeave',
+                'scroll',
+                'selectionChange',
+                'selectionModeChange',
+                'show',
+                'split',
+                'splitterCollapseClick',
+                'splitterDragEnd',
+                'splitterDragStart',
+                'splitterExpandClick',
+                'startCellEdit',
+                'startRowEdit',
+                'subGridCollapse',
+                'subGridExpand',
+                'toggleGroup',
+                'toggleNode',
+                'toolClick',
+                'unlockRows',
+                'unsplit'
+            ]
+        };
+    },
+
+    /**
+     * Called after the instance has been mounted
+     */
+    mounted() {
+        const
+            me = this,
+            {
+                createWidget,
+                relayStores,
+                watchProps,
+                processCellContent,
+                processEventContent,
+                hasFrameworkRenderer
+            }  = WrapperHelper();
+
+        me.instance = createWidget({
+            me,
+            props                : me.$props,
+            data                 : me.$data,
+            listeners            : me.$listeners,
+            emit                 : me.$emit.bind(me),
+            element              : me.$el,
+            processCellContent   : processCellContent.bind(me),
+            processEventContent  : processEventContent.bind(me),
+            hasFrameworkRenderer : hasFrameworkRenderer.bind(me)
+        });
+        // Backwards compatibility for gridInstance, schedulerInstance etc.
+        me[StringHelper.uncapitalize(me.instanceClass.$name) + 'Instance'] = me.instance;
+        relayStores(me.$data, me.instance);
+
+        const watcher = me.$watch.bind(me);
+        watchProps(me, me.instance, me.$props, me.$data, watcher);
+    },
+
+    /**
+     * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
+     */
+    beforeDestroy() {
+        if (this.instance) {
+            this.instance.destroy();
+        }
+    }
+
+};
+
+</script>