@myissue/vue-website-page-builder 3.3.68 → 3.3.71
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.
- package/README.md +1 -66
- package/dist/vue-website-page-builder.js +11682 -14535
- package/dist/vue-website-page-builder.umd.cjs +57 -78
- package/package.json +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +2 -2
- package/src/Components/PageBuilder/EditorMenu/Editables/BorderRadius.vue +13 -19
- package/src/Components/PageBuilder/EditorMenu/Editables/Borders.vue +7 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/ClassEditor.vue +7 -8
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageBackgroundOpacity.vue +3 -7
- package/src/Components/PageBuilder/EditorMenu/Editables/ManageOpacity.vue +3 -5
- package/src/Components/PageBuilder/EditorMenu/Editables/Margin.vue +5 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/OpacityEditor.vue +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/Padding.vue +5 -9
- package/src/Components/PageBuilder/EditorMenu/Editables/StyleEditor.vue +7 -8
- package/src/Components/PageBuilder/EditorMenu/Editables/Typography.vue +9 -25
- package/src/Components/PageBuilder/EditorMenu/RightSidebarEditor.vue +12 -9
- package/src/Components/PageBuilder/Settings/PageBuilderSettings.vue +3 -3
- package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue +4 -4
- package/src/PageBuilder/PageBuilder.vue +10 -76
- package/src/composables/builderInstance.ts +2 -3
- package/src/main.ts +5 -10
- package/src/services/PageBuilderService.ts +28 -120
- package/src/stores/page-builder-state.ts +6 -0
- package/src/tests/PageBuilderTest.vue +53 -21
- package/src/tests/pageBuilderService.test.ts +1 -7
- package/src/types/index.ts +1 -1
- package/src/i18n.ts +0 -28
- package/src/locales/ar.json +0 -136
- package/src/locales/de.json +0 -136
- package/src/locales/en.json +0 -136
- package/src/locales/es.json +0 -136
- package/src/locales/fr.json +0 -136
- package/src/locales/hi.json +0 -136
- package/src/locales/ja.json +0 -136
- package/src/locales/pt.json +0 -136
- package/src/locales/ru.json +0 -136
- package/src/locales/zh-Hans.json +0 -136
package/src/locales/ar.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
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 عبر"
|
|
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
|
-
}
|
package/src/locales/de.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"language": "Sprache",
|
|
3
|
-
"button": {
|
|
4
|
-
"addComponentsToBottom": "Komponenten unten hinzufügen",
|
|
5
|
-
"publish": "Veröffentlichen",
|
|
6
|
-
"addComponents": "Neue Komponenten hinzufügen",
|
|
7
|
-
"save": "Speichern",
|
|
8
|
-
"resetPage": "Seite zurücksetzen"
|
|
9
|
-
},
|
|
10
|
-
"options": {
|
|
11
|
-
"button": "Optionen",
|
|
12
|
-
"configOverview": "Konfigurationsübersicht",
|
|
13
|
-
"htmlOverview": "HTML-Übersicht",
|
|
14
|
-
"deleteLayout": "Layout löschen"
|
|
15
|
-
},
|
|
16
|
-
"features": {
|
|
17
|
-
"liveDragDropBuilder": {
|
|
18
|
-
"name": "Live Drag & Drop Builder",
|
|
19
|
-
"description": "Klicken und ziehen Sie Inhalte auf eine Seite und sehen Sie, wie Ihre Seiten zum Leben erwachen. Erwecken Sie Ihre Vision zum Leben und erstellen Sie beeindruckende Seiten mit einem Drag & Drop Page Builder."
|
|
20
|
-
},
|
|
21
|
-
"trueVisualEditing": {
|
|
22
|
-
"name": "Echtes visuelles Bearbeiten",
|
|
23
|
-
"description": "Sehen Sie Ihre Änderungen in Echtzeit. Erhöhen Sie Ihre kreative Vision und erstellen Sie Seiten mit einem intuitiven Page Builder. Brechen Sie Designgrenzen und setzen Sie Ihre Ideen um."
|
|
24
|
-
},
|
|
25
|
-
"features": {
|
|
26
|
-
"name": "Funktionen",
|
|
27
|
-
"description": "Drag & Drop, Umordnen, echtes visuelles Bearbeiten, responsives Bearbeiten, Schriftanpassung, Rückgängig & Wiederholen, Textbearbeitung, Medienbibliothek, Unsplash-Integration, YouTube-Videos."
|
|
28
|
-
},
|
|
29
|
-
"technologies": {
|
|
30
|
-
"name": "Technologien",
|
|
31
|
-
"description": "Entwickelt mit TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS und HTML."
|
|
32
|
-
},
|
|
33
|
-
"setBrandAndLinkColors": {
|
|
34
|
-
"name": "Marken- und Linkfarben an einem Ort festlegen",
|
|
35
|
-
"description": "Globale Stile für Schriftarten, Designs und Farben. Legen Sie Marken- und Linkfarben einmal fest und wenden Sie sie einfach auf der gesamten Plattform an."
|
|
36
|
-
},
|
|
37
|
-
"mobileFirstApproach": {
|
|
38
|
-
"name": "Mobile-First-Ansatz",
|
|
39
|
-
"description": "Entwickelt mit Mobile-First-Ansatz. Der Page Builder funktioniert sogar auf Mobiltelefonen."
|
|
40
|
-
},
|
|
41
|
-
"mediaLibrary": {
|
|
42
|
-
"name": "Medienbibliothek",
|
|
43
|
-
"description": "Eine schöne und benutzerfreundliche Medienbibliothek, mit der Sie Bilder ändern und aktualisieren können. Unsplash-Integration ist enthalten."
|
|
44
|
-
},
|
|
45
|
-
"minimalIntuitiveDesign": {
|
|
46
|
-
"name": "Minimales und intuitives Design",
|
|
47
|
-
"description": "Schönes, elegantes und intuitives Design. Steigern Sie das Nutzerengagement mit einer großartigen visuellen Erfahrung."
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"branding": {
|
|
51
|
-
"mainHeader": "Erwecken Sie Ihre Vision zum Leben und erstellen Sie beeindruckende Seiten mit einem Drag & Drop Page Builder",
|
|
52
|
-
"description": "Der Web-Builder für beeindruckende Seiten. Ermöglichen Sie es Nutzern, moderne Seiten in jeder Größenordnung zu entwerfen und zu veröffentlichen. Erstellen Sie responsive Seiten wie Listen, Jobs oder Blogbeiträge und verwalten Sie Inhalte einfach mit dem kostenlosen Drag & Drop Page Builder. Entwickelt mit TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS und HTML. Laden Sie unseren leistungsstarken, flexiblen und einfach zu bedienenden kostenlosen Vue 3 Page Builder herunter oder installieren Sie ihn.",
|
|
53
|
-
"downloadDescription": "Laden Sie unseren leistungsstarken, flexiblen und einfach zu bedienenden kostenlosen Vue 3 Page Builder herunter oder installieren Sie ihn über"
|
|
54
|
-
},
|
|
55
|
-
"typography": {
|
|
56
|
-
"title": "Typografie",
|
|
57
|
-
"appearance": "Schriftbild",
|
|
58
|
-
"fontSize": "Schriftgröße",
|
|
59
|
-
"fontTabletSize": "Schriftgröße für Tablet",
|
|
60
|
-
"fontMobileSize": "Kleine Bildschirme",
|
|
61
|
-
"fontWeight": "Schriftstärke",
|
|
62
|
-
"fontFamily": "Schriftfamilie",
|
|
63
|
-
"fontStyle": "Schriftstil"
|
|
64
|
-
},
|
|
65
|
-
"opacity": {
|
|
66
|
-
"label": "Transparenz",
|
|
67
|
-
"transparent": "Transparent"
|
|
68
|
-
},
|
|
69
|
-
"backgroundOpacity": {
|
|
70
|
-
"label": "Hintergrundtransparenz",
|
|
71
|
-
"transparent": "Transparent"
|
|
72
|
-
},
|
|
73
|
-
"padding": {
|
|
74
|
-
"title": "Abstand innen",
|
|
75
|
-
"vertical": "Vertikaler Abstand innen",
|
|
76
|
-
"horizontal": "Horizontaler Abstand innen",
|
|
77
|
-
"select": "Auswählen"
|
|
78
|
-
},
|
|
79
|
-
"margin": {
|
|
80
|
-
"title": "Außenabstand",
|
|
81
|
-
"vertical": "Vertikaler Außenabstand",
|
|
82
|
-
"horizontal": "Horizontaler Außenabstand",
|
|
83
|
-
"select": "Auswählen"
|
|
84
|
-
},
|
|
85
|
-
"opacityEditor": {
|
|
86
|
-
"title": "Deckkraft & Transparenz"
|
|
87
|
-
},
|
|
88
|
-
"borderRadius": {
|
|
89
|
-
"title": "Rahmenradius",
|
|
90
|
-
"global": "Global",
|
|
91
|
-
"specific": "Spezifisch",
|
|
92
|
-
"label": "Rahmenradius",
|
|
93
|
-
"topLeft": "Rahmenradius oben links",
|
|
94
|
-
"topRight": "Rahmenradius oben rechts",
|
|
95
|
-
"bottomLeft": "Rahmenradius unten links",
|
|
96
|
-
"bottomRight": "Rahmenradius unten rechts",
|
|
97
|
-
"select": "Auswählen"
|
|
98
|
-
},
|
|
99
|
-
"borders": {
|
|
100
|
-
"title": "Rahmenstil, -breite & -farbe",
|
|
101
|
-
"border": "Rahmen",
|
|
102
|
-
"style": "Rahmenstil",
|
|
103
|
-
"width": "Rahmenbreite",
|
|
104
|
-
"color": "Rahmenfarbe",
|
|
105
|
-
"select": "Auswählen"
|
|
106
|
-
},
|
|
107
|
-
"classEditor": {
|
|
108
|
-
"title": "Generiertes CSS",
|
|
109
|
-
"info": "Dies ist das vom Builder angewendete CSS. Fügen Sie Ihr eigenes CSS hinzu und drücken Sie die Eingabetaste, um es auf das ausgewählte Element anzuwenden.",
|
|
110
|
-
"add": "Fügen Sie Ihr CSS hinzu.",
|
|
111
|
-
"prefix": "Das pbx- Präfix wird automatisch hinzugefügt.",
|
|
112
|
-
"placeholder": "Klasse eingeben",
|
|
113
|
-
"addButton": "Hinzufügen"
|
|
114
|
-
},
|
|
115
|
-
"styleEditor": {
|
|
116
|
-
"title": "Inline-Stile",
|
|
117
|
-
"info": "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.",
|
|
118
|
-
"add": "Fügen Sie Ihren eigenen Stil hinzu.",
|
|
119
|
-
"propertyPlaceholder": "Eigenschaft",
|
|
120
|
-
"valuePlaceholder": "Wert",
|
|
121
|
-
"addButton": "Hinzufügen"
|
|
122
|
-
},
|
|
123
|
-
"rightSidebar": {
|
|
124
|
-
"backgroundColorEditor": {
|
|
125
|
-
"label": "Hintergrundfarbe",
|
|
126
|
-
"transparent": "Transparent"
|
|
127
|
-
},
|
|
128
|
-
"editing": "Bearbeiten",
|
|
129
|
-
"globalPageStylesTitle": "Globale Seitenstile",
|
|
130
|
-
"globalPageStylesDescription": "Wenden Sie Stile an, die die gesamte Seite betreffen. Diese Einstellungen umfassen globale Schriftfamilie, Textfarbe, Hintergrundfarbe und andere universelle Stile, die für alle Abschnitte gelten.",
|
|
131
|
-
"updatePageStyles": "Seitenstile aktualisieren",
|
|
132
|
-
"downloadHtmlTitle": "HTML herunterladen",
|
|
133
|
-
"downloadHtmlDescription": "Exportieren Sie die gesamte Seite als eigenständige HTML-Datei. Dies umfasst alle Abschnitte, Inhalte und angewendeten Stile und ist bereit zur Verwendung oder Integration an anderer Stelle.",
|
|
134
|
-
"downloadHtmlButton": "HTML-Datei herunterladen"
|
|
135
|
-
}
|
|
136
|
-
}
|
package/src/locales/en.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"language": "Language",
|
|
3
|
-
"button": {
|
|
4
|
-
"addComponentsToBottom": "Add Components to the bottom",
|
|
5
|
-
"publish": "Publish",
|
|
6
|
-
"addComponents": "Add new Components",
|
|
7
|
-
"save": "Save",
|
|
8
|
-
"resetPage": "Reset Page"
|
|
9
|
-
},
|
|
10
|
-
"options": {
|
|
11
|
-
"button": "Options",
|
|
12
|
-
"configOverview": "Config Overview",
|
|
13
|
-
"htmlOverview": "HTML Overview",
|
|
14
|
-
"deleteLayout": "Delete Layout"
|
|
15
|
-
},
|
|
16
|
-
"features": {
|
|
17
|
-
"liveDragDropBuilder": {
|
|
18
|
-
"name": "Live Drag & Drop Builder",
|
|
19
|
-
"description": "Click & Drop content on a page and watch your pages come to life. Bring your vision to life and create impressive pages using a click & drop Page Builder"
|
|
20
|
-
},
|
|
21
|
-
"trueVisualEditing": {
|
|
22
|
-
"name": "True Visual Editing",
|
|
23
|
-
"description": "See your changes in real-time as you make them. Elevate your creative vision and create pages using an intuitive click & drop page builder. Break free from design limitations and turn your visions into reality."
|
|
24
|
-
},
|
|
25
|
-
"features": {
|
|
26
|
-
"name": "Features",
|
|
27
|
-
"description": "Click & Drop, Reordering, True Visual Editing, Responsive Editing, Font Customization, Undo & Redo, Text Editing, Media Library, Unsplash Integration, YouTube Videos."
|
|
28
|
-
},
|
|
29
|
-
"technologies": {
|
|
30
|
-
"name": "Technologies",
|
|
31
|
-
"description": "Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML."
|
|
32
|
-
},
|
|
33
|
-
"setBrandAndLinkColors": {
|
|
34
|
-
"name": "Set Brand and Link Colors one place",
|
|
35
|
-
"description": "Global Styles for fonts, designs, & colors. Set Brand and Link Colors once and apply them across the entire Platform with ease."
|
|
36
|
-
},
|
|
37
|
-
"mobileFirstApproach": {
|
|
38
|
-
"name": "Mobile-First Approach",
|
|
39
|
-
"description": "Developed with Mobile-First approach. The Page Builder even works on mobile phones."
|
|
40
|
-
},
|
|
41
|
-
"mediaLibrary": {
|
|
42
|
-
"name": "Media Library",
|
|
43
|
-
"description": "A beautiful and user-friendly media library that allows you to change and update images. Unsplash Integration is included."
|
|
44
|
-
},
|
|
45
|
-
"minimalIntuitiveDesign": {
|
|
46
|
-
"name": "Minimal and Intuitive Design",
|
|
47
|
-
"description": "Beautiful, elegant and intuitive design. Enhance user engagement with amazing visual experience."
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"branding": {
|
|
51
|
-
"mainHeader": "Bring your vision to life and create impressive pages using a click & drop Page Builder",
|
|
52
|
-
"description": "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.",
|
|
53
|
-
"downloadDescription": "Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via"
|
|
54
|
-
},
|
|
55
|
-
"typography": {
|
|
56
|
-
"title": "Typography",
|
|
57
|
-
"appearance": "Font Appearance",
|
|
58
|
-
"fontSize": "Font Size",
|
|
59
|
-
"fontTabletSize": "Font Tablet Size",
|
|
60
|
-
"fontMobileSize": "Font Small Screens",
|
|
61
|
-
"fontWeight": "Font Weight",
|
|
62
|
-
"fontFamily": "Font Family",
|
|
63
|
-
"fontStyle": "Font Style"
|
|
64
|
-
},
|
|
65
|
-
"opacity": {
|
|
66
|
-
"label": "Opacity",
|
|
67
|
-
"transparent": "Transparent"
|
|
68
|
-
},
|
|
69
|
-
"backgroundOpacity": {
|
|
70
|
-
"label": "Background Opacity",
|
|
71
|
-
"transparent": "Transparent"
|
|
72
|
-
},
|
|
73
|
-
"padding": {
|
|
74
|
-
"title": "Padding",
|
|
75
|
-
"vertical": "Vertical Padding",
|
|
76
|
-
"horizontal": "Horizontal Padding",
|
|
77
|
-
"select": "Select"
|
|
78
|
-
},
|
|
79
|
-
"margin": {
|
|
80
|
-
"title": "Margin",
|
|
81
|
-
"vertical": "Vertical Margin",
|
|
82
|
-
"horizontal": "Horizontal Margin",
|
|
83
|
-
"select": "Select"
|
|
84
|
-
},
|
|
85
|
-
"opacityEditor": {
|
|
86
|
-
"title": "Opacity & Transparency"
|
|
87
|
-
},
|
|
88
|
-
"borderRadius": {
|
|
89
|
-
"title": "Border Radius",
|
|
90
|
-
"global": "Global",
|
|
91
|
-
"specific": "Specific",
|
|
92
|
-
"label": "Border Radius",
|
|
93
|
-
"topLeft": "Border Radius top left",
|
|
94
|
-
"topRight": "Border Radius top right",
|
|
95
|
-
"bottomLeft": "Border Radius bottom left",
|
|
96
|
-
"bottomRight": "Border Radius bottom right",
|
|
97
|
-
"select": "Select"
|
|
98
|
-
},
|
|
99
|
-
"borders": {
|
|
100
|
-
"title": "Border Style, Width & Color",
|
|
101
|
-
"border": "Border",
|
|
102
|
-
"style": "Border Style",
|
|
103
|
-
"width": "Border Width",
|
|
104
|
-
"color": "Border Color",
|
|
105
|
-
"select": "Select"
|
|
106
|
-
},
|
|
107
|
-
"classEditor": {
|
|
108
|
-
"title": "Generated CSS",
|
|
109
|
-
"info": "This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.",
|
|
110
|
-
"add": "Add your CSS.",
|
|
111
|
-
"prefix": "The pbx- prefix is added automatically.",
|
|
112
|
-
"placeholder": "Type class",
|
|
113
|
-
"addButton": "Add"
|
|
114
|
-
},
|
|
115
|
-
"styleEditor": {
|
|
116
|
-
"title": "Inline Styles",
|
|
117
|
-
"info": "These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.",
|
|
118
|
-
"add": "Add your own style.",
|
|
119
|
-
"propertyPlaceholder": "property",
|
|
120
|
-
"valuePlaceholder": "value",
|
|
121
|
-
"addButton": "Add"
|
|
122
|
-
},
|
|
123
|
-
"backgroundColorEditor": {
|
|
124
|
-
"label": "Background Color",
|
|
125
|
-
"transparent": "Transparent"
|
|
126
|
-
},
|
|
127
|
-
"rightSidebar": {
|
|
128
|
-
"editing": "Editing",
|
|
129
|
-
"globalPageStylesTitle": "Global Page Styles",
|
|
130
|
-
"globalPageStylesDescription": "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.",
|
|
131
|
-
"updatePageStyles": "Update Page Styles",
|
|
132
|
-
"downloadHtmlTitle": "Download HTML",
|
|
133
|
-
"downloadHtmlDescription": "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.",
|
|
134
|
-
"downloadHtmlButton": "Download HTML file"
|
|
135
|
-
}
|
|
136
|
-
}
|
package/src/locales/es.json
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"language": "Idioma",
|
|
3
|
-
"button": {
|
|
4
|
-
"addComponentsToBottom": "Agregar componentes al final",
|
|
5
|
-
"publish": "Publicar",
|
|
6
|
-
"addComponents": "Agregar nuevos componentes",
|
|
7
|
-
"save": "Guardar",
|
|
8
|
-
"resetPage": "Restablecer página"
|
|
9
|
-
},
|
|
10
|
-
"options": {
|
|
11
|
-
"button": "Opciones",
|
|
12
|
-
"configOverview": "Resumen de configuración",
|
|
13
|
-
"htmlOverview": "Resumen HTML",
|
|
14
|
-
"deleteLayout": "Eliminar diseño"
|
|
15
|
-
},
|
|
16
|
-
"features": {
|
|
17
|
-
"liveDragDropBuilder": {
|
|
18
|
-
"name": "Constructor de arrastrar y soltar en vivo",
|
|
19
|
-
"description": "Haz clic y suelta contenido en una página y observa cómo cobra vida. Da vida a tu visión y crea páginas impresionantes usando un Page Builder de arrastrar y soltar."
|
|
20
|
-
},
|
|
21
|
-
"trueVisualEditing": {
|
|
22
|
-
"name": "Edición visual real",
|
|
23
|
-
"description": "Ve tus cambios en tiempo real. Eleva tu visión creativa y crea páginas usando un page builder intuitivo. Libérate de las limitaciones de diseño y haz realidad tus ideas."
|
|
24
|
-
},
|
|
25
|
-
"features": {
|
|
26
|
-
"name": "Características",
|
|
27
|
-
"description": "Arrastrar y soltar, reordenar, edición visual real, edición responsiva, personalización de fuentes, deshacer y rehacer, edición de texto, biblioteca multimedia, integración con Unsplash, videos de YouTube."
|
|
28
|
-
},
|
|
29
|
-
"technologies": {
|
|
30
|
-
"name": "Tecnologías",
|
|
31
|
-
"description": "Desarrollado con TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS y HTML."
|
|
32
|
-
},
|
|
33
|
-
"setBrandAndLinkColors": {
|
|
34
|
-
"name": "Configura los colores de marca y enlace en un solo lugar",
|
|
35
|
-
"description": "Estilos globales para fuentes, diseños y colores. Configura los colores de marca y enlace una vez y aplícalos en toda la plataforma fácilmente."
|
|
36
|
-
},
|
|
37
|
-
"mobileFirstApproach": {
|
|
38
|
-
"name": "Enfoque Mobile-First",
|
|
39
|
-
"description": "Desarrollado con enfoque Mobile-First. El Page Builder incluso funciona en teléfonos móviles."
|
|
40
|
-
},
|
|
41
|
-
"mediaLibrary": {
|
|
42
|
-
"name": "Biblioteca multimedia",
|
|
43
|
-
"description": "Una biblioteca multimedia hermosa y fácil de usar que permite cambiar y actualizar imágenes. Integración con Unsplash incluida."
|
|
44
|
-
},
|
|
45
|
-
"minimalIntuitiveDesign": {
|
|
46
|
-
"name": "Diseño minimalista e intuitivo",
|
|
47
|
-
"description": "Diseño hermoso, elegante e intuitivo. Mejora la participación del usuario con una experiencia visual increíble."
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"branding": {
|
|
51
|
-
"mainHeader": "Da vida a tu visión y crea páginas impresionantes usando un Page Builder de arrastrar y soltar",
|
|
52
|
-
"description": "El creador web para páginas impresionantes. Permite a los usuarios diseñar y publicar páginas modernas a cualquier escala. Crea páginas responsivas como listados, empleos o blogs y gestiona el contenido fácilmente usando el Page Builder gratuito de arrastrar y soltar. Desarrollado con TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS y HTML. Descarga o instala nuestro potente, flexible y fácil de usar Page Builder gratuito para Vue 3.",
|
|
53
|
-
"downloadDescription": "Descarga o instala nuestro potente, flexible y fácil de usar Page Builder gratuito para Vue 3 vía"
|
|
54
|
-
},
|
|
55
|
-
"typography": {
|
|
56
|
-
"title": "Tipografía",
|
|
57
|
-
"appearance": "Apariencia de la fuente",
|
|
58
|
-
"fontSize": "Tamaño de fuente",
|
|
59
|
-
"fontTabletSize": "Tamaño de fuente para tablet",
|
|
60
|
-
"fontMobileSize": "Pantallas pequeñas",
|
|
61
|
-
"fontWeight": "Peso de la fuente",
|
|
62
|
-
"fontFamily": "Familia tipográfica",
|
|
63
|
-
"fontStyle": "Estilo de fuente"
|
|
64
|
-
},
|
|
65
|
-
"opacity": {
|
|
66
|
-
"label": "Opacidad",
|
|
67
|
-
"transparent": "Transparente"
|
|
68
|
-
},
|
|
69
|
-
"backgroundOpacity": {
|
|
70
|
-
"label": "Opacidad de fondo",
|
|
71
|
-
"transparent": "Transparente"
|
|
72
|
-
},
|
|
73
|
-
"padding": {
|
|
74
|
-
"title": "Relleno",
|
|
75
|
-
"vertical": "Relleno vertical",
|
|
76
|
-
"horizontal": "Relleno horizontal",
|
|
77
|
-
"select": "Seleccionar"
|
|
78
|
-
},
|
|
79
|
-
"margin": {
|
|
80
|
-
"title": "Margen",
|
|
81
|
-
"vertical": "Margen vertical",
|
|
82
|
-
"horizontal": "Margen horizontal",
|
|
83
|
-
"select": "Seleccionar"
|
|
84
|
-
},
|
|
85
|
-
"opacityEditor": {
|
|
86
|
-
"title": "Opacidad y transparencia"
|
|
87
|
-
},
|
|
88
|
-
"borderRadius": {
|
|
89
|
-
"title": "Radio de borde",
|
|
90
|
-
"global": "Global",
|
|
91
|
-
"specific": "Específico",
|
|
92
|
-
"label": "Radio de borde",
|
|
93
|
-
"topLeft": "Radio de borde superior izquierdo",
|
|
94
|
-
"topRight": "Radio de borde superior derecho",
|
|
95
|
-
"bottomLeft": "Radio de borde inferior izquierdo",
|
|
96
|
-
"bottomRight": "Radio de borde inferior derecho",
|
|
97
|
-
"select": "Seleccionar"
|
|
98
|
-
},
|
|
99
|
-
"borders": {
|
|
100
|
-
"title": "Estilo, ancho y color de borde",
|
|
101
|
-
"border": "Borde",
|
|
102
|
-
"style": "Estilo de borde",
|
|
103
|
-
"width": "Ancho de borde",
|
|
104
|
-
"color": "Color de borde",
|
|
105
|
-
"select": "Seleccionar"
|
|
106
|
-
},
|
|
107
|
-
"classEditor": {
|
|
108
|
-
"title": "CSS generado",
|
|
109
|
-
"info": "Este es el CSS aplicado por el constructor. Agregue su propio CSS y presione Enter para aplicarlo al elemento seleccionado.",
|
|
110
|
-
"add": "Agregue su CSS.",
|
|
111
|
-
"prefix": "El prefijo pbx- se agrega automáticamente.",
|
|
112
|
-
"placeholder": "Escriba la clase",
|
|
113
|
-
"addButton": "Agregar"
|
|
114
|
-
},
|
|
115
|
-
"styleEditor": {
|
|
116
|
-
"title": "Estilos en línea",
|
|
117
|
-
"info": "Estos son los estilos en línea aplicados por el constructor. Agregue sus propios estilos y presione Enter para aplicarlos al elemento seleccionado.",
|
|
118
|
-
"add": "Agregue su propio estilo.",
|
|
119
|
-
"propertyPlaceholder": "propiedad",
|
|
120
|
-
"valuePlaceholder": "valor",
|
|
121
|
-
"addButton": "Agregar"
|
|
122
|
-
},
|
|
123
|
-
"rightSidebar": {
|
|
124
|
-
"backgroundColorEditor": {
|
|
125
|
-
"label": "Color de fondo",
|
|
126
|
-
"transparent": "Transparente"
|
|
127
|
-
},
|
|
128
|
-
"editing": "Editando",
|
|
129
|
-
"globalPageStylesTitle": "Estilos globales de página",
|
|
130
|
-
"globalPageStylesDescription": "Aplica estilos que afectan a toda la página. Estos ajustes incluyen la familia de fuentes global, el color del texto, el color de fondo y otros estilos universales que se aplican a todas las secciones.",
|
|
131
|
-
"updatePageStyles": "Actualizar estilos de página",
|
|
132
|
-
"downloadHtmlTitle": "Descargar HTML",
|
|
133
|
-
"downloadHtmlDescription": "Exporte toda la página como un archivo HTML independiente. Esto incluye todas las secciones, el contenido y los estilos aplicados, listo para usar o integrar en otro lugar.",
|
|
134
|
-
"downloadHtmlButton": "Descargar archivo HTML"
|
|
135
|
-
}
|
|
136
|
-
}
|