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

package/dist/tests/DefaultComponents/DefaultBuilderComponents.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     customMediaComponent: {
         type: ObjectConstructor;
         default: null;
@@ -11,5 +11,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     customMediaComponent: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/tests/DefaultComponents/DefaultMediaLibraryComponent.vue.d.ts

@@ -1,3 +1,2 @@
-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;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/tests/PageBuilderTest.vue.d.ts

@@ -1,3 +1,2 @@
-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;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/tests/TestComponents/DemoMediaLibraryComponentTest.vue.d.ts

@@ -1,3 +1,2 @@
-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;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/tests/TestComponents/DemoUnsplash.vue.d.ts

@@ -1,3 +1,2 @@
-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;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/tests/composables/useThemeColorPresets.test.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Tests for useThemeColorPresets composable.
+ *
+ * Covers:
+ *  - buildStorageKey()             — user-scoped vs shared key derivation
+ *  - Initial hydration             — config values become initial defaults
+ *  - Persistence priority          — localStorage beats config on re-hydration
+ *  - Same-session preservation     — modal reopen does NOT revert user changes
+ *  - Page-reload persistence       — changes survive clearing hasLoaded
+ *  - updateThemeColorPreset()      — normalises hex, persists to localStorage
+ *  - setThemeColorPresetsEnabled() — toggles global enabled flag, persists
+ *  - resetThemeColorPresets()      — clears storage and restores built-in defaults
+ *  - User-specific isolation       — different user ids write to separate keys
+ *  - PageBuilderUser.id type       — accepts string and number ids
+ */
+export {};

package/dist/types/index.d.ts

@@ -92,8 +92,16 @@ export interface PageBuilderStateStore {
     setFontStyle: (style: string) => void;
     setFontVerticalPadding: (padding: string) => void;
     setFontHorizontalPadding: (padding: string) => void;
+    setFontTopPadding: (padding: string) => void;
+    setFontRightPadding: (padding: string) => void;
+    setFontBottomPadding: (padding: string) => void;
+    setFontLeftPadding: (padding: string) => void;
     setFontVerticalMargin: (margin: string) => void;
     setFontHorizontalMargin: (margin: string) => void;
+    setFontTopMargin: (margin: string) => void;
+    setFontRightMargin: (margin: string) => void;
+    setFontBottomMargin: (margin: string) => void;
+    setFontLeftMargin: (margin: string) => void;
     setBorderStyle: (style: string) => void;
     setBorderWidth: (width: string) => void;
     setBorderColor: (color: string) => void;
@@ -117,24 +125,85 @@ export interface User {
     name: string;
 }
 export interface PageBuilderUser {
-    name: string;
+    /**
+     * Optional stable user identifier.
+     * When provided, theme color presets are stored under a user-scoped localStorage
+     * key (`vueWebsitePageBuilderThemeColorPresets-u{id}`) so every user keeps their
+     * own personalized presets on the same device.  Accepts any string or number that
+     * uniquely identifies the user in the host application (e.g. a database row id).
+     * Also accepts `null` for cases where the DB returns a nullable id column.
+     */
+    id?: string | number | null;
+    /**
+     * Display name shown in the builder toolbar.
+     * Optional so consumers can omit it or pass auth-user objects where the name
+     * field may be `username`, `displayName`, etc. — just pick the right field.
+     */
+    name?: string;
     image?: string;
 }
 export interface PageSettings {
-    classes: string;
-    style?: Record<string, string>;
+    classes?: string;
+    style?: string | Record<string, string>;
+    [key: string]: unknown;
+}
+export type ThemeColorPresetId = 'primary' | 'secondary' | 'custom1' | 'custom2' | 'custom3' | 'custom4' | 'custom5' | 'custom6';
+export interface ThemeColorPreset {
+    id: ThemeColorPresetId;
+    label: string;
+    color: string;
+    enabled: boolean;
+}
+/** Flexible input for consumer configs — id accepts any string (e.g. inferred from variables). */
+export interface ThemeColorPresetInput {
+    id: ThemeColorPresetId | (string & {});
+    label?: string;
+    color?: string;
+    enabled?: boolean;
+    [key: string]: unknown;
+}
+/** Input shape for themeColorPresets in PageBuilderConfig (partial colors are normalized at runtime). */
+export interface ThemeColorPresetSettingsInput {
+    enabled?: boolean;
+    colors?: ReadonlyArray<ThemeColorPresetInput>;
+    [key: string]: unknown;
+}
+export interface ThemeColorPresetSettings {
+    enabled: boolean;
+    colors: readonly ThemeColorPreset[];
 }
 export interface PageBuilderConfig {
     updateOrCreate: {
-        formType: 'create' | 'update';
+        /**
+         * Whether the builder is creating new content or updating existing content.
+         * Accepts `'create'`, `'update'`, or any other string for dynamic / computed values.
+         * The union with `(string & {})` preserves autocomplete for the two common values
+         * while allowing any string without requiring `as const` or explicit casting.
+         *
+         * @example
+         * // Dynamic value — works without `as const`
+         * formType: hasContent ? 'update' : 'create'
+         */
+        formType: 'create' | 'update' | (string & {});
         formName: FormName | (string & {});
+        [key: string]: unknown;
     };
     pageBuilderLogo?: {
         src: string;
+        [key: string]: unknown;
     } | null;
     resourceData?: {
-        title: string;
-        id?: number;
+        /**
+         * Optional page/resource title shown in the builder toolbar.
+         * Made optional so consumers can pass a resource object without a title
+         * or when the title isn't known yet at the time `startBuilder` is called.
+         */
+        title?: string;
+        /**
+         * Accepts both numeric IDs and string-based IDs (e.g. UUIDs).
+         * The service handles both types at runtime when building localStorage keys.
+         */
+        id?: number | string;
         [key: string]: unknown;
     } | null;
     userForPageBuilder?: PageBuilderUser;
@@ -151,6 +220,7 @@ export interface PageBuilderConfig {
     } | null;
     settings?: {
         brandColor?: string;
+        themeColorPresets?: ThemeColorPresetSettingsInput | ThemeColorPresetSettings | null;
         [key: string]: unknown;
     } | null;
     pageSettings?: PageSettings;

package/dist/utils/builder/tailwind-padding-margin.d.ts

@@ -1,8 +1,16 @@
 interface TailwindPaddingMargin {
     verticalPadding: string[];
     horizontalPadding: string[];
+    topPadding: string[];
+    rightPadding: string[];
+    bottomPadding: string[];
+    leftPadding: string[];
     verticalMargin: string[];
     horizontalMargin: string[];
+    topMargin: string[];
+    rightMargin: string[];
+    bottomMargin: string[];
+    leftMargin: string[];
 }
 declare const tailwindPaddingAndMargin: TailwindPaddingMargin;
 export default tailwindPaddingAndMargin;

package/dist/utils/html-elements/componentHelpers.d.ts

@@ -3,6 +3,7 @@ interface ComponentHelper {
     id: string | null;
     title: string;
     icon: string;
+    category: string;
     [key: string]: unknown;
 }
 declare const componentHelpers: ComponentHelper[];