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

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 (48) hide show
  1. package/README.md +216 -129
  2. package/dist/logo/mybuilder_new_lowercase.svg +17558 -0
  3. package/dist/vue-website-page-builder.css +1 -1
  4. package/dist/vue-website-page-builder.js +16345 -13089
  5. package/dist/vue-website-page-builder.umd.cjs +78 -54
  6. package/package.json +3 -2
  7. package/src/Components/DemoUnsplash.vue +1 -4
  8. package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +4 -3
  9. package/src/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue +32 -13
  10. package/src/Components/PageBuilder/EditorMenu/Editables/Borders.vue +12 -8
  11. package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue +10 -8
  12. package/src/Components/PageBuilder/EditorMenu/Editables/EditGetElement.vue +5 -5
  13. package/src/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue +12 -9
  14. package/src/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue +6 -4
  15. package/src/Components/PageBuilder/EditorMenu/Editables/Margin.vue +11 -5
  16. package/src/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue +1 -1
  17. package/src/Components/PageBuilder/EditorMenu/Editables/Padding.vue +11 -5
  18. package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue +116 -0
  19. package/src/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue +2 -1
  20. package/src/Components/PageBuilder/EditorMenu/Editables/Typography.vue +32 -9
  21. package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +63 -74
  22. package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +3 -3
  23. package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue +14 -11
  24. package/src/PageBuilder/PageBuilder.vue +169 -65
  25. package/src/PageBuilder/Preview.vue +25 -9
  26. package/src/composables/builderInstance.ts +3 -2
  27. package/src/composables/extractCleanHTMLFromPageBuilder.ts +4 -3
  28. package/src/css/app.css +10 -70
  29. package/src/i18n.ts +28 -0
  30. package/src/locales/ar.json +136 -0
  31. package/src/locales/de.json +136 -0
  32. package/src/locales/en.json +136 -0
  33. package/src/locales/es.json +136 -0
  34. package/src/locales/fr.json +136 -0
  35. package/src/locales/hi.json +136 -0
  36. package/src/locales/ja.json +136 -0
  37. package/src/locales/pt.json +136 -0
  38. package/src/locales/ru.json +136 -0
  39. package/src/locales/zh-Hans.json +136 -0
  40. package/src/main.ts +10 -5
  41. package/src/services/LocalStorageManager.ts +1 -162
  42. package/src/services/PageBuilderService.ts +730 -290
  43. package/src/stores/page-builder-state.ts +8 -0
  44. package/src/tests/PageBuilderTest.vue +41 -70
  45. package/src/tests/componentsArray.test.json +3 -3
  46. package/src/tests/pageBuilderService.test.ts +7 -1
  47. package/src/types/index.ts +17 -3
  48. package/src/utils/html-elements/component.ts +10 -10
