@myissue/vue-website-page-builder 3.5.6 → 3.5.8

package/dist/services/PageBuilderService.d.ts

@@ -183,6 +183,16 @@ export declare class PageBuilderService {
     isSelectedComponentTopElement(): boolean;
     selectedComponentIsFullWidth(): boolean;
     setSelectedComponentFullWidth(enabled: boolean): Promise<void>;
+    /**
+     * Returns true when the global page wrapper (all [data-pagebuilder-content] elements)
+     * has the full-width class applied, meaning every section's background stretches edge-to-edge.
+     */
+    isGlobalFullWidth(): boolean;
+    /**
+     * Toggles the full-width class on every [data-pagebuilder-content] wrapper so that
+     * global background colours stretch across the entire browser viewport.
+     */
+    setGlobalFullWidth(enabled: boolean): Promise<void>;
     /**
      * Attaches click, mouseover, and mouseleave event listeners to all editable elements in the page builder.
      * @private
@@ -252,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;
     /**