@myissue/vue-website-page-builder 3.4.1 → 3.4.4
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/dist/style.css +1 -1
- package/dist/vue-website-page-builder.js +25 -25
- package/dist/vue-website-page-builder.umd.cjs +17 -17
- package/package.json +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/BackgroundColorEditor.vue +1 -1
- package/src/Components/PageBuilder/EditorMenu/Editables/ComponentTopMenu.vue +2 -2
- package/src/Components/PageBuilder/EditorMenu/Editables/TextColorEditor.vue +1 -1
- package/src/Components/TipTap/TipTapInput.vue +7 -7
- package/src/PageBuilder/PageBuilder.vue +1 -1
- package/src/PageBuilder/Preview.vue +2 -2
- package/src/css/style.css +16 -23
- package/src/tests/TestComponents/DemoUnsplash.vue +5 -5
- package/src/tests/componentsArray.test.json +4 -4
- package/src/utils/html-elements/component.ts +10 -10
|
@@ -104,7 +104,7 @@ const Wh = { class: "pbx-font-sans" }, Uh = {
|
|
|
104
104
|
])
|
|
105
105
|
]));
|
|
106
106
|
}
|
|
107
|
-
}), Kh = { key: 0 }, Gh = { class: "pbx-text-black pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, Jh = { id: "page-builder-
|
|
107
|
+
}), Kh = { key: 0 }, Gh = { class: "pbx-text-black pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, Jh = { id: "page-builder-wrapper" }, Yh = ["innerHTML"], Xh = { key: 1 }, vp = {
|
|
108
108
|
__name: "Preview",
|
|
109
109
|
props: {
|
|
110
110
|
mobile: {
|
|
@@ -124,7 +124,7 @@ const Wh = { class: "pbx-font-sans" }, Uh = {
|
|
|
124
124
|
if (e.mobile && r.value && t.value) {
|
|
125
125
|
const s = r.value.contentWindow.document;
|
|
126
126
|
s.open(), s.write(
|
|
127
|
-
`<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div class="pbx-font-sans pbx-text-black">${t.value}</div></body></html>`
|
|
127
|
+
`<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="page-builder-wrapper" class="pbx-font-sans pbx-text-black">${t.value}</div></body></html>`
|
|
128
128
|
), s.close(), document.querySelectorAll('link[rel="stylesheet"], style').forEach((l) => {
|
|
129
129
|
s.head.appendChild(l.cloneNode(!0));
|
|
130
130
|
});
|
|
@@ -3178,7 +3178,7 @@ const ub = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center p
|
|
|
3178
3178
|
onClick: C[1] || (C[1] = (S) => y(t).reorderComponent(-1)),
|
|
3179
3179
|
disabled: !b.value,
|
|
3180
3180
|
class: X(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black", [
|
|
3181
|
-
b.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
|
|
3181
|
+
b.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
|
|
3182
3182
|
]])
|
|
3183
3183
|
}, C[5] || (C[5] = [
|
|
3184
3184
|
d("span", { class: "material-symbols-outlined" }, " move_up ", -1)
|
|
@@ -3188,7 +3188,7 @@ const ub = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center p
|
|
|
3188
3188
|
onClick: C[2] || (C[2] = (S) => y(t).reorderComponent(1)),
|
|
3189
3189
|
disabled: !m.value,
|
|
3190
3190
|
class: X(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black", [
|
|
3191
|
-
m.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
|
|
3191
|
+
m.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
|
|
3192
3192
|
]])
|
|
3193
3193
|
}, C[6] || (C[6] = [
|
|
3194
3194
|
d("span", { class: "material-symbols-outlined" }, " move_down ", -1)
|
|
@@ -21385,7 +21385,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21385
21385
|
d("button", {
|
|
21386
21386
|
onClick: $[1] || ($[1] = (K) => y(e).toggleTipTapModal(!1)),
|
|
21387
21387
|
type: "button",
|
|
21388
|
-
class: "pbx-myPrimaryTag"
|
|
21388
|
+
class: "pbx-myPrimaryTag pbx-cursor-pointer"
|
|
21389
21389
|
}, [
|
|
21390
21390
|
$[8] || ($[8] = d("span", { class: "material-symbols-outlined" }, " save ", -1)),
|
|
21391
21391
|
d("span", null, k(y(t)("Save")), 1)
|
|
@@ -21398,7 +21398,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21398
21398
|
d("button", {
|
|
21399
21399
|
onClick: $[2] || ($[2] = (K) => y(S).chain().focus().setHardBreak().run()),
|
|
21400
21400
|
type: "button",
|
|
21401
|
-
class: "pbx-myPrimaryTag"
|
|
21401
|
+
class: "pbx-myPrimaryTag pbx-cursor-pointer"
|
|
21402
21402
|
}, [
|
|
21403
21403
|
$[9] || ($[9] = d("span", { class: "material-symbols-outlined" }, " keyboard_return ", -1)),
|
|
21404
21404
|
d("span", null, k(y(t)("Line break")), 1)
|
|
@@ -21408,7 +21408,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21408
21408
|
d("button", {
|
|
21409
21409
|
onClick: $[3] || ($[3] = (K) => y(S).chain().focus().toggleBold().run()),
|
|
21410
21410
|
type: "button",
|
|
21411
|
-
class: X(["pbx-myPrimaryTag", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bold") }])
|
|
21411
|
+
class: X(["pbx-myPrimaryTag pbx-cursor-pointer", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bold") }])
|
|
21412
21412
|
}, [
|
|
21413
21413
|
$[10] || ($[10] = d("span", { class: "material-symbols-outlined" }, " format_bold ", -1)),
|
|
21414
21414
|
d("span", null, k(y(t)("Bold")), 1)
|
|
@@ -21418,7 +21418,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21418
21418
|
d("button", {
|
|
21419
21419
|
onClick: F,
|
|
21420
21420
|
type: "button",
|
|
21421
|
-
class: X(["pbx-myPrimaryTag", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("link") }])
|
|
21421
|
+
class: X(["pbx-myPrimaryTag pbx-cursor-pointer", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("link") }])
|
|
21422
21422
|
}, [
|
|
21423
21423
|
$[11] || ($[11] = d("span", { class: "material-symbols-outlined" }, " link ", -1)),
|
|
21424
21424
|
d("span", null, k(y(t)("Link")), 1)
|
|
@@ -21428,7 +21428,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21428
21428
|
d("button", {
|
|
21429
21429
|
onClick: $[4] || ($[4] = (K) => y(S).chain().focus().toggleHeading({ level: 2 }).run()),
|
|
21430
21430
|
type: "button",
|
|
21431
|
-
class: X(["pbx-myPrimaryTag", {
|
|
21431
|
+
class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
|
|
21432
21432
|
"pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("heading", {
|
|
21433
21433
|
level: 2
|
|
21434
21434
|
})
|
|
@@ -21442,7 +21442,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21442
21442
|
d("button", {
|
|
21443
21443
|
onClick: $[5] || ($[5] = (K) => y(S).chain().focus().toggleHeading({ level: 3 }).run()),
|
|
21444
21444
|
type: "button",
|
|
21445
|
-
class: X(["pbx-myPrimaryTag", {
|
|
21445
|
+
class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
|
|
21446
21446
|
"pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("heading", {
|
|
21447
21447
|
level: 3
|
|
21448
21448
|
})
|
|
@@ -21456,7 +21456,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
|
|
|
21456
21456
|
d("button", {
|
|
21457
21457
|
onClick: $[6] || ($[6] = (K) => y(S).chain().focus().toggleBulletList().run()),
|
|
21458
21458
|
type: "button",
|
|
21459
|
-
class: X(["pbx-myPrimaryTag", {
|
|
21459
|
+
class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
|
|
21460
21460
|
"pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bulletList")
|
|
21461
21461
|
}])
|
|
21462
21462
|
}, [
|
|
@@ -22151,7 +22151,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
|
|
|
22151
22151
|
}, [
|
|
22152
22152
|
n.globalPageLayout ? (w(), ce(y(Tr), {
|
|
22153
22153
|
key: 0,
|
|
22154
|
-
class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
|
|
22154
|
+
class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
|
|
22155
22155
|
}, {
|
|
22156
22156
|
default: V(() => {
|
|
22157
22157
|
var a;
|
|
@@ -22273,7 +22273,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
|
|
|
22273
22273
|
}, [
|
|
22274
22274
|
n.globalPageLayout ? (w(), ce(y(Tr), {
|
|
22275
22275
|
key: 0,
|
|
22276
|
-
class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
|
|
22276
|
+
class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
|
|
22277
22277
|
}, {
|
|
22278
22278
|
default: V(() => {
|
|
22279
22279
|
var a;
|
|
@@ -22964,7 +22964,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
22964
22964
|
{
|
|
22965
22965
|
title: "Single Image",
|
|
22966
22966
|
html_code: `<section>
|
|
22967
|
-
<div class="
|
|
22967
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-1"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div></div></div></div>
|
|
22968
22968
|
</section>`,
|
|
22969
22969
|
cover_image: null,
|
|
22970
22970
|
category: "Image"
|
|
@@ -22972,7 +22972,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
22972
22972
|
{
|
|
22973
22973
|
title: "Two Vertical Images",
|
|
22974
22974
|
html_code: `<section>
|
|
22975
|
-
<div class="
|
|
22975
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-2"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${de}" alt="provider"> </div> </div> </div> </div>
|
|
22976
22976
|
</section>`,
|
|
22977
22977
|
cover_image: null,
|
|
22978
22978
|
category: "Image"
|
|
@@ -22980,7 +22980,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
22980
22980
|
{
|
|
22981
22981
|
title: "Two Square Images",
|
|
22982
22982
|
html_code: `<section>
|
|
22983
|
-
<div class="
|
|
22983
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div></div> </div></div>
|
|
22984
22984
|
</section>`,
|
|
22985
22985
|
cover_image: null,
|
|
22986
22986
|
category: "Image"
|
|
@@ -22988,7 +22988,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
22988
22988
|
{
|
|
22989
22989
|
title: "Three Square Images",
|
|
22990
22990
|
html_code: `<section>
|
|
22991
|
-
<div class="
|
|
22991
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-3"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div></div> </div></div>
|
|
22992
22992
|
</section>`,
|
|
22993
22993
|
cover_image: null,
|
|
22994
22994
|
category: "Image"
|
|
@@ -22996,7 +22996,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
22996
22996
|
{
|
|
22997
22997
|
title: "Four Square Images",
|
|
22998
22998
|
html_code: `<section>
|
|
22999
|
-
<div class="
|
|
22999
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"> <div class="mx-auto max-w-7xl"> <div class="myPrimaryGap grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4"> <div><img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"></div> </div> </div> </div>
|
|
23000
23000
|
</section>`,
|
|
23001
23001
|
cover_image: null,
|
|
23002
23002
|
category: "Image"
|
|
@@ -23004,7 +23004,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
23004
23004
|
{
|
|
23005
23005
|
title: "Six Square Images Grid",
|
|
23006
23006
|
html_code: `<section>
|
|
23007
|
-
<div class="
|
|
23007
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2">
|
|
23008
23008
|
<div class="mx-auto max-w-7xl">
|
|
23009
23009
|
<div class="grid grid-cols-2 md:grid-cols-3 myPrimaryGap">
|
|
23010
23010
|
|
|
@@ -23042,7 +23042,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
23042
23042
|
{
|
|
23043
23043
|
title: "Two Square Images With Text",
|
|
23044
23044
|
html_code: `<section>
|
|
23045
|
-
<div class="
|
|
23045
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl">
|
|
23046
23046
|
<div class="myPrimaryGap lg:flex lg:justify-center"><div class="flex-1 py-2">
|
|
23047
23047
|
<div class="grid myPrimaryGap grid-cols-1 lg:grid-cols-2"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> </div> </div> </div>
|
|
23048
23048
|
|
|
@@ -23055,7 +23055,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
23055
23055
|
{
|
|
23056
23056
|
title: "Three Vertical Images",
|
|
23057
23057
|
html_code: `<section>
|
|
23058
|
-
<div class="
|
|
23058
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-3"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${de}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${de}" alt="provider"></div></div> </div></div>
|
|
23059
23059
|
</section>`,
|
|
23060
23060
|
cover_image: null,
|
|
23061
23061
|
category: "Image"
|
|
@@ -23063,7 +23063,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
23063
23063
|
{
|
|
23064
23064
|
title: "Four Square Images With Text",
|
|
23065
23065
|
html_code: `<section>
|
|
23066
|
-
<div class="
|
|
23066
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"><div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </div> </div>
|
|
23067
23067
|
</section>`,
|
|
23068
23068
|
cover_image: null,
|
|
23069
23069
|
category: "Image & Text"
|
|
@@ -23071,7 +23071,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
23071
23071
|
{
|
|
23072
23072
|
title: "Three Square Images With Text",
|
|
23073
23073
|
html_code: `<section>
|
|
23074
|
-
<div class="
|
|
23074
|
+
<div class="md:pt-12 md:pb-12 pt-4 pb-4 lg:px-4 px-2"><div class="mx-auto max-w-7xl"><div class="myPrimaryGap grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-3"> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${de}" alt="provider"> <div class="break-words py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </div> </div>
|
|
23075
23075
|
</section>`,
|
|
23076
23076
|
cover_image: null,
|
|
23077
23077
|
category: "Image & Text"
|
|
@@ -24781,7 +24781,7 @@ const LC = ["src"], NC = {
|
|
|
24781
24781
|
}, MT = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, ET = { class: "pbx-overflow-x-auto" }, TT = { class: "pbx-w-max" }, OT = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, BT = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, PT = { class: "pbx-min-w-[30rem] pbx-w-max" }, AT = { key: 0 }, _T = { key: 1 }, LT = { key: 0 }, NT = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, DT = { class: "pbx-min-w-[30rem] pbx-w-max" }, IT = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, $T = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, RT = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, FT = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, HT = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, jT = {
|
|
24782
24782
|
__name: "PageBuilderSettings",
|
|
24783
24783
|
setup(n) {
|
|
24784
|
-
const e = "3.4.
|
|
24784
|
+
const e = "3.4.4", t = Se, r = I(() => t.getPageBuilderConfig);
|
|
24785
24785
|
return (o, i) => {
|
|
24786
24786
|
var s, l, a, p, c, u, f, h, b, m, x, v, C, S, g, O;
|
|
24787
24787
|
return w(), E("div", uE, [
|
|
@@ -25998,7 +25998,7 @@ const Bh = /* @__PURE__ */ Gs(HB, [["render", zB]]), VB = { class: "pbx-text-xs
|
|
|
25998
25998
|
x.value && x.value.userSettings && x.value.userSettings.language ? (w(), E("div", cP, [
|
|
25999
25999
|
xe(d("select", {
|
|
26000
26000
|
id: "pbx-lang",
|
|
26001
|
-
class: "pbx-myPrimarySelect pbx-min-w-
|
|
26001
|
+
class: "pbx-myPrimarySelect pbx-min-w-20",
|
|
26002
26002
|
"onUpdate:modelValue": _[11] || (_[11] = (le) => f.value = le)
|
|
26003
26003
|
}, [
|
|
26004
26004
|
Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length >= 1 ? (w(!0), E(Z, { key: 0 }, fe(y(t).availableLanguage().filter((le) => x.value.userSettings.language.enable.includes(le)), (le) => (w(), E("option", {
|