@myissue/vue-website-page-builder 3.3.81 → 3.3.82

package/dist/{zh-Hans-BkEKxp4g.js → zh-Hans-DU7U45Js.js}

@@ -1,4 +1,4 @@
-const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i = "样式", s = "排版", r = "选择", l = "内边距", d = "边距", c = "全局", p = "具体", u = "边框", g = "透明", y = "添加", h = "属性", m = "值", S = "关闭", T = "编辑", w = "删除", C = "预览", f = "移动", b = "加粗", v = "链接", B = "列表", D = "搜索", L = "横向", P = "纵向", k = "方形", M = "图片", A = "上一页", H = "下一页", R = "信息", x = {
+const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i = "样式", s = "排版", r = "选择", l = "内边距", d = "边距", c = "全局", u = "具体", p = "边框", g = "透明", h = "添加", y = "属性", m = "值", T = "关闭", S = "编辑", w = "删除", b = "预览", f = "移动", C = "加粗", v = "链接", B = "列表", D = "搜索", L = "横向", H = "纵向", P = "方形", k = "图片", M = "上一页", A = "下一页", x = "信息", I = "文本", F = {
   "Reset Page": "重置页面",
   "Global Page Styles": "全局页面样式",
   "Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.": "试试强大的Click & Drop Page Builder——专为希望完全控制而无需麻烦的开发者和创作者设计。自定义布局、字体和颜色。实时可视化编辑内容。添加媒体、嵌入YouTube视频或将所有内容导出为干净的HTML。凭借响应式编辑、本地自动保存、Tailwind支持，甚至Unsplash集成，它是您所需的一切——集成在一个无缝的构建器中。几分钟内构建令人惊叹的页面。",
@@ -48,13 +48,13 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i =
   "Horizontal Margin": "水平边距",
   "Border Radius": "边框半径",
   Global: c,
-  Specific: p,
+  Specific: u,
   "Border Radius top left": "边框半径 左上",
   "Border Radius top right": "边框半径 右上",
   "Border Radius bottom left": "边框半径 左下",
   "Border Radius bottom right": "边框半径 右下",
   "Border Style, Width & Color": "边框样式、宽度和颜色",
-  Border: u,
+  Border: p,
   "Border Style": "边框样式",
   "Border Width": "边框宽度",
   "Border Color": "边框颜色",
@@ -64,14 +64,14 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i =
   "Add your CSS.": "添加您的CSS。",
   "The pbx- prefix is added automatically.": "pbx-前缀会自动添加。",
   "Type class": "输入类",
-  Add: y,
+  Add: h,
   "Inline Styles": "内联样式",
   "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.": "这些是构建器应用的内联样式。添加您自己的样式，然后按 Enter 将其应用于选定的元素。",
   "Add your own style.": "添加您自己的样式。",
-  property: h,
+  property: y,
   value: m,
-  Close: S,
-  Editing: T,
+  Close: T,
+  Editing: S,
   "Loading...": "加载中...",
   "Background Color": "背景颜色",
   "Text Color": "文字颜色",
@@ -80,7 +80,7 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i =
   "Are you sure you want to remove this Component?": "您确定要删除此组件吗？",
   Delete: w,
   "Add to the bottom": "添加到底部",
-  Preview: C,
+  Preview: b,
   Mobile: f,
   "Demo Content": "演示内容",
   "Demo Description": "介绍轻量级和免费的Vue Click & Drop页面构建器。使用Vue轻松创建和增强数字体验。并非所有强大的东西都需要复杂。这款简约轻便的页面构建器提供了一个优雅直观的界面，专注于简单性和速度。创建完全响应式的页面，例如列表、职位板或博客文章，并使用免费的Click & Drop页面构建器轻松管理您的内容。",
@@ -93,7 +93,7 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i =
   "Edit text and links": "编辑文本和链接",
   "Enter URL": "输入URL",
   "Line break": "换行",
-  Bold: b,
+  Bold: C,
   Link: v,
   "Header 2": "标题2",
   "Header 3": "标题3",
@@ -108,53 +108,70 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", i =
   Search: D,
   "Search...": "搜索...",
   Landscape: L,
-  Portrait: P,
-  Squarish: k,
+  Portrait: H,
+  Squarish: P,
   "Total pages": "总页数",
-  Images: M,
+  Images: k,
   "First page": "第一页",
-  Prev: A,
-  Next: H,
+  Prev: M,
+  Next: A,
   "By:": "作者：",
   "We did not find any images. Make a new search.": "我们没有找到任何图片。请重新搜索。",
   "No results on current page. Navigate to First Page.": "当前页面没有结果。导航到第一页。",
-  Information: R,
+  Information: x,
   "From:": "来自：",
-  " Select image": " 选择图片"
+  " Select image": " 选择图片",
+  "Layouts and visual.": "布局和视觉。",
+  "Start customizing by editing this default text directly in the editor.": "通过直接在编辑器中编辑此默认文本开始自定义。",
+  "Single Image": "单张图片",
+  "Two Vertical Images": "两张竖直图片",
+  "Two Square Images": "两张方形图片",
+  "Three Square Images": "三张方形图片",
+  "Six Square Images Grid": "六张方形图片网格",
+  "Three Vertical Images": "三张竖直图片",
+  "Four Square Images With Text": "四张方形图片和文字",
+  "Three Square Images With Text": "三张方形图片和文字",
+  "Two Square Images With Text": "两张方形图片和文字",
+  Text: I,
+  "Header H2": "标题 H2",
+  "Header H3": "标题 H3",
+  "YouTube Video": "YouTube 视频",
+  "Break Divider": "分隔线"
 };
 export {
-  y as Add,
-  b as Bold,
-  u as Border,
-  S as Close,
+  h as Add,
+  C as Bold,
+  p as Border,
+  T as Close,
   w as Delete,
-  T as Editing,
+  S as Editing,
   c as Global,
-  M as Images,
-  R as Information,
+  k as Images,
+  x as Information,
   L as Landscape,
   v as Link,
   B as List,
   d as Margin,
   f as Mobile,
-  H as Next,
+  A as Next,
   t as Options,
   l as Padding,
-  P as Portrait,
-  A as Prev,
-  C as Preview,
+  H as Portrait,
+  M as Prev,
+  b as Preview,
   n as Publish,
   e as Save,
   D as Search,
   r as Select,
-  p as Specific,
-  k as Squarish,
+  u as Specific,
+  P as Squarish,
   i as Styles,
+  I as Text,
   g as Transparent,
   s as Typographies,
   o as avatar,
   a as component,
-  x as default,
-  h as property,
+  F as default,
+  y as property,
   m as value
 };

package/package.json

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

package/src/Components/PageBuilder/DefaultComponents/DefaultBuilderComponents.vue

@@ -24,12 +24,27 @@ const { closeAddComponentModal } = usePageBuilderModal()
 
 // Super simple component addition with professional modal closing!
 const handleDropComponent = async function (componentObject: ComponentObject) {
-  await pageBuilderService.addComponent(componentObject)
+  // Translate all occurrences of the hardcoded strings in the html_code
+  const translatedHtmlCode = componentObject.html_code
+    .replace(/Layouts and visual\./g, translate('Layouts and visual.'))
+    .replace(
+      /Start customizing by editing this default text directly in the editor\./g,
+      translate('Start customizing by editing this default text directly in the editor.'),
+    )
+
+  // Create a new component object with the translated html_code and title
+  const translatedComponentObject = {
+    ...componentObject,
+    html_code: translatedHtmlCode,
+    title: componentObject.title,
+  }
+
+  await pageBuilderService.addComponent(translatedComponentObject)
   closeAddComponentModal()
 }
 
 // Helper function to convert ComponentData to ComponentObject
-const convertToComponentObject = function (comp: any): ComponentObject {
+const convertToComponentObject = function (comp: ComponentObject): ComponentObject {
   return {
     id: null, // Generate ID when needed in PageBuilderClass
     html_code: comp.html_code,
@@ -63,7 +78,9 @@ const getSvgPreview = (title: string) => {
         >
           <div class="pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto">
             <div v-if="false" class="pbx-mr-2" v-html="helper.icon"></div>
-            <h4 class="pbx-myPrimaryParagraph pbx-text-base pbx-font-medium">{{ helper.title }}</h4>
+            <h4 class="pbx-myPrimaryParagraph pbx-text-base pbx-font-medium">
+              {{ translate(helper.title) }}
+            </h4>
           </div>
           <div class="pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2">
             {{ translate('Click to add') }} {{ helper.title.toLowerCase() }}
@@ -93,7 +110,9 @@ const getSvgPreview = (title: string) => {
             ></div>
           </div>
           <div class="pbx-p-3">
-            <h4 class="pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal">{{ comp.title }}</h4>
+            <h4 class="pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal">
+              {{ translate(comp.title) }}
+            </h4>
             <div class="pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2">
               {{ translate('Click to add component') }}
             </div>

package/src/css/style.css

@@ -318,7 +318,7 @@
     @apply focus:pbx-ring-2 focus:pbx-ring-myPrimaryLinkColor focus:pbx-ring-offset-2 focus:pbx-border focus:pbx-border-gray-200;
   }
   .pbx-myPrimaryInput {
-    @apply pbx-block pbx-pr-8 pbx-text-left pbx-bg-white pbx-w-full sm:pbx-text-sm pbx-font-normal pbx-text-myPrimaryDarkGrayColor placeholder:pbx-font-normal placeholder:pbx-accent-gray-300 focus:pbx-bg-white pbx-rounded-md pbx-py-3 pbx-px-3 pbx-border pbx-border-gray-300 pbx-shadow-sm focus:pbx-outline-none pbx-myPrimaryFormFocus pbx-h-full;
+    @apply pbx-block pbx-pr-8 pbx-text-left pbx-bg-white pbx-w-full sm:pbx-text-sm pbx-font-normal pbx-text-myPrimaryDarkGrayColor placeholder:pbx-font-normal placeholder:pbx-accent-gray-300 focus:pbx-bg-white pbx-rounded-md pbx-py-3 pbx-px-3 pbx-border pbx-border-gray-300 pbx-shadow-sm focus:pbx-outline-none pbx-myPrimaryFormFocus pbx-h-full pbx-border-solid;
   }
   .pbx-myPrimaryInputNoBorder {
     @apply pbx-myPrimaryInput pbx-placeholder:accent-gray-300 focus:pbx-bg-none pbx-rounded-md pbx-py-3 pbx-px-3 pbx-border-none focus:pbx-outline-none focus:pbx-ring-0 focus:pbx-ring-offset-0 focus:pbx-border-none pbx-shadow-none;

package/src/locales/ar.json

@@ -119,5 +119,22 @@
   "No results on current page. Navigate to First Page.": "لا توجد نتائج في الصفحة الحالية. انتقل إلى الصفحة الأولى.",
   "Information": "معلومات",
   "From:": "من:",
-  " Select image": " اختر صورة"
+  " Select image": " اختر صورة",
+  "Layouts and visual.": "التخطيطات والمرئيات.",
+  "Start customizing by editing this default text directly in the editor.": "ابدأ التخصيص عن طريق تحرير هذا النص الافتراضي مباشرة في المحرر.",
+  "Single Image": "صورة واحدة",
+  "Two Vertical Images": "صورتان عموديتان",
+  "Two Square Images": "صورتان مربعتان",
+  "Three Square Images": "ثلاث صور مربعة",
+  "Six Square Images Grid": "شبكة من ست صور مربعة",
+  "Three Vertical Images": "ثلاث صور عمودية",
+  "Four Square Images With Text": "أربع صور مربعة مع نص",
+  "Three Square Images With Text": "ثلاث صور مربعة مع نص",
+  "Two Square Images With Text": "صورتان مربعتان مع نص",
+  "Text": "نص",
+  "Header H2": "رأس H2",
+  "Header H3": "رأس H3",
+  "YouTube Video": "فيديو يوتيوب",
+  "Break Divider": "فاصل",
+  "Link": "رابط"
 }

package/src/locales/de.json

@@ -121,5 +121,22 @@
   "No results on current page. Navigate to First Page.": "Keine Ergebnisse auf der aktuellen Seite. Zur ersten Seite navigieren.",
   "Information": "Informationen",
   "From:": "Von:",
-  " Select image": " Bild auswählen"
+  " Select image": " Bild auswählen",
+  "Layouts and visual.": "Layouts und visuell.",
+  "Start customizing by editing this default text directly in the editor.": "Beginnen Sie mit der Anpassung, indem Sie diesen Standardtext direkt im Editor bearbeiten.",
+  "Single Image": "Einzelnes Bild",
+  "Two Vertical Images": "Zwei vertikale Bilder",
+  "Two Square Images": "Zwei quadratische Bilder",
+  "Three Square Images": "Drei quadratische Bilder",
+  "Six Square Images Grid": "Sechs quadratische Bilder im Raster",
+  "Three Vertical Images": "Drei vertikale Bilder",
+  "Four Square Images With Text": "Vier quadratische Bilder mit Text",
+  "Three Square Images With Text": "Drei quadratische Bilder mit Text",
+  "Three Vertical Images": "Zwei quadratische Bilder mit Text",
+  "Text": "Text",
+  "Header H2": "Überschrift H2",
+  "Header H3": "Überschrift H3",
+  "YouTube Video": "YouTube-Video",
+  "Break Divider": "Trennlinie",
+  "Link": "Link"
 }

package/src/locales/en.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "No results on current page. Navigate to First Page.",
   "Information": "Information",
   "From:": "From:",
-  " Select image": " Select image"
+  " Select image": " Select image",
+  "Layouts and visual.": "Layouts and visual.",
+  "Start customizing by editing this default text directly in the editor.": "Start customizing by editing this default text directly in the editor.",
+  "Single Image": "Single Image",
+  "Two Vertical Images": "Two Vertical Images",
+  "Two Square Images": "Two Square Images",
+  "Two Square Images With Text": "Two Square Images With Text",
+  "Three Square Images": "Three Square Images",
+  "Six Square Images Grid": "Six Square Images Grid",
+  "Three Vertical Images": "Three Vertical Images",
+  "Four Square Images With Text": "Four Square Images With Text",
+  "Three Square Images With Text": "Three Square Images With Text",
+  "Three Vertical Images": "Three Vertical Images",
+  "Text": "Text",
+  "Header H2": "Header H2",
+  "Header H3": "Header H3",
+  "YouTube Video": "YouTube Video",
+  "Break Divider": "Break Divider",
+  "Link": "Link"
 }

package/src/locales/es.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "No hay resultados en la página actual. Navega a la primera página.",
   "Information": "Información",
   "From:": "De:",
-  " Select image": " Seleccionar imagen"
+  " Select image": " Seleccionar imagen",
+  "Layouts and visual.": "Diseños y visuales.",
+  "Start customizing by editing this default text directly in the editor.": "Comience a personalizar editando este texto predeterminado directamente en el editor.",
+  "Single Image": "Imagen única",
+  "Two Vertical Images": "Dos imágenes verticales",
+  "Two Square Images": "Dos imágenes cuadradas",
+  "Three Square Images": "Tres imágenes cuadradas",
+  "Six Square Images Grid": "Cuadrícula de seis imágenes cuadradas",
+  "Three Vertical Images": "Tres imágenes verticales",
+  "Four Square Images With Text": "Cuatro imágenes cuadradas con texto",
+  "Three Square Images With Text": "Tres imágenes cuadradas con texto",
+  "Two Square Images With Text": "Dos imágenes cuadradas con texto",
+  "Three Vertical Images": "Dos imágenes cuadradas con texto",
+  "Text": "Texto",
+  "Header H2": "Encabezado H2",
+  "Header H3": "Encabezado H3",
+  "YouTube Video": "Video de YouTube",
+  "Break Divider": "Divisor",
+  "Link": "Enlace"
 }

package/src/locales/fr.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "Aucun résultat sur la page actuelle. Naviguez vers la première page.",
   "Information": "Information",
   "From:": "De:",
-  " Select image": " Sélectionner une image"
+  " Select image": " Sélectionner une image",
+  "Layouts and visual.": "Mises en page et visuel.",
+  "Start customizing by editing this default text directly in the editor.": "Commencez à personnaliser en modifiant ce texte par défaut directement dans l'éditeur.",
+  "Single Image": "Image unique",
+  "Two Vertical Images": "Deux images verticales",
+  "Two Square Images": "Deux images carrées",
+  "Three Square Images": "Trois images carrées",
+  "Six Square Images Grid": "Grille de six images carrées",
+  "Three Vertical Images": "Trois images verticales",
+  "Four Square Images With Text": "Quatre images carrées avec texte",
+  "Three Square Images With Text": "Trois images carrées avec texte",
+  "Two Square Images With Text": "Deux images carrées avec texte",
+  "Three Vertical Images": "Deux images carrées avec texte",
+  "Text": "Texte",
+  "Header H2": "En-tête H2",
+  "Header H3": "En-tête H3",
+  "YouTube Video": "Vidéo YouTube",
+  "Break Divider": "Séparateur",
+  "Link": "Lien"
 }

package/src/locales/hi.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "वर्तमान पृष्ठ पर कोई परिणाम नहीं। पहले पृष्ठ पर जाएं।",
   "Information": "जानकारी",
   "From:": "से:",
-  " Select image": " छवि चुनें"
+  " Select image": " छवि चुनें",
+  "Layouts and visual.": "लेआउट और दृश्य।",
+  "Start customizing by editing this default text directly in the editor.": "संपादक में इस डिफ़ॉल्ट पाठ को संपादित करके अनुकूलन शुरू करें।",
+  "Single Image": "एकल छवि",
+  "Two Vertical Images": "दो लंबवत छवियां",
+  "Two Square Images": "दो वर्ग छवियां",
+  "Three Square Images": "तीन वर्ग छवियां",
+  "Six Square Images Grid": "छह वर्ग छवियों की ग्रिड",
+  "Three Vertical Images": "तीन लंबवत छवियां",
+  "Four Square Images With Text": "चार वर्ग छवियां और पाठ",
+  "Three Square Images With Text": "तीन वर्ग छवियां और पाठ",
+  "Three Vertical Images": "दो वर्ग छवियां और पाठ",
+  "Text": "पाठ",
+  "Header H2": "हेडर H2",
+  "Header H3": "हेडर H3",
+  "YouTube Video": "यूट्यूब वीडियो",
+  "Break Divider": "विभाजक",
+  "Link": "लिंक",
+  "Two Square Images With Text": "दो वर्ग छवियां और पाठ"
 }

