@eclipse-glsp/client 1.1.0-next.383e4e9.264 → 1.1.0-next.3d1b3e6.280

package/lib/features/accessibility/element-navigation/local-element-navigator.js

@@ -0,0 +1,117 @@
+"use strict";
+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.LocalElementNavigator = void 0;
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 WITH Classpath-exception-2.0
+ ********************************************************************************/
+const _glsp_sprotty_1 = require("../../../glsp-sprotty/index");
+const inversify_1 = require("inversify");
+const action_dispatcher_1 = require("../../../base/action-dispatcher");
+const css_feedback_1 = require("../../../base/feedback/css-feedback");
+let LocalElementNavigator = exports.LocalElementNavigator = class LocalElementNavigator {
+    constructor() {
+        this.navigableElementCSS = 'navigable-element';
+    }
+    previous(root, current, previousCurrent, predicate) {
+        return this.getPreviousElement(current, predicate);
+    }
+    next(root, current, previousCurrent, predicate) {
+        return this.getNextElement(current, predicate);
+    }
+    up(root, current, previousCurrent, predicate) {
+        return this.getIterable(current, previousCurrent, predicate);
+    }
+    down(root, current, previousCurrent, predicate) {
+        return this.getIterable(current, previousCurrent, predicate);
+    }
+    process(root, current, target, previousCurrent, predicate) {
+        let elements = [];
+        // Mark only edges
+        if (target instanceof _glsp_sprotty_1.SEdge) {
+            // If current is a edge, we have to check the source and target
+            if (current instanceof _glsp_sprotty_1.SEdge) {
+                elements = this.getIterables(target, current.source === target.source ? current.source : current.target, predicate);
+            }
+            else {
+                // Otherwise take the current as it is
+                elements = this.getIterables(target, current, predicate);
+            }
+        }
+        elements.filter(e => e.id !== target.id).forEach(e => this.actionDispatcher.dispatch((0, css_feedback_1.applyCssClasses)(e, this.navigableElementCSS)));
+    }
+    clean(root, current, previousCurrent) {
+        root.index.all().forEach(e => this.actionDispatcher.dispatch((0, css_feedback_1.deleteCssClasses)(e, this.navigableElementCSS)));
+    }
+    getIterables(current, previousCurrent, predicate = () => true) {
+        var _a, _b;
+        const elements = [];
+        if (current instanceof _glsp_sprotty_1.SEdge) {
+            if (current.target === previousCurrent) {
+                (_a = current.target) === null || _a === void 0 ? void 0 : _a.incomingEdges.forEach(e => elements.push(e));
+            }
+            else {
+                (_b = current.source) === null || _b === void 0 ? void 0 : _b.outgoingEdges.forEach(e => elements.push(e));
+            }
+        }
+        return elements.filter(predicate);
+    }
+    getIterable(current, previousCurrent, predicate = () => true) {
+        return this.getIterables(current, previousCurrent, predicate).filter(e => e.id !== current.id)[0];
+    }
+    getNextElement(current, predicate = () => true) {
+        const elements = [];
+        if (current instanceof _glsp_sprotty_1.SConnectableElement) {
+            current.outgoingEdges.forEach(e => elements.push(e));
+        }
+        else if (current instanceof _glsp_sprotty_1.SEdge) {
+            const target = current.target;
+            elements.push(target);
+        }
+        return elements.filter(predicate)[0];
+    }
+    getPreviousElement(current, predicate = () => true) {
+        const elements = [];
+        if (current instanceof _glsp_sprotty_1.SConnectableElement) {
+            current.incomingEdges.forEach(e => elements.push(e));
+        }
+        else if (current instanceof _glsp_sprotty_1.SEdge) {
+            const source = current.source;
+            elements.push(source);
+        }
+        return elements.filter(predicate)[0];
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(_glsp_sprotty_1.EdgeRouterRegistry),
+    (0, inversify_1.optional)(),
+    __metadata("design:type", _glsp_sprotty_1.EdgeRouterRegistry)
+], LocalElementNavigator.prototype, "edgeRouterRegistry", void 0);
+__decorate([
+    (0, inversify_1.inject)(_glsp_sprotty_1.TYPES.IActionDispatcher),
+    __metadata("design:type", action_dispatcher_1.GLSPActionDispatcher)
+], LocalElementNavigator.prototype, "actionDispatcher", void 0);
+exports.LocalElementNavigator = LocalElementNavigator = __decorate([
+    (0, inversify_1.injectable)()
+], LocalElementNavigator);
+//# sourceMappingURL=local-element-navigator.js.map

