ckeditor5-elements-menu 0.0.0-stage → 49.0.0-alpha.4

package/dist/breadcrumbs/breadcrumbsView.d.ts

@@ -0,0 +1,68 @@
+import { KeystrokeHandler, View, ViewCollection, type Locale } from 'ckeditor5';
+import BreadcrumbItemView, { type BreadcrumbItem } from './breadcrumbItemView.js';
+import BreadcrumbLabelView from './breadcrumbLabelView.js';
+/**
+ * The options of {@link BreadcrumbsView}.
+ */
+export interface BreadcrumbsViewOptions {
+    /**
+     * Whether the items are buttons that can be clicked, or labels. Defaults to `false`.
+     */
+    isClickable?: boolean;
+}
+/**
+ * Shows a path of elements, from the outermost to the innermost one, as a list (`<ol>`) in a `<nav>` landmark: buttons
+ * when the items can be clicked, labels otherwise. Items without a model element (list items) are labels too. The
+ * innermost item is marked with `aria-current="location"`.
+ *
+ * The left and right arrows move the focus between the items; past the first or the last one, they are left to the
+ * toolbar the view is in. Fires `execute` with the item when one of the buttons is clicked.
+ */
+export default class BreadcrumbsView extends View {
+    /**
+     * The breadcrumb items: the buttons or labels, from the outermost to the innermost one.
+     */
+    readonly items: ViewCollection<BreadcrumbItemView | BreadcrumbLabelView>;
+    /**
+     * Whether the items are buttons that can be clicked, or labels.
+     */
+    readonly isClickable: boolean;
+    /**
+     * Handles the keystrokes within the breadcrumbs.
+     */
+    readonly keystrokes: KeystrokeHandler;
+    /**
+     * The list items (`<li>`) that hold the {@link items}.
+     */
+    private readonly _listItems;
+    constructor(locale?: Locale, { isClickable }?: BreadcrumbsViewOptions);
+    /**
+     * Replaces the items.
+     */
+    setItems(items: readonly BreadcrumbItem[]): void;
+    /**
+     * Renders the view and starts handling the keystrokes.
+     */
+    render(): void;
+    /**
+     * Focuses an item: the first one when the focus moves forward (`1`, e.g. from the previous toolbar item), the
+     * innermost one otherwise.
+     */
+    focus(direction?: 1 | -1): void;
+    /**
+     * Destroys the view and its keystroke handler.
+     */
+    destroy(): void;
+    /**
+     * Focuses the item before (`-1`) or after (`1`) the focused one. Returns `false` when there is none.
+     */
+    private _focusSibling;
+}
+/**
+ * Fired by {@link BreadcrumbsView} when one of its buttons is clicked.
+ */
+export interface BreadcrumbsViewExecuteEvent {
+    name: 'execute';
+    args: [item: BreadcrumbItemView];
+}
+//# sourceMappingURL=breadcrumbsView.d.ts.map

package/dist/breadcrumbs/breadcrumbsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsView.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbsView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAChF,OAAO,kBAAkB,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,IAAI;IAChD;;OAEG;IACH,SAAgB,KAAK,2DAAkE;IAEvF;;OAEG;IACH,SAAgB,WAAW,EAAE,OAAO,CAAC;IAErC;;OAEG;IACH,SAAgB,UAAU,mBAA0B;IAEpD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0C;gBAEzD,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAmB,EAAE,GAAE,sBAA2B;IAsCjF;;OAEG;IACI,QAAQ,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,GAAG,IAAI;IA0BvD;;OAEG;IACa,MAAM,IAAI,IAAI;IAQ9B;;;OAGG;IACI,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;IAItC;;OAEG;IACa,OAAO,IAAI,IAAI;IAK/B;;OAEG;IACH,OAAO,CAAC,aAAa;CASrB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC3C,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;CACjC"}

package/dist/breadcrumbs/breadcrumbsView.js