package/src/locales/ja.json

@@ -86,7 +86,7 @@
   "Demo Description": "軽量で無料のVue Click & Dropページビルダーをご紹介します。Vueを使用してデジタル体験を簡単に作成および強化します。強力なものすべてが複雑である必要はありません。このミニマリストで軽量なページビルダーは、シンプルさとスピードに焦点を当てたエレガントで直感的なインターフェイスを提供します。リスト、求人ボード、またはブログ投稿など、完全にレスポンシブなページを作成し、無料のClick & Dropページビルダーを使用してコンテンツを簡単に管理します。",
   "Demo Description Two": "成長のために設計されたページビルダー。完全にカスタマイズ可能で常に応答性があり、あらゆるニーズに対応するように設計された既製のコンポーネントを使用して、ウェブサイトのページを作成します。成長中の商人、ブランド、代理店のための強力なページビルダー。",
   "Demo Description Three": "��ザイナーに愛されているウェブサイトビルダー。あらゆる画面サイズに合わせてレイアウトを簡単にデザイン、プレビュー、調整できます。クリーン。高速。直感的。強力なものすべてが複雑に見える必要はありません。",
-  "Demo Description Four": "すべてのデバイスでサイトが見栄えよく表示されるようにします。テキストコンテンツをライブおよびリアルタイムで編集します。あなたのスタイルに合った完璧なフォントを選択してください。変更を元に戻す機能で自信を持って実験してください。プレフィックス付きのスタイル。ビルダーとアプリの間でスタイルの���合のリスクはありません。",
+  "Demo Description Four": "すべてのデバイスでサイトが見栄えよく表示されるようにします。テキストコンテンツをライブおよびリアルタイムで編集します。あなたのスタイルに合った完璧なフォントを選択してください。変更を元に戻す機能で自信を持って実験してください。プレフィックス付きのスタイル。ビルダーとアプリの間でスタイルの競合のリスクはありません。",
   "Demo Title": "素晴らしいページのためのウェブビルダー",
   "Demo Title Two": "Vueで公開するだけ",
   "Demo Title Three": "レスポンシブ編集",