package/lib/features/accessibility/element-navigation/local-element-navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-element-navigator.js","sourceRoot":"","sources":["../../../../src/features/accessibility/element-navigation/local-element-navigator.ts"],"names":[],"mappings":"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"}

package/lib/features/accessibility/element-navigation/position-navigator.d.ts

@@ -0,0 +1,32 @@
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 WITH Classpath-exception-2.0
+ ********************************************************************************/
+import { SModelElement, SModelRoot, Bounds } from '../../../glsp-sprotty/index';
+import { ElementNavigator } from './element-navigator';
+import { GLSPActionDispatcher } from '../../../base/action-dispatcher';
+import { SelectableBoundsAware } from '../../../utils/smodel-util';
+export declare class PositionNavigator implements ElementNavigator {
+    protected readonly actionDispatcher: GLSPActionDispatcher;
+    previous(root: Readonly<SModelRoot>, current: SelectableBoundsAware, previousCurrent?: SelectableBoundsAware, predicate?: (element: SModelElement) => boolean): SModelElement | undefined;
+    next(root: Readonly<SModelRoot>, current: SelectableBoundsAware, previousCurrent?: SelectableBoundsAware, predicate?: (element: SModelElement) => boolean): SModelElement | undefined;
+    up(root: Readonly<SModelRoot>, current: SelectableBoundsAware, previousCurrent?: SelectableBoundsAware, predicate?: (element: SModelElement) => boolean): SModelElement | undefined;
+    down(root: Readonly<SModelRoot>, current: SelectableBoundsAware, previousCurrent?: SelectableBoundsAware, predicate?: (element: SModelElement) => boolean): SModelElement | undefined;
+    protected getNearestElement(root: Readonly<SModelRoot>, current: SelectableBoundsAware, filter: (e: SelectableBoundsAware) => boolean): SModelElement | undefined;
+    protected sortByDistance(root: SModelRoot, current: SelectableBoundsAware, elements: SelectableBoundsAware[]): SelectableBoundsAware[];
+    protected boundElements(root: Readonly<SModelRoot>): SelectableBoundsAware[];
+    protected bounds(root: Readonly<SModelRoot>, element: SelectableBoundsAware): Bounds;
+    protected boundsInViewport(element: SModelElement, bounds: Bounds, viewport: SModelRoot): Bounds;
+}
+//# sourceMappingURL=position-navigator.d.ts.map

package/lib/features/accessibility/element-navigation/position-navigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-navigator.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/element-navigation/position-navigator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAA8C,aAAa,EAAE,UAAU,EAAgB,MAAM,EAAS,MAAM,eAAe,CAAC;AACnI,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,qBACa,iBAAkB,YAAW,gBAAgB;IACrB,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;IAE3F,QAAQ,CACJ,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,eAAe,CAAC,EAAE,qBAAqB,EACvC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,GAChD,aAAa,GAAG,SAAS;IAI5B,IAAI,CACA,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,eAAe,CAAC,EAAE,qBAAqB,EACvC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,GAChD,aAAa,GAAG,SAAS;IAI5B,EAAE,CACE,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,eAAe,CAAC,EAAE,qBAAqB,EACvC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,GAChD,aAAa,GAAG,SAAS;IAI5B,IAAI,CACA,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,eAAe,CAAC,EAAE,qBAAqB,EACvC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,GAChD,aAAa,GAAG,SAAS;IAI5B,SAAS,CAAC,iBAAiB,CACvB,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,OAAO,GAC9C,aAAa,GAAG,SAAS;IAK5B,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB,EAAE,GAAG,qBAAqB,EAAE;IActI,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,qBAAqB,EAAE;IAI5E,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,qBAAqB,GAAG,MAAM;IAIpF,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,MAAM;CAOnG"}

package/lib/features/accessibility/element-navigation/position-navigator.js