@@ -0,0 +1,134 @@
+import { KeystrokeHandler, View, ViewCollection } from 'ckeditor5';
+import BreadcrumbItemView, {} from './breadcrumbItemView.js';
+import BreadcrumbLabelView from './breadcrumbLabelView.js';
+/**
+ * Shows a path of elements, from the outermost to the innermost one, as a list (`<ol>`) in a `<nav>` landmark: buttons
+ * when the items can be clicked, labels otherwise. Items without a model element (list items) are labels too. The
+ * innermost item is marked with `aria-current="location"`.
+ *
+ * The left and right arrows move the focus between the items; past the first or the last one, they are left to the
+ * toolbar the view is in. Fires `execute` with the item when one of the buttons is clicked.
+ */
+export default class BreadcrumbsView extends View {
+    /**
+     * The breadcrumb items: the buttons or labels, from the outermost to the innermost one.
+     */
+    items = new ViewCollection();
+    /**
+     * Whether the items are buttons that can be clicked, or labels.
+     */
+    isClickable;
+    /**
+     * Handles the keystrokes within the breadcrumbs.
+     */
+    keystrokes = new KeystrokeHandler();
+    /**
+     * The list items (`<li>`) that hold the {@link items}.
+     */
+    _listItems;
+    constructor(locale, { isClickable = false } = {}) {
+        super(locale);
+        this._listItems = this.createCollection();
+        this.isClickable = isClickable;
+        const isRtl = locale?.uiLanguageDirection === 'rtl';
+        this.keystrokes.set(isRtl ? 'arrowright' : 'arrowleft', (data, cancel) => {
+            if (this._focusSibling(-1)) {
+                cancel();
+            }
+        });
+        this.keystrokes.set(isRtl ? 'arrowleft' : 'arrowright', (data, cancel) => {
+            if (this._focusSibling(1)) {
+                cancel();
+            }
+        });
+        this.setTemplate({
+            tag: 'nav',
+            attributes: {
+                class: ['ck', 'ck-elements-breadcrumbs'],
+                'aria-label': locale?.t('Element path') ?? 'Element path'
+            },
+            children: [
+                {
+                    tag: 'ol',
+                    attributes: {
+                        class: ['ck', 'ck-elements-breadcrumbs__list']
+                    },
+                    children: this._listItems
+                }
+            ]
+        });
+    }
+    /**
+     * Replaces the items.
+     */
+    setItems(items) {
+        for (const listItem of this._listItems) {
+            listItem.destroy();
+        }
+        this._listItems.clear();
+        this.items.clear();
+        items.forEach((item, index) => {
+            const isCurrent = index === items.length - 1;
+            const view = this.isClickable && item.modelElement
+                ? new BreadcrumbItemView(this.locale, item, { isCurrent })
+                : new BreadcrumbLabelView(this.locale, item, { isCurrent });
+            if (view instanceof BreadcrumbItemView) {
+                view.on('execute', () => {
+                    this.fire('execute', view);
+                });
+            }
+            this.items.add(view);
+            this._listItems.add(new BreadcrumbsListItemView(this.locale, view));
+        });
+    }
+    /**
+     * Renders the view and starts handling the keystrokes.
+     */
+    render() {
+        super.render();
+        if (this.element) {
+            this.keystrokes.listenTo(this.element);
+        }
+    }
+    /**
+     * Focuses an item: the first one when the focus moves forward (`1`, e.g. from the previous toolbar item), the
+     * innermost one otherwise.
+     */
+    focus(direction) {
+        (direction === 1 ? this.items.first : this.items.last)?.focus();
+    }
+    /**
+     * Destroys the view and its keystroke handler.
+     */
+    destroy() {
+        super.destroy();
+        this.keystrokes.destroy();
+    }
+    /**
+     * Focuses the item before (`-1`) or after (`1`) the focused one. Returns `false` when there is none.
+     */
+    _focusSibling(step) {
+        const items = Array.from(this.items);
+        const index = items.findIndex(item => item.element === document.activeElement);
+        const sibling = index === -1 ? undefined : items[index + step];
+        sibling?.focus();
+        return !!sibling;
+    }
+}
+/**
+ * A list item (`<li>`) of the breadcrumbs, holding a button or a label.
+ */
+class BreadcrumbsListItemView extends View {
+    constructor(locale, item) {
+        super(locale);
+        // Rendering registers the item as a child, so it is destroyed with the list item.
+        this.setTemplate({
+            tag: 'li',
+            attributes: {
+                class: ['ck', 'ck-elements-breadcrumbs__list-item']
+            },
+            children: [item]
+        });
+    }
+}
+//# sourceMappingURL=breadcrumbsView.js.map

