@myissue/vue-website-page-builder 3.3.99 → 3.4.1

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

@@ -21274,7 +21274,7 @@ const Xw = /* @__PURE__ */ Yw("pageBuilderState", {
 }, eS = {
   key: 0,
   class: "pbx-min-h-[2.5rem] pbx-flex pbx-items-center pbx-justify-start"
-}, tS = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, nS = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, rS = { key: 0 }, oS = { class: "pbx-relative pbx-rounded-lg" }, iS = { class: "pbx-flex pbx-justify-between pbx-myPrimaryGap pbx-items-center pbx-py-4 pbx-px-4 pbx-overflow-x-auto pbx-border-solid pbx-border-b pbx-border-gray-200" }, sS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, lS = { class: "pbx-flex pbx-items-center pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, aS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, pS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, cS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, uS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, dS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, fS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, hS = {
+}, tS = { class: "pbx-myPrimaryInputError pbx-mt-2 pbx-mb-0 pbx-py-0 pbx-self-start" }, nS = { class: "pbx-blockease-linear pbx-duration-200 pbx-block pbx-ease-linear" }, rS = { key: 0 }, oS = { class: "pbx-relative pbx-rounded-lg" }, iS = { class: "pbx-flex pbx-justify-between pbx-myPrimaryGap pbx-items-center pbx-pb-2 pbx-mb-2 pbx-px-4 pbx-overflow-x-auto pbx-border-0 pbx-border-b pbx-border-solid pbx-border-gray-200" }, sS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, lS = { class: "pbx-flex pbx-items-center pbx-p-1 pbx-rounded-full pbx-border-solid pbx-border pbx-border-gray-200 pbx-shadow-sm" }, aS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, pS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, cS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, uS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, dS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, fS = { class: "pbx-px-2 pbx-flex pbx-items-center pbx-justify-start pbx-gap-2 pbx-w-max" }, hS = {
   __name: "TipTapInput",
   setup(n) {
     const e = Ce(), { translate: t } = Me(), r = Se, o = M(!1), i = M(""), s = M(1), l = M(""), a = M(""), p = M(""), c = M(null), u = M(null), f = M(null), h = M(null), b = M(null), m = I(() => r.getElement), x = M(""), v = I(() => S.value ? S.value.getHTML() : null), C = M(0);
@@ -22151,14 +22151,14 @@ 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"
+              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"
             }, {
               default: V(() => {
                 var a;
                 return [
                   d("div", nk, [
                     d("div", {
-                      class: X(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border pbx-border-gray-800 pbx-rounded-sm", `pbx-bg-${(a = o.value) == null ? void 0 : a.replace("pbx-text-", "")}`])
+                      class: X(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border pbx-border-gray-600 pbx-rounded-sm pbx-bg-none pbx-border-solid", `pbx-bg-${(a = o.value) == null ? void 0 : a.replace("pbx-text-", "")}`])
                     }, null, 2),
                     d("div", null, [
                       d("div", null, k(y(e)("Text Color")), 1)
@@ -22171,7 +22171,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
             })) : A("", !0),
             n.globalPageLayout ? A("", !0) : (w(), ce(y(Tr), {
               key: 1,
-              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
             }, {
               default: V(() => {
                 var a;
@@ -22195,7 +22195,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
             "leave-to-class": "pbx-opacity-0"
           }, {
             default: V(() => [
-              j(y(si), { class: "pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
+              j(y(si), { class: "pbx-headless-dropdown pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
                 default: V(() => [
                   (w(!0), E(Z, null, fe(y(Fi).textColorVariables, (a) => (w(), ce(y(li), {
                     as: "template",
@@ -22273,14 +22273,14 @@ 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"
+              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"
             }, {
               default: V(() => {
                 var a;
                 return [
                   d("div", ck, [
                     d("div", {
-                      class: X(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border pbx-border-gray-800 pbx-rounded-sm", `pbx-bg-${(a = o.value) == null ? void 0 : a.replace("pbx-bg-", "")}`])
+                      class: X(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border pbx-border-gray-600 pbx-rounded-sm pbx-bg-none pbx-border-solid", `pbx-bg-${(a = o.value) == null ? void 0 : a.replace("pbx-bg-", "")}`])
                     }, null, 2),
                     d("div", null, k(y(e)("Background Color")), 1)
                   ]),
@@ -22291,7 +22291,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
             })) : A("", !0),
             n.globalPageLayout ? A("", !0) : (w(), ce(y(Tr), {
               key: 1,
-              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
             }, {
               default: V(() => {
                 var a;
@@ -22315,7 +22315,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
             "leave-to-class": "pbx-opacity-0"
           }, {
             default: V(() => [
-              j(y(si), { class: "pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
+              j(y(si), { class: "pbx-headless-dropdown pbx-absolute pbx-min-w-[12rem] pbx-z-40 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-gray-50 pbx-py-1 pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm" }, {
                 default: V(() => [
                   (w(!0), E(Z, null, fe(y(Fi).backgroundColorVariables, (a) => (w(), ce(y(li), {
                     as: "template",
@@ -22485,7 +22485,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
           d("button", {
             onClick: ue,
             type: "button",
-            class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+            class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
           }, G[7] || (G[7] = [
             d("span", { class: "material-symbols-outlined" }, " play_circle ", -1)
           ]))
@@ -22495,7 +22495,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
             d("button", {
               onClick: C,
               type: "button",
-              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+              class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
             }, G[8] || (G[8] = [
               d("span", { class: "material-symbols-outlined" }, " edit ", -1)
             ]))
@@ -22506,7 +22506,7 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
           d("button", {
             onClick: N,
             type: "button",
-            class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+            class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
           }, G[9] || (G[9] = [
             d("span", { class: "material-symbols-outlined" }, " add_photo_alternate ", -1)
           ]))
@@ -22516,13 +22516,13 @@ const tk = { class: "pbx-relative" }, nk = { class: "pbx-flex pbx-justify-start
           key: 4,
           onClick: G[1] || (G[1] = (...re) => y(t).deleteElementFromDOM && y(t).deleteElementFromDOM(...re)),
           type: "button",
-          class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0"
+          class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor"
         }, G[10] || (G[10] = [
           d("span", { class: "material-symbols-outlined" }, " delete ", -1)
         ]))) : A("", !0),
         i.value && l.value ? (w(), E("div", {
           key: 5,
-          class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0",
+          class: "pbx-h-10 pbx-w-10 pbx-flex-end pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-200 pbx-aspect-square hover:pbx-bg-gray-100 hover:pbx-fill-white focus-visible:pbx-ring-0 pbx-text-myPrimaryDarkGrayColor",
           onClick: G[2] || (G[2] = (re) => y(t).clearHtmlSelection())
         }, G[11] || (G[11] = [
           d("span", { class: "material-symbols-outlined" }, " close", -1)
@@ -23101,7 +23101,7 @@ const Ak = {
 }, _k = { class: "pbx-flex pbx-items-center pbx-justify-center" }, Lk = { 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]" }, Nk = { 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)]" }, Dk = { key: 1 }, Ik = { class: "pbx-mb-8" }, $k = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Rk = { 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" }, Fk = ["onClick"], Hk = { class: "pbx-max-h-72 pbx-cursor-pointer pbx-object-contain pbx-bg-white pbx-mx-auto" }, jk = { class: "pbx-myPrimaryParagraph pbx-text-base pbx-font-medium" }, zk = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, Vk = {
   key: 0,
   class: "pbx-px-2"
-}, Wk = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Uk = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2" }, qk = ["onClick"], Kk = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, Gk = ["onClick"], Jk = { class: "pbx-overflow-hidden pbx-whitespace-pre-line pbx-flex-1 pbx-h-auto pbx-border-solid pbx-border-b pbx-border-gray-200 lg:pbx-py-10 pbx-py-8 pbx-px-2" }, Yk = ["innerHTML"], Xk = { class: "pbx-p-3" }, Qk = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, Zk = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, eC = /* @__PURE__ */ Qe({
+}, Wk = { class: "pbx-myQuaternaryHeader pbx-mb-4" }, Uk = { class: "pbx-mb-4 pbx-flex pbx-jusitify-left pbx-items-center pbx-gap-2" }, qk = ["onClick"], Kk = { class: "pbx-grid pbx-grid-cols-1 sm:pbx-grid-cols-2 md:pbx-grid-cols-3 pbx-gap-4 pbx-pb-4" }, Gk = ["onClick"], Jk = { 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 lg:pbx-py-10 pbx-py-8 pbx-px-2" }, Yk = ["innerHTML"], Xk = { class: "pbx-p-3" }, Qk = { class: "pbx-myPrimaryParagraph pbx-text-sm pbx-font-normal" }, Zk = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-font-normal pbx-pt-2" }, eC = /* @__PURE__ */ Qe({
   __name: "DefaultBuilderComponents",
   props: {
     customMediaComponent: {
@@ -23191,7 +23191,7 @@ const Ak = {
       ]))
     ]));
   }
-}), tC = /* @__PURE__ */ Gs(eC, [["__scopeId", "data-v-aa1a3ef1"]]), nC = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, rC = { key: 0 }, oC = { key: 1 }, iC = {
+}), tC = /* @__PURE__ */ Gs(eC, [["__scopeId", "data-v-2147a377"]]), nC = { class: "pbx-w-full pbx-inset-x-0 pbx-bg-white pbx-overflow-x-auto lg:pbx-pt-2 pbx-pt-2" }, rC = { key: 0 }, oC = { key: 1 }, iC = {
   __name: "BuilderComponents",
   props: {
     firstButtonText: {
@@ -24781,7 +24781,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.3.99", t = Se, r = I(() => t.getPageBuilderConfig);
+    const e = "3.4.1", 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, [
@@ -25407,7 +25407,7 @@ const LC = ["src"], NC = {
   }
 }, MB = { class: "pbx-flex pbx-items-center pbx-justify-center" }, EB = { class: "pbx-mr-2" }, TB = {
   key: 0,
-  class: "pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0"
+  class: "pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"
 }, OB = { class: "pbx-text-white pbx-rounded-full pbx-bg-myPrimaryBrandColor pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-font-normal" }, BB = { class: "pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep" }, PB = {
   key: 1,
   class: "pbx-flex pbx-items-center lg:pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-4 pbx-w-max pbx-h-12 pbx-ml-2"
@@ -25998,7 +25998,7 @@ const Bh = /* @__PURE__ */ Gs(HB, [["render", zB]]), VB = { class: "pbx-text-xs
             x.value && x.value.userSettings && x.value.userSettings.language ? (w(), E("div", cP, [
               xe(d("select", {
                 id: "pbx-lang",
-                class: "pbx-myPrimarySelect pbx-min-w-20 pbx-max-w-2pbx-min-w-20 pbx-w-max",
+                class: "pbx-myPrimarySelect pbx-min-w-24",
                 "onUpdate:modelValue": _[11] || (_[11] = (le) => f.value = le)
               }, [
                 Array.isArray(x.value.userSettings.language.enable) && x.value.userSettings.language.enable.length >= 1 ? (w(!0), E(Z, { key: 0 }, fe(y(t).availableLanguage().filter((le) => x.value.userSettings.language.enable.includes(le)), (le) => (w(), E("option", {