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

package/README.md

@@ -11,17 +11,16 @@
   - [About](#about)
   - [Real-World Application Example](#real-world-application-example)
   - [Features](#features)
-    - [Trusted by Freelancers and Leading Brands](#trusted-by-freelancers-and-leading-brands)
   - [Technical Details](#technical-details)
   - [Documentation](#documentation)
   - [Requirements](#requirements)
   - [Getting Started](#getting-started)
   - [Installation](#installation)
   - [Quick Start](#quick-start)
+    - [Initializing the Page Builder](#initializing-the-page-builder)
     - [Nuxt 3 Integration](#nuxt-3-integration)
       - [Create a Nuxt Plugin](#create-a-nuxt-plugin)
       - [Register the Plugin](#register-the-plugin)
-    - [Initializing the Page Builder](#initializing-the-page-builder)
     - [Why Use the Shared Instance?](#why-use-the-shared-instance)
     - [Using the Page Builder Component](#using-the-page-builder-component)
   - [Important: CSS Prefixing (`pbx-`)](#important-css-prefixing-pbx-)
@@ -51,6 +50,7 @@
   - [Contributing](#contributing)
   - [Security Vulnerabilities](#security-vulnerabilities)
   - [Get in Touch for Customization or Any Questions](#get-in-touch-for-customization-or-any-questions)
+  - [Report Issues or Request Features](#report-issues-or-request-features)
   - [Feedback](#feedback)
   - [Support the Project](#support-the-project)
   - [License](#license)
@@ -91,9 +91,9 @@ A Page Builder designed for growth. Build your website pages with ready-made com
 
 ## Real-World Application Example
 
-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.
+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.
 
-<img style="width: 100%;" src="./public/home/for_read_me/browser_components.svg" alt="Vue Website Page Builder - the editor" />
+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.
 
 ## Features
 
@@ -120,10 +120,7 @@ The Page Builder is packed with features:
 - **Global Page Styling**: Instantly define, update, or clear global styles for the main page wrapper at initialization or dynamically at runtime. Gain full control over fonts, colors, backgrounds, and more for a dynamic user experience.
 - **Tailwind Support**: Fully compatible with Tailwind CSS (with automatic class prefixing to avoid conflicts).
 - **Scoped Styles**: To ensure clean and predictable styling, the builder uses scoped style isolation. There is no risk of style conflicts between the builder and your app.
-
-### Trusted by Freelancers and Leading Brands
-
-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.
+- **HTML Editor**: Access and edit raw HTML directly for full customization and developer-level control.
 
 ## Technical Details
 
@@ -174,30 +171,6 @@ npm install @myissue/vue-website-page-builder
 Get up and running with the Vue Website Page Builder in just a few minutes.
 This section walks you through the essential steps—from installation to rendering your first page—so you can start building beautiful, dynamic content right away.
 
-### Nuxt 3 Integration
-
-To use `@myissue/vue-website-page-builder` in a Nuxt 3 project, follow these steps:
-
-#### Create a Nuxt Plugin
-
-```js
-import { defineNuxtPlugin } from '#app'
-import PageBuilder from '@myissue/vue-website-page-builder'
-import '@myissue/vue-website-page-builder/style.css'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(PageBuilder)
-})
-```
-
-#### Register the Plugin
-
-```js
-export default defineNuxtConfig({
-  plugins: ['~/plugins/page-builder.client.ts'],
-})
-```
-
 ### Initializing the Page Builder
 
 To get started with the Page Builder, follow these steps:
@@ -221,9 +194,33 @@ app.mount('#app')
 > **Note:**
 > You only need to import the CSS file once. If you have already imported it in your app entry, you do not need to import it again in individual components.
 
-> **Note**
+> **Note:**
 > The Page Builder is implemented as a singleton service. This ensures that all page-building logic and state are managed by a single, shared instance throughout your application.
 
+### Nuxt 3 Integration
+
+To use `@myissue/vue-website-page-builder` in a Nuxt 3 project, follow these steps:
+
+#### Create a Nuxt Plugin
+
+```typescript
+import { defineNuxtPlugin } from '#app'
+import PageBuilder from '@myissue/vue-website-page-builder'
+import '@myissue/vue-website-page-builder/style.css'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(PageBuilder)
+})
+```
+
+#### Register the Plugin
+
+```typescript
+export default defineNuxtConfig({
+  plugins: ['~/plugins/page-builder.client.ts'],
+})
+```
+
 ### Why Use the Shared Instance?
 
 By always accessing the shared instance, you avoid creating multiple, isolated copies of the builder. This prevents data inconsistencies, synchronization issues, and unpredictable behavior. All components and modules interact with the same centralized service, ensuring that updates and state changes are reflected everywhere in your application.
@@ -279,7 +276,7 @@ You can use the Page Builder to generate HTML and render it in any frontend fram
 
 To ensure your content is styled correctly, simply install the Page Builder package in your target project and import its CSS file. All builder and Tailwind-prefixed styles will be applied automatically.
 
-```js
+```typescript
 import '@myissue/vue-website-page-builder/style.css'
 ```
 
@@ -299,11 +296,16 @@ function MyPage({ html }) {
 
 ```vue
 <script setup>
+import { ref } from 'vue'
 import '@myissue/vue-website-page-builder/style.css'
+
+const rawHtml = ref('<p>This is content from the page builder.</p>')
 </script>
-```
 
-Then use `v-html` to render the HTML.
+<template>
+  <div v-html="rawHtml"></div>
+</template>
+```
 
 > **Note:**
 > You do not need to import any Vue components if you only want to render the HTML. Just import the CSS file.
@@ -390,7 +392,7 @@ The Page Builder offers robust multilingual support, enabling you to reach a glo
 
 You can set a default language for your project:
 
-```js
+```typescript
 userSettings: {
   language: {
     default: 'en',
@@ -402,7 +404,7 @@ If you prefer to offer only a subset of these languages for users to switch betw
 
 If you do not provide the `enable` array, the Page Builder will default to showing all supported languages by default.
 
-```js
+```typescript
 userSettings: {
   language: {
     default: 'en',
@@ -417,7 +419,7 @@ If you want to completely hide the language selector from the UI (e.g., when onl
 
 Even when the dropdown is disabled, the default language will still be applied automatically. This gives you full control over localization while keeping the interface simple for your users.
 
-```js
+```typescript
 userSettings: {
   theme: 'light',
   language: {
@@ -444,7 +446,7 @@ To get the most up-to-date content, use the same `resourceData` (such as `formTy
 
 **Example:**
 
-```js
+```typescript
 const configPageBuilder = {
   updateOrCreate: {
     formType: 'create',
@@ -481,7 +483,7 @@ After successfully creating or updating a resource (such as a post, article, or
 
 You can reset the Page Builder’s live DOM, builder state, and clear the draft with:
 
-```js
+```typescript
 await pageBuilderService.handleFormSubmission()
 ```
 
@@ -499,7 +501,7 @@ If you have previously saved or published HTML content (for example, from your d
 
 1. **Parse your saved HTML** using the builder’s helper method to extract both the components and the global page settings:
 
-   ```js
+   ```typescript
    // yourPageHTML: the full HTML string previously saved from the builder
    const { components, pageSettings } = pageBuilderService.parsePageBuilderHTML(yourPageHTML)
    ```
@@ -631,13 +633,6 @@ const handlePublish = () => {
 > **Tip:**
 > You can name your handler function anything you like. This pattern makes it easy to embed the builder in modals, dialogs, or overlays in any Vue app.
 
-- `:showPublishButton="true"` — shows a publish button in the Page Builder toolbar.
-- `@handlePublishPageBuilder="yourMethod"` — emits when the close button is clicked, so you can close your modal.
-
-> **Tip:**
-> You can name your handler function anything you like.
-> This pattern makes it easy to embed the builder in modals, dialogs, or overlays in any Vue app.
-
 ## Styling the Main Page Builder Container
 
 The Page Builder allows you to define and update global styles for the main wrapper (`#pagebuilder`) at any time. These settings control the overall appearance, including font family, text color, background color, and more. Whether you set them initially in your config or update them dynamically at runtime, your changes are instantly reflected across all sections.
@@ -716,7 +711,7 @@ If fonts or Material Icons are not displaying correctly, verify that:
 
 **CSS Import**: You are importing the CSS file:
 
-```js
+```typescript
 import '@myissue/vue-website-page-builder/style.css'
 ```
 
@@ -762,6 +757,12 @@ If you have any questions or if you're looking for customization, feel free to c
 - [Email](mailto:qais.wardag@outlook.com)
 - [LinkedIn](https://www.linkedin.com/in/qaiswardag)
 
+## Report Issues or Request Features
+
+Encountered a bug, have suggestions, or need a new feature? Create a GitHub issue:
+
+- [Submit an Issue](https://github.com/qaiswardag/vue-website-page-builder/issues)
+
 ## Feedback
 
 Suggestions or any issues you encounter while using this app. Feel free to reach out.
@@ -773,7 +774,3 @@ We would greatly appreciate it if you could star the GitHub repository. Starring
 ## License
 
 [MIT License](./LICENSE)
-
-```
-
-```

package/dist/{ar-7SHqp8Wu.js → ar-B67ZvnES.js}

@@ -1,4 +1,4 @@
-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 = "معلومات", x = "نص", I = "رابط", E = "أنواع", F = "مصفوفة", R = "المحتوى", V = "عنصر", W = "مكون", q = "الكل", U = "صورة", z = {
+const e = "حفظ", t = "خيارات", o = "الصورة الرمزية", n = "نشر", a = "إغلاق", s = "مكون", i = "أنماط", r = "الطباعة", l = "اختر", d = "الحشو", c = "الهامش", u = "عالمي", p = "محدد", g = "الحدود", m = "شفاف", y = "إضافة", h = "خاصية", T = "قيمة", S = "تحرير", C = "حذف", w = "معاينة", f = "جوال", v = "غامق", b = "قائمة", L = "بحث", H = "أفقي", M = "عمودي", D = "مربع الشكل", B = "صور", k = "السابق", P = "التالي", A = "معلومات", x = "نص", I = "رابط", E = "أنواع", F = "مصفوفة", R = "المحتوى", V = "عنصر", W = "مكون", q = "الكل", U = "صورة", z = {
   "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 - المصمم للمطورين والمبدعين الذين يريدون التحكم الكامل دون عناء. قم بتخصيص التخطيطات والخطوط والألوان. قم بتحرير المحتوى بصريًا في الوقت الفعلي. أضف الوسائط، قم بتضمين مقاطع فيديو YouTube، أو قم بتصدير كل شيء كـ HTML نظيف. مع التحرير المتجاوب، الحفظ التلقائي المحلي، دعم Tailwind، وحتى تكامل Unsplash، إنه كل ما تحتاجه - ملفوف في منشئ واحد سلس. قم ببناء صفحات مذهلة في دقائق.",
@@ -64,11 +64,11 @@ const e = "حفظ", t = "خيارات", o = "الصورة الرمزية", n = "
   "Add your CSS.": "أضف CSS الخاص بك.",
   "The pbx- prefix is added automatically.": "يتم إضافة البادئة pbx- تلقائيًا.",
   "Type class": "اكتب الفئة",
-  Add: h,
+  Add: y,
   "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,
+  property: h,
   value: T,
   Editing: S,
   "Loading...": "جار التحميل...",
@@ -161,12 +161,15 @@ const e = "حفظ", t = "خيارات", o = "الصورة الرمزية", n = "
   "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?": "لاحظنا أن لديك بعض التغييرات التي لم يتم حفظها في المرة الأخيرة. هل ترغب في المتابعة من حيث توقفت، أم استخدام النسخة المح��لة حاليًا من قاعدة البيانات؟",
+  "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": "المتابعة من حيث توقفت"
+  "Continue Where I Left Off": "المتابعة من حيث توقفت",
+  "HTML Editor": "محرر HTML",
+  "Gain full control over components by editing the raw HTML.": "احصل على التحكم الكامل في المكونات عن طريق تحرير HTML الخام.",
+  "Large Screens Only": "الشاشات الكبيرة فقط"
 };
 export {
-  h as Add,
+  y as Add,
   q as All,
   v as Bold,
   g as Border,
@@ -206,6 +209,6 @@ export {
   o as avatar,
   s as component,
   z as default,
-  y as property,
+  h as property,
   T as value
 };

package/dist/{de-BqPxfNSH.js → de-2iNkasP-.js}

@@ -1,4 +1,4 @@
-const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r = "Schließen", s = "Komponente", a = "Stile", o = "Typografien", l = "Auswählen", d = "Abstand", u = "Rand", c = "Global", h = "Spezifisch", g = "Rand", m = "Transparent", S = "Hinzufügen", p = "Eigenschaft", f = "Wert", b = "schließen", w = "Bearbeiten", k = "Löschen", y = "Vorschau", T = "Mobil", v = "Fett", B = "Liste", z = "Suche", E = "Querformat", C = "Hochformat", D = "Quadratisch", I = "Bilder", L = "Zurück", A = "Weiter", H = "Informationen", M = "Text", x = "Link", P = "Typen", K = "Array", R = "Inhalt", V = "Element", W = "Komponente", F = "Alle", q = "Bild", G = {
+const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r = "Schließen", s = "Komponente", a = "Stile", o = "Typografien", l = "Auswählen", d = "Abstand", u = "Rand", c = "Global", h = "Spezifisch", g = "Rand", m = "Transparent", S = "Hinzufügen", p = "Eigenschaft", f = "Wert", b = "schließen", w = "Bearbeiten", k = "Löschen", y = "Vorschau", T = "Mobil", v = "Fett", B = "Liste", z = "Suche", E = "Querformat", C = "Hochformat", L = "Quadratisch", D = "Bilder", I = "Zurück", H = "Weiter", M = "Informationen", A = "Text", x = "Link", P = "Typen", K = "Array", R = "Inhalt", V = "Element", W = "Komponente", F = "Alle", q = "Bild", G = {
   "Reset Page": "Seite zurücksetzen",
   "Global Page Styles": "Globale Seitenstile",
   "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.": "Probieren Sie den leistungsstarken Click & Drop Page Builder aus – entwickelt für Entwickler und Kreative, die volle Kontrolle ohne Aufwand wünschen. Passen Sie Layouts, Schriftarten und Farben an. Bearbeiten Sie Inhalte visuell in Echtzeit. Fügen Sie Medien hinzu, betten Sie YouTube-Videos ein oder exportieren Sie alles als sauberes HTML. Mit responsiver Bearbeitung, lokalem automatischen Speichern, Tailwind-Unterstützung und sogar Unsplash-Integration ist es alles, was Sie brauchen – verpackt in einem nahtlosen Builder. Erstellen Sie beeindruckende Seiten in Minuten.",
@@ -109,16 +109,16 @@ const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r =
   "Search...": "Suchen...",
   Landscape: E,
   Portrait: C,
-  Squarish: D,
+  Squarish: L,
   "Total pages": "Gesamtseiten",
-  Images: I,
+  Images: D,
   "First page": "Erste Seite",
-  Prev: L,
-  Next: A,
+  Prev: I,
+  Next: H,
   "By:": "Von:",
   "We did not find any images. Make a new search.": "Wir haben keine Bilder gefunden. Machen Sie eine neue Suche.",
   "No results on current page. Navigate to First Page.": "Keine Ergebnisse auf der aktuellen Seite. Zur ersten Seite navigieren.",
-  Information: H,
+  Information: M,
   "From:": "Von:",
   " Select image": " Bild auswählen",
   "Layouts and visual.": "Layouts und visuell.",
@@ -130,7 +130,7 @@ const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r =
   "Six Square Images Grid": "Sechs quadratische Bilder im Raster",
   "Three Square Images With Text": "Drei quadratische Bilder mit Text",
   "Three Vertical Images": "Zwei quadratische Bilder mit Text",
-  Text: M,
+  Text: A,
   "Header H2": "Überschrift H2",
   "Header H3": "Überschrift H3",
   "YouTube Video": "YouTube-Video",
@@ -164,7 +164,10 @@ const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r =
   "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"
+  "Continue Where I Left Off": "Dort weitermachen, wo ich aufgehört habe",
+  "HTML Editor": "HTML-Editor",
+  "Gain full control over components by editing the raw HTML.": "Erhalten Sie die vollständige Kontrolle über Komponenten, indem Sie das reine HTML bearbeiten.",
+  "Large Screens Only": "Nur große Bildschirme"
 };
 export {
   S as Add,
@@ -179,27 +182,27 @@ export {
   V as Element,
   c as Global,
   q as Image,
-  I as Images,
-  H as Information,
+  D as Images,
+  M as Information,
   E as Landscape,
   x as Link,
   B as List,
   u as Margin,
   T as Mobile,
-  A as Next,
+  H as Next,
   n as Options,
   d as Padding,
   C as Portrait,
-  L as Prev,
+  I as Prev,
   y as Preview,
   i as Publish,
   e as Save,
   z as Search,
   l as Select,
   h as Specific,
-  D as Squarish,
+  L as Squarish,
   a as Styles,
-  M as Text,
+  A as Text,
   m as Transparent,
   P as Types,
   o as Typographies,

package/dist/{en-DJriivpm.js → en-BkPMvlrf.js}

@@ -1,4 +1,4 @@
-const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i = "Styles", s = "Typographies", r = "Select", l = "Padding", d = "Margin", u = "Global", c = "Specific", p = "Border", g = "Transparent", h = "Add", m = "property", y = "value", f = "Close", w = "Editing", v = "Delete", T = "Preview", b = "Mobile", S = "Bold", C = "Link", B = "List", k = "Search", P = "Landscape", L = "Portrait", x = "Squarish", A = "Images", H = "Prev", I = "Next", D = "Information", M = "Text", E = "Types", F = "array", R = "Content", W = "Element", V = "Component", z = "All", q = "Image", N = {
+const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i = "Styles", s = "Typographies", r = "Select", l = "Padding", d = "Margin", u = "Global", c = "Specific", p = "Border", g = "Transparent", h = "Add", y = "property", m = "value", f = "Close", w = "Editing", v = "Delete", T = "Preview", b = "Mobile", S = "Bold", C = "Link", B = "List", L = "Search", k = "Landscape", P = "Portrait", H = "Squarish", x = "Images", A = "Prev", M = "Next", I = "Information", D = "Text", E = "Types", F = "array", R = "Content", W = "Element", V = "Component", z = "All", q = "Image", N = {
   "Reset Page": "Reset Page",
   "Global Page Styles": "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.": "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.",
@@ -63,8 +63,8 @@ const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i
   "Inline Styles": "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.": "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.",
   "Add your own style.": "Add your own style.",
-  property: m,
-  value: y,
+  property: y,
+  value: m,
   Close: f,
   Editing: w,
   "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.",
@@ -105,20 +105,20 @@ const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i
   "Reset changes": "Reset changes",
   "Do you want to reset this page?": "Do you want to reset this page?",
   "Are you sure you want to reset this page? This will overwrite your current changes.": "Are you sure you want to reset this page? This will overwrite your current changes.",
-  Search: k,
+  Search: L,
   "Search...": "Search...",
-  Landscape: P,
-  Portrait: L,
-  Squarish: x,
+  Landscape: k,
+  Portrait: P,
+  Squarish: H,
   "Total pages": "Total pages",
-  Images: A,
+  Images: x,
   "First page": "First page",
-  Prev: H,
-  Next: I,
+  Prev: A,
+  Next: M,
   "By:": "By:",
   "We did not find any images. Make a new search.": "We did not find any images. Make a new search.",
   "No results on current page. Navigate to First Page.": "No results on current page. Navigate to First Page.",
-  Information: D,
+  Information: I,
   "From:": "From:",
   " Select image": " Select image",
   "Layouts and visual.": "Layouts and visual.",
@@ -132,7 +132,7 @@ const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i
   "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: M,
+  Text: D,
   "Header H2": "Header H2",
   "Header H3": "Header H3",
   "YouTube Video": "YouTube Video",
@@ -164,7 +164,10 @@ const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i
   "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"
+  "Continue Where I Left Off": "Continue Where I Left Off",
+  "HTML Editor": "HTML Editor",
+  "Gain full control over components by editing the raw HTML.": "Gain full control over components by editing the raw HTML.",
+  "Large Screens Only": "Large Screens Only"
 };
 export {
   h as Add,
@@ -179,27 +182,27 @@ export {
   W as Element,
   u as Global,
   q as Image,
-  A as Images,
-  D as Information,
-  P as Landscape,
+  x as Images,
+  I as Information,
+  k as Landscape,
   C as Link,
   B as List,
   d as Margin,
   b as Mobile,
-  I as Next,
+  M as Next,
   t as Options,
   l as Padding,
-  L as Portrait,
-  H as Prev,
+  P as Portrait,
+  A as Prev,
   T as Preview,
   n as Publish,
   e as Save,
-  k as Search,
+  L as Search,
   r as Select,
   c as Specific,
-  x as Squarish,
+  H as Squarish,
   i as Styles,
-  M as Text,
+  D as Text,
   g as Transparent,
   E as Types,
   s as Typographies,
@@ -207,6 +210,6 @@ export {
   o as avatar,
   a as component,
   N as default,
-  m as property,
-  y as value
+  y as property,
+  m as value
 };

package/dist/{es-DFK5Ddk2.js → es-CoKtBPFg.js}

@@ -1,4 +1,4 @@
-const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar", s = "componente", i = "Estilos", r = "Tipografías", l = "Seleccionar", d = "Relleno", c = "Margen", u = "Global", p = "Específico", g = "Borde", m = "Transparente", y = "Agregar", b = "propiedad", h = "valor", f = "Editando", v = "Eliminar", T = "Vista previa", C = "Móvil", S = "Negrita", E = "Lista", w = "Buscar", D = "Horizontal", L = "Vertical", A = "Cuadrado", H = "Imágenes", x = "Anterior", P = "Siguiente", M = "Información", q = "Texto", B = "Enlace", z = "Tipos", I = "matriz", R = "Contenido", k = "Elemento", V = "Componente", N = "Todos", F = "Imagen", j = {
+const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar", s = "componente", i = "Estilos", r = "Tipografías", l = "Seleccionar", d = "Relleno", c = "Margen", u = "Global", p = "Específico", g = "Borde", m = "Transparente", y = "Agregar", b = "propiedad", h = "valor", f = "Editando", T = "Eliminar", v = "Vista previa", C = "Móvil", S = "Negrita", E = "Lista", w = "Buscar", L = "Horizontal", D = "Vertical", H = "Cuadrado", A = "Imágenes", x = "Anterior", M = "Siguiente", P = "Información", q = "Texto", B = "Enlace", z = "Tipos", I = "matriz", R = "Contenido", k = "Elemento", V = "Componente", N = "Todos", F = "Imagen", j = {
   "Reset Page": "Restablecer página",
   "Global Page Styles": "Estilos de página globales",
   "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.": "Pruebe el poderoso Click & Drop Page Builder, diseñado para desarrolladores y creadores que desean un control total sin complicaciones. Personalice diseños, fuentes y colores. Edite contenido visualmente en tiempo real. Agregue medios, incruste videos de YouTube o exporte todo como HTML limpio. Con edición receptiva, guardado automático local, soporte de Tailwind e incluso integración con Unsplash, es todo lo que necesita, envuelto en un constructor perfecto. Cree páginas impresionantes en minutos.",
@@ -78,9 +78,9 @@ const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar",
   "Default black": "Negro predeterminado",
   "Remove Component?": "¿Eliminar componente?",
   "Are you sure you want to remove this Component?": "¿Estás seguro de que deseas eliminar este componente?",
-  Delete: v,
+  Delete: T,
   "Add to the bottom": "Agregar al final",
-  Preview: T,
+  Preview: v,
   Mobile: C,
   "Demo Content": "Contenido de demostración",
   "Demo Description": "Descubra el constructor de páginas ligero y gratuito Vue Click & Drop. Cree y mejore experiencias digitales sin esfuerzo con Vue. No todo lo poderoso tiene que ser complejo. Este constructor de páginas minimalista y ligero ofrece una interfaz elegante e intuitiva centrada en la simplicidad y la velocidad. Cree páginas completamente receptivas como listados, tableros de trabajo o publicaciones de blog, y gestione su contenido fácilmente con el constructor de páginas gratuito Click & Drop.",
@@ -106,18 +106,18 @@ const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar",
   "Are you sure you want to reset this page? This will overwrite your current changes.": "¿Estás seguro de que deseas restablecer esta página? Esto sobrescribirá tus cambios actuales.",
   Search: w,
   "Search...": "Buscar...",
-  Landscape: D,
-  Portrait: L,
-  Squarish: A,
+  Landscape: L,
+  Portrait: D,
+  Squarish: H,
   "Total pages": "Páginas totales",
-  Images: H,
+  Images: A,
   "First page": "Primera página",
   Prev: x,
-  Next: P,
+  Next: M,
   "By:": "Por:",
   "We did not find any images. Make a new search.": "No encontramos imágenes. Realiza una nueva búsqueda.",
   "No results on current page. Navigate to First Page.": "No hay resultados en la página actual. Navega a la primera página.",
-  Information: M,
+  Information: P,
   "From:": "De:",
   " Select image": " Seleccionar imagen",
   "Layouts and visual.": "Diseños y visuales.",
@@ -164,7 +164,10 @@ const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar",
   "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é"
+  "Continue Where I Left Off": "Continuar donde lo dejé",
+  "HTML Editor": "Editor HTML",
+  "Gain full control over components by editing the raw HTML.": "Obtenga control total sobre los componentes editando el HTML sin formato.",
+  "Large Screens Only": "Solo pantallas grandes"
 };
 export {
   y as Add,
@@ -174,30 +177,30 @@ export {
   n as Close,
   V as Component,
   R as Content,
-  v as Delete,
+  T as Delete,
   f as Editing,
   k as Element,
   u as Global,
   F as Image,
-  H as Images,
-  M as Information,
-  D as Landscape,
+  A as Images,
+  P as Information,
+  L as Landscape,
   B as Link,
   E as List,
   c as Margin,
   C as Mobile,
-  P as Next,
+  M as Next,
   o as Options,
   d as Padding,
-  L as Portrait,
+  D as Portrait,
   x as Prev,
-  T as Preview,
+  v as Preview,
   t as Publish,
   e as Save,
   w as Search,
   l as Select,
   p as Specific,
-  A as Squarish,
+  H as Squarish,
   i as Styles,
   q as Text,
   m as Transparent,