package/dist/breadcrumbs/breadcrumbsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsView.js","sourceRoot":"","sources":["../../src/breadcrumbs/breadcrumbsView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAe,MAAM,WAAW,CAAC;AAChF,OAAO,kBAAkB,EAAE,EAAuB,MAAM,yBAAyB,CAAC;AAClF,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAY3D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,IAAI;IAChD;;OAEG;IACa,KAAK,GAAG,IAAI,cAAc,EAA4C,CAAC;IAEvF;;OAEG;IACa,WAAW,CAAU;IAErC;;OAEG;IACa,UAAU,GAAG,IAAI,gBAAgB,EAAE,CAAC;IAEpD;;OAEG;IACc,UAAU,CAA0C;IAErE,YAAY,MAAe,EAAE,EAAE,WAAW,GAAG,KAAK,KAA6B,EAAE;QAChF,KAAK,CAAC,MAAM,CAAC,CAAC;QAEd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAE/B,MAAM,KAAK,GAAG,MAAM,EAAE,mBAAmB,KAAK,KAAK,CAAC;QAEpD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YACxE,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC5B,MAAM,EAAE,CAAC;YACV,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YACxE,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3B,MAAM,EAAE,CAAC;YACV,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC;YAChB,GAAG,EAAE,KAAK;YACV,UAAU,EAAE;gBACX,KAAK,EAAE,CAAC,IAAI,EAAE,yBAAyB,CAAC;gBACxC,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,cAAc;aACzD;YACD,QAAQ,EAAE;gBACT;oBACC,GAAG,EAAE,IAAI;oBACT,UAAU,EAAE;wBACX,KAAK,EAAE,CAAC,IAAI,EAAE,+BAA+B,CAAC;qBAC9C;oBACD,QAAQ,EAAE,IAAI,CAAC,UAAU;iBACzB;aACD;SACD,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,QAAQ,CAAC,KAAgC;QAC/C,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAEnB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,SAAS,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC7C,MAAM,IAAI,GACT,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY;gBACpC,CAAC,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC;gBAC1D,CAAC,CAAC,IAAI,mBAAmB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;YAE9D,IAAI,IAAI,YAAY,kBAAkB,EAAE,CAAC;gBACxC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;oBACvB,IAAI,CAAC,IAAI,CAA8B,SAAS,EAAE,IAAI,CAAC,CAAC;gBACzD,CAAC,CAAC,CAAC;YACJ,CAAC;YAED,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,uBAAuB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IACa,MAAM;QACrB,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;IACF,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,SAAkB;QAC9B,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;IACjE,CAAC;IAED;;OAEG;IACa,OAAO;QACtB,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IAED;;OAEG;IACK,aAAa,CAAC,IAAY;QACjC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC/E,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;QAE/D,OAAO,EAAE,KAAK,EAAE,CAAC;QAEjB,OAAO,CAAC,CAAC,OAAO,CAAC;IAClB,CAAC;CACD;AAUD;;GAEG;AACH,MAAM,uBAAwB,SAAQ,IAAI;IACzC,YAAY,MAA0B,EAAE,IAA8C;QACrF,KAAK,CAAC,MAAM,CAAC,CAAC;QAEd,kFAAkF;QAClF,IAAI,CAAC,WAAW,CAAC;YAChB,GAAG,EAAE,IAAI;YACT,UAAU,EAAE;gBACX,KAAK,EAAE,CAAC,IAAI,EAAE,oCAAoC,CAAC;aACnD;YACD,QAAQ,EAAE,CAAC,IAAI,CAAC;SAChB,CAAC,CAAC;IACJ,CAAC;CACD"}

package/dist/contextMenu/contextMenuObserver.d.ts

