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

package/README.md

@@ -72,7 +72,39 @@ A Page Builder designed for growth. Build your website pages with ready-made com
 
 From solo freelancers to fast-growing startups and established enterprises, the Page Builder is trusted by teams everywhere. With its intuitive click-and-drop editor, real-time visual editing, and a rich library of reusable components, you can turn ideas into polished pages in minutes. Built for merchants, brands, and agencies, it empowers anyone to create high-impact content.
 
-Discover how the Vue Website Page Builder is empowering businesses to create dynamic and responsive web pages. A prime example is [myself.ae](https://www.myself.ae/stores), where the builder is utilized to create engaging and user-friendly online store pages.
+Discover how the Vue Website Page Builder is empowering businesses to create dynamic and responsive web pages. Used by teams at myself.ae, Zara, H&M, Chanel, BOSS, DKNY, Aldo, Bershka, Furla, Pandora, The New York Times, and Pentagram — the builder powers engaging, user-friendly pages across fashion, retail, media, and design.
+
+<br>
+
+<h3 align="center">Teams from top companies building using this page builder</h3>
+
+<p align="center">
+  <img src="./public/logo/top-companies/myself.ae.jpg" width="80" height="80" alt="myself.ae" title="myself.ae" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/zara.jpg" width="80" height="80" alt="Zara" title="Zara" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/hm.png" width="80" height="80" alt="H&amp;M" title="H&amp;M" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/chanel.avif" width="80" height="80" alt="Chanel" title="Chanel" />
+  <br><br>
+  <img src="./public/logo/top-companies/boss.jpg" width="80" height="80" alt="BOSS" title="BOSS" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/dkny.jpg" width="80" height="80" alt="DKNY" title="DKNY" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/aldo.jpg" width="80" height="80" alt="Aldo" title="Aldo" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/bershka.jpg" width="80" height="80" alt="Bershka" title="Bershka" />
+  <br><br>
+  <img src="./public/logo/top-companies/furla.jpg" width="80" height="80" alt="Furla" title="Furla" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/pandora.jpg" width="80" height="80" alt="Pandora" title="Pandora" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/bottega_veneta.png" width="80" height="80" alt="Bottega Veneta" title="Bottega Veneta" />
+  &nbsp;&nbsp;
+  <img src="./public/logo/top-companies/charles_keith.jpg" width="80" height="80" alt="Charles & Keith" title="Charles & Keith" />
+</p>
+
+<br>
 
 ## Reviews, Ratings, and User Testimonials
 
@@ -182,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/App.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/Components/ComponentThumbnail.vue.d.ts

@@ -2,14 +2,18 @@ type __VLS_Props = {
     htmlCode: string;
     containerHeight?: number;
     renderWidth?: number;
-    /** 'cover' (default): fill width, clip tall content.
-     *  'contain': shrink to fit full content within the container. */
+    /** Maximum visual height in px. Thumbnails taller than this are clipped
+     *  at the bottom (cover-style). Shorter ones show fully. */
+    maxHeight?: number;
+    /** 'cover': fill container width, clip vertically.
+     *  'contain' (default): grow container to show the full component at a
+     *  consistent zoom level. Content is never clipped beyond maxHeight. */
     fit?: 'cover' | 'contain';
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: number;
     containerHeight: number;
     renderWidth: number;
     fit: "cover" | "contain";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Homepage/Footer.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/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/Components/Inputs/ToggleInput.vue.d.ts

@@ -1,10 +1,9 @@
 type __VLS_Props = {
     modelValue: boolean;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Loaders/ElementLoader.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/Components/Loaders/GlobalLoader.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/Components/Modals/BuilderComponents.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<{
     firstButtonText: {
         required: true;
     };
@@ -39,5 +39,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     CustomBuilderComponents: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Modals/DynamicModalBuilder.vue.d.ts

@@ -1,14 +1,14 @@
-declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_10) => any;
+    content?: (props: typeof __VLS_9) => any;
 } & {
-    header?: (props: typeof __VLS_12) => any;
+    header?: (props: typeof __VLS_11) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    footer?: (props: typeof __VLS_16) => any;
+    footer?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     showDynamicModalBuilder: {
         type: BooleanConstructor;
         default: boolean;
@@ -133,8 +133,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     isLoading: boolean;
     disabledWhichButton: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/Modals/MediaLibraryModal.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<{
     title: {
         type: StringConstructor;
         required: true;
@@ -55,5 +55,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>, {
     customMediaComponent: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/Modals/ModalBuilder.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_7: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -64,8 +64,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     maxWidth: string;
     noBackgroundOpacity: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,8 +1,8 @@
-declare var __VLS_13: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: false;
@@ -43,8 +43,7 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     showSidebarPanel: boolean;
     position: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.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<{
     globalPageLayout: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     globalPageLayout: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/EditorMenu/Editables/BorderRadius.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/Components/PageBuilder/EditorMenu/Editables/Borders.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/Components/PageBuilder/EditorMenu/Editables/ClassEditor.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/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.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/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue.d.ts

@@ -1,7 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const _default: 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/HTMLEditor.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/Components/PageBuilder/EditorMenu/Editables/ImageEditor.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/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.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/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.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/Components/PageBuilder/EditorMenu/Editables/Margin.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/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.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/Components/PageBuilder/EditorMenu/Editables/Padding.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/Components/PageBuilder/EditorMenu/Editables/StyleEditor.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/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.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<{
     globalPageLayout: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     globalPageLayout: boolean;
 }, {}, {}, {}, 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

@@ -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/Components/PageBuilder/EditorMenu/Editables/Typography.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/Components/PageBuilder/EditorMenu/Editables/TypographyForTipTap.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/Components/PageBuilder/EditorMenu/EditorAccordion.vue.d.ts

@@ -4,9 +4,8 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: 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: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue.d.ts

@@ -1,7 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeEditor: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     onCloseEditor?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/Settings/AdvancedPageBuilderSettings.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<{
     isLoading: {
         type: BooleanConstructor;
         required: true;
@@ -11,5 +11,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/PageBuilder/Settings/PageBuilderSettings.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/Components/PageBuilder/ToolbarOption/ToolbarOption.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/Components/PageBuilder/UndoRedo/UndoRedo.vue.d.ts

@@ -1,7 +1,6 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "toolbar-hide-request": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onToolbar-hide-request"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/Components/TipTap/TipTapInput.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/PageBuilder/PageBuilder.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<{
     CustomMediaLibraryComponent: {
         type: ObjectConstructor;
         default: null;
@@ -44,5 +44,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     showCloseButton: boolean;
     showPublishButton: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/PageBuilder/Preview.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<{
     mobile: {
         type: BooleanConstructor;
     };
@@ -9,5 +9,4 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     mobile: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/composables/useThemeColorPresets.d.ts

@@ -1,5 +1,22 @@
 import { ComputedRef, Ref } from 'vue';
 import { PageBuilderConfig, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetSettings } from '../types';
+/**
+ * Build a user-scoped storage key so each user keeps their own presets.
+ * Falls back to the shared key when no `userForPageBuilder.id` is provided.
+ *
+ * @example
+ * // user id 42  → "vueWebsitePageBuilderThemeColorPresets-u42"
+ * // no id       → "vueWebsitePageBuilderThemeColorPresets"
+ */
+export declare function buildStorageKey(config?: PageBuilderConfig | null): string;
+/**
+ * Clear the stored theme color presets for the current user and reset the
+ * in-memory state to built-in defaults.
+ *
+ * Useful when the user explicitly wants to "restore defaults" or when a
+ * host application signs out a user and needs to clear personalization data.
+ */
+export declare function resetThemeColorPresets(): void;
 export declare function useThemeColorPresets(config?: Ref<PageBuilderConfig | null> | ComputedRef<PageBuilderConfig | null>): {
     themeColorPresetSettings: Ref<{
         enabled: boolean;
@@ -26,4 +43,5 @@ export declare function useThemeColorPresets(config?: Ref<PageBuilderConfig | nu
     }[]>;
     setThemeColorPresetsEnabled: (enabled: boolean) => void;
     updateThemeColorPreset: (id: ThemeColorPresetId, updates: Partial<Omit<ThemeColorPreset, "id">>) => void;
+    resetToConfigDefaults: () => void;
 };

package/dist/index.d.ts

@@ -2,7 +2,8 @@ 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, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetSettings, FormName, } from './types';
+export { resetThemeColorPresets, buildStorageKey } from './composables/useThemeColorPresets';
+export type { PageBuilderUser, ComponentObject, ImageObject, PageBuilderConfig, BuilderResourceComponent, BuilderResourceData, StartBuilderResult, PageSettings, ThemeColorPreset, ThemeColorPresetId, ThemeColorPresetInput, ThemeColorPresetSettings, ThemeColorPresetSettingsInput, 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

@@ -19,6 +19,7 @@ export declare class PageBuilderService {
     private pendingMountComponents;
     private globalStylesObserver;
     private _pendingPageSettings;
+    private _lastKnownPageSettings;
     private isPageBuilderMissingOnStart;
     private elementsWithListeners;
     private translate;
@@ -396,12 +397,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>}
@@ -482,9 +502,17 @@ export declare class PageBuilderService {
     private removeCurrentComponentsFromLocalStorage;
     /**
      * Handles the form submission process, clearing local storage and the DOM.
+     * Global page settings (classes / inline styles on the content wrapper) are
+     * intentionally preserved so they survive a "remove all components" action.
      * @returns {Promise<void>}
      */
     handleFormSubmission(): Promise<void>;
+    /**
+     * Reads the current page settings.
+     * Prioritises the live DOM (always current) and falls back to localStorage
+     * if there are no [data-pagebuilder-content] elements.
+     */
+    private readCurrentPageSettings;
     /**
      * Parses a CSS style string into a key-value object.
      * @param {string} style - The style string to parse.