@myissue/vue-website-page-builder 3.3.93 → 3.3.95

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-C3_B_jte.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...": "جار التحميل...",
@@ -165,10 +165,11 @@ const e = "حفظ", t = "خيارات", o = "الصورة الرمزية", n = "
   "Use Saved Version": "استخدام النسخة المحفوظة",
   "Continue Where I Left Off": "المتابعة من حيث توقفت",
   "HTML Editor": "محرر HTML",
-  "Gain full control over components by editing the raw HTML.": "احصل على التحكم الكامل في المكونات عن طريق تحرير 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,
@@ -208,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-DdjFvQa0.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", L = "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 = {
+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,9 +109,9 @@ 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: L,
+  Images: D,
   "First page": "Erste Seite",
   Prev: I,
   Next: H,
@@ -166,7 +166,8 @@ const e = "Speichern", n = "Optionen", t = "Avatar", i = "Veröffentlichen", r =
   "Use Saved Version": "Gespeicherte Version verwenden",
   "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."
+  "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,
@@ -181,7 +182,7 @@ export {
   V as Element,
   c as Global,
   q as Image,
-  L as Images,
+  D as Images,
   M as Information,
   E as Landscape,
   x as Link,
@@ -199,7 +200,7 @@ export {
   z as Search,
   l as Select,
   h as Specific,
-  D as Squarish,
+  L as Squarish,
   a as Styles,
   A as Text,
   m as Transparent,

package/dist/{en-BUBdYOpm.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", 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 = {
+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.",
@@ -166,7 +166,8 @@ const e = "Save", t = "Options", o = "avatar", n = "Publish", a = "component", i
   "Use Saved Version": "Use Saved Version",
   "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."
+  "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,
@@ -209,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-B22SqDyv.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", m = "Borde", g = "Transparente", y = "Agregar", b = "propiedad", h = "valor", f = "Editando", T = "Eliminar", v = "Vista previa", C = "Móvil", S = "Negrita", E = "Lista", w = "Buscar", D = "Horizontal", L = "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 = {
+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.",
@@ -55,11 +55,11 @@ const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar",
   "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: m,
+  Border: g,
   "Border Style": "Estilo del borde",
   "Border Width": "Ancho del borde",
   "Border Color": "Color del borde",
-  Transparent: g,
+  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.",
@@ -106,8 +106,8 @@ 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,
+  Landscape: L,
+  Portrait: D,
   Squarish: H,
   "Total pages": "Páginas totales",
   Images: A,
@@ -166,13 +166,14 @@ const e = "Guardar", o = "Opciones", a = "avatar", t = "Publicar", n = "Cerrar",
   "Use Saved Version": "Usar la versión guardada",
   "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."
+  "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,
   N as All,
   S as Bold,
-  m as Border,
+  g as Border,
   n as Close,
   V as Component,
   R as Content,
@@ -183,7 +184,7 @@ export {
   F as Image,
   A as Images,
   P as Information,
-  D as Landscape,
+  L as Landscape,
   B as Link,
   E as List,
   c as Margin,
@@ -191,7 +192,7 @@ export {
   M as Next,
   o as Options,
   d as Padding,
-  L as Portrait,
+  D as Portrait,
   x as Prev,
   v as Preview,
   t as Publish,
@@ -202,7 +203,7 @@ export {
   H as Squarish,
   i as Styles,
   q as Text,
-  g as Transparent,
+  m as Transparent,
   z as Types,
   r as Typographies,
   I as array,

package/dist/{fr-DvzSNDOH.js → fr-Bb-szPYF.js}

@@ -1,4 +1,4 @@
-const e = "Enregistrer", t = "Options", s = "avatar", o = "Publier", r = "Fermer", a = "composant", n = "Styles", i = "Typographies", l = "Sélectionner", u = "Marge intérieure", c = "Marge", d = "Global", p = "Spécifique", m = "Bordure", g = "Transparent", v = "Ajouter", y = "propriété", h = "valeur", f = "Édition", T = "Supprimer", b = "Aperçu", C = "Mobile", S = "Gras", z = "Liste", x = "Rechercher", w = "Paysage", q = "Portrait", L = "Carré", M = "Images", A = "Précédent", P = "Suivant", D = "Information", H = "Texte", B = "Lien", I = "Types", E = "tableau", k = "Contenu", R = "Élément", j = "Composant", F = "Tous", W = "Image", V = {
+const e = "Enregistrer", t = "Options", s = "avatar", o = "Publier", r = "Fermer", n = "composant", a = "Styles", i = "Typographies", l = "Sélectionner", u = "Marge intérieure", c = "Marge", d = "Global", p = "Spécifique", m = "Bordure", g = "Transparent", v = "Ajouter", y = "propriété", h = "valeur", f = "Édition", T = "Supprimer", b = "Aperçu", C = "Mobile", S = "Gras", z = "Liste", x = "Rechercher", q = "Paysage", w = "Portrait", L = "Carré", M = "Images", A = "Précédent", P = "Suivant", D = "Information", H = "Texte", B = "Lien", I = "Types", E = "tableau", k = "Contenu", R = "Élément", j = "Composant", F = "Tous", W = "Image", V = {
   "Reset Page": "Réinitialiser la page",
   "Global Page Styles": "Styles de page globaux",
   "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.": "Essayez le puissant Click & Drop Page Builder, conçu pour les développeurs et les créateurs qui souhaitent un contrôle total sans tracas. Personnalisez les mises en page, les polices et les couleurs. Modifiez le contenu visuellement en temps réel. Ajoutez des médias, intégrez des vidéos YouTube ou exportez tout en HTML propre. Avec l'édition réactive, la sauvegarde automatique locale, la prise en charge de Tailwind et même l'intégration Unsplash, c'est tout ce dont vous avez besoin, enveloppé dans un seul constructeur transparent. Créez des pages impressionnantes en quelques minutes.",
@@ -19,12 +19,12 @@ const e = "Enregistrer", t = "Options", s = "avatar", o = "Publier", r = "Fermer
   Close: r,
   "Helper Components": "Composants d'aide",
   "Click to add": "Cliquez pour ajouter",
-  component: a,
+  component: n,
   "Layout Components": "Composants de mise en page",
   "Click to add component": "Cliquez pour ajouter un composant",
   "Remove all Components": "Supprimer tous les composants",
   "Are you sure you want to remove all Components?": "Êtes-vous sûr de vouloir supprimer tous les composants ?",
-  Styles: n,
+  Styles: a,
   "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.": "Appliquez des styles qui affectent toute la page. Ces paramètres incluent la famille de polices globale, la couleur du texte, la couleur de fond et d'autres styles universels qui s'appliquent à toutes les sections.",
   "Update Page Styles": "Mettre à jour les styles de page",
   "Download HTML": "Télécharger HTML",
@@ -106,8 +106,8 @@ const e = "Enregistrer", t = "Options", s = "avatar", o = "Publier", r = "Fermer
   "Are you sure you want to reset this page? This will overwrite your current changes.": "Êtes-vous sûr de vouloir réinitialiser cette page ? Cela écrasera vos modifications actuelles.",
   Search: x,
   "Search...": "Rechercher...",
-  Landscape: w,
-  Portrait: q,
+  Landscape: q,
+  Portrait: w,
   Squarish: L,
   "Total pages": "Pages totales",
   Images: M,
@@ -166,7 +166,8 @@ const e = "Enregistrer", t = "Options", s = "avatar", o = "Publier", r = "Fermer
   "Use Saved Version": "Utiliser la version enregistrée",
   "Continue Where I Left Off": "Continuer là où je me suis arrêté",
   "HTML Editor": "Éditeur HTML",
-  "Gain full control over components by editing the raw HTML.": "Obtenez un contrôle total sur les composants en modifiant le code HTML brut."
+  "Gain full control over components by editing the raw HTML.": "Obtenez un contrôle total sur les composants en modifiant le code HTML brut.",
+  "Large Screens Only": "Grands écrans uniquement"
 };
 export {
   v as Add,
@@ -183,7 +184,7 @@ export {
   W as Image,
   M as Images,
   D as Information,
-  w as Landscape,
+  q as Landscape,
   B as Link,
   z as List,
   c as Margin,
@@ -191,7 +192,7 @@ export {
   P as Next,
   t as Options,
   u as Padding,
-  q as Portrait,
+  w as Portrait,
   A as Prev,
   b as Preview,
   o as Publish,
@@ -200,14 +201,14 @@ export {
   l as Select,
   p as Specific,
   L as Squarish,
-  n as Styles,
+  a as Styles,
   H as Text,
   g as Transparent,
   I as Types,
   i as Typographies,
   E as array,
   s as avatar,
-  a as component,
+  n as component,
   V as default,
   y as property,
   h as value

package/dist/{hi-BZT8U4mG.js → hi-Z-tSAHna.js}

@@ -166,7 +166,8 @@ const e = "सहेजें", t = "विकल्प", o = "अवतार",
   "Use Saved Version": "सहेजा गया संस्करण उपयोग करें",
   "Continue Where I Left Off": "वहीं से शुरु करो जहाँ मैने छोड़ा था",
   "HTML Editor": "HTML संपादक",
-  "Gain full control over components by editing the raw HTML.": "कच्चे HTML को संपादित करके घटकों पर पूर्ण नियंत्रण प्राप्त करें।"
+  "Gain full control over components by editing the raw HTML.": "कच्चे HTML को संपादित करके घटकों पर पूर्ण नियंत्रण प्राप्त करें।",
+  "Large Screens Only": "केवल बड़ी स्क्रीन"
 };
 export {
   h as Add,

package/dist/{ja-Dz8pZ4kc.js → ja-BsFKC04n.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 = "次へ", I = "情報", x = "テキスト", E = "タイプ", F = "配列", R = "コンテンツ", V = "要素", W = "コンポーネント", q = "すべて", z = "画像", U = {
+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 = "次へ", I = "情報", x = "テキスト", E = "タイプ", F = "配列", R = "コンテンツ", V = "要素", W = "コンポーネント", q = "すべて", z = "画像", 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統合を備えた、必要なすべてが1つのシームレスなビルダーにまとめられています。数分で素晴らしいページを作成します。",
@@ -65,11 +65,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...": "読み込み中...",
@@ -166,10 +166,11 @@ const e = "保存", t = "オプション", o = "アバター", n = "公開する
   "Use Saved Version": "保存されたバージョンを使用",
   "Continue Where I Left Off": "中断したところから続行",
   "HTML Editor": "HTMLエディター",
-  "Gain full control over components by editing the raw HTML.": "生の 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,
@@ -209,6 +210,6 @@ export {
   o as avatar,
   s as component,
   U as default,
-  y as property,
+  h as property,
   T as value
 };

package/dist/{pt-BKVGGQ7s.js → pt-CR27KWIb.js}

@@ -1,4 +1,4 @@
-const e = "Salvar", o = "Opções", a = "avatar", t = "Publicar", s = "Fechar", i = "componente", n = "Estilos", r = "Tipografias", d = "Selecionar", l = "Preenchimento", c = "Margem", p = "Global", u = "Específico", m = "Borda", g = "Transparente", h = "Adicionar", v = "propriedade", f = "valor", T = "Editando", y = "Excluir", C = "Pré-visualização", b = "Celular", S = "Negrito", q = "Lista", w = "Pesquisar", x = "Paisagem", E = "Retrato", L = "Quadrado", P = "Imagens", H = "Anterior", D = "Próximo", A = "Informação", M = "Texto", B = "Link", I = "Tipos", k = "array", R = "Conteúdo", z = "Elemento", V = "Componente", F = "Todos", N = "Imagem", j = {
+const e = "Salvar", o = "Opções", a = "avatar", t = "Publicar", s = "Fechar", i = "componente", n = "Estilos", r = "Tipografias", d = "Selecionar", l = "Preenchimento", c = "Margem", p = "Global", u = "Específico", m = "Borda", g = "Transparente", h = "Adicionar", v = "propriedade", f = "valor", T = "Editando", y = "Excluir", C = "Pré-visualização", b = "Celular", S = "Negrito", q = "Lista", w = "Pesquisar", x = "Paisagem", L = "Retrato", E = "Quadrado", P = "Imagens", H = "Anterior", D = "Próximo", A = "Informação", M = "Texto", B = "Link", I = "Tipos", k = "array", R = "Conteúdo", z = "Elemento", V = "Componente", F = "Todos", N = "Imagem", j = {
   "Reset Page": "Redefinir página",
   "Global Page Styles": "Estilos de página globais",
   "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.": "Experimente o poderoso Click & Drop Page Builder – projetado para desenvolvedores e criadores que desejam controle total sem complicações. Personalize layouts, fontes e cores. Edite conteúdo visualmente em tempo real. Adicione mídia, incorpore vídeos do YouTube ou exporte tudo como HTML limpo. Com edição responsiva, salvamento automático local, suporte ao Tailwind e até integração com o Unsplash, é tudo o que você precisa – envolvido em um único construtor perfeito. Crie páginas impressionantes em minutos.",
@@ -107,8 +107,8 @@ const e = "Salvar", o = "Opções", a = "avatar", t = "Publicar", s = "Fechar",
   Search: w,
   "Search...": "Pesquisar...",
   Landscape: x,
-  Portrait: E,
-  Squarish: L,
+  Portrait: L,
+  Squarish: E,
   "Total pages": "Total de páginas",
   Images: P,
   "First page": "Primeira página",
@@ -166,7 +166,8 @@ const e = "Salvar", o = "Opções", a = "avatar", t = "Publicar", s = "Fechar",
   "Use Saved Version": "Usar a versão salva",
   "Continue Where I Left Off": "Continuar de onde parei",
   "HTML Editor": "Editor HTML",
-  "Gain full control over components by editing the raw HTML.": "Obtenha controlo total sobre os componentes editando o HTML em bruto."
+  "Gain full control over components by editing the raw HTML.": "Obtenha controlo total sobre os componentes editando o HTML em bruto.",
+  "Large Screens Only": "Somente telas grandes"
 };
 export {
   h as Add,
@@ -191,7 +192,7 @@ export {
   D as Next,
   o as Options,
   l as Padding,
-  E as Portrait,
+  L as Portrait,
   H as Prev,
   C as Preview,
   t as Publish,
@@ -199,7 +200,7 @@ export {
   w as Search,
   d as Select,
   u as Specific,
-  L as Squarish,
+  E as Squarish,
   n as Styles,
   M as Text,
   g as Transparent,