@myissue/vue-website-page-builder 3.5.10 → 3.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/services/PageBuilderService.d.ts +1 -0
  2. package/dist/vue-website-page-builder.js +82 -67
  3. package/dist/vue-website-page-builder.umd.cjs +4 -4
  4. package/package.json +1 -1
package/dist/services/PageBuilderService.d.ts CHANGED
@@ -518,6 +518,7 @@ export declare class PageBuilderService {
518
518
  */
519
519
  syncDomToStoreOnly(): Promise<void>;
520
520
  generateHtmlFromComponents(): Promise<string>;
521
+ generateFullPageHtml(): Promise<string>;
521
522
  /**
522
523
  * Saves the current DOM state of components to local storage.
523
524
  * @private
package/dist/vue-website-page-builder.js CHANGED
@@ -2,7 +2,7 @@ var mP = Object.defineProperty;
2
2
  var uP = (r, e, t) => e in r ? mP(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
3
3
  var me = (r, e, t) => uP(r, typeof e != "symbol" ? e + "" : e, t);
4
4
  import * as vd from "vue";
5
- import { defineComponent as ne, computed as O, openBlock as v, createBlock as be, Teleport as yp, createElementVNode as d, createElementBlock as k, normalizeClass as q, toDisplayString as y, renderSlot as Hr, createCommentVNode as $, ref as T, watchEffect as xi, Fragment as Q, withCtx as G, readonly as xP, effectScope as yb, markRaw as zr, toRaw as Xe, watch as Z, unref as h, hasInjectionContext as gP, inject as Ur, getCurrentInstance as vb, reactive as hP, isRef as ln, isReactive as vp, toRef as Fs, nextTick as oe, getCurrentScope as fP, onScopeDispose as yP, toRefs as wd, createVNode as j, Transition as fr, withModifiers as Ae, normalizeStyle as Rt, renderList as se, shallowRef as vP, onMounted as Wr, onBeforeUnmount as wb, h as go, customRef as wP, withDirectives as he, vModelSelect as et, onBeforeMount as SP, vModelText as gr, provide as Dr, resolveDynamicComponent as Sb, cloneVNode as kP, onUnmounted as kb, createTextVNode as Ie, createStaticVNode as wp, withKeys as Sa, vShow as Ll } from "vue";
5
+ import { defineComponent as ne, computed as O, openBlock as v, createBlock as be, Teleport as yp, createElementVNode as d, createElementBlock as k, normalizeClass as q, toDisplayString as y, renderSlot as Hr, createCommentVNode as $, ref as T, watchEffect as xi, Fragment as Q, withCtx as G, readonly as xP, effectScope as yb, markRaw as zr, toRaw as Xe, watch as Z, unref as h, hasInjectionContext as gP, inject as Ur, getCurrentInstance as vb, reactive as hP, isRef as ln, isReactive as vp, toRef as Fs, nextTick as oe, getCurrentScope as fP, onScopeDispose as yP, toRefs as wd, createVNode as j, Transition as fr, withModifiers as Ae, normalizeStyle as Rt, renderList as se, shallowRef as vP, onMounted as Wr, onBeforeUnmount as wb, h as go, customRef as wP, withDirectives as he, vModelSelect as et, onBeforeMount as SP, vModelText as gr, provide as Dr, resolveDynamicComponent as Sb, cloneVNode as kP, onUnmounted as kb, createTextVNode as De, createStaticVNode as wp, withKeys as Sa, vShow as Ll } from "vue";
6
6
  const CP = {
7
7
  id: "pbx-modal",
8
8
  class: "pbx-font-sans"
@@ -309,7 +309,7 @@ let El = null;
309
309
  function zP(r) {
310
310
  El = r;
311
311
  }
312
- function De() {
312
+ function Ie() {
313
313
  if (!El)
314
314
  throw new Error(
315
315
  "PageBuilder has not been initialized. Please call app.use(pageBuilder) in your main application file."
@@ -6880,7 +6880,7 @@ const NL = /* @__PURE__ */ zL("pageBuilderState", {
6880
6880
  }
6881
6881
  }), P4 = DL(), Se = NL(P4), Or = function(r) {
6882
6882
  return !r || typeof r == "object" && r.constructor === Object && Object.keys(r).length === 0;
6883
- }, RL = "3.5.10", FL = { 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" }, jL = { 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" }, VL = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, qL = { class: "pbx-myQuaternaryHeader" }, UL = { class: "pbx-myPrimaryParagraph pbx-text-xs" }, WL = { class: "pbx-px-2" }, GL = { class: "pbx-mt-8" }, KL = { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, JL = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, YL = { class: "pbx-overflow-x-auto" }, QL = { class: "pbx-min-w-full" }, XL = { class: "pbx-bg-gray-50" }, ZL = {
6883
+ }, RL = "3.5.11", FL = { 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" }, jL = { 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" }, VL = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-gap-1" }, qL = { class: "pbx-myQuaternaryHeader" }, UL = { class: "pbx-myPrimaryParagraph pbx-text-xs" }, WL = { class: "pbx-px-2" }, GL = { class: "pbx-mt-8" }, KL = { class: "pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2" }, JL = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, YL = { class: "pbx-overflow-x-auto" }, QL = { class: "pbx-min-w-full" }, XL = { class: "pbx-bg-gray-50" }, ZL = {
6884
6884
  scope: "col",
6885
6885
  class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-font-medium pbx-text-gray-500 pbx-uppercase pbx-tracking-wider"
6886
6886
  }, eE = {
@@ -7328,7 +7328,7 @@ const NL = /* @__PURE__ */ zL("pageBuilderState", {
7328
7328
  }, q8 = { class: "pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center" }, U8 = /* @__PURE__ */ ne({
7329
7329
  __name: "ComponentTopMenu",
7330
7330
  setup(r) {
7331
- const { translate: e } = ve(), t = De(), o = T(!1), i = T(!1), n = T(""), a = T(1), s = T(""), l = T(""), p = T(""), c = T(null), b = T(null), m = T(null), u = T(null), x = T(null), g = function() {
7331
+ const { translate: e } = ve(), t = Ie(), o = T(!1), i = T(!1), n = T(""), a = T(1), s = T(""), l = T(""), p = T(""), c = T(null), b = T(null), m = T(null), u = T(null), x = T(null), g = function() {
7332
7332
  i.value = !0, n.value = "delete", a.value = 2, s.value = e("Remove all Components"), l.value = e("Are you sure you want to remove all Components?"), p.value = e("Close"), c.value = null, b.value = e("Delete"), m.value = function() {
7333
7333
  i.value = !1;
7334
7334
  }, u.value = function() {
@@ -26759,7 +26759,7 @@ const ri = {
26759
26759
  }, F_ = /* @__PURE__ */ ne({
26760
26760
  __name: "TypographyForTipTap",
26761
26761
  setup(r) {
26762
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = T(null), b = O(() => o.getFontBase), m = O(() => o.getFontDesktop), u = O(() => o.getFontTablet), x = O(() => o.getFontMobile), g = O(() => o.getFontWeight), f = O(() => o.getFontFamily), w = O(() => o.getFontStyle);
26762
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = T(null), b = O(() => o.getFontBase), m = O(() => o.getFontDesktop), u = O(() => o.getFontTablet), x = O(() => o.getFontMobile), g = O(() => o.getFontWeight), f = O(() => o.getFontFamily), w = O(() => o.getFontStyle);
26763
26763
  return Z(
26764
26764
  b,
26765
26765
  async (C) => {
@@ -26875,7 +26875,7 @@ const ri = {
26875
26875
  }, U_ = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, W_ = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, G_ = { key: 0 }, K_ = { class: "pbx-rounded-lg pbx-px-2" }, J_ = { class: "pbx-flex pbx-flex-wrap pbx-items-center pbx-gap-2 pbx-border-solid pbx-px-4 pbx-border pbx-border-gray-200 pbx-mb-4 pbx-py-2" }, Y_ = /* @__PURE__ */ ne({
26876
26876
  __name: "TipTapInput",
26877
26877
  setup(r) {
26878
- const e = De(), { translate: t } = ve(), o = Se, i = T(!1), n = T(""), a = T(1), s = T(""), l = T(""), p = T(""), c = T(null), b = T(null), m = T(null), u = T(null), x = T(null), g = O(() => o.getElement), f = T(""), w = O(() => S.value ? S.value.getHTML() : null), C = T(0);
26878
+ const e = Ie(), { translate: t } = ve(), o = Se, i = T(!1), n = T(""), a = T(1), s = T(""), l = T(""), p = T(""), c = T(null), b = T(null), m = T(null), u = T(null), x = T(null), g = O(() => o.getElement), f = T(""), w = O(() => S.value ? S.value.getHTML() : null), C = T(0);
26879
26879
  Z(g, (R) => {
26880
26880
  const z = document.createElement("div");
26881
26881
  if (R) {
@@ -28516,7 +28516,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
28516
28516
  class: "pbx-myPrimaryButton pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-w-full pbx-cursor-pointer"
28517
28517
  }, [
28518
28518
  P[1] || (P[1] = d("span", { class: "material-symbols-outlined pbx-text-base pbx-leading-none" }, " colorize ", -1)),
28519
- Ie(" " + y(h(e)("Color wheel")), 1)
28519
+ De(" " + y(h(e)("Color wheel")), 1)
28520
28520
  ], 8, QH)
28521
28521
  ]),
28522
28522
  d("input", {
@@ -28542,7 +28542,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
28542
28542
  onClick: S
28543
28543
  }, [
28544
28544
  P[2] || (P[2] = d("span", { class: "material-symbols-outlined pbx-text-base pbx-leading-none" }, "restart_alt", -1)),
28545
- Ie(" " + y(h(e)("Reset")), 1)
28545
+ De(" " + y(h(e)("Reset")), 1)
28546
28546
  ])
28547
28547
  ])
28548
28548
  ]),
@@ -28584,7 +28584,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
28584
28584
  }
28585
28585
  },
28586
28586
  setup(r) {
28587
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(!1), a = O(() => o.getTextColor), s = O(() => o.getPageBuilderConfig), { enabledThemeColorPresets: l } = gd(s), p = O(() => {
28587
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(!1), a = O(() => o.getTextColor), s = O(() => o.getPageBuilderConfig), { enabledThemeColorPresets: l } = gd(s), p = O(() => {
28588
28588
  var b;
28589
28589
  return (b = i.value) != null && b.startsWith("custom:") ? i.value.replace("custom:", "") : "";
28590
28590
  });
@@ -28779,7 +28779,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
28779
28779
  }
28780
28780
  },
28781
28781
  setup(r) {
28782
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(!1), a = O(() => o.getBackgroundColor), s = O(() => o.getPageBuilderConfig), { enabledThemeColorPresets: l } = gd(s), p = O(() => {
28782
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(!1), a = O(() => o.getBackgroundColor), s = O(() => o.getPageBuilderConfig), { enabledThemeColorPresets: l } = gd(s), p = O(() => {
28783
28783
  var b;
28784
28784
  return (b = i.value) != null && b.startsWith("custom:") ? i.value.replace("custom:", "") : "";
28785
28785
  });
@@ -29001,7 +29001,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29001
29001
  __name: "EditGetElement",
29002
29002
  emits: ["open-global-page-settings", "open-image-settings"],
29003
29003
  setup(r, { emit: e }) {
29004
- const { translate: t } = ve(), o = De(), i = e, n = Se, a = Ur("CustomMediaComponent", null), s = O(() => n.getElement);
29004
+ const { translate: t } = ve(), o = Ie(), i = e, n = Se, a = Ur("CustomMediaComponent", null), s = O(() => n.getElement);
29005
29005
  O(() => {
29006
29006
  var K;
29007
29007
  return (K = s.value) == null ? void 0 : K.tagName;
@@ -29440,7 +29440,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29440
29440
  onFirstModalButtonFunctionDynamicModalBuilder: I[13] || (I[13] = (W) => w.value = !1)
29441
29441
  }, {
29442
29442
  default: G(() => [
29443
- I[34] || (I[34] = d("header", null, null, -1)),
29443
+ I[33] || (I[33] = d("header", null, null, -1)),
29444
29444
  d("main", null, [
29445
29445
  d("div", Uz, [
29446
29446
  d("div", Wz, [
@@ -29449,7 +29449,6 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29449
29449
  d("p", Jz, y(h(t)("Full-width component")), 1),
29450
29450
  d("p", Yz, y(h(t)("Stretch across browser width")), 1)
29451
29451
  ]),
29452
- I[33] || (I[33] = Ie(" hii ", -1)),
29453
29452
  j(Mn, {
29454
29453
  "model-value": P.value,
29455
29454
  "onUpdate:modelValue": E
@@ -29473,7 +29472,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29473
29472
  onFirstModalButtonFunctionDynamicModalBuilder: I[14] || (I[14] = (W) => m.value = !1)
29474
29473
  }, {
29475
29474
  default: G(() => [
29476
- I[36] || (I[36] = d("header", null, null, -1)),
29475
+ I[35] || (I[35] = d("header", null, null, -1)),
29477
29476
  d("main", null, [
29478
29477
  d("div", Qz, [
29479
29478
  d("div", Xz, [
@@ -29516,7 +29515,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29516
29515
  ]),
29517
29516
  d("div", iN, [
29518
29517
  d("div", nN, [
29519
- I[35] || (I[35] = d("span", { class: "material-symbols-outlined pbx-text-xl pbx-text-myPrimaryDarkGrayColor" }, "photo_library", -1)),
29518
+ I[34] || (I[34] = d("span", { class: "material-symbols-outlined pbx-text-xl pbx-text-myPrimaryDarkGrayColor" }, "photo_library", -1)),
29520
29519
  d("p", aN, y(h(t)("Number of images")), 1)
29521
29520
  ]),
29522
29521
  d("div", sN, [
@@ -29540,14 +29539,14 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29540
29539
  key: 9,
29541
29540
  class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white",
29542
29541
  onClick: I[15] || (I[15] = (W) => Ct.value = !Ct.value)
29543
- }, [...I[37] || (I[37] = [
29542
+ }, [...I[36] || (I[36] = [
29544
29543
  d("span", { class: "material-symbols-outlined" }, " more_horiz ", -1)
29545
29544
  ])])) : $("", !0),
29546
29545
  s.value && Pe.value ? (v(), k("div", {
29547
29546
  key: 10,
29548
29547
  class: "pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor pbx-bg-gray-100 pbx-rounded-xl hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white",
29549
29548
  onClick: I[16] || (I[16] = (W) => h(o).clearHtmlSelection())
29550
- }, [...I[38] || (I[38] = [
29549
+ }, [...I[37] || (I[37] = [
29551
29550
  d("span", { class: "material-symbols-outlined" }, " close_small", -1)
29552
29551
  ])])) : $("", !0)
29553
29552
  ], 2)
@@ -29560,7 +29559,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29560
29559
  d("div", cN, [
29561
29560
  d("div", bN, [
29562
29561
  d("p", mN, y(h(t)("Layout & order")), 1),
29563
- I[39] || (I[39] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29562
+ I[38] || (I[38] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29564
29563
  ]),
29565
29564
  s.value && Pe.value ? (v(), k("div", {
29566
29565
  key: 0,
@@ -29574,7 +29573,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29574
29573
  class: q(["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 pbx-border pbx-border-gray-500", [
29575
29574
  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"
29576
29575
  ]])
29577
- }, [...I[40] || (I[40] = [
29576
+ }, [...I[39] || (I[39] = [
29578
29577
  d("span", { class: "material-symbols-outlined" }, " move_up ", -1)
29579
29578
  ])], 2),
29580
29579
  d("div", xN, y(h(t)("Move up")), 1)
@@ -29591,7 +29590,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29591
29590
  class: q(["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 pbx-border pbx-border-gray-500", [
29592
29591
  p.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer pbx-border" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
29593
29592
  ]])
29594
- }, [...I[41] || (I[41] = [
29593
+ }, [...I[40] || (I[40] = [
29595
29594
  d("span", { class: "material-symbols-outlined" }, " move_down ", -1)
29596
29595
  ])], 2),
29597
29596
  d("div", hN, y(h(t)("Move down")), 1)
@@ -29601,21 +29600,21 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29601
29600
  onClick: I[19] || (I[19] = (W) => h(o).reverseComponentLayout()),
29602
29601
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-gray-100 pbx-py-2 pbx-px-2 pbx-rounded-full"
29603
29602
  }, [
29604
- I[42] || (I[42] = d("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 pbx-border pbx-border-gray-500" }, [
29603
+ I[41] || (I[41] = d("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 pbx-border pbx-border-gray-500" }, [
29605
29604
  d("span", { class: "material-symbols-outlined" }, " swap_horiz ")
29606
29605
  ], -1)),
29607
29606
  d("div", fN, y(h(t)("Reverse layout")), 1)
29608
29607
  ])) : $("", !0),
29609
29608
  d("div", yN, [
29610
29609
  d("p", vN, y(h(t)("Element actions")), 1),
29611
- I[43] || (I[43] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29610
+ I[42] || (I[42] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29612
29611
  ]),
29613
29612
  s.value && Pe.value && s.value.tagName !== "SECTION" ? (v(), k("div", {
29614
29613
  key: 3,
29615
29614
  onClick: I[20] || (I[20] = (W) => Hn()),
29616
29615
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-gray-100 pbx-py-2 pbx-px-2 pbx-rounded-full"
29617
29616
  }, [
29618
- I[44] || (I[44] = d("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 pbx-border pbx-border-gray-500" }, [
29617
+ I[43] || (I[43] = d("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 pbx-border pbx-border-gray-500" }, [
29619
29618
  d("span", { class: "material-symbols-outlined" }, " content_copy ")
29620
29619
  ], -1)),
29621
29620
  d("div", wN, y(h(t)("Duplicate element")), 1)
@@ -29625,14 +29624,14 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29625
29624
  onClick: I[21] || (I[21] = (W) => zo()),
29626
29625
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-200 pbx-py-2 pbx-px-2 pbx-rounded-full"
29627
29626
  }, [
29628
- I[45] || (I[45] = d("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor pbx-border pbx-border-gray-500" }, [
29627
+ I[44] || (I[44] = d("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor pbx-border pbx-border-gray-500" }, [
29629
29628
  d("span", { class: "material-symbols-outlined" }, " delete ")
29630
29629
  ], -1)),
29631
29630
  d("div", SN, y(h(t)("Delete element")), 1)
29632
29631
  ])) : $("", !0),
29633
29632
  d("div", kN, [
29634
29633
  d("p", CN, y(h(t)("Component actions")), 1),
29635
- I[46] || (I[46] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29634
+ I[45] || (I[45] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29636
29635
  ]),
29637
29636
  s.value && Pe.value ? (v(), k("div", {
29638
29637
  key: 5,
@@ -29643,7 +29642,7 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29643
29642
  }, [
29644
29643
  d("div", TN, [
29645
29644
  d("span", null, [
29646
- (v(), k("svg", MN, [...I[47] || (I[47] = [
29645
+ (v(), k("svg", MN, [...I[46] || (I[46] = [
29647
29646
  d("path", {
29648
29647
  "clip-rule": "evenodd",
29649
29648
  d: "M2 16V2h14v4h4v14H6v-4H2zM4 4h10v10H4V4zm4 12v2h10V8h-2v8H8z",
@@ -29659,41 +29658,41 @@ const zH = ["aria-checked"], Mn = /* @__PURE__ */ ne({
29659
29658
  onClick: I[23] || (I[23] = (W) => _n()),
29660
29659
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-red-200 pbx-py-2 pbx-px-2 pbx-rounded-full"
29661
29660
  }, [
29662
- I[48] || (I[48] = d("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor pbx-border pbx-border-gray-500" }, [
29661
+ I[47] || (I[47] = d("div", { class: "ppbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center pbx-aspect-square hover:pbx-bg-myPrimaryErrorColor hover:pbx-text-white pbx-text-myPrimaryErrorColor pbx-border pbx-border-gray-500" }, [
29663
29662
  d("span", { class: "material-symbols-outlined" }, " delete_forever ")
29664
29663
  ], -1)),
29665
29664
  d("div", LN, y(h(t)("Delete component")), 1)
29666
29665
  ])) : $("", !0),
29667
29666
  d("div", EN, [
29668
29667
  d("p", AN, y(h(t)("Theme & colors")), 1),
29669
- I[49] || (I[49] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29668
+ I[48] || (I[48] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29670
29669
  ]),
29671
29670
  d("div", {
29672
29671
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-py-2 pbx-px-2 pbx-rounded-full pbx-cursor-pointer hover:pbx-bg-gray-50",
29673
29672
  onClick: I[24] || (I[24] = Ae((W) => No.value = !0, ["stop"]))
29674
29673
  }, [
29675
- I[50] || (I[50] = d("div", { class: "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 hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer pbx-border pbx-border-gray-500" }, [
29674
+ I[49] || (I[49] = d("div", { class: "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 hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-cursor-pointer pbx-border pbx-border-gray-500" }, [
29676
29675
  d("span", { class: "material-symbols-outlined" }, " palette ")
29677
29676
  ], -1)),
29678
29677
  d("div", $N, y(h(t)("Theme Color Presets")), 1)
29679
29678
  ]),
29680
29679
  d("div", BN, [
29681
29680
  d("p", IN, y(h(t)("Advanced tools")), 1),
29682
- I[51] || (I[51] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29681
+ I[50] || (I[50] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29683
29682
  ]),
29684
29683
  s.value && Pe.value ? (v(), k("div", {
29685
29684
  key: 7,
29686
29685
  onClick: _s,
29687
29686
  class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-cursor-pointer hover:pbx-bg-gray-100 pbx-py-2 pbx-px-2 pbx-rounded-full"
29688
29687
  }, [
29689
- I[52] || (I[52] = d("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 pbx-border pbx-border-gray-500" }, [
29688
+ I[51] || (I[51] = d("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 pbx-border pbx-border-gray-500" }, [
29690
29689
  d("span", { class: "material-symbols-outlined" }, " deployed_code ")
29691
29690
  ], -1)),
29692
29691
  d("div", DN, y(h(t)("HTML Editor")), 1)
29693
29692
  ])) : $("", !0),
29694
29693
  d("div", ON, [
29695
29694
  d("p", _N, y(h(t)("Page settings")), 1),
29696
- I[53] || (I[53] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29695
+ I[52] || (I[52] = d("div", { class: "pbx-border-t pbx-border-gray-300 pbx-w-full" }, null, -1))
29697
29696
  ]),
29698
29697
  s.value && Pe.value ? (v(), k("div", {
29699
29698
  key: 8,
@@ -30428,7 +30427,7 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30428
30427
  }
30429
30428
  },
30430
30429
  setup(r) {
30431
- const { translate: e } = ve(), t = De(), o = T(!1), i = T(""), n = T("Components"), a = O(() => ["Components", "Themes"]), s = T("All"), l = T("All"), p = O(() => {
30430
+ const { translate: e } = ve(), t = Ie(), o = T(!1), i = T(""), n = T("Components"), a = O(() => ["Components", "Themes"]), s = T("All"), l = T("All"), p = O(() => {
30432
30431
  const P = Sl.map((D) => D.category);
30433
30432
  return ["All", ...new Set(P)];
30434
30433
  }), c = O(() => {
@@ -30724,7 +30723,7 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30724
30723
  }, eP = /* @__PURE__ */ ne({
30725
30724
  __name: "ClassEditor",
30726
30725
  setup(r) {
30727
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = O(() => o.getCurrentClasses);
30726
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = O(() => o.getCurrentClasses);
30728
30727
  Z(
30729
30728
  n,
30730
30729
  (p) => {
@@ -30748,7 +30747,7 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30748
30747
  };
30749
30748
  return (p, c) => (v(), be(vr, null, {
30750
30749
  title: G(() => [
30751
- Ie(y(h(e)("Generated CSS")), 1)
30750
+ De(y(h(e)("Generated CSS")), 1)
30752
30751
  ]),
30753
30752
  content: G(() => [
30754
30753
  d("p", WR, y(h(e)(
@@ -30770,9 +30769,9 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30770
30769
  c[3] || (c[3] = d("hr", null, null, -1)),
30771
30770
  d("div", QR, [
30772
30771
  d("label", XR, [
30773
- Ie(y(h(e)("Add your CSS.")) + " ", 1),
30772
+ De(y(h(e)("Add your CSS.")) + " ", 1),
30774
30773
  c[2] || (c[2] = d("br", null, null, -1)),
30775
- Ie(" " + y(h(e)("The pbx- prefix is added automatically.")), 1)
30774
+ De(" " + y(h(e)("The pbx- prefix is added automatically.")), 1)
30776
30775
  ]),
30777
30776
  d("div", ZR, [
30778
30777
  he(d("input", {
@@ -30807,7 +30806,7 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30807
30806
  }, tP = /* @__PURE__ */ ne({
30808
30807
  __name: "StyleEditor",
30809
30808
  setup(r) {
30810
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = O(() => o.getCurrentStyles);
30809
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = O(() => o.getCurrentStyles);
30811
30810
  Z(
30812
30811
  n,
30813
30812
  (m) => {
@@ -30831,7 +30830,7 @@ const UN = /* @__PURE__ */ As(jN, [["render", qN]]), WN = ["srcdoc"], GN = {
30831
30830
  };
30832
30831
  return (m, u) => (v(), be(vr, null, {
30833
30832
  title: G(() => [
30834
- Ie(y(h(e)("Inline Styles")), 1)
30833
+ De(y(h(e)("Inline Styles")), 1)
30835
30834
  ]),
30836
30835
  content: G(() => [
30837
30836
  d("p", rF, y(h(e)(
@@ -30991,7 +30990,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
30991
30990
  }, TF = /* @__PURE__ */ ne({
30992
30991
  __name: "ManageBackgroundOpacity",
30993
30992
  setup(r) {
30994
- const e = De(), { translate: t } = ve(), o = Se, i = T(null), n = O(() => o.getBackgroundOpacity);
30993
+ const e = Ie(), { translate: t } = ve(), o = Se, i = T(null), n = O(() => o.getBackgroundOpacity);
30995
30994
  return Z(
30996
30995
  n,
30997
30996
  async (a) => {
@@ -31091,7 +31090,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31091
31090
  }, OF = /* @__PURE__ */ ne({
31092
31091
  __name: "ManageOpacity",
31093
31092
  setup(r) {
31094
- const e = De(), { translate: t } = ve(), o = Se, i = T(null), n = O(() => o.getOpacity);
31093
+ const e = Ie(), { translate: t } = ve(), o = Se, i = T(null), n = O(() => o.getOpacity);
31095
31094
  return Z(
31096
31095
  n,
31097
31096
  async (a) => {
@@ -31185,7 +31184,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31185
31184
  const { translate: e } = ve();
31186
31185
  return (t, o) => (v(), be(vr, null, {
31187
31186
  title: G(() => [
31188
- Ie(y(h(e)("Opacity & Transparency")), 1)
31187
+ De(y(h(e)("Opacity & Transparency")), 1)
31189
31188
  ]),
31190
31189
  content: G(() => [
31191
31190
  j(OF),
@@ -31646,7 +31645,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31646
31645
  }, tj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, rj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-8" }, oj = { class: "pbx-text-[9px] pbx-text-green-500 pbx-leading-none pbx-mb-0.5" }, ij = { class: "pbx-text-xs pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, nj = { class: "pbx-bg-white pbx-border pbx-border-green-200 pbx-rounded-lg pbx-h-10 pbx-flex pbx-items-center pbx-justify-center pbx-mx-1" }, aj = { class: "pbx-text-[10px] pbx-text-gray-300 pbx-select-none" }, sj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, lj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-8" }, pj = { class: "pbx-text-[9px] pbx-text-green-500 pbx-leading-none pbx-mb-0.5" }, dj = { class: "pbx-text-xs pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, cj = { class: "pbx-flex pbx-justify-center pbx-mt-2" }, bj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, mj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-14" }, uj = { class: "pbx-text-[10px] pbx-text-green-500 pbx-leading-none pbx-mb-0.5" }, xj = { class: "pbx-text-sm pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, rP = /* @__PURE__ */ ne({
31647
31646
  __name: "PaddingControl",
31648
31647
  setup(r) {
31649
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = O(() => o.getFontVerticalPadding), b = O(() => o.getFontHorizontalPadding), m = O(() => o.getFontTopPadding), u = O(() => o.getFontRightPadding), x = O(() => o.getFontBottomPadding), g = O(() => o.getFontLeftPadding);
31648
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = O(() => o.getFontVerticalPadding), b = O(() => o.getFontHorizontalPadding), m = O(() => o.getFontTopPadding), u = O(() => o.getFontRightPadding), x = O(() => o.getFontBottomPadding), g = O(() => o.getFontLeftPadding);
31650
31649
  Z(
31651
31650
  c,
31652
31651
  async (B) => {
@@ -31735,7 +31734,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31735
31734
  }
31736
31735
  return (B, M) => (v(), be(vr, null, {
31737
31736
  title: G(() => [
31738
- Ie(y(h(e)("Padding")), 1)
31737
+ De(y(h(e)("Padding")), 1)
31739
31738
  ]),
31740
31739
  content: G(() => [
31741
31740
  d("div", HF, [
@@ -31872,7 +31871,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31872
31871
  }, Dj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, Oj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-8" }, _j = { class: "pbx-text-[9px] pbx-text-orange-400 pbx-leading-none pbx-mb-0.5" }, Hj = { class: "pbx-text-xs pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, zj = { class: "pbx-bg-white pbx-border pbx-border-orange-200 pbx-rounded-lg pbx-h-10 pbx-flex pbx-items-center pbx-justify-center pbx-mx-1" }, Nj = { class: "pbx-text-[10px] pbx-text-gray-300 pbx-select-none" }, Rj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, Fj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-8" }, jj = { class: "pbx-text-[9px] pbx-text-orange-400 pbx-leading-none pbx-mb-0.5" }, Vj = { class: "pbx-text-xs pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, qj = { class: "pbx-flex pbx-justify-center pbx-mt-2" }, Uj = { class: "pbx-flex pbx-items-center pbx-justify-center pbx-mb-2 pbx-border pbx-border-gray-200 pbx-rounded-xl pbx-py-4 pbx-px-1 pbx-bg-white" }, Wj = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-w-14" }, Gj = { class: "pbx-text-[10px] pbx-text-orange-400 pbx-leading-none pbx-mb-0.5" }, Kj = { class: "pbx-text-sm pbx-font-semibold pbx-text-gray-700 pbx-tabular-nums" }, oP = /* @__PURE__ */ ne({
31873
31872
  __name: "MarginControl",
31874
31873
  setup(r) {
31875
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = O(() => o.getFontVerticalMargin), b = O(() => o.getFontHorizontalMargin), m = O(() => o.getFontTopMargin), u = O(() => o.getFontRightMargin), x = O(() => o.getFontBottomMargin), g = O(() => o.getFontLeftMargin);
31874
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = O(() => o.getFontVerticalMargin), b = O(() => o.getFontHorizontalMargin), m = O(() => o.getFontTopMargin), u = O(() => o.getFontRightMargin), x = O(() => o.getFontBottomMargin), g = O(() => o.getFontLeftMargin);
31876
31875
  Z(
31877
31876
  c,
31878
31877
  async (B) => {
@@ -31961,7 +31960,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
31961
31960
  }
31962
31961
  return (B, M) => (v(), be(vr, null, {
31963
31962
  title: G(() => [
31964
- Ie(y(h(e)("Margin")), 1)
31963
+ De(y(h(e)("Margin")), 1)
31965
31964
  ]),
31966
31965
  content: G(() => [
31967
31966
  d("div", gj, [
@@ -32181,7 +32180,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32181
32180
  }, iP = /* @__PURE__ */ ne({
32182
32181
  __name: "BorderRadius",
32183
32182
  setup(r) {
32184
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = O(() => o.getBorderRadiusGlobal), c = O(() => o.getBorderRadiusTopLeft), b = O(() => o.getBorderRadiusTopRight), m = O(() => o.getBorderRadiusBottomleft), u = O(() => o.getBorderRadiusBottomRight);
32183
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = O(() => o.getBorderRadiusGlobal), c = O(() => o.getBorderRadiusTopLeft), b = O(() => o.getBorderRadiusTopRight), m = O(() => o.getBorderRadiusBottomleft), u = O(() => o.getBorderRadiusBottomRight);
32185
32184
  return Z(
32186
32185
  p,
32187
32186
  async (x) => {
@@ -32214,7 +32213,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32214
32213
  { immediate: !0 }
32215
32214
  ), (x, g) => (v(), be(vr, null, {
32216
32215
  title: G(() => [
32217
- Ie(y(h(e)("Border Radius")), 1)
32216
+ De(y(h(e)("Border Radius")), 1)
32218
32217
  ]),
32219
32218
  content: G(() => [
32220
32219
  d("p", Jj, y(h(e)("Global")), 1),
@@ -32566,7 +32565,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32566
32565
  }, nP = /* @__PURE__ */ ne({
32567
32566
  __name: "Borders",
32568
32567
  setup(r) {
32569
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = O(() => o.getBorderStyle), l = O(() => o.getBorderWidth), p = O(() => o.getBorderColor);
32568
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = O(() => o.getBorderStyle), l = O(() => o.getBorderWidth), p = O(() => o.getBorderColor);
32570
32569
  return Z(
32571
32570
  s,
32572
32571
  async (c) => {
@@ -32587,7 +32586,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32587
32586
  { immediate: !0 }
32588
32587
  ), (c, b) => (v(), be(vr, null, {
32589
32588
  title: G(() => [
32590
- Ie(y(h(e)("Border Style, Width & Color")), 1)
32589
+ De(y(h(e)("Border Style, Width & Color")), 1)
32591
32590
  ]),
32592
32591
  content: G(() => [
32593
32592
  d("p", bV, y(h(e)("Border")), 1),
@@ -32733,7 +32732,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32733
32732
  }, jV = /* @__PURE__ */ ne({
32734
32733
  __name: "Typography",
32735
32734
  setup(r) {
32736
- const { translate: e } = ve(), t = De(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = T(null), b = O(() => o.getFontBase), m = O(() => o.getFontDesktop), u = O(() => o.getFontTablet), x = O(() => o.getFontMobile), g = O(() => o.getFontWeight), f = O(() => o.getFontFamily), w = O(() => o.getFontStyle);
32735
+ const { translate: e } = ve(), t = Ie(), o = Se, i = T(null), n = T(null), a = T(null), s = T(null), l = T(null), p = T(null), c = T(null), b = O(() => o.getFontBase), m = O(() => o.getFontDesktop), u = O(() => o.getFontTablet), x = O(() => o.getFontMobile), g = O(() => o.getFontWeight), f = O(() => o.getFontFamily), w = O(() => o.getFontStyle);
32737
32736
  return Z(
32738
32737
  b,
32739
32738
  async (C) => {
@@ -32778,7 +32777,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32778
32777
  { immediate: !0 }
32779
32778
  ), (C, S) => (v(), be(vr, null, {
32780
32779
  title: G(() => [
32781
- Ie(y(h(e)("Typographies")), 1)
32780
+ De(y(h(e)("Typographies")), 1)
32782
32781
  ]),
32783
32782
  content: G(() => [
32784
32783
  d("p", EV, y(h(e)("Font Appearance")), 1),
@@ -32858,7 +32857,7 @@ const uF = ["src"], xF = /* @__PURE__ */ ne({
32858
32857
  };
32859
32858
  return (i, n) => (v(), be(vr, null, {
32860
32859
  title: G(() => [
32861
- Ie(y(h(t)("HTML Editor")), 1)
32860
+ De(y(h(t)("HTML Editor")), 1)
32862
32861
  ]),
32863
32862
  content: G(() => [
32864
32863
  d("div", VV, [
@@ -32930,7 +32929,7 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
32930
32929
  }
32931
32930
  },
32932
32931
  setup(r) {
32933
- const { translate: e } = ve(), t = De(), o = Se, i = O(() => o.getElement), n = T(0), a = O(() => (n.value, t.isGlobalFullWidth())), s = async (w) => {
32932
+ const { translate: e } = ve(), t = Ie(), o = Se, i = O(() => o.getElement), n = T(0), a = O(() => (n.value, t.isGlobalFullWidth())), s = async (w) => {
32934
32933
  const C = t.setGlobalFullWidth(w);
32935
32934
  n.value++, await C;
32936
32935
  }, l = O(() => o.getComponent), p = O(() => o.getComponents), c = T("element"), b = function(w) {
@@ -33179,7 +33178,7 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
33179
33178
  ]),
33180
33179
  d("p", Eq, [
33181
33180
  d("span", null, y(h(e)("Component type:")), 1),
33182
- Ie(" " + y(typeof l.value), 1)
33181
+ De(" " + y(typeof l.value), 1)
33183
33182
  ]),
33184
33183
  d("p", Aq, [
33185
33184
  d("span", null, y(h(e)("Components:")), 1),
@@ -33305,12 +33304,12 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
33305
33304
  d("tr", null, [
33306
33305
  d("td", PU, [
33307
33306
  d("pre", LU, [
33308
- C[21] || (C[21] = Ie(" ", -1)),
33307
+ C[21] || (C[21] = De(" ", -1)),
33309
33308
  d("code", {
33310
33309
  class: "pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",
33311
33310
  innerHTML: m((M = l.value) == null ? void 0 : M.html_code)
33312
33311
  }, null, 8, EU),
33313
- C[22] || (C[22] = Ie(`
33312
+ C[22] || (C[22] = De(`
33314
33313
  `, -1))
33315
33314
  ])
33316
33315
  ])
@@ -33370,12 +33369,12 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
33370
33369
  d("tr", null, [
33371
33370
  d("td", XU, [
33372
33371
  d("pre", ZU, [
33373
- C[23] || (C[23] = Ie(" ", -1)),
33372
+ C[23] || (C[23] = De(" ", -1)),
33374
33373
  d("code", {
33375
33374
  class: "pbx-font-sans pbx-w-full",
33376
33375
  innerHTML: m(R.html_code)
33377
33376
  }, null, 8, eW),
33378
- C[24] || (C[24] = Ie(`
33377
+ C[24] || (C[24] = De(`
33379
33378
  `, -1))
33380
33379
  ])
33381
33380
  ])
@@ -33401,7 +33400,7 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
33401
33400
  __name: "RightSidebarEditor",
33402
33401
  emits: ["closeEditor"],
33403
33402
  setup(r) {
33404
- const { translate: e } = ve(), t = De(), o = Se, i = O(() => o.getElement), n = O(() => {
33403
+ const { translate: e } = ve(), t = Ie(), o = Se, i = O(() => o.getElement), n = O(() => {
33405
33404
  var u;
33406
33405
  return (u = i.value) == null ? void 0 : u.tagName;
33407
33406
  }), a = T(null);
@@ -33436,7 +33435,7 @@ const WV = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-ga
33436
33435
  d("span", { class: "material-symbols-outlined" }, " close ", -1)
33437
33436
  ])]),
33438
33437
  d("p", oW, [
33439
- Ie(y(h(e)("Editing")) + " ", 1),
33438
+ De(y(h(e)("Editing")) + " ", 1),
33440
33439
  d("span", iW, "<" + y(n.value) + ">", 1)
33441
33440
  ])
33442
33441
  ]),
@@ -33570,7 +33569,7 @@ const lP = /* @__PURE__ */ As(CW, [["render", TW]]), MW = { class: "pbx-text-sm
33570
33569
  show: { type: Boolean }
33571
33570
  },
33572
33571
  setup(r) {
33573
- const e = r, { translate: t } = ve(), o = De(), i = Se, n = T(0), a = T(""), s = T(""), l = T(!1), p = [
33572
+ const e = r, { translate: t } = ve(), o = Ie(), i = Se, n = T(0), a = T(""), s = T(""), l = T(!1), p = [
33574
33573
  ["pbx-object-top-left", "pbx-object-top", "pbx-object-top-right"],
33575
33574
  ["pbx-object-left", "pbx-object-center", "pbx-object-right"],
33576
33575
  ["pbx-object-bottom-left", "pbx-object-bottom", "pbx-object-bottom-right"]
@@ -33723,7 +33722,7 @@ const lP = /* @__PURE__ */ As(CW, [["render", TW]]), MW = { class: "pbx-text-sm
33723
33722
  __name: "UndoRedo",
33724
33723
  emits: ["toolbar-hide-request"],
33725
33724
  setup(r, { emit: e }) {
33726
- const t = De(), o = e, i = Se, n = O(() => i.getIsLoadingGlobal), a = O(() => i.getHistoryIndex), s = O(() => i.getHistoryLength), l = O(() => a.value > 0), p = O(() => a.value < s.value - 1), c = async function() {
33725
+ const t = Ie(), o = e, i = Se, n = O(() => i.getIsLoadingGlobal), a = O(() => i.getHistoryIndex), s = O(() => i.getHistoryLength), l = O(() => a.value > 0), p = O(() => a.value < s.value - 1), c = async function() {
33727
33726
  l.value && (o("toolbar-hide-request"), await t.undo(), await t.clearHtmlSelection());
33728
33727
  }, b = async function() {
33729
33728
  p.value && (o("toolbar-hide-request"), await t.redo(), await t.clearHtmlSelection());
@@ -33867,7 +33866,7 @@ const lP = /* @__PURE__ */ As(CW, [["render", TW]]), MW = { class: "pbx-text-sm
33867
33866
  },
33868
33867
  emits: ["handleClosePageBuilder", "handlePublishPageBuilder"],
33869
33868
  setup(r, { emit: e }) {
33870
- const t = De(), o = r, { translate: i, loadTranslations: n } = ve(), a = P4, s = Se;
33869
+ const t = Ie(), o = r, { translate: i, loadTranslations: n } = ve(), a = P4, s = Se;
33871
33870
  Dr("pageBuilderStateStore", s), Dr("internalPinia", a), Dr("CustomMediaComponent", o.CustomMediaLibraryComponent), Dr("CustomBuilderComponents", o.CustomBuilderComponents);
33872
33871
  const l = e, p = T(1), c = T(""), b = T(!1), m = T(""), u = T(""), x = T(""), g = T(null), f = T(null), w = T(null), C = T(null), S = T(null), L = async function() {
33873
33872
  c.value = "warning", b.value = !0, m.value = i("Continue Your Work?"), u.value = i(
@@ -33967,7 +33966,7 @@ const lP = /* @__PURE__ */ As(CW, [["render", TW]]), MW = { class: "pbx-text-sm
33967
33966
  Ot.value = it.value;
33968
33967
  return;
33969
33968
  }
33970
- _t.value = await t.generateHtmlFromComponents();
33969
+ _t.value = await t.generateFullPageHtml();
33971
33970
  }
33972
33971
  });
33973
33972
  const Le = () => {
@@ -34050,7 +34049,7 @@ const lP = /* @__PURE__ */ As(CW, [["render", TW]]), MW = { class: "pbx-text-sm
34050
34049
  noBackgroundOpacity: !0
34051
34050
  }, {
34052
34051
  default: G(() => [...H[33] || (H[33] = [
34053
- Ie(" The builder hasn’t started yet. If this screen doesn’t go away soon, it may just need a little setup in the background. You can safely contact support and ask them to initialize the builder by running the startBuilder method for this resource. ", -1)
34052
+ De(" The builder hasn’t started yet. If this screen doesn’t go away soon, it may just need a little setup in the background. You can safely contact support and ask them to initialize the builder by running the startBuilder method for this resource. ", -1)
34054
34053
  ])]),
34055
34054
  _: 1
34056
34055
  }, 8, ["showModalBuilder"]),
@@ -36195,6 +36194,22 @@ class iK {
36195
36194
  return Array.isArray(e) ? (await oe(), await this.addListenersToEditableElements(), e.map((t) => t.html_code.replace(/data-componentid="[^"]*"/g, "").replace(/\s{2,}/g, " ")).join(`
36196
36195
  `)) : "";
36197
36196
  }
36197
+ async generateFullPageHtml() {
36198
+ await this.syncDomToStoreOnly(), await oe();
36199
+ const e = this.pageBuilderStateStore.getComponents;
36200
+ if (!Array.isArray(e))
36201
+ return "";
36202
+ await oe(), await this.addListenersToEditableElements();
36203
+ const t = this.readCurrentPageSettings() ?? this._lastKnownPageSettings, o = document.createElement("div");
36204
+ return o.setAttribute("id", "pagebuilder"), t != null && t.classes && o.setAttribute("class", t.classes), t != null && t.style && o.setAttribute("style", t.style), e.forEach((i) => {
36205
+ const s = new DOMParser().parseFromString(i.html_code, "text/html").querySelector("section");
36206
+ if (s) {
36207
+ s.removeAttribute("data-componentid"), o.appendChild(document.importNode(s, !0));
36208
+ return;
36209
+ }
36210
+ o.insertAdjacentHTML("beforeend", i.html_code);
36211
+ }), o.outerHTML;
36212
+ }
36198
36213
  /**
36199
36214
  * Saves the current DOM state of components to local storage.
36200
36215
  * @private
@@ -37023,7 +37038,7 @@ export {
37023
37038
  Sd as Preview,
37024
37039
  YM as buildStorageKey,
37025
37040
  DL as createPinia,
37026
- De as getPageBuilder,
37041
+ Ie as getPageBuilder,
37027
37042
  yK as pageBuilder,
37028
37043
  hK as resetThemeColorPresets,
37029
37044
  P4 as sharedPageBuilderPinia,