@@ -120,5 +120,22 @@
   "No results on current page. Navigate to First Page.": "現在のページに結果がありません。最初のページに移動してください。",
   "Information": "情報",
   "From:": "提供元:",
-  " Select image": " 画像を選択"
+  " Select image": " 画像を選択",
+  "Layouts and visual.": "レイアウトとビジュアル。",
+  "Start customizing by editing this default text directly in the editor.": "エディターでこのデフォルトテキストを直接編集してカスタマイズを開始します。",
+  "Single Image": "単一画像",
+  "Two Vertical Images": "縦長の画像2枚",
+  "Two Square Images": "正方形の画像2枚",
+  "Three Square Images": "正方形の画像3枚",
+  "Six Square Images Grid": "正方形の画像6枚のグリッド",
+  "Three Vertical Images": "縦長の画像3枚",
+  "Four Square Images With Text": "テキスト付き正方形の画像4枚",
+  "Three Square Images With Text": "テキスト付き正方形の画像3枚",
+  "Three Vertical Images": "テキスト付き正方形の画像2枚",
+  "Text": "テキスト",
+  "Header H2": "ヘッダー H2",
+  "Header H3": "ヘッダー H3",
+  "YouTube Video": "YouTube ビデオ",
+  "Break Divider": "区切り",
+  "Two Square Images With Text": "テキスト付き正方形の画像2枚"
 }

