@myissue/vue-website-page-builder 3.3.91 → 3.3.92

package/dist/{zh-Hans-CZQ2JK7v.js → zh-Hans-BEWY32Aq.js}

@@ -1,4 +1,4 @@
-const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s = "样式", i = "排版", r = "选择", l = "内边距", d = "边距", c = "全局", p = "具体", u = "边框", g = "透明", m = "添加", y = "属性", h = "值", T = "关闭", S = "编辑", C = "删除", w = "预览", b = "移动", f = "加粗", v = "链接", L = "列表", H = "搜索", M = "横向", D = "纵向", B = "方形", P = "图片", k = "上一页", A = "下一页", x = "信息", I = "文本", E = "类型", F = "数组", R = "内容", V = "元素", z = "组件", q = "全部", U = "图片", W = {
+const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s = "样式", i = "排版", r = "选择", l = "内边距", d = "边距", c = "全局", u = "具体", p = "边框", g = "透明", m = "添加", h = "属性", y = "值", T = "关闭", S = "编辑", C = "删除", w = "预览", f = "移动", v = "加粗", b = "列表", L = "搜索", H = "横向", M = "纵向", D = "方形", B = "图片", k = "上一页", P = "下一页", A = "信息", I = "文本", x = "链接", E = "类型", F = "数组", R = "内容", V = "元素", W = "组件", z = "全部", q = "图片", U = {
   "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 = "组件", s =
   "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": "边框颜色",
@@ -68,8 +68,8 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "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: y,
-  value: h,
+  property: h,
+  value: y,
   Close: T,
   Editing: S,
   "Loading...": "加载中...",
@@ -81,7 +81,7 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   Delete: C,
   "Add to the bottom": "添加到底部",
   Preview: w,
-  Mobile: b,
+  Mobile: f,
   "Demo Content": "演示内容",
   "Demo Description": "介绍轻量级和免费的Vue Click & Drop页面构建器。使用Vue轻松创建和增强数字体验。并非所有强大的东西都需要复杂。这款简约轻便的页面构建器提供了一个优雅直观的界面，专注于简单性和速度。创建完全响应式的页面，例如列表、职位板或博客文章，并使用免费的Click & Drop页面构建器轻松管理您的内容。",
   "Demo Title": "令人惊叹的页面的网页构建器",
@@ -93,11 +93,10 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "Edit text and links": "编辑文本和链接",
   "Enter URL": "输入URL",
   "Line break": "换行",
-  Bold: f,
-  Link: v,
+  Bold: v,
   "Header 2": "标题2",
   "Header 3": "标题3",
-  List: L,
+  List: b,
   "Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.": "添加一个有效的URL，将选定的文本转换为可点击的超链接，指向指定的网页地址。",
   "Select image": "选择图片",
   "Manage Content": "管理内容",
@@ -105,20 +104,20 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "Reset changes": "重置更改",
   "Do you want to reset this page?": "您想重置此页面吗？",
   "Are you sure you want to reset this page? This will overwrite your current changes.": "您确定要重置此页面吗？这将覆盖您当前的更改。",
-  Search: H,
+  Search: L,
   "Search...": "搜索...",
-  Landscape: M,
-  Portrait: D,
-  Squarish: B,
+  Landscape: H,
+  Portrait: M,
+  Squarish: D,
   "Total pages": "总页数",
-  Images: P,
+  Images: B,
   "First page": "第一页",
   Prev: k,
-  Next: A,
+  Next: P,
   "By:": "作者：",
   "We did not find any images. Make a new search.": "我们没有找到任何图片。请重新搜索。",
   "No results on current page. Navigate to First Page.": "当前页面没有结果。导航到第一页。",
-  Information: x,
+  Information: A,
   "From:": "来自：",
   " Select image": " 选择图片",
   "Layouts and visual.": "布局和视觉。",
@@ -129,7 +128,6 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "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,
@@ -137,6 +135,7 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "Header H3": "标题 H3",
   "YouTube Video": "YouTube 视频",
   "Break Divider": "分隔线",
+  Link: x,
   "Selected HTML": "选定的HTML",
   "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.": "所选元素、组件和组件的概述。本节根据您的HTML选择提供实时更新。",
   Types: E,
@@ -146,7 +145,7 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   array: F,
   Content: R,
   Element: V,
-  Component: z,
+  Component: W,
   "Components added": "添加的组件",
   "No Element selected": "未选择元素",
   "Selected HTML:": "选定的HTML:",
@@ -157,43 +156,48 @@ const e = "保存", t = "选项", o = "头像", n = "发布", a = "组件", s =
   "Title:": "标题:",
   "HTML Code:": "HTML代码:",
   "No Components added yet": "尚未添加组件",
-  All: q,
-  Image: U,
+  All: z,
+  Image: q,
   "Image & Text": "图片和文字",
-  "Four Square Images": "四张方形图片"
+  "Four Square Images With Text": "四张带文字的方形图片",
+  "Four Square Images": "四张方形图片",
+  "Continue Your Work?": "继续您的工作？",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "我们注意到您上次有一些更改没有保存。您是想从上次离开的地方继续，还是使用当前从数据库加载的版本？",
+  "Use Saved Version": "使用保存的版本",
+  "Continue Where I Left Off": "从我离开的地方继续"
 };
 export {
   m as Add,
-  q as All,
-  f as Bold,
-  u as Border,
+  z as All,
+  v as Bold,
+  p as Border,
   T as Close,
-  z as Component,
+  W as Component,
   R as Content,
   C as Delete,
   S as Editing,
   V as Element,
   c as Global,
-  U as Image,
-  P as Images,
-  x as Information,
-  M as Landscape,
-  v as Link,
-  L as List,
+  q as Image,
+  B as Images,
+  A as Information,
+  H as Landscape,
+  x as Link,
+  b as List,
   d as Margin,
-  b as Mobile,
-  A as Next,
+  f as Mobile,
+  P as Next,
   t as Options,
   l as Padding,
-  D as Portrait,
+  M as Portrait,
   k as Prev,
   w as Preview,
   n as Publish,
   e as Save,
-  H as Search,
+  L as Search,
   r as Select,
-  p as Specific,
-  B as Squarish,
+  u as Specific,
+  D as Squarish,
   s as Styles,
   I as Text,
   g as Transparent,
@@ -202,7 +206,7 @@ export {
   F as array,
   o as avatar,
   a as component,
-  W as default,
-  y as property,
-  h as value
+  U as default,
+  h as property,
+  y as value
 };

package/package.json

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

package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue

@@ -55,13 +55,13 @@ const handleAddClasses = async () => {
   <EditorAccordion>
     <template #title>{{ translate('Generated CSS') }}</template>
     <template #content>
-      <label class="pbx-myPrimaryInputLabel pbx-my-4">
+      <p class="pbx-myPrimaryInputLabel pbx-my-4">
         {{
           translate(
             'This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.',
           )
         }}
-      </label>
+      </p>
 
       <div class="pbx-flex pbx-flex-row pbx-flex-wrap pbx-gap-2 pbx-mt-2 pbx-mb-4">
         <div

package/src/Components/PageBuilder/EditorMenu/Editables/HTMLEditor.vue

@@ -0,0 +1,88 @@
+<script setup>
+import { ref, computed } from 'vue'
+import { sharedPageBuilderStore } from '../../../../stores/shared-store'
+import ModalBuilder from '../../../../Components/Modals/ModalBuilder.vue'
+import EditorAccordion from '../EditorAccordion.vue'
+import { getPageBuilder } from '../../../../composables/builderInstance'
+import { useTranslations } from '../../../../composables/useTranslations'
+
+const pageBuilderService = getPageBuilder()
+const pageBuilderStateStore = sharedPageBuilderStore
+const { translate } = useTranslations()
+
+const getElement = computed(() => pageBuilderStateStore.getElement)
+
+const elementHTML = computed(() => {
+  if (!getElement.value || !(getElement.value instanceof HTMLElement)) {
+    return ''
+  }
+  return getElement.value.outerHTML
+})
+
+const showModalHTMLEditor = ref(false)
+
+const editableHtml = ref('')
+
+const handleShowHTMLEditor = () => {
+  editableHtml.value = elementHTML.value
+  showModalHTMLEditor.value = true
+}
+
+const handleCloseHTMLEditor = () => {
+  showModalHTMLEditor.value = false
+}
+
+const handleSaveChanges = () => {
+  pageBuilderService.applyModifiedHTML(editableHtml.value)
+
+  showModalHTMLEditor.value = true
+}
+</script>
+<template>
+  <EditorAccordion>
+    <template #title>{{ translate('HTML Editor') }}</template>
+    <template #content>
+      <div class="pbx-my-2 pbx-py-2">
+        <label for="vertical-margin" class="pbx-myPrimaryInputLabel">{{
+          translate(
+            'Gain full control over individual components by editing the raw HTML of any selected element. This feature empowers advanced users to fine-tune the HTML structure,',
+          )
+        }}</label>
+        <hr />
+      </div>
+      <button @click="handleShowHTMLEditor" type="button" class="pbx-myPrimaryButton">
+        {{ translate('HTML Editor') }}
+      </button>
+    </template>
+  </EditorAccordion>
+  <ModalBuilder
+    maxWidth="7xl"
+    minHeight="pbx-min-h-[65vh] pbx-max-h-[65vh]"
+    :showModalBuilder="showModalHTMLEditor"
+    :title="translate('HTML Editor')"
+    @closeMainModalBuilder="handleCloseHTMLEditor"
+  >
+    <textarea
+      id="html-editor"
+      v-model="editableHtml"
+      class="pbx-h-full pbx-font-sans pbx-bg-gray-900 pbx-text-white pbx-w-full"
+      style="overflow: auto; min-height: 400px"
+    ></textarea>
+    <div
+      class="pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-mt-4 pbx-flex pbx-items-center pbx-justify-end"
+    >
+      <div class="pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center">
+        <div
+          class="sm:pbx-grid-cols-2 sm:pbx-items-end sm:pbx-justify-end pbx-flex sm:pbx-flex-row pbx-flex-col pbx-myPrimaryGap sm:pbx-w-5/6 pbx-w-full"
+        >
+          <button @click="handleCloseHTMLEditor" type="button" class="pbx-mySecondaryButton">
+            {{ translate('Close') }}
+          </button>
+          <button @click="handleSaveChanges" type="button" class="pbx-myPrimaryButton">
+            {{ translate('Save') }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </ModalBuilder>
+</template>

package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue

@@ -60,13 +60,13 @@ const handleAddStyle = async () => {
   <EditorAccordion>
     <template #title>{{ translate('Inline Styles') }}</template>
     <template #content>
-      <label class="pbx-myPrimaryInputLabel pbx-my-4">
+      <p class="pbx-myPrimaryInputLabel pbx-my-4">
         {{
           translate(
             'These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.',
           )
         }}
-      </label>
+      </p>
 
       <div class="pbx-flex pbx-flex-row pbx-flex-wrap pbx-gap-2 pbx-mt-2 pbx-mb-4">
         <div

package/src/Components/PageBuilder/EditorMenu/EditorAccordion.vue

@@ -4,7 +4,7 @@
     :class="{ '': expanded }"
   >
     <div
-      class="pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor"
+      class="pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 pbx-bg-white hover:pbx-bg-myPrimaryLightGrayColor"
       @click="expanded = !expanded"
     >
       <p class="pbx-myPrimaryParagraph pbx-font-medium pbx-my-0 pbx-py-0">
@@ -19,7 +19,7 @@
       </template>
     </div>
     <div
-      :class="[expanded ? 'pbx-block' : 'pbx-hidden']"
+      :class="[expanded ? 'pbx-block pbx-bg-sky-50' : 'pbx-hidden']"
       class="pbx-px-4 pbx-ease-linear pbx-duration-75 pbx-pb-8"
     >
       <slot name="content" />

package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue

@@ -16,6 +16,7 @@ import LinkEditor from './Editables/LinkEditor.vue'
 import TipTap from '../../TipTap/TipTap.vue'
 import EditGetElement from './Editables/EditGetElement.vue'
 import ElementEditor from './Editables/ElementEditor.vue'
+import HTMLEditor from './Editables/HTMLEditor.vue'
 import { getPageBuilder } from '../../../composables/builderInstance'
 import EditorAccordion from '../EditorMenu/EditorAccordion.vue'
 import fullHTMLContent from '../../../utils/builder/html-doc-declaration-with-components'
@@ -154,45 +155,48 @@ const handleCloseGlobalPageStyles = async function () {
         <article class="pbx-mb-1">
           <TipTap></TipTap>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <Typography></Typography>
         </article>
 
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <OpacityEditor> </OpacityEditor>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <Padding> </Padding>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <Margin> </Margin>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <BorderRadius></BorderRadius>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <Borders></Borders>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <ClassEditor></ClassEditor>
         </article>
-        <article class="pbx-my-1 pbx-bg-white">
+        <article class="pbx-my-1">
           <StyleEditor></StyleEditor>
         </article>
+        <article class="pbx-my-1">
+          <HTMLEditor></HTMLEditor>
+        </article>
       </div>
 
       <!-- Global Page Styles -->
-      <article class="pbx-my-1 pbx-bg-white">
+      <article class="pbx-my-1">
         <EditorAccordion>
           <template #title>{{ translate('Global Page Styles') }}</template>
           <template #content>
-            <label class="pbx-myPrimaryInputLabel pbx-my-4">
+            <p class="pbx-myPrimaryInputLabel pbx-my-4">
               {{
                 translate(
                   '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.',
                 )
               }}
-            </label>
+            </p>
 
             <hr />
             <div class="pbx-my-2 pbx-py-2">
@@ -206,20 +210,17 @@ const handleCloseGlobalPageStyles = async function () {
       <!-- Global Page Styles -->
 
       <!-- Download Layout HTML -->
-      <article
-        v-if="Array.isArray(getComponents) && getComponents.length >= 1"
-        class="pbx-my-1 pbx-bg-white"
-      >
+      <article v-if="Array.isArray(getComponents) && getComponents.length >= 1" class="pbx-my-1">
         <EditorAccordion>
           <template #title>{{ translate('Download HTML') }}</template>
           <template #content>
-            <label class="pbx-myPrimaryInputLabel pbx-my-4">
+            <p class="pbx-myPrimaryInputLabel pbx-my-4">
               {{
                 translate(
                   '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.',
                 )
               }}
-            </label>
+            </p>
             <hr />
             <div class="pbx-my-2 pbx-py-2">
               <button @click="handleDownloadHTML" type="button" class="pbx-myPrimaryButton">
@@ -261,33 +262,36 @@ const handleCloseGlobalPageStyles = async function () {
                 )
               }}
             </p>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <Typography></Typography>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <TextColorEditor :globalPageLayout="true"></TextColorEditor>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <BackgroundColorEditor :globalPageLayout="true"></BackgroundColorEditor>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <Padding> </Padding>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <Margin> </Margin>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <BorderRadius></BorderRadius>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <Borders></Borders>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <ClassEditor></ClassEditor>
             </article>
-            <article class="pbx-my-1 pbx-bg-gray-100">
+            <article class="pbx-my-1">
               <StyleEditor></StyleEditor>
             </article>
+            <article class="pbx-my-1">
+              <HTMLEditor></HTMLEditor>
+            </article>
           </div>
         </div>
       </div>

package/src/PageBuilder/PageBuilder.vue

@@ -253,12 +253,13 @@ const handlerRumeEditingForUpdate = async function () {
   typeModal.value = 'warning'
   showModalResumeEditing.value = true
 
-  titleModalResumeEditing.value = 'Continue Your Work?'
-  descriptionModalResumeEditing.value =
-    'We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?'
-  firstButtonResumeEditing.value = 'Use Saved Version'
+  titleModalResumeEditing.value = translate('Continue Your Work?')
+  descriptionModalResumeEditing.value = translate(
+    'We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?',
+  )
+  firstButtonResumeEditing.value = translate('Use Saved Version')
   secondButtonResumeEditing.value = null
-  thirdButtonResumeEditing.value = 'Continue Where I Left Off'
+  thirdButtonResumeEditing.value = translate('Continue Where I Left Off')
 
   firstModalButtonResumeEditingFunction.value = async function () {
     pageBuilderStateStore.setHasLocalDraftForUpdate(false)

package/src/css/style.css

@@ -321,7 +321,7 @@
     @apply pbx-block pbx-pr-8 pbx-text-left pbx-bg-white pbx-w-auto 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;
+    @apply pbx-myPrimaryInput placeholder:pbx-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;
   }
   .pbx-myPrimaryInputReadonly {
     @apply pbx-myPrimaryInput pbx-bg-gray-50 focus:pbx-ring-0 focus:pbx-bg-myPrimaryLightGrayColor focus:pbx-border-myPrimaryMediumGrayColor;
@@ -336,7 +336,7 @@
   }
 
   .pbx-myPrimaryTextArea {
-    @apply pbx-block pbx-w-full sm:pbx-text-sm pbx-font-normal pbx-text-myPrimaryDarkGrayColor pbx-placeholder:font-normal pbx-placeholder:accent-gray-400 pbx-bg-gray-50 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 focus:pbx-ring-2 focus:pbx-ring-myPrimaryLinkColor focus:pbx-border-transparent;
+    @apply pbx-block pbx-w-full sm:pbx-text-sm pbx-font-normal pbx-text-myPrimaryDarkGrayColor placeholder:pbx-font-normal placeholder:pbx-accent-gray-400 pbx-bg-gray-50 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 focus:pbx-ring-2 focus:pbx-ring-myPrimaryLinkColor focus:pbx-border-transparent;
   }
 
   .pbx-myPrimaryCheckbox {

package/src/locales/ar.json

@@ -93,7 +93,6 @@
   "Enter URL": "أدخل عنوان URL",
   "Line break": "فاصل سطر",
   "Bold": "غامق",
-  "Link": "رابط",
   "Header 2": "عنوان 2",
   "Header 3": "عنوان 3",
   "List": "قائمة",
@@ -128,7 +127,6 @@
   "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": "نص",
@@ -161,5 +159,9 @@
   "Image": "صورة",
   "Image & Text": "صورة ونص",
   "Four Square Images With Text": "أربع صور مربعة مع نص",
-  "Four Square Images": "أربع صور مربعة"
+  "Four Square Images": "أربع صور مربعة",
+  "Continue Your Work?": "أترغب في متابعة عملك؟",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "لاحظنا أن لديك بعض التغييرات التي لم يتم حفظها في المرة الأخيرة. هل ترغب في المتابعة من حيث توقفت، أم استخدام النسخة المح��لة حاليًا من قاعدة البيانات؟",
+  "Use Saved Version": "استخدام النسخة المحفوظة",
+  "Continue Where I Left Off": "المتابعة من حيث توقفت"
 }

package/src/locales/de.json

@@ -95,7 +95,6 @@
   "Enter URL": "URL eingeben",
   "Line break": "Zeilenumbruch",
   "Bold": "Fett",
-  "Link": "Link",
   "Header 2": "Überschrift 2",
   "Header 3": "Überschrift 3",
   "List": "Liste",
@@ -129,8 +128,6 @@
   "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",
@@ -163,5 +160,9 @@
   "Image": "Bild",
   "Image & Text": "Bild & Text",
   "Four Square Images With Text": "Vier quadratische Bilder mit Text",
-  "Four Square Images": "Vier quadratische Bilder"
+  "Four Square Images": "Vier quadratische Bilder",
+  "Continue Your Work?": "Möchten Sie Ihre Arbeit fortsetzen?",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "Wir haben festgestellt, dass Sie beim letzten Mal einige Änderungen nicht gespeichert haben. Möchten Sie dort weitermachen, wo Sie aufgehört haben, oder die aktuell aus der Datenbank geladene Version verwenden?",
+  "Use Saved Version": "Gespeicherte Version verwenden",
+  "Continue Where I Left Off": "Dort weitermachen, wo ich aufgehört habe"
 }

package/src/locales/en.json

@@ -160,5 +160,9 @@
   "All": "All",
   "Image": "Image",
   "Image & Text": "Image & Text",
-  "Four Square Images": "Four Square Images"
+  "Four Square Images": "Four Square Images",
+  "Continue Your Work?": "Continue Your Work?",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?",
+  "Use Saved Version": "Use Saved Version",
+  "Continue Where I Left Off": "Continue Where I Left Off"
 }

package/src/locales/es.json

@@ -94,7 +94,6 @@
   "Enter URL": "Introducir URL",
   "Line break": "Salto de línea",
   "Bold": "Negrita",
-  "Link": "Enlace",
   "Header 2": "Encabezado 2",
   "Header 3": "Encabezado 3",
   "List": "Lista",
@@ -128,8 +127,6 @@
   "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",
@@ -163,5 +160,9 @@
   "Image": "Imagen",
   "Image & Text": "Imagen y texto",
   "Four Square Images With Text": "Cuatro imágenes cuadradas con texto",
-  "Four Square Images": "Cuatro imágenes cuadradas"
+  "Four Square Images": "Cuatro imágenes cuadradas",
+  "Continue Your Work?": "¿Desea continuar su trabajo?",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "Notamos que tiene algunos cambios que no se guardaron la última vez. ¿Le gustaría continuar donde lo dejó o usar la versión que está cargada actualmente desde la base de datos?",
+  "Use Saved Version": "Usar la versión guardada",
+  "Continue Where I Left Off": "Continuar donde lo dejé"
 }

package/src/locales/fr.json

@@ -94,7 +94,6 @@
   "Enter URL": "Entrer l'URL",
   "Line break": "Saut de ligne",
   "Bold": "Gras",
-  "Link": "Lien",
   "Header 2": "Titre 2",
   "Header 3": "Titre 3",
   "List": "Liste",
@@ -128,8 +127,6 @@
   "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",
@@ -163,5 +160,9 @@
   "Image": "Image",
   "Image & Text": "Image et texte",
   "Four Square Images With Text": "Quatre images carrées avec texte",
-  "Four Square Images": "Quatre images carrées"
+  "Four Square Images": "Quatre images carrées",
+  "Continue Your Work?": "Continuer votre travail ?",
+  "We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?": "Nous avons remarqué que vous avez des modifications qui n'ont pas été enregistrées la dernière fois. Souhaitez-vous reprendre là où vous vous êtes arrêté, ou utiliser la version actuellement chargée depuis la base de données ?",
+  "Use Saved Version": "Utiliser la version enregistrée",
+  "Continue Where I Left Off": "Continuer là où je me suis arrêté"
 }