@@ -0,0 +1,136 @@
1
+ {
2
+ "language": "Langue",
3
+ "button": {
4
+ "addComponentsToBottom": "Ajouter des composants en bas",
5
+ "publish": "Publier",
6
+ "addComponents": "Ajouter de nouveaux composants",
7
+ "save": "Enregistrer",
8
+ "resetPage": "Réinitialiser la page"
9
+ },
10
+ "options": {
11
+ "button": "Options",
12
+ "configOverview": "Aperçu de la configuration",
13
+ "htmlOverview": "Aperçu HTML",
14
+ "deleteLayout": "Supprimer la mise en page"
15
+ },
16
+ "features": {
17
+ "liveDragDropBuilder": {
18
+ "name": "Glisser-déposer en direct",
19
+ "description": "Cliquez et déposez du contenu sur une page et voyez votre page prendre vie. Donnez vie à votre vision et créez des pages impressionnantes avec un Page Builder glisser-déposer."
20
+ },
21
+ "trueVisualEditing": {
22
+ "name": "Édition visuelle réelle",
23
+ "description": "Voyez vos modifications en temps réel. Élevez votre vision créative et créez des pages avec un page builder intuitif. Libérez-vous des limites de conception et concrétisez vos idées."
24
+ },
25
+ "features": {
26
+ "name": "Fonctionnalités",
27
+ "description": "Glisser-déposer, réorganisation, édition visuelle réelle, édition responsive, personnalisation des polices, annuler & rétablir, édition de texte, médiathèque, intégration Unsplash, vidéos YouTube."
28
+ },
29
+ "technologies": {
30
+ "name": "Technologies",
31
+ "description": "Développé avec TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS et HTML."
32
+ },
33
+ "setBrandAndLinkColors": {
34
+ "name": "Définir les couleurs de marque et de lien à un seul endroit",
35
+ "description": "Styles globaux pour les polices, designs et couleurs. Définissez les couleurs de marque et de lien une fois et appliquez-les sur toute la plateforme facilement."
36
+ },
37
+ "mobileFirstApproach": {
38
+ "name": "Approche Mobile-First",
39
+ "description": "Développé avec une approche Mobile-First. Le Page Builder fonctionne même sur mobile."
40
+ },
41
+ "mediaLibrary": {
42
+ "name": "Médiathèque",
43
+ "description": "Une médiathèque belle et conviviale qui permet de changer et mettre à jour les images. Intégration Unsplash incluse."
44
+ },
45
+ "minimalIntuitiveDesign": {
46
+ "name": "Design minimal et intuitif",
47
+ "description": "Un design beau, élégant et intuitif. Améliorez l'engagement utilisateur avec une expérience visuelle incroyable."
48
+ }
49
+ },
50
+ "branding": {
51
+ "mainHeader": "Donnez vie à votre vision et créez des pages impressionnantes avec un Page Builder glisser-déposer",
52
+ "description": "Le créateur de pages web pour des pages époustouflantes. Permettez aux utilisateurs de concevoir et publier des pages modernes à n'importe quelle échelle. Créez des pages réactives comme des listes, des offres d'emploi ou des articles de blog et gérez facilement le contenu grâce au Page Builder gratuit par glisser-déposer. Développé avec TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS et HTML. Téléchargez ou installez gratuitement notre puissant, flexible et facile à utiliser Page Builder Vue 3.",
53
+ "downloadDescription": "Téléchargez ou installez gratuitement notre puissant, flexible et facile à utiliser Page Builder Vue 3 via"
54
+ },
55
+ "typography": {
56
+ "title": "Typographie",
57
+ "appearance": "Apparence de la police",
58
+ "fontSize": "Taille de la police",
59
+ "fontTabletSize": "Taille de la police pour tablette",
60
+ "fontMobileSize": "Petits écrans",
61
+ "fontWeight": "Graisse de la police",
62
+ "fontFamily": "Famille de polices",
63
+ "fontStyle": "Style de police"
64
+ },
65
+ "opacity": {
66
+ "label": "Opacité",
67
+ "transparent": "Transparent"
68
+ },
69
+ "backgroundOpacity": {
70
+ "label": "Opacité de fond",
71
+ "transparent": "Transparent"
72
+ },
73
+ "padding": {
74
+ "title": "Marge intérieure",
75
+ "vertical": "Marge intérieure verticale",
76
+ "horizontal": "Marge intérieure horizontale",
77
+ "select": "Sélectionner"
78
+ },
79
+ "margin": {
80
+ "title": "Marge extérieure",
81
+ "vertical": "Marge extérieure verticale",
82
+ "horizontal": "Marge extérieure horizontale",
83
+ "select": "Sélectionner"
84
+ },
85
+ "opacityEditor": {
86
+ "title": "Opacité et transparence"
87
+ },
88
+ "borderRadius": {
89
+ "title": "Rayon de bordure",
90
+ "global": "Global",
91
+ "specific": "Spécifique",
92
+ "label": "Rayon de bordure",
93
+ "topLeft": "Rayon de bordure en haut à gauche",
94
+ "topRight": "Rayon de bordure en haut à droite",
95
+ "bottomLeft": "Rayon de bordure en bas à gauche",
96
+ "bottomRight": "Rayon de bordure en bas à droite",
97
+ "select": "Sélectionner"
98
+ },
99
+ "borders": {
100
+ "title": "Style, largeur et couleur de bordure",
101
+ "border": "Bordure",
102
+ "style": "Style de bordure",
103
+ "width": "Largeur de bordure",
104
+ "color": "Couleur de bordure",
105
+ "select": "Sélectionner"
106
+ },
107
+ "classEditor": {
108
+ "title": "CSS généré",
109
+ "info": "Voici le CSS appliqué par le builder. Ajoutez votre propre CSS et appuyez sur Entrée pour l'appliquer à l'élément sélectionné.",
110
+ "add": "Ajoutez votre CSS.",
111
+ "prefix": "Le préfixe pbx- est ajouté automatiquement.",
112
+ "placeholder": "Tapez la classe",
113
+ "addButton": "Ajouter"
114
+ },
115
+ "styleEditor": {
116
+ "title": "Styles en ligne",
117
+ "info": "Voici les styles en ligne appliqués par le builder. Ajoutez vos propres styles et appuyez sur Entrée pour les appliquer à l'élément sélectionné.",
118
+ "add": "Ajoutez votre propre style.",
119
+ "propertyPlaceholder": "propriété",
120
+ "valuePlaceholder": "valeur",
121
+ "addButton": "Ajouter"
122
+ },
123
+ "rightSidebar": {
124
+ "backgroundColorEditor": {
125
+ "label": "Couleur de fond",
126
+ "transparent": "Transparent"
127
+ },
128
+ "editing": "Édition",
129
+ "globalPageStylesTitle": "Styles de page globaux",
130
+ "globalPageStylesDescription": "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.",
131
+ "updatePageStyles": "Mettre à jour les styles de page",
132
+ "downloadHtmlTitle": "Télécharger le HTML",
133
+ "downloadHtmlDescription": "Exportez toute la page en tant que fichier HTML autonome. Cela inclut toutes les sections, le contenu et les styles appliqués, prêt à être utilisé ou intégré ailleurs.",
134
+ "downloadHtmlButton": "Télécharger le fichier HTML"
135
+ }
136
+ }
@@ -0,0 +1,136 @@
1
+ {
2
+ "language": "भाषा",
3
+ "button": {
4
+ "addComponentsToBottom": "नीचे घटक जोड़ें",
5
+ "publish": "प्रकाशित करना",
6
+ "addComponents": "नए घटक जोड़ें",
7
+ "save": "सहेजें",
8
+ "resetPage": "पृष्ठ रीसेट करें"
9
+ },
10
+ "options": {
11
+ "button": "विकल्प",
12
+ "configOverview": "कॉन्फ़िगरेशन अवलोकन",
13
+ "htmlOverview": "HTML अवलोकन",
14
+ "deleteLayout": "लेआउट हटाएं"
15
+ },
16
+ "features": {
17
+ "liveDragDropBuilder": {
18
+ "name": "लाइव ड्रैग एंड ड्रॉप बिल्डर",
19
+ "description": "पेज पर सामग्री को क्लिक और ड्रैग करें और देखें कि आपके पेज कैसे जीवंत होते हैं। अपनी कल्पना को साकार करें और ड्रैग एंड ड्रॉप पेज बिल्डर का उपयोग करके शानदार पेज बनाएं।"
20
+ },
21
+ "trueVisualEditing": {
22
+ "name": "सच्चा दृश्य संपादन",
23
+ "description": "जैसे ही आप बदलाव करते हैं, उन्हें वास्तविक समय में देखें। अपनी रचनात्मक दृष्टि को ऊँचा करें और सहज पेज बिल्डर का उपयोग करके पेज बनाएं। डिज़ाइन की सीमाओं से मुक्त हों और अपनी कल्पनाओं को साकार करें।"
24
+ },
25
+ "features": {
26
+ "name": "विशेषताएँ",
27
+ "description": "क्लिक और ड्रॉप, पुन: क्रम, सच्चा दृश्य संपादन, उत्तरदायी संपादन, फ़ॉन्ट अनुकूलन, पूर्ववत् और पुनः करें, पाठ संपादन, मीडिया लाइब्रेरी, Unsplash एकीकरण, YouTube वीडियो।"
28
+ },
29
+ "technologies": {
30
+ "name": "प्रौद्योगिकियाँ",
31
+ "description": "TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS और HTML के साथ विकसित।"
32
+ },
33
+ "setBrandAndLinkColors": {
34
+ "name": "ब्रांड और लिंक रंग एक ही स्थान पर सेट करें",
35
+ "description": "फ़ॉन्ट, डिज़ाइन और रंगों के लिए वैश्विक शैलियाँ। ब्रांड और लिंक रंग एक बार सेट करें और पूरे प्लेटफ़ॉर्म पर आसानी से लागू करें।"
36
+ },
37
+ "mobileFirstApproach": {
38
+ "name": "मोबाइल-फर्स्ट दृष्टिकोण",
39
+ "description": "मोबाइल-फर्स्ट दृष्टिकोण के साथ विकसित। पेज बिल्डर मोबाइल फोन पर भी काम करता है।"
40
+ },
41
+ "mediaLibrary": {
42
+ "name": "मीडिया लाइब्रेरी",
43
+ "description": "एक सुंदर और उपयोगकर्ता-अनुकूल मीडिया लाइब्रेरी जो आपको छवियों को बदलने और अपडेट करने की अनुमति देती है। Unsplash एकीकरण शामिल है।"
44
+ },
45
+ "minimalIntuitiveDesign": {
46
+ "name": "मिनिमल और सहज डिज़ाइन",
47
+ "description": "सुंदर, सुरुचिपूर्ण और सहज डिज़ाइन। अद्भुत दृश्य अनुभव के साथ उपयोगकर्ता सहभागिता बढ़ाएँ।"
48
+ }
49
+ },
50
+ "branding": {
51
+ "mainHeader": "अपनी कल्पना को साकार करें और ड्रैग एंड ड्रॉप पेज बिल्डर का उपयोग करके शानदार पेज बनाएं",
52
+ "description": "शानदार पेजों के लिए वेब बिल्डर। उपयोगकर्ताओं को किसी भी स्तर पर आधुनिक पेज डिज़ाइन और प्रकाशित करने में सक्षम बनाएं। लिस्टिंग, नौकरियों या ब्लॉग पोस्ट जैसे उत्तरदायी पेज बनाएं और मुफ्त क्लिक और ड्रॉप पेज बिल्डर का उपयोग करके सामग्री को आसानी से प्रबंधित करें। TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS और HTML के साथ विकसित। हमारे शक्तिशाली, लचीले और उपयोग में आसान मुफ्त Vue 3 पेज बिल्डर को डाउनलोड या इंस्टॉल करें।",
53
+ "downloadDescription": "हमारे शक्तिशाली, लचीले और उपयोग में आसान मुफ्त Vue 3 पेज बिल्डर को डाउनलोड या इंस्टॉल करें via"
54
+ },
55
+ "typography": {
56
+ "title": "टाइपोग्राफी",
57
+ "appearance": "फ़ॉन्ट उपस्थिति",
58
+ "fontSize": "फ़ॉन्ट आकार",
59
+ "fontTabletSize": "टैबलेट के लिए फ़ॉन्ट आकार",
60
+ "fontMobileSize": "छोटी स्क्रीन",
61
+ "fontWeight": "फ़ॉन्ट वज़न",
62
+ "fontFamily": "फ़ॉन्ट परिवार",
63
+ "fontStyle": "फ़ॉन्ट शैली"
64
+ },
65
+ "opacity": {
66
+ "label": "अपारदर्शिता",
67
+ "transparent": "पारदर्शी"
68
+ },
69
+ "backgroundOpacity": {
70
+ "label": "पृष्ठभूमि अपारदर्शिता",
71
+ "transparent": "पारदर्शी"
72
+ },
73
+ "padding": {
74
+ "title": "पैडिंग",
75
+ "vertical": "लंबवत पैडिंग",
76
+ "horizontal": "क्षैतिज पैडिंग",
77
+ "select": "चुनें"
78
+ },
79
+ "margin": {
80
+ "title": "मार्जिन",
81
+ "vertical": "लंबवत मार्जिन",
82
+ "horizontal": "क्षैतिज मार्जिन",
83
+ "select": "चुनें"
84
+ },
85
+ "opacityEditor": {
86
+ "title": "अपारदर्शिता और पारदर्शिता"
87
+ },
88
+ "borderRadius": {
89
+ "title": "बॉर्डर रेडियस",
90
+ "global": "ग्लोबल",
91
+ "specific": "विशिष्ट",
92
+ "label": "बॉर्डर रेडियस",
93
+ "topLeft": "ऊपर बाएं बॉर्डर रेडियस",
94
+ "topRight": "ऊपर दाएं बॉर्डर रेडियस",
95
+ "bottomLeft": "नीचे बाएं बॉर्डर रेडियस",
96
+ "bottomRight": "नीचे दाएं बॉर्डर रेडियस",
97
+ "select": "चुनें"
98
+ },
99
+ "borders": {
100
+ "title": "बॉर्डर शैली, चौड़ाई और रंग",
101
+ "border": "बॉर्डर",
102
+ "style": "बॉर्डर शैली",
103
+ "width": "बॉर्डर चौड़ाई",
104
+ "color": "बॉर्डर रंग",
105
+ "select": "चुनें"
106
+ },
107
+ "classEditor": {
108
+ "title": "जनित CSS",
109
+ "info": "यह CSS है जो बिल्डर द्वारा लागू किया गया है। अपना CSS जोड़ें और चयनित तत्व पर लागू करने के लिए Enter दबाएँ।",
110
+ "add": "अपना CSS जोड़ें।",
111
+ "prefix": "pbx- उपसर्ग स्वचालित रूप से जोड़ा जाता है।",
112
+ "placeholder": "क्लास टाइप करें",
113
+ "addButton": "जोड़ें"
114
+ },
115
+ "styleEditor": {
116
+ "title": "इनलाइन स्टाइल्स",
117
+ "info": "ये वे इनलाइन स्टाइल्स हैं जो बिल्डर द्वारा लागू किए गए हैं। अपनी खुद की स्टाइल जोड़ें और चयनित तत्व पर लागू करने के लिए Enter दबाएँ।",
118
+ "add": "अपनी खुद की स्टाइल जोड़ें।",
119
+ "propertyPlaceholder": "प्रॉपर्टी",
120
+ "valuePlaceholder": "मान",
121
+ "addButton": "जोड़ें"
122
+ },
123
+ "rightSidebar": {
124
+ "backgroundColorEditor": {
125
+ "label": "पृष्ठभूमि रंग",
126
+ "transparent": "पारदर्शी"
127
+ },
128
+ "editing": "संपादन",
129
+ "globalPageStylesTitle": "ग्लोबल पेज स्टाइल्स",
130
+ "globalPageStylesDescription": "ऐसे स्टाइल्स लागू करें जो पूरे पेज को प्रभावित करते हैं। इन सेटिंग्स में ग्लोबल फ़ॉन्ट फ़ैमिली, टेक्स्ट कलर, बैकग्राउंड कलर और अन्य यूनिवर्सल स्टाइल्स शामिल हैं जो सभी सेक्शन्स पर लागू होते हैं।",
131
+ "updatePageStyles": "पेज स्टाइल्स अपडेट करें",
132
+ "downloadHtmlTitle": "HTML डाउनलोड करें",
133
+ "downloadHtmlDescription": "पूरे पेज को एक स्टैंडअलोन HTML फ़ाइल के रूप में एक्सपोर्ट करें। इसमें सभी सेक्शन, कंटेंट और लागू स्टाइल्स शामिल हैं, जिससे यह कहीं भी उपयोग या इंटीग्रेट करने के लिए तैयार है।",
134
+ "downloadHtmlButton": "HTML फ़ाइल डाउनलोड करें"
135
+ }
136
+ }
@@ -0,0 +1,136 @@
1
+ {
2
+ "language": "言語",
3
+ "button": {
4
+ "addComponentsToBottom": "下部にコンポーネントを追加",
5
+ "publish": "公開",
6
+ "addComponents": "新しいコンポーネントを追加",
7
+ "save": "保存",
8
+ "resetPage": "ページをリセット"
9
+ },
10
+ "options": {
11
+ "button": "オプション",
12
+ "configOverview": "設定概要",
13
+ "htmlOverview": "HTML概要",
14
+ "deleteLayout": "レイアウトを削除"
15
+ },
16
+ "features": {
17
+ "liveDragDropBuilder": {
18
+ "name": "ライブドラッグ&ドロップビルダー",
19
+ "description": "ページ上にコンテンツをクリック&ドロップして、ページが生き生きとする様子をご覧ください。あなたのビジョンを形にし、ドラッグ&ドロップページビルダーで印象的なページを作成しましょう。"
20
+ },
21
+ "trueVisualEditing": {
22
+ "name": "本当のビジュアル編集",
23
+ "description": "変更をリアルタイムで確認。直感的なページビルダーでページを作成し、創造的なビジョンを高めましょう。デザインの制限を打ち破り、アイデアを現実に。"
24
+ },
25
+ "features": {
26
+ "name": "機能",
27
+ "description": "ドラッグ&ドロップ、並べ替え、本当のビジュアル編集、レスポンシブ編集、フォントカスタマイズ、元に戻す&やり直し、テキスト編集、メディアライブラリ、Unsplash連携、YouTube動画。"
28
+ },
29
+ "technologies": {
30
+ "name": "技術",
31
+ "description": "TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS、HTMLで開発。"
32
+ },
33
+ "setBrandAndLinkColors": {
34
+ "name": "ブランドとリンクカラーを一括設定",
35
+ "description": "フォント、デザイン、カラーのグローバルスタイル。ブランドとリンクカラーを一度設定し、全プラットフォームに簡単適用。"
36
+ },
37
+ "mobileFirstApproach": {
38
+ "name": "モバイルファーストアプローチ",
39
+ "description": "モバイルファーストアプローチで開発。ページビルダーはスマホでも動作します。"
40
+ },
41
+ "mediaLibrary": {
42
+ "name": "メディアライブラリ",
43
+ "description": "画像の変更や更新ができる美しく使いやすいメディアライブラリ。Unsplash連携付き。"
44
+ },
45
+ "minimalIntuitiveDesign": {
46
+ "name": "ミニマルで直感的なデザイン",
47
+ "description": "美しくエレガントで直感的なデザイン。素晴らしいビジュアル体験でユーザーのエンゲージメントを高めます。"
48
+ }
49
+ },
50
+ "branding": {
51
+ "mainHeader": "あなたのビジョンを形にし、ドラッグ&ドロップページビルダーで印象的なページを作成しましょう",
52
+ "description": "素晴らしいページのためのウェブビルダー。ユーザーがあらゆる規模でモダンなページをデザインし公開できるようにします。リスト、求人、ブログ記事などのレスポンシブページを作成し、無料のドラッグ&ドロップページビルダーでコンテンツを簡単に管理できます。TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS、HTMLで開発。パワフルで柔軟、使いやすい無料のVue 3ページビルダーをダウンロードまたはインストールしてください。",
53
+ "downloadDescription": "パワフルで柔軟、使いやすい無料のVue 3ページビルダーをダウンロードまたはインストールしてください via"
54
+ },
55
+ "typography": {
56
+ "title": "タイポグラフィ",
57
+ "appearance": "フォントの外観",
58
+ "fontSize": "フォントサイズ",
59
+ "fontTabletSize": "タブレット用フォントサイズ",
60
+ "fontMobileSize": "小さい画面",
61
+ "fontWeight": "フォントの太さ",
62
+ "fontFamily": "フォントファミリー",
63
+ "fontStyle": "フォントスタイル"
64
+ },
65
+ "opacity": {
66
+ "label": "不透明度",
67
+ "transparent": "透明"
68
+ },
69
+ "backgroundOpacity": {
70
+ "label": "背景の不透明度",
71
+ "transparent": "透明"
72
+ },
73
+ "padding": {
74
+ "title": "パディング",
75
+ "vertical": "縦パディング",
76
+ "horizontal": "横パディング",
77
+ "select": "選択"
78
+ },
79
+ "margin": {
80
+ "title": "マージン",
81
+ "vertical": "縦マージン",
82
+ "horizontal": "横マージン",
83
+ "select": "選択"
84
+ },
85
+ "opacityEditor": {
86
+ "title": "不透明度と透明度"
87
+ },
88
+ "borderRadius": {
89
+ "title": "ボーダー半径",
90
+ "global": "グローバル",
91
+ "specific": "個別",
92
+ "label": "ボーダー半径",
93
+ "topLeft": "左上のボーダー半径",
94
+ "topRight": "右上のボーダー半径",
95
+ "bottomLeft": "左下のボーダー半径",
96
+ "bottomRight": "右下のボーダー半径",
97
+ "select": "選択"
98
+ },
99
+ "borders": {
100
+ "title": "ボーダースタイル、幅、色",
101
+ "border": "ボーダー",
102
+ "style": "ボーダースタイル",
103
+ "width": "ボーダー幅",
104
+ "color": "ボーダー色",
105
+ "select": "選択"
106
+ },
107
+ "classEditor": {
108
+ "title": "生成されたCSS",
109
+ "info": "これはビルダーによって適用されたCSSです。独自のCSSを追加し、Enterキーを押して選択した要素に適用します。",
110
+ "add": "CSSを追加してください。",
111
+ "prefix": "pbx-プレフィックスは自動的に追加されます。",
112
+ "placeholder": "クラスを入力",
113
+ "addButton": "追加"
114
+ },
115
+ "styleEditor": {
116
+ "title": "インラインスタイル",
117
+ "info": "これはビルダーによって適用されたインラインスタイルです。独自のスタイルを追加し、Enterキーを押して選択した要素に適用します。",
118
+ "add": "独自のスタイルを追加してください。",
119
+ "propertyPlaceholder": "プロパティ",
120
+ "valuePlaceholder": "値",
121
+ "addButton": "追加"
122
+ },
123
+ "rightSidebar": {
124
+ "backgroundColorEditor": {
125
+ "label": "背景色",
126
+ "transparent": "透明"
127
+ },
128
+ "editing": "編集",
129
+ "globalPageStylesTitle": "グローバルページスタイル",
130
+ "globalPageStylesDescription": "ページ全体に影響するスタイルを適用します。これらの設定には、グローバルフォントファミリー、テキストカラー、背景色、すべてのセクションに適用されるその他の共通スタイルが含まれます。",
131
+ "updatePageStyles": "ページスタイルを更新",
132
+ "downloadHtmlTitle": "HTMLをダウンロード",
133
+ "downloadHtmlDescription": "ページ全体をスタンドアロンのHTMLファイルとしてエクスポートします。これにはすべてのセクション、コンテンツ、および適用されたスタイルが含まれ、他の場所での使用や統合にすぐに利用できます。",
134
+ "downloadHtmlButton": "HTMLファイルをダウンロード"
135
+ }
136
+ }
@@ -0,0 +1,136 @@
1
+ {
2
+ "language": "Linguagem",
3
+ "button": {
4
+ "addComponentsToBottom": "Adicionar componentes ao final",
5
+ "publish": "Publicar",
6
+ "addComponents": "Adicionar novos componentes",
7
+ "save": "Salvar",
8
+ "resetPage": "Redefinir página"
9
+ },
10
+ "options": {
11
+ "button": "Opções",
12
+ "configOverview": "Visão geral da configuração",
13
+ "htmlOverview": "Visão geral do HTML",
14
+ "deleteLayout": "Excluir layout"
15
+ },
16
+ "features": {
17
+ "liveDragDropBuilder": {
18
+ "name": "Construtor de arrastar e soltar ao vivo",
19
+ "description": "Clique e solte conteúdo em uma página e veja sua página ganhar vida. Dê vida à sua visão e crie páginas impressionantes usando um Page Builder de arrastar e soltar."
20
+ },
21
+ "trueVisualEditing": {
22
+ "name": "Edição visual real",
23
+ "description": "Veja suas alterações em tempo real. Eleve sua visão criativa e crie páginas usando um page builder intuitivo. Liberte-se das limitações de design e realize suas ideias."
24
+ },
25
+ "features": {
26
+ "name": "Recursos",
27
+ "description": "Arrastar e soltar, reordenar, edição visual real, edição responsiva, personalização de fontes, desfazer e refazer, edição de texto, biblioteca de mídia, integração com Unsplash, vídeos do YouTube."
28
+ },
29
+ "technologies": {
30
+ "name": "Tecnologias",
31
+ "description": "Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML."
32
+ },
33
+ "setBrandAndLinkColors": {
34
+ "name": "Defina as cores da marca e do link em um só lugar",
35
+ "description": "Estilos globais para fontes, designs e cores. Defina as cores da marca e do link uma vez e aplique-as em toda a plataforma com facilidade."
36
+ },
37
+ "mobileFirstApproach": {
38
+ "name": "Abordagem Mobile-First",
39
+ "description": "Desenvolvido com abordagem Mobile-First. O Page Builder funciona até mesmo em celulares."
40
+ },
41
+ "mediaLibrary": {
42
+ "name": "Biblioteca de mídia",
43
+ "description": "Uma biblioteca de mídia bonita e fácil de usar que permite alterar e atualizar imagens. Integração com Unsplash incluída."
44
+ },
45
+ "minimalIntuitiveDesign": {
46
+ "name": "Design minimalista e intuitivo",
47
+ "description": "Design bonito, elegante e intuitivo. Melhore o engajamento do usuário com uma experiência visual incrível."
48
+ }
49
+ },
50
+ "branding": {
51
+ "mainHeader": "Dê vida à sua visão e crie páginas impressionantes usando um Page Builder de arrastar e soltar",
52
+ "description": "O construtor de páginas web para páginas impressionantes. Permita que os usuários projetem e publiquem páginas modernas em qualquer escala. Crie páginas responsivas como listagens, empregos ou blogs e gerencie o conteúdo facilmente usando o Page Builder gratuito de arrastar e soltar. Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML. Baixe ou instale gratuitamente nosso poderoso, flexível e fácil de usar Page Builder para Vue 3.",
53
+ "downloadDescription": "Baixe ou instale gratuitamente nosso poderoso, flexível e fácil de usar Page Builder para Vue 3 via"
54
+ },
55
+ "typography": {
56
+ "title": "Tipografia",
57
+ "appearance": "Aparência da fonte",
58
+ "fontSize": "Tamanho da fonte",
59
+ "fontTabletSize": "Tamanho da fonte para tablet",
60
+ "fontMobileSize": "Telas pequenas",
61
+ "fontWeight": "Peso da fonte",
62
+ "fontFamily": "Família da fonte",
63
+ "fontStyle": "Estilo da fonte"
64
+ },
65
+ "opacity": {
66
+ "label": "Opacidade",
67
+ "transparent": "Transparente"
68
+ },
69
+ "backgroundOpacity": {
70
+ "label": "Opacidade do fundo",
71
+ "transparent": "Transparente"
72
+ },
73
+ "padding": {
74
+ "title": "Preenchimento",
75
+ "vertical": "Preenchimento vertical",
76
+ "horizontal": "Preenchimento horizontal",
77
+ "select": "Selecionar"
78
+ },
79
+ "opacityEditor": {
80
+ "title": "Opacidade e transparência"
81
+ },
82
+ "margin": {
83
+ "title": "Margem",
84
+ "vertical": "Margem vertical",
85
+ "horizontal": "Margem horizontal",
86
+ "select": "Selecionar"
87
+ },
88
+ "borderRadius": {
89
+ "title": "Raio da borda",
90
+ "global": "Global",
91
+ "specific": "Específico",
92
+ "label": "Raio da borda",
93
+ "topLeft": "Raio da borda superior esquerda",
94
+ "topRight": "Raio da borda superior direita",
95
+ "bottomLeft": "Raio da borda inferior esquerda",
96
+ "bottomRight": "Raio da borda inferior direita",
97
+ "select": "Selecionar"
98
+ },
99
+ "borders": {
100
+ "title": "Estilo, largura e cor da borda",
101
+ "border": "Borda",
102
+ "style": "Estilo da borda",
103
+ "width": "Largura da borda",
104
+ "color": "Cor da borda",
105
+ "select": "Selecionar"
106
+ },
107
+ "classEditor": {
108
+ "title": "CSS Gerado",
109
+ "info": "Este é o CSS aplicado pelo construtor. Adicione seu próprio CSS e pressione Enter para aplicá-lo ao elemento selecionado.",
110
+ "add": "Adicione seu CSS.",
111
+ "prefix": "O prefixo pbx- é adicionado automaticamente.",
112
+ "placeholder": "Digite a classe",
113
+ "addButton": "Adicionar"
114
+ },
115
+ "styleEditor": {
116
+ "title": "Estilos Inline",
117
+ "info": "Estes são os estilos inline aplicados pelo construtor. Adicione seus próprios estilos e pressione Enter para aplicá-los ao elemento selecionado.",
118
+ "add": "Adicione seu próprio estilo.",
119
+ "propertyPlaceholder": "propriedade",
120
+ "valuePlaceholder": "valor",
121
+ "addButton": "Adicionar"
122
+ },
123
+ "rightSidebar": {
124
+ "backgroundColorEditor": {
125
+ "label": "Cor de fundo",
126
+ "transparent": "Transparente"
127
+ },
128
+ "editing": "Editando",
129
+ "globalPageStylesTitle": "Estilos Globais da Página",
130
+ "globalPageStylesDescription": "Aplique estilos que afetam toda a página. Essas configurações incluem família de fontes global, cor do texto, cor de fundo e outros estilos universais que se aplicam a todas as seções.",
131
+ "updatePageStyles": "Atualizar estilos da página",
132
+ "downloadHtmlTitle": "Baixar HTML",
133
+ "downloadHtmlDescription": "Exporte toda a página como um arquivo HTML independente. Isso inclui todas as seções, conteúdo e estilos aplicados, pronto para uso ou integração em outro lugar.",
134
+ "downloadHtmlButton": "Baixar arquivo HTML"
135
+ }
136
+ }