package/src/locales/pt.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "Nenhum resultado na página atual. Navegue para a primeira página.",
   "Information": "Informação",
   "From:": "De:",
-  " Select image": " Selecionar imagem"
+  " Select image": " Selecionar imagem",
+  "Layouts and visual.": "Layouts e visuais.",
+  "Start customizing by editing this default text directly in the editor.": "Comece a personalizar editando este texto padrão diretamente no editor.",
+  "Single Image": "Imagem única",
+  "Two Vertical Images": "Duas imagens verticais",
+  "Two Square Images": "Duas imagens quadradas",
+  "Three Square Images": "Três imagens quadradas",
+  "Six Square Images Grid": "Grade de seis imagens quadradas",
+  "Three Vertical Images": "Três imagens verticais",
+  "Four Square Images With Text": "Quatro imagens quadradas com texto",
+  "Three Square Images With Text": "Três imagens quadradas com texto",
+  "Three Vertical Images": "Duas imagens quadradas com texto",
+  "Text": "Texto",
+  "Header H2": "Cabeçalho H2",
+  "Header H3": "Cabeçalho H3",
+  "YouTube Video": "Vídeo do YouTube",
+  "Break Divider": "Divisor",
+  "Link": "Link",
+  "Two Square Images With Text": "Duas imagens quadradas com texto"
 }

