@myissue/vue-website-page-builder 3.4.57 → 3.4.58

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.
@@ -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.57", t = he, i = P(() => t.getPageBuilderConfig);
7079
+ const e = "3.4.58", 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, [
@@ -25179,10 +25179,10 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25179
25179
  }, aP = {
25180
25180
  key: 0,
25181
25181
  class: "pbx-min-h-[2.5rem] pbx-flex pbx-items-center pbx-justify-start"
25182
- }, dP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, pP = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, cP = { key: 0 }, uP = { class: "pbx-relative pbx-rounded-lg pbx-px-2" }, hP = { class: "pbx-flex pbx-flex-wrap pbx-items-center pbx-border-solid pbx-p-1 pbx-border pbx-border-gray-200 pbx-shadow-sm pbx-mb-4" }, fP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-mr-6" }, bP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, mP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, xP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, gP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, yP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, vP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, SP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, wP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, CP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, kP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, TP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, MP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-relative pbx-select-none" }, EP = {
25182
+ }, dP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, pP = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, cP = { key: 0 }, uP = { class: "pbx-relative pbx-rounded-lg pbx-px-2" }, hP = { class: "pbx-flex pbx-flex-wrap pbx-items-center pbx-border-solid pbx-p-1 pbx-border pbx-border-gray-200 pbx-shadow-sm pbx-mb-4" }, fP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-mr-6" }, bP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, mP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, xP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, gP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, yP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, vP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, SP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, wP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, CP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, kP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, TP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-select-none" }, MP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-relative pbx-select-none pbx-relative" }, EP = {
25183
25183
  key: 0,
25184
- class: "pbx-top-10 pbx-absolute pbx-z-40 pbx-left-1/2 pbx-transform pbx--translate-x-1/2 pbx-w-60 pbx-select-none pbx-bg-white pbx-rounded-2xl pbx-py-2 pbx-px-2"
25185
- }, BP = { class: "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-overflow-y-auto pbx-max-h-[50vh] pbx-pl-2 pbx-pr-4" }, LP = {
25184
+ class: "pbx-top-10 pbx-absolute pbx-z-40 pbx-left-1/2 pbx-transform pbx--translate-x-1/2 pbx-w-60 pbx-select-none pbx-bg-white pbx-rounded-2xl pbx-py-2 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200"
25185
+ }, BP = {
25186
25186
  __name: "TipTapInput",
25187
25187
  setup(n) {
25188
25188
  const e = Ee(), { translate: t } = Me(), i = he, r = k(!1), o = k(""), s = k(1), l = k(""), a = k(""), d = k(""), c = k(null), u = k(null), h = k(null), f = k(null), b = k(null), m = P(() => i.getElement), x = k(""), v = P(() => S.value ? S.value.getHTML() : null), T = k(0);
@@ -25432,9 +25432,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25432
25432
  F(Ht, { name: "popup-fade" }, {
25433
25433
  default: q(() => [
25434
25434
  O.value ? (y(), w("div", EP, [
25435
- p("div", BP, [
25436
- F(oP)
25437
- ])
25435
+ F(oP)
25438
25436
  ])) : E("", !0)
25439
25437
  ]),
25440
25438
  _: 1
@@ -25452,33 +25450,33 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25452
25450
  ])
25453
25451
  ]));
25454
25452
  }