@@ -0,0 +1,19 @@
+import { DomEventObserver, type ViewDocumentDomEventData } from 'ckeditor5';
+/**
+ * Fires the `contextmenu` event on the view document when the user opens the native context menu in an editable.
+ */
+export default class ContextMenuObserver extends DomEventObserver<'contextmenu'> {
+    get domEventType(): 'contextmenu';
+    /**
+     * Fires `contextmenu` on the view document for the DOM event.
+     */
+    onDomEvent(domEvent: MouseEvent): void;
+}
+/**
+ * Fired on the view document by the {@link ContextMenuObserver}.
+ */
+export interface ViewDocumentContextMenuEvent {
+    name: 'contextmenu';
+    args: [data: ViewDocumentDomEventData<MouseEvent>];
+}
+//# sourceMappingURL=contextMenuObserver.d.ts.map

package/dist/contextMenu/contextMenuObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenuObserver.d.ts","sourceRoot":"","sources":["../../src/contextMenu/contextMenuObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAE5E;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,gBAAgB,CAAC,aAAa,CAAC;IAG/E,IAAW,YAAY,IAAI,aAAa,CAEvC;IAED;;OAEG;IACI,UAAU,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI;CAG7C;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC5C,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD"}

package/dist/contextMenu/contextMenuObserver.js

@@ -0,0 +1,18 @@
+import { DomEventObserver } from 'ckeditor5';
+/**
+ * Fires the `contextmenu` event on the view document when the user opens the native context menu in an editable.
+ */
+export default class ContextMenuObserver extends DomEventObserver {
+    // The base class declares it as an accessor, so it cannot be a field here.
+    // eslint-disable-next-line @typescript-eslint/class-literal-property-style
+    get domEventType() {
+        return 'contextmenu';
+    }
+    /**
+     * Fires `contextmenu` on the view document for the DOM event.
+     */
+    onDomEvent(domEvent) {
+        this.fire(domEvent.type, domEvent);
+    }
+}
+//# sourceMappingURL=contextMenuObserver.js.map

package/dist/contextMenu/contextMenuObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenuObserver.js","sourceRoot":"","sources":["../../src/contextMenu/contextMenuObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,WAAW,CAAC;AAE5E;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,gBAA+B;IAC/E,2EAA2E;IAC3E,2EAA2E;IAC3E,IAAW,YAAY;QACtB,OAAO,aAAa,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,UAAU,CAAC,QAAoB;QACrC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACpC,CAAC;CACD"}

package/dist/contextMenu/elementContextMenu.d.ts

@@ -0,0 +1,34 @@
+import { Plugin, type ModelElement, type RectSource, type ViewElement } from 'ckeditor5';
+import ElementMenu from '../elementMenu.js';
+/**
+ * Shows the menu of an element when the user right-clicks it, or opens the context menu with the keyboard (the menu
+ * key, or Shift+F10) while the cursor is in it.
+ *
+ * The items come from the `elementContextMenu` editor config option only (see `ElementMenuConfig`): commands, submenus
+ * and `'|'` separators. Without it, or when it returns no items for an
+ * element, the native context menu shows. The menu itself is shown by the `ElementMenu` plugin.
+ */
+export default class ElementContextMenu extends Plugin {
+    static get requires(): readonly [typeof ElementMenu];
+    static get pluginName(): 'ElementContextMenu';
+    init(): void;
+    /**
+     * Opens the menu of the element next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), with
+     * the items from the `elementContextMenu` config option.
+     *
+     * Returns `false` when there are no items, so the caller can let the native context menu show instead.
+     */
+    open(element: ModelElement, target: RectSource): boolean;
+    /**
+     * Opens the menu of the element at the selection (the selected element, or the element with the cursor), next to
+     * the selection.
+     *
+     * Returns `false` when there is no such element or no items.
+     */
+    openAtSelection(): boolean;
+    /**
+     * Returns the closest model element mapped to the given view element or its ancestors, skipping the root.
+     */
+    getModelElement(viewElement: ViewElement): ModelElement | null;
+}
+//# sourceMappingURL=elementContextMenu.d.ts.map

