@kerebron/extension-menu 0.4.7 → 0.4.9

package/esm/CustomMenuPlugin.js

@@ -7,103 +7,26 @@ const STORAGE_KEY = 'kb-custom-menu-pinned';
 // Bootstrap md breakpoint: 768px (mobile is < 768px, desktop is >= 768px)
 const MOBILE_BREAKPOINT = 768;
 export class CustomMenuView {
+    editorView;
+    editor;
+    content;
+    wrapper;
+    toolbar;
+    overflowMenu;
+    pinnedDropdownMenu = null;
+    modal = null;
+    tools = [];
+    root;
+    resizeHandle;
+    editorContainer;
+    closeOverflowHandler = null;
+    closePinnedDropdownHandler = null;
+    submenuStack = [];
+    pinnedDropdownStack = [];
     constructor(editorView, editor, content) {
-        Object.defineProperty(this, "editorView", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: editorView
-        });
-        Object.defineProperty(this, "editor", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: editor
-        });
-        Object.defineProperty(this, "content", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: content
-        });
-        Object.defineProperty(this, "wrapper", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "toolbar", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "overflowMenu", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "pinnedDropdownMenu", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "modal", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "tools", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "root", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "resizeHandle", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "editorContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "closeOverflowHandler", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "closePinnedDropdownHandler", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "submenuStack", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "pinnedDropdownStack", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
+        this.editorView = editorView;
+        this.editor = editor;
+        this.content = content;
         this.root = editorView.root;
         // Create wrapper
         this.wrapper = document.createElement('div');

package/esm/ExtensionCustomMenu.js

@@ -3,15 +3,7 @@ import { buildMenu } from './buildMenu.js';
 import { CustomMenuPlugin } from './CustomMenuPlugin.js';
 /// Extension for a customizable menu with pinned items
 export class ExtensionCustomMenu extends Extension {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'customMenu'
-        });
-    }
+    name = 'customMenu';
     getProseMirrorPlugins() {
         const content = buildMenu(this.editor, this.editor.schema);
         return [

package/esm/menu.d.ts

@@ -11,7 +11,7 @@ export declare class MenuItem implements MenuElement {
     CSS_PREFIX: string;
     constructor(spec: MenuItemSpec);
     render(view: EditorView): {
-        dom: any;
+        dom: HTMLElement | null;
         update: (state: EditorState) => boolean;
     };
 }

package/esm/menu.js

@@ -1,22 +1,13 @@
 import { getIcon } from './icons.js';
 /// An icon or label that, when clicked, executes a command.
 export class MenuItem {
+    spec;
+    CSS_PREFIX = 'kb-menu__button';
     /// Create a menu item.
     constructor(
     /// The spec used to create this item.
     spec) {
-        Object.defineProperty(this, "spec", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: spec
-        });
-        Object.defineProperty(this, "CSS_PREFIX", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'kb-menu__button'
-        });
+        this.spec = spec;
     }
     /// Renders the icon according to its [display
     /// spec](#menu.MenuItemSpec.display), and adds an event handler which
@@ -107,29 +98,15 @@ function isMenuEvent(wrapper) {
 /// A drop-down menu, displayed as a label with a downwards-pointing
 /// triangle to the right of it.
 export class Dropdown {
+    options;
+    CSS_PREFIX = 'kb-dropdown';
+    /// @internal
+    content;
     /// Create a dropdown wrapping the elements.
     constructor(content, 
     /// @internal
     options = {}) {
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: options
-        });
-        Object.defineProperty(this, "CSS_PREFIX", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'kb-dropdown'
-        });
-        /// @internal
-        Object.defineProperty(this, "content", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this.options = options;
         this.options = options || {};
         this.content = Array.isArray(content) ? content : [content];
     }
@@ -237,24 +214,15 @@ function combineUpdates(updates, nodes) {
 /// Represents a submenu wrapping a group of elements that start
 /// hidden and expand to the right when hovered over or tapped.
 export class DropdownSubmenu {
+    options;
+    /// @internal
+    content;
     /// Creates a submenu for the given group of menu elements. The
     /// following options are recognized:
     constructor(content, 
     /// @internal
     options = {}) {
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: options
-        });
-        /// @internal
-        Object.defineProperty(this, "content", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
+        this.options = options;
         this.content = Array.isArray(content) ? content : [content];
     }
     /// Renders the submenu.

package/esm/prompt.js

@@ -96,17 +96,13 @@ function reportInvalid(dom, message) {
 }
 /// The type of field that `openPrompt` expects to be passed to it.
 export class Field {
+    options;
     /// Create a field with the given options. Options support by all
     /// field types are:
     constructor(
     /// @internal
     options) {
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: options
-        });
+        this.options = options;
     }
     /// Read the field's value from its DOM node.
     read(dom) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-menu",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "license": "MIT",
   "module": "./esm/mod.js",
   "exports": {
@@ -9,11 +9,14 @@
     },
     "./ExtensionCustomMenu": {
       "import": "./esm/ExtensionCustomMenu.js"
+    },
+    "./assets/*.css": {
+      "import": "./assets/*.css"
     }
   },
   "scripts": {},
   "dependencies": {
-    "@kerebron/editor": "0.4.7",
+    "@kerebron/editor": "0.4.9",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.40.0"