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

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

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

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/composables/useThemeColorPresets.d.ts

@@ -0,0 +1,29 @@
+import { ComputedRef, Ref } from 'vue';
+import { PageBuilderConfig, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetSettings } from '../types';
+export declare function useThemeColorPresets(config?: Ref<PageBuilderConfig | null> | ComputedRef<PageBuilderConfig | null>): {
+    themeColorPresetSettings: Ref<{
+        enabled: boolean;
+        colors: readonly {
+            id: ThemeColorPresetId;
+            label: string;
+            color: string;
+            enabled: boolean;
+        }[];
+    }, ThemeColorPresetSettings | {
+        enabled: boolean;
+        colors: readonly {
+            id: ThemeColorPresetId;
+            label: string;
+            color: string;
+            enabled: boolean;
+        }[];
+    }>;
+    enabledThemeColorPresets: ComputedRef<{
+        id: ThemeColorPresetId;
+        label: string;
+        color: string;
+        enabled: boolean;
+    }[]>;
+    setThemeColorPresetsEnabled: (enabled: boolean) => void;
+    updateThemeColorPreset: (id: ThemeColorPresetId, updates: Partial<Omit<ThemeColorPreset, "id">>) => void;
+};

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { default as PageBuilder } from './PageBuilder/PageBuilder.vue';
 export { default as Preview } from './PageBuilder/Preview.vue';
 export { usePageBuilderStateStore } from './stores/page-builder-state';
 export { usePageBuilderModal } from './composables/usePageBuilderModal';
-export type { PageBuilderUser, ComponentObject, ImageObject, PageBuilderConfig, BuilderResourceComponent, BuilderResourceData, StartBuilderResult, PageSettings, FormName, } from './types';
+export type { PageBuilderUser, ComponentObject, ImageObject, PageBuilderConfig, BuilderResourceComponent, BuilderResourceData, StartBuilderResult, PageSettings, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetSettings, FormName, } from './types';
 export { PageBuilderService } from './services/PageBuilderService';
 export { createPinia } from 'pinia';
 export { sharedPageBuilderPinia, sharedPageBuilderStore } from './stores/shared-store';

package/dist/services/PageBuilderService.d.ts

@@ -103,6 +103,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 +178,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 +261,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 +291,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 +331,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.

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;
@@ -200,10 +224,19 @@ export declare const usePageBuilderStateStore: import('pinia').StoreDefinition<"
             settings?: {
                 [x: string]: unknown;
                 brandColor?: string | undefined;
+                themeColorPresets?: {
+                    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;
+                style?: (string | Record<string, string>) | undefined;
             } | undefined;
         } | null;
         showModalHTMLEditor: boolean;
@@ -253,8 +286,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;