package/src/locales/ru.json

@@ -120,5 +120,23 @@
   "No results on current page. Navigate to First Page.": "На текущей странице нет результатов. Перейдите на первую страницу.",
   "Information": "Информация",
   "From:": "От:",
-  " Select image": " Выбрать изображение"
+  " Select image": " Выбрать изображение",
+  "Layouts and visual.": "Макеты и визуализация.",
+  "Start customizing by editing this default text directly in the editor.": "Начните настройку, отредактировав этот текст по умолчанию прямо в редакторе.",
+  "Single Image": "Одиночное изображение",
+  "Two Vertical Images": "Два вертикальных изображения",
+  "Two Square Images": "Два квадратных изображения",
+  "Three Square Images": "Три квадратных изображения",
+  "Six Square Images Grid": "Сетка из шести квадратных изображений",
+  "Three Vertical Images": "Три вертикальных изображения",
+  "Four Square Images With Text": "Четыре квадратных изображения с текстом",
+  "Three Square Images With Text": "Три квадратных изображения с текстом",
+  "Three Vertical Images": "Два квадратных изображения с текстом",
+  "Text": "Текст",
+  "Header H2": "Заголовок H2",
+  "Header H3": "Заголовок H3",
+  "YouTube Video": "Видео YouTube",
+  "Break Divider": "Разделитель",
+  "Link": "Ссылка",
+  "Two Square Images With Text": "Два квадратных изображения с текстом"
 }

