ckeditor5-elements-breadcrumbs 0.0.0-stage → 49.0.0-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ivan Kildyushov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,32 @@
-# Temporary Holding Version
+# ckeditor5-elements-breadcrumbs
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Breadcrumbs for CKEditor 5 Elements: `Breadcrumbs` shows the element path at the cursor, made of the elements of the
+editor data (e.g. `ul › li`, `figure.table › table › tbody › tr › td`), as labels, or as buttons that open the element
+menu.
+
+## Installation
+
+This package is part of `ckeditor5-elements`. Install the whole package to use it:
+
+```sh
+npm install ckeditor5 ckeditor5-elements
+```
+
+## Usage
+
+```ts
+import { Breadcrumbs } from 'ckeditor5-elements';
+import 'ckeditor5-elements/index.css';
+
+// In the editor config:
+plugins: [..., Breadcrumbs],
+toolbar: ['bold', 'italic', '|', 'breadcrumbs'],
+// Optional: the breadcrumbs become buttons that open this menu (needs the `ElementMenu` plugin).
+breadcrumbs: { menu: (element, editor) => [editor.commands.get('copyElement')] }
+```
+
+See the [Breadcrumbs guide](https://ivankild.github.io/ckeditor5-elements/guide/breadcrumbs) of the documentation.
+
+## License
+
+MIT

package/dist/augmentation.d.ts

@@ -0,0 +1,13 @@
+import type { Breadcrumbs, BreadcrumbsConfig } from './index.js';
+declare module 'ckeditor5' {
+    interface PluginsMap {
+        [Breadcrumbs.pluginName]: Breadcrumbs;
+    }
+    interface EditorConfig {
+        /**
+         * The configuration of the {@link Breadcrumbs} plugin.
+         */
+        breadcrumbs?: BreadcrumbsConfig;
+    }
+}
+//# sourceMappingURL=augmentation.d.ts.map

package/dist/augmentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"augmentation.d.ts","sourceRoot":"","sources":["../src/augmentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,QAAQ,WAAW,CAAC;IAC1B,UAAU,UAAU;QACnB,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;KACtC;IAED,UAAU,YAAY;QACrB;;WAEG;QACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;KAChC;CACD"}

package/dist/augmentation.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=augmentation.js.map

package/dist/augmentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"augmentation.js","sourceRoot":"","sources":["../src/augmentation.ts"],"names":[],"mappings":""}

package/dist/breadcrumbItemView.d.ts

@@ -0,0 +1,47 @@
+import { ButtonView, type Locale, type ModelElement, type ViewElement } from 'ckeditor5';
+/**
+ * A single breadcrumb that can be clicked: a button labelled with one element of the data view, e.g. `section.title`.
+ * It opens the menu of its element (`aria-haspopup`), and is `aria-expanded` while the menu is open.
+ */
+export default class BreadcrumbItemView extends ButtonView {
+    /**
+     * The data view element this item stands for.
+     */
+    readonly viewElement: ViewElement;
+    /**
+     * The model element the menu of this item is for.
+     */
+    readonly modelElement: ModelElement | null;
+    /**
+     * Whether the menu of this item is open.
+     *
+     * @observable
+     */
+    isExpanded: boolean;
+    constructor(locale: Locale | undefined, { label, viewElement, modelElement }: BreadcrumbItem, { isCurrent }?: BreadcrumbItemViewOptions);
+}
+/**
+ * The options of {@link BreadcrumbItemView} and {@link BreadcrumbLabelView}.
+ */
+export interface BreadcrumbItemViewOptions {
+    /**
+     * Whether the item is the innermost element (where the cursor is). It is marked with `aria-current="location"`.
+     */
+    isCurrent?: boolean;
+}
+/**
+ * A breadcrumb: an element of the data view, its label, and the model element it belongs to.
+ */
+export interface BreadcrumbItem {
+    label: string;
+    /**
+     * The data view element (as in the editor data, e.g. `getData()`).
+     */
+    viewElement: ViewElement;
+    /**
+     * The model element of the view element: the mapped one, or for a part of a structure (e.g. a `tbody`), the closest
+     * mapped ancestor (the table). `null` for list items (`ul`, `li`), which come from block attributes.
+     */
+    modelElement: ModelElement | null;
+}
+//# sourceMappingURL=breadcrumbItemView.d.ts.map

