Diagram: fix ts issues (ui.diagram.ts)

Author: pharret31

packages/devextreme-angular/src/ui/diagram/index.ts

@@ -152,6 +152,32 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
 
     instance: DxDiagram = null;
 
+    /**
+     * [descr:WidgetOptions.accessKey]
+    
+     */
+    @Input()
+    get accessKey(): string | undefined {
+        return this._getOption('accessKey');
+    }
+    set accessKey(value: string | undefined) {
+        this._setOption('accessKey', value);
+    }
+
+
+    /**
+     * [descr:WidgetOptions.activeStateEnabled]
+    
+     */
+    @Input()
+    get activeStateEnabled(): boolean {
+        return this._getOption('activeStateEnabled');
+    }
+    set activeStateEnabled(value: boolean) {
+        this._setOption('activeStateEnabled', value);
+    }
+
+
     /**
      * [descr:dxDiagramOptions.autoZoomMode]
     
@@ -308,6 +334,19 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:WidgetOptions.focusStateEnabled]
+    
+     */
+    @Input()
+    get focusStateEnabled(): boolean {
+        return this._getOption('focusStateEnabled');
+    }
+    set focusStateEnabled(value: boolean) {
+        this._setOption('focusStateEnabled', value);
+    }
+
+
     /**
      * [descr:dxDiagramOptions.fullScreen]
     
@@ -360,6 +399,19 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:WidgetOptions.hint]
+    
+     */
+    @Input()
+    get hint(): string | undefined {
+        return this._getOption('hint');
+    }
+    set hint(value: string | undefined) {
+        this._setOption('hint', value);
+    }
+
+
     /**
      * [descr:dxDiagramOptions.historyToolbar]
     
@@ -373,6 +425,19 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:WidgetOptions.hoverStateEnabled]
+    
+     */
+    @Input()
+    get hoverStateEnabled(): boolean {
+        return this._getOption('hoverStateEnabled');
+    }
+    set hoverStateEnabled(value: boolean) {
+        this._setOption('hoverStateEnabled', value);
+    }
+
+
     /**
      * [descr:dxDiagramOptions.mainToolbar]
     
@@ -516,6 +581,19 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:WidgetOptions.tabIndex]
+    
+     */
+    @Input()
+    get tabIndex(): number {
+        return this._getOption('tabIndex');
+    }
+    set tabIndex(value: number) {
+        this._setOption('tabIndex', value);
+    }
+
+
     /**
      * [descr:dxDiagramOptions.toolbox]
     
@@ -699,6 +777,20 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() onSelectionChanged: EventEmitter<SelectionChangedEvent>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() accessKeyChange: EventEmitter<string | undefined>;
+
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() activeStateEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -783,6 +875,13 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() exportChange: EventEmitter<{ fileName?: string }>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() focusStateEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -811,13 +910,27 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() heightChange: EventEmitter<number | string | undefined>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() hintChange: EventEmitter<string | undefined>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
     
      */
     @Output() historyToolbarChange: EventEmitter<{ commands?: Array<Command | CustomCommand>, visible?: boolean }>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() hoverStateEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -895,6 +1008,13 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() snapToGridChange: EventEmitter<boolean>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() tabIndexChange: EventEmitter<number>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -974,6 +1094,8 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
             { subscribe: 'requestEditOperation', emit: 'onRequestEditOperation' },
             { subscribe: 'requestLayoutUpdate', emit: 'onRequestLayoutUpdate' },
             { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
+            { emit: 'accessKeyChange' },
+            { emit: 'activeStateEnabledChange' },
             { emit: 'autoZoomModeChange' },
             { emit: 'contextMenuChange' },
             { emit: 'contextToolboxChange' },
@@ -986,11 +1108,14 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
             { emit: 'editingChange' },
             { emit: 'elementAttrChange' },
             { emit: 'exportChange' },
+            { emit: 'focusStateEnabledChange' },
             { emit: 'fullScreenChange' },
             { emit: 'gridSizeChange' },
             { emit: 'hasChangesChange' },
             { emit: 'heightChange' },
+            { emit: 'hintChange' },
             { emit: 'historyToolbarChange' },
+            { emit: 'hoverStateEnabledChange' },
             { emit: 'mainToolbarChange' },
             { emit: 'nodesChange' },
             { emit: 'pageColorChange' },
@@ -1002,6 +1127,7 @@ export class DxDiagramComponent extends DxComponent implements OnDestroy, OnChan
             { emit: 'showGridChange' },
             { emit: 'simpleViewChange' },
             { emit: 'snapToGridChange' },
+            { emit: 'tabIndexChange' },
             { emit: 'toolboxChange' },
             { emit: 'unitsChange' },
             { emit: 'useNativeScrollingChange' },

packages/devextreme-vue/src/diagram.ts

@@ -40,6 +40,8 @@ import {
 import { prepareConfigurationComponentConfig } from "./core/index";
 
 type AccessibleOptions = Pick<Properties,
+  "accessKey" |
+  "activeStateEnabled" |
   "autoZoomMode" |
   "contextMenu" |
   "contextToolbox" |
@@ -52,11 +54,14 @@ type AccessibleOptions = Pick<Properties,
   "editing" |
   "elementAttr" |
   "export" |
+  "focusStateEnabled" |
   "fullScreen" |
   "gridSize" |
   "hasChanges" |
   "height" |
+  "hint" |
   "historyToolbar" |
+  "hoverStateEnabled" |
   "mainToolbar" |
   "nodes" |
   "onContentReady" |
@@ -78,6 +83,7 @@ type AccessibleOptions = Pick<Properties,
   "showGrid" |
   "simpleView" |
   "snapToGrid" |
+  "tabIndex" |
   "toolbox" |
   "units" |
   "useNativeScrolling" |
@@ -94,6 +100,8 @@ interface DxDiagram extends AccessibleOptions {
 
 const componentConfig = {
   props: {
+    accessKey: String,
+    activeStateEnabled: Boolean,
     autoZoomMode: String as PropType<AutoZoomMode>,
     contextMenu: Object as PropType<Record<string, any>>,
     contextToolbox: Object as PropType<Record<string, any>>,
@@ -106,11 +114,14 @@ const componentConfig = {
     editing: Object as PropType<Record<string, any>>,
     elementAttr: Object as PropType<Record<string, any>>,
     export: Object as PropType<Record<string, any>>,
+    focusStateEnabled: Boolean,
     fullScreen: Boolean,
     gridSize: [Number, Object] as PropType<number | Record<string, any>>,
     hasChanges: Boolean,
     height: [Number, String],
+    hint: String,
     historyToolbar: Object as PropType<Record<string, any>>,
+    hoverStateEnabled: Boolean,
     mainToolbar: Object as PropType<Record<string, any>>,
     nodes: Object as PropType<Record<string, any>>,
     onContentReady: Function as PropType<((e: ContentReadyEvent) => void)>,
@@ -132,6 +143,7 @@ const componentConfig = {
     showGrid: Boolean,
     simpleView: Boolean,
     snapToGrid: Boolean,
+    tabIndex: Number,
     toolbox: Object as PropType<Record<string, any>>,
     units: String as PropType<Units>,
     useNativeScrolling: Boolean,
@@ -144,6 +156,8 @@ const componentConfig = {
   emits: {
     "update:isActive": null,
     "update:hoveredElement": null,
+    "update:accessKey": null,
+    "update:activeStateEnabled": null,
     "update:autoZoomMode": null,
     "update:contextMenu": null,
     "update:contextToolbox": null,
@@ -156,11 +170,14 @@ const componentConfig = {
     "update:editing": null,
     "update:elementAttr": null,
     "update:export": null,
+    "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:gridSize": null,
     "update:hasChanges": null,
     "update:height": null,
+    "update:hint": null,
     "update:historyToolbar": null,
+    "update:hoverStateEnabled": null,
     "update:mainToolbar": null,
     "update:nodes": null,
     "update:onContentReady": null,
@@ -182,6 +199,7 @@ const componentConfig = {
     "update:showGrid": null,
     "update:simpleView": null,
     "update:snapToGrid": null,
+    "update:tabIndex": null,
     "update:toolbox": null,
     "update:units": null,
     "update:useNativeScrolling": null,