package/src/locales/zh-Hans.json

@@ -120,5 +120,22 @@
   "No results on current page. Navigate to First Page.": "当前页面没有结果。导航到第一页。",
   "Information": "信息",
   "From:": "来自：",
-  " Select image": " 选择图片"
+  " Select image": " 选择图片",
+  "Layouts and visual.": "布局和视觉。",
+  "Start customizing by editing this default text directly in the editor.": "通过直接在编辑器中编辑此默认文本开始自定义。",
+  "Single Image": "单张图片",
+  "Two Vertical Images": "两张竖直图片",
+  "Two Square Images": "两张方形图片",
+  "Three Square Images": "三张方形图片",
+  "Six Square Images Grid": "六张方形图片网格",
+  "Three Vertical Images": "三张竖直图片",
+  "Four Square Images With Text": "四张方形图片和文字",
+  "Three Square Images With Text": "三张方形图片和文字",
+  "Two Square Images With Text": "两张方形图片和文字",
+  "Text": "文本",
+  "Header H2": "标题 H2",
+  "Header H3": "标题 H3",
+  "YouTube Video": "YouTube 视频",
+  "Break Divider": "分隔线",
+  "Link": "链接"
 }

package/src/tests/componentsArray.test.json

@@ -10,9 +10,9 @@
     "title": "Text"
   },
   {
-    "html_code": "<section data-componentid=\"0bb012a0-631a-497f-9b7f-832313b64a2b\" data-component-title=\"3 Vertical Images\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2 pbx-bg-black\"><div class=\"pbx-mx-auto pbx-max-w-7xl pbx-m\"><div class=\"pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-3 lg:pbx-grid-cols-3\"> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-tl-full\" src=\"https://images.unsplash.com/photo-1632765866070-3fadf25d3d5b?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMjh8fG1vZGVsfGVufDB8fHx8MTc0OTgzMDgzMXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"b2fb2e61-c916-4195-9cd2-c1d25747b4f7\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-full\" src=\"https://images.unsplash.com/photo-1542513217-0b0eedf7005d?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMDR8fG1vZGVsfGVufDB8fHx8MTc0OTgzMDc5MXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"fdf36a14-f7ef-4025-942f-c87b20b18005\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-br-full\" src=\"https://images.unsplash.com/photo-1574015974293-817f0ebebb74?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwyNnx8bW9kZWx8ZW58MHx8fHwxNzQ5ODMwNzM1fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"618a74a7-5d41-4dce-937c-130dd7490569\"></div></div> </div></div>\n</section>",
+    "html_code": "<section data-componentid=\"0bb012a0-631a-497f-9b7f-832313b64a2b\" data-component-title=\"Three Vertical Images\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2 pbx-bg-black\"><div class=\"pbx-mx-auto pbx-max-w-7xl pbx-m\"><div class=\"pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-3 lg:pbx-grid-cols-3\"> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-tl-full\" src=\"https://images.unsplash.com/photo-1632765866070-3fadf25d3d5b?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMjh8fG1vZGVsfGVufDB8fHx8MTc0OTgzMDgzMXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"b2fb2e61-c916-4195-9cd2-c1d25747b4f7\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-full\" src=\"https://images.unsplash.com/photo-1542513217-0b0eedf7005d?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMDR8fG1vZGVsfGVufDB8fHx8MTc0OTgzMDc5MXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"fdf36a14-f7ef-4025-942f-c87b20b18005\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16]  pbx-rounded-br-full\" src=\"https://images.unsplash.com/photo-1574015974293-817f0ebebb74?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwyNnx8bW9kZWx8ZW58MHx8fHwxNzQ5ODMwNzM1fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"618a74a7-5d41-4dce-937c-130dd7490569\"></div></div> </div></div>\n</section>",
     "id": "0bb012a0-631a-497f-9b7f-832313b64a2b",
