@myissue/vue-website-page-builder 3.4.52 → 3.4.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue-website-page-builder.js +55 -69
  3. package/dist/vue-website-page-builder.umd.cjs +6 -6
  4. package/package.json +1 -1
package/dist/vue-website-page-builder.js CHANGED
@@ -7076,7 +7076,7 @@ const AS = /* @__PURE__ */ PS("pageBuilderState", {
7076
7076
  }, Uw = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, Gw = { class: "pbx-overflow-x-auto" }, Kw = { class: "pbx-w-max" }, Jw = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, Yw = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, Qw = { class: "pbx-min-w-[30rem] pbx-w-max" }, Xw = { key: 0 }, Zw = { key: 1 }, e2 = { key: 0 }, t2 = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, n2 = { class: "pbx-min-w-[30rem] pbx-w-max" }, i2 = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, r2 = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, o2 = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, s2 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, l2 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, a2 = {
7077
7077
  __name: "PageBuilderSettings",
7078
7078
  setup(n) {
7079
- const e = "3.4.52", t = he, i = P(() => t.getPageBuilderConfig);
7079
+ const e = "3.4.54", t = he, i = P(() => t.getPageBuilderConfig);
7080
7080
  return (r, o) => {
7081
7081
  var s, l, a, d, c, u, h, f, b, m, x, v, T, S, M, B;
7082
7082
  return y(), w("div", IS, [
@@ -9034,7 +9034,8 @@ const HC = { class: "pbx-my-2 pbx-py-2" }, RC = { class: "pbx-relative" }, zC =
9034
9034
  })) : E("", !0),
9035
9035
  n.globalPageLayout ? E("", !0) : (y(), oe(g(In), {
9036
9036
  key: 1,
9037
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
9037
+ as: "div",
9038
+ 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"
9038
9039
  }, {
9039
9040
  default: q(() => [
9040
9041
  p("div", Rk, [
@@ -9167,7 +9168,8 @@ const HC = { class: "pbx-my-2 pbx-py-2" }, RC = { class: "pbx-relative" }, zC =
9167
9168
  })) : E("", !0),
9168
9169
  n.globalPageLayout ? E("", !0) : (y(), oe(g(In), {
9169
9170
  key: 1,
9170
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
9171
+ as: "div",
9172
+ 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"
9171
9173
  }, {
9172
9174
  default: q(() => {
9173
9175
  var a;
@@ -25177,7 +25179,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25177
25179
  }, lP = {
25178
25180
  key: 0,
25179
25181
  class: "pbx-min-h-[2.5rem] pbx-flex pbx-items-center pbx-justify-start"
25180
- }, aP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, dP = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, pP = { key: 0 }, cP = { class: "pbx-relative pbx-rounded-lg pbx-px-2" }, uP = { 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" }, hP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-mr-6" }, fP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, bP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, mP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, xP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, gP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, yP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, vP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, SP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, wP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, CP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, kP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5" }, TP = { class: "pbx-py-1 pbx-px-1 pbx-flex pbx-items-center pbx-gap-2 pbx-border pbxborder-gray-100 pbx-my-0.5 pbx-mx-0.5 pbx-relative" }, MP = {
25182
+ }, aP = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, dP = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, pP = { key: 0 }, cP = { class: "pbx-relative pbx-rounded-lg pbx-px-2" }, uP = { 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" }, hP = { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-mr-6" }, fP = { 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" }, 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-gap-2 pbx-border-solid pbx-border pbx-border-gray-300 pbx-my-0.5 pbx-mx-0.5 pbx-relative pbx-select-none" }, MP = {
25181
25183
  key: 0,
25182
25184
  class: "pbx-top-full pbx-absolute pbx-z-40 pbx-left-1/2 pbx-transform pbx--translate-x-1/2 pbx-w-72 pbx-select-none"
25183
25185
  }, EP = { 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-mx-4 pbx-pl-2 pbx-pr-4" }, BP = {
@@ -25292,9 +25294,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25292
25294
  p("div", cP, [
25293
25295
  p("div", uP, [
25294
25296
  p("div", hP, [
25295
- p("button", {
25297
+ p("div", {
25296
25298
  onClick: O[1] || (O[1] = (ne) => g(e).toggleTipTapModal(!1)),
25297
- type: "button",
25298
25299
  class: "pbx-myPrimaryTag pbx-cursor-pointer"
25299
25300
  }, [
25300
25301
  O[13] || (O[13] = p("span", { class: "material-symbols-outlined" }, " save ", -1)),
@@ -25302,10 +25303,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25302
25303
  ])
25303
25304
  ]),
25304
25305
  p("div", fP, [
25305
- p("button", {
25306
+ p("div", {
25306
25307
  onClick: O[2] || (O[2] = (ne) => g(S).chain().focus().toggleBold().run()),
25307
- type: "button",
25308
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25308
+ class: V(["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", {
25309
25309
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("bold")
25310
25310
  }])
25311
25311
  }, [...O[14] || (O[14] = [
@@ -25313,10 +25313,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25313
25313
  ])], 2)
25314
25314
  ]),
25315
25315
  p("div", bP, [
25316
- p("button", {
25316
+ p("div", {
25317
25317
  onClick: N,
25318
- type: "button",
25319
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25318
+ class: V(["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", {
25320
25319
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("link")
25321
25320
  }])
25322
25321
  }, [...O[15] || (O[15] = [
@@ -25324,10 +25323,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25324
25323
  ])], 2)
25325
25324
  ]),
25326
25325
  p("div", mP, [
25327
- p("button", {
25326
+ p("div", {
25328
25327
  onClick: O[3] || (O[3] = (ne) => g(S).chain().focus().toggleHeading({ level: 2 }).run()),
25329
- type: "button",
25330
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25328
+ class: V(["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", {
25331
25329
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25332
25330
  level: 2
25333
25331
  })
@@ -25337,10 +25335,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25337
25335
  ])], 2)
25338
25336
  ]),
25339
25337
  p("div", xP, [
25340
- p("button", {
25338
+ p("div", {
25341
25339
  onClick: O[4] || (O[4] = (ne) => g(S).chain().focus().toggleHeading({ level: 3 }).run()),
25342
- type: "button",
25343
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25340
+ class: V(["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", {
25344
25341
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25345
25342
  level: 3
25346
25343
  })
@@ -25350,10 +25347,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25350
25347
  ])], 2)
25351
25348
  ]),
25352
25349
  p("div", gP, [
25353
- p("button", {
25350
+ p("div", {
25354
25351
  onClick: O[5] || (O[5] = (ne) => g(S).chain().focus().toggleHeading({ level: 4 }).run()),
25355
- type: "button",
25356
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25352
+ class: V(["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", {
25357
25353
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25358
25354
  level: 4
25359
25355
  })
@@ -25363,10 +25359,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25363
25359
  ])], 2)
25364
25360
  ]),
25365
25361
  p("div", yP, [
25366
- p("button", {
25362
+ p("div", {
25367
25363
  onClick: O[6] || (O[6] = (ne) => g(S).chain().focus().toggleHeading({ level: 5 }).run()),
25368
- type: "button",
25369
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25364
+ class: V(["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", {
25370
25365
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25371
25366
  level: 5
25372
25367
  })
@@ -25376,10 +25371,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25376
25371
  ])], 2)
25377
25372
  ]),
25378
25373
  p("div", vP, [
25379
- p("button", {
25374
+ p("div", {
25380
25375
  onClick: O[7] || (O[7] = (ne) => g(S).chain().focus().toggleHeading({ level: 6 }).run()),
25381
- type: "button",
25382
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25376
+ class: V(["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", {
25383
25377
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("heading", {
25384
25378
  level: 6
25385
25379
  })
@@ -25389,10 +25383,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25389
25383
  ])], 2)
25390
25384
  ]),
25391
25385
  p("div", SP, [
25392
- p("button", {
25386
+ p("div", {
25393
25387
  onClick: O[8] || (O[8] = (ne) => g(S).isActive({ textAlign: "left" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("left").run()),
25394
- type: "button",
25395
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25388
+ class: V(["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", {
25396
25389
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "left" })
25397
25390
  }])
25398
25391
  }, [...O[21] || (O[21] = [
@@ -25400,10 +25393,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25400
25393
  ])], 2)
25401
25394
  ]),
25402
25395
  p("div", wP, [
25403
- p("button", {
25396
+ p("div", {
25404
25397
  onClick: O[9] || (O[9] = (ne) => g(S).isActive({ textAlign: "center" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("center").run()),
25405
- type: "button",
25406
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25398
+ class: V(["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", {
25407
25399
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "center" })
25408
25400
  }])
25409
25401
  }, [...O[22] || (O[22] = [
@@ -25411,10 +25403,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25411
25403
  ])], 2)
25412
25404
  ]),
25413
25405
  p("div", CP, [
25414
- p("button", {
25406
+ p("div", {
25415
25407
  onClick: O[10] || (O[10] = (ne) => g(S).isActive({ textAlign: "right" }) ? g(S).chain().focus().unsetTextAlign().run() : g(S).chain().focus().setTextAlign("right").run()),
25416
- type: "button",
25417
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25408
+ class: V(["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", {
25418
25409
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive({ textAlign: "right" })
25419
25410
  }])
25420
25411
  }, [...O[23] || (O[23] = [
@@ -25422,10 +25413,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25422
25413
  ])], 2)
25423
25414
  ]),
25424
25415
  p("div", kP, [
25425
- p("button", {
25416
+ p("div", {
25426
25417
  onClick: O[11] || (O[11] = (ne) => g(S).chain().focus().toggleBulletList().run()),
25427
- type: "button",
25428
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", {
25418
+ class: V(["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", {
25429
25419
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": g(S).isActive("bulletList")
25430
25420
  }])
25431
25421
  }, [...O[24] || (O[24] = [
@@ -25433,9 +25423,8 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25433
25423
  ])], 2)
25434
25424
  ]),
25435
25425
  p("div", TP, [
25436
- p("button", {
25426
+ p("div", {
25437
25427
  onClick: X,
25438
- type: "button",
25439
25428
  class: V(["pbx-h-10 pbx-px-12 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-text-myPrimaryDarkGrayColor pbx-font-medium", {
25440
25429
  "pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-text-white hover:pbx-bg-myPrimaryLinkColor": _.value
25441
25430
  }])
@@ -25620,20 +25609,18 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25620
25609
  class: V(["pbx-flex pbx-items-center pbx-justify-center pbx-divide-x pbx-divide-gray-300", { "": o.value }])
25621
25610
  }, [
25622
25611
  g(t).ElOrFirstChildIsIframe() ? (y(), w("div", _P, [
25623
- p("button", {
25612
+ p("div", {
25624
25613
  onClick: ut,
25625
- type: "button",
25626
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25614
+ 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"
25627
25615
  }, [...G[13] || (G[13] = [
25628
25616
  p("span", { class: "material-symbols-outlined" }, " play_circle ", -1)
25629
25617
  ])])
25630
25618
  ])) : E("", !0),
25631
25619
  g(t).isSelectedElementValidText() && !g(t).ElOrFirstChildIsIframe() ? (y(), w(J, { key: 1 }, [
25632
25620
  p("div", { class: "pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, [
25633
- p("button", {
25621
+ p("div", {
25634
25622
  onClick: M,
25635
- type: "button",
25636
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25623
+ 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"
25637
25624
  }, [...G[14] || (G[14] = [
25638
25625
  p("span", null, [
25639
25626
  p("svg", {
@@ -25656,10 +25643,9 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25656
25643
  F(xy)
25657
25644
  ], 64)) : E("", !0),
25658
25645
  o.value && d.value && B.value && !g(t).ElOrFirstChildIsIframe() ? (y(), w("div", NP, [
25659
- p("button", {
25646
+ p("div", {
25660
25647
  onClick: j,
25661
- type: "button",
25662
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor"
25648
+ 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"
25663
25649
  }, [...G[15] || (G[15] = [
25664
25650
  p("span", { class: "material-symbols-outlined" }, " add_photo_alternate ", -1)
25665
25651
  ])])
@@ -25668,14 +25654,14 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25668
25654
  (o.value, E("", !0)),
25669
25655
  o.value && d.value ? (y(), w("div", {
25670
25656
  key: 5,
25671
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor",
25657
+ 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",
25672
25658
  onClick: G[2] || (G[2] = (ht) => se.value = !se.value)
25673
25659
  }, [...G[17] || (G[17] = [
25674
25660
  p("span", { class: "material-symbols-outlined" }, " more_horiz ", -1)
25675
25661
  ])])) : E("", !0),
25676
25662
  o.value && d.value ? (y(), w("div", {
25677
25663
  key: 6,
25678
- class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor",
25664
+ 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",
25679
25665
  onClick: G[3] || (G[3] = (ht) => g(t).clearHtmlSelection())
25680
25666
  }, [...G[18] || (G[18] = [
25681
25667
  p("span", { class: "material-symbols-outlined" }, " close_small", -1)
@@ -25696,7 +25682,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25696
25682
  ]])
25697
25683
  }, [
25698
25684
  p("div", {
25699
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25685
+ 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
25686
  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"
25701
25687
  ]])
25702
25688
  }, [...G[19] || (G[19] = [
@@ -25713,7 +25699,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25713
25699
  ]])
25714
25700
  }, [
25715
25701
  p("div", {
25716
- class: V(["pbx-h-10 pbx-w-10 pbx-flex-end pbx-rounded-sm pbx-flex pbx-items-center pbx-justify-center hover:pbx-bg-gray-100 pbx-aspect-square pbx-text-myPrimaryDarkGrayColor", [
25702
+ 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", [
25717
25703
  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"
25718
25704
  ]])
25719
25705
  }, [...G[20] || (G[20] = [
@@ -25738,7 +25724,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25738
25724
  }),
25739
25725
  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"
25740
25726
  }, [
25741
- G[22] || (G[22] = p("div", { class: "pbx-h-10 pbx-w-10 pbx-flex-end 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" }, [
25727
+ G[22] || (G[22] = 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" }, [
25742
25728
  p("span", null, [
25743
25729
  p("svg", {
25744
25730
  fill: "currentColor",
@@ -25763,7 +25749,7 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25763
25749
  onClick: Wo,
25764
25750
  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"
25765
25751
  }, [
25766
- G[23] || (G[23] = p("div", { class: "pbx-h-10 pbx-w-10 pbx-flex-end 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" }, [
25752
+ 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" }, [
25767
25753
  p("span", { class: "material-symbols-outlined" }, " deployed_code ")
25768
25754
  ], -1)),
25769
25755
  p("div", GP, C(g(e)("HTML Editor")), 1)
@@ -25803,16 +25789,16 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
25803
25789
  _: 1
25804
25790
  }));
25805
25791
  }
25806
- }, XP = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, ZP = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, e5 = { key: 0 }, t5 = { key: 1 }, n5 = {
25792
+ }, XP = { class: "pbx-mb-4 pbx-flex pbx-justify-start pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-x-auto" }, ZP = { class: "pbx-flex pbx-justify-center pbx-items-center pbx-gap-2" }, e5 = { key: 0 }, t5 = { key: 1 }, n5 = {
25807
25793
  key: 0,
25808
25794
  class: "pbx-min-h-screen"
25809
- }, i5 = { key: 0 }, r5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, o5 = { class: "pbx-my-2 pbx-py-2" }, s5 = {
25795
+ }, i5 = { key: 0 }, r5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, o5 = { class: "pbx-my-2 pbx-py-2" }, s5 = {
25810
25796
  key: 1,
25811
25797
  class: "pbx-min-h-screen"
25812
- }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-12 pbx-mb-8" }, a5 = { class: "pbx-my-1" }, d5 = { class: "pbx-my-1" }, p5 = { class: "pbx-my-1" }, c5 = { class: "pbx-my-1" }, u5 = { class: "pbx-my-1" }, h5 = { class: "pbx-my-1" }, f5 = { class: "pbx-my-1" }, b5 = { class: "pbx-my-1" }, m5 = { class: "pbx-my-1" }, x5 = { class: "pbx-my-1" }, g5 = {
25798
+ }, l5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, a5 = { class: "pbx-my-1" }, d5 = { class: "pbx-my-1" }, p5 = { class: "pbx-my-1" }, c5 = { class: "pbx-my-1" }, u5 = { class: "pbx-my-1" }, h5 = { class: "pbx-my-1" }, f5 = { class: "pbx-my-1" }, b5 = { class: "pbx-my-1" }, m5 = { class: "pbx-my-1" }, x5 = { class: "pbx-my-1" }, g5 = {
25813
25799
  key: 2,
25814
25800
  class: "pbx-min-h-screen"
25815
- }, y5 = { class: "pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, v5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, S5 = { class: "pbx-myPrimaryParagraph" }, w5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, C5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, k5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, T5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, E5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, B5 = { class: "pbx-text-xs pbx-pb-2" }, L5 = { class: "pbx-text-xs pbx-pb-2" }, P5 = { class: "pbx-text-xs pbx-pb-2" }, A5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, $5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, D5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, O5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, _5 = { key: 0 }, N5 = { key: 0 }, H5 = { class: "pbx-pb-2 pbx-text-xs" }, R5 = {
25801
+ }, y5 = { class: "pbx-myPrimaryParagraph pbx-mt-6 pbx-mb-10" }, v5 = { class: "pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2" }, S5 = { class: "pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor" }, w5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, C5 = { class: "pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900" }, k5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, T5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, M5 = { class: "pbx-px-4 pbx-py-4 pbx-text-gray-100" }, E5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs" }, B5 = { class: "pbx-text-xs pbx-pb-2" }, L5 = { class: "pbx-text-xs pbx-pb-2" }, P5 = { class: "pbx-text-xs pbx-pb-2" }, A5 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2" }, I5 = { class: "pbx-overflow-hidden pbx-bg-gray-900" }, $5 = { class: "pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5" }, D5 = { class: "pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor" }, O5 = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all" }, _5 = { key: 0 }, N5 = { key: 0 }, H5 = { class: "pbx-pb-2 pbx-text-xs" }, R5 = {
25816
25802
  key: 1,
25817
25803
  class: "pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"
25818
25804
  }, z5 = { class: "pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200" }, F5 = { class: "pbx-overflow-x-auto" }, j5 = { class: "pbx-min-w-full" }, V5 = { class: "pbx-bg-gray-900" }, q5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, W5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, U5 = { class: "pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-b" }, G5 = { class: "pbx-overflow-x-auto" }, K5 = { class: "pbx-min-w-full" }, J5 = { class: "pbx-bg-gray-900" }, Y5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, Q5 = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, X5 = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line" }, Z5 = { class: "pbx-overflow-x-auto" }, eA = { class: "pbx-min-w-full" }, tA = { class: "pbx-bg-gray-900" }, nA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, iA = { class: "pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200" }, rA = { class: "pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal" }, oA = { key: 1 }, sA = { key: 0 }, lA = { class: "pbx-pb-2 pbx-text-xs" }, aA = {
@@ -26031,11 +26017,11 @@ const UL = { class: "pbx-my-2 pbx-py-2" }, GL = {
26031
26017
  ])
26032
26018
  ])) : E("", !0),
26033
26019
  u.value === "viewHTMLConfig" ? (y(), w("div", g5, [
26034
- p("div", y5, [
26035
- p("div", v5, [
26036
- p("p", S5, C(g(e)(
26037
- "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26038
- )), 1),
26020
+ p("p", y5, C(g(e)(
26021
+ "Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection."
26022
+ )), 1),
26023
+ p("div", v5, [
26024
+ p("div", S5, [
26039
26025
  p("div", null, [
26040
26026
  p("h4", w5, C(g(e)("Types")), 1),
26041
26027
  p("div", C5, [
@@ -27446,13 +27432,13 @@ function k9() {
27446
27432
  const T9 = {
27447
27433
  key: 0,
27448
27434
  class: "pbx-min-h-[90vh] pbx-h-[90vh]"
27449
- }, M9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, E9 = { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, B9 = { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, L9 = { key: 1 }, P9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, A9 = ["onClick"], I9 = {
27435
+ }, M9 = { class: "pbx-flex pbx-items-center pbx-justify-center" }, E9 = { class: "pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]" }, B9 = { class: "!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]" }, L9 = { key: 1 }, P9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, A9 = ["onClick"], I9 = {
27450
27436
  key: 0,
27451
27437
  class: "pbx-mb-8"
27452
- }, $9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, D9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, O9 = ["onClick"], _9 = { class: "pbx-min-h-[96rem]" }, N9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, H9 = ["onClick"], R9 = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, z9 = ["innerHTML"], F9 = { class: "pbx-p-3" }, j9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, V9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, q9 = { class: "pbx-mb-8" }, W9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, U9 = { class: "pbx-px-2 pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 lg:pbx-grid-cols-4 pbx-gap-4" }, G9 = ["onClick"], K9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, J9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, Y9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, Q9 = {
27438
+ }, $9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, D9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, O9 = ["onClick"], _9 = { class: "pbx-min-h-[96rem]" }, N9 = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, H9 = ["onClick"], R9 = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, z9 = ["innerHTML"], F9 = { class: "pbx-p-3" }, j9 = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, V9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, q9 = { class: "pbx-mb-8" }, W9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, U9 = { class: "pbx-px-2 pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 lg:pbx-grid-cols-4 pbx-gap-4" }, G9 = ["onClick"], K9 = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, J9 = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, Y9 = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, Q9 = {
27453
27439
  key: 0,
27454
27440
  class: "pbx-px-2"
27455
- }, X9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Z9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-b pbx-border-solid pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, eI = ["onClick"], tI = { class: "pbx-min-h-[96rem]" }, nI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, iI = ["onClick"], rI = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, oI = ["innerHTML"], sI = { class: "pbx-p-3" }, lI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, aI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, dI = /* @__PURE__ */ tt({
27441
+ }, X9 = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Z9 = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-pb-4 pbx-overflow-auto" }, eI = ["onClick"], tI = { class: "pbx-min-h-[96rem]" }, nI = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, iI = ["onClick"], rI = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-py-2 pbx-px-2" }, oI = ["innerHTML"], sI = { class: "pbx-p-3" }, lI = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, aI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, dI = /* @__PURE__ */ tt({
27456
27442
  __name: "DefaultBuilderComponents",
27457
27443
  props: {
27458
27444
  customMediaComponent: {
@@ -27613,7 +27599,7 @@ const T9 = {
27613
27599
  ]))
27614
27600
  ]));
27615
27601
  }
27616
- }), pI = /* @__PURE__ */ Bo(dI, [["__scopeId", "data-v-dc00b1ce"]]), cI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, uI = { key: 0 }, hI = { key: 1 }, fI = {
27602
+ }), pI = /* @__PURE__ */ Bo(dI, [["__scopeId", "data-v-b3ca55a1"]]), cI = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, uI = { key: 0 }, hI = { key: 1 }, fI = {
27617
27603
  __name: "BuilderComponents",
27618
27604
  props: {
27619
27605
  firstButtonText: {