@myissue/vue-website-page-builder 3.5.7 → 3.5.9

package/dist/services/PageBuilderService.d.ts

@@ -262,64 +262,71 @@ export declare class PageBuilderService {
      * @param {string} [userSelectedFontStyle] - The selected font style class.
      */
     handleFontStyle(userSelectedFontStyle?: string): void;
+    /**
+     * Removes every class that appears in any of the given arrays from the currently
+     * selected element. Used to strip conflicting shorthand/directional padding or
+     * margin classes before applying a new value (e.g. remove pbx-py-* when setting
+     * pbx-pt-*, so the shorthand never silently overrides the directional value).
+     */
+    private purgeConflictingClasses;
     /**
      * Handles changes to the vertical padding of the selected element.
-     * @param {string} [userSelectedVerticalPadding] - The selected vertical padding class.
+     * py-* shorthand: also clear individual pt-* and pb-* so they don't override.
      */
     handleVerticalPadding(userSelectedVerticalPadding?: string): void;
     /**
      * Handles changes to the horizontal padding of the selected element.
-     * @param {string} [userSelectedHorizontalPadding] - The selected horizontal padding class.
+     * px-* shorthand: also clear individual pl-* and pr-* so they don't override.
      */
     handleHorizontalPadding(userSelectedHorizontalPadding?: string): void;
     /**
      * Handles changes to the top padding of the selected element.
-     * @param {string} [userSelectedTopPadding] - The selected top padding class.
+     * pt-*: also clear py-* shorthand which also sets padding-top.
      */
     handleTopPadding(userSelectedTopPadding?: string): void;
     /**
      * Handles changes to the right padding of the selected element.
-     * @param {string} [userSelectedRightPadding] - The selected right padding class.
+     * pr-*: also clear px-* shorthand which also sets padding-right.
      */
     handleRightPadding(userSelectedRightPadding?: string): void;
     /**
      * Handles changes to the bottom padding of the selected element.
-     * @param {string} [userSelectedBottomPadding] - The selected bottom padding class.
+     * pb-*: also clear py-* shorthand which also sets padding-bottom.
      */
     handleBottomPadding(userSelectedBottomPadding?: string): void;
     /**
      * Handles changes to the left padding of the selected element.
-     * @param {string} [userSelectedLeftPadding] - The selected left padding class.
+     * pl-*: also clear px-* shorthand which also sets padding-left.
      */
     handleLeftPadding(userSelectedLeftPadding?: string): void;
     /**
      * Handles changes to the vertical margin of the selected element.
-     * @param {string} [userSelectedVerticalMargin] - The selected vertical margin class.
+     * my-* shorthand: also clear individual mt-* and mb-*.
      */
     handleVerticalMargin(userSelectedVerticalMargin?: string): void;
     /**
      * Handles changes to the horizontal margin of the selected element.
-     * @param {string} [userSelectedHorizontalMargin] - The selected horizontal margin class.
+     * mx-* shorthand: also clear individual ml-* and mr-*.
      */
     handleHorizontalMargin(userSelectedHorizontalMargin?: string): void;
     /**
      * Handles changes to the top margin of the selected element.
-     * @param {string} [userSelectedTopMargin] - The selected top margin class.
+     * mt-*: also clear my-* shorthand.
      */
     handleTopMargin(userSelectedTopMargin?: string): void;
     /**
      * Handles changes to the right margin of the selected element.
-     * @param {string} [userSelectedRightMargin] - The selected right margin class.
+     * mr-*: also clear mx-* shorthand.
      */
     handleRightMargin(userSelectedRightMargin?: string): void;
     /**
      * Handles changes to the bottom margin of the selected element.
-     * @param {string} [userSelectedBottomMargin] - The selected bottom margin class.
+     * mb-*: also clear my-* shorthand.
      */
     handleBottomMargin(userSelectedBottomMargin?: string): void;
     /**
      * Handles changes to the left margin of the selected element.
-     * @param {string} [userSelectedLeftMargin] - The selected left margin class.
+     * ml-*: also clear mx-* shorthand.
      */
     handleLeftMargin(userSelectedLeftMargin?: string): void;
     /**
@@ -498,7 +505,7 @@ export declare class PageBuilderService {
      * Syncs the current DOM state of components to the in-memory store.
      * @private
      */
-    syncDomToStoreOnly(): void;
+    syncDomToStoreOnly(): Promise<void>;
     generateHtmlFromComponents(): Promise<string>;
     /**
      * Saves the current DOM state of components to local storage.
@@ -523,6 +530,16 @@ export declare class PageBuilderService {
      * if there are no [data-pagebuilder-content] elements.
      */
     private readCurrentPageSettings;
+    /** Applies captured global page classes/styles to every section wrapper. */
+    private applyPageSettingsToAllWrappers;
+    /** Reconnects the global-styles MutationObserver after a Vue remount replaces wrapper nodes. */
+    private reconnectGlobalStylesObserver;
+    /**
+     * Updates the component store and re-renders the page without losing global page
+     * styles on [data-pagebuilder-content]. setComponents clears wrappers first, so
+     * settings must be captured before the remount and re-applied after Vue renders.
+     */
+    private setComponentsPreservingPageSettings;
     /**
      * Parses a CSS style string into a key-value object.
      * @param {string} style - The style string to parse.