-    "title": "3 Vertical Images"
+    "title": "Three Vertical Images"
   },
   {
     "html_code": "<section data-componentid=\"cd7e27ac-b152-4714-a5f7-5ad660f183bf\" data-component-title=\"Header H3\"><div class=\"pbx-relative pbx-py-4\"><div class=\"pbx-mx-auto pbx-max-w-7xl lg:pbx-px-4 pbx-px-2\"><div class=\"pbx-break-words pbx-mt-6 pbx-font-medium pbx-text-2xl lg:pbx-text-4xl\"><h3>{{ translate('Demo Title') }}</h3></div></div></div></section>",
@@ -25,9 +25,9 @@
     "title": "Text"
   },
   {
-    "html_code": "<section data-componentid=\"d3b5a3e4-29a3-4b03-88b6-1f77d319af74\" data-component-title=\"2 Vertical Images\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2\"><div class=\"pbx-mx-auto pbx-max-w-7xl\"><div class=\"pbx-myPrimaryGap pbx-grid pbx-grid-cols-2 sm:pbx-grid-cols-2 lg:pbx-grid-cols-2\"> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16] \" src=\"https://images.unsplash.com/photo-1592966719124-2ca2978ba325?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwzfHxraW5mb2xrfGVufDB8fHx8MTc0OTgzMTAzM3ww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"536340a5-c7e1-479d-a2ae-a85e6dacc2df\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16] \" src=\"https://images.unsplash.com/photo-1549298222-1c31e8915347?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwzfHxtYWdhemluZSUyMGZhc2hpb258ZW58MHx8fHwxNzQ5ODMxNTEwfDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"41655496-4742-4cc6-bc3c-abe7c2b241fb\">  </div>   </div> </div> </div>\n</section>",
+    "html_code": "<section data-componentid=\"d3b5a3e4-29a3-4b03-88b6-1f77d319af74\" data-component-title=\"Two Vertical Images\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2\"><div class=\"pbx-mx-auto pbx-max-w-7xl\"><div class=\"pbx-myPrimaryGap pbx-grid pbx-grid-cols-2 sm:pbx-grid-cols-2 lg:pbx-grid-cols-2\"> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16] \" src=\"https://images.unsplash.com/photo-1592966719124-2ca2978ba325?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwzfHxraW5mb2xrfGVufDB8fHx8MTc0OTgzMTAzM3ww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"536340a5-c7e1-479d-a2ae-a85e6dacc2df\">  </div> <div class=\"pbx-flex-1 pbx-py-2\"> <img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-[9/16] \" src=\"https://images.unsplash.com/photo-1549298222-1c31e8915347?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwzfHxtYWdhemluZSUyMGZhc2hpb258ZW58MHx8fHwxNzQ5ODMxNTEwfDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"provider\" data-image=\"41655496-4742-4cc6-bc3c-abe7c2b241fb\">  </div>   </div> </div> </div>\n</section>",
     "id": "d3b5a3e4-29a3-4b03-88b6-1f77d319af74",