package/dist/contextMenu/elementContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementContextMenu.d.ts","sourceRoot":"","sources":["../../src/contextMenu/elementContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEzF,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAG5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,MAAM;IACrD,WAAkB,QAAQ,IAAI,SAAS,CAAC,OAAO,WAAW,CAAC,CAE1D;IAED,WAAkB,UAAU,IAAI,oBAAoB,CAEnD;IAEM,IAAI,IAAI,IAAI;IAmCnB;;;;;OAKG;IACI,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO;IAY/D;;;;;OAKG;IACI,eAAe,IAAI,OAAO;IAkBjC;;OAEG;IACI,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,YAAY,GAAG,IAAI;CAarE"}

package/dist/contextMenu/elementContextMenu.js

@@ -0,0 +1,98 @@
+import { Plugin } from 'ckeditor5';
+import { getElementAtSelection, isInDocument } from 'ckeditor5-elements-core';
+import ElementMenu from '../elementMenu.js';
+import ContextMenuObserver, {} from './contextMenuObserver.js';
+/**
+ * Shows the menu of an element when the user right-clicks it, or opens the context menu with the keyboard (the menu
+ * key, or Shift+F10) while the cursor is in it.
+ *
+ * The items come from the `elementContextMenu` editor config option only (see `ElementMenuConfig`): commands, submenus
+ * and `'|'` separators. Without it, or when it returns no items for an
+ * element, the native context menu shows. The menu itself is shown by the `ElementMenu` plugin.
+ */
+export default class ElementContextMenu extends Plugin {
+    static get requires() {
+        return [ElementMenu];
+    }
+    static get pluginName() {
+        return 'ElementContextMenu';
+    }
+    init() {
+        const editor = this.editor;
+        const editingView = editor.editing.view;
+        editingView.addObserver(ContextMenuObserver);
+        this.listenTo(editingView.document, 'contextmenu', (evt, data) => {
+            const { domEvent } = data;
+            const element = this.getModelElement(data.target);
+            // A context menu opened with the keyboard (the menu key, or Shift+F10 in some browsers) targets the editable
+            // itself, not the element at the cursor. A right-click outside any element keeps the native menu.
+            const isOpen = element
+                ? this.open(element, new DOMRect(domEvent.clientX, domEvent.clientY, 0, 0))
+                : domEvent.button !== 2 && this.openAtSelection();
+            if (isOpen) {
+                data.preventDefault();
+            }
+        });
+        // Not every browser opens the context menu on Shift+F10 (e.g. on macOS), so handle it in all of them.
+        editor.keystrokes.set('Shift+F10', (data, cancel) => {
+            if (this.openAtSelection()) {
+                cancel();
+            }
+        });
+        if (typeof editor.config.get('elementContextMenu') === 'function') {
+            editor.accessibility.addKeystrokeInfos({
+                keystrokes: [{ label: editor.t('Open the menu of the element at the cursor'), keystroke: 'Shift+F10' }]
+            });
+        }
+    }
+    /**
+     * Opens the menu of the element next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), with
+     * the items from the `elementContextMenu` config option.
+     *
+     * Returns `false` when there are no items, so the caller can let the native context menu show instead.
+     */
+    open(element, target) {
+        const config = this.editor.config.get('elementContextMenu');
+        if (typeof config !== 'function') {
+            return false;
+        }
+        return this.editor.plugins
+            .get(ElementMenu)
+            .open(element, target, config, { label: this.editor.t('Element menu') });
+    }
+    /**
+     * Opens the menu of the element at the selection (the selected element, or the element with the cursor), next to
+     * the selection.
+     *
+     * Returns `false` when there is no such element or no items.
+     */
+    openAtSelection() {
+        const editing = this.editor.editing;
+        const selection = this.editor.model.document.selection;
+        const selectedElement = selection.getSelectedElement();
+        const element = getElementAtSelection(selection);
+        const viewElement = selectedElement && editing.mapper.toViewElement(selectedElement);
+        const viewRange = editing.view.document.selection.getFirstRange();
+        const target = viewElement
+            ? editing.view.domConverter.mapViewToDom(viewElement)
+            : viewRange && editing.view.domConverter.viewRangeToDom(viewRange);
+        if (!element || !isInDocument(element) || !(target instanceof HTMLElement || target instanceof Range)) {
+            return false;
+        }
+        return this.open(element, target);
+    }
+    /**
+     * Returns the closest model element mapped to the given view element or its ancestors, skipping the root.
+     */
+    getModelElement(viewElement) {
+        const mapper = this.editor.editing.mapper;
+        for (let node = viewElement; node; node = node.parent?.is('element') ? node.parent : null) {
+            const element = mapper.toModelElement(node);
+            if (element) {
+                return element.is('rootElement') ? null : element;
+            }
+        }
+        return null;
+    }
+}
+//# sourceMappingURL=elementContextMenu.js.map

