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

package/README.md

@@ -23,6 +23,8 @@
   - [Important: CSS Prefixing (`pbx-`)](#important-css-prefixing-pbx-)
   - [Rendering HTML Output in Other Frameworks (React, Nuxt, etc.)](#rendering-html-output-in-other-frameworks-react-nuxt-etc)
   - [Providing Configuration to the Page Builder](#providing-configuration-to-the-page-builder)
+  - [Comprehensive Language Support in the Page Builder](#comprehensive-language-support-in-the-page-builder)
+      - [Disabling the Language Dropdown](#disabling-the-language-dropdown)
   - [Local Storage \& Auto-Save](#local-storage--auto-save)
   - [Retrieving the Latest HTML Content for Form Submission](#retrieving-the-latest-html-content-for-form-submission)
     - [Resetting the Builder After Successful Resource Creation or Update](#resetting-the-builder-after-successful-resource-creation-or-update)
@@ -167,21 +169,19 @@ This section walks you through the essential steps—from installation to render
 
 To get started with the Page Builder, follow these steps:
 
-- **Call `initPageBuilder()` once** in your application entry point (e.g., `main.ts` or `main.js`). This sets up the shared builder instance for your entire app.
+- **Use the Page Builder plugin** in your application entry point (e.g., `main.ts` or `main.js`). This sets up the shared builder instance for your entire app.
 - **Access the shared builder instance** anywhere in your application using the `getPageBuilder()` composable.
 - **Import the CSS file once** in your `main.js`, `main.ts`, or root component to ensure proper styling and automatic icon loading.
 
 ```typescript
 import { createApp } from 'vue'
 import App from './App.vue'
-import { initPageBuilder } from '@myissue/vue-website-page-builder'
+import { pageBuilder } from '@myissue/vue-website-page-builder'
 import '@myissue/vue-website-page-builder/style.css'
 
-// Initialize the shared Page Builder instance
-// This must be called once in your app entry point
-initPageBuilder()
-
+// Use the Page Builder plugin
 const app = createApp(App)
+app.use(pageBuilder)
 app.mount('#app')
 ```
 
@@ -337,6 +337,65 @@ console.info('You may inspect this result for message, status, or error:', resul
 </template>
 ```
 
+## Comprehensive Language Support in the Page Builder
+
+The Page Builder offers robust multilingual support, enabling you to reach a global audience with ease. By default, it supports the following languages, chosen for their widespread use and strong developer communities:
+
+| Language             | Code    |
+| -------------------- | ------- |
+| English              | en      |
+| Chinese (Simplified) | zh-Hans |
+| French               | fr      |
+| Japanese             | ja      |
+| Russian              | ru      |
+| Spanish              | es      |
+| Portuguese (Brazil)  | pt      |
+| German               | de      |
+| Arabic               | ar      |
+| Hindi                | hi      |
+
+You can set a default language for your project:
+
+```js
+userSettings: {
+  language: {
+    default: 'en',
+    enable: ['en', 'zh-Hans', 'fr'],
+  },
+},
+```
+
+If you prefer to offer only a subset of these languages for users to switch between, specify them using the `enable` option.
+
+If you do not provide the `enable` array, the Page Builder will default to showing all supported languages by default.
+
+```js
+userSettings: {
+  language: {
+    default: 'en',
+    enable: ['en', 'zh-Hans', 'fr'],
+  },
+},
+```
+
+#### Disabling the Language Dropdown
+
+If you want to completely hide the language selector from the UI (e.g., when only one language is available or you want a fixed language), simply set `disableLanguageDropdown` to `true`.
+
+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
+userSettings: {
+  theme: 'light',
+  language: {
+    default: 'en',
+    disableLanguageDropdown: true,
+  },
+},
+```
+
+This flexibility allows you to tailor the language experience to your audience’s needs.
+
 ## Local Storage & Auto-Save
 
 The Page Builder automatically saves all changes to the browser’s local storage. Every time you add, edit, or delete a component, your progress is preserved—even if you close the browser or navigate away.

package/dist/ar-Sg258Eh1.js

@@ -0,0 +1,110 @@
+const e = "حفظ", o = "خيارات", t = "الصورة الرمزية", n = "نشر", a = "إغلاق", i = "مكون", s = "أنماط", r = "الطباعة", l = "اختر", d = "الحشو", p = "الهامش", u = "عالمي", c = "محدد", g = "الحدود", y = "شفاف", h = "إضافة", m = "خاصية", S = "قيمة", C = "تحرير", f = "حذف", w = "معاينة", T = "جوال", b = {
+  "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، إنه كل ما تحتاجه - ملفوف في منشئ واحد سلس. قم ببناء صفحات مذهلة في دقائق.",
+  "A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.": "منشئ صفحات مصمم للنمو. قم ببناء صفحات موقعك الإلكتروني باستخدام مكونات جاهزة قابلة للتخصيص بالكامل ومتجاوبة دائمًا، مصممة لتلبية كل احتياجاتك. منشئ صفحات قوي للتجار والعلامات التجارية والوكالات المتنامية.",
+  "Everything you need. Break free from design limitations": "كل ما تحتاجه. تحرر من قيود التصميم",
+  "Bring your vision to life and create impressive pages using a click & drop Page Builder": "حقق رؤيتك واصنع صفحات رائعة باستخدام منشئ الصفحات السحب والإفلات",
+  "The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.": "منشئ الويب لصفحات مذهلة. يمكن المستخدمين من تصميم ونشر صفحات حديثة على أي نطاق. قم ببناء صفحات متجاوبة مثل القوائم، الوظائف أو منشورات المدونات وأدر المحتوى بسهولة باستخدام منشئ الصفحات السحب والإفلات المجاني. تم تطويره باستخدام TypeScript، Vue 3، Composition API، Pinia، CSS، Tailwind CSS و HTML.",
+  "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via": "قم بتنزيل أو تثبيت منشئ الصفحات المجاني Vue 3 القوي والمرن وسهل الاستخدام عبر",
+  Save: e,
+  "Add new Components": "إضافة مكونات جديدة",
+  Options: o,
+  "Config Overview": "نظرة عامة على التكوين",
+  "HTML Overview": "نظرة عامة على HTML",
+  "Delete Layout": "حذف التخطيط",
+  avatar: t,
+  Publish: n,
+  "Add Components to Page": "إضافة مكونات إلى الصفحة",
+  Close: a,
+  "Helper Components": "مكونات المساعدة",
+  "Click to add": "انقر للإضافة",
+  component: i,
+  "Layout Components": "مكونات التخطيط",
+  "Click to add component": "انقر لإضافة مكون",
+  "Remove all Components": "إزالة جميع المكونات",
+  "Are you sure you want to remove all Components?": "هل أنت متأكد أنك تريد إزالة جميع المكونات؟",
+  Styles: s,
+  "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "قم بتطبيق الأنماط التي تؤثر على الصفحة بأكملها. تتضمن هذه الإعدادات عائلة الخطوط العامة، ولون النص، ولون الخلفية، والأنماط العامة الأخرى التي تنطبق على جميع الأقسام.",
+  "Update Page Styles": "تحديث أنماط الصفحة",
+  "Download HTML": "تنزيل HTML",
+  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.": "قم بتصدير الصفحة بأكملها كملف HTML مستقل. يتضمن ذلك جميع الأقسام والمحتوى والأنماط المطبقة، مما يجعلها جاهزة للاستخدام أو التكامل في مكان آخر.",
+  "Download HTML file": "تنزيل ملف HTML",
+  Typographies: r,
+  "Font Appearance": "مظهر الخط",
+  "Font Size": "حجم الخط",
+  Select: l,
+  "Font size": "حجم الخط",
+  "Font tablet size": "حجم الخط للجهاز اللوحي",
+  "Font small screens": "حجم الخط للشاشات الصغيرة",
+  "Font weight": "وزن الخط",
+  "Font family": "عائلة الخط",
+  "Font Style": "نمط الخط",
+  "Opacity & Transparency": "الشفافية والعتامة",
+  Padding: d,
+  "Vertical Padding": "الحشو العمودي",
+  "Horizontal Padding": "الحشو الأفقي",
+  Margin: p,
+  "Vertical Margin": "الهامش العمودي",
+  "Horizontal Margin": "الهامش الأفقي",
+  "Border Radius": "نصف القطر الحدودي",
+  Global: u,
+  Specific: c,
+  "Border Radius top left": "نصف القطر الحدودي العلوي الأيسر",
+  "Border Radius top right": "نصف القطر الحدودي العلوي الأيمن",
+  "Border Radius bottom left": "نصف القطر الحدودي السفلي الأيسر",
+  "Border Radius bottom right": "نصف القطر الحدودي السفلي الأيمن",
+  "Border Style, Width & Color": "نمط الحدود والعرض واللون",
+  Border: g,
+  "Border Style": "نمط الحدود",
+  "Border Width": "عرض الحدود",
+  "Border Color": "لون الحدود",
+  Transparent: y,
+  "Generated CSS": "CSS المُنشأ",
+  "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.": "هذا هو CSS الذي يطبقه المنشئ. أضف CSS الخاص بك واضغط Enter لتطبيقه على العنصر المحدد.",
+  "Add your CSS.": "أضف CSS الخاص بك.",
+  "The pbx- prefix is added automatically.": "يتم إضافة البادئة pbx- تلقائيًا.",
+  "Type class": "اكتب الفئة",
+  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: m,
+  value: S,
+  Editing: C,
+  "Loading...": "جار التحميل...",
+  "Background Color": "لون الخلفية",
+  "Text Color": "لون النص",
+  "Default black": "أسود افتراضي",
+  "Remove Component?": "إزالة المكون؟",
+  "Are you sure you want to remove this Component?": "هل أنت متأكد أنك تريد إزالة هذا المكون؟",
+  Delete: f,
+  "Add to the bottom": "أضف إلى الأسفل",
+  Preview: w,
+  Mobile: T
+};
+export {
+  h as Add,
+  g as Border,
+  a as Close,
+  f as Delete,
+  C as Editing,
+  u as Global,
+  p as Margin,
+  T as Mobile,
+  o as Options,
+  d as Padding,
+  w as Preview,
+  n as Publish,
+  e as Save,
+  l as Select,
+  c as Specific,
+  s as Styles,
+  y as Transparent,
+  r as Typographies,
+  t as avatar,
+  i as component,
+  b as default,
+  m as property,
+  S as value
+};

package/dist/de-DU6Hv8W2.js

@@ -0,0 +1,112 @@
+const e = "Speichern", n = "Optionen", i = "Avatar", t = "Veröffentlichen", r = "Schließen", a = "Komponente", s = "Stile", o = "Typografien", l = "Auswählen", d = "Abstand", u = "Rand", c = "Global", h = "Spezifisch", g = "Rand", p = "Transparent", S = "Hinzufügen", f = "Eigenschaft", m = "Wert", b = "schließen", y = "Bearbeiten", w = "Löschen", k = "Vorschau", v = "Mobil", B = {
+  "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.",
+  "A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.": "Ein Seiten-Builder, der für Wachstum entwickelt wurde. Erstellen Sie Ihre Website-Seiten mit vorgefertigten Komponenten, die vollständig anpassbar und immer reaktionsschnell sind, um alle Anforderungen zu erfüllen. Ein leistungsstarker Seiten-Builder für wachsende Händler, Marken und Agenturen.",
+  "Everything you need. Break free from design limitations": "Alles, was Sie brauchen. Befreien Sie sich von Designbeschränkungen",
+  "Bring your vision to life and create impressive pages using a click & drop Page Builder": "Verwirklichen Sie Ihre Vision und erstellen Sie beeindruckende Seiten mit einem Click & Drop Page Builder",
+  "The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.": "Der Web-Builder für atemberaubende Seiten. Ermöglichen Sie Benutzern, moderne Seiten in jeder Größenordnung zu entwerfen und zu veröffentlichen. Erstellen Sie responsive Seiten wie Listen, Jobs oder Blog-Posts und verwalten Sie Inhalte einfach mit dem kostenlosen Click & Drop Page Builder. Entwickelt mit TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS und HTML.",
+  "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via": "Laden Sie den leistungsstarken, flexiblen und benutzerfreundlichen kostenlosen Vue 3 Page Builder herunter oder installieren Sie ihn über",
+  Save: e,
+  "Add new Components": "Neue Komponenten hinzufügen",
+  Options: n,
+  "Config Overview": "Konfigurationsübersicht",
+  "HTML Overview": "HTML-Übersicht",
+  "Delete Layout": "Layout löschen",
+  avatar: i,
+  Publish: t,
+  "Add Components to Page": "Komponenten zur Seite hinzufügen",
+  Close: r,
+  "Helper Components": "Hilfskomponenten",
+  "Click to add": "Klicken, um hinzuzufügen",
+  component: a,
+  "Layout Components": "Layout-Komponenten",
+  "Click to add component": "Klicken, um Komponente hinzuzufügen",
+  "Remove all Components": "Alle Komponenten entfernen",
+  "Are you sure you want to remove all Components?": "Sind Sie sicher, dass Sie alle Komponenten entfernen möchten?",
+  Styles: s,
+  "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.": "Wenden Sie Stile an, die die gesamte Seite betreffen. Diese Einstellungen umfassen globale Schriftfamilie, Textfarbe, Hintergrundfarbe und andere universelle Stile, die auf alle Abschnitte angewendet werden.",
+  "Update Page Styles": "Seitenstile aktualisieren",
+  "Download HTML": "HTML herunterladen",
+  "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.": "Exportieren Sie die gesamte Seite als eigenständige HTML-Datei. Dies umfasst alle Abschnitte, Inhalte und angewendeten Stile, sodass sie bereit für die Verwendung oder Integration an anderer Stelle ist.",
+  "Download HTML file": "HTML-Datei herunterladen",
+  Typographies: o,
+  "Font Appearance": "Schriftbild",
+  "Font Size": "Schriftgröße",
+  Select: l,
+  "Font size": "Schriftgröße",
+  "Font tablet size": "Schriftgröße für Tablets",
+  "Font small screens": "Schriftgröße für kleine Bildschirme",
+  "Font weight": "Schriftgewicht",
+  "Font family": "Schriftfamilie",
+  "Font Style": "Schriftstil",
+  "Opacity & Transparency": "Deckkraft & Transparenz",
+  Padding: d,
+  "Vertical Padding": "Vertikaler Abstand",
+  "Horizontal Padding": "Horizontaler Abstand",
+  Margin: u,
+  "Vertical Margin": "Vertikaler Rand",
+  "Horizontal Margin": "Horizontaler Rand",
+  "Border Radius": "Randradius",
+  Global: c,
+  Specific: h,
+  "Border Radius top left": "Randradius oben links",
+  "Border Radius top right": "Randradius oben rechts",
+  "Border Radius bottom left": "Randradius unten links",
+  "Border Radius bottom right": "Randradius unten rechts",
+  "Border Style, Width & Color": "Randstil, Breite & Farbe",
+  Border: g,
+  "Border Style": "Randstil",
+  "Border Width": "Randbreite",
+  "Border Color": "Randfarbe",
+  Transparent: p,
+  "Generated CSS": "Generiertes CSS",
+  "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.": "Dies ist das vom Builder angewendete CSS. Fügen Sie Ihr eigenes CSS hinzu und drücken Sie Enter, um es auf das ausgewählte Element anzuwenden.",
+  "Add your CSS.": "Fügen Sie Ihr CSS hinzu.",
+  "The pbx- prefix is added automatically.": "Das pbx- Präfix wird automatisch hinzugefügt.",
+  "Type class": "Klasse eingeben",
+  Add: S,
+  "Inline Styles": "Inline-Stile",
+  "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.": "Dies sind die vom Builder angewendeten Inline-Stile. Fügen Sie Ihre eigenen Stile hinzu und drücken Sie die Eingabetaste, um sie auf das ausgewählte Element anzuwenden.",
+  "Add your own style.": "Fügen Sie Ihren eigenen Stil hinzu.",
+  property: f,
+  value: m,
+  close: b,
+  Editing: y,
+  "Loading...": "Wird geladen...",
+  "Background Color": "Hintergrundfarbe",
+  "Text Color": "Textfarbe",
+  "Default black": "Standard Schwarz",
+  "Remove Component?": "Komponente entfernen?",
+  "Are you sure you want to remove this Component?": "Sind Sie sicher, dass Sie diese Komponente entfernen möchten?",
+  Delete: w,
+  "Add to the bottom": "Zum Ende hinzufügen",
+  Preview: k,
+  Mobile: v
+};
+export {
+  S as Add,
+  g as Border,
+  r as Close,
+  w as Delete,
+  y as Editing,
+  c as Global,
+  u as Margin,
+  v as Mobile,
+  n as Options,
+  d as Padding,
+  k as Preview,
+  t as Publish,
+  e as Save,
+  l as Select,
+  h as Specific,
+  s as Styles,
+  p as Transparent,
+  o as Typographies,
+  i as avatar,
+  b as close,
+  a as component,
+  B as default,
+  f as property,
+  m as value
+};

package/dist/en-B__-m2Os.js

@@ -0,0 +1,112 @@
+const e = "Save", o = "Options", t = "avatar", n = "Publish", a = "Close", i = "component", s = "Styles", r = "Typographies", l = "Select", d = "Padding", p = "Margin", u = "Global", c = "Specific", g = "Border", y = "Transparent", h = "Add", m = "property", f = "value", w = "close", b = "Editing", v = "Delete", C = "Preview", S = "Mobile", B = {
+  "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.",
+  "A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.": "A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.",
+  "Everything you need. Break free from design limitations": "Everything you need. Break free from design limitations",
+  "Bring your vision to life and create impressive pages using a click & drop Page Builder": "Bring your vision to life and create impressive pages using a click & drop Page Builder",
+  "The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.": "The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.",
+  "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via": "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via",
+  Save: e,
+  "Add new Components": "Add new Components",
+  Options: o,
+  "Config Overview": "Config Overview",
+  "HTML Overview": "HTML Overview",
+  "Delete Layout": "Delete Layout",
+  avatar: t,
+  Publish: n,
+  "Add Components to Page": "Add Components to Page",
+  Close: a,
+  "Helper Components": "Helper Components",
+  "Click to add": "Click to add",
+  component: i,
+  "Layout Components": "Layout Components",
+  "Click to add component": "Click to add component",
+  "Remove all Components": "Remove all Components",
+  "Are you sure you want to remove all Components?": "Are you sure you want to remove all Components?",
+  Styles: s,
+  "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.": "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.",
+  "Update Page Styles": "Update Page Styles",
+  "Download HTML": "Download HTML",
+  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.": "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.",
+  "Download HTML file": "Download HTML file",
+  Typographies: r,
+  "Font Appearance": "Font Appearance",
+  "Font Size": "Font Size",
+  Select: l,
+  "Font size": "Font size",
+  "Font tablet size": "Font tablet size",
+  "Font small screens": "Font small screens",
+  "Font weight": "Font weight",
+  "Font family": "Font family",
+  "Font Style": "Font Style",
+  "Opacity & Transparency": "Opacity & Transparency",
+  Padding: d,
+  "Vertical Padding": "Vertical Padding",
+  "Horizontal Padding": "Horizontal Padding",
+  Margin: p,
+  "Vertical Margin": "Vertical Margin",
+  "Horizontal Margin": "Horizontal Margin",
+  "Border Radius": "Border Radius",
+  Global: u,
+  Specific: c,
+  "Border Radius top left": "Border Radius top left",
+  "Border Radius top right": "Border Radius top right",
+  "Border Radius bottom left": "Border Radius bottom left",
+  "Border Radius bottom right": "Border Radius bottom right",
+  "Border Style, Width & Color": "Border Style, Width & Color",
+  Border: g,
+  "Border Style": "Border Style",
+  "Border Width": "Border Width",
+  "Border Color": "Border Color",
+  Transparent: y,
+  "Generated CSS": "Generated CSS",
+  "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.": "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.",
+  "Add your CSS.": "Add your CSS.",
+  "The pbx- prefix is added automatically.": "The pbx- prefix is added automatically.",
+  "Type class": "Type class",
+  Add: h,
+  "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: f,
+  close: w,
+  Editing: b,
+  "Loading...": "Loading...",
+  "Background Color": "Background Color",
+  "Text Color": "Text Color",
+  "Default black": "Default black",
+  "Remove Component?": "Remove Component?",
+  "Are you sure you want to remove this Component?": "Are you sure you want to remove this Component?",
+  Delete: v,
+  "Add to the bottom": "Add to the bottom",
+  Preview: C,
+  Mobile: S
+};
+export {
+  h as Add,
+  g as Border,
+  a as Close,
+  v as Delete,
+  b as Editing,
+  u as Global,
+  p as Margin,
+  S as Mobile,
+  o as Options,
+  d as Padding,
+  C as Preview,
+  n as Publish,
+  e as Save,
+  l as Select,
+  c as Specific,
+  s as Styles,
+  y as Transparent,
+  r as Typographies,
+  t as avatar,
+  w as close,
+  i as component,
+  B as default,
+  m as property,
+  f as value
+};

package/dist/es-DmzWA1F8.js

@@ -0,0 +1,112 @@
+const e = "Guardar", o = "Opciones", a = "avatar", n = "Publicar", s = "Cerrar", t = "componente", i = "Estilos", r = "Tipografías", l = "Seleccionar", d = "Relleno", c = "Margen", p = "Global", u = "Específico", g = "Borde", m = "Transparente", y = "Agregar", f = "propiedad", b = "valor", h = "cerrar", v = "Editando", C = "Eliminar", T = "Vista previa", S = "Móvil", w = {
+  "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.",
+  "A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.": "Un constructor de páginas diseñado para el crecimiento. Cree las páginas de su sitio web con componentes listos para usar que son totalmente personalizables y siempre receptivos, diseñados para satisfacer todas las necesidades. Un poderoso constructor de páginas para comerciantes, marcas y agencias en crecimiento.",
+  "Everything you need. Break free from design limitations": "Todo lo que necesitas. Libérate de las limitaciones de diseño",
+  "Bring your vision to life and create impressive pages using a click & drop Page Builder": "Haz realidad tu visión y crea páginas impresionantes usando un constructor de páginas de arrastrar y soltar",
+  "The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.": "El constructor web para páginas impresionantes. Permita a los usuarios diseñar y publicar páginas modernas a cualquier escala. Cree páginas receptivas como listados, trabajos o publicaciones de blog y gestione el contenido fácilmente utilizando el Page Builder gratuito de arrastrar y soltar. Desarrollado con TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS y HTML.",
+  "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via": "Descargue o instale nuestro potente, flexible y fácil de usar constructor de páginas Vue 3 gratuito a través de",
+  Save: e,
+  "Add new Components": "Agregar nuevos componentes",
+  Options: o,
+  "Config Overview": "Resumen de configuración",
+  "HTML Overview": "Resumen de HTML",
+  "Delete Layout": "Eliminar diseño",
+  avatar: a,
+  Publish: n,
+  "Add Components to Page": "Agregar componentes a la página",
+  Close: s,
+  "Helper Components": "Componentes de ayuda",
+  "Click to add": "Haga clic para agregar",
+  component: t,
+  "Layout Components": "Componentes de diseño",
+  "Click to add component": "Haga clic para agregar componente",
+  "Remove all Components": "Eliminar todos los componentes",
+  "Are you sure you want to remove all Components?": "¿Está seguro de que desea eliminar todos los componentes?",
+  Styles: i,
+  "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.": "Aplicar estilos que afectan a toda la página. Estas configuraciones incluyen familia de fuentes global, color de texto, color de fondo y otros estilos universales que se aplican a todas las secciones.",
+  "Update Page Styles": "Actualizar estilos de página",
+  "Download HTML": "Descargar HTML",
+  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.": "Exportar toda la página como un archivo HTML independiente. Esto incluye todas las secciones, contenido y estilos aplicados, haciéndolo listo para usar o integrar en otro lugar.",
+  "Download HTML file": "Descargar archivo HTML",
+  Typographies: r,
+  "Font Appearance": "Apariencia de fuente",
+  "Font Size": "Tamaño de fuente",
+  Select: l,
+  "Font size": "Tamaño de fuente",
+  "Font tablet size": "Tamaño de fuente para tabletas",
+  "Font small screens": "Tamaño de fuente para pantallas pequeñas",
+  "Font weight": "Peso de fuente",
+  "Font family": "Familia de fuente",
+  "Font Style": "Estilo de fuente",
+  "Opacity & Transparency": "Opacidad y Transparencia",
+  Padding: d,
+  "Vertical Padding": "Relleno Vertical",
+  "Horizontal Padding": "Relleno Horizontal",
+  Margin: c,
+  "Vertical Margin": "Margen Vertical",
+  "Horizontal Margin": "Margen Horizontal",
+  "Border Radius": "Radio del borde",
+  Global: p,
+  Specific: u,
+  "Border Radius top left": "Radio del borde superior izquierdo",
+  "Border Radius top right": "Radio del borde superior derecho",
+  "Border Radius bottom left": "Radio del borde inferior izquierdo",
+  "Border Radius bottom right": "Radio del borde inferior derecho",
+  "Border Style, Width & Color": "Estilo, ancho y color del borde",
+  Border: g,
+  "Border Style": "Estilo del borde",
+  "Border Width": "Ancho del borde",
+  "Border Color": "Color del borde",
+  Transparent: m,
+  "Generated CSS": "CSS Generado",
+  "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.": "Este es el CSS aplicado por el constructor. Agregue su propio CSS y presione Enter para aplicarlo al elemento seleccionado.",
+  "Add your CSS.": "Agregue su CSS.",
+  "The pbx- prefix is added automatically.": "El prefijo pbx- se agrega automáticamente.",
+  "Type class": "Escriba clase",
+  Add: y,
+  "Inline Styles": "Estilos en línea",
+  "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.": "Estos son los estilos en línea aplicados por el constructor. Agregue sus propios estilos y presione Enter para aplicarlos al elemento seleccionado.",
+  "Add your own style.": "Agregue su propio estilo.",
+  property: f,
+  value: b,
+  close: h,
+  Editing: v,
+  "Loading...": "Cargando...",
+  "Background Color": "Color de fondo",
+  "Text Color": "Color de texto",
+  "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: C,
+  "Add to the bottom": "Agregar al final",
+  Preview: T,
+  Mobile: S
+};
+export {
+  y as Add,
+  g as Border,
+  s as Close,
+  C as Delete,
+  v as Editing,
+  p as Global,
+  c as Margin,
+  S as Mobile,
+  o as Options,
+  d as Padding,
+  T as Preview,
+  n as Publish,
+  e as Save,
+  l as Select,
+  u as Specific,
+  i as Styles,
+  m as Transparent,
+  r as Typographies,
+  a as avatar,
+  h as close,
+  t as component,
+  w as default,
+  f as property,
+  b as value
+};