-    "title": "2 Vertical Images"
+    "title": "Two Vertical Images"
   },
   {
     "html_code": "<section data-componentid=\"f164929b-4460-4b17-9933-119b47e8bbef\" data-component-title=\"Header H3\"><div class=\"pbx-relative pbx-py-4\"><div class=\"pbx-mx-auto pbx-max-w-7xl lg:pbx-px-4 pbx-px-2\"><div class=\"pbx-break-words pbx-mt-6 pbx-font-medium pbx-text-2xl lg:pbx-text-4xl\"><h3>{{ translate('Demo Title Two') }}</h3></div></div></div></section>",
@@ -55,8 +55,8 @@
     "title": "Text"
   },
   {
-    "html_code": "<section data-componentid=\"7bcda060-8ed5-482f-bcf4-aa6bd7fdb193\" title=\"6 Square Images Grid\" data-component-title=\"6 Square Images Grid\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2 pbx-rounded-tr-full pbx-bg-yellow-100 pbx-rounded-bl-full\">\n<div class=\"pbx-mx-auto pbx-max-w-7xl\">\n<div class=\"pbx-grid pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-myPrimaryGap\">\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1616837874254-8d5aaa63e273?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxOXx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1MDR8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1608042314453-ae338d80c427?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwyfHxqZXdlcmx5fGVufDB8fHx8MTc1MTAyMTUwNHww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1621939745912-aad97fd3a34d?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw1MXx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1NDN8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-bottom\" src=\"https://images.unsplash.com/photo-1617038220319-276d3cfab638?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw1fHxqZXdlcmx5fGVufDB8fHx8MTc1MTAyMTUwNHww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-bottom\" src=\"https://images.unsplash.com/photo-1594924571793-f6517415f594?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw0Nnx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1Mjd8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-top\" src=\"https://images.unsplash.com/photo-1683099869102-bcf8791eb0e5?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMjV8fGpld2VybHl8ZW58MHx8fHwxNzUxMDIxNTc4fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n</div>\n</div>\n</div>\n</section>",
+    "html_code": "<section data-componentid=\"7bcda060-8ed5-482f-bcf4-aa6bd7fdb193\" title=\"Six Square Images Grid\" data-component-title=\"Six Square Images Grid\">\n<div class=\"pbx-w-full md:pbx-pt-12 md:pbx-pb-12 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2 pbx-rounded-tr-full pbx-bg-yellow-100 pbx-rounded-bl-full\">\n<div class=\"pbx-mx-auto pbx-max-w-7xl\">\n<div class=\"pbx-grid pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-myPrimaryGap\">\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1616837874254-8d5aaa63e273?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxOXx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1MDR8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1608042314453-ae338d80c427?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwyfHxqZXdlcmx5fGVufDB8fHx8MTc1MTAyMTUwNHww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square \" src=\"https://images.unsplash.com/photo-1621939745912-aad97fd3a34d?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw1MXx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1NDN8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-bottom\" src=\"https://images.unsplash.com/photo-1617038220319-276d3cfab638?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw1fHxqZXdlcmx5fGVufDB8fHx8MTc1MTAyMTUwNHww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-bottom\" src=\"https://images.unsplash.com/photo-1594924571793-f6517415f594?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHw0Nnx8amV3ZXJseXxlbnwwfHx8fDE3NTEwMjE1Mjd8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n<div>\n<img class=\"pbx-object-cover pbx-w-full pbx-aspect-square  pbx-object-top\" src=\"https://images.unsplash.com/photo-1683099869102-bcf8791eb0e5?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3wzMTI0Mzl8MHwxfHNlYXJjaHwxMjV8fGpld2VybHl8ZW58MHx8fHwxNzUxMDIxNTc4fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"image\">\n</div>\n\n</div>\n</div>\n</div>\n</section>",
     "id": "7bcda060-8ed5-482f-bcf4-aa6bd7fdb193",
-    "title": "6 Square Images Grid"
+    "title": "Six Square Images Grid"
   }
 ]