@@ -0,0 +1,80 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 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.PositionNavigator = void 0;
+const _glsp_sprotty_1 = require("../../../glsp-sprotty/index");
+const inversify_1 = require("inversify");
+const action_dispatcher_1 = require("../../../base/action-dispatcher");
+const iterable_1 = require("sprotty/lib/utils/iterable");
+let PositionNavigator = exports.PositionNavigator = class PositionNavigator {
+    previous(root, current, previousCurrent, predicate) {
+        return this.getNearestElement(root, current, e => this.bounds(root, e).x < this.bounds(root, current).x);
+    }
+    next(root, current, previousCurrent, predicate) {
+        return this.getNearestElement(root, current, e => this.bounds(root, e).x > this.bounds(root, current).x);
+    }
+    up(root, current, previousCurrent, predicate) {
+        return this.getNearestElement(root, current, e => this.bounds(root, e).y < this.bounds(root, current).y);
+    }
+    down(root, current, previousCurrent, predicate) {
+        return this.getNearestElement(root, current, e => this.bounds(root, e).y > this.bounds(root, current).y);
+    }
+    getNearestElement(root, current, filter) {
+        const elements = this.boundElements(root).filter(filter);
+        return this.sortByDistance(root, current, elements)[0];
+    }
+    sortByDistance(root, current, elements) {
+        // https://www.tutorialspoint.com/sort-array-of-points-by-ascending-distance-from-a-given-point-javascript
+        const distance = (coor1, coor2) => {
+            const x = coor2.x - coor1.x;
+            const y = coor2.y - coor1.y;
+            return Math.sqrt(x * x + y * y);
+        };
+        return elements.sort((a, b) => distance(this.bounds(root, a), this.bounds(root, current)) - distance(this.bounds(root, b), this.bounds(root, current)));
+    }
+    boundElements(root) {
+        return (0, iterable_1.toArray)(root.index.all().filter(e => e instanceof _glsp_sprotty_1.SNode && (0, _glsp_sprotty_1.isSelectable)(e) && (0, _glsp_sprotty_1.isBoundsAware)(e)));
+    }
+    bounds(root, element) {
+        return this.boundsInViewport(element, element.bounds, root);
+    }
+    boundsInViewport(element, bounds, viewport) {
+        if (element instanceof _glsp_sprotty_1.SChildElement && element.parent !== viewport) {
+            return this.boundsInViewport(element.parent, element.parent.localToParent(bounds), viewport);
+        }
+        else {
+            return bounds;
+        }
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(_glsp_sprotty_1.TYPES.IActionDispatcher),
+    __metadata("design:type", action_dispatcher_1.GLSPActionDispatcher)
+], PositionNavigator.prototype, "actionDispatcher", void 0);
+exports.PositionNavigator = PositionNavigator = __decorate([
+    (0, inversify_1.injectable)()
+], PositionNavigator);
+//# sourceMappingURL=position-navigator.js.map

package/lib/features/accessibility/element-navigation/position-navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-navigator.js","sourceRoot":"","sources":["../../../../src/features/accessibility/element-navigation/position-navigator.ts"],"names":[],"mappings":"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"}

package/lib/features/accessibility/focus-tracker/focus-tracker-module.d.ts

@@ -0,0 +1,23 @@
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 WITH Classpath-exception-2.0
+ ********************************************************************************/
+import { ContainerModule } from 'inversify';
+import { BindingContext } from '../../../glsp-sprotty/index';
+/**
+ * Handles actions for tracking the focus of the cursor.
+ */
+export declare const glspFocusTrackerModule: ContainerModule;
+export declare function configureFocusTrackerTool(context: BindingContext): void;
+//# sourceMappingURL=focus-tracker-module.d.ts.map

package/lib/features/accessibility/focus-tracker/focus-tracker-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker-module.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/focus-tracker/focus-tracker-module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAwB,MAAM,eAAe,CAAC;AAErE;;GAEG;AAEH,eAAO,MAAM,sBAAsB,iBAGjC,CAAC;AAEH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAEvE"}

package/lib/features/accessibility/focus-tracker/focus-tracker-module.js

