@myissue/vue-website-page-builder 3.4.36 → 3.4.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27812,7 +27812,7 @@ const eA = ["src"], tA = {
27812
27812
  }, UD = { class: "pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg" }, GD = { class: "pbx-overflow-x-auto" }, KD = { class: "pbx-w-max" }, JD = { class: "pbx-bg-white pbx-divide-y pbx-divide-gray-200" }, YD = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, QD = { class: "pbx-min-w-[30rem] pbx-w-max" }, XD = { key: 0 }, ZD = { key: 1 }, eI = { key: 0 }, tI = { class: "pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500" }, nI = { class: "pbx-min-w-[30rem] pbx-w-max" }, iI = { class: "pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium" }, rI = { class: "pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl" }, oI = { class: "pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900" }, sI = { class: "pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all" }, aI = { class: "pbx-myPrimaryParagraph pbx-text-xs pbx-text-white" }, lI = {
27813
27813
  __name: "PageBuilderSettings",
27814
27814
  setup(n) {
27815
- const e = "3.4.36", t = Ce, i = $(() => t.getPageBuilderConfig);
27815
+ const e = "3.4.37", t = Ce, i = $(() => t.getPageBuilderConfig);
27816
27816
  return (r, o) => {
27817
27817
  var s, a, l, d, c, u, h, f, m, g, b, v, w, C, x, B;
27818
27818
  return S(), k("div", OO, [
@@ -887,7 +887,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
887
887
  </div>
888
888
  </body>
889
889
  </html>
890
- `,S=document.createElement("a");S.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(k)),S.setAttribute("download",x),S.style.display="none",document.body.appendChild(S),S.click(),document.body.removeChild(S)},b=function(){const x=document.getElementById("pagebuilder");if(!x)return;let y=Gs(x);const w=document.createElement("div");w.innerHTML=y,w.querySelectorAll("[hovered], [selected]").forEach(v=>{v.removeAttribute("hovered"),v.removeAttribute("selected")}),y=w.innerHTML,m("downloaded_html.html",y)},u=n.ref(null),g=async function(){u.value=!0,await t.globalPageStyles()},h=async function(){i.value=!0,await t.handleManualSave();const x=document.querySelector("#pagebuilder");x&&x.removeAttribute("data-global-selected"),u.value=!1,i.value=!1};return(x,y)=>(n.openBlock(),n.createElementBlock("div",B8,[n.createElementVNode("div",N8,[n.createElementVNode("button",{type:"button",onClick:y[0]||(y[0]=w=>x.$emit("closeEditor")),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 hover:pbx-text-white"},y[1]||(y[1]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)])),n.createElementVNode("p",P8,[n.createTextVNode(n.toDisplayString(n.unref(e)("Editing"))+" ",1),n.createElementVNode("span",L8,"<"+n.toDisplayString(s.value)+">",1)])]),u.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollContainer",ref:p,onScroll:c,class:"pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-overflow-y-scroll"},[n.withDirectives(n.createElementVNode("div",null,[n.createElementVNode("article",D8,[n.createVNode(I7)]),n.createElementVNode("article",A8,[n.createVNode(b8)]),n.createElementVNode("article",O8,[n.createVNode(yv)]),n.createElementVNode("article",V8,[n.createVNode(tM)]),n.createElementVNode("article",I8,[n.createVNode(wv)]),n.createElementVNode("article",_8,[n.createVNode(vv)]),n.createElementVNode("article",z8,[n.createVNode(Sv)]),n.createElementVNode("article",R8,[n.createVNode(kv)]),n.createElementVNode("article",H8,[n.createVNode(hv)]),n.createElementVNode("article",F8,[n.createVNode(fv)]),n.createElementVNode("article",j8,[n.createVNode(Cv)])],512),[[n.vShow,l.value&&n.unref(t).isEditableElement(l.value)]]),n.createElementVNode("article",q8,[n.createVNode(yt,null,{title:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(e)("Global Page Styles")),1)]),content:n.withCtx(()=>[n.createElementVNode("p",W8,n.toDisplayString(n.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),y[2]||(y[2]=n.createElementVNode("hr",null,null,-1)),n.createElementVNode("div",U8,[n.createElementVNode("button",{onClick:g,type:"button",class:"pbx-myPrimaryButton"},n.toDisplayString(n.unref(e)("Update Page Styles")),1)])]),_:1})]),Array.isArray(a.value)&&a.value.length>=1?(n.openBlock(),n.createElementBlock("article",G8,[n.createVNode(yt,null,{title:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(e)("Download HTML")),1)]),content:n.withCtx(()=>[n.createElementVNode("p",K8,n.toDisplayString(n.unref(e)("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.")),1),y[3]||(y[3]=n.createElementVNode("hr",null,null,-1)),n.createElementVNode("div",J8,[n.createElementVNode("button",{onClick:b,type:"button",class:"pbx-myPrimaryButton"},n.toDisplayString(n.unref(e)("Download HTML file")),1)])]),_:1})])):n.createCommentVNode("",!0)],544)),n.createVNode(Et,{maxWidth:"md",minHeight:"pbx-min-h-[65vh] pbx-max-h-[65vh]",showModalBuilder:u.value,title:n.unref(e)("Global Page Styles"),onCloseMainModalBuilder:h},{default:n.withCtx(()=>[n.createElementVNode("div",Y8,[i.value?(n.openBlock(),n.createElementBlock("div",X8,[n.createElementVNode("div",Q8,[n.createElementVNode("div",Z8,[n.createElementVNode("span",$8,n.toDisplayString(n.unref(e)("Loading...")),1)])])])):n.createCommentVNode("",!0),!i.value&&u.value?(n.openBlock(),n.createElementBlock("div",eB,[n.createElementVNode("div",null,[n.createElementVNode("p",tB,n.toDisplayString(n.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),n.createElementVNode("article",rB,[n.createVNode(yv)]),n.createElementVNode("article",oB,[n.createVNode(uv,{globalPageLayout:!0})]),n.createElementVNode("article",iB,[n.createVNode(gv,{globalPageLayout:!0})]),n.createElementVNode("article",nB,[n.createVNode(wv)]),n.createElementVNode("article",aB,[n.createVNode(vv)]),n.createElementVNode("article",lB,[n.createVNode(Sv)]),n.createElementVNode("article",sB,[n.createVNode(kv)]),n.createElementVNode("article",pB,[n.createVNode(hv)]),n.createElementVNode("article",dB,[n.createVNode(fv)]),n.createElementVNode("article",cB,[n.createVNode(Cv,{globalPage:!0})])])])):n.createCommentVNode("",!0)])]),_:1},8,["showModalBuilder","title"])]))}},bB={class:"pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"},uB={class:"pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl"},gB={class:"pbx-px-2"},xB={class:"pbx-mt-8"},hB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},fB={class:"pbx-overflow-x-auto"},yB={class:"pbx-min-w-full"},wB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},vB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},SB={class:"pbx-min-w-[30rem] pbx-w-max"},kB={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"},CB={key:0,class:"pbx-mt-4"},EB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},TB={class:"pbx-overflow-x-auto"},MB={class:"pbx-min-w-full"},BB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},NB={key:0},PB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},LB={class:"pbx-min-w-[30rem] pbx-w-max"},DB={key:1},AB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},OB={class:"pbx-min-w-[30rem] pbx-w-max"},VB={key:1,class:"pbx-mt-8"},IB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},_B={class:"pbx-overflow-x-auto"},zB={class:"pbx-min-w-full"},RB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},HB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},FB={class:"pbx-min-w-[30rem] pbx-w-max"},jB={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},qB={class:"pbx-min-w-[30rem] pbx-w-max"},WB={class:"pbx-flex pbx-items-center pbx-space-x-3"},UB=["src"],GB={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},KB={class:"pbx-min-w-[30rem] pbx-w-max"},JB={key:2,class:"pbx-mt-8"},YB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},XB={class:"pbx-overflow-x-auto"},QB={class:"pbx-min-w-full"},ZB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},$B={key:0},e9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},t9={class:"pbx-min-w-[30rem] pbx-w-max"},r9={key:1},o9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},i9={class:"pbx-min-w-[30rem] pbx-w-max"},n9={key:2},a9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},l9={class:"pbx-min-w-[30rem] pbx-w-max"},s9={key:3},p9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},d9={class:"pbx-min-w-[30rem] pbx-w-max"},c9={key:3,class:"pbx-mt-8"},m9={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},b9={class:"pbx-overflow-x-auto"},u9={class:"pbx-min-w-full"},g9={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},x9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},h9={class:"pbx-min-w-[30rem] pbx-w-max"},f9={class:"pbx-flex pbx-items-center pbx-space-x-3"},y9=["src"],w9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},v9={class:"pbx-min-w-[30rem] pbx-w-max"},S9={class:"pbx-flex pbx-items-center pbx-space-x-3"},k9={class:"pbx-pr-6"},C9={class:"pbx-flex pbx-items-center pbx-space-x-3"},E9={class:"pbx-whitespace-nowrap"},T9={key:4,class:"pbx-mt-8"},M9={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},B9={class:"pbx-overflow-x-auto"},N9={class:"pbx-w-max"},P9={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},L9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},D9={class:"pbx-min-w-[30rem] pbx-w-max"},A9={key:0},O9={key:1},V9={key:0},I9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},_9={class:"pbx-min-w-[30rem] pbx-w-max"},z9={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},R9={class:"pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl"},H9={class:"pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},F9={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},j9={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},q9={__name:"PageBuilderSettings",setup(r){const e="3.4.36",t=ie,o=n.computed(()=>t.getPageBuilderConfig);return(i,a)=>{var l,s,p,d,c,m,b,u,g,h,x,y,w,v,f,k;return n.openBlock(),n.createElementBlock("div",bB,[n.createElementVNode("div",uB,[n.createElementVNode("div",null,[a[26]||(a[26]=n.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[n.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Configuration Overview"),n.createElementVNode("p",{class:"pbx-myPrimaryParagraph pbx-text-xs"}," A summary of current user preferences, application settings, and system metadata including UI theme, language, saved components, and logo configuration. ")],-1)),n.createElementVNode("div",gB,[n.createElementVNode("div",xB,[a[2]||(a[2]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Version Information",-1)),n.createElementVNode("div",hB,[n.createElementVNode("div",fB,[n.createElementVNode("table",yB,[a[1]||(a[1]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," App "),n.createElementVNode("th",{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"}," Version ")])],-1)),n.createElementVNode("tbody",wB,[n.createElementVNode("tr",null,[a[0]||(a[0]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Page Builder")],-1)),n.createElementVNode("td",vB,[n.createElementVNode("div",SB,[n.createElementVNode("span",kB,n.toDisplayString(n.unref(e)),1)])])])])])])])]),(l=o.value)!=null&&l.resourceData&&!n.unref(er)(o.value.resourceData)?(n.openBlock(),n.createElementBlock("div",CB,[a[6]||(a[6]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Resource Data",-1)),n.createElementVNode("div",EB,[n.createElementVNode("div",TB,[n.createElementVNode("table",MB,[a[5]||(a[5]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",BB,[(p=(s=o.value)==null?void 0:s.resourceData)!=null&&p.title?(n.openBlock(),n.createElementBlock("tr",NB,[a[3]||(a[3]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Title")],-1)),n.createElementVNode("td",PB,[n.createElementVNode("div",LB,n.toDisplayString(o.value.resourceData.title),1)])])):n.createCommentVNode("",!0),(c=(d=o.value)==null?void 0:d.resourceData)!=null&&c.id?(n.openBlock(),n.createElementBlock("tr",DB,[a[4]||(a[4]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),n.createElementVNode("td",AB,[n.createElementVNode("div",OB,n.toDisplayString(o.value.resourceData.id),1)])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0),(m=o.value)!=null&&m.userForPageBuilder&&!n.unref(er)(o.value.userForPageBuilder)?(n.openBlock(),n.createElementBlock("div",VB,[a[11]||(a[11]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Information",-1)),n.createElementVNode("div",IB,[n.createElementVNode("div",_B,[n.createElementVNode("table",zB,[a[10]||(a[10]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",RB,[n.createElementVNode("tr",null,[a[7]||(a[7]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"User Name")],-1)),n.createElementVNode("td",HB,[n.createElementVNode("div",FB,n.toDisplayString(o.value.userForPageBuilder.name),1)])]),n.createElementVNode("tr",null,[a[8]||(a[8]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Image")],-1)),o.value.userForPageBuilder.image&&typeof o.value.userForPageBuilder.image=="string"&&o.value.userForPageBuilder.image.length>2?(n.openBlock(),n.createElementBlock("td",jB,[n.createElementVNode("div",qB,[n.createElementVNode("div",WB,[n.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:o.value.userForPageBuilder.image,alt:"image"},null,8,UB)])])])):n.createCommentVNode("",!0)]),n.createElementVNode("tr",null,[a[9]||(a[9]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Image URL")],-1)),o.value.userForPageBuilder.image&&typeof o.value.userForPageBuilder.image=="string"&&o.value.userForPageBuilder.image.length>2?(n.openBlock(),n.createElementBlock("td",GB,[n.createElementVNode("div",KB,n.toDisplayString(o.value.userForPageBuilder.image),1)])):n.createCommentVNode("",!0)])])])])])])):n.createCommentVNode("",!0),(b=o.value)!=null&&b.userSettings&&!n.unref(er)(o.value.userSettings)?(n.openBlock(),n.createElementBlock("div",JB,[a[17]||(a[17]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Settings",-1)),n.createElementVNode("div",YB,[n.createElementVNode("div",XB,[n.createElementVNode("table",QB,[a[16]||(a[16]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Setting "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",ZB,[(g=(u=o.value)==null?void 0:u.userSettings)!=null&&g.theme?(n.openBlock(),n.createElementBlock("tr",$B,[a[12]||(a[12]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Theme")],-1)),n.createElementVNode("td",e9,[n.createElementVNode("div",t9,n.toDisplayString(o.value.userSettings.theme),1)])])):n.createCommentVNode("",!0),(x=(h=o.value)==null?void 0:h.userSettings)!=null&&x.language?(n.openBlock(),n.createElementBlock("tr",r9,[a[13]||(a[13]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Language")],-1)),n.createElementVNode("td",o9,[n.createElementVNode("div",i9,n.toDisplayString(o.value.userSettings.language),1)])])):n.createCommentVNode("",!0),((w=(y=o.value)==null?void 0:y.userSettings)==null?void 0:w.autoSave)!==void 0?(n.openBlock(),n.createElementBlock("tr",n9,[a[14]||(a[14]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Auto Save")],-1)),n.createElementVNode("td",a9,[n.createElementVNode("div",l9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.userSettings.autoSave?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},n.toDisplayString(o.value.userSettings.autoSave?"Enabled":"Disabled"),3)])])])):n.createCommentVNode("",!0),((f=(v=o.value)==null?void 0:v.userSettings)==null?void 0:f.notifications)!==void 0?(n.openBlock(),n.createElementBlock("tr",s9,[a[15]||(a[15]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Notifications")],-1)),n.createElementVNode("td",p9,[n.createElementVNode("div",d9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.userSettings.notifications?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},n.toDisplayString(o.value.userSettings.notifications?"Enabled":"Disabled"),3)])])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0),o.value&&o.value.pageBuilderLogo&&!n.unref(er)(o.value.pageBuilderLogo)?(n.openBlock(),n.createElementBlock("div",c9,[a[21]||(a[21]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Logo Configuration",-1)),n.createElementVNode("div",m9,[n.createElementVNode("div",b9,[n.createElementVNode("table",u9,[a[20]||(a[20]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",g9,[n.createElementVNode("tr",null,[a[18]||(a[18]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo")],-1)),n.createElementVNode("td",x9,[n.createElementVNode("div",h9,[n.createElementVNode("div",f9,[n.createElementVNode("img",{class:"pbx-h-4",src:o.value.pageBuilderLogo.src,alt:"Logo"},null,8,y9)])])])]),n.createElementVNode("tr",null,[a[19]||(a[19]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo URL")],-1)),n.createElementVNode("td",w9,[n.createElementVNode("div",v9,[n.createElementVNode("div",S9,[n.createElementVNode("div",k9,[n.createElementVNode("div",C9,[n.createElementVNode("span",E9,n.toDisplayString(o.value.pageBuilderLogo.src),1)])])])])])])])])])])])):n.createCommentVNode("",!0),(k=o.value)!=null&&k.updateOrCreate&&!n.unref(er)(o.value.updateOrCreate)?(n.openBlock(),n.createElementBlock("div",T9,[a[25]||(a[25]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Form Type",-1)),n.createElementVNode("div",M9,[n.createElementVNode("div",B9,[n.createElementVNode("table",N9,[a[24]||(a[24]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Mode "),n.createElementVNode("th",{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"}," Description ")])],-1)),n.createElementVNode("tbody",P9,[n.createElementVNode("tr",null,[a[22]||(a[22]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Type")],-1)),n.createElementVNode("td",L9,[n.createElementVNode("div",D9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.updateOrCreate==="create"?"bg-green-100 text-green-800":"bg-blue-100 text-blue-800"])},[o.value&&o.value.updateOrCreate.formType==="create"?(n.openBlock(),n.createElementBlock("span",A9,n.toDisplayString(o.value.updateOrCreate.formType),1)):n.createCommentVNode("",!0),o.value&&o.value.updateOrCreate.formType==="update"?(n.openBlock(),n.createElementBlock("span",O9,n.toDisplayString(o.value.updateOrCreate.formType),1)):n.createCommentVNode("",!0)],2)])])]),o.value.updateOrCreate.formName&&o.value.updateOrCreate.formName.length>0?(n.openBlock(),n.createElementBlock("tr",V9,[a[23]||(a[23]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Name")],-1)),n.createElementVNode("td",I9,[n.createElementVNode("div",_9,[n.createElementVNode("span",z9,n.toDisplayString(o.value.updateOrCreate.formName),1)])])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0)])])]),n.createElementVNode("div",R9,[a[28]||(a[28]=n.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[n.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Complete Configuration Overview"),n.createElementVNode("p",{class:"pbx-myPrimaryParagraph pbx-text-xs"}," 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)),n.createElementVNode("div",H9,[a[27]||(a[27]=n.createElementVNode("div",{class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},[n.createElementVNode("div",{class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},[n.createElementVNode("div",{class:"pbx-px-4 pbx-py-4 pbx-text-white"},"Configuration")])],-1)),n.createElementVNode("div",F9,[n.createElementVNode("p",j9," config: "+n.toDisplayString(JSON.stringify(o.value,null,4)),1)])])])])}}},W9={class:"pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"},U9={class:"pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor"},G9={class:"pbx-myPrimaryParagraph"},K9={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},J9={class:"pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900"},Y9={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},X9={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},Q9={class:"pbx-px-4 pbx-py-4 pbx-text-gray-100"},Z9={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs"},$9={class:"pbx-text-xs pbx-pb-2"},eN={class:"pbx-text-xs pbx-pb-2"},tN={class:"pbx-text-xs pbx-pb-2"},rN={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},oN={class:"pbx-overflow-hidden pbx-bg-gray-900"},iN={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},nN={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},aN={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all"},lN={key:0},sN={key:0},pN={class:"pbx-pb-2 pbx-text-xs"},dN={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},cN={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},mN={class:"pbx-overflow-x-auto"},bN={class:"pbx-min-w-full"},uN={class:"pbx-bg-gray-900"},gN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},xN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},hN={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-b"},fN={class:"pbx-overflow-x-auto"},yN={class:"pbx-min-w-full"},wN={class:"pbx-bg-gray-900"},vN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},SN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},kN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},CN={class:"pbx-overflow-x-auto"},EN={class:"pbx-min-w-full"},TN={class:"pbx-bg-gray-900"},MN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},BN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},NN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},PN={key:1},LN={key:0},DN={class:"pbx-pb-2 pbx-text-xs"},AN={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},ON={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},VN={class:"pbx-overflow-x-auto"},IN={class:"pbx-min-w-full"},_N={class:"pbx-bg-gray-900"},zN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},RN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},HN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},FN={class:"pbx-overflow-x-auto"},jN={class:"pbx-min-w-full"},qN={class:"pbx-bg-gray-900"},WN={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200"},UN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},GN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},KN={class:"pbx-overflow-x-auto"},JN={class:"pbx-min-w-full"},YN={class:"pbx-bg-gray-900"},XN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},QN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},ZN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},$N={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},eP=["innerHTML"],tP={key:2},rP={key:0},oP={class:"pbx-pb-2 pbx-text-xs"},iP={key:1},nP={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},aP={class:"pbx-overflow-x-auto"},lP={class:"pbx-min-w-full"},sP={class:"pbx-bg-gray-900"},pP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},dP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},cP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},mP={class:"pbx-overflow-x-auto"},bP={class:"pbx-min-w-full"},uP={class:"pbx-bg-gray-900"},gP={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200"},xP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},hP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},fP={class:"pbx-overflow-x-auto"},yP={class:"pbx-min-w-full"},wP={class:"pbx-bg-gray-900"},vP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},SP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},kP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},CP={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},EP=["innerHTML"],TP={__name:"AdvancedPageBuilderSettings",setup(r){const{translate:e}=pe(),t=ie,o=n.computed(()=>t.getElement),i=n.computed(()=>t.getComponent),a=n.computed(()=>t.getComponents),l=n.ref("element"),s=function(d){l.value=d};function p(d){if(!d)return"";const c=" ";let m=0,b="";const g=d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").split(/(&lt;[^&gt;]+&gt;)/g),h=["&lt;area","&lt;base","&lt;br","&lt;col","&lt;embed","&lt;hr","&lt;img","&lt;input","&lt;link","&lt;meta","&lt;param","&lt;source","&lt;track","&lt;wbr"];return g.forEach(x=>{const y=x.trim();if(!y)return;const w=y.startsWith("&lt;")&&y.endsWith("&gt;"),v=w&&y.startsWith("&lt;/");v&&(m=Math.max(0,m-1));let f=c.repeat(m)+y;w&&(f=f.replace(/(&lt;\/?[[\w\s="/.':;#-\/\?]+&gt;)/g,k=>{var D;const S=(D=k.match(/&lt;\/?([\w-]+)/))==null?void 0:D[1];let C=k.replace(/(&lt;\/?[\w-]+)/g,`<span class="html-tag-symbol">&lt;</span><span class="html-tag-name">${S}</span>`);return C=C.replace(/([\w-]+)=(&quot;[^&quot;]*&quot;)/g,'<span class="html-attribute-name">$1</span><span class="html-operator">=</span><span class="html-attribute-value">$2</span>'),C+'<span class="html-tag-symbol">&gt;</span>'})),b+=f+`
890
+ `,S=document.createElement("a");S.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(k)),S.setAttribute("download",x),S.style.display="none",document.body.appendChild(S),S.click(),document.body.removeChild(S)},b=function(){const x=document.getElementById("pagebuilder");if(!x)return;let y=Gs(x);const w=document.createElement("div");w.innerHTML=y,w.querySelectorAll("[hovered], [selected]").forEach(v=>{v.removeAttribute("hovered"),v.removeAttribute("selected")}),y=w.innerHTML,m("downloaded_html.html",y)},u=n.ref(null),g=async function(){u.value=!0,await t.globalPageStyles()},h=async function(){i.value=!0,await t.handleManualSave();const x=document.querySelector("#pagebuilder");x&&x.removeAttribute("data-global-selected"),u.value=!1,i.value=!1};return(x,y)=>(n.openBlock(),n.createElementBlock("div",B8,[n.createElementVNode("div",N8,[n.createElementVNode("button",{type:"button",onClick:y[0]||(y[0]=w=>x.$emit("closeEditor")),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 hover:pbx-text-white"},y[1]||(y[1]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)])),n.createElementVNode("p",P8,[n.createTextVNode(n.toDisplayString(n.unref(e)("Editing"))+" ",1),n.createElementVNode("span",L8,"<"+n.toDisplayString(s.value)+">",1)])]),u.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"scrollContainer",ref:p,onScroll:c,class:"pbx-pl-3 pbx-pr-3 pbx-mb-4 pbx-overflow-y-scroll"},[n.withDirectives(n.createElementVNode("div",null,[n.createElementVNode("article",D8,[n.createVNode(I7)]),n.createElementVNode("article",A8,[n.createVNode(b8)]),n.createElementVNode("article",O8,[n.createVNode(yv)]),n.createElementVNode("article",V8,[n.createVNode(tM)]),n.createElementVNode("article",I8,[n.createVNode(wv)]),n.createElementVNode("article",_8,[n.createVNode(vv)]),n.createElementVNode("article",z8,[n.createVNode(Sv)]),n.createElementVNode("article",R8,[n.createVNode(kv)]),n.createElementVNode("article",H8,[n.createVNode(hv)]),n.createElementVNode("article",F8,[n.createVNode(fv)]),n.createElementVNode("article",j8,[n.createVNode(Cv)])],512),[[n.vShow,l.value&&n.unref(t).isEditableElement(l.value)]]),n.createElementVNode("article",q8,[n.createVNode(yt,null,{title:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(e)("Global Page Styles")),1)]),content:n.withCtx(()=>[n.createElementVNode("p",W8,n.toDisplayString(n.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),y[2]||(y[2]=n.createElementVNode("hr",null,null,-1)),n.createElementVNode("div",U8,[n.createElementVNode("button",{onClick:g,type:"button",class:"pbx-myPrimaryButton"},n.toDisplayString(n.unref(e)("Update Page Styles")),1)])]),_:1})]),Array.isArray(a.value)&&a.value.length>=1?(n.openBlock(),n.createElementBlock("article",G8,[n.createVNode(yt,null,{title:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(e)("Download HTML")),1)]),content:n.withCtx(()=>[n.createElementVNode("p",K8,n.toDisplayString(n.unref(e)("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.")),1),y[3]||(y[3]=n.createElementVNode("hr",null,null,-1)),n.createElementVNode("div",J8,[n.createElementVNode("button",{onClick:b,type:"button",class:"pbx-myPrimaryButton"},n.toDisplayString(n.unref(e)("Download HTML file")),1)])]),_:1})])):n.createCommentVNode("",!0)],544)),n.createVNode(Et,{maxWidth:"md",minHeight:"pbx-min-h-[65vh] pbx-max-h-[65vh]",showModalBuilder:u.value,title:n.unref(e)("Global Page Styles"),onCloseMainModalBuilder:h},{default:n.withCtx(()=>[n.createElementVNode("div",Y8,[i.value?(n.openBlock(),n.createElementBlock("div",X8,[n.createElementVNode("div",Q8,[n.createElementVNode("div",Z8,[n.createElementVNode("span",$8,n.toDisplayString(n.unref(e)("Loading...")),1)])])])):n.createCommentVNode("",!0),!i.value&&u.value?(n.openBlock(),n.createElementBlock("div",eB,[n.createElementVNode("div",null,[n.createElementVNode("p",tB,n.toDisplayString(n.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),n.createElementVNode("article",rB,[n.createVNode(yv)]),n.createElementVNode("article",oB,[n.createVNode(uv,{globalPageLayout:!0})]),n.createElementVNode("article",iB,[n.createVNode(gv,{globalPageLayout:!0})]),n.createElementVNode("article",nB,[n.createVNode(wv)]),n.createElementVNode("article",aB,[n.createVNode(vv)]),n.createElementVNode("article",lB,[n.createVNode(Sv)]),n.createElementVNode("article",sB,[n.createVNode(kv)]),n.createElementVNode("article",pB,[n.createVNode(hv)]),n.createElementVNode("article",dB,[n.createVNode(fv)]),n.createElementVNode("article",cB,[n.createVNode(Cv,{globalPage:!0})])])])):n.createCommentVNode("",!0)])]),_:1},8,["showModalBuilder","title"])]))}},bB={class:"pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"},uB={class:"pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl"},gB={class:"pbx-px-2"},xB={class:"pbx-mt-8"},hB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},fB={class:"pbx-overflow-x-auto"},yB={class:"pbx-min-w-full"},wB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},vB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},SB={class:"pbx-min-w-[30rem] pbx-w-max"},kB={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"},CB={key:0,class:"pbx-mt-4"},EB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},TB={class:"pbx-overflow-x-auto"},MB={class:"pbx-min-w-full"},BB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},NB={key:0},PB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},LB={class:"pbx-min-w-[30rem] pbx-w-max"},DB={key:1},AB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},OB={class:"pbx-min-w-[30rem] pbx-w-max"},VB={key:1,class:"pbx-mt-8"},IB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},_B={class:"pbx-overflow-x-auto"},zB={class:"pbx-min-w-full"},RB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},HB={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},FB={class:"pbx-min-w-[30rem] pbx-w-max"},jB={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},qB={class:"pbx-min-w-[30rem] pbx-w-max"},WB={class:"pbx-flex pbx-items-center pbx-space-x-3"},UB=["src"],GB={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},KB={class:"pbx-min-w-[30rem] pbx-w-max"},JB={key:2,class:"pbx-mt-8"},YB={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},XB={class:"pbx-overflow-x-auto"},QB={class:"pbx-min-w-full"},ZB={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},$B={key:0},e9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},t9={class:"pbx-min-w-[30rem] pbx-w-max"},r9={key:1},o9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},i9={class:"pbx-min-w-[30rem] pbx-w-max"},n9={key:2},a9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},l9={class:"pbx-min-w-[30rem] pbx-w-max"},s9={key:3},p9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},d9={class:"pbx-min-w-[30rem] pbx-w-max"},c9={key:3,class:"pbx-mt-8"},m9={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},b9={class:"pbx-overflow-x-auto"},u9={class:"pbx-min-w-full"},g9={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},x9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},h9={class:"pbx-min-w-[30rem] pbx-w-max"},f9={class:"pbx-flex pbx-items-center pbx-space-x-3"},y9=["src"],w9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},v9={class:"pbx-min-w-[30rem] pbx-w-max"},S9={class:"pbx-flex pbx-items-center pbx-space-x-3"},k9={class:"pbx-pr-6"},C9={class:"pbx-flex pbx-items-center pbx-space-x-3"},E9={class:"pbx-whitespace-nowrap"},T9={key:4,class:"pbx-mt-8"},M9={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},B9={class:"pbx-overflow-x-auto"},N9={class:"pbx-w-max"},P9={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},L9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},D9={class:"pbx-min-w-[30rem] pbx-w-max"},A9={key:0},O9={key:1},V9={key:0},I9={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},_9={class:"pbx-min-w-[30rem] pbx-w-max"},z9={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},R9={class:"pbx-mt-4 pbx-mb-4 pbx-py-8 pbx-px-2 pbx-border pbx-border-solid pbx-border-gray-600 pbx-rounded-xl"},H9={class:"pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},F9={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},j9={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},q9={__name:"PageBuilderSettings",setup(r){const e="3.4.37",t=ie,o=n.computed(()=>t.getPageBuilderConfig);return(i,a)=>{var l,s,p,d,c,m,b,u,g,h,x,y,w,v,f,k;return n.openBlock(),n.createElementBlock("div",bB,[n.createElementVNode("div",uB,[n.createElementVNode("div",null,[a[26]||(a[26]=n.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[n.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Configuration Overview"),n.createElementVNode("p",{class:"pbx-myPrimaryParagraph pbx-text-xs"}," A summary of current user preferences, application settings, and system metadata including UI theme, language, saved components, and logo configuration. ")],-1)),n.createElementVNode("div",gB,[n.createElementVNode("div",xB,[a[2]||(a[2]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Version Information",-1)),n.createElementVNode("div",hB,[n.createElementVNode("div",fB,[n.createElementVNode("table",yB,[a[1]||(a[1]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," App "),n.createElementVNode("th",{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"}," Version ")])],-1)),n.createElementVNode("tbody",wB,[n.createElementVNode("tr",null,[a[0]||(a[0]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Page Builder")],-1)),n.createElementVNode("td",vB,[n.createElementVNode("div",SB,[n.createElementVNode("span",kB,n.toDisplayString(n.unref(e)),1)])])])])])])])]),(l=o.value)!=null&&l.resourceData&&!n.unref(er)(o.value.resourceData)?(n.openBlock(),n.createElementBlock("div",CB,[a[6]||(a[6]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Resource Data",-1)),n.createElementVNode("div",EB,[n.createElementVNode("div",TB,[n.createElementVNode("table",MB,[a[5]||(a[5]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",BB,[(p=(s=o.value)==null?void 0:s.resourceData)!=null&&p.title?(n.openBlock(),n.createElementBlock("tr",NB,[a[3]||(a[3]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Title")],-1)),n.createElementVNode("td",PB,[n.createElementVNode("div",LB,n.toDisplayString(o.value.resourceData.title),1)])])):n.createCommentVNode("",!0),(c=(d=o.value)==null?void 0:d.resourceData)!=null&&c.id?(n.openBlock(),n.createElementBlock("tr",DB,[a[4]||(a[4]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),n.createElementVNode("td",AB,[n.createElementVNode("div",OB,n.toDisplayString(o.value.resourceData.id),1)])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0),(m=o.value)!=null&&m.userForPageBuilder&&!n.unref(er)(o.value.userForPageBuilder)?(n.openBlock(),n.createElementBlock("div",VB,[a[11]||(a[11]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Information",-1)),n.createElementVNode("div",IB,[n.createElementVNode("div",_B,[n.createElementVNode("table",zB,[a[10]||(a[10]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",RB,[n.createElementVNode("tr",null,[a[7]||(a[7]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"User Name")],-1)),n.createElementVNode("td",HB,[n.createElementVNode("div",FB,n.toDisplayString(o.value.userForPageBuilder.name),1)])]),n.createElementVNode("tr",null,[a[8]||(a[8]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Image")],-1)),o.value.userForPageBuilder.image&&typeof o.value.userForPageBuilder.image=="string"&&o.value.userForPageBuilder.image.length>2?(n.openBlock(),n.createElementBlock("td",jB,[n.createElementVNode("div",qB,[n.createElementVNode("div",WB,[n.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:o.value.userForPageBuilder.image,alt:"image"},null,8,UB)])])])):n.createCommentVNode("",!0)]),n.createElementVNode("tr",null,[a[9]||(a[9]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Image URL")],-1)),o.value.userForPageBuilder.image&&typeof o.value.userForPageBuilder.image=="string"&&o.value.userForPageBuilder.image.length>2?(n.openBlock(),n.createElementBlock("td",GB,[n.createElementVNode("div",KB,n.toDisplayString(o.value.userForPageBuilder.image),1)])):n.createCommentVNode("",!0)])])])])])])):n.createCommentVNode("",!0),(b=o.value)!=null&&b.userSettings&&!n.unref(er)(o.value.userSettings)?(n.openBlock(),n.createElementBlock("div",JB,[a[17]||(a[17]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Settings",-1)),n.createElementVNode("div",YB,[n.createElementVNode("div",XB,[n.createElementVNode("table",QB,[a[16]||(a[16]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Setting "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",ZB,[(g=(u=o.value)==null?void 0:u.userSettings)!=null&&g.theme?(n.openBlock(),n.createElementBlock("tr",$B,[a[12]||(a[12]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Theme")],-1)),n.createElementVNode("td",e9,[n.createElementVNode("div",t9,n.toDisplayString(o.value.userSettings.theme),1)])])):n.createCommentVNode("",!0),(x=(h=o.value)==null?void 0:h.userSettings)!=null&&x.language?(n.openBlock(),n.createElementBlock("tr",r9,[a[13]||(a[13]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Language")],-1)),n.createElementVNode("td",o9,[n.createElementVNode("div",i9,n.toDisplayString(o.value.userSettings.language),1)])])):n.createCommentVNode("",!0),((w=(y=o.value)==null?void 0:y.userSettings)==null?void 0:w.autoSave)!==void 0?(n.openBlock(),n.createElementBlock("tr",n9,[a[14]||(a[14]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Auto Save")],-1)),n.createElementVNode("td",a9,[n.createElementVNode("div",l9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.userSettings.autoSave?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},n.toDisplayString(o.value.userSettings.autoSave?"Enabled":"Disabled"),3)])])])):n.createCommentVNode("",!0),((f=(v=o.value)==null?void 0:v.userSettings)==null?void 0:f.notifications)!==void 0?(n.openBlock(),n.createElementBlock("tr",s9,[a[15]||(a[15]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Notifications")],-1)),n.createElementVNode("td",p9,[n.createElementVNode("div",d9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.userSettings.notifications?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},n.toDisplayString(o.value.userSettings.notifications?"Enabled":"Disabled"),3)])])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0),o.value&&o.value.pageBuilderLogo&&!n.unref(er)(o.value.pageBuilderLogo)?(n.openBlock(),n.createElementBlock("div",c9,[a[21]||(a[21]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Logo Configuration",-1)),n.createElementVNode("div",m9,[n.createElementVNode("div",b9,[n.createElementVNode("table",u9,[a[20]||(a[20]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Property "),n.createElementVNode("th",{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"}," Value ")])],-1)),n.createElementVNode("tbody",g9,[n.createElementVNode("tr",null,[a[18]||(a[18]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo")],-1)),n.createElementVNode("td",x9,[n.createElementVNode("div",h9,[n.createElementVNode("div",f9,[n.createElementVNode("img",{class:"pbx-h-4",src:o.value.pageBuilderLogo.src,alt:"Logo"},null,8,y9)])])])]),n.createElementVNode("tr",null,[a[19]||(a[19]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo URL")],-1)),n.createElementVNode("td",w9,[n.createElementVNode("div",v9,[n.createElementVNode("div",S9,[n.createElementVNode("div",k9,[n.createElementVNode("div",C9,[n.createElementVNode("span",E9,n.toDisplayString(o.value.pageBuilderLogo.src),1)])])])])])])])])])])])):n.createCommentVNode("",!0),(k=o.value)!=null&&k.updateOrCreate&&!n.unref(er)(o.value.updateOrCreate)?(n.openBlock(),n.createElementBlock("div",T9,[a[25]||(a[25]=n.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Form Type",-1)),n.createElementVNode("div",M9,[n.createElementVNode("div",B9,[n.createElementVNode("table",N9,[a[24]||(a[24]=n.createElementVNode("thead",{class:"pbx-bg-gray-50"},[n.createElementVNode("tr",null,[n.createElementVNode("th",{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"}," Mode "),n.createElementVNode("th",{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"}," Description ")])],-1)),n.createElementVNode("tbody",P9,[n.createElementVNode("tr",null,[a[22]||(a[22]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Type")],-1)),n.createElementVNode("td",L9,[n.createElementVNode("div",D9,[n.createElementVNode("span",{class:n.normalizeClass(["pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium",o.value.updateOrCreate==="create"?"bg-green-100 text-green-800":"bg-blue-100 text-blue-800"])},[o.value&&o.value.updateOrCreate.formType==="create"?(n.openBlock(),n.createElementBlock("span",A9,n.toDisplayString(o.value.updateOrCreate.formType),1)):n.createCommentVNode("",!0),o.value&&o.value.updateOrCreate.formType==="update"?(n.openBlock(),n.createElementBlock("span",O9,n.toDisplayString(o.value.updateOrCreate.formType),1)):n.createCommentVNode("",!0)],2)])])]),o.value.updateOrCreate.formName&&o.value.updateOrCreate.formName.length>0?(n.openBlock(),n.createElementBlock("tr",V9,[a[23]||(a[23]=n.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[n.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Name")],-1)),n.createElementVNode("td",I9,[n.createElementVNode("div",_9,[n.createElementVNode("span",z9,n.toDisplayString(o.value.updateOrCreate.formName),1)])])])):n.createCommentVNode("",!0)])])])])])):n.createCommentVNode("",!0)])])]),n.createElementVNode("div",R9,[a[28]||(a[28]=n.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[n.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Complete Configuration Overview"),n.createElementVNode("p",{class:"pbx-myPrimaryParagraph pbx-text-xs"}," 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)),n.createElementVNode("div",H9,[a[27]||(a[27]=n.createElementVNode("div",{class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},[n.createElementVNode("div",{class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},[n.createElementVNode("div",{class:"pbx-px-4 pbx-py-4 pbx-text-white"},"Configuration")])],-1)),n.createElementVNode("div",F9,[n.createElementVNode("p",j9," config: "+n.toDisplayString(JSON.stringify(o.value,null,4)),1)])])])])}}},W9={class:"pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"},U9={class:"pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor"},G9={class:"pbx-myPrimaryParagraph"},K9={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},J9={class:"pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900"},Y9={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},X9={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},Q9={class:"pbx-px-4 pbx-py-4 pbx-text-gray-100"},Z9={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs"},$9={class:"pbx-text-xs pbx-pb-2"},eN={class:"pbx-text-xs pbx-pb-2"},tN={class:"pbx-text-xs pbx-pb-2"},rN={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},oN={class:"pbx-overflow-hidden pbx-bg-gray-900"},iN={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},nN={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},aN={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all"},lN={key:0},sN={key:0},pN={class:"pbx-pb-2 pbx-text-xs"},dN={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},cN={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},mN={class:"pbx-overflow-x-auto"},bN={class:"pbx-min-w-full"},uN={class:"pbx-bg-gray-900"},gN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},xN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},hN={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-b"},fN={class:"pbx-overflow-x-auto"},yN={class:"pbx-min-w-full"},wN={class:"pbx-bg-gray-900"},vN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},SN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},kN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},CN={class:"pbx-overflow-x-auto"},EN={class:"pbx-min-w-full"},TN={class:"pbx-bg-gray-900"},MN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},BN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},NN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},PN={key:1},LN={key:0},DN={class:"pbx-pb-2 pbx-text-xs"},AN={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},ON={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},VN={class:"pbx-overflow-x-auto"},IN={class:"pbx-min-w-full"},_N={class:"pbx-bg-gray-900"},zN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},RN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},HN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},FN={class:"pbx-overflow-x-auto"},jN={class:"pbx-min-w-full"},qN={class:"pbx-bg-gray-900"},WN={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200"},UN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},GN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},KN={class:"pbx-overflow-x-auto"},JN={class:"pbx-min-w-full"},YN={class:"pbx-bg-gray-900"},XN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},QN={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},ZN={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},$N={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},eP=["innerHTML"],tP={key:2},rP={key:0},oP={class:"pbx-pb-2 pbx-text-xs"},iP={key:1},nP={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},aP={class:"pbx-overflow-x-auto"},lP={class:"pbx-min-w-full"},sP={class:"pbx-bg-gray-900"},pP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},dP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},cP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},mP={class:"pbx-overflow-x-auto"},bP={class:"pbx-min-w-full"},uP={class:"pbx-bg-gray-900"},gP={class:"pbx-border-0 pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-border-solid pbx-border-t pbx-border-gray-200"},xP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},hP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},fP={class:"pbx-overflow-x-auto"},yP={class:"pbx-min-w-full"},wP={class:"pbx-bg-gray-900"},vP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},SP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},kP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},CP={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},EP=["innerHTML"],TP={__name:"AdvancedPageBuilderSettings",setup(r){const{translate:e}=pe(),t=ie,o=n.computed(()=>t.getElement),i=n.computed(()=>t.getComponent),a=n.computed(()=>t.getComponents),l=n.ref("element"),s=function(d){l.value=d};function p(d){if(!d)return"";const c=" ";let m=0,b="";const g=d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").split(/(&lt;[^&gt;]+&gt;)/g),h=["&lt;area","&lt;base","&lt;br","&lt;col","&lt;embed","&lt;hr","&lt;img","&lt;input","&lt;link","&lt;meta","&lt;param","&lt;source","&lt;track","&lt;wbr"];return g.forEach(x=>{const y=x.trim();if(!y)return;const w=y.startsWith("&lt;")&&y.endsWith("&gt;"),v=w&&y.startsWith("&lt;/");v&&(m=Math.max(0,m-1));let f=c.repeat(m)+y;w&&(f=f.replace(/(&lt;\/?[[\w\s="/.':;#-\/\?]+&gt;)/g,k=>{var D;const S=(D=k.match(/&lt;\/?([\w-]+)/))==null?void 0:D[1];let C=k.replace(/(&lt;\/?[\w-]+)/g,`<span class="html-tag-symbol">&lt;</span><span class="html-tag-name">${S}</span>`);return C=C.replace(/([\w-]+)=(&quot;[^&quot;]*&quot;)/g,'<span class="html-attribute-name">$1</span><span class="html-operator">=</span><span class="html-attribute-value">$2</span>'),C+'<span class="html-tag-symbol">&gt;</span>'})),b+=f+`
891
891
  `,w&&!v&&(y.endsWith("/&gt;")||h.some(S=>y.startsWith(S))||m++)}),b}return(d,c)=>{var m,b,u,g,h,x,y,w,v,f;return n.openBlock(),n.createElementBlock("div",W9,[n.createElementVNode("div",U9,[n.createElementVNode("p",G9,n.toDisplayString(n.unref(e)("Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.")),1),n.createElementVNode("div",null,[n.createElementVNode("h4",K9,n.toDisplayString(n.unref(e)("Types")),1),n.createElementVNode("div",J9,[n.createElementVNode("div",Y9,[n.createElementVNode("div",X9,[n.createElementVNode("div",Q9,n.toDisplayString(n.unref(e)("Types")),1)])]),n.createElementVNode("div",Z9,[n.createElementVNode("p",$9,[n.createElementVNode("span",null,n.toDisplayString(n.unref(e)("Element type:")),1),n.createElementVNode("span",null,n.toDisplayString(typeof o.value),1)]),n.createElementVNode("p",eN,[n.createElementVNode("span",null,n.toDisplayString(n.unref(e)("Component type:")),1),n.createTextVNode(" "+n.toDisplayString(typeof i.value),1)]),n.createElementVNode("p",tN,[n.createElementVNode("span",null,n.toDisplayString(n.unref(e)("Components:")),1),n.createElementVNode("span",null,n.toDisplayString(Array.isArray(a.value)===!0?n.unref(e)("array"):typeof a.value),1)])])])]),n.createElementVNode("div",null,[n.createElementVNode("h4",rN,n.toDisplayString(n.unref(e)("Content")),1),n.createElementVNode("div",oN,[n.createElementVNode("div",iN,[n.createElementVNode("div",nN,[n.createElementVNode("div",{onClick:c[0]||(c[0]=k=>s("element")),class:n.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[l.value==="element"?"pbx-text-gray-100":""]])},n.toDisplayString(n.unref(e)("Element")),3),n.createElementVNode("div",{onClick:c[1]||(c[1]=k=>s("component")),class:n.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[l.value==="component"?"pbx-text-gray-100":""]])},n.toDisplayString(n.unref(e)("Component")),3),n.createElementVNode("div",{onClick:c[2]||(c[2]=k=>s("components")),class:n.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[l.value==="components"?"pbx-text-gray-100":""]])},n.toDisplayString(n.unref(e)("Components added"))+" "+n.toDisplayString(Array.isArray(a.value)&&a.value.length),3)])]),n.createElementVNode("div",aN,[l.value==="element"?(n.openBlock(),n.createElementBlock("div",lN,[i.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",sN,[n.createElementVNode("p",pN,n.toDisplayString(i.value===null?n.unref(e)("No Element selected"):typeof i.value),1)])),o.value?(n.openBlock(),n.createElementBlock("div",dN,[n.createElementVNode("div",cN,[n.createElementVNode("div",mN,[n.createElementVNode("table",bN,[n.createElementVNode("thead",uN,[n.createElementVNode("tr",null,[n.createElementVNode("th",gN,n.toDisplayString(n.unref(e)("Selected HTML:")),1)])]),n.createElementVNode("tbody",xN,[n.createElementVNode("tr",null,[n.createElementVNode("td",hN,n.toDisplayString((m=o.value)==null?void 0:m.outerHTML),1)])])])]),n.createElementVNode("div",fN,[n.createElementVNode("table",yN,[n.createElementVNode("thead",wN,[n.createElementVNode("tr",null,[n.createElementVNode("th",vN,n.toDisplayString(n.unref(e)("Element src:")),1)])]),n.createElementVNode("tbody",SN,[n.createElementVNode("tr",null,[n.createElementVNode("td",kN,n.toDisplayString((b=o.value)!=null&&b.src?(u=o.value)==null?void 0:u.src:typeof((g=o.value)==null?void 0:g.src)),1)])])])])]),n.createElementVNode("div",CN,[n.createElementVNode("table",EN,[n.createElementVNode("thead",TN,[n.createElementVNode("tr",null,[n.createElementVNode("th",MN,n.toDisplayString(n.unref(e)("Element classes:")),1)])]),n.createElementVNode("tbody",BN,[n.createElementVNode("tr",null,[n.createElementVNode("td",NN,n.toDisplayString((h=o.value)!=null&&h.classList?(x=o.value)==null?void 0:x.classList:typeof((y=o.value)==null?void 0:y.classList)),1)])])])])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),l.value==="component"?(n.openBlock(),n.createElementBlock("div",PN,[i.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",LN,[n.createElementVNode("p",DN,n.toDisplayString(i.value===null?n.unref(e)("No Component selected"):typeof i.value),1)])),i.value?(n.openBlock(),n.createElementBlock("div",AN,[n.createElementVNode("div",ON,[n.createElementVNode("div",VN,[n.createElementVNode("table",IN,[n.createElementVNode("thead",_N,[n.createElementVNode("tr",null,[n.createElementVNode("th",zN,n.toDisplayString(n.unref(e)("ID:")),1)])]),n.createElementVNode("tbody",RN,[n.createElementVNode("tr",null,[n.createElementVNode("td",HN,n.toDisplayString((w=i.value)==null?void 0:w.id),1)])])])]),n.createElementVNode("div",FN,[n.createElementVNode("table",jN,[n.createElementVNode("thead",qN,[n.createElementVNode("tr",null,[n.createElementVNode("th",WN,n.toDisplayString(n.unref(e)("Title:")),1)])]),n.createElementVNode("tbody",UN,[n.createElementVNode("tr",null,[n.createElementVNode("td",GN,n.toDisplayString((v=i.value)==null?void 0:v.title),1)])])])])]),n.createElementVNode("div",KN,[n.createElementVNode("table",JN,[n.createElementVNode("thead",YN,[n.createElementVNode("tr",null,[n.createElementVNode("th",XN,n.toDisplayString(n.unref(e)("HTML Code:")),1)])]),n.createElementVNode("tbody",QN,[n.createElementVNode("tr",null,[n.createElementVNode("td",ZN,[n.createElementVNode("pre",$N,[c[3]||(c[3]=n.createTextVNode(" ")),n.createElementVNode("code",{class:"pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",innerHTML:p((f=i.value)==null?void 0:f.html_code)},null,8,eP),c[4]||(c[4]=n.createTextVNode(`
892
892
  `))])])])])])])])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0),l.value==="components"?(n.openBlock(),n.createElementBlock("div",tP,[Array.isArray(a.value)&&a.value.length===0?(n.openBlock(),n.createElementBlock("div",rP,[n.createElementVNode("p",oP,n.toDisplayString(n.unref(e)("No Components added yet")),1)])):n.createCommentVNode("",!0),a.value?(n.openBlock(),n.createElementBlock("div",iP,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.value,k=>(n.openBlock(),n.createElementBlock("div",{key:k.id,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},[n.createElementVNode("div",nP,[n.createElementVNode("div",aP,[n.createElementVNode("table",lP,[n.createElementVNode("thead",sP,[n.createElementVNode("tr",null,[n.createElementVNode("th",pP,n.toDisplayString(n.unref(e)("ID:")),1)])]),n.createElementVNode("tbody",dP,[n.createElementVNode("tr",null,[n.createElementVNode("td",cP,n.toDisplayString(k.id),1)])])])]),n.createElementVNode("div",mP,[n.createElementVNode("table",bP,[n.createElementVNode("thead",uP,[n.createElementVNode("tr",null,[n.createElementVNode("th",gP,n.toDisplayString(n.unref(e)("Title:")),1)])]),n.createElementVNode("tbody",xP,[n.createElementVNode("tr",null,[n.createElementVNode("td",hP,n.toDisplayString(k.title),1)])])])])]),n.createElementVNode("div",fP,[n.createElementVNode("table",yP,[n.createElementVNode("thead",wP,[n.createElementVNode("tr",null,[n.createElementVNode("th",vP,n.toDisplayString(n.unref(e)("HTML Code:")),1)])]),n.createElementVNode("tbody",SP,[n.createElementVNode("tr",null,[n.createElementVNode("td",kP,[n.createElementVNode("pre",CP,[c[5]||(c[5]=n.createTextVNode(" ")),n.createElementVNode("code",{class:"pbx-font-sans pbx-w-full",innerHTML:p(k.html_code)},null,8,EP),c[6]||(c[6]=n.createTextVNode(`
893
893
  `))])])])])])])]))),128))])):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)])])])])])}}},MP={class:"pbx-flex pbx-items-center pbx-justify-center"},BP={class:"pbx-mr-2"},NP={key:0,class:"pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"},PP={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"},LP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},DP={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"},AP={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"},OP=["src"],VP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},IP={class:"pbx-hidden lg:pbx-block"},_P={class:"pbx-relative pbx-group"},zP={type:"button",class:"pbx-mySecondaryButton pbx-font-normal pbx-text-xs"},RP={class:"pbx-absolute pbx-left-0 -pbx-ml-16 -pbx-mt-2 pbx-flex pbx-flex-col pbx-gap-3 pbx-shadow-lg pbx-bg-white pbx-w-max pbx-border-solid pbx-border pbx-border-gray-100 pbx-rounded-2xl pbx-transition-all pbx-duration-200 pbx-ease-out pbx-pt-4 pbx-pr-4 pbx-pb-4 pbx-pl-2 pbx-z-30 pbx-opacity-0 pbx-pointer-events-none pbx-translate-y-2 group-hover:pbx-opacity-100 group-hover:pbx-pointer-events-auto group-hover:pbx-translate-y-0"},HP={__name:"ToolbarOption",setup(r){const{translate:e}=pe(),t=ne(),o=ie,i=n.computed(()=>o.getPageBuilderConfig),a=n.ref(!1),l=n.ref(!1),s=n.ref(""),p=n.ref(1),d=n.ref(""),c=n.ref(""),m=n.ref(""),b=n.ref(null),u=n.ref(null),g=n.ref(null),h=n.ref(null),x=n.ref(null),y=function(){l.value=!0,s.value="delete",p.value=2,d.value=e("Remove all Components"),c.value=e("Are you sure you want to remove all Components?"),m.value=e("Close"),b.value=null,u.value=e("Delete"),g.value=function(){l.value=!1},x.value=async function(){a.value=!0,await t.clearHtmlSelection(),await t.handleFormSubmission(),await ge(500),l.value=!1,a.value=!1}},w=n.ref(!1),v=function(){w.value=!1},f=function(){w.value=!0},k=n.ref(!1),S=function(){k.value=!1},C=async function(){await t.generateHtmlFromComponents(),k.value=!0};return(D,V)=>{var M;return n.openBlock(),n.createElementBlock("div",null,[n.createElementVNode("div",MP,[n.createElementVNode("div",BP,[i.value&&i.value.userForPageBuilder&&i.value.userForPageBuilder.name&&(!i.value.userForPageBuilder.image||typeof i.value.userForPageBuilder.image=="string"&&((M=i.value.userForPageBuilder.image)==null?void 0:M.length)<2)?(n.openBlock(),n.createElementBlock("div",NP,[n.createElementVNode("div",PP,n.toDisplayString(typeof i.value.userForPageBuilder.name=="string"&&i.value.userForPageBuilder.name[0]),1),n.createElementVNode("div",LP,n.toDisplayString(i.value.userForPageBuilder.name),1)])):n.createCommentVNode("",!0),i.value&&i.value.userForPageBuilder&&i.value.userForPageBuilder.name&&i.value.userForPageBuilder.image&&typeof i.value.userForPageBuilder.image=="string"&&i.value.userForPageBuilder.image.length>2?(n.openBlock(),n.createElementBlock("div",DP,[n.createElementVNode("div",AP,[n.createElementVNode("img",{alt:"Avatar",src:`${i.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,OP)]),n.createElementVNode("div",VP,n.toDisplayString(i.value.userForPageBuilder.name),1)])):n.createCommentVNode("",!0)]),n.createElementVNode("div",IP,[n.createElementVNode("div",_P,[n.createElementVNode("button",zP,[n.createElementVNode("span",null,n.toDisplayString(n.unref(e)("Options")),1)]),n.createElementVNode("div",RP,[n.createElementVNode("button",{onClick:V[0]||(V[0]=async()=>{await n.unref(t).clearHtmlSelection(),f()}),class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},n.toDisplayString(n.unref(e)("Config Overview")),1),n.createElementVNode("button",{onClick:C,class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},n.toDisplayString(n.unref(e)("HTML Overview")),1),n.createElementVNode("button",{onClick:y,class:"pbx-myPrimaryDeleteButton pbx-text-xs pbx-font-normal",type:"button"},n.toDisplayString(n.unref(e)("Delete Layout")),1)])])])]),n.createVNode(Et,{maxWidth:"5xl",showModalBuilder:w.value,title:"Main Settings",onCloseMainModalBuilder:v,minHeight:"",maxHeight:""},{default:n.withCtx(()=>[n.createVNode(q9)]),_:1},8,["showModalBuilder"]),n.createVNode(Et,{maxWidth:"5xl",showModalBuilder:k.value,title:n.unref(e)("Selected HTML"),onCloseMainModalBuilder:S,minHeight:"",maxHeight:""},{default:n.withCtx(()=>[n.createVNode(TP)]),_:1},8,["showModalBuilder","title"]),n.createVNode(Zt,{showDynamicModalBuilder:l.value,type:s.value,gridColumnAmount:p.value,title:d.value,description:c.value,isLoading:a.value,firstButtonText:m.value,secondButtonText:b.value,thirdButtonText:u.value,onFirstModalButtonFunctionDynamicModalBuilder:g.value,onSecondModalButtonFunctionDynamicModalBuilder:h.value,onThirdModalButtonFunctionDynamicModalBuilder:x.value},{default:n.withCtx(()=>V[1]||(V[1]=[n.createElementVNode("header",null,null,-1),n.createElementVNode("main",null,null,-1)])),_:1,__:[1]},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"])])}}};let Vs=null;function FP(){return(r,e=300)=>{Vs&&clearTimeout(Vs),Vs=setTimeout(r,e)}}const jP={},qP={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]"};function WP(r,e){return n.openBlock(),n.createElementBlock("div",qP,e[0]||(e[0]=[n.createElementVNode("div",{class:"pbx-absolute pbx-top-1/3"},[n.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-mt-4"},[n.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]"},[n.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 Ev=ba(jP,[["render",WP]]),UP={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"},GP=n.defineComponent({__name:"UndoRedo",emits:["toolbar-hide-request"],setup(r,{emit:e}){const t=ne(),o=e,i=ie,a=n.computed(()=>i.getIsLoadingGlobal),l=n.computed(()=>i.getHistoryIndex),s=n.computed(()=>i.getHistoryLength),p=n.computed(()=>l.value>0),d=n.computed(()=>l.value<s.value-1),c=async function(){p.value&&(o("toolbar-hide-request"),await t.undo(),await t.clearHtmlSelection())},m=async function(){d.value&&(o("toolbar-hide-request"),await t.redo(),await t.clearHtmlSelection())};return(b,u)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[a.value?(n.openBlock(),n.createBlock(Ev,{key:0})):n.createCommentVNode("",!0),n.createElementVNode("div",{onClick:u[0]||(u[0]=async()=>{await n.unref(t).clearHtmlSelection()}),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full gap-1"},[n.createElementVNode("div",{onClick:c,type:"button",class:n.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",[p.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]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," undo ",-1)]),2),n.createElementVNode("div",UP,n.toDisplayString(l.value+1)+"/"+n.toDisplayString(s.value),1),n.createElementVNode("div",{onClick:m,class:n.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",[d.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[2]||(u[2]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," redo ",-1)]),2)])],64))}}),KP={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"},JP={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"},YP=["src"],XP={class:"pbx-flex pbx-items-center pbx-justify-center"},QP=["disabled"],ZP={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},$P={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},eL=["disabled"],tL={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},rL={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},oL={class:"lg:pbx-block pbx-hidden"},iL={class:"lg:pbx-hidden pbx-block"},nL={class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200"},aL={class:"lg:pbx-block pbx-hidden"},lL={class:"pbx-whitespace-nowrap pbx-cursor-pointer"},sL={class:"pbx-flex pbx-items-center pbx-justify-center pbx-mr-2"},pL={class:"lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center"},dL={class:"pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end"},cL={key:0,class:"pbx-flex-1 pbx-ml-2"},mL={key:0,class:"pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"},bL=["value"],uL=["value"],gL={key:2,class:"pbx-flex-1 pbx-ml-2 pbx-mr-2"},xL={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"},hL={class:"pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch"},fL={class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},yL={id:"pbxEditToolbar",class:"pbx-z-30 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-sm pbx-px-4 pbx-h-0 pbx-relative"},wL={id:"pagebuilder",class:"pbx-text-black pbx-font-sans"},vL=["innerHTML","onMouseup"],SL={id:"pagebuilder-footer",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-flex pbx-items-center pbx-justify-center pbx-border-0 pbx-border-t pbx-border-t-gray-200 pbx-border-solid pbx-bg-myPrimaryLightGrayColor pbx-py-4"},kL={class:"lg:pbx-block pbx-hidden"},CL={class:"pbx-whitespace-nowrap"},EL={__name:"PageBuilder",props:{CustomMediaLibraryComponent:{type:Object,default:null},CustomBuilderComponents:{type:Object,default:null},showCloseButton:{type:Boolean,default:!1},showPublishButton:{type:Boolean,default:!1}},emits:["handleClosePageBuilder","handlePublishPageBuilder"],setup(r,{emit:e}){const t=ne(),o=r,{translate:i,loadTranslations:a}=pe(),l=Bs,s=ie;n.provide("pageBuilderStateStore",s),n.provide("internalPinia",l),n.provide("CustomMediaComponent",o.CustomMediaLibraryComponent),n.provide("CustomBuilderComponents",o.CustomBuilderComponents);const p=e,d=function(){p("handleClosePageBuilder")},c=async function(){s.setIsLoadingGlobal(!0),await t.handleManualSave(),s.setIsLoadingGlobal(!1),p("handlePublishPageBuilder")},m=()=>{J.value=!1};n.provide("closeAddComponentModal",m);const b=n.ref("en");let u=!0;const g=n.ref(!1);n.watch(b,async A=>{if(A&&!u){g.value=!0,await ge(200),await a(A),t.changeLanguage(A);const T=JSON.parse(localStorage.getItem("userSettingsPageBuilder"))||{};T.lang=A,localStorage.setItem("userSettingsPageBuilder",JSON.stringify(T)),g.value=!1}});const h=n.computed(()=>s.getBuilderStarted),x=n.computed(()=>s.getPageBuilderConfig),y=n.computed(()=>s.getMenuRight),w=n.ref(!1),v=n.ref(""),f=n.ref(""),k=function(){t.previewCurrentDesign()},S=function(){v.value=i("Preview"),k(),w.value=!0},C=n.ref(!1),D=function(){t.previewCurrentDesign()},V=function(){f.value=i("Mobile"),D(),C.value=!0},M=n.ref(!1),B=function(){M.value=!1},L=function(){w.value=!1},H=function(){C.value=!1},J=n.ref(!1),Y=n.ref(""),Z=n.ref(""),$=n.ref(null),ee=async function(){await t.clearHtmlSelection(),Y.value=i("Add Components to Page"),Z.value=i("Close"),J.value=!0,$.value=function(){J.value=!1}},U=n.computed(()=>s.getElement),Ge=n.computed(()=>s.getComponents),Ke=n.computed(()=>s.getHasLocalDraftForUpdate);n.watch(Ke,A=>{A&&St()});const Fe=n.computed(()=>!U.value||!(U.value instanceof HTMLElement)?"":{src:U.value.getAttribute("src"),href:U.value.getAttribute("href"),style:U.value.getAttribute("style"),class:U.value.getAttribute("class"),dataImage:U.value.getAttribute("data-image")}),mt=FP();n.watch(Fe,async(A,T)=>{((A==null?void 0:A.src)!==(T==null?void 0:T.src)||(A==null?void 0:A.href)!==(T==null?void 0:T.href)||(A==null?void 0:A.style)!==(T==null?void 0:T.style)||(A==null?void 0:A.class)!==(T==null?void 0:T.class)||(A==null?void 0:A.dataImage)!==(T==null?void 0:T.dataImage))&&mt(async()=>{await t.initializeElementStyles()},200)});const Je=function(A){s.setComponent(A)},Ae=n.computed(()=>s.getIsLoadingGlobal),Oe=n.computed(()=>s.getIsSaving),wt=n.computed(()=>s.getIsLoadingResumeEditing),Be=n.computed(()=>s.getIsRestoring),vt=n.ref(1),et=n.ref(""),Ye=n.ref(!1),Qt=n.ref(""),ue=n.ref(""),z=n.ref(""),Ve=n.ref(null),Sr=n.ref(null),kr=n.ref(null),Qr=n.ref(null),Zr=n.ref(null),St=async function(){et.value="warning",Ye.value=!0,Qt.value=i("Continue Your Work?"),ue.value=i("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?"),z.value=i("Use Saved Version"),Ve.value=null,Sr.value=i("Continue Where I Left Off"),kr.value=async function(){s.setHasLocalDraftForUpdate(!1),Ye.value=!1},Qr.value=function(){},Zr.value=async function(){await t.resumeEditingFromDraft(),s.setHasLocalDraftForUpdate(!1),Ye.value=!1}},_t=n.ref(1),Cr=n.ref(""),bt=n.ref(!1),Er=n.ref(""),$r=n.ref(""),eo=n.ref(""),to=n.ref(null),ro=n.ref(null),xa=n.ref(null),ha=n.ref(null),fa=n.ref(null),Is=async function(){await t.clearHtmlSelection(),Cr.value="success",bt.value=!0,Er.value=i("Do you want to reset this page?"),$r.value=i("Are you sure you want to reset this page? This will overwrite your current changes."),eo.value=i("Close"),to.value=null,ro.value=i("Reset changes"),xa.value=function(){bt.value=!1},ha.value=async function(){},fa.value=async function(){await t.restoreOriginalContent(),bt.value=!1}},Li=function(){h.value||(M.value=!0)},E=n.ref(null),_=function(){const A=document.querySelector("#pbxEditToolbar");A&&(A.classList.remove("is-visible"),A.removeAttribute("style"))};function F(){const A=E.value,T=A&&A.querySelector("#pbxEditToolbar");if(!A||!T)return;const Q=A.querySelector("[selected]");if(Q&&typeof Q.getBoundingClientRect=="function"){const kt=Q.getBoundingClientRect(),Di=A.getBoundingClientRect();let Ct=kt.left-Di.left+kt.width/2-T.offsetWidth/2;const Oo=20;Ct=Math.max(Oo,Math.min(Ct,A.offsetWidth-T.offsetWidth-Oo));const Tr=kt.top-Di.top+A.scrollTop-T.offsetHeight-20,_s=Math.max(0,Tr);T.style.position="absolute",T.style.left=`${Ct}px`,T.style.top=`${_s}px`,T.classList.add("is-visible")}else T.classList.remove("is-visible"),T.removeAttribute("style")}const X=JSON.parse(localStorage.getItem("userSettingsPageBuilder"));return n.onMounted(async()=>{await t.completeBuilderInitialization(void 0,!0),X&&X.lang&&(b.value=X.lang),x.value&&x.value.userSettings&&x.value.userSettings.language&&x.value.userSettings.language.default&&(!X||!X.lang)&&(b.value=x.value.userSettings.language.default),await a(b.value),u=!1,F();const A=E.value;if(!A)return;new MutationObserver(F).observe(A,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["selected"]}),window.addEventListener("scroll",F),window.addEventListener("resize",F),await ge(1e4),Li(),await ge(1e4),Li(),await ge(1e4),Li()}),(A,T)=>(n.openBlock(),n.createElementBlock("div",KP,[Ae.value&&!M.value||g.value?(n.openBlock(),n.createBlock(Ev,{key:0})):n.createCommentVNode("",!0),n.createVNode(Et,{title:"The builder hasn’t started yet",showModalBuilder:M.value,onCloseMainModalBuilder:B,type:"delete",maxWidth:"2xl",noBackgroundOpacity:!0},{default:n.withCtx(()=>T[21]||(T[21]=[n.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,__:[21]},8,["showModalBuilder"]),J.value?(n.openBlock(),n.createBlock(l7,{key:1,show:J.value,firstButtonText:Z.value,title:Y.value,CustomBuilderComponents:o.CustomBuilderComponents,onFirstModalButtonSearchComponentsFunction:$.value},null,8,["show","firstButtonText","title","CustomBuilderComponents","onFirstModalButtonSearchComponentsFunction"])):n.createCommentVNode("",!0),n.createVNode(Et,{title:v.value,showModalBuilder:w.value,onCloseMainModalBuilder:L,maxWidth:"screen"},{default:n.withCtx(()=>[n.createVNode(wa)]),_:1},8,["title","showModalBuilder"]),n.createVNode(Et,{title:f.value,showModalBuilder:C.value,onCloseMainModalBuilder:H,maxWidth:"lg"},{default:n.withCtx(()=>[n.createVNode(wa,{mobile:!0})]),_:1},8,["title","showModalBuilder"]),n.createVNode(Zt,{showDynamicModalBuilder:Ye.value,isLoading:wt.value,type:et.value,gridColumnAmount:vt.value,title:Qt.value,description:ue.value,firstButtonText:z.value,secondButtonText:Ve.value,thirdButtonText:Sr.value,onFirstModalButtonFunctionDynamicModalBuilder:kr.value,onSecondModalButtonFunctionDynamicModalBuilder:Qr.value,onThirdModalButtonFunctionDynamicModalBuilder:Zr.value},{default:n.withCtx(()=>T[22]||(T[22]=[n.createElementVNode("header",null,null,-1),n.createElementVNode("main",null,null,-1)])),_:1,__:[22]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),n.createVNode(Zt,{showDynamicModalBuilder:bt.value,isLoading:Be.value,type:Cr.value,gridColumnAmount:_t.value,title:Er.value,description:$r.value,firstButtonText:eo.value,secondButtonText:to.value,thirdButtonText:ro.value,onFirstModalButtonFunctionDynamicModalBuilder:xa.value,onSecondModalButtonFunctionDynamicModalBuilder:ha.value,onThirdModalButtonFunctionDynamicModalBuilder:fa.value},{default:n.withCtx(()=>T[23]||(T[23]=[n.createElementVNode("header",null,null,-1),n.createElementVNode("main",null,null,-1)])),_:1,__:[23]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),n.createElementVNode("div",JP,[x.value&&x.value.pageBuilderLogo&&x.value.pageBuilderLogo.src?(n.openBlock(),n.createElementBlock("div",{key:0,onClick:T[0]||(T[0]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-justify-start pbx-py-2 lg:pbx-ml-4 pbx-ml-2"},[n.createElementVNode("img",{class:"pbx-h-6",src:x.value.pageBuilderLogo.src,alt:"Logo"},null,8,YP)])):n.createCommentVNode("",!0),n.createVNode(GP,{onToolbarHideRequest:_}),n.createElementVNode("div",{onClick:T[3]||(T[3]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[n.createElementVNode("div",XP,[n.createElementVNode("button",{class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",onClick:T[1]||(T[1]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection(),await n.unref(t).handleManualSave()},["stop"])),type:"button",disabled:Oe.value},[Oe.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",ZP,T[24]||(T[24]=[n.createElementVNode("span",{class:"material-symbols-outlined"},"save",-1)]))),Oe.value?(n.openBlock(),n.createElementBlock("div",$P,T[25]||(T[25]=[n.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[n.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"}),n.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):n.createCommentVNode("",!0),n.createElementVNode("div",null,n.toDisplayString(n.unref(i)("Save")),1)],8,QP),x.value&&x.value.updateOrCreate&&x.value.updateOrCreate.formType==="update"?(n.openBlock(),n.createElementBlock("button",{key:0,class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 lg:pbx-mr-2 pbx-mr-2",onClick:T[2]||(T[2]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection(),await Is()},["stop"])),type:"button",disabled:Be.value},[Be.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",tL,T[26]||(T[26]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," settings_backup_restore ",-1)]))),Be.value?(n.openBlock(),n.createElementBlock("div",rL,T[27]||(T[27]=[n.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[n.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"}),n.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):n.createCommentVNode("",!0),n.createElementVNode("div",oL,[n.createElementVNode("span",null,n.toDisplayString(n.unref(i)("Reset Page")),1)]),n.createElementVNode("div",iL,[n.createElementVNode("span",null,n.toDisplayString(n.unref(i)("Reset")),1)])],8,eL)):n.createCommentVNode("",!0)])]),n.createElementVNode("div",{onClick:T[8]||(T[8]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[n.createElementVNode("div",{onClick:T[7]||(T[7]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-items-center pbx-justify-center"},[n.createElementVNode("div",{class:"pbx-mr-2",onClick:T[4]||(T[4]=()=>{n.unref(s).setComponentArrayAddMethod("unshift"),ee()})},[n.createElementVNode("div",nL,[n.createElementVNode("span",aL,[n.createElementVNode("div",lL,n.toDisplayString(n.unref(i)("Add new Components")),1)]),T[28]||(T[28]=n.createElementVNode("span",{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"},[n.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")],-1))])]),n.createElementVNode("div",sL,[n.createElementVNode("div",{onClick:T[5]||(T[5]=async()=>{n.unref(s).setMenuRight(!1),n.unref(s).setElement(null),await n.unref(t).clearHtmlSelection(),S()})},T[29]||(T[29]=[n.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[n.createElementVNode("span",{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"},[n.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," visibility ")])],-1)]))]),n.createElementVNode("div",pL,[n.createElementVNode("div",{onClick:T[6]||(T[6]=async()=>{n.unref(s).setMenuRight(!1),n.unref(s).setElement(null),await n.unref(t).clearHtmlSelection(),V()})},T[30]||(T[30]=[n.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[n.createElementVNode("span",{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"},[n.createElementVNode("span",{class:"material-symbols-outlined"}," phone_iphone ")])],-1)]))])])]),n.createElementVNode("div",dL,[n.createElementVNode("div",{onClick:T[9]||(T[9]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:n.normalizeClass(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full",[r.showCloseButton?"pbx-justify-between":"pbx-justify-end"]])},[n.createVNode(HP)],2),r.showPublishButton?(n.openBlock(),n.createElementBlock("div",cL,[n.createElementVNode("button",{class:"pbx-myPrimaryButton",onClick:T[10]||(T[10]=async()=>{c()})},n.toDisplayString(n.unref(i)("Publish")),1)])):n.createCommentVNode("",!0),n.unref(t)&&x.value&&x.value.userSettings&&x.value.userSettings.language&&!x.value.userSettings.language.disableLanguageDropDown?(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[x.value&&x.value.userSettings&&x.value.userSettings.language?(n.openBlock(),n.createElementBlock("div",mL,[n.withDirectives(n.createElementVNode("select",{id:"pbx-lang",class:"pbx-myPrimarySelect pbx-min-w-20","onUpdate:modelValue":T[11]||(T[11]=Q=>b.value=Q)},[Array.isArray(x.value.userSettings.language.enable)&&x.value.userSettings.language.enable.length>=1?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(n.unref(t).availableLanguage().filter(Q=>x.value.userSettings.language.enable.includes(Q)),Q=>(n.openBlock(),n.createElementBlock("option",{key:Q,value:Q},n.toDisplayString(Q),9,bL))),128)):n.createCommentVNode("",!0),!x.value.userSettings.language.enable||Array.isArray(x.value.userSettings.language.enable)&&x.value.userSettings.language.enable.length===0?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:1},n.renderList(n.unref(t).availableLanguage(),Q=>(n.openBlock(),n.createElementBlock("option",{key:Q,value:Q},n.toDisplayString(Q),9,uL))),128)):n.createCommentVNode("",!0)],512),[[n.vModelSelect,b.value]])])):n.createCommentVNode("",!0)],64)):n.createCommentVNode("",!0),r.showCloseButton?(n.openBlock(),n.createElementBlock("div",gL,[n.createElementVNode("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",onClick:T[12]||(T[12]=async()=>{d(),await n.unref(t).clearHtmlSelection()})},T[31]||(T[31]=[n.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)]))])):n.createCommentVNode("",!0)])]),n.createElementVNode("div",xL,[n.createElementVNode("div",{onClick:T[15]||(T[15]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),id:"pagebuilder-left-menu",class:"pbx-w-16 pbx-pt-7 pbx-pb-2 pbx-bg-myPrimaryLightGrayColor pbx-rounded-r-2xl pbx-shadow-sm"},[n.createElementVNode("div",hL,[n.createElementVNode("div",fL,[n.createElementVNode("button",{type:"button",onClick:T[13]||(T[13]=()=>{n.unref(s).setComponentArrayAddMethod("unshift"),ee()}),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"},T[32]||(T[32]=[n.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ",-1)]))]),n.createElementVNode("div",{onClick:T[14]||(T[14]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"]))},[U.value?(n.openBlock(),n.createBlock(l1,{key:0})):n.createCommentVNode("",!0)])])]),n.createElementVNode("main",{ref_key:"pbxBuilderWrapper",ref:E,id:"page-builder-wrapper",class:n.normalizeClass(["pbx-transition-all pbx-duration-300 pbx-font-sans 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",[(y.value,"pbx-w-full")]])},[n.createElementVNode("div",yL,[U.value?(n.openBlock(),n.createBlock(h6,{key:0})):n.createCommentVNode("",!0)]),n.createElementVNode("div",wL,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Ge.value,Q=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:Q.id},[Q.html_code?(n.openBlock(),n.createElementBlock("div",{key:0,innerHTML:Q.html_code,onMouseup:kt=>Je(Q)},null,40,vL)):n.createCommentVNode("",!0)],64))),128))])],2),n.createVNode(n.Transition,{name:"slide-right",appear:"",mode:"out-in"},{default:n.withCtx(()=>[y.value?(n.openBlock(),n.createElementBlock("aside",{key:0,"aria-label":"menu",id:"pagebuilder-right-menu",class:n.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] pbx-pl-2",[y.value?"pbx-w-80 pbx-bg-myPrimaryLightGrayColor pbx-items-stretch":"bpx-w-0 pbx-mr-0"]])},[n.createVNode(mB,{onCloseEditor:T[16]||(T[16]=Q=>n.unref(s).setMenuRight(!1))})],2)):(n.openBlock(),n.createElementBlock("div",{key:1,onClick:T[19]||(T[19]=n.withModifiers(async()=>{await n.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"},[n.createElementVNode("div",{onClick:T[18]||(T[18]=n.withModifiers(async()=>{await n.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-gap-2"},[y.value?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("button",{key:0,onClick:T[17]||(T[17]=Q=>n.unref(s).setMenuRight(!0)),type:"button",class:"pbx-mySecondaryButton pbx-px-2 pbx-text-xs"},[n.createElementVNode("span",null,n.toDisplayString(n.unref(i)("Styles")),1)]))])]))]),_:1})]),n.createElementVNode("div",SL,[n.createElementVNode("div",{onClick:T[20]||(T[20]=()=>{n.unref(s).setComponentArrayAddMethod("push"),ee()}),class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"},[n.createElementVNode("span",kL,[n.createElementVNode("div",CL,n.toDisplayString(n.unref(i)("Add to the bottom")),1)]),T[33]||(T[33]=n.createElementVNode("div",{class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},[n.createElementVNode("button",{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"},[n.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")])],-1))])])]))}},TL={install:r=>{if(!r.config.globalProperties.$pageBuilder){const e=ie,t=new Uv(e);Gv(t),r.config.globalProperties.$pageBuilder=t}}};se.PageBuilder=EL,se.Preview=wa,se.createPinia=jw,se.getPageBuilder=ne,se.pageBuilder=TL,se.sharedPageBuilderPinia=Bs,se.sharedPageBuilderStore=ie,se.usePageBuilderModal=xv,se.usePageBuilderStateStore=Yw,Object.defineProperty(se,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myissue/vue-website-page-builder",
3
- "version": "3.4.36",
3
+ "version": "3.4.37",
4
4
  "description": "Vue 3 page builder component with drag & drop functionality.",
5
5
  "type": "module",
6
6
  "main": "./dist/vue-website-page-builder.umd.cjs",