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

package/dist/Components/Overlays/FloatingSidePanel.vue.d.ts

@@ -18,6 +18,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
         validator(value: unknown): boolean;
     };
+    closeOnOverlayClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeSidebarPanel: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -36,12 +40,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
         validator(value: unknown): boolean;
     };
+    closeOnOverlayClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onCloseSidebarPanel?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
     showSidebarPanel: boolean;
     position: string;
+    closeOnOverlayClick: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue.d.ts

@@ -1,6 +1,8 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "open-global-page-settings": () => any;
+    "open-image-settings": () => any;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onOpen-global-page-settings"?: (() => any) | undefined;
+    "onOpen-image-settings"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/ImageSettingsModal.vue.d.ts

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

package/dist/services/PageBuilderService.d.ts

@@ -193,6 +193,17 @@ export declare class PageBuilderService {
      * global background colours stretch across the entire browser viewport.
      */
     setGlobalFullWidth(enabled: boolean): Promise<void>;
+    /** Returns true when the currently selected element is an `<img>`. */
+    isSelectedElementImage(): boolean;
+    setImageSettingsModalOpen(open: boolean): void;
+    isImageSettingsModalOpen(): boolean;
+    private findImageAspectClass;
+    private removeImageAspectClasses;
+    handleImageObjectFit(userSelection?: string): void;
+    handleImageObjectPosition(userSelection?: string): void;
+    handleImageAspectRatio(userSelection?: string): void;
+    handleImageAltText(alt?: string): Promise<void>;
+    getSelectedImageAltText(): string;
     /**
      * Attaches click, mouseover, and mouseleave event listeners to all editable elements in the page builder.
      * @private
@@ -505,7 +516,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.
@@ -530,6 +541,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.

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

@@ -51,6 +51,10 @@ interface PageBuilderState {
     component: ComponentObject | null;
     components: ComponentObject[];
     basePrimaryImage: string | null;
+    imageObjectFit: string | null;
+    imageObjectPosition: string | null;
+    imageAspectRatio: string | null;
+    imageSettingsPanelOpen: boolean;
     configPageBuilder: PageBuilderConfig | null;
     showModalHTMLEditor: boolean;
     toggleGlobalHtmlMode: boolean;
@@ -117,6 +121,10 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
     getComponent(state: PageBuilderState): ComponentObject | null;
     getComponents(state: PageBuilderState): ComponentObject[];
     getBasePrimaryImage(state: PageBuilderState): string | null;
+    getImageObjectFit(state: PageBuilderState): string | null;
+    getImageObjectPosition(state: PageBuilderState): string | null;
+    getImageAspectRatio(state: PageBuilderState): string | null;
+    getImageSettingsPanelOpen(state: PageBuilderState): boolean;
     getPageBuilderConfig(state: PageBuilderState): PageBuilderConfig | null;
     getShowModalHTMLEditor(state: PageBuilderState): boolean;
     getToggleGlobalHtmlMode(state: PageBuilderState): boolean;
@@ -193,6 +201,10 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
             title: string;
         }[];
         basePrimaryImage: string | null;
+        imageObjectFit: string | null;
+        imageObjectPosition: string | null;
+        imageAspectRatio: string | null;
+        imageSettingsPanelOpen: boolean;
         configPageBuilder: {
             [x: string]: unknown;
             updateOrCreate: {
@@ -324,6 +336,10 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
     setComponents(payload: ComponentObject[] | null): void;
     setPushComponents(payload: SetPushComponentsPayload): void;
     setBasePrimaryImage(payload: string | null): void;
+    setImageObjectFit(payload: string | null): void;
+    setImageObjectPosition(payload: string | null): void;
+    setImageAspectRatio(payload: string | null): void;
+    setImageSettingsPanelOpen(payload: boolean): void;
     setCurrentLayoutPreview(payload: string): void;
     setPageBuilderConfig(payload: PageBuilderConfig | null): void;
     setShowModalHTMLEditor(payload: boolean): void;