@myissue/vue-website-page-builder 3.3.73 → 3.3.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.3.73",
+  "version": "3.3.75",
   "description": "Vue 3 page builder component with drag & drop functionality.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",

package/src/PageBuilder/PageBuilder.vue

@@ -108,11 +108,14 @@ const getMenuRight = computed(() => {
   return pageBuilderStateStore.getMenuRight
 })
 const openPageBuilderPreviewModal = ref(false)
+const titleBuilderDesktop = ref('')
+const titleBuilderMobile = ref('')
 
 const previewCurrentDesign = function () {
   pageBuilderService.previewCurrentDesign()
 }
 const handlePageBuilderPreview = function () {
+  titleBuilderDesktop.value = translate('Preview')
   previewCurrentDesign()
   openPageBuilderPreviewModal.value = true
 }
@@ -123,6 +126,7 @@ const previewCurrentDesignMobile = function () {
   pageBuilderService.previewCurrentDesign()
 }
 const handlePageBuilderPreviewMobile = function () {
+  titleBuilderMobile.value = translate('Mobile')
   previewCurrentDesignMobile()
   openPageBuilderPreviewMobile.value = true
 }
@@ -429,7 +433,7 @@ onMounted(async () => {
 
 <template>
   <div
-    class="pbx-font-sans pbx-max-w-full pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full"
+    class="pbx-font-sans pbx-text-black pbx-max-w-full pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full"
   >
     <GlobalLoader
       v-if="(getIsLoadingGlobal && !openAppNotStartedModal) || isLoadingLang"
@@ -457,7 +461,7 @@ onMounted(async () => {
     ></BuilderComponents>
 
     <ModalBuilder
-      title="{{ translate('Preview') }}"
+      :title="titleBuilderDesktop"
       :showModalBuilder="openPageBuilderPreviewModal"
       @closeMainModalBuilder="firstPageBuilderPreviewModalButton"
       maxWidth="screen"
@@ -466,7 +470,7 @@ onMounted(async () => {
     </ModalBuilder>
 
     <ModalBuilder
-      title="{{ translate('Mobile') }}"
+      :title="titleBuilderMobile"
       :showModalBuilder="openPageBuilderPreviewMobile"
       @closeMainModalBuilder="firstPageBuilderPreviewModalButtonMobile"
       maxWidth="lg"

package/src/locales/ar.json

@@ -34,7 +34,6 @@
   "Font Appearance": "مظهر الخط",
   "Font Size": "حجم الخط",
   "Select": "اختر",
-  "Font size": "حجم الخط",
   "Font tablet size": "حجم الخط للجهاز اللوحي",
   "Font small screens": "حجم الخط للشاشات الصغيرة",
   "Font weight": "وزن الخط",

package/src/locales/en.json

@@ -16,7 +16,6 @@
   "avatar": "avatar",
   "Publish": "Publish",
   "Add Components to Page": "Add Components to Page",
-  "Close": "Close",
   "Helper Components": "Helper Components",
   "Click to add": "Click to add",
   "component": "component",
@@ -25,11 +24,6 @@
   "Remove all Components": "Remove all Components",
   "Are you sure you want to remove all Components?": "Are you sure you want to remove all Components?",
   "Styles": "Styles",
-  "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.",
-  "Update Page Styles": "Update Page Styles",
-  "Download HTML": "Download HTML",
-  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.": "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.",
-  "Download HTML file": "Download HTML file",
   "Typographies": "Typographies",
   "Font Appearance": "Font Appearance",
   "Font Size": "Font Size",
@@ -73,7 +67,6 @@
   "value": "value",
   "close": "close",
   "Editing": "Editing",
-  "Global Page Styles": "Global Page Styles",
   "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.",
   "Update Page Styles": "Update Page Styles",
   "Download HTML": "Download HTML",
@@ -81,7 +74,6 @@
   "Download HTML file": "Download HTML file",
   "Loading...": "Loading...",
   "Background Color": "Background Color",
-  "Transparent": "Transparent",
   "Text Color": "Text Color",
   "Default black": "Default black",
   "Remove Component?": "Remove Component?",

package/src/locales/pt.json

@@ -73,12 +73,6 @@
   "value": "valor",
   "close": "fechar",
   "Editing": "Editando",
-  "Global Page Styles": "Estilos Globais da Página",
-  "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "Aplique estilos que afetam toda a página. Essas configurações incluem família de fontes globais, cor do texto, cor de fundo e outros estilos universais que se aplicam a todas as seções.",
-  "Update Page Styles": "Atualizar Estilos da Página",
-  "Download HTML": "Baixar HTML",
-  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.": "Exporte toda a página como um arquivo HTML independente. Isso inclui todas as seções, conteúdo e estilos aplicados, tornando-o pronto para uso ou integração em outro lugar.",
-  "Download HTML file": "Baixar arquivo HTML",
   "Loading...": "Carregando...",
   "Background Color": "Cor de fundo",
   "Text Color": "Cor do texto",

package/src/tests/PageBuilderTest.vue

@@ -41,7 +41,7 @@ const configPageBuilder = {
   userSettings: {
     theme: 'light',
     language: {
-      default: 'zh-Hans',
+      default: 'en',
       enable: ['en', 'zh-Hans', 'fr', 'ja', 'ru', 'es', 'pt', 'de', 'ar', 'hi'],
       disableLanguageDropDown: false,
     },
@@ -55,9 +55,8 @@ const configPageBuilder = {
 } as const
 
 onMounted(async () => {
-  // const result = await pageBuilderService.startBuilder(configPageBuilder, components)
-  const result = await pageBuilderService.startBuilder(configPageBuilder)
-  console.log('Page Builder inspect the result for message, status, or error::', result)
+  const result = await pageBuilderService.startBuilder(configPageBuilder, components)
+  console.log('Page Builder result for message, status, or error::', result)
 })
 </script>