@myissue/vue-website-page-builder 3.4.62 → 3.4.64
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 +211 -211
- package/dist/vue-website-page-builder.umd.cjs +63 -63
- package/package.json +1 -1
|
@@ -69,7 +69,7 @@ const b1 = {
|
|
|
69
69
|
onClick: r
|
|
70
70
|
}, null, 2),
|
|
71
71
|
c("div", {
|
|
72
|
-
class: j(["pbx-relative pbx-inline-block pbx-bg-white pbx-rounded-
|
|
72
|
+
class: j(["pbx-relative pbx-inline-block pbx-bg-white pbx-rounded-3xl pbx-text-left pbx-shadow-xl pbx-transform pbx-transition-all pbx-max-w-[96vh] lg:pbx-max-h-[98vh] pbx-max-h-[85vh] pbx-overflow-y-auto pbx-w-full", [
|
|
73
73
|
o.value ? o.value : "",
|
|
74
74
|
n.minHeight ? n.minHeight : "",
|
|
75
75
|
n.maxHeight ? n.maxHeight : ""
|
|
@@ -7076,7 +7076,7 @@ const AS = /* @__PURE__ */ BS("pageBuilderState", {
|
|
|
7076
7076
|
}, Uw = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Gw = { class: "pbx-overflow-x-auto" }, Kw = { class: "pbx-w-max" }, Jw = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Yw = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Qw = { class: "pbx-min-w-[30rem] pbx-w-max" }, Xw = { key: 0 }, Zw = { key: 1 }, e2 = { key: 0 }, t2 = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, n2 = { class: "pbx-min-w-[30rem] pbx-w-max" }, i2 = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, r2 = { 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" }, o2 = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, s2 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, l2 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, a2 = {
|
|
7077
7077
|
__name: "PageBuilderSettings",
|
|
7078
7078
|
setup(n) {
|
|
7079
|
-
const e = "3.4.
|
|
7079
|
+
const e = "3.4.64", t = he, i = B(() => t.getPageBuilderConfig);
|
|
7080
7080
|
return (r, o) => {
|
|
7081
7081
|
var s, l, a, d, p, u, h, f, b, m, x, v, T, S, M, L;
|
|
7082
7082
|
return y(), w("div", IS, [
|
|
@@ -26229,19 +26229,19 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26229
26229
|
}, WA = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-myPrimaryGap" }, UA = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center pbx-relative" }, GA = {
|
|
26230
26230
|
key: 0,
|
|
26231
26231
|
class: "pbx-top-0 pbx-left-full pbx-absolute pbx-z-40 lg:pbx-w-[35rem] pbx-w-[30rem]"
|
|
26232
|
-
}, KA = { class: "lg:pbx-mr-10 pbx-rounded-3xl pbx-border pbx-border-gray-100 pbx-bg-white pbx-shadow-lg pbx-pt-4 pbx-pb-4 pbx-flex pbx-flex-col pbx-min-h-[35rem] pbx-max-h-[35rem] pbx-mx-4 pbx-pl-2 pbx-pr-4" }, JA = { class: "pbx-overflow-y-auto" }, YA = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, QA = { class: "pbx-lg:pbx-text-base pbx-text-sm pbx-font-semibold pbx-text-center pbx-min-h-14 pbx-flex pbx-justify-center pbx-items-center" }, XA = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, ZA = { class: "text-center" },
|
|
26232
|
+
}, KA = { class: "lg:pbx-mr-10 pbx-rounded-3xl pbx-border pbx-border-gray-100 pbx-bg-white pbx-shadow-lg pbx-pt-4 pbx-pb-4 pbx-flex pbx-flex-col pbx-min-h-[35rem] pbx-max-h-[35rem] pbx-mx-4 pbx-pl-2 pbx-pr-4" }, JA = { class: "pbx-overflow-y-auto" }, YA = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, QA = { class: "pbx-lg:pbx-text-base pbx-text-sm pbx-font-semibold pbx-text-center pbx-min-h-14 pbx-flex pbx-justify-center pbx-items-center" }, XA = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, ZA = { class: "text-center" }, e6 = { class: "pbx-lg:pbx-text-7xl pbx-text-5xl" }, t6 = {
|
|
26233
26233
|
key: 0,
|
|
26234
26234
|
class: "pbx-w-full"
|
|
26235
|
-
},
|
|
26235
|
+
}, n6 = { class: "pbx-text-xl pbx-font-semibold pbx-mb-4 pbx-text-center" }, i6 = { class: "pbx-space-y-4" }, r6 = { class: "pbx-flex-shrink-0 pbx-mt-1" }, o6 = {
|
|
26236
26236
|
key: 0,
|
|
26237
26237
|
class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-myPrimaryLinkColor pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-white hover:pbx-text-white"
|
|
26238
|
-
},
|
|
26238
|
+
}, s6 = {
|
|
26239
26239
|
key: 1,
|
|
26240
26240
|
class: "pbx-select-none pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-myPrimaryErrorColor pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-white"
|
|
26241
|
-
},
|
|
26241
|
+
}, l6 = { class: "pbx-flex-1" }, a6 = { class: "pbx-text-sm pbx-text-gray-600" }, d6 = {
|
|
26242
26242
|
key: 1,
|
|
26243
26243
|
class: "pbx-text-gray-500 pbx-text-center"
|
|
26244
|
-
},
|
|
26244
|
+
}, p6 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, c6 = {
|
|
26245
26245
|
__name: "ComponentTopMenu",
|
|
26246
26246
|
setup(n) {
|
|
26247
26247
|
const { translate: e } = Te(), t = he, i = Me(), r = k(!1), o = k(!1), s = k(""), l = k(1), a = k(""), d = k(""), p = k(""), u = k(null), h = k(null), f = k(null), b = k(null), m = k(null), x = function() {
|
|
@@ -26311,37 +26311,37 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26311
26311
|
}, [
|
|
26312
26312
|
c("div", XA, [
|
|
26313
26313
|
c("div", ZA, [
|
|
26314
|
-
c("span",
|
|
26314
|
+
c("span", e6, C(N.value.score), 1),
|
|
26315
26315
|
V[5] || (V[5] = c("span", { class: "pbx-text-xl" }, "%", -1))
|
|
26316
26316
|
])
|
|
26317
26317
|
])
|
|
26318
26318
|
], 4)) : E("", !0)
|
|
26319
26319
|
])
|
|
26320
26320
|
]),
|
|
26321
|
-
N.value && N.value.checks && N.value.checks.length ? (y(), w("div",
|
|
26322
|
-
c("h3",
|
|
26323
|
-
c("ul",
|
|
26321
|
+
N.value && N.value.checks && N.value.checks.length ? (y(), w("div", t6, [
|
|
26322
|
+
c("h3", n6, C(g(e)("SEO Check Results")), 1),
|
|
26323
|
+
c("ul", i6, [
|
|
26324
26324
|
(y(!0), w(K, null, ie(N.value.checks, (O, ne) => (y(), w("li", {
|
|
26325
26325
|
key: ne,
|
|
26326
26326
|
class: j(["pbx-flex pbx-items-start pbx-gap-4 pbx-p-4 pbx-bg-white pbx-rounded-lg pbx-border-solid pbx-border-2", O.passed ? "pbx-border-emerald-500" : "pbx-border-red-600"])
|
|
26327
26327
|
}, [
|
|
26328
|
-
c("div",
|
|
26329
|
-
O.passed ? (y(), w("div",
|
|
26328
|
+
c("div", r6, [
|
|
26329
|
+
O.passed ? (y(), w("div", o6, [...V[6] || (V[6] = [
|
|
26330
26330
|
c("span", { class: "material-symbols-outlined" }, " check ", -1)
|
|
26331
26331
|
])])) : E("", !0),
|
|
26332
|
-
O.passed ? E("", !0) : (y(), w("div",
|
|
26332
|
+
O.passed ? E("", !0) : (y(), w("div", s6, [...V[7] || (V[7] = [
|
|
26333
26333
|
c("span", { class: "material-symbols-outlined" }, " check_indeterminate_small ", -1)
|
|
26334
26334
|
])]))
|
|
26335
26335
|
]),
|
|
26336
|
-
c("div",
|
|
26336
|
+
c("div", l6, [
|
|
26337
26337
|
c("p", {
|
|
26338
26338
|
class: j(["pbx-text-lg pbx-font-medium", O.passed ? "pbx-text-green-700" : "pbx-text-red-700"])
|
|
26339
26339
|
}, C(O.check), 3),
|
|
26340
|
-
c("p",
|
|
26340
|
+
c("p", a6, C(O.details), 1)
|
|
26341
26341
|
])
|
|
26342
26342
|
], 2))), 128))
|
|
26343
26343
|
])
|
|
26344
|
-
])) : (y(), w("div",
|
|
26344
|
+
])) : (y(), w("div", d6, " No SEO checks available. "))
|
|
26345
26345
|
])
|
|
26346
26346
|
])
|
|
26347
26347
|
])
|
|
@@ -26368,7 +26368,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26368
26368
|
c("span", { class: "material-symbols-outlined" }, " deployed_code ", -1)
|
|
26369
26369
|
])])
|
|
26370
26370
|
]),
|
|
26371
|
-
c("div",
|
|
26371
|
+
c("div", p6, [
|
|
26372
26372
|
c("div", {
|
|
26373
26373
|
onClick: V[1] || (V[1] = async () => {
|
|
26374
26374
|
await g(i).clearHtmlSelection(), I();
|
|
@@ -26440,12 +26440,12 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26440
26440
|
}, 8, ["showModalBuilder"])
|
|
26441
26441
|
]));
|
|
26442
26442
|
}
|
|
26443
|
-
},
|
|
26443
|
+
}, u6 = [
|
|
26444
26444
|
{
|
|
26445
26445
|
html_code: `
|
|
26446
26446
|
<section>
|
|
26447
|
-
<div class="pbx-
|
|
26448
|
-
<div class="pbx-mx-auto pbx-max-w-7xl
|
|
26447
|
+
<div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2">
|
|
26448
|
+
<div class="pbx-mx-auto pbx-max-w-7xl">
|
|
26449
26449
|
<div>
|
|
26450
26450
|
<p>
|
|
26451
26451
|
Start customizing by editing this default text directly in the editor.
|
|
@@ -26463,7 +26463,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26463
26463
|
`
|
|
26464
26464
|
},
|
|
26465
26465
|
{
|
|
26466
|
-
html_code: '<section><div class="pbx-
|
|
26466
|
+
html_code: '<section><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words"><h2>Layouts and visual.</h2></div></div></div></section>',
|
|
26467
26467
|
id: null,
|
|
26468
26468
|
title: "Header H2",
|
|
26469
26469
|
icon: `
|
|
@@ -26473,7 +26473,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26473
26473
|
`
|
|
26474
26474
|
},
|
|
26475
26475
|
{
|
|
26476
|
-
html_code: '<section><div class="pbx-
|
|
26476
|
+
html_code: '<section><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words"><h3>Layouts and visual.</h3></div></div></div></section>',
|
|
26477
26477
|
id: null,
|
|
26478
26478
|
title: "Header H3",
|
|
26479
26479
|
icon: `
|
|
@@ -26483,7 +26483,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26483
26483
|
`
|
|
26484
26484
|
},
|
|
26485
26485
|
{
|
|
26486
|
-
html_code: '<section><div class="pbx-
|
|
26486
|
+
html_code: '<section><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words"><h4>Layouts and visual.</h4></div></div></div></section>',
|
|
26487
26487
|
id: null,
|
|
26488
26488
|
title: "Header H4",
|
|
26489
26489
|
icon: `
|
|
@@ -26493,7 +26493,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26493
26493
|
`
|
|
26494
26494
|
},
|
|
26495
26495
|
{
|
|
26496
|
-
html_code: '<section><div class="pbx-
|
|
26496
|
+
html_code: '<section><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words"><h5>Layouts and visual.</h5></div></div></div></section>',
|
|
26497
26497
|
id: null,
|
|
26498
26498
|
title: "Header H5",
|
|
26499
26499
|
icon: `
|
|
@@ -26503,7 +26503,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26503
26503
|
`
|
|
26504
26504
|
},
|
|
26505
26505
|
{
|
|
26506
|
-
html_code: '<section><div class="pbx-
|
|
26506
|
+
html_code: '<section><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words"><h6>Layouts and visual.</h6></div></div></div></section>',
|
|
26507
26507
|
id: null,
|
|
26508
26508
|
title: "Header H6",
|
|
26509
26509
|
icon: `
|
|
@@ -26598,7 +26598,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26598
26598
|
{
|
|
26599
26599
|
title: "Single Image",
|
|
26600
26600
|
html_code: `<section>
|
|
26601
|
-
<div class="md:pt-
|
|
26601
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" alt="provider"></div></div></div></div>
|
|
26602
26602
|
</section>`,
|
|
26603
26603
|
category: "Images",
|
|
26604
26604
|
cover_image: `
|
|
@@ -26615,7 +26615,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26615
26615
|
{
|
|
26616
26616
|
title: "Two Vertical Images",
|
|
26617
26617
|
html_code: `<section>
|
|
26618
|
-
<div class="md:pt-
|
|
26618
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${re()}" alt="provider"> </div> </div> </div> </div>
|
|
26619
26619
|
</section>`,
|
|
26620
26620
|
category: "Images",
|
|
26621
26621
|
cover_image: `
|
|
@@ -26642,7 +26642,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26642
26642
|
{
|
|
26643
26643
|
title: "Two Square Images",
|
|
26644
26644
|
html_code: `<section>
|
|
26645
|
-
<div class="md:pt-
|
|
26645
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"></div></div> </div></div>
|
|
26646
26646
|
</section>`,
|
|
26647
26647
|
category: "Images",
|
|
26648
26648
|
cover_image: `
|
|
@@ -26669,7 +26669,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26669
26669
|
{
|
|
26670
26670
|
title: "Three Square Images",
|
|
26671
26671
|
html_code: `<section>
|
|
26672
|
-
<div class="md:pt-
|
|
26672
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"></div></div> </div></div>
|
|
26673
26673
|
</section>`,
|
|
26674
26674
|
category: "Images",
|
|
26675
26675
|
cover_image: `
|
|
@@ -26698,7 +26698,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26698
26698
|
{
|
|
26699
26699
|
title: "Four Square Images",
|
|
26700
26700
|
html_code: `<section>
|
|
26701
|
-
<div class="md:pt-
|
|
26701
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-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="${re()}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"></div> <div><img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"></div> </div> </div> </div>
|
|
26702
26702
|
</section>`,
|
|
26703
26703
|
category: "Images",
|
|
26704
26704
|
cover_image: `
|
|
@@ -26726,8 +26726,8 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26726
26726
|
{
|
|
26727
26727
|
title: "Six Square Images Grid",
|
|
26728
26728
|
html_code: `<section>
|
|
26729
|
-
<div class="md:pt-
|
|
26730
|
-
<div class="mx-auto max-w-7xl">
|
|
26729
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2">
|
|
26730
|
+
<div class="pbx-mx-auto pbx-max-w-7xl">
|
|
26731
26731
|
<div class="grid grid-cols-2 md:grid-cols-3 myPrimaryGap">
|
|
26732
26732
|
|
|
26733
26733
|
<div>
|
|
@@ -26797,7 +26797,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26797
26797
|
{
|
|
26798
26798
|
title: "Two Square Images With Text",
|
|
26799
26799
|
html_code: `<section>
|
|
26800
|
-
<div class="md:pt-
|
|
26800
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl">
|
|
26801
26801
|
<div class="myPrimaryGap lg:flex lg:justify-center"><div class="flex-1 py-2">
|
|
26802
26802
|
<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="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-square " src="${re()}" alt="provider"> </div> </div> </div>
|
|
26803
26803
|
|
|
@@ -26832,7 +26832,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26832
26832
|
{
|
|
26833
26833
|
title: "Three Vertical Images",
|
|
26834
26834
|
html_code: `<section>
|
|
26835
|
-
<div class="md:pt-
|
|
26835
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${re()}" alt="provider"> </div> <div class="flex-1 py-2"> <img class="object-cover w-full object-top aspect-[9/16] " src="${re()}" alt="provider"></div></div> </div></div>
|
|
26836
26836
|
</section>`,
|
|
26837
26837
|
category: "Images",
|
|
26838
26838
|
cover_image: `
|
|
@@ -26861,7 +26861,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26861
26861
|
{
|
|
26862
26862
|
title: "Four Square Images With Text",
|
|
26863
26863
|
html_code: `<section>
|
|
26864
|
-
<div class="md:pt-
|
|
26864
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" 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="${re()}" 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="${re()}" 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="${re()}" 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>
|
|
26865
26865
|
</section>`,
|
|
26866
26866
|
category: "Images & Text",
|
|
26867
26867
|
cover_image: `
|
|
@@ -26906,7 +26906,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26906
26906
|
{
|
|
26907
26907
|
title: "Three Square Images With Text",
|
|
26908
26908
|
html_code: `<section>
|
|
26909
|
-
<div class="md:pt-
|
|
26909
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" 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="${re()}" 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="${re()}" 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>
|
|
26910
26910
|
</section>`,
|
|
26911
26911
|
category: "Images & Text",
|
|
26912
26912
|
cover_image: `
|
|
@@ -26943,7 +26943,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26943
26943
|
},
|
|
26944
26944
|
{
|
|
26945
26945
|
title: "Stats Split with Image",
|
|
26946
|
-
html_code:
|
|
26946
|
+
html_code: '<section> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2 pbx-bg-gray-900" > <div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-mx-auto pbx-max-w-2xl lg:pbx-mx-0 lg:pbx-max-w-none"> <div class="pbx-text-base/7 pbx-font-semibold pbx-text-indigo-400"> <p>Layouts and visual.</p> </div> <div class="pbx-mt-2 pbx-text-pretty pbx-tracking-tight pbx-text-white pbx-text-2xl lg:pbx-text-4xl pbx-font-medium" > <h1>Layouts and visual.</h1> </div> <div class="pbx-mt-10 pbx-grid pbx-max-w-xl pbx-grid-cols-1 pbx-gap-8 pbx-text-base/7 pbx-text-gray-300 lg:pbx-max-w-none lg:pbx-grid-cols-2" > <div> <div> <p> Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p> </div> <div class="pbx-mt-8"> <p> Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p> </div> </div> <div> <div> <p> Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p> </div> <div class="pbx-mt-8"> <p> Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p> </div> </div> </div> <div class="pbx-mt-16 pbx-grid pbx-grid-cols-1 pbx-gap-x-8 pbx-gap-y-12 sm:pbx-mt-20 sm:pbx-grid-cols-2 sm:pbx-gap-y-16 lg:pbx-mt-28 lg:pbx-grid-cols-4" > <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6" > <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"> <p>2021</p> </div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6" > <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"> <p>37</p> </div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6" > <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"> <p>12</p> </div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6" > <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"> <p>$25M</p> </div> </div> </div> </div> </div> </div> </section>',
|
|
26947
26947
|
category: "Marketing",
|
|
26948
26948
|
cover_image: `
|
|
26949
26949
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.55 129.8">
|
|
@@ -26966,7 +26966,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26966
26966
|
},
|
|
26967
26967
|
{
|
|
26968
26968
|
title: "Stats Stepped",
|
|
26969
|
-
html_code: '<section> <div class="md:pbx-pt-
|
|
26969
|
+
html_code: '<section> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-mx-auto pbx-max-w-2xl lg:pbx-mx-0"> <div class="pbx-text-2xl lg:pbx-text-4xl pbx-font-medium"> <h2>Start customizing by editing this default text directly in the editor.</h2> </div> <div> <p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p> </div> </div> <div class="pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-mt-12 lg:pbx-flex-row pbx-flex-col" > <div class="pbx-text-2xl pbx-font-semibold">250k</div> <div class="pbx-text-2xl pbx-font-semibold">$8.9</div> <div class="pbx-text-2xl pbx-font-semibold">401k</div> </div> </div> </div> </section>',
|
|
26970
26970
|
category: "Marketing",
|
|
26971
26971
|
cover_image: `
|
|
26972
26972
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.5 87.89">
|
|
@@ -26983,7 +26983,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
26983
26983
|
},
|
|
26984
26984
|
{
|
|
26985
26985
|
title: "Stats With Two Column",
|
|
26986
|
-
html_code: '<section><div class="pbx-
|
|
26986
|
+
html_code: '<section><div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2 pbx-bg-gray-900"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-mx-auto pbx-max-w-2xl lg:pbx-mx-0 lg:pbx-max-w-none"> <div class="pbx-text-base/7 pbx-font-semibold pbx-text-indigo-400"> <p>Layouts and visual.</p> </div> <div class="pbx-mt-2 pbx-text-pretty pbx-tracking-tight pbx-text-white pbx-text-2xl lg:pbx-text-4xl pbx-font-medium"><h1>Layouts and visual.</h1></div> <div class="pbx-mt-10 pbx-grid pbx-max-w-xl pbx-grid-cols-1 pbx-gap-8 pbx-text-base/7 pbx-text-gray-300 lg:pbx-max-w-none lg:pbx-grid-cols-2"> <div> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> <div class="pbx-mt-8"><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> <div> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> <div class="pbx-mt-8"><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> <div class="pbx-mt-16 pbx-grid pbx-grid-cols-1 pbx-gap-x-8 pbx-gap-y-12 sm:pbx-mt-20 sm:pbx-grid-cols-2 sm:pbx-gap-y-16 lg:pbx-mt-28 lg:pbx-grid-cols-4"> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6"> <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"><p>2021</p></div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6"> <div class="pbx-text-base/7 pbx-text-white"><p>Layouts and visual.</p></div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"><p>37</p></div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6"> <div class="pbx-text-base/7 pbx-text-white"> <p>Layouts and visual.</p> </div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"><p>12</p></div> </div> <div class="pbx-flex pbx-flex-col-reverse pbx-gap-y-3 pbx-border-l pbx-border-white/20 pbx-pl-6"> <div class="pbx-text-base/7 pbx-text-white"> <p>Layouts and visual.</p> </div> <div class="pbx-text-3xl pbx-font-semibold pbx-tracking-tight pbx-text-white"><p>$25M</p></div> </div> </div> </div> </div> </div></section>',
|
|
26987
26987
|
category: "Marketing",
|
|
26988
26988
|
cover_image: `
|
|
26989
26989
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.5 103.47">
|
|
@@ -27008,7 +27008,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27008
27008
|
},
|
|
27009
27009
|
{
|
|
27010
27010
|
title: "Timeline Simple",
|
|
27011
|
-
html_code: '<section><div class="pbx-
|
|
27011
|
+
html_code: '<section><div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-mx-auto pbx-grid pbx-max-w-2xl pbx-grid-cols-1 pbx-gap-8 pbx-overflow-hidden lg:pbx-mx-0 lg:pbx-max-w-none lg:pbx-grid-cols-4"> <div> <div class="pbx-flex pbx-items-center pbx-text-sm/6 pbx-font-semibold pbx-text-indigo-600"> <div class="pbx-text-black"><p>Layouts and visual.</p></div> </div> <div class="pbx-mt-6 pbx-text-lg/8 pbx-font-semibold pbx-tracking-tight pbx-text-black"><p>Layouts and visual.</p></div> <div class="pbx-mt-1 pbx-text-base/7 pbx-text-black"><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> <div> <div class="pbx-flex pbx-items-center pbx-text-sm/6 pbx-font-semibold pbx-text-indigo-600"> <div class="pbx-text-black"><p>Layouts and visual.</p></div> </div> <div class="pbx-mt-6 pbx-text-lg/8 pbx-font-semibold pbx-tracking-tight pbx-text-black"><p>Layouts and visual.</p></div> <div class="pbx-mt-1 pbx-text-base/7 pbx-text-black"> <p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p> </div> </div> <div> <div class="pbx-flex pbx-items-center pbx-text-sm/6 pbx-font-semibold pbx-text-indigo-600"> <div class="pbx-text-black"><p>Layouts and visual.</p></div> </div> <div class="pbx-mt-6 pbx-text-lg/8 pbx-font-semibold pbx-tracking-tight pbx-text-black"><p>Layouts and visual.</p></div> <div class="pbx-mt-1 pbx-text-base/7 pbx-text-black"> <p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p> </div> </div> <div> <div class="pbx-flex pbx-items-center pbx-text-sm/6 pbx-font-semibold pbx-text-indigo-600"> <div class="pbx-text-black"><p>Layouts and visual.</p></div> </div> <div class="pbx-mt-6 pbx-text-lg/8 pbx-font-semibold pbx-tracking-tight pbx-text-black"> <p>Layouts and visual.</p> </div> <div class="pbx-mt-1 pbx-text-base/7 pbx-text-black"><p>Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </div> </div></section>',
|
|
27012
27012
|
category: "Marketing",
|
|
27013
27013
|
cover_image: `
|
|
27014
27014
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440.22 66.6">
|
|
@@ -27050,7 +27050,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27050
27050
|
},
|
|
27051
27051
|
{
|
|
27052
27052
|
title: "Show Single Product",
|
|
27053
|
-
html_code: `<section> <div class="md:pbx-pt-
|
|
27053
|
+
html_code: `<section> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${re()}" alt="provider"> <div class="pbx-break-words pbx-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> </section>`,
|
|
27054
27054
|
category: "Products",
|
|
27055
27055
|
cover_image: `
|
|
27056
27056
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="122.319 300.3 122.364 160.763" width="122.364px" height="160.763px">
|
|
@@ -27067,7 +27067,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27067
27067
|
{
|
|
27068
27068
|
title: "Show Multiple Products",
|
|
27069
27069
|
html_code: `<section>
|
|
27070
|
-
<div class="md:pt-
|
|
27070
|
+
<div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-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="${re()}" 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="${re()}" 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="${re()}" 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>
|
|
27071
27071
|
</section>`,
|
|
27072
27072
|
category: "Products",
|
|
27073
27073
|
cover_image: `
|
|
@@ -27104,7 +27104,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27104
27104
|
},
|
|
27105
27105
|
{
|
|
27106
27106
|
title: "Simple Centered CTA",
|
|
27107
|
-
html_code: '<section><div class="pbx-
|
|
27107
|
+
html_code: '<section><div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-mx-auto pbx-text-center"> <div class="pbx-break-words pbx-text-6xl lg:pbx-text-8xl pbx-font-medium"> <h2>Start customizing by editing this default text directly in the editor.</h2> </div> <div class="pbx-pt-12 pbx-pb-4"> <p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p> </div> <div class="pbx-font-semibold pbx-py-4"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.google.com">Layouts and visual.</a></p></div> </div> </div></div></section>',
|
|
27108
27108
|
category: "Call To Action",
|
|
27109
27109
|
cover_image: `
|
|
27110
27110
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 277.5 67.89">
|
|
@@ -27118,7 +27118,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27118
27118
|
},
|
|
27119
27119
|
{
|
|
27120
27120
|
title: "Left Simple CTA",
|
|
27121
|
-
html_code: '<section> <div class="pbx-
|
|
27121
|
+
html_code: '<section> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-break-words pbx-text-6xl lg:pbx-text-8xl pbx-font-medium"> <h2>Start customizing by editing this default text directly in the editor.</h2> </div> <div class="pbx-pt-12 pbx-pb-4"> <p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p> </div> <div class="pbx-font-semibold pbx-py-4"><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.google.com">Layouts and visual.</a></p></div> </div></div> </section>',
|
|
27122
27122
|
category: "Call To Action",
|
|
27123
27123
|
cover_image: `
|
|
27124
27124
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 277.5 67.89">
|
|
@@ -27132,7 +27132,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27132
27132
|
},
|
|
27133
27133
|
{
|
|
27134
27134
|
title: "Image & Left CTA",
|
|
27135
|
-
html_code: `<section> <div class="md:pbx-pt-
|
|
27135
|
+
html_code: `<section> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 lg:pbx-grid-cols-2" > <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square" src="${re()}" alt="provider" /> <div class="pbx-mx-auto pbx-px-6 pbx-py-12"> <div class="pbx-break-words pbx-text-2xl lg:pbx-text-4xl pbx-font-medium"> <h2>Start customizing by editing this default text directly in the editor.</h2> </div> <div class="pbx-pt-12 pbx-pb-4"> <p> Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p> </div> <div class="pbx-font-semibold pbx-py-4"> <p> <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.google.com" >Layouts and visual.</a > </p> </div> </div> </div> </div> </div> </section>`,
|
|
27136
27136
|
category: "Call To Action",
|
|
27137
27137
|
cover_image: `
|
|
27138
27138
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 482.23 129.8">
|
|
@@ -27171,7 +27171,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27171
27171
|
data: [
|
|
27172
27172
|
{
|
|
27173
27173
|
title: "Basic Article",
|
|
27174
|
-
html_code: '<div id="pagebuilder" class=" style=""><section data-component-title="Header H2"><div class="pbx-
|
|
27174
|
+
html_code: '<div id="pagebuilder" class=" style=""><section data-component-title="Header H2"><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-font-medium pbx-text-3xl lg:pbx-text-6xl"><h2>Layouts and visual.</h2></div></div></div></section> <section data-component-title="Text"> <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class=""><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" class=""> <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p><ul><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p><p><br></p></li></ul><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class=""><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text"> <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.<br><br>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section></div>',
|
|
27175
27175
|
category: "Article",
|
|
27176
27176
|
cover_image: `
|
|
27177
27177
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 277.5 215.93">
|
|
@@ -27205,7 +27205,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27205
27205
|
},
|
|
27206
27206
|
{
|
|
27207
27207
|
title: "Blog Post",
|
|
27208
|
-
html_code: `<section data-component-title="Single Image"> <div class="md:pbx-pt-
|
|
27208
|
+
html_code: `<section data-component-title="Single Image"> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-1 lg:pbx-grid-cols-1"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"></div></div></div></div> </section> <section data-component-title="Header H2" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-font-medium pbx-text-3xl lg:pbx-text-6xl"><h2>Layouts and visual.</h2></div></div></div></section> <section data-component-title="Text" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class="" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" class="" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p><ul><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p><p><br></p></li></ul><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class="" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.<br><br>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Three Square Images"> <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-3 lg:pbx-grid-cols-3"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"></div></div> </div></div> </section>`,
|
|
27209
27209
|
category: "Article",
|
|
27210
27210
|
cover_image: `
|
|
27211
27211
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 278.95 603.06">
|
|
@@ -27259,7 +27259,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27259
27259
|
},
|
|
27260
27260
|
{
|
|
27261
27261
|
title: "Stats Simple",
|
|
27262
|
-
html_code: `<section data-component-title="Header H2" ><div class="pbx-
|
|
27262
|
+
html_code: `<section data-component-title="Header H2" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-font-medium pbx-text-3xl lg:pbx-text-6xl"><h2>Start customizing by editing this default text directly in the editor.</h2></div></div></div></section> <section data-component-title="Stats Split with Image" > <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 lg:pbx-grid-cols-2"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square "src="${ot()}" alt="provider"> </div> <div> <div class=""> <p class="pbx-font-semibold">Layouts and visual.</p> </div> <div class="pbx-font-medium pbx-text-2xl lg:pbx-text-4xl"><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. </p></div> <div class="pbx-mt-16 pbx-grid pbx-max-w-xl pbx-grid-cols-1 pbx-gap-8 sm:pbx-mt-20 sm:pbx-grid-cols-2 xl:pbx-mt-16"> <div class="pbx-flex pbx-flex-col pbx-gap-y-3 pbx-border-l pbx-border-gray-900/10 pbx-pl-6"> <div><p>Layouts and visual.</p></div> <div class="pbx-font-medium pbx-text-lg lg:pbx-text-2xl"><p>8,000+</p></div> </div> <div class="pbx-flex pbx-flex-col pbx-gap-y-3 pbx-border-l pbx-border-gray-900/10 pbx-pl-6"> <div> <p class="pbx-text-sm/6 pbx-text-gray-600">Layouts and visual.</p> </div> <div class="pbx-font-medium pbx-text-lg lg:pbx-text-2xl"><p>3%</p></div> </div> <div class="pbx-flex pbx-flex-col pbx-gap-y-3 pbx-border-l pbx-border-gray-900/10 pbx-pl-6"> <div> <p class="pbx-text-sm/6 pbx-text-gray-600">Layouts and visual.</p> </div> <div class="pbx-text-lg lg:pbx-text-2xl pbx-font-medium"><p>99.9%</p></div> </div> <div class="pbx-flex pbx-flex-col pbx-gap-y-3 pbx-border-l pbx-border-gray-900/10 pbx-pl-6"> <div> <p class="pbx-text-sm/6 pbx-text-gray-600">Layouts and visual.</p> </div> <div class="pbx-text-lg lg:pbx-text-2xl pbx-font-medium"><p>$70M</p></div> </div> </div> </div></div> </div></div> </section> <section data-component-title="Header H3" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Four Square Images With Text" > <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-2 sm:pbx-grid-cols-2 lg:pbx-grid-cols-4"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"> <div class="pbx-break-words pbx-py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"> <div class="pbx-break-words pbx-py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"> <div class="pbx-break-words pbx-py-2"><p>Layouts and visual.</p><p>Start customizing by editing this default text directly in the editor.</p></div> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}" alt="provider"><div class="pbx-break-words pbx-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> </section>`,
|
|
27263
27263
|
category: "Marketing",
|
|
27264
27264
|
cover_image: `
|
|
27265
27265
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 398.96 455.95">
|
|
@@ -27335,7 +27335,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27335
27335
|
},
|
|
27336
27336
|
{
|
|
27337
27337
|
title: "Job Post",
|
|
27338
|
-
html_code: `<section data-component-title="Header H2" ><div class="pbx-
|
|
27338
|
+
html_code: `<section data-component-title="Header H2" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-font-medium pbx-text-3xl lg:pbx-text-6xl"><h2>Layouts and visual.</h2></div></div></div></section> <section data-component-title="Text" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class="" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" class="" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p><ul><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p></li><li><p><strong>Layouts and visual.</strong></p><p><br></p></li></ul><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Header H3" class="" ><div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-break-words pbx-text-1xl lg:pbx-text-3xl pbx-font-medium"><h3>Layouts and visual.</h3></div></div></div></section> <section data-component-title="Text" > <div class="md:pbx-pt-4 md:pbx-pb-4 pbx-pt-4 pbx-pb-4 lg:pbx-px-4 pbx-px-2"> <div class="pbx-mx-auto pbx-max-w-7xl"> <div><p>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.<br><br>Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor. Start customizing by editing this default text directly in the editor.</p></div> </div> </div> </section> <section data-component-title="Three Square Images" > <div class="md:pbx-pt-16 md:pbx-pb-16 pbx-pt-6 pbx-pb-6 lg:pbx-px-4 pbx-px-2"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="pbx-myPrimaryGap pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-3 lg:pbx-grid-cols-3"> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}"" alt="provider"> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}"" alt="provider"> </div> <div class="pbx-flex-1 pbx-py-2"> <img class="pbx-object-cover pbx-w-full pbx-object-top pbx-aspect-square " src="${ot()}"" alt="provider"></div></div> </div></div> </section>`,
|
|
27339
27339
|
category: "Article",
|
|
27340
27340
|
cover_image: `
|
|
27341
27341
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 278.95 369.75">
|
|
@@ -27385,7 +27385,7 @@ const GP = { class: "pbx-my-2 pbx-py-2" }, KP = {
|
|
|
27385
27385
|
}
|
|
27386
27386
|
}
|
|
27387
27387
|
];
|
|
27388
|
-
function
|
|
27388
|
+
function h6() {
|
|
27389
27389
|
const n = an("closeAddComponentModal", null), e = an("closeMediaLibraryModal", null);
|
|
27390
27390
|
return {
|
|
27391
27391
|
closeAddComponentModal: n || (() => {
|
|
@@ -27400,13 +27400,13 @@ function h9() {
|
|
|
27400
27400
|
})
|
|
27401
27401
|
};
|
|
27402
27402
|
}
|
|
27403
|
-
const
|
|
27403
|
+
const f6 = {
|
|
27404
27404
|
key: 0,
|
|
27405
27405
|
class: "pbx-min-h-[90vh] pbx-h-[90vh]"
|
|
27406
|
-
},
|
|
27406
|
+
}, b6 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, m6 = { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, x6 = { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, g6 = { key: 1 }, y6 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, v6 = ["onClick"], S6 = {
|
|
27407
27407
|
key: 0,
|
|
27408
27408
|
class: "pbx-mb-8"
|
|
27409
|
-
},
|
|
27409
|
+
}, w6 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, C6 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, k6 = ["onClick"], T6 = { class: "pbx-min-h-[96rem]" }, M6 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, E6 = ["onClick"], L6 = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, P6 = ["innerHTML"], B6 = { class: "pbx-p-3" }, A6 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, I6 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, D6 = { class: "pbx-mb-8" }, $6 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, O6 = { class: "pbx-px-2 pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 lg:pbx-grid-cols-4 pbx-gap-4" }, _6 = ["onClick"], N6 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, H6 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, R6 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, z6 = { class: "pbx-px-2" }, F6 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, V6 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, j6 = ["onClick"], q6 = { class: "pbx-min-h-[96rem]" }, W6 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, U6 = ["onClick"], G6 = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, K6 = ["innerHTML"], J6 = { class: "pbx-p-3" }, Y6 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, Q6 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, X6 = /* @__PURE__ */ tt({
|
|
27410
27410
|
__name: "DefaultBuilderComponents",
|
|
27411
27411
|
props: {
|
|
27412
27412
|
customMediaComponent: {
|
|
@@ -27421,7 +27421,7 @@ const f9 = {
|
|
|
27421
27421
|
}), a = B(() => s.value === "All" ? Ls[0].components.data : Ls[0].components.data.filter((x) => x.category === s.value)), d = k("All"), p = B(() => {
|
|
27422
27422
|
const x = Ps[0].themes.data.map((v) => v.category);
|
|
27423
27423
|
return ["All", ...new Set(x)];
|
|
27424
|
-
}), u = B(() => d.value === "All" ? Ps[0].themes.data : Ps[0].themes.data.filter((x) => x.category === d.value)), { closeAddComponentModal: h } =
|
|
27424
|
+
}), u = B(() => d.value === "All" ? Ps[0].themes.data : Ps[0].themes.data.filter((x) => x.category === d.value)), { closeAddComponentModal: h } = h6(), f = async function(x) {
|
|
27425
27425
|
i.value = !0;
|
|
27426
27426
|
const v = x.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
|
|
27427
27427
|
/Start customizing by editing this default text directly in the editor\./g,
|
|
@@ -27448,15 +27448,15 @@ const f9 = {
|
|
|
27448
27448
|
};
|
|
27449
27449
|
};
|
|
27450
27450
|
return (x, v) => (y(), w("div", null, [
|
|
27451
|
-
i.value ? (y(), w("div",
|
|
27452
|
-
c("div",
|
|
27453
|
-
c("div",
|
|
27454
|
-
c("span",
|
|
27451
|
+
i.value ? (y(), w("div", f6, [
|
|
27452
|
+
c("div", b6, [
|
|
27453
|
+
c("div", m6, [
|
|
27454
|
+
c("span", x6, C(g(e)("Loading...")), 1)
|
|
27455
27455
|
])
|
|
27456
27456
|
])
|
|
27457
27457
|
])) : E("", !0),
|
|
27458
|
-
i.value ? E("", !0) : (y(), w("div",
|
|
27459
|
-
c("div",
|
|
27458
|
+
i.value ? E("", !0) : (y(), w("div", g6, [
|
|
27459
|
+
c("div", y6, [
|
|
27460
27460
|
(y(!0), w(K, null, ie(o.value, (T) => (y(), w("button", {
|
|
27461
27461
|
key: T,
|
|
27462
27462
|
onClick: (S) => r.value = T,
|
|
@@ -27477,86 +27477,86 @@ const f9 = {
|
|
|
27477
27477
|
])
|
|
27478
27478
|
], -1)),
|
|
27479
27479
|
c("span", null, C(g(e)(T)), 1)
|
|
27480
|
-
], 10,
|
|
27480
|
+
], 10, v6))), 128))
|
|
27481
27481
|
]),
|
|
27482
|
-
r.value === "Themes" ? (y(), w("div",
|
|
27483
|
-
c("h3",
|
|
27484
|
-
c("div",
|
|
27482
|
+
r.value === "Themes" ? (y(), w("div", S6, [
|
|
27483
|
+
c("h3", w6, C(g(e)("Themes")), 1),
|
|
27484
|
+
c("div", C6, [
|
|
27485
27485
|
(y(!0), w(K, null, ie(p.value, (T) => (y(), w("button", {
|
|
27486
27486
|
key: T,
|
|
27487
27487
|
onClick: (S) => d.value = T,
|
|
27488
27488
|
class: j(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
|
|
27489
27489
|
d.value === T ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white" : "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white"
|
|
27490
27490
|
]])
|
|
27491
|
-
}, C(g(e)(T)), 11,
|
|
27491
|
+
}, C(g(e)(T)), 11, k6))), 128))
|
|
27492
27492
|
]),
|
|
27493
|
-
c("div",
|
|
27494
|
-
c("div",
|
|
27493
|
+
c("div", T6, [
|
|
27494
|
+
c("div", M6, [
|
|
27495
27495
|
(y(!0), w(K, null, ie(u.value, (T) => (y(), w("div", {
|
|
27496
27496
|
key: T.title,
|
|
27497
27497
|
class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-[30rem]",
|
|
27498
27498
|
onClick: (S) => f(T.html_code)
|
|
27499
27499
|
}, [
|
|
27500
|
-
c("div",
|
|
27500
|
+
c("div", L6, [
|
|
27501
27501
|
c("div", {
|
|
27502
27502
|
class: "pbx-w-64 pbx-h-96 pbx-object-cover pbx-cursor-pointer pbx-bg-white pbx-mx-auto pbx-flex pbx-items-center pbx-justify-center pbx-theme-cover",
|
|
27503
27503
|
innerHTML: T.cover_image
|
|
27504
|
-
}, null, 8,
|
|
27504
|
+
}, null, 8, P6)
|
|
27505
27505
|
]),
|
|
27506
|
-
c("div",
|
|
27507
|
-
c("h4",
|
|
27508
|
-
c("div",
|
|
27506
|
+
c("div", B6, [
|
|
27507
|
+
c("h4", A6, C(g(e)(T.title)), 1),
|
|
27508
|
+
c("div", I6, C(g(e)("Click to add theme")), 1)
|
|
27509
27509
|
])
|
|
27510
|
-
], 8,
|
|
27510
|
+
], 8, E6))), 128))
|
|
27511
27511
|
])
|
|
27512
27512
|
])
|
|
27513
27513
|
])) : E("", !0),
|
|
27514
27514
|
r.value === "Components" ? (y(), w(K, { key: 1 }, [
|
|
27515
|
-
c("div",
|
|
27516
|
-
c("h3", $
|
|
27517
|
-
c("div",
|
|
27518
|
-
(y(!0), w(K, null, ie(g(
|
|
27515
|
+
c("div", D6, [
|
|
27516
|
+
c("h3", $6, C(g(e)("Helper Components")), 1),
|
|
27517
|
+
c("div", O6, [
|
|
27518
|
+
(y(!0), w(K, null, ie(g(u6), (T) => (y(), w("div", {
|
|
27519
27519
|
key: T.title,
|
|
27520
27520
|
class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-96 pbx-p-4",
|
|
27521
27521
|
onClick: (S) => b(T)
|
|
27522
27522
|
}, [
|
|
27523
|
-
c("div",
|
|
27523
|
+
c("div", N6, [
|
|
27524
27524
|
E("", !0),
|
|
27525
|
-
c("h4",
|
|
27525
|
+
c("h4", H6, C(g(e)(T.title)), 1)
|
|
27526
27526
|
]),
|
|
27527
|
-
c("div",
|
|
27528
|
-
], 8,
|
|
27527
|
+
c("div", R6, C(g(e)("Click to add")) + " " + C(T.title.toLowerCase()) + " " + C(g(e)("component")), 1)
|
|
27528
|
+
], 8, _6))), 128))
|
|
27529
27529
|
])
|
|
27530
27530
|
]),
|
|
27531
|
-
c("div",
|
|
27532
|
-
c("h3",
|
|
27533
|
-
c("div",
|
|
27531
|
+
c("div", z6, [
|
|
27532
|
+
c("h3", F6, C(g(e)("Layout Components")), 1),
|
|
27533
|
+
c("div", V6, [
|
|
27534
27534
|
(y(!0), w(K, null, ie(l.value, (T) => (y(), w("button", {
|
|
27535
27535
|
key: T,
|
|
27536
27536
|
onClick: (S) => s.value = T,
|
|
27537
27537
|
class: j(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
|
|
27538
27538
|
s.value === T ? "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white" : "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white"
|
|
27539
27539
|
]])
|
|
27540
|
-
}, C(g(e)(T)), 11,
|
|
27540
|
+
}, C(g(e)(T)), 11, j6))), 128))
|
|
27541
27541
|
]),
|
|
27542
|
-
c("div",
|
|
27543
|
-
c("div",
|
|
27542
|
+
c("div", q6, [
|
|
27543
|
+
c("div", W6, [
|
|
27544
27544
|
(y(!0), w(K, null, ie(a.value, (T) => (y(), w("div", {
|
|
27545
27545
|
key: T.title,
|
|
27546
27546
|
class: "pbx-border-solid pbx-border pbx-border-gray-400 pbx-overflow-hidden hover:pbx-border-myPrimaryLinkColor pbx-duration-100 pbx-cursor-pointer pbx-max-h-96",
|
|
27547
27547
|
onClick: (S) => b(m(T))
|
|
27548
27548
|
}, [
|
|
27549
|
-
c("div",
|
|
27549
|
+
c("div", G6, [
|
|
27550
27550
|
c("div", {
|
|
27551
27551
|
class: "pbx-w-64 pbx-h-64 pbx-object-cover pbx-cursor-pointer pbx-bg-white pbx-mx-auto pbx-flex pbx-items-center pbx-justify-center pbx-theme-cover",
|
|
27552
27552
|
innerHTML: T.cover_image
|
|
27553
|
-
}, null, 8,
|
|
27553
|
+
}, null, 8, K6)
|
|
27554
27554
|
]),
|
|
27555
|
-
c("div",
|
|
27556
|
-
c("h4",
|
|
27557
|
-
c("div",
|
|
27555
|
+
c("div", J6, [
|
|
27556
|
+
c("h4", Y6, C(g(e)(T.title)), 1),
|
|
27557
|
+
c("div", Q6, C(g(e)("Click to add component")), 1)
|
|
27558
27558
|
])
|
|
27559
|
-
], 8,
|
|
27559
|
+
], 8, U6))), 128))
|
|
27560
27560
|
])
|
|
27561
27561
|
])
|
|
27562
27562
|
])
|
|
@@ -27567,7 +27567,7 @@ const f9 = {
|
|
|
27567
27567
|
]))
|
|
27568
27568
|
]));
|
|
27569
27569
|
}
|
|
27570
|
-
}),
|
|
27570
|
+
}), Z6 = /* @__PURE__ */ Lo(X6, [["__scopeId", "data-v-c528d716"]]), e9 = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, t9 = { key: 0 }, n9 = { key: 1 }, i9 = {
|
|
27571
27571
|
__name: "BuilderComponents",
|
|
27572
27572
|
props: {
|
|
27573
27573
|
firstButtonText: {
|
|
@@ -27600,12 +27600,12 @@ const f9 = {
|
|
|
27600
27600
|
maxHeight: ""
|
|
27601
27601
|
}, {
|
|
27602
27602
|
default: q(() => [
|
|
27603
|
-
c("div",
|
|
27603
|
+
c("div", e9, [
|
|
27604
27604
|
c("div", null, [
|
|
27605
|
-
n.CustomBuilderComponents ? (y(), w("div",
|
|
27605
|
+
n.CustomBuilderComponents ? (y(), w("div", t9, [
|
|
27606
27606
|
(y(), oe(sp(n.CustomBuilderComponents)))
|
|
27607
|
-
])) : (y(), w("div",
|
|
27608
|
-
F(
|
|
27607
|
+
])) : (y(), w("div", n9, [
|
|
27608
|
+
F(Z6, { customMediaComponent: g(t) }, null, 8, ["customMediaComponent"])
|
|
27609
27609
|
]))
|
|
27610
27610
|
])
|
|
27611
27611
|
])
|
|
@@ -27613,7 +27613,7 @@ const f9 = {
|
|
|
27613
27613
|
_: 1
|
|
27614
27614
|
}, 8, ["title", "showModalBuilder"]));
|
|
27615
27615
|
}
|
|
27616
|
-
},
|
|
27616
|
+
}, r9 = { class: "pbx-flex pbx-h-full pbx-flex-col" }, o9 = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, s9 = { class: "pbx-font-medium pbx-text-sm" }, l9 = { class: "pbx-lowercase" }, a9 = { class: "pbx-mb-1" }, d9 = { class: "pbx-my-1" }, p9 = { class: "pbx-my-1" }, c9 = { class: "pbx-my-1" }, u9 = { class: "pbx-my-1" }, h9 = { class: "pbx-my-1" }, f9 = { class: "pbx-my-1" }, b9 = { class: "pbx-my-1" }, m9 = {
|
|
27617
27617
|
__name: "RightSidebarEditor",
|
|
27618
27618
|
emits: ["closeEditor"],
|
|
27619
27619
|
setup(n) {
|
|
@@ -27634,8 +27634,8 @@ const f9 = {
|
|
|
27634
27634
|
function a() {
|
|
27635
27635
|
s.value && (l = s.value.scrollTop);
|
|
27636
27636
|
}
|
|
27637
|
-
return (d, p) => (y(), w("div",
|
|
27638
|
-
c("div",
|
|
27637
|
+
return (d, p) => (y(), w("div", r9, [
|
|
27638
|
+
c("div", o9, [
|
|
27639
27639
|
c("button", {
|
|
27640
27640
|
type: "button",
|
|
27641
27641
|
onClick: p[0] || (p[0] = (u) => d.$emit("closeEditor")),
|
|
@@ -27643,9 +27643,9 @@ const f9 = {
|
|
|
27643
27643
|
}, [...p[1] || (p[1] = [
|
|
27644
27644
|
c("span", { class: "material-symbols-outlined" }, " close ", -1)
|
|
27645
27645
|
])]),
|
|
27646
|
-
c("p",
|
|
27646
|
+
c("p", s9, [
|
|
27647
27647
|
Be(C(g(e)("Editing")) + " ", 1),
|
|
27648
|
-
c("span",
|
|
27648
|
+
c("span", l9, "<" + C(o.value) + ">", 1)
|
|
27649
27649
|
])
|
|
27650
27650
|
]),
|
|
27651
27651
|
c("div", {
|
|
@@ -27655,28 +27655,28 @@ const f9 = {
|
|
|
27655
27655
|
class: "pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-overflow-y-scroll"
|
|
27656
27656
|
}, [
|
|
27657
27657
|
le(c("div", null, [
|
|
27658
|
-
c("article",
|
|
27658
|
+
c("article", a9, [
|
|
27659
27659
|
F(iC)
|
|
27660
27660
|
]),
|
|
27661
|
-
c("article",
|
|
27661
|
+
c("article", d9, [
|
|
27662
27662
|
F(nk)
|
|
27663
27663
|
]),
|
|
27664
|
-
c("article",
|
|
27664
|
+
c("article", p9, [
|
|
27665
27665
|
F(uy)
|
|
27666
27666
|
]),
|
|
27667
|
-
c("article",
|
|
27667
|
+
c("article", c9, [
|
|
27668
27668
|
F(hy)
|
|
27669
27669
|
]),
|
|
27670
|
-
c("article",
|
|
27670
|
+
c("article", u9, [
|
|
27671
27671
|
F(fy)
|
|
27672
27672
|
]),
|
|
27673
|
-
c("article",
|
|
27673
|
+
c("article", h9, [
|
|
27674
27674
|
F(xy)
|
|
27675
27675
|
]),
|
|
27676
|
-
c("article",
|
|
27676
|
+
c("article", f9, [
|
|
27677
27677
|
F(Zg)
|
|
27678
27678
|
]),
|
|
27679
|
-
c("article",
|
|
27679
|
+
c("article", b9, [
|
|
27680
27680
|
F(ey)
|
|
27681
27681
|
])
|
|
27682
27682
|
], 512), [
|
|
@@ -27685,34 +27685,34 @@ const f9 = {
|
|
|
27685
27685
|
], 544)
|
|
27686
27686
|
]));
|
|
27687
27687
|
}
|
|
27688
|
-
},
|
|
27688
|
+
}, x9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, g9 = { class: "pbx-mr-2" }, y9 = {
|
|
27689
27689
|
key: 0,
|
|
27690
27690
|
class: "pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"
|
|
27691
|
-
},
|
|
27691
|
+
}, v9 = { class: "pbx-text-white pbx-rounded-full pbx-bg-myPrimaryBrandColor pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-font-normal" }, S9 = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, w9 = {
|
|
27692
27692
|
key: 1,
|
|
27693
27693
|
class: "pbx-flex pbx-items-center lg:pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-4 pbx-w-max pbx-h-12 pbx-ml-2"
|
|
27694
|
-
},
|
|
27694
|
+
}, C9 = { class: "pbx-text-white pbx-flex-shrink-0 pbx-d pbx-w-10 pbx-h-10 pbx-rounded-full pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-rounded-l-full" }, k9 = ["src"], T9 = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, M9 = {
|
|
27695
27695
|
__name: "ToolbarOption",
|
|
27696
27696
|
setup(n) {
|
|
27697
27697
|
const e = he, t = B(() => e.getPageBuilderConfig);
|
|
27698
27698
|
return (i, r) => {
|
|
27699
27699
|
var o;
|
|
27700
27700
|
return y(), w("div", null, [
|
|
27701
|
-
c("div",
|
|
27702
|
-
c("div",
|
|
27703
|
-
t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && (!t.value.userForPageBuilder.image || typeof t.value.userForPageBuilder.image == "string" && ((o = t.value.userForPageBuilder.image) == null ? void 0 : o.length) < 2) ? (y(), w("div",
|
|
27704
|
-
c("div",
|
|
27705
|
-
c("div",
|
|
27701
|
+
c("div", x9, [
|
|
27702
|
+
c("div", g9, [
|
|
27703
|
+
t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && (!t.value.userForPageBuilder.image || typeof t.value.userForPageBuilder.image == "string" && ((o = t.value.userForPageBuilder.image) == null ? void 0 : o.length) < 2) ? (y(), w("div", y9, [
|
|
27704
|
+
c("div", v9, C(typeof t.value.userForPageBuilder.name == "string" && t.value.userForPageBuilder.name[0]), 1),
|
|
27705
|
+
c("div", S9, C(t.value.userForPageBuilder.name), 1)
|
|
27706
27706
|
])) : E("", !0),
|
|
27707
|
-
t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && t.value.userForPageBuilder.image && typeof t.value.userForPageBuilder.image == "string" && t.value.userForPageBuilder.image.length > 2 ? (y(), w("div",
|
|
27708
|
-
c("div",
|
|
27707
|
+
t.value && t.value.userForPageBuilder && t.value.userForPageBuilder.name && t.value.userForPageBuilder.image && typeof t.value.userForPageBuilder.image == "string" && t.value.userForPageBuilder.image.length > 2 ? (y(), w("div", w9, [
|
|
27708
|
+
c("div", C9, [
|
|
27709
27709
|
c("img", {
|
|
27710
27710
|
alt: "Avatar",
|
|
27711
27711
|
src: `${t.value.userForPageBuilder.image}`,
|
|
27712
27712
|
class: "pbx-block pbx-inset-0 pbx-object-top pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-object-cover pbx-rounded-full"
|
|
27713
|
-
}, null, 8,
|
|
27713
|
+
}, null, 8, k9)
|
|
27714
27714
|
]),
|
|
27715
|
-
c("div",
|
|
27715
|
+
c("div", T9, C(t.value.userForPageBuilder.name), 1)
|
|
27716
27716
|
])) : E("", !0)
|
|
27717
27717
|
])
|
|
27718
27718
|
])
|
|
@@ -27721,14 +27721,14 @@ const f9 = {
|
|
|
27721
27721
|
}
|
|
27722
27722
|
};
|
|
27723
27723
|
let Bs = null;
|
|
27724
|
-
function
|
|
27724
|
+
function E9() {
|
|
27725
27725
|
return (n, e = 300) => {
|
|
27726
27726
|
Bs && clearTimeout(Bs), Bs = setTimeout(n, e);
|
|
27727
27727
|
};
|
|
27728
27728
|
}
|
|
27729
|
-
const
|
|
27730
|
-
function
|
|
27731
|
-
return y(), w("div",
|
|
27729
|
+
const L9 = {}, P9 = { class: "pbx-bg-white pbx-flex pbx-justify-center pbx-items-center min-pbx-h-screen pbx-h-screen pbx-w-screen pbx-fixed pbx-inset-0 pbx-z-[10000]" };
|
|
27730
|
+
function B9(n, e) {
|
|
27731
|
+
return y(), w("div", P9, [...e[0] || (e[0] = [
|
|
27732
27732
|
c("div", { class: "pbx-absolute pbx-top-1/3" }, [
|
|
27733
27733
|
c("div", { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mt-4" }, [
|
|
27734
27734
|
c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
|
|
@@ -27738,7 +27738,7 @@ function BI(n, e) {
|
|
|
27738
27738
|
], -1)
|
|
27739
27739
|
])]);
|
|
27740
27740
|
}
|
|
27741
|
-
const q0 = /* @__PURE__ */ Lo(
|
|
27741
|
+
const q0 = /* @__PURE__ */ Lo(L9, [["render", B9]]), A9 = { class: "pbx-text-xs pbx-text-gray-600 pbx-mx-2 pbx-py-3 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200 pbx-rounded-full" }, I9 = /* @__PURE__ */ tt({
|
|
27742
27742
|
__name: "UndoRedo",
|
|
27743
27743
|
emits: ["toolbar-hide-request"],
|
|
27744
27744
|
setup(n, { emit: e }) {
|
|
@@ -27764,7 +27764,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
27764
27764
|
}, [...f[1] || (f[1] = [
|
|
27765
27765
|
c("span", { class: "material-symbols-outlined" }, " undo ", -1)
|
|
27766
27766
|
])], 2),
|
|
27767
|
-
c("div",
|
|
27767
|
+
c("div", A9, C(s.value + 1) + "/" + C(l.value), 1),
|
|
27768
27768
|
c("div", {
|
|
27769
27769
|
onClick: u,
|
|
27770
27770
|
class: j(["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 hover:pbx-text-white", [
|
|
@@ -27776,76 +27776,76 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
27776
27776
|
])
|
|
27777
27777
|
], 64));
|
|
27778
27778
|
}
|
|
27779
|
-
}),
|
|
27779
|
+
}), D9 = { class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-auto pbx-flex pbx-flex-col pbx-font-sans pbx-text-black pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full" }, $9 = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, O9 = {
|
|
27780
27780
|
key: 0,
|
|
27781
27781
|
class: "pbx-myPrimaryParagraphError"
|
|
27782
|
-
},
|
|
27782
|
+
}, _9 = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, N9 = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, H9 = { class: "sm:pbx-grid-cols-2 sm:pbx-items-end sm:pbx-justify-end pbx-flex sm:pbx-flex-row pbx-flex-col pbx-myPrimaryGap sm:pbx-w-5/6 pbx-w-full" }, R9 = {
|
|
27783
27783
|
key: 1,
|
|
27784
27784
|
class: "pbx-flex pbx-items-center pbx-my-2 pbx-justify-end"
|
|
27785
|
-
},
|
|
27785
|
+
}, z9 = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, F9 = {
|
|
27786
27786
|
key: 0,
|
|
27787
27787
|
class: "pbx-myPrimaryParagraphError"
|
|
27788
|
-
},
|
|
27788
|
+
}, V9 = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, j9 = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, q9 = { class: "sm:pbx-grid-cols-2 sm:pbx-items-end sm:pbx-justify-end pbx-flex sm:pbx-flex-row pbx-flex-col pbx-myPrimaryGap sm:pbx-w-5/6 pbx-w-full" }, W9 = {
|
|
27789
27789
|
key: 1,
|
|
27790
27790
|
class: "pbx-flex pbx-items-center pbx-my-2 pbx-justify-end"
|
|
27791
|
-
},
|
|
27791
|
+
}, U9 = {
|
|
27792
27792
|
id: "pagebuilder-navbar",
|
|
27793
27793
|
class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-bg-myPrimaryLightGrayColor pbx-flex pbx-items-center pbx-justify-between pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-mb-2 pbx-font-sans pbx-min-h-20"
|
|
27794
|
-
},
|
|
27794
|
+
}, G9 = ["src"], K9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, J9 = ["disabled"], Y9 = {
|
|
27795
27795
|
key: 0,
|
|
27796
27796
|
class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
|
|
27797
|
-
},
|
|
27797
|
+
}, Q9 = {
|
|
27798
27798
|
key: 1,
|
|
27799
27799
|
class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
|
|
27800
|
-
},
|
|
27800
|
+
}, X9 = ["disabled"], Z9 = {
|
|
27801
27801
|
key: 0,
|
|
27802
27802
|
class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
|
|
27803
|
-
},
|
|
27803
|
+
}, eI = {
|
|
27804
27804
|
key: 1,
|
|
27805
27805
|
class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
|
|
27806
|
-
},
|
|
27806
|
+
}, tI = { class: "lg:pbx-block pbx-hidden" }, nI = { class: "lg:pbx-hidden pbx-block" }, iI = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200" }, rI = { class: "lg:pbx-block pbx-hidden" }, oI = { class: "pbx-whitespace-nowrap pbx-cursor-pointer" }, sI = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mr-2" }, lI = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, aI = { class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white" }, dI = {
|
|
27807
27807
|
fill: "currentColor",
|
|
27808
27808
|
height: "22",
|
|
27809
27809
|
viewBox: "0 0 22 22",
|
|
27810
27810
|
width: "22",
|
|
27811
27811
|
xmlns: "http://www.w3.org/2000/svg",
|
|
27812
27812
|
style: { display: "block" }
|
|
27813
|
-
},
|
|
27813
|
+
}, pI = { class: "lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center" }, cI = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, uI = { class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white" }, hI = {
|
|
27814
27814
|
fill: "currentColor",
|
|
27815
27815
|
height: "22",
|
|
27816
27816
|
viewBox: "0 0 22 22",
|
|
27817
27817
|
width: "22",
|
|
27818
27818
|
xmlns: "http://www.w3.org/2000/svg",
|
|
27819
27819
|
style: { display: "block" }
|
|
27820
|
-
},
|
|
27820
|
+
}, fI = { class: "pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end" }, bI = {
|
|
27821
27821
|
key: 0,
|
|
27822
27822
|
class: "pbx-flex-1 pbx-ml-2"
|
|
27823
|
-
},
|
|
27823
|
+
}, mI = {
|
|
27824
27824
|
key: 0,
|
|
27825
27825
|
class: "pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"
|
|
27826
|
-
},
|
|
27826
|
+
}, xI = ["value"], gI = ["value"], yI = {
|
|
27827
27827
|
key: 2,
|
|
27828
27828
|
class: "pbx-flex-1 pbx-ml-2 pbx-mr-2"
|
|
27829
|
-
},
|
|
27829
|
+
}, vI = {
|
|
27830
27830
|
id: "pagebuilder-main",
|
|
27831
27831
|
class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-relative pbx-h-full pbx-flex pbx-pb-2 pbx-gap-2"
|
|
27832
|
-
},
|
|
27832
|
+
}, SI = { class: "pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch" }, wI = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, CI = {
|
|
27833
27833
|
id: "pbxEditToolbar",
|
|
27834
27834
|
class: "pbx-z-30 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-sm pbx-px-2 pbx-h-0 pbx-min-w-52 pbx-relative"
|
|
27835
|
-
},
|
|
27835
|
+
}, kI = {
|
|
27836
27836
|
id: "pagebuilder",
|
|
27837
27837
|
class: "pbx-text-black pbx-font-sans"
|
|
27838
|
-
},
|
|
27838
|
+
}, TI = ["innerHTML", "onMouseup"], MI = {
|
|
27839
27839
|
fill: "currentColor",
|
|
27840
27840
|
height: "22",
|
|
27841
27841
|
viewBox: "0 0 22 22",
|
|
27842
27842
|
width: "22",
|
|
27843
27843
|
xmlns: "http://www.w3.org/2000/svg",
|
|
27844
27844
|
style: { display: "block" }
|
|
27845
|
-
},
|
|
27845
|
+
}, EI = {
|
|
27846
27846
|
id: "pagebuilder-footer",
|
|
27847
27847
|
class: "lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-flex pbx-items-center pbx-justify-center pbx-border-0 pbx-border-t pbx-border-t-gray-200 pbx-border-solid pbx-bg-myPrimaryLightGrayColor pbx-py-4"
|
|
27848
|
-
},
|
|
27848
|
+
}, LI = { class: "lg:pbx-block pbx-hidden" }, PI = { class: "pbx-whitespace-nowrap" }, OI = {
|
|
27849
27849
|
__name: "PageBuilder",
|
|
27850
27850
|
props: {
|
|
27851
27851
|
CustomMediaLibraryComponent: {
|
|
@@ -27915,7 +27915,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
27915
27915
|
style: se.value.getAttribute("style"),
|
|
27916
27916
|
class: se.value.getAttribute("class"),
|
|
27917
27917
|
dataImage: se.value.getAttribute("data-image")
|
|
27918
|
-
}), ir =
|
|
27918
|
+
}), ir = E9();
|
|
27919
27919
|
Y(nr, async (J, P) => {
|
|
27920
27920
|
((J == null ? void 0 : J.src) !== (P == null ? void 0 : P.src) || (J == null ? void 0 : J.href) !== (P == null ? void 0 : P.href) || (J == null ? void 0 : J.style) !== (P == null ? void 0 : P.style) || (J == null ? void 0 : J.class) !== (P == null ? void 0 : P.class) || (J == null ? void 0 : J.dataImage) !== (P == null ? void 0 : P.dataImage)) && ir(async () => {
|
|
27921
27921
|
await t.initializeElementStyles();
|
|
@@ -28003,7 +28003,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28003
28003
|
attributes: !0,
|
|
28004
28004
|
attributeFilter: ["selected"]
|
|
28005
28005
|
}), window.addEventListener("scroll", pr), window.addEventListener("resize", pr), await ve(1e4), Ko(), await ve(1e4), Ko(), await ve(1e4), Ko();
|
|
28006
|
-
}), (J, P) => (y(), w("div",
|
|
28006
|
+
}), (J, P) => (y(), w("div", D9, [
|
|
28007
28007
|
or.value && !D.value || b.value ? (y(), oe(q0, { key: 0 })) : E("", !0),
|
|
28008
28008
|
F(Dt, {
|
|
28009
28009
|
title: "The builder hasn’t started yet",
|
|
@@ -28018,7 +28018,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28018
28018
|
])]),
|
|
28019
28019
|
_: 1
|
|
28020
28020
|
}, 8, ["showModalBuilder"]),
|
|
28021
|
-
O.value ? (y(), oe(
|
|
28021
|
+
O.value ? (y(), oe(i9, {
|
|
28022
28022
|
key: 1,
|
|
28023
28023
|
show: O.value,
|
|
28024
28024
|
firstButtonText: He.value,
|
|
@@ -28104,12 +28104,12 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28104
28104
|
}, null, 512), [
|
|
28105
28105
|
[Ln, ar.value]
|
|
28106
28106
|
]),
|
|
28107
|
-
c("div", $
|
|
28108
|
-
Mt.value ? (y(), w("p",
|
|
28107
|
+
c("div", $9, [
|
|
28108
|
+
Mt.value ? (y(), w("p", O9, " Error: " + C(Mt.value), 1)) : E("", !0)
|
|
28109
28109
|
]),
|
|
28110
|
-
c("div",
|
|
28111
|
-
c("div",
|
|
28112
|
-
c("div",
|
|
28110
|
+
c("div", _9, [
|
|
28111
|
+
c("div", N9, [
|
|
28112
|
+
c("div", H9, [
|
|
28113
28113
|
gt.value ? E("", !0) : (y(), w(K, { key: 0 }, [
|
|
28114
28114
|
c("button", {
|
|
28115
28115
|
onClick: Go,
|
|
@@ -28122,7 +28122,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28122
28122
|
class: "pbx-myPrimaryButton"
|
|
28123
28123
|
}, C(g(r)("Save")), 1)
|
|
28124
28124
|
], 64)),
|
|
28125
|
-
gt.value ? (y(), w("div",
|
|
28125
|
+
gt.value ? (y(), w("div", R9, [...P[26] || (P[26] = [
|
|
28126
28126
|
c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
|
|
28127
28127
|
c("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
|
|
28128
28128
|
], -1)
|
|
@@ -28140,12 +28140,12 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28140
28140
|
}, null, 512), [
|
|
28141
28141
|
[Ln, dr.value]
|
|
28142
28142
|
]),
|
|
28143
|
-
c("div",
|
|
28144
|
-
Mt.value ? (y(), w("p",
|
|
28143
|
+
c("div", z9, [
|
|
28144
|
+
Mt.value ? (y(), w("p", F9, " Error: " + C(Mt.value), 1)) : E("", !0)
|
|
28145
28145
|
]),
|
|
28146
|
-
c("div",
|
|
28147
|
-
c("div",
|
|
28148
|
-
c("div",
|
|
28146
|
+
c("div", V9, [
|
|
28147
|
+
c("div", j9, [
|
|
28148
|
+
c("div", q9, [
|
|
28149
28149
|
gt.value ? E("", !0) : (y(), w(K, { key: 0 }, [
|
|
28150
28150
|
c("button", {
|
|
28151
28151
|
onClick: Go,
|
|
@@ -28158,7 +28158,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28158
28158
|
class: "pbx-myPrimaryButton"
|
|
28159
28159
|
}, C(g(r)("Save")), 1)
|
|
28160
28160
|
], 64)),
|
|
28161
|
-
gt.value ? (y(), w("div",
|
|
28161
|
+
gt.value ? (y(), w("div", W9, [...P[27] || (P[27] = [
|
|
28162
28162
|
c("div", { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, [
|
|
28163
28163
|
c("span", { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, "Loading...")
|
|
28164
28164
|
], -1)
|
|
@@ -28170,7 +28170,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28170
28170
|
]),
|
|
28171
28171
|
_: 1
|
|
28172
28172
|
}, 8, ["showModalBuilder", "title"]),
|
|
28173
|
-
c("div",
|
|
28173
|
+
c("div", U9, [
|
|
28174
28174
|
x.value && x.value.pageBuilderLogo && x.value.pageBuilderLogo.src ? (y(), w("div", {
|
|
28175
28175
|
key: 0,
|
|
28176
28176
|
onClick: P[2] || (P[2] = Je(
|
|
@@ -28185,9 +28185,9 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28185
28185
|
class: "pbx-h-6",
|
|
28186
28186
|
src: x.value.pageBuilderLogo.src,
|
|
28187
28187
|
alt: "Logo"
|
|
28188
|
-
}, null, 8,
|
|
28188
|
+
}, null, 8, G9)
|
|
28189
28189
|
])) : E("", !0),
|
|
28190
|
-
F(
|
|
28190
|
+
F(I9, { onToolbarHideRequest: Q0 }),
|
|
28191
28191
|
c("div", {
|
|
28192
28192
|
onClick: P[5] || (P[5] = Je(
|
|
28193
28193
|
async () => {
|
|
@@ -28197,7 +28197,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28197
28197
|
)),
|
|
28198
28198
|
class: "pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"
|
|
28199
28199
|
}, [
|
|
28200
|
-
c("div",
|
|
28200
|
+
c("div", K9, [
|
|
28201
28201
|
c("button", {
|
|
28202
28202
|
class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",
|
|
28203
28203
|
onClick: P[3] || (P[3] = Je(
|
|
@@ -28209,17 +28209,17 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28209
28209
|
type: "button",
|
|
28210
28210
|
disabled: Vn.value
|
|
28211
28211
|
}, [
|
|
28212
|
-
Vn.value ? E("", !0) : (y(), w("div",
|
|
28212
|
+
Vn.value ? E("", !0) : (y(), w("div", Y9, [...P[28] || (P[28] = [
|
|
28213
28213
|
c("span", { class: "material-symbols-outlined" }, "save", -1)
|
|
28214
28214
|
])])),
|
|
28215
|
-
Vn.value ? (y(), w("div",
|
|
28215
|
+
Vn.value ? (y(), w("div", Q9, [...P[29] || (P[29] = [
|
|
28216
28216
|
c("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
|
|
28217
28217
|
c("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
|
|
28218
28218
|
c("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
|
|
28219
28219
|
], -1)
|
|
28220
28220
|
])])) : E("", !0),
|
|
28221
28221
|
c("div", null, C(g(r)("Save")), 1)
|
|
28222
|
-
], 8,
|
|
28222
|
+
], 8, J9),
|
|
28223
28223
|
x.value && x.value.updateOrCreate && x.value.updateOrCreate.formType === "update" ? (y(), w("button", {
|
|
28224
28224
|
key: 0,
|
|
28225
28225
|
class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",
|
|
@@ -28232,22 +28232,22 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28232
28232
|
type: "button",
|
|
28233
28233
|
disabled: hn.value
|
|
28234
28234
|
}, [
|
|
28235
|
-
hn.value ? E("", !0) : (y(), w("div",
|
|
28235
|
+
hn.value ? E("", !0) : (y(), w("div", Z9, [...P[30] || (P[30] = [
|
|
28236
28236
|
c("span", { class: "material-symbols-outlined" }, " settings_backup_restore ", -1)
|
|
28237
28237
|
])])),
|
|
28238
|
-
hn.value ? (y(), w("div",
|
|
28238
|
+
hn.value ? (y(), w("div", eI, [...P[31] || (P[31] = [
|
|
28239
28239
|
c("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
|
|
28240
28240
|
c("span", { class: "pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75" }),
|
|
28241
28241
|
c("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
|
|
28242
28242
|
], -1)
|
|
28243
28243
|
])])) : E("", !0),
|
|
28244
|
-
c("div",
|
|
28244
|
+
c("div", tI, [
|
|
28245
28245
|
c("span", null, C(g(r)("Reset Page")), 1)
|
|
28246
28246
|
]),
|
|
28247
|
-
c("div",
|
|
28247
|
+
c("div", nI, [
|
|
28248
28248
|
c("span", null, C(g(r)("Reset")), 1)
|
|
28249
28249
|
])
|
|
28250
|
-
], 8,
|
|
28250
|
+
], 8, X9)) : E("", !0)
|
|
28251
28251
|
])
|
|
28252
28252
|
]),
|
|
28253
28253
|
c("div", {
|
|
@@ -28274,25 +28274,25 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28274
28274
|
g(l).setComponentArrayAddMethod("unshift"), ut();
|
|
28275
28275
|
})
|
|
28276
28276
|
}, [
|
|
28277
|
-
c("div",
|
|
28278
|
-
c("span",
|
|
28279
|
-
c("div",
|
|
28277
|
+
c("div", iI, [
|
|
28278
|
+
c("span", rI, [
|
|
28279
|
+
c("div", oI, C(g(r)("Add new Components")), 1)
|
|
28280
28280
|
]),
|
|
28281
28281
|
P[32] || (P[32] = c("span", { class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white" }, [
|
|
28282
28282
|
c("span", { class: "pbx-myMediumIcon material-symbols-outlined" }, " interests ")
|
|
28283
28283
|
], -1))
|
|
28284
28284
|
])
|
|
28285
28285
|
]),
|
|
28286
|
-
c("div",
|
|
28286
|
+
c("div", sI, [
|
|
28287
28287
|
c("div", {
|
|
28288
28288
|
onClick: P[7] || (P[7] = async () => {
|
|
28289
28289
|
g(l).setMenuRight(!1), g(l).setElement(null), await g(t).clearHtmlSelection(), H();
|
|
28290
28290
|
})
|
|
28291
28291
|
}, [
|
|
28292
|
-
c("div",
|
|
28293
|
-
c("span",
|
|
28292
|
+
c("div", lI, [
|
|
28293
|
+
c("span", aI, [
|
|
28294
28294
|
c("span", null, [
|
|
28295
|
-
(y(), w("svg",
|
|
28295
|
+
(y(), w("svg", dI, [...P[33] || (P[33] = [
|
|
28296
28296
|
c("path", {
|
|
28297
28297
|
"clip-rule": "evenodd",
|
|
28298
28298
|
d: "M2 3h18v13h-8v2h3v2H7v-2h3v-2H2V3zm2 2v9h14V5H4z",
|
|
@@ -28304,15 +28304,15 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28304
28304
|
])
|
|
28305
28305
|
])
|
|
28306
28306
|
]),
|
|
28307
|
-
c("div",
|
|
28307
|
+
c("div", pI, [
|
|
28308
28308
|
c("div", {
|
|
28309
28309
|
onClick: P[8] || (P[8] = async () => {
|
|
28310
28310
|
g(l).setMenuRight(!1), g(l).setElement(null), await g(t).clearHtmlSelection(), z();
|
|
28311
28311
|
})
|
|
28312
28312
|
}, [
|
|
28313
|
-
c("div",
|
|
28314
|
-
c("span",
|
|
28315
|
-
(y(), w("svg",
|
|
28313
|
+
c("div", cI, [
|
|
28314
|
+
c("span", uI, [
|
|
28315
|
+
(y(), w("svg", hI, [...P[34] || (P[34] = [
|
|
28316
28316
|
c("path", { d: "M14 16H8v2h6v-2z" }, null, -1),
|
|
28317
28317
|
c("path", { d: "M14 1H8a3 3 0 00-3 3v14a3 3 0 003 3h6a3 3 0 003-3V4a3 3 0 00-3-3zM7 4a1 1 0 011-1h6a1 1 0 011 1v14a1 1 0 01-1 1H8a1 1 0 01-1-1V4z" }, null, -1)
|
|
28318
28318
|
])]))
|
|
@@ -28322,7 +28322,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28322
28322
|
])
|
|
28323
28323
|
])
|
|
28324
28324
|
]),
|
|
28325
|
-
c("div",
|
|
28325
|
+
c("div", fI, [
|
|
28326
28326
|
c("div", {
|
|
28327
28327
|
onClick: P[11] || (P[11] = Je(
|
|
28328
28328
|
async () => {
|
|
@@ -28332,9 +28332,9 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28332
28332
|
)),
|
|
28333
28333
|
class: j(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full", [n.showCloseButton ? "pbx-justify-between" : "pbx-justify-end"]])
|
|
28334
28334
|
}, [
|
|
28335
|
-
F(
|
|
28335
|
+
F(M9)
|
|
28336
28336
|
], 2),
|
|
28337
|
-
n.showPublishButton ? (y(), w("div",
|
|
28337
|
+
n.showPublishButton ? (y(), w("div", bI, [
|
|
28338
28338
|
c("button", {
|
|
28339
28339
|
class: "pbx-myPrimaryButton",
|
|
28340
28340
|
onClick: P[12] || (P[12] = async () => {
|
|
@@ -28343,7 +28343,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28343
28343
|
}, C(g(r)("Publish")), 1)
|
|
28344
28344
|
])) : E("", !0),
|
|
28345
28345
|
g(t) && x.value && x.value.userSettings && x.value.userSettings.language && !x.value.userSettings.language.disableLanguageDropDown ? (y(), w(K, { key: 1 }, [
|
|
28346
|
-
x.value && x.value.userSettings && x.value.userSettings.language ? (y(), w("div",
|
|
28346
|
+
x.value && x.value.userSettings && x.value.userSettings.language ? (y(), w("div", mI, [
|
|
28347
28347
|
le(c("select", {
|
|
28348
28348
|
id: "pbx-lang",
|
|
28349
28349
|
class: "pbx-myPrimarySelect pbx-min-w-20",
|
|
@@ -28352,17 +28352,17 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28352
28352
|
Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length >= 1 ? (y(!0), w(K, { key: 0 }, ie(g(t).availableLanguage().filter((ce) => x.value.userSettings.language.enable.includes(ce)), (ce) => (y(), w("option", {
|
|
28353
28353
|
key: ce,
|
|
28354
28354
|
value: ce
|
|
28355
|
-
}, C(ce), 9,
|
|
28355
|
+
}, C(ce), 9, xI))), 128)) : E("", !0),
|
|
28356
28356
|
!x.value.userSettings.language.enable || Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length === 0 ? (y(!0), w(K, { key: 1 }, ie(g(t).availableLanguage(), (ce) => (y(), w("option", {
|
|
28357
28357
|
key: ce,
|
|
28358
28358
|
value: ce
|
|
28359
|
-
}, C(ce), 9,
|
|
28359
|
+
}, C(ce), 9, gI))), 128)) : E("", !0)
|
|
28360
28360
|
], 512), [
|
|
28361
28361
|
[Se, h.value]
|
|
28362
28362
|
])
|
|
28363
28363
|
])) : E("", !0)
|
|
28364
28364
|
], 64)) : E("", !0),
|
|
28365
|
-
n.showCloseButton ? (y(), w("div",
|
|
28365
|
+
n.showCloseButton ? (y(), w("div", yI, [
|
|
28366
28366
|
c("button", {
|
|
28367
28367
|
class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white hover:pbx-fill-white focus-visible:pbx-ring-0",
|
|
28368
28368
|
onClick: P[14] || (P[14] = async () => {
|
|
@@ -28374,7 +28374,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28374
28374
|
])) : E("", !0)
|
|
28375
28375
|
])
|
|
28376
28376
|
]),
|
|
28377
|
-
c("div",
|
|
28377
|
+
c("div", vI, [
|
|
28378
28378
|
c("div", {
|
|
28379
28379
|
onClick: P[17] || (P[17] = Je(
|
|
28380
28380
|
async () => {
|
|
@@ -28385,8 +28385,8 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28385
28385
|
id: "pagebuilder-left-menu",
|
|
28386
28386
|
class: "pbx-w-16 pbx-pt-7 pbx-pb-2 pbx-bg-myPrimaryLightGrayColor pbx-rounded-r-2xl pbx-shadow-sm"
|
|
28387
28387
|
}, [
|
|
28388
|
-
c("div",
|
|
28389
|
-
c("div",
|
|
28388
|
+
c("div", SI, [
|
|
28389
|
+
c("div", wI, [
|
|
28390
28390
|
c("button", {
|
|
28391
28391
|
type: "button",
|
|
28392
28392
|
onClick: P[15] || (P[15] = () => {
|
|
@@ -28405,7 +28405,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28405
28405
|
["self"]
|
|
28406
28406
|
))
|
|
28407
28407
|
}, [
|
|
28408
|
-
F(
|
|
28408
|
+
F(c6)
|
|
28409
28409
|
])
|
|
28410
28410
|
])
|
|
28411
28411
|
]),
|
|
@@ -28415,10 +28415,10 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28415
28415
|
id: "page-builder-wrapper",
|
|
28416
28416
|
class: j(["pbx-transition-all pbx-duration-300 pbx-font-sans pbx-p-1 pbx-flex pbx-flex-col pbx-grow pbx-rounded-tr-2xl pbx-rounded-tl-2xl pbx-border-solid pbx-border pbx-border-gray-200 pbx-items-stretch pbx-text-black pbx-h-[100vh] pbx-overflow-y-scroll pbx-relative pbx-pt-16", [(v.value, "pbx-w-full")]])
|
|
28417
28417
|
}, [
|
|
28418
|
-
c("div",
|
|
28418
|
+
c("div", CI, [
|
|
28419
28419
|
se.value ? (y(), oe(NB, { key: 0 })) : E("", !0)
|
|
28420
28420
|
]),
|
|
28421
|
-
c("div",
|
|
28421
|
+
c("div", kI, [
|
|
28422
28422
|
(y(!0), w(K, null, ie(Wo.value, (ce) => (y(), w(K, {
|
|
28423
28423
|
key: ce.id
|
|
28424
28424
|
}, [
|
|
@@ -28426,7 +28426,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28426
28426
|
key: 0,
|
|
28427
28427
|
innerHTML: ce.html_code,
|
|
28428
28428
|
onMouseup: (cr) => rr(ce)
|
|
28429
|
-
}, null, 40,
|
|
28429
|
+
}, null, 40, TI)) : E("", !0)
|
|
28430
28430
|
], 64))), 128))
|
|
28431
28431
|
])
|
|
28432
28432
|
], 2),
|
|
@@ -28444,7 +28444,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28444
28444
|
v.value ? "pbx-w-80 pbx-bg-myPrimaryLightGrayColor pbx-items-stretch" : "bpx-w-0 pbx-mr-0"
|
|
28445
28445
|
]])
|
|
28446
28446
|
}, [
|
|
28447
|
-
F(
|
|
28447
|
+
F(m9, {
|
|
28448
28448
|
onCloseEditor: P[18] || (P[18] = (ce) => g(l).setMenuRight(!1))
|
|
28449
28449
|
})
|
|
28450
28450
|
], 2)) : (y(), w("div", {
|
|
@@ -28473,7 +28473,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28473
28473
|
class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"
|
|
28474
28474
|
}, [
|
|
28475
28475
|
c("span", null, [
|
|
28476
|
-
(y(), w("svg",
|
|
28476
|
+
(y(), w("svg", MI, [...P[37] || (P[37] = [
|
|
28477
28477
|
c("g", { "clip-path": "url(#prefix__clip0_1645_485)" }, [
|
|
28478
28478
|
c("path", {
|
|
28479
28479
|
"clip-rule": "evenodd",
|
|
@@ -28498,15 +28498,15 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28498
28498
|
_: 1
|
|
28499
28499
|
})
|
|
28500
28500
|
]),
|
|
28501
|
-
c("div",
|
|
28501
|
+
c("div", EI, [
|
|
28502
28502
|
c("div", {
|
|
28503
28503
|
onClick: P[22] || (P[22] = () => {
|
|
28504
28504
|
g(l).setComponentArrayAddMethod("push"), ut();
|
|
28505
28505
|
}),
|
|
28506
28506
|
class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"
|
|
28507
28507
|
}, [
|
|
28508
|
-
c("span",
|
|
28509
|
-
c("div",
|
|
28508
|
+
c("span", LI, [
|
|
28509
|
+
c("div", PI, C(g(r)("Add to the bottom")), 1)
|
|
28510
28510
|
]),
|
|
28511
28511
|
P[38] || (P[38] = c("div", { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, [
|
|
28512
28512
|
c("button", {
|
|
@@ -28520,7 +28520,7 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28520
28520
|
])
|
|
28521
28521
|
]));
|
|
28522
28522
|
}
|
|
28523
|
-
},
|
|
28523
|
+
}, _I = {
|
|
28524
28524
|
install: (n) => {
|
|
28525
28525
|
if (!n.config.globalProperties.$pageBuilder) {
|
|
28526
28526
|
const e = he, t = new D1(e);
|
|
@@ -28529,13 +28529,13 @@ const q0 = /* @__PURE__ */ Lo(LI, [["render", BI]]), AI = { class: "pbx-text-xs
|
|
|
28529
28529
|
}
|
|
28530
28530
|
};
|
|
28531
28531
|
export {
|
|
28532
|
-
|
|
28532
|
+
OI as PageBuilder,
|
|
28533
28533
|
Sa as Preview,
|
|
28534
28534
|
MS as createPinia,
|
|
28535
28535
|
Me as getPageBuilder,
|
|
28536
|
-
|
|
28536
|
+
_I as pageBuilder,
|
|
28537
28537
|
Xg as sharedPageBuilderPinia,
|
|
28538
28538
|
he as sharedPageBuilderStore,
|
|
28539
|
-
|
|
28539
|
+
h6 as usePageBuilderModal,
|
|
28540
28540
|
AS as usePageBuilderStateStore
|
|
28541
28541
|
};
|