@myissue/vue-website-page-builder 3.4.51 → 3.4.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-website-page-builder.js +36 -50
  3. package/dist/vue-website-page-builder.umd.cjs +6 -6
  4. package/package.json +1 -1
package/dist/vue-website-page-builder.js CHANGED
@@ -7076,7 +7076,7 @@ const AS = /* @__PURE__ */ PS("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.51", t = he, i = P(() => t.getPageBuilderConfig);
7079
+ const e = "3.4.53", t = he, i = P(() => t.getPageBuilderConfig);
7080
7080
  return (r, o) => {
7081
7081
  var s, l, a, d, c, u, h, f, b, m, x, v, T, S, M, B;
7082
7082
  return y(), w("div", IS, [
@@ -9034,6 +9034,7 @@ const HC = { class: "pbx-my-2 pbx-py-2" }, RC = { class: "pbx-relative" }, zC =
9034
9034
  })) : E("", !0),
9035
9035
  n.globalPageLayout ? E("", !0) : (y(), oe(g(In), {
9036
9036
  key: 1,
9037
+ as: "div",
9037
9038
  class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
9038
9039
  }, {
9039
9040
  default: q(() => [
@@ -9167,6 +9168,7 @@ const HC = { class: "pbx-my-2 pbx-py-2" }, RC = { class: "pbx-relative" }, zC =
9167
9168
  })) : E("", !0),
9168
9169
  n.globalPageLayout ? E("", !0) : (y(), oe(g(In), {
9169
9170
  key: 1,
9171
+ as: "div",
9170
9172
  class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
9171
9173
  }, {
9172
9174
  default: q(() => {
@@ -25292,9 +25294,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25292
25294
  p("div", cP, [
25293
25295
  p("div", uP, [
25294
25296
  p("div", hP, [
25295
- p("button", {
25297
+ p("div", {
25296
25298
  onClick: O[1] || (O[1] = (ne) => g(e).toggleTipTapModal(!1)),
25297
- type: "button",
25298
25299
  class: "pbx-myPrimaryTag pbx-cursor-pointer"
25299
25300
  }, [
25300
25301
  O[13] || (O[13] = p("span", { class: "material-symbols-outlined" }, " save ", -1)),
@@ -25302,9 +25303,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25302
25303
  ])
25303
25304
  ]),
25304
25305
  p("div", fP, [
25305
- p("button", {
25306
+ p("div", {
25306
25307
  onClick: O[2] || (O[2] = (ne) => g(S).chain().focus().toggleBold().run()),
25307
- type: "button",
25308
25308
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25309
25309
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("bold")
25310
25310
  }])
@@ -25313,9 +25313,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25313
25313
  ])], 2)
25314
25314
  ]),
25315
25315
  p("div", bP, [
25316
- p("button", {
25316
+ p("div", {
25317
25317
  onClick: N,
25318
- type: "button",
25319
25318
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25320
25319
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("link")
25321
25320
  }])
@@ -25324,9 +25323,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25324
25323
  ])], 2)
25325
25324
  ]),
25326
25325
  p("div", mP, [
25327
- p("button", {
25326
+ p("div", {
25328
25327
  onClick: O[3] || (O[3] = (ne) => g(S).chain().focus().toggleHeading({ level: 2 }).run()),
25329
- type: "button",
25330
25328
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25331
25329
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25332
25330
  level: 2
@@ -25337,9 +25335,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25337
25335
  ])], 2)
25338
25336
  ]),
25339
25337
  p("div", xP, [
25340
- p("button", {
25338
+ p("div", {
25341
25339
  onClick: O[4] || (O[4] = (ne) => g(S).chain().focus().toggleHeading({ level: 3 }).run()),
25342
- type: "button",
25343
25340
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25344
25341
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25345
25342
  level: 3
@@ -25350,9 +25347,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25350
25347
  ])], 2)
25351
25348
  ]),
25352
25349
  p("div", gP, [
25353
- p("button", {
25350
+ p("div", {
25354
25351
  onClick: O[5] || (O[5] = (ne) => g(S).chain().focus().toggleHeading({ level: 4 }).run()),
25355
- type: "button",
25356
25352
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25357
25353
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25358
25354
  level: 4
@@ -25363,9 +25359,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25363
25359
  ])], 2)
25364
25360
  ]),
25365
25361
  p("div", yP, [
25366
- p("button", {
25362
+ p("div", {
25367
25363
  onClick: O[6] || (O[6] = (ne) => g(S).chain().focus().toggleHeading({ level: 5 }).run()),
25368
- type: "button",
25369
25364
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25370
25365
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25371
25366
  level: 5
@@ -25376,9 +25371,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25376
25371
  ])], 2)
25377
25372
  ]),
25378
25373
  p("div", vP, [
25379
- p("button", {
25374
+ p("div", {
25380
25375
  onClick: O[7] || (O[7] = (ne) => g(S).chain().focus().toggleHeading({ level: 6 }).run()),
25381
- type: "button",
25382
25376
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25383
25377
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25384
25378
  level: 6
@@ -25389,9 +25383,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25389
25383
  ])], 2)
25390
25384
  ]),
25391
25385
  p("div", SP, [
25392
- p("button", {
25386
+ p("div", {
25393
25387
  onClick: O[8] || (O[8] = (ne) => g(S).isActive({ textAlign: "left" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("left").run()),
25394
- type: "button",
25395
25388
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25396
25389
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "left" })
25397
25390
  }])
@@ -25400,9 +25393,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25400
25393
  ])], 2)
25401
25394
  ]),
25402
25395
  p("div", wP, [
25403
- p("button", {
25396
+ p("div", {
25404
25397
  onClick: O[9] || (O[9] = (ne) => g(S).isActive({ textAlign: "center" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("center").run()),
25405
- type: "button",
25406
25398
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25407
25399
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "center" })
25408
25400
  }])
@@ -25411,9 +25403,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25411
25403
  ])], 2)
25412
25404
  ]),
25413
25405
  p("div", CP, [
25414
- p("button", {
25406
+ p("div", {
25415
25407
  onClick: O[10] || (O[10] = (ne) => g(S).isActive({ textAlign: "right" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("right").run()),
25416
- type: "button",
25417
25408
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25418
25409
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "right" })
25419
25410
  }])
@@ -25422,9 +25413,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25422
25413
  ])], 2)
25423
25414
  ]),