25455
- }, PP = { class: "pbx-myInputGroup" }, AP = { class: "pbx-myPrimaryFormOrganizationHeaderDescriptionSection" }, IP = { class: "pbx-myPrimaryFormOrganizationHeader" }, $P = {
25453
+ }, LP = { class: "pbx-myInputGroup" }, PP = { class: "pbx-myPrimaryFormOrganizationHeaderDescriptionSection" }, AP = { class: "pbx-myPrimaryFormOrganizationHeader" }, IP = {
25456
25454
  key: 0,
25457
25455
  class: "pbx-min-h-[2.5rem] pbx-flex pbx-items-center pbx-justify-start"
25458
- }, DP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, _P = { class: "pbx-overflow-y-auto" }, OP = { class: "pbx-select-none" }, NP = {
25456
+ }, $P = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, DP = { class: "pbx-overflow-y-auto" }, _P = { class: "pbx-select-none pbx-relative" }, OP = {
25459
25457
  key: 0,
25460
25458
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max"
25461
- }, HP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, RP = {
25459
+ }, NP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, HP = {
25462
25460
  fill: "currentColor",
25463
25461
  height: "22",
25464
25462
  viewBox: "0 0 22 22",
25465
25463
  width: "22",
25466
25464
  xmlns: "http://www.w3.org/2000/svg",
25467
25465
  style: { display: "block" }
25468
- }, zP = {
25466
+ }, RP = {
25469
25467
  key: 2,
25470
25468
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max"
25471
- }, FP = {
25469
+ }, zP = {
25472
25470
  key: 0,
25473
- class: "pbx-top-10 pbx-absolute pbx-z-40 pbx-left-1/2 pbx-transform pbx--translate-x-1/2 pbx-w-60 pbx-select-none pbx-bg-white pbx-rounded-2xl pbx-py-2 pbx-px-2"
25474
- }, jP = { class: "pbx-flex pbx-flex-col" }, VP = ["disabled"], qP = { class: "pbx-text-sm" }, WP = ["disabled"], UP = { class: "pbx-text-sm" }, GP = { class: "pbx-text-sm" }, KP = { class: "pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" }, JP = {
25471
+ class: "pbx-top-10 pbx-absolute pbx-z-40 pbx-left-1/2 pbx-transform pbx--translate-x-1/2 pbx-w-60 pbx-select-none pbx-bg-white pbx-rounded-2xl pbx-py-2 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200"
25472
+ }, FP = { class: "pbx-flex pbx-flex-col" }, jP = ["disabled"], VP = { class: "pbx-text-sm" }, qP = ["disabled"], WP = { class: "pbx-text-sm" }, UP = { class: "pbx-text-sm" }, GP = { class: "pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" }, KP = {
25475
25473
  fill: "currentColor",
25476
25474
  height: "22",
25477
25475
  viewBox: "0 0 22 22",
25478
25476
  width: "22",
25479
25477
  xmlns: "http://www.w3.org/2000/svg",
25480
25478
  style: { display: "block" }
25481
- }, YP = { class: "pbx-text-sm" }, QP = { class: "pbx-text-sm" }, XP = {
25479
+ }, JP = { class: "pbx-text-sm" }, YP = { class: "pbx-text-sm" }, QP = {
25482
25480
  __name: "EditGetElement",
25483
25481
  setup(n) {
25484
25482
  const { translate: e } = Me(), t = Ee(), i = he, r = an("CustomMediaComponent"), o = P(() => i.getElement);
@@ -25539,9 +25537,9 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25539
25537
  default: q(() => [
25540
25538
  G[9] || (G[9] = p("header", null, null, -1)),
25541
25539
  p("main", null, [
25542
- p("div", PP, [
25543
- p("div", AP, [
25544
- p("div", IP, [
25540
+ p("div", LP, [
25541
+ p("div", PP, [
25542
+ p("div", AP, [
25545
25543
  G[8] || (G[8] = p("label", {
25546
25544
  for: "youtube-video",
25547
25545
  class: "pbx-myPrimaryInputLabel"
@@ -25555,8 +25553,8 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25555
25553
  }, null, 512), [
25556
25554
  [Bn, ne.value]
25557
25555
  ]),
25558
- _.value ? (y(), w("div", $P, [
25559
- p("p", DP, C(_.value), 1)
25556
+ _.value ? (y(), w("div", IP, [
25557
+ p("p", $P, C(_.value), 1)
25560
25558
  ])) : E("", !0)
25561
25559
  ])
25562
25560
  ])
@@ -25582,8 +25580,8 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25582
25580
  }, {
25583
25581
  default: q(() => [
25584
25582
  G[10] || (G[10] = p("header", null, null, -1)),
25585
- p("main", _P, [
25586
- F(LP)
25583
+ p("main", DP, [
25584
+ F(BP)
25587
25585
  ])
25588
25586
  ]),
25589
25587
  _: 1
@@ -25617,12 +25615,12 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25617
25615
  customMediaComponent: g(r),
25618
25616
  onFirstMediaButtonFunction: X.value
25619
25617
  }, null, 8, ["open", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "customMediaComponent", "onFirstMediaButtonFunction"]),
25620
- p("div", OP, [
25618
+ p("div", _P, [
25621
25619
  E("", !0),
25622
25620
  p("div", {
25623
25621
  class: V(["pbx-flex pbx-items-center pbx-justify-center pbx-divide-x pbx-divide-gray-300", { "": o.value }])
25624
25622
  }, [
25625
- g(t).ElOrFirstChildIsIframe() ? (y(), w("div", NP, [
25623
+ g(t).ElOrFirstChildIsIframe() ? (y(), w("div", OP, [
25626
25624
  p("div", {
25627
25625
  onClick: ut,
25628
25626
  class: "pbx-h-10 pbx-w-10 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"
@@ -25631,13 +25629,13 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25631
25629
  ])])
25632
25630
  ])) : E("", !0),
25633
25631
  g(t).isSelectedElementValidText() && !g(t).ElOrFirstChildIsIframe() ? (y(), w(J, { key: 1 }, [
25634
- p("div", HP, [
25632
+ p("div", NP, [
25635
25633
  p("div", {
25636
25634
  onClick: M,
25637
25635
  class: "pbx-h-10 pbx-w-10 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"
25638
25636
  }, [
25639
25637
  p("span", null, [
25640
- (y(), w("svg", RP, [...G[14] || (G[14] = [
25638
+ (y(), w("svg", HP, [...G[14] || (G[14] = [
25641
25639
  p("path", {
25642
25640
  "clip-rule": "evenodd",
25643
25641
  d: "M20.5 6.5L7 20H2v-5L15.5 1.5l5 5zm-7.823.651L4 15.828V18h2.172l8.677-8.677-2.172-2.172zm3.586.758L17.672 6.5 15.5 4.328l-1.409 1.41 2.172 2.17z",
@@ -25649,7 +25647,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25649
25647
  ]),
25650
25648
  F(my)
25651
25649
  ], 64)) : E("", !0),
25652
- o.value && d.value && B.value && !g(t).ElOrFirstChildIsIframe() ? (y(), w("div", zP, [
25650
+ o.value && d.value && B.value && !g(t).ElOrFirstChildIsIframe() ? (y(), w("div", RP, [
25653
25651
  p("div", {
25654
25652
  onClick: j,
25655
25653
  class: "pbx-h-10 pbx-w-10 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"
@@ -25662,110 +25660,110 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25662
25660
  o.value && d.value ? (y(), w("div", {
25663
25661
  key: 5,
25664
25662
  class: "pbx-h-10 pbx-w-10 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",
25665
- onClick: G[6] || (G[6] = (ht) => se.value = !se.value)
25666
- }, [
25667
- G[22] || (G[22] = p("span", { class: "material-symbols-outlined" }, " more_horiz ", -1)),
25668
- F(Ht, { name: "popup-fade" }, {
25669
- default: q(() => [
25670
- se.value ? (y(), w("div", FP, [
25671
- p("div", null, [
25672
- p("div", jP, [
25673
- o.value && d.value ? (y(), w("div", {
25674
- key: 0,
25675
- onClick: G[2] || (G[2] = (ht) => g(t).reorderComponent(-1)),
25676
- disabled: !s.value,
25677
- class: V(["pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-py-2 pbx-px-2 pbx-rounded-full", [
25678
- s.value ? "pbx-cursor-pointer hover:pbx-bg-red-50" : "pbx-cursor-not-allowed"
25679
- ]])
25680
- }, [
25681
- p("div", {
25682
- class: V(["pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25683
- s.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
25684
- ]])
25685
- }, [...G[17] || (G[17] = [
25686
- p("span", { class: "material-symbols-outlined" }, " move_up ", -1)
25687
- ])], 2),
25688
- p("div", qP, C(g(e)("Move up")), 1)
25689
- ], 10, VP)) : E("", !0),
25690
- o.value && d.value ? (y(), w("div", {
25691
- key: 1,
25692
- onClick: G[3] || (G[3] = (ht) => g(t).reorderComponent(1)),
25693
- disabled: !l.value,
25694
- class: V(["pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-py-2 pbx-px-2 pbx-rounded-full", [
25695
- l.value ? "pbx-cursor-pointer hover:pbx-bg-red-50" : "pbx-cursor-not-allowed "
25696
- ]])
25697
- }, [
25698
- p("div", {
25699
- class: V(["pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25700
- l.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
25701
- ]])
25702
- }, [...G[18] || (G[18] = [
25703
- p("span", { class: "material-symbols-outlined" }, " move_down ", -1)
25704
- ])], 2),
25705
- p("div", UP, C(g(e)("Move down")), 1)
25706
- ], 10, WP)) : E("", !0),
25707
- o.value && d.value ? (y(), w("div", {
25708
- key: 2,
25709
- onClick: G[4] || (G[4] = (ht) => Vn()),
25710
- class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25711
- }, [
25712
- G[19] || (G[19] = p("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor" }, [
25713
- p("span", { class: "material-symbols-outlined" }, " delete_forever ")
25714
- ], -1)),
25715
- p("div", GP, C(g(e)("Delete component")), 1)
25716
- ])) : E("", !0),
25717
- o.value && d.value ? (y(), w("div", {
25718
- key: 3,
25719
- onClick: G[5] || (G[5] = () => {
25720
- se.value = !se.value, g(t).duplicateComponent();
25721
- }),
25722
- class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25723
- }, [
25724
- p("div", KP, [
25725
- p("span", null, [
25726
- (y(), w("svg", JP, [...G[20] || (G[20] = [
25727
- p("path", {
25728
- "clip-rule": "evenodd",
25729
- d: "M2 16V2h14v4h4v14H6v-4H2zM4 4h10v10H4V4zm4 12v2h10V8h-2v8H8z",
25730
- "fill-rule": "evenodd"
25731
- }, null, -1)
25732
- ])]))
25733
- ])
25734
- ]),
25735
- p("div", YP, C(g(e)("Duplicate component")), 1)
25736
- ])) : E("", !0),
25737
- o.value && d.value ? (y(), w("div", {
25738
- key: 4,
25739
- onClick: Wo,
25740
- class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25741
- }, [
25742
- G[21] || (G[21] = p("div", { class: "pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" }, [
25743
- p("span", { class: "material-symbols-outlined" }, " deployed_code ")
25744
- ], -1)),
25745
- p("div", QP, C(g(e)("HTML Editor")), 1)
25746
- ])) : E("", !0)
25747
- ])
25748
- ])
25749
- ])) : E("", !0)
25750
- ]),
25751
- _: 1
25752
- })
25753
- ])) : E("", !0),
25663
+ onClick: G[2] || (G[2] = (ht) => se.value = !se.value)
25664
+ }, [...G[17] || (G[17] = [
25665
+ p("span", { class: "material-symbols-outlined" }, " more_horiz ", -1)
25666
+ ])])) : E("", !0),
25754
25667
  o.value && d.value ? (y(), w("div", {
25755
25668
  key: 6,
25756
25669
  class: "pbx-h-10 pbx-w-10 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",
25757
- onClick: G[7] || (G[7] = (ht) => g(t).clearHtmlSelection())
25758
- }, [...G[23] || (G[23] = [
25670
+ onClick: G[3] || (G[3] = (ht) => g(t).clearHtmlSelection())
25671
+ }, [...G[18] || (G[18] = [
25759
25672
  p("span", { class: "material-symbols-outlined" }, " close_small", -1)
25760
25673
  ])])) : E("", !0)
25761
- ], 2)
25674
+ ], 2),
25675
+ F(Ht, { name: "popup-fade" }, {
25676
+ default: q(() => [
25677
+ se.value ? (y(), w("div", zP, [
25678
+ p("div", null, [
25679
+ p("div", FP, [
25680
+ o.value && d.value ? (y(), w("div", {
25681
+ key: 0,
25682
+ onClick: G[4] || (G[4] = (ht) => g(t).reorderComponent(-1)),
25683
+ disabled: !s.value,
25684
+ class: V(["pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-py-2 pbx-px-2 pbx-rounded-full", [
25685
+ s.value ? "pbx-cursor-pointer hover:pbx-bg-red-50" : "pbx-cursor-not-allowed"
25686
+ ]])
25687
+ }, [
25688
+ p("div", {
25689
+ class: V(["pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25690
+ s.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
25691
+ ]])
25692
+ }, [...G[19] || (G[19] = [
25693
+ p("span", { class: "material-symbols-outlined" }, " move_up ", -1)
25694
+ ])], 2),
25695
+ p("div", VP, C(g(e)("Move up")), 1)
25696
+ ], 10, jP)) : E("", !0),
25697
+ o.value && d.value ? (y(), w("div", {
25698
+ key: 1,
25699
+ onClick: G[5] || (G[5] = (ht) => g(t).reorderComponent(1)),
25700
+ disabled: !l.value,
25701
+ class: V(["pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-py-2 pbx-px-2 pbx-rounded-full", [
25702
+ l.value ? "pbx-cursor-pointer hover:pbx-bg-red-50" : "pbx-cursor-not-allowed "
25703
+ ]])
25704
+ }, [
25705
+ p("div", {
25706
+ class: V(["pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25707
+ l.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
25708
+ ]])
25709
+ }, [...G[20] || (G[20] = [
25710
+ p("span", { class: "material-symbols-outlined" }, " move_down ", -1)
25711
+ ])], 2),
25712
+ p("div", WP, C(g(e)("Move down")), 1)
25713
+ ], 10, qP)) : E("", !0),
25714
+ o.value && d.value ? (y(), w("div", {
25715
+ key: 2,
25716
+ onClick: G[6] || (G[6] = (ht) => Vn()),
25717
+ class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25718
+ }, [
25719
+ G[21] || (G[21] = p("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor" }, [
25720
+ p("span", { class: "material-symbols-outlined" }, " delete_forever ")
25721
+ ], -1)),
25722
+ p("div", UP, C(g(e)("Delete component")), 1)
25723
+ ])) : E("", !0),
25724
+ o.value && d.value ? (y(), w("div", {
25725
+ key: 3,
25726
+ onClick: G[7] || (G[7] = () => {
25727
+ se.value = !se.value, g(t).duplicateComponent();
25728
+ }),
25729
+ class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25730
+ }, [
25731
+ p("div", GP, [
25732
+ p("span", null, [
25733
+ (y(), w("svg", KP, [...G[22] || (G[22] = [
25734
+ p("path", {
25735
+ "clip-rule": "evenodd",
25736
+ d: "M2 16V2h14v4h4v14H6v-4H2zM4 4h10v10H4V4zm4 12v2h10V8h-2v8H8z",
25737
+ "fill-rule": "evenodd"
25738
+ }, null, -1)
25739
+ ])]))
25740
+ ])
25741
+ ]),
25742
+ p("div", JP, C(g(e)("Duplicate component")), 1)
25743
+ ])) : E("", !0),
25744
+ o.value && d.value ? (y(), w("div", {
25745
+ key: 4,
25746
+ onClick: Wo,
25747
+ class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-50 pbx-py-2 pbx-px-2 pbx-rounded-full"
25748
+ }, [
25749
+ G[23] || (G[23] = p("div", { class: "pbx-h-10 pbx-w-10 pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer" }, [
25750
+ p("span", { class: "material-symbols-outlined" }, " deployed_code ")
25751
+ ], -1)),
25752
+ p("div", YP, C(g(e)("HTML Editor")), 1)
25753
+ ])) : E("", !0)
25754
+ ])
25755
+ ])
25756
+ ])) : E("", !0)
25757
+ ]),
25758
+ _: 1
25759
+ })
25762
25760
  ])
25763
25761
  ]));
25764
25762
  }
25765
- }, ZP = { class: "pbx-my-2 pbx-py-2" }, e5 = {
25763
+ }, XP = { class: "pbx-my-2 pbx-py-2" }, ZP = {
25766
25764
  for: "vertical-margin",
25767
25765
  class: "pbx-myPrimaryInputLabel"
25768
- }, t5 = {
25766
+ }, e5 = {
25769
25767
  __name: "HTMLEditor",
25770
25768
  setup(n) {
25771
25769
  const e = he, { translate: t } = Me(), i = async () => {
@@ -25776,8 +25774,8 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25776
25774
  we(C(g(t)("HTML Editor")), 1)
25777
25775
  ]),
25778
25776
  content: q(() => [
25779
- p("div", ZP, [
25780
- p("label", e5, C(g(t)("Gain full control over components by editing the raw HTML.")), 1),
25777
+ p("div", XP, [
25778
+ p("label", ZP, C(g(t)("Gain full control over components by editing the raw HTML.")), 1),
25781
25779
  o[0] || (o[0] = p("hr", null, null, -1))
25782
25780
  ]),
25783
25781
  p("button", {
@@ -25789,22 +25787,22 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25789
25787
  _: 1
25790
25788
  }));
25791
25789
  }
25792
- }, n5 = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, i5 = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, r5 = { key: 0 }, o5 = { key: 1 }, s5 = {
25790
+ }, t5 = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, n5 = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, i5 = { key: 0 }, r5 = { key: 1 }, o5 = {
25793
25791
  key: 0,
25794
25792
  class: "pbx-min-h-screen"
25795
- }, l5 = { key: 0 }, a5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, d5 = { class: "pbx-my-2 pbx-py-2" }, p5 = {
25793
+ }, s5 = { key: 0 }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, a5 = { class: "pbx-my-2 pbx-py-2" }, d5 = {
25796
25794
  key: 1,
25797
25795
  class: "pbx-min-h-screen"
25798
- }, c5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, 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 = { class: "pbx-my-1" }, y5 = { class: "pbx-my-1" }, v5 = { class: "pbx-my-1" }, S5 = { class: "pbx-my-1" }, w5 = {
25796
+ }, p5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, 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 = { class: "pbx-my-1" }, y5 = { class: "pbx-my-1" }, v5 = { class: "pbx-my-1" }, S5 = {
25799
25797
  key: 2,
25800
25798
  class: "pbx-min-h-screen"
25801
- }, C5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, k5 = { 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" }, T5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, E5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, B5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, L5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, P5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, A5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, I5 = { class: "pbx-text-xs pbx-pb-2" }, $5 = { class: "pbx-text-xs pbx-pb-2" }, D5 = { class: "pbx-text-xs pbx-pb-2" }, _5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, O5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, N5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, H5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, R5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, z5 = { key: 0 }, F5 = { key: 0 }, j5 = { class: "pbx-pb-2 pbx-text-xs" }, V5 = {
25799
+ }, w5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, C5 = { 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" }, k5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, T5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, M5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, E5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, B5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, L5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, P5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, A5 = { class: "pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-text-xs pbx-pb-2" }, $5 = { class: "pbx-text-xs pbx-pb-2" }, D5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, _5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, O5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, N5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, H5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, R5 = { key: 0 }, z5 = { key: 0 }, F5 = { class: "pbx-pb-2 pbx-text-xs" }, j5 = {
25802
25800
  key: 1,
25803
25801
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
25804
- }, q5 = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, W5 = { class: "pbx-overflow-x-auto" }, U5 = { class: "pbx-min-w-full" }, G5 = { class: "pbx-bg-gray-900" }, K5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, J5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, Y5 = { 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" }, Q5 = { class: "pbx-overflow-x-auto" }, X5 = { class: "pbx-min-w-full" }, Z5 = { class: "pbx-bg-gray-900" }, eA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, tA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, nA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, iA = { class: "pbx-overflow-x-auto" }, rA = { class: "pbx-min-w-full" }, oA = { class: "pbx-bg-gray-900" }, sA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, lA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, aA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, dA = { key: 1 }, pA = { key: 0 }, cA = { class: "pbx-pb-2 pbx-text-xs" }, uA = {
25802
+ }, V5 = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, q5 = { class: "pbx-overflow-x-auto" }, W5 = { class: "pbx-min-w-full" }, U5 = { class: "pbx-bg-gray-900" }, G5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, K5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, J5 = { 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" }, Y5 = { class: "pbx-overflow-x-auto" }, Q5 = { class: "pbx-min-w-full" }, X5 = { class: "pbx-bg-gray-900" }, Z5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, eA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, tA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, nA = { class: "pbx-overflow-x-auto" }, iA = { class: "pbx-min-w-full" }, rA = { class: "pbx-bg-gray-900" }, oA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, sA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, lA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, aA = { key: 1 }, dA = { key: 0 }, pA = { class: "pbx-pb-2 pbx-text-xs" }, cA = {
25805
25803
  key: 1,
25806
25804
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
25807
- }, hA = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, fA = { class: "pbx-overflow-x-auto" }, bA = { class: "pbx-min-w-full" }, mA = { class: "pbx-bg-gray-900" }, xA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, gA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, yA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, vA = { class: "pbx-overflow-x-auto" }, SA = { class: "pbx-min-w-full" }, wA = { class: "pbx-bg-gray-900" }, CA = { 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-t pbx-border-gray-200" }, kA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, TA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, MA = { class: "pbx-overflow-x-auto" }, EA = { class: "pbx-min-w-full" }, BA = { class: "pbx-bg-gray-900" }, LA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, PA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, AA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, IA = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, $A = ["innerHTML"], DA = { key: 2 }, _A = { key: 0 }, OA = { class: "pbx-pb-2 pbx-text-xs" }, NA = { key: 1 }, HA = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, RA = { class: "pbx-overflow-x-auto" }, zA = { class: "pbx-min-w-full" }, FA = { class: "pbx-bg-gray-900" }, jA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, VA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, qA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, WA = { class: "pbx-overflow-x-auto" }, UA = { class: "pbx-min-w-full" }, GA = { class: "pbx-bg-gray-900" }, KA = { 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-t pbx-border-gray-200" }, JA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, YA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, QA = { class: "pbx-overflow-x-auto" }, XA = { class: "pbx-min-w-full" }, ZA = { class: "pbx-bg-gray-900" }, e9 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, t9 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, n9 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, i9 = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, r9 = ["innerHTML"], o9 = {
25805
+ }, uA = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, hA = { class: "pbx-overflow-x-auto" }, fA = { class: "pbx-min-w-full" }, bA = { class: "pbx-bg-gray-900" }, mA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, xA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, gA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, yA = { class: "pbx-overflow-x-auto" }, vA = { class: "pbx-min-w-full" }, SA = { class: "pbx-bg-gray-900" }, wA = { 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-t pbx-border-gray-200" }, CA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, kA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, TA = { class: "pbx-overflow-x-auto" }, MA = { class: "pbx-min-w-full" }, EA = { class: "pbx-bg-gray-900" }, BA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, LA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, PA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, AA = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, IA = ["innerHTML"], $A = { key: 2 }, DA = { key: 0 }, _A = { class: "pbx-pb-2 pbx-text-xs" }, OA = { key: 1 }, NA = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, HA = { class: "pbx-overflow-x-auto" }, RA = { class: "pbx-min-w-full" }, zA = { class: "pbx-bg-gray-900" }, FA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, jA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, VA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, qA = { class: "pbx-overflow-x-auto" }, WA = { class: "pbx-min-w-full" }, UA = { class: "pbx-bg-gray-900" }, GA = { 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-t pbx-border-gray-200" }, KA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, JA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, YA = { class: "pbx-overflow-x-auto" }, QA = { class: "pbx-min-w-full" }, XA = { class: "pbx-bg-gray-900" }, ZA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, e9 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, t9 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, n9 = { class: "pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left" }, i9 = ["innerHTML"], r9 = {
25808
25806
  __name: "AdvancedPageBuilderSettings",
25809
25807
  props: {
25810
25808
  isLoading: {
@@ -25917,8 +25915,8 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25917
25915
  var m, x, v, T, S, M, B, H, I, N;
25918
25916
  return y(), w("div", null, [
25919
25917
  p("div", null, [
25920
- p("div", n5, [
25921
- p("div", i5, [
25918
+ p("div", t5, [
25919
+ p("div", n5, [
25922
25920
  p("button", {
25923
25921
  onClick: b[0] || (b[0] = (z) => h("globalPageStyles")),
25924
25922
  class: V([
@@ -25953,20 +25951,20 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25953
25951
  ], 2)
25954
25952
  ])
25955
25953
  ]),
25956
- n.isLoading ? (y(), w("div", r5, [...b[9] || (b[9] = [
25954
+ n.isLoading ? (y(), w("div", i5, [...b[9] || (b[9] = [
25957
25955
  p("div", { class: "pbx-flex pbx-items-top pbx-justify-center pbx-mt-4 pbx-min-h-screen" }, [
25958
25956
  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]" }, [
25959
25957
  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...")
25960
25958
  ])
25961
25959
  ], -1)
25962
25960
  ])])) : E("", !0),
25963
- n.isLoading ? E("", !0) : (y(), w("div", o5, [
25964
- u.value === "download" ? (y(), w("div", s5, [
25965
- Array.isArray(o.value) && o.value.length >= 1 ? (y(), w("div", l5, [
25966
- p("p", a5, C(g(e)(
25961
+ n.isLoading ? E("", !0) : (y(), w("div", r5, [
25962
+ u.value === "download" ? (y(), w("div", o5, [
25963
+ Array.isArray(o.value) && o.value.length >= 1 ? (y(), w("div", s5, [
25964
+ p("p", l5, C(g(e)(
25967
25965
  "Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere."
25968
25966
  )), 1),
25969
- p("div", d5, [
25967
+ p("div", a5, [
25970
25968
  p("button", {
25971
25969
  onClick: c,
25972
25970
  type: "button",
@@ -25978,67 +25976,67 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
25978
25976
  ])
25979
25977
  ])) : E("", !0)
25980
25978
  ])) : E("", !0),
25981
- u.value === "globalPageStyles" ? (y(), w("div", p5, [
25979
+ u.value === "globalPageStyles" ? (y(), w("div", d5, [
25982
25980
  p("div", null, [
25983
- p("p", c5, C(g(e)(
25981
+ p("p", p5, C(g(e)(
25984
25982
  "Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections."
25985
25983
  )), 1),
25986
- p("article", u5, [
25984
+ p("article", c5, [
25987
25985
  F(E2)
25988
25986
  ]),
25989
- p("article", h5, [
25987
+ p("article", u5, [
25990
25988
  F(my, { globalPageLayout: !0 })
25991
25989
  ]),
25992
- p("article", f5, [
25990
+ p("article", h5, [
25993
25991
  F(by, { globalPageLayout: !0 })
25994
25992
  ]),
25995
- p("article", b5, [
25993
+ p("article", f5, [
25996
25994
  F(uy)
25997
25995
  ]),
25998
- p("article", m5, [
25996
+ p("article", b5, [
25999
25997
  F(hy)
26000
25998
  ]),
26001
- p("article", x5, [
25999
+ p("article", m5, [
26002
26000
  F(fy)
26003
26001
  ]),
26004
- p("article", g5, [
26002
+ p("article", x5, [
26005
26003
  F(xy)
26006
26004
  ]),
26007
- p("article", y5, [
26005
+ p("article", g5, [
26008
26006
  F(Zg)
26009
26007
  ]),
26010
- p("article", v5, [
26008
+ p("article", y5, [
26011
26009
  F(ey)
26012
26010
  ]),
26013
- p("article", S5, [
26014
- F(t5)
26011
+ p("article", v5, [
26012
+ F(e5)
26015
26013
  ])
26016
26014
  ])
26017
26015
  ])) : E("", !0),
26018
- u.value === "viewHTMLConfig" ? (y(), w("div", w5, [
26019
- p("p", C5, C(g(e)(
26016
+ u.value === "viewHTMLConfig" ? (y(), w("div", S5, [
26017
+ p("p", w5, C(g(e)(
26020
26018
  "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26021
26019
  )), 1),
26022
- p("div", k5, [
26023
- p("div", T5, [
26020
+ p("div", C5, [
26021
+ p("div", k5, [
26024
26022
  p("div", null, [
26025
- p("h4", M5, C(g(e)("Types")), 1),
26026
- p("div", E5, [
26027
- p("div", B5, [
26028
- p("div", L5, [
26029
- p("div", P5, C(g(e)("Types")), 1)
26023
+ p("h4", T5, C(g(e)("Types")), 1),
26024
+ p("div", M5, [
26025
+ p("div", E5, [
26026
+ p("div", B5, [
26027
+ p("div", L5, C(g(e)("Types")), 1)
26030
26028
  ])
26031
26029
  ]),
26032
- p("div", A5, [
26033
- p("p", I5, [
26030
+ p("div", P5, [
26031
+ p("p", A5, [
26034
26032
  p("span", null, C(g(e)("Element type:")), 1),
26035
26033
  p("span", null, C(typeof i.value), 1)
26036
26034
  ]),
26037
- p("p", $5, [
26035
+ p("p", I5, [
26038
26036
  p("span", null, C(g(e)("Component type:")), 1),
26039
26037
  we(" " + C(typeof r.value), 1)
26040
26038
  ]),
26041
- p("p", D5, [
26039
+ p("p", $5, [
26042
26040
  p("span", null, C(g(e)("Components:")), 1),
26043
26041
  p("span", null, C(Array.isArray(o.value) === !0 ? g(e)("array") : typeof o.value), 1)
26044
26042
  ])
@@ -26046,10 +26044,10 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26046
26044
  ])
26047
26045
  ]),
26048
26046
  p("div", null, [
26049
- p("h4", _5, C(g(e)("Content")), 1),
26050
- p("div", O5, [
26051
- p("div", N5, [
26052
- p("div", H5, [
26047
+ p("h4", D5, C(g(e)("Content")), 1),
26048
+ p("div", _5, [
26049
+ p("div", O5, [
26050
+ p("div", N5, [
26053
26051
  p("div", {
26054
26052
  onClick: b[3] || (b[3] = (z) => l("element")),
26055
26053
  class: V(["pbx-px-4 pbx-py-4 pbx-cursor-pointer", [s.value === "element" ? "pbx-text-gray-100" : ""]])
@@ -26064,109 +26062,109 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26064
26062
  }, C(g(e)("Components added")) + " " + C(Array.isArray(o.value) && o.value.length), 3)
26065
26063
  ])
26066
26064
  ]),
26067
- p("div", R5, [
26068
- s.value === "element" ? (y(), w("div", z5, [
26069
- r.value ? E("", !0) : (y(), w("div", F5, [
26070
- p("p", j5, C(r.value === null ? g(e)("No Element selected") : typeof r.value), 1)
26065
+ p("div", H5, [
26066
+ s.value === "element" ? (y(), w("div", R5, [
26067
+ r.value ? E("", !0) : (y(), w("div", z5, [
26068
+ p("p", F5, C(r.value === null ? g(e)("No Element selected") : typeof r.value), 1)
26071
26069
  ])),
26072
- i.value ? (y(), w("div", V5, [
26073
- p("div", q5, [
26074
- p("div", W5, [
26075
- p("table", U5, [
26076
- p("thead", G5, [
26070
+ i.value ? (y(), w("div", j5, [
26071
+ p("div", V5, [
26072
+ p("div", q5, [
26073
+ p("table", W5, [
26074
+ p("thead", U5, [
26077
26075
  p("tr", null, [
26078
- p("th", K5, C(g(e)("Selected HTML:")), 1)
26076
+ p("th", G5, C(g(e)("Selected HTML:")), 1)
26079
26077
  ])
26080
26078
  ]),
26081
- p("tbody", J5, [
26079
+ p("tbody", K5, [
26082
26080
  p("tr", null, [
26083
- p("td", Y5, C((m = i.value) == null ? void 0 : m.outerHTML), 1)
26081
+ p("td", J5, C((m = i.value) == null ? void 0 : m.outerHTML), 1)
26084
26082
  ])
26085
26083
  ])
26086
26084
  ])
26087
26085
  ]),
26088
- p("div", Q5, [
26089
- p("table", X5, [
26090
- p("thead", Z5, [
26086
+ p("div", Y5, [
26087
+ p("table", Q5, [
26088
+ p("thead", X5, [
26091
26089
  p("tr", null, [
26092
- p("th", eA, C(g(e)("Element src:")), 1)
26090
+ p("th", Z5, C(g(e)("Element src:")), 1)
26093
26091
  ])
26094
26092
  ]),
26095
- p("tbody", tA, [
26093
+ p("tbody", eA, [
26096
26094
  p("tr", null, [
26097
- p("td", nA, C((x = i.value) != null && x.src ? (v = i.value) == null ? void 0 : v.src : typeof ((T = i.value) == null ? void 0 : T.src)), 1)
26095
+ p("td", tA, C((x = i.value) != null && x.src ? (v = i.value) == null ? void 0 : v.src : typeof ((T = i.value) == null ? void 0 : T.src)), 1)
26098
26096
  ])
26099
26097
  ])
26100
26098
  ])
26101
26099
  ])
26102
26100
  ]),
26103
- p("div", iA, [
26104
- p("table", rA, [
26105
- p("thead", oA, [
26101
+ p("div", nA, [
26102
+ p("table", iA, [
26103
+ p("thead", rA, [
26106
26104
  p("tr", null, [
26107
- p("th", sA, C(g(e)("Element classes:")), 1)
26105
+ p("th", oA, C(g(e)("Element classes:")), 1)
26108
26106
  ])
26109
26107
  ]),
26110
- p("tbody", lA, [
26108
+ p("tbody", sA, [
26111
26109
  p("tr", null, [
26112
- p("td", aA, C((S = i.value) != null && S.classList ? (M = i.value) == null ? void 0 : M.classList : typeof ((B = i.value) == null ? void 0 : B.classList)), 1)
26110
+ p("td", lA, C((S = i.value) != null && S.classList ? (M = i.value) == null ? void 0 : M.classList : typeof ((B = i.value) == null ? void 0 : B.classList)), 1)
26113
26111
  ])
26114
26112
  ])
26115
26113
  ])
26116
26114
  ])
26117
26115
  ])) : E("", !0)
26118
26116
  ])) : E("", !0),
26119
- s.value === "component" ? (y(), w("div", dA, [
26120
- r.value ? E("", !0) : (y(), w("div", pA, [
26121
- p("p", cA, C(r.value === null ? g(e)("No Component selected") : typeof r.value), 1)
26117
+ s.value === "component" ? (y(), w("div", aA, [
26118
+ r.value ? E("", !0) : (y(), w("div", dA, [
26119
+ p("p", pA, C(r.value === null ? g(e)("No Component selected") : typeof r.value), 1)
26122
26120
  ])),
26123
- r.value ? (y(), w("div", uA, [
26124
- p("div", hA, [
26125
- p("div", fA, [
26126
- p("table", bA, [
26127
- p("thead", mA, [
26121
+ r.value ? (y(), w("div", cA, [
26122
+ p("div", uA, [
26123
+ p("div", hA, [
26124
+ p("table", fA, [
26125
+ p("thead", bA, [
26128
26126
  p("tr", null, [
26129
- p("th", xA, C(g(e)("ID:")), 1)
26127
+ p("th", mA, C(g(e)("ID:")), 1)
26130
26128
  ])
26131
26129
  ]),
26132
- p("tbody", gA, [
26130
+ p("tbody", xA, [
26133
26131
  p("tr", null, [
26134
- p("td", yA, C((H = r.value) == null ? void 0 : H.id), 1)
26132
+ p("td", gA, C((H = r.value) == null ? void 0 : H.id), 1)
26135
26133
  ])
26136
26134
  ])
26137
26135
  ])
26138
26136
  ]),
26139
- p("div", vA, [
26140
- p("table", SA, [
26141
- p("thead", wA, [
26137
+ p("div", yA, [
26138
+ p("table", vA, [
26139
+ p("thead", SA, [
26142
26140
  p("tr", null, [
26143
- p("th", CA, C(g(e)("Title:")), 1)
26141
+ p("th", wA, C(g(e)("Title:")), 1)
26144
26142
  ])
26145
26143
  ]),
26146
- p("tbody", kA, [
26144
+ p("tbody", CA, [
26147
26145
  p("tr", null, [
26148
- p("td", TA, C((I = r.value) == null ? void 0 : I.title), 1)
26146
+ p("td", kA, C((I = r.value) == null ? void 0 : I.title), 1)
26149
26147
  ])
26150
26148
  ])
26151
26149
  ])
26152
26150
  ])
26153
26151
  ]),
26154
- p("div", MA, [
26155
- p("table", EA, [
26156
- p("thead", BA, [
26152
+ p("div", TA, [
26153
+ p("table", MA, [
26154
+ p("thead", EA, [
26157
26155
  p("tr", null, [
26158
- p("th", LA, C(g(e)("HTML Code:")), 1)
26156
+ p("th", BA, C(g(e)("HTML Code:")), 1)
26159
26157
  ])
26160
26158
  ]),
26161
- p("tbody", PA, [
26159
+ p("tbody", LA, [
26162
26160
  p("tr", null, [
26163
- p("td", AA, [
26164
- p("pre", IA, [
26161
+ p("td", PA, [
26162
+ p("pre", AA, [
26165
26163
  b[11] || (b[11] = we(" ", -1)),
26166
26164
  p("code", {
26167
26165
  class: "pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",
26168
26166
  innerHTML: a((N = r.value) == null ? void 0 : N.html_code)
26169
- }, null, 8, $A),
26167
+ }, null, 8, IA),
26170
26168
  b[12] || (b[12] = we(`
26171
26169
  `, -1))
26172
26170
  ])
@@ -26177,61 +26175,61 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26177
26175
  ])
26178
26176
  ])) : E("", !0)
26179
26177
  ])) : E("", !0),
26180
- s.value === "components" ? (y(), w("div", DA, [
26181
- Array.isArray(o.value) && o.value.length === 0 ? (y(), w("div", _A, [
26182
- p("p", OA, C(g(e)("No Components added yet")), 1)
26178
+ s.value === "components" ? (y(), w("div", $A, [
26179
+ Array.isArray(o.value) && o.value.length === 0 ? (y(), w("div", DA, [
26180
+ p("p", _A, C(g(e)("No Components added yet")), 1)
26183
26181
  ])) : E("", !0),
26184
- o.value ? (y(), w("div", NA, [
26182
+ o.value ? (y(), w("div", OA, [
26185
26183
  (y(!0), w(J, null, ie(o.value, (z) => (y(), w("div", {
26186
26184
  key: z.id,
26187
26185
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
26188
26186
  }, [
26189
- p("div", HA, [
26190
- p("div", RA, [
26191
- p("table", zA, [
26192
- p("thead", FA, [
26187
+ p("div", NA, [
26188
+ p("div", HA, [
26189
+ p("table", RA, [
26190
+ p("thead", zA, [
26193
26191
  p("tr", null, [
26194
- p("th", jA, C(g(e)("ID:")), 1)
26192
+ p("th", FA, C(g(e)("ID:")), 1)
26195
26193
  ])
26196
26194
  ]),
26197
- p("tbody", VA, [
26195
+ p("tbody", jA, [
26198
26196
  p("tr", null, [
26199
- p("td", qA, C(z.id), 1)
26197
+ p("td", VA, C(z.id), 1)
26200
26198
  ])
26201
26199
  ])
26202
26200
  ])
26203
26201
  ]),
26204
- p("div", WA, [
26205
- p("table", UA, [
26206
- p("thead", GA, [
26202
+ p("div", qA, [
26203
+ p("table", WA, [
26204
+ p("thead", UA, [
26207
26205
  p("tr", null, [
26208
- p("th", KA, C(g(e)("Title:")), 1)
26206
+ p("th", GA, C(g(e)("Title:")), 1)
26209
26207
  ])
26210
26208
  ]),
26211
- p("tbody", JA, [
26209
+ p("tbody", KA, [
26212
26210
  p("tr", null, [
26213
- p("td", YA, C(z.title), 1)
26211
+ p("td", JA, C(z.title), 1)
26214
26212
  ])
26215
26213
  ])
26216
26214
  ])
26217
26215
  ])
26218
26216
  ]),
26219
- p("div", QA, [
26220
- p("table", XA, [
26221
- p("thead", ZA, [
26217
+ p("div", YA, [
26218
+ p("table", QA, [
26219
+ p("thead", XA, [
26222
26220
  p("tr", null, [
26223
- p("th", e9, C(g(e)("HTML Code:")), 1)
26221
+ p("th", ZA, C(g(e)("HTML Code:")), 1)
26224
26222
  ])
26225
26223
  ]),
26226
- p("tbody", t9, [
26224
+ p("tbody", e9, [
26227
26225
  p("tr", null, [
26228
- p("td", n9, [
26229
- p("pre", i9, [
26226
+ p("td", t9, [
26227
+ p("pre", n9, [
26230
26228
  b[13] || (b[13] = we(" ", -1)),
26231
26229
  p("code", {
26232
26230
  class: "pbx-font-sans pbx-w-full",
26233
26231
  innerHTML: a(z.html_code)
26234
- }, null, 8, r9),
26232
+ }, null, 8, i9),
26235
26233
  b[14] || (b[14] = we(`
26236
26234
  `, -1))
26237
26235
  ])
@@ -26254,22 +26252,22 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26254
26252
  ]);
26255
26253
  };
26256
26254
  }
26257
- }, s9 = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-myPrimaryGap" }, l9 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center pbx-relative" }, a9 = {
26255
+ }, o9 = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-myPrimaryGap" }, s9 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center pbx-relative" }, l9 = {
26258
26256
  key: 0,
26259
26257
  class: "pbx-top-0 pbx-left-full pbx-ml-2 pbx-absolute pbx-z-40 lg:pbx-w-[35rem] pbx-w-[30rem]"
26260
- }, d9 = { 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" }, p9 = { class: "pbx-overflow-y-auto" }, c9 = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, u9 = { 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" }, h9 = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, f9 = { class: "text-center" }, b9 = { class: "pbx-lg:pbx-text-7xl pbx-text-5xl" }, m9 = {
26258
+ }, a9 = { 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" }, d9 = { class: "pbx-overflow-y-auto" }, p9 = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, c9 = { 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" }, u9 = { class: "pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center" }, h9 = { class: "text-center" }, f9 = { class: "pbx-lg:pbx-text-7xl pbx-text-5xl" }, b9 = {
26261
26259
  key: 0,
26262
26260
  class: "pbx-w-full"
26263
- }, x9 = { class: "pbx-text-xl pbx-font-semibold pbx-mb-4 pbx-text-center" }, g9 = { class: "pbx-space-y-4" }, y9 = { class: "pbx-flex-shrink-0 pbx-mt-1" }, v9 = {
26261
+ }, m9 = { class: "pbx-text-xl pbx-font-semibold pbx-mb-4 pbx-text-center" }, x9 = { class: "pbx-space-y-4" }, g9 = { class: "pbx-flex-shrink-0 pbx-mt-1" }, y9 = {
26264
26262
  key: 0,
26265
26263
  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"
26266
- }, S9 = {
26264
+ }, v9 = {
26267
26265
  key: 1,
26268
26266
  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"
26269
- }, w9 = { class: "pbx-flex-1" }, C9 = { class: "pbx-text-sm pbx-text-gray-600" }, k9 = {
26267
+ }, S9 = { class: "pbx-flex-1" }, w9 = { class: "pbx-text-sm pbx-text-gray-600" }, C9 = {
26270
26268
  key: 1,
26271
26269
  class: "pbx-text-gray-500 pbx-text-center"
26272
- }, T9 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, M9 = {
26270
+ }, k9 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, T9 = {
26273
26271
  __name: "ComponentTopMenu",
26274
26272
  setup(n) {
26275
26273
  const { translate: e } = Me(), t = he, i = Ee(), r = k(!1), o = k(!1), s = k(""), l = k(1), a = k(""), d = k(""), c = k(""), u = k(null), h = k(null), f = k(null), b = k(null), m = k(null), x = function() {
@@ -26295,8 +26293,8 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26295
26293
  z.value = !1;
26296
26294
  };
26297
26295
  return (X, j) => (y(), w("div", null, [
26298
- p("div", s9, [
26299
- p("div", l9, [
26296
+ p("div", o9, [
26297
+ p("div", s9, [
26300
26298
  p("div", {
26301
26299
  onClick: $,
26302
26300
  "pbx-bg-myPrimaryLinkColor": "",
@@ -26306,7 +26304,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26306
26304
  ])], 2),
26307
26305
  F(Ht, { name: "popup-fade" }, {
26308
26306
  default: q(() => [
26309
- z.value ? (y(), w("div", a9, [
26307
+ z.value ? (y(), w("div", l9, [
26310
26308
  p("div", {
26311
26309
  class: "pbx-fixed pbx-inset-0 pbx-bg-black pbx-bg-opacity-10 pbx-z-30",
26312
26310
  onClick: O
@@ -26316,7 +26314,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26316
26314
  onClick: j[0] || (j[0] = Xe(() => {
26317
26315
  }, ["stop"]))
26318
26316
  }, [
26319
- p("div", d9, [
26317
+ p("div", a9, [
26320
26318
  p("div", { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-between pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-pl-2" }, [
26321
26319
  j[4] || (j[4] = p("span", { class: "pbx-text-black pbx-font-medium" }, "SEO", -1)),
26322
26320
  p("div", {
@@ -26326,10 +26324,10 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26326
26324
  p("span", { class: "material-symbols-outlined" }, " close ", -1)
26327
26325
  ])])
26328
26326
  ]),
26329
- p("div", p9, [
26327
+ p("div", d9, [
26330
26328
  p("div", null, [
26331
- p("div", c9, [
26332
- p("div", u9, [
26329
+ p("div", p9, [
26330
+ p("div", c9, [
26333
26331
  N.value ? (y(), w("div", {
26334
26332
  key: 0,
26335
26333
  class: "pbx-relative pbx-my-4 pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center pbx-w-36 pbx-h-36",
@@ -26337,39 +26335,39 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26337
26335
  background: `conic-gradient(${N.value.score < 50 ? "#ef4444" : "#50C878"} ${N.value.score}%, #e5e7eb 0)`
26338
26336
  })
26339
26337
  }, [
26340
- p("div", h9, [
26341
- p("div", f9, [
26342
- p("span", b9, C(N.value.score), 1),
26338
+ p("div", u9, [
26339
+ p("div", h9, [
26340
+ p("span", f9, C(N.value.score), 1),
26343
26341
  j[5] || (j[5] = p("span", { class: "pbx-text-xl" }, "%", -1))
26344
26342
  ])
26345
26343
  ])
26346
26344
  ], 4)) : E("", !0)
26347
26345
  ])
26348
26346
  ]),
26349
- N.value && N.value.checks && N.value.checks.length ? (y(), w("div", m9, [
26350
- p("h3", x9, C(g(e)("SEO Check Results")), 1),
26351
- p("ul", g9, [
26347
+ N.value && N.value.checks && N.value.checks.length ? (y(), w("div", b9, [
26348
+ p("h3", m9, C(g(e)("SEO Check Results")), 1),
26349
+ p("ul", x9, [
26352
26350
  (y(!0), w(J, null, ie(N.value.checks, (_, ne) => (y(), w("li", {
26353
26351
  key: ne,
26354
26352
  class: V(["pbx-flex pbx-items-start pbx-gap-4 pbx-p-4 pbx-bg-white pbx-rounded-lg pbx-border-solid pbx-border-2", _.passed ? "pbx-border-emerald-500" : "pbx-border-red-600"])
26355
26353
  }, [
26356
- p("div", y9, [
26357
- _.passed ? (y(), w("div", v9, [...j[6] || (j[6] = [
26354
+ p("div", g9, [
26355
+ _.passed ? (y(), w("div", y9, [...j[6] || (j[6] = [
26358
26356
  p("span", { class: "material-symbols-outlined" }, " check ", -1)
26359
26357
  ])])) : E("", !0),
26360
- _.passed ? E("", !0) : (y(), w("div", S9, [...j[7] || (j[7] = [
26358
+ _.passed ? E("", !0) : (y(), w("div", v9, [...j[7] || (j[7] = [
26361
26359
  p("span", { class: "material-symbols-outlined" }, " check_indeterminate_small ", -1)
26362
26360
  ])]))
26363
26361
  ]),
26364
- p("div", w9, [
26362
+ p("div", S9, [
26365
26363
  p("p", {
26366
26364
  class: V(["pbx-text-lg pbx-font-medium", _.passed ? "pbx-text-green-700" : "pbx-text-red-700"])
26367
26365
  }, C(_.check), 3),
26368
- p("p", C9, C(_.details), 1)
26366
+ p("p", w9, C(_.details), 1)
26369
26367
  ])
26370
26368
  ], 2))), 128))
26371
26369
  ])
26372
- ])) : (y(), w("div", k9, " No SEO checks available. "))
26370
+ ])) : (y(), w("div", C9, " No SEO checks available. "))
26373
26371
  ])
26374
26372
  ])
26375
26373
  ])
@@ -26396,7 +26394,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26396
26394
  p("span", { class: "material-symbols-outlined" }, " deployed_code ", -1)
26397
26395
  ])])
26398
26396
  ]),
26399
- p("div", T9, [
26397
+ p("div", k9, [
26400
26398
  p("div", {
26401
26399
  onClick: j[1] || (j[1] = async () => {
26402
26400
  await g(i).clearHtmlSelection(), I();
@@ -26449,7 +26447,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26449
26447
  maxHeight: ""
26450
26448
  }, {
26451
26449
  default: q(() => [
26452
- F(o9, { isLoading: T.value }, null, 8, ["isLoading"])
26450
+ F(r9, { isLoading: T.value }, null, 8, ["isLoading"])
26453
26451
  ]),
26454
26452
  _: 1
26455
26453
  }, 8, ["showModalBuilder", "title"]),
@@ -26468,7 +26466,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
26468
26466
  }, 8, ["showModalBuilder"])
26469
26467
  ]));
26470
26468
  }
26471
- }, E9 = [
26469
+ }, M9 = [
26472
26470
  {
26473
26471
  html_code: `
26474
26472
  <section>
@@ -27413,7 +27411,7 @@ const GL = { class: "pbx-my-2 pbx-py-2" }, KL = {
27413
27411
  }
27414
27412
  }
27415
27413
  ];
27416
- function B9() {
27414
+ function E9() {
27417
27415
  const n = an("closeAddComponentModal", null), e = an("closeMediaLibraryModal", null);
27418
27416
  return {
27419
27417
  closeAddComponentModal: n || (() => {
@@ -27428,16 +27426,16 @@ function B9() {
27428
27426
  })
27429
27427
  };
27430
27428
  }
27431
- const L9 = {
27429
+ const B9 = {
27432
27430
  key: 0,
27433
27431
  class: "pbx-min-h-[90vh] pbx-h-[90vh]"
27434
- }, P9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, A9 = { 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]" }, I9 = { 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)]" }, $9 = { key: 1 }, D9 = { 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" }, _9 = ["onClick"], O9 = {
27432
+ }, L9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, P9 = { 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]" }, A9 = { 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)]" }, I9 = { key: 1 }, $9 = { 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" }, D9 = ["onClick"], _9 = {
27435
27433
  key: 0,
27436
27434
  class: "pbx-mb-8"
27437
- }, N9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, H9 = { 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" }, R9 = ["onClick"], z9 = { class: "pbx-min-h-[96rem]" }, F9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, j9 = ["onClick"], V9 = { 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" }, q9 = ["innerHTML"], W9 = { class: "pbx-p-3" }, U9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, G9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, K9 = { class: "pbx-mb-8" }, J9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Y9 = { 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" }, Q9 = ["onClick"], X9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, Z9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, eI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, tI = {
27435
+ }, O9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, N9 = { 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" }, H9 = ["onClick"], R9 = { class: "pbx-min-h-[96rem]" }, z9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, F9 = ["onClick"], j9 = { 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" }, V9 = ["innerHTML"], q9 = { class: "pbx-p-3" }, W9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, U9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, G9 = { class: "pbx-mb-8" }, K9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, J9 = { 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" }, Y9 = ["onClick"], Q9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, X9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, Z9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, eI = {
27438
27436
  key: 0,
27439
27437
  class: "pbx-px-2"
27440
- }, nI = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, iI = { 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" }, rI = ["onClick"], oI = { class: "pbx-min-h-[96rem]" }, sI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, lI = ["onClick"], aI = { 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" }, dI = ["innerHTML"], pI = { class: "pbx-p-3" }, cI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, uI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, hI = /* @__PURE__ */ tt({
27438
+ }, tI = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, nI = { 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" }, iI = ["onClick"], rI = { class: "pbx-min-h-[96rem]" }, oI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, sI = ["onClick"], lI = { 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" }, aI = ["innerHTML"], dI = { class: "pbx-p-3" }, pI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, cI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, uI = /* @__PURE__ */ tt({
27441
27439
  __name: "DefaultBuilderComponents",
27442
27440
  props: {
27443
27441
  customMediaComponent: {
@@ -27452,7 +27450,7 @@ const L9 = {
27452
27450
  }), a = P(() => s.value === "All" ? Bs[0].components.data : Bs[0].components.data.filter((x) => x.category === s.value)), d = k("All"), c = P(() => {
27453
27451
  const x = Ls[0].themes.data.map((v) => v.category);
27454
27452
  return ["All", ...new Set(x)];
27455
- }), u = P(() => d.value === "All" ? Ls[0].themes.data : Ls[0].themes.data.filter((x) => x.category === d.value)), { closeAddComponentModal: h } = B9(), f = async function(x) {
27453
+ }), u = P(() => d.value === "All" ? Ls[0].themes.data : Ls[0].themes.data.filter((x) => x.category === d.value)), { closeAddComponentModal: h } = E9(), f = async function(x) {
27456
27454
  i.value = !0;
27457
27455
  const v = x.replace(/Layouts and visual\./g, e("Layouts and visual.")).replace(
27458
27456
  /Start customizing by editing this default text directly in the editor\./g,
@@ -27479,15 +27477,15 @@ const L9 = {
27479
27477
  };
27480
27478
  };
27481
27479
  return (x, v) => (y(), w("div", null, [
27482
- i.value ? (y(), w("div", L9, [
27483
- p("div", P9, [
27484
- p("div", A9, [
27485
- p("span", I9, C(g(e)("Loading...")), 1)
27480
+ i.value ? (y(), w("div", B9, [
27481
+ p("div", L9, [
27482
+ p("div", P9, [
27483
+ p("span", A9, C(g(e)("Loading...")), 1)
27486
27484
  ])
27487
27485
  ])
27488
27486
  ])) : E("", !0),
27489
- i.value ? E("", !0) : (y(), w("div", $9, [
27490
- p("div", D9, [
27487
+ i.value ? E("", !0) : (y(), w("div", I9, [
27488
+ p("div", $9, [
27491
27489
  (y(!0), w(J, null, ie(o.value, (T) => (y(), w("button", {
27492
27490
  key: T,
27493
27491
  onClick: (S) => r.value = T,
@@ -27508,86 +27506,86 @@ const L9 = {
27508
27506
  ])
27509
27507
  ], -1)),
27510
27508
  p("span", null, C(g(e)(T)), 1)
27511
- ], 10, _9))), 128))
27509
+ ], 10, D9))), 128))
27512
27510
  ]),
27513
- r.value === "Themes" ? (y(), w("div", O9, [
27514
- p("h3", N9, C(g(e)("Themes")), 1),
27515
- p("div", H9, [
27511
+ r.value === "Themes" ? (y(), w("div", _9, [
27512
+ p("h3", O9, C(g(e)("Themes")), 1),
27513
+ p("div", N9, [
27516
27514
  (y(!0), w(J, null, ie(c.value, (T) => (y(), w("button", {
27517
27515
  key: T,
27518
27516
  onClick: (S) => d.value = T,
27519
27517
  class: V(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
27520
27518
  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"
27521
27519
  ]])
27522
- }, C(g(e)(T)), 11, R9))), 128))
27520
+ }, C(g(e)(T)), 11, H9))), 128))
27523
27521
  ]),
27524
- p("div", z9, [
27525
- p("div", F9, [
27522
+ p("div", R9, [
27523
+ p("div", z9, [
27526
27524
  (y(!0), w(J, null, ie(u.value, (T) => (y(), w("div", {
27527
27525
  key: T.title,
27528
27526
  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]",
27529
27527
  onClick: (S) => f(T.html_code)
27530
27528
  }, [
27531
- p("div", V9, [
27529
+ p("div", j9, [
27532
27530
  p("div", {
27533
27531
  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",
27534
27532
  innerHTML: T.cover_image
27535
- }, null, 8, q9)
27533
+ }, null, 8, V9)
27536
27534
  ]),
27537
- p("div", W9, [
27538
- p("h4", U9, C(g(e)(T.title)), 1),
27539
- p("div", G9, C(g(e)("Click to add theme")), 1)
27535
+ p("div", q9, [
27536
+ p("h4", W9, C(g(e)(T.title)), 1),
27537
+ p("div", U9, C(g(e)("Click to add theme")), 1)
27540
27538
  ])
27541
- ], 8, j9))), 128))
27539
+ ], 8, F9))), 128))
27542
27540
  ])
27543
27541
  ])
27544
27542
  ])) : E("", !0),
27545
27543
  r.value === "Components" ? (y(), w(J, { key: 1 }, [
27546
- p("div", K9, [
27547
- p("h3", J9, C(g(e)("Helper Components")), 1),
27548
- p("div", Y9, [
27549
- (y(!0), w(J, null, ie(g(E9), (T) => (y(), w("div", {
27544
+ p("div", G9, [
27545
+ p("h3", K9, C(g(e)("Helper Components")), 1),
27546
+ p("div", J9, [
27547
+ (y(!0), w(J, null, ie(g(M9), (T) => (y(), w("div", {
27550
27548
  key: T.title,
27551
27549
  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",
27552
27550
  onClick: (S) => b(T)
27553
27551
  }, [
27554
- p("div", X9, [
27552
+ p("div", Q9, [
27555
27553
  E("", !0),
27556
- p("h4", Z9, C(g(e)(T.title)), 1)
27554
+ p("h4", X9, C(g(e)(T.title)), 1)
27557
27555
  ]),
27558
- p("div", eI, C(g(e)("Click to add")) + " " + C(T.title.toLowerCase()) + " " + C(g(e)("component")), 1)
27559
- ], 8, Q9))), 128))
27556
+ p("div", Z9, C(g(e)("Click to add")) + " " + C(T.title.toLowerCase()) + " " + C(g(e)("component")), 1)
27557
+ ], 8, Y9))), 128))
27560
27558
  ])
27561
27559
  ]),
27562
- n.customMediaComponent ? (y(), w("div", tI, [
27563
- p("h3", nI, C(g(e)("Layout Components")), 1),
27564
- p("div", iI, [
27560
+ n.customMediaComponent ? (y(), w("div", eI, [
27561
+ p("h3", tI, C(g(e)("Layout Components")), 1),
27562
+ p("div", nI, [
27565
27563
  (y(!0), w(J, null, ie(l.value, (T) => (y(), w("button", {
27566
27564
  key: T,
27567
27565
  onClick: (S) => s.value = T,
27568
27566
  class: V(["pbx-mySecondaryButton pbx-text-xs pbx-px-4", [
27569
27567
  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"
27570
27568
  ]])
27571
- }, C(g(e)(T)), 11, rI))), 128))
27569
+ }, C(g(e)(T)), 11, iI))), 128))
27572
27570
  ]),
27573
- p("div", oI, [
27574
- p("div", sI, [
27571
+ p("div", rI, [
27572
+ p("div", oI, [
27575
27573
  (y(!0), w(J, null, ie(a.value, (T) => (y(), w("div", {
27576
27574
  key: T.title,
27577
27575
  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",
27578
27576
  onClick: (S) => b(m(T))
27579
27577
  }, [
27580
- p("div", aI, [
27578
+ p("div", lI, [
27581
27579
  p("div", {
27582
27580
  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",
27583
27581
  innerHTML: T.cover_image
27584
- }, null, 8, dI)
27582
+ }, null, 8, aI)
27585
27583
  ]),
27586
- p("div", pI, [
27587
- p("h4", cI, C(g(e)(T.title)), 1),
27588
- p("div", uI, C(g(e)("Click to add component")), 1)
27584
+ p("div", dI, [
27585
+ p("h4", pI, C(g(e)(T.title)), 1),
27586
+ p("div", cI, C(g(e)("Click to add component")), 1)
27589
27587
  ])
27590
- ], 8, lI))), 128))
27588
+ ], 8, sI))), 128))
27591
27589
  ])
27592
27590
  ])
27593
27591
  ])) : E("", !0)
@@ -27598,7 +27596,7 @@ const L9 = {
27598
27596
  ]))
27599
27597
  ]));
27600
27598
  }
27601
- }), fI = /* @__PURE__ */ Bo(hI, [["__scopeId", "data-v-b3ca55a1"]]), bI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, mI = { key: 0 }, xI = { key: 1 }, gI = {
27599
+ }), hI = /* @__PURE__ */ Bo(uI, [["__scopeId", "data-v-b3ca55a1"]]), fI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, bI = { key: 0 }, mI = { key: 1 }, xI = {
27602
27600
  __name: "BuilderComponents",
27603
27601
  props: {
27604
27602
  firstButtonText: {
@@ -27631,12 +27629,12 @@ const L9 = {
27631
27629
  maxHeight: ""
27632
27630
  }, {
27633
27631
  default: q(() => [
27634
- p("div", bI, [
27632
+ p("div", fI, [
27635
27633
  p("div", null, [
27636
- n.CustomBuilderComponents ? (y(), w("div", mI, [
27634
+ n.CustomBuilderComponents ? (y(), w("div", bI, [
27637
27635
  (y(), oe(sp(n.CustomBuilderComponents)))
27638
- ])) : (y(), w("div", xI, [
27639
- F(fI, { customMediaComponent: g(t) }, null, 8, ["customMediaComponent"])
27636
+ ])) : (y(), w("div", mI, [
27637
+ F(hI, { customMediaComponent: g(t) }, null, 8, ["customMediaComponent"])
27640
27638
  ]))
27641
27639
  ])
27642
27640
  ])
@@ -27644,7 +27642,7 @@ const L9 = {
27644
27642
  _: 1
27645
27643
  }, 8, ["title", "showModalBuilder"]));
27646
27644
  }
27647
- }, yI = { class: "pbx-flex pbx-h-full pbx-flex-col" }, vI = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, SI = { class: "pbx-font-medium pbx-text-sm" }, wI = { class: "pbx-lowercase" }, CI = { class: "pbx-mb-1" }, kI = { class: "pbx-my-1" }, TI = { class: "pbx-my-1" }, MI = { class: "pbx-my-1" }, EI = { class: "pbx-my-1" }, BI = { class: "pbx-my-1" }, LI = { class: "pbx-my-1" }, PI = { class: "pbx-my-1" }, AI = {
27645
+ }, gI = { class: "pbx-flex pbx-h-full pbx-flex-col" }, yI = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, vI = { class: "pbx-font-medium pbx-text-sm" }, SI = { class: "pbx-lowercase" }, wI = { class: "pbx-mb-1" }, CI = { class: "pbx-my-1" }, kI = { class: "pbx-my-1" }, TI = { class: "pbx-my-1" }, MI = { class: "pbx-my-1" }, EI = { class: "pbx-my-1" }, BI = { class: "pbx-my-1" }, LI = { class: "pbx-my-1" }, PI = {
27648
27646
  __name: "RightSidebarEditor",
27649
27647
  emits: ["closeEditor"],
27650
27648
  setup(n) {
@@ -27665,8 +27663,8 @@ const L9 = {
27665
27663
  function a() {
27666
27664
  s.value && (l = s.value.scrollTop);
27667
27665
  }
27668
- return (d, c) => (y(), w("div", yI, [
27669
- p("div", vI, [
27666
+ return (d, c) => (y(), w("div", gI, [
27667
+ p("div", yI, [
27670
27668
  p("button", {
27671
27669
  type: "button",
27672
27670
  onClick: c[0] || (c[0] = (u) => d.$emit("closeEditor")),
@@ -27674,9 +27672,9 @@ const L9 = {
27674
27672
  }, [...c[1] || (c[1] = [
27675
27673
  p("span", { class: "material-symbols-outlined" }, " close ", -1)
27676
27674
  ])]),
27677
- p("p", SI, [
27675
+ p("p", vI, [
27678
27676
  we(C(g(e)("Editing")) + " ", 1),
27679
- p("span", wI, "<" + C(o.value) + ">", 1)
27677
+ p("span", SI, "<" + C(o.value) + ">", 1)
27680
27678
  ])
27681
27679
  ]),
27682
27680
  p("div", {
@@ -27686,28 +27684,28 @@ const L9 = {
27686
27684
  class: "pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-overflow-y-scroll"
27687
27685
  }, [
27688
27686
  le(p("div", null, [
27689
- p("article", CI, [
27687
+ p("article", wI, [
27690
27688
  F(iC)
27691
27689
  ]),
27692
- p("article", kI, [
27690
+ p("article", CI, [
27693
27691
  F(nk)
27694
27692
  ]),
27695
- p("article", TI, [
27693
+ p("article", kI, [
27696
27694
  F(uy)
27697
27695
  ]),
27698
- p("article", MI, [
27696
+ p("article", TI, [
27699
27697
  F(hy)
27700
27698
  ]),
27701
- p("article", EI, [
27699
+ p("article", MI, [
27702
27700
  F(fy)
27703
27701
  ]),
27704
- p("article", BI, [
27702
+ p("article", EI, [
27705
27703
  F(xy)
27706
27704
  ]),
27707
- p("article", LI, [
27705
+ p("article", BI, [
27708
27706
  F(Zg)
27709
27707
  ]),
27710
- p("article", PI, [
27708
+ p("article", LI, [
27711
27709
  F(ey)
27712
27710
  ])
27713
27711
  ], 512), [
@@ -27716,34 +27714,34 @@ const L9 = {
27716
27714
  ], 544)
27717
27715
  ]));
27718
27716
  }
27719
- }, II = { class: "pbx-flex pbx-items-center pbx-justify-center" }, $I = { class: "pbx-mr-2" }, DI = {
27717
+ }, AI = { class: "pbx-flex pbx-items-center pbx-justify-center" }, II = { class: "pbx-mr-2" }, $I = {
27720
27718
  key: 0,
27721
27719
  class: "pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"
27722
- }, _I = { 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" }, OI = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, NI = {
27720
+ }, DI = { 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" }, _I = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, OI = {
27723
27721
  key: 1,
27724
27722
  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"
27725
- }, HI = { 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" }, RI = ["src"], zI = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, FI = {
27723
+ }, NI = { 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" }, HI = ["src"], RI = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, zI = {
27726
27724
  __name: "ToolbarOption",
27727
27725
  setup(n) {
27728
27726
  const e = he, t = P(() => e.getPageBuilderConfig);
27729
27727
  return (i, r) => {
27730
27728
  var o;
27731
27729
  return y(), w("div", null, [
27732
- p("div", II, [
27733
- p("div", $I, [
27734
- 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", DI, [
27735
- p("div", _I, C(typeof t.value.userForPageBuilder.name == "string" && t.value.userForPageBuilder.name[0]), 1),
27736
- p("div", OI, C(t.value.userForPageBuilder.name), 1)
27730
+ p("div", AI, [
27731
+ p("div", II, [
27732
+ 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", $I, [
27733
+ p("div", DI, C(typeof t.value.userForPageBuilder.name == "string" && t.value.userForPageBuilder.name[0]), 1),
27734
+ p("div", _I, C(t.value.userForPageBuilder.name), 1)
27737
27735
  ])) : E("", !0),
27738
- 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", NI, [
27739
- p("div", HI, [
27736
+ 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", OI, [
27737
+ p("div", NI, [
27740
27738
  p("img", {
27741
27739
  alt: "Avatar",
27742
27740
  src: `${t.value.userForPageBuilder.image}`,
27743
27741
  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"
27744
- }, null, 8, RI)
27742
+ }, null, 8, HI)
27745
27743
  ]),
27746
- p("div", zI, C(t.value.userForPageBuilder.name), 1)
27744
+ p("div", RI, C(t.value.userForPageBuilder.name), 1)
27747
27745
  ])) : E("", !0)
27748
27746
  ])
27749
27747
  ])
@@ -27752,14 +27750,14 @@ const L9 = {
27752
27750
  }
27753
27751
  };
27754
27752
  let Ps = null;
27755
- function jI() {
27753
+ function FI() {
27756
27754
  return (n, e = 300) => {
27757
27755
  Ps && clearTimeout(Ps), Ps = setTimeout(n, e);
27758
27756
  };
27759
27757
  }
27760
- const VI = {}, qI = { 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]" };
27761
- function WI(n, e) {
27762
- return y(), w("div", qI, [...e[0] || (e[0] = [
27758
+ const jI = {}, VI = { 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]" };
27759
+ function qI(n, e) {
27760
+ return y(), w("div", VI, [...e[0] || (e[0] = [
27763
27761
  p("div", { class: "pbx-absolute pbx-top-1/3" }, [
27764
27762
  p("div", { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mt-4" }, [
27765
27763
  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]" }, [
@@ -27769,7 +27767,7 @@ function WI(n, e) {
27769
27767
  ], -1)
27770
27768
  ])]);
27771
27769
  }
27772
- const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { 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" }, GI = /* @__PURE__ */ tt({
27770
+ const q0 = /* @__PURE__ */ Bo(jI, [["render", qI]]), WI = { 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" }, UI = /* @__PURE__ */ tt({
27773
27771
  __name: "UndoRedo",
27774
27772
  emits: ["toolbar-hide-request"],
27775
27773
  setup(n, { emit: e }) {
@@ -27795,7 +27793,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
27795
27793
  }, [...f[1] || (f[1] = [
27796
27794
  p("span", { class: "material-symbols-outlined" }, " undo ", -1)
27797
27795
  ])], 2),
27798
- p("div", UI, C(s.value + 1) + "/" + C(l.value), 1),
27796
+ p("div", WI, C(s.value + 1) + "/" + C(l.value), 1),
27799
27797
  p("div", {
27800
27798
  onClick: u,
27801
27799
  class: V(["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", [
@@ -27807,76 +27805,76 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
27807
27805
  ])
27808
27806
  ], 64));
27809
27807
  }
27810
- }), KI = { 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" }, JI = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, YI = {
27808
+ }), GI = { 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" }, KI = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, JI = {
27811
27809
  key: 0,
27812
27810
  class: "pbx-myPrimaryParagraphError"
27813
- }, QI = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, XI = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, ZI = { 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" }, e$ = {
27811
+ }, YI = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, QI = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, XI = { 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" }, ZI = {
27814
27812
  key: 1,
27815
27813
  class: "pbx-flex pbx-items-center pbx-my-2 pbx-justify-end"
27816
- }, t$ = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, n$ = {
27814
+ }, e$ = { class: "pbx-flex pbx-justify-end pbx-min-h-6" }, t$ = {
27817
27815
  key: 0,
27818
27816
  class: "pbx-myPrimaryParagraphError"
27819
- }, i$ = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, r$ = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, o$ = { 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" }, s$ = {
27817
+ }, n$ = { class: "pbx-border-0 pbx-border-solid pbx-border-t pbx-border-gray-200 pbx-flex pbx-items-center pbx-justify-end" }, i$ = { class: "pbx-py-4 pbx-flex sm:pbx-justify-end pbx-justify-center" }, r$ = { 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" }, o$ = {
27820
27818
  key: 1,
27821
27819
  class: "pbx-flex pbx-items-center pbx-my-2 pbx-justify-end"
27822
- }, l$ = {
27820
+ }, s$ = {
27823
27821
  id: "pagebuilder-navbar",
27824
27822
  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"
27825
- }, a$ = ["src"], d$ = { class: "pbx-flex pbx-items-center pbx-justify-center" }, p$ = ["disabled"], c$ = {
27823
+ }, l$ = ["src"], a$ = { class: "pbx-flex pbx-items-center pbx-justify-center" }, d$ = ["disabled"], p$ = {
27826
27824
  key: 0,
27827
27825
  class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
27828
- }, u$ = {
27826
+ }, c$ = {
27829
27827
  key: 1,
27830
27828
  class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
27831
- }, h$ = ["disabled"], f$ = {
27829
+ }, u$ = ["disabled"], h$ = {
27832
27830
  key: 0,
27833
27831
  class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
27834
- }, b$ = {
27832
+ }, f$ = {
27835
27833
  key: 1,
27836
27834
  class: "pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"
27837
- }, m$ = { class: "lg:pbx-block pbx-hidden" }, x$ = { class: "lg:pbx-hidden pbx-block" }, g$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200" }, y$ = { class: "lg:pbx-block pbx-hidden" }, v$ = { class: "pbx-whitespace-nowrap pbx-cursor-pointer" }, S$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mr-2" }, w$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, C$ = { 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" }, k$ = {
27835
+ }, b$ = { class: "lg:pbx-block pbx-hidden" }, m$ = { class: "lg:pbx-hidden pbx-block" }, x$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200" }, g$ = { class: "lg:pbx-block pbx-hidden" }, y$ = { class: "pbx-whitespace-nowrap pbx-cursor-pointer" }, v$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mr-2" }, S$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, w$ = { 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" }, C$ = {
27838
27836
  fill: "currentColor",
27839
27837
  height: "22",
27840
27838
  viewBox: "0 0 22 22",
27841
27839
  width: "22",
27842
27840
  xmlns: "http://www.w3.org/2000/svg",
27843
27841
  style: { display: "block" }
27844
- }, T$ = { class: "lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center" }, M$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, E$ = { 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" }, B$ = {
27842
+ }, k$ = { class: "lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center" }, T$ = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2" }, M$ = { 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" }, E$ = {
27845
27843
  fill: "currentColor",
27846
27844
  height: "22",
27847
27845
  viewBox: "0 0 22 22",
27848
27846
  width: "22",
27849
27847
  xmlns: "http://www.w3.org/2000/svg",
27850
27848
  style: { display: "block" }
27851
- }, L$ = { class: "pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end" }, P$ = {
27849
+ }, B$ = { class: "pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end" }, L$ = {
27852
27850
  key: 0,
27853
27851
  class: "pbx-flex-1 pbx-ml-2"
27854
- }, A$ = {
27852
+ }, P$ = {
27855
27853
  key: 0,
27856
27854
  class: "pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"
27857
- }, I$ = ["value"], $$ = ["value"], D$ = {
27855
+ }, A$ = ["value"], I$ = ["value"], $$ = {
27858
27856
  key: 2,
27859
27857
  class: "pbx-flex-1 pbx-ml-2 pbx-mr-2"
27860
- }, _$ = {
27858
+ }, D$ = {
27861
27859
  id: "pagebuilder-main",
27862
27860
  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"
27863
- }, O$ = { class: "pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch" }, N$ = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, H$ = {
27861
+ }, _$ = { class: "pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch" }, O$ = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, N$ = {
27864
27862
  id: "pbxEditToolbar",
27865
27863
  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-relative"
27866
- }, R$ = {
27864
+ }, H$ = {
27867
27865
  id: "pagebuilder",
27868
27866
  class: "pbx-text-black pbx-font-sans"
27869
- }, z$ = ["innerHTML", "onMouseup"], F$ = {
27867
+ }, R$ = ["innerHTML", "onMouseup"], z$ = {
27870
27868
  fill: "currentColor",
27871
27869
  height: "22",
27872
27870
  viewBox: "0 0 22 22",
27873
27871
  width: "22",
27874
27872
  xmlns: "http://www.w3.org/2000/svg",
27875
27873
  style: { display: "block" }
27876
- }, j$ = {
27874
+ }, F$ = {
27877
27875
  id: "pagebuilder-footer",
27878
27876
  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"
27879
- }, V$ = { class: "lg:pbx-block pbx-hidden" }, q$ = { class: "pbx-whitespace-nowrap" }, Y$ = {
27877
+ }, j$ = { class: "lg:pbx-block pbx-hidden" }, V$ = { class: "pbx-whitespace-nowrap" }, J$ = {
27880
27878
  __name: "PageBuilder",
27881
27879
  props: {
27882
27880
  CustomMediaLibraryComponent: {
@@ -27946,7 +27944,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
27946
27944
  style: se.value.getAttribute("style"),
27947
27945
  class: se.value.getAttribute("class"),
27948
27946
  dataImage: se.value.getAttribute("data-image")
27949
- }), ir = jI();
27947
+ }), ir = FI();
27950
27948
  Y(nr, async (K, L) => {
27951
27949
  ((K == null ? void 0 : K.src) !== (L == null ? void 0 : L.src) || (K == null ? void 0 : K.href) !== (L == null ? void 0 : L.href) || (K == null ? void 0 : K.style) !== (L == null ? void 0 : L.style) || (K == null ? void 0 : K.class) !== (L == null ? void 0 : L.class) || (K == null ? void 0 : K.dataImage) !== (L == null ? void 0 : L.dataImage)) && ir(async () => {
27952
27950
  await t.initializeElementStyles();
@@ -28034,7 +28032,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28034
28032
  attributes: !0,
28035
28033
  attributeFilter: ["selected"]
28036
28034
  }), window.addEventListener("scroll", pr), window.addEventListener("resize", pr), await ve(1e4), Ko(), await ve(1e4), Ko(), await ve(1e4), Ko();
28037
- }), (K, L) => (y(), w("div", KI, [
28035
+ }), (K, L) => (y(), w("div", GI, [
28038
28036
  or.value && !$.value || b.value ? (y(), oe(q0, { key: 0 })) : E("", !0),
28039
28037
  F($t, {
28040
28038
  title: "The builder hasn’t started yet",
@@ -28049,7 +28047,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28049
28047
  ])]),
28050
28048
  _: 1
28051
28049
  }, 8, ["showModalBuilder"]),
28052
- _.value ? (y(), oe(gI, {
28050
+ _.value ? (y(), oe(xI, {
28053
28051
  key: 1,
28054
28052
  show: _.value,
28055
28053
  firstButtonText: He.value,
@@ -28135,12 +28133,12 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28135
28133
  }, null, 512), [
28136
28134
  [Bn, ar.value]
28137
28135
  ]),
28138
- p("div", JI, [
28139
- Mt.value ? (y(), w("p", YI, " Error: " + C(Mt.value), 1)) : E("", !0)
28136
+ p("div", KI, [
28137
+ Mt.value ? (y(), w("p", JI, " Error: " + C(Mt.value), 1)) : E("", !0)
28140
28138
  ]),
28141
- p("div", QI, [
28142
- p("div", XI, [
28143
- p("div", ZI, [
28139
+ p("div", YI, [
28140
+ p("div", QI, [
28141
+ p("div", XI, [
28144
28142
  gt.value ? E("", !0) : (y(), w(J, { key: 0 }, [
28145
28143
  p("button", {
28146
28144
  onClick: Go,
@@ -28153,7 +28151,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28153
28151
  class: "pbx-myPrimaryButton"
28154
28152
  }, C(g(r)("Save")), 1)
28155
28153
  ], 64)),
28156
- gt.value ? (y(), w("div", e$, [...L[26] || (L[26] = [
28154
+ gt.value ? (y(), w("div", ZI, [...L[26] || (L[26] = [
28157
28155
  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]" }, [
28158
28156
  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...")
28159
28157
  ], -1)
@@ -28171,12 +28169,12 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28171
28169
  }, null, 512), [
28172
28170
  [Bn, dr.value]
28173
28171
  ]),
28174
- p("div", t$, [
28175
- Mt.value ? (y(), w("p", n$, " Error: " + C(Mt.value), 1)) : E("", !0)
28172
+ p("div", e$, [
28173
+ Mt.value ? (y(), w("p", t$, " Error: " + C(Mt.value), 1)) : E("", !0)
28176
28174
  ]),
28177
- p("div", i$, [
28178
- p("div", r$, [
28179
- p("div", o$, [
28175
+ p("div", n$, [
28176
+ p("div", i$, [
28177
+ p("div", r$, [
28180
28178
  gt.value ? E("", !0) : (y(), w(J, { key: 0 }, [
28181
28179
  p("button", {
28182
28180
  onClick: Go,
@@ -28189,7 +28187,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28189
28187
  class: "pbx-myPrimaryButton"
28190
28188
  }, C(g(r)("Save")), 1)
28191
28189
  ], 64)),
28192
- gt.value ? (y(), w("div", s$, [...L[27] || (L[27] = [
28190
+ gt.value ? (y(), w("div", o$, [...L[27] || (L[27] = [
28193
28191
  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]" }, [
28194
28192
  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...")
28195
28193
  ], -1)
@@ -28201,7 +28199,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28201
28199
  ]),
28202
28200
  _: 1
28203
28201
  }, 8, ["showModalBuilder", "title"]),
28204
- p("div", l$, [
28202
+ p("div", s$, [
28205
28203
  x.value && x.value.pageBuilderLogo && x.value.pageBuilderLogo.src ? (y(), w("div", {
28206
28204
  key: 0,
28207
28205
  onClick: L[2] || (L[2] = Xe(
@@ -28216,9 +28214,9 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28216
28214
  class: "pbx-h-6",
28217
28215
  src: x.value.pageBuilderLogo.src,
28218
28216
  alt: "Logo"
28219
- }, null, 8, a$)
28217
+ }, null, 8, l$)
28220
28218
  ])) : E("", !0),
28221
- F(GI, { onToolbarHideRequest: Q0 }),
28219
+ F(UI, { onToolbarHideRequest: Q0 }),
28222
28220
  p("div", {
28223
28221
  onClick: L[5] || (L[5] = Xe(
28224
28222
  async () => {
@@ -28228,7 +28226,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28228
28226
  )),
28229
28227
  class: "pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"
28230
28228
  }, [
28231
- p("div", d$, [
28229
+ p("div", a$, [
28232
28230
  p("button", {
28233
28231
  class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",
28234
28232
  onClick: L[3] || (L[3] = Xe(
@@ -28240,17 +28238,17 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28240
28238
  type: "button",
28241
28239
  disabled: jn.value
28242
28240
  }, [
28243
- jn.value ? E("", !0) : (y(), w("div", c$, [...L[28] || (L[28] = [
28241
+ jn.value ? E("", !0) : (y(), w("div", p$, [...L[28] || (L[28] = [
28244
28242
  p("span", { class: "material-symbols-outlined" }, "save", -1)
28245
28243
  ])])),
28246
- jn.value ? (y(), w("div", u$, [...L[29] || (L[29] = [
28244
+ jn.value ? (y(), w("div", c$, [...L[29] || (L[29] = [
28247
28245
  p("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
28248
28246
  p("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" }),
28249
28247
  p("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
28250
28248
  ], -1)
28251
28249
  ])])) : E("", !0),
28252
28250
  p("div", null, C(g(r)("Save")), 1)
28253
- ], 8, p$),
28251
+ ], 8, d$),
28254
28252
  x.value && x.value.updateOrCreate && x.value.updateOrCreate.formType === "update" ? (y(), w("button", {
28255
28253
  key: 0,
28256
28254
  class: "pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",
@@ -28263,22 +28261,22 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28263
28261
  type: "button",
28264
28262
  disabled: hn.value
28265
28263
  }, [
28266
- hn.value ? E("", !0) : (y(), w("div", f$, [...L[30] || (L[30] = [
28264
+ hn.value ? E("", !0) : (y(), w("div", h$, [...L[30] || (L[30] = [
28267
28265
  p("span", { class: "material-symbols-outlined" }, " settings_backup_restore ", -1)
28268
28266
  ])])),
28269
- hn.value ? (y(), w("div", b$, [...L[31] || (L[31] = [
28267
+ hn.value ? (y(), w("div", f$, [...L[31] || (L[31] = [
28270
28268
  p("span", { class: "pbx-relative pbx-flex pbx-size-3" }, [
28271
28269
  p("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" }),
28272
28270
  p("span", { class: "pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200" })
28273
28271
  ], -1)
28274
28272
  ])])) : E("", !0),
28275
- p("div", m$, [
28273
+ p("div", b$, [
28276
28274
  p("span", null, C(g(r)("Reset Page")), 1)
28277
28275
  ]),
28278
- p("div", x$, [
28276
+ p("div", m$, [
28279
28277
  p("span", null, C(g(r)("Reset")), 1)
28280
28278
  ])
28281
- ], 8, h$)) : E("", !0)
28279
+ ], 8, u$)) : E("", !0)
28282
28280
  ])
28283
28281
  ]),
28284
28282
  p("div", {
@@ -28305,25 +28303,25 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28305
28303
  g(l).setComponentArrayAddMethod("unshift"), ut();
28306
28304
  })
28307
28305
  }, [
28308
- p("div", g$, [
28309
- p("span", y$, [
28310
- p("div", v$, C(g(r)("Add new Components")), 1)
28306
+ p("div", x$, [
28307
+ p("span", g$, [
28308
+ p("div", y$, C(g(r)("Add new Components")), 1)
28311
28309
  ]),
28312
28310
  L[32] || (L[32] = p("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" }, [
28313
28311
  p("span", { class: "pbx-myMediumIcon material-symbols-outlined" }, " interests ")
28314
28312
  ], -1))
28315
28313
  ])
28316
28314
  ]),
28317
- p("div", S$, [
28315
+ p("div", v$, [
28318
28316
  p("div", {
28319
28317
  onClick: L[7] || (L[7] = async () => {
28320
28318
  g(l).setMenuRight(!1), g(l).setElement(null), await g(t).clearHtmlSelection(), H();
28321
28319
  })
28322
28320
  }, [
28323
- p("div", w$, [
28324
- p("span", C$, [
28321
+ p("div", S$, [
28322
+ p("span", w$, [
28325
28323
  p("span", null, [
28326
- (y(), w("svg", k$, [...L[33] || (L[33] = [
28324
+ (y(), w("svg", C$, [...L[33] || (L[33] = [
28327
28325
  p("path", {
28328
28326
  "clip-rule": "evenodd",
28329
28327
  d: "M2 3h18v13h-8v2h3v2H7v-2h3v-2H2V3zm2 2v9h14V5H4z",
@@ -28335,15 +28333,15 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28335
28333
  ])
28336
28334
  ])
28337
28335
  ]),
28338
- p("div", T$, [
28336
+ p("div", k$, [
28339
28337
  p("div", {
28340
28338
  onClick: L[8] || (L[8] = async () => {
28341
28339
  g(l).setMenuRight(!1), g(l).setElement(null), await g(t).clearHtmlSelection(), z();
28342
28340
  })
28343
28341
  }, [
28344
- p("div", M$, [
28345
- p("span", E$, [
28346
- (y(), w("svg", B$, [...L[34] || (L[34] = [
28342
+ p("div", T$, [
28343
+ p("span", M$, [
28344
+ (y(), w("svg", E$, [...L[34] || (L[34] = [
28347
28345
  p("path", { d: "M14 16H8v2h6v-2z" }, null, -1),
28348
28346
  p("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)
28349
28347
  ])]))
@@ -28353,7 +28351,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28353
28351
  ])
28354
28352
  ])
28355
28353
  ]),
28356
- p("div", L$, [
28354
+ p("div", B$, [
28357
28355
  p("div", {
28358
28356
  onClick: L[11] || (L[11] = Xe(
28359
28357
  async () => {
@@ -28363,9 +28361,9 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28363
28361
  )),
28364
28362
  class: V(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full", [n.showCloseButton ? "pbx-justify-between" : "pbx-justify-end"]])
28365
28363
  }, [
28366
- F(FI)
28364
+ F(zI)
28367
28365
  ], 2),
28368
- n.showPublishButton ? (y(), w("div", P$, [
28366
+ n.showPublishButton ? (y(), w("div", L$, [
28369
28367
  p("button", {
28370
28368
  class: "pbx-myPrimaryButton",
28371
28369
  onClick: L[12] || (L[12] = async () => {
@@ -28374,7 +28372,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28374
28372
  }, C(g(r)("Publish")), 1)
28375
28373
  ])) : E("", !0),
28376
28374
  g(t) && x.value && x.value.userSettings && x.value.userSettings.language && !x.value.userSettings.language.disableLanguageDropDown ? (y(), w(J, { key: 1 }, [
28377
- x.value && x.value.userSettings && x.value.userSettings.language ? (y(), w("div", A$, [
28375
+ x.value && x.value.userSettings && x.value.userSettings.language ? (y(), w("div", P$, [
28378
28376
  le(p("select", {
28379
28377
  id: "pbx-lang",
28380
28378
  class: "pbx-myPrimarySelect pbx-min-w-20",
@@ -28383,17 +28381,17 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28383
28381
  Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length >= 1 ? (y(!0), w(J, { key: 0 }, ie(g(t).availableLanguage().filter((ce) => x.value.userSettings.language.enable.includes(ce)), (ce) => (y(), w("option", {
28384
28382
  key: ce,
28385
28383
  value: ce
28386
- }, C(ce), 9, I$))), 128)) : E("", !0),
28384
+ }, C(ce), 9, A$))), 128)) : E("", !0),
28387
28385
  !x.value.userSettings.language.enable || Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length === 0 ? (y(!0), w(J, { key: 1 }, ie(g(t).availableLanguage(), (ce) => (y(), w("option", {
28388
28386
  key: ce,
28389
28387
  value: ce
28390
- }, C(ce), 9, $$))), 128)) : E("", !0)
28388
+ }, C(ce), 9, I$))), 128)) : E("", !0)
28391
28389
  ], 512), [
28392
28390
  [Se, h.value]
28393
28391
  ])
28394
28392
  ])) : E("", !0)
28395
28393
  ], 64)) : E("", !0),
28396
- n.showCloseButton ? (y(), w("div", D$, [
28394
+ n.showCloseButton ? (y(), w("div", $$, [
28397
28395
  p("button", {
28398
28396
  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",
28399
28397
  onClick: L[14] || (L[14] = async () => {
@@ -28405,7 +28403,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28405
28403
  ])) : E("", !0)
28406
28404
  ])
28407
28405
  ]),
28408
- p("div", _$, [
28406
+ p("div", D$, [
28409
28407
  p("div", {
28410
28408
  onClick: L[17] || (L[17] = Xe(
28411
28409
  async () => {
@@ -28416,8 +28414,8 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28416
28414
  id: "pagebuilder-left-menu",
28417
28415
  class: "pbx-w-16 pbx-pt-7 pbx-pb-2 pbx-bg-myPrimaryLightGrayColor pbx-rounded-r-2xl pbx-shadow-sm"
28418
28416
  }, [
28419
- p("div", O$, [
28420
- p("div", N$, [
28417
+ p("div", _$, [
28418
+ p("div", O$, [
28421
28419
  p("button", {
28422
28420
  type: "button",
28423
28421
  onClick: L[15] || (L[15] = () => {
@@ -28436,7 +28434,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28436
28434
  ["self"]
28437
28435
  ))
28438
28436
  }, [
28439
- F(M9)
28437
+ F(T9)
28440
28438
  ])
28441
28439
  ])
28442
28440
  ]),
@@ -28446,10 +28444,10 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28446
28444
  id: "page-builder-wrapper",
28447
28445
  class: V(["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")]])
28448
28446
  }, [
28449
- p("div", H$, [
28450
- se.value ? (y(), oe(XP, { key: 0 })) : E("", !0)
28447
+ p("div", N$, [
28448
+ se.value ? (y(), oe(QP, { key: 0 })) : E("", !0)
28451
28449
  ]),
28452
- p("div", R$, [
28450
+ p("div", H$, [
28453
28451
  (y(!0), w(J, null, ie(Wo.value, (ce) => (y(), w(J, {
28454
28452
  key: ce.id
28455
28453
  }, [
@@ -28457,7 +28455,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28457
28455
  key: 0,
28458
28456
  innerHTML: ce.html_code,
28459
28457
  onMouseup: (cr) => rr(ce)
28460
- }, null, 40, z$)) : E("", !0)
28458
+ }, null, 40, R$)) : E("", !0)
28461
28459
  ], 64))), 128))
28462
28460
  ])
28463
28461
  ], 2),
@@ -28475,7 +28473,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28475
28473
  v.value ? "pbx-w-80 pbx-bg-myPrimaryLightGrayColor pbx-items-stretch" : "bpx-w-0 pbx-mr-0"
28476
28474
  ]])
28477
28475
  }, [
28478
- F(AI, {
28476
+ F(PI, {
28479
28477
  onCloseEditor: L[18] || (L[18] = (ce) => g(l).setMenuRight(!1))
28480
28478
  })
28481
28479
  ], 2)) : (y(), w("div", {
@@ -28504,7 +28502,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28504
28502
  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"
28505
28503
  }, [
28506
28504
  p("span", null, [
28507
- (y(), w("svg", F$, [...L[37] || (L[37] = [
28505
+ (y(), w("svg", z$, [...L[37] || (L[37] = [
28508
28506
  p("g", { "clip-path": "url(#prefix__clip0_1645_485)" }, [
28509
28507
  p("path", {
28510
28508
  "clip-rule": "evenodd",
@@ -28529,15 +28527,15 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28529
28527
  _: 1
28530
28528
  })
28531
28529
  ]),
28532
- p("div", j$, [
28530
+ p("div", F$, [
28533
28531
  p("div", {
28534
28532
  onClick: L[22] || (L[22] = () => {
28535
28533
  g(l).setComponentArrayAddMethod("push"), ut();
28536
28534
  }),
28537
28535
  class: "pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"
28538
28536
  }, [
28539
- p("span", V$, [
28540
- p("div", q$, C(g(r)("Add to the bottom")), 1)
28537
+ p("span", j$, [
28538
+ p("div", V$, C(g(r)("Add to the bottom")), 1)
28541
28539
  ]),
28542
28540
  L[38] || (L[38] = p("div", { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, [
28543
28541
  p("button", {
@@ -28551,7 +28549,7 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28551
28549
  ])
28552
28550
  ]));
28553
28551
  }
28554
- }, Q$ = {
28552
+ }, Y$ = {
28555
28553
  install: (n) => {
28556
28554
  if (!n.config.globalProperties.$pageBuilder) {
28557
28555
  const e = he, t = new $1(e);
@@ -28560,13 +28558,13 @@ const q0 = /* @__PURE__ */ Bo(VI, [["render", WI]]), UI = { class: "pbx-text-xs
28560
28558
  }
28561
28559
  };
28562
28560
  export {
28563
- Y$ as PageBuilder,
28561
+ J$ as PageBuilder,
28564
28562
  Sa as Preview,
28565
28563
  MS as createPinia,
28566
28564
  Ee as getPageBuilder,
28567
- Q$ as pageBuilder,
28565
+ Y$ as pageBuilder,
28568
28566
  Xg as sharedPageBuilderPinia,
28569
28567
  he as sharedPageBuilderStore,
28570
- B9 as usePageBuilderModal,
28568
+ E9 as usePageBuilderModal,
28571
28569
  AS as usePageBuilderStateStore
28572
28570
  };