package/dist/contextMenu/elementContextMenu.js.map

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

package/dist/elementMenu.d.ts

@@ -0,0 +1,93 @@
+import { ContextualBalloon, Notification, Plugin, type Editor, type FocusableView, type ModelElement, type RectSource } from 'ckeditor5';
+import { ElementOrPositionCommand } from 'ckeditor5-elements-core';
+/**
+ * A submenu of an element menu. Missing items are skipped, as in the menu.
+ */
+export interface ElementSubmenu {
+    title: string;
+    /**
+     * The icon (SVG string) shown next to the title.
+     */
+    icon?: string;
+    items: (ElementMenuItem | null | undefined)[];
+}
+/**
+ * An item of an element menu:
+ *
+ * * a command, shown as a button with its `title` and `icon`, enabled and "on" according to its
+ *   {@link ElementOrPositionCommand#getState state} for the element,
+ * * a submenu,
+ * * `'|'`, a separator. Separators at the start or the end of a menu, and repeated ones, are not shown, so a group of
+ *   items can start with one.
+ */
+export type ElementMenuItem = ElementOrPositionCommand | ElementSubmenu | '|';
+/**
+ * Returns the items of the menu of the given element, e.g. as the `elementContextMenu` or `breadcrumbs.menu` editor
+ * config option. Missing items (e.g. commands that are not registered) are skipped. No items means no menu.
+ */
+export type ElementMenuConfig = (element: ModelElement, editor: Editor) => (ElementMenuItem | null | undefined)[];
+/**
+ * The options of {@link ElementMenu#open} and {@link ElementMenu#show}.
+ */
+export interface ElementMenuShowOptions {
+    /**
+     * The accessible name of the menu of an element (see {@link ElementMenu#open}). Defaults to "Element menu".
+     */
+    label?: string;
+    /**
+     * Called when the document data changes while the menu is open. When it returns `true`, the menu closes, e.g.
+     * because the element it is for was removed.
+     */
+    isObsolete?: () => boolean;
+    /**
+     * What gets the focus when the menu is closed with Esc, e.g. the button that opened the menu. Defaults to the editor.
+     */
+    returnFocusTo?: {
+        focus(): void;
+    };
+    /**
+     * Called when the menu closes, for any reason: Esc, a click outside, an executed item, or another menu replacing it.
+     */
+    onHide?: () => void;
+}
+/**
+ * Shows menus in a balloon: the menu of an element, built from commands, submenus and separators (see {@link open}),
+ * or any view, e.g. the quick insert search (see {@link show}).
+ *
+ * The element context menu, the breadcrumbs and quick insert show their menus with it. The menu of an element is
+ * CKEditor's dropdown menu (see {@link ElementMenuView}).
+ *
+ * Executing an item closes the menu. Esc and clicking outside close it too; Esc returns the focus to the editor, or to
+ * {@link ElementMenuShowOptions.returnFocusTo}.
+ */
+export default class ElementMenu extends Plugin {
+    /**
+     * The view in the open menu, if any.
+     */
+    view: FocusableView | null;
+    private _keystrokes;
+    private _isObsolete;
+    private _onHide;
+    static get requires(): readonly [typeof ContextualBalloon, typeof Notification];
+    static get pluginName(): 'ElementMenu';
+    init(): void;
+    /**
+     * Opens the menu of the element next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), with
+     * the items from the config callback. The menu closes when the element is removed.
+     *
+     * Returns `false` when there are no items.
+     */
+    open(element: ModelElement, target: RectSource, config: ElementMenuConfig, { label, isObsolete, ...options }?: ElementMenuShowOptions): boolean;
+    /**
+     * Shows the view (e.g. a menu) next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), and
+     * focuses it. The menu closes when the view, or an item of CKEditor's dropdown menu in it, fires `execute`.
+     */
+    show(view: FocusableView, target: RectSource, { isObsolete, returnFocusTo, onHide }?: ElementMenuShowOptions): void;
+    /**
+     * Hides the open menu, if any.
+     */
+    hide(): void;
+    destroy(): void;
+    private get _balloon();
+}
+//# sourceMappingURL=elementMenu.d.ts.map