@@ -0,0 +1,33 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 WITH Classpath-exception-2.0
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureFocusTrackerTool = exports.glspFocusTrackerModule = void 0;
+const inversify_1 = require("inversify");
+const focus_tracker_tool_1 = require("./focus-tracker-tool");
+const _glsp_sprotty_1 = require("../../../glsp-sprotty/index");
+/**
+ * Handles actions for tracking the focus of the cursor.
+ */
+exports.glspFocusTrackerModule = new inversify_1.ContainerModule((bind, unbind, isBound, rebind) => {
+    const context = { bind, unbind, isBound, rebind };
+    configureFocusTrackerTool(context);
+});
+function configureFocusTrackerTool(context) {
+    (0, _glsp_sprotty_1.bindAsService)(context, _glsp_sprotty_1.TYPES.IDefaultTool, focus_tracker_tool_1.FocusTrackerTool);
+}
+exports.configureFocusTrackerTool = configureFocusTrackerTool;
+//# sourceMappingURL=focus-tracker-module.js.map

package/lib/features/accessibility/focus-tracker/focus-tracker-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker-module.js","sourceRoot":"","sources":["../../../../src/features/accessibility/focus-tracker/focus-tracker-module.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;AAElF,yCAA4C;AAC5C,6DAAwD;AACxD,iDAAqE;AAErE;;GAEG;AAEU,QAAA,sBAAsB,GAAG,IAAI,2BAAe,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClD,yBAAyB,CAAC,OAAO,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC;AAEH,SAAgB,yBAAyB,CAAC,OAAuB;IAC7D,IAAA,6BAAa,EAAC,OAAO,EAAE,qBAAK,CAAC,YAAY,EAAE,qCAAgB,CAAC,CAAC;AACjE,CAAC;AAFD,8DAEC"}

package/lib/features/accessibility/focus-tracker/focus-tracker-tool.d.ts

@@ -0,0 +1,37 @@
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 WITH Classpath-exception-2.0
+ ********************************************************************************/
+import { ViewerOptions } from '../../../glsp-sprotty/index';
+import { GLSPActionDispatcher } from '../../../base/action-dispatcher';
+import { Tool } from '../../../base/tool-manager/tool';
+export declare class FocusTrackerTool implements Tool {
+    static ID: string;
+    isEditTool: boolean;
+    protected actionDispatcher: GLSPActionDispatcher;
+    protected readonly viewerOptions: ViewerOptions;
+    protected readonly focusInFunction: (event: FocusEvent) => Promise<void>;
+    protected readonly focusOutFunction: (event: FocusEvent) => Promise<void>;
+    protected registered: boolean;
+    get id(): string;
+    enable(): void;
+    disable(): void;
+    protected focusOut(event: FocusEvent): Promise<void>;
+    protected focusIn(event: FocusEvent): Promise<void>;
+    protected handleTextNode(target: HTMLElement): string | undefined;
+    protected handleAriaLabel(target: HTMLElement): string | undefined;
+    protected showToast(message?: string): Promise<void>;
+    protected parentWithAriaLabel(target: HTMLElement): HTMLElement | undefined;
+}
+//# sourceMappingURL=focus-tracker-tool.d.ts.map

package/lib/features/accessibility/focus-tracker/focus-tracker-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker-tool.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/focus-tracker/focus-tracker-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAGlF,OAAO,EAAS,aAAa,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAIvD,qBACa,gBAAiB,YAAW,IAAI;IACzC,MAAM,CAAC,EAAE,SAAwB;IAEjC,UAAU,UAAS;IAEnB,SAAS,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;IAEjD,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IAEhD,SAAS,CAAC,QAAQ,CAAC,eAAe,UAAW,UAAU,KAAG,QAAQ,IAAI,CAAC,CAAwB;IAC/F,SAAS,CAAC,QAAQ,CAAC,gBAAgB,UAAW,UAAU,KAAG,QAAQ,IAAI,CAAC,CAAyB;IACjG,SAAS,CAAC,UAAU,UAAS;IAE7B,IAAI,EAAE,IAAI,MAAM,CAEf;IAED,MAAM,IAAI,IAAI;IAQd,OAAO,IAAI,IAAI;cAIC,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;cAI1C,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAwBzD,SAAS,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS;IAajE,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS;IAKlE,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IASpD,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS;CAoB9E"}

package/lib/features/accessibility/focus-tracker/focus-tracker-tool.js

@@ -0,0 +1,133 @@
+"use strict";
+/********************************************************************************
+ * Copyright (c) 2023 Business Informatics Group (TU Wien) 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 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);
+};
+var FocusTrackerTool_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrackerTool = void 0;
+const inversify_1 = require("inversify");
+const _glsp_sprotty_1 = require("../../../glsp-sprotty/index");
+const action_dispatcher_1 = require("../../../base/action-dispatcher");
+const messages = require("../toast/messages.json");
+const toast_handler_1 = require("../toast/toast-handler");
+let FocusTrackerTool = exports.FocusTrackerTool = FocusTrackerTool_1 = class FocusTrackerTool {
+    constructor() {
+        this.isEditTool = false;
+        this.focusInFunction = (event) => this.focusIn(event);
+        this.focusOutFunction = (event) => this.focusOut(event);
+        this.registered = false;
+    }
+    get id() {
+        return FocusTrackerTool_1.ID;
+    }
+    enable() {
+        if (!this.registered) {
+            document.addEventListener('focusin', this.focusInFunction);
+            document.addEventListener('focusout', this.focusOutFunction);
+        }
+        this.registered = true;
+    }
+    disable() {
+        // the focus tracker cannot be disabled after enabling it
+    }
+    async focusOut(event) {
+        await this.showToast('Focus not set');
+    }
+    async focusIn(event) {
+        let message;
+        const target = event.target;
+        if (target instanceof HTMLElement) {
+            const parent = this.parentWithAriaLabel(target);
+            const textMessage = this.handleTextNode(target);
+            // eslint-disable-next-line no-null/no-null
+            if (target.ariaLabel !== null) {
+                message = this.handleAriaLabel(target);
+            }
+            else {
+                if (parent === undefined && textMessage !== undefined) {
+                    message = textMessage;
+                }
+                else if (parent !== undefined && textMessage === undefined) {
+                    message = `Focus is in ${parent.ariaLabel}`;
+                }
+                else if (parent !== undefined && textMessage !== undefined) {
+                    message = `${parent.ariaLabel} -> ${textMessage}`;
+                }
+            }
+        }
+        await this.showToast(message);
+    }
+    handleTextNode(target) {
+        const textNode = Array.prototype.filter
+            .call(target.childNodes, element => element.nodeType === Node.TEXT_NODE)
+            .map(element => element.textContent)
+            .join('');
+        if (textNode.trim().length !== 0) {
+            return textNode;
+        }
+        return undefined;
+    }
+    handleAriaLabel(target) {
+        // eslint-disable-next-line no-null/no-null
+        return target.ariaLabel === null ? undefined : target.ariaLabel;
+    }
+    showToast(message) {
+        return this.actionDispatcher.dispatchAll([
+            toast_handler_1.ShowToastMessageAction.create({
+                id: Symbol.for(FocusTrackerTool_1.ID),
+                message: `${messages.focus.focus_on} ${message !== null && message !== void 0 ? message : 'unknown'}`,
+                position: 'left'
+            })
+        ]);
+    }
+    parentWithAriaLabel(target) {
+        let current = target.parentElement;
+        while (
+        // eslint-disable-next-line no-null/no-null
+        current !== null &&
+            current !== document.body &&
+            current !== document.getElementById(this.viewerOptions.baseDiv) &&
+            // eslint-disable-next-line no-null/no-null
+            current.ariaLabel === null) {
+            current = current.parentElement;
+        }
+        if (current === document.getElementById(this.viewerOptions.baseDiv) || current === document.body) {
+            return undefined;
+        }
+        return current !== null && current !== void 0 ? current : undefined;
+    }
+};
+FocusTrackerTool.ID = 'glsp.focus-tracker';
+__decorate([
+    (0, inversify_1.inject)(_glsp_sprotty_1.TYPES.IActionDispatcher),
+    __metadata("design:type", action_dispatcher_1.GLSPActionDispatcher)
+], FocusTrackerTool.prototype, "actionDispatcher", void 0);
+__decorate([
+    (0, inversify_1.inject)(_glsp_sprotty_1.TYPES.ViewerOptions),
+    __metadata("design:type", Object)
+], FocusTrackerTool.prototype, "viewerOptions", void 0);
+exports.FocusTrackerTool = FocusTrackerTool = FocusTrackerTool_1 = __decorate([
+    (0, inversify_1.injectable)()
+], FocusTrackerTool);
+//# sourceMappingURL=focus-tracker-tool.js.map

package/lib/features/accessibility/focus-tracker/focus-tracker-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-tracker-tool.js","sourceRoot":"","sources":["../../../../src/features/accessibility/focus-tracker/focus-tracker-tool.ts"],"names":[],"mappings":"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"}

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut-tool.d.ts

@@ -14,8 +14,8 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 import { Action, KeyListener, KeyTool, SModelElement } from '../../../glsp-sprotty/index';
-import { BaseGLSPTool } from '../../tools/base-glsp-tool';
-export declare class AccessibleKeyShortcutTool extends BaseGLSPTool {
+import { BaseEditTool } from '../../tools/base-tools';
+export declare class AccessibleKeyShortcutTool extends BaseEditTool {
     static ID: string;
     protected readonly keytool: KeyTool;
     protected shortcutKeyListener: AccessibleShortcutKeyListener;

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessible-key-shortcut-tool.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAGlF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAoD,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9H,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,qBACa,yBAA0B,SAAQ,YAAY;IACvD,MAAM,CAAC,EAAE,SAAkC;IAE1B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAErD,SAAS,CAAC,mBAAmB,gCAAuC;IAEpE,IAAI,EAAE,IAAI,MAAM,CAEf;IAED,MAAM,IAAI,IAAI;IAIL,OAAO,IAAI,IAAI;CAG3B;AAED,qBAAa,6BAA8B,SAAQ,WAAW;IAC1D,SAAS,CAAC,QAAQ,CAAC,KAAK,SAA8C;IAC7D,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,GAAG,MAAM,EAAE;IAOxE,SAAS,CAAC,oCAAoC,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;CAGhF"}
+{"version":3,"file":"accessible-key-shortcut-tool.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut-tool.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAGlF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAoD,MAAM,eAAe,CAAC;AAC9H,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,qBACa,yBAA0B,SAAQ,YAAY;IACvD,MAAM,CAAC,EAAE,SAAkC;IAE1B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAErD,SAAS,CAAC,mBAAmB,gCAAuC;IAEpE,IAAI,EAAE,IAAI,MAAM,CAEf;IAED,MAAM,IAAI,IAAI;IAIL,OAAO,IAAI,IAAI;CAG3B;AAED,qBAAa,6BAA8B,SAAQ,WAAW;IAC1D,SAAS,CAAC,QAAQ,CAAC,KAAK,SAA8C;IAC7D,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,GAAG,MAAM,EAAE;IAOxE,SAAS,CAAC,oCAAoC,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;CAGhF"}

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut-tool.js

@@ -28,9 +28,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccessibleShortcutKeyListener = exports.AccessibleKeyShortcutTool = void 0;
 const inversify_1 = require("inversify");
 const _glsp_sprotty_1 = require("../../../glsp-sprotty/index");
-const base_glsp_tool_1 = require("../../tools/base-glsp-tool");
+const base_tools_1 = require("../../tools/base-tools");
 const accessible_key_shortcut_1 = require("./accessible-key-shortcut");
-let AccessibleKeyShortcutTool = exports.AccessibleKeyShortcutTool = AccessibleKeyShortcutTool_1 = class AccessibleKeyShortcutTool extends base_glsp_tool_1.BaseGLSPTool {
+let AccessibleKeyShortcutTool = exports.AccessibleKeyShortcutTool = AccessibleKeyShortcutTool_1 = class AccessibleKeyShortcutTool extends base_tools_1.BaseEditTool {
     constructor() {
         super(...arguments);
         this.shortcutKeyListener = new AccessibleShortcutKeyListener();

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut-tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessible-key-shortcut-tool.js","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut-tool.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;;;;;;;;;;;AAElF,yCAA+C;AAC/C,iDAA8H;AAC9H,+DAA0D;AAC1D,uEAAmE;AAG5D,IAAM,yBAAyB,qEAA/B,MAAM,yBAA0B,SAAQ,6BAAY;IAApD;;QAKO,wBAAmB,GAAG,IAAI,6BAA6B,EAAE,CAAC;IAaxE,CAAC;IAXG,IAAI,EAAE;QACF,OAAO,2BAAyB,CAAC,EAAE,CAAC;IACxC,CAAC;IAED,MAAM;QACF,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC;IAEQ,OAAO;QACZ,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACtD,CAAC;;AAhBM,4BAAE,GAAG,8BAA8B,AAAjC,CAAkC;AAEP;IAAnC,IAAA,kBAAM,EAAC,uBAAO,CAAC;8BAA6B,uBAAO;0DAAC;oCAH5C,yBAAyB;IADrC,IAAA,sBAAU,GAAE;GACA,yBAAyB,CAkBrC;AAED,MAAa,6BAA8B,SAAQ,2BAAW;IAA9D;;QACuB,UAAK,GAAG,MAAM,CAAC,6BAA6B,CAAC,IAAI,CAAC,CAAC;IAW1E,CAAC;IAVY,OAAO,CAAC,OAAsB,EAAE,KAAoB;QACzD,IAAI,IAAI,CAAC,oCAAoC,CAAC,KAAK,CAAC,EAAE;YAClD,OAAO,CAAC,8CAA8B,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,gDAAsB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7G;QACD,OAAO,EAAE,CAAC;IACd,CAAC;IAES,oCAAoC,CAAC,KAAoB;QAC/D,OAAO,IAAA,gCAAgB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;CACJ;AAZD,sEAYC"}
+{"version":3,"file":"accessible-key-shortcut-tool.js","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut-tool.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;kFAckF;;;;;;;;;;;;;AAElF,yCAA+C;AAC/C,iDAA8H;AAC9H,uDAAsD;AACtD,uEAAmE;AAG5D,IAAM,yBAAyB,qEAA/B,MAAM,yBAA0B,SAAQ,yBAAY;IAApD;;QAKO,wBAAmB,GAAG,IAAI,6BAA6B,EAAE,CAAC;IAaxE,CAAC;IAXG,IAAI,EAAE;QACF,OAAO,2BAAyB,CAAC,EAAE,CAAC;IACxC,CAAC;IAED,MAAM;QACF,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC;IAEQ,OAAO;QACZ,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACtD,CAAC;;AAhBM,4BAAE,GAAG,8BAA8B,AAAjC,CAAkC;AAEP;IAAnC,IAAA,kBAAM,EAAC,uBAAO,CAAC;8BAA6B,uBAAO;0DAAC;oCAH5C,yBAAyB;IADrC,IAAA,sBAAU,GAAE;GACA,yBAAyB,CAkBrC;AAED,MAAa,6BAA8B,SAAQ,2BAAW;IAA9D;;QACuB,UAAK,GAAG,MAAM,CAAC,6BAA6B,CAAC,IAAI,CAAC,CAAC;IAW1E,CAAC;IAVY,OAAO,CAAC,OAAsB,EAAE,KAAoB;QACzD,IAAI,IAAI,CAAC,oCAAoC,CAAC,KAAK,CAAC,EAAE;YAClD,OAAO,CAAC,8CAA8B,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,gDAAsB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC7G;QACD,OAAO,EAAE,CAAC;IACd,CAAC;IAES,oCAAoC,CAAC,KAAoB;QAC/D,OAAO,IAAA,gCAAgB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;CACJ;AAZD,sEAYC"}

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut.d.ts

@@ -46,6 +46,7 @@ export declare class KeyShortcutUIExtension extends AbstractUIExtension implemen
     containerClass(): string;
     show(root: Readonly<SModelRoot>, ...contextElementIds: string[]): void;
     protected refreshUI(): void;
+    protected createGroupHeader(group: string): HTMLElement;
     protected getShortcutHTML(shortcuts: string[]): HTMLElement;
     protected createEntry(registration: AccessibleKeyShortcut): HTMLDivElement;
     protected initializeContents(containerElement: HTMLElement): void;

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessible-key-shortcut.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAIlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpH,MAAM,WAAW,6BAA6B;IAC1C,mBAAmB,IAAI,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,8BAA+B,SAAQ,MAAM;IAC1D,IAAI,EAAE,OAAO,8BAA8B,CAAC,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,qBAAqB,EAAE,CAAC;CACjC;AAED,yBAAiB,8BAA8B,CAAC;IACrC,MAAM,IAAI,6BAA6B,CAAC;IAE/C,SAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,8BAA8B,CAExE;IAED,SAAgB,MAAM,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,qBAAqB,EAAE,CAAA;KAAE,GAAG,8BAA8B,CAEhH;CACJ;AAED,qBACa,sBAAuB,SAAQ,mBAAoB,YAAW,cAAc;IACrF,MAAM,CAAC,QAAQ,CAAC,EAAE,kBAAkB;IACpC,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC;IACpC,SAAS,CAAC,kBAAkB,EAAE,cAAc,CAAC;IAC7C,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,EAAE,CAAC,CAAM;IAEtE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI;IAQhD,EAAE,IAAI,MAAM;IAIZ,cAAc,IAAI,MAAM;IAIf,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,iBAAiB,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/E,SAAS,CAAC,SAAS,IAAI,IAAI;IA+C3B,SAAS,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,WAAW;IAO3D,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE,qBAAqB,GAAG,cAAc;IAe1E,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;CAmCpE"}
+{"version":3,"file":"accessible-key-shortcut.d.ts","sourceRoot":"","sources":["../../../../src/features/accessibility/key-shortcut/accessible-key-shortcut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;kFAckF;AAIlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpH,MAAM,WAAW,6BAA6B;IAC1C,mBAAmB,IAAI,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,8BAA+B,SAAQ,MAAM;IAC1D,IAAI,EAAE,OAAO,8BAA8B,CAAC,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,qBAAqB,EAAE,CAAC;CACjC;AAED,yBAAiB,8BAA8B,CAAC;IACrC,MAAM,IAAI,6BAA6B,CAAC;IAE/C,SAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,8BAA8B,CAExE;IAED,SAAgB,MAAM,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,qBAAqB,EAAE,CAAA;KAAE,GAAG,8BAA8B,CAEhH;CACJ;AAED,qBACa,sBAAuB,SAAQ,mBAAoB,YAAW,cAAc;IACrF,MAAM,CAAC,QAAQ,CAAC,EAAE,kBAAkB;IACpC,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC;IACpC,SAAS,CAAC,kBAAkB,EAAE,cAAc,CAAC;IAC7C,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,EAAE,CAAC,CAAM;IAEtE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI;IAQhD,EAAE,IAAI,MAAM;IAIZ,cAAc,IAAI,MAAM;IAIf,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,iBAAiB,EAAE,MAAM,EAAE,GAAG,IAAI;IAK/E,SAAS,CAAC,SAAS,IAAI,IAAI;IAgD3B,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW;IAcvD,SAAS,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,WAAW;IAO3D,SAAS,CAAC,WAAW,CAAC,YAAY,EAAE,qBAAqB,GAAG,cAAc;IAe1E,SAAS,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;CAmCpE"}

package/lib/features/accessibility/key-shortcut/accessible-key-shortcut.js

@@ -75,19 +75,20 @@ let KeyShortcutUIExtension = exports.KeyShortcutUIExtension = KeyShortcutUIExten
         });
         const grouped = (0, lodash_1.groupBy)(registrations, k => k.group);
         const groupTable = document.createElement('table');
+        groupTable.classList.add('shortcut-table');
         const tableHead = document.createElement('thead');
         const tableBody = document.createElement('tbody');
         const headerRow = document.createElement('tr');
         const commandCell = document.createElement('th');
         const keybindingCell = document.createElement('th');
-        commandCell.classList.add('columnTitle');
-        commandCell.classList.add('columnTitle');
+        commandCell.classList.add('column-title');
         commandCell.innerText = 'Command';
         keybindingCell.innerText = 'Keybinding';
         headerRow.appendChild(commandCell);
         headerRow.appendChild(keybindingCell);
         tableHead.appendChild(headerRow);
-        for (const [, shortcuts] of Object.entries(grouped)) {
+        for (const [group, shortcuts] of Object.entries(grouped)) {
+            tableBody.appendChild(this.createGroupHeader(group));
             shortcuts.forEach(s => {
                 tableBody.appendChild(this.createEntry(s));
             });
@@ -96,6 +97,17 @@ let KeyShortcutUIExtension = exports.KeyShortcutUIExtension = KeyShortcutUIExten
         groupTable.appendChild(tableBody);
         this.shortcutsContainer.append(groupTable);
     }
+    createGroupHeader(group) {
+        const entryRow = document.createElement('tr');
+        const groupElement = document.createElement('td');
+        const text = document.createElement('strong');
+        const emptyElement = document.createElement('td');
+        text.innerText = group;
+        groupElement.appendChild(text);
+        entryRow.appendChild(groupElement);
+        entryRow.appendChild(emptyElement);
+        return entryRow;
+    }
     getShortcutHTML(shortcuts) {
         const shortcutKeys = document.createElement('span');
         shortcutKeys.innerHTML = shortcuts.map(key => `<kbd>${key}</kbd>`).join(' + ');