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

package/README.md

@@ -214,7 +214,7 @@ If you discover a security vulnerability, please send us a message.
 
 ## Get in Touch for Customization or Any Questions
 
-If you have any questions or if you're looking for customization, feel free to connect with our developer.
+If you have any questions or if you're looking for customization, feel free to connect with our developers.
 
 - [Email](mailto:qais.wardag@outlook.com)
 - [LinkedIn](https://www.linkedin.com/in/qaiswardag)

package/dist/Components/Icons/LayersIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/Components/Icons/SliderIcon.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    size?: number | string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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
@@ -397,12 +407,31 @@ export declare class PageBuilderService {
      * Duplicate the currently selected component from the DOM and the state.
      * @returns {Promise<void>}
      */
+    /**
+     * Finds the first two-column layout container inside the selected section.
+     * Matches flex-row containers (including responsive variants like lg:pbx-flex-row)
+     * AND grid containers with a grid-cols-2 class, in each case requiring exactly
+     * two direct element children.  Returns the container or null.
+     */
+    findReverseableContainer(): HTMLElement | null;
+    /**
+     * Reverses the visual order of a two-column layout by physically swapping the
+     * two direct children of the detected container.  This works for both flex-row
+     * and grid-cols-2 layouts and naturally toggles on repeated clicks.
+     * Persists the change to the store and localStorage.
+     */
+    reverseComponentLayout(): Promise<void>;
     duplicateComponent(): Promise<void>;
     /**
      * Deletes the currently selected component from the DOM and the state.
      * @returns {Promise<void>}
      */
     deleteComponentFromDOM(): Promise<void>;
+    /**
+     * Duplicates the currently selected element and inserts the copy immediately
+     * after it in the DOM, then syncs the change to the store.
+     */
+    duplicateElementInDOM(): Promise<void>;
     /**
      * Deletes the currently selected element from the DOM and stores it for potential restoration.
      * @returns {Promise<void>}