@ckeditor/ckeditor5-bookmark 0.0.0-nightly-20250222.0 → 0.0.0-nightly-next-20250222.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-bookmark",
-  "version": "0.0.0-nightly-20250222.0",
+  "version": "0.0.0-nightly-next-20250222.0",
   "description": "Bookmark feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,12 +13,13 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "0.0.0-nightly-20250222.0",
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20250222.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20250222.0",
-    "@ckeditor/ckeditor5-widget": "0.0.0-nightly-20250222.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20250222.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20250222.0"
+    "ckeditor5": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-icons": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-widget": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-next-20250222.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-next-20250222.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/bookmarkediting.js

@@ -5,9 +5,10 @@
 /**
  * @module bookmark/bookmarkediting
  */
-import { Plugin, icons } from 'ckeditor5/src/core.js';
+import { Plugin } from 'ckeditor5/src/core.js';
 import { toWidget } from 'ckeditor5/src/widget.js';
 import { IconView } from 'ckeditor5/src/ui.js';
+import { IconBookmarkInline } from 'ckeditor5/src/icons.js';
 import InsertBookmarkCommand from './insertbookmarkcommand.js';
 import UpdateBookmarkCommand from './updatebookmarkcommand.js';
 import '../theme/bookmark.css';
@@ -15,13 +16,10 @@ import '../theme/bookmark.css';
  * The bookmark editing plugin.
  */
 export default class BookmarkEditing extends Plugin {
-    constructor() {
-        super(...arguments);
-        /**
-         * A collection of bookmarks elements in the document.
-         */
-        this._bookmarkElements = new Map();
-    }
+    /**
+     * A collection of bookmarks elements in the document.
+     */
+    _bookmarkElements = new Map();
     /**
      * @inheritDoc
      */
@@ -119,7 +117,7 @@ export default class BookmarkEditing extends Plugin {
             const domElement = this.toDomElement(domDocument);
             const icon = new IconView();
             icon.set({
-                content: icons.bookmarkInline,
+                content: IconBookmarkInline,
                 isColorInherited: false
             });
             icon.render();

package/src/bookmarkui.js

@@ -5,8 +5,9 @@
 /**
  * @module bookmark/bookmarkui
  */
-import { Plugin, icons } from 'ckeditor5/src/core.js';
+import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, ContextualBalloon, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, clickOutsideHandler } from 'ckeditor5/src/ui.js';
+import { IconBookmark } from 'ckeditor5/src/icons.js';
 import { ClickObserver } from 'ckeditor5/src/engine.js';
 import BookmarkFormView from './ui/bookmarkformview.js';
 import BookmarkActionsView from './ui/bookmarkactionsview.js';
@@ -19,17 +20,18 @@ const VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';
  * which inserts the `bookmark` element upon selection.
  */
 export default class BookmarkUI extends Plugin {
-    constructor() {
-        super(...arguments);
-        /**
-         * The actions view displayed inside of the balloon.
-         */
-        this.actionsView = null;
-        /**
-         * The form view displayed inside the balloon.
-         */
-        this.formView = null;
-    }
+    /**
+     * The actions view displayed inside of the balloon.
+     */
+    actionsView = null;
+    /**
+     * The form view displayed inside the balloon.
+     */
+    formView = null;
+    /**
+     * The contextual balloon plugin instance.
+     */
+    _balloon;
     /**
      * @inheritDoc
      */
@@ -195,7 +197,7 @@ export default class BookmarkUI extends Plugin {
         const t = locale.t;
         view.set({
             label: t('Bookmark'),
-            icon: icons.bookmark
+            icon: IconBookmark
         });
         // Execute the command.
         this.listenTo(view, 'execute', () => this._showUI(true));

package/src/ui/bookmarkactionsview.js

@@ -7,7 +7,7 @@
  */
 import { LabelView, ButtonView, View, ViewCollection, FocusCycler } from 'ckeditor5/src/ui.js';
 import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
-import { icons } from 'ckeditor5/src/core.js';
+import { IconPencil, IconRemove } from 'ckeditor5/src/icons.js';
 // eslint-disable-next-line ckeditor5-rules/ckeditor-imports
 import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
 import '../../theme/bookmarkactions.css';
@@ -16,27 +16,43 @@ import '../../theme/bookmarkactions.css';
  * removing or editing the bookmark.
  */
 export default class BookmarkActionsView extends View {
+    /**
+     * Tracks information about DOM focus in the actions.
+     */
+    focusTracker = new FocusTracker();
+    /**
+     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     */
+    keystrokes = new KeystrokeHandler();
+    /**
+     * The bookmark preview view.
+     */
+    bookmarkPreviewView;
+    /**
+     * The remove button view.
+     */
+    removeButtonView;
+    /**
+     * The edit bookmark button view.
+     */
+    editButtonView;
+    /**
+     * A collection of views that can be focused in the view.
+     */
+    _focusables = new ViewCollection();
+    /**
+     * Helps cycling over {@link #_focusables} in the view.
+     */
+    _focusCycler;
     /**
      * @inheritDoc
      */
     constructor(locale) {
         super(locale);
-        /**
-         * Tracks information about DOM focus in the actions.
-         */
-        this.focusTracker = new FocusTracker();
-        /**
-         * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-         */
-        this.keystrokes = new KeystrokeHandler();
-        /**
-         * A collection of views that can be focused in the view.
-         */
-        this._focusables = new ViewCollection();
         const t = locale.t;
         this.bookmarkPreviewView = this._createBookmarkPreviewView();
-        this.removeButtonView = this._createButton(t('Remove bookmark'), icons.remove, 'remove', this.bookmarkPreviewView);
-        this.editButtonView = this._createButton(t('Edit bookmark'), icons.pencil, 'edit', this.bookmarkPreviewView);
+        this.removeButtonView = this._createButton(t('Remove bookmark'), IconRemove, 'remove', this.bookmarkPreviewView);
+        this.editButtonView = this._createButton(t('Edit bookmark'), IconPencil, 'edit', this.bookmarkPreviewView);
         this.set('id', undefined);
         this._focusCycler = new FocusCycler({
             focusables: this._focusables,

package/src/ui/bookmarkformview.js

@@ -17,6 +17,38 @@ import '../../theme/bookmarkform.css';
  * See {@link module:bookmark/ui/bookmarkformview~BookmarkFormView}.
  */
 export default class BookmarkFormView extends View {
+    /**
+     * Tracks information about DOM focus in the form.
+     */
+    focusTracker = new FocusTracker();
+    /**
+     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     */
+    keystrokes = new KeystrokeHandler();
+    /**
+     * The ID input view.
+     */
+    idInputView;
+    /**
+     * The Submit button view.
+     */
+    buttonView;
+    /**
+     * A collection of form child views in the form.
+     */
+    children;
+    /**
+     * An array of form validators used by {@link #isValid}.
+     */
+    _validators;
+    /**
+     * A collection of views that can be focused in the form.
+     */
+    _focusables = new ViewCollection();
+    /**
+     * Helps cycling over {@link #_focusables} in the form.
+     */
+    _focusCycler;
     /**
      * Creates an instance of the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} class.
      *
@@ -27,18 +59,6 @@ export default class BookmarkFormView extends View {
      */
     constructor(locale, validators) {
         super(locale);
-        /**
-         * Tracks information about DOM focus in the form.
-         */
-        this.focusTracker = new FocusTracker();
-        /**
-         * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-         */
-        this.keystrokes = new KeystrokeHandler();
-        /**
-         * A collection of views that can be focused in the form.
-         */
-        this._focusables = new ViewCollection();
         const t = locale.t;
         this._validators = validators;
         this.idInputView = this._createIdInput();