@myissue/vue-website-page-builder 3.5.54 → 3.5.55

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

@@ -39216,7 +39216,7 @@ const Mte = { class: "pbx-editorFieldGroup" }, Lte = { class: "pbx-editorFieldGr
   }
 }), Hr = function(o) {
   return !o || typeof o == "object" && o.constructor === Object && Object.keys(o).length === 0;
-}, Yre = "3.5.54", Qre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
+}, Yre = "3.5.55", Qre = (o) => /^[a-z][a-z0-9+.-]*:/i.test(o) || o.startsWith("//");
 function RR(o, e) {
   if (!o)
     return console.warn("No valid pagebuilder element passed"), "";
@@ -40460,7 +40460,7 @@ const Xre = ["title", "aria-label"], Zre = { class: "pbx-inspectorIdChipText" },
   }
 }), gle = {
   key: 0,
-  class: "pbx-pageDesignLoading pbx-flex pbx-items-center pbx-justify-center pbx-min-h-screen"
+  class: "pbx-pageDesignLoading pbx-flex pbx-items-center pbx-justify-center pbx-pt-6"
 }, xle = { key: 1 }, hle = { class: "pbx-editorSectionDesc pbx-pageDesignIntro" }, fle = { class: "pbx-pageDesignSection" }, yle = { class: "pbx-pageDesignSectionTitle" }, vle = { class: "pbx-pageDesignCard" }, wle = { class: "pbx-pageDesignToggleRow" }, Sle = { class: "pbx-pageDesignToggleCopy" }, kle = { class: "pbx-pageDesignToggleLabel" }, Cle = { class: "pbx-pageDesignToggleHint" }, Tle = { class: "pbx-pageDesignSection" }, Ple = { class: "pbx-pageDesignCard pbx-pageDesignCardWide" }, Mle = { class: "pbx-pageDesignSection" }, Lle = { class: "pbx-pageDesignSectionTitle" }, Ele = { class: "pbx-pageDesignGrid" }, Ale = { class: "pbx-pageDesignCard" }, $le = { class: "pbx-pageDesignCardLabel pbx-px-2" }, _le = { class: "pbx-pageDesignCard" }, Ble = { class: "pbx-pageDesignCardLabel pbx-px-2" }, Ile = { class: "pbx-pageDesignSection" }, Hle = { class: "pbx-pageDesignSectionTitle" }, Dle = { class: "pbx-pageDesignGrid" }, Rle = { class: "pbx-pageDesignCard" }, zle = { class: "pbx-pageDesignCard" }, Ole = { class: "pbx-pageDesignSection" }, Nle = { class: "pbx-pageDesignSectionTitle" }, Fle = { class: "pbx-pageDesignGrid" }, jle = { class: "pbx-pageDesignCard" }, Vle = { class: "pbx-pageDesignCard" }, qle = { class: "pbx-pageDesignSection" }, Ule = { class: "pbx-pageDesignSectionTitle" }, Wle = { class: "pbx-pageDesignGrid" }, Gle = { class: "pbx-pageDesignCard" }, Kle = { class: "pbx-pageDesignCard" }, Jle = { class: "pbx-grid pbx-grid-cols-1 lg:pbx-grid-cols-2 pbx-gap-4 pbx-mt-24 pbx-border-0 pbx-border-t pbx-border-gray-200 pbx-pt-8" }, Yle = { class: "pbx-p-4 pbx-border pbx-border-gray-200 pbx-rounded-2xl" }, Qle = { class: "pbx-pageDesignSection pbx-pageDesignLayoutAction" }, Xle = /* @__PURE__ */ ne({
   name: "PageDesignEditor",
   __name: "PageDesignEditor",
@@ -40496,7 +40496,7 @@ const Xre = ["title", "aria-label"], Zre = { class: "pbx-inspectorIdChipText" },
     };
     return ($, B) => (f(), w(te, null, [
       p("div", {
-        class: N(["pbx-pageDesignEditor", [o.isLoading ? "pbx-min-h-screen " : "pbx-min-h-[60rem]"]])
+        class: N(["pbx-pageDesignEditor", [o.isLoading ? "pbx-min-h-[90vh] " : "pbx-min-h-[60rem]"]])
       }, [
         o.isLoading ? (f(), w("div", gle, [...B[3] || (B[3] = [
           p("div", {
@@ -43145,37 +43145,42 @@ class Yce {
     this.hasMeaningfulPageSettings(s) && (this._lastKnownPageSettings = s);
     let l;
     try {
-      this.originalComponents = t, this.originalPageSettings = e.pageSettings ?? null, this.pageBuilderStateStore.setPageBuilderConfig(e);
-      const b = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "null");
-      !(b != null && b.lang) && ((c = (d = e.userSettings) == null ? void 0 : d.language) != null && c.default) && this.changeLanguage(e.userSettings.language.default), this.validateConfig(e), l = this.validateUserProvidedComponents(t);
-      const m = Array.isArray(t) && t.length > 0 ? t : null, h = m !== null;
+      this.originalComponents = t, this.originalPageSettings = e.pageSettings ?? null;
+      let b = e;
+      this.hasMeaningfulPageSettings(s) && !this.hasMeaningfulPageSettings(e.pageSettings) && (b = {
+        ...e,
+        pageSettings: s
+      }), this.pageBuilderStateStore.setPageBuilderConfig(b);
+      const m = JSON.parse(localStorage.getItem("userSettingsPageBuilder") ?? "null");
+      !(m != null && m.lang) && ((c = (d = e.userSettings) == null ? void 0 : d.language) != null && c.default) && this.changeLanguage(e.userSettings.language.default), this.validateConfig(e), l = this.validateUserProvidedComponents(t);
+      const h = Array.isArray(t) && t.length > 0 ? t : null, x = h !== null;
       if (this.updateLocalStorageItemName(), this.initializeHistory(), this.debugLog("warn", "startBuilder(): storage key", {
         key: this.getLocalStorageItemName.value
-      }), h && (this.savedMountComponents = m), a || (this.isPageBuilderMissingOnStart = !0), h && !a) {
-        const v = this.getSavedPageHtml();
+      }), x && (this.savedMountComponents = h), a || (this.isPageBuilderMissingOnStart = !0), x && !a) {
+        const k = this.getSavedPageHtml();
         this.debugLog("warn", "startBuilder(): deferred mount decision", {
-          existingDraft: !!v,
+          existingDraft: !!k,
           builderWasMountedBeforeClose: this.builderWasMountedBeforeClose,
           willQueuePendingMount: !0
-        }), this.pendingMountComponents = m;
+        }), this.pendingMountComponents = h;
       }
       if (a && (!t || Array.isArray(t)) && (this.debugLog("warn", "startBuilder(): calling completeBuilderInitialization", {
-        hasUsablePassedComponents: h,
+        hasUsablePassedComponents: x,
         isPageBuilderMissingOnStart: this.isPageBuilderMissingOnStart
       }), await this.completeBuilderInitializationWithSession(
-        h ? m : void 0,
+        x ? h : void 0,
         r
       )), a && (await this.addListenersToEditableElements(), this.debugLog("warn", "startBuilder(): listeners attached (safety net)")), n && a) {
-        const v = ((u = this.pageBuilderStateStore.getPageBuilderConfig) == null ? void 0 : u.pageSettings) ?? null;
-        if (this.hasMeaningfulPageSettings(v)) {
-          const k = this.convertStyleObjectToString(v.style), T = a.getAttribute("style") || "";
-          k.trim() && !T.trim() && (await le(), this.applyPageSettingsToPage(v));
+        const k = ((u = this.pageBuilderStateStore.getPageBuilderConfig) == null ? void 0 : u.pageSettings) ?? null;
+        if (this.hasMeaningfulPageSettings(k)) {
+          const T = this.convertStyleObjectToString(k.style), C = a.getAttribute("style") || "";
+          T.trim() && !C.trim() && (await le(), this.applyPageSettingsToPage(k));
         }
       }
-      const x = {
+      const v = {
         message: "Page builder started successfully."
       };
-      return l && (x.validation = l), Array.isArray(t) && t.length >= 0 && (x.passedComponentsArray = t), x;
+      return l && (v.validation = l), Array.isArray(t) && t.length >= 0 && (v.passedComponentsArray = t), v;
     } catch (b) {
       return console.error("Not able to start the Page Builder", b), this.debugLog("error", "startBuilder(): error", b), {
         error: !0,

package/dist/vue-website-page-builder.umd.cjs

@@ -363,7 +363,7 @@ This will fail in production.`);s=In,s._s.has(i)||(a?Hd(i,e,n,s):bD(i,n,s),proce
 `;return}n+=m+aee(p)+`
 `,!c&&!Pz(p,!0)&&i++}),n.trimEnd()}function Re(r=200){return new Promise(e=>{setTimeout(e,r)})}const hs=o.ref(!1),Mz=o.ref(""),fs=o.ref(""),bc=o.ref("element"),Pi=o.ref(!1),Wn=o.ref(null);function ys(){function r(i,n,a="element"){Mz.value=i,fs.value=nee(n),bc.value=a,Wn.value=null,Pi.value=!1,hs.value=!0}function e(){hs.value=!1,Wn.value=null,Pi.value=!1}async function t(){const i=ke(),{showToast:n}=Ye(),{translate:a}=ae();Pi.value=!0,Wn.value=null,await Re(300);const l=bc.value==="page"?await i.applyModifiedComponents(fs.value):await i.applyModifiedHTML(fs.value);if(l){Wn.value=l,n(l,"error"),Pi.value=!1;return}n(a("HTML updated successfully"),"success"),hs.value=!1,Pi.value=!1}return{show:hs,title:Mz,html:fs,mode:bc,isLoading:Pi,error:Wn,openHtmlEditor:r,closeHtmlEditor:e,saveHtmlEditor:t}}const see={class:"pbx-editorSectionDesc"},pee={class:"pbx-inspectorActionStack"},dee=o.defineComponent({name:"ElementHtmlEditorSettingsEditor",__name:"ElementHtmlEditorSettingsEditor",setup(r){const{translate:e}=ae(),t=we,{openHtmlViewer:i}=xs(),{openHtmlEditor:n}=ys(),a=o.computed(()=>t.getElement),l=()=>{a.value&&n(e("Element HTML"),a.value.outerHTML,"element")},s=()=>{a.value&&i(e("Element HTML"),a.value.outerHTML)};return(p,d)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Element HTML")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",see,o.toDisplayString(o.unref(e)("Element HTML editor description")),1),o.createElementVNode("div",pee,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View element HTML"),hint:o.unref(e)("Preview selected element markup"),onClick:s},null,8,["label","hint"]),o.createVNode(rr,{icon:"deployed_code",label:o.unref(e)("Open element HTML editor"),hint:o.unref(e)("Edit selected element markup"),onClick:l},null,8,["label","hint"])])]),_:1}))}});function cee(r){return new Promise((e,t)=>{const i=new window.Image;i.onload=e,i.onerror=t,i.src=r})}const mee={class:"pbx-editorFieldGroup"},bee={class:"pbx-editorFieldGroup"},gee=["src"],uee={class:"pbx-editorFieldGroup pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-px-4 pbx-py-8 pbx-text-center"},xee={class:"pbx-editorSectionDesc pbx-mb-0"},hee=o.defineComponent({__name:"ImageEditor",setup(r){const{translate:e}=ae(),t=we,i=o.inject("CustomMediaComponent",null),n=o.ref(null),a=o.ref(!1),l=o.ref(!1),s=o.ref(""),p=o.ref(""),d=o.ref(""),c=o.ref(null),m=o.ref(null),b=o.ref(null),g=o.computed(()=>(t.getBasePrimaryImage&&f(t.getBasePrimaryImage),t.getBasePrimaryImage));function x(w){return w?w.tagName==="IMG"?!0:!!t.getBasePrimaryImage:!1}function u(w){var y;x(w)&&((y=n.value)==null||y.open())}o.watch(()=>t.getElement,w=>{u(w)},{immediate:!0,flush:"post"}),o.watch(()=>t.getBasePrimaryImage,()=>{u(t.getElement)}),o.onMounted(()=>{o.nextTick(()=>{u(t.getElement)})});const h=function(){l.value=!0,s.value=e("Media Library"),p.value=null,d.value=e("Close"),c.value=e("Select image"),b.value=function(){l.value=!1}},f=async function(w){a.value=!0,w&&typeof w=="string"&&w.length>2&&(await cee(w),await Re(200),a.value=!1)};return(w,y)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(He,{ref_key:"imageAccordionRef",ref:n},{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Image")),1)]),content:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",mee,[...y[1]||(y[1]=[o.createElementVNode("div",{class:"pbx-flex pbx-min-h-40 pbx-items-center pbx-justify-center"},[o.createElementVNode("div",{class:"pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]"},[o.createElementVNode("span",{class:"!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]"},"Loading...")])],-1)])],512),[[o.vShow,a.value]]),o.withDirectives(o.createElementVNode("div",bee,[o.createElementVNode("img",{class:"pbx-w-full pbx-cursor-pointer pbx-rounded-lg pbx-object-cover pbx-object-center",src:g.value??void 0,onClick:h,alt:"image"},null,8,gee)],512),[[o.vShow,g.value&&!a.value]]),o.withDirectives(o.createElementVNode("div",uee,[o.createElementVNode("p",xee,o.toDisplayString(o.unref(e)("No image has been selected.")),1)],512),[[o.vShow,!a.value&&!g.value]])]),_:1},512),o.createVNode(DD,{open:l.value,title:s.value,description:p.value,firstButtonText:d.value,secondButtonText:c.value??void 0,thirdButtonText:m.value??void 0,customMediaComponent:o.unref(i)??void 0,onFirstMediaButtonFunction:y[0]||(y[0]=()=>{var T;return(T=b.value)==null?void 0:T.call(b)})},null,8,["open","title","description","firstButtonText","secondButtonText","thirdButtonText","customMediaComponent"])],64))}}),ws={opacities:["none","pbx-opacity-0","pbx-opacity-5","pbx-opacity-10","pbx-opacity-20","pbx-opacity-25","pbx-opacity-30","pbx-opacity-40","pbx-opacity-50","pbx-opacity-60","pbx-opacity-70","pbx-opacity-75","pbx-opacity-80","pbx-opacity-90","pbx-opacity-95","pbx-opacity-100"],backgroundOpacities:["none","pbx-bg-opacity-0","pbx-bg-opacity-5","pbx-bg-opacity-10","pbx-bg-opacity-20","pbx-bg-opacity-25","pbx-bg-opacity-30","pbx-bg-opacity-40","pbx-bg-opacity-50","pbx-bg-opacity-60","pbx-bg-opacity-70","pbx-bg-opacity-75","pbx-bg-opacity-80","pbx-bg-opacity-90","pbx-bg-opacity-95","pbx-bg-opacity-100"]},fee={class:"pbx-editorFieldGroup"},yee={class:"pbx-relative"},wee={class:"pbx-flex pbx-items-center pbx-gap-2"},vee={key:0},kee={class:"pbx-flex pbx-items-center"},See={key:0},Cee={key:2,class:"pbx-ml-3"},Tee={key:3,class:"pbx-ml-3"},Eee=o.defineComponent({__name:"BackgroundOpacityControl",setup(r){const e=ke(),{translate:t}=ae(),i=we,n=o.ref(null),a=o.computed(()=>i.getBackgroundOpacity);return o.watch(a,l=>{n.value=l},{immediate:!0}),(l,s)=>(o.openBlock(),o.createElementBlock("div",fee,[o.createVNode(o.unref(Fn),{as:"div",modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=p=>n.value=p)},{default:o.withCtx(()=>[o.createElementVNode("div",yee,[o.createVNode(o.unref(jn),{class:"pbx-myPrimarySelect",id:"bg-opacity"},{default:o.withCtx(()=>[o.createElementVNode("span",wee,[n.value==="none"?(o.openBlock(),o.createElementBlock("div",vee,[...s[1]||(s[1]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),n.value!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950",`${n.value}`])},null,2)):o.createCommentVNode("",!0),o.createElementVNode("span",{class:o.normalizeClass(["pbx-block pbx-truncate",[(n.value!=="none","")]])},o.toDisplayString(n.value==="none"?o.unref(t)("Transparent"):n.value),3)])]),_:1}),o.createVNode(o.Transition,{"leave-active-class":"pbx-transition pbx-ease-in pbx-duration-100","leave-from-class":"pbx-opacity-100","leave-to-class":"pbx-opacity-0"},{default:o.withCtx(()=>[o.createVNode(o.unref(qn),{class:"pbx-absolute pbx-z-10 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(ws).backgroundOpacities,p=>(o.openBlock(),o.createBlock(o.unref(Vr),{as:"template",onClick:d=>o.unref(e).handleBackgroundOpacity(p),key:p,value:p},{default:o.withCtx(({active:d})=>[o.createElementVNode("li",{class:o.normalizeClass([d?"pbx-bg-myPrimaryLinkColor text-white":"pbx-text-myPrimaryDarkGrayColor","pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"])},[o.createElementVNode("div",kee,[p==="none"?(o.openBlock(),o.createElementBlock("div",See,[...s[2]||(s[2]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),p!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950",`${p}`])},null,2)):o.createCommentVNode("",!0),p==="none"?(o.openBlock(),o.createElementBlock("span",Cee,o.toDisplayString(o.unref(t)("Transparent")),1)):o.createCommentVNode("",!0),p!=="none"?(o.openBlock(),o.createElementBlock("span",Tee,o.toDisplayString(p),1)):o.createCommentVNode("",!0)])],2)]),_:2},1032,["onClick","value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue"])]))}}),Pee={class:"pbx-editorFieldGroup"},Mee={class:"pbx-relative"},Bee={class:"pbx-flex pbx-items-center pbx-gap-2"},Lee={key:0},Nee={class:"pbx-flex pbx-items-center"},Aee={key:0},_ee={key:2,class:"pbx-ml-3"},Dee={key:3,class:"pbx-ml-3"},zee=o.defineComponent({__name:"OpacityControl",setup(r){const e=ke(),{translate:t}=ae(),i=we,n=o.ref(null),a=o.computed(()=>i.getOpacity);return o.watch(a,l=>{n.value=l},{immediate:!0}),(l,s)=>(o.openBlock(),o.createElementBlock("div",Pee,[o.createVNode(o.unref(Fn),{as:"div",modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=p=>n.value=p)},{default:o.withCtx(()=>[o.createElementVNode("div",Mee,[o.createVNode(o.unref(jn),{class:"pbx-myPrimarySelect",id:"default-opacity"},{default:o.withCtx(()=>[o.createElementVNode("span",Bee,[n.value==="none"?(o.openBlock(),o.createElementBlock("div",Lee,[...s[1]||(s[1]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),n.value!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950",`${n.value}`])},null,2)):o.createCommentVNode("",!0),o.createElementVNode("span",{class:o.normalizeClass(["pbx-block pbx-truncate",[(n.value!=="none","")]])},o.toDisplayString(n.value==="none"?o.unref(t)("Transparent"):n.value),3)])]),_:1}),o.createVNode(o.Transition,{"leave-active-class":"pbx-transition pbx-ease-in pbx-duration-100","leave-from-class":"pbx-opacity-100","leave-to-class":"pbx-opacity-0"},{default:o.withCtx(()=>[o.createVNode(o.unref(qn),{class:"pbx-absolute pbx-z-10 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(ws).opacities,p=>(o.openBlock(),o.createBlock(o.unref(Vr),{as:"template",onClick:d=>o.unref(e).handleOpacity(p),key:p,value:p},{default:o.withCtx(({active:d})=>[o.createElementVNode("li",{class:o.normalizeClass([d?"pbx-bg-myPrimaryLinkColor text-white":"pbx-text-myPrimaryDarkGrayColor","pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"])},[o.createElementVNode("div",Nee,[p==="none"?(o.openBlock(),o.createElementBlock("div",Aee,[...s[2]||(s[2]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),p!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950",`${p}`])},null,2)):o.createCommentVNode("",!0),p==="none"?(o.openBlock(),o.createElementBlock("span",_ee,o.toDisplayString(o.unref(t)("Transparent")),1)):o.createCommentVNode("",!0),p!=="none"?(o.openBlock(),o.createElementBlock("span",Dee,o.toDisplayString(p),1)):o.createCommentVNode("",!0)])],2)]),_:2},1032,["onClick","value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue"])]))}}),Iee={class:"pbx-editorSectionTitle"},Vee={class:"pbx-editorSectionTitle"},Hee=o.defineComponent({__name:"OpacityEditor",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Opacity & Transparency")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Iee,o.toDisplayString(o.unref(e)("Opacity")),1),o.createVNode(zee),i[0]||(i[0]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("p",Vee,o.toDisplayString(o.unref(e)("Background Opacity")),1),o.createVNode(Eee)]),_:1}))}}),Ree={key:0,class:"pbx-text-[9px] pbx-font-medium pbx-uppercase pbx-tracking-wide pbx-text-gray-400 pbx-leading-none"},Mi=o.defineComponent({__name:"SpacingStepper",props:{value:{},sideLabel:{},compact:{type:Boolean}},emits:["decrement","increment"],setup(r){return(e,t)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["pbx-flex pbx-items-center pbx-gap-0.5 pbx-rounded-lg pbx-bg-gray-100/80 pbx-p-0.5",r.compact?"pbx-scale-90 pbx-origin-center":""])},[o.createElementVNode("button",{type:"button",class:"pbx-flex pbx-h-7 pbx-w-7 pbx-shrink-0 pbx-cursor-pointer pbx-items-center pbx-justify-center pbx-rounded-md pbx-border-none pbx-bg-white pbx-text-gray-600 pbx-shadow-sm pbx-transition-colors hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-outline-none",onClick:t[0]||(t[0]=i=>e.$emit("decrement"))},[...t[2]||(t[2]=[o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIcon18"},"remove",-1)])]),o.createElementVNode("div",{class:o.normalizeClass(["pbx-flex pbx-flex-col pbx-items-center pbx-justify-center",r.sideLabel?"pbx-min-w-[2.75rem]":"pbx-min-w-[2.25rem]"])},[r.sideLabel?(o.openBlock(),o.createElementBlock("span",Ree,o.toDisplayString(r.sideLabel),1)):o.createCommentVNode("",!0),o.createElementVNode("span",{class:o.normalizeClass(["pbx-font-semibold pbx-tabular-nums pbx-text-gray-800",r.sideLabel?"pbx-text-xs":"pbx-text-sm"])},o.toDisplayString(r.value),3)],2),o.createElementVNode("button",{type:"button",class:"pbx-flex pbx-h-7 pbx-w-7 pbx-shrink-0 pbx-cursor-pointer pbx-items-center pbx-justify-center pbx-rounded-md pbx-border-none pbx-bg-white pbx-text-gray-600 pbx-shadow-sm pbx-transition-colors hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-outline-none",onClick:t[1]||(t[1]=i=>e.$emit("increment"))},[...t[3]||(t[3]=[o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIcon18"},"add",-1)])])],2))}}),me={verticalPadding:["none","pbx-py-0","pbx-py-0.5","pbx-py-1","pbx-py-1.5","pbx-py-2","pbx-py-2.5","pbx-py-3","pbx-py-3.5","pbx-py-4","pbx-py-5","pbx-py-6","pbx-py-7","pbx-py-8","pbx-py-9","pbx-py-10","pbx-py-11","pbx-py-12","pbx-py-14","pbx-py-16","pbx-py-20","pbx-py-24","pbx-py-28","pbx-py-32","pbx-py-36","pbx-py-40","pbx-py-44","pbx-py-48","pbx-py-52","pbx-py-56","pbx-py-60","pbx-py-64","pbx-py-72","pbx-py-80","pbx-py-96"],horizontalPadding:["none","pbx-px-0","pbx-px-0.5","pbx-px-1","pbx-px-1.5","pbx-px-2","pbx-px-2.5","pbx-px-3","pbx-px-3.5","pbx-px-4","pbx-px-5","pbx-px-6","pbx-px-7","pbx-px-8","pbx-px-9","pbx-px-10","pbx-px-11","pbx-px-12","pbx-px-14","pbx-px-16","pbx-px-20","pbx-px-24","pbx-px-28","pbx-px-32","pbx-px-36","pbx-px-40","pbx-px-44","pbx-px-48","pbx-px-52","pbx-px-56","pbx-px-60","pbx-px-64","pbx-px-72","pbx-px-80","pbx-px-96"],topPadding:["none","pbx-pt-0","pbx-pt-0.5","pbx-pt-1","pbx-pt-1.5","pbx-pt-2","pbx-pt-2.5","pbx-pt-3","pbx-pt-3.5","pbx-pt-4","pbx-pt-5","pbx-pt-6","pbx-pt-7","pbx-pt-8","pbx-pt-9","pbx-pt-10","pbx-pt-11","pbx-pt-12","pbx-pt-14","pbx-pt-16","pbx-pt-20","pbx-pt-24","pbx-pt-28","pbx-pt-32","pbx-pt-36","pbx-pt-40","pbx-pt-44","pbx-pt-48","pbx-pt-52","pbx-pt-56","pbx-pt-60","pbx-pt-64","pbx-pt-72","pbx-pt-80","pbx-pt-96"],rightPadding:["none","pbx-pr-0","pbx-pr-0.5","pbx-pr-1","pbx-pr-1.5","pbx-pr-2","pbx-pr-2.5","pbx-pr-3","pbx-pr-3.5","pbx-pr-4","pbx-pr-5","pbx-pr-6","pbx-pr-7","pbx-pr-8","pbx-pr-9","pbx-pr-10","pbx-pr-11","pbx-pr-12","pbx-pr-14","pbx-pr-16","pbx-pr-20","pbx-pr-24","pbx-pr-28","pbx-pr-32","pbx-pr-36","pbx-pr-40","pbx-pr-44","pbx-pr-48","pbx-pr-52","pbx-pr-56","pbx-pr-60","pbx-pr-64","pbx-pr-72","pbx-pr-80","pbx-pr-96"],bottomPadding:["none","pbx-pb-0","pbx-pb-0.5","pbx-pb-1","pbx-pb-1.5","pbx-pb-2","pbx-pb-2.5","pbx-pb-3","pbx-pb-3.5","pbx-pb-4","pbx-pb-5","pbx-pb-6","pbx-pb-7","pbx-pb-8","pbx-pb-9","pbx-pb-10","pbx-pb-11","pbx-pb-12","pbx-pb-14","pbx-pb-16","pbx-pb-20","pbx-pb-24","pbx-pb-28","pbx-pb-32","pbx-pb-36","pbx-pb-40","pbx-pb-44","pbx-pb-48","pbx-pb-52","pbx-pb-56","pbx-pb-60","pbx-pb-64","pbx-pb-72","pbx-pb-80","pbx-pb-96"],leftPadding:["none","pbx-pl-0","pbx-pl-0.5","pbx-pl-1","pbx-pl-1.5","pbx-pl-2","pbx-pl-2.5","pbx-pl-3","pbx-pl-3.5","pbx-pl-4","pbx-pl-5","pbx-pl-6","pbx-pl-7","pbx-pl-8","pbx-pl-9","pbx-pl-10","pbx-pl-11","pbx-pl-12","pbx-pl-14","pbx-pl-16","pbx-pl-20","pbx-pl-24","pbx-pl-28","pbx-pl-32","pbx-pl-36","pbx-pl-40","pbx-pl-44","pbx-pl-48","pbx-pl-52","pbx-pl-56","pbx-pl-60","pbx-pl-64","pbx-pl-72","pbx-pl-80","pbx-pl-96"],verticalMargin:["none","pbx-my-0","pbx-my-0.5","pbx-my-1","pbx-my-1.5","pbx-my-2","pbx-my-2.5","pbx-my-3","pbx-my-3.5","pbx-my-4","pbx-my-5","pbx-my-6","pbx-my-7","pbx-my-8","pbx-my-9","pbx-my-10","pbx-my-11","pbx-my-12","pbx-my-14","pbx-my-16","pbx-my-20","pbx-my-24","pbx-my-28","pbx-my-32","pbx-my-36","pbx-my-40","pbx-my-44","pbx-my-48","pbx-my-52","pbx-my-56","pbx-my-60","pbx-my-64","pbx-my-72","pbx-my-80","pbx-my-96"],horizontalMargin:["none","pbx-mx-0","pbx-mx-0.5","pbx-mx-1","pbx-mx-1.5","pbx-mx-2","pbx-mx-2.5","pbx-mx-3","pbx-mx-3.5","pbx-mx-4","pbx-mx-5","pbx-mx-6","pbx-mx-7","pbx-mx-8","pbx-mx-9","pbx-mx-10","pbx-mx-11","pbx-mx-12","pbx-mx-14","pbx-mx-16","pbx-mx-20","pbx-mx-24","pbx-mx-28","pbx-mx-32","pbx-mx-36","pbx-mx-40","pbx-mx-44","pbx-mx-48","pbx-mx-52","pbx-mx-56","pbx-mx-60","pbx-mx-64","pbx-mx-72","pbx-mx-80","pbx-mx-96"],topMargin:["none","pbx-mt-0","pbx-mt-0.5","pbx-mt-1","pbx-mt-1.5","pbx-mt-2","pbx-mt-2.5","pbx-mt-3","pbx-mt-3.5","pbx-mt-4","pbx-mt-5","pbx-mt-6","pbx-mt-7","pbx-mt-8","pbx-mt-9","pbx-mt-10","pbx-mt-11","pbx-mt-12","pbx-mt-14","pbx-mt-16","pbx-mt-20","pbx-mt-24","pbx-mt-28","pbx-mt-32","pbx-mt-36","pbx-mt-40","pbx-mt-44","pbx-mt-48","pbx-mt-52","pbx-mt-56","pbx-mt-60","pbx-mt-64","pbx-mt-72","pbx-mt-80","pbx-mt-96"],rightMargin:["none","pbx-mr-0","pbx-mr-0.5","pbx-mr-1","pbx-mr-1.5","pbx-mr-2","pbx-mr-2.5","pbx-mr-3","pbx-mr-3.5","pbx-mr-4","pbx-mr-5","pbx-mr-6","pbx-mr-7","pbx-mr-8","pbx-mr-9","pbx-mr-10","pbx-mr-11","pbx-mr-12","pbx-mr-14","pbx-mr-16","pbx-mr-20","pbx-mr-24","pbx-mr-28","pbx-mr-32","pbx-mr-36","pbx-mr-40","pbx-mr-44","pbx-mr-48","pbx-mr-52","pbx-mr-56","pbx-mr-60","pbx-mr-64","pbx-mr-72","pbx-mr-80","pbx-mr-96"],bottomMargin:["none","pbx-mb-0","pbx-mb-0.5","pbx-mb-1","pbx-mb-1.5","pbx-mb-2","pbx-mb-2.5","pbx-mb-3","pbx-mb-3.5","pbx-mb-4","pbx-mb-5","pbx-mb-6","pbx-mb-7","pbx-mb-8","pbx-mb-9","pbx-mb-10","pbx-mb-11","pbx-mb-12","pbx-mb-14","pbx-mb-16","pbx-mb-20","pbx-mb-24","pbx-mb-28","pbx-mb-32","pbx-mb-36","pbx-mb-40","pbx-mb-44","pbx-mb-48","pbx-mb-52","pbx-mb-56","pbx-mb-60","pbx-mb-64","pbx-mb-72","pbx-mb-80","pbx-mb-96"],leftMargin:["none","pbx-ml-0","pbx-ml-0.5","pbx-ml-1","pbx-ml-1.5","pbx-ml-2","pbx-ml-2.5","pbx-ml-3","pbx-ml-3.5","pbx-ml-4","pbx-ml-5","pbx-ml-6","pbx-ml-7","pbx-ml-8","pbx-ml-9","pbx-ml-10","pbx-ml-11","pbx-ml-12","pbx-ml-14","pbx-ml-16","pbx-ml-20","pbx-ml-24","pbx-ml-28","pbx-ml-32","pbx-ml-36","pbx-ml-40","pbx-ml-44","pbx-ml-48","pbx-ml-52","pbx-ml-56","pbx-ml-60","pbx-ml-64","pbx-ml-72","pbx-ml-80","pbx-ml-96"]},Oee={class:"pbx-editorSectionTitle"},Fee={class:"pbx-editorSectionDesc"},jee={class:"pbx-mb-4 pbx-space-y-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-3"},qee={class:"pbx-flex pbx-items-center pbx-justify-between pbx-gap-3"},Uee={class:"pbx-text-xs pbx-font-medium pbx-text-gray-500"},Wee={class:"pbx-flex pbx-items-center pbx-justify-between pbx-gap-3"},Gee={class:"pbx-text-xs pbx-font-medium pbx-text-gray-500"},Kee={class:"pbx-editorSectionTitle"},Jee={class:"pbx-flex pbx-flex-col pbx-items-center pbx-justify-center"},Yee={class:"pbx-mb-3 pbx-flex pbx-justify-center"},Qee={class:"pbx-items-center pbx-gap-2",style:{display:"grid","grid-template-columns":"auto 1fr auto"}},Xee={class:"pbx-flex pbx-h-10 pbx-items-center pbx-justify-center pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-200/80 pbx-bg-white pbx-shadow-sm"},Zee={class:"pbx-select-none pbx-text-[10px] pbx-font-medium pbx-text-gray-400"},$ee={class:"pbx-mt-3 pbx-flex pbx-justify-center"},Bz=o.defineComponent({__name:"SpacingControl",props:{mode:{}},setup(r){const e=r,{translate:t}=ae(),i=ke(),n=we,a=o.computed(()=>e.mode==="padding"),l=o.computed(()=>a.value?"pbx-bg-emerald-50/40":"pbx-bg-amber-50/40"),s=o.computed(()=>a.value?"pbx-border-emerald-200/60":"pbx-border-amber-200/60"),p=o.ref(null),d=o.ref(null),c=o.ref(null),m=o.ref(null),b=o.ref(null),g=o.ref(null),x=o.computed(()=>a.value?n.getFontVerticalPadding:n.getFontVerticalMargin),u=o.computed(()=>a.value?n.getFontHorizontalPadding:n.getFontHorizontalMargin),h=o.computed(()=>a.value?n.getFontTopPadding:n.getFontTopMargin),f=o.computed(()=>a.value?n.getFontRightPadding:n.getFontRightMargin),w=o.computed(()=>a.value?n.getFontBottomPadding:n.getFontBottomMargin),y=o.computed(()=>a.value?n.getFontLeftPadding:n.getFontLeftMargin);o.watch(x,I=>{p.value=I},{immediate:!0}),o.watch(u,I=>{d.value=I},{immediate:!0}),o.watch(h,I=>{c.value=I},{immediate:!0}),o.watch(f,I=>{m.value=I},{immediate:!0}),o.watch(w,I=>{b.value=I},{immediate:!0}),o.watch(y,I=>{g.value=I},{immediate:!0});function T(I){if(!I||I==="none")return"–";const j=I.match(/-(\d[\d.]*)$/);return j?j[1]:"–"}function C(){return T(c.value&&c.value!=="none"?c.value:p.value)}function E(){return T(b.value&&b.value!=="none"?b.value:p.value)}function v(){return T(g.value&&g.value!=="none"?g.value:d.value)}function M(){return T(m.value&&m.value!=="none"?m.value:d.value)}function P(I,j,Y){const Q=I.indexOf(j??"none");return I[Math.max(0,Math.min(I.length-1,Math.max(0,Q)+Y))]}function k(I){const j=a.value?me.verticalPadding:me.verticalMargin,Y=P(j,p.value,I);p.value=Y,a.value?i.handleVerticalPadding(Y):i.handleVerticalMargin(Y)}function S(I){const j=a.value?me.horizontalPadding:me.horizontalMargin,Y=P(j,d.value,I);d.value=Y,a.value?i.handleHorizontalPadding(Y):i.handleHorizontalMargin(Y)}function N(I){const j=a.value?me.topPadding:me.topMargin,Y=P(j,c.value,I);c.value=Y,a.value?i.handleTopPadding(Y):i.handleTopMargin(Y)}function A(I){const j=a.value?me.rightPadding:me.rightMargin,Y=P(j,m.value,I);m.value=Y,a.value?i.handleRightPadding(Y):i.handleRightMargin(Y)}function _(I){const j=a.value?me.bottomPadding:me.bottomMargin,Y=P(j,b.value,I);b.value=Y,a.value?i.handleBottomPadding(Y):i.handleBottomMargin(Y)}function V(I){const j=a.value?me.leftPadding:me.leftMargin,Y=P(j,g.value,I);g.value=Y,a.value?i.handleLeftPadding(Y):i.handleLeftMargin(Y)}return(I,j)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(t)(a.value?"Padding":"Margin")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Oee,o.toDisplayString(o.unref(t)("All sides")),1),o.createElementVNode("p",Fee,o.toDisplayString(o.unref(t)("Applies across all screen sizes")),1),o.createElementVNode("div",jee,[o.createElementVNode("div",qee,[o.createElementVNode("span",Uee,o.toDisplayString(o.unref(t)("Vertical")),1),o.createVNode(Mi,{value:T(p.value),onDecrement:j[0]||(j[0]=Y=>k(-1)),onIncrement:j[1]||(j[1]=Y=>k(1))},null,8,["value"])]),j[12]||(j[12]=o.createElementVNode("div",{class:"pbx-h-px pbx-bg-gray-100"},null,-1)),o.createElementVNode("div",Wee,[o.createElementVNode("span",Gee,o.toDisplayString(o.unref(t)("Horizontal")),1),o.createVNode(Mi,{value:T(d.value),onDecrement:j[2]||(j[2]=Y=>S(-1)),onIncrement:j[3]||(j[3]=Y=>S(1))},null,8,["value"])])]),j[13]||(j[13]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Kee,o.toDisplayString(o.unref(t)(a.value?"Padding":"Margin")),1),o.createElementVNode("div",{class:o.normalizeClass(["pbx-relative pbx-rounded-full pbx-border pbx-border-solid pbx-p-8 pbx-pt-8 pbx-flex pbx-items-center pbx-justify-center",[l.value,s.value]])},[o.createElementVNode("div",Jee,[o.createElementVNode("div",Yee,[o.createVNode(Mi,{value:C(),"side-label":o.unref(t)("top"),onDecrement:j[4]||(j[4]=Y=>N(-1)),onIncrement:j[5]||(j[5]=Y=>N(1))},null,8,["value","side-label"])]),o.createElementVNode("div",Qee,[o.createVNode(Mi,{value:v(),"side-label":o.unref(t)("left"),compact:"",onDecrement:j[6]||(j[6]=Y=>V(-1)),onIncrement:j[7]||(j[7]=Y=>V(1))},null,8,["value","side-label"]),o.createElementVNode("div",Xee,[o.createElementVNode("span",Zee,o.toDisplayString(o.unref(t)("element")),1)]),o.createVNode(Mi,{value:M(),"side-label":o.unref(t)("right"),compact:"",onDecrement:j[8]||(j[8]=Y=>A(-1)),onIncrement:j[9]||(j[9]=Y=>A(1))},null,8,["value","side-label"])]),o.createElementVNode("div",$ee,[o.createVNode(Mi,{value:E(),"side-label":o.unref(t)("bottom"),onDecrement:j[10]||(j[10]=Y=>_(-1)),onIncrement:j[11]||(j[11]=Y=>_(1))},null,8,["value","side-label"])])])],2)]),_:1}))}}),Lz=o.defineComponent({__name:"PaddingControl",setup(r){return(e,t)=>(o.openBlock(),o.createBlock(Bz,{mode:"padding"}))}}),Nz=o.defineComponent({__name:"MarginControl",setup(r){return(e,t)=>(o.openBlock(),o.createBlock(Bz,{mode:"margin"}))}}),yt={roundedGlobal:["none","pbx-rounded-sm","pbx-rounded","pbx-rounded-md","pbx-rounded-lg","pbx-rounded-xl","pbx-rounded-2xl","pbx-rounded-3xl","pbx-rounded-full"],roundedTopLeft:["none","pbx-rounded-tl-sm","pbx-rounded-tl","pbx-rounded-tl-md","pbx-rounded-tl-lg","pbx-rounded-tl-xl","pbx-rounded-tl-2xl","pbx-rounded-tl-3xl","pbx-rounded-tl-full"],roundedTopRight:["none","pbx-rounded-tr-sm","pbx-rounded-tr","pbx-rounded-tr-md","pbx-rounded-tr-lg","pbx-rounded-tr-xl","pbx-rounded-tr-2xl","pbx-rounded-tr-3xl","pbx-rounded-tr-full"],roundedBottomLeft:["none","pbx-rounded-bl-sm","pbx-rounded-bl","pbx-rounded-bl-md","pbx-rounded-bl-lg","pbx-rounded-bl-xl","pbx-rounded-bl-2xl","pbx-rounded-bl-3xl","pbx-rounded-bl-full"],roundedBottomRight:["none","pbx-rounded-br-sm","pbx-rounded-br","pbx-rounded-br-md","pbx-rounded-br-lg","pbx-rounded-br-xl","pbx-rounded-br-2xl","pbx-rounded-br-3xl","pbx-rounded-br-full"]},ete={class:"pbx-editorSectionTitle"},tte={class:"pbx-editorFieldGroup"},rte={for:"global-border-radius",class:"pbx-myPrimaryInputLabel"},ote={disabled:"",value:""},ite={class:"pbx-editorSectionTitle"},nte={class:"pbx-editorFieldGroup"},ate={for:"border-radius-top-left",class:"pbx-myPrimaryInputLabel"},lte={disabled:"",value:""},ste={class:"pbx-editorFieldGroup"},pte={for:"border-radius-top-right",class:"pbx-myPrimaryInputLabel"},dte={disabled:"",value:""},cte={class:"pbx-editorFieldGroup"},mte={for:"border-radius-bottom-left",class:"pbx-myPrimaryInputLabel"},bte={disabled:"",value:""},gte={class:"pbx-editorFieldGroup"},ute={for:"border-radius-bottom-right",class:"pbx-myPrimaryInputLabel"},xte={disabled:"",value:""},Az=o.defineComponent({__name:"BorderRadiusControl",setup(r){const{translate:e}=ae(),t=ke(),i=we,n=o.ref(null),a=o.ref(null),l=o.ref(null),s=o.ref(null),p=o.ref(null),d=o.computed(()=>i.getBorderRadiusGlobal),c=o.computed(()=>i.getBorderRadiusTopLeft),m=o.computed(()=>i.getBorderRadiusTopRight),b=o.computed(()=>i.getBorderRadiusBottomleft),g=o.computed(()=>i.getBorderRadiusBottomRight);return o.watch(d,x=>{n.value=x},{immediate:!0}),o.watch(c,x=>{a.value=x},{immediate:!0}),o.watch(m,x=>{l.value=x},{immediate:!0}),o.watch(b,x=>{s.value=x},{immediate:!0}),o.watch(g,x=>{p.value=x},{immediate:!0}),(x,u)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Border Radius")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",ete,o.toDisplayString(o.unref(e)("Global")),1),o.createElementVNode("div",tte,[o.createElementVNode("label",rte,o.toDisplayString(o.unref(e)("Border Radius")),1),o.withDirectives(o.createElementVNode("select",{id:"global-border-radius","onUpdate:modelValue":u[0]||(u[0]=h=>n.value=h),class:"pbx-myPrimarySelect",onChange:u[1]||(u[1]=h=>o.unref(t).handleBorderRadiusGlobal(n.value??void 0))},[o.createElementVNode("option",ote,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(yt).roundedGlobal,h=>(o.openBlock(),o.createElementBlock("option",{key:h},o.toDisplayString(h),1))),128))],544),[[o.vModelSelect,n.value]])]),u[10]||(u[10]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("p",ite,o.toDisplayString(o.unref(e)("Specific")),1),o.createElementVNode("div",nte,[o.createElementVNode("label",ate,o.toDisplayString(o.unref(e)("Border Radius top left")),1),o.withDirectives(o.createElementVNode("select",{id:"border-radius-top-left","onUpdate:modelValue":u[2]||(u[2]=h=>a.value=h),class:"pbx-myPrimarySelect",onChange:u[3]||(u[3]=h=>o.unref(t).handleBorderRadiusTopLeft(a.value??void 0))},[o.createElementVNode("option",lte,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(yt).roundedTopLeft,h=>(o.openBlock(),o.createElementBlock("option",{key:h},o.toDisplayString(h),1))),128))],544),[[o.vModelSelect,a.value]])]),u[11]||(u[11]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",ste,[o.createElementVNode("label",pte,o.toDisplayString(o.unref(e)("Border Radius top right")),1),o.withDirectives(o.createElementVNode("select",{id:"border-radius-top-right","onUpdate:modelValue":u[4]||(u[4]=h=>l.value=h),class:"pbx-myPrimarySelect",onChange:u[5]||(u[5]=h=>o.unref(t).handleBorderRadiusTopRight(l.value??void 0))},[o.createElementVNode("option",dte,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(yt).roundedTopRight,h=>(o.openBlock(),o.createElementBlock("option",{key:h},o.toDisplayString(h),1))),128))],544),[[o.vModelSelect,l.value]])]),u[12]||(u[12]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",cte,[o.createElementVNode("label",mte,o.toDisplayString(o.unref(e)("Border Radius bottom left")),1),o.withDirectives(o.createElementVNode("select",{id:"border-radius-bottom-left","onUpdate:modelValue":u[6]||(u[6]=h=>s.value=h),class:"pbx-myPrimarySelect",onChange:u[7]||(u[7]=h=>o.unref(t).handleBorderRadiusBottomleft(s.value??void 0))},[o.createElementVNode("option",bte,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(yt).roundedBottomLeft,h=>(o.openBlock(),o.createElementBlock("option",{key:h},o.toDisplayString(h),1))),128))],544),[[o.vModelSelect,s.value]])]),u[13]||(u[13]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",gte,[o.createElementVNode("label",ute,o.toDisplayString(o.unref(e)("Border Radius bottom right")),1),o.withDirectives(o.createElementVNode("select",{id:"border-radius-bottom-right","onUpdate:modelValue":u[8]||(u[8]=h=>p.value=h),class:"pbx-myPrimarySelect",onChange:u[9]||(u[9]=h=>o.unref(t).handleBorderRadiusBottomRight(p.value??void 0))},[o.createElementVNode("option",xte,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(yt).roundedBottomRight,h=>(o.openBlock(),o.createElementBlock("option",{key:h},o.toDisplayString(h),1))),128))],544),[[o.vModelSelect,p.value]])])]),_:1}))}}),Bi={borderStyle:["none","pbx-border-solid","pbx-border-dashed","pbx-border-dotted","pbx-border-double","pbx-border-hidden"],borderWidth:["none","pbx-border","pbx-border-2","pbx-border-4","pbx-border-8"],borderColor:["none","pbx-border-white","pbx-border-black","pbx-border-slate-50","pbx-border-slate-100","pbx-border-slate-200","pbx-border-slate-300","pbx-border-slate-400","pbx-border-slate-500","pbx-border-slate-600","pbx-border-slate-700","pbx-border-slate-800","pbx-border-slate-900","pbx-border-gray-50","pbx-border-gray-100","pbx-border-gray-200","pbx-border-gray-300","pbx-border-gray-400","pbx-border-gray-500","pbx-border-gray-600","pbx-border-gray-700","pbx-border-gray-800","pbx-border-gray-900","pbx-border-zinc-50","pbx-border-zinc-100","pbx-border-zinc-200","pbx-border-zinc-300","pbx-border-zinc-400","pbx-border-zinc-500","pbx-border-zinc-600","pbx-border-zinc-700","pbx-border-zinc-800","pbx-border-zinc-900","pbx-border-neutral-50","pbx-border-neutral-100","pbx-border-neutral-200","pbx-border-neutral-300","pbx-border-neutral-400","pbx-border-neutral-500","pbx-border-neutral-600","pbx-border-neutral-700","pbx-border-neutral-800","pbx-border-neutral-900","pbx-border-stone-50","pbx-border-stone-100","pbx-border-stone-200","pbx-border-stone-300","pbx-border-stone-400","pbx-border-stone-500","pbx-border-stone-600","pbx-border-stone-700","pbx-border-stone-800","pbx-border-stone-900","pbx-border-red-50","pbx-border-red-100","pbx-border-red-200","pbx-border-red-300","pbx-border-red-400","pbx-border-red-500","pbx-border-red-600","pbx-border-red-700","pbx-border-red-800","pbx-border-red-900","pbx-border-orange-50","pbx-border-orange-100","pbx-border-orange-200","pbx-border-orange-300","pbx-border-orange-400","pbx-border-orange-500","pbx-border-orange-600","pbx-border-orange-700","pbx-border-orange-800","pbx-border-orange-900","pbx-border-amber-50","pbx-border-amber-100","pbx-border-amber-200","pbx-border-amber-300","pbx-border-amber-400","pbx-border-amber-500","pbx-border-amber-600","pbx-border-amber-700","pbx-border-amber-800","pbx-border-amber-900","pbx-border-yellow-50","pbx-border-yellow-100","pbx-border-yellow-200","pbx-border-yellow-300","pbx-border-yellow-400","pbx-border-yellow-500","pbx-border-yellow-600","pbx-border-yellow-700","pbx-border-yellow-800","pbx-border-yellow-900","pbx-border-lime-50","pbx-border-lime-100","pbx-border-lime-200","pbx-border-lime-300","pbx-border-lime-400","pbx-border-lime-500","pbx-border-lime-600","pbx-border-lime-700","pbx-border-lime-800","pbx-border-lime-900","pbx-border-green-50","pbx-border-green-100","pbx-border-green-200","pbx-border-green-300","pbx-border-green-400","pbx-border-green-500","pbx-border-green-600","pbx-border-green-700","pbx-border-green-800","pbx-border-green-900","pbx-border-emerald-50","pbx-border-emerald-100","pbx-border-emerald-200","pbx-border-emerald-300","pbx-border-emerald-400","pbx-border-emerald-500","pbx-border-emerald-600","pbx-border-emerald-700","pbx-border-emerald-800","pbx-border-emerald-900","pbx-border-teal-50","pbx-border-teal-100","pbx-border-teal-200","pbx-border-teal-300","pbx-border-teal-400","pbx-border-teal-500","pbx-border-teal-600","pbx-border-teal-700","pbx-border-teal-800","pbx-border-teal-900","pbx-border-cyan-50","pbx-border-cyan-100","pbx-border-cyan-200","pbx-border-cyan-300","pbx-border-cyan-400","pbx-border-cyan-500","pbx-border-cyan-600","pbx-border-cyan-700","pbx-border-cyan-800","pbx-border-cyan-900","pbx-border-sky-50","pbx-border-sky-100","pbx-border-sky-200","pbx-border-sky-300","pbx-border-sky-400","pbx-border-sky-500","pbx-border-sky-600","pbx-border-sky-700","pbx-border-sky-800","pbx-border-sky-900","pbx-border-blue-50","pbx-border-blue-100","pbx-border-blue-200","pbx-border-blue-300","pbx-border-blue-400","pbx-border-blue-500","pbx-border-blue-600","pbx-border-blue-700","pbx-border-blue-800","pbx-border-blue-900","pbx-border-indigo-50","pbx-border-indigo-100","pbx-border-indigo-200","pbx-border-indigo-300","pbx-border-indigo-400","pbx-border-indigo-500","pbx-border-indigo-600","pbx-border-indigo-700","pbx-border-indigo-800","pbx-border-indigo-900","pbx-border-violet-50","pbx-border-violet-100","pbx-border-violet-200","pbx-border-violet-300","pbx-border-violet-400","pbx-border-violet-500","pbx-border-violet-600","pbx-border-violet-700","pbx-border-violet-800","pbx-border-violet-900","pbx-border-purple-50","pbx-border-purple-100","pbx-border-purple-200","pbx-border-purple-300","pbx-border-purple-400","pbx-border-purple-500","pbx-border-purple-600","pbx-border-purple-700","pbx-border-purple-800","pbx-border-purple-900","pbx-border-fuchsia-50","pbx-border-fuchsia-100","pbx-border-fuchsia-200","pbx-border-fuchsia-300","pbx-border-fuchsia-400","pbx-border-fuchsia-500","pbx-border-fuchsia-600","pbx-border-fuchsia-700","pbx-border-fuchsia-800","pbx-border-fuchsia-900","pbx-border-pink-50","pbx-border-pink-100","pbx-border-pink-200","pbx-border-pink-300","pbx-border-pink-400","pbx-border-pink-500","pbx-border-pink-600","pbx-border-pink-700","pbx-border-pink-800","pbx-border-pink-900","pbx-border-rose-50","pbx-border-rose-100","pbx-border-rose-200","pbx-border-rose-300","pbx-border-rose-400","pbx-border-rose-500","pbx-border-rose-600","pbx-border-rose-700","pbx-border-rose-800","pbx-border-rose-900"]},hte={class:"pbx-editorSectionTitle"},fte={class:"pbx-editorFieldGroup"},yte={for:"border-style",class:"pbx-myPrimaryInputLabel"},wte={disabled:"",value:""},vte={class:"pbx-editorFieldGroup"},kte={for:"border-width",class:"pbx-myPrimaryInputLabel"},Ste={disabled:"",value:""},Cte={class:"pbx-editorFieldGroup"},Tte={for:"border-color",class:"pbx-myPrimaryInputLabel"},Ete={class:"pbx-flex pbx-items-center pbx-gap-2"},Pte={key:0},Mte={class:"pbx-block pbx-truncate"},Bte={class:"pbx-flex pbx-items-center"},Lte={key:0},Nte={key:2,class:"pbx-ml-3"},Ate={key:3,class:"pbx-ml-3"},_z=o.defineComponent({name:"BorderControls",__name:"BorderControls",setup(r){const{translate:e}=ae(),t=ke(),i=we,n=o.ref(null),a=o.ref(null),l=o.ref(null),s=o.computed(()=>i.getBorderStyle),p=o.computed(()=>i.getBorderWidth),d=o.computed(()=>i.getBorderColor);return o.watch(s,c=>{n.value=c},{immediate:!0}),o.watch(p,c=>{a.value=c},{immediate:!0}),o.watch(d,c=>{l.value=c},{immediate:!0}),(c,m)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Border Style, Width & Color")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",hte,o.toDisplayString(o.unref(e)("Border")),1),o.createElementVNode("div",fte,[o.createElementVNode("label",yte,o.toDisplayString(o.unref(e)("Border Style")),1),o.withDirectives(o.createElementVNode("select",{id:"border-style","onUpdate:modelValue":m[0]||(m[0]=b=>n.value=b),class:"pbx-myPrimarySelect",onChange:m[1]||(m[1]=b=>o.unref(t).handleBorderStyle(n.value??void 0))},[o.createElementVNode("option",wte,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Bi).borderStyle,b=>(o.openBlock(),o.createElementBlock("option",{key:b},o.toDisplayString(b),1))),128))],544),[[o.vModelSelect,n.value]])]),m[7]||(m[7]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",vte,[o.createElementVNode("label",kte,o.toDisplayString(o.unref(e)("Border Width")),1),o.withDirectives(o.createElementVNode("select",{id:"border-width","onUpdate:modelValue":m[2]||(m[2]=b=>a.value=b),class:"pbx-myPrimarySelect",onChange:m[3]||(m[3]=b=>o.unref(t).handleBorderWidth(a.value??void 0))},[o.createElementVNode("option",Ste,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Bi).borderWidth,b=>(o.openBlock(),o.createElementBlock("option",{key:b},o.toDisplayString(b),1))),128))],544),[[o.vModelSelect,a.value]])]),m[8]||(m[8]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Cte,[o.createElementVNode("label",Tte,o.toDisplayString(o.unref(e)("Border Color")),1),o.createVNode(o.unref(Fn),{as:"div",modelValue:l.value,"onUpdate:modelValue":m[4]||(m[4]=b=>l.value=b)},{default:o.withCtx(({open:b})=>[o.createElementVNode("div",{class:o.normalizeClass(["pbx-relative pbx-mt-2",b?"pbx-z-50":"pbx-z-0"])},[o.createVNode(o.unref(jn),{class:"pbx-myPrimarySelect",id:"border-color"},{default:o.withCtx(()=>{var g;return[o.createElementVNode("span",Ete,[d.value==="none"?(o.openBlock(),o.createElementBlock("div",Pte,[...m[5]||(m[5]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),l.value!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-sm",`pbx-bg-${(g=l.value)==null?void 0:g.replace("pbx-border-","")}`])},null,2)):o.createCommentVNode("",!0),o.createElementVNode("span",Mte,o.toDisplayString(l.value),1)])]}),_:1}),o.createVNode(o.Transition,{"leave-active-class":"pbx-transition pbx-ease-in pbx-duration-100","leave-from-class":"pbx-opacity-100","leave-to-class":"pbx-opacity-0"},{default:o.withCtx(()=>[o.createVNode(o.unref(qn),{class:"pbx-headless-dropdown pbx-absolute pbx-z-50 pbx-mt-1 pbx-max-h-56 pbx-w-full pbx-overflow-auto pbx-rounded-md pbx-bg-white pbx-text-base pbx-shadow-lg pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 focus:pbx-outline-none sm:pbx-text-sm pbx-list-none pbx-p-0 pbx-m-0"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Bi).borderColor,g=>(o.openBlock(),o.createBlock(o.unref(Vr),{as:"template",onClick:x=>o.unref(t).handleBorderColor(g??void 0),key:g,value:g},{default:o.withCtx(({active:x})=>[o.createElementVNode("li",{class:o.normalizeClass([x?"pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-text-myPrimaryDarkGrayColor","pbx-relative pbx-cursor-default pbx-select-none pbx-py-2 pbx-pl-3 pbx-pr-9"])},[o.createElementVNode("div",Bte,[g==="none"?(o.openBlock(),o.createElementBlock("div",Lte,[...m[6]||(m[6]=[o.createElementVNode("div",{class:"pbx-myPrimaryColorPreview pbx-border-none"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," ev_shadow ")],-1)])])):o.createCommentVNode("",!0),g!=="none"?(o.openBlock(),o.createElementBlock("div",{key:1,class:o.normalizeClass(["pbx-aspect-square pbx-w-6 pbx-h-6 pbx-bg-gray-950",`pbx-bg-${g.replace("pbx-border-","")}`])},null,2)):o.createCommentVNode("",!0),g==="none"?(o.openBlock(),o.createElementBlock("span",Nte,o.toDisplayString(o.unref(e)("Transparent")),1)):o.createCommentVNode("",!0),g!=="none"?(o.openBlock(),o.createElementBlock("span",Ate,o.toDisplayString(g),1)):o.createCommentVNode("",!0)])],2)]),_:2},1032,["onClick","value"]))),128))]),_:1})]),_:1})],2)]),_:1},8,["modelValue"])])]),_:1}))}}),_te={class:"pbx-flex pbx-items-center pbx-justify-between pbx-gap-4 pbx-rounded-lg pbx-border pbx-border-solid pbx-border-gray-100 pbx-bg-gray-50 pbx-px-4 pbx-py-3"},Dte={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0"},zte={class:"pbx-text-xs pbx-text-gray-500 pbx-my-0"},Ite={class:"pbx-grid pbx-grid-cols-1 pbx-gap-3"},Vte=["for"],Hte={class:"pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg"},Rte=["id","value","onInput","onBlur"],Ote={class:"pbx-relative pbx-flex-shrink-0"},Fte=["title","onClick"],jte={class:"pbx-border-t pbx-border-gray-100 pbx-pt-4 pbx-mt-2 pbx-flex pbx-items-center pbx-justify-between pbx-gap-3"},qte={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-my-0"},Ute={class:"pbx-text-xs pbx-text-gray-500 pbx-my-0"},Wte=o.defineComponent({__name:"ThemeColorPresetManager",props:{embedded:{type:Boolean}},setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=we,n=o.computed(()=>i.getPageBuilderConfig),{themeColorPresetSettings:a,setThemeColorPresetsEnabled:l,updateThemeColorPreset:s,resetToConfigDefaults:p}=as(n),d=o.ref({});function c(v){return d.value[v.id]??v.color}o.watch(()=>a.value.colors,v=>{v.forEach(M=>{var k;((k=document.activeElement)==null?void 0:k.id)!==`color-input-${M.id}`&&(d.value[M.id]=M.color)})},{deep:!0});const m=/^#?[0-9a-fA-F]{6}$/;function b(v,M){const P=M.target,k=P.value.trim();d.value[v.id]=P.value,m.test(k)&&s(v.id,{color:k})}function g(v){d.value[v.id]=v.color}function x(v,M){s(v,{enabled:M})}function u(v,M){s(v.id,{color:M})}const h=o.ref(null);function f(v){h.value=h.value===v?null:v}function w(){h.value=null}const y=o.ref(!1);function T(){y.value=!0}function C(){y.value=!1}function E(){p(),d.value={},y.value=!1,t(e("Theme colors reset to defaults"),"success")}return(v,M)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",{class:o.normalizeClass(["pbx-flex pbx-flex-col pbx-gap-4",r.embedded?"":"pbx-mb-20"])},[o.createElementVNode("div",_te,[o.createElementVNode("div",null,[o.createElementVNode("p",Dte,o.toDisplayString(o.unref(e)("Enable theme color presets")),1),o.createElementVNode("p",zte,o.toDisplayString(o.unref(e)("Use saved hex colors in text and background color menus")),1)]),o.createVNode(er,{"model-value":o.unref(a).enabled,"onUpdate:modelValue":o.unref(l)},null,8,["model-value","onUpdate:modelValue"])]),o.createElementVNode("div",Ite,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(a).colors,P=>(o.openBlock(),o.createElementBlock("div",{key:P.id,class:"pbx-myInputGroup"},[o.createElementVNode("label",{for:`color-input-${P.id}`,class:"pbx-myPrimaryInputLabel"},o.toDisplayString(o.unref(e)(P.label)),9,Vte),o.createElementVNode("div",Hte,[o.createVNode(er,{"model-value":P.enabled,"onUpdate:modelValue":k=>x(P.id,k)},null,8,["model-value","onUpdate:modelValue"]),o.createElementVNode("input",{id:`color-input-${P.id}`,value:c(P),type:"text",maxlength:"7",placeholder:"#rrggbb",class:"pbx-myPrimaryInput pbx-w-full",onInput:k=>b(P,k),onBlur:k=>g(P)},null,40,Rte),o.createElementVNode("div",Ote,[o.createElementVNode("button",{type:"button",title:P.color,class:"pbx-cursor-pointer pbx-border-0 pbx-p-0 pbx-bg-transparent pbx-block pbx-flex-shrink-0",style:{width:"2rem",height:"2rem"},onClick:o.withModifiers(k=>f(P.id),["stop"])},[o.createElementVNode("span",{style:o.normalizeStyle([{backgroundColor:P.color},{display:"block",width:"60%",height:"60%","border-radius":"9999px",border:"1px solid rgba(0, 0, 0, 0.1)","box-shadow":`0 1px 4px rgba(0, 0, 0, 0.1),
                     inset 0 0 0 1px rgba(96, 96, 96, 0.1)`,transition:`box-shadow 0.15s,
-                    border-color 0.15s`}])},null,4)],8,Fte),h.value===P.id?(o.openBlock(),o.createElementBlock("div",{key:0,class:"pbx-fixed pbx-inset-0 pbx-z-40",onClick:w})):o.createCommentVNode("",!0),h.value===P.id?(o.openBlock(),o.createElementBlock("div",{key:1,class:"pbx-absolute pbx-right-0 pbx-z-50 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-3 pbx-shadow-lg",style:{top:"calc(100% + 8px)",width:"266px"},onClick:M[0]||(M[0]=o.withModifiers(()=>{},["stop"]))},[o.createVNode(nz,{"model-value":P.color,"onUpdate:modelValue":k=>u(P,k)},null,8,["model-value","onUpdate:modelValue"])])):o.createCommentVNode("",!0)])])]))),128))]),o.createElementVNode("div",jte,[o.createElementVNode("div",null,[o.createElementVNode("p",qte,o.toDisplayString(o.unref(e)("Reset to provided defaults")),1),o.createElementVNode("p",Ute,o.toDisplayString(o.unref(e)("Restore the original colors provided to the page builder")),1)]),o.createElementVNode("button",{type:"button",class:"pbx-mySecondaryButton pbx-flex pbx-items-center pbx-gap-1 pbx-shrink-0",onClick:T},[M[1]||(M[1]=o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIconBase pbx-leading-none"},"restart_alt",-1)),o.createTextVNode(" "+o.toDisplayString(o.unref(e)("Reset")),1)])])],2),o.createVNode(mt,{showDynamicModalBuilder:y.value,type:"delete",gridColumnAmount:2,title:o.unref(e)("Reset to provided defaults"),description:o.unref(e)("This will restore the original colors provided to the page builder. Any changes you have made to colors or enabled states will be lost."),firstButtonText:o.unref(e)("Close"),thirdButtonText:o.unref(e)("Reset"),onFirstModalButtonFunctionDynamicModalBuilder:C,onThirdModalButtonFunctionDynamicModalBuilder:E},{default:o.withCtx(()=>[...M[2]||(M[2]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","title","description","firstButtonText","thirdButtonText"])],64))}}),Gte=o.defineComponent({__name:"ThemeColorSettingsEditor",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Theme & colors")),1)]),content:o.withCtx(()=>[o.createVNode(Wte,{embedded:""})]),_:1}))}}),Kte={class:"pbx-editorSectionDesc"},Jte={class:"pbx-editorFieldGroup"},Yte={for:"page-meta-title",class:"pbx-myPrimaryInputLabel"},Qte=["placeholder"],Xte={class:"pbx-editorFieldGroup"},Zte={for:"page-meta-description",class:"pbx-myPrimaryInputLabel"},$te=["placeholder"],ere=["disabled"],tre={key:0,class:"material-symbols-outlined"},rre={key:1,class:"material-symbols-outlined pbx-animate-spin"},ore=o.defineComponent({name:"PageMetaSettingsEditor",__name:"PageMetaSettingsEditor",setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(""),a=o.ref(""),l=o.ref(!1);o.onMounted(()=>{const p=i.getPageMeta();n.value=p.title||"",a.value=p.description||""});const s=async()=>{if(!l.value){l.value=!0,await $l(300);try{await i.setPageMeta({title:n.value.trim(),description:a.value.trim()}),t(e("Page meta saved"),"success")}catch{t(e("Could not save page meta"),"error")}finally{l.value=!1}}};return(p,d)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page Meta")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Kte,o.toDisplayString(o.unref(e)("Page meta description")),1),o.createElementVNode("div",Jte,[o.createElementVNode("label",Yte,o.toDisplayString(o.unref(e)("Meta title")),1),o.withDirectives(o.createElementVNode("input",{id:"page-meta-title","onUpdate:modelValue":d[0]||(d[0]=c=>n.value=c),type:"text",class:"pbx-myPrimaryInput pbx-w-full",placeholder:o.unref(e)("Meta title placeholder")},null,8,Qte),[[o.vModelText,n.value]])]),o.createElementVNode("div",Xte,[o.createElementVNode("label",Zte,o.toDisplayString(o.unref(e)("Meta description")),1),o.withDirectives(o.createElementVNode("textarea",{id:"page-meta-description","onUpdate:modelValue":d[1]||(d[1]=c=>a.value=c),rows:"3",class:"pbx-myPrimaryInput pbx-w-full pbx-resize-y",placeholder:o.unref(e)("Meta description placeholder")},null,8,$te),[[o.vModelText,a.value]])]),o.createElementVNode("button",{type:"button",class:"pbx-myPrimaryButton pbx-w-full",disabled:l.value,onClick:s},[o.createTextVNode(o.toDisplayString(o.unref(e)("Save"))+" ",1),l.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",tre,"check")),l.value?(o.openBlock(),o.createElementBlock("span",rre,"refresh")):o.createCommentVNode("",!0)],8,ere)]),_:1}))}}),ire={key:0,class:"pbx-fixed pbx-inset-0 pbx-z-[9999]"},nre={class:"pbx-flex pbx-gap-2 pbx-justify-between pbx-items-center pbx-py-2 pbx-px-2 pbx-mb-2 pbx-border-b pbx-border-gray-200"},are={class:"pbx-myQuaternaryHeader pbx-my-0 pbx-py-0 pbx-text-black"},lre={class:"pbx-pt-4 pbx-px-2"},Dz=o.defineComponent({__name:"FloatingSidePanel",props:{title:{type:String,required:!1,default:null},showSidebarPanel:{type:Boolean,default:!1},position:{type:String,required:!0,default:"right",validator(r){const t=["left","right"].includes(r);return t||console.warn(`Invalid prop: position must be 'left' or 'right', got '${r}'`),t}},closeOnOverlayClick:{type:Boolean,default:!0}},emits:["closeSidebarPanel"],setup(r,{emit:e}){const t=r,i=e,n=()=>{i("closeSidebarPanel")},a=()=>{t.closeOnOverlayClick&&n()};return(l,s)=>(o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[o.createVNode(o.Transition,{name:"popup-fade"},{default:o.withCtx(()=>[r.showSidebarPanel?(o.openBlock(),o.createElementBlock("div",ire,[o.createElementVNode("div",{class:o.normalizeClass(["pbx-fixed pbx-inset-0 pbx-bg-black pbx-opacity-20 pbx-z-40",{"pbx-pointer-events-none":!r.closeOnOverlayClick}]),onClick:a},null,2),o.createElementVNode("div",{class:o.normalizeClass(["pbx-font-sans pbx-fixed pbx-top-0 pbx-rounded-3xl pbx-pt-2 pbx-pb-20 pbx-px-2 pbx-border pbx-border-gray-200 pbx-max-h-[80vh] lg:pbx-min-h-[98%] pbx-min-h-[80vh] lg:pbx-min-w-96 lg:pbx-w-96 pbx-w-[96%] pbx-overflow-y-auto pbx-z-50 pbx-bg-white lg:pbx-mt-2 pbx-mt-2",[r.position==="left"?"pbx-left-0 pbx-ml-[1%]":"",r.position==="right"?"pbx-right-0 pbx-mr-[1%]":""]]),onClick:s[0]||(s[0]=o.withModifiers(()=>{},["stop"]))},[o.createElementVNode("div",nre,[o.createElementVNode("span",are,o.toDisplayString(r.title),1),o.createElementVNode("span",{onClick:n},[...s[1]||(s[1]=[o.createElementVNode("div",{class:"pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," close ")],-1)])])]),o.createElementVNode("div",lre,[o.renderSlot(l.$slots,"default")])],2)])):o.createCommentVNode("",!0)]),_:3})]))}}),sre={class:"pbx-overflow-y-auto"},pre={key:0,class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},dre={class:"pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center"},cre={class:"pbx-text-center"},mre={class:"pbx-lg:pbx-text-7xl pbx-text-5xl"},bre={key:1,class:"pbx-w-full pbx-space-y-5"},gre={class:"pbx-text-base pbx-font-semibold pbx-text-center pbx-text-myPrimaryDarkGrayColor"},ure={class:"pbx-seoCheckGroupTitle"},xre={class:"pbx-space-y-2"},hre={class:"material-symbols-outlined","aria-hidden":"true"},fre={class:"pbx-pageDesignOpenButtonText"},yre={class:"pbx-pageDesignOpenButtonLabel"},wre={class:"pbx-pageDesignOpenButtonHint"},vre={key:2,class:"pbx-text-gray-500 pbx-text-center pbx-py-8"},kre=o.defineComponent({__name:"SeoCheckPanel",props:{seoResult:{}},setup(r){const e=r,{translate:t}=ae(),i=o.computed(()=>{if(!e.seoResult)return[];const n=new Map;for(const a of e.seoResult.checks){const l=a.category??"Other";n.has(l)||n.set(l,[]),n.get(l).push(a)}return Array.from(n.entries()).map(([a,l])=>({title:a,checks:l}))});return(n,a)=>(o.openBlock(),o.createElementBlock("div",sre,[r.seoResult?(o.openBlock(),o.createElementBlock("div",pre,[o.createElementVNode("div",{class:"pbx-relative pbx-my-4 pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center pbx-w-36 pbx-h-36",style:o.normalizeStyle({background:`conic-gradient(${r.seoResult.score<50?"#ef4444":"#50C878"} ${r.seoResult.score}%, #e5e7eb 0)`})},[o.createElementVNode("div",dre,[o.createElementVNode("div",cre,[o.createElementVNode("span",mre,o.toDisplayString(r.seoResult.score),1),a[0]||(a[0]=o.createElementVNode("span",{class:"pbx-text-xl"},"%",-1))])])],4)])):o.createCommentVNode("",!0),i.value.length?(o.openBlock(),o.createElementBlock("div",bre,[o.createElementVNode("h3",gre,o.toDisplayString(o.unref(t)("SEO Check Results")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,l=>(o.openBlock(),o.createElementBlock("div",{key:l.title,class:"pbx-space-y-2"},[o.createElementVNode("h4",ure,o.toDisplayString(o.unref(t)(l.title)),1),o.createElementVNode("ul",xre,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.checks,(s,p)=>(o.openBlock(),o.createElementBlock("li",{key:p,class:o.normalizeClass(["pbx-seoCheckRow",s.passed?"pbx-seoCheckRow--pass":"pbx-seoCheckRow--fail"])},[o.createElementVNode("span",{class:o.normalizeClass(["pbx-seoCheckRowIcon",s.passed?"pbx-seoCheckRowIcon--pass":"pbx-seoCheckRowIcon--fail"])},[o.createElementVNode("span",hre,o.toDisplayString(s.passed?"check":"close"),1)],2),o.createElementVNode("span",fre,[o.createElementVNode("span",yre,o.toDisplayString(o.unref(t)(s.check)),1),o.createElementVNode("span",wre,o.toDisplayString(s.details),1)])],2))),128))])]))),128))])):(o.openBlock(),o.createElementBlock("div",vre,o.toDisplayString(o.unref(t)("No SEO checks available.")),1))]))}}),Sre={class:"pbx-editorSectionDesc"},Cre=o.defineComponent({name:"SeoCheckSettingsEditor",__name:"SeoCheckSettingsEditor",setup(r){const{translate:e}=ae(),t=ke(),i=o.ref(null),n=o.ref(!1),a=o.ref(!1),l=async()=>{a.value=!0,n.value=!0,await $l(300);try{i.value=await t.analyzeSEO()}finally{a.value=!1}},s=()=>{n.value=!1};return(p,d)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("SEO Check")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Sre,o.toDisplayString(o.unref(e)("SEO check description")),1),o.createVNode(rr,{icon:"circle_circle",label:o.unref(e)("Run SEO check"),hint:o.unref(e)("Analyze headings, images, links and word count"),"is-loading":a.value,onClick:l},null,8,["label","hint","is-loading"])]),_:1}),o.createVNode(Dz,{title:o.unref(e)("SEO Check"),showSidebarPanel:n.value,position:"left",onCloseSidebarPanel:s},{default:o.withCtx(()=>[o.createVNode(kre,{"seo-result":i.value},null,8,["seo-result"])]),_:1},8,["title","showSidebarPanel"])],64))}}),Tre={class:"pbx-editorSectionDesc"},Ere=o.defineComponent({name:"RemoveAllComponentsSettingsEditor",__name:"RemoveAllComponentsSettingsEditor",setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(!1),a=o.ref(!1),l=o.ref(""),s=o.ref(1),p=o.ref(""),d=o.ref(""),c=o.ref(""),m=o.ref(null),b=o.ref(null),g=o.ref(null),x=o.ref(null),u=o.ref(null),h=function(){a.value=!0,l.value="delete",s.value=2,p.value=e("Remove all Components"),d.value=e("Are you sure you want to remove all Components?"),c.value=e("Close"),m.value=null,b.value=e("Delete"),g.value=function(){a.value=!1},x.value=function(){},u.value=async function(){n.value=!0,await i.clearHtmlSelection(),await i.handleFormSubmission(),await Re(500),a.value=!1,n.value=!1,t(e("All components removed"),"success")}};return(f,w)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page layout")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Tre,o.toDisplayString(o.unref(e)("Remove all components description")),1),o.createVNode(rr,{icon:"delete_forever",label:o.unref(e)("Remove all Components"),hint:o.unref(e)("Clear every section from the page"),variant:"danger",onClick:h},null,8,["label","hint"])]),_:1}),o.createVNode(mt,{showDynamicModalBuilder:a.value,type:l.value,gridColumnAmount:s.value,title:p.value,description:d.value,isLoading:n.value,firstButtonText:c.value,secondButtonText:m.value??void 0,thirdButtonText:b.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:w[0]||(w[0]=()=>{var y;return(y=g.value)==null?void 0:y.call(g)}),onSecondModalButtonFunctionDynamicModalBuilder:w[1]||(w[1]=()=>{var y;return(y=x.value)==null?void 0:y.call(x)}),onThirdModalButtonFunctionDynamicModalBuilder:w[2]||(w[2]=()=>{var y;return(y=u.value)==null?void 0:y.call(u)})},{default:o.withCtx(()=>[...w[3]||(w[3]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText"])],64))}}),Pre={class:"pbx-editorSectionDesc"},Mre={class:"pbx-pageDesignOpenButtonText"},Bre={class:"pbx-pageDesignOpenButtonLabel"},Lre={class:"pbx-pageDesignOpenButtonHint"},Nre=o.defineComponent({name:"PageDesignSettingsEditor",__name:"PageDesignSettingsEditor",emits:["open"],setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page Design")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Pre,o.toDisplayString(o.unref(e)("Page design description")),1),o.createElementVNode("button",{type:"button",class:"pbx-pageDesignOpenButton",onClick:i[0]||(i[0]=n=>t.$emit("open"))},[o.createVNode(ls),o.createElementVNode("span",Mre,[o.createElementVNode("span",Bre,o.toDisplayString(o.unref(e)("Open page design")),1),o.createElementVNode("span",Lre,o.toDisplayString(o.unref(e)("Typography, colors, spacing & more")),1)]),i[1]||(i[1]=o.createElementVNode("span",{class:"pbx-pageDesignOpenButtonArrow material-symbols-outlined","aria-hidden":"true"}," arrow_forward ",-1))])]),_:1}))}}),Are={class:"pbx-editorSectionDesc"},_re={class:"pbx-inspectorActionStack"},Dre=o.defineComponent({name:"PageHtmlEditorSettingsEditor",__name:"PageHtmlEditorSettingsEditor",setup(r){const{translate:e}=ae(),t=ke(),{openHtmlViewer:i}=xs(),{openHtmlEditor:n}=ys(),a=async()=>{const s=await t.generateFullPageHtml();n(e("HTML Editor"),s,"page")},l=async()=>{const s=await t.generateFullPageHtml();i(e("Page HTML"),s)};return(s,p)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("HTML Editor")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Are,o.toDisplayString(o.unref(e)("Page HTML editor description")),1),o.createElementVNode("div",_re,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View page HTML"),hint:o.unref(e)("Preview full page markup"),onClick:l},null,8,["label","hint"]),o.createVNode(rr,{icon:"deployed_code",label:o.unref(e)("Open HTML editor"),hint:o.unref(e)("Edit full page markup"),onClick:a},null,8,["label","hint"])])]),_:1}))}}),lo=function(r){return!r||typeof r=="object"&&r.constructor===Object&&Object.keys(r).length===0},zre="3.5.54",Ire=r=>/^[a-z][a-z0-9+.-]*:/i.test(r)||r.startsWith("//");function zz(r,e){if(!r)return console.warn("No valid pagebuilder element passed"),"";const t=r.cloneNode(!0);if(t.removeAttribute("id"),t.querySelectorAll("[data-pbx-insert-btn]").forEach(a=>{a.remove()}),t.querySelectorAll("[data-componentid], [data-component-title], #page-builder-editor-editable-area").forEach(a=>{a.removeAttribute("data-componentid"),a.removeAttribute("data-component-title"),a.id==="page-builder-editor-editable-area"&&a.removeAttribute("id")}),t.querySelectorAll("[data-pagebuilder-content]").forEach(a=>{a.removeAttribute("data-pagebuilder-content")}),t.querySelectorAll("[data-isl-active]").forEach(a=>{a.removeAttribute("data-isl-active")}),t.removeAttribute("data-builder-canvas"),e&&e&&typeof e.imageUrlPrefix=="string"){const a=e.imageUrlPrefix;t.querySelectorAll("img").forEach(s=>{const p=s.getAttribute("src")||"";p&&!p.startsWith("http")&&!Ire(p)&&a&&!p.startsWith(a)&&s.setAttribute("src",a+p.replace(/^\/+/,""))})}const n=a=>{for(let l=a.childNodes.length-1;l>=0;l--){const s=a.childNodes[l];s.nodeType===Node.COMMENT_NODE?a.removeChild(s):s.nodeType===Node.ELEMENT_NODE&&n(s)}};return n(t),t.outerHTML}function Iz(r){if(!(r!=null&&r.trim()))return[];const e=r.match(/class\s*=\s*(["'])(.*?)\1/i);return e!=null&&e[2]?e[2].split(/\s+/).filter(Boolean):[]}async function gc(r){const{showToast:e}=Ye(),{translate:t}=ae();try{return await navigator.clipboard.writeText(r),e(t("Copied to clipboard"),"success"),!0}catch{return e(t("Clipboard unavailable"),"error"),!1}}const Vre=["title","aria-label"],Hre={class:"pbx-inspectorIdChipText"},Rre={class:"pbx-inspectorIdChipIcon material-symbols-outlined","aria-hidden":"true"},Ore={key:1,class:"pbx-inspectorValue"},Vz=o.defineComponent({__name:"InspectorIdValue",props:{value:{}},setup(r){const e=r,{translate:t}=ae(),i=o.ref(!1),n=o.computed(()=>{const s=e.value;return s==null||s===""?null:String(s)}),a=o.computed(()=>{const s=n.value;return s?s.length<=18?s:`${s.slice(0,8)}…${s.slice(-4)}`:"—"});async function l(){if(!n.value)return;await gc(n.value)&&(i.value=!0,globalThis.setTimeout(()=>{i.value=!1},2e3))}return(s,p)=>n.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"pbx-inspectorIdChip",title:n.value,"aria-label":`${o.unref(t)("Copy ID")}: ${n.value}`,onClick:l},[o.createElementVNode("span",Hre,o.toDisplayString(a.value),1),o.createElementVNode("span",Rre,o.toDisplayString(i.value?"check":"content_copy"),1)],8,Vre)):(o.openBlock(),o.createElementBlock("span",Ore,"—"))}}),Fre={class:"pbx-selectedHtmlInspector"},jre={class:"pbx-editorSectionDesc"},qre={class:"pbx-editorFieldGroup"},Ure={class:"pbx-editorSectionTitle"},Wre={class:"pbx-inspectorCard"},Gre={class:"pbx-inspectorLabel"},Kre={class:"pbx-editorFieldGroup"},Jre={class:"pbx-editorSectionTitle"},Yre=["aria-label"],Qre=["aria-selected"],Xre=["aria-selected"],Zre=["aria-selected"],$re={class:"pbx-inspectorPanel"},eoe={key:0,role:"tabpanel"},toe={key:0,class:"pbx-inspectorEmpty"},roe={class:"pbx-inspectorMeta pbx-mb-3"},ooe={key:0,class:"pbx-inspectorMetaRow"},ioe={class:"pbx-inspectorFieldLabel"},noe={class:"pbx-inspectorValue pbx-inspectorValueBreak"},aoe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},loe={class:"pbx-inspectorFieldLabel"},soe={class:"pbx-inspectorActionStack"},poe={key:1,role:"tabpanel"},doe={key:0,class:"pbx-inspectorEmpty"},coe={class:"pbx-inspectorMeta pbx-mb-3"},moe={class:"pbx-inspectorMetaRow"},boe={class:"pbx-inspectorFieldLabel"},goe={class:"pbx-inspectorMetaRow"},uoe={class:"pbx-inspectorFieldLabel"},xoe={class:"pbx-inspectorValue"},hoe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},foe={class:"pbx-inspectorFieldLabel"},yoe={key:2,role:"tabpanel"},woe=["aria-expanded","aria-label"],voe={class:"pbx-inspectorComponentsSummaryContent"},koe={class:"pbx-inspectorComponentsSummaryChevron material-symbols-outlined","aria-hidden":"true"},Soe={key:1,class:"pbx-inspectorComponentsSummary pbx-inspectorComponentsSummaryEmpty"},Coe={class:"pbx-inspectorList"},Toe=["aria-expanded","aria-label","onClick"],Eoe={class:"pbx-inspectorComponentCardTitleContent"},Poe={class:"pbx-inspectorListIndex"},Moe={class:"pbx-inspectorListTitle"},Boe={class:"pbx-inspectorComponentsSummaryChevron material-symbols-outlined","aria-hidden":"true"},Loe={class:"pbx-inspectorComponentCardBody"},Noe={class:"pbx-inspectorMeta pbx-inspectorComponentCardMeta"},Aoe={class:"pbx-inspectorMetaRow"},_oe={class:"pbx-inspectorFieldLabel"},Doe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},zoe={class:"pbx-inspectorFieldLabel"},Ioe={class:"pbx-inspectorComponentCardFooter"},Voe=o.defineComponent({__name:"SelectedHtmlInspector",setup(r){const{translate:e}=ae(),{openHtmlViewer:t}=xs(),{openHtmlEditor:i}=ys(),n=we,a=o.computed(()=>n.getElement),l=o.computed(()=>n.getComponent),s=o.computed(()=>n.getComponents),p=o.ref("element"),d=o.computed(()=>{var A;return((A=s.value)==null?void 0:A.length)??0}),c=o.ref(!1),m=o.ref(new Set);function b(){d.value&&(c.value=!c.value)}function g(A,_){return String(A.id??A.title??_)}function x(A,_){return m.value.has(g(A,_))}function u(A,_){const V=g(A,_),I=new Set(m.value);I.has(V)?I.delete(V):I.add(V),m.value=I}o.watch(c,A=>{A||(m.value=new Set)}),o.watch(p,A=>{A!=="components"&&(c.value=!1,m.value=new Set)});function h(A){return A?A.tagName.toLowerCase():"—"}function f(A){return A?"object":"—"}function w(A){return A.length?`${e("array")} · ${A.length}`:e("array")}const y=o.computed(()=>[{label:e("Element type:"),value:h(a.value),tone:a.value?"active":"muted"},{label:e("Component type:"),value:f(l.value),tone:l.value?"active":"muted"},{label:e("Components:"),value:w(s.value),tone:d.value>0?"active":"muted"}]),T=o.computed(()=>{var _;const A=a.value;return(_=A==null?void 0:A.classList)!=null&&_.length?Array.from(A.classList):[]}),C=o.computed(()=>{var A;return(A=l.value)!=null&&A.html_code?Iz(l.value.html_code):[]}),E=o.computed(()=>{const A=a.value;return!A||A.tagName!=="IMG"?null:A.src||"—"});function v(A){p.value=A}function M(){a.value&&i(e("Element HTML"),a.value.outerHTML,"element")}function P(){a.value&&t(e("Element HTML"),a.value.outerHTML)}function k(A,_){const V=A.title||(_!==void 0?`${e("Component")} #${_+1}`:e("Component"));t(`${V} · ${e("HTML")}`,A.html_code||"")}function S(){l.value&&k(l.value)}function N(A){return Iz(A.html_code||"")}return(A,_)=>(o.openBlock(),o.createElementBlock("div",Fre,[o.createElementVNode("p",jre,o.toDisplayString(o.unref(e)("Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.")),1),o.createElementVNode("div",qre,[o.createElementVNode("h4",Ure,o.toDisplayString(o.unref(e)("Types")),1),o.createElementVNode("div",Wre,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(y.value,V=>(o.openBlock(),o.createElementBlock("div",{key:V.label,class:"pbx-inspectorRow"},[o.createElementVNode("span",Gre,o.toDisplayString(V.label),1),o.createElementVNode("span",{class:o.normalizeClass(["pbx-inspectorBadge",V.tone==="active"?"pbx-inspectorBadgeActive":"pbx-inspectorBadgeMuted"])},o.toDisplayString(V.value),3)]))),128))])]),o.createElementVNode("div",Kre,[o.createElementVNode("h4",Jre,o.toDisplayString(o.unref(e)("Content")),1),o.createElementVNode("div",{class:"pbx-inspectorTabs",role:"tablist","aria-label":o.unref(e)("Content")},[o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="element",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="element"}]),onClick:_[0]||(_[0]=V=>v("element"))},o.toDisplayString(o.unref(e)("Element")),11,Qre),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="component",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="component"}]),onClick:_[1]||(_[1]=V=>v("component"))},o.toDisplayString(o.unref(e)("Component")),11,Xre),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="components",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="components"}]),onClick:_[2]||(_[2]=V=>v("components"))},o.toDisplayString(o.unref(e)("Components")),11,Zre)],8,Yre),o.createElementVNode("div",$re,[p.value==="element"?(o.openBlock(),o.createElementBlock("div",eoe,[a.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createElementVNode("div",roe,[E.value!==null?(o.openBlock(),o.createElementBlock("div",ooe,[o.createElementVNode("span",ioe,o.toDisplayString(o.unref(e)("Element src:")),1),o.createElementVNode("span",noe,o.toDisplayString(E.value),1)])):o.createCommentVNode("",!0),o.createElementVNode("div",aoe,[o.createElementVNode("span",loe,o.toDisplayString(o.unref(e)("Element classes:")),1),o.createVNode(us,{classes:T.value,"empty-placeholder":""},null,8,["classes"])])]),o.createElementVNode("div",soe,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View element HTML"),hint:o.unref(e)("Preview selected element markup"),onClick:P},null,8,["label","hint"]),o.createVNode(rr,{icon:"deployed_code",label:o.unref(e)("Open element HTML editor"),hint:o.unref(e)("Edit selected element markup"),onClick:M},null,8,["label","hint"])])],64)):(o.openBlock(),o.createElementBlock("p",toe,o.toDisplayString(o.unref(e)("No Element selected")),1))])):o.createCommentVNode("",!0),p.value==="component"?(o.openBlock(),o.createElementBlock("div",poe,[l.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createElementVNode("div",coe,[o.createElementVNode("div",moe,[o.createElementVNode("span",boe,o.toDisplayString(o.unref(e)("ID:")),1),o.createVNode(Vz,{value:l.value.id},null,8,["value"])]),o.createElementVNode("div",goe,[o.createElementVNode("span",uoe,o.toDisplayString(o.unref(e)("Title:")),1),o.createElementVNode("span",xoe,o.toDisplayString(l.value.title||"—"),1)]),o.createElementVNode("div",hoe,[o.createElementVNode("span",foe,o.toDisplayString(o.unref(e)("Component classes:")),1),o.createVNode(us,{classes:C.value,"empty-placeholder":""},null,8,["classes"])])]),o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View component HTML"),hint:o.unref(e)("Preview component markup"),onClick:S},null,8,["label","hint"])],64)):(o.openBlock(),o.createElementBlock("p",doe,o.toDisplayString(o.unref(e)("No Component selected")),1))])):o.createCommentVNode("",!0),p.value==="components"?(o.openBlock(),o.createElementBlock("div",yoe,[d.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:o.normalizeClass(["pbx-font-sans pbx-inspectorComponentsSummary pbx-inspectorComponentsSummaryToggle",{"pbx-inspectorComponentsSummaryOpen":c.value}]),"aria-expanded":c.value,"aria-label":o.unref(e)("Components"),onClick:b},[o.createElementVNode("span",voe,[o.createElementVNode("span",null,o.toDisplayString(o.unref(e)("Components")),1)]),o.createElementVNode("span",koe,o.toDisplayString(c.value?"expand_less":"expand_more"),1)],10,woe)):(o.openBlock(),o.createElementBlock("div",Soe,o.toDisplayString(o.unref(e)("No Components added yet")),1)),o.withDirectives(o.createElementVNode("div",Coe,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.value,(V,I)=>(o.openBlock(),o.createElementBlock("article",{key:String(V.id??V.title??I),class:"pbx-inspectorComponentCard"},[o.createElementVNode("button",{type:"button",class:"pbx-font-sans pbx-inspectorComponentCardToggle","aria-expanded":x(V,I),"aria-label":V.title||o.unref(e)("Component"),onClick:j=>u(V,I)},[o.createElementVNode("span",Eoe,[o.createElementVNode("span",Poe,"#"+o.toDisplayString(I+1),1),o.createElementVNode("span",Moe,o.toDisplayString(V.title||o.unref(e)("Component")),1)]),o.createElementVNode("span",Boe,o.toDisplayString(x(V,I)?"expand_less":"expand_more"),1)],8,Toe),o.withDirectives(o.createElementVNode("div",Loe,[o.createElementVNode("div",Noe,[o.createElementVNode("div",Aoe,[o.createElementVNode("span",_oe,o.toDisplayString(o.unref(e)("ID:")),1),o.createVNode(Vz,{value:V.id},null,8,["value"])]),o.createElementVNode("div",Doe,[o.createElementVNode("span",zoe,o.toDisplayString(o.unref(e)("Component classes:")),1),o.createVNode(us,{classes:N(V),"empty-placeholder":""},null,8,["classes"])])]),o.createElementVNode("div",Ioe,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View component HTML"),hint:o.unref(e)("Preview component markup"),onClick:j=>k(V,I)},null,8,["label","hint","onClick"])])],512),[[o.vShow,x(V,I)]])]))),128))],512),[[o.vShow,d.value&&c.value]])])):o.createCommentVNode("",!0)])])]))}}),Hoe={key:0,class:"pbx-flex pbx-items-center pbx-gap-1 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-100 pbx-pb-3 pbx-pt-1 pbx-overflow-x-auto"},Roe={key:1},Ooe={key:0},Foe={class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},joe={class:"pbx-myQuaternaryHeader"},qoe={key:1,class:"pbx-editorSectionDesc"},Uoe={key:2,class:"pbx-editorSectionDesc"},Woe={key:3,class:"pbx-editorSectionDesc"},Goe={class:"pbx-settingsSection"},Koe={class:"pbx-settingsSectionTitle"},Joe={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Yoe={class:"pbx-overflow-x-auto"},Qoe={class:"pbx-min-w-full"},Xoe={class:"pbx-bg-gray-50"},Zoe={scope:"col",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"},$oe={scope:"col",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"},eie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},tie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},rie={class:"pbx-min-w-[30rem] pbx-w-max"},oie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},iie={class:"pbx-min-w-[30rem] pbx-w-max"},nie={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium pbx-bg-blue-100 pbx-text-blue-800"},aie={key:0,class:"pbx-settingsSection"},lie={class:"pbx-settingsSectionTitle"},sie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},pie={class:"pbx-overflow-x-auto"},die={class:"pbx-min-w-full"},cie={class:"pbx-bg-gray-50"},mie={scope:"col",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"},bie={scope:"col",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"},gie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},uie={key:0},xie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},hie={class:"pbx-min-w-[30rem] pbx-w-max"},fie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},yie={class:"pbx-min-w-[30rem] pbx-w-max"},wie={key:1},vie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},kie={class:"pbx-min-w-[30rem] pbx-w-max"},Sie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Cie={class:"pbx-min-w-[30rem] pbx-w-max"},Tie={key:1,class:"pbx-settingsSection"},Eie={class:"pbx-settingsSectionTitle"},Pie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Mie={class:"pbx-overflow-x-auto"},Bie={class:"pbx-min-w-full"},Lie={class:"pbx-bg-gray-50"},Nie={scope:"col",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"},Aie={scope:"col",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"},_ie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},Die={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},zie={class:"pbx-min-w-[30rem] pbx-w-max"},Iie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Vie={class:"pbx-min-w-[30rem] pbx-w-max"},Hie={class:"pbx-flex pbx-items-center pbx-space-x-3"},Rie=["src"],Oie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Fie={class:"pbx-min-w-[30rem] pbx-w-max"},jie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},qie={class:"pbx-min-w-[30rem] pbx-w-max"},Uie={class:"pbx-whitespace-nowrap"},Wie={key:2,class:"pbx-settingsSection"},Gie={class:"pbx-settingsSectionTitle"},Kie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Jie={class:"pbx-overflow-x-auto"},Yie={class:"pbx-w-max pbx-min-w-full"},Qie={class:"pbx-bg-gray-50"},Xie={scope:"col",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"},Zie={scope:"col",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"},$ie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},ene={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},tne={class:"pbx-min-w-[30rem] pbx-w-max"},rne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},one={class:"pbx-min-w-[30rem] pbx-w-max"},ine={key:0},nne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},ane={class:"pbx-min-w-[30rem] pbx-w-max"},lne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},sne={class:"pbx-min-w-[30rem] pbx-w-max"},pne={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},dne={key:5,class:"pbx-px-2 pbx-settingsSectionGroup"},cne={key:0,class:"pbx-settingsSection"},mne={class:"pbx-settingsSectionTitle"},bne={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},gne={class:"pbx-overflow-x-auto"},une={class:"pbx-min-w-full"},xne={class:"pbx-bg-gray-50"},hne={scope:"col",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"},fne={scope:"col",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"},yne={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},wne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},vne={class:"pbx-min-w-[30rem] pbx-w-max"},kne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Sne={class:"pbx-min-w-[30rem] pbx-w-max"},Cne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Tne={class:"pbx-min-w-[30rem] pbx-w-max"},Ene={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Pne={class:"pbx-min-w-[30rem] pbx-w-max"},Mne={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Bne={class:"pbx-min-w-[30rem] pbx-w-max"},Lne={class:"pbx-flex pbx-items-center pbx-space-x-3"},Nne=["src"],Ane={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},_ne={class:"pbx-min-w-[30rem] pbx-w-max"},Dne={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},zne={class:"pbx-min-w-[30rem] pbx-w-max"},Ine={key:1,class:"pbx-settingsSection"},Vne={class:"pbx-settingsSectionTitle"},Hne={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Rne={class:"pbx-overflow-x-auto"},One={class:"pbx-min-w-full"},Fne={class:"pbx-bg-gray-50"},jne={scope:"col",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"},qne={scope:"col",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"},Une={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},Wne={key:0},Gne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Kne={class:"pbx-min-w-[30rem] pbx-w-max"},Jne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Yne={class:"pbx-min-w-[30rem] pbx-w-max"},Qne={key:1},Xne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Zne={class:"pbx-min-w-[30rem] pbx-w-max"},$ne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},eae={class:"pbx-min-w-[30rem] pbx-w-max"},tae={key:2},rae={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},oae={class:"pbx-min-w-[30rem] pbx-w-max"},iae={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},nae={class:"pbx-min-w-[30rem] pbx-w-max"},aae={key:0,class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},lae={class:"pbx-myQuaternaryHeader"},sae={class:"pbx-myPrimaryParagraph pbx-text-xs"},pae={class:"pbx-settingsSection pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},dae={class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},cae={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},mae={class:"pbx-px-4 pbx-py-4 pbx-text-white"},bae={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},gae={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},uae={key:0},xae={class:"pbx-editorFieldGroup"},hae={key:1},fae={class:"pbx-myPrimaryParagraph pbx-mt-6 pbx-text-gray-500"},Gn=o.defineComponent({__name:"PageBuilderSettings",props:{embeddedSection:{}},setup(r){const e=r,{translate:t}=ae(),{showToast:i}=Ye(),n=o.computed(()=>!!e.embeddedSection),a=o.computed(()=>["overviewApp","overviewUser","overviewConfig"].includes(e.embeddedSection??"")),l=we,s=o.computed(()=>l.getPageBuilderConfig),p=o.computed(()=>l.getComponents),d=o.ref("overview");function c(T){d.value=T}const m=o.computed(()=>a.value||!e.embeddedSection&&d.value==="overview"),b=o.computed(()=>m.value&&!a.value),g=o.computed(()=>e.embeddedSection==="overviewApp"||!e.embeddedSection&&d.value==="overview"),x=o.computed(()=>e.embeddedSection==="overviewUser"||!e.embeddedSection&&d.value==="overview"),u=o.computed(()=>e.embeddedSection==="overviewConfig"||!e.embeddedSection&&d.value==="overview"),h=o.computed(()=>e.embeddedSection==="download"||!e.embeddedSection&&d.value==="download"),f=o.computed(()=>e.embeddedSection==="selectedHtml"||!e.embeddedSection&&d.value==="viewHTMLConfig");function w(T,C){const P=`
+                    border-color 0.15s`}])},null,4)],8,Fte),h.value===P.id?(o.openBlock(),o.createElementBlock("div",{key:0,class:"pbx-fixed pbx-inset-0 pbx-z-40",onClick:w})):o.createCommentVNode("",!0),h.value===P.id?(o.openBlock(),o.createElementBlock("div",{key:1,class:"pbx-absolute pbx-right-0 pbx-z-50 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-3 pbx-shadow-lg",style:{top:"calc(100% + 8px)",width:"266px"},onClick:M[0]||(M[0]=o.withModifiers(()=>{},["stop"]))},[o.createVNode(nz,{"model-value":P.color,"onUpdate:modelValue":k=>u(P,k)},null,8,["model-value","onUpdate:modelValue"])])):o.createCommentVNode("",!0)])])]))),128))]),o.createElementVNode("div",jte,[o.createElementVNode("div",null,[o.createElementVNode("p",qte,o.toDisplayString(o.unref(e)("Reset to provided defaults")),1),o.createElementVNode("p",Ute,o.toDisplayString(o.unref(e)("Restore the original colors provided to the page builder")),1)]),o.createElementVNode("button",{type:"button",class:"pbx-mySecondaryButton pbx-flex pbx-items-center pbx-gap-1 pbx-shrink-0",onClick:T},[M[1]||(M[1]=o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIconBase pbx-leading-none"},"restart_alt",-1)),o.createTextVNode(" "+o.toDisplayString(o.unref(e)("Reset")),1)])])],2),o.createVNode(mt,{showDynamicModalBuilder:y.value,type:"delete",gridColumnAmount:2,title:o.unref(e)("Reset to provided defaults"),description:o.unref(e)("This will restore the original colors provided to the page builder. Any changes you have made to colors or enabled states will be lost."),firstButtonText:o.unref(e)("Close"),thirdButtonText:o.unref(e)("Reset"),onFirstModalButtonFunctionDynamicModalBuilder:C,onThirdModalButtonFunctionDynamicModalBuilder:E},{default:o.withCtx(()=>[...M[2]||(M[2]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","title","description","firstButtonText","thirdButtonText"])],64))}}),Gte=o.defineComponent({__name:"ThemeColorSettingsEditor",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Theme & colors")),1)]),content:o.withCtx(()=>[o.createVNode(Wte,{embedded:""})]),_:1}))}}),Kte={class:"pbx-editorSectionDesc"},Jte={class:"pbx-editorFieldGroup"},Yte={for:"page-meta-title",class:"pbx-myPrimaryInputLabel"},Qte=["placeholder"],Xte={class:"pbx-editorFieldGroup"},Zte={for:"page-meta-description",class:"pbx-myPrimaryInputLabel"},$te=["placeholder"],ere=["disabled"],tre={key:0,class:"material-symbols-outlined"},rre={key:1,class:"material-symbols-outlined pbx-animate-spin"},ore=o.defineComponent({name:"PageMetaSettingsEditor",__name:"PageMetaSettingsEditor",setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(""),a=o.ref(""),l=o.ref(!1);o.onMounted(()=>{const p=i.getPageMeta();n.value=p.title||"",a.value=p.description||""});const s=async()=>{if(!l.value){l.value=!0,await $l(300);try{await i.setPageMeta({title:n.value.trim(),description:a.value.trim()}),t(e("Page meta saved"),"success")}catch{t(e("Could not save page meta"),"error")}finally{l.value=!1}}};return(p,d)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page Meta")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Kte,o.toDisplayString(o.unref(e)("Page meta description")),1),o.createElementVNode("div",Jte,[o.createElementVNode("label",Yte,o.toDisplayString(o.unref(e)("Meta title")),1),o.withDirectives(o.createElementVNode("input",{id:"page-meta-title","onUpdate:modelValue":d[0]||(d[0]=c=>n.value=c),type:"text",class:"pbx-myPrimaryInput pbx-w-full",placeholder:o.unref(e)("Meta title placeholder")},null,8,Qte),[[o.vModelText,n.value]])]),o.createElementVNode("div",Xte,[o.createElementVNode("label",Zte,o.toDisplayString(o.unref(e)("Meta description")),1),o.withDirectives(o.createElementVNode("textarea",{id:"page-meta-description","onUpdate:modelValue":d[1]||(d[1]=c=>a.value=c),rows:"3",class:"pbx-myPrimaryInput pbx-w-full pbx-resize-y",placeholder:o.unref(e)("Meta description placeholder")},null,8,$te),[[o.vModelText,a.value]])]),o.createElementVNode("button",{type:"button",class:"pbx-myPrimaryButton pbx-w-full",disabled:l.value,onClick:s},[o.createTextVNode(o.toDisplayString(o.unref(e)("Save"))+" ",1),l.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",tre,"check")),l.value?(o.openBlock(),o.createElementBlock("span",rre,"refresh")):o.createCommentVNode("",!0)],8,ere)]),_:1}))}}),ire={key:0,class:"pbx-fixed pbx-inset-0 pbx-z-[9999]"},nre={class:"pbx-flex pbx-gap-2 pbx-justify-between pbx-items-center pbx-py-2 pbx-px-2 pbx-mb-2 pbx-border-b pbx-border-gray-200"},are={class:"pbx-myQuaternaryHeader pbx-my-0 pbx-py-0 pbx-text-black"},lre={class:"pbx-pt-4 pbx-px-2"},Dz=o.defineComponent({__name:"FloatingSidePanel",props:{title:{type:String,required:!1,default:null},showSidebarPanel:{type:Boolean,default:!1},position:{type:String,required:!0,default:"right",validator(r){const t=["left","right"].includes(r);return t||console.warn(`Invalid prop: position must be 'left' or 'right', got '${r}'`),t}},closeOnOverlayClick:{type:Boolean,default:!0}},emits:["closeSidebarPanel"],setup(r,{emit:e}){const t=r,i=e,n=()=>{i("closeSidebarPanel")},a=()=>{t.closeOnOverlayClick&&n()};return(l,s)=>(o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[o.createVNode(o.Transition,{name:"popup-fade"},{default:o.withCtx(()=>[r.showSidebarPanel?(o.openBlock(),o.createElementBlock("div",ire,[o.createElementVNode("div",{class:o.normalizeClass(["pbx-fixed pbx-inset-0 pbx-bg-black pbx-opacity-20 pbx-z-40",{"pbx-pointer-events-none":!r.closeOnOverlayClick}]),onClick:a},null,2),o.createElementVNode("div",{class:o.normalizeClass(["pbx-font-sans pbx-fixed pbx-top-0 pbx-rounded-3xl pbx-pt-2 pbx-pb-20 pbx-px-2 pbx-border pbx-border-gray-200 pbx-max-h-[80vh] lg:pbx-min-h-[98%] pbx-min-h-[80vh] lg:pbx-min-w-96 lg:pbx-w-96 pbx-w-[96%] pbx-overflow-y-auto pbx-z-50 pbx-bg-white lg:pbx-mt-2 pbx-mt-2",[r.position==="left"?"pbx-left-0 pbx-ml-[1%]":"",r.position==="right"?"pbx-right-0 pbx-mr-[1%]":""]]),onClick:s[0]||(s[0]=o.withModifiers(()=>{},["stop"]))},[o.createElementVNode("div",nre,[o.createElementVNode("span",are,o.toDisplayString(r.title),1),o.createElementVNode("span",{onClick:n},[...s[1]||(s[1]=[o.createElementVNode("div",{class:"pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," close ")],-1)])])]),o.createElementVNode("div",lre,[o.renderSlot(l.$slots,"default")])],2)])):o.createCommentVNode("",!0)]),_:3})]))}}),sre={class:"pbx-overflow-y-auto"},pre={key:0,class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},dre={class:"pbx-bg-gray-100 pbx-rounded-full pbx-w-32 pbx-h-32 pbx-flex pbx-items-center pbx-justify-center"},cre={class:"pbx-text-center"},mre={class:"pbx-lg:pbx-text-7xl pbx-text-5xl"},bre={key:1,class:"pbx-w-full pbx-space-y-5"},gre={class:"pbx-text-base pbx-font-semibold pbx-text-center pbx-text-myPrimaryDarkGrayColor"},ure={class:"pbx-seoCheckGroupTitle"},xre={class:"pbx-space-y-2"},hre={class:"material-symbols-outlined","aria-hidden":"true"},fre={class:"pbx-pageDesignOpenButtonText"},yre={class:"pbx-pageDesignOpenButtonLabel"},wre={class:"pbx-pageDesignOpenButtonHint"},vre={key:2,class:"pbx-text-gray-500 pbx-text-center pbx-py-8"},kre=o.defineComponent({__name:"SeoCheckPanel",props:{seoResult:{}},setup(r){const e=r,{translate:t}=ae(),i=o.computed(()=>{if(!e.seoResult)return[];const n=new Map;for(const a of e.seoResult.checks){const l=a.category??"Other";n.has(l)||n.set(l,[]),n.get(l).push(a)}return Array.from(n.entries()).map(([a,l])=>({title:a,checks:l}))});return(n,a)=>(o.openBlock(),o.createElementBlock("div",sre,[r.seoResult?(o.openBlock(),o.createElementBlock("div",pre,[o.createElementVNode("div",{class:"pbx-relative pbx-my-4 pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center pbx-w-36 pbx-h-36",style:o.normalizeStyle({background:`conic-gradient(${r.seoResult.score<50?"#ef4444":"#50C878"} ${r.seoResult.score}%, #e5e7eb 0)`})},[o.createElementVNode("div",dre,[o.createElementVNode("div",cre,[o.createElementVNode("span",mre,o.toDisplayString(r.seoResult.score),1),a[0]||(a[0]=o.createElementVNode("span",{class:"pbx-text-xl"},"%",-1))])])],4)])):o.createCommentVNode("",!0),i.value.length?(o.openBlock(),o.createElementBlock("div",bre,[o.createElementVNode("h3",gre,o.toDisplayString(o.unref(t)("SEO Check Results")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.value,l=>(o.openBlock(),o.createElementBlock("div",{key:l.title,class:"pbx-space-y-2"},[o.createElementVNode("h4",ure,o.toDisplayString(o.unref(t)(l.title)),1),o.createElementVNode("ul",xre,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.checks,(s,p)=>(o.openBlock(),o.createElementBlock("li",{key:p,class:o.normalizeClass(["pbx-seoCheckRow",s.passed?"pbx-seoCheckRow--pass":"pbx-seoCheckRow--fail"])},[o.createElementVNode("span",{class:o.normalizeClass(["pbx-seoCheckRowIcon",s.passed?"pbx-seoCheckRowIcon--pass":"pbx-seoCheckRowIcon--fail"])},[o.createElementVNode("span",hre,o.toDisplayString(s.passed?"check":"close"),1)],2),o.createElementVNode("span",fre,[o.createElementVNode("span",yre,o.toDisplayString(o.unref(t)(s.check)),1),o.createElementVNode("span",wre,o.toDisplayString(s.details),1)])],2))),128))])]))),128))])):(o.openBlock(),o.createElementBlock("div",vre,o.toDisplayString(o.unref(t)("No SEO checks available.")),1))]))}}),Sre={class:"pbx-editorSectionDesc"},Cre=o.defineComponent({name:"SeoCheckSettingsEditor",__name:"SeoCheckSettingsEditor",setup(r){const{translate:e}=ae(),t=ke(),i=o.ref(null),n=o.ref(!1),a=o.ref(!1),l=async()=>{a.value=!0,n.value=!0,await $l(300);try{i.value=await t.analyzeSEO()}finally{a.value=!1}},s=()=>{n.value=!1};return(p,d)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("SEO Check")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Sre,o.toDisplayString(o.unref(e)("SEO check description")),1),o.createVNode(rr,{icon:"circle_circle",label:o.unref(e)("Run SEO check"),hint:o.unref(e)("Analyze headings, images, links and word count"),"is-loading":a.value,onClick:l},null,8,["label","hint","is-loading"])]),_:1}),o.createVNode(Dz,{title:o.unref(e)("SEO Check"),showSidebarPanel:n.value,position:"left",onCloseSidebarPanel:s},{default:o.withCtx(()=>[o.createVNode(kre,{"seo-result":i.value},null,8,["seo-result"])]),_:1},8,["title","showSidebarPanel"])],64))}}),Tre={class:"pbx-editorSectionDesc"},Ere=o.defineComponent({name:"RemoveAllComponentsSettingsEditor",__name:"RemoveAllComponentsSettingsEditor",setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(!1),a=o.ref(!1),l=o.ref(""),s=o.ref(1),p=o.ref(""),d=o.ref(""),c=o.ref(""),m=o.ref(null),b=o.ref(null),g=o.ref(null),x=o.ref(null),u=o.ref(null),h=function(){a.value=!0,l.value="delete",s.value=2,p.value=e("Remove all Components"),d.value=e("Are you sure you want to remove all Components?"),c.value=e("Close"),m.value=null,b.value=e("Delete"),g.value=function(){a.value=!1},x.value=function(){},u.value=async function(){n.value=!0,await i.clearHtmlSelection(),await i.handleFormSubmission(),await Re(500),a.value=!1,n.value=!1,t(e("All components removed"),"success")}};return(f,w)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page layout")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Tre,o.toDisplayString(o.unref(e)("Remove all components description")),1),o.createVNode(rr,{icon:"delete_forever",label:o.unref(e)("Remove all Components"),hint:o.unref(e)("Clear every section from the page"),variant:"danger",onClick:h},null,8,["label","hint"])]),_:1}),o.createVNode(mt,{showDynamicModalBuilder:a.value,type:l.value,gridColumnAmount:s.value,title:p.value,description:d.value,isLoading:n.value,firstButtonText:c.value,secondButtonText:m.value??void 0,thirdButtonText:b.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:w[0]||(w[0]=()=>{var y;return(y=g.value)==null?void 0:y.call(g)}),onSecondModalButtonFunctionDynamicModalBuilder:w[1]||(w[1]=()=>{var y;return(y=x.value)==null?void 0:y.call(x)}),onThirdModalButtonFunctionDynamicModalBuilder:w[2]||(w[2]=()=>{var y;return(y=u.value)==null?void 0:y.call(u)})},{default:o.withCtx(()=>[...w[3]||(w[3]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText"])],64))}}),Pre={class:"pbx-editorSectionDesc"},Mre={class:"pbx-pageDesignOpenButtonText"},Bre={class:"pbx-pageDesignOpenButtonLabel"},Lre={class:"pbx-pageDesignOpenButtonHint"},Nre=o.defineComponent({name:"PageDesignSettingsEditor",__name:"PageDesignSettingsEditor",emits:["open"],setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Page Design")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Pre,o.toDisplayString(o.unref(e)("Page design description")),1),o.createElementVNode("button",{type:"button",class:"pbx-pageDesignOpenButton",onClick:i[0]||(i[0]=n=>t.$emit("open"))},[o.createVNode(ls),o.createElementVNode("span",Mre,[o.createElementVNode("span",Bre,o.toDisplayString(o.unref(e)("Open page design")),1),o.createElementVNode("span",Lre,o.toDisplayString(o.unref(e)("Typography, colors, spacing & more")),1)]),i[1]||(i[1]=o.createElementVNode("span",{class:"pbx-pageDesignOpenButtonArrow material-symbols-outlined","aria-hidden":"true"}," arrow_forward ",-1))])]),_:1}))}}),Are={class:"pbx-editorSectionDesc"},_re={class:"pbx-inspectorActionStack"},Dre=o.defineComponent({name:"PageHtmlEditorSettingsEditor",__name:"PageHtmlEditorSettingsEditor",setup(r){const{translate:e}=ae(),t=ke(),{openHtmlViewer:i}=xs(),{openHtmlEditor:n}=ys(),a=async()=>{const s=await t.generateFullPageHtml();n(e("HTML Editor"),s,"page")},l=async()=>{const s=await t.generateFullPageHtml();i(e("Page HTML"),s)};return(s,p)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("HTML Editor")),1)]),content:o.withCtx(()=>[o.createElementVNode("p",Are,o.toDisplayString(o.unref(e)("Page HTML editor description")),1),o.createElementVNode("div",_re,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View page HTML"),hint:o.unref(e)("Preview full page markup"),onClick:l},null,8,["label","hint"]),o.createVNode(rr,{icon:"deployed_code",label:o.unref(e)("Open HTML editor"),hint:o.unref(e)("Edit full page markup"),onClick:a},null,8,["label","hint"])])]),_:1}))}}),lo=function(r){return!r||typeof r=="object"&&r.constructor===Object&&Object.keys(r).length===0},zre="3.5.55",Ire=r=>/^[a-z][a-z0-9+.-]*:/i.test(r)||r.startsWith("//");function zz(r,e){if(!r)return console.warn("No valid pagebuilder element passed"),"";const t=r.cloneNode(!0);if(t.removeAttribute("id"),t.querySelectorAll("[data-pbx-insert-btn]").forEach(a=>{a.remove()}),t.querySelectorAll("[data-componentid], [data-component-title], #page-builder-editor-editable-area").forEach(a=>{a.removeAttribute("data-componentid"),a.removeAttribute("data-component-title"),a.id==="page-builder-editor-editable-area"&&a.removeAttribute("id")}),t.querySelectorAll("[data-pagebuilder-content]").forEach(a=>{a.removeAttribute("data-pagebuilder-content")}),t.querySelectorAll("[data-isl-active]").forEach(a=>{a.removeAttribute("data-isl-active")}),t.removeAttribute("data-builder-canvas"),e&&e&&typeof e.imageUrlPrefix=="string"){const a=e.imageUrlPrefix;t.querySelectorAll("img").forEach(s=>{const p=s.getAttribute("src")||"";p&&!p.startsWith("http")&&!Ire(p)&&a&&!p.startsWith(a)&&s.setAttribute("src",a+p.replace(/^\/+/,""))})}const n=a=>{for(let l=a.childNodes.length-1;l>=0;l--){const s=a.childNodes[l];s.nodeType===Node.COMMENT_NODE?a.removeChild(s):s.nodeType===Node.ELEMENT_NODE&&n(s)}};return n(t),t.outerHTML}function Iz(r){if(!(r!=null&&r.trim()))return[];const e=r.match(/class\s*=\s*(["'])(.*?)\1/i);return e!=null&&e[2]?e[2].split(/\s+/).filter(Boolean):[]}async function gc(r){const{showToast:e}=Ye(),{translate:t}=ae();try{return await navigator.clipboard.writeText(r),e(t("Copied to clipboard"),"success"),!0}catch{return e(t("Clipboard unavailable"),"error"),!1}}const Vre=["title","aria-label"],Hre={class:"pbx-inspectorIdChipText"},Rre={class:"pbx-inspectorIdChipIcon material-symbols-outlined","aria-hidden":"true"},Ore={key:1,class:"pbx-inspectorValue"},Vz=o.defineComponent({__name:"InspectorIdValue",props:{value:{}},setup(r){const e=r,{translate:t}=ae(),i=o.ref(!1),n=o.computed(()=>{const s=e.value;return s==null||s===""?null:String(s)}),a=o.computed(()=>{const s=n.value;return s?s.length<=18?s:`${s.slice(0,8)}…${s.slice(-4)}`:"—"});async function l(){if(!n.value)return;await gc(n.value)&&(i.value=!0,globalThis.setTimeout(()=>{i.value=!1},2e3))}return(s,p)=>n.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"pbx-inspectorIdChip",title:n.value,"aria-label":`${o.unref(t)("Copy ID")}: ${n.value}`,onClick:l},[o.createElementVNode("span",Hre,o.toDisplayString(a.value),1),o.createElementVNode("span",Rre,o.toDisplayString(i.value?"check":"content_copy"),1)],8,Vre)):(o.openBlock(),o.createElementBlock("span",Ore,"—"))}}),Fre={class:"pbx-selectedHtmlInspector"},jre={class:"pbx-editorSectionDesc"},qre={class:"pbx-editorFieldGroup"},Ure={class:"pbx-editorSectionTitle"},Wre={class:"pbx-inspectorCard"},Gre={class:"pbx-inspectorLabel"},Kre={class:"pbx-editorFieldGroup"},Jre={class:"pbx-editorSectionTitle"},Yre=["aria-label"],Qre=["aria-selected"],Xre=["aria-selected"],Zre=["aria-selected"],$re={class:"pbx-inspectorPanel"},eoe={key:0,role:"tabpanel"},toe={key:0,class:"pbx-inspectorEmpty"},roe={class:"pbx-inspectorMeta pbx-mb-3"},ooe={key:0,class:"pbx-inspectorMetaRow"},ioe={class:"pbx-inspectorFieldLabel"},noe={class:"pbx-inspectorValue pbx-inspectorValueBreak"},aoe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},loe={class:"pbx-inspectorFieldLabel"},soe={class:"pbx-inspectorActionStack"},poe={key:1,role:"tabpanel"},doe={key:0,class:"pbx-inspectorEmpty"},coe={class:"pbx-inspectorMeta pbx-mb-3"},moe={class:"pbx-inspectorMetaRow"},boe={class:"pbx-inspectorFieldLabel"},goe={class:"pbx-inspectorMetaRow"},uoe={class:"pbx-inspectorFieldLabel"},xoe={class:"pbx-inspectorValue"},hoe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},foe={class:"pbx-inspectorFieldLabel"},yoe={key:2,role:"tabpanel"},woe=["aria-expanded","aria-label"],voe={class:"pbx-inspectorComponentsSummaryContent"},koe={class:"pbx-inspectorComponentsSummaryChevron material-symbols-outlined","aria-hidden":"true"},Soe={key:1,class:"pbx-inspectorComponentsSummary pbx-inspectorComponentsSummaryEmpty"},Coe={class:"pbx-inspectorList"},Toe=["aria-expanded","aria-label","onClick"],Eoe={class:"pbx-inspectorComponentCardTitleContent"},Poe={class:"pbx-inspectorListIndex"},Moe={class:"pbx-inspectorListTitle"},Boe={class:"pbx-inspectorComponentsSummaryChevron material-symbols-outlined","aria-hidden":"true"},Loe={class:"pbx-inspectorComponentCardBody"},Noe={class:"pbx-inspectorMeta pbx-inspectorComponentCardMeta"},Aoe={class:"pbx-inspectorMetaRow"},_oe={class:"pbx-inspectorFieldLabel"},Doe={class:"pbx-inspectorMetaRow pbx-inspectorMetaRowStacked"},zoe={class:"pbx-inspectorFieldLabel"},Ioe={class:"pbx-inspectorComponentCardFooter"},Voe=o.defineComponent({__name:"SelectedHtmlInspector",setup(r){const{translate:e}=ae(),{openHtmlViewer:t}=xs(),{openHtmlEditor:i}=ys(),n=we,a=o.computed(()=>n.getElement),l=o.computed(()=>n.getComponent),s=o.computed(()=>n.getComponents),p=o.ref("element"),d=o.computed(()=>{var A;return((A=s.value)==null?void 0:A.length)??0}),c=o.ref(!1),m=o.ref(new Set);function b(){d.value&&(c.value=!c.value)}function g(A,_){return String(A.id??A.title??_)}function x(A,_){return m.value.has(g(A,_))}function u(A,_){const V=g(A,_),I=new Set(m.value);I.has(V)?I.delete(V):I.add(V),m.value=I}o.watch(c,A=>{A||(m.value=new Set)}),o.watch(p,A=>{A!=="components"&&(c.value=!1,m.value=new Set)});function h(A){return A?A.tagName.toLowerCase():"—"}function f(A){return A?"object":"—"}function w(A){return A.length?`${e("array")} · ${A.length}`:e("array")}const y=o.computed(()=>[{label:e("Element type:"),value:h(a.value),tone:a.value?"active":"muted"},{label:e("Component type:"),value:f(l.value),tone:l.value?"active":"muted"},{label:e("Components:"),value:w(s.value),tone:d.value>0?"active":"muted"}]),T=o.computed(()=>{var _;const A=a.value;return(_=A==null?void 0:A.classList)!=null&&_.length?Array.from(A.classList):[]}),C=o.computed(()=>{var A;return(A=l.value)!=null&&A.html_code?Iz(l.value.html_code):[]}),E=o.computed(()=>{const A=a.value;return!A||A.tagName!=="IMG"?null:A.src||"—"});function v(A){p.value=A}function M(){a.value&&i(e("Element HTML"),a.value.outerHTML,"element")}function P(){a.value&&t(e("Element HTML"),a.value.outerHTML)}function k(A,_){const V=A.title||(_!==void 0?`${e("Component")} #${_+1}`:e("Component"));t(`${V} · ${e("HTML")}`,A.html_code||"")}function S(){l.value&&k(l.value)}function N(A){return Iz(A.html_code||"")}return(A,_)=>(o.openBlock(),o.createElementBlock("div",Fre,[o.createElementVNode("p",jre,o.toDisplayString(o.unref(e)("Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.")),1),o.createElementVNode("div",qre,[o.createElementVNode("h4",Ure,o.toDisplayString(o.unref(e)("Types")),1),o.createElementVNode("div",Wre,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(y.value,V=>(o.openBlock(),o.createElementBlock("div",{key:V.label,class:"pbx-inspectorRow"},[o.createElementVNode("span",Gre,o.toDisplayString(V.label),1),o.createElementVNode("span",{class:o.normalizeClass(["pbx-inspectorBadge",V.tone==="active"?"pbx-inspectorBadgeActive":"pbx-inspectorBadgeMuted"])},o.toDisplayString(V.value),3)]))),128))])]),o.createElementVNode("div",Kre,[o.createElementVNode("h4",Jre,o.toDisplayString(o.unref(e)("Content")),1),o.createElementVNode("div",{class:"pbx-inspectorTabs",role:"tablist","aria-label":o.unref(e)("Content")},[o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="element",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="element"}]),onClick:_[0]||(_[0]=V=>v("element"))},o.toDisplayString(o.unref(e)("Element")),11,Qre),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="component",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="component"}]),onClick:_[1]||(_[1]=V=>v("component"))},o.toDisplayString(o.unref(e)("Component")),11,Xre),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":p.value==="components",class:o.normalizeClass(["pbx-inspectorTab pbx-font-sans",{"pbx-inspectorTabActive":p.value==="components"}]),onClick:_[2]||(_[2]=V=>v("components"))},o.toDisplayString(o.unref(e)("Components")),11,Zre)],8,Yre),o.createElementVNode("div",$re,[p.value==="element"?(o.openBlock(),o.createElementBlock("div",eoe,[a.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createElementVNode("div",roe,[E.value!==null?(o.openBlock(),o.createElementBlock("div",ooe,[o.createElementVNode("span",ioe,o.toDisplayString(o.unref(e)("Element src:")),1),o.createElementVNode("span",noe,o.toDisplayString(E.value),1)])):o.createCommentVNode("",!0),o.createElementVNode("div",aoe,[o.createElementVNode("span",loe,o.toDisplayString(o.unref(e)("Element classes:")),1),o.createVNode(us,{classes:T.value,"empty-placeholder":""},null,8,["classes"])])]),o.createElementVNode("div",soe,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View element HTML"),hint:o.unref(e)("Preview selected element markup"),onClick:P},null,8,["label","hint"]),o.createVNode(rr,{icon:"deployed_code",label:o.unref(e)("Open element HTML editor"),hint:o.unref(e)("Edit selected element markup"),onClick:M},null,8,["label","hint"])])],64)):(o.openBlock(),o.createElementBlock("p",toe,o.toDisplayString(o.unref(e)("No Element selected")),1))])):o.createCommentVNode("",!0),p.value==="component"?(o.openBlock(),o.createElementBlock("div",poe,[l.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createElementVNode("div",coe,[o.createElementVNode("div",moe,[o.createElementVNode("span",boe,o.toDisplayString(o.unref(e)("ID:")),1),o.createVNode(Vz,{value:l.value.id},null,8,["value"])]),o.createElementVNode("div",goe,[o.createElementVNode("span",uoe,o.toDisplayString(o.unref(e)("Title:")),1),o.createElementVNode("span",xoe,o.toDisplayString(l.value.title||"—"),1)]),o.createElementVNode("div",hoe,[o.createElementVNode("span",foe,o.toDisplayString(o.unref(e)("Component classes:")),1),o.createVNode(us,{classes:C.value,"empty-placeholder":""},null,8,["classes"])])]),o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View component HTML"),hint:o.unref(e)("Preview component markup"),onClick:S},null,8,["label","hint"])],64)):(o.openBlock(),o.createElementBlock("p",doe,o.toDisplayString(o.unref(e)("No Component selected")),1))])):o.createCommentVNode("",!0),p.value==="components"?(o.openBlock(),o.createElementBlock("div",yoe,[d.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:o.normalizeClass(["pbx-font-sans pbx-inspectorComponentsSummary pbx-inspectorComponentsSummaryToggle",{"pbx-inspectorComponentsSummaryOpen":c.value}]),"aria-expanded":c.value,"aria-label":o.unref(e)("Components"),onClick:b},[o.createElementVNode("span",voe,[o.createElementVNode("span",null,o.toDisplayString(o.unref(e)("Components")),1)]),o.createElementVNode("span",koe,o.toDisplayString(c.value?"expand_less":"expand_more"),1)],10,woe)):(o.openBlock(),o.createElementBlock("div",Soe,o.toDisplayString(o.unref(e)("No Components added yet")),1)),o.withDirectives(o.createElementVNode("div",Coe,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.value,(V,I)=>(o.openBlock(),o.createElementBlock("article",{key:String(V.id??V.title??I),class:"pbx-inspectorComponentCard"},[o.createElementVNode("button",{type:"button",class:"pbx-font-sans pbx-inspectorComponentCardToggle","aria-expanded":x(V,I),"aria-label":V.title||o.unref(e)("Component"),onClick:j=>u(V,I)},[o.createElementVNode("span",Eoe,[o.createElementVNode("span",Poe,"#"+o.toDisplayString(I+1),1),o.createElementVNode("span",Moe,o.toDisplayString(V.title||o.unref(e)("Component")),1)]),o.createElementVNode("span",Boe,o.toDisplayString(x(V,I)?"expand_less":"expand_more"),1)],8,Toe),o.withDirectives(o.createElementVNode("div",Loe,[o.createElementVNode("div",Noe,[o.createElementVNode("div",Aoe,[o.createElementVNode("span",_oe,o.toDisplayString(o.unref(e)("ID:")),1),o.createVNode(Vz,{value:V.id},null,8,["value"])]),o.createElementVNode("div",Doe,[o.createElementVNode("span",zoe,o.toDisplayString(o.unref(e)("Component classes:")),1),o.createVNode(us,{classes:N(V),"empty-placeholder":""},null,8,["classes"])])]),o.createElementVNode("div",Ioe,[o.createVNode(rr,{icon:"visibility",label:o.unref(e)("View component HTML"),hint:o.unref(e)("Preview component markup"),onClick:j=>k(V,I)},null,8,["label","hint","onClick"])])],512),[[o.vShow,x(V,I)]])]))),128))],512),[[o.vShow,d.value&&c.value]])])):o.createCommentVNode("",!0)])])]))}}),Hoe={key:0,class:"pbx-flex pbx-items-center pbx-gap-1 pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-100 pbx-pb-3 pbx-pt-1 pbx-overflow-x-auto"},Roe={key:1},Ooe={key:0},Foe={class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},joe={class:"pbx-myQuaternaryHeader"},qoe={key:1,class:"pbx-editorSectionDesc"},Uoe={key:2,class:"pbx-editorSectionDesc"},Woe={key:3,class:"pbx-editorSectionDesc"},Goe={class:"pbx-settingsSection"},Koe={class:"pbx-settingsSectionTitle"},Joe={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Yoe={class:"pbx-overflow-x-auto"},Qoe={class:"pbx-min-w-full"},Xoe={class:"pbx-bg-gray-50"},Zoe={scope:"col",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"},$oe={scope:"col",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"},eie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},tie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},rie={class:"pbx-min-w-[30rem] pbx-w-max"},oie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},iie={class:"pbx-min-w-[30rem] pbx-w-max"},nie={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium pbx-bg-blue-100 pbx-text-blue-800"},aie={key:0,class:"pbx-settingsSection"},lie={class:"pbx-settingsSectionTitle"},sie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},pie={class:"pbx-overflow-x-auto"},die={class:"pbx-min-w-full"},cie={class:"pbx-bg-gray-50"},mie={scope:"col",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"},bie={scope:"col",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"},gie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},uie={key:0},xie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},hie={class:"pbx-min-w-[30rem] pbx-w-max"},fie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},yie={class:"pbx-min-w-[30rem] pbx-w-max"},wie={key:1},vie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},kie={class:"pbx-min-w-[30rem] pbx-w-max"},Sie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Cie={class:"pbx-min-w-[30rem] pbx-w-max"},Tie={key:1,class:"pbx-settingsSection"},Eie={class:"pbx-settingsSectionTitle"},Pie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Mie={class:"pbx-overflow-x-auto"},Bie={class:"pbx-min-w-full"},Lie={class:"pbx-bg-gray-50"},Nie={scope:"col",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"},Aie={scope:"col",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"},_ie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},Die={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},zie={class:"pbx-min-w-[30rem] pbx-w-max"},Iie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Vie={class:"pbx-min-w-[30rem] pbx-w-max"},Hie={class:"pbx-flex pbx-items-center pbx-space-x-3"},Rie=["src"],Oie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Fie={class:"pbx-min-w-[30rem] pbx-w-max"},jie={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},qie={class:"pbx-min-w-[30rem] pbx-w-max"},Uie={class:"pbx-whitespace-nowrap"},Wie={key:2,class:"pbx-settingsSection"},Gie={class:"pbx-settingsSectionTitle"},Kie={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Jie={class:"pbx-overflow-x-auto"},Yie={class:"pbx-w-max pbx-min-w-full"},Qie={class:"pbx-bg-gray-50"},Xie={scope:"col",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"},Zie={scope:"col",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"},$ie={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},ene={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},tne={class:"pbx-min-w-[30rem] pbx-w-max"},rne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},one={class:"pbx-min-w-[30rem] pbx-w-max"},ine={key:0},nne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},ane={class:"pbx-min-w-[30rem] pbx-w-max"},lne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},sne={class:"pbx-min-w-[30rem] pbx-w-max"},pne={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},dne={key:5,class:"pbx-px-2 pbx-settingsSectionGroup"},cne={key:0,class:"pbx-settingsSection"},mne={class:"pbx-settingsSectionTitle"},bne={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},gne={class:"pbx-overflow-x-auto"},une={class:"pbx-min-w-full"},xne={class:"pbx-bg-gray-50"},hne={scope:"col",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"},fne={scope:"col",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"},yne={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},wne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},vne={class:"pbx-min-w-[30rem] pbx-w-max"},kne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Sne={class:"pbx-min-w-[30rem] pbx-w-max"},Cne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Tne={class:"pbx-min-w-[30rem] pbx-w-max"},Ene={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Pne={class:"pbx-min-w-[30rem] pbx-w-max"},Mne={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Bne={class:"pbx-min-w-[30rem] pbx-w-max"},Lne={class:"pbx-flex pbx-items-center pbx-space-x-3"},Nne=["src"],Ane={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},_ne={class:"pbx-min-w-[30rem] pbx-w-max"},Dne={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},zne={class:"pbx-min-w-[30rem] pbx-w-max"},Ine={key:1,class:"pbx-settingsSection"},Vne={class:"pbx-settingsSectionTitle"},Hne={class:"pbx-overflow-hidden pbx-shadow-xs md:pbx-rounded-lg pbx-border pbx-border-gray-200"},Rne={class:"pbx-overflow-x-auto"},One={class:"pbx-min-w-full"},Fne={class:"pbx-bg-gray-50"},jne={scope:"col",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"},qne={scope:"col",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"},Une={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},Wne={key:0},Gne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Kne={class:"pbx-min-w-[30rem] pbx-w-max"},Jne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},Yne={class:"pbx-min-w-[30rem] pbx-w-max"},Qne={key:1},Xne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},Zne={class:"pbx-min-w-[30rem] pbx-w-max"},$ne={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},eae={class:"pbx-min-w-[30rem] pbx-w-max"},tae={key:2},rae={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},oae={class:"pbx-min-w-[30rem] pbx-w-max"},iae={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},nae={class:"pbx-min-w-[30rem] pbx-w-max"},aae={key:0,class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},lae={class:"pbx-myQuaternaryHeader"},sae={class:"pbx-myPrimaryParagraph pbx-text-xs"},pae={class:"pbx-settingsSection pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},dae={class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},cae={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},mae={class:"pbx-px-4 pbx-py-4 pbx-text-white"},bae={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},gae={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},uae={key:0},xae={class:"pbx-editorFieldGroup"},hae={key:1},fae={class:"pbx-myPrimaryParagraph pbx-mt-6 pbx-text-gray-500"},Gn=o.defineComponent({__name:"PageBuilderSettings",props:{embeddedSection:{}},setup(r){const e=r,{translate:t}=ae(),{showToast:i}=Ye(),n=o.computed(()=>!!e.embeddedSection),a=o.computed(()=>["overviewApp","overviewUser","overviewConfig"].includes(e.embeddedSection??"")),l=we,s=o.computed(()=>l.getPageBuilderConfig),p=o.computed(()=>l.getComponents),d=o.ref("overview");function c(T){d.value=T}const m=o.computed(()=>a.value||!e.embeddedSection&&d.value==="overview"),b=o.computed(()=>m.value&&!a.value),g=o.computed(()=>e.embeddedSection==="overviewApp"||!e.embeddedSection&&d.value==="overview"),x=o.computed(()=>e.embeddedSection==="overviewUser"||!e.embeddedSection&&d.value==="overview"),u=o.computed(()=>e.embeddedSection==="overviewConfig"||!e.embeddedSection&&d.value==="overview"),h=o.computed(()=>e.embeddedSection==="download"||!e.embeddedSection&&d.value==="download"),f=o.computed(()=>e.embeddedSection==="selectedHtml"||!e.embeddedSection&&d.value==="viewHTMLConfig");function w(T,C){const P=`
         <!DOCTYPE html>
         <html lang="en">
         <head>
@@ -402,7 +402,7 @@ This will fail in production.`);s=In,s._s.has(i)||(a?Hd(i,e,n,s):bD(i,n,s),proce
             </div>
         </body>
         </html>
-    `,k=document.createElement("a");k.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(P)),k.setAttribute("download",T),k.style.display="none",document.body.appendChild(k),k.click(),document.body.removeChild(k)}function y(){const T=document.getElementById("pagebuilder");if(!T)return;let C=zz(T);const E=document.createElement("div");E.innerHTML=C,E.querySelectorAll("[hovered], [selected]").forEach(v=>{v.removeAttribute("hovered"),v.removeAttribute("selected")}),C=E.innerHTML,w("downloaded_html.html",C),i(t("HTML file downloaded"),"success")}return(T,C)=>{var E,v,M,P,k,S,N,A,_,V,I,j,Y,Q;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["pbx-w-full",n.value?"pbx-editorEmbeddedSettings":"pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"])},[n.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",Hoe,[o.createElementVNode("button",{onClick:C[0]||(C[0]=F=>c("overview")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="overview"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[3]||(C[3]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"visibility",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Overview")),1)],2),o.createElementVNode("button",{onClick:C[1]||(C[1]=F=>c("download")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="download"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[4]||(C[4]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"nest_eco_leaf",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Download HTML")),1)],2),o.createElementVNode("button",{onClick:C[2]||(C[2]=F=>c("viewHTMLConfig")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="viewHTMLConfig"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[5]||(C[5]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"deployed_code",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Selected HTML")),1)],2)])),m.value?(o.openBlock(),o.createElementBlock("div",Roe,[b.value?(o.openBlock(),o.createElementBlock("div",Ooe,[o.createElementVNode("div",Foe,[o.createElementVNode("h3",joe,o.toDisplayString(o.unref(t)("Configuration Overview")),1),o.createElementVNode("p",{class:o.normalizeClass(n.value?"pbx-editorSectionDesc":"pbx-myPrimaryParagraph pbx-text-xs")},o.toDisplayString(o.unref(t)("A summary of current user preferences, application settings, and system metadata including UI theme, language, saved components, and logo configuration.")),3)])])):o.createCommentVNode("",!0),r.embeddedSection==="overviewApp"?(o.openBlock(),o.createElementBlock("p",qoe,o.toDisplayString(o.unref(t)("Application version, resource metadata, logo, and form configuration.")),1)):o.createCommentVNode("",!0),r.embeddedSection==="overviewUser"?(o.openBlock(),o.createElementBlock("p",Uoe,o.toDisplayString(o.unref(t)("Current user profile and saved application preferences.")),1)):o.createCommentVNode("",!0),r.embeddedSection==="overviewConfig"?(o.openBlock(),o.createElementBlock("p",Woe,o.toDisplayString(o.unref(t)("Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment.")),1)):o.createCommentVNode("",!0),g.value?(o.openBlock(),o.createElementBlock("div",{key:4,class:o.normalizeClass(["pbx-px-2 pbx-settingsSectionGroup",b.value&&!n.value?"pbx-mt-8":""])},[o.createElementVNode("div",Goe,[o.createElementVNode("h4",Koe,o.toDisplayString(o.unref(t)("Version Information")),1),o.createElementVNode("div",Joe,[o.createElementVNode("div",Yoe,[o.createElementVNode("table",Qoe,[o.createElementVNode("thead",Xoe,[o.createElementVNode("tr",null,[o.createElementVNode("th",Zoe,o.toDisplayString(o.unref(t)("App")),1),o.createElementVNode("th",$oe,o.toDisplayString(o.unref(t)("Version")),1)])]),o.createElementVNode("tbody",eie,[o.createElementVNode("tr",null,[o.createElementVNode("td",tie,[o.createElementVNode("div",rie,o.toDisplayString(o.unref(t)("Page Builder")),1)]),o.createElementVNode("td",oie,[o.createElementVNode("div",iie,[o.createElementVNode("span",nie,o.toDisplayString(o.unref(zre)),1)])])])])])])])]),(E=s.value)!=null&&E.resourceData&&!o.unref(lo)(s.value.resourceData)?(o.openBlock(),o.createElementBlock("div",aie,[o.createElementVNode("h4",lie,o.toDisplayString(o.unref(t)("Resource Data")),1),o.createElementVNode("div",sie,[o.createElementVNode("div",pie,[o.createElementVNode("table",die,[o.createElementVNode("thead",cie,[o.createElementVNode("tr",null,[o.createElementVNode("th",mie,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",bie,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",gie,[(M=(v=s.value)==null?void 0:v.resourceData)!=null&&M.title?(o.openBlock(),o.createElementBlock("tr",uie,[o.createElementVNode("td",xie,[o.createElementVNode("div",hie,o.toDisplayString(o.unref(t)("Title")),1)]),o.createElementVNode("td",fie,[o.createElementVNode("div",yie,o.toDisplayString(s.value.resourceData.title),1)])])):o.createCommentVNode("",!0),(k=(P=s.value)==null?void 0:P.resourceData)!=null&&k.id?(o.openBlock(),o.createElementBlock("tr",wie,[o.createElementVNode("td",vie,[o.createElementVNode("div",kie,o.toDisplayString(o.unref(t)("ID")),1)]),o.createElementVNode("td",Sie,[o.createElementVNode("div",Cie,o.toDisplayString(s.value.resourceData.id),1)])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0),s.value&&s.value.pageBuilderLogo&&!o.unref(lo)(s.value.pageBuilderLogo)?(o.openBlock(),o.createElementBlock("div",Tie,[o.createElementVNode("h4",Eie,o.toDisplayString(o.unref(t)("Logo Configuration")),1),o.createElementVNode("div",Pie,[o.createElementVNode("div",Mie,[o.createElementVNode("table",Bie,[o.createElementVNode("thead",Lie,[o.createElementVNode("tr",null,[o.createElementVNode("th",Nie,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",Aie,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",_ie,[o.createElementVNode("tr",null,[o.createElementVNode("td",Die,[o.createElementVNode("div",zie,o.toDisplayString(o.unref(t)("Logo")),1)]),o.createElementVNode("td",Iie,[o.createElementVNode("div",Vie,[o.createElementVNode("div",Hie,[o.createElementVNode("img",{class:"pbx-h-4",src:s.value.pageBuilderLogo.src,alt:"Logo"},null,8,Rie)])])])]),o.createElementVNode("tr",null,[o.createElementVNode("td",Oie,[o.createElementVNode("div",Fie,o.toDisplayString(o.unref(t)("Logo URL")),1)]),o.createElementVNode("td",jie,[o.createElementVNode("div",qie,[o.createElementVNode("span",Uie,o.toDisplayString(s.value.pageBuilderLogo.src),1)])])])])])])])])):o.createCommentVNode("",!0),(S=s.value)!=null&&S.updateOrCreate&&!o.unref(lo)(s.value.updateOrCreate)?(o.openBlock(),o.createElementBlock("div",Wie,[o.createElementVNode("h4",Gie,o.toDisplayString(o.unref(t)("Form Type")),1),o.createElementVNode("div",Kie,[o.createElementVNode("div",Jie,[o.createElementVNode("table",Yie,[o.createElementVNode("thead",Qie,[o.createElementVNode("tr",null,[o.createElementVNode("th",Xie,o.toDisplayString(o.unref(t)("Mode")),1),o.createElementVNode("th",Zie,o.toDisplayString(o.unref(t)("Description")),1)])]),o.createElementVNode("tbody",$ie,[o.createElementVNode("tr",null,[o.createElementVNode("td",ene,[o.createElementVNode("div",tne,o.toDisplayString(o.unref(t)("Form Type")),1)]),o.createElementVNode("td",rne,[o.createElementVNode("div",one,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.updateOrCreate.formType==="create"?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-blue-100 pbx-text-blue-800"])},o.toDisplayString(s.value.updateOrCreate.formType),3)])])]),s.value.updateOrCreate.formName&&s.value.updateOrCreate.formName.length>0?(o.openBlock(),o.createElementBlock("tr",ine,[o.createElementVNode("td",nne,[o.createElementVNode("div",ane,o.toDisplayString(o.unref(t)("Form Name")),1)]),o.createElementVNode("td",lne,[o.createElementVNode("div",sne,[o.createElementVNode("span",pne,o.toDisplayString(s.value.updateOrCreate.formName),1)])])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0)],2)):o.createCommentVNode("",!0),x.value?(o.openBlock(),o.createElementBlock("div",dne,[(N=s.value)!=null&&N.userForPageBuilder&&!o.unref(lo)(s.value.userForPageBuilder)?(o.openBlock(),o.createElementBlock("div",cne,[o.createElementVNode("h4",mne,o.toDisplayString(o.unref(t)("User Information")),1),o.createElementVNode("div",bne,[o.createElementVNode("div",gne,[o.createElementVNode("table",une,[o.createElementVNode("thead",xne,[o.createElementVNode("tr",null,[o.createElementVNode("th",hne,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",fne,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",yne,[o.createElementVNode("tr",null,[o.createElementVNode("td",wne,[o.createElementVNode("div",vne,o.toDisplayString(o.unref(t)("User Name")),1)]),o.createElementVNode("td",kne,[o.createElementVNode("div",Sne,o.toDisplayString(s.value.userForPageBuilder.name),1)])]),o.createElementVNode("tr",null,[C[6]||(C[6]=o.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[o.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),o.createElementVNode("td",Cne,[o.createElementVNode("div",Tne,o.toDisplayString(s.value.userForPageBuilder.id),1)])]),o.createElementVNode("tr",null,[o.createElementVNode("td",Ene,[o.createElementVNode("div",Pne,o.toDisplayString(o.unref(t)("Image")),1)]),s.value.userForPageBuilder.image&&typeof s.value.userForPageBuilder.image=="string"&&s.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("td",Mne,[o.createElementVNode("div",Bne,[o.createElementVNode("div",Lne,[o.createElementVNode("img",{class:"pbx-block pbx-inset-0 pbx-object-top pbx-h-10 pbx-min-h-10 pbx-max-h-10 pbx-w-10 pbx-min-w-10 pbx-max-w-10 pbx-object-cover pbx-rounded-full",src:s.value.userForPageBuilder.image,alt:"image"},null,8,Nne)])])])):o.createCommentVNode("",!0)]),o.createElementVNode("tr",null,[o.createElementVNode("td",Ane,[o.createElementVNode("div",_ne,o.toDisplayString(o.unref(t)("Image URL")),1)]),s.value.userForPageBuilder.image&&typeof s.value.userForPageBuilder.image=="string"&&s.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("td",Dne,[o.createElementVNode("div",zne,o.toDisplayString(s.value.userForPageBuilder.image),1)])):o.createCommentVNode("",!0)])])])])])])):o.createCommentVNode("",!0),(A=s.value)!=null&&A.userSettings&&!o.unref(lo)(s.value.userSettings)?(o.openBlock(),o.createElementBlock("div",Ine,[o.createElementVNode("h4",Vne,o.toDisplayString(o.unref(t)("User Settings")),1),o.createElementVNode("div",Hne,[o.createElementVNode("div",Rne,[o.createElementVNode("table",One,[o.createElementVNode("thead",Fne,[o.createElementVNode("tr",null,[o.createElementVNode("th",jne,o.toDisplayString(o.unref(t)("Setting")),1),o.createElementVNode("th",qne,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",Une,[(V=(_=s.value)==null?void 0:_.userSettings)!=null&&V.language?(o.openBlock(),o.createElementBlock("tr",Wne,[o.createElementVNode("td",Gne,[o.createElementVNode("div",Kne,o.toDisplayString(o.unref(t)("Language")),1)]),o.createElementVNode("td",Jne,[o.createElementVNode("div",Yne,o.toDisplayString(s.value.userSettings.language),1)])])):o.createCommentVNode("",!0),((j=(I=s.value)==null?void 0:I.userSettings)==null?void 0:j.autoSave)!==void 0?(o.openBlock(),o.createElementBlock("tr",Qne,[o.createElementVNode("td",Xne,[o.createElementVNode("div",Zne,o.toDisplayString(o.unref(t)("Auto Save")),1)]),o.createElementVNode("td",$ne,[o.createElementVNode("div",eae,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.userSettings.autoSave?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-red-100 pbx-text-red-800"])},o.toDisplayString(s.value.userSettings.autoSave?o.unref(t)("Enabled"):o.unref(t)("Disabled")),3)])])])):o.createCommentVNode("",!0),((Q=(Y=s.value)==null?void 0:Y.userSettings)==null?void 0:Q.notifications)!==void 0?(o.openBlock(),o.createElementBlock("tr",tae,[o.createElementVNode("td",rae,[o.createElementVNode("div",oae,o.toDisplayString(o.unref(t)("Notifications")),1)]),o.createElementVNode("td",iae,[o.createElementVNode("div",nae,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.userSettings.notifications?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-red-100 pbx-text-red-800"])},o.toDisplayString(s.value.userSettings.notifications?o.unref(t)("Enabled"):o.unref(t)("Disabled")),3)])])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),u.value?(o.openBlock(),o.createElementBlock("div",{key:6,class:o.normalizeClass(["pbx-settingsSectionGroup",b.value?"pbx-mt-12":""])},[b.value?(o.openBlock(),o.createElementBlock("div",aae,[o.createElementVNode("h3",lae,o.toDisplayString(o.unref(t)("Complete Configuration Overview")),1),o.createElementVNode("p",sae,o.toDisplayString(o.unref(t)("Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment.")),1)])):o.createCommentVNode("",!0),o.createElementVNode("div",pae,[o.createElementVNode("div",dae,[o.createElementVNode("div",cae,[o.createElementVNode("div",mae,o.toDisplayString(o.unref(t)("Configuration")),1)])]),o.createElementVNode("div",bae,[o.createElementVNode("p",gae," config: "+o.toDisplayString(JSON.stringify(s.value,null,4)),1)])])],2)):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),h.value?(o.openBlock(),o.createElementBlock("div",{key:2,class:o.normalizeClass(n.value?"":"pbx-min-h-screen pbx-mt-4")},[Array.isArray(p.value)&&p.value.length>=1?(o.openBlock(),o.createElementBlock("div",uae,[o.createElementVNode("p",{class:o.normalizeClass(["pbx-editorSectionDesc",n.value?"":"pbx-mb-10"])},o.toDisplayString(o.unref(t)("Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.")),3),o.createElementVNode("div",xae,[o.createElementVNode("button",{onClick:y,type:"button",class:"pbx-myPrimaryButton"},[o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Download HTML file")),1)])])])):(o.openBlock(),o.createElementBlock("div",hae,[o.createElementVNode("p",fae,o.toDisplayString(o.unref(t)("No components added yet. Add components to the page to enable HTML download.")),1)]))],2)):o.createCommentVNode("",!0),f.value?(o.openBlock(),o.createElementBlock("div",{key:3,class:o.normalizeClass(n.value?"":"pbx-min-h-screen pbx-mt-4")},[o.createVNode(Voe)],2)):o.createCommentVNode("",!0)],2)}}}),yae={class:"pbx-flex pbx-flex-col pbx-gap-2"},wae=o.defineComponent({__name:"OverviewSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createElementBlock("div",yae,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("App & Resource")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewApp"})]),_:1}),o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("User & Settings")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewUser"})]),_:1}),o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Full Configuration")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewConfig"})]),_:1})]))}}),vae=o.defineComponent({__name:"DownloadHtmlSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Download HTML")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"download"})]),_:1}))}}),kae=o.defineComponent({__name:"SelectedHtmlSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Selected HTML")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"selectedHtml"})]),_:1}))}}),Sae={key:0,class:"pbx-myPrimaryParagraph pbx-font-medium pbx-pt-6"},Cae={key:1,class:"pbx-pt-2 pbx-space-y-3"},Tae={class:"pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-p-3"},Eae={class:"pbx-space-y-3"},Pae={class:"pbx-grid pbx-grid-cols-1 md:pbx-grid-cols-2 pbx-gap-3"},Mae={for:"font-family",class:"pbx-myPrimaryInputLabel"},Bae={value:null},Lae=["value"],Nae={key:0,class:"pbx-mt-1 pbx-mb-0 pbx-text-xs pbx-text-gray-500"},Aae={for:"font-desktop",class:"pbx-myPrimaryInputLabel"},_ae={disabled:"",value:""},Dae={class:"pbx-grid pbx-grid-cols-1 md:pbx-grid-cols-2 pbx-gap-3"},zae={for:"font-weight",class:"pbx-myPrimaryInputLabel"},Iae={disabled:"",value:""},Vae={for:"font-style",class:"pbx-myPrimaryInputLabel"},Hae={disabled:"",value:""},Rae={class:"pbx-my-2 pbx-py-2"},Oae={for:"font-desktop",class:"pbx-myPrimaryInputLabel"},Fae={disabled:"",value:""},jae={class:"pbx-my-2 pbx-py-2"},qae={for:"font-weight",class:"pbx-myPrimaryInputLabel"},Uae={disabled:"",value:""},Wae={class:"pbx-my-2 pbx-py-2"},Gae={for:"font-family",class:"pbx-myPrimaryInputLabel"},Kae={value:null},Jae=["value"],Yae={key:0,class:"pbx-mt-2 pbx-mb-0 pbx-text-xs pbx-text-gray-500"},Qae={class:"pbx-my-2 pbx-py-2"},Xae={for:"font-style",class:"pbx-myPrimaryInputLabel"},Zae={disabled:"",value:""},$ae=o.defineComponent({__name:"TypographyControl",props:{defaultOpen:{type:Boolean,default:!1},prettyHeader:{type:Boolean,default:!1},splitBasicAdvanced:{type:Boolean,default:!1}},setup(r){const{translate:e}=ae(),t=ke(),i=r,n=we,a=o.ref(null),l=o.ref(null),s=o.ref(null),p=o.ref(null),d=o.ref(null),c=o.ref(null),m=o.ref(""),b=o.ref(null),g=o.computed(()=>n.getElement),x=o.computed(()=>n.getFontBase),u=o.computed(()=>n.getFontDesktop),h=o.computed(()=>n.getFontTablet),f=o.computed(()=>n.getFontMobile),w=o.computed(()=>n.getFontWeight),y=o.computed(()=>n.getFontFamily),T=o.computed(()=>n.getFontStyle),C=o.computed(()=>n.getPageBuilderConfig),E=o.computed(()=>{var k;return kD((k=C.value)==null?void 0:k.userSettings)}),v=o.computed(()=>!!(c.value&&c.value!=="none")),M=async function(){await t.handleFontFamily(c.value==null?"none":c.value)},P=async()=>{if(await o.nextTick(),!(g.value instanceof HTMLElement)){m.value="";return}m.value=PD(g.value,C.value,{globalPageDesignMode:n.getToggleGlobalHtmlMode,selectedFontClass:n.getFontFamily})};return o.watch(x,k=>{a.value=k},{immediate:!0}),o.watch(u,k=>{l.value=k},{immediate:!0}),o.watch(h,k=>{s.value=k},{immediate:!0}),o.watch(f,k=>{p.value=k},{immediate:!0}),o.watch(w,k=>{d.value=k},{immediate:!0}),o.watch(y,async k=>{c.value=!k||k==="none"?null:k,await P()},{immediate:!0}),o.watch(g,P,{immediate:!0,flush:"post"}),o.watch(T,k=>{b.value=k},{immediate:!0}),(k,S)=>(o.openBlock(),o.createBlock(He,{"default-expanded":i.defaultOpen,class:o.normalizeClass((i.prettyHeader,""))},{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Typographies")),1)]),content:o.withCtx(()=>[i.splitBasicAdvanced?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("p",Sae,o.toDisplayString(o.unref(e)("Font Appearance")),1)),i.splitBasicAdvanced?(o.openBlock(),o.createElementBlock("div",Cae,[o.createElementVNode("div",Tae,[o.createElementVNode("div",Eae,[o.createElementVNode("div",Pae,[o.createElementVNode("div",null,[o.createElementVNode("label",Mae,o.toDisplayString(o.unref(e)("Font family")),1),o.withDirectives(o.createElementVNode("select",{id:"font-family","onUpdate:modelValue":S[0]||(S[0]=N=>c.value=N),class:"pbx-myPrimarySelect",onChange:M},[o.createElementVNode("option",Bae,o.toDisplayString(o.unref(e)("No font family")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(E.value.filter(N=>N.value!=="none"),N=>(o.openBlock(),o.createElementBlock("option",{key:N.value,value:N.value},o.toDisplayString(N.label),9,Lae))),128))],544),[[o.vModelSelect,c.value]]),!v.value&&m.value?(o.openBlock(),o.createElementBlock("p",Nae,o.toDisplayString(o.unref(e)("Inherited"))+": "+o.toDisplayString(m.value),1)):o.createCommentVNode("",!0)]),o.createElementVNode("div",null,[o.createElementVNode("label",Aae,o.toDisplayString(o.unref(e)("Font size")),1),o.withDirectives(o.createElementVNode("select",{id:"font-desktop","onUpdate:modelValue":S[1]||(S[1]=N=>l.value=N),class:"pbx-myPrimarySelect",onChange:S[2]||(S[2]=N=>o.unref(t).handleFontSizeDesktop(l.value??void 0))},[o.createElementVNode("option",_ae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Fo).fontDesktop,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,l.value]])])]),o.createElementVNode("div",Dae,[o.createElementVNode("div",null,[o.createElementVNode("label",zae,o.toDisplayString(o.unref(e)("Font weight")),1),o.withDirectives(o.createElementVNode("select",{id:"font-weight","onUpdate:modelValue":S[3]||(S[3]=N=>d.value=N),class:"pbx-myPrimarySelect",onChange:S[4]||(S[4]=N=>o.unref(t).handleFontWeight(d.value??void 0))},[o.createElementVNode("option",Iae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontWeight,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,d.value]])]),o.createElementVNode("div",null,[o.createElementVNode("label",Vae,o.toDisplayString(o.unref(e)("Font Style")),1),o.withDirectives(o.createElementVNode("select",{id:"font-style","onUpdate:modelValue":S[5]||(S[5]=N=>b.value=N),class:"pbx-myPrimarySelect",onChange:S[6]||(S[6]=N=>o.unref(t).handleFontStyle(b.value??void 0))},[o.createElementVNode("option",Hae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontStyle,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,b.value]])])])])])])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createCommentVNode("",!0),o.createElementVNode("div",Rae,[o.createElementVNode("label",Oae,o.toDisplayString(o.unref(e)("Font size")),1),o.withDirectives(o.createElementVNode("select",{id:"font-desktop","onUpdate:modelValue":S[9]||(S[9]=N=>l.value=N),class:"pbx-myPrimarySelect",onChange:S[10]||(S[10]=N=>o.unref(t).handleFontSizeDesktop(l.value??void 0))},[o.createElementVNode("option",Fae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Fo).fontDesktop,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,l.value]])]),o.createCommentVNode("",!0),S[20]||(S[20]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",jae,[o.createElementVNode("label",qae,o.toDisplayString(o.unref(e)("Font weight")),1),o.withDirectives(o.createElementVNode("select",{id:"font-weight","onUpdate:modelValue":S[15]||(S[15]=N=>d.value=N),class:"pbx-myPrimarySelect",onChange:S[16]||(S[16]=N=>o.unref(t).handleFontWeight(d.value??void 0))},[o.createElementVNode("option",Uae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontWeight,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,d.value]])]),S[21]||(S[21]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Wae,[o.createElementVNode("label",Gae,o.toDisplayString(o.unref(e)("Font family")),1),o.withDirectives(o.createElementVNode("select",{id:"font-family","onUpdate:modelValue":S[17]||(S[17]=N=>c.value=N),class:"pbx-myPrimarySelect",onChange:M},[o.createElementVNode("option",Kae,o.toDisplayString(o.unref(e)("No font family")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(E.value.filter(N=>N.value!=="none"),N=>(o.openBlock(),o.createElementBlock("option",{key:N.value,value:N.value},o.toDisplayString(N.label),9,Jae))),128))],544),[[o.vModelSelect,c.value]]),!v.value&&m.value?(o.openBlock(),o.createElementBlock("p",Yae,o.toDisplayString(o.unref(e)("Inherited"))+": "+o.toDisplayString(m.value),1)):o.createCommentVNode("",!0)]),S[22]||(S[22]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Qae,[o.createElementVNode("label",Xae,o.toDisplayString(o.unref(e)("Font Style")),1),o.withDirectives(o.createElementVNode("select",{id:"font-style","onUpdate:modelValue":S[18]||(S[18]=N=>b.value=N),class:"pbx-myPrimarySelect",onChange:S[19]||(S[19]=N=>o.unref(t).handleFontStyle(b.value??void 0))},[o.createElementVNode("option",Zae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontStyle,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,b.value]])])],64))]),_:1},8,["default-expanded","class"]))}}),ele={key:0,class:"pbx-pageDesignLoading pbx-flex pbx-items-center pbx-justify-center pbx-min-h-screen"},tle={key:1},rle={class:"pbx-editorSectionDesc pbx-pageDesignIntro"},ole={class:"pbx-pageDesignSection"},ile={class:"pbx-pageDesignSectionTitle"},nle={class:"pbx-pageDesignCard"},ale={class:"pbx-pageDesignToggleRow"},lle={class:"pbx-pageDesignToggleCopy"},sle={class:"pbx-pageDesignToggleLabel"},ple={class:"pbx-pageDesignToggleHint"},dle={class:"pbx-pageDesignSection"},cle={class:"pbx-pageDesignCard pbx-pageDesignCardWide"},mle={class:"pbx-pageDesignSection"},ble={class:"pbx-pageDesignSectionTitle"},gle={class:"pbx-pageDesignGrid"},ule={class:"pbx-pageDesignCard"},xle={class:"pbx-pageDesignCardLabel pbx-px-2"},hle={class:"pbx-pageDesignCard"},fle={class:"pbx-pageDesignCardLabel pbx-px-2"},yle={class:"pbx-pageDesignSection"},wle={class:"pbx-pageDesignSectionTitle"},vle={class:"pbx-pageDesignGrid"},kle={class:"pbx-pageDesignCard"},Sle={class:"pbx-pageDesignCard"},Cle={class:"pbx-pageDesignSection"},Tle={class:"pbx-pageDesignSectionTitle"},Ele={class:"pbx-pageDesignGrid"},Ple={class:"pbx-pageDesignCard"},Mle={class:"pbx-pageDesignCard"},Ble={class:"pbx-pageDesignSection"},Lle={class:"pbx-pageDesignSectionTitle"},Nle={class:"pbx-pageDesignGrid"},Ale={class:"pbx-pageDesignCard"},_le={class:"pbx-pageDesignCard"},Dle={class:"pbx-grid pbx-grid-cols-1 lg:pbx-grid-cols-2 pbx-gap-4 pbx-mt-24 pbx-border-0 pbx-border-t pbx-border-gray-200 pbx-pt-8"},zle={class:"pbx-p-4 pbx-border pbx-border-gray-200 pbx-rounded-2xl"},Ile={class:"pbx-pageDesignSection pbx-pageDesignLayoutAction"},Vle=o.defineComponent({name:"PageDesignEditor",__name:"PageDesignEditor",props:{isLoading:{type:Boolean,required:!0,default:!0}},setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(0),a=o.computed(()=>(n.value,i.isGlobalFullWidth())),l=async C=>{const E=i.setGlobalFullWidth(C);n.value++,await E},s=o.ref(!1),p=o.ref(!1),d=o.ref(""),c=o.ref(1),m=o.ref(""),b=o.ref(""),g=o.ref(""),x=o.ref(null),u=o.ref(null),h=o.ref(null),f=o.ref(null),w=o.ref(null),y=async()=>{s.value=!0;try{await i.clearHtmlSelection(),await i.globalPageStyles(),await i.clearClassesFromPage(),await i.clearInlineStylesFromPage(),await i.stopGlobalStylesSync(),await i.globalPageStyles(),t(e("Page design styles cleared"),"success")}catch{t(e("Could not clear page design styles"),"error")}finally{s.value=!1,p.value=!1}},T=()=>{p.value=!0,d.value="delete",c.value=2,m.value=e("Clear page classes & styles"),b.value=e("Are you sure you want to remove global page classes and inline styles?"),g.value=e("Close"),x.value=null,u.value=e("Delete"),h.value=()=>{p.value=!1},f.value=()=>{},w.value=async()=>{await y()}};return(C,E)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",{class:o.normalizeClass(["pbx-pageDesignEditor",[r.isLoading?"pbx-min-h-screen ":"pbx-min-h-[60rem]"]])},[r.isLoading?(o.openBlock(),o.createElementBlock("div",ele,[...E[3]||(E[3]=[o.createElementVNode("div",{class:"pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent",role:"status"},null,-1)])])):o.createCommentVNode("",!0),r.isLoading?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",tle,[o.createElementVNode("p",rle,o.toDisplayString(o.unref(e)("Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.")),1),o.createElementVNode("section",ole,[o.createElementVNode("h4",ile,o.toDisplayString(o.unref(e)("Layout")),1),o.createElementVNode("div",nle,[o.createElementVNode("div",ale,[o.createElementVNode("div",lle,[o.createElementVNode("p",sle,o.toDisplayString(o.unref(e)("Full-width page")),1),o.createElementVNode("p",ple,o.toDisplayString(o.unref(e)("Stretch all sections across browser width")),1)]),o.createVNode(er,{"model-value":a.value,"onUpdate:modelValue":l},null,8,["model-value"])])])]),o.createElementVNode("section",dle,[o.createElementVNode("div",cle,[o.createVNode($ae,{"default-open":!0,"pretty-header":!0,"split-basic-advanced":!0})])]),o.createElementVNode("section",mle,[o.createElementVNode("h4",ble,o.toDisplayString(o.unref(e)("Colors")),1),o.createElementVNode("div",gle,[o.createElementVNode("div",ule,[o.createElementVNode("p",xle,o.toDisplayString(o.unref(e)("Text Color")),1),o.createVNode(lz,{globalPageLayout:!0})]),o.createElementVNode("div",hle,[o.createElementVNode("p",fle,o.toDisplayString(o.unref(e)("Background Color")),1),o.createVNode(sz,{globalPageLayout:!0})])])]),o.createElementVNode("section",yle,[o.createElementVNode("h4",wle,o.toDisplayString(o.unref(e)("Spacing")),1),o.createElementVNode("div",vle,[o.createElementVNode("div",kle,[o.createVNode(Lz)]),o.createElementVNode("div",Sle,[o.createVNode(Nz)])])]),o.createElementVNode("section",Cle,[o.createElementVNode("h4",Tle,o.toDisplayString(o.unref(e)("Borders")),1),o.createElementVNode("div",Ele,[o.createElementVNode("div",Ple,[o.createVNode(Az)]),o.createElementVNode("div",Mle,[o.createVNode(_z)])])]),o.createElementVNode("section",Ble,[o.createElementVNode("h4",Lle,o.toDisplayString(o.unref(e)("Advanced")),1),o.createElementVNode("div",Nle,[o.createElementVNode("div",Ale,[o.createVNode(vz)]),o.createElementVNode("div",_le,[o.createVNode(kz)])])]),o.createElementVNode("div",Dle,[E[4]||(E[4]=o.createElementVNode("div",{class:"pbx-p-4 pbx-border pbx-border-gray-200 pbx-rounded-2xl"},null,-1)),o.createElementVNode("div",zle,[o.createElementVNode("section",Ile,[o.createVNode(rr,{icon:"delete_forever",label:o.unref(e)("Clear page classes & styles"),hint:o.unref(e)("Remove global page classes and inline styles from the wrapper"),variant:"danger","is-loading":s.value,onClick:T},null,8,["label","hint","is-loading"])])])])]))],2),o.createVNode(mt,{showDynamicModalBuilder:p.value,type:d.value,gridColumnAmount:c.value,title:m.value,description:b.value,isLoading:s.value,firstButtonText:g.value,secondButtonText:x.value??void 0,thirdButtonText:u.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:E[0]||(E[0]=()=>{var v;return(v=h.value)==null?void 0:v.call(h)}),onSecondModalButtonFunctionDynamicModalBuilder:E[1]||(E[1]=()=>{var v;return(v=f.value)==null?void 0:v.call(f)}),onThirdModalButtonFunctionDynamicModalBuilder:E[2]||(E[2]=()=>{var v;return(v=w.value)==null?void 0:v.call(w)})},{default:o.withCtx(()=>[...E[5]||(E[5]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText"])],64))}}),Hle={class:"pbx-flex pbx-h-full pbx-flex-col"},Rle={class:"pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3"},Ole=["aria-label"],Fle={class:"pbx-font-medium pbx-text-sm"},jle={class:"pbx-lowercase"},qle={class:"pbx-px-4 pbx-mb-3"},Ule=["aria-label"],Wle=["aria-selected"],Gle=["aria-selected"],Kle=["aria-selected"],Jle={class:"pbx-flex pbx-flex-col pbx-gap-2"},Yle={class:"pbx-flex pbx-flex-col pbx-gap-2"},Qle={class:"pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-px-4 pbx-py-8 pbx-text-center"},Xle={class:"pbx-myPrimaryParagraph pbx-text-sm pbx-text-gray-500 pbx-my-0"},Zle={class:"pbx-flex pbx-flex-col pbx-gap-2"},$le={class:"pbx-flex pbx-flex-col pbx-gap-2"},ese=o.defineComponent({__name:"RightSidebarEditor",emits:["closeEditor"],setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=we,a=o.ref("styles"),l=o.computed(()=>n.getElement),s=o.computed(()=>{var w;return(w=l.value)==null?void 0:w.tagName}),p=o.computed(()=>{const w=l.value;return!!(w&&i.isEditableElement(w))}),d=o.computed(()=>{const w=l.value;return w?w.tagName==="IMG"||!!n.getBasePrimaryImage:!1}),c=o.ref(null);let m=0;o.watch(()=>n.getElement,w=>{(w==null?void 0:w.tagName)==="IMG"&&(a.value="styles"),o.nextTick(()=>{c.value&&(c.value.scrollTop=m)})});function b(){c.value&&(m=c.value.scrollTop)}function g(w){a.value=w,o.nextTick(()=>{c.value&&(c.value.scrollTop=0,m=0)})}const x=o.ref(!1),u=o.ref(!1),h=async function(){x.value=!0,u.value=!0,await Re(200),n.setToggleGlobalHtmlMode(!0),await i.globalPageStyles(),u.value=!1},f=async function(){u.value=!0,await Re(200);try{await i.handleManualSave(),t(e("Page saved successfully"),"success")}catch{t(e("Could not save page"),"error")}finally{n.setToggleGlobalHtmlMode(!1)}i.stopGlobalStylesSync();const w=document.querySelector("[data-pagebuilder-content]");w&&w.removeAttribute("data-global-selected"),x.value=!1,u.value=!1};return(w,y)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",Hle,[o.createElementVNode("div",Rle,[o.createElementVNode("button",{type:"button",onClick:y[0]||(y[0]=T=>w.$emit("closeEditor")),"aria-label":o.unref(e)("Close properties panel"),class:"pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black"},[...y[4]||(y[4]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," close ",-1)])],8,Ole),o.createElementVNode("p",Fle,[p.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createTextVNode(o.toDisplayString(o.unref(e)("Editing"))+" ",1),o.createElementVNode("span",jle,"<"+o.toDisplayString(s.value)+">",1)],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createTextVNode(o.toDisplayString(o.unref(e)("Properties")),1)],64))])]),o.createElementVNode("div",qle,[o.createElementVNode("div",{class:"pbx-grid pbx-grid-cols-3 pbx-gap-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-1",role:"tablist","aria-label":o.unref(e)("Properties panel")},[o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="styles",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="styles"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[1]||(y[1]=T=>g("styles"))},o.toDisplayString(o.unref(e)("Styles")),11,Wle),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="settings",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="settings"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[2]||(y[2]=T=>g("settings"))},o.toDisplayString(o.unref(e)("Settings")),11,Gle),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="tools",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="tools"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[3]||(y[3]=T=>g("tools"))},o.toDisplayString(o.unref(e)("Tools")),11,Kle)],8,Ule)]),o.createElementVNode("div",{ref_key:"scrollContainer",ref:c,onScroll:b,class:"pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-flex-1 pbx-overflow-y-scroll"},[o.withDirectives(o.createElementVNode("div",Jle,[o.withDirectives(o.createElementVNode("div",Yle,[d.value?(o.openBlock(),o.createBlock(hee,{key:0})):o.createCommentVNode("",!0),o.createVNode(Hee),o.createVNode(Lz),o.createVNode(Nz),o.createVNode(Az),o.createVNode(_z),o.createVNode(vz),o.createVNode(kz),o.createVNode(dee)],512),[[o.vShow,p.value]]),o.withDirectives(o.createElementVNode("div",Qle,[o.createElementVNode("p",Xle,o.toDisplayString(o.unref(e)("No Element selected")),1)],512),[[o.vShow,!p.value]])],512),[[o.vShow,a.value==="styles"]]),o.withDirectives(o.createElementVNode("div",Zle,[o.createVNode(Nre,{onOpen:h}),o.createVNode(Gte),o.createVNode(ore),o.createVNode(Cre),o.createVNode(Dre),o.createVNode(Ere)],512),[[o.vShow,a.value==="settings"]]),o.withDirectives(o.createElementVNode("div",$le,[o.createVNode(wae),o.createVNode(vae),o.createVNode(kae)],512),[[o.vShow,a.value==="tools"]])],544)]),o.createVNode(zt,{maxWidth:"5xl",showModalBuilder:x.value,title:o.unref(e)("Page Design"),onCloseMainModalBuilder:f,minHeight:"",maxHeight:""},{default:o.withCtx(()=>[o.createVNode(Vle,{isLoading:u.value},null,8,["isLoading"])]),_:1},8,["showModalBuilder","title"])],64))}}),tse={class:"pbx-flex pbx-items-center pbx-justify-center pbx-ml-2"},rse={class:"pbx-mr-2"},ose={key:0,class:"pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"},ise={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"},nse={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"},ase={class:"pbx-text-white pbx-flex-shrink-0 pbx-d pbx-w-10 pbx-h-10 pbx-rounded-full pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-rounded-l-full"},lse=["src"],sse=o.defineComponent({__name:"ToolbarOption",setup(r){const e=we,t=o.computed(()=>e.getPageBuilderConfig);return(i,n)=>{var a;return o.openBlock(),o.createElementBlock("div",null,[o.createElementVNode("div",tse,[o.createElementVNode("div",rse,[t.value&&t.value.userForPageBuilder&&t.value.userForPageBuilder.name&&(!t.value.userForPageBuilder.image||typeof t.value.userForPageBuilder.image=="string"&&((a=t.value.userForPageBuilder.image)==null?void 0:a.length)<2)?(o.openBlock(),o.createElementBlock("div",ose,[o.createElementVNode("div",ise,o.toDisplayString(typeof t.value.userForPageBuilder.name=="string"&&t.value.userForPageBuilder.name[0]),1)])):o.createCommentVNode("",!0),t.value&&t.value.userForPageBuilder&&t.value.userForPageBuilder.name&&t.value.userForPageBuilder.image&&typeof t.value.userForPageBuilder.image=="string"&&t.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("div",nse,[o.createElementVNode("div",ase,[o.createElementVNode("img",{alt:"Avatar",src:`${t.value.userForPageBuilder.image}`,class:"pbx-block pbx-inset-0 pbx-object-top pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-object-cover pbx-rounded-full"},null,8,lse)])])):o.createCommentVNode("",!0)])])])}}});let uc=null;function pse(){return(r,e=300)=>{uc&&clearTimeout(uc),uc=setTimeout(r,e)}}const dse={};function cse(r,e){return o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[e[0]||(e[0]=o.createElementVNode("div",{class:"pbx-bg-white pbx-flex pbx-justify-center pbx-items-center min-pbx-h-screen pbx-h-screen pbx-w-screen pbx-fixed pbx-inset-0 pbx-z-[10000]"},[o.createElementVNode("div",{class:"pbx-absolute pbx-top-1/3"},[o.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-mt-4"},[o.createElementVNode("div",{class:"pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]"},[o.createElementVNode("span",{class:"!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]"},"Loading...")])])])],-1))])}const Hz=qo(dse,[["render",cse]]),mse={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},bse={class:"pbx-flex pbx-gap-2"},gse={class:"pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0"},use={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},xse={class:"pbx-flex pbx-items-center pbx-justify-center"},hse={class:"pbx-inline-grid pbx-gap-1 pbx-py-8 pbx-px-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-w-full pbx-justify-center",style:{"grid-template-columns":"repeat(3, 2.5rem)"}},fse=["title","onClick"],yse={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},wse={class:"pbx-grid pbx-grid-cols-2 pbx-gap-2"},vse=["onClick"],kse={for:"image-alt-text",class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2 pbx-block"},Sse={class:"pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg"},Cse=["placeholder","onKeydown"],Tse=["disabled","title"],Ese={key:0,class:"material-symbols-outlined pbx-materialIconXl"},Pse={key:1,class:"material-symbols-outlined pbx-animate-spin"},Mse={class:"pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0"},Bse=o.defineComponent({__name:"ImageSettingsModal",props:{show:{type:Boolean}},setup(r){const e=r,{translate:t}=ae(),{showToast:i}=Ye(),n=ke(),a=we,l=o.ref(0),s=o.ref(""),p=o.ref(""),d=o.ref(!1),c=[["pbx-object-top-left","pbx-object-top","pbx-object-top-right"],["pbx-object-left","pbx-object-center","pbx-object-right"],["pbx-object-bottom-left","pbx-object-bottom","pbx-object-bottom-right"]],m=o.computed(()=>{l.value;const E=a.getImageObjectFit;return!E||E==="none"?null:E}),b=o.computed(()=>{l.value;const E=a.getImageObjectPosition;return!E||E==="none"?"pbx-object-center":E}),g=o.computed(()=>{l.value;const E=a.getImageAspectRatio;return!E||E==="none"?"none":E}),x=o.computed(()=>s.value.trim()!==p.value.trim());function u(){const E=n.getSelectedImageAltText();s.value=E,p.value=E}o.watch(()=>e.show,async E=>{E&&(u(),await n.initializeElementStyles(),u(),l.value++)},{immediate:!0});async function h(){l.value++,await n.handleAutoSave()}async function f(E){n.handleImageObjectFit(E),await h()}async function w(E){n.handleImageObjectPosition(E),await h()}async function y(E){n.handleImageAspectRatio(E),await h()}async function T(){if(!(!x.value||d.value)){d.value=!0,await Re(400);try{await n.handleImageAltText(s.value),p.value=s.value.trim(),l.value++,i(t("Image settings saved"),"success")}finally{d.value=!1}}}const C=[{id:"none",labelKey:"Auto"},{id:"pbx-aspect-square",labelKey:"Square"},{id:"pbx-aspect-video",labelKey:"Landscape 16:9"},{id:"pbx-aspect-[9/16]",labelKey:"Portrait 9:16"}];return(E,v)=>(o.openBlock(),o.createElementBlock("div",{class:"pbx-flex pbx-flex-col pbx-gap-4 pbx-pt-1 pbx-pb-2",onMousedown:v[3]||(v[3]=o.withModifiers(()=>{},["stop"])),onClick:v[4]||(v[4]=o.withModifiers(()=>{},["stop"]))},[o.createElementVNode("div",null,[o.createElementVNode("p",mse,o.toDisplayString(o.unref(t)("Image fit")),1),o.createElementVNode("div",bse,[o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",m.value==="pbx-object-cover"?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:v[0]||(v[0]=M=>f("pbx-object-cover"))},o.toDisplayString(o.unref(t)("Cover")),3),o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",m.value==="pbx-object-contain"?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:v[1]||(v[1]=M=>f("pbx-object-contain"))},o.toDisplayString(o.unref(t)("Contain")),3)]),o.createElementVNode("p",gse,o.toDisplayString(o.unref(t)("Cover fills the frame and may crop. Contain shows the full image.")),1)]),o.createElementVNode("div",null,[o.createElementVNode("p",use,o.toDisplayString(o.unref(t)("Crop focus")),1),o.createElementVNode("div",xse,[o.createElementVNode("div",hse,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(c.flat(),M=>(o.openBlock(),o.createElementBlock("button",{key:M,type:"button",class:o.normalizeClass(["pbx-w-10 pbx-h-10 pbx-rounded-lg pbx-border pbx-border-solid pbx-flex pbx-items-center pbx-justify-center pbx-cursor-pointer pbx-text-xs pbx-transition-colors",b.value===M?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-500 hover:pbx-border-gray-300"]),title:M.replace("pbx-object-",""),onClick:P=>w(M)},[...v[5]||(v[5]=[o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIconBase"},"crop_free",-1)])],10,fse))),128))])])]),o.createElementVNode("div",null,[o.createElementVNode("p",yse,o.toDisplayString(o.unref(t)("Shape")),1),o.createElementVNode("div",wse,[(o.openBlock(),o.createElementBlock(o.Fragment,null,o.renderList(C,M=>o.createElementVNode("button",{key:M.id,type:"button",class:o.normalizeClass(["pbx-font-sans pbx-rounded-xl pbx-border pbx-border-solid pbx-px-3 pbx-py-2.5 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",g.value===M.id?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:P=>y(M.id)},o.toDisplayString(o.unref(t)(M.labelKey)),11,vse)),64))])]),o.createElementVNode("div",null,[o.createElementVNode("label",kse,o.toDisplayString(o.unref(t)("Alt text")),1),o.createElementVNode("div",Sse,[o.withDirectives(o.createElementVNode("input",{id:"image-alt-text","onUpdate:modelValue":v[2]||(v[2]=M=>s.value=M),type:"text",class:"pbx-myPrimaryInput pbx-flex-1 pbx-min-w-0",placeholder:o.unref(t)("Describe this image for accessibility"),onKeydown:o.withKeys(o.withModifiers(T,["prevent"]),["enter"])},null,40,Cse),[[o.vModelText,s.value]]),o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-shrink-0 pbx-rounded-xl pbx-border pbx-border-solid pbx-flex pbx-items-center pbx-justify-center pbx-cursor-pointer pbx-transition-colors",x.value?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-opacity-90":"pbx-border-gray-200 pbx-bg-gray-100 pbx-text-gray-400 pbx-cursor-not-allowed"]),disabled:!x.value||d.value,title:o.unref(t)("Save"),onClick:T},[d.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",Ese,"check")),d.value?(o.openBlock(),o.createElementBlock("span",Pse,"refresh")):o.createCommentVNode("",!0)],10,Tse)]),o.createElementVNode("p",Mse,o.toDisplayString(o.unref(t)("Helps screen readers and SEO understand the image content.")),1)])],32))}}),Lse={class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full pbx-gap-1"},Nse=["disabled","aria-label","title"],Ase=["aria-label"],_se=["disabled","aria-label","title"],Dse=o.defineComponent({__name:"UndoRedo",emits:["toolbar-hide-request"],setup(r,{expose:e,emit:t}){const i=ke(),{translate:n}=ae(),a=t,l=we,s=o.computed(()=>l.getIsLoadingGlobal),p=o.computed(()=>l.getHistoryIndex),d=o.computed(()=>l.getHistoryLength),c=o.computed(()=>p.value>0),m=o.computed(()=>p.value<d.value-1),b=async function(){c.value&&(a("toolbar-hide-request"),await i.undo(),await i.clearHtmlSelection())},g=async function(){m.value&&(a("toolbar-hide-request"),await i.redo(),await i.clearHtmlSelection())};return e({handleUndo:b,handleRedo:g,canUndo:c,canRedo:m}),(x,u)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[s.value?(o.openBlock(),o.createBlock(Hz,{key:0})):o.createCommentVNode("",!0),o.createElementVNode("div",Lse,[o.createElementVNode("button",{type:"button",disabled:!c.value,"aria-label":o.unref(n)("Undo"),title:o.unref(n)("Undo"),onClick:b,class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black hover:pbx-text-white",[c.value?"pbx-cursor-pointer hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0":"pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"]])},[...u[0]||(u[0]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," undo ",-1)])],10,Nse),o.createElementVNode("div",{class:"pbx-text-xs pbx-text-gray-600 pbx-mx-2 pbx-py-3 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200 pbx-rounded-full","aria-live":"polite","aria-label":`${p.value+1} ${o.unref(n)("of")} ${d.value}`},o.toDisplayString(p.value+1)+"/"+o.toDisplayString(d.value),9,Ase),o.createElementVNode("button",{type:"button",disabled:!m.value,"aria-label":o.unref(n)("Redo"),title:o.unref(n)("Redo"),onClick:g,class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black hover:pbx-text-white",[m.value?"pbx-cursor-pointer hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0":"pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"]])},[...u[1]||(u[1]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," redo ",-1)])],10,_se)])],64))}}),zse=["width","height"],Ise=o.defineComponent({__name:"LayersIcon",props:{size:{default:24}},setup(r){return(e,t)=>(o.openBlock(),o.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:r.size,height:r.size,viewBox:"0 0 24 24","aria-hidden":"true"},[...t[0]||(t[0]=[o.createStaticVNode('<title>layers</title><g fill="none"><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="origin" mask="url(#layers-icon-mask)"></path><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="clone" filter="url(#layers-icon-filter)" clip-path="url(#layers-icon-clip)"></path><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)" data-glass="blur"></path><path d="M11.237 0.848781C11.7375 0.717108 12.2639 0.717038 12.7644 0.848781C13.3314 0.998119 13.8479 1.38584 14.8806 2.1603L20.5866 6.44056C21.7446 7.30903 22.3239 7.74317 22.5309 8.27552C22.7121 8.74164 22.7121 9.25861 22.5309 9.72473C22.3239 10.2571 21.7446 10.6912 20.5866 11.5597L14.8806 15.8399L14.194 16.3507C13.5865 16.7934 13.1897 17.0395 12.7644 17.1515L12.5749 17.1944C12.1953 17.2685 11.805 17.2685 11.4255 17.1944L11.237 17.1515C10.8117 17.0395 10.4147 16.7933 9.80733 16.3507L9.12081 15.8399L3.4138 11.5597C2.25593 10.6913 1.67649 10.2571 1.46947 9.72473C1.31093 9.31688 1.29097 8.86987 1.4099 8.45227L1.46947 8.27552C1.62471 7.87635 1.98934 7.53197 2.65013 7.01868L3.4138 6.44056L9.12081 2.1603C10.0243 1.48266 10.5323 1.10089 11.0251 0.916164L11.237 0.848781ZM12.5729 1.57436C12.1975 1.47557 11.8029 1.47554 11.4274 1.57436C11.0366 1.67728 10.6561 1.94538 9.57003 2.75991L3.86399 7.04017C3.27389 7.48274 2.87129 7.78513 2.58665 8.04114C2.30554 8.29399 2.20972 8.44147 2.16868 8.547C2.05534 8.83843 2.05534 9.16182 2.16868 9.45325C2.20973 9.55878 2.30557 9.70629 2.58665 9.95911C2.87129 10.2151 3.27391 10.5175 3.86399 10.9601L9.57003 15.2403C10.6561 16.0549 11.0366 16.323 11.4274 16.4259C11.8029 16.5247 12.1975 16.5247 12.5729 16.4259C12.9638 16.323 13.3443 16.0549 14.4304 15.2403L20.1374 10.9601C20.7272 10.5177 21.1292 10.215 21.4137 9.95911C21.6947 9.70637 21.7906 9.55877 21.8317 9.45325C21.945 9.16182 21.945 8.83843 21.8317 8.547C21.7906 8.44148 21.6948 8.2939 21.4137 8.04114C21.1292 7.7852 20.7272 7.48254 20.1374 7.04017L14.4304 2.75991C13.3443 1.94534 12.9638 1.67725 12.5729 1.57436Z" fill="url(#layers-icon-gradient-2)"></path><defs><linearGradient id="layers-icon-gradient-0" x1="12" y1="6.75" x2="12" y2="23.25" gradientUnits="userSpaceOnUse"><stop stop-color="#575757"></stop><stop offset="1" stop-color="#151515"></stop></linearGradient><linearGradient id="layers-icon-gradient-1" x1="12" y1=".75" x2="12" y2="17.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E3E5" stop-opacity=".6"></stop><stop offset="1" stop-color="#BBBBC0" stop-opacity=".6"></stop></linearGradient><linearGradient id="layers-icon-gradient-2" x1="12" y1=".75" x2="12" y2="10.305" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><filter id="layers-icon-filter" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="2" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter><clipPath id="layers-icon-clip"><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)"></path></clipPath><mask id="layers-icon-mask"><rect width="100%" height="100%" fill="#FFF"></rect><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="#000"></path></mask></defs></g>',2)])],8,zse))}}),Vse={key:0,class:"pbx-inspectorEmpty"},Hse={key:1,class:"pbx-htmlCodeViewer"},Rse={class:"pbx-htmlCodeViewerToolbar"},Ose={class:"pbx-htmlCodeViewerToolbarLeft"},Fse={class:"pbx-htmlCodeViewerMeta"},jse={class:"pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted"},qse={class:"material-symbols-outlined","aria-hidden":"true"},Use={class:"pbx-htmlCodeViewerSurface"},Wse={class:"pbx-htmlCodeViewerPre"},Gse=["innerHTML"],Kse=o.defineComponent({__name:"HtmlCodeViewerModal",props:{show:{type:Boolean},title:{},html:{}},emits:["close"],setup(r){const e=r,{translate:t}=ae(),i=o.ref(!1),n=o.computed(()=>lee(e.html)),a=o.computed(()=>e.html?n.value.split(`
+    `,k=document.createElement("a");k.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(P)),k.setAttribute("download",T),k.style.display="none",document.body.appendChild(k),k.click(),document.body.removeChild(k)}function y(){const T=document.getElementById("pagebuilder");if(!T)return;let C=zz(T);const E=document.createElement("div");E.innerHTML=C,E.querySelectorAll("[hovered], [selected]").forEach(v=>{v.removeAttribute("hovered"),v.removeAttribute("selected")}),C=E.innerHTML,w("downloaded_html.html",C),i(t("HTML file downloaded"),"success")}return(T,C)=>{var E,v,M,P,k,S,N,A,_,V,I,j,Y,Q;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["pbx-w-full",n.value?"pbx-editorEmbeddedSettings":"pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"])},[n.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",Hoe,[o.createElementVNode("button",{onClick:C[0]||(C[0]=F=>c("overview")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="overview"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[3]||(C[3]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"visibility",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Overview")),1)],2),o.createElementVNode("button",{onClick:C[1]||(C[1]=F=>c("download")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="download"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[4]||(C[4]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"nest_eco_leaf",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Download HTML")),1)],2),o.createElementVNode("button",{onClick:C[2]||(C[2]=F=>c("viewHTMLConfig")),type:"button",class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-gap-1 pbx-px-2.5 pbx-py-2 pbx-rounded pbx-text-xs pbx-font-medium pbx-cursor-pointer pbx-border pbx-transition-colors pbx-whitespace-nowrap",d.value==="viewHTMLConfig"?"pbx-bg-gray-900 pbx-text-white pbx-border-gray-900":"pbx-bg-white pbx-text-gray-500 pbx-border-gray-200 hover:pbx-bg-gray-50 hover:pbx-text-gray-700"])},[C[5]||(C[5]=o.createElementVNode("span",{class:"material-symbols-outlined",style:{"font-size":"13px"}},"deployed_code",-1)),o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Selected HTML")),1)],2)])),m.value?(o.openBlock(),o.createElementBlock("div",Roe,[b.value?(o.openBlock(),o.createElementBlock("div",Ooe,[o.createElementVNode("div",Foe,[o.createElementVNode("h3",joe,o.toDisplayString(o.unref(t)("Configuration Overview")),1),o.createElementVNode("p",{class:o.normalizeClass(n.value?"pbx-editorSectionDesc":"pbx-myPrimaryParagraph pbx-text-xs")},o.toDisplayString(o.unref(t)("A summary of current user preferences, application settings, and system metadata including UI theme, language, saved components, and logo configuration.")),3)])])):o.createCommentVNode("",!0),r.embeddedSection==="overviewApp"?(o.openBlock(),o.createElementBlock("p",qoe,o.toDisplayString(o.unref(t)("Application version, resource metadata, logo, and form configuration.")),1)):o.createCommentVNode("",!0),r.embeddedSection==="overviewUser"?(o.openBlock(),o.createElementBlock("p",Uoe,o.toDisplayString(o.unref(t)("Current user profile and saved application preferences.")),1)):o.createCommentVNode("",!0),r.embeddedSection==="overviewConfig"?(o.openBlock(),o.createElementBlock("p",Woe,o.toDisplayString(o.unref(t)("Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment.")),1)):o.createCommentVNode("",!0),g.value?(o.openBlock(),o.createElementBlock("div",{key:4,class:o.normalizeClass(["pbx-px-2 pbx-settingsSectionGroup",b.value&&!n.value?"pbx-mt-8":""])},[o.createElementVNode("div",Goe,[o.createElementVNode("h4",Koe,o.toDisplayString(o.unref(t)("Version Information")),1),o.createElementVNode("div",Joe,[o.createElementVNode("div",Yoe,[o.createElementVNode("table",Qoe,[o.createElementVNode("thead",Xoe,[o.createElementVNode("tr",null,[o.createElementVNode("th",Zoe,o.toDisplayString(o.unref(t)("App")),1),o.createElementVNode("th",$oe,o.toDisplayString(o.unref(t)("Version")),1)])]),o.createElementVNode("tbody",eie,[o.createElementVNode("tr",null,[o.createElementVNode("td",tie,[o.createElementVNode("div",rie,o.toDisplayString(o.unref(t)("Page Builder")),1)]),o.createElementVNode("td",oie,[o.createElementVNode("div",iie,[o.createElementVNode("span",nie,o.toDisplayString(o.unref(zre)),1)])])])])])])])]),(E=s.value)!=null&&E.resourceData&&!o.unref(lo)(s.value.resourceData)?(o.openBlock(),o.createElementBlock("div",aie,[o.createElementVNode("h4",lie,o.toDisplayString(o.unref(t)("Resource Data")),1),o.createElementVNode("div",sie,[o.createElementVNode("div",pie,[o.createElementVNode("table",die,[o.createElementVNode("thead",cie,[o.createElementVNode("tr",null,[o.createElementVNode("th",mie,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",bie,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",gie,[(M=(v=s.value)==null?void 0:v.resourceData)!=null&&M.title?(o.openBlock(),o.createElementBlock("tr",uie,[o.createElementVNode("td",xie,[o.createElementVNode("div",hie,o.toDisplayString(o.unref(t)("Title")),1)]),o.createElementVNode("td",fie,[o.createElementVNode("div",yie,o.toDisplayString(s.value.resourceData.title),1)])])):o.createCommentVNode("",!0),(k=(P=s.value)==null?void 0:P.resourceData)!=null&&k.id?(o.openBlock(),o.createElementBlock("tr",wie,[o.createElementVNode("td",vie,[o.createElementVNode("div",kie,o.toDisplayString(o.unref(t)("ID")),1)]),o.createElementVNode("td",Sie,[o.createElementVNode("div",Cie,o.toDisplayString(s.value.resourceData.id),1)])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0),s.value&&s.value.pageBuilderLogo&&!o.unref(lo)(s.value.pageBuilderLogo)?(o.openBlock(),o.createElementBlock("div",Tie,[o.createElementVNode("h4",Eie,o.toDisplayString(o.unref(t)("Logo Configuration")),1),o.createElementVNode("div",Pie,[o.createElementVNode("div",Mie,[o.createElementVNode("table",Bie,[o.createElementVNode("thead",Lie,[o.createElementVNode("tr",null,[o.createElementVNode("th",Nie,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",Aie,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",_ie,[o.createElementVNode("tr",null,[o.createElementVNode("td",Die,[o.createElementVNode("div",zie,o.toDisplayString(o.unref(t)("Logo")),1)]),o.createElementVNode("td",Iie,[o.createElementVNode("div",Vie,[o.createElementVNode("div",Hie,[o.createElementVNode("img",{class:"pbx-h-4",src:s.value.pageBuilderLogo.src,alt:"Logo"},null,8,Rie)])])])]),o.createElementVNode("tr",null,[o.createElementVNode("td",Oie,[o.createElementVNode("div",Fie,o.toDisplayString(o.unref(t)("Logo URL")),1)]),o.createElementVNode("td",jie,[o.createElementVNode("div",qie,[o.createElementVNode("span",Uie,o.toDisplayString(s.value.pageBuilderLogo.src),1)])])])])])])])])):o.createCommentVNode("",!0),(S=s.value)!=null&&S.updateOrCreate&&!o.unref(lo)(s.value.updateOrCreate)?(o.openBlock(),o.createElementBlock("div",Wie,[o.createElementVNode("h4",Gie,o.toDisplayString(o.unref(t)("Form Type")),1),o.createElementVNode("div",Kie,[o.createElementVNode("div",Jie,[o.createElementVNode("table",Yie,[o.createElementVNode("thead",Qie,[o.createElementVNode("tr",null,[o.createElementVNode("th",Xie,o.toDisplayString(o.unref(t)("Mode")),1),o.createElementVNode("th",Zie,o.toDisplayString(o.unref(t)("Description")),1)])]),o.createElementVNode("tbody",$ie,[o.createElementVNode("tr",null,[o.createElementVNode("td",ene,[o.createElementVNode("div",tne,o.toDisplayString(o.unref(t)("Form Type")),1)]),o.createElementVNode("td",rne,[o.createElementVNode("div",one,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.updateOrCreate.formType==="create"?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-blue-100 pbx-text-blue-800"])},o.toDisplayString(s.value.updateOrCreate.formType),3)])])]),s.value.updateOrCreate.formName&&s.value.updateOrCreate.formName.length>0?(o.openBlock(),o.createElementBlock("tr",ine,[o.createElementVNode("td",nne,[o.createElementVNode("div",ane,o.toDisplayString(o.unref(t)("Form Name")),1)]),o.createElementVNode("td",lne,[o.createElementVNode("div",sne,[o.createElementVNode("span",pne,o.toDisplayString(s.value.updateOrCreate.formName),1)])])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0)],2)):o.createCommentVNode("",!0),x.value?(o.openBlock(),o.createElementBlock("div",dne,[(N=s.value)!=null&&N.userForPageBuilder&&!o.unref(lo)(s.value.userForPageBuilder)?(o.openBlock(),o.createElementBlock("div",cne,[o.createElementVNode("h4",mne,o.toDisplayString(o.unref(t)("User Information")),1),o.createElementVNode("div",bne,[o.createElementVNode("div",gne,[o.createElementVNode("table",une,[o.createElementVNode("thead",xne,[o.createElementVNode("tr",null,[o.createElementVNode("th",hne,o.toDisplayString(o.unref(t)("Property")),1),o.createElementVNode("th",fne,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",yne,[o.createElementVNode("tr",null,[o.createElementVNode("td",wne,[o.createElementVNode("div",vne,o.toDisplayString(o.unref(t)("User Name")),1)]),o.createElementVNode("td",kne,[o.createElementVNode("div",Sne,o.toDisplayString(s.value.userForPageBuilder.name),1)])]),o.createElementVNode("tr",null,[C[6]||(C[6]=o.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[o.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),o.createElementVNode("td",Cne,[o.createElementVNode("div",Tne,o.toDisplayString(s.value.userForPageBuilder.id),1)])]),o.createElementVNode("tr",null,[o.createElementVNode("td",Ene,[o.createElementVNode("div",Pne,o.toDisplayString(o.unref(t)("Image")),1)]),s.value.userForPageBuilder.image&&typeof s.value.userForPageBuilder.image=="string"&&s.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("td",Mne,[o.createElementVNode("div",Bne,[o.createElementVNode("div",Lne,[o.createElementVNode("img",{class:"pbx-block pbx-inset-0 pbx-object-top pbx-h-10 pbx-min-h-10 pbx-max-h-10 pbx-w-10 pbx-min-w-10 pbx-max-w-10 pbx-object-cover pbx-rounded-full",src:s.value.userForPageBuilder.image,alt:"image"},null,8,Nne)])])])):o.createCommentVNode("",!0)]),o.createElementVNode("tr",null,[o.createElementVNode("td",Ane,[o.createElementVNode("div",_ne,o.toDisplayString(o.unref(t)("Image URL")),1)]),s.value.userForPageBuilder.image&&typeof s.value.userForPageBuilder.image=="string"&&s.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("td",Dne,[o.createElementVNode("div",zne,o.toDisplayString(s.value.userForPageBuilder.image),1)])):o.createCommentVNode("",!0)])])])])])])):o.createCommentVNode("",!0),(A=s.value)!=null&&A.userSettings&&!o.unref(lo)(s.value.userSettings)?(o.openBlock(),o.createElementBlock("div",Ine,[o.createElementVNode("h4",Vne,o.toDisplayString(o.unref(t)("User Settings")),1),o.createElementVNode("div",Hne,[o.createElementVNode("div",Rne,[o.createElementVNode("table",One,[o.createElementVNode("thead",Fne,[o.createElementVNode("tr",null,[o.createElementVNode("th",jne,o.toDisplayString(o.unref(t)("Setting")),1),o.createElementVNode("th",qne,o.toDisplayString(o.unref(t)("Value")),1)])]),o.createElementVNode("tbody",Une,[(V=(_=s.value)==null?void 0:_.userSettings)!=null&&V.language?(o.openBlock(),o.createElementBlock("tr",Wne,[o.createElementVNode("td",Gne,[o.createElementVNode("div",Kne,o.toDisplayString(o.unref(t)("Language")),1)]),o.createElementVNode("td",Jne,[o.createElementVNode("div",Yne,o.toDisplayString(s.value.userSettings.language),1)])])):o.createCommentVNode("",!0),((j=(I=s.value)==null?void 0:I.userSettings)==null?void 0:j.autoSave)!==void 0?(o.openBlock(),o.createElementBlock("tr",Qne,[o.createElementVNode("td",Xne,[o.createElementVNode("div",Zne,o.toDisplayString(o.unref(t)("Auto Save")),1)]),o.createElementVNode("td",$ne,[o.createElementVNode("div",eae,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.userSettings.autoSave?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-red-100 pbx-text-red-800"])},o.toDisplayString(s.value.userSettings.autoSave?o.unref(t)("Enabled"):o.unref(t)("Disabled")),3)])])])):o.createCommentVNode("",!0),((Q=(Y=s.value)==null?void 0:Y.userSettings)==null?void 0:Q.notifications)!==void 0?(o.openBlock(),o.createElementBlock("tr",tae,[o.createElementVNode("td",rae,[o.createElementVNode("div",oae,o.toDisplayString(o.unref(t)("Notifications")),1)]),o.createElementVNode("td",iae,[o.createElementVNode("div",nae,[o.createElementVNode("span",{class:o.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",s.value.userSettings.notifications?"pbx-bg-green-100 pbx-text-green-800":"pbx-bg-red-100 pbx-text-red-800"])},o.toDisplayString(s.value.userSettings.notifications?o.unref(t)("Enabled"):o.unref(t)("Disabled")),3)])])])):o.createCommentVNode("",!0)])])])])])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),u.value?(o.openBlock(),o.createElementBlock("div",{key:6,class:o.normalizeClass(["pbx-settingsSectionGroup",b.value?"pbx-mt-12":""])},[b.value?(o.openBlock(),o.createElementBlock("div",aae,[o.createElementVNode("h3",lae,o.toDisplayString(o.unref(t)("Complete Configuration Overview")),1),o.createElementVNode("p",sae,o.toDisplayString(o.unref(t)("Complete configuration object currently used by the Page Builder. Includes user information, branding settings, and other context-specific data needed for rendering and managing the builder environment.")),1)])):o.createCommentVNode("",!0),o.createElementVNode("div",pae,[o.createElementVNode("div",dae,[o.createElementVNode("div",cae,[o.createElementVNode("div",mae,o.toDisplayString(o.unref(t)("Configuration")),1)])]),o.createElementVNode("div",bae,[o.createElementVNode("p",gae," config: "+o.toDisplayString(JSON.stringify(s.value,null,4)),1)])])],2)):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0),h.value?(o.openBlock(),o.createElementBlock("div",{key:2,class:o.normalizeClass(n.value?"":"pbx-min-h-screen pbx-mt-4")},[Array.isArray(p.value)&&p.value.length>=1?(o.openBlock(),o.createElementBlock("div",uae,[o.createElementVNode("p",{class:o.normalizeClass(["pbx-editorSectionDesc",n.value?"":"pbx-mb-10"])},o.toDisplayString(o.unref(t)("Export the entire page as a standalone HTML file. This includes all sections, content, and applied styles, making it ready for use or integration elsewhere.")),3),o.createElementVNode("div",xae,[o.createElementVNode("button",{onClick:y,type:"button",class:"pbx-myPrimaryButton"},[o.createElementVNode("span",null,o.toDisplayString(o.unref(t)("Download HTML file")),1)])])])):(o.openBlock(),o.createElementBlock("div",hae,[o.createElementVNode("p",fae,o.toDisplayString(o.unref(t)("No components added yet. Add components to the page to enable HTML download.")),1)]))],2)):o.createCommentVNode("",!0),f.value?(o.openBlock(),o.createElementBlock("div",{key:3,class:o.normalizeClass(n.value?"":"pbx-min-h-screen pbx-mt-4")},[o.createVNode(Voe)],2)):o.createCommentVNode("",!0)],2)}}}),yae={class:"pbx-flex pbx-flex-col pbx-gap-2"},wae=o.defineComponent({__name:"OverviewSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createElementBlock("div",yae,[o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("App & Resource")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewApp"})]),_:1}),o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("User & Settings")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewUser"})]),_:1}),o.createVNode(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Full Configuration")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"overviewConfig"})]),_:1})]))}}),vae=o.defineComponent({__name:"DownloadHtmlSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Download HTML")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"download"})]),_:1}))}}),kae=o.defineComponent({__name:"SelectedHtmlSettingsSection",setup(r){const{translate:e}=ae();return(t,i)=>(o.openBlock(),o.createBlock(He,null,{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Selected HTML")),1)]),content:o.withCtx(()=>[o.createVNode(Gn,{"embedded-section":"selectedHtml"})]),_:1}))}}),Sae={key:0,class:"pbx-myPrimaryParagraph pbx-font-medium pbx-pt-6"},Cae={key:1,class:"pbx-pt-2 pbx-space-y-3"},Tae={class:"pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-p-3"},Eae={class:"pbx-space-y-3"},Pae={class:"pbx-grid pbx-grid-cols-1 md:pbx-grid-cols-2 pbx-gap-3"},Mae={for:"font-family",class:"pbx-myPrimaryInputLabel"},Bae={value:null},Lae=["value"],Nae={key:0,class:"pbx-mt-1 pbx-mb-0 pbx-text-xs pbx-text-gray-500"},Aae={for:"font-desktop",class:"pbx-myPrimaryInputLabel"},_ae={disabled:"",value:""},Dae={class:"pbx-grid pbx-grid-cols-1 md:pbx-grid-cols-2 pbx-gap-3"},zae={for:"font-weight",class:"pbx-myPrimaryInputLabel"},Iae={disabled:"",value:""},Vae={for:"font-style",class:"pbx-myPrimaryInputLabel"},Hae={disabled:"",value:""},Rae={class:"pbx-my-2 pbx-py-2"},Oae={for:"font-desktop",class:"pbx-myPrimaryInputLabel"},Fae={disabled:"",value:""},jae={class:"pbx-my-2 pbx-py-2"},qae={for:"font-weight",class:"pbx-myPrimaryInputLabel"},Uae={disabled:"",value:""},Wae={class:"pbx-my-2 pbx-py-2"},Gae={for:"font-family",class:"pbx-myPrimaryInputLabel"},Kae={value:null},Jae=["value"],Yae={key:0,class:"pbx-mt-2 pbx-mb-0 pbx-text-xs pbx-text-gray-500"},Qae={class:"pbx-my-2 pbx-py-2"},Xae={for:"font-style",class:"pbx-myPrimaryInputLabel"},Zae={disabled:"",value:""},$ae=o.defineComponent({__name:"TypographyControl",props:{defaultOpen:{type:Boolean,default:!1},prettyHeader:{type:Boolean,default:!1},splitBasicAdvanced:{type:Boolean,default:!1}},setup(r){const{translate:e}=ae(),t=ke(),i=r,n=we,a=o.ref(null),l=o.ref(null),s=o.ref(null),p=o.ref(null),d=o.ref(null),c=o.ref(null),m=o.ref(""),b=o.ref(null),g=o.computed(()=>n.getElement),x=o.computed(()=>n.getFontBase),u=o.computed(()=>n.getFontDesktop),h=o.computed(()=>n.getFontTablet),f=o.computed(()=>n.getFontMobile),w=o.computed(()=>n.getFontWeight),y=o.computed(()=>n.getFontFamily),T=o.computed(()=>n.getFontStyle),C=o.computed(()=>n.getPageBuilderConfig),E=o.computed(()=>{var k;return kD((k=C.value)==null?void 0:k.userSettings)}),v=o.computed(()=>!!(c.value&&c.value!=="none")),M=async function(){await t.handleFontFamily(c.value==null?"none":c.value)},P=async()=>{if(await o.nextTick(),!(g.value instanceof HTMLElement)){m.value="";return}m.value=PD(g.value,C.value,{globalPageDesignMode:n.getToggleGlobalHtmlMode,selectedFontClass:n.getFontFamily})};return o.watch(x,k=>{a.value=k},{immediate:!0}),o.watch(u,k=>{l.value=k},{immediate:!0}),o.watch(h,k=>{s.value=k},{immediate:!0}),o.watch(f,k=>{p.value=k},{immediate:!0}),o.watch(w,k=>{d.value=k},{immediate:!0}),o.watch(y,async k=>{c.value=!k||k==="none"?null:k,await P()},{immediate:!0}),o.watch(g,P,{immediate:!0,flush:"post"}),o.watch(T,k=>{b.value=k},{immediate:!0}),(k,S)=>(o.openBlock(),o.createBlock(He,{"default-expanded":i.defaultOpen,class:o.normalizeClass((i.prettyHeader,""))},{title:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(e)("Typographies")),1)]),content:o.withCtx(()=>[i.splitBasicAdvanced?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("p",Sae,o.toDisplayString(o.unref(e)("Font Appearance")),1)),i.splitBasicAdvanced?(o.openBlock(),o.createElementBlock("div",Cae,[o.createElementVNode("div",Tae,[o.createElementVNode("div",Eae,[o.createElementVNode("div",Pae,[o.createElementVNode("div",null,[o.createElementVNode("label",Mae,o.toDisplayString(o.unref(e)("Font family")),1),o.withDirectives(o.createElementVNode("select",{id:"font-family","onUpdate:modelValue":S[0]||(S[0]=N=>c.value=N),class:"pbx-myPrimarySelect",onChange:M},[o.createElementVNode("option",Bae,o.toDisplayString(o.unref(e)("No font family")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(E.value.filter(N=>N.value!=="none"),N=>(o.openBlock(),o.createElementBlock("option",{key:N.value,value:N.value},o.toDisplayString(N.label),9,Lae))),128))],544),[[o.vModelSelect,c.value]]),!v.value&&m.value?(o.openBlock(),o.createElementBlock("p",Nae,o.toDisplayString(o.unref(e)("Inherited"))+": "+o.toDisplayString(m.value),1)):o.createCommentVNode("",!0)]),o.createElementVNode("div",null,[o.createElementVNode("label",Aae,o.toDisplayString(o.unref(e)("Font size")),1),o.withDirectives(o.createElementVNode("select",{id:"font-desktop","onUpdate:modelValue":S[1]||(S[1]=N=>l.value=N),class:"pbx-myPrimarySelect",onChange:S[2]||(S[2]=N=>o.unref(t).handleFontSizeDesktop(l.value??void 0))},[o.createElementVNode("option",_ae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Fo).fontDesktop,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,l.value]])])]),o.createElementVNode("div",Dae,[o.createElementVNode("div",null,[o.createElementVNode("label",zae,o.toDisplayString(o.unref(e)("Font weight")),1),o.withDirectives(o.createElementVNode("select",{id:"font-weight","onUpdate:modelValue":S[3]||(S[3]=N=>d.value=N),class:"pbx-myPrimarySelect",onChange:S[4]||(S[4]=N=>o.unref(t).handleFontWeight(d.value??void 0))},[o.createElementVNode("option",Iae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontWeight,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,d.value]])]),o.createElementVNode("div",null,[o.createElementVNode("label",Vae,o.toDisplayString(o.unref(e)("Font Style")),1),o.withDirectives(o.createElementVNode("select",{id:"font-style","onUpdate:modelValue":S[5]||(S[5]=N=>b.value=N),class:"pbx-myPrimarySelect",onChange:S[6]||(S[6]=N=>o.unref(t).handleFontStyle(b.value??void 0))},[o.createElementVNode("option",Hae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontStyle,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,b.value]])])])])])])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[o.createCommentVNode("",!0),o.createElementVNode("div",Rae,[o.createElementVNode("label",Oae,o.toDisplayString(o.unref(e)("Font size")),1),o.withDirectives(o.createElementVNode("select",{id:"font-desktop","onUpdate:modelValue":S[9]||(S[9]=N=>l.value=N),class:"pbx-myPrimarySelect",onChange:S[10]||(S[10]=N=>o.unref(t).handleFontSizeDesktop(l.value??void 0))},[o.createElementVNode("option",Fae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Fo).fontDesktop,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,l.value]])]),o.createCommentVNode("",!0),S[20]||(S[20]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",jae,[o.createElementVNode("label",qae,o.toDisplayString(o.unref(e)("Font weight")),1),o.withDirectives(o.createElementVNode("select",{id:"font-weight","onUpdate:modelValue":S[15]||(S[15]=N=>d.value=N),class:"pbx-myPrimarySelect",onChange:S[16]||(S[16]=N=>o.unref(t).handleFontWeight(d.value??void 0))},[o.createElementVNode("option",Uae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontWeight,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,d.value]])]),S[21]||(S[21]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Wae,[o.createElementVNode("label",Gae,o.toDisplayString(o.unref(e)("Font family")),1),o.withDirectives(o.createElementVNode("select",{id:"font-family","onUpdate:modelValue":S[17]||(S[17]=N=>c.value=N),class:"pbx-myPrimarySelect",onChange:M},[o.createElementVNode("option",Kae,o.toDisplayString(o.unref(e)("No font family")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(E.value.filter(N=>N.value!=="none"),N=>(o.openBlock(),o.createElementBlock("option",{key:N.value,value:N.value},o.toDisplayString(N.label),9,Jae))),128))],544),[[o.vModelSelect,c.value]]),!v.value&&m.value?(o.openBlock(),o.createElementBlock("p",Yae,o.toDisplayString(o.unref(e)("Inherited"))+": "+o.toDisplayString(m.value),1)):o.createCommentVNode("",!0)]),S[22]||(S[22]=o.createElementVNode("hr",null,null,-1)),o.createElementVNode("div",Qae,[o.createElementVNode("label",Xae,o.toDisplayString(o.unref(e)("Font Style")),1),o.withDirectives(o.createElementVNode("select",{id:"font-style","onUpdate:modelValue":S[18]||(S[18]=N=>b.value=N),class:"pbx-myPrimarySelect",onChange:S[19]||(S[19]=N=>o.unref(t).handleFontStyle(b.value??void 0))},[o.createElementVNode("option",Zae,o.toDisplayString(o.unref(e)("Select")),1),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(Ut).fontStyle,N=>(o.openBlock(),o.createElementBlock("option",{key:N},o.toDisplayString(N),1))),128))],544),[[o.vModelSelect,b.value]])])],64))]),_:1},8,["default-expanded","class"]))}}),ele={key:0,class:"pbx-pageDesignLoading pbx-flex pbx-items-center pbx-justify-center pbx-pt-6"},tle={key:1},rle={class:"pbx-editorSectionDesc pbx-pageDesignIntro"},ole={class:"pbx-pageDesignSection"},ile={class:"pbx-pageDesignSectionTitle"},nle={class:"pbx-pageDesignCard"},ale={class:"pbx-pageDesignToggleRow"},lle={class:"pbx-pageDesignToggleCopy"},sle={class:"pbx-pageDesignToggleLabel"},ple={class:"pbx-pageDesignToggleHint"},dle={class:"pbx-pageDesignSection"},cle={class:"pbx-pageDesignCard pbx-pageDesignCardWide"},mle={class:"pbx-pageDesignSection"},ble={class:"pbx-pageDesignSectionTitle"},gle={class:"pbx-pageDesignGrid"},ule={class:"pbx-pageDesignCard"},xle={class:"pbx-pageDesignCardLabel pbx-px-2"},hle={class:"pbx-pageDesignCard"},fle={class:"pbx-pageDesignCardLabel pbx-px-2"},yle={class:"pbx-pageDesignSection"},wle={class:"pbx-pageDesignSectionTitle"},vle={class:"pbx-pageDesignGrid"},kle={class:"pbx-pageDesignCard"},Sle={class:"pbx-pageDesignCard"},Cle={class:"pbx-pageDesignSection"},Tle={class:"pbx-pageDesignSectionTitle"},Ele={class:"pbx-pageDesignGrid"},Ple={class:"pbx-pageDesignCard"},Mle={class:"pbx-pageDesignCard"},Ble={class:"pbx-pageDesignSection"},Lle={class:"pbx-pageDesignSectionTitle"},Nle={class:"pbx-pageDesignGrid"},Ale={class:"pbx-pageDesignCard"},_le={class:"pbx-pageDesignCard"},Dle={class:"pbx-grid pbx-grid-cols-1 lg:pbx-grid-cols-2 pbx-gap-4 pbx-mt-24 pbx-border-0 pbx-border-t pbx-border-gray-200 pbx-pt-8"},zle={class:"pbx-p-4 pbx-border pbx-border-gray-200 pbx-rounded-2xl"},Ile={class:"pbx-pageDesignSection pbx-pageDesignLayoutAction"},Vle=o.defineComponent({name:"PageDesignEditor",__name:"PageDesignEditor",props:{isLoading:{type:Boolean,required:!0,default:!0}},setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=o.ref(0),a=o.computed(()=>(n.value,i.isGlobalFullWidth())),l=async C=>{const E=i.setGlobalFullWidth(C);n.value++,await E},s=o.ref(!1),p=o.ref(!1),d=o.ref(""),c=o.ref(1),m=o.ref(""),b=o.ref(""),g=o.ref(""),x=o.ref(null),u=o.ref(null),h=o.ref(null),f=o.ref(null),w=o.ref(null),y=async()=>{s.value=!0;try{await i.clearHtmlSelection(),await i.globalPageStyles(),await i.clearClassesFromPage(),await i.clearInlineStylesFromPage(),await i.stopGlobalStylesSync(),await i.globalPageStyles(),t(e("Page design styles cleared"),"success")}catch{t(e("Could not clear page design styles"),"error")}finally{s.value=!1,p.value=!1}},T=()=>{p.value=!0,d.value="delete",c.value=2,m.value=e("Clear page classes & styles"),b.value=e("Are you sure you want to remove global page classes and inline styles?"),g.value=e("Close"),x.value=null,u.value=e("Delete"),h.value=()=>{p.value=!1},f.value=()=>{},w.value=async()=>{await y()}};return(C,E)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",{class:o.normalizeClass(["pbx-pageDesignEditor",[r.isLoading?"pbx-min-h-[90vh] ":"pbx-min-h-[60rem]"]])},[r.isLoading?(o.openBlock(),o.createElementBlock("div",ele,[...E[3]||(E[3]=[o.createElementVNode("div",{class:"pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent",role:"status"},null,-1)])])):o.createCommentVNode("",!0),r.isLoading?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",tle,[o.createElementVNode("p",rle,o.toDisplayString(o.unref(e)("Apply styles that affect the entire page. These settings include global font family, text color, background color, and other universal styles that apply to all sections.")),1),o.createElementVNode("section",ole,[o.createElementVNode("h4",ile,o.toDisplayString(o.unref(e)("Layout")),1),o.createElementVNode("div",nle,[o.createElementVNode("div",ale,[o.createElementVNode("div",lle,[o.createElementVNode("p",sle,o.toDisplayString(o.unref(e)("Full-width page")),1),o.createElementVNode("p",ple,o.toDisplayString(o.unref(e)("Stretch all sections across browser width")),1)]),o.createVNode(er,{"model-value":a.value,"onUpdate:modelValue":l},null,8,["model-value"])])])]),o.createElementVNode("section",dle,[o.createElementVNode("div",cle,[o.createVNode($ae,{"default-open":!0,"pretty-header":!0,"split-basic-advanced":!0})])]),o.createElementVNode("section",mle,[o.createElementVNode("h4",ble,o.toDisplayString(o.unref(e)("Colors")),1),o.createElementVNode("div",gle,[o.createElementVNode("div",ule,[o.createElementVNode("p",xle,o.toDisplayString(o.unref(e)("Text Color")),1),o.createVNode(lz,{globalPageLayout:!0})]),o.createElementVNode("div",hle,[o.createElementVNode("p",fle,o.toDisplayString(o.unref(e)("Background Color")),1),o.createVNode(sz,{globalPageLayout:!0})])])]),o.createElementVNode("section",yle,[o.createElementVNode("h4",wle,o.toDisplayString(o.unref(e)("Spacing")),1),o.createElementVNode("div",vle,[o.createElementVNode("div",kle,[o.createVNode(Lz)]),o.createElementVNode("div",Sle,[o.createVNode(Nz)])])]),o.createElementVNode("section",Cle,[o.createElementVNode("h4",Tle,o.toDisplayString(o.unref(e)("Borders")),1),o.createElementVNode("div",Ele,[o.createElementVNode("div",Ple,[o.createVNode(Az)]),o.createElementVNode("div",Mle,[o.createVNode(_z)])])]),o.createElementVNode("section",Ble,[o.createElementVNode("h4",Lle,o.toDisplayString(o.unref(e)("Advanced")),1),o.createElementVNode("div",Nle,[o.createElementVNode("div",Ale,[o.createVNode(vz)]),o.createElementVNode("div",_le,[o.createVNode(kz)])])]),o.createElementVNode("div",Dle,[E[4]||(E[4]=o.createElementVNode("div",{class:"pbx-p-4 pbx-border pbx-border-gray-200 pbx-rounded-2xl"},null,-1)),o.createElementVNode("div",zle,[o.createElementVNode("section",Ile,[o.createVNode(rr,{icon:"delete_forever",label:o.unref(e)("Clear page classes & styles"),hint:o.unref(e)("Remove global page classes and inline styles from the wrapper"),variant:"danger","is-loading":s.value,onClick:T},null,8,["label","hint","is-loading"])])])])]))],2),o.createVNode(mt,{showDynamicModalBuilder:p.value,type:d.value,gridColumnAmount:c.value,title:m.value,description:b.value,isLoading:s.value,firstButtonText:g.value,secondButtonText:x.value??void 0,thirdButtonText:u.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:E[0]||(E[0]=()=>{var v;return(v=h.value)==null?void 0:v.call(h)}),onSecondModalButtonFunctionDynamicModalBuilder:E[1]||(E[1]=()=>{var v;return(v=f.value)==null?void 0:v.call(f)}),onThirdModalButtonFunctionDynamicModalBuilder:E[2]||(E[2]=()=>{var v;return(v=w.value)==null?void 0:v.call(w)})},{default:o.withCtx(()=>[...E[5]||(E[5]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText"])],64))}}),Hle={class:"pbx-flex pbx-h-full pbx-flex-col"},Rle={class:"pbx-flex pbx-flex-row pbx-justify-between pbx-pt-7 pbx-pr-4 pbx-pl-4 pbx-items-center pbx-mb-3"},Ole=["aria-label"],Fle={class:"pbx-font-medium pbx-text-sm"},jle={class:"pbx-lowercase"},qle={class:"pbx-px-4 pbx-mb-3"},Ule=["aria-label"],Wle=["aria-selected"],Gle=["aria-selected"],Kle=["aria-selected"],Jle={class:"pbx-flex pbx-flex-col pbx-gap-2"},Yle={class:"pbx-flex pbx-flex-col pbx-gap-2"},Qle={class:"pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-px-4 pbx-py-8 pbx-text-center"},Xle={class:"pbx-myPrimaryParagraph pbx-text-sm pbx-text-gray-500 pbx-my-0"},Zle={class:"pbx-flex pbx-flex-col pbx-gap-2"},$le={class:"pbx-flex pbx-flex-col pbx-gap-2"},ese=o.defineComponent({__name:"RightSidebarEditor",emits:["closeEditor"],setup(r){const{translate:e}=ae(),{showToast:t}=Ye(),i=ke(),n=we,a=o.ref("styles"),l=o.computed(()=>n.getElement),s=o.computed(()=>{var w;return(w=l.value)==null?void 0:w.tagName}),p=o.computed(()=>{const w=l.value;return!!(w&&i.isEditableElement(w))}),d=o.computed(()=>{const w=l.value;return w?w.tagName==="IMG"||!!n.getBasePrimaryImage:!1}),c=o.ref(null);let m=0;o.watch(()=>n.getElement,w=>{(w==null?void 0:w.tagName)==="IMG"&&(a.value="styles"),o.nextTick(()=>{c.value&&(c.value.scrollTop=m)})});function b(){c.value&&(m=c.value.scrollTop)}function g(w){a.value=w,o.nextTick(()=>{c.value&&(c.value.scrollTop=0,m=0)})}const x=o.ref(!1),u=o.ref(!1),h=async function(){x.value=!0,u.value=!0,await Re(200),n.setToggleGlobalHtmlMode(!0),await i.globalPageStyles(),u.value=!1},f=async function(){u.value=!0,await Re(200);try{await i.handleManualSave(),t(e("Page saved successfully"),"success")}catch{t(e("Could not save page"),"error")}finally{n.setToggleGlobalHtmlMode(!1)}i.stopGlobalStylesSync();const w=document.querySelector("[data-pagebuilder-content]");w&&w.removeAttribute("data-global-selected"),x.value=!1,u.value=!1};return(w,y)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("div",Hle,[o.createElementVNode("div",Rle,[o.createElementVNode("button",{type:"button",onClick:y[0]||(y[0]=T=>w.$emit("closeEditor")),"aria-label":o.unref(e)("Close properties panel"),class:"pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white focus-visible:pbx-ring-0 pbx-text-black"},[...y[4]||(y[4]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," close ",-1)])],8,Ole),o.createElementVNode("p",Fle,[p.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createTextVNode(o.toDisplayString(o.unref(e)("Editing"))+" ",1),o.createElementVNode("span",jle,"<"+o.toDisplayString(s.value)+">",1)],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[o.createTextVNode(o.toDisplayString(o.unref(e)("Properties")),1)],64))])]),o.createElementVNode("div",qle,[o.createElementVNode("div",{class:"pbx-grid pbx-grid-cols-3 pbx-gap-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-white pbx-p-1",role:"tablist","aria-label":o.unref(e)("Properties panel")},[o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="styles",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="styles"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[1]||(y[1]=T=>g("styles"))},o.toDisplayString(o.unref(e)("Styles")),11,Wle),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="settings",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="settings"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[2]||(y[2]=T=>g("settings"))},o.toDisplayString(o.unref(e)("Settings")),11,Gle),o.createElementVNode("button",{type:"button",role:"tab","aria-selected":a.value==="tools",class:o.normalizeClass(["pbx-rounded-lg pbx-py-2 pbx-text-sm pbx-font-medium pbx-transition-colors pbx-border-0 pbx-cursor-pointer pbx-font-sans",a.value==="tools"?"pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm":"pbx-bg-transparent pbx-text-myPrimaryDarkGrayColor hover:pbx-bg-gray-50"]),onClick:y[3]||(y[3]=T=>g("tools"))},o.toDisplayString(o.unref(e)("Tools")),11,Kle)],8,Ule)]),o.createElementVNode("div",{ref_key:"scrollContainer",ref:c,onScroll:b,class:"pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-flex-1 pbx-overflow-y-scroll"},[o.withDirectives(o.createElementVNode("div",Jle,[o.withDirectives(o.createElementVNode("div",Yle,[d.value?(o.openBlock(),o.createBlock(hee,{key:0})):o.createCommentVNode("",!0),o.createVNode(Hee),o.createVNode(Lz),o.createVNode(Nz),o.createVNode(Az),o.createVNode(_z),o.createVNode(vz),o.createVNode(kz),o.createVNode(dee)],512),[[o.vShow,p.value]]),o.withDirectives(o.createElementVNode("div",Qle,[o.createElementVNode("p",Xle,o.toDisplayString(o.unref(e)("No Element selected")),1)],512),[[o.vShow,!p.value]])],512),[[o.vShow,a.value==="styles"]]),o.withDirectives(o.createElementVNode("div",Zle,[o.createVNode(Nre,{onOpen:h}),o.createVNode(Gte),o.createVNode(ore),o.createVNode(Cre),o.createVNode(Dre),o.createVNode(Ere)],512),[[o.vShow,a.value==="settings"]]),o.withDirectives(o.createElementVNode("div",$le,[o.createVNode(wae),o.createVNode(vae),o.createVNode(kae)],512),[[o.vShow,a.value==="tools"]])],544)]),o.createVNode(zt,{maxWidth:"5xl",showModalBuilder:x.value,title:o.unref(e)("Page Design"),onCloseMainModalBuilder:f,minHeight:"",maxHeight:""},{default:o.withCtx(()=>[o.createVNode(Vle,{isLoading:u.value},null,8,["isLoading"])]),_:1},8,["showModalBuilder","title"])],64))}}),tse={class:"pbx-flex pbx-items-center pbx-justify-center pbx-ml-2"},rse={class:"pbx-mr-2"},ose={key:0,class:"pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"},ise={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"},nse={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"},ase={class:"pbx-text-white pbx-flex-shrink-0 pbx-d pbx-w-10 pbx-h-10 pbx-rounded-full pbx-flex pbx-justify-center pbx-items-center pbx-text-xs pbx-rounded-l-full"},lse=["src"],sse=o.defineComponent({__name:"ToolbarOption",setup(r){const e=we,t=o.computed(()=>e.getPageBuilderConfig);return(i,n)=>{var a;return o.openBlock(),o.createElementBlock("div",null,[o.createElementVNode("div",tse,[o.createElementVNode("div",rse,[t.value&&t.value.userForPageBuilder&&t.value.userForPageBuilder.name&&(!t.value.userForPageBuilder.image||typeof t.value.userForPageBuilder.image=="string"&&((a=t.value.userForPageBuilder.image)==null?void 0:a.length)<2)?(o.openBlock(),o.createElementBlock("div",ose,[o.createElementVNode("div",ise,o.toDisplayString(typeof t.value.userForPageBuilder.name=="string"&&t.value.userForPageBuilder.name[0]),1)])):o.createCommentVNode("",!0),t.value&&t.value.userForPageBuilder&&t.value.userForPageBuilder.name&&t.value.userForPageBuilder.image&&typeof t.value.userForPageBuilder.image=="string"&&t.value.userForPageBuilder.image.length>2?(o.openBlock(),o.createElementBlock("div",nse,[o.createElementVNode("div",ase,[o.createElementVNode("img",{alt:"Avatar",src:`${t.value.userForPageBuilder.image}`,class:"pbx-block pbx-inset-0 pbx-object-top pbx-d pbx-min-d pbx-max-d lg:pbx-w-8 lg:pbx-h-8 lg:pbx-min-w-8 lg:pbx-max-w-8 pbx-w-8 pbx-h-8 pbx-min-w-8 pbx-max-w-8 pbx-object-cover pbx-rounded-full"},null,8,lse)])])):o.createCommentVNode("",!0)])])])}}});let uc=null;function pse(){return(r,e=300)=>{uc&&clearTimeout(uc),uc=setTimeout(r,e)}}const dse={};function cse(r,e){return o.openBlock(),o.createBlock(o.Teleport,{to:"body"},[e[0]||(e[0]=o.createElementVNode("div",{class:"pbx-bg-white pbx-flex pbx-justify-center pbx-items-center min-pbx-h-screen pbx-h-screen pbx-w-screen pbx-fixed pbx-inset-0 pbx-z-[10000]"},[o.createElementVNode("div",{class:"pbx-absolute pbx-top-1/3"},[o.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-mt-4"},[o.createElementVNode("div",{class:"pbx-inline-block pbx-h-8 pbx-w-8 pbx-animate-spin pbx-rounded-full pbx-border-4 pbx-border-solid pbx-border-current pbx-border-r-transparent pbx-align-[-0.125em] motion-reduce:pbx-animate-[spin_1.5s_linear_infinite]"},[o.createElementVNode("span",{class:"!pbx-absolute !pbx-m-px !pbx-h-px !pbx-w-px !pbx-overflow-hidden !pbx-whitespace-nowrap !pbx-border-0 !pbx-p-0 !pbx-[clip:rect(0,0,0,0)]"},"Loading...")])])])],-1))])}const Hz=qo(dse,[["render",cse]]),mse={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},bse={class:"pbx-flex pbx-gap-2"},gse={class:"pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0"},use={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},xse={class:"pbx-flex pbx-items-center pbx-justify-center"},hse={class:"pbx-inline-grid pbx-gap-1 pbx-py-8 pbx-px-2 pbx-rounded-xl pbx-border pbx-border-solid pbx-border-gray-200 pbx-bg-gray-50 pbx-w-full pbx-justify-center",style:{"grid-template-columns":"repeat(3, 2.5rem)"}},fse=["title","onClick"],yse={class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2"},wse={class:"pbx-grid pbx-grid-cols-2 pbx-gap-2"},vse=["onClick"],kse={for:"image-alt-text",class:"pbx-text-sm pbx-font-semibold pbx-text-myPrimaryDarkGrayColor pbx-mb-2 pbx-block"},Sse={class:"pbx-flex pbx-justify-between pbx-items-center pbx-gap-4 pbx-border pbx-border-gray-200 pbx-py-4 pbx-px-3 pbx-rounded-lg"},Cse=["placeholder","onKeydown"],Tse=["disabled","title"],Ese={key:0,class:"material-symbols-outlined pbx-materialIconXl"},Pse={key:1,class:"material-symbols-outlined pbx-animate-spin"},Mse={class:"pbx-text-xs pbx-text-gray-500 pbx-mt-2 pbx-mb-0"},Bse=o.defineComponent({__name:"ImageSettingsModal",props:{show:{type:Boolean}},setup(r){const e=r,{translate:t}=ae(),{showToast:i}=Ye(),n=ke(),a=we,l=o.ref(0),s=o.ref(""),p=o.ref(""),d=o.ref(!1),c=[["pbx-object-top-left","pbx-object-top","pbx-object-top-right"],["pbx-object-left","pbx-object-center","pbx-object-right"],["pbx-object-bottom-left","pbx-object-bottom","pbx-object-bottom-right"]],m=o.computed(()=>{l.value;const E=a.getImageObjectFit;return!E||E==="none"?null:E}),b=o.computed(()=>{l.value;const E=a.getImageObjectPosition;return!E||E==="none"?"pbx-object-center":E}),g=o.computed(()=>{l.value;const E=a.getImageAspectRatio;return!E||E==="none"?"none":E}),x=o.computed(()=>s.value.trim()!==p.value.trim());function u(){const E=n.getSelectedImageAltText();s.value=E,p.value=E}o.watch(()=>e.show,async E=>{E&&(u(),await n.initializeElementStyles(),u(),l.value++)},{immediate:!0});async function h(){l.value++,await n.handleAutoSave()}async function f(E){n.handleImageObjectFit(E),await h()}async function w(E){n.handleImageObjectPosition(E),await h()}async function y(E){n.handleImageAspectRatio(E),await h()}async function T(){if(!(!x.value||d.value)){d.value=!0,await Re(400);try{await n.handleImageAltText(s.value),p.value=s.value.trim(),l.value++,i(t("Image settings saved"),"success")}finally{d.value=!1}}}const C=[{id:"none",labelKey:"Auto"},{id:"pbx-aspect-square",labelKey:"Square"},{id:"pbx-aspect-video",labelKey:"Landscape 16:9"},{id:"pbx-aspect-[9/16]",labelKey:"Portrait 9:16"}];return(E,v)=>(o.openBlock(),o.createElementBlock("div",{class:"pbx-flex pbx-flex-col pbx-gap-4 pbx-pt-1 pbx-pb-2",onMousedown:v[3]||(v[3]=o.withModifiers(()=>{},["stop"])),onClick:v[4]||(v[4]=o.withModifiers(()=>{},["stop"]))},[o.createElementVNode("div",null,[o.createElementVNode("p",mse,o.toDisplayString(o.unref(t)("Image fit")),1),o.createElementVNode("div",bse,[o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",m.value==="pbx-object-cover"?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:v[0]||(v[0]=M=>f("pbx-object-cover"))},o.toDisplayString(o.unref(t)("Cover")),3),o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-font-sans pbx-flex-1 pbx-rounded-xl pbx-border pbx-border-solid pbx-px-4 pbx-py-3 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",m.value==="pbx-object-contain"?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:v[1]||(v[1]=M=>f("pbx-object-contain"))},o.toDisplayString(o.unref(t)("Contain")),3)]),o.createElementVNode("p",gse,o.toDisplayString(o.unref(t)("Cover fills the frame and may crop. Contain shows the full image.")),1)]),o.createElementVNode("div",null,[o.createElementVNode("p",use,o.toDisplayString(o.unref(t)("Crop focus")),1),o.createElementVNode("div",xse,[o.createElementVNode("div",hse,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(c.flat(),M=>(o.openBlock(),o.createElementBlock("button",{key:M,type:"button",class:o.normalizeClass(["pbx-w-10 pbx-h-10 pbx-rounded-lg pbx-border pbx-border-solid pbx-flex pbx-items-center pbx-justify-center pbx-cursor-pointer pbx-text-xs pbx-transition-colors",b.value===M?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-500 hover:pbx-border-gray-300"]),title:M.replace("pbx-object-",""),onClick:P=>w(M)},[...v[5]||(v[5]=[o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIconBase"},"crop_free",-1)])],10,fse))),128))])])]),o.createElementVNode("div",null,[o.createElementVNode("p",yse,o.toDisplayString(o.unref(t)("Shape")),1),o.createElementVNode("div",wse,[(o.openBlock(),o.createElementBlock(o.Fragment,null,o.renderList(C,M=>o.createElementVNode("button",{key:M.id,type:"button",class:o.normalizeClass(["pbx-font-sans pbx-rounded-xl pbx-border pbx-border-solid pbx-px-3 pbx-py-2.5 pbx-text-sm pbx-font-medium pbx-cursor-pointer pbx-transition-colors",g.value===M.id?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white":"pbx-border-gray-200 pbx-bg-white pbx-text-gray-700 hover:pbx-border-gray-300"]),onClick:P=>y(M.id)},o.toDisplayString(o.unref(t)(M.labelKey)),11,vse)),64))])]),o.createElementVNode("div",null,[o.createElementVNode("label",kse,o.toDisplayString(o.unref(t)("Alt text")),1),o.createElementVNode("div",Sse,[o.withDirectives(o.createElementVNode("input",{id:"image-alt-text","onUpdate:modelValue":v[2]||(v[2]=M=>s.value=M),type:"text",class:"pbx-myPrimaryInput pbx-flex-1 pbx-min-w-0",placeholder:o.unref(t)("Describe this image for accessibility"),onKeydown:o.withKeys(o.withModifiers(T,["prevent"]),["enter"])},null,40,Cse),[[o.vModelText,s.value]]),o.createElementVNode("button",{type:"button",class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-shrink-0 pbx-rounded-xl pbx-border pbx-border-solid pbx-flex pbx-items-center pbx-justify-center pbx-cursor-pointer pbx-transition-colors",x.value?"pbx-border-myPrimaryLinkColor pbx-bg-myPrimaryLinkColor pbx-text-white hover:pbx-opacity-90":"pbx-border-gray-200 pbx-bg-gray-100 pbx-text-gray-400 pbx-cursor-not-allowed"]),disabled:!x.value||d.value,title:o.unref(t)("Save"),onClick:T},[d.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",Ese,"check")),d.value?(o.openBlock(),o.createElementBlock("span",Pse,"refresh")):o.createCommentVNode("",!0)],10,Tse)]),o.createElementVNode("p",Mse,o.toDisplayString(o.unref(t)("Helps screen readers and SEO understand the image content.")),1)])],32))}}),Lse={class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full pbx-gap-1"},Nse=["disabled","aria-label","title"],Ase=["aria-label"],_se=["disabled","aria-label","title"],Dse=o.defineComponent({__name:"UndoRedo",emits:["toolbar-hide-request"],setup(r,{expose:e,emit:t}){const i=ke(),{translate:n}=ae(),a=t,l=we,s=o.computed(()=>l.getIsLoadingGlobal),p=o.computed(()=>l.getHistoryIndex),d=o.computed(()=>l.getHistoryLength),c=o.computed(()=>p.value>0),m=o.computed(()=>p.value<d.value-1),b=async function(){c.value&&(a("toolbar-hide-request"),await i.undo(),await i.clearHtmlSelection())},g=async function(){m.value&&(a("toolbar-hide-request"),await i.redo(),await i.clearHtmlSelection())};return e({handleUndo:b,handleRedo:g,canUndo:c,canRedo:m}),(x,u)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[s.value?(o.openBlock(),o.createBlock(Hz,{key:0})):o.createCommentVNode("",!0),o.createElementVNode("div",Lse,[o.createElementVNode("button",{type:"button",disabled:!c.value,"aria-label":o.unref(n)("Undo"),title:o.unref(n)("Undo"),onClick:b,class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black hover:pbx-text-white",[c.value?"pbx-cursor-pointer hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0":"pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"]])},[...u[0]||(u[0]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," undo ",-1)])],10,Nse),o.createElementVNode("div",{class:"pbx-text-xs pbx-text-gray-600 pbx-mx-2 pbx-py-3 pbx-px-2 pbx-border-solid pbx-border pbx-border-gray-200 pbx-rounded-full","aria-live":"polite","aria-label":`${p.value+1} ${o.unref(n)("of")} ${d.value}`},o.toDisplayString(p.value+1)+"/"+o.toDisplayString(d.value),9,Ase),o.createElementVNode("button",{type:"button",disabled:!m.value,"aria-label":o.unref(n)("Redo"),title:o.unref(n)("Redo"),onClick:g,class:o.normalizeClass(["pbx-h-10 pbx-w-10 pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square pbx-text-black hover:pbx-text-white",[m.value?"pbx-cursor-pointer hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0":"pbx-cursor-not-allowed pbx-bg-opacity-20 hover:pbx-bg-gray-200"]])},[...u[1]||(u[1]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," redo ",-1)])],10,_se)])],64))}}),zse=["width","height"],Ise=o.defineComponent({__name:"LayersIcon",props:{size:{default:24}},setup(r){return(e,t)=>(o.openBlock(),o.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:r.size,height:r.size,viewBox:"0 0 24 24","aria-hidden":"true"},[...t[0]||(t[0]=[o.createStaticVNode('<title>layers</title><g fill="none"><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="origin" mask="url(#layers-icon-mask)"></path><path d="M9.12015 8.16C10.1529 7.38542 10.6693 6.99813 11.2364 6.84884C11.737 6.71706 12.2632 6.71705 12.7638 6.84883C13.331 6.99812 13.8474 7.38541 14.8801 8.15999L20.5868 12.44C21.7448 13.3085 22.3238 13.7427 22.5308 14.275C22.7122 14.7413 22.7122 15.2586 22.5308 15.7249C22.3238 16.2573 21.7448 16.6915 20.5868 17.56L14.8801 21.84C13.8474 22.6146 13.331 23.0019 12.7638 23.1512C12.2632 23.2829 11.737 23.2829 11.2364 23.1512C10.6693 23.0019 10.1529 22.6146 9.12014 21.84L3.41349 17.56C2.25552 16.6915 1.67654 16.2573 1.4695 15.7249C1.28816 15.2586 1.28816 14.7413 1.46951 14.275C1.67655 13.7427 2.25553 13.3085 3.41349 12.44L9.12015 8.16Z" fill="url(#layers-icon-gradient-0)" data-glass="clone" filter="url(#layers-icon-filter)" clip-path="url(#layers-icon-clip)"></path><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)" data-glass="blur"></path><path d="M11.237 0.848781C11.7375 0.717108 12.2639 0.717038 12.7644 0.848781C13.3314 0.998119 13.8479 1.38584 14.8806 2.1603L20.5866 6.44056C21.7446 7.30903 22.3239 7.74317 22.5309 8.27552C22.7121 8.74164 22.7121 9.25861 22.5309 9.72473C22.3239 10.2571 21.7446 10.6912 20.5866 11.5597L14.8806 15.8399L14.194 16.3507C13.5865 16.7934 13.1897 17.0395 12.7644 17.1515L12.5749 17.1944C12.1953 17.2685 11.805 17.2685 11.4255 17.1944L11.237 17.1515C10.8117 17.0395 10.4147 16.7933 9.80733 16.3507L9.12081 15.8399L3.4138 11.5597C2.25593 10.6913 1.67649 10.2571 1.46947 9.72473C1.31093 9.31688 1.29097 8.86987 1.4099 8.45227L1.46947 8.27552C1.62471 7.87635 1.98934 7.53197 2.65013 7.01868L3.4138 6.44056L9.12081 2.1603C10.0243 1.48266 10.5323 1.10089 11.0251 0.916164L11.237 0.848781ZM12.5729 1.57436C12.1975 1.47557 11.8029 1.47554 11.4274 1.57436C11.0366 1.67728 10.6561 1.94538 9.57003 2.75991L3.86399 7.04017C3.27389 7.48274 2.87129 7.78513 2.58665 8.04114C2.30554 8.29399 2.20972 8.44147 2.16868 8.547C2.05534 8.83843 2.05534 9.16182 2.16868 9.45325C2.20973 9.55878 2.30557 9.70629 2.58665 9.95911C2.87129 10.2151 3.27391 10.5175 3.86399 10.9601L9.57003 15.2403C10.6561 16.0549 11.0366 16.323 11.4274 16.4259C11.8029 16.5247 12.1975 16.5247 12.5729 16.4259C12.9638 16.323 13.3443 16.0549 14.4304 15.2403L20.1374 10.9601C20.7272 10.5177 21.1292 10.215 21.4137 9.95911C21.6947 9.70637 21.7906 9.55877 21.8317 9.45325C21.945 9.16182 21.945 8.83843 21.8317 8.547C21.7906 8.44148 21.6948 8.2939 21.4137 8.04114C21.1292 7.7852 20.7272 7.48254 20.1374 7.04017L14.4304 2.75991C13.3443 1.94534 12.9638 1.67725 12.5729 1.57436Z" fill="url(#layers-icon-gradient-2)"></path><defs><linearGradient id="layers-icon-gradient-0" x1="12" y1="6.75" x2="12" y2="23.25" gradientUnits="userSpaceOnUse"><stop stop-color="#575757"></stop><stop offset="1" stop-color="#151515"></stop></linearGradient><linearGradient id="layers-icon-gradient-1" x1="12" y1=".75" x2="12" y2="17.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E3E3E5" stop-opacity=".6"></stop><stop offset="1" stop-color="#BBBBC0" stop-opacity=".6"></stop></linearGradient><linearGradient id="layers-icon-gradient-2" x1="12" y1=".75" x2="12" y2="10.305" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><filter id="layers-icon-filter" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="2" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter><clipPath id="layers-icon-clip"><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="url(#layers-icon-gradient-1)"></path></clipPath><mask id="layers-icon-mask"><rect width="100%" height="100%" fill="#FFF"></rect><path d="M9.12015 2.15999C10.1529 1.38542 10.6693 0.998128 11.2364 0.848835C11.737 0.717055 12.2632 0.717055 12.7638 0.848834C13.331 0.998124 13.8474 1.38541 14.8801 2.15999L20.5868 6.43998C21.7448 7.30845 22.3238 7.74269 22.5308 8.27503C22.7122 8.74132 22.7122 9.25864 22.5308 9.72492C22.3238 10.2573 21.7448 10.6915 20.5868 11.56L14.8801 15.84C13.8474 16.6146 13.331 17.0019 12.7638 17.1512C12.2632 17.2829 11.737 17.2829 11.2364 17.1512C10.6693 17.0019 10.1529 16.6146 9.12014 15.84L3.41349 11.56C2.25552 10.6915 1.67654 10.2573 1.4695 9.72492C1.28816 9.25864 1.28816 8.74132 1.46951 8.27504C1.67655 7.74269 2.25553 7.30846 3.41349 6.43998L9.12015 2.15999Z" fill="#000"></path></mask></defs></g>',2)])],8,zse))}}),Vse={key:0,class:"pbx-inspectorEmpty"},Hse={key:1,class:"pbx-htmlCodeViewer"},Rse={class:"pbx-htmlCodeViewerToolbar"},Ose={class:"pbx-htmlCodeViewerToolbarLeft"},Fse={class:"pbx-htmlCodeViewerMeta"},jse={class:"pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted"},qse={class:"material-symbols-outlined","aria-hidden":"true"},Use={class:"pbx-htmlCodeViewerSurface"},Wse={class:"pbx-htmlCodeViewerPre"},Gse=["innerHTML"],Kse=o.defineComponent({__name:"HtmlCodeViewerModal",props:{show:{type:Boolean},title:{},html:{}},emits:["close"],setup(r){const e=r,{translate:t}=ae(),i=o.ref(!1),n=o.computed(()=>lee(e.html)),a=o.computed(()=>e.html?n.value.split(`
 `).filter(s=>s.trim().length>0).length:0);async function l(){if(!e.html)return;await gc(e.html)&&(i.value=!0,globalThis.setTimeout(()=>{i.value=!1},2e3))}return(s,p)=>(o.openBlock(),o.createBlock(zt,{showModalBuilder:r.show,title:r.title,maxWidth:"7xl","z-index":10001,onCloseMainModalBuilder:p[0]||(p[0]=d=>s.$emit("close"))},{default:o.withCtx(()=>[o.createElementVNode("div",null,[r.html?(o.openBlock(),o.createElementBlock("div",Hse,[o.createElementVNode("div",Rse,[o.createElementVNode("div",Ose,[p[1]||(p[1]=o.createElementVNode("span",{class:"pbx-htmlCodeViewerBadge"},"HTML",-1)),o.createElementVNode("span",Fse,o.toDisplayString(a.value)+" "+o.toDisplayString(o.unref(t)("lines")),1),o.createElementVNode("span",jse,o.toDisplayString(o.unref(t)("Read-only")),1)]),o.createElementVNode("button",{type:"button",class:"pbx-htmlCodeViewerCopy",onClick:l},[o.createElementVNode("span",qse,o.toDisplayString(i.value?"check":"content_copy"),1)])]),o.createElementVNode("div",Use,[o.createElementVNode("pre",Wse,[o.createElementVNode("code",{innerHTML:n.value},null,8,Gse)])])])):(o.openBlock(),o.createElementBlock("p",Vse,o.toDisplayString(o.unref(t)("No HTML available")),1))])]),_:1},8,["showModalBuilder","title"]))}}),Jse={key:0,class:"pbx-inspectorEmpty"},Yse={key:1,class:"pbx-htmlCodeViewer"},Qse={class:"pbx-htmlCodeViewerToolbar"},Xse={class:"pbx-htmlCodeViewerToolbarLeft"},Zse={class:"pbx-htmlCodeViewerBadge"},$se={class:"pbx-htmlCodeViewerMeta"},epe={class:"pbx-htmlCodeViewerMeta pbx-htmlCodeViewerMetaMuted"},tpe={class:"material-symbols-outlined","aria-hidden":"true"},rpe={class:"pbx-htmlCodeViewerSurface"},ope=["value","aria-label","readonly"],ipe=["disabled"],npe=["disabled"],ape={key:0,class:"material-symbols-outlined"},lpe={key:1,class:"material-symbols-outlined pbx-animate-spin"},spe=o.defineComponent({__name:"HtmlEditorModal",props:{show:{type:Boolean},title:{},html:{},isLoading:{type:Boolean},error:{},badge:{default:"HTML"},readOnly:{type:Boolean,default:!1}},emits:["close","save","update:html"],setup(r,{emit:e}){const t=r,i=e,{translate:n}=ae(),a=o.ref(!1),l=o.computed(()=>t.html?t.html.split(`
 `).filter(d=>d.trim().length>0).length:0);function s(d){i("update:html",d.target.value)}async function p(){if(!t.html)return;await gc(t.html)&&(a.value=!0,globalThis.setTimeout(()=>{a.value=!1},2e3))}return(d,c)=>(o.openBlock(),o.createBlock(zt,{showModalBuilder:r.show,title:r.title,maxWidth:"7xl","z-index":10001,onCloseMainModalBuilder:c[2]||(c[2]=m=>d.$emit("close"))},{actions:o.withCtx(()=>[o.createElementVNode("button",{type:"button",class:"pbx-mySecondaryButton",disabled:r.isLoading,onClick:c[0]||(c[0]=m=>d.$emit("close"))},o.toDisplayString(o.unref(n)("Close")),9,ipe),r.readOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"pbx-myPrimaryButton",disabled:r.isLoading,onClick:c[1]||(c[1]=m=>d.$emit("save"))},[o.createTextVNode(o.toDisplayString(o.unref(n)("Save"))+" ",1),r.isLoading?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",ape,"check")),r.isLoading?(o.openBlock(),o.createElementBlock("span",lpe,"refresh")):o.createCommentVNode("",!0)],8,npe))]),default:o.withCtx(()=>[o.createElementVNode("div",null,[r.html?(o.openBlock(),o.createElementBlock("div",Yse,[o.createElementVNode("div",Qse,[o.createElementVNode("div",Xse,[o.createElementVNode("span",Zse,o.toDisplayString(r.badge),1),o.createElementVNode("span",$se,o.toDisplayString(l.value)+" "+o.toDisplayString(o.unref(n)("lines")),1),o.createElementVNode("span",epe,o.toDisplayString(r.readOnly?o.unref(n)("Read-only"):o.unref(n)("Editable")),1)]),o.createElementVNode("button",{type:"button",class:"pbx-htmlCodeViewerCopy",onClick:p},[o.createElementVNode("span",tpe,o.toDisplayString(a.value?"check":"content_copy"),1)])]),o.createElementVNode("div",rpe,[o.createElementVNode("textarea",{id:"html-editor",class:"pbx-htmlCodeEditorTextarea",value:r.html,"aria-label":r.title,readonly:r.readOnly,spellcheck:"false",onInput:s},null,40,ope)])])):(o.openBlock(),o.createElementBlock("p",Jse,o.toDisplayString(o.unref(n)("No HTML available")),1))])]),_:1},8,["showModalBuilder","title"]))}}),ppe={class:"pbx-pointer-events-none pbx-fixed pbx-right-6 pbx-top-6 pbx-z-[10010] pbx-flex pbx-flex-col pbx-items-end pbx-gap-3","aria-live":"polite","aria-relevant":"additions removals"},dpe={class:"pbx-font-sans pbx-toastMessage"},cpe=["onClick"],mpe=qo(o.defineComponent({__name:"ToastContainer",setup(r){const{toasts:e,hideToast:t}=Ye(),i={success:"pbx-toastSuccess",error:"pbx-toastError",warning:"pbx-toastWarning"};return(n,a)=>(o.openBlock(),o.createElementBlock("div",ppe,[o.createVNode(o.TransitionGroup,{name:"pbx-toast",tag:"div",class:"pbx-flex pbx-flex-col pbx-gap-2"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(e),l=>(o.openBlock(),o.createElementBlock("div",{key:l.id,class:o.normalizeClass(["pbx-toast",i[l.type]]),role:"status"},[o.createElementVNode("span",dpe,o.toDisplayString(l.message),1),o.createElementVNode("button",{type:"button",class:"pbx-toastClose","aria-label":"Close",onClick:s=>o.unref(t)(l.id)},[...a[0]||(a[0]=[o.createElementVNode("span",{class:"material-symbols-outlined pbx-materialIcon18","aria-hidden":"true"}," close_small ",-1)])],8,cpe)],2))),128))]),_:1})]))}}),[["__scopeId","data-v-7948f981"]]);function bpe(r){return r instanceof HTMLElement?!!r.closest('input, textarea, select, [contenteditable="true"], .pbx-inline-tiptap-editor, .ProseMirror'):!1}function gpe(r){const e=t=>{if(r.isBlocked()||bpe(t.target))return;const i=t.metaKey||t.ctrlKey;if(i&&t.key.toLowerCase()==="z"&&!t.shiftKey){t.preventDefault(),r.canUndo()&&r.onUndo();return}if(i&&t.shiftKey&&t.key.toLowerCase()==="z"||i&&t.key.toLowerCase()==="y"){t.preventDefault(),r.canRedo()&&r.onRedo();return}if(i&&t.key.toLowerCase()==="s"){t.preventDefault(),r.onSave();return}if(t.key==="Escape"){r.onDeselect();return}(t.key==="Delete"||t.key==="Backspace")&&r.hasSelection()&&(t.preventDefault(),r.onDelete())};o.onMounted(()=>{document.addEventListener("keydown",e)}),o.onBeforeUnmount(()=>{document.removeEventListener("keydown",e)})}const Rz="--pbx-brand-color",Oz="--pbx-brand-color-rgb";function Fz(r){return r!=null&&r.trim()?$t(r)??r.trim():null}function upe(r){const e=Fz(r);if(!e)return null;const t=oz(e);return t?`${t.r} ${t.g} ${t.b}`:null}function xpe(r){if(typeof document>"u")return;const e=Fz(r),t=upe(r);if(e&&t){document.documentElement.style.setProperty(Rz,e),document.documentElement.style.setProperty(Oz,t);return}jz()}function jz(){typeof document>"u"||(document.documentElement.style.removeProperty(Rz),document.documentElement.style.removeProperty(Oz))}const hpe={class:"lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-mx-auto pbx-flex pbx-flex-col pbx-font-sans pbx-text-black pbx-border-solid pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full"},fpe={id:"pagebuilder-navbar",class:"lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-bg-myPrimaryLightGrayColor pbx-flex pbx-items-center pbx-justify-between pbx-border-0 pbx-border-solid pbx-border-b pbx-border-gray-200 pbx-mb-2 pbx-font-sans pbx-min-h-20"},ype=["src"],wpe={class:"pbx-flex pbx-items-center pbx-justify-center"},vpe=["disabled","aria-label","title"],kpe={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},Spe={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},Cpe=["disabled","aria-label"],Tpe={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},Epe={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},Ppe={class:"lg:pbx-block pbx-hidden"},Mpe={class:"lg:pbx-hidden pbx-block"},Bpe=["aria-label","title"],Lpe={class:"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 hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"},Npe={class:"lg:pbx-block lg:pbx-pr-4 pbx-hidden"},Ape=["aria-label","title"],_pe={class:"lg:pbx-block lg:pbx-pr-4 pbx-hidden"},Dpe=["aria-label","title"],zpe={class:"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 hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"},Ipe={fill:"currentColor",height:"22",viewBox:"0 0 22 22",width:"22",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"},"aria-hidden":"true"},Vpe=["aria-label","title"],Hpe={class:"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 hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"},Rpe={fill:"currentColor",height:"22",viewBox:"0 0 22 22",width:"22",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"},"aria-hidden":"true"},Ope={class:"pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end"},Fpe={key:0,class:"pbx-flex-1 pbx-ml-2"},jpe={key:0,class:"pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"},qpe=["value"],Upe=["value"],Wpe={key:2,class:"pbx-flex-1 pbx-ml-2 pbx-mr-2"},Gpe=["aria-label"],Kpe={id:"pagebuilder-main",class:"lg:pbx-min-w-full lg:pbx-max-w-full lg:pbx-w-full pbx-min-w-[64rem] pbx-max-w-[64rem] pbx-w-[64rem] pbx-flex-1 pbx-relative pbx-h-full pbx-flex pbx-pb-2 pbx-gap-2"},Jpe={id:"pbxEditToolbar",class:"pbx-z-30 pbx-flex pbx-flex-wrap pbx-gap-x-2 pbx-gap-y-1 pbx-justify-start pbx-items-center pbx-content-start pbx-rounded-sm pbx-px-2 pbx-py-0 pbx-h-0 pbx-relative pbx-box-border"},Ype={key:0,"data-pbx-insert-btn":"","data-pb-no-select":""},Qpe={class:"pbx-flex pbx-justify-center pbx-w-full pbx-absolute pbx-items-center pbx-gap-3"},Xpe={class:"pbx-flex pbx-items-center pbx-gap-2"},Zpe={class:"pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans"},$pe={class:"pbx-flex pbx-items-center pbx-gap-2"},ede={class:"pbx-font-medium pbx-break-words lg:pbx-text-lg md:pbx-text-lg pbx-text-base pbx-font-sans"},tde={key:1,"data-pbx-insert-btn":"","data-pb-no-select":""},rde={class:"pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10"},ode={class:"pbx-flex pbx-items-center"},ide={class:"pbx-flex pbx-items-center"},nde={class:"lg:pbx-block pbx-hidden"},ade={class:"pbx-flex pbx-items-center"},lde=["innerHTML","onMouseup"],sde={key:1,"data-pbx-insert-btn":"","data-pb-no-select":""},pde={class:"pbx-flex pbx-justify-end pbx-w-full pbx-h-0 pbx-items-center pbx-rounded-r-full pbx-z-10"},dde={class:"pbx-flex pbx-items-center"},cde=["onClick"],mde={class:"pbx-flex pbx-items-center"},bde={class:"lg:pbx-block pbx-hidden"},gde=["onClick"],ude={class:"pbx-flex pbx-items-center"},xde={fill:"currentColor",height:"22",viewBox:"0 0 22 22",width:"22",xmlns:"http://www.w3.org/2000/svg",style:{display:"block"}},hde=o.defineComponent({__name:"PageBuilder",props:{CustomMediaLibraryComponent:{type:Object,default:null},DisplayProducts:{type:Object,default:null},enableDefaultProducts:{type:Boolean,default:!0},CustomBuilderComponents:{type:Object,default:null},showCloseButton:{type:Boolean,default:!1},showPublishButton:{type:Boolean,default:!1}},emits:["handleClosePageBuilder","handlePublishPageBuilder"],setup(r,{emit:e}){const t=ke(),{show:i,title:n,html:a,closeHtmlViewer:l}=xs(),{show:s,title:p,html:d,isLoading:c,error:m,closeHtmlEditor:b,saveHtmlEditor:g}=ys(),x=r,{translate:u,loadTranslations:h}=ae(),{showToast:f}=Ye(),w=Rd,y=we;o.provide("pageBuilderStateStore",y),o.provide("internalPinia",w),o.provide("CustomMediaComponent",x.CustomMediaLibraryComponent),o.provide("DisplayProductsComponent",x.DisplayProducts),o.provide("CustomBuilderComponents",x.CustomBuilderComponents);const T=o.computed(()=>!!x.DisplayProducts||x.enableDefaultProducts),C=e,E=o.ref(1),v=o.ref(""),M=o.ref(!1),P=o.ref(""),k=o.ref(""),S=o.ref(""),N=o.ref(null),A=o.ref(null),_=o.ref(null),V=o.ref(null),I=o.ref(null),j=async function(){v.value="warning",M.value=!0,P.value=u("Continue Your Work?"),k.value=u("Are you sure you want to close the Page Builder? All unsaved changes will be lost."),S.value=null,N.value=u("Close Page Builder"),A.value=null,_.value=async function(){M.value=!1},V.value=function(){Y()},I.value=async function(){}},Y=function(){M.value=!1,C("handleClosePageBuilder")},Q=async function(){y.setIsLoadingGlobal(!0);try{await t.handleManualSave(),f(u("Page saved successfully"),"success")}catch{f(u("Could not save page"),"error")}y.setIsLoadingGlobal(!1),C("handlePublishPageBuilder")};async function F(){try{await t.handleManualSave(),f(u("Page saved successfully"),"success")}catch{f(u("Could not save page"),"error")}}const se=()=>{ir.value=!1};o.provide("closeAddComponentModal",se);const Se=o.ref("en");let wt=!0;const Qe=o.ref(!1);o.watch(Se,async D=>{if(D&&!wt){Qe.value=!0,await Re(200),await h(D),t.changeLanguage(D);const L=JSON.parse(localStorage.getItem("userSettingsPageBuilder")??"{}")||{};L.lang=D,localStorage.setItem("userSettingsPageBuilder",JSON.stringify(L)),Qe.value=!1}});const ct=o.computed(()=>y.getBuilderStarted),ge=o.computed(()=>y.getPageBuilderConfig),re=new Set(["pbx-font-thin","pbx-font-extralight","pbx-font-light","pbx-font-normal","pbx-font-medium","pbx-font-bold","pbx-font-extrabold","pbx-font-black"]),Z=(D,L)=>!!(D.startsWith("pbx-font-custom-")||L.includes(D)||D.startsWith("pbx-font-")&&!re.has(D)),J=o.computed(()=>{var D;return vD((D=ge.value)==null?void 0:D.userSettings)}),X=o.computed(()=>{var Lt;const D=(Lt=ge.value)==null?void 0:Lt.userSettings,L=y.getToggleGlobalHtmlMode,oe=y.getFontFamily;if(L&&oe&&oe!=="none")return oe;const U=document.getElementById("pagebuilder"),Me=U?Wd(U,D):void 0;return Me&&Ud(U,D,{globalPageDesignMode:L,selectedFontClass:oe})?Me:J.value}),K=o.computed(()=>{var oe;const D=(oe=ge.value)==null?void 0:oe.userSettings,L=document.getElementById("pagebuilder");return Ud(L,D,{globalPageDesignMode:y.getToggleGlobalHtmlMode,selectedFontClass:y.getFontFamily})}),R=o.computed(()=>{var D;return JU((D=ge.value)==null?void 0:D.userSettings)}),qe=o.computed(()=>{var Me,Lt,qi,Or;const D=(Me=W.value)==null?void 0:Me.classes;if(typeof D=="string"&&D.trim().length>0){const pr=D.split(/\s+/).filter(Boolean),dr=Zl((Lt=ge.value)==null?void 0:Lt.userSettings);if(pr.some(Gz=>Z(Gz,dr)))return{}}if(K.value)return{};const L=(Or=(qi=ge.value)==null?void 0:qi.userSettings)==null?void 0:Or.elementFonts;if(!L)return{};const oe={},U=["h1","h2","h3","h4","h5","h6","p"];for(const pr of U){const dr=L[pr];if(dr){const Ui=Kd(dr);Ui&&(oe[`--pbx-el-${pr}-font`]=Ui)}}return oe}),W=o.computed(()=>{var D;return(D=ge.value)==null?void 0:D.pageSettings}),H=o.computed(()=>{var L;const D=(L=W.value)==null?void 0:L.classes;return!D||typeof D!="string"?"":D}),ue=o.computed(()=>{var U;const D=H.value;if(!D)return!1;const L=D.split(/\s+/).filter(Boolean),oe=Zl((U=ge.value)==null?void 0:U.userSettings);return L.some(Me=>Z(Me,oe))}),fe=o.computed(()=>ue.value?"":X.value),ot=o.computed(()=>{var L;const D=(L=W.value)==null?void 0:L.style;return D?typeof D=="string"?D:Object.entries(D).map(([oe,U])=>`${oe.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${U};`).join(" "):""});o.watch(()=>{var D,L;return(L=(D=ge.value)==null?void 0:D.settings)==null?void 0:L.brandColor},D=>{xpe(D)},{immediate:!0});const Pt=o.computed(()=>y.getCurrentLanguage);o.watch(Pt,D=>{D&&D!==Se.value&&(Se.value=D)});const or=o.computed(()=>y.getMenuRight),Wt=o.ref(!1),Ni=o.ref(""),Go=o.ref(""),Yn=function(){localStorage.setItem("preview-font-class",X.value),localStorage.setItem("preview-element-fonts",JSON.stringify(K.value?{}:qe.value))},kc=function(){t.previewCurrentDesign(),Yn()},Sc=function(){Ni.value=u("Preview"),kc(),Wt.value=!0},Ai=o.ref(!1),Ss=function(){t.previewCurrentDesign(),Yn()},Gt=function(){Go.value=u("Mobile"),Ss(),Ai.value=!0},hr=o.ref(!1),_i=function(){hr.value=!1},Di=function(){Wt.value=!1},zi=function(){Ai.value=!1},ir=o.ref(!1),Ko=o.ref(""),Jo=o.ref(""),At=o.ref(null),fr=async function(){await t.clearHtmlSelection(),Ko.value=u("Add Components to Page"),Jo.value=u("Close"),ir.value=!0,At.value=function(){ir.value=!1}},Mt=o.ref(!1),Qn=o.ref(""),Cc=async function(){await t.clearHtmlSelection(),y.setAddComponentAddIndex(null),y.setComponentArrayAddMethod("unshift"),Qn.value=u("Add Products to Page"),Mt.value=!0},Cs=()=>{Mt.value=!1},Yo=function(D){y.setAddComponentAddIndex(D),y.setComponentArrayAddMethod("insert"),fr()},Ii=async function(D){await t.clearHtmlSelection(),y.setAddComponentAddIndex(D),y.setComponentArrayAddMethod("insert"),Qn.value=u("Add Products to Page"),Mt.value=!0},Kt=o.computed(()=>y.getElement),nr=o.computed(()=>y.getComponents),Ts=o.computed(()=>y.getHasLocalDraftForUpdate);o.watch(Ts,D=>{D&&Pc()});const Tc=o.computed(()=>!Kt.value||!(Kt.value instanceof HTMLElement)?null:{src:Kt.value.getAttribute("src"),href:Kt.value.getAttribute("href"),style:Kt.value.getAttribute("style"),class:Kt.value.getAttribute("class"),dataImage:Kt.value.getAttribute("data-image")}),Vi=pse();o.watch(Tc,async(D,L)=>{!y.getElement||(D==null?void 0:D.src)===(L==null?void 0:L.src)&&(D==null?void 0:D.href)===(L==null?void 0:L.href)&&(D==null?void 0:D.style)===(L==null?void 0:L.style)&&(D==null?void 0:D.class)===(L==null?void 0:L.class)&&(D==null?void 0:D.dataImage)===(L==null?void 0:L.dataImage)||Vi(async()=>{y.getElement&&await t.initializeElementStyles()},200)});const Ec=function(D){y.getInlineTipTapEditor||y.setComponent(D)},Qo=async function(D){await t.openInlineTipTapFromEvent(D)},yr=function(D){if(!y.getInlineTipTapEditor||!(D.target instanceof Node))return;const L=document.querySelector("#pagebuilder [data-pbx-inline-tiptap]"),oe=L==null?void 0:L.querySelector(".ProseMirror"),U=D.target instanceof Element?D.target.closest("[data-pbx-inline-editor-ui]"):null,Me=D.target instanceof Element?D.target.closest("#pbx-modal"):null;if(oe!=null&&oe.contains(D.target)||U||Me||_D(D.target))return;const Lt=t.findEditableElementFromEventTarget(D.target);D.preventDefault(),D.stopPropagation(),D.stopImmediatePropagation(),t.finishActiveInlineTipTapEditorFromDom(Lt)},so=o.computed(()=>y.getIsLoadingGlobal),Xn=o.computed(()=>y.getIsSaving),Zn=o.ref(null),vt=o.ref(null),Xo=o.computed(()=>y.getIsLoadingResumeEditing),Hr=o.computed(()=>y.getIsRestoring),$n=o.ref(!1),po=o.ref(!1),co=o.ref(1),ea=o.ref(""),Zo=o.ref(!1),Es=o.ref(""),Ps=o.ref(""),ta=o.ref(""),Hi=o.ref(null),mo=o.ref(null),ar=o.ref(null),Bt=o.ref(null),$o=o.ref(null),Pc=async function(){ea.value="warning",Zo.value=!0,Es.value=u("Continue Your Work?"),Ps.value=u("We noticed you have some changes that weren’t saved last time. Would you like to pick up where you left off, or use the version that’s currently loaded from the database?"),ta.value=u("Use Saved Version"),Hi.value=null,mo.value=u("Continue Where I Left Off"),ar.value=async function(){y.setHasLocalDraftForUpdate(!1),Zo.value=!1},Bt.value=function(){},$o.value=async function(){await t.resumeEditingFromDraft(),y.setHasLocalDraftForUpdate(!1),Zo.value=!1}},Mc=o.ref(1),Ri=o.ref(""),_t=o.ref(!1),Oi=o.ref(""),Fi=o.ref(""),ei=o.ref(""),ti=o.ref(null),ji=o.ref(null),bo=o.ref(null),go=o.ref(null),wr=o.ref(null),ra=async function(){await t.clearHtmlSelection(),Ri.value="success",_t.value=!0,Oi.value=u("Do you want to reset this page?"),Fi.value=u("Are you sure you want to reset this page? This will overwrite your current changes."),ei.value=u("Close"),ti.value=null,ji.value=u("Reset changes"),bo.value=function(){_t.value=!1},go.value=async function(){},wr.value=async function(){try{await t.restoreOriginalContent(),f(u("Page restored to original version"),"success")}catch{f(u("Could not restore page"),"error")}_t.value=!1}},Jt=o.ref(!1),Bc=()=>{if(Jt.value){oa();return}t.setImageSettingsModalOpen(!0),Jt.value=!0},oa=()=>{Jt.value=!1,t.setImageSettingsModalOpen(!1)};gpe({canUndo:()=>y.getHistoryIndex>0,canRedo:()=>y.getHistoryIndex<y.getHistoryLength-1,isBlocked:()=>so.value||Qe.value||y.getInlineTipTapEditor||ir.value||Mt.value||M.value||Zo.value||_t.value||s.value||i.value||Wt.value||Ai.value||Jt.value,onUndo:async()=>{var D;await((D=Zn.value)==null?void 0:D.handleUndo())},onRedo:async()=>{var D;await((D=Zn.value)==null?void 0:D.handleRedo())},onSave:F,onDeselect:async()=>{await t.clearHtmlSelection()},onDelete:()=>{var D;(D=vt.value)==null||D.openDeleteConfirm()},hasSelection:()=>!!y.getElement});const ia=function(){ct.value||(hr.value=!0)},uo=o.ref(null),O=o.ref(null),B=o.ref(!1);let z=0,ne=null,ye=0,xe=0;function _e(){const D=uo.value,L=O.value;if(!D||!L)return;const oe=window.getComputedStyle(L);D.style.setProperty("--pbx-canvas-pad-left",oe.paddingLeft||"0px"),D.style.setProperty("--pbx-canvas-pad-right",oe.paddingRight||"0px"),D.style.setProperty("--pbx-canvas-margin-right",oe.marginRight||"0px")}function it(){const D=uo.value;if(D){const L=D.scrollTop,oe=L-ye;NW()?xe=0:LW()?oe>0?(xe+=oe,xe>=BW&&(AW(),xe=0)):oe<0&&(xe=0):xe=0,ye=L}vr()}const Xe=function(){var L;const D=document.querySelector("#pbxEditToolbar");D&&((L=D.querySelector(".pbx-select-none > .pbx-flex"))==null||L.style.removeProperty("width"),D.classList.remove("is-visible"),D.removeAttribute("style"))};function lr(D,L){const oe=D.querySelector(".pbx-select-none > .pbx-flex");if(!oe)return;oe.style.flexWrap="nowrap",oe.style.removeProperty("max-width"),oe.style.width="max-content",oe.getBoundingClientRect();const U=Math.ceil(oe.getBoundingClientRect().width);oe.style.flexWrap="wrap",U>0&&(oe.style.width=`${Math.min(U,L)}px`),oe.style.justifyContent="center",oe.style.removeProperty("max-width")}const Dt=function(){B.value=!B.value,ie()};function Oe(D){const L=document.querySelector("#pbxEditToolbar");let oe=!1;for(const U of D){if(U.type==="attributes"&&U.attributeName==="selected"){oe=!0;break}if(!L)continue;const Me=U.target;if(Me instanceof Node&&(L===Me||L.contains(Me))){oe=!0;break}}oe?sr():vr()}function Pe(D={}){const L=D.remeasureWidth??!0,oe=uo.value,U=oe&&oe.querySelector("#pbxEditToolbar");if(!oe||!U)return;const Me=oe.querySelector("[selected]");if(Me&&typeof Me.getBoundingClientRect=="function"){const Or=(Me.closest("[data-pb-no-select]")||Me).getBoundingClientRect(),pr=oe.getBoundingClientRect(),dr=20,Ui=oe.offsetWidth-dr*2;U.style.maxWidth=`${Ui}px`,U.style.position=B.value?"fixed":"absolute",U.classList.add("is-visible"),L&&(U.style.removeProperty("width"),lr(U,Ui),U.getBoundingClientRect());let Ms=Or.top-pr.top+oe.scrollTop-U.offsetHeight-20,Wi=Or.left-pr.left+Or.width/2-U.offsetWidth/2;B.value?(Ms=pr.top+dr,Wi=pr.left+oe.offsetWidth/2-U.offsetWidth/2,Wi=Math.max(pr.left+dr,Math.min(Wi,pr.left+oe.offsetWidth-U.offsetWidth-dr))):(Ms=Math.max(0,Ms),Wi=Math.max(dr,Math.min(Wi,oe.offsetWidth-U.offsetWidth-dr))),U.style.top=`${Ms}px`,U.style.left=`${Wi}px`,window.dispatchEvent(new CustomEvent("pagebuilder:toolbar-positioned"))}else U.classList.remove("is-visible"),U.removeAttribute("style")}const ie=function(){Pe({remeasureWidth:!0}),requestAnimationFrame(()=>Pe({remeasureWidth:!0}))};function vr(){cancelAnimationFrame(z),z=requestAnimationFrame(()=>{z=0,Pe({remeasureWidth:!1})})}function sr(){cancelAnimationFrame(z),z=requestAnimationFrame(()=>{z=0,Pe({remeasureWidth:!0})})}o.watch(()=>y.getInlineTipTapEditor,()=>{o.nextTick(ie)}),o.watch(Kt,()=>{o.nextTick(ie)}),o.watch(nr,()=>{o.nextTick(ie),o.nextTick(_e)}),o.watch(H,()=>{o.nextTick(_e)}),o.watch(ot,()=>{o.nextTick(_e)}),o.watch([so,Xo,Hr,Qe,hr],()=>{xo()});const kr=function(){ie(),_e()},Sr=function(){sr(),_e()},Rr=JSON.parse(localStorage.getItem("userSettingsPageBuilder")??"null"),xo=function(){$n.value=po.value||so.value&&!hr.value||Qe.value||Xo.value||Hr.value};return o.onMounted(async()=>{const D=t.shouldCompleteBuilderMountOnMount(O.value??void 0);D&&(po.value=!0,y.setIsLoadingGlobal(!0),xo());try{D?await t.completeBuilderInitialization(void 0):await t.refreshListeners()}finally{po.value=!1,y.setIsLoadingGlobal(!1),xo()}Rr&&Rr.lang&&(Se.value=Rr.lang),await h(Se.value),wt=!1,xo(),sr(),o.nextTick(_e);const L=uo.value;L&&(ye=L.scrollTop,ne=new MutationObserver(Oe),ne.observe(L,{attributes:!0,attributeFilter:["selected"],childList:!0,subtree:!0}),L.addEventListener("scroll",it,{passive:!0}),window.addEventListener("scroll",vr,{passive:!0}),window.addEventListener("resize",Sr),window.addEventListener("pagebuilder:layout-change",kr),document.addEventListener("pointerdown",yr,!0),await Re(1e4),ia(),await Re(1e4),ia(),await Re(1e4),ia())}),o.onBeforeUnmount(()=>{var D;t.flushPendingEditsToLocalStorage(),t.markCanvasUnmountedForNextMount(),cancelAnimationFrame(z),ne==null||ne.disconnect(),ne=null,(D=uo.value)==null||D.removeEventListener("scroll",it),window.removeEventListener("scroll",vr),window.removeEventListener("resize",Sr),window.removeEventListener("pagebuilder:layout-change",kr),document.removeEventListener("pointerdown",yr,!0),jz()}),(D,L)=>{var oe;return o.openBlock(),o.createElementBlock(o.Fragment,null,[R.value?(o.openBlock(),o.createBlock(o.resolveDynamicComponent("style"),{key:0},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(R.value),1)]),_:1})):o.createCommentVNode("",!0),o.createElementVNode("div",hpe,[$n.value?(o.openBlock(),o.createBlock(Hz,{key:0})):o.createCommentVNode("",!0),o.createVNode(zt,{title:"The builder hasn’t started yet",showModalBuilder:hr.value,onCloseMainModalBuilder:_i,type:"delete",maxWidth:"2xl",noBackgroundOpacity:!0},{default:o.withCtx(()=>[...L[32]||(L[32]=[o.createTextVNode(" 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)])]),_:1},8,["showModalBuilder"]),ir.value?(o.openBlock(),o.createBlock(eZ,{key:1,show:ir.value,firstButtonText:Jo.value,title:Ko.value,CustomBuilderComponents:x.CustomBuilderComponents,onFirstModalButtonSearchComponentsFunction:L[0]||(L[0]=()=>{var U;return(U=At.value)==null?void 0:U.call(At)})},null,8,["show","firstButtonText","title","CustomBuilderComponents"])):o.createCommentVNode("",!0),T.value&&Mt.value?(o.openBlock(),o.createBlock(k$,{key:2,open:Mt.value,title:Qn.value,displayProductsComponent:x.DisplayProducts,onCloseProductLibrary:Cs},null,8,["open","title","displayProductsComponent"])):o.createCommentVNode("",!0),o.createVNode(mt,{showDynamicModalBuilder:M.value,isLoading:!1,type:v.value,gridColumnAmount:E.value,title:P.value,description:k.value,firstButtonText:S.value??void 0,secondButtonText:N.value??void 0,thirdButtonText:A.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:L[1]||(L[1]=()=>{var U;return(U=_.value)==null?void 0:U.call(_)}),onSecondModalButtonFunctionDynamicModalBuilder:L[2]||(L[2]=()=>{var U;return(U=V.value)==null?void 0:U.call(V)}),onThirdModalButtonFunctionDynamicModalBuilder:L[3]||(L[3]=()=>{var U;return(U=I.value)==null?void 0:U.call(I)})},{default:o.withCtx(()=>[...L[33]||(L[33]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText"]),o.createVNode(zt,{title:Ni.value,showModalBuilder:Wt.value,onCloseMainModalBuilder:Di,maxWidth:"screen"},{default:o.withCtx(()=>[o.createVNode(zs)]),_:1},8,["title","showModalBuilder"]),o.createVNode(zt,{title:Go.value,showModalBuilder:Ai.value,onCloseMainModalBuilder:zi,maxWidth:"lg"},{default:o.withCtx(()=>[o.createVNode(zs,{mobile:!0})]),_:1},8,["title","showModalBuilder"]),o.createVNode(mt,{showDynamicModalBuilder:Zo.value,isLoading:Xo.value,type:ea.value,gridColumnAmount:co.value,title:Es.value,description:Ps.value,firstButtonText:ta.value,secondButtonText:Hi.value??void 0,thirdButtonText:mo.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:L[4]||(L[4]=()=>{var U;return(U=ar.value)==null?void 0:U.call(ar)}),onSecondModalButtonFunctionDynamicModalBuilder:L[5]||(L[5]=()=>{var U;return(U=Bt.value)==null?void 0:U.call(Bt)}),onThirdModalButtonFunctionDynamicModalBuilder:L[6]||(L[6]=()=>{var U;return(U=$o.value)==null?void 0:U.call($o)})},{default:o.withCtx(()=>[...L[34]||(L[34]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText"]),o.createVNode(mt,{showDynamicModalBuilder:_t.value,isLoading:Hr.value,type:Ri.value,gridColumnAmount:Mc.value,title:Oi.value,description:Fi.value,firstButtonText:ei.value,secondButtonText:ti.value??void 0,thirdButtonText:ji.value??void 0,onFirstModalButtonFunctionDynamicModalBuilder:L[7]||(L[7]=()=>{var U;return(U=bo.value)==null?void 0:U.call(bo)}),onSecondModalButtonFunctionDynamicModalBuilder:L[8]||(L[8]=()=>{var U;return(U=go.value)==null?void 0:U.call(go)}),onThirdModalButtonFunctionDynamicModalBuilder:L[9]||(L[9]=()=>{var U;return(U=wr.value)==null?void 0:U.call(wr)})},{default:o.withCtx(()=>[...L[35]||(L[35]=[o.createElementVNode("header",null,null,-1),o.createElementVNode("main",null,null,-1)])]),_:1},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText"]),o.createElementVNode("div",fpe,[ge.value&&ge.value.pageBuilderLogo&&ge.value.pageBuilderLogo.src?(o.openBlock(),o.createElementBlock("div",{key:0,onClick:L[10]||(L[10]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-justify-start pbx-py-2 lg:pbx-ml-4 pbx-ml-2"},[o.createElementVNode("img",{class:"pbx-h-6",src:ge.value.pageBuilderLogo.src,alt:"Logo"},null,8,ype)])):o.createCommentVNode("",!0),o.createVNode(Dse,{ref_key:"undoRedoRef",ref:Zn,onToolbarHideRequest:Xe},null,512),o.createElementVNode("div",{onClick:L[13]||(L[13]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[o.createElementVNode("div",wpe,[o.createElementVNode("button",{class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",onClick:L[11]||(L[11]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection(),await F()},["stop"])),type:"button",disabled:Xn.value,"aria-label":o.unref(u)("Save"),title:`${o.unref(u)("Save")} (Ctrl+S)`},[Xn.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",kpe,[...L[36]||(L[36]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"},"save",-1)])])),Xn.value?(o.openBlock(),o.createElementBlock("div",Spe,[...L[37]||(L[37]=[o.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[o.createElementVNode("span",{class:"pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75"}),o.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)])])):o.createCommentVNode("",!0),o.createElementVNode("div",null,o.toDisplayString(o.unref(u)("Save")),1)],8,vpe),ge.value&&ge.value.updateOrCreate&&ge.value.updateOrCreate.formType==="update"?(o.openBlock(),o.createElementBlock("button",{key:0,class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",onClick:L[12]||(L[12]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection(),await ra()},["stop"])),type:"button",disabled:Hr.value,"aria-label":o.unref(u)("Reset Page")},[Hr.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",Tpe,[...L[38]||(L[38]=[o.createElementVNode("span",{class:"material-symbols-outlined"}," settings_backup_restore ",-1)])])),Hr.value?(o.openBlock(),o.createElementBlock("div",Epe,[...L[39]||(L[39]=[o.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[o.createElementVNode("span",{class:"pbx-absolute pbx-inline-flex pbx-h-full pbx-w-full pbx-animate-ping pbx-rounded-full pbx-bg-gray-400 pbx-opacity-75"}),o.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)])])):o.createCommentVNode("",!0),o.createElementVNode("div",Ppe,[o.createElementVNode("span",null,o.toDisplayString(o.unref(u)("Reset Page")),1)]),o.createElementVNode("div",Mpe,[o.createElementVNode("span",null,o.toDisplayString(o.unref(u)("Reset")),1)])],8,Cpe)):o.createCommentVNode("",!0)])]),o.createElementVNode("div",{onClick:L[18]||(L[18]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[o.createElementVNode("div",{onClick:L[17]||(L[17]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-items-center pbx-justify-center"},[o.createElementVNode("button",{type:"button",class:"pbx-mr-2 pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer pbx-font-sans","aria-label":o.unref(u)("Add components"),title:o.unref(u)("Add components"),onClick:L[14]||(L[14]=()=>{o.unref(y).setComponentArrayAddMethod("unshift"),fr()})},[o.createElementVNode("span",Lpe,[o.createVNode(Ise)]),o.createElementVNode("span",Npe,o.toDisplayString(o.unref(u)("Add")),1)],8,Bpe),T.value?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"pbx-mr-2 pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer pbx-font-sans","aria-label":o.unref(u)("Add products"),title:o.unref(u)("Add products"),onClick:Cc},[L[40]||(L[40]=o.createElementVNode("span",{class:"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 hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"},[o.createElementVNode("span",{class:"material-symbols-outlined"}," shopping_bag ")],-1)),o.createElementVNode("span",_pe,o.toDisplayString(o.unref(u)("Products")),1)],8,Ape)):o.createCommentVNode("",!0),o.createElementVNode("button",{type:"button",class:"pbx-mr-2 pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer","aria-label":o.unref(u)("Desktop preview"),title:o.unref(u)("Desktop preview"),onClick:L[15]||(L[15]=async()=>{o.unref(y).setMenuRight(!1),o.unref(y).setElement(null),await o.unref(t).clearHtmlSelection(),Sc()})},[o.createElementVNode("span",zpe,[o.createElementVNode("span",null,[(o.openBlock(),o.createElementBlock("svg",Ipe,[...L[41]||(L[41]=[o.createElementVNode("path",{"clip-rule":"evenodd",d:"M2 3h18v13h-8v2h3v2H7v-2h3v-2H2V3zm2 2v9h14V5H4z","fill-rule":"evenodd"},null,-1)])]))])])],8,Dpe),o.createElementVNode("button",{type:"button",class:"lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center pbx-mr-2 pbx-border-0 pbx-bg-transparent pbx-cursor-pointer","aria-label":o.unref(u)("Mobile preview"),title:o.unref(u)("Mobile preview"),onClick:L[16]||(L[16]=async()=>{o.unref(y).setMenuRight(!1),o.unref(y).setElement(null),await o.unref(t).clearHtmlSelection(),Gt()})},[o.createElementVNode("span",Hpe,[(o.openBlock(),o.createElementBlock("svg",Rpe,[...L[42]||(L[42]=[o.createElementVNode("path",{d:"M14 16H8v2h6v-2z"},null,-1),o.createElementVNode("path",{d:"M14 1H8a3 3 0 00-3 3v14a3 3 0 003 3h6a3 3 0 003-3V4a3 3 0 00-3-3zM7 4a1 1 0 011-1h6a1 1 0 011 1v14a1 1 0 01-1 1H8a1 1 0 01-1-1V4z"},null,-1)])]))])],8,Vpe)])]),o.createElementVNode("div",Ope,[o.createElementVNode("div",{onClick:L[19]||(L[19]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:o.normalizeClass(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full",[r.showCloseButton?"pbx-justify-between":"pbx-justify-end"]])},[o.createVNode(sse)],2),r.showPublishButton?(o.openBlock(),o.createElementBlock("div",Fpe,[o.createElementVNode("button",{class:"pbx-myPrimaryButton",onClick:L[20]||(L[20]=async()=>{Q()})},o.toDisplayString(o.unref(u)("Publish")),1)])):o.createCommentVNode("",!0),o.unref(t)&&ge.value&&ge.value.userSettings&&ge.value.userSettings.language&&!((oe=ge.value.userSettings.language)!=null&&oe.disableLanguageDropDown)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[ge.value&&ge.value.userSettings&&ge.value.userSettings.language?(o.openBlock(),o.createElementBlock("div",jpe,[o.withDirectives(o.createElementVNode("select",{id:"pbx-lang",class:"pbx-myPrimarySelect pbx-min-w-20","onUpdate:modelValue":L[21]||(L[21]=U=>Se.value=U)},[Array.isArray(ge.value.userSettings.language.enable)&&ge.value.userSettings.language.enable.length>=1?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(o.unref(t).availableLanguage().filter(U=>{var Me,Lt,qi,Or;return((Or=(qi=(Lt=(Me=ge.value)==null?void 0:Me.userSettings)==null?void 0:Lt.language)==null?void 0:qi.enable)==null?void 0:Or.includes(U))??!1}),U=>(o.openBlock(),o.createElementBlock("option",{key:U,value:U},o.toDisplayString(U),9,qpe))),128)):o.createCommentVNode("",!0),!ge.value.userSettings.language.enable||Array.isArray(ge.value.userSettings.language.enable)&&ge.value.userSettings.language.enable.length===0?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(o.unref(t).availableLanguage(),U=>(o.openBlock(),o.createElementBlock("option",{key:U,value:U},o.toDisplayString(U),9,Upe))),128)):o.createCommentVNode("",!0)],512),[[o.vModelSelect,Se.value]])])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0),r.showCloseButton?(o.openBlock(),o.createElementBlock("div",Wpe,[o.createElementVNode("button",{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-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor hover:pbx-text-white hover:pbx-fill-white focus-visible:pbx-ring-0","aria-label":o.unref(u)("Close Page Builder"),onClick:L[22]||(L[22]=async()=>{j(),await o.unref(t).clearHtmlSelection()})},[...L[43]||(L[43]=[o.createElementVNode("span",{class:"material-symbols-outlined","aria-hidden":"true"}," close ",-1)])],8,Gpe)])):o.createCommentVNode("",!0)])]),o.createElementVNode("div",Kpe,[o.createElementVNode("main",{ref_key:"pbxBuilderWrapper",ref:uo,id:"page-builder-wrapper",class:o.normalizeClass(["pbx-transition-all pbx-duration-300 pbx-p-1 pbx-flex pbx-flex-col pbx-grow pbx-rounded-tr-2xl pbx-rounded-tl-2xl pbx-border-solid pbx-border pbx-border-gray-200 pbx-items-stretch pbx-text-black pbx-h-[100vh] pbx-overflow-y-scroll pbx-relative pbx-pt-16",[(or.value,"pbx-w-full")]]),style:o.normalizeStyle(qe.value)},[o.createElementVNode("div",Jpe,[Kt.value?(o.openBlock(),o.createBlock(RQ,{key:0,ref_key:"selectedElementToolbarRef",ref:vt,"toolbar-pinned":B.value,onOpenImageSettings:Bc,onToggleToolbarPin:Dt},null,8,["toolbar-pinned"])):o.createCommentVNode("",!0)]),o.createElementVNode("div",{id:"pagebuilder",ref_key:"pageBuilderCanvas",ref:O,"data-builder-canvas":"",class:o.normalizeClass([fe.value,H.value]),style:o.normalizeStyle(ot.value?ot.value:void 0),onDblclickCapture:Qo},[Array.isArray(nr.value)&&nr.value.length===0?(o.openBlock(),o.createElementBlock("div",Ype,[o.createElementVNode("div",Qpe,[o.createElementVNode("div",{onClick:L[23]||(L[23]=U=>Yo(0)),class:"pbx-py-4 pbx-px-4 pbx-my-4 pbx-rounded-full pbx-bg-gray-100 pbx-text-gray-600 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"},[o.createElementVNode("div",Xpe,[o.createElementVNode("span",Zpe,o.toDisplayString(o.unref(u)("Add new Components")),1)])]),T.value?(o.openBlock(),o.createElementBlock("div",{key:0,onClick:L[24]||(L[24]=U=>Ii(0)),class:"pbx-py-4 pbx-px-4 pbx-my-4 pbx-rounded-full pbx-bg-gray-100 pbx-text-gray-600 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"},[o.createElementVNode("div",$pe,[L[44]||(L[44]=o.createElementVNode("span",{class:"material-symbols-outlined"},"shopping_bag",-1)),o.createElementVNode("span",ede,o.toDisplayString(o.unref(u)("Products")),1)])])):o.createCommentVNode("",!0)])])):o.createCommentVNode("",!0),Array.isArray(nr.value)&&nr.value.length!=0?(o.openBlock(),o.createElementBlock("div",tde,[o.createElementVNode("div",rde,[o.createElementVNode("div",ode,[o.createElementVNode("div",{onClick:L[25]||(L[25]=U=>Yo(0)),class:"pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-full pbx-rounded-r-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"},[o.createElementVNode("div",ide,[L[45]||(L[45]=o.createElementVNode("span",{class:"material-symbols-outlined"}," add ",-1)),o.createElementVNode("span",nde,o.toDisplayString(o.unref(u)("Add")),1)])]),T.value?(o.openBlock(),o.createElementBlock("div",{key:0,onClick:L[26]||(L[26]=U=>Ii(0)),class:"pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer pbx-border-l pbx-border-gray-200"},[o.createElementVNode("div",ade,[L[46]||(L[46]=o.createElementVNode("span",{class:"material-symbols-outlined"}," shopping_bag ",-1)),o.createCommentVNode("",!0)])])):o.createCommentVNode("",!0)])])])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(nr.value,(U,Me)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:U.id},[U.html_code?(o.openBlock(),o.createElementBlock("div",{key:0,"data-pagebuilder-content":"",innerHTML:U.html_code,onMouseup:Lt=>Ec(U)},null,40,lde)):o.createCommentVNode("",!0),Array.isArray(nr.value)&&nr.value.length!=0?(o.openBlock(),o.createElementBlock("div",sde,[o.createElementVNode("div",pde,[o.createElementVNode("div",dde,[o.createElementVNode("div",{onClick:Lt=>Yo(Me+1),class:"pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-full pbx-rounded-r-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer"},[o.createElementVNode("div",mde,[L[47]||(L[47]=o.createElementVNode("span",{class:"material-symbols-outlined"}," add ",-1)),o.createElementVNode("span",bde,o.toDisplayString(o.unref(u)("Add")),1)])],8,cde),T.value?(o.openBlock(),o.createElementBlock("div",{key:0,onClick:Lt=>Ii(Me+1),class:"pbx-select-none pbx-addsection-btn pbx-font-sans pbx-rounded-l-none pbx-bg-gray-100 pbx-text-gray-600 pbx-z-50 pbx-flex pbx-items-center pbx-justify-center hover:pbx-text-white hover:pbx-bg-gray-900 pbx-cursor-pointer pbx-border-l pbx-border-gray-200"},[o.createElementVNode("div",ude,[L[48]||(L[48]=o.createElementVNode("span",{class:"material-symbols-outlined"}," shopping_bag ",-1)),o.createCommentVNode("",!0)])],8,gde)):o.createCommentVNode("",!0)])])])):o.createCommentVNode("",!0)],64))),128))],38)],6),o.createVNode(o.Transition,{name:"slide-right",appear:"",mode:"out-in"},{default:o.withCtx(()=>[or.value?(o.openBlock(),o.createElementBlock("aside",{key:0,"aria-label":"menu",id:"pagebuilder-right-menu",class:o.normalizeClass(["pbx-z-20 pbx-flex-shrink-0 pbx-overflow-hidden pbx-border-0 pbx-border-solid pbx-border-l-0 pbx-border-l-gray-600 pbx-rounded-l-2xl pbx-h-[100vh]",[or.value?"pbx-w-96 pbx-bg-myPrimaryLightGrayColor pbx-items-stretch":"pbx-w-0 pbx-mr-0"]])},[o.createVNode(ese,{onCloseEditor:L[27]||(L[27]=U=>o.unref(y).setMenuRight(!1))})],2)):(o.openBlock(),o.createElementBlock("div",{key:1,onClick:L[30]||(L[30]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-w-18 pbx-bg-myPrimaryLightGrayColor pbx-pt-5 pbx-z-20 pbx-flex-shrink-0 pbx-overflow-hidden pbx-border-0 pbx-border-solid pbx-border-l-0 pbx-border-l-gray-600 pbx-rounded-l-2xl pbx-h-[100vh] pbx-pl-2 pbx-pr-2"},[o.createElementVNode("div",{onClick:L[29]||(L[29]=o.withModifiers(async()=>{await o.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-gap-2"},[or.value?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("button",{key:0,onClick:L[28]||(L[28]=U=>o.unref(y).setMenuRight(!0)),type:"button",class:"pbx-h-10 pbx-w-10 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-border-none pbx-justify-center pbx-bg-gray-50 pbx-aspect-square hover:pbx-bg-myPrimaryLinkColor focus-visible:pbx-ring-0 pbx-text-black hover:pbx-text-white"},[o.createElementVNode("span",null,[(o.openBlock(),o.createElementBlock("svg",xde,[...L[49]||(L[49]=[o.createElementVNode("g",{"clip-path":"url(#prefix__clip0_1645_485)"},[o.createElementVNode("path",{"clip-rule":"evenodd",d:"M19.871 1.81a2.768 2.768 0 00-3.914 0l-3.543 3.544-2.5-2.5L0 12.768l8.914 8.914 9.914-9.914-2.5-2.5 3.543-3.543a2.768 2.768 0 000-3.914zm-2.5 1.415a.768.768 0 011.086 1.086L13.5 9.268l2.5 2.5-1.086 1.086-6.086-6.086 1.086-1.086 2.5 2.5 4.957-4.957zM7.414 8.182l-4.586 4.586 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 3.293-3.293 1.414 1.414-3.293 3.293 1.086 1.086 4.586-4.586-6.086-6.086z","fill-rule":"evenodd"})],-1),o.createElementVNode("defs",null,[o.createElementVNode("clipPath",{id:"prefix__clip0_1645_485"},[o.createElementVNode("path",{d:"M0 0h22v22H0z",fill:"#fff"})])],-1)])]))])]))])]))]),_:1})])]),o.createVNode(Dz,{title:o.unref(u)("Image Settings"),showSidebarPanel:Jt.value,position:"left",onCloseSidebarPanel:oa},{default:o.withCtx(()=>[o.createVNode(Bse,{show:Jt.value},null,8,["show"])]),_:1},8,["title","showSidebarPanel"]),o.createVNode(spe,{show:o.unref(s),title:o.unref(p),html:o.unref(d),"is-loading":o.unref(c),error:o.unref(m),"onUpdate:html":L[31]||(L[31]=U=>d.value=U),onClose:o.unref(b),onSave:o.unref(g)},null,8,["show","title","html","is-loading","error","onClose","onSave"]),o.createVNode(Kse,{show:o.unref(i),title:o.unref(n),html:o.unref(a),onClose:o.unref(l)},null,8,["show","title","html","onClose"]),o.createVNode(mpe)],64)}}});class Li{static getHistory(e){const t=e+this.HISTORY_KEY_SUFFIX,i=localStorage.getItem(t);return i?JSON.parse(i):[]}static addToHistory(e,t){const i=e+this.HISTORY_KEY_SUFFIX;let n=this.getHistory(e);n.push(t),n.length>this.MAX_HISTORY_SIZE&&(n=n.slice(n.length-this.MAX_HISTORY_SIZE)),localStorage.setItem(i,JSON.stringify(n))}static clearHistory(e){const t=e+this.HISTORY_KEY_SUFFIX;localStorage.removeItem(t)}}de(Li,"HISTORY_KEY_SUFFIX","-history"),de(Li,"MAX_HISTORY_SIZE",10);const xc={objectFit:["none","pbx-object-cover","pbx-object-contain"],objectPosition:["none","pbx-object-top-left","pbx-object-top","pbx-object-top-right","pbx-object-left","pbx-object-center","pbx-object-right","pbx-object-bottom-left","pbx-object-bottom","pbx-object-bottom-right"],aspectRatio:["none","pbx-aspect-square","pbx-aspect-video","pbx-aspect-[9/16]"]},tt=[];for(let r=0;r<256;++r)tt.push((r+256).toString(16).slice(1));function fde(r,e=0){return(tt[r[e+0]]+tt[r[e+1]]+tt[r[e+2]]+tt[r[e+3]]+"-"+tt[r[e+4]]+tt[r[e+5]]+"-"+tt[r[e+6]]+tt[r[e+7]]+"-"+tt[r[e+8]]+tt[r[e+9]]+"-"+tt[r[e+10]]+tt[r[e+11]]+tt[r[e+12]]+tt[r[e+13]]+tt[r[e+14]]+tt[r[e+15]]).toLowerCase()}const yde=new Uint8Array(16);function wde(){return crypto.getRandomValues(yde)}function qz(r,e,t){return crypto.randomUUID?crypto.randomUUID():vde(r)}function vde(r,e,t){var n;r=r||{};const i=r.random??((n=r.rng)==null?void 0:n.call(r))??wde();if(i.length<16)throw new Error("Random bytes length must be >= 16");return i[6]=i[6]&15|64,i[8]=i[8]&63|128,fde(i)}const kde={jost:"Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500",raleway:"Raleway:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600",inter:"Inter:wght@100;200;300;400;500;600;700;800;900",roboto:"Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900","open-sans":"Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800",lato:"Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900",montserrat:"Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",poppins:"Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",nunito:"Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",merriweather:"Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900","playfair-display":"Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900","source-sans-3":"Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900","noto-sans":"Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900","work-sans":"Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",quicksand:"Quicksand:wght@300;400;500;600;700","pt-serif":"PT+Serif:ital,wght@0,400;0,700;1,400;1,700","crimson-text":"Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700"},vs=new Set,Kn=new Map,Sde={sans:"sans-serif",serif:"serif",mono:"monospace",cursive:"cursive",fantasy:"fantasy",system:"system-ui","ui-sans":"ui-sans-serif","ui-serif":"ui-serif","ui-mono":"ui-monospace","ui-rounded":"ui-rounded"};async function Cde(r){const e=r.toLowerCase().trim();if(vs.has(e))return Promise.resolve();if(Kn.has(e))return Kn.get(e);const t=kde[e];if(!t)return vs.add(e),Promise.resolve();const i=new Promise((n,a)=>{if(document.querySelector(`link[href*="${t.split(":")[0]}"]`)){vs.add(e),n();return}const s=document.createElement("link");s.rel="stylesheet",s.href=`https://fonts.googleapis.com/css2?family=${t}&display=swap`,s.onload=()=>{vs.add(e),Kn.delete(e),n()},s.onerror=()=>{console.error("Font load error:",e,s.href),Kn.delete(e),a(new Error(`Failed to load font: ${r}`))},document.head.appendChild(s)});return Kn.set(e,i),i}function Tde(r){return!r||typeof r!="string"?null:r.startsWith("pbx-font-")?r.replace("pbx-font-",""):null}function Ede(r){return r.startsWith("custom-")?r.slice(7):r}async function Pde(r){const e=Tde(r);if(!e)return;const t=Ede(e);t in Sde||await Cde(t)}function rt(r){return r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}const hc="hidden",Mde=new Set(["id","title","description","image","imageAlt","price","compareAtPrice","badge","url","buttonText","sku"]);function Bde(r){return r?' target="_blank" rel="noopener noreferrer"':""}function Lde(r,e={},t=!1){const i=e.cardStyle??"minimal",n=e.roundedImages??!1,a=e.openInNewTab??!1,l=e.buttonStyle??"text",s=e.roundedButtons??!1,p=e.hidePrice??!1,d=e.hideImage??!1,c=e.hideButton??!1,m=Bde(a),b=ms[i]??ms.minimal,g=[mz(n),d?hc:""].filter(Boolean).join(" "),x=r.id!=null?String(r.id):"",u=r.title?rt(r.title):"",h=r.description?rt(r.description):"",f=r.price!=null?rt(String(r.price)):"",w=r.compareAtPrice!=null?rt(String(r.compareAtPrice)):"",y=r.badge?rt(r.badge):"",T=r.image?rt(r.image):"",C=r.imageAlt?rt(r.imageAlt):u||"Product",E=r.url?rt(r.url):"",v=r.buttonText?rt(r.buttonText):"";let M="";if(T){const I=`<img class="object-cover w-full object-top aspect-square " src="${T}" alt="${C}">`;M=E?`<div class="${g}" data-pb-no-inline-text><a href="${E}"${m}>${I}</a></div>`:`<div class="${g}" data-pb-no-inline-text>${I}</div>`}const P=y?`<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2"><p>${y}</p></div>`:t?'<div class="product-card-badge text-xs font-medium uppercase tracking-wide text-gray-500 pt-2 min-h-6"></div>':"",k=u?`<div class="product-card-title text-lg font-semibold text-gray-900 pt-2 min-h-16">${E?`<p><a href="${E}"${m}>${u}</a></p>`:`<p>${u}</p>`}</div>`:"",S=h?`<div class="product-card-description text-sm text-gray-600 pt-1"><p>${h}</p></div>`:"",N=Object.entries(r).filter(([I,j])=>!Mde.has(I)&&j!=null&&String(j).trim()!==""),A=N.length?`<div class="product-card-custom-fields text-sm text-gray-600 pt-1">${N.map(([I,j])=>`<div class="product-card-custom-field product-card-custom-field-${I.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}"><p><strong>${rt(I)}</strong>: ${rt(String(j))}</p></div>`).join("")}</div>`:"";let _="";if(!!(f||w||E&&v)){let I="";if(f||w){const Q=[w?`<div class="product-card-compare text-sm line-through text-gray-400"><p>${w}</p></div>`:"",f?`<div class="product-card-price text-2xl font-semibold text-gray-900"><p>${f}</p></div>`:""].filter(Boolean);I=`<div class="${["product-card-price-row flex flex-wrap items-baseline gap-2 pt-2",p?hc:""].filter(Boolean).join(" ")}">${Q.join("")}</div>`}const j=bz(l,s),Y=E&&v?`<div class="product-card-cta text-sm font-semibold text-myPrimaryLinkColor pt-3${c?` ${hc}`:""}"><p><a class="${j}" href="${E}"${m}>${v}</a></p></div>`:"";_=`<div class="product-card-footer mt-auto flex flex-col">${I}${Y}</div>`}return[`<div class="${b}" data-pbx-product-id="${rt(x)}">`,M,'<div class="break-words py-2 product-card-body text-gray-900 flex flex-col flex-1">','<div class="product-card-meta flex flex-col flex-1">',P,k,S,A,"</div>",_,"</div></div>"].filter(Boolean).join(`
 `)}function Uz(r,e="grid-3",t="Products",i={}){if(!r.length)return"";const n=r.map(f=>f.id!=null?String(f.id):"").filter(Boolean).join(","),a=i.mobileColumns===2?2:1,l=i.cardStyle??"minimal",s=i.roundedImages??!1,p=i.openInNewTab??!1,d=i.buttonStyle??"text",c=i.roundedButtons??!1,m=i.hidePrice??!1,b=i.hideImage??!1,g=i.hideButton??!1,x=r.some(f=>!!f.badge),u=r.map(f=>Lde(f,i,x)).join(`
@@ -410,7 +410,7 @@ This will fail in production.`);s=In,s._s.has(i)||(a?Hd(i,e,n,s):bD(i,n,s),proce
 <div class="pbx-py-8 pbx-px-4"><div class="pbx-mx-auto pbx-max-w-7xl"><div class="${h}" data-pbx-product-grid="true">
 ${u}
 </div></div></div>
-</section>`}const fc="data-meta-title",yc="data-meta-description";function wc(r){return{title:r.getAttribute(fc)||"",description:r.getAttribute(yc)||""}}function vc(r,e){var n,a;const t=((n=e.title)==null?void 0:n.trim())||"",i=((a=e.description)==null?void 0:a.trim())||"";t?r.setAttribute(fc,t):r.removeAttribute(fc),i?r.setAttribute(yc,i):r.removeAttribute(yc)}function Jn(r){const e=r==null?void 0:r.meta;return!e||typeof e!="object"?{title:"",description:""}:{title:typeof e.title=="string"?e.title:"",description:typeof e.description=="string"?e.description:""}}function Nde(r,e){return{...r,meta:{...Jn(r),...e}}}function Ade(r,e,t=180){const i=e.getBoundingClientRect(),n=r.getBoundingClientRect(),l=i.top-n.top+r.scrollTop-r.clientHeight/2+e.clientHeight/2,s=r.scrollTop,p=l-s;if(Math.abs(p)<1){window.dispatchEvent(new CustomEvent("pagebuilder:layout-change"));return}const d=performance.now(),c=m=>{const b=Math.min(1,(m-d)/t),g=1-(1-b)**3;if(r.scrollTop=s+p*g,window.dispatchEvent(new CustomEvent("pagebuilder:layout-change")),b<1){requestAnimationFrame(c);return}window.dispatchEvent(new CustomEvent("pagebuilder:layout-change"))};requestAnimationFrame(c)}const _de=["en","zh-Hans","fr","ja","ru","es","pt","de","ar","hi","da","it"],ks="pbx-full-width-component";class Wz{constructor(e){de(this,"fontSizeRegex",/^(sm:|md:|lg:|xl:|2xl:)?pbx-text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/);de(this,"pageBuilderStateStore");de(this,"getLocalStorageItemName");de(this,"getApplyImageToSelection");de(this,"getHyberlinkEnable");de(this,"getComponents");de(this,"getComponent");de(this,"getElement");de(this,"getComponentArrayAddMethod");de(this,"NoneListernesTags");de(this,"hasStartedEditing",!1);de(this,"originalComponents");de(this,"originalPageSettings",null);de(this,"savedMountComponents",null);de(this,"pendingMountComponents",null);de(this,"globalStylesObserver",null);de(this,"_pendingPageSettings",null);de(this,"_lastKnownPageSettings",null);de(this,"isPageBuilderMissingOnStart",!1);de(this,"hasCompletedBuilderMount",!1);de(this,"builderWasMountedBeforeClose",!1);de(this,"builderMountPromise",null);de(this,"activeBuilderSessionToken",0);de(this,"canvasClickCaptureListener",null);de(this,"canvasDblClickCaptureListener",null);de(this,"elementsWithListeners",new WeakMap);de(this,"translate");de(this,"handleMouseOver",(e,t)=>{if(this.pageBuilderStateStore.getInlineTipTapEditor)return;e.preventDefault(),e.stopPropagation();const i=document.querySelector("#pagebuilder");if(!i)return;const n=i.querySelector("[hovered]");n&&n.removeAttribute("hovered"),t.hasAttribute("selected")||t.setAttribute("hovered","")});de(this,"handleMouseLeave",e=>{if(this.pageBuilderStateStore.getInlineTipTapEditor)return;e.preventDefault(),e.stopPropagation();const t=document.querySelector("#pagebuilder");if(!t)return;const i=t.querySelector("[hovered]");i&&i.removeAttribute("hovered")});de(this,"addListenersToEditableElements",async()=>{const e=document.querySelector("#pagebuilder");if(!e)return;await o.nextTick(),this.attachCanvasInlineEditListeners(e);let t=0,i=0;e.querySelectorAll("section *").forEach(n=>{if(this.isEditableElement(n)){t++;const a=n;if(this.elementsWithListeners.has(a)){const c=this.elementsWithListeners.get(a);c&&(a.removeEventListener("click",c.click),a.removeEventListener("dblclick",c.dblclick),a.removeEventListener("mouseover",c.mouseover),a.removeEventListener("mouseleave",c.mouseleave))}const l=c=>this.handleElementClick(c,a),s=c=>this.handleElementDoubleClick(c,a),p=c=>this.handleMouseOver(c,a),d=c=>this.handleMouseLeave(c);a.addEventListener("click",l),a.addEventListener("dblclick",s),a.addEventListener("mouseover",p),a.addEventListener("mouseleave",d),i++,this.elementsWithListeners.set(a,{click:l,dblclick:s,mouseover:p,mouseleave:d})}}),this.debugLog("log","addListenersToEditableElements(): attached listeners",{eligible:t,attached:i,hasSections:!!e.querySelector("section")})});de(this,"handleCanvasClickCapture",async e=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen&&this.pageBuilderStateStore.getInlineTipTapEditor)if(!this.hasInlineTipTapElement())this.pageBuilderStateStore.setInlineTipTapEditor(!1);else{const t=document.querySelector("#pagebuilder [data-pbx-inline-tiptap]");if(t&&e.target instanceof Node&&!t.contains(e.target)){const i=e.target instanceof Element&&!!e.target.closest("[data-pbx-insert-btn]");i||(e.preventDefault(),e.stopPropagation());const n=i?null:this.findEditableElementFromEventTarget(e.target);this.finishActiveInlineTipTapEditorFromDom(n)}}});de(this,"handleCanvasDoubleClickCapture",async e=>{await this.openInlineTipTapFromEvent(e)});de(this,"handleElementClick",async(e,t)=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen){if(this.pageBuilderStateStore.getInlineTipTapEditor){e.preventDefault(),e.stopPropagation();return}e.preventDefault(),e.stopPropagation(),await this.selectEditableElement(t)}});de(this,"handleElementDoubleClick",async(e,t)=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen&&!this.pageBuilderStateStore.getInlineTipTapEditor){if(!this.isValidTextElement(t)){e.stopPropagation();return}e.preventDefault(),e.stopPropagation(),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setInlineTipTapEditor(!0),await this.openInlineTipTapForElement(t),this.hasInlineTipTapElement()||this.pageBuilderStateStore.setInlineTipTapEditor(!1)}});de(this,"handleAutoSave",async()=>{if(this.startEditing(),this.pageBuilderStateStore.getInlineTipTapEditor)return;const e=this.pageBuilderStateStore.getPageBuilderConfig;if(e&&e.userSettings&&typeof e.userSettings.autoSave=="boolean"&&e.userSettings.autoSave!==!1){if(this.pageBuilderStateStore.getIsSaving)return;try{this.commitActiveInlineTipTapEditorSync(),this.pageBuilderStateStore.setIsSaving(!0),this.saveDomComponentsToLocalStorage(),await Re(400)}catch(t){console.error("Error trying auto save.",t),this.debugLog("error","handleAutoSave(): error",t);const{showToast:i}=Ye(),{translate:n}=ae();i(n("Auto-save failed — please save manually"),"error")}finally{this.pageBuilderStateStore.setIsSaving(!1)}}if(e&&!e.userSettings)try{this.commitActiveInlineTipTapEditorSync(),this.pageBuilderStateStore.setIsSaving(!0),this.saveDomComponentsToLocalStorage(),await Re(400)}catch(t){console.error("Error trying saving.",t),this.debugLog("error","handleAutoSave(): error (no userSettings)",t);const{showToast:i}=Ye(),{translate:n}=ae();i(n("Auto-save failed — please save manually"),"error")}finally{this.pageBuilderStateStore.setIsSaving(!1)}});de(this,"handleManualSave",async e=>{this.commitActiveInlineTipTapEditorSync(),await this.syncDomToStoreOnly(),this.pageBuilderStateStore.setIsSaving(!0),e||this.clearHtmlSelection(),this.startEditing(),this.saveDomComponentsToLocalStorage(),await this.refreshListeners(),await Re(300),this.pageBuilderStateStore.setIsSaving(!1)});de(this,"ensureTextAreaHasContent",()=>{if(!this.getElement.value||typeof this.getElement.value.innerHTML!="string")return;const e=this.getElement.value,t=e.tagName;["DIV"].includes(t)&&e.tagName.toLowerCase()!=="img"&&e.textContent&&Number(e.textContent.length)===0?(e.classList.add("h-6"),e.classList.add("bg-red-50")):(e.classList.remove("h-6"),e.classList.remove("bg-red-50"))});de(this,"handleTextInput",async e=>{var t;typeof((t=this.getElement.value)==null?void 0:t.innerHTML)=="string"&&(typeof this.getElement.value.innerHTML=="string"&&(await o.nextTick(),this.getElement.value.textContent=e,this.pageBuilderStateStore.setTextAreaVueModel(this.getElement.value.innerHTML),this.getElement.value.innerHTML=e),this.ensureTextAreaHasContent())});this.hasStartedEditing=!1,this.pageBuilderStateStore=e;const{translate:t}=ae();this.translate=t,this.getApplyImageToSelection=o.computed(()=>this.pageBuilderStateStore.getApplyImageToSelection),this.getLocalStorageItemName=o.computed(()=>this.pageBuilderStateStore.getLocalStorageItemName),this.getHyberlinkEnable=o.computed(()=>this.pageBuilderStateStore.getHyberlinkEnable),this.getComponents=o.computed(()=>this.pageBuilderStateStore.getComponents),this.getComponent=o.computed(()=>this.pageBuilderStateStore.getComponent),this.getElement=o.computed(()=>this.pageBuilderStateStore.getElement),this.getComponentArrayAddMethod=o.computed(()=>this.pageBuilderStateStore.getComponentArrayAddMethod),this.NoneListernesTags=["P","H1","H2","H3","H4","H5","H6","IFRAME","UL","OL","LI","EM","STRONG","B","A","SPAN","BLOCKQUOTE","BR","PRE","CODE","MARK","DEL","INS","U","FIGURE","FIGCAPTION"]}isDebugEnabled(){try{return typeof localStorage<"u"&&localStorage.getItem("pbx-debug")==="1"}catch{return!1}}debugLog(e,t,i){if(!this.isDebugEnabled())return;const n="[PBX]";if(i!==void 0){console[e](`${n} ${t}`,i);return}console[e](`${n} ${t}`)}availableLanguage(){return _de}changeLanguage(e){this.pageBuilderStateStore.setCurrentLanguage(e)}async clearHtmlSelection(){this.pageBuilderStateStore.getImageSettingsPanelOpen||(this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),await this.removeHoveredAndSelected())}ensureUpdateOrCreateConfig(e){if(!e.updateOrCreate||e.updateOrCreate&&lo(e.updateOrCreate)){const t={...e,updateOrCreate:{formType:"create",formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t);return}if(e.updateOrCreate&&typeof e.updateOrCreate.formType=="string"&&(e.updateOrCreate.formType==="create"||e.updateOrCreate.formType==="update")&&typeof e.updateOrCreate.formName!="string"||typeof e.updateOrCreate.formName=="string"&&e.updateOrCreate.formName.length===0){const t={...e,updateOrCreate:{formType:e.updateOrCreate.formType,formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t)}if(e.updateOrCreate&&typeof e.updateOrCreate.formType!="string"||typeof e.updateOrCreate.formType=="string"&&e.updateOrCreate.formType!=="create"&&e.updateOrCreate.formType!=="update"&&typeof e.updateOrCreate.formName=="string"&&e.updateOrCreate.formName.length!==0){const t={...e,updateOrCreate:{formType:"create",formName:e.updateOrCreate.formName}};this.pageBuilderStateStore.setPageBuilderConfig(t);return}if(e.updateOrCreate&&typeof e.updateOrCreate.formType=="string"&&e.updateOrCreate.formType!=="create"&&e.updateOrCreate.formType!=="update"&&typeof e.formName!="string"){const t={...e,updateOrCreate:{formType:"create",formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t)}}validateUserProvidedComponents(e){const t=this.pageBuilderStateStore.getPageBuilderConfig&&this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate&&this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate.formType;if(Array.isArray(e)&&e.length>=1&&t==="create"&&e)return{error:!0,warning:"You cannot set formType to create in your configuration while also passing a components data array to the Page Builder. Please set formType to update.",status:"validation_failed"};if(!Array.isArray(e))return{error:!0,reason:"Components data must be an array."};const i=e[0];if(i&&"html_code"in i&&typeof i.html_code!="string")return{error:!0,reason:"The 'html_code' property in the first object must be a string."};if(Array.isArray(e)&&e.length>=1&&(!i||!("html_code"in i)))return{error:!0,reason:"The first object in the array must include an 'html_code' key."}}ensureLanguage(e){const i=["en","zh-Hans","fr","ja","ru","es","pt","de","ar","hi","da"];let n=!1;const a=e.userSettings,l=a&&a.language;if((!a||lo(a)||!l||lo(l))&&(n=!0),n){const s=a?{...a}:{};s.language={default:"en",enable:i};const p={...e,userSettings:s};this.pageBuilderStateStore.setPageBuilderConfig(p);return}if(l&&Array.isArray(l.enable)&&l.default&&!l.enable.includes(l.default)){const s=[...l.enable,l.default],p={...e,userSettings:{...a,language:{...l,enable:s}}};this.pageBuilderStateStore.setPageBuilderConfig(p)}}validateConfig(e){var n;const t={updateOrCreate:{formType:"create",formName:"post"}};if(!e||e&&Object.keys(e).length===0&&e.constructor===Object){this.pageBuilderStateStore.setPageBuilderConfig(t);return}e&&Object.keys(e).length!==0&&e.constructor===Object&&(this.ensureUpdateOrCreateConfig(e),(!e.resourceData||typeof e.resourceData.title!="string"||!e.resourceData.title.trim())&&(!e.resourceData||typeof e.resourceData!="object"?e.resourceData={title:"Default Post"}:e.resourceData.title="Default Post"));let i=e;if(!i.userSettings||typeof i.userSettings!="object"||!("autoSave"in i.userSettings)){const a=i.userSettings?{...i.userSettings}:{};a.autoSave=((n=i.userSettings)==null?void 0:n.autoSave)!==!1;const l={...i,userSettings:a};this.pageBuilderStateStore.setPageBuilderConfig(l),i=l}this.ensureLanguage(i)}saveUserSettingsStorage(e){localStorage.setItem("userSettingsPageBuilder",JSON.stringify({userSettings:{lang:e}}))}async startBuilder(e,t){var d,c,m;const i=++this.activeBuilderSessionToken;this.debugLog("warn","startBuilder(): begin",{sessionToken:i,hasPassedComponentsArray:Array.isArray(t),passedComponentsLength:Array.isArray(t)?t.length:null});const n=document.querySelector("#pagebuilder"),a=!!(n!=null&&n.querySelector("section[data-componentid]"));this.debugLog("warn","startBuilder(): dom snapshot",{hasLiveMountedContent:a,hasPagebuilderEl:!!n,hasCompletedBuilderMount:this.hasCompletedBuilderMount}),a||(this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,this.pendingMountComponents=null,this.isPageBuilderMissingOnStart=!1),typeof this.pageBuilderStateStore.setInlineTipTapEditor=="function"&&this.pageBuilderStateStore.setInlineTipTapEditor(!1),typeof this.pageBuilderStateStore.setShowModalTipTap=="function"&&this.pageBuilderStateStore.setShowModalTipTap(!1),typeof this.pageBuilderStateStore.setImageSettingsPanelOpen=="function"&&this.pageBuilderStateStore.setImageSettingsPanelOpen(!1),typeof this.pageBuilderStateStore.setElement=="function"&&this.pageBuilderStateStore.setElement(null),typeof this.pageBuilderStateStore.setComponent=="function"&&this.pageBuilderStateStore.setComponent(null),typeof this.pageBuilderStateStore.setIsLoadingGlobal=="function"&&this.pageBuilderStateStore.setIsLoadingGlobal(!1),this.pageBuilderStateStore.setBuilderStarted(!0);const l=document.querySelector("#pagebuilder");this.debugLog("warn","startBuilder(): #pagebuilder present?",!!l);const s=this.readCurrentPageSettings();this.hasMeaningfulPageSettings(s)&&(this._lastKnownPageSettings=s);let p;try{this.originalComponents=t,this.originalPageSettings=e.pageSettings??null,this.pageBuilderStateStore.setPageBuilderConfig(e);const b=JSON.parse(localStorage.getItem("userSettingsPageBuilder")??"null");!(b!=null&&b.lang)&&((c=(d=e.userSettings)==null?void 0:d.language)!=null&&c.default)&&this.changeLanguage(e.userSettings.language.default),this.validateConfig(e),p=this.validateUserProvidedComponents(t);const g=Array.isArray(t)&&t.length>0?t:null,x=g!==null;if(this.updateLocalStorageItemName(),this.initializeHistory(),this.debugLog("warn","startBuilder(): storage key",{key:this.getLocalStorageItemName.value}),x&&(this.savedMountComponents=g),l||(this.isPageBuilderMissingOnStart=!0),x&&!l){const h=this.getSavedPageHtml();this.debugLog("warn","startBuilder(): deferred mount decision",{existingDraft:!!h,builderWasMountedBeforeClose:this.builderWasMountedBeforeClose,willQueuePendingMount:!0}),this.pendingMountComponents=g}if(l&&(!t||Array.isArray(t))&&(this.debugLog("warn","startBuilder(): calling completeBuilderInitialization",{hasUsablePassedComponents:x,isPageBuilderMissingOnStart:this.isPageBuilderMissingOnStart}),await this.completeBuilderInitializationWithSession(x?g:void 0,i)),l&&(await this.addListenersToEditableElements(),this.debugLog("warn","startBuilder(): listeners attached (safety net)")),a&&l){const h=((m=this.pageBuilderStateStore.getPageBuilderConfig)==null?void 0:m.pageSettings)??null;if(this.hasMeaningfulPageSettings(h)){const f=this.convertStyleObjectToString(h.style),w=l.getAttribute("style")||"";f.trim()&&!w.trim()&&(await o.nextTick(),this.applyPageSettingsToPage(h))}}const u={message:"Page builder started successfully."};return p&&(u.validation=p),Array.isArray(t)&&t.length>=0&&(u.passedComponentsArray=t),u}catch(b){return console.error("Not able to start the Page Builder",b),this.debugLog("error","startBuilder(): error",b),{error:!0,reason:"Failed to start the Page Builder due to an unexpected error."}}}shouldCompleteBuilderMountOnMount(e){if(this.hasCompletedBuilderMount){if(this.isPageBuilderMissingOnStart)return this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,!0;const t=e??document.querySelector("#pagebuilder"),i=!!(t!=null&&t.querySelector("section[data-componentid]"));return t&&!i?(this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,!0):!1}return this.isPageBuilderMissingOnStart||!!this.pendingMountComponents}markCanvasUnmountedForNextMount(){this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,this.isPageBuilderMissingOnStart=!0}async completeBuilderInitialization(e){return this.completeBuilderInitializationWithSession(e,this.activeBuilderSessionToken)}async completeBuilderInitializationWithSession(e,t=this.activeBuilderSessionToken){if(t===this.activeBuilderSessionToken){if(this.hasCompletedBuilderMount){this.pageBuilderStateStore.setIsLoadingGlobal(!1);return}this.builderMountPromise||(this.builderMountPromise=this.runCompleteBuilderInitialization(e,t));try{await this.builderMountPromise}finally{this.pageBuilderStateStore.setIsLoadingGlobal(!1)}}}async runCompleteBuilderInitialization(e,t=this.activeBuilderSessionToken){if(t!==this.activeBuilderSessionToken)return;let i=!1;try{if(this.pageBuilderStateStore.setIsLoadingGlobal(!0),i=!0,await Re(400),t!==this.activeBuilderSessionToken)return;this.debugLog("warn","completeBuilderInitialization(): loading ON",{sessionToken:t,key:this.getLocalStorageItemName.value}),this.deleteAllComponentsFromDOM();const n=this.pageBuilderStateStore.getPageBuilderConfig,a=n&&n.updateOrCreate&&n.updateOrCreate.formType,l=this.getSavedPageHtml();if(this.debugLog("warn","completeBuilderInitialization(): draft presence",{key:this.getLocalStorageItemName.value,hasLocalDraft:!!l,draftBytes:typeof l=="string"?l.length:0,isPageBuilderMissingOnStart:this.isPageBuilderMissingOnStart,hasPendingMountComponents:!!this.pendingMountComponents,hasPassedComponents:!!e}),await this.clearHtmlSelection(),t!==this.activeBuilderSessionToken)return;if(a==="update"||a==="create"){if(!this.pendingMountComponents){if(!e&&this.isPageBuilderMissingOnStart&&l){this.debugLog("warn","completeBuilderInitialization(): mounting from local draft (missing-on-start)"),await this.completeMountProcess(l,void 0,t,!0);return}if(e&&!l){this.debugLog("warn","completeBuilderInitialization(): mounting from passed components (no draft)");const s=this.renderComponentsToHtml(e);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}if(e&&l){this.debugLog("warn","completeBuilderInitialization(): both passed + draft exist → mounting passed content + showing resume modal",{key:this.getLocalStorageItemName.value});const s=this.renderComponentsToHtml(e);await this.completeMountProcess(s,!0,t),await Re(500),this.pageBuilderStateStore.setHasLocalDraftForUpdate(!0);return}if(!e&&l&&!this.pendingMountComponents){this.debugLog("warn","completeBuilderInitialization(): mounting from local draft (default path)"),await this.completeMountProcess(l,void 0,t,!0);return}if(!e&&!l&&this.isPageBuilderMissingOnStart){const s=this.renderComponentsToHtml([]);await this.completeMountProcess(s,void 0,t);return}if(!this.isPageBuilderMissingOnStart&&!l&&!e){const s=this.renderComponentsToHtml([]);await this.completeMountProcess(s,void 0,t);return}}if(this.pendingMountComponents){if(l&&this.isPageBuilderMissingOnStart){this.debugLog("warn","completeBuilderInitialization(): pending mount + draft → mounting passed content + showing resume modal");const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),await Re(500),this.pageBuilderStateStore.setHasLocalDraftForUpdate(!0),this.pendingMountComponents=null;return}if(!l&&e&&this.isPageBuilderMissingOnStart){this.debugLog("warn","completeBuilderInitialization(): pending mount (no draft) → mount and save");const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}if(!e&&!l&&this.isPageBuilderMissingOnStart){const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}}}}finally{i&&this.pageBuilderStateStore.setIsLoadingGlobal(!1)}}renderComponentsToHtml(e){return!e||Array.isArray(e)&&e.length===0?'<div id="pagebuilder" class="pbx-text-black pbx-font-sans"></div>':e.map(i=>i.html_code).join(`
+</section>`}const fc="data-meta-title",yc="data-meta-description";function wc(r){return{title:r.getAttribute(fc)||"",description:r.getAttribute(yc)||""}}function vc(r,e){var n,a;const t=((n=e.title)==null?void 0:n.trim())||"",i=((a=e.description)==null?void 0:a.trim())||"";t?r.setAttribute(fc,t):r.removeAttribute(fc),i?r.setAttribute(yc,i):r.removeAttribute(yc)}function Jn(r){const e=r==null?void 0:r.meta;return!e||typeof e!="object"?{title:"",description:""}:{title:typeof e.title=="string"?e.title:"",description:typeof e.description=="string"?e.description:""}}function Nde(r,e){return{...r,meta:{...Jn(r),...e}}}function Ade(r,e,t=180){const i=e.getBoundingClientRect(),n=r.getBoundingClientRect(),l=i.top-n.top+r.scrollTop-r.clientHeight/2+e.clientHeight/2,s=r.scrollTop,p=l-s;if(Math.abs(p)<1){window.dispatchEvent(new CustomEvent("pagebuilder:layout-change"));return}const d=performance.now(),c=m=>{const b=Math.min(1,(m-d)/t),g=1-(1-b)**3;if(r.scrollTop=s+p*g,window.dispatchEvent(new CustomEvent("pagebuilder:layout-change")),b<1){requestAnimationFrame(c);return}window.dispatchEvent(new CustomEvent("pagebuilder:layout-change"))};requestAnimationFrame(c)}const _de=["en","zh-Hans","fr","ja","ru","es","pt","de","ar","hi","da","it"],ks="pbx-full-width-component";class Wz{constructor(e){de(this,"fontSizeRegex",/^(sm:|md:|lg:|xl:|2xl:)?pbx-text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/);de(this,"pageBuilderStateStore");de(this,"getLocalStorageItemName");de(this,"getApplyImageToSelection");de(this,"getHyberlinkEnable");de(this,"getComponents");de(this,"getComponent");de(this,"getElement");de(this,"getComponentArrayAddMethod");de(this,"NoneListernesTags");de(this,"hasStartedEditing",!1);de(this,"originalComponents");de(this,"originalPageSettings",null);de(this,"savedMountComponents",null);de(this,"pendingMountComponents",null);de(this,"globalStylesObserver",null);de(this,"_pendingPageSettings",null);de(this,"_lastKnownPageSettings",null);de(this,"isPageBuilderMissingOnStart",!1);de(this,"hasCompletedBuilderMount",!1);de(this,"builderWasMountedBeforeClose",!1);de(this,"builderMountPromise",null);de(this,"activeBuilderSessionToken",0);de(this,"canvasClickCaptureListener",null);de(this,"canvasDblClickCaptureListener",null);de(this,"elementsWithListeners",new WeakMap);de(this,"translate");de(this,"handleMouseOver",(e,t)=>{if(this.pageBuilderStateStore.getInlineTipTapEditor)return;e.preventDefault(),e.stopPropagation();const i=document.querySelector("#pagebuilder");if(!i)return;const n=i.querySelector("[hovered]");n&&n.removeAttribute("hovered"),t.hasAttribute("selected")||t.setAttribute("hovered","")});de(this,"handleMouseLeave",e=>{if(this.pageBuilderStateStore.getInlineTipTapEditor)return;e.preventDefault(),e.stopPropagation();const t=document.querySelector("#pagebuilder");if(!t)return;const i=t.querySelector("[hovered]");i&&i.removeAttribute("hovered")});de(this,"addListenersToEditableElements",async()=>{const e=document.querySelector("#pagebuilder");if(!e)return;await o.nextTick(),this.attachCanvasInlineEditListeners(e);let t=0,i=0;e.querySelectorAll("section *").forEach(n=>{if(this.isEditableElement(n)){t++;const a=n;if(this.elementsWithListeners.has(a)){const c=this.elementsWithListeners.get(a);c&&(a.removeEventListener("click",c.click),a.removeEventListener("dblclick",c.dblclick),a.removeEventListener("mouseover",c.mouseover),a.removeEventListener("mouseleave",c.mouseleave))}const l=c=>this.handleElementClick(c,a),s=c=>this.handleElementDoubleClick(c,a),p=c=>this.handleMouseOver(c,a),d=c=>this.handleMouseLeave(c);a.addEventListener("click",l),a.addEventListener("dblclick",s),a.addEventListener("mouseover",p),a.addEventListener("mouseleave",d),i++,this.elementsWithListeners.set(a,{click:l,dblclick:s,mouseover:p,mouseleave:d})}}),this.debugLog("log","addListenersToEditableElements(): attached listeners",{eligible:t,attached:i,hasSections:!!e.querySelector("section")})});de(this,"handleCanvasClickCapture",async e=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen&&this.pageBuilderStateStore.getInlineTipTapEditor)if(!this.hasInlineTipTapElement())this.pageBuilderStateStore.setInlineTipTapEditor(!1);else{const t=document.querySelector("#pagebuilder [data-pbx-inline-tiptap]");if(t&&e.target instanceof Node&&!t.contains(e.target)){const i=e.target instanceof Element&&!!e.target.closest("[data-pbx-insert-btn]");i||(e.preventDefault(),e.stopPropagation());const n=i?null:this.findEditableElementFromEventTarget(e.target);this.finishActiveInlineTipTapEditorFromDom(n)}}});de(this,"handleCanvasDoubleClickCapture",async e=>{await this.openInlineTipTapFromEvent(e)});de(this,"handleElementClick",async(e,t)=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen){if(this.pageBuilderStateStore.getInlineTipTapEditor){e.preventDefault(),e.stopPropagation();return}e.preventDefault(),e.stopPropagation(),await this.selectEditableElement(t)}});de(this,"handleElementDoubleClick",async(e,t)=>{if(!this.pageBuilderStateStore.getImageSettingsPanelOpen&&!this.pageBuilderStateStore.getInlineTipTapEditor){if(!this.isValidTextElement(t)){e.stopPropagation();return}e.preventDefault(),e.stopPropagation(),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setInlineTipTapEditor(!0),await this.openInlineTipTapForElement(t),this.hasInlineTipTapElement()||this.pageBuilderStateStore.setInlineTipTapEditor(!1)}});de(this,"handleAutoSave",async()=>{if(this.startEditing(),this.pageBuilderStateStore.getInlineTipTapEditor)return;const e=this.pageBuilderStateStore.getPageBuilderConfig;if(e&&e.userSettings&&typeof e.userSettings.autoSave=="boolean"&&e.userSettings.autoSave!==!1){if(this.pageBuilderStateStore.getIsSaving)return;try{this.commitActiveInlineTipTapEditorSync(),this.pageBuilderStateStore.setIsSaving(!0),this.saveDomComponentsToLocalStorage(),await Re(400)}catch(t){console.error("Error trying auto save.",t),this.debugLog("error","handleAutoSave(): error",t);const{showToast:i}=Ye(),{translate:n}=ae();i(n("Auto-save failed — please save manually"),"error")}finally{this.pageBuilderStateStore.setIsSaving(!1)}}if(e&&!e.userSettings)try{this.commitActiveInlineTipTapEditorSync(),this.pageBuilderStateStore.setIsSaving(!0),this.saveDomComponentsToLocalStorage(),await Re(400)}catch(t){console.error("Error trying saving.",t),this.debugLog("error","handleAutoSave(): error (no userSettings)",t);const{showToast:i}=Ye(),{translate:n}=ae();i(n("Auto-save failed — please save manually"),"error")}finally{this.pageBuilderStateStore.setIsSaving(!1)}});de(this,"handleManualSave",async e=>{this.commitActiveInlineTipTapEditorSync(),await this.syncDomToStoreOnly(),this.pageBuilderStateStore.setIsSaving(!0),e||this.clearHtmlSelection(),this.startEditing(),this.saveDomComponentsToLocalStorage(),await this.refreshListeners(),await Re(300),this.pageBuilderStateStore.setIsSaving(!1)});de(this,"ensureTextAreaHasContent",()=>{if(!this.getElement.value||typeof this.getElement.value.innerHTML!="string")return;const e=this.getElement.value,t=e.tagName;["DIV"].includes(t)&&e.tagName.toLowerCase()!=="img"&&e.textContent&&Number(e.textContent.length)===0?(e.classList.add("h-6"),e.classList.add("bg-red-50")):(e.classList.remove("h-6"),e.classList.remove("bg-red-50"))});de(this,"handleTextInput",async e=>{var t;typeof((t=this.getElement.value)==null?void 0:t.innerHTML)=="string"&&(typeof this.getElement.value.innerHTML=="string"&&(await o.nextTick(),this.getElement.value.textContent=e,this.pageBuilderStateStore.setTextAreaVueModel(this.getElement.value.innerHTML),this.getElement.value.innerHTML=e),this.ensureTextAreaHasContent())});this.hasStartedEditing=!1,this.pageBuilderStateStore=e;const{translate:t}=ae();this.translate=t,this.getApplyImageToSelection=o.computed(()=>this.pageBuilderStateStore.getApplyImageToSelection),this.getLocalStorageItemName=o.computed(()=>this.pageBuilderStateStore.getLocalStorageItemName),this.getHyberlinkEnable=o.computed(()=>this.pageBuilderStateStore.getHyberlinkEnable),this.getComponents=o.computed(()=>this.pageBuilderStateStore.getComponents),this.getComponent=o.computed(()=>this.pageBuilderStateStore.getComponent),this.getElement=o.computed(()=>this.pageBuilderStateStore.getElement),this.getComponentArrayAddMethod=o.computed(()=>this.pageBuilderStateStore.getComponentArrayAddMethod),this.NoneListernesTags=["P","H1","H2","H3","H4","H5","H6","IFRAME","UL","OL","LI","EM","STRONG","B","A","SPAN","BLOCKQUOTE","BR","PRE","CODE","MARK","DEL","INS","U","FIGURE","FIGCAPTION"]}isDebugEnabled(){try{return typeof localStorage<"u"&&localStorage.getItem("pbx-debug")==="1"}catch{return!1}}debugLog(e,t,i){if(!this.isDebugEnabled())return;const n="[PBX]";if(i!==void 0){console[e](`${n} ${t}`,i);return}console[e](`${n} ${t}`)}availableLanguage(){return _de}changeLanguage(e){this.pageBuilderStateStore.setCurrentLanguage(e)}async clearHtmlSelection(){this.pageBuilderStateStore.getImageSettingsPanelOpen||(this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),await this.removeHoveredAndSelected())}ensureUpdateOrCreateConfig(e){if(!e.updateOrCreate||e.updateOrCreate&&lo(e.updateOrCreate)){const t={...e,updateOrCreate:{formType:"create",formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t);return}if(e.updateOrCreate&&typeof e.updateOrCreate.formType=="string"&&(e.updateOrCreate.formType==="create"||e.updateOrCreate.formType==="update")&&typeof e.updateOrCreate.formName!="string"||typeof e.updateOrCreate.formName=="string"&&e.updateOrCreate.formName.length===0){const t={...e,updateOrCreate:{formType:e.updateOrCreate.formType,formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t)}if(e.updateOrCreate&&typeof e.updateOrCreate.formType!="string"||typeof e.updateOrCreate.formType=="string"&&e.updateOrCreate.formType!=="create"&&e.updateOrCreate.formType!=="update"&&typeof e.updateOrCreate.formName=="string"&&e.updateOrCreate.formName.length!==0){const t={...e,updateOrCreate:{formType:"create",formName:e.updateOrCreate.formName}};this.pageBuilderStateStore.setPageBuilderConfig(t);return}if(e.updateOrCreate&&typeof e.updateOrCreate.formType=="string"&&e.updateOrCreate.formType!=="create"&&e.updateOrCreate.formType!=="update"&&typeof e.formName!="string"){const t={...e,updateOrCreate:{formType:"create",formName:"post"}};this.pageBuilderStateStore.setPageBuilderConfig(t)}}validateUserProvidedComponents(e){const t=this.pageBuilderStateStore.getPageBuilderConfig&&this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate&&this.pageBuilderStateStore.getPageBuilderConfig.updateOrCreate.formType;if(Array.isArray(e)&&e.length>=1&&t==="create"&&e)return{error:!0,warning:"You cannot set formType to create in your configuration while also passing a components data array to the Page Builder. Please set formType to update.",status:"validation_failed"};if(!Array.isArray(e))return{error:!0,reason:"Components data must be an array."};const i=e[0];if(i&&"html_code"in i&&typeof i.html_code!="string")return{error:!0,reason:"The 'html_code' property in the first object must be a string."};if(Array.isArray(e)&&e.length>=1&&(!i||!("html_code"in i)))return{error:!0,reason:"The first object in the array must include an 'html_code' key."}}ensureLanguage(e){const i=["en","zh-Hans","fr","ja","ru","es","pt","de","ar","hi","da"];let n=!1;const a=e.userSettings,l=a&&a.language;if((!a||lo(a)||!l||lo(l))&&(n=!0),n){const s=a?{...a}:{};s.language={default:"en",enable:i};const p={...e,userSettings:s};this.pageBuilderStateStore.setPageBuilderConfig(p);return}if(l&&Array.isArray(l.enable)&&l.default&&!l.enable.includes(l.default)){const s=[...l.enable,l.default],p={...e,userSettings:{...a,language:{...l,enable:s}}};this.pageBuilderStateStore.setPageBuilderConfig(p)}}validateConfig(e){var n;const t={updateOrCreate:{formType:"create",formName:"post"}};if(!e||e&&Object.keys(e).length===0&&e.constructor===Object){this.pageBuilderStateStore.setPageBuilderConfig(t);return}e&&Object.keys(e).length!==0&&e.constructor===Object&&(this.ensureUpdateOrCreateConfig(e),(!e.resourceData||typeof e.resourceData.title!="string"||!e.resourceData.title.trim())&&(!e.resourceData||typeof e.resourceData!="object"?e.resourceData={title:"Default Post"}:e.resourceData.title="Default Post"));let i=e;if(!i.userSettings||typeof i.userSettings!="object"||!("autoSave"in i.userSettings)){const a=i.userSettings?{...i.userSettings}:{};a.autoSave=((n=i.userSettings)==null?void 0:n.autoSave)!==!1;const l={...i,userSettings:a};this.pageBuilderStateStore.setPageBuilderConfig(l),i=l}this.ensureLanguage(i)}saveUserSettingsStorage(e){localStorage.setItem("userSettingsPageBuilder",JSON.stringify({userSettings:{lang:e}}))}async startBuilder(e,t){var d,c,m;const i=++this.activeBuilderSessionToken;this.debugLog("warn","startBuilder(): begin",{sessionToken:i,hasPassedComponentsArray:Array.isArray(t),passedComponentsLength:Array.isArray(t)?t.length:null});const n=document.querySelector("#pagebuilder"),a=!!(n!=null&&n.querySelector("section[data-componentid]"));this.debugLog("warn","startBuilder(): dom snapshot",{hasLiveMountedContent:a,hasPagebuilderEl:!!n,hasCompletedBuilderMount:this.hasCompletedBuilderMount}),a||(this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,this.pendingMountComponents=null,this.isPageBuilderMissingOnStart=!1),typeof this.pageBuilderStateStore.setInlineTipTapEditor=="function"&&this.pageBuilderStateStore.setInlineTipTapEditor(!1),typeof this.pageBuilderStateStore.setShowModalTipTap=="function"&&this.pageBuilderStateStore.setShowModalTipTap(!1),typeof this.pageBuilderStateStore.setImageSettingsPanelOpen=="function"&&this.pageBuilderStateStore.setImageSettingsPanelOpen(!1),typeof this.pageBuilderStateStore.setElement=="function"&&this.pageBuilderStateStore.setElement(null),typeof this.pageBuilderStateStore.setComponent=="function"&&this.pageBuilderStateStore.setComponent(null),typeof this.pageBuilderStateStore.setIsLoadingGlobal=="function"&&this.pageBuilderStateStore.setIsLoadingGlobal(!1),this.pageBuilderStateStore.setBuilderStarted(!0);const l=document.querySelector("#pagebuilder");this.debugLog("warn","startBuilder(): #pagebuilder present?",!!l);const s=this.readCurrentPageSettings();this.hasMeaningfulPageSettings(s)&&(this._lastKnownPageSettings=s);let p;try{this.originalComponents=t,this.originalPageSettings=e.pageSettings??null;let b=e;this.hasMeaningfulPageSettings(s)&&!this.hasMeaningfulPageSettings(e.pageSettings)&&(b={...e,pageSettings:s}),this.pageBuilderStateStore.setPageBuilderConfig(b);const g=JSON.parse(localStorage.getItem("userSettingsPageBuilder")??"null");!(g!=null&&g.lang)&&((c=(d=e.userSettings)==null?void 0:d.language)!=null&&c.default)&&this.changeLanguage(e.userSettings.language.default),this.validateConfig(e),p=this.validateUserProvidedComponents(t);const x=Array.isArray(t)&&t.length>0?t:null,u=x!==null;if(this.updateLocalStorageItemName(),this.initializeHistory(),this.debugLog("warn","startBuilder(): storage key",{key:this.getLocalStorageItemName.value}),u&&(this.savedMountComponents=x),l||(this.isPageBuilderMissingOnStart=!0),u&&!l){const f=this.getSavedPageHtml();this.debugLog("warn","startBuilder(): deferred mount decision",{existingDraft:!!f,builderWasMountedBeforeClose:this.builderWasMountedBeforeClose,willQueuePendingMount:!0}),this.pendingMountComponents=x}if(l&&(!t||Array.isArray(t))&&(this.debugLog("warn","startBuilder(): calling completeBuilderInitialization",{hasUsablePassedComponents:u,isPageBuilderMissingOnStart:this.isPageBuilderMissingOnStart}),await this.completeBuilderInitializationWithSession(u?x:void 0,i)),l&&(await this.addListenersToEditableElements(),this.debugLog("warn","startBuilder(): listeners attached (safety net)")),a&&l){const f=((m=this.pageBuilderStateStore.getPageBuilderConfig)==null?void 0:m.pageSettings)??null;if(this.hasMeaningfulPageSettings(f)){const w=this.convertStyleObjectToString(f.style),y=l.getAttribute("style")||"";w.trim()&&!y.trim()&&(await o.nextTick(),this.applyPageSettingsToPage(f))}}const h={message:"Page builder started successfully."};return p&&(h.validation=p),Array.isArray(t)&&t.length>=0&&(h.passedComponentsArray=t),h}catch(b){return console.error("Not able to start the Page Builder",b),this.debugLog("error","startBuilder(): error",b),{error:!0,reason:"Failed to start the Page Builder due to an unexpected error."}}}shouldCompleteBuilderMountOnMount(e){if(this.hasCompletedBuilderMount){if(this.isPageBuilderMissingOnStart)return this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,!0;const t=e??document.querySelector("#pagebuilder"),i=!!(t!=null&&t.querySelector("section[data-componentid]"));return t&&!i?(this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,!0):!1}return this.isPageBuilderMissingOnStart||!!this.pendingMountComponents}markCanvasUnmountedForNextMount(){this.hasCompletedBuilderMount=!1,this.builderMountPromise=null,this.isPageBuilderMissingOnStart=!0}async completeBuilderInitialization(e){return this.completeBuilderInitializationWithSession(e,this.activeBuilderSessionToken)}async completeBuilderInitializationWithSession(e,t=this.activeBuilderSessionToken){if(t===this.activeBuilderSessionToken){if(this.hasCompletedBuilderMount){this.pageBuilderStateStore.setIsLoadingGlobal(!1);return}this.builderMountPromise||(this.builderMountPromise=this.runCompleteBuilderInitialization(e,t));try{await this.builderMountPromise}finally{this.pageBuilderStateStore.setIsLoadingGlobal(!1)}}}async runCompleteBuilderInitialization(e,t=this.activeBuilderSessionToken){if(t!==this.activeBuilderSessionToken)return;let i=!1;try{if(this.pageBuilderStateStore.setIsLoadingGlobal(!0),i=!0,await Re(400),t!==this.activeBuilderSessionToken)return;this.debugLog("warn","completeBuilderInitialization(): loading ON",{sessionToken:t,key:this.getLocalStorageItemName.value}),this.deleteAllComponentsFromDOM();const n=this.pageBuilderStateStore.getPageBuilderConfig,a=n&&n.updateOrCreate&&n.updateOrCreate.formType,l=this.getSavedPageHtml();if(this.debugLog("warn","completeBuilderInitialization(): draft presence",{key:this.getLocalStorageItemName.value,hasLocalDraft:!!l,draftBytes:typeof l=="string"?l.length:0,isPageBuilderMissingOnStart:this.isPageBuilderMissingOnStart,hasPendingMountComponents:!!this.pendingMountComponents,hasPassedComponents:!!e}),await this.clearHtmlSelection(),t!==this.activeBuilderSessionToken)return;if(a==="update"||a==="create"){if(!this.pendingMountComponents){if(!e&&this.isPageBuilderMissingOnStart&&l){this.debugLog("warn","completeBuilderInitialization(): mounting from local draft (missing-on-start)"),await this.completeMountProcess(l,void 0,t,!0);return}if(e&&!l){this.debugLog("warn","completeBuilderInitialization(): mounting from passed components (no draft)");const s=this.renderComponentsToHtml(e);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}if(e&&l){this.debugLog("warn","completeBuilderInitialization(): both passed + draft exist → mounting passed content + showing resume modal",{key:this.getLocalStorageItemName.value});const s=this.renderComponentsToHtml(e);await this.completeMountProcess(s,!0,t),await Re(500),this.pageBuilderStateStore.setHasLocalDraftForUpdate(!0);return}if(!e&&l&&!this.pendingMountComponents){this.debugLog("warn","completeBuilderInitialization(): mounting from local draft (default path)"),await this.completeMountProcess(l,void 0,t,!0);return}if(!e&&!l&&this.isPageBuilderMissingOnStart){const s=this.renderComponentsToHtml([]);await this.completeMountProcess(s,void 0,t);return}if(!this.isPageBuilderMissingOnStart&&!l&&!e){const s=this.renderComponentsToHtml([]);await this.completeMountProcess(s,void 0,t);return}}if(this.pendingMountComponents){if(l&&this.isPageBuilderMissingOnStart){this.debugLog("warn","completeBuilderInitialization(): pending mount + draft → mounting passed content + showing resume modal");const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),await Re(500),this.pageBuilderStateStore.setHasLocalDraftForUpdate(!0),this.pendingMountComponents=null;return}if(!l&&e&&this.isPageBuilderMissingOnStart){this.debugLog("warn","completeBuilderInitialization(): pending mount (no draft) → mount and save");const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}if(!e&&!l&&this.isPageBuilderMissingOnStart){const s=this.renderComponentsToHtml(this.pendingMountComponents);await this.completeMountProcess(s,!0,t),this.saveDomComponentsToLocalStorage();return}}}}finally{i&&this.pageBuilderStateStore.setIsLoadingGlobal(!1)}}renderComponentsToHtml(e){return!e||Array.isArray(e)&&e.length===0?'<div id="pagebuilder" class="pbx-text-black pbx-font-sans"></div>':e.map(i=>i.html_code).join(`
 `)}async completeMountProcess(e,t,i=this.activeBuilderSessionToken,n=!1){if(i!==this.activeBuilderSessionToken){this.pageBuilderStateStore.setIsLoadingGlobal(!1);return}if(await this.mountComponentsToDOM(e,t,void 0,n),i!==this.activeBuilderSessionToken){this.pageBuilderStateStore.setIsLoadingGlobal(!1);return}this.deleteOldPageBuilderLocalStorage(),this.pageBuilderStateStore.setIsRestoring(!1),this.hasCompletedBuilderMount=!0,this.builderWasMountedBeforeClose=!0,this.pendingMountComponents=null,this.isPageBuilderMissingOnStart=!1,this.pageBuilderStateStore.setIsLoadingGlobal(!1),this.debugLog("warn","completeMountProcess(): loading OFF + mount complete",{sessionToken:i,hasCompletedBuilderMount:this.hasCompletedBuilderMount})}applyElementClassChanges(e,t,i){const n=this.getActiveStyleTarget();if(!n)return;const a=t===yt.roundedGlobal||t===yt.roundedTopLeft||t===yt.roundedTopRight||t===yt.roundedBottomLeft||t===yt.roundedBottomRight,l=(()=>{if(!a||n.tagName==="A")return null;const m=Array.from(n.querySelectorAll("a")).filter(g=>g instanceof HTMLAnchorElement),b=m.find(g=>t.some(x=>x!=="none"&&g.classList.contains(x)));return b||(n.id==="linktree"||n.classList.contains("pbx-product-card-cta")?m[0]??null:null)})(),s=a&&n.tagName==="IMG"?n.closest(".pbx-product-card-image"):null,p=l instanceof HTMLElement?l:s instanceof HTMLElement?s:n,d=t.find(m=>p.classList.contains(m))||(l instanceof HTMLElement?t.find(m=>n.classList.contains(m)):void 0);let c=d||"none";if(e===void 0){if(typeof i=="string"&&i.length>2&&i in this.pageBuilderStateStore&&typeof this.pageBuilderStateStore[i]=="function"){const m=this.pageBuilderStateStore[i];m(c)}return d}if(typeof e=="string"&&e!=="none"?(c&&(p.classList.contains(c)&&p.classList.remove(c),l instanceof HTMLElement&&n.classList.contains(c)&&n.classList.remove(c)),t.forEach(m=>{m!=="none"&&["lg","md","sm","xl","2xl"].forEach(b=>{const g=`${b}:${m}`;p.classList.contains(g)&&p.classList.remove(g),l instanceof HTMLElement&&n.classList.contains(g)&&n.classList.remove(g)})}),p.classList.add(e),c=e):typeof e=="string"&&e==="none"&&c&&(p.classList.remove(c),l instanceof HTMLElement&&n.classList.remove(c),t.forEach(m=>{m!=="none"&&["lg","md","sm","xl","2xl"].forEach(b=>{const g=`${b}:${m}`;p.classList.contains(g)&&p.classList.remove(g),l instanceof HTMLElement&&n.classList.contains(g)&&n.classList.remove(g)})}),c=e),typeof i=="string"&&i.length>2&&i in this.pageBuilderStateStore&&typeof this.pageBuilderStateStore[i]=="function"){const m=this.pageBuilderStateStore[i];m(c),this.pageBuilderStateStore.getInlineTipTapEditor||this.pageBuilderStateStore.setElement(n)}if(e!==void 0){this.pageBuilderStateStore.setCurrentClasses(Array.from(n.classList));const m=n.getAttribute("style");m?this.pageBuilderStateStore.setCurrentStyles(this.parseStyleString(m)):this.pageBuilderStateStore.setCurrentStyles({})}return d}removeElementClassesFromArray(e,t){t.forEach(i=>{i!=="none"&&e.classList.contains(i)&&e.classList.remove(i)})}async clearClassesFromPage(){const e=document.querySelector("#pagebuilder");e==null||e.removeAttribute("class"),this.initializeElementStyles(),await o.nextTick()}async clearInlineStylesFromPage(){const e=document.querySelector("#pagebuilder");e==null||e.removeAttribute("style"),this.initializeElementStyles(),await o.nextTick()}async globalPageStyles(){const e=document.querySelector("#pagebuilder");e&&(await this.clearHtmlSelection(),this.pageBuilderStateStore.setElement(e),e.setAttribute("data-global-selected","true"),this.globalStylesObserver&&this.globalStylesObserver.disconnect(),this.globalStylesObserver=new MutationObserver(()=>{const t=this.readCurrentPageSettings();t&&(this._lastKnownPageSettings=t)}),this.globalStylesObserver.observe(e,{attributes:!0,attributeFilter:["class","style","data-meta-title","data-meta-description"]}),await o.nextTick())}stopGlobalStylesSync(){this.globalStylesObserver&&(this.globalStylesObserver.disconnect(),this.globalStylesObserver=null)}handleFontWeight(e){this.applyElementClassChanges(e,Ut.fontWeight,"setFontWeight")}handleFontSizeBase(e){this.applyElementClassChanges(e,Fo.fontBase,"setFontBase")}handleFontSizeDesktop(e){const t=this.getElement.value;if(!t)return;const i={"pbx-text-9xl":"pbx-text-6xl","pbx-text-8xl":"pbx-text-5xl","pbx-text-7xl":"pbx-text-4xl","pbx-text-6xl":"pbx-text-3xl","pbx-text-5xl":"pbx-text-3xl","pbx-text-4xl":"pbx-text-2xl","pbx-text-3xl":"pbx-text-xl","pbx-text-2xl":"pbx-text-lg","pbx-text-xl":"pbx-text-base","pbx-text-lg":"pbx-text-sm","pbx-text-base":"pbx-text-xs","pbx-text-sm":"pbx-text-xs","pbx-text-xs":"pbx-text-xs"};if(e){Array.from(t.classList).forEach(p=>{this.fontSizeRegex.test(p)&&t.classList.remove(p)});const a=e.replace(/^lg:/,""),l=i[a]||a,s=`lg:${a}`;l!==a?t.classList.add(l,s):t.classList.add(l)}const n=Fo.fontDesktop.find(a=>t.classList.contains(a));e||this.pageBuilderStateStore.setFontDesktop("none"),n&&!e&&this.pageBuilderStateStore.setFontDesktop(n)}ensureImagesHaveAltText(e){e.tagName==="IMG"&&!e.hasAttribute("alt")&&e.setAttribute("alt","image"),e.querySelectorAll("img:not([alt])").forEach(t=>{t.setAttribute("alt","image")})}applyHelperCSSToElements(e){if(this.wrapElementInDivIfExcluded(e),this.ensureImagesHaveAltText(e),e.tagName==="DIV"&&e.children.length===1&&["H1","H2","H3","H4","H5","H6"].includes(e.children[0].tagName)){const t=e.children[0];Array.from(e.classList).some(n=>this.fontSizeRegex.test(n))||(t.tagName==="H2"&&e.classList.add("pbx-text-3xl","lg:pbx-text-4xl","pbx-font-medium"),t.tagName==="H3"&&e.classList.add("pbx-text-2xl","lg:pbx-text-3xl","pbx-font-medium"),t.tagName==="H4"&&e.classList.add("pbx-text-xl","lg:pbx-text-2xl","pbx-font-medium"),t.tagName==="H5"&&e.classList.add("pbx-text-lg","lg:pbx-text-xl","pbx-font-medium"),t.tagName==="H6"&&e.classList.add("pbx-text-base","lg:pbx-text-base","pbx-font-medium"))}}async toggleTipTapModal(e){this.pageBuilderStateStore.setShowModalTipTap(e),await o.nextTick(),await this.addListenersToEditableElements(),e||await this.handleAutoSave()}async toggleInlineTipTapEditor(e){e&&!this.isValidTextElement(this.getElement.value)||(this.pageBuilderStateStore.setInlineTipTapEditor(e),await o.nextTick(),await this.addListenersToEditableElements(),e||(this.commitActiveInlineTipTapEditorSync(),this.saveDomComponentsToLocalStorage()))}async finishInlineTipTapEditor(e,t=!0){if(this.pageBuilderStateStore.setInlineTipTapEditor(!1),await o.nextTick(),e){const i=document.querySelector("#pagebuilder");i==null||i.querySelectorAll("[hovered]").forEach(n=>n.removeAttribute("hovered")),i==null||i.querySelectorAll("[selected]").forEach(n=>{n!==e&&n.removeAttribute("selected")}),e.removeAttribute("data-pbx-inline-tiptap"),e.setAttribute("selected",""),this.pageBuilderStateStore.setElement(e)}await o.nextTick(),await this.addListenersToEditableElements(),await this.initializeElementStyles(),await this.addListenersToEditableElements(),t&&(this.commitActiveInlineTipTapEditorSync(),this.saveDomComponentsToLocalStorage())}wrapElementInDivIfExcluded(e){var t;if(e&&this.NoneListernesTags.includes(e.tagName)&&(e.previousElementSibling&&e.previousElementSibling.tagName==="IMG"||e.nextElementSibling&&e.nextElementSibling.tagName==="IMG")){const i=document.createElement("div");(t=e.parentNode)==null||t.insertBefore(i,e),i.appendChild(e)}}isEditableElement(e){return!e||e.tagName!=="IMG"&&e.closest("[data-pb-no-select]")?!1:!this.NoneListernesTags.includes(e.tagName)}getSelectedComponentSection(){const e=this.getElement.value;return!e||!(e instanceof HTMLElement)?null:e.closest("section")}isSelectedComponentTopElement(){const e=this.getElement.value,t=this.getSelectedComponentSection();return!e||!t?!1:e.parentElement===t}selectedComponentIsFullWidth(){var e;return((e=this.getSelectedComponentSection())==null?void 0:e.classList.contains(ks))??!1}async setSelectedComponentFullWidth(e){const t=this.getSelectedComponentSection();t&&(t.classList.toggle(ks,e),await this.handleAutoSave())}isSelectedProductSection(){const e=this.getSelectedComponentSection();return(e==null?void 0:e.getAttribute("data-pbx-product-section"))==="true"}getSelectedProductSectionOptions(){const e=this.getSelectedComponentSection();return!e||!this.isSelectedProductSection()?{...tr}:zJ(e)}getSelectedProductSectionContentAvailability(){const e=this.getSelectedComponentSection();return!e||!this.isSelectedProductSection()?{hasPrices:!1,hasImages:!1,hasButtons:!1,hasLinks:!1}:{hasPrices:LJ(e),hasImages:BJ(e),hasButtons:NJ(e),hasLinks:AJ(e)}}async updateSelectedProductSection(e){const t=this.getSelectedComponentSection();!t||!this.isSelectedProductSection()||(HJ(t,e),await this.handleAutoSave())}isGlobalFullWidth(){const e=document.querySelector("#pagebuilder");return(e==null?void 0:e.classList.contains(ks))??!1}async setGlobalFullWidth(e){const t=document.querySelector("#pagebuilder");t==null||t.classList.toggle(ks,e),this.saveDomComponentsToLocalStorage(),await this.handleAutoSave()}isSelectedElementImage(){var e;return((e=this.getElement.value)==null?void 0:e.tagName)==="IMG"}setImageSettingsModalOpen(e){this.pageBuilderStateStore.setImageSettingsPanelOpen(e)}isImageSettingsModalOpen(){return this.pageBuilderStateStore.getImageSettingsPanelOpen}findImageAspectClass(e){const t=xc.aspectRatio.find(n=>n!=="none"&&e.classList.contains(n));return t||(Array.from(e.classList).find(n=>n.startsWith("pbx-aspect-"))??null)}removeImageAspectClasses(e){Array.from(e.classList).forEach(t=>{t.startsWith("pbx-aspect-")&&e.classList.remove(t)})}handleImageObjectFit(e){this.applyElementClassChanges(e,xc.objectFit,"setImageObjectFit")}handleImageObjectPosition(e){this.applyElementClassChanges(e,xc.objectPosition,"setImageObjectPosition")}handleImageAspectRatio(e){const t=this.getElement.value;if(!(!t||t.tagName!=="IMG")){if(e===void 0){const i=this.findImageAspectClass(t);this.pageBuilderStateStore.setImageAspectRatio(i||"none");return}this.removeImageAspectClasses(t),e!=="none"&&t.classList.add(e),this.pageBuilderStateStore.setImageAspectRatio(e),this.pageBuilderStateStore.setElement(t)}}async handleImageAltText(e){const t=this.getElement.value;if(!t||t.tagName!=="IMG"||e===void 0)return;const i=e.trim();i?t.setAttribute("alt",i):t.removeAttribute("alt"),this.pageBuilderStateStore.setElement(t),await this.handleAutoSave()}getSelectedImageAltText(){const e=this.getElement.value;return!e||e.tagName!=="IMG"?"":e.getAttribute("alt")||""}attachCanvasInlineEditListeners(e){this.canvasClickCaptureListener&&e.removeEventListener("click",this.canvasClickCaptureListener,!0),this.canvasDblClickCaptureListener&&e.removeEventListener("dblclick",this.canvasDblClickCaptureListener,!0),this.canvasClickCaptureListener=t=>{this.handleCanvasClickCapture(t)},this.canvasDblClickCaptureListener=t=>{this.handleCanvasDoubleClickCapture(t)},e.addEventListener("click",this.canvasClickCaptureListener,!0),e.addEventListener("dblclick",this.canvasDblClickCaptureListener,!0)}findEditableElementFromEventTarget(e){if(!(e instanceof Element))return null;const t=document.querySelector("#pagebuilder");let i=e;for(;i&&i!==t;){if(i instanceof HTMLElement&&this.isEditableElement(i))return i;i=i.parentElement}return null}async openInlineTipTapFromEvent(e){if(this.pageBuilderStateStore.getImageSettingsPanelOpen||(this.pageBuilderStateStore.getInlineTipTapEditor&&!this.hasInlineTipTapElement()&&this.pageBuilderStateStore.setInlineTipTapEditor(!1),this.pageBuilderStateStore.getInlineTipTapEditor))return;const t=this.findEditableElementFromEventTarget(e.target);if(!t||!this.isValidTextElement(t)){e.target instanceof Element&&(e.target.tagName==="IMG"||e.target.closest("img"))&&e.stopPropagation();return}e.preventDefault(),e.stopPropagation(),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setInlineTipTapEditor(!0),await this.openInlineTipTapForElement(t)}hasInlineTipTapElement(){return!!document.querySelector("#pagebuilder [data-pbx-inline-tiptap]")}commitActiveInlineTipTapEditorSync(){const e=document.querySelector("#pagebuilder [data-pbx-inline-tiptap]");if(!e)return null;const t=e.querySelector(".ProseMirror"),i=e.getAttribute("data-pbx-inline-original-html")??"",n=this.pageBuilderStateStore.getTextAreaVueModel,a=typeof n=="string"&&n.trim().length>0?n:(t==null?void 0:t.innerHTML)??e.innerHTML,l=Yd(a,i);return e.innerHTML=l,e.removeAttribute("data-pbx-inline-tiptap"),e.removeAttribute("data-pbx-inline-original-html"),this.pageBuilderStateStore.setTextAreaVueModel(l),this.pageBuilderStateStore.setInlineTipTapEditor(!1),e}flushPendingEditsToLocalStorage(){this.commitActiveInlineTipTapEditorSync(),this.saveDomComponentsToLocalStorage()}async finishActiveInlineTipTapEditorFromDom(e=null){const t=this.commitActiveInlineTipTapEditorSync();if(!t){await this.toggleInlineTipTapEditor(!1);return}this.pageBuilderStateStore.setElement(t),await this.finishInlineTipTapEditor(t,!1),e&&e!==t&&await this.selectEditableElement(e,!1),this.saveDomComponentsToLocalStorage(),this.handleAutoSave()}async openInlineTipTapForElement(e){this.isValidTextElement(e)&&(await this.selectEditableElement(e,!1),await o.nextTick(),await this.addListenersToEditableElements())}async selectEditableElement(e,t=!0){const i=document.querySelector("#pagebuilder");if(!i){this.debugLog("warn","selectEditableElement(): #pagebuilder missing; cannot select/save",{elementTag:e==null?void 0:e.tagName,elementId:(e==null?void 0:e.id)??null,key:this.getLocalStorageItemName.value});return}this.pageBuilderStateStore.setMenuRight(!0);const n=i.querySelector("[selected]");if(n&&n.removeAttribute("selected"),e.removeAttribute("hovered"),e.setAttribute("selected",""),this.pageBuilderStateStore.setElement(e),await o.nextTick(),await this.initializeElementStyles(),t){const a=this.pageBuilderStateStore.getPageBuilderConfig,l=a&&a.userSettings?a.userSettings.autoSave:void 0;this.saveDomComponentsToLocalStorage(),l!==!1&&this.handleAutoSave()}}getHistoryBaseKey(){return this.getLocalStorageItemName.value}initializeHistory(){const e=this.getHistoryBaseKey();if(e){const t=Li.getHistory(e);this.pageBuilderStateStore.setHistoryIndex(t.length-1),this.pageBuilderStateStore.setHistoryLength(t.length)}}cloneCompObjForDOMInsertion(e){const t={...e},i=document.querySelector("#page-builder-wrapper");i&&this.getComponentArrayAddMethod.value==="unshift"&&i.scrollTo({top:0,behavior:"smooth"});const a=new DOMParser().parseFromString(t.html_code||"","text/html");a.querySelectorAll("*").forEach(p=>{this.applyHelperCSSToElements(p)});const s=a.querySelector("section");return s&&(s.querySelectorAll("[class]").forEach(p=>{p.setAttribute("class",this.addTailwindPrefixToClasses(p.getAttribute("class")||"","pbx-"))}),s.dataset.componentid=qz(),t.title&&s.setAttribute("data-component-title",t.title),t.id=s.dataset.componentid,t.html_code=s.outerHTML),t}async removeHoveredAndSelected(){const e=document.querySelector("#pagebuilder");if(!e)return;const t=e.querySelector("[hovered]");t&&t.removeAttribute("hovered");const i=e.querySelector("[selected]");i&&i.removeAttribute("selected")}async syncCurrentClasses(){const e=this.getActiveStyleTarget();this.pageBuilderStateStore.setCurrentClasses(Array.from((e==null?void 0:e.classList)??[]))}async syncCurrentStyles(){const e=this.getActiveStyleTarget(),t=e==null?void 0:e.getAttribute("style");if(t){const i=this.parseStyleString(t);this.pageBuilderStateStore.setCurrentStyles(i)}else this.pageBuilderStateStore.setCurrentStyles({})}getActiveStyleTarget(){if(this.pageBuilderStateStore.getToggleGlobalHtmlMode){const e=document.querySelector("#pagebuilder");if(e)return this.getElement.value!==e&&this.pageBuilderStateStore.setElement(e),e}return this.getElement.value}handleAddClasses(e){const t=this.getActiveStyleTarget();if(t&&typeof e=="string"&&e.trim()!==""&&!e.includes(" ")&&!t.classList.contains("pbx-"+e.trim())){const i=e.trim(),n=i.startsWith("pbx-")?i:"pbx-"+i;t.classList.add(n),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setClass(n),this.pageBuilderStateStore.setCurrentClasses(Array.from(t.classList))}}handleAddStyle(e,t){const i=this.getActiveStyleTarget();!i||!e||!t||(i.style.setProperty(e,t),this.pageBuilderStateStore.setElement(i),this.pageBuilderStateStore.setCurrentStyles(this.parseStyleString(i.getAttribute("style")||"")))}handleRemoveStyle(e){const t=this.getActiveStyleTarget();if(!t||!e)return;t.style.removeProperty(e),this.pageBuilderStateStore.setElement(t);const i=t.getAttribute("style");i?this.pageBuilderStateStore.setCurrentStyles(this.parseStyleString(i)):this.pageBuilderStateStore.setCurrentStyles({})}async handleFontFamily(e){var i;const t=Zl((i=this.pageBuilderStateStore.getPageBuilderConfig)==null?void 0:i.userSettings);if(e&&e!=="none")try{await Pde(e)}catch(n){console.error("Failed to load font:",e,n)}this.applyElementClassChanges(e,t,"setFontFamily")}handleFontStyle(e){this.applyElementClassChanges(e,Ut.fontStyle,"setFontStyle")}purgeConflictingClasses(e){const t=this.getElement.value;t&&e.forEach(i=>{i.forEach(n=>{n!=="none"&&t.classList.contains(n)&&t.classList.remove(n)})})}handleVerticalPadding(e){e!==void 0&&this.purgeConflictingClasses([me.topPadding,me.bottomPadding]),this.applyElementClassChanges(e,me.verticalPadding,"setFontVerticalPadding")}handleHorizontalPadding(e){e!==void 0&&this.purgeConflictingClasses([me.leftPadding,me.rightPadding]),this.applyElementClassChanges(e,me.horizontalPadding,"setFontHorizontalPadding")}handleTopPadding(e){e!==void 0&&this.purgeConflictingClasses([me.verticalPadding]),this.applyElementClassChanges(e,me.topPadding,"setFontTopPadding")}handleRightPadding(e){e!==void 0&&this.purgeConflictingClasses([me.horizontalPadding]),this.applyElementClassChanges(e,me.rightPadding,"setFontRightPadding")}handleBottomPadding(e){e!==void 0&&this.purgeConflictingClasses([me.verticalPadding]),this.applyElementClassChanges(e,me.bottomPadding,"setFontBottomPadding")}handleLeftPadding(e){e!==void 0&&this.purgeConflictingClasses([me.horizontalPadding]),this.applyElementClassChanges(e,me.leftPadding,"setFontLeftPadding")}handleVerticalMargin(e){e!==void 0&&this.purgeConflictingClasses([me.topMargin,me.bottomMargin]),this.applyElementClassChanges(e,me.verticalMargin,"setFontVerticalMargin")}handleHorizontalMargin(e){e!==void 0&&this.purgeConflictingClasses([me.leftMargin,me.rightMargin]),this.applyElementClassChanges(e,me.horizontalMargin,"setFontHorizontalMargin")}handleTopMargin(e){e!==void 0&&this.purgeConflictingClasses([me.verticalMargin]),this.applyElementClassChanges(e,me.topMargin,"setFontTopMargin")}handleRightMargin(e){e!==void 0&&this.purgeConflictingClasses([me.horizontalMargin]),this.applyElementClassChanges(e,me.rightMargin,"setFontRightMargin")}handleBottomMargin(e){e!==void 0&&this.purgeConflictingClasses([me.verticalMargin]),this.applyElementClassChanges(e,me.bottomMargin,"setFontBottomMargin")}handleLeftMargin(e){e!==void 0&&this.purgeConflictingClasses([me.horizontalMargin]),this.applyElementClassChanges(e,me.leftMargin,"setFontLeftMargin")}handleBorderStyle(e){this.applyElementClassChanges(e,Bi.borderStyle,"setBorderStyle")}handleBorderWidth(e){this.applyElementClassChanges(e,Bi.borderWidth,"setBorderWidth")}handleBorderColor(e){this.applyElementClassChanges(e,Bi.borderColor,"setBorderColor")}handleBackgroundColor(e){const t=this.getActiveStyleTarget();if(t){if(e===void 0){const i=t.style.getPropertyValue("background-color");if(i){this.pageBuilderStateStore.setBackgroundColor(`custom:${$t(i)??i}`);return}}else t.style.removeProperty("background-color");this.applyElementClassChanges(e,Ti.backgroundColorVariables,"setBackgroundColor")}}handleCustomBackgroundColor(e){const t=this.getActiveStyleTarget();!t||!e||(this.removeElementClassesFromArray(t,Ti.backgroundColorVariables),t.style.setProperty("background-color",e),this.pageBuilderStateStore.setBackgroundColor(`custom:${e}`),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setCurrentClasses(Array.from(t.classList)),this.pageBuilderStateStore.setCurrentStyles(this.parseStyleString(t.getAttribute("style")||"")))}handleTextColor(e){const t=this.getActiveStyleTarget();if(t){if(e===void 0){const i=t.style.getPropertyValue("color");if(i){this.pageBuilderStateStore.setTextColor(`custom:${$t(i)??i}`);return}}else t.style.removeProperty("color");this.applyElementClassChanges(e,Ti.textColorVariables,"setTextColor")}}handleCustomTextColor(e){const t=this.getActiveStyleTarget();!t||!e||(this.removeElementClassesFromArray(t,Ti.textColorVariables),t.style.setProperty("color",e),this.pageBuilderStateStore.setTextColor(`custom:${e}`),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.setCurrentClasses(Array.from(t.classList)),this.pageBuilderStateStore.setCurrentStyles(this.parseStyleString(t.getAttribute("style")||"")))}handleBorderRadiusGlobal(e){this.applyElementClassChanges(e,yt.roundedGlobal,"setBorderRadiusGlobal")}handleBorderRadiusTopLeft(e){this.applyElementClassChanges(e,yt.roundedTopLeft,"setBorderRadiusTopLeft")}handleBorderRadiusTopRight(e){this.applyElementClassChanges(e,yt.roundedTopRight,"setBorderRadiusTopRight")}handleBorderRadiusBottomleft(e){this.applyElementClassChanges(e,yt.roundedBottomLeft,"setBorderRadiusBottomleft")}handleBorderRadiusBottomRight(e){this.applyElementClassChanges(e,yt.roundedBottomRight,"setBorderRadiusBottomRight")}handleFontSizeTablet(e){this.applyElementClassChanges(e,Fo.fontTablet,"setFontTablet")}handleFontSizeMobile(e){this.applyElementClassChanges(e,Fo.fontMobile,"setFontMobile")}handleBackgroundOpacity(e){this.applyElementClassChanges(e,ws.backgroundOpacities,"setBackgroundOpacity")}handleOpacity(e){this.applyElementClassChanges(e,ws.opacities,"setOpacity")}deleteAllComponentsFromDOM(){this.pageBuilderStateStore.setComponents([]);const e=document.querySelector("#pagebuilder");e&&e.querySelectorAll("section[data-componentid]").forEach(t=>t.remove())}async undo(){this.pageBuilderStateStore.setIsLoadingGlobal(!0),await Re(300);const e=this.getHistoryBaseKey();if(!e)return;const t=Li.getHistory(e);if(t.length>1&&this.pageBuilderStateStore.getHistoryIndex>0){this.pageBuilderStateStore.setHistoryIndex(this.pageBuilderStateStore.getHistoryIndex-1);const i=t[this.pageBuilderStateStore.getHistoryIndex],n=this.renderComponentsToHtml(i.components);await this.mountComponentsToDOM(n,!1,i.pageSettings)}this.pageBuilderStateStore.setIsLoadingGlobal(!1)}async redo(){this.pageBuilderStateStore.setIsLoadingGlobal(!0),await Re(300);const e=this.getHistoryBaseKey();if(!e)return;const t=Li.getHistory(e);if(t.length>0&&this.pageBuilderStateStore.getHistoryIndex<t.length-1){this.pageBuilderStateStore.setHistoryIndex(this.pageBuilderStateStore.getHistoryIndex+1);const i=t[this.pageBuilderStateStore.getHistoryIndex],n=this.renderComponentsToHtml(i.components);await this.mountComponentsToDOM(n,!1,i.pageSettings)}this.pageBuilderStateStore.setIsLoadingGlobal(!1)}hasVisibleContent(e){if(!e)return!1;if(e.querySelector("img, video, iframe, input, button, a, h1, h2, h3, h4, h5, h6, p, li, blockquote, pre, code, table"))return!0;const i=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null);for(;i.nextNode();)if(i.currentNode.nodeValue&&i.currentNode.nodeValue.trim()!=="")return!0;return!1}isSectionEmpty(e){return!this.hasVisibleContent(e)}findReverseableContainer(){const e=this.getSelectedComponentSection();if(!e)return null;const t=['[class*="flex-row"]','[class*="pbx-flex-row"]','[class*="grid-cols-2"]','[class*="pbx-grid-cols-2"]'];for(const i of t){const n=Array.from(e.querySelectorAll(i));for(const a of n)if(Array.from(a.children).filter(s=>s instanceof HTMLElement).length===2)return a}return null}async reverseComponentLayout(){const e=this.findReverseableContainer();if(!e)return;const t=Array.from(e.children);t.length===2&&(e.insertBefore(t[1],t[0]),await this.syncDomToStoreOnly(),await o.nextTick(),this.saveDomComponentsToLocalStorage(),await this.handleAutoSave(),this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),await this.clearHtmlSelection(),await o.nextTick(),await this.addListenersToEditableElements())}async duplicateComponent(){await this.syncDomToStoreOnly(),await o.nextTick();const e=this.pageBuilderStateStore.getComponents,t=this.getComponent.value;if(!e||!t)return;const i=e.findIndex(l=>l.id===t.id);if(i===-1)return;const n=this.cloneCompObjForDOMInsertion(e[i]),a=[...e.slice(0,i+1),n,...e.slice(i+1)];await this.setComponentsPreservingPageSettings(a),await o.nextTick(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.setComponent(n),this.pageBuilderStateStore.setElement(null),await this.handleAutoSave()}async deleteComponentFromDOM(){await this.syncDomToStoreOnly(),await o.nextTick();const e=this.pageBuilderStateStore.getComponents;if(!e)return;const t=e.findIndex(n=>this.getComponent.value?n.id===this.getComponent.value.id:!1);if(t===-1)return;const i=[...e.slice(0,t),...e.slice(t+1)];await this.setComponentsPreservingPageSettings(i),await o.nextTick(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),await this.handleAutoSave()}async duplicateElementInDOM(){const e=this.getElement.value;if(!e||!e.parentNode)return;e.removeAttribute("selected");const t=e.cloneNode(!0);e.parentNode.insertBefore(t,e.nextSibling),await this.syncDomToStoreOnly(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),this.saveDomComponentsToLocalStorage(),await this.handleAutoSave()}async deleteElementFromDOM(){const e=this.getElement.value;if(!e)return;if(e.removeAttribute("selected"),!e.parentNode){this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null);return}const t=e.closest("section");e.tagName==="SECTION"?await this.deleteComponentFromDOM():(e.remove(),t&&this.isSectionEmpty(t)&&t.remove(),await this.syncDomToStoreOnly(),this.saveDomComponentsToLocalStorage()),this.pageBuilderStateStore.setComponent(null),this.pageBuilderStateStore.setElement(null),await this.clearHtmlSelection(),await o.nextTick(),await this.addListenersToEditableElements()}handleRemoveClasses(e){const t=this.getActiveStyleTarget();t!=null&&t.classList.contains(e)&&(t.classList.remove(e),this.pageBuilderStateStore.setElement(t),this.pageBuilderStateStore.removeClass(e),this.pageBuilderStateStore.setCurrentClasses(Array.from(t.classList)))}async reorderComponent(e){if(!this.getComponents.value||!this.getComponent.value||this.getComponents.value.length<=1)return;const t=this.getComponent.value,i=this.getComponents.value.findIndex(s=>s.id===t.id);if(i===-1)return;const n=i+e;if(n<0||n>=this.getComponents.value.length)return;this.getComponents.value.splice(i,1),this.getComponents.value.splice(n,0,t),await o.nextTick();const a=document.querySelector("#page-builder-wrapper"),l=a==null?void 0:a.querySelector(`section[data-componentid="${t.id}"]`);if(l){l.classList.add("pbx-reorder-highlight");const s=l.previousElementSibling,p=l.nextElementSibling;s&&s.tagName==="SECTION"&&s.classList.add("pbx-sibling-highlight"),p&&p.tagName==="SECTION"&&p.classList.add("pbx-sibling-highlight"),a&&(Ade(a,l),window.setTimeout(()=>{l.classList.remove("pbx-reorder-highlight"),s&&s.tagName==="SECTION"&&s.classList.remove("pbx-sibling-highlight"),p&&p.tagName==="SECTION"&&p.classList.remove("pbx-sibling-highlight")},280))}}canMoveUp(){return!this.getComponents.value||!this.getComponent.value?!1:this.getComponents.value.findIndex(t=>{var i;return t.id===((i=this.getComponent.value)==null?void 0:i.id)})>0}canMoveDown(){return!this.getComponents.value||!this.getComponent.value?!1:this.getComponents.value.findIndex(t=>{var i;return t.id===((i=this.getComponent.value)==null?void 0:i.id)})<this.getComponents.value.length-1}ElOrFirstChildIsIframe(){var e,t,i;return((e=this.getElement.value)==null?void 0:e.tagName)==="IFRAME"||((i=(t=this.getElement.value)==null?void 0:t.firstElementChild)==null?void 0:i.tagName)==="IFRAME"}isValidTextElement(e){var n;if(!e||e.hasAttribute("data-pb-no-inline-text")||e.tagName==="IMG"||((n=e.firstElementChild)==null?void 0:n.tagName)==="IFRAME"||e.querySelector("img")||e.classList.contains("pbx-product-card-image")||e.classList.contains("product-card-image"))return!1;const t=e.children;if(!t.length)return!1;let i=!1;return Array.from(t).forEach(a=>{a.tagName==="IMG"||a.tagName==="DIV"?i=!1:i=!0}),i}isSelectedElementValidText(){return this.isValidTextElement(this.getElement.value)}previewCurrentDesign(){this.pageBuilderStateStore.setElement(null);const e=document.querySelector("#pagebuilder");if(e&&e){const t=zz(e,this.pageBuilderStateStore.getPageBuilderConfig?this.pageBuilderStateStore.getPageBuilderConfig:void 0),i=JSON.stringify([t]);this.pageBuilderStateStore.setCurrentLayoutPreview(i)}}sanitizeForLocalStorage(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"").replace(/-+/g,"-").replace(/^-+|-+$/g,"")}cloneAndRemoveSelectionAttributes(e){const t=e.cloneNode(!0);return t.querySelectorAll("[hovered]").forEach(i=>i.removeAttribute("hovered")),t.querySelectorAll("[selected]").forEach(i=>i.removeAttribute("selected")),t.removeAttribute("hovered"),t.removeAttribute("selected"),t}async syncDomToStoreOnly(){const e=document.querySelector("#pagebuilder");if(!e)return;const t=[];e.querySelectorAll("section[data-componentid]").forEach(i=>{const n=this.cloneAndRemoveSelectionAttributes(i);t.push({html_code:n.outerHTML,id:n.getAttribute("data-componentid"),title:n.getAttribute("data-component-title")||"Untitled Component"})}),await this.setComponentsPreservingPageSettings(t)}async generateHtmlFromComponents(){await this.syncDomToStoreOnly(),await o.nextTick();const e=this.pageBuilderStateStore.getComponents;return Array.isArray(e)?(await o.nextTick(),await this.addListenersToEditableElements(),e.map(t=>t.html_code.replace(/data-componentid="[^"]*"/g,"").replace(/\s{2,}/g," ")).join(`
 `)):""}async generateFullPageHtml(){await this.syncDomToStoreOnly(),await o.nextTick();const e=this.pageBuilderStateStore.getComponents;if(!Array.isArray(e))return"";await o.nextTick(),await this.addListenersToEditableElements();const t=this.readCurrentPageSettings()??this._lastKnownPageSettings,i=document.createElement("div");if(i.setAttribute("id","pagebuilder"),t!=null&&t.classes&&i.setAttribute("class",t.classes),t!=null&&t.style){const n=typeof t.style=="string"?t.style:this.convertStyleObjectToString(t.style)||"";n&&i.setAttribute("style",n)}return vc(i,Jn(t)),e.forEach(n=>{const s=new DOMParser().parseFromString(n.html_code,"text/html").querySelector("section");if(s){s.removeAttribute("data-componentid"),i.appendChild(document.importNode(s,!0));return}i.insertAdjacentHTML("beforeend",n.html_code)}),i.outerHTML}saveDomComponentsToLocalStorage(){this.commitActiveInlineTipTapEditorSync(),this.getLocalStorageItemName.value||this.updateLocalStorageItemName();const e=this.getLocalStorageItemName.value;e||this.debugLog("warn","saveDomComponentsToLocalStorage(): no storage key resolved",{config:this.pageBuilderStateStore.getPageBuilderConfig??null});const t=document.querySelector("#pagebuilder");if(!t){this.debugLog("warn","saveDomComponentsToLocalStorage(): no #pagebuilder in DOM",{key:e});return}const i=t.querySelector("[hovered]");i&&i.removeAttribute("hovered");const n=[];t.querySelectorAll("section[data-componentid]").forEach(d=>{const c=this.cloneAndRemoveSelectionAttributes(d);c.removeAttribute("data-componentid"),n.push({html_code:c.outerHTML,title:c.getAttribute("data-component-title")||"Untitled Component"})}),this.debugLog("warn","saveDomComponentsToLocalStorage(): collected sections",{key:e,sections:n.length,hasSelected:!!t.querySelector("[selected]"),hasInlineTipTap:!!t.querySelector("[data-pbx-inline-tiptap]")});const a=this.readCurrentPageSettings()??this._lastKnownPageSettings??{classes:"",style:""},l=this.pageBuilderStateStore.getPageBuilderConfig;l&&typeof l=="object"&&this.pageBuilderStateStore.setPageBuilderConfig({...l,pageSettings:a}),this.debugLog("warn","saveDomComponentsToLocalStorage(): pageSettings snapshot",{classes:(a==null?void 0:a.classes)??"",style:typeof(a==null?void 0:a.style)=="string"?a.style:a!=null&&a.style?this.convertStyleObjectToString(a.style):""});const s={components:n,pageBuilderContentSavedAt:new Date().toISOString(),pageSettings:a},p=this.getHistoryBaseKey();if(p){const d=localStorage.getItem(p);this.debugLog("warn","saveDomComponentsToLocalStorage(): existing key?",{baseKey:p,hasExisting:!!d});try{localStorage.setItem(p,JSON.stringify(s))}catch(c){this.debugLog("error","saveDomComponentsToLocalStorage(): localStorage.setItem failed",{baseKey:p,err:c});return}if(d){const c=JSON.parse(d),m=c.components||[],b=s.components||[],g=b.length!==m.length||b.some((u,h)=>{const f=m[h];return!f||f.html_code!==u.html_code}),x=c.pageSettings&&c.pageSettings.classes!==s.pageSettings.classes||c.pageSettings&&c.pageSettings.style!==s.pageSettings.style;if(g||x){this.debugLog("error","saveDomComponentsToLocalStorage(): wrote draft",{baseKey:p,sections:s.components.length});let u=Li.getHistory(p);const h=u[u.length-1];if(h){const f=JSON.stringify(h.components),w=JSON.stringify(s.components),y=JSON.stringify(h.pageSettings),T=JSON.stringify(s.pageSettings);if(f===w&&y===T)return}this.pageBuilderStateStore.getHistoryIndex<u.length-1&&(u=u.slice(0,this.pageBuilderStateStore.getHistoryIndex+1)),u.push(s),u.length>10&&(u=u.slice(u.length-10)),localStorage.setItem(p+"-history",JSON.stringify(u)),this.pageBuilderStateStore.setHistoryIndex(u.length-1),this.pageBuilderStateStore.setHistoryLength(u.length);return}}}}async removeCurrentComponentsFromLocalStorage(){this.updateLocalStorageItemName(),await o.nextTick();const e=this.getLocalStorageItemName.value;e&&localStorage.removeItem(e)}async handleFormSubmission(){const e=this.readCurrentPageSettings();if(e&&(this._lastKnownPageSettings=e),await this.removeCurrentComponentsFromLocalStorage(),this.deleteAllComponentsFromDOM(),this.pageBuilderStateStore.setComponents([]),e){this.updateLocalStorageItemName();const t=this.getLocalStorageItemName.value;if(t){const i={components:[],pageBuilderContentSavedAt:new Date().toISOString(),pageSettings:e};localStorage.setItem(t,JSON.stringify(i))}}}readCurrentPageSettings(){const e=document.querySelector("#pagebuilder");if(e)return{classes:e.className||"",style:e.getAttribute("style")||e.style.cssText||"",meta:wc(e)};const t=document.querySelector("[data-pagebuilder-content]");if(t)return{classes:t.className||"",style:t.getAttribute("style")||t.style.cssText||""};this.updateLocalStorageItemName();const i=this.getLocalStorageItemName.value;if(i)try{const n=localStorage.getItem(i);if(n){const a=JSON.parse(n);if(a!=null&&a.pageSettings)return a.pageSettings}}catch{}return null}applyPageSettingsToPage(e){const t=document.querySelector("#pagebuilder");if(t){e.classes?t.setAttribute("class",e.classes):t.removeAttribute("class");const i=typeof e.style=="string"?e.style:this.convertStyleObjectToString(e.style)||"";i?t.setAttribute("style",i):t.removeAttribute("style"),vc(t,Jn(e))}document.querySelectorAll("[data-pagebuilder-content]").forEach(i=>{i.removeAttribute("class"),i.removeAttribute("style")}),(e.classes||e.style||e.meta)&&(this._lastKnownPageSettings=e)}reconnectGlobalStylesObserver(){if(!this.globalStylesObserver)return;const e=document.querySelector("#pagebuilder");e&&(this.globalStylesObserver.disconnect(),this.globalStylesObserver=new MutationObserver(()=>{const t=this.readCurrentPageSettings();t&&(this._lastKnownPageSettings=t)}),this.globalStylesObserver.observe(e,{attributes:!0,attributeFilter:["class","style","data-meta-title","data-meta-description"]}))}async setComponentsPreservingPageSettings(e){var n;const t=this.readCurrentPageSettings()??this._lastKnownPageSettings??null,i=this.globalStylesObserver!==null;(n=this.globalStylesObserver)==null||n.disconnect(),this.pageBuilderStateStore.setComponents(e),await o.nextTick(),await o.nextTick(),t&&(t.classes||t.style)&&this.applyPageSettingsToPage(t),i&&this.reconnectGlobalStylesObserver()}parseStyleString(e){return e.split(";").map(t=>t.trim()).filter(Boolean).reduce((t,i)=>{const[n,a]=i.split(":").map(l=>l.trim());return n&&a&&(t[n]=a),t},{})}deleteOldPageBuilderLocalStorage(){const e=this.pageBuilderStateStore.getPageBuilderConfig;if((e&&e.updateOrCreate&&e.updateOrCreate.formType)==="update"){let i=0;const n=[],a=new Date(Date.now()-336*60*60*1e3);for(let l=0;l<localStorage.length;l++){const s=localStorage.key(l);if(s&&s.startsWith("page-builder-update-resource-"))try{const p=localStorage.getItem(s);if(!p)continue;const c=JSON.parse(p).pageBuilderContentSavedAt;c&&new Date(c)<a&&(i++,n.push({Number:i,Key:s,SavedAt:c}),localStorage.removeItem(s))}catch{}}n.length>0&&(console.info(`Deleted ${n.length} localStorage item(s) older than ${a} days:`),console.table(n))}}startEditing(){this.hasStartedEditing=!0}async refreshListeners(){await o.nextTick(),await this.addListenersToEditableElements(),this.reapplyConfigPageSettingsIfMissing()}reapplyConfigPageSettingsIfMissing(){var a;const e=document.querySelector("#pagebuilder");if(!e)return;const t=((a=this.pageBuilderStateStore.getPageBuilderConfig)==null?void 0:a.pageSettings)??null;if(!this.hasMeaningfulPageSettings(t))return;const i=this.convertStyleObjectToString(t.style),n=e.getAttribute("style")||"";i.trim()&&!n.trim()&&this.applyPageSettingsToPage(t)}async resumeEditingFromDraft(){this.updateLocalStorageItemName();const e=this.getSavedPageHtml();e&&(this.pageBuilderStateStore.setIsLoadingResumeEditing(!0),await Re(400),await this.mountComponentsToDOM(e,!1,void 0,!0),this.pageBuilderStateStore.setIsLoadingResumeEditing(!1)),await o.nextTick(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.setIsLoadingResumeEditing(!1)}async restoreOriginalContent(){if(this.updateLocalStorageItemName(),this.pageBuilderStateStore.setIsRestoring(!0),await Re(400),Array.isArray(this.originalComponents)){await this.clearClassesFromPage(),await this.clearInlineStylesFromPage();const e=this.renderComponentsToHtml(this.originalComponents);await this.mountComponentsToDOM(e,!1,this.originalPageSettings??void 0),this.removeCurrentComponentsFromLocalStorage()}await o.nextTick(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.setIsRestoring(!1)}async returnLatestComponents(){return await this.syncDomToStoreOnly(),await o.nextTick(),await this.addListenersToEditableElements(),this.pageBuilderStateStore.getComponents}getStorageItemNameForResource(){return this.getLocalStorageItemName.value}getSavedPageHtml(){if(!this.getLocalStorageItemName.value)return!1;const e=this.getLocalStorageItemName.value;if(!e)return!1;const t=localStorage.getItem(e);if(!t)return!1;const i=JSON.parse(t);if(i&&Array.isArray(i.components)){const n=i.pageSettings&&i.pageSettings.classes||"",a=i.pageSettings&&i.pageSettings.style||"",l=typeof a=="string"?a:this.convertStyleObjectToString(a),s=i.components.map(p=>{const m=new DOMParser().parseFromString(p.html_code,"text/html").querySelector("section");return m?(m.removeAttribute("data-componentid"),m.outerHTML):p.html_code}).join(`
 `);return`<div id="pagebuilder" class="${n}" style="${l}">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.5.54",
+  "version": "3.5.55",
   "description": "Vue 3 page builder for ecommerce admin, multi-tenant SaaS, and CMS dashboards. Drag-and-drop editor with custom media library and product catalog integration.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",