@myissue/vue-website-page-builder 3.5.3 → 3.5.5

package/dist/services/PageBuilderService.d.ts

@@ -19,6 +19,7 @@ export declare class PageBuilderService {
     private pendingMountComponents;
     private globalStylesObserver;
     private _pendingPageSettings;
+    private _lastKnownPageSettings;
     private isPageBuilderMissingOnStart;
     private elementsWithListeners;
     private translate;
@@ -103,6 +104,7 @@ export declare class PageBuilderService {
      * @private
      */
     private applyElementClassChanges;
+    private removeElementClassesFromArray;
     /**
      * Removes all CSS classes from the main page builder container.
      * @returns {Promise<void>}
@@ -177,6 +179,10 @@ export declare class PageBuilderService {
      * @returns {boolean} True if the element is editable, false otherwise.
      */
     isEditableElement(el: Element | null): boolean;
+    getSelectedComponentSection(): HTMLElement | null;
+    isSelectedComponentTopElement(): boolean;
+    selectedComponentIsFullWidth(): boolean;
+    setSelectedComponentFullWidth(enabled: boolean): Promise<void>;
     /**
      * Attaches click, mouseover, and mouseleave event listeners to all editable elements in the page builder.
      * @private
@@ -256,6 +262,26 @@ export declare class PageBuilderService {
      * @param {string} [userSelectedHorizontalPadding] - The selected horizontal padding class.
      */
     handleHorizontalPadding(userSelectedHorizontalPadding?: string): void;
+    /**
+     * Handles changes to the top padding of the selected element.
+     * @param {string} [userSelectedTopPadding] - The selected top padding class.
+     */
+    handleTopPadding(userSelectedTopPadding?: string): void;
+    /**
+     * Handles changes to the right padding of the selected element.
+     * @param {string} [userSelectedRightPadding] - The selected right padding class.
+     */
+    handleRightPadding(userSelectedRightPadding?: string): void;
+    /**
+     * Handles changes to the bottom padding of the selected element.
+     * @param {string} [userSelectedBottomPadding] - The selected bottom padding class.
+     */
+    handleBottomPadding(userSelectedBottomPadding?: string): void;
+    /**
+     * Handles changes to the left padding of the selected element.
+     * @param {string} [userSelectedLeftPadding] - The selected left padding class.
+     */
+    handleLeftPadding(userSelectedLeftPadding?: string): void;
     /**
      * Handles changes to the vertical margin of the selected element.
      * @param {string} [userSelectedVerticalMargin] - The selected vertical margin class.
@@ -266,6 +292,26 @@ export declare class PageBuilderService {
      * @param {string} [userSelectedHorizontalMargin] - The selected horizontal margin class.
      */
     handleHorizontalMargin(userSelectedHorizontalMargin?: string): void;
+    /**
+     * Handles changes to the top margin of the selected element.
+     * @param {string} [userSelectedTopMargin] - The selected top margin class.
+     */
+    handleTopMargin(userSelectedTopMargin?: string): void;
+    /**
+     * Handles changes to the right margin of the selected element.
+     * @param {string} [userSelectedRightMargin] - The selected right margin class.
+     */
+    handleRightMargin(userSelectedRightMargin?: string): void;
+    /**
+     * Handles changes to the bottom margin of the selected element.
+     * @param {string} [userSelectedBottomMargin] - The selected bottom margin class.
+     */
+    handleBottomMargin(userSelectedBottomMargin?: string): void;
+    /**
+     * Handles changes to the left margin of the selected element.
+     * @param {string} [userSelectedLeftMargin] - The selected left margin class.
+     */
+    handleLeftMargin(userSelectedLeftMargin?: string): void;
     /**
      * Handles changes to the border style of the selected element.
      * @param {string} [borderStyle] - The selected border style class.
@@ -286,11 +332,13 @@ export declare class PageBuilderService {
      * @param {string} [color] - The selected background color class.
      */
     handleBackgroundColor(color?: string): void;
+    handleCustomBackgroundColor(color: string): void;
     /**
      * Handles changes to the text color of the selected element.
      * @param {string} [color] - The selected text color class.
      */
     handleTextColor(color?: string): void;
+    handleCustomTextColor(color: string): void;
     /**
      * Handles changes to the global border radius of the selected element.
      * @param {string} [borderRadiusGlobal] - The selected global border radius class.
@@ -435,9 +483,17 @@ export declare class PageBuilderService {
     private removeCurrentComponentsFromLocalStorage;
     /**
      * Handles the form submission process, clearing local storage and the DOM.
+     * Global page settings (classes / inline styles on the content wrapper) are
+     * intentionally preserved so they survive a "remove all components" action.
      * @returns {Promise<void>}
      */
     handleFormSubmission(): Promise<void>;
+    /**
+     * Reads the current page settings.
+     * Prioritises the live DOM (always current) and falls back to localStorage
+     * if there are no [data-pagebuilder-content] elements.
+     */
+    private readCurrentPageSettings;
     /**
      * Parses a CSS style string into a key-value object.
      * @param {string} style - The style string to parse.

package/dist/stores/page-builder-state.d.ts

@@ -26,8 +26,16 @@ interface PageBuilderState {
     currentStyles: Record<string, string>;
     fontVerticalPadding: string | null;
     fontHorizontalPadding: string | null;
+    fontTopPadding: string | null;
+    fontRightPadding: string | null;
+    fontBottomPadding: string | null;
+    fontLeftPadding: string | null;
     fontVerticalMargin: string | null;
     fontHorizontalMargin: string | null;
+    fontTopMargin: string | null;
+    fontRightMargin: string | null;
+    fontBottomMargin: string | null;
+    fontLeftMargin: string | null;
     fontStyle: string | null;
     fontFamily: string | null;
     fontWeight: string | null;
@@ -87,8 +95,16 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
     getFontStyle(state: PageBuilderState): string | null;
     getFontVerticalPadding(state: PageBuilderState): string | null;
     getFontHorizontalPadding(state: PageBuilderState): string | null;
+    getFontTopPadding(state: PageBuilderState): string | null;
+    getFontRightPadding(state: PageBuilderState): string | null;
+    getFontBottomPadding(state: PageBuilderState): string | null;
+    getFontLeftPadding(state: PageBuilderState): string | null;
     getFontVerticalMargin(state: PageBuilderState): string | null;
     getFontHorizontalMargin(state: PageBuilderState): string | null;
+    getFontTopMargin(state: PageBuilderState): string | null;
+    getFontRightMargin(state: PageBuilderState): string | null;
+    getFontBottomMargin(state: PageBuilderState): string | null;
+    getFontLeftMargin(state: PageBuilderState): string | null;
     getFontFamily(state: PageBuilderState): string | null;
     getFontWeight(state: PageBuilderState): string | null;
     getFontBase(state: PageBuilderState): string | null;
@@ -142,8 +158,16 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
         currentStyles: Record<string, string>;
         fontVerticalPadding: string | null;
         fontHorizontalPadding: string | null;
+        fontTopPadding: string | null;
+        fontRightPadding: string | null;
+        fontBottomPadding: string | null;
+        fontLeftPadding: string | null;
         fontVerticalMargin: string | null;
         fontHorizontalMargin: string | null;
+        fontTopMargin: string | null;
+        fontRightMargin: string | null;
+        fontBottomMargin: string | null;
+        fontLeftMargin: string | null;
         fontStyle: string | null;
         fontFamily: string | null;
         fontWeight: string | null;
@@ -172,19 +196,22 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
         configPageBuilder: {
             [x: string]: unknown;
             updateOrCreate: {
-                formType: "create" | "update";
+                [x: string]: unknown;
+                formType: "create" | "update" | (string & {});
                 formName: import('..').FormName | (string & {});
             };
             pageBuilderLogo?: {
+                [x: string]: unknown;
                 src: string;
             } | null | undefined;
             resourceData?: {
                 [x: string]: unknown;
-                title: string;
-                id?: number | undefined;
+                title?: string | undefined;
+                id?: number | string | undefined;
             } | null | undefined;
             userForPageBuilder?: {
-                name: string;
+                id?: string | number | null | undefined;
+                name?: string | undefined;
                 image?: string | undefined;
             } | undefined;
             userSettings?: {
@@ -200,10 +227,30 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
             settings?: {
                 [x: string]: unknown;
                 brandColor?: string | undefined;
+                themeColorPresets?: {
+                    [x: string]: unknown;
+                    enabled?: boolean | undefined;
+                    colors?: readonly {
+                        [x: string]: unknown;
+                        id: import('..').ThemeColorPresetId | (string & {});
+                        label?: string | undefined;
+                        color?: string | undefined;
+                        enabled?: boolean | undefined;
+                    }[] | undefined;
+                } | {
+                    enabled: boolean;
+                    colors: readonly {
+                        id: import('..').ThemeColorPresetId;
+                        label: string;
+                        color: string;
+                        enabled: boolean;
+                    }[];
+                } | null | undefined;
             } | null | undefined;
             pageSettings?: {
-                classes: string;
-                style?: Record<string, string> | undefined;
+                [x: string]: unknown;
+                classes?: string | undefined;
+                style?: (string | Record<string, string>) | undefined;
             } | undefined;
         } | null;
         showModalHTMLEditor: boolean;
@@ -253,8 +300,16 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
     setCurrentStyles(payload: Record<string, string>): void;
     setFontVerticalPadding(payload: string | null): void;
     setFontHorizontalPadding(payload: string | null): void;
+    setFontTopPadding(payload: string | null): void;
+    setFontRightPadding(payload: string | null): void;
+    setFontBottomPadding(payload: string | null): void;
+    setFontLeftPadding(payload: string | null): void;
     setFontVerticalMargin(payload: string | null): void;
     setFontHorizontalMargin(payload: string | null): void;
+    setFontTopMargin(payload: string | null): void;
+    setFontRightMargin(payload: string | null): void;
+    setFontBottomMargin(payload: string | null): void;
+    setFontLeftMargin(payload: string | null): void;
     setFontStyle(payload: string | null): void;
     setFontFamily(payload: string | null): void;
     setFontWeight(payload: string | null): void;