@myissue/vue-website-page-builder 3.4.2 → 3.4.5

package/dist/vue-website-page-builder.js

@@ -3178,7 +3178,7 @@ const ub = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center p
           onClick: C[1] || (C[1] = (S) => y(t).reorderComponent(-1)),
           disabled: !b.value,
           class: X(["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", [
-            b.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
+            b.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"
           ]])
         }, C[5] || (C[5] = [
           d("span", { class: "material-symbols-outlined" }, " move_up ", -1)
@@ -3188,7 +3188,7 @@ const ub = { class: "pbx-flex pbx-flex-col pbx-items-center pbx-justify-center p
           onClick: C[2] || (C[2] = (S) => y(t).reorderComponent(1)),
           disabled: !m.value,
           class: X(["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", [
-            m.value ? "hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0" : "pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"
+            m.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"
           ]])
         }, C[6] || (C[6] = [
           d("span", { class: "material-symbols-outlined" }, " move_down ", -1)
@@ -21360,7 +21360,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
               ]),
               xe(d("input", {
                 "onUpdate:modelValue": $[0] || ($[0] = (K) => O.value = K),
-                class: "pbx-myPrimaryInput pbx-mt-1",
+                class: "pbx-myPrimaryInput pbx-mt-1 pbx-w-full",
                 type: "url",
                 placeholder: "url"
               }, null, 512), [
@@ -21385,7 +21385,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                     d("button", {
                       onClick: $[1] || ($[1] = (K) => y(e).toggleTipTapModal(!1)),
                       type: "button",
-                      class: "pbx-myPrimaryTag"
+                      class: "pbx-myPrimaryTag pbx-cursor-pointer"
                     }, [
                       $[8] || ($[8] = d("span", { class: "material-symbols-outlined" }, " save ", -1)),
                       d("span", null, k(y(t)("Save")), 1)
@@ -21398,7 +21398,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: $[2] || ($[2] = (K) => y(S).chain().focus().setHardBreak().run()),
                     type: "button",
-                    class: "pbx-myPrimaryTag"
+                    class: "pbx-myPrimaryTag pbx-cursor-pointer"
                   }, [
                     $[9] || ($[9] = d("span", { class: "material-symbols-outlined" }, " keyboard_return ", -1)),
                     d("span", null, k(y(t)("Line break")), 1)
@@ -21408,7 +21408,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: $[3] || ($[3] = (K) => y(S).chain().focus().toggleBold().run()),
                     type: "button",
-                    class: X(["pbx-myPrimaryTag", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bold") }])
+                    class: X(["pbx-myPrimaryTag pbx-cursor-pointer", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bold") }])
                   }, [
                     $[10] || ($[10] = d("span", { class: "material-symbols-outlined" }, " format_bold ", -1)),
                     d("span", null, k(y(t)("Bold")), 1)
@@ -21418,7 +21418,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: F,
                     type: "button",
-                    class: X(["pbx-myPrimaryTag", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("link") }])
+                    class: X(["pbx-myPrimaryTag pbx-cursor-pointer", { "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("link") }])
                   }, [
                     $[11] || ($[11] = d("span", { class: "material-symbols-outlined" }, " link ", -1)),
                     d("span", null, k(y(t)("Link")), 1)
@@ -21428,7 +21428,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: $[4] || ($[4] = (K) => y(S).chain().focus().toggleHeading({ level: 2 }).run()),
                     type: "button",
-                    class: X(["pbx-myPrimaryTag", {
+                    class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
                       "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("heading", {
                         level: 2
                       })
@@ -21442,7 +21442,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: $[5] || ($[5] = (K) => y(S).chain().focus().toggleHeading({ level: 3 }).run()),
                     type: "button",
-                    class: X(["pbx-myPrimaryTag", {
+                    class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
                       "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("heading", {
                         level: 3
                       })
@@ -21456,7 +21456,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
                   d("button", {
                     onClick: $[6] || ($[6] = (K) => y(S).chain().focus().toggleBulletList().run()),
                     type: "button",
-                    class: X(["pbx-myPrimaryTag", {
+                    class: X(["pbx-myPrimaryTag pbx-cursor-pointer", {
                       "pbx-bg-myPrimaryLinkColor pbx-text-white": y(S).isActive("bulletList")
                     }])
                   }, [
@@ -22151,7 +22151,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
           }, [
             n.globalPageLayout ? (w(), ce(y(Tr), {
               key: 0,
-              class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
+              class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
             }, {
               default: V(() => {
                 var a;
@@ -22273,7 +22273,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
           }, [
             n.globalPageLayout ? (w(), ce(y(Tr), {
               key: 0,
-              class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium"
+              class: "pbx-flex pbx-flex-row pbx-justify-between pbx-items-center pbx-pl-3 pbx-pr-3 pbx-py-5 pbx-cursor-pointer pbx-duration-200 hover:pbx-bg-myPrimaryLightGrayColor pbx-bg-white hover:pbx-text-black pbx-text-black pbx-font-sans pbx-font-medium pbx-border-0"
             }, {
               default: V(() => {
                 var a;
@@ -23265,7 +23265,9 @@ function cC(n, e, t, r, o, i) {
       r.expanded ? A("", !0) : (w(), E("span", pC, " chevron_right "))
     ]),
     d("div", {
-      class: X([[r.expanded ? "pbx-block pbx-bg-sky-50" : "pbx-hidden"], "pbx-px-4 pbx-ease-linear pbx-duration-75 pbx-pb-8"])
+      class: X([[
+        r.expanded ? "pbx-block pbx-bg-indigo-50 pbx-border-0 pbx-border-solid pbx-border-t pbx-border-red-50" : "pbx-hidden"
+      ], "pbx-px-4 pbx-ease-linear pbx-duration-75 pbx-pb-8"])
     }, [
       ar(n.$slots, "content")
     ], 2)
@@ -23512,7 +23514,7 @@ const LC = ["src"], NC = {
       },
       { immediate: !0 }
     ), (i, s) => (w(), E("div", DC, [
-      s[4] || (s[4] = d("label", {
+      s[3] || (s[3] = d("label", {
         for: "bg-opacity",
         class: "pbx-myPrimaryInputLabel"
       }, " Background Opacity", -1)),
@@ -23541,13 +23543,9 @@ const LC = ["src"], NC = {
                   d("span", {
                     class: X(["pbx-block pbx-truncate", [(r.value !== "none", "")]])
                   }, k(r.value === "none" ? "Transparent" : r.value), 3)
-                ]),
-                s[2] || (s[2] = d("span", { class: "pbx-pointer-events-none pbx-absolute pbx-inset-y-0 pbx-right-0 pbx-ml-3 pbx-flex pbx-items-center pbx-pr-2" }, [
-                  d("span", { class: "material-symbols-outlined" }, " keyboard_arrow_down ")
-                ], -1))
+                ])
               ]),
-              _: 1,
-              __: [2]
+              _: 1
             }),
             j(oo, {
               "leave-active-class": "pbx-transition pbx-ease-in pbx-duration-100",
@@ -23571,7 +23569,7 @@ const LC = ["src"], NC = {
                           ])
                         }, [
                           d("div", FC, [
-                            l === "none" ? (w(), E("div", HC, s[3] || (s[3] = [
+                            l === "none" ? (w(), E("div", HC, s[2] || (s[2] = [
                               d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
@@ -23616,7 +23614,7 @@ const LC = ["src"], NC = {
       },
       { immediate: !0 }
     ), (i, s) => (w(), E("div", WC, [
-      s[4] || (s[4] = d("label", {
+      s[3] || (s[3] = d("label", {
         for: "default-opacity",
         class: "pbx-myPrimaryInputLabel"
       }, " Opacity", -1)),
@@ -23645,13 +23643,9 @@ const LC = ["src"], NC = {
                   d("span", {
                     class: X(["pbx-block pbx-truncate", [(r.value !== "none", "")]])
                   }, k(r.value === "none" ? "Transparent" : r.value), 3)
-                ]),
-                s[2] || (s[2] = d("span", { class: "pbx-pointer-events-none pbx-absolute pbx-inset-y-0 pbx-right-0 pbx-ml-3 pbx-flex pbx-items-center pbx-pr-2" }, [
-                  d("span", { class: "material-symbols-outlined" }, " keyboard_arrow_down ")
-                ], -1))
+                ])
               ]),
-              _: 1,
-              __: [2]
+              _: 1
             }),
             j(oo, {
               "leave-active-class": "pbx-transition pbx-ease-in pbx-duration-100",
@@ -23675,7 +23669,7 @@ const LC = ["src"], NC = {
                           ])
                         }, [
                           d("div", GC, [
-                            l === "none" ? (w(), E("div", JC, s[3] || (s[3] = [
+                            l === "none" ? (w(), E("div", JC, s[2] || (s[2] = [
                               d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                 d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
@@ -24236,7 +24230,7 @@ const LC = ["src"], NC = {
             [Ue, o.value]
           ])
         ]),
-        u[9] || (u[9] = d("hr", null, null, -1)),
+        u[8] || (u[8] = d("hr", null, null, -1)),
         d("div", Y2, [
           d("label", X2, k(y(e)("Border Width")), 1),
           xe(d("select", {
@@ -24251,7 +24245,7 @@ const LC = ["src"], NC = {
             [Ue, i.value]
           ])
         ]),
-        u[10] || (u[10] = d("hr", null, null, -1)),
+        u[9] || (u[9] = d("hr", null, null, -1)),
         d("div", Z2, [
           d("label", eM, k(y(e)("Border Color")), 1),
           j(y(ii), {
@@ -24279,14 +24273,10 @@ const LC = ["src"], NC = {
                           class: X(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm", `pbx-bg-${(f = s.value) == null ? void 0 : f.replace("pbx-border-", "")}`])
                         }, null, 2)) : A("", !0),
                         d("span", oM, k(s.value), 1)
-                      ]),
-                      u[7] || (u[7] = d("span", { class: "pbx-pointer-events-none pbx-absolute pbx-inset-y-0 pbx-right-0 pbx-ml-3 pbx-flex pbx-items-center pbx-pr-2" }, [
-                        d("span", { class: "material-symbols-outlined" }, " keyboard_arrow_down ")
-                      ], -1))
+                      ])
                     ];
                   }),
-                  _: 1,
-                  __: [7]
+                  _: 1
                 }),
                 j(oo, {
                   "leave-active-class": "pbx-transition pbx-ease-in pbx-duration-100",
@@ -24310,7 +24300,7 @@ const LC = ["src"], NC = {
                               ])
                             }, [
                               d("div", iM, [
-                                f === "none" ? (w(), E("div", sM, u[8] || (u[8] = [
+                                f === "none" ? (w(), E("div", sM, u[7] || (u[7] = [
                                   d("div", { class: "pbx-myPrimaryColorPreview pbx-border-none" }, [
                                     d("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                                   ], -1)
@@ -24513,7 +24503,10 @@ const LC = ["src"], NC = {
 }, EM = { class: "pbx-flex pbx-h-full pbx-flex-col" }, TM = { class: "pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3" }, OM = { class: "pbx-font-medium pbx-text-sm" }, BM = { class: "pbx-lowercase" }, PM = { class: "pbx-mb-1" }, AM = { class: "pbx-mb-1" }, _M = { class: "pbx-my-1" }, LM = { class: "pbx-my-1" }, NM = { class: "pbx-my-1" }, DM = { class: "pbx-my-1" }, IM = { class: "pbx-my-1" }, $M = { class: "pbx-my-1" }, RM = { class: "pbx-my-1" }, FM = { class: "pbx-my-1" }, HM = { class: "pbx-my-1" }, jM = { class: "pbx-my-1" }, zM = { class: "pbx-myPrimaryInputLabel pbx-my-4" }, VM = { class: "pbx-my-2 pbx-py-2" }, WM = {
   key: 0,
   class: "pbx-my-1"
-}, UM = { class: "pbx-myPrimaryInputLabel pbx-my-4" }, qM = { class: "pbx-my-2 pbx-py-2" }, KM = { class: "pbx-flex pbx-flex-col pbx-gap-2 pbx-pt-4 pbx-pb-2" }, GM = { key: 0 }, JM = { class: "pbx-flex pbx-items-center pbx-my-2 pbx-py-4 pbx-px-2 pbx-justify-center" }, YM = { 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]" }, XM = { 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)]" }, QM = {
+}, UM = { class: "pbx-myPrimaryInputLabel pbx-my-4" }, qM = { class: "pbx-my-2 pbx-py-2" }, KM = {
+  id: "pagebuilder-right-menu",
+  class: "pbx-flex pbx-flex-col pbx-gap-2 pbx-pt-4 pbx-pb-2"
+}, GM = { key: 0 }, JM = { class: "pbx-flex pbx-items-center pbx-my-2 pbx-py-4 pbx-px-2 pbx-justify-center" }, YM = { 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]" }, XM = { 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)]" }, QM = {
   key: 1,
   class: "pbx-pb-12"
 }, ZM = { class: "pbx-myPrimaryParagraph" }, eE = { class: "pbx-my-1" }, tE = { class: "pbx-my-1" }, nE = { class: "pbx-my-1" }, rE = { class: "pbx-my-1" }, oE = { class: "pbx-my-1" }, iE = { class: "pbx-my-1" }, sE = { class: "pbx-my-1" }, lE = { class: "pbx-my-1" }, aE = { class: "pbx-my-1" }, pE = { class: "pbx-my-1" }, cE = {
@@ -24781,7 +24774,7 @@ const LC = ["src"], NC = {
 }, MT = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, ET = { class: "pbx-overflow-x-auto" }, TT = { class: "pbx-w-max" }, OT = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, BT = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, PT = { class: "pbx-min-w-[30rem] pbx-w-max" }, AT = { key: 0 }, _T = { key: 1 }, LT = { key: 0 }, NT = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, DT = { class: "pbx-min-w-[30rem] pbx-w-max" }, IT = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, $T = { 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" }, RT = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, FT = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, HT = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, jT = {
   __name: "PageBuilderSettings",
   setup(n) {
-    const e = "3.4.2", t = Se, r = I(() => t.getPageBuilderConfig);
+    const e = "3.4.5", t = Se, r = I(() => t.getPageBuilderConfig);
     return (o, i) => {
       var s, l, a, p, c, u, f, h, b, m, x, v, C, S, g, O;
       return w(), E("div", uE, [