@theia/memory-inspector 1.45.1 → 1.46.0-next.72

package/lib/browser/register-widget/register-table-widget.d.ts

@@ -1,78 +1,78 @@
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
- ********************************************************************************/
-/// <reference types="react" />
-import * as React from '@theia/core/shared/react';
-import { DebugVariable } from '@theia/debug/lib/browser/console/debug-console-items';
-import { MemoryTable, MemoryTableWidget } from '../memory-widget/memory-table-widget';
-import { Interfaces } from '../utils/memory-widget-utils';
-import { RegisterReadResult } from '../utils/memory-widget-variable-utils';
-import { RegisterOptions, RegisterOptionsWidget } from './register-options-widget';
-export declare namespace RegisterTable {
-    const ROW_CLASS = "t-mv-view-row";
-    const ROW_DIVIDER_CLASS = "t-mv-view-row-highlight";
-    const REGISTER_NAME_CLASS = "t-mv-view-address";
-    const REGISTER_DATA_CLASS = "t-mv-view-data";
-    const EXTRA_COLUMN_DATA_CLASS = "t-mv-view-code";
-    const HEADER_ROW_CLASS = "t-mv-header";
-    interface RowOptions {
-        regName: string;
-        regVal: string;
-        hexadecimal?: string;
-        decimal?: string;
-        octal?: string;
-        binary?: string;
-        doShowDivider?: boolean;
-        isChanged?: boolean;
-    }
-    interface StylableNodeAttributes {
-        className?: string;
-        style?: React.CSSProperties;
-        title?: string;
-        isChanged?: boolean;
-    }
-    interface RowDecorator {
-        (...args: any[]): Partial<StylableNodeAttributes>;
-    }
-}
-export declare class RegisterTableWidget extends MemoryTableWidget {
-    static CONTEXT_MENU: string[];
-    static ID: string;
-    readonly optionsWidget: RegisterOptionsWidget;
-    protected readonly registerNotSaved = "<not saved>";
-    protected registers: RegisterReadResult;
-    protected previousRegisters: RegisterReadResult | undefined;
-    protected options: RegisterOptions;
-    protected memory: Interfaces.WidgetMemoryState;
-    protected doInit(): Promise<void>;
-    handleSetValue(dVar: DebugVariable | undefined): void;
-    protected handleRegisterChange(newRegister: [RegisterReadResult, boolean]): void;
-    protected getState(): void;
-    protected getTableRows(): React.ReactNode;
-    protected renderRegRows(result?: RegisterReadResult): IterableIterator<React.ReactNode>;
-    protected getPrevRegVal(regName: string, inRegs: RegisterReadResult): string | undefined;
-    protected renderRegRow(options: RegisterTable.RowOptions, getRowAttributes?: RegisterTable.RowDecorator): React.ReactNode;
-    protected getRowAttributes(options: Partial<RegisterTable.RowOptions>): Partial<RegisterTable.StylableNodeAttributes>;
-    protected getExtraRegColumn(options: Pick<RegisterTable.RowOptions, 'hexadecimal' | 'decimal' | 'octal' | 'binary'>): React.ReactNode[];
-    protected getWrapperHandlers(): MemoryTable.WrapperHandlers;
-    protected doHandleTableMouseMove(targetElement: React.MouseEvent['target']): void;
-    protected handleRowKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    protected openDebugVariableByCurrentTarget: (event: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
-    protected openDebugVariableByDataId(element: HTMLElement): void;
-    protected openDebugVariableByName(registerName: string): void;
-    protected doHandleTableRightClick(event: React.MouseEvent): void;
-    protected getContextMenuArgs(event: React.MouseEvent): unknown[];
-}
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+ ********************************************************************************/
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { DebugVariable } from '@theia/debug/lib/browser/console/debug-console-items';
+import { MemoryTable, MemoryTableWidget } from '../memory-widget/memory-table-widget';
+import { Interfaces } from '../utils/memory-widget-utils';
+import { RegisterReadResult } from '../utils/memory-widget-variable-utils';
+import { RegisterOptions, RegisterOptionsWidget } from './register-options-widget';
+export declare namespace RegisterTable {
+    const ROW_CLASS = "t-mv-view-row";
+    const ROW_DIVIDER_CLASS = "t-mv-view-row-highlight";
+    const REGISTER_NAME_CLASS = "t-mv-view-address";
+    const REGISTER_DATA_CLASS = "t-mv-view-data";
+    const EXTRA_COLUMN_DATA_CLASS = "t-mv-view-code";
+    const HEADER_ROW_CLASS = "t-mv-header";
+    interface RowOptions {
+        regName: string;
+        regVal: string;
+        hexadecimal?: string;
+        decimal?: string;
+        octal?: string;
+        binary?: string;
+        doShowDivider?: boolean;
+        isChanged?: boolean;
+    }
+    interface StylableNodeAttributes {
+        className?: string;
+        style?: React.CSSProperties;
+        title?: string;
+        isChanged?: boolean;
+    }
+    interface RowDecorator {
+        (...args: any[]): Partial<StylableNodeAttributes>;
+    }
+}
+export declare class RegisterTableWidget extends MemoryTableWidget {
+    static CONTEXT_MENU: string[];
+    static ID: string;
+    readonly optionsWidget: RegisterOptionsWidget;
+    protected readonly registerNotSaved = "<not saved>";
+    protected registers: RegisterReadResult;
+    protected previousRegisters: RegisterReadResult | undefined;
+    protected options: RegisterOptions;
+    protected memory: Interfaces.WidgetMemoryState;
+    protected doInit(): Promise<void>;
+    handleSetValue(dVar: DebugVariable | undefined): void;
+    protected handleRegisterChange(newRegister: [RegisterReadResult, boolean]): void;
+    protected getState(): void;
+    protected getTableRows(): React.ReactNode;
+    protected renderRegRows(result?: RegisterReadResult): IterableIterator<React.ReactNode>;
+    protected getPrevRegVal(regName: string, inRegs: RegisterReadResult): string | undefined;
+    protected renderRegRow(options: RegisterTable.RowOptions, getRowAttributes?: RegisterTable.RowDecorator): React.ReactNode;
+    protected getRowAttributes(options: Partial<RegisterTable.RowOptions>): Partial<RegisterTable.StylableNodeAttributes>;
+    protected getExtraRegColumn(options: Pick<RegisterTable.RowOptions, 'hexadecimal' | 'decimal' | 'octal' | 'binary'>): React.ReactNode[];
+    protected getWrapperHandlers(): MemoryTable.WrapperHandlers;
+    protected doHandleTableMouseMove(targetElement: React.MouseEvent['target']): void;
+    protected handleRowKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    protected openDebugVariableByCurrentTarget: (event: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
+    protected openDebugVariableByDataId(element: HTMLElement): void;
+    protected openDebugVariableByName(registerName: string): void;
+    protected doHandleTableRightClick(event: React.MouseEvent): void;
+    protected getContextMenuArgs(event: React.MouseEvent): unknown[];
+}
 //# sourceMappingURL=register-table-widget.d.ts.map

package/lib/browser/register-widget/register-table-widget.js

@@ -1,231 +1,231 @@
-"use strict";
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
- ********************************************************************************/
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegisterTableWidget = exports.RegisterTable = void 0;
-const browser_1 = require("@theia/core/lib/browser");
-const inversify_1 = require("@theia/core/shared/inversify");
-const React = require("@theia/core/shared/react");
-const memory_options_widget_1 = require("../memory-widget/memory-options-widget");
-const memory_table_widget_1 = require("../memory-widget/memory-table-widget");
-const register_options_widget_1 = require("./register-options-widget");
-var RegisterTable;
-(function (RegisterTable) {
-    RegisterTable.ROW_CLASS = 't-mv-view-row';
-    RegisterTable.ROW_DIVIDER_CLASS = 't-mv-view-row-highlight';
-    RegisterTable.REGISTER_NAME_CLASS = 't-mv-view-address';
-    RegisterTable.REGISTER_DATA_CLASS = 't-mv-view-data';
-    RegisterTable.EXTRA_COLUMN_DATA_CLASS = 't-mv-view-code';
-    RegisterTable.HEADER_ROW_CLASS = 't-mv-header';
-})(RegisterTable = exports.RegisterTable || (exports.RegisterTable = {}));
-class RegisterTableWidget extends memory_table_widget_1.MemoryTableWidget {
-    constructor() {
-        super(...arguments);
-        this.registerNotSaved = '<not saved>';
-        this.memory = { ...memory_options_widget_1.EMPTY_MEMORY, variables: [] };
-        this.handleRowKeyDown = (event) => {
-            var _a;
-            const keyCode = (_a = browser_1.KeyCode.createKeyCode(event.nativeEvent).key) === null || _a === void 0 ? void 0 : _a.keyCode;
-            switch (keyCode) {
-                case browser_1.Key.ENTER.keyCode:
-                    this.openDebugVariableByCurrentTarget(event);
-                    break;
-                default:
-                    break;
-            }
-        };
-        this.openDebugVariableByCurrentTarget = (event) => {
-            this.openDebugVariableByDataId(event.currentTarget);
-        };
-    }
-    async doInit() {
-        this.id = RegisterTableWidget.ID;
-        this.addClass(RegisterTableWidget.ID);
-        this.scrollOptions = { ...this.scrollOptions, suppressScrollX: false };
-        this.toDispose.push(this.optionsWidget.onOptionsChanged(optionId => this.handleOptionChange(optionId)));
-        this.toDispose.push(this.optionsWidget.onRegisterChanged(e => this.handleRegisterChange(e)));
-        this.toDispose.push(this.themeService.onDidColorThemeChange(e => this.handleThemeChange(e)));
-        this.getStateAndUpdate();
-    }
-    handleSetValue(dVar) {
-        if (dVar) {
-            dVar.open();
-        }
-    }
-    handleRegisterChange(newRegister) {
-        const regResult = newRegister[0];
-        const updatePrevRegs = !newRegister[1];
-        if (this.registers.threadId !== regResult.threadId) {
-            // if not same thread Id, dont highlighting register changes
-            this.previousRegisters = undefined;
-        }
-        else {
-            if (updatePrevRegs) {
-                this.previousRegisters = this.registers;
-            }
-        }
-        this.getStateAndUpdate();
-    }
-    getState() {
-        this.options = this.optionsWidget.options;
-        this.registers = this.optionsWidget.registers;
-    }
-    getTableRows() {
-        return [...this.renderRegRows()];
-    }
-    *renderRegRows(result = this.registers) {
-        let rowsYielded = 0;
-        // For each row...
-        for (const reg of result.registers) {
-            if (this.optionsWidget.displayReg(reg.name)) {
-                const notSaved = reg.value === this.registerNotSaved;
-                const isChanged = this.previousRegisters && reg.value !== this.getPrevRegVal(reg.name, this.previousRegisters);
-                const options = {
-                    regName: reg.name,
-                    regVal: reg.value,
-                    hexadecimal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 16, reg.name),
-                    decimal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 10),
-                    octal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 8),
-                    binary: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 2, reg.name),
-                    doShowDivider: (rowsYielded % 4) === 3,
-                    isChanged,
-                };
-                yield this.renderRegRow(options);
-                rowsYielded += 1;
-            }
-        }
-    }
-    getPrevRegVal(regName, inRegs) {
-        var _a;
-        return (_a = inRegs.registers.find(element => element.name === regName)) === null || _a === void 0 ? void 0 : _a.value;
-    }
-    renderRegRow(options, getRowAttributes = this.getRowAttributes.bind(this)) {
-        var _a;
-        const { regName } = options;
-        const { className, style, title } = getRowAttributes(options);
-        return (React.createElement("tr", { 
-            // Add a marker to help visual navigation when scrolling
-            className: className, style: style, title: title, key: regName, "data-id": regName, "data-value": (_a = options.decimal) !== null && _a !== void 0 ? _a : 'none', tabIndex: 0, onKeyDown: this.handleRowKeyDown, onContextMenu: this.options.isFrozen ? undefined : this.handleTableRightClick, onDoubleClick: this.options.isFrozen ? undefined : this.openDebugVariableByCurrentTarget },
-            React.createElement("td", { className: RegisterTable.REGISTER_NAME_CLASS }, regName),
-            this.getExtraRegColumn(options)));
-    }
-    getRowAttributes(options) {
-        let className = RegisterTable.ROW_CLASS;
-        if (options.doShowDivider) {
-            className += ` ${RegisterTable.ROW_DIVIDER_CLASS}`;
-        }
-        if (options.isChanged) {
-            // use the eight-bits change CSS class
-            className += ' eight-bits changed';
-        }
-        return { className };
-    }
-    getExtraRegColumn(options) {
-        const additionalColumns = [];
-        if (this.options.columnsDisplayed.hexadecimal.doRender) {
-            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'hexadecimal' }, options.hexadecimal));
-        }
-        if (this.options.columnsDisplayed.decimal.doRender) {
-            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'decimal' }, options.decimal));
-        }
-        if (this.options.columnsDisplayed.octal.doRender) {
-            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'octal' }, options.octal));
-        }
-        if (this.options.columnsDisplayed.binary.doRender) {
-            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'binary' }, options.binary));
-        }
-        return additionalColumns;
-    }
-    getWrapperHandlers() {
-        return this.options.isFrozen || this.options.noRadixColumnDisplayed
-            ? super.getWrapperHandlers()
-            : {
-                onMouseMove: this.handleTableMouseMove,
-                onContextMenu: this.handleTableRightClick,
-            };
-    }
-    doHandleTableMouseMove(targetElement) {
-        var _a;
-        const tempTarget = targetElement;
-        const target = ((_a = tempTarget.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'TR' ? tempTarget.parentElement : tempTarget;
-        if (target.tagName === 'TR') {
-            const { x, y } = target.getBoundingClientRect();
-            const anchor = { x: Math.round(x), y: Math.round(y + target.clientHeight) };
-            const value = Number(target.getAttribute('data-value'));
-            if (!isNaN(value)) {
-                const register = target.getAttribute('data-id');
-                const properties = {
-                    register,
-                    hex: `0x${value.toString(16)}`,
-                    binary: `0b${value.toString(2)}`,
-                    decimal: value.toString(10),
-                    octal: `0o${value.toString(8)}`,
-                };
-                return this.hoverRenderer.render(this.node, anchor, properties);
-            }
-        }
-        return this.hoverRenderer.hide();
-    }
-    openDebugVariableByDataId(element) {
-        const registerName = element.getAttribute('data-id');
-        if (registerName) {
-            this.openDebugVariableByName(registerName);
-        }
-    }
-    openDebugVariableByName(registerName) {
-        const debugVariable = this.registers.registers.find(element => element.name === registerName);
-        this.handleSetValue(debugVariable);
-    }
-    doHandleTableRightClick(event) {
-        event.preventDefault();
-        const curTarget = event.currentTarget;
-        if (curTarget.tagName === 'TR') {
-            this.update();
-            event.stopPropagation();
-            this.contextMenuRenderer.render({
-                menuPath: RegisterTableWidget.CONTEXT_MENU,
-                anchor: event.nativeEvent,
-                args: this.getContextMenuArgs(event),
-            });
-        }
-    }
-    getContextMenuArgs(event) {
-        const args = [this];
-        const regName = event.currentTarget.getAttribute('data-id');
-        if (regName) {
-            const dVar = this.registers.registers.find(element => element.name === regName);
-            args.push(dVar);
-        }
-        return args;
-    }
-}
-RegisterTableWidget.CONTEXT_MENU = ['register.view.context.menu'];
-RegisterTableWidget.ID = 'register-table-widget';
-__decorate([
-    (0, inversify_1.inject)(register_options_widget_1.RegisterOptionsWidget),
-    __metadata("design:type", register_options_widget_1.RegisterOptionsWidget)
-], RegisterTableWidget.prototype, "optionsWidget", void 0);
-exports.RegisterTableWidget = RegisterTableWidget;
+"use strict";
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+ ********************************************************************************/
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegisterTableWidget = exports.RegisterTable = void 0;
+const browser_1 = require("@theia/core/lib/browser");
+const inversify_1 = require("@theia/core/shared/inversify");
+const React = require("@theia/core/shared/react");
+const memory_options_widget_1 = require("../memory-widget/memory-options-widget");
+const memory_table_widget_1 = require("../memory-widget/memory-table-widget");
+const register_options_widget_1 = require("./register-options-widget");
+var RegisterTable;
+(function (RegisterTable) {
+    RegisterTable.ROW_CLASS = 't-mv-view-row';
+    RegisterTable.ROW_DIVIDER_CLASS = 't-mv-view-row-highlight';
+    RegisterTable.REGISTER_NAME_CLASS = 't-mv-view-address';
+    RegisterTable.REGISTER_DATA_CLASS = 't-mv-view-data';
+    RegisterTable.EXTRA_COLUMN_DATA_CLASS = 't-mv-view-code';
+    RegisterTable.HEADER_ROW_CLASS = 't-mv-header';
+})(RegisterTable = exports.RegisterTable || (exports.RegisterTable = {}));
+class RegisterTableWidget extends memory_table_widget_1.MemoryTableWidget {
+    constructor() {
+        super(...arguments);
+        this.registerNotSaved = '<not saved>';
+        this.memory = { ...memory_options_widget_1.EMPTY_MEMORY, variables: [] };
+        this.handleRowKeyDown = (event) => {
+            var _a;
+            const keyCode = (_a = browser_1.KeyCode.createKeyCode(event.nativeEvent).key) === null || _a === void 0 ? void 0 : _a.keyCode;
+            switch (keyCode) {
+                case browser_1.Key.ENTER.keyCode:
+                    this.openDebugVariableByCurrentTarget(event);
+                    break;
+                default:
+                    break;
+            }
+        };
+        this.openDebugVariableByCurrentTarget = (event) => {
+            this.openDebugVariableByDataId(event.currentTarget);
+        };
+    }
+    async doInit() {
+        this.id = RegisterTableWidget.ID;
+        this.addClass(RegisterTableWidget.ID);
+        this.scrollOptions = { ...this.scrollOptions, suppressScrollX: false };
+        this.toDispose.push(this.optionsWidget.onOptionsChanged(optionId => this.handleOptionChange(optionId)));
+        this.toDispose.push(this.optionsWidget.onRegisterChanged(e => this.handleRegisterChange(e)));
+        this.toDispose.push(this.themeService.onDidColorThemeChange(e => this.handleThemeChange(e)));
+        this.getStateAndUpdate();
+    }
+    handleSetValue(dVar) {
+        if (dVar) {
+            dVar.open();
+        }
+    }
+    handleRegisterChange(newRegister) {
+        const regResult = newRegister[0];
+        const updatePrevRegs = !newRegister[1];
+        if (this.registers.threadId !== regResult.threadId) {
+            // if not same thread Id, dont highlighting register changes
+            this.previousRegisters = undefined;
+        }
+        else {
+            if (updatePrevRegs) {
+                this.previousRegisters = this.registers;
+            }
+        }
+        this.getStateAndUpdate();
+    }
+    getState() {
+        this.options = this.optionsWidget.options;
+        this.registers = this.optionsWidget.registers;
+    }
+    getTableRows() {
+        return [...this.renderRegRows()];
+    }
+    *renderRegRows(result = this.registers) {
+        let rowsYielded = 0;
+        // For each row...
+        for (const reg of result.registers) {
+            if (this.optionsWidget.displayReg(reg.name)) {
+                const notSaved = reg.value === this.registerNotSaved;
+                const isChanged = this.previousRegisters && reg.value !== this.getPrevRegVal(reg.name, this.previousRegisters);
+                const options = {
+                    regName: reg.name,
+                    regVal: reg.value,
+                    hexadecimal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 16, reg.name),
+                    decimal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 10),
+                    octal: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 8),
+                    binary: notSaved ? reg.value : this.optionsWidget.handleRadixRendering(reg.value, 2, reg.name),
+                    doShowDivider: (rowsYielded % 4) === 3,
+                    isChanged,
+                };
+                yield this.renderRegRow(options);
+                rowsYielded += 1;
+            }
+        }
+    }
+    getPrevRegVal(regName, inRegs) {
+        var _a;
+        return (_a = inRegs.registers.find(element => element.name === regName)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    renderRegRow(options, getRowAttributes = this.getRowAttributes.bind(this)) {
+        var _a;
+        const { regName } = options;
+        const { className, style, title } = getRowAttributes(options);
+        return (React.createElement("tr", { 
+            // Add a marker to help visual navigation when scrolling
+            className: className, style: style, title: title, key: regName, "data-id": regName, "data-value": (_a = options.decimal) !== null && _a !== void 0 ? _a : 'none', tabIndex: 0, onKeyDown: this.handleRowKeyDown, onContextMenu: this.options.isFrozen ? undefined : this.handleTableRightClick, onDoubleClick: this.options.isFrozen ? undefined : this.openDebugVariableByCurrentTarget },
+            React.createElement("td", { className: RegisterTable.REGISTER_NAME_CLASS }, regName),
+            this.getExtraRegColumn(options)));
+    }
+    getRowAttributes(options) {
+        let className = RegisterTable.ROW_CLASS;
+        if (options.doShowDivider) {
+            className += ` ${RegisterTable.ROW_DIVIDER_CLASS}`;
+        }
+        if (options.isChanged) {
+            // use the eight-bits change CSS class
+            className += ' eight-bits changed';
+        }
+        return { className };
+    }
+    getExtraRegColumn(options) {
+        const additionalColumns = [];
+        if (this.options.columnsDisplayed.hexadecimal.doRender) {
+            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'hexadecimal' }, options.hexadecimal));
+        }
+        if (this.options.columnsDisplayed.decimal.doRender) {
+            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'decimal' }, options.decimal));
+        }
+        if (this.options.columnsDisplayed.octal.doRender) {
+            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'octal' }, options.octal));
+        }
+        if (this.options.columnsDisplayed.binary.doRender) {
+            additionalColumns.push(React.createElement("td", { className: RegisterTable.EXTRA_COLUMN_DATA_CLASS, key: 'binary' }, options.binary));
+        }
+        return additionalColumns;
+    }
+    getWrapperHandlers() {
+        return this.options.isFrozen || this.options.noRadixColumnDisplayed
+            ? super.getWrapperHandlers()
+            : {
+                onMouseMove: this.handleTableMouseMove,
+                onContextMenu: this.handleTableRightClick,
+            };
+    }
+    doHandleTableMouseMove(targetElement) {
+        var _a;
+        const tempTarget = targetElement;
+        const target = ((_a = tempTarget.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'TR' ? tempTarget.parentElement : tempTarget;
+        if (target.tagName === 'TR') {
+            const { x, y } = target.getBoundingClientRect();
+            const anchor = { x: Math.round(x), y: Math.round(y + target.clientHeight) };
+            const value = Number(target.getAttribute('data-value'));
+            if (!isNaN(value)) {
+                const register = target.getAttribute('data-id');
+                const properties = {
+                    register,
+                    hex: `0x${value.toString(16)}`,
+                    binary: `0b${value.toString(2)}`,
+                    decimal: value.toString(10),
+                    octal: `0o${value.toString(8)}`,
+                };
+                return this.hoverRenderer.render(this.node, anchor, properties);
+            }
+        }
+        return this.hoverRenderer.hide();
+    }
+    openDebugVariableByDataId(element) {
+        const registerName = element.getAttribute('data-id');
+        if (registerName) {
+            this.openDebugVariableByName(registerName);
+        }
+    }
+    openDebugVariableByName(registerName) {
+        const debugVariable = this.registers.registers.find(element => element.name === registerName);
+        this.handleSetValue(debugVariable);
+    }
+    doHandleTableRightClick(event) {
+        event.preventDefault();
+        const curTarget = event.currentTarget;
+        if (curTarget.tagName === 'TR') {
+            this.update();
+            event.stopPropagation();
+            this.contextMenuRenderer.render({
+                menuPath: RegisterTableWidget.CONTEXT_MENU,
+                anchor: event.nativeEvent,
+                args: this.getContextMenuArgs(event),
+            });
+        }
+    }
+    getContextMenuArgs(event) {
+        const args = [this];
+        const regName = event.currentTarget.getAttribute('data-id');
+        if (regName) {
+            const dVar = this.registers.registers.find(element => element.name === regName);
+            args.push(dVar);
+        }
+        return args;
+    }
+}
+RegisterTableWidget.CONTEXT_MENU = ['register.view.context.menu'];
+RegisterTableWidget.ID = 'register-table-widget';
+__decorate([
+    (0, inversify_1.inject)(register_options_widget_1.RegisterOptionsWidget),
+    __metadata("design:type", register_options_widget_1.RegisterOptionsWidget)
+], RegisterTableWidget.prototype, "optionsWidget", void 0);
+exports.RegisterTableWidget = RegisterTableWidget;
 //# sourceMappingURL=register-table-widget.js.map