@myissue/vue-website-page-builder 3.3.67 → 3.3.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +1 -66
  2. package/dist/vue-website-page-builder.js +11674 -14514
  3. package/dist/vue-website-page-builder.umd.cjs +57 -78
  4. package/package.json +1 -1
  5. package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +2 -2
  6. package/src/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue +13 -19
  7. package/src/Components/PageBuilder/EditorMenu/Editables/Borders.vue +7 -9
  8. package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue +7 -8
  9. package/src/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue +3 -7
  10. package/src/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue +3 -5
  11. package/src/Components/PageBuilder/EditorMenu/Editables/Margin.vue +5 -9
  12. package/src/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue +1 -1
  13. package/src/Components/PageBuilder/EditorMenu/Editables/Padding.vue +5 -9
  14. package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue +7 -8
  15. package/src/Components/PageBuilder/EditorMenu/Editables/Typography.vue +9 -25
  16. package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +12 -9
  17. package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +3 -3
  18. package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue +4 -4
  19. package/src/PageBuilder/PageBuilder.vue +28 -75
  20. package/src/composables/builderInstance.ts +2 -3
  21. package/src/main.ts +5 -10
  22. package/src/services/PageBuilderService.ts +28 -120
  23. package/src/stores/page-builder-state.ts +6 -0
  24. package/src/tests/PageBuilderTest.vue +53 -21
  25. package/src/tests/pageBuilderService.test.ts +1 -7
  26. package/src/types/index.ts +1 -1
  27. package/src/i18n.ts +0 -28
  28. package/src/locales/ar.json +0 -136
  29. package/src/locales/de.json +0 -136
  30. package/src/locales/en.json +0 -136
  31. package/src/locales/es.json +0 -136
  32. package/src/locales/fr.json +0 -136
  33. package/src/locales/hi.json +0 -136
  34. package/src/locales/ja.json +0 -136
  35. package/src/locales/pt.json +0 -136
  36. package/src/locales/ru.json +0 -136
  37. package/src/locales/zh-Hans.json +0 -136
package/README.md CHANGED
@@ -23,8 +23,6 @@
23
23
  - [Important: CSS Prefixing (`pbx-`)](#important-css-prefixing-pbx-)
24
24
  - [Rendering HTML Output in Other Frameworks (React, Nuxt, etc.)](#rendering-html-output-in-other-frameworks-react-nuxt-etc)
25
25
  - [Providing Configuration to the Page Builder](#providing-configuration-to-the-page-builder)
26
- - [Comprehensive Language Support in the Page Builder](#comprehensive-language-support-in-the-page-builder)
27
- - [Disabling the Language Dropdown](#disabling-the-language-dropdown)
28
26
  - [Local Storage \& Auto-Save](#local-storage--auto-save)
29
27
  - [Retrieving the Latest HTML Content for Form Submission](#retrieving-the-latest-html-content-for-form-submission)
30
28
  - [Resetting the Builder After Successful Resource Creation or Update](#resetting-the-builder-after-successful-resource-creation-or-update)
@@ -104,7 +102,6 @@ Includes:
104
102
  The Page Builder is packed with features:
105
103
 
106
104
  - **Click & Drop**: Easily rearrange elements on your page.
107
- - **Multilingual Page Builder**: : The Page Builder now offers comprehensive language support, empowering users around the world to build pages in their native language. Supported languages include English, Simplified Chinese, French, Japanese, Russian, Spanish, Portuguese, German, Arabic, and Hindi — making content creation truly global.
108
105
  - **Reordering**: Change the order of your content without hassle.
109
106
  - **True Visual Editing**: See your changes in real-time as you make them.
110
107
  - **Media Library**: Easily inject your own custom media library component.
@@ -320,10 +317,7 @@ const configPageBuilder = {
320
317
  },
321
318
  userSettings: {
322
319
  theme: 'light',
323
- language: {
324
- default: 'en',
325
- enable: ['en', 'zh-Hans', 'fr'],
326
- },
320
+ language: 'en',
327
321
  autoSave: true,
328
322
  },
329
323
  settings: {
@@ -343,65 +337,6 @@ console.info('You may inspect this result for message, status, or error:', resul
343
337
  </template>
344
338
  ```
345
339
 
346
- ## Comprehensive Language Support in the Page Builder
347
-
348
- 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:
349
-
350
- | Language | Code |
351
- | -------------------- | ------- |
352
- | English | en |
353
- | Chinese (Simplified) | zh-Hans |
354
- | French | fr |
355
- | Japanese | ja |
356
- | Russian | ru |
357
- | Spanish | es |
358
- | Portuguese (Brazil) | pt |
359
- | German | de |
360
- | Arabic | ar |
361
- | Hindi | hi |
362
-
363
- You can set a default language for your project:
364
-
365
- ```js
366
- userSettings: {
367
- language: {
368
- default: 'en',
369
- enable: ['en', 'zh-Hans', 'fr'],
370
- },
371
- },
372
- ```
373
-
374
- If you prefer to offer only a subset of these languages for users to switch between, specify them using the `enable` option.
375
-
376
- If you do not provide the `enable` array, the Page Builder will default to showing all supported languages by default.
377
-
378
- ```js
379
- userSettings: {
380
- language: {
381
- default: 'en',
382
- enable: ['en', 'zh-Hans', 'fr'],
383
- },
384
- },
385
- ```
386
-
387
- #### Disabling the Language Dropdown
388
-
389
- 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`.
390
-
391
- 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.
392
-
393
- ```js
394
- userSettings: {
395
- theme: 'light',
396
- language: {
397
- default: 'en',
398
- disableLanguageDropdown: true,
399
- },
400
- },
401
- ```
402
-
403
- This flexibility allows you to tailor the language experience to your audience’s needs.
404
-
405
340
  ## Local Storage & Auto-Save
406
341
 
407
342
  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.