@myissue/vue-website-page-builder 3.5.15 → 3.5.16

package/dist/index.d.ts

@@ -230,6 +230,8 @@ export declare class PageBuilderService {
     private _pendingPageSettings;
     private _lastKnownPageSettings;
     private isPageBuilderMissingOnStart;
+    private canvasClickCaptureListener;
+    private canvasDblClickCaptureListener;
     private elementsWithListeners;
     private translate;
     constructor(pageBuilderStateStore: ReturnType<typeof usePageBuilderStateStore>);
@@ -362,6 +364,19 @@ export declare class PageBuilderService {
      * @returns {Promise<void>}
      */
     toggleTipTapModal(status: boolean): Promise<void>;
+    /**
+     * Toggles direct, in-canvas rich text editing for the selected element.
+     * @param {boolean} status - Whether to enable inline Tiptap editing.
+     * @returns {Promise<void>}
+     */
+    toggleInlineTipTapEditor(status: boolean): Promise<void>;
+    /**
+     * Restores normal builder selection after an inline TipTap editor has been torn down.
+     * @param {HTMLElement | null} element - The element that was edited inline.
+     * @param {boolean} shouldAutoSave - Whether to autosave the restored element HTML.
+     * @returns {Promise<void>}
+     */
+    finishInlineTipTapEditor(element: HTMLElement | null, shouldAutoSave?: boolean): Promise<void>;
     /**
      * Wraps an element in a div if it's an excluded tag and adjacent to an image.
      * @param {HTMLElement} element - The element to potentially wrap.
@@ -416,6 +431,13 @@ export declare class PageBuilderService {
      * @private
      */
     private addListenersToEditableElements;
+    private attachCanvasInlineEditListeners;
+    findEditableElementFromEventTarget(target: EventTarget | null): HTMLElement | null;
+    private handleCanvasClickCapture;
+    private handleCanvasDoubleClickCapture;
+    openInlineTipTapFromEvent(e: Event): Promise<void>;
+    private hasInlineTipTapElement;
+    finishActiveInlineTipTapEditorFromDom(nextElement?: HTMLElement | null): Promise<void>;
     /**
      * Handles the click event for editable elements, setting the element as selected.
      * @param {Event} e - The click event.
@@ -423,6 +445,21 @@ export declare class PageBuilderService {
      * @private
      */
     private handleElementClick;
+    /**
+     * Opens inline rich-text editing when a valid text element is double-clicked.
+     * @param {Event} e - The double-click event.
+     * @param {HTMLElement} element - The double-clicked element.
+     * @private
+     */
+    private handleElementDoubleClick;
+    private openInlineTipTapForElement;
+    /**
+     * Selects an editable builder element and syncs builder state.
+     * @param {HTMLElement} element - The element to select.
+     * @param {boolean} shouldAutoSave - Whether to autosave after selection.
+     * @returns {Promise<void>}
+     */
+    selectEditableElement(element: HTMLElement, shouldAutoSave?: boolean): Promise<void>;
     private getHistoryBaseKey;
     private initializeHistory;
     /**
@@ -697,11 +734,17 @@ export declare class PageBuilderService {
      * @returns {boolean} True if it is an iframe, false otherwise.
      */
     ElOrFirstChildIsIframe(): boolean;
+    /**
+     * Checks whether an element can be edited with inline TipTap (no images/div-only children).
+     * @param {HTMLElement | null | undefined} element - The element to validate.
+     * @returns {boolean} True when inline rich-text editing is allowed.
+     */
+    isValidTextElement(element: HTMLElement | null | undefined): boolean;
     /**
      * Checks if the selected element is a valid text container (i.e., does not contain images or divs).
-     * @returns {boolean | undefined} True if it's a valid text element, otherwise undefined.
+     * @returns {boolean} True if it's a valid text element, otherwise false.
      */
-    isSelectedElementValidText(): false | undefined;
+    isSelectedElementValidText(): boolean;
     /**
      * Generates a preview of the current page design.
      */
@@ -910,6 +953,7 @@ declare interface PageBuilderState {
     componentArrayAddMethod: string | null;
     localStorageItemName: string | null;
     showModalTipTap: boolean;
+    inlineTipTapEditor: boolean;
     menuRight: boolean;
     borderStyle: string | null;
     borderWidth: string | null;
@@ -1089,6 +1133,7 @@ export declare const usePageBuilderStateStore: StoreDefinition<"pageBuilderState
     getComponentArrayAddMethod(state: PageBuilderState): string | null;
     getLocalStorageItemName(state: PageBuilderState): string | null;
     getShowModalTipTap(state: PageBuilderState): boolean;
+    getInlineTipTapEditor(state: PageBuilderState): boolean;
     getMenuRight(state: PageBuilderState): boolean;
     getBorderStyle(state: PageBuilderState): string | null;
     getBorderWidth(state: PageBuilderState): string | null;
@@ -1157,6 +1202,7 @@ export declare const usePageBuilderStateStore: StoreDefinition<"pageBuilderState
         componentArrayAddMethod: string | null;
         localStorageItemName: string | null;
         showModalTipTap: boolean;
+        inlineTipTapEditor: boolean;
         menuRight: boolean;
         borderStyle: string | null;
         borderWidth: string | null;
@@ -1310,6 +1356,7 @@ export declare const usePageBuilderStateStore: StoreDefinition<"pageBuilderState
     setComponentArrayAddMethod(payload: string | null): void;
     setLocalStorageItemName(payload: string | null): void;
     setShowModalTipTap(payload: boolean): void;
+    setInlineTipTapEditor(payload: boolean): void;
     setMenuRight(payload: boolean): void;
     setBorderStyle(payload: string | null): void;
     setBorderWidth(payload: string | null): void;