package/dist/breadcrumbItemView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbItemView.d.ts","sourceRoot":"","sources":["../src/breadcrumbItemView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IACzD;;OAEG;IACH,SAAgB,WAAW,EAAE,WAAW,CAAC;IAEzC;;OAEG;IACH,SAAgB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAElD;;;;OAIG;IACY,UAAU,EAAE,OAAO,CAAC;gBAGlC,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,cAAc,EACpD,EAAE,SAAiB,EAAE,GAAE,yBAA8B;CAkBtD;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IAEzB;;;OAGG;IACH,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;CAClC"}

package/dist/breadcrumbItemView.js

@@ -0,0 +1,30 @@
+import { ButtonView } from 'ckeditor5';
+/**
+ * A single breadcrumb that can be clicked: a button labelled with one element of the data view, e.g. `section.title`.
+ * It opens the menu of its element (`aria-haspopup`), and is `aria-expanded` while the menu is open.
+ */
+export default class BreadcrumbItemView extends ButtonView {
+    /**
+     * The data view element this item stands for.
+     */
+    viewElement;
+    /**
+     * The model element the menu of this item is for.
+     */
+    modelElement;
+    constructor(locale, { label, viewElement, modelElement }, { isCurrent = false } = {}) {
+        super(locale);
+        this.viewElement = viewElement;
+        this.modelElement = modelElement;
+        this.set({ label, withText: true, isExpanded: false });
+        this.extendTemplate({
+            attributes: {
+                class: 'ck-elements-breadcrumbs__item',
+                'aria-haspopup': 'menu',
+                'aria-expanded': this.bindTemplate.to('isExpanded', value => String(value)),
+                ...(isCurrent ? { 'aria-current': 'location' } : {})
+            }
+        });
+    }
+}
+//# sourceMappingURL=breadcrumbItemView.js.map

package/dist/breadcrumbItemView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbItemView.js","sourceRoot":"","sources":["../src/breadcrumbItemView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAoD,MAAM,WAAW,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IACzD;;OAEG;IACa,WAAW,CAAc;IAEzC;;OAEG;IACa,YAAY,CAAsB;IASlD,YACC,MAA0B,EAC1B,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,EACpD,EAAE,SAAS,GAAG,KAAK,KAAgC,EAAE;QAErD,KAAK,CAAC,MAAM,CAAC,CAAC;QAEd,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QAEvD,IAAI,CAAC,cAAc,CAAC;YACnB,UAAU,EAAE;gBACX,KAAK,EAAE,+BAA+B;gBACtC,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC3E,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACpD;SACD,CAAC,CAAC;IACJ,CAAC;CACD"}

package/dist/breadcrumbLabelView.d.ts

@@ -0,0 +1,29 @@
+import { View, type Locale, type ModelElement, type ViewElement } from 'ckeditor5';
+import { type BreadcrumbItem, type BreadcrumbItemViewOptions } from './breadcrumbItemView.js';
+/**
+ * A single breadcrumb that cannot be clicked: the label of one element of the data view, e.g. `section.title`.
+ *
+ * It can be focused (but is not in the Tab order), so keyboard users can reach it in a toolbar.
+ */
+export default class BreadcrumbLabelView extends View {
+    /**
+     * The data view element this item stands for.
+     */
+    readonly viewElement: ViewElement;
+    /**
+     * The model element of the view element, if any.
+     */
+    readonly modelElement: ModelElement | null;
+    /**
+     * The label of the element.
+     *
+     * @observable
+     */
+    label: string;
+    constructor(locale: Locale | undefined, { label, viewElement, modelElement }: BreadcrumbItem, { isCurrent }?: BreadcrumbItemViewOptions);
+    /**
+     * Focuses the label.
+     */
+    focus(): void;
+}
+//# sourceMappingURL=breadcrumbLabelView.d.ts.map

package/dist/breadcrumbLabelView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbLabelView.d.ts","sourceRoot":"","sources":["../src/breadcrumbLabelView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAE9F;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,IAAI;IACpD;;OAEG;IACH,SAAgB,WAAW,EAAE,WAAW,CAAC;IAEzC;;OAEG;IACH,SAAgB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAElD;;;;OAIG;IACY,KAAK,EAAE,MAAM,CAAC;gBAG5B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,cAAc,EACpD,EAAE,SAAiB,EAAE,GAAE,yBAA8B;IAmBtD;;OAEG;IACI,KAAK,IAAI,IAAI;CAGpB"}

package/dist/breadcrumbLabelView.js

@@ -0,0 +1,39 @@
+import { View } from 'ckeditor5';
+import {} from './breadcrumbItemView.js';
+/**
+ * A single breadcrumb that cannot be clicked: the label of one element of the data view, e.g. `section.title`.
+ *
+ * It can be focused (but is not in the Tab order), so keyboard users can reach it in a toolbar.
+ */
+export default class BreadcrumbLabelView extends View {
+    /**
+     * The data view element this item stands for.
+     */
+    viewElement;
+    /**
+     * The model element of the view element, if any.
+     */
+    modelElement;
+    constructor(locale, { label, viewElement, modelElement }, { isCurrent = false } = {}) {
+        super(locale);
+        this.viewElement = viewElement;
+        this.modelElement = modelElement;
+        this.set('label', label);
+        this.setTemplate({
+            tag: 'span',
+            attributes: {
+                class: ['ck', 'ck-elements-breadcrumbs__item', 'ck-elements-breadcrumbs__label'],
+                tabindex: '-1',
+                ...(isCurrent ? { 'aria-current': 'location' } : {})
+            },
+            children: [{ text: this.bindTemplate.to('label') }]
+        });
+    }
+    /**
+     * Focuses the label.
+     */
+    focus() {
+        this.element?.focus();
+    }
+}
+//# sourceMappingURL=breadcrumbLabelView.js.map

package/dist/breadcrumbLabelView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbLabelView.js","sourceRoot":"","sources":["../src/breadcrumbLabelView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoD,MAAM,WAAW,CAAC;AACnF,OAAO,EAAuD,MAAM,yBAAyB,CAAC;AAE9F;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,IAAI;IACpD;;OAEG;IACa,WAAW,CAAc;IAEzC;;OAEG;IACa,YAAY,CAAsB;IASlD,YACC,MAA0B,EAC1B,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAkB,EACpD,EAAE,SAAS,GAAG,KAAK,KAAgC,EAAE;QAErD,KAAK,CAAC,MAAM,CAAC,CAAC;QAEd,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAEzB,IAAI,CAAC,WAAW,CAAC;YAChB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE;gBACX,KAAK,EAAE,CAAC,IAAI,EAAE,+BAA+B,EAAE,gCAAgC,CAAC;gBAChF,QAAQ,EAAE,IAAI;gBACd,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACpD;YACD,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;SACnD,CAAC,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,KAAK;QACX,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACvB,CAAC;CACD"}

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,103 @@
+import { Plugin, type Editor, type Locale, type ModelElement, type RectSource } from 'ckeditor5';
+import { type BreadcrumbItem } from './breadcrumbItemView.js';
+import BreadcrumbsView from './breadcrumbsView.js';
+/**
+ * The configuration of the {@link Breadcrumbs} plugin.
+ */
+export interface BreadcrumbsConfig {
+    /**
+     * Returns the items of the menu that opens when a breadcrumb is clicked, for the element of the breadcrumb: the
+     * same items as in the `elementContextMenu` option (commands, submenus and `'|'` separators; see `ElementMenuConfig`),
+     * so one callback can serve both. Without this option, or without a loaded `ElementMenu` plugin, breadcrumbs cannot
+     * be clicked.
+     */
+    menu?: BreadcrumbsMenuItems;
+}
+/**
+ * Shows the data view structure at the current selection (the elements of the editor data, as in `getData()`), e.g.
+ * `aside.note › p`, `ul › li` or `figure.table › table › tbody › tr › td`.
+ *
+ * Text attributes such as `<strong>` are skipped. The selected element, e.g. an image, is the innermost item.
+ *
+ * Place them in a toolbar as the `breadcrumbs` component, or anywhere else using a view from {@link createView}.
+ *
+ * Clicking is configured only by the `breadcrumbs.menu` editor config option (see {@link BreadcrumbsConfig}): with it,
+ * the items are buttons that open a menu of their element; without it, they are labels. The menu is shown by the
+ * `ElementMenu` plugin (loaded by `ElementContextMenu` and `QuickInsert`), which is used through the
+ * {@link BreadcrumbsMenu} interface: the breadcrumbs do not depend on the other features.
+ *
+ * The data view is converted again only when elements change, not when typing or moving the cursor. For a large
+ * document, that happens at most every 250 ms.
+ */
+export default class Breadcrumbs extends Plugin {
+    /**
+     * The elements at the current selection, from the outermost to the innermost one.
+     *
+     * @observable
+     */
+    items: readonly BreadcrumbItem[];
+    private _dataView;
+    private _isDataViewOutdated;
+    private _isConversionSlow;
+    private _conversionTimeout;
+    static get pluginName(): 'Breadcrumbs';
+    constructor(editor: Editor);
+    init(): void;
+    /**
+     * Creates a breadcrumbs view that follows {@link items}.
+     */
+    createView(locale?: Locale): BreadcrumbsView;
+    /**
+     * Updates {@link items} from the current selection, converting the data view first when elements changed.
+     */
+    refresh(): void;
+    destroy(): void;
+    /**
+     * Refreshes the items after a change. When converting is slow, the data view is converted later, and the items
+     * follow the outdated data view until then.
+     */
+    private _update;
+    /**
+     * Converts the root to the data view, and maps its model elements to their view elements.
+     */
+    private _convert;
+    private _cancelConversion;
+    /**
+     * Returns the data view elements at the selection: the view element of the selected element, or of the innermost
+     * element with the selection, and its ancestors.
+     */
+    private _getItems;
+    private _openMenu;
+    /**
+     * Returns the plugin that shows menus: `ElementMenu`, when it is loaded.
+     */
+    private _getMenu;
+}
+/**
+ * The part of the `ElementMenu` plugin the breadcrumbs use. The breadcrumbs do not depend on the other features: the
+ * plugin is looked up by name and checked against this interface.
+ */
+export interface BreadcrumbsMenu {
+    open(element: ModelElement, target: RectSource, items: BreadcrumbsMenuItems, options: BreadcrumbsMenuOptions): boolean;
+}
+/**
+ * The options the breadcrumbs pass to {@link BreadcrumbsMenu#open}.
+ */
+export interface BreadcrumbsMenuOptions {
+    /**
+     * What gets the focus when the menu is closed with Esc: the breadcrumb that opened it.
+     */
+    returnFocusTo: {
+        focus(): void;
+    };
+    /**
+     * Called when the menu closes.
+     */
+    onHide: () => void;
+}
+/**
+ * Returns the items of the menu of an element. The breadcrumbs pass them to the menu plugin as they are; for
+ * `ElementMenu`, they are commands, submenus and `'|'` separators.
+ */
+export type BreadcrumbsMenuItems = (element: ModelElement, editor: Editor) => readonly unknown[];
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EAEN,KAAK,MAAM,EACX,KAAK,MAAM,EAGX,KAAK,YAAY,EAEjB,KAAK,UAAU,EAIf,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,KAAK,cAAc,EAAsC,MAAM,yBAAyB,CAAC;AAClG,OAAO,eAAqD,MAAM,sBAAsB,CAAC;AASzF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC5B;AAWD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,MAAM;IAC9C;;;;OAIG;IACY,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAEhD,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,kBAAkB,CAA8C;IAExE,WAAkB,UAAU,IAAI,aAAa,CAE5C;gBAEW,MAAM,EAAE,MAAM;IAMnB,IAAI,IAAI,IAAI;IAmBnB;;OAEG;IACI,UAAU,CAAC,MAAM,GAAE,MAA2B,GAAG,eAAe;IAgBvE;;OAEG;IACI,OAAO,IAAI,IAAI;IAcN,OAAO,IAAI,IAAI;IAK/B;;;OAGG;IACH,OAAO,CAAC,OAAO;IAqBf;;OAEG;IACH,OAAO,CAAC,QAAQ;IAwBhB,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,SAAS;IA0BjB;;OAEG;IACH,OAAO,CAAC,QAAQ;CAGhB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC/B,IAAI,CACH,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,oBAAoB,EAC3B,OAAO,EAAE,sBAAsB,GAC7B,OAAO,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,aAAa,EAAE;QAAE,KAAK,IAAI,IAAI,CAAA;KAAE,CAAC;IAEjC;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,SAAS,OAAO,EAAE,CAAC"}

package/dist/breadcrumbs.js

@@ -0,0 +1,238 @@
+import { Plugin } from 'ckeditor5';
+import { findPlugin } from 'ckeditor5-elements-core';
+import {} from './breadcrumbItemView.js';
+import BreadcrumbsView, {} from './breadcrumbsView.js';
+/**
+ * Converting the data view of a large document takes a while. When the last conversion took longer than this (in
+ * milliseconds), the next one waits for {@link THROTTLE_TIME}, so editing elements quickly does not convert every time.
+ */
+const SLOW_CONVERSION_TIME = 10;
+const THROTTLE_TIME = 250;
+/**
+ * Shows the data view structure at the current selection (the elements of the editor data, as in `getData()`), e.g.
+ * `aside.note › p`, `ul › li` or `figure.table › table › tbody › tr › td`.
+ *
+ * Text attributes such as `<strong>` are skipped. The selected element, e.g. an image, is the innermost item.
+ *
+ * Place them in a toolbar as the `breadcrumbs` component, or anywhere else using a view from {@link createView}.
+ *
+ * Clicking is configured only by the `breadcrumbs.menu` editor config option (see {@link BreadcrumbsConfig}): with it,
+ * the items are buttons that open a menu of their element; without it, they are labels. The menu is shown by the
+ * `ElementMenu` plugin (loaded by `ElementContextMenu` and `QuickInsert`), which is used through the
+ * {@link BreadcrumbsMenu} interface: the breadcrumbs do not depend on the other features.
+ *
+ * The data view is converted again only when elements change, not when typing or moving the cursor. For a large
+ * document, that happens at most every 250 ms.
+ */
+export default class Breadcrumbs extends Plugin {
+    _dataView = null;
+    _isDataViewOutdated = true;
+    _isConversionSlow = false;
+    _conversionTimeout = null;
+    static get pluginName() {
+        return 'Breadcrumbs';
+    }
+    constructor(editor) {
+        super(editor);
+        this.set('items', []);
+    }
+    init() {
+        const editor = this.editor;
+        editor.ui.componentFactory.add('breadcrumbs', locale => this.createView(locale));
+        this.listenTo(editor.ui, 'ready', () => {
+            this.refresh();
+        });
+        // Both selection and data changes.
+        this.listenTo(editor.model.document, 'change', () => {
+            if (hasElementChanges(editor.model.document.differ.getChanges())) {
+                this._isDataViewOutdated = true;
+            }
+            this._update();
+        });
+    }
+    /**
+     * Creates a breadcrumbs view that follows {@link items}.
+     */
+    createView(locale = this.editor.locale) {
+        const isClickable = typeof this.editor.config.get('breadcrumbs')?.menu === 'function' && !!this._getMenu();
+        const view = new BreadcrumbsView(locale, { isClickable });
+        view.setItems(this.items);
+        view.listenTo(this, 'change:items', () => {
+            view.setItems(this.items);
+        });
+        view.on('execute', (evt, item) => {
+            this._openMenu(item);
+        });
+        return view;
+    }
+    /**
+     * Updates {@link items} from the current selection, converting the data view first when elements changed.
+     */
+    refresh() {
+        const root = this.editor.model.document.selection.getFirstPosition()?.root;
+        if (root?.is('rootElement') && (this._isDataViewOutdated || root !== this._dataView?.root)) {
+            this._convert(root);
+        }
+        const items = this._getItems();
+        if (!areEqual(items, this.items)) {
+            this.items = items;
+        }
+    }
+    destroy() {
+        this._cancelConversion();
+        super.destroy();
+    }
+    /**
+     * Refreshes the items after a change. When converting is slow, the data view is converted later, and the items
+     * follow the outdated data view until then.
+     */
+    _update() {
+        const root = this.editor.model.document.selection.getFirstPosition()?.root;
+        if (this._isDataViewOutdated && this._isConversionSlow && root === this._dataView?.root) {
+            this._conversionTimeout ??= setTimeout(() => {
+                this._conversionTimeout = null;
+                this.refresh();
+            }, THROTTLE_TIME);
+        }
+        if (this._conversionTimeout) {
+            const items = this._getItems();
+            if (!areEqual(items, this.items)) {
+                this.items = items;
+            }
+        }
+        else {
+            this.refresh();
+        }
+    }
+    /**
+     * Converts the root to the data view, and maps its model elements to their view elements.
+     */
+    _convert(root) {
+        const data = this.editor.data;
+        const start = performance.now();
+        const viewElements = new WeakMap();
+        const modelElements = new WeakMap();
+        // The mapper of the data pipeline is cleared by the next conversion (e.g. `getData()`), so keep the mapping.
+        data.toView(root);
+        for (const { item } of this.editor.model.createRangeIn(root)) {
+            const viewElement = item.is('element') ? data.mapper.toViewElement(item) : undefined;
+            if (item.is('element') && viewElement) {
+                viewElements.set(item, viewElement);
+                modelElements.set(viewElement, item);
+            }
+        }
+        this._dataView = { root, viewElements, modelElements };
+        this._isDataViewOutdated = false;
+        this._isConversionSlow = performance.now() - start > SLOW_CONVERSION_TIME;
+        this._cancelConversion();
+    }
+    _cancelConversion() {
+        if (this._conversionTimeout) {
+            clearTimeout(this._conversionTimeout);
+            this._conversionTimeout = null;
+        }
+    }
+    /**
+     * Returns the data view elements at the selection: the view element of the selected element, or of the innermost
+     * element with the selection, and its ancestors.
+     */
+    _getItems() {
+        const dataView = this._dataView;
+        const selection = this.editor.model.document.selection;
+        const position = selection.getFirstPosition();
+        if (!dataView || position?.root !== dataView.root) {
+            return [];
+        }
+        // Elements created since the last conversion are not mapped yet; their closest mapped ancestor is used meanwhile.
+        let viewElement;
+        for (let element = selection.getSelectedElement() ?? position.parent; element?.is('element') && !element.is('rootElement') && !viewElement; element = element.parent) {
+            viewElement = dataView.viewElements.get(element);
+        }
+        return viewElement ? getPath(viewElement).map(node => createItem(node, dataView)) : [];
+    }
+    _openMenu(item) {
+        const menuItems = this.editor.config.get('breadcrumbs')?.menu;
+        const menu = this._getMenu();
+        const element = item.modelElement;
+        if (!menuItems || !menu || !item.element || !element || !isInDocument(element)) {
+            return;
+        }
+        item.isExpanded = menu.open(element, item.element, menuItems, {
+            // The breadcrumbs may have been replaced while the menu was open.
+            returnFocusTo: {
+                focus: () => {
+                    if (item.element?.isConnected) {
+                        item.focus();
+                    }
+                    else {
+                        this.editor.editing.view.focus();
+                    }
+                }
+            },
+            onHide: () => {
+                item.isExpanded = false;
+            }
+        });
+    }
+    /**
+     * Returns the plugin that shows menus: `ElementMenu`, when it is loaded.
+     */
+    _getMenu() {
+        return findPlugin(this.editor, 'ElementMenu', isBreadcrumbsMenu);
+    }
+}
+function isBreadcrumbsMenu(plugin) {
+    return 'open' in plugin && typeof plugin.open === 'function';
+}
+/**
+ * Whether the changes add, remove or change elements. Typing (text changes) does not change the data view structure.
+ */
+function hasElementChanges(changes) {
+    return changes.some(change => change.type === 'attribute'
+        ? Array.from(change.range.getItems({ shallow: true })).some(item => item.is('element'))
+        : change.name !== '$text');
+}
+/**
+ * Returns the view element and its ancestors, outermost first, without:
+ *
+ * * text attributes (attribute elements without a block inside, such as `<strong>` or `<a>`); list items (`<ul>`,
+ *   `<li>`) are attribute elements too, but wrap blocks,
+ * * elements that are not rendered in the data, such as the paragraph in a list item or a table cell that has only
+ *   one paragraph.
+ */
+function getPath(viewElement) {
+    const path = [];
+    let hasBlock = false;
+    for (let node = viewElement; node?.is('element'); node = node.parent) {
+        const isTextAttribute = node.is('attributeElement') && !hasBlock;
+        if (!isTextAttribute && !node.getCustomProperty('dataPipeline:transparentRendering')) {
+            path.unshift(node);
+        }
+        hasBlock ||= node.is('containerElement');
+    }
+    return path;
+}
+/**
+ * Creates the item of a view element. Its model element is the mapped one, or the closest mapped ancestor of a part of
+ * a structure (e.g. a `tbody` is a part of a table). List items have none: they come from the attributes of the blocks
+ * in them, not from an element.
+ */
+function createItem(viewElement, dataView) {
+    let modelElement = null;
+    for (let node = viewElement; node?.is('element') && !modelElement && !node.is('attributeElement'); node = node.parent) {
+        modelElement = dataView.modelElements.get(node) ?? null;
+    }
+    return { label: [viewElement.name, ...viewElement.getClassNames()].join('.'), viewElement, modelElement };
+}
+/**
+ * Whether the element is in the document, i.e. not removed.
+ */
+function isInDocument(element) {
+    const root = element.root;
+    return root.is('rootElement') && root.rootName !== '$graveyard' && root.isAttached();
+}
+function areEqual(a, b) {
+    return (a.length === b.length &&
+        a.every((item, index) => item.label === b[index]?.label && item.modelElement === b[index].modelElement));
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

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