25424
25415
  p("div", kP, [
25425
- p("button", {
25416
+ p("div", {
25426
25417
  onClick: O[11] || (O[11] = (ne) => g(S).chain().focus().toggleBulletList().run()),
25427
- type: "button",
25428
25418
  class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25429
25419
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("bulletList")
25430
25420
  }])
@@ -25433,9 +25423,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25433
25423
  ])], 2)
25434
25424
  ]),
25435
25425
  p("div", TP, [
25436
- p("button", {
25426
+ p("div", {
25437
25427
  onClick: X,
25438
- type: "button",
25439
25428
  class: V(["pbx-h-10 pbx-px-12 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-text-myPrimaryDarkGrayColor pbx-font-medium", {
25440
25429
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": _.value
25441
25430
  }])
@@ -25620,9 +25609,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25620
25609
  class: V(["pbx-flex pbx-items-center pbx-justify-center pbx-divide-x pbx-divide-gray-300", { "": o.value }])
25621
25610
  }, [
25622
25611
  g(t).ElOrFirstChildIsIframe() ? (y(), w("div", _P, [
25623
- p("button", {
25612
+ p("div", {
25624
25613
  onClick: ut,
25625
- type: "button",
25626
25614
  class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25627
25615
  }, [...G[13] || (G[13] = [
25628
25616
  p("span", { class: "material-symbols-outlined" }, " play_circle ", -1)
@@ -25630,9 +25618,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25630
25618
  ])) : E("", !0),
25631
25619
  g(t).isSelectedElementValidText() && !g(t).ElOrFirstChildIsIframe() ? (y(), w(J, { key: 1 }, [
25632
25620
  p("div", { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, [
25633
- p("button", {
25621
+ p("div", {
25634
25622
  onClick: M,
25635
- type: "button",
25636
25623
  class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25637
25624
  }, [...G[14] || (G[14] = [
25638
25625
  p("span", null, [
@@ -25656,9 +25643,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25656
25643
  F(xy)
25657
25644
  ], 64)) : E("", !0),
25658
25645
  o.value && d.value && B.value && !g(t).ElOrFirstChildIsIframe() ? (y(), w("div", NP, [
25659
- p("button", {
25646
+ p("div", {
25660
25647
  onClick: j,
25661
- type: "button",
25662
25648
  class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25663
25649
  }, [...G[15] || (G[15] = [
25664
25650
  p("span", { class: "material-symbols-outlined" }, " add_photo_alternate ", -1)
@@ -25803,16 +25789,16 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25803
25789
  _: 1
25804
25790
  }));
25805
25791
  }
25806
- }, XP = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, ZP = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, e5 = { key: 0 }, t5 = { key: 1 }, n5 = {
25792
+ }, XP = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-b border-b-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, ZP = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, e5 = { key: 0 }, t5 = { key: 1 }, n5 = {
25807
25793
  key: 0,
25808
- class: "pbx-min-h-[50rem]"
25809
- }, i5 = { key: 0 }, r5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, o5 = { class: "pbx-my-2 pbx-py-2" }, s5 = {
25794
+ class: "pbx-min-h-screen"
25795
+ }, i5 = { key: 0 }, r5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, o5 = { class: "pbx-my-2 pbx-py-2" }, s5 = {
25810
25796
  key: 1,
25811
- class: "pbx-min-h-[50rem]"
25812
- }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, a5 = { class: "pbx-my-1" }, d5 = { class: "pbx-my-1" }, p5 = { class: "pbx-my-1" }, c5 = { class: "pbx-my-1" }, u5 = { class: "pbx-my-1" }, h5 = { class: "pbx-my-1" }, f5 = { class: "pbx-my-1" }, b5 = { class: "pbx-my-1" }, m5 = { class: "pbx-my-1" }, x5 = { class: "pbx-my-1" }, g5 = {
25797
+ class: "pbx-min-h-screen"
25798
+ }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, a5 = { class: "pbx-my-1" }, d5 = { class: "pbx-my-1" }, p5 = { class: "pbx-my-1" }, c5 = { class: "pbx-my-1" }, u5 = { class: "pbx-my-1" }, h5 = { class: "pbx-my-1" }, f5 = { class: "pbx-my-1" }, b5 = { class: "pbx-my-1" }, m5 = { class: "pbx-my-1" }, x5 = { class: "pbx-my-1" }, g5 = {
25813
25799
  key: 2,
25814
- class: "pbx-min-h-[50rem]"
25815
- }, y5 = { class: "pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, v5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, S5 = { class: "pbx-myPrimaryParagraph" }, w5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, C5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, k5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, T5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, E5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, B5 = { class: "pbx-text-xs pbx-pb-2" }, L5 = { class: "pbx-text-xs pbx-pb-2" }, P5 = { class: "pbx-text-xs pbx-pb-2" }, A5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, $5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, D5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, O5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, _5 = { key: 0 }, N5 = { key: 0 }, H5 = { class: "pbx-pb-2 pbx-text-xs" }, R5 = {
25800
+ class: "pbx-min-h-screen"
25801
+ }, y5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, v5 = { class: "pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, S5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, w5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, C5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, k5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, T5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, E5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, B5 = { class: "pbx-text-xs pbx-pb-2" }, L5 = { class: "pbx-text-xs pbx-pb-2" }, P5 = { class: "pbx-text-xs pbx-pb-2" }, A5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, $5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, D5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, O5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, _5 = { key: 0 }, N5 = { key: 0 }, H5 = { class: "pbx-pb-2 pbx-text-xs" }, R5 = {
25816
25802
  key: 1,
25817
25803
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
25818
25804
  }, z5 = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, F5 = { class: "pbx-overflow-x-auto" }, j5 = { class: "pbx-min-w-full" }, V5 = { class: "pbx-bg-gray-900" }, q5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, W5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, U5 = { class: "pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-b" }, G5 = { class: "pbx-overflow-x-auto" }, K5 = { class: "pbx-min-w-full" }, J5 = { class: "pbx-bg-gray-900" }, Y5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, Q5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, X5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, Z5 = { class: "pbx-overflow-x-auto" }, eA = { class: "pbx-min-w-full" }, tA = { class: "pbx-bg-gray-900" }, nA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, iA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, rA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, oA = { key: 1 }, sA = { key: 0 }, lA = { class: "pbx-pb-2 pbx-text-xs" }, aA = {
@@ -25968,7 +25954,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25968
25954
  ])
25969
25955
  ]),
25970
25956
  n.isLoading ? (y(), w("div", e5, [...b[9] || (b[9] = [
25971
- p("div", { class: "pbx-flex pbx-items-top pbx-justify-center pbx-mt-4 pbx-min-h-[50rem]" }, [
25957
+ p("div", { class: "pbx-flex pbx-items-top pbx-justify-center pbx-mt-4 pbx-min-h-screen" }, [
25972
25958
  p("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]" }, [
25973
25959
  p("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...")
25974
25960
  ])
@@ -26031,11 +26017,11 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
26031
26017
  ])
26032
26018
  ])) : E("", !0),
26033
26019
  u.value === "viewHTMLConfig" ? (y(), w("div", g5, [
26034
- p("div", y5, [
26035
- p("div", v5, [
26036
- p("p", S5, C(g(e)(
26037
- "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26038
- )), 1),
26020
+ p("p", y5, C(g(e)(
26021
+ "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26022
+ )), 1),
26023
+ p("div", v5, [
26024
+ p("div", S5, [
26039
26025
  p("div", null, [
26040
26026
  p("h4", w5, C(g(e)("Types")), 1),
26041
26027
  p("div", C5, [
@@ -27446,13 +27432,13 @@ function k9() {
27446
27432
  const T9 = {
27447
27433
  key: 0,
27448
27434
  class: "pbx-min-h-[90vh] pbx-h-[90vh]"
27449
- }, M9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, E9 = { 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]" }, B9 = { 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)]" }, L9 = { key: 1 }, P9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, A9 = ["onClick"], I9 = {
27435
+ }, M9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, E9 = { 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]" }, B9 = { 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)]" }, L9 = { key: 1 }, P9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b border-b-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, A9 = ["onClick"], I9 = {
27450
27436
  key: 0,
27451
27437
  class: "pbx-mb-8"
27452
- }, $9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, D9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, O9 = ["onClick"], _9 = { class: "pbx-min-h-[96rem]" }, N9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, H9 = ["onClick"], R9 = { 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" }, z9 = ["innerHTML"], F9 = { class: "pbx-p-3" }, j9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, V9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, q9 = { class: "pbx-mb-8" }, W9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, U9 = { 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" }, G9 = ["onClick"], K9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, J9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, Y9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, Q9 = {
27438
+ }, $9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, D9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b border-b-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, O9 = ["onClick"], _9 = { class: "pbx-min-h-[96rem]" }, N9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, H9 = ["onClick"], R9 = { 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" }, z9 = ["innerHTML"], F9 = { class: "pbx-p-3" }, j9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, V9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, q9 = { class: "pbx-mb-8" }, W9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, U9 = { 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" }, G9 = ["onClick"], K9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, J9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, Y9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, Q9 = {
27453
27439
  key: 0,
27454
27440
  class: "pbx-px-2"
27455
- }, X9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Z9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, eI = ["onClick"], tI = { class: "pbx-min-h-[96rem]" }, nI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, iI = ["onClick"], rI = { 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" }, oI = ["innerHTML"], sI = { class: "pbx-p-3" }, lI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, aI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, dI = /* @__PURE__ */ tt({
27441
+ }, X9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Z9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b border-b-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, eI = ["onClick"], tI = { class: "pbx-min-h-[96rem]" }, nI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, iI = ["onClick"], rI = { 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" }, oI = ["innerHTML"], sI = { class: "pbx-p-3" }, lI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, aI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, dI = /* @__PURE__ */ tt({
27456
27442
  __name: "DefaultBuilderComponents",
27457
27443
  props: {
27458
27444
  customMediaComponent: {
@@ -27613,7 +27599,7 @@ const T9 = {
27613
27599
  ]))
27614
27600
  ]));
27615
27601
  }
27616
- }), pI = /* @__PURE__ */ Bo(dI, [["__scopeId", "data-v-dc00b1ce"]]), cI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, uI = { key: 0 }, hI = { key: 1 }, fI = {
27602
+ }), pI = /* @__PURE__ */ Bo(dI, [["__scopeId", "data-v-068c4a09"]]), cI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, uI = { key: 0 }, hI = { key: 1 }, fI = {
27617
27603
  __name: "BuilderComponents",
27618
27604
  props: {
27619
27605
  firstButtonText: {