package/dist/elementMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementMenu.d.ts","sourceRoot":"","sources":["../src/elementMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iBAAiB,EAGjB,YAAY,EACZ,MAAM,EAEN,KAAK,MAAM,EACX,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,wBAAwB,EAAgB,MAAM,yBAAyB,CAAC;AAGjF;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,CAAC,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,wBAAwB,GAAG,cAAc,GAAG,GAAG,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;AAElH;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE;QAAE,KAAK,IAAI,IAAI,CAAA;KAAE,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAC9C;;OAEG;IACI,IAAI,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEzC,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,OAAO,CAA6B;IAE5C,WAAkB,QAAQ,IAAI,SAAS,CAAC,OAAO,iBAAiB,EAAE,OAAO,YAAY,CAAC,CAGrF;IAED,WAAkB,UAAU,IAAI,aAAa,CAE5C;IAEM,IAAI,IAAI,IAAI;IAQnB;;;;;OAKG;IACI,IAAI,CACV,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,iBAAiB,EACzB,EAAE,KAAqC,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,GAAE,sBAA2B,GAC5F,OAAO;IAmBV;;;OAGG;IACI,IAAI,CACV,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,UAAU,EAClB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,GAAE,sBAA2B,GAChE,IAAI;IAqDP;;OAEG;IACI,IAAI,IAAI,IAAI;IAuBH,OAAO,IAAI,IAAI;IAK/B,OAAO,KAAK,QAAQ,GAEnB;CACD"}

package/dist/elementMenu.js

@@ -0,0 +1,162 @@
+import { ContextualBalloon, DropdownMenuRootListView, KeystrokeHandler, Notification, Plugin, clickOutsideHandler } from 'ckeditor5';
+import { ElementOrPositionCommand, isInDocument } from 'ckeditor5-elements-core';
+import ElementMenuView from './elementMenuView.js';
+/**
+ * Shows menus in a balloon: the menu of an element, built from commands, submenus and separators (see {@link open}),
+ * or any view, e.g. the quick insert search (see {@link show}).
+ *
+ * The element context menu, the breadcrumbs and quick insert show their menus with it. The menu of an element is
+ * CKEditor's dropdown menu (see {@link ElementMenuView}).
+ *
+ * Executing an item closes the menu. Esc and clicking outside close it too; Esc returns the focus to the editor, or to
+ * {@link ElementMenuShowOptions.returnFocusTo}.
+ */
+export default class ElementMenu extends Plugin {
+    /**
+     * The view in the open menu, if any.
+     */
+    view = null;
+    _keystrokes = null;
+    _isObsolete = null;
+    _onHide = null;
+    static get requires() {
+        // The buttons of the menu report failed commands with notifications.
+        return [ContextualBalloon, Notification];
+    }
+    static get pluginName() {
+        return 'ElementMenu';
+    }
+    init() {
+        this.listenTo(this.editor.model.document, 'change:data', () => {
+            if (this._isObsolete?.()) {
+                this.hide();
+            }
+        });
+    }
+    /**
+     * Opens the menu of the element next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), with
+     * the items from the config callback. The menu closes when the element is removed.
+     *
+     * Returns `false` when there are no items.
+     */
+    open(element, target, config, { label = this.editor.t('Element menu'), isObsolete, ...options } = {}) {
+        const items = cleanItems(config(element, this.editor));
+        if (!items.length) {
+            return false;
+        }
+        const view = new ElementMenuView(this.editor.locale, this.editor.ui.view.body, items, element);
+        view.ariaLabel = label;
+        this.show(view, target, {
+            ...options,
+            isObsolete: () => !isInDocument(element) || !!isObsolete?.()
+        });
+        return true;
+    }
+    /**
+     * Shows the view (e.g. a menu) next to the target (e.g. a button, or a `DOMRect` in viewport coordinates), and
+     * focuses it. The menu closes when the view, or an item of CKEditor's dropdown menu in it, fires `execute`.
+     */
+    show(view, target, { isObsolete, returnFocusTo, onHide } = {}) {
+        this.hide();
+        const close = () => {
+            // The item may have opened another menu already (e.g. "Insert before" opens quick insert).
+            if (this.view === view) {
+                this.hide();
+            }
+        };
+        this.listenTo(view, 'execute', close);
+        this.listenTo(view, 'menu:execute', close);
+        clickOutsideHandler({
+            emitter: view,
+            activator: () => this._balloon.visibleView === view,
+            // The open nested menus are in panels outside the balloon.
+            contextElements: () => [this._balloon.view.element, ...getOpenPanels(view)].filter(element => !!element),
+            callback: () => {
+                this.hide();
+            }
+        });
+        this._balloon.add({
+            view,
+            position: { target },
+            withArrow: false,
+            singleViewMode: true,
+            // Views that other plugins add to the balloon meanwhile (e.g. an element toolbar, when the selection moves
+            // into its element) go to their own stack, so they do not cover the menu.
+            stackId: 'elementMenu'
+        });
+        const keystrokes = new KeystrokeHandler();
+        // Esc in a nested menu closes only that menu.
+        keystrokes.set('Esc', (data, cancel) => {
+            this.hide();
+            (returnFocusTo ?? this.editor.editing.view).focus();
+            cancel();
+        });
+        if (view.element) {
+            keystrokes.listenTo(view.element);
+        }
+        this.view = view;
+        this._keystrokes = keystrokes;
+        this._isObsolete = isObsolete ?? null;
+        this._onHide = onHide ?? null;
+        view.focus();
+    }
+    /**
+     * Hides the open menu, if any.
+     */
+    hide() {
+        const view = this.view;
+        const onHide = this._onHide;
+        if (!view) {
+            return;
+        }
+        this._keystrokes?.destroy();
+        this.view = null;
+        this._keystrokes = null;
+        this._isObsolete = null;
+        this._onHide = null;
+        this.stopListening(view);
+        if (this._balloon.hasView(view)) {
+            this._balloon.remove(view);
+        }
+        view.destroy();
+        onHide?.();
+    }
+    destroy() {
+        this.hide();
+        super.destroy();
+    }
+    get _balloon() {
+        return this.editor.plugins.get(ContextualBalloon);
+    }
+}
+/**
+ * Returns the items without missing ones, submenus without items, and separators at the start or the end, or
+ * repeated ones.
+ */
+function cleanItems(items) {
+    const result = [];
+    for (const item of items) {
+        const cleaned = item === '|' || item instanceof ElementOrPositionCommand || !item ? item : cleanSubmenu(item);
+        if (!cleaned || (cleaned === '|' && (!result.length || result.at(-1) === '|'))) {
+            continue;
+        }
+        result.push(cleaned);
+    }
+    if (result.at(-1) === '|') {
+        result.pop();
+    }
+    return result;
+}
+function cleanSubmenu(submenu) {
+    const items = cleanItems(submenu.items);
+    return items.length ? { ...submenu, items } : null;
+}
+/**
+ * Returns the panels of the open nested menus of CKEditor's dropdown menu.
+ */
+function getOpenPanels(view) {
+    return view instanceof DropdownMenuRootListView
+        ? view.menus.filter(menu => menu.isOpen).map(menu => menu.panelView.element)
+        : [];
+}
+//# sourceMappingURL=elementMenu.js.map