Lexical: Added base context toolbar logic

resources/js/wysiwyg/ui/framework/toolbars.ts

@@ -0,0 +1,36 @@
+import {EditorContainerUiElement, EditorUiElement} from "./core";
+import {el} from "../../helpers";
+
+export type EditorContextToolbarDefinition = {
+    selector: string;
+    content: EditorUiElement[],
+    displayTargetLocator?: (originalTarget: HTMLElement) => HTMLElement;
+};
+
+export class EditorContextToolbar extends EditorContainerUiElement {
+
+    protected buildDOM(): HTMLElement {
+        return el('div', {
+            class: 'editor-context-toolbar',
+        }, this.getChildren().map(child => child.getDOMElement()));
+    }
+
+    attachTo(target: HTMLElement) {
+        // Todo - attach to target position
+        console.log('attaching context toolbar to', target);
+    }
+
+    insert(children: EditorUiElement[]) {
+        this.addChildren(...children);
+        const dom = this.getDOMElement();
+        dom.append(...children.map(child => child.getDOMElement()));
+    }
+
+    empty() {
+        const children = this.getChildren();
+        for (const child of children) {
+            child.getDOMElement().remove();
+        }
+        this.removeChildren(...children);
+    }
+}