@myissue/vue-website-page-builder 3.4.21 → 3.4.23
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.
|
@@ -682,7 +682,7 @@ class="flex items-centre justify-start font-medium text-black bg-gray-200">
|
|
|
682
682
|
</div>
|
|
683
683
|
</body>
|
|
684
684
|
</html>
|
|
685
|
-
`,k=document.createElement("a");k.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(S)),k.setAttribute("download",x),k.style.display="none",document.body.appendChild(k),k.click(),document.body.removeChild(k)},b=function(){const x=document.getElementById("pagebuilder");if(!x)return;let y=Ul(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=i.ref(null),g=async function(){u.value=!0,await t.globalPageStyles()},f=async function(){n.value=!0,await t.handleManualSave();const x=document.querySelector("#pagebuilder");x&&x.removeAttribute("data-global-selected"),u.value=!1,n.value=!1};return(x,y)=>(i.openBlock(),i.createElementBlock("div",gB,[i.createElementVNode("div",xB,[i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)])),i.createElementVNode("p",fB,[i.createTextVNode(i.toDisplayString(i.unref(e)("Editing"))+" ",1),i.createElementVNode("span",hB,"<"+i.toDisplayString(l.value)+">",1)])]),u.value?i.createCommentVNode("",!0):(i.openBlock(),i.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"},[i.withDirectives(i.createElementVNode("div",null,[i.createElementVNode("article",yB,[i.createVNode(S6)]),i.createElementVNode("article",wB,[i.createVNode(eB)]),i.createElementVNode("article",vB,[i.createVNode(jb)]),i.createElementVNode("article",kB,[i.createVNode(j6)]),i.createElementVNode("article",SB,[i.createVNode(qb)]),i.createElementVNode("article",CB,[i.createVNode(Wb)]),i.createElementVNode("article",EB,[i.createVNode(Ub)]),i.createElementVNode("article",TB,[i.createVNode(Gb)]),i.createElementVNode("article",MB,[i.createVNode(zb)]),i.createElementVNode("article",BB,[i.createVNode(Fb)]),i.createElementVNode("article",NB,[i.createVNode(Kb)])],512),[[i.vShow,s.value&&i.unref(t).isEditableElement(s.value)]]),i.createElementVNode("article",PB,[i.createVNode(ht,null,{title:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(e)("Global Page Styles")),1)]),content:i.withCtx(()=>[i.createElementVNode("p",DB,i.toDisplayString(i.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]=i.createElementVNode("hr",null,null,-1)),i.createElementVNode("div",LB,[i.createElementVNode("button",{onClick:g,type:"button",class:"pbx-myPrimaryButton"},i.toDisplayString(i.unref(e)("Update Page Styles")),1)])]),_:1})]),Array.isArray(a.value)&&a.value.length>=1?(i.openBlock(),i.createElementBlock("article",AB,[i.createVNode(ht,null,{title:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(e)("Download HTML")),1)]),content:i.withCtx(()=>[i.createElementVNode("p",OB,i.toDisplayString(i.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]=i.createElementVNode("hr",null,null,-1)),i.createElementVNode("div",VB,[i.createElementVNode("button",{onClick:b,type:"button",class:"pbx-myPrimaryButton"},i.toDisplayString(i.unref(e)("Download HTML file")),1)])]),_:1})])):i.createCommentVNode("",!0)],544)),i.createVNode(St,{maxWidth:"md",minHeight:"pbx-min-h-[65vh] pbx-max-h-[65vh]",showModalBuilder:u.value,title:i.unref(e)("Global Page Styles"),onCloseMainModalBuilder:f},{default:i.withCtx(()=>[i.createElementVNode("div",IB,[n.value?(i.openBlock(),i.createElementBlock("div",_B,[i.createElementVNode("div",RB,[i.createElementVNode("div",HB,[i.createElementVNode("span",zB,i.toDisplayString(i.unref(e)("Loading...")),1)])])])):i.createCommentVNode("",!0),!n.value&&u.value?(i.openBlock(),i.createElementBlock("div",FB,[i.createElementVNode("div",null,[i.createElementVNode("p",jB,i.toDisplayString(i.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),i.createElementVNode("article",qB,[i.createVNode(jb)]),i.createElementVNode("article",WB,[i.createVNode(_b,{globalPageLayout:!0})]),i.createElementVNode("article",UB,[i.createVNode(Rb,{globalPageLayout:!0})]),i.createElementVNode("article",GB,[i.createVNode(qb)]),i.createElementVNode("article",KB,[i.createVNode(Wb)]),i.createElementVNode("article",JB,[i.createVNode(Ub)]),i.createElementVNode("article",YB,[i.createVNode(Gb)]),i.createElementVNode("article",XB,[i.createVNode(zb)]),i.createElementVNode("article",QB,[i.createVNode(Fb)]),i.createElementVNode("article",ZB,[i.createVNode(Kb,{globalPage:!0})])])])):i.createCommentVNode("",!0)])]),_:1},8,["showModalBuilder","title"])]))}},eN={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"},tN={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"},rN={class:"pbx-px-2"},oN={class:"pbx-mt-8"},nN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},iN={class:"pbx-overflow-x-auto"},aN={class:"pbx-min-w-full"},sN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},lN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},pN={class:"pbx-min-w-[30rem] pbx-w-max"},dN={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"},cN={key:0,class:"pbx-mt-4"},mN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},bN={class:"pbx-overflow-x-auto"},uN={class:"pbx-min-w-full"},gN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},xN={key:0},fN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},hN={class:"pbx-min-w-[30rem] pbx-w-max"},yN={key:1},wN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},vN={class:"pbx-min-w-[30rem] pbx-w-max"},kN={key:1,class:"pbx-mt-8"},SN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},CN={class:"pbx-overflow-x-auto"},EN={class:"pbx-min-w-full"},TN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},MN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},BN={class:"pbx-min-w-[30rem] pbx-w-max"},NN={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},PN={class:"pbx-min-w-[30rem] pbx-w-max"},DN={class:"pbx-flex pbx-items-center pbx-space-x-3"},LN=["src"],AN={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},ON={class:"pbx-min-w-[30rem] pbx-w-max"},VN={key:2,class:"pbx-mt-8"},IN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},_N={class:"pbx-overflow-x-auto"},RN={class:"pbx-min-w-full"},HN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},zN={key:0},FN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},jN={class:"pbx-min-w-[30rem] pbx-w-max"},qN={key:1},WN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},UN={class:"pbx-min-w-[30rem] pbx-w-max"},GN={key:2},KN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},JN={class:"pbx-min-w-[30rem] pbx-w-max"},YN={key:3},XN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},QN={class:"pbx-min-w-[30rem] pbx-w-max"},ZN={key:3,class:"pbx-mt-8"},$N={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},e8={class:"pbx-overflow-x-auto"},t8={class:"pbx-min-w-full"},r8={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},o8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},n8={class:"pbx-min-w-[30rem] pbx-w-max"},i8={class:"pbx-flex pbx-items-center pbx-space-x-3"},a8=["src"],s8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},l8={class:"pbx-min-w-[30rem] pbx-w-max"},p8={class:"pbx-flex pbx-items-center pbx-space-x-3"},d8={class:"pbx-pr-6"},c8={class:"pbx-flex pbx-items-center pbx-space-x-3"},m8={class:"pbx-whitespace-nowrap"},b8={key:4,class:"pbx-mt-8"},u8={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},g8={class:"pbx-overflow-x-auto"},x8={class:"pbx-w-max"},f8={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},h8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},y8={class:"pbx-min-w-[30rem] pbx-w-max"},w8={key:0},v8={key:1},k8={key:0},S8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},C8={class:"pbx-min-w-[30rem] pbx-w-max"},E8={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},T8={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"},M8={class:"pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},B8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},N8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},P8={__name:"PageBuilderSettings",setup(r){const e="3.4.21",t=ne,o=i.computed(()=>t.getPageBuilderConfig);return(n,a)=>{var s,l,p,d,c,m,b,u,g,f,x,y,w,v,h,S;return i.openBlock(),i.createElementBlock("div",eN,[i.createElementVNode("div",tN,[i.createElementVNode("div",null,[a[26]||(a[26]=i.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[i.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Configuration Overview"),i.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)),i.createElementVNode("div",rN,[i.createElementVNode("div",oN,[a[2]||(a[2]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Version Information",-1)),i.createElementVNode("div",nN,[i.createElementVNode("div",iN,[i.createElementVNode("table",aN,[a[1]||(a[1]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",sN,[i.createElementVNode("tr",null,[a[0]||(a[0]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Page Builder")],-1)),i.createElementVNode("td",lN,[i.createElementVNode("div",pN,[i.createElementVNode("span",dN,i.toDisplayString(i.unref(e)),1)])])])])])])])]),(s=o.value)!=null&&s.resourceData&&!i.unref(er)(o.value.resourceData)?(i.openBlock(),i.createElementBlock("div",cN,[a[6]||(a[6]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Resource Data",-1)),i.createElementVNode("div",mN,[i.createElementVNode("div",bN,[i.createElementVNode("table",uN,[a[5]||(a[5]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",gN,[(p=(l=o.value)==null?void 0:l.resourceData)!=null&&p.title?(i.openBlock(),i.createElementBlock("tr",xN,[a[3]||(a[3]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Title")],-1)),i.createElementVNode("td",fN,[i.createElementVNode("div",hN,i.toDisplayString(o.value.resourceData.title),1)])])):i.createCommentVNode("",!0),(c=(d=o.value)==null?void 0:d.resourceData)!=null&&c.id?(i.openBlock(),i.createElementBlock("tr",yN,[a[4]||(a[4]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),i.createElementVNode("td",wN,[i.createElementVNode("div",vN,i.toDisplayString(o.value.resourceData.id),1)])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0),(m=o.value)!=null&&m.userForPageBuilder&&!i.unref(er)(o.value.userForPageBuilder)?(i.openBlock(),i.createElementBlock("div",kN,[a[11]||(a[11]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Information",-1)),i.createElementVNode("div",SN,[i.createElementVNode("div",CN,[i.createElementVNode("table",EN,[a[10]||(a[10]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",TN,[i.createElementVNode("tr",null,[a[7]||(a[7]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"User Name")],-1)),i.createElementVNode("td",MN,[i.createElementVNode("div",BN,i.toDisplayString(o.value.userForPageBuilder.name),1)])]),i.createElementVNode("tr",null,[a[8]||(a[8]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.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?(i.openBlock(),i.createElementBlock("td",NN,[i.createElementVNode("div",PN,[i.createElementVNode("div",DN,[i.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,LN)])])])):i.createCommentVNode("",!0)]),i.createElementVNode("tr",null,[a[9]||(a[9]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.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?(i.openBlock(),i.createElementBlock("td",AN,[i.createElementVNode("div",ON,i.toDisplayString(o.value.userForPageBuilder.image),1)])):i.createCommentVNode("",!0)])])])])])])):i.createCommentVNode("",!0),(b=o.value)!=null&&b.userSettings&&!i.unref(er)(o.value.userSettings)?(i.openBlock(),i.createElementBlock("div",VN,[a[17]||(a[17]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Settings",-1)),i.createElementVNode("div",IN,[i.createElementVNode("div",_N,[i.createElementVNode("table",RN,[a[16]||(a[16]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",HN,[(g=(u=o.value)==null?void 0:u.userSettings)!=null&&g.theme?(i.openBlock(),i.createElementBlock("tr",zN,[a[12]||(a[12]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Theme")],-1)),i.createElementVNode("td",FN,[i.createElementVNode("div",jN,i.toDisplayString(o.value.userSettings.theme),1)])])):i.createCommentVNode("",!0),(x=(f=o.value)==null?void 0:f.userSettings)!=null&&x.language?(i.openBlock(),i.createElementBlock("tr",qN,[a[13]||(a[13]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Language")],-1)),i.createElementVNode("td",WN,[i.createElementVNode("div",UN,i.toDisplayString(o.value.userSettings.language),1)])])):i.createCommentVNode("",!0),((w=(y=o.value)==null?void 0:y.userSettings)==null?void 0:w.autoSave)!==void 0?(i.openBlock(),i.createElementBlock("tr",GN,[a[14]||(a[14]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Auto Save")],-1)),i.createElementVNode("td",KN,[i.createElementVNode("div",JN,[i.createElementVNode("span",{class:i.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"])},i.toDisplayString(o.value.userSettings.autoSave?"Enabled":"Disabled"),3)])])])):i.createCommentVNode("",!0),((h=(v=o.value)==null?void 0:v.userSettings)==null?void 0:h.notifications)!==void 0?(i.openBlock(),i.createElementBlock("tr",YN,[a[15]||(a[15]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Notifications")],-1)),i.createElementVNode("td",XN,[i.createElementVNode("div",QN,[i.createElementVNode("span",{class:i.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"])},i.toDisplayString(o.value.userSettings.notifications?"Enabled":"Disabled"),3)])])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0),o.value&&o.value.pageBuilderLogo&&!i.unref(er)(o.value.pageBuilderLogo)?(i.openBlock(),i.createElementBlock("div",ZN,[a[21]||(a[21]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Logo Configuration",-1)),i.createElementVNode("div",$N,[i.createElementVNode("div",e8,[i.createElementVNode("table",t8,[a[20]||(a[20]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",r8,[i.createElementVNode("tr",null,[a[18]||(a[18]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo")],-1)),i.createElementVNode("td",o8,[i.createElementVNode("div",n8,[i.createElementVNode("div",i8,[i.createElementVNode("img",{class:"pbx-h-4",src:o.value.pageBuilderLogo.src,alt:"Logo"},null,8,a8)])])])]),i.createElementVNode("tr",null,[a[19]||(a[19]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo URL")],-1)),i.createElementVNode("td",s8,[i.createElementVNode("div",l8,[i.createElementVNode("div",p8,[i.createElementVNode("div",d8,[i.createElementVNode("div",c8,[i.createElementVNode("span",m8,i.toDisplayString(o.value.pageBuilderLogo.src),1)])])])])])])])])])])])):i.createCommentVNode("",!0),(S=o.value)!=null&&S.updateOrCreate&&!i.unref(er)(o.value.updateOrCreate)?(i.openBlock(),i.createElementBlock("div",b8,[a[25]||(a[25]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Form Type",-1)),i.createElementVNode("div",u8,[i.createElementVNode("div",g8,[i.createElementVNode("table",x8,[a[24]||(a[24]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",f8,[i.createElementVNode("tr",null,[a[22]||(a[22]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Type")],-1)),i.createElementVNode("td",h8,[i.createElementVNode("div",y8,[i.createElementVNode("span",{class:i.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"?(i.openBlock(),i.createElementBlock("span",w8,i.toDisplayString(o.value.updateOrCreate.formType),1)):i.createCommentVNode("",!0),o.value&&o.value.updateOrCreate.formType==="update"?(i.openBlock(),i.createElementBlock("span",v8,i.toDisplayString(o.value.updateOrCreate.formType),1)):i.createCommentVNode("",!0)],2)])])]),o.value.updateOrCreate.formName&&o.value.updateOrCreate.formName.length>0?(i.openBlock(),i.createElementBlock("tr",k8,[a[23]||(a[23]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Name")],-1)),i.createElementVNode("td",S8,[i.createElementVNode("div",C8,[i.createElementVNode("span",E8,i.toDisplayString(o.value.updateOrCreate.formName),1)])])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0)])])]),i.createElementVNode("div",T8,[a[28]||(a[28]=i.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[i.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Complete Configuration Overview"),i.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)),i.createElementVNode("div",M8,[a[27]||(a[27]=i.createElementVNode("div",{class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},[i.createElementVNode("div",{class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},[i.createElementVNode("div",{class:"pbx-px-4 pbx-py-4 pbx-text-white"},"Configuration")])],-1)),i.createElementVNode("div",B8,[i.createElementVNode("p",N8," config: "+i.toDisplayString(JSON.stringify(o.value,null,4)),1)])])])])}}},D8={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"},L8={class:"pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor"},A8={class:"pbx-myPrimaryParagraph"},O8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},V8={class:"pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900"},I8={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},_8={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},R8={class:"pbx-px-4 pbx-py-4 pbx-text-gray-100"},H8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs"},z8={class:"pbx-text-xs pbx-pb-2"},F8={class:"pbx-text-xs pbx-pb-2"},j8={class:"pbx-text-xs pbx-pb-2"},q8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},W8={class:"pbx-overflow-hidden pbx-bg-gray-900"},U8={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},G8={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},K8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all"},J8={key:0},Y8={key:0},X8={class:"pbx-pb-2 pbx-text-xs"},Q8={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},Z8={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},$8={class:"pbx-overflow-x-auto"},e7={class:"pbx-min-w-full"},t7={class:"pbx-bg-gray-900"},r7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},o7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},n7={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"},i7={class:"pbx-overflow-x-auto"},a7={class:"pbx-min-w-full"},s7={class:"pbx-bg-gray-900"},l7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},p7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},d7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},c7={class:"pbx-overflow-x-auto"},m7={class:"pbx-min-w-full"},b7={class:"pbx-bg-gray-900"},u7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},g7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},x7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},f7={key:1},h7={key:0},y7={class:"pbx-pb-2 pbx-text-xs"},w7={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},v7={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},k7={class:"pbx-overflow-x-auto"},S7={class:"pbx-min-w-full"},C7={class:"pbx-bg-gray-900"},E7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},T7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},M7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},B7={class:"pbx-overflow-x-auto"},N7={class:"pbx-min-w-full"},P7={class:"pbx-bg-gray-900"},D7={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"},L7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},A7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},O7={class:"pbx-overflow-x-auto"},V7={class:"pbx-min-w-full"},I7={class:"pbx-bg-gray-900"},_7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},R7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},H7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},z7={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},F7=["innerHTML"],j7={key:2},q7={key:0},W7={class:"pbx-pb-2 pbx-text-xs"},U7={key:1},G7={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},K7={class:"pbx-overflow-x-auto"},J7={class:"pbx-min-w-full"},Y7={class:"pbx-bg-gray-900"},X7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},Q7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},Z7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},$7={class:"pbx-overflow-x-auto"},eP={class:"pbx-min-w-full"},tP={class:"pbx-bg-gray-900"},rP={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"},oP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},nP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},iP={class:"pbx-overflow-x-auto"},aP={class:"pbx-min-w-full"},sP={class:"pbx-bg-gray-900"},lP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},pP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},dP={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"},mP=["innerHTML"],bP={__name:"AdvancedPageBuilderSettings",setup(r){const{translate:e}=pe(),t=ne,o=i.computed(()=>t.getElement),n=i.computed(()=>t.getComponent),a=i.computed(()=>t.getComponents),s=i.ref("element"),l=function(d){s.value=d};function p(d){if(!d)return"";const c=" ";let m=0,b="";const g=d.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,""").replace(/'/g,"'").split(/(<[^>]+>)/g),f=["<area","<base","<br","<col","<embed","<hr","<img","<input","<link","<meta","<param","<source","<track","<wbr"];return g.forEach(x=>{const y=x.trim();if(!y)return;const w=y.startsWith("<")&&y.endsWith(">"),v=w&&y.startsWith("</");v&&(m=Math.max(0,m-1));let h=c.repeat(m)+y;w&&(h=h.replace(/(<\/?[[\w\s="/.':;#-\/\?]+>)/g,S=>{var L;const k=(L=S.match(/<\/?([\w-]+)/))==null?void 0:L[1];let C=S.replace(/(<\/?[\w-]+)/g,`<span class="html-tag-symbol"><</span><span class="html-tag-name">${k}</span>`);return C=C.replace(/([\w-]+)=("[^"]*")/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">></span>'})),b+=h+`
|
|
685
|
+
`,k=document.createElement("a");k.setAttribute("href","data:text/html;charset=utf-8,"+encodeURIComponent(S)),k.setAttribute("download",x),k.style.display="none",document.body.appendChild(k),k.click(),document.body.removeChild(k)},b=function(){const x=document.getElementById("pagebuilder");if(!x)return;let y=Ul(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=i.ref(null),g=async function(){u.value=!0,await t.globalPageStyles()},f=async function(){n.value=!0,await t.handleManualSave();const x=document.querySelector("#pagebuilder");x&&x.removeAttribute("data-global-selected"),u.value=!1,n.value=!1};return(x,y)=>(i.openBlock(),i.createElementBlock("div",gB,[i.createElementVNode("div",xB,[i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)])),i.createElementVNode("p",fB,[i.createTextVNode(i.toDisplayString(i.unref(e)("Editing"))+" ",1),i.createElementVNode("span",hB,"<"+i.toDisplayString(l.value)+">",1)])]),u.value?i.createCommentVNode("",!0):(i.openBlock(),i.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"},[i.withDirectives(i.createElementVNode("div",null,[i.createElementVNode("article",yB,[i.createVNode(S6)]),i.createElementVNode("article",wB,[i.createVNode(eB)]),i.createElementVNode("article",vB,[i.createVNode(jb)]),i.createElementVNode("article",kB,[i.createVNode(j6)]),i.createElementVNode("article",SB,[i.createVNode(qb)]),i.createElementVNode("article",CB,[i.createVNode(Wb)]),i.createElementVNode("article",EB,[i.createVNode(Ub)]),i.createElementVNode("article",TB,[i.createVNode(Gb)]),i.createElementVNode("article",MB,[i.createVNode(zb)]),i.createElementVNode("article",BB,[i.createVNode(Fb)]),i.createElementVNode("article",NB,[i.createVNode(Kb)])],512),[[i.vShow,s.value&&i.unref(t).isEditableElement(s.value)]]),i.createElementVNode("article",PB,[i.createVNode(ht,null,{title:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(e)("Global Page Styles")),1)]),content:i.withCtx(()=>[i.createElementVNode("p",DB,i.toDisplayString(i.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]=i.createElementVNode("hr",null,null,-1)),i.createElementVNode("div",LB,[i.createElementVNode("button",{onClick:g,type:"button",class:"pbx-myPrimaryButton"},i.toDisplayString(i.unref(e)("Update Page Styles")),1)])]),_:1})]),Array.isArray(a.value)&&a.value.length>=1?(i.openBlock(),i.createElementBlock("article",AB,[i.createVNode(ht,null,{title:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(e)("Download HTML")),1)]),content:i.withCtx(()=>[i.createElementVNode("p",OB,i.toDisplayString(i.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]=i.createElementVNode("hr",null,null,-1)),i.createElementVNode("div",VB,[i.createElementVNode("button",{onClick:b,type:"button",class:"pbx-myPrimaryButton"},i.toDisplayString(i.unref(e)("Download HTML file")),1)])]),_:1})])):i.createCommentVNode("",!0)],544)),i.createVNode(St,{maxWidth:"md",minHeight:"pbx-min-h-[65vh] pbx-max-h-[65vh]",showModalBuilder:u.value,title:i.unref(e)("Global Page Styles"),onCloseMainModalBuilder:f},{default:i.withCtx(()=>[i.createElementVNode("div",IB,[n.value?(i.openBlock(),i.createElementBlock("div",_B,[i.createElementVNode("div",RB,[i.createElementVNode("div",HB,[i.createElementVNode("span",zB,i.toDisplayString(i.unref(e)("Loading...")),1)])])])):i.createCommentVNode("",!0),!n.value&&u.value?(i.openBlock(),i.createElementBlock("div",FB,[i.createElementVNode("div",null,[i.createElementVNode("p",jB,i.toDisplayString(i.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),i.createElementVNode("article",qB,[i.createVNode(jb)]),i.createElementVNode("article",WB,[i.createVNode(_b,{globalPageLayout:!0})]),i.createElementVNode("article",UB,[i.createVNode(Rb,{globalPageLayout:!0})]),i.createElementVNode("article",GB,[i.createVNode(qb)]),i.createElementVNode("article",KB,[i.createVNode(Wb)]),i.createElementVNode("article",JB,[i.createVNode(Ub)]),i.createElementVNode("article",YB,[i.createVNode(Gb)]),i.createElementVNode("article",XB,[i.createVNode(zb)]),i.createElementVNode("article",QB,[i.createVNode(Fb)]),i.createElementVNode("article",ZB,[i.createVNode(Kb,{globalPage:!0})])])])):i.createCommentVNode("",!0)])]),_:1},8,["showModalBuilder","title"])]))}},eN={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"},tN={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"},rN={class:"pbx-px-2"},oN={class:"pbx-mt-8"},nN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},iN={class:"pbx-overflow-x-auto"},aN={class:"pbx-min-w-full"},sN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},lN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},pN={class:"pbx-min-w-[30rem] pbx-w-max"},dN={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"},cN={key:0,class:"pbx-mt-4"},mN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},bN={class:"pbx-overflow-x-auto"},uN={class:"pbx-min-w-full"},gN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},xN={key:0},fN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},hN={class:"pbx-min-w-[30rem] pbx-w-max"},yN={key:1},wN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},vN={class:"pbx-min-w-[30rem] pbx-w-max"},kN={key:1,class:"pbx-mt-8"},SN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},CN={class:"pbx-overflow-x-auto"},EN={class:"pbx-min-w-full"},TN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},MN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},BN={class:"pbx-min-w-[30rem] pbx-w-max"},NN={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},PN={class:"pbx-min-w-[30rem] pbx-w-max"},DN={class:"pbx-flex pbx-items-center pbx-space-x-3"},LN=["src"],AN={key:0,class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},ON={class:"pbx-min-w-[30rem] pbx-w-max"},VN={key:2,class:"pbx-mt-8"},IN={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},_N={class:"pbx-overflow-x-auto"},RN={class:"pbx-min-w-full"},HN={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},zN={key:0},FN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},jN={class:"pbx-min-w-[30rem] pbx-w-max"},qN={key:1},WN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},UN={class:"pbx-min-w-[30rem] pbx-w-max"},GN={key:2},KN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},JN={class:"pbx-min-w-[30rem] pbx-w-max"},YN={key:3},XN={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},QN={class:"pbx-min-w-[30rem] pbx-w-max"},ZN={key:3,class:"pbx-mt-8"},$N={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},e8={class:"pbx-overflow-x-auto"},t8={class:"pbx-min-w-full"},r8={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},o8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},n8={class:"pbx-min-w-[30rem] pbx-w-max"},i8={class:"pbx-flex pbx-items-center pbx-space-x-3"},a8=["src"],s8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},l8={class:"pbx-min-w-[30rem] pbx-w-max"},p8={class:"pbx-flex pbx-items-center pbx-space-x-3"},d8={class:"pbx-pr-6"},c8={class:"pbx-flex pbx-items-center pbx-space-x-3"},m8={class:"pbx-whitespace-nowrap"},b8={key:4,class:"pbx-mt-8"},u8={class:"pbx-overflow-hidden pbx-shadow pbx-ring-1 pbx-ring-black pbx-ring-opacity-5 md:pbx-rounded-lg"},g8={class:"pbx-overflow-x-auto"},x8={class:"pbx-w-max"},f8={class:"pbx-bg-white pbx-divide-y pbx-divide-gray-200"},h8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},y8={class:"pbx-min-w-[30rem] pbx-w-max"},w8={key:0},v8={key:1},k8={key:0},S8={class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-text-gray-500"},C8={class:"pbx-min-w-[30rem] pbx-w-max"},E8={class:"pbx-inline-flex pbx-items-center pbx-px-2.5 pbx-py-0.5 pbx-rounded-full pbx-text-xs pbx-font-medium"},T8={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"},M8={class:"pbx-mt-4 pbx-whitespace-pre-wrap pbx-text-white pbx-overflow-hidden pbx-bg-gray-900"},B8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-white pbx-text-xs pbx-break-all"},N8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-text-white"},P8={__name:"PageBuilderSettings",setup(r){const e="3.4.23",t=ne,o=i.computed(()=>t.getPageBuilderConfig);return(n,a)=>{var s,l,p,d,c,m,b,u,g,f,x,y,w,v,h,S;return i.openBlock(),i.createElementBlock("div",eN,[i.createElementVNode("div",tN,[i.createElementVNode("div",null,[a[26]||(a[26]=i.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[i.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Configuration Overview"),i.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)),i.createElementVNode("div",rN,[i.createElementVNode("div",oN,[a[2]||(a[2]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Version Information",-1)),i.createElementVNode("div",nN,[i.createElementVNode("div",iN,[i.createElementVNode("table",aN,[a[1]||(a[1]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",sN,[i.createElementVNode("tr",null,[a[0]||(a[0]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Page Builder")],-1)),i.createElementVNode("td",lN,[i.createElementVNode("div",pN,[i.createElementVNode("span",dN,i.toDisplayString(i.unref(e)),1)])])])])])])])]),(s=o.value)!=null&&s.resourceData&&!i.unref(er)(o.value.resourceData)?(i.openBlock(),i.createElementBlock("div",cN,[a[6]||(a[6]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Resource Data",-1)),i.createElementVNode("div",mN,[i.createElementVNode("div",bN,[i.createElementVNode("table",uN,[a[5]||(a[5]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",gN,[(p=(l=o.value)==null?void 0:l.resourceData)!=null&&p.title?(i.openBlock(),i.createElementBlock("tr",xN,[a[3]||(a[3]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Title")],-1)),i.createElementVNode("td",fN,[i.createElementVNode("div",hN,i.toDisplayString(o.value.resourceData.title),1)])])):i.createCommentVNode("",!0),(c=(d=o.value)==null?void 0:d.resourceData)!=null&&c.id?(i.openBlock(),i.createElementBlock("tr",yN,[a[4]||(a[4]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"ID")],-1)),i.createElementVNode("td",wN,[i.createElementVNode("div",vN,i.toDisplayString(o.value.resourceData.id),1)])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0),(m=o.value)!=null&&m.userForPageBuilder&&!i.unref(er)(o.value.userForPageBuilder)?(i.openBlock(),i.createElementBlock("div",kN,[a[11]||(a[11]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Information",-1)),i.createElementVNode("div",SN,[i.createElementVNode("div",CN,[i.createElementVNode("table",EN,[a[10]||(a[10]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",TN,[i.createElementVNode("tr",null,[a[7]||(a[7]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"User Name")],-1)),i.createElementVNode("td",MN,[i.createElementVNode("div",BN,i.toDisplayString(o.value.userForPageBuilder.name),1)])]),i.createElementVNode("tr",null,[a[8]||(a[8]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.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?(i.openBlock(),i.createElementBlock("td",NN,[i.createElementVNode("div",PN,[i.createElementVNode("div",DN,[i.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,LN)])])])):i.createCommentVNode("",!0)]),i.createElementVNode("tr",null,[a[9]||(a[9]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.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?(i.openBlock(),i.createElementBlock("td",AN,[i.createElementVNode("div",ON,i.toDisplayString(o.value.userForPageBuilder.image),1)])):i.createCommentVNode("",!0)])])])])])])):i.createCommentVNode("",!0),(b=o.value)!=null&&b.userSettings&&!i.unref(er)(o.value.userSettings)?(i.openBlock(),i.createElementBlock("div",VN,[a[17]||(a[17]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"User Settings",-1)),i.createElementVNode("div",IN,[i.createElementVNode("div",_N,[i.createElementVNode("table",RN,[a[16]||(a[16]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",HN,[(g=(u=o.value)==null?void 0:u.userSettings)!=null&&g.theme?(i.openBlock(),i.createElementBlock("tr",zN,[a[12]||(a[12]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Theme")],-1)),i.createElementVNode("td",FN,[i.createElementVNode("div",jN,i.toDisplayString(o.value.userSettings.theme),1)])])):i.createCommentVNode("",!0),(x=(f=o.value)==null?void 0:f.userSettings)!=null&&x.language?(i.openBlock(),i.createElementBlock("tr",qN,[a[13]||(a[13]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Language")],-1)),i.createElementVNode("td",WN,[i.createElementVNode("div",UN,i.toDisplayString(o.value.userSettings.language),1)])])):i.createCommentVNode("",!0),((w=(y=o.value)==null?void 0:y.userSettings)==null?void 0:w.autoSave)!==void 0?(i.openBlock(),i.createElementBlock("tr",GN,[a[14]||(a[14]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Auto Save")],-1)),i.createElementVNode("td",KN,[i.createElementVNode("div",JN,[i.createElementVNode("span",{class:i.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"])},i.toDisplayString(o.value.userSettings.autoSave?"Enabled":"Disabled"),3)])])])):i.createCommentVNode("",!0),((h=(v=o.value)==null?void 0:v.userSettings)==null?void 0:h.notifications)!==void 0?(i.openBlock(),i.createElementBlock("tr",YN,[a[15]||(a[15]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Notifications")],-1)),i.createElementVNode("td",XN,[i.createElementVNode("div",QN,[i.createElementVNode("span",{class:i.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"])},i.toDisplayString(o.value.userSettings.notifications?"Enabled":"Disabled"),3)])])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0),o.value&&o.value.pageBuilderLogo&&!i.unref(er)(o.value.pageBuilderLogo)?(i.openBlock(),i.createElementBlock("div",ZN,[a[21]||(a[21]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Logo Configuration",-1)),i.createElementVNode("div",$N,[i.createElementVNode("div",e8,[i.createElementVNode("table",t8,[a[20]||(a[20]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",r8,[i.createElementVNode("tr",null,[a[18]||(a[18]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo")],-1)),i.createElementVNode("td",o8,[i.createElementVNode("div",n8,[i.createElementVNode("div",i8,[i.createElementVNode("img",{class:"pbx-h-4",src:o.value.pageBuilderLogo.src,alt:"Logo"},null,8,a8)])])])]),i.createElementVNode("tr",null,[a[19]||(a[19]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Logo URL")],-1)),i.createElementVNode("td",s8,[i.createElementVNode("div",l8,[i.createElementVNode("div",p8,[i.createElementVNode("div",d8,[i.createElementVNode("div",c8,[i.createElementVNode("span",m8,i.toDisplayString(o.value.pageBuilderLogo.src),1)])])])])])])])])])])])):i.createCommentVNode("",!0),(S=o.value)!=null&&S.updateOrCreate&&!i.unref(er)(o.value.updateOrCreate)?(i.openBlock(),i.createElementBlock("div",b8,[a[25]||(a[25]=i.createElementVNode("h4",{class:"pbx-myQuaternaryHeader pbx-text-sm pbx-mb-2"},"Form Type",-1)),i.createElementVNode("div",u8,[i.createElementVNode("div",g8,[i.createElementVNode("table",x8,[a[24]||(a[24]=i.createElementVNode("thead",{class:"pbx-bg-gray-50"},[i.createElementVNode("tr",null,[i.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 "),i.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)),i.createElementVNode("tbody",f8,[i.createElementVNode("tr",null,[a[22]||(a[22]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Type")],-1)),i.createElementVNode("td",h8,[i.createElementVNode("div",y8,[i.createElementVNode("span",{class:i.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"?(i.openBlock(),i.createElementBlock("span",w8,i.toDisplayString(o.value.updateOrCreate.formType),1)):i.createCommentVNode("",!0),o.value&&o.value.updateOrCreate.formType==="update"?(i.openBlock(),i.createElementBlock("span",v8,i.toDisplayString(o.value.updateOrCreate.formType),1)):i.createCommentVNode("",!0)],2)])])]),o.value.updateOrCreate.formName&&o.value.updateOrCreate.formName.length>0?(i.openBlock(),i.createElementBlock("tr",k8,[a[23]||(a[23]=i.createElementVNode("td",{class:"pbx-px-6 pbx-py-4 pbx-whitespace-nowrap pbx-text-sm pbx-font-medium pbx-text-gray-900"},[i.createElementVNode("div",{class:"pbx-min-w-[30rem] pbx-w-max"},"Form Name")],-1)),i.createElementVNode("td",S8,[i.createElementVNode("div",C8,[i.createElementVNode("span",E8,i.toDisplayString(o.value.updateOrCreate.formName),1)])])])):i.createCommentVNode("",!0)])])])])])):i.createCommentVNode("",!0)])])]),i.createElementVNode("div",T8,[a[28]||(a[28]=i.createElementVNode("div",{class:"pbx-flex pbx-items-left pbx-flex-col pbx-gap-1"},[i.createElementVNode("h3",{class:"pbx-myQuaternaryHeader"},"Complete Configuration Overview"),i.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)),i.createElementVNode("div",M8,[a[27]||(a[27]=i.createElementVNode("div",{class:"pbx-flex bg-gray-800/40 pbx-ring-1 ring-white/5"},[i.createElementVNode("div",{class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},[i.createElementVNode("div",{class:"pbx-px-4 pbx-py-4 pbx-text-white"},"Configuration")])],-1)),i.createElementVNode("div",B8,[i.createElementVNode("p",N8," config: "+i.toDisplayString(JSON.stringify(o.value,null,4)),1)])])])])}}},D8={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"},L8={class:"pbx-flex pbx-items-left pbx-flex-col pbx-myPrimaryGap pbx-border-myPrimaryMediumGrayColor"},A8={class:"pbx-myPrimaryParagraph"},O8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},V8={class:"pbx-text-gray-100 pbx-overflow-hidden pbx-bg-gray-900"},I8={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},_8={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},R8={class:"pbx-px-4 pbx-py-4 pbx-text-gray-100"},H8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs"},z8={class:"pbx-text-xs pbx-pb-2"},F8={class:"pbx-text-xs pbx-pb-2"},j8={class:"pbx-text-xs pbx-pb-2"},q8={class:"pbx-myPrimaryParagraph pbx-text-xs pbx-pb-2"},W8={class:"pbx-overflow-hidden pbx-bg-gray-900"},U8={class:"pbx-flex pbx-bg-gray-900 pbx-ring-1 ring-white/5"},G8={class:"pbx-mb-px pbx-flex pbx-text-xs pbx-font-medium pbx-text-myPrimaryMediumGrayColor"},K8={class:"pbx-px-4 pbx-pb-8 pbx-pt-4 pbx-text-gray-100 pbx-text-xs pbx-break-all"},J8={key:0},Y8={key:0},X8={class:"pbx-pb-2 pbx-text-xs"},Q8={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},Z8={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},$8={class:"pbx-overflow-x-auto"},e7={class:"pbx-min-w-full"},t7={class:"pbx-bg-gray-900"},r7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},o7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},n7={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"},i7={class:"pbx-overflow-x-auto"},a7={class:"pbx-min-w-full"},s7={class:"pbx-bg-gray-900"},l7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},p7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},d7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},c7={class:"pbx-overflow-x-auto"},m7={class:"pbx-min-w-full"},b7={class:"pbx-bg-gray-900"},u7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},g7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},x7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},f7={key:1},h7={key:0},y7={class:"pbx-pb-2 pbx-text-xs"},w7={key:1,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},v7={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},k7={class:"pbx-overflow-x-auto"},S7={class:"pbx-min-w-full"},C7={class:"pbx-bg-gray-900"},E7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},T7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},M7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},B7={class:"pbx-overflow-x-auto"},N7={class:"pbx-min-w-full"},P7={class:"pbx-bg-gray-900"},D7={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"},L7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},A7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},O7={class:"pbx-overflow-x-auto"},V7={class:"pbx-min-w-full"},I7={class:"pbx-bg-gray-900"},_7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},R7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},H7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},z7={class:"pbx-text-xs pbx-text-gray-100 pbx-whitespace-pre-wrap pbx-font-sans pbx-flex pbx-items-start pbx-justify-left"},F7=["innerHTML"],j7={key:2},q7={key:0},W7={class:"pbx-pb-2 pbx-text-xs"},U7={key:1},G7={class:"pbx-border-0 pbx-bg-gray-900 pbx-pt-4 pbx-1 pbx-border-solid pbx-border-b pbx-border-gray-200"},K7={class:"pbx-overflow-x-auto"},J7={class:"pbx-min-w-full"},Y7={class:"pbx-bg-gray-900"},X7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},Q7={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},Z7={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},$7={class:"pbx-overflow-x-auto"},eP={class:"pbx-min-w-full"},tP={class:"pbx-bg-gray-900"},rP={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"},oP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},nP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal pbx-whitespace-pre-line"},iP={class:"pbx-overflow-x-auto"},aP={class:"pbx-min-w-full"},sP={class:"pbx-bg-gray-900"},lP={class:"pbx-px-6 pbx-py-3 pbx-text-left pbx-text-xs pbx-text-gray-100 pbx-font-normal"},pP={class:"pbx-bg-gray-900 pbx-divide-y pbx-divide-gray-200"},dP={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"},mP=["innerHTML"],bP={__name:"AdvancedPageBuilderSettings",setup(r){const{translate:e}=pe(),t=ne,o=i.computed(()=>t.getElement),n=i.computed(()=>t.getComponent),a=i.computed(()=>t.getComponents),s=i.ref("element"),l=function(d){s.value=d};function p(d){if(!d)return"";const c=" ";let m=0,b="";const g=d.replace(/&/g,"&").replace(/</g,"<").replace(/"/g,""").replace(/'/g,"'").split(/(<[^>]+>)/g),f=["<area","<base","<br","<col","<embed","<hr","<img","<input","<link","<meta","<param","<source","<track","<wbr"];return g.forEach(x=>{const y=x.trim();if(!y)return;const w=y.startsWith("<")&&y.endsWith(">"),v=w&&y.startsWith("</");v&&(m=Math.max(0,m-1));let h=c.repeat(m)+y;w&&(h=h.replace(/(<\/?[[\w\s="/.':;#-\/\?]+>)/g,S=>{var L;const k=(L=S.match(/<\/?([\w-]+)/))==null?void 0:L[1];let C=S.replace(/(<\/?[\w-]+)/g,`<span class="html-tag-symbol"><</span><span class="html-tag-name">${k}</span>`);return C=C.replace(/([\w-]+)=("[^"]*")/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">></span>'})),b+=h+`
|
|
686
686
|
`,w&&!v&&(y.endsWith("/>")||f.some(k=>y.startsWith(k))||m++)}),b}return(d,c)=>{var m,b,u,g,f,x,y,w,v,h;return i.openBlock(),i.createElementBlock("div",D8,[i.createElementVNode("div",L8,[i.createElementVNode("p",A8,i.toDisplayString(i.unref(e)("Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.")),1),i.createElementVNode("div",null,[i.createElementVNode("h4",O8,i.toDisplayString(i.unref(e)("Types")),1),i.createElementVNode("div",V8,[i.createElementVNode("div",I8,[i.createElementVNode("div",_8,[i.createElementVNode("div",R8,i.toDisplayString(i.unref(e)("Types")),1)])]),i.createElementVNode("div",H8,[i.createElementVNode("p",z8,[i.createElementVNode("span",null,i.toDisplayString(i.unref(e)("Element type:")),1),i.createElementVNode("span",null,i.toDisplayString(typeof o.value),1)]),i.createElementVNode("p",F8,[i.createElementVNode("span",null,i.toDisplayString(i.unref(e)("Component type:")),1),i.createTextVNode(" "+i.toDisplayString(typeof n.value),1)]),i.createElementVNode("p",j8,[i.createElementVNode("span",null,i.toDisplayString(i.unref(e)("Components:")),1),i.createElementVNode("span",null,i.toDisplayString(Array.isArray(a.value)===!0?i.unref(e)("array"):typeof a.value),1)])])])]),i.createElementVNode("div",null,[i.createElementVNode("h4",q8,i.toDisplayString(i.unref(e)("Content")),1),i.createElementVNode("div",W8,[i.createElementVNode("div",U8,[i.createElementVNode("div",G8,[i.createElementVNode("div",{onClick:c[0]||(c[0]=S=>l("element")),class:i.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[s.value==="element"?"pbx-text-gray-100":""]])},i.toDisplayString(i.unref(e)("Element")),3),i.createElementVNode("div",{onClick:c[1]||(c[1]=S=>l("component")),class:i.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[s.value==="component"?"pbx-text-gray-100":""]])},i.toDisplayString(i.unref(e)("Component")),3),i.createElementVNode("div",{onClick:c[2]||(c[2]=S=>l("components")),class:i.normalizeClass(["pbx-px-4 pbx-py-4 pbx-cursor-pointer",[s.value==="components"?"pbx-text-gray-100":""]])},i.toDisplayString(i.unref(e)("Components added"))+" "+i.toDisplayString(Array.isArray(a.value)&&a.value.length),3)])]),i.createElementVNode("div",K8,[s.value==="element"?(i.openBlock(),i.createElementBlock("div",J8,[n.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",Y8,[i.createElementVNode("p",X8,i.toDisplayString(n.value===null?i.unref(e)("No Element selected"):typeof n.value),1)])),o.value?(i.openBlock(),i.createElementBlock("div",Q8,[i.createElementVNode("div",Z8,[i.createElementVNode("div",$8,[i.createElementVNode("table",e7,[i.createElementVNode("thead",t7,[i.createElementVNode("tr",null,[i.createElementVNode("th",r7,i.toDisplayString(i.unref(e)("Selected HTML:")),1)])]),i.createElementVNode("tbody",o7,[i.createElementVNode("tr",null,[i.createElementVNode("td",n7,i.toDisplayString((m=o.value)==null?void 0:m.outerHTML),1)])])])]),i.createElementVNode("div",i7,[i.createElementVNode("table",a7,[i.createElementVNode("thead",s7,[i.createElementVNode("tr",null,[i.createElementVNode("th",l7,i.toDisplayString(i.unref(e)("Element src:")),1)])]),i.createElementVNode("tbody",p7,[i.createElementVNode("tr",null,[i.createElementVNode("td",d7,i.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)])])])])]),i.createElementVNode("div",c7,[i.createElementVNode("table",m7,[i.createElementVNode("thead",b7,[i.createElementVNode("tr",null,[i.createElementVNode("th",u7,i.toDisplayString(i.unref(e)("Element classes:")),1)])]),i.createElementVNode("tbody",g7,[i.createElementVNode("tr",null,[i.createElementVNode("td",x7,i.toDisplayString((f=o.value)!=null&&f.classList?(x=o.value)==null?void 0:x.classList:typeof((y=o.value)==null?void 0:y.classList)),1)])])])])])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0),s.value==="component"?(i.openBlock(),i.createElementBlock("div",f7,[n.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",h7,[i.createElementVNode("p",y7,i.toDisplayString(n.value===null?i.unref(e)("No Component selected"):typeof n.value),1)])),n.value?(i.openBlock(),i.createElementBlock("div",w7,[i.createElementVNode("div",v7,[i.createElementVNode("div",k7,[i.createElementVNode("table",S7,[i.createElementVNode("thead",C7,[i.createElementVNode("tr",null,[i.createElementVNode("th",E7,i.toDisplayString(i.unref(e)("ID:")),1)])]),i.createElementVNode("tbody",T7,[i.createElementVNode("tr",null,[i.createElementVNode("td",M7,i.toDisplayString((w=n.value)==null?void 0:w.id),1)])])])]),i.createElementVNode("div",B7,[i.createElementVNode("table",N7,[i.createElementVNode("thead",P7,[i.createElementVNode("tr",null,[i.createElementVNode("th",D7,i.toDisplayString(i.unref(e)("Title:")),1)])]),i.createElementVNode("tbody",L7,[i.createElementVNode("tr",null,[i.createElementVNode("td",A7,i.toDisplayString((v=n.value)==null?void 0:v.title),1)])])])])]),i.createElementVNode("div",O7,[i.createElementVNode("table",V7,[i.createElementVNode("thead",I7,[i.createElementVNode("tr",null,[i.createElementVNode("th",_7,i.toDisplayString(i.unref(e)("HTML Code:")),1)])]),i.createElementVNode("tbody",R7,[i.createElementVNode("tr",null,[i.createElementVNode("td",H7,[i.createElementVNode("pre",z7,[c[3]||(c[3]=i.createTextVNode(" ")),i.createElementVNode("code",{class:"pbx-font-sans pbx-bg-gray-800 pbx-p-4 pbx-rounded-md pbx-block pbx-w-full",innerHTML:p((h=n.value)==null?void 0:h.html_code)},null,8,F7),c[4]||(c[4]=i.createTextVNode(`
|
|
687
687
|
`))])])])])])])])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0),s.value==="components"?(i.openBlock(),i.createElementBlock("div",j7,[Array.isArray(a.value)&&a.value.length===0?(i.openBlock(),i.createElementBlock("div",q7,[i.createElementVNode("p",W7,i.toDisplayString(i.unref(e)("No Components added yet")),1)])):i.createCommentVNode("",!0),a.value?(i.openBlock(),i.createElementBlock("div",U7,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(a.value,S=>(i.openBlock(),i.createElementBlock("div",{key:S.id,class:"pbx-overflow-hidden pbx-border-solid pbx-border pbx-border-gray-100 pbx-mb-6"},[i.createElementVNode("div",G7,[i.createElementVNode("div",K7,[i.createElementVNode("table",J7,[i.createElementVNode("thead",Y7,[i.createElementVNode("tr",null,[i.createElementVNode("th",X7,i.toDisplayString(i.unref(e)("ID:")),1)])]),i.createElementVNode("tbody",Q7,[i.createElementVNode("tr",null,[i.createElementVNode("td",Z7,i.toDisplayString(S.id),1)])])])]),i.createElementVNode("div",$7,[i.createElementVNode("table",eP,[i.createElementVNode("thead",tP,[i.createElementVNode("tr",null,[i.createElementVNode("th",rP,i.toDisplayString(i.unref(e)("Title:")),1)])]),i.createElementVNode("tbody",oP,[i.createElementVNode("tr",null,[i.createElementVNode("td",nP,i.toDisplayString(S.title),1)])])])])]),i.createElementVNode("div",iP,[i.createElementVNode("table",aP,[i.createElementVNode("thead",sP,[i.createElementVNode("tr",null,[i.createElementVNode("th",lP,i.toDisplayString(i.unref(e)("HTML Code:")),1)])]),i.createElementVNode("tbody",pP,[i.createElementVNode("tr",null,[i.createElementVNode("td",dP,[i.createElementVNode("pre",cP,[c[5]||(c[5]=i.createTextVNode(" ")),i.createElementVNode("code",{class:"pbx-font-sans pbx-w-full",innerHTML:p(S.html_code)},null,8,mP),c[6]||(c[6]=i.createTextVNode(`
|
|
688
|
-
`))])])])])])])]))),128))])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)])])])])])}}},uP={class:"pbx-flex pbx-items-center pbx-justify-center"},gP={class:"pbx-mr-2"},xP={key:0,class:"pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"},fP={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"},hP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},yP={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"},wP={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"},vP=["src"],kP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},SP={class:"pbx-hidden lg:pbx-block"},CP={class:"pbx-relative pbx-group"},EP={type:"button",class:"pbx-mySecondaryButton pbx-font-normal pbx-text-xs"},TP={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"},MP={__name:"ToolbarOption",setup(r){const{translate:e}=pe(),t=ie(),o=ne,n=i.computed(()=>o.getPageBuilderConfig),a=i.ref(!1),s=i.ref(!1),l=i.ref(""),p=i.ref(1),d=i.ref(""),c=i.ref(""),m=i.ref(""),b=i.ref(null),u=i.ref(null),g=i.ref(null),f=i.ref(null),x=i.ref(null),y=function(){s.value=!0,l.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(){s.value=!1},x.value=async function(){a.value=!0,await t.clearHtmlSelection(),await t.handleFormSubmission(),await ge(500),s.value=!1,a.value=!1}},w=i.ref(!1),v=function(){w.value=!1},h=function(){w.value=!0},S=i.ref(!1),k=function(){S.value=!1},C=async function(){await t.generateHtmlFromComponents(),S.value=!0};return(L,V)=>{var M;return i.openBlock(),i.createElementBlock("div",null,[i.createElementVNode("div",uP,[i.createElementVNode("div",gP,[n.value&&n.value.userForPageBuilder&&n.value.userForPageBuilder.name&&(!n.value.userForPageBuilder.image||typeof n.value.userForPageBuilder.image=="string"&&((M=n.value.userForPageBuilder.image)==null?void 0:M.length)<2)?(i.openBlock(),i.createElementBlock("div",xP,[i.createElementVNode("div",fP,i.toDisplayString(typeof n.value.userForPageBuilder.name=="string"&&n.value.userForPageBuilder.name[0]),1),i.createElementVNode("div",hP,i.toDisplayString(n.value.userForPageBuilder.name),1)])):i.createCommentVNode("",!0),n.value&&n.value.userForPageBuilder&&n.value.userForPageBuilder.name&&n.value.userForPageBuilder.image&&typeof n.value.userForPageBuilder.image=="string"&&n.value.userForPageBuilder.image.length>2?(i.openBlock(),i.createElementBlock("div",yP,[i.createElementVNode("div",wP,[i.createElementVNode("img",{alt:"Avatar",src:`${n.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,vP)]),i.createElementVNode("div",kP,i.toDisplayString(n.value.userForPageBuilder.name),1)])):i.createCommentVNode("",!0)]),i.createElementVNode("div",SP,[i.createElementVNode("div",CP,[i.createElementVNode("button",EP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(e)("Options")),1)]),i.createElementVNode("div",TP,[i.createElementVNode("button",{onClick:V[0]||(V[0]=async()=>{await i.unref(t).clearHtmlSelection(),h()}),class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("Config Overview")),1),i.createElementVNode("button",{onClick:C,class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("HTML Overview")),1),i.createElementVNode("button",{onClick:y,class:"pbx-myPrimaryDeleteButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("Delete Layout")),1)])])])]),i.createVNode(St,{maxWidth:"5xl",showModalBuilder:w.value,title:"Main Settings",onCloseMainModalBuilder:v,minHeight:"",maxHeight:""},{default:i.withCtx(()=>[i.createVNode(P8)]),_:1},8,["showModalBuilder"]),i.createVNode(St,{maxWidth:"5xl",showModalBuilder:S.value,title:i.unref(e)("Selected HTML"),onCloseMainModalBuilder:k,minHeight:"",maxHeight:""},{default:i.withCtx(()=>[i.createVNode(bP)]),_:1},8,["showModalBuilder","title"]),i.createVNode(Zt,{showDynamicModalBuilder:s.value,type:l.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:f.value,onThirdModalButtonFunctionDynamicModalBuilder:x.value},{default:i.withCtx(()=>V[1]||(V[1]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[1]},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"])])}}};let Vl=null;function BP(){return(r,e=300)=>{Vl&&clearTimeout(Vl),Vl=setTimeout(r,e)}}const NP={},PP={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 DP(r,e){return i.openBlock(),i.createElementBlock("div",PP,e[0]||(e[0]=[i.createElementVNode("div",{class:"pbx-absolute pbx-top-1/3"},[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-mt-4"},[i.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]"},[i.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 Jb=ma(NP,[["render",DP]]),LP={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"},AP=i.defineComponent({__name:"UndoRedo",emits:["toolbar-hide-request"],setup(r,{emit:e}){const t=ie(),o=e,n=ne,a=i.computed(()=>n.getIsLoadingGlobal),s=i.computed(()=>n.getHistoryIndex),l=i.computed(()=>n.getHistoryLength),p=i.computed(()=>s.value>0),d=i.computed(()=>s.value<l.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)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[a.value?(i.openBlock(),i.createBlock(Jb,{key:0})):i.createCommentVNode("",!0),i.createElementVNode("div",{onClick:u[0]||(u[0]=async()=>{await i.unref(t).clearHtmlSelection()}),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full gap-1"},[i.createElementVNode("div",{onClick:c,type:"button",class:i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," undo ",-1)]),2),i.createElementVNode("div",LP,i.toDisplayString(s.value+1)+"/"+i.toDisplayString(l.value),1),i.createElementVNode("div",{onClick:m,class:i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," redo ",-1)]),2)])],64))}}),OP={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"},VP={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"},IP=["src"],_P={class:"pbx-flex pbx-items-center pbx-justify-center"},RP=["disabled"],HP={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},zP={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},FP=["disabled"],jP={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},qP={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},WP={class:"lg:pbx-block pbx-hidden"},UP={class:"lg:pbx-hidden pbx-block"},GP={class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200"},KP={class:"lg:pbx-block pbx-hidden"},JP={class:"pbx-whitespace-nowrap pbx-cursor-pointer"},YP={class:"pbx-flex pbx-items-center pbx-justify-center pbx-mr-2"},XP={class:"lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center"},QP={class:"pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end"},ZP={key:0,class:"pbx-flex-1 pbx-ml-2"},$P={key:0,class:"pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"},eD=["value"],tD=["value"],rD={key:2,class:"pbx-flex-1 pbx-ml-2 pbx-mr-2"},oD={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"},nD={class:"pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch"},iD={class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},aD={id:"pbxEditToolbar",class:"pbx-z-30 lg:pbx-mx-20 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-full pbx-px-4 pbx-h-0"},sD={id:"pagebuilder",class:"pbx-text-black pbx-font-sans"},lD=["innerHTML","onMouseup"],pD={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"},dD={class:"lg:pbx-block pbx-hidden"},cD={class:"pbx-whitespace-nowrap"},mD={__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=ie(),o=r,{translate:n,loadTranslations:a}=pe(),s=Bl,l=ne;i.provide("pageBuilderStateStore",l),i.provide("internalPinia",s),i.provide("CustomMediaComponent",o.CustomMediaLibraryComponent),i.provide("CustomBuilderComponents",o.CustomBuilderComponents);const p=e,d=function(){p("handleClosePageBuilder")},c=async function(){l.setIsLoadingGlobal(!0),await t.handleManualSave(),l.setIsLoadingGlobal(!1),p("handlePublishPageBuilder")},m=()=>{q.value=!1};i.provide("closeAddComponentModal",m);const b=i.ref("en");let u=!0;const g=i.ref(!1);i.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 f=i.computed(()=>l.getBuilderStarted),x=i.computed(()=>l.getPageBuilderConfig),y=i.computed(()=>l.getMenuRight),w=i.ref(!1),v=i.ref(""),h=i.ref(""),S=function(){t.previewCurrentDesign()},k=function(){v.value=n("Preview"),S(),w.value=!0},C=i.ref(!1),L=function(){t.previewCurrentDesign()},V=function(){h.value=n("Mobile"),L(),C.value=!0},M=i.ref(!1),B=function(){M.value=!1},D=function(){w.value=!1},F=function(){C.value=!1},q=i.ref(!1),Y=i.ref(""),Z=i.ref(""),$=i.ref(null),ee=async function(){await t.clearHtmlSelection(),Y.value=n("Add Components to Page"),Z.value=n("Close"),q.value=!0,$.value=function(){q.value=!1}},G=i.computed(()=>l.getElement),Ge=i.computed(()=>l.getComponents),Ke=i.computed(()=>l.getHasLocalDraftForUpdate);i.watch(Ke,A=>{A&&vt()});const Fe=i.computed(()=>!G.value||!(G.value instanceof HTMLElement)?"":{src:G.value.getAttribute("src"),href:G.value.getAttribute("href"),style:G.value.getAttribute("style"),class:G.value.getAttribute("class"),dataImage:G.value.getAttribute("data-image")}),ct=BP();i.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))&&ct(async()=>{await t.initializeElementStyles()},200)});const Je=function(A){l.setComponent(A)},Oe=i.computed(()=>l.getIsLoadingGlobal),Ve=i.computed(()=>l.getIsSaving),yt=i.computed(()=>l.getIsLoadingResumeEditing),Be=i.computed(()=>l.getIsRestoring),wt=i.ref(1),et=i.ref(""),Ye=i.ref(!1),Xt=i.ref(""),ue=i.ref(""),I=i.ref(""),Ne=i.ref(null),kr=i.ref(null),Sr=i.ref(null),Qr=i.ref(null),Zr=i.ref(null),vt=async function(){et.value="warning",Ye.value=!0,Xt.value=n("Continue Your Work?"),ue.value=n("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?"),I.value=n("Use Saved Version"),Ne.value=null,kr.value=n("Continue Where I Left Off"),Sr.value=async function(){l.setHasLocalDraftForUpdate(!1),Ye.value=!1},Qr.value=function(){},Zr.value=async function(){await t.resumeEditingFromDraft(),l.setHasLocalDraftForUpdate(!1),Ye.value=!1}},Vt=i.ref(1),Cr=i.ref(""),mt=i.ref(!1),Er=i.ref(""),$r=i.ref(""),eo=i.ref(""),to=i.ref(null),ro=i.ref(null),ga=i.ref(null),xa=i.ref(null),fa=i.ref(null),Il=async function(){await t.clearHtmlSelection(),Cr.value="success",mt.value=!0,Er.value=n("Do you want to reset this page?"),$r.value=n("Are you sure you want to reset this page? This will overwrite your current changes."),eo.value=n("Close"),to.value=null,ro.value=n("Reset changes"),ga.value=function(){mt.value=!1},xa.value=async function(){},fa.value=async function(){await t.restoreOriginalContent(),mt.value=!1}},Ln=function(){f.value||(M.value=!0)},E=i.ref(null),R=function(){const A=document.querySelector("#pbxEditToolbar");A&&(A.classList.remove("is-visible"),A.removeAttribute("style"))};function z(){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(),An=A.getBoundingClientRect(),Qt=kt.left-An.left+kt.width/2-T.offsetWidth/2,Oo=kt.top-An.top+A.scrollTop-T.offsetHeight-20,Tr=Math.max(0,Oo);T.style.position="absolute",T.style.left=`${Qt}px`,T.style.top=`${Tr}px`,T.classList.add("is-visible")}else T.classList.remove("is-visible"),T.removeAttribute("style")}const X=JSON.parse(localStorage.getItem("userSettingsPageBuilder"));return i.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,z();const A=E.value;if(!A)return;new MutationObserver(z).observe(A,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["selected"]}),window.addEventListener("scroll",z),window.addEventListener("resize",z),await ge(1e4),Ln(),await ge(1e4),Ln(),await ge(1e4),Ln()}),(A,T)=>(i.openBlock(),i.createElementBlock("div",OP,[Oe.value&&!M.value||g.value?(i.openBlock(),i.createBlock(Jb,{key:0})):i.createCommentVNode("",!0),i.createVNode(St,{title:"The builder hasn’t started yet",showModalBuilder:M.value,onCloseMainModalBuilder:B,type:"delete",maxWidth:"2xl",noBackgroundOpacity:!0},{default:i.withCtx(()=>T[21]||(T[21]=[i.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"]),q.value?(i.openBlock(),i.createBlock(JT,{key:1,show:q.value,firstButtonText:Z.value,title:Y.value,CustomBuilderComponents:o.CustomBuilderComponents,onFirstModalButtonSearchComponentsFunction:$.value},null,8,["show","firstButtonText","title","CustomBuilderComponents","onFirstModalButtonSearchComponentsFunction"])):i.createCommentVNode("",!0),i.createVNode(St,{title:v.value,showModalBuilder:w.value,onCloseMainModalBuilder:D,maxWidth:"screen"},{default:i.withCtx(()=>[i.createVNode(wa)]),_:1},8,["title","showModalBuilder"]),i.createVNode(St,{title:h.value,showModalBuilder:C.value,onCloseMainModalBuilder:F,maxWidth:"lg"},{default:i.withCtx(()=>[i.createVNode(wa,{mobile:!0})]),_:1},8,["title","showModalBuilder"]),i.createVNode(Zt,{showDynamicModalBuilder:Ye.value,isLoading:yt.value,type:et.value,gridColumnAmount:wt.value,title:Xt.value,description:ue.value,firstButtonText:I.value,secondButtonText:Ne.value,thirdButtonText:kr.value,onFirstModalButtonFunctionDynamicModalBuilder:Sr.value,onSecondModalButtonFunctionDynamicModalBuilder:Qr.value,onThirdModalButtonFunctionDynamicModalBuilder:Zr.value},{default:i.withCtx(()=>T[22]||(T[22]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[22]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),i.createVNode(Zt,{showDynamicModalBuilder:mt.value,isLoading:Be.value,type:Cr.value,gridColumnAmount:Vt.value,title:Er.value,description:$r.value,firstButtonText:eo.value,secondButtonText:to.value,thirdButtonText:ro.value,onFirstModalButtonFunctionDynamicModalBuilder:ga.value,onSecondModalButtonFunctionDynamicModalBuilder:xa.value,onThirdModalButtonFunctionDynamicModalBuilder:fa.value},{default:i.withCtx(()=>T[23]||(T[23]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[23]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),i.createElementVNode("div",VP,[x.value&&x.value.pageBuilderLogo&&x.value.pageBuilderLogo.src?(i.openBlock(),i.createElementBlock("div",{key:0,onClick:T[0]||(T[0]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-justify-start pbx-py-2 lg:pbx-ml-4 pbx-ml-2"},[i.createElementVNode("img",{class:"pbx-h-6",src:x.value.pageBuilderLogo.src,alt:"Logo"},null,8,IP)])):i.createCommentVNode("",!0),i.createVNode(AP,{onToolbarHideRequest:R}),i.createElementVNode("div",{onClick:T[3]||(T[3]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[i.createElementVNode("div",_P,[i.createElementVNode("button",{class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",onClick:T[1]||(T[1]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection(),await i.unref(t).handleManualSave()},["stop"])),type:"button",disabled:Ve.value},[Ve.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",HP,T[24]||(T[24]=[i.createElementVNode("span",{class:"material-symbols-outlined"},"save",-1)]))),Ve.value?(i.openBlock(),i.createElementBlock("div",zP,T[25]||(T[25]=[i.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[i.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"}),i.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):i.createCommentVNode("",!0),i.createElementVNode("div",null,i.toDisplayString(i.unref(n)("Save")),1)],8,RP),x.value&&x.value.updateOrCreate&&x.value.updateOrCreate.formType==="update"?(i.openBlock(),i.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]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection(),await Il()},["stop"])),type:"button",disabled:Be.value},[Be.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",jP,T[26]||(T[26]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," settings_backup_restore ",-1)]))),Be.value?(i.openBlock(),i.createElementBlock("div",qP,T[27]||(T[27]=[i.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[i.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"}),i.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):i.createCommentVNode("",!0),i.createElementVNode("div",WP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Reset Page")),1)]),i.createElementVNode("div",UP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Reset")),1)])],8,FP)):i.createCommentVNode("",!0)])]),i.createElementVNode("div",{onClick:T[8]||(T[8]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[i.createElementVNode("div",{onClick:T[7]||(T[7]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-items-center pbx-justify-center"},[i.createElementVNode("div",{class:"pbx-mr-2",onClick:T[4]||(T[4]=()=>{i.unref(l).setComponentArrayAddMethod("unshift"),ee()})},[i.createElementVNode("div",GP,[i.createElementVNode("span",KP,[i.createElementVNode("div",JP,i.toDisplayString(i.unref(n)("Add new Components")),1)]),T[28]||(T[28]=i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")],-1))])]),i.createElementVNode("div",YP,[i.createElementVNode("div",{onClick:T[5]||(T[5]=async()=>{i.unref(l).setMenuRight(!1),i.unref(l).setElement(null),await i.unref(t).clearHtmlSelection(),k()})},T[29]||(T[29]=[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," visibility ")])],-1)]))]),i.createElementVNode("div",XP,[i.createElementVNode("div",{onClick:T[6]||(T[6]=async()=>{i.unref(l).setMenuRight(!1),i.unref(l).setElement(null),await i.unref(t).clearHtmlSelection(),V()})},T[30]||(T[30]=[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[i.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"},[i.createElementVNode("span",{class:"material-symbols-outlined"}," phone_iphone ")])],-1)]))])])]),i.createElementVNode("div",QP,[i.createElementVNode("div",{onClick:T[9]||(T[9]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:i.normalizeClass(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full",[r.showCloseButton?"pbx-justify-between":"pbx-justify-end"]])},[i.createVNode(MP)],2),r.showPublishButton?(i.openBlock(),i.createElementBlock("div",ZP,[i.createElementVNode("button",{class:"pbx-myPrimaryButton",onClick:T[10]||(T[10]=async()=>{c()})},i.toDisplayString(i.unref(n)("Publish")),1)])):i.createCommentVNode("",!0),x.value&&x.value.userSettings&&x.value.userSettings.language&&!x.value.userSettings.language.disableLanguageDropDown?(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[x.value&&x.value.userSettings&&x.value.userSettings.language?(i.openBlock(),i.createElementBlock("div",$P,[i.withDirectives(i.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?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(i.unref(t).availableLanguage().filter(Q=>x.value.userSettings.language.enable.includes(Q)),Q=>(i.openBlock(),i.createElementBlock("option",{key:Q,value:Q},i.toDisplayString(Q),9,eD))),128)):i.createCommentVNode("",!0),!x.value.userSettings.language.enable||Array.isArray(x.value.userSettings.language.enable)&&x.value.userSettings.language.enable.length===0?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:1},i.renderList(i.unref(t).availableLanguage(),Q=>(i.openBlock(),i.createElementBlock("option",{key:Q,value:Q},i.toDisplayString(Q),9,tD))),128)):i.createCommentVNode("",!0)],512),[[i.vModelSelect,b.value]])])):i.createCommentVNode("",!0)],64)):i.createCommentVNode("",!0),r.showCloseButton?(i.openBlock(),i.createElementBlock("div",rD,[i.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 i.unref(t).clearHtmlSelection()})},T[31]||(T[31]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)]))])):i.createCommentVNode("",!0)])]),i.createElementVNode("div",oD,[i.createElementVNode("div",{onClick:T[15]||(T[15]=i.withModifiers(async()=>{await i.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"},[i.createElementVNode("div",nD,[i.createElementVNode("div",iD,[i.createElementVNode("button",{type:"button",onClick:T[13]||(T[13]=()=>{i.unref(l).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]=[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ",-1)]))]),i.createElementVNode("div",{onClick:T[14]||(T[14]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"]))},[G.value?(i.openBlock(),i.createBlock(tv,{key:0})):i.createCommentVNode("",!0)])])]),i.createElementVNode("main",{ref_key:"pbxBuilderWrapper",ref:E,id:"page-builder-wrapper",class:i.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")]])},[i.createElementVNode("div",aD,[G.value?(i.openBlock(),i.createBlock(aT,{key:0})):i.createCommentVNode("",!0)]),i.createElementVNode("div",sD,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(Ge.value,Q=>(i.openBlock(),i.createElementBlock(i.Fragment,{key:Q.id},[Q.html_code?(i.openBlock(),i.createElementBlock("div",{key:0,innerHTML:Q.html_code,onMouseup:kt=>Je(Q)},null,40,lD)):i.createCommentVNode("",!0)],64))),128))])],2),i.createVNode(i.Transition,{name:"slide-right",appear:"",mode:"out-in"},{default:i.withCtx(()=>[y.value?(i.openBlock(),i.createElementBlock("aside",{key:0,"aria-label":"menu",id:"pagebuilder-right-menu",class:i.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"]])},[i.createVNode($B,{onCloseEditor:T[16]||(T[16]=Q=>i.unref(l).setMenuRight(!1))})],2)):(i.openBlock(),i.createElementBlock("div",{key:1,onClick:T[19]||(T[19]=i.withModifiers(async()=>{await i.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"},[i.createElementVNode("div",{onClick:T[18]||(T[18]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-gap-2"},[y.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("button",{key:0,onClick:T[17]||(T[17]=Q=>i.unref(l).setMenuRight(!0)),type:"button",class:"pbx-mySecondaryButton pbx-px-2 pbx-text-xs"},[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Styles")),1)]))])]))]),_:1})]),i.createElementVNode("div",pD,[i.createElementVNode("div",{onClick:T[20]||(T[20]=()=>{i.unref(l).setComponentArrayAddMethod("push"),ee()}),class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"},[i.createElementVNode("span",dD,[i.createElementVNode("div",cD,i.toDisplayString(i.unref(n)("Add to the bottom")),1)]),T[33]||(T[33]=i.createElementVNode("div",{class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},[i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")])],-1))])])]))}},bD={install:r=>{if(!r.config.globalProperties.$pageBuilder){const e=ne,t=new Jw(e);Yw(t),r.config.globalProperties.$pageBuilder=t}}},Yb="حفظ",Xb="خيارات",Qb="الصورة الرمزية",Zb="نشر",$b="إغلاق",eu="مكون",tu="أنماط",ru="الطباعة",ou="اختر",nu="الحشو",iu="الهامش",au="عالمي",su="محدد",lu="الحدود",pu="شفاف",du="إضافة",cu="خاصية",mu="قيمة",bu="تحرير",uu="حذف",gu="معاينة",xu="جوال",fu="غامق",hu="قائمة",yu="بحث",wu="أفقي",vu="عمودي",ku="مربع الشكل",Su="صور",Cu="السابق",Eu="التالي",Tu="معلومات",Mu="نص",Bu="رابط",Nu="أنواع",Pu="مصفوفة",Du="المحتوى",Lu="عنصر",Au="مكون",Ou="الكل",Vu="صورة",uD=Object.freeze(Object.defineProperty({__proto__:null,Add:du,All:Ou,Bold:fu,Border:lu,Close:$b,Component:Au,Content:Du,Delete:uu,Editing:bu,Element:Lu,Global:au,Image:Vu,Images:Su,Information:Tu,Landscape:wu,Link:Bu,List:hu,Margin:iu,Mobile:xu,Next:Eu,Options:Xb,Padding:nu,Portrait:vu,Prev:Cu,Preview:gu,Publish:Zb,Save:Yb,Search:yu,Select:ou,Specific:su,Squarish:ku,Styles:tu,Text:Mu,Transparent:pu,Types:Nu,Typographies:ru,array:Pu,avatar:Qb,component:eu,default:{"Reset Page":"إعادة تعيين الصفحة","Global Page Styles":"أنماط الصفحة العامة","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"جرب منشئ الصفحات القوي Click & Drop - المصمم للمطورين والمبدعين الذين يريدون التحكم الكامل دون عناء. قم بتخصيص التخطيطات والخطوط والألوان. قم بتحرير المحتوى بصريًا في الوقت الفعلي. أضف الوسائط، قم بتضمين مقاطع فيديو YouTube، أو قم بتصدير كل شيء كـ HTML نظيف. مع التحرير المتجاوب، الحفظ التلقائي المحلي، دعم Tailwind، وحتى تكامل Unsplash، إنه كل ما تحتاجه - ملفوف في منشئ واحد سلس. قم ببناء صفحات مذهلة في دقائق.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"منشئ صفحات مصمم للنمو. قم ببناء صفحات موقعك الإلكتروني باستخدام مكونات جاهزة قابلة للتخصيص بالكامل ومتجاوبة دائمًا، مصممة لتلبية كل احتياجاتك. منشئ صفحات قوي للتجار والعلامات التجارية والوكالات المتنامية.","Everything you need. Break free from design limitations":"كل ما تحتاجه. تحرر من قيود التصميم","Bring your vision to life and create impressive pages using a click & drop Page Builder":"حقق رؤيتك واصنع صفحات رائعة باستخدام منشئ الصفحات السحب والإفلات","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"منشئ الويب لصفحات مذهلة. يمكن المستخدمين من تصميم ونشر صفحات حديثة على أي نطاق. قم ببناء صفحات متجاوبة مثل القوائم، الوظائف أو منشورات المدونات وأدر المحتوى بسهولة باستخدام منشئ الصفحات السحب والإفلات المجاني. تم تطويره باستخدام TypeScript، Vue 3، Composition API، Pinia، CSS، Tailwind CSS و HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"قم بتنزيل أو تثبيت منشئ الصفحات المجاني Vue 3 القوي والمرن وسهل الاستخدام عبر",Save:Yb,"Add new Components":"إضافة مكونات جديدة",Options:Xb,"Config Overview":"نظرة عامة على التكوين","HTML Overview":"نظرة عامة على HTML","Delete Layout":"حذف التخطيط",avatar:Qb,Publish:Zb,"Add Components to Page":"إضافة مكونات إلى الصفحة",Close:$b,"Helper Components":"مكونات المساعدة","Click to add":"انقر للإضافة",component:eu,"Layout Components":"مكونات التخطيط","Click to add component":"انقر لإضافة مكون","Remove all Components":"إزالة جميع المكونات","Are you sure you want to remove all Components?":"هل أنت متأكد أنك تريد إزالة جميع المكونات؟",Styles:tu,"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.":"قم بتطبيق الأنماط التي تؤثر على الصفحة بأكملها. تتضمن هذه الإعدادات عائلة الخطوط العامة، ولون النص، ولون الخلفية، والأنماط العامة الأخرى التي تنطبق على جميع الأقسام.","Update Page Styles":"تحديث أنماط الصفحة","Download HTML":"تنزيل HTML","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.":"قم بتصدير الصفحة بأكملها كملف HTML مستقل. يتضمن ذلك جميع الأقسام والمحتوى والأنماط المطبقة، مما يجعلها جاهزة للاستخدام أو التكامل في مكان آخر.","Download HTML file":"تنزيل ملف HTML",Typographies:ru,"Font Appearance":"مظهر الخط","Font Size":"حجم الخط",Select:ou,"Font tablet size":"حجم الخط للجهاز اللوحي","Font small screens":"حجم الخط للشاشات الصغيرة","Font weight":"وزن الخط","Font family":"عائلة الخط","Font Style":"نمط الخط","Opacity & Transparency":"الشفافية والعتامة",Padding:nu,"Vertical Padding":"الحشو العمودي","Horizontal Padding":"الحشو الأفقي",Margin:iu,"Vertical Margin":"الهامش العمودي","Horizontal Margin":"الهامش الأفقي","Border Radius":"نصف القطر الحدودي",Global:au,Specific:su,"Border Radius top left":"نصف القطر الحدودي العلوي الأيسر","Border Radius top right":"نصف القطر الحدودي العلوي الأيمن","Border Radius bottom left":"نصف القطر الحدودي السفلي الأيسر","Border Radius bottom right":"نصف القطر الحدودي السفلي الأيمن","Border Style, Width & Color":"نمط الحدود والعرض واللون",Border:lu,"Border Style":"نمط الحدود","Border Width":"عرض الحدود","Border Color":"لون الحدود",Transparent:pu,"Generated CSS":"CSS المُنشأ","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"هذا هو CSS الذي يطبقه المنشئ. أضف CSS الخاص بك واضغط Enter لتطبيقه على العنصر المحدد.","Add your CSS.":"أضف CSS الخاص بك.","The pbx- prefix is added automatically.":"يتم إضافة البادئة pbx- تلقائيًا.","Type class":"اكتب الفئة",Add:du,"Inline Styles":"أنماط مضمنة","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"هذه هي الأنماط المضمنة التي يطبقها المنشئ. أضف أنماطك الخاصة واضغط على Enter لتطبيقها على العنصر المحدد.","Add your own style.":"أضف نمطك الخاص.",property:cu,value:mu,Editing:bu,"Loading...":"جار التحميل...","Background Color":"لون الخلفية","Text Color":"لون النص","Default black":"أسود افتراضي","Remove Component?":"إزالة المكون؟","Are you sure you want to remove this Component?":"هل أنت متأكد أنك تريد إزالة هذا المكون؟",Delete:uu,"Add to the bottom":"أضف إلى الأسفل",Preview:gu,Mobile:xu,"Demo Content":"معاينة","Demo Description":"تعرف على منشئ الصفحات الخفيف والمجاني Vue Click & Drop. قم بإنشاء وتعزيز التجارب الرقمية بسهولة باستخدام Vue. ليس كل شيء قوي يجب أن يكون معقدًا. يوفر هذا المنشئ البسيط والخفيف واجهة أنيقة وبديهية تركز على البساطة والسرعة. قم ببناء صفحات متجاوبة بالكامل مثل القوائم، لوحات الوظائف، أو منشورات المدونة - وأدر محتواك بسهولة باستخدام منشئ الصفحات المجاني Click & Drop.","Demo Description Two":"منشئ صفحات مصمم للنمو. قم ببناء صفحات موقعك الإلكتروني باستخدام مكونات جاهزة قابلة للتخصيص بالكامل ومتجاوبة دائمًا، مصممة لتلبية كل احتياجاتك. منشئ صفحات قوي للتجار والعلامات التجارية والوكالات المتنامية.","Demo Description Three":"منشئ مواقع الويب الذي يعشقه المصممون. يمكنك بسهولة تصميم وتخطيطات المعاينة والضبط لكل حجم شاشة. نظيف. سريع. بديهي. ليس كل شيء قوي يجب أن يبدو معقدًا.","Demo Description Four":"تأكد من أن موقعك يبدو رائعًا على جميع الأجهزة. قم بتحرير محتوى النص مباشرة وفي الوقت الفعلي. اختر الخطوط المثالية التي تناسب أسلوبك. جرب بثقة مع القدرة على التراجع عن التغييرات. أنماط مسبوقة. لا يوجد خطر من تعارض الأنماط بين المنشئ وتطبيقك.","Demo Title":"منشئ الويب لصفحات مذهلة","Demo Title Two":"فقط انشره مع Vue","Demo Title Three":"تحرير متجاوب","Edit text and links":"تحرير النصوص والروابط","Enter URL":"أدخل عنوان URL","Line break":"فاصل سطر",Bold:fu,"Header 2":"عنوان 2","Header 3":"عنوان 3",List:hu,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"أضف عنوان URL صالحًا لتحويل النص المحدد إلى ارتباط تشعبي قابل للنقر يوجه المستخدمين إلى عنوان الويب المحدد.","Select image":"اختر صورة","Manage Content":"إدارة المحتوى","Media Library":"مكتبة الوسائط","Reset changes":"إعادة التغييرات","Do you want to reset this page?":"هل تريد إعادة تعيين هذه الصفحة؟","Are you sure you want to reset this page? This will overwrite your current changes.":"هل أنت متأكد أنك تريد إعادة تعيين هذه الصفحة؟ سيؤدي هذا إلى الكتابة فوق التغييرات الحالية.",Search:yu,"Search...":"ابحث...",Landscape:wu,Portrait:vu,Squarish:ku,"Total pages":"إجمالي الصفحات",Images:Su,"First page":"الصفحة الأولى",Prev:Cu,Next:Eu,"By:":"بواسطة:","We did not find any images. Make a new search.":"لم نجد أي صور. قم ببحث جديد.","No results on current page. Navigate to First Page.":"لا توجد نتائج في الصفحة الحالية. انتقل إلى الصفحة الأولى.",Information:Tu,"From:":"من:"," Select image":" اختر صورة","Layouts and visual.":"التخطيطات والمرئيات.","Start customizing by editing this default text directly in the editor.":"ابدأ التخصيص عن طريق تحرير هذا النص الافتراضي مباشرة في المحرر.","Single Image":"صورة واحدة","Two Vertical Images":"صورتان عموديتان","Two Square Images":"صورتان مربعتان","Three Square Images":"ثلاث صور مربعة","Six Square Images Grid":"شبكة من ست صور مربعة","Three Vertical Images":"ثلاث صور عمودية","Three Square Images With Text":"ثلاث صور مربعة مع نص","Two Square Images With Text":"صورتان مربعتان مع نص",Text:Mu,"Header H2":"رأس H2","Header H3":"رأس H3","YouTube Video":"فيديو يوتيوب","Break Divider":"فاصل",Link:Bu,"Selected HTML":"HTML المحدد","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"نظرة عامة على العنصر المحدد والمكون والمكونات. يوفر هذا القسم تحديثات في الوقت الفعلي بناءً على اختيار HTML الخاص بك.",Types:Nu,"Element type:":"نوع العنصر:","Component type:":"نوع المكون:","Components:":"المكونات:",array:Pu,Content:Du,Element:Lu,Component:Au,"Components added":"تمت إضافة المكونات","No Element selected":"لم يتم تحديد عنصر","Selected HTML:":"HTML المحدد:","Element src:":"مصدر العنصر:","Element classes:":"فئات العنصر:","No Component selected":"لم يتم تحديد مكون","ID:":"المعرف:","Title:":"العنوان:","HTML Code:":"كود HTML:","No Components added yet":"لم تتم إضافة مكونات بعد",All:Ou,Image:Vu,"Image & Text":"صورة ونص","Four Square Images With Text":"أربع صور مربعة مع نص","Four Square Images":"أربع صور مربعة","Continue Your Work?":"أترغب في متابعة عملك؟","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?":"لاحظنا وجود بعض التغييرات التي لم تُحفظ في المرة السابقة. هل ترغب في المتابعة من حيث توقفت، أم استخدام الإصدار المُحمّل حاليًا من قاعدة البيانات؟","Use Saved Version":"استخدام النسخة المحفوظة","Continue Where I Left Off":"المتابعة من حيث توقفت","HTML Editor":"محرر HTML","Gain full control over components by editing the raw HTML.":"احصل على التحكم الكامل في المكونات عن طريق تحرير HTML الخام.","Large Screens Only":"الشاشات الكبيرة فقط"},property:cu,value:mu},Symbol.toStringTag,{value:"Module"})),Iu="Speichern",_u="Optionen",Ru="Avatar",Hu="Veröffentlichen",zu="Schließen",Fu="Komponente",ju="Stile",qu="Typografien",Wu="Auswählen",Uu="Abstand",Gu="Rand",Ku="Global",Ju="Spezifisch",Yu="Rand",Xu="Transparent",Qu="Hinzufügen",Zu="Eigenschaft",$u="Wert",eg="schließen",tg="Bearbeiten",rg="Löschen",og="Vorschau",ng="Mobil",ig="Fett",ag="Liste",sg="Suche",lg="Querformat",pg="Hochformat",dg="Quadratisch",cg="Bilder",mg="Zurück",bg="Weiter",ug="Informationen",gg="Text",xg="Link",fg="Typen",hg="Array",yg="Inhalt",wg="Element",vg="Komponente",kg="Alle",Sg="Bild",gD=Object.freeze(Object.defineProperty({__proto__:null,Add:Qu,All:kg,Bold:ig,Border:Yu,Close:zu,Component:vg,Content:yg,Delete:rg,Editing:tg,Element:wg,Global:Ku,Image:Sg,Images:cg,Information:ug,Landscape:lg,Link:xg,List:ag,Margin:Gu,Mobile:ng,Next:bg,Options:_u,Padding:Uu,Portrait:pg,Prev:mg,Preview:og,Publish:Hu,Save:Iu,Search:sg,Select:Wu,Specific:Ju,Squarish:dg,Styles:ju,Text:gg,Transparent:Xu,Types:fg,Typographies:qu,array:hg,avatar:Ru,close:eg,component:Fu,default:{"Reset Page":"Seite zurücksetzen","Global Page Styles":"Globale Seitenstile","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Probieren Sie den leistungsstarken Click & Drop Page Builder aus – entwickelt für Entwickler und Kreative, die volle Kontrolle ohne Aufwand wünschen. Passen Sie Layouts, Schriftarten und Farben an. Bearbeiten Sie Inhalte visuell in Echtzeit. Fügen Sie Medien hinzu, betten Sie YouTube-Videos ein oder exportieren Sie alles als sauberes HTML. Mit responsiver Bearbeitung, lokalem automatischen Speichern, Tailwind-Unterstützung und sogar Unsplash-Integration ist es alles, was Sie brauchen – verpackt in einem nahtlosen Builder. Erstellen Sie beeindruckende Seiten in Minuten.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Ein Seiten-Builder, der für Wachstum entwickelt wurde. Erstellen Sie Ihre Website-Seiten mit vorgefertigten Komponenten, die vollständig anpassbar und immer reaktionsschnell sind, um alle Anforderungen zu erfüllen. Ein leistungsstarker Seiten-Builder für wachsende Händler, Marken und Agenturen.","Everything you need. Break free from design limitations":"Alles, was Sie brauchen. Befreien Sie sich von Designbeschränkungen","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Verwirklichen Sie Ihre Vision und erstellen Sie beeindruckende Seiten mit einem Click & Drop Page Builder","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Der Web-Builder für atemberaubende Seiten. Ermöglichen Sie Benutzern, moderne Seiten in jeder Größenordnung zu entwerfen und zu veröffentlichen. Erstellen Sie responsive Seiten wie Listen, Jobs oder Blog-Posts und verwalten Sie Inhalte einfach mit dem kostenlosen Click & Drop Page Builder. Entwickelt mit TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS und HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Laden Sie den leistungsstarken, flexiblen und benutzerfreundlichen kostenlosen Vue 3 Page Builder herunter oder installieren Sie ihn über",Save:Iu,"Add new Components":"Neue Komponenten hinzufügen",Options:_u,"Config Overview":"Konfigurationsübersicht","HTML Overview":"HTML-Übersicht","Delete Layout":"Layout löschen",avatar:Ru,Publish:Hu,"Add Components to Page":"Komponenten zur Seite hinzufügen",Close:zu,"Helper Components":"Hilfskomponenten","Click to add":"Klicken, um hinzuzufügen",component:Fu,"Layout Components":"Layout-Komponenten","Click to add component":"Klicken, um Komponente hinzuzufügen","Remove all Components":"Alle Komponenten entfernen","Are you sure you want to remove all Components?":"Sind Sie sicher, dass Sie alle Komponenten entfernen möchten?",Styles:ju,"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.":"Wenden Sie Stile an, die die gesamte Seite betreffen. Diese Einstellungen umfassen globale Schriftfamilie, Textfarbe, Hintergrundfarbe und andere universelle Stile, die auf alle Abschnitte angewendet werden.","Update Page Styles":"Seitenstile aktualisieren","Download HTML":"HTML herunterladen","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.":"Exportieren Sie die gesamte Seite als eigenständige HTML-Datei. Dies umfasst alle Abschnitte, Inhalte und angewendeten Stile, sodass sie bereit für die Verwendung oder Integration an anderer Stelle ist.","Download HTML file":"HTML-Datei herunterladen",Typographies:qu,"Font Appearance":"Schriftbild","Font Size":"Schriftgröße",Select:Wu,"Font size":"Schriftgröße","Font tablet size":"Schriftgröße für Tablets","Font small screens":"Schriftgröße für kleine Bildschirme","Font weight":"Schriftgewicht","Font family":"Schriftfamilie","Font Style":"Schriftstil","Opacity & Transparency":"Deckkraft & Transparenz",Padding:Uu,"Vertical Padding":"Vertikaler Abstand","Horizontal Padding":"Horizontaler Abstand",Margin:Gu,"Vertical Margin":"Vertikaler Rand","Horizontal Margin":"Horizontaler Rand","Border Radius":"Randradius",Global:Ku,Specific:Ju,"Border Radius top left":"Randradius oben links","Border Radius top right":"Randradius oben rechts","Border Radius bottom left":"Randradius unten links","Border Radius bottom right":"Randradius unten rechts","Border Style, Width & Color":"Randstil, Breite & Farbe",Border:Yu,"Border Style":"Randstil","Border Width":"Randbreite","Border Color":"Randfarbe",Transparent:Xu,"Generated CSS":"Generiertes CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Dies ist das vom Builder angewendete CSS. Fügen Sie Ihr eigenes CSS hinzu und drücken Sie Enter, um es auf das ausgewählte Element anzuwenden.","Add your CSS.":"Fügen Sie Ihr CSS hinzu.","The pbx- prefix is added automatically.":"Das pbx- Präfix wird automatisch hinzugefügt.","Type class":"Klasse eingeben",Add:Qu,"Inline Styles":"Inline-Stile","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Dies sind die vom Builder angewendeten Inline-Stile. Fügen Sie Ihre eigenen Stile hinzu und drücken Sie die Eingabetaste, um sie auf das ausgewählte Element anzuwenden.","Add your own style.":"Fügen Sie Ihren eigenen Stil hinzu.",property:Zu,value:$u,close:eg,Editing:tg,"Loading...":"Wird geladen...","Background Color":"Hintergrundfarbe","Text Color":"Textfarbe","Default black":"Standard Schwarz","Remove Component?":"Komponente entfernen?","Are you sure you want to remove this Component?":"Sind Sie sicher, dass Sie diese Komponente entfernen möchten?",Delete:rg,"Add to the bottom":"Zum Ende hinzufügen",Preview:og,Mobile:ng,"Demo Content":"Demo-Inhalt","Demo Description":"Entdecken Sie den leichten und kostenlosen Vue Click & Drop Page Builder. Erstellen und verbessern Sie digitale Erlebnisse mühelos mit Vue. Nicht alles, was leistungsstark ist, muss komplex sein. Dieser minimalistische und leichte Page Builder bietet eine elegante, intuitive Oberfläche, die auf Einfachheit und Geschwindigkeit ausgelegt ist. Erstellen Sie vollständig responsive Seiten wie Listen, Jobbörsen oder Blogbeiträge – und verwalten Sie Ihre Inhalte mühelos mit dem kostenlosen Click & Drop Page Builder.","Demo Description Two":"Ein Seiten-Builder, der für Wachstum entwickelt wurde. Erstellen Sie Ihre Website-Seiten mit vorgefertigten Komponenten, die vollständig anpassbar und immer reaktionsschnell sind, um alle Anforderungen zu erfüllen. Ein leistungsstarker Seiten-Builder für wachsende Händler, Marken und Agenturen.","Demo Description Three":"Der Website-Builder, den Designer lieben. Entwerfen, prüfen und passen Sie Layouts für jede Bildschirmgröße einfach an. Sauber. Schnell. Intuitiv. Nicht alles, was leistungsstark ist, muss kompliziert aussehen.","Demo Description Four":"Stellen Sie sicher, dass Ihre Website auf allen Geräten gut aussieht. Bearbeiten Sie Textinhalte live und in Echtzeit. Wählen Sie die perfekten Schriftarten, die zu Ihrem Stil passen. Experimentieren Sie selbstbewusst mit der Möglichkeit, Änderungen rückgängig zu machen. Stile mit Präfix. Kein Risiko von Stilkonflikten zwischen dem Builder und Ihrer App.","Demo Title":"Der Web-Builder für atemberaubende Seiten","Demo Title Two":"Veröffentlichen Sie es einfach mit Vue","Demo Title Three":"Responsive Bearbeitung","Edit text and links":"Text und Links bearbeiten","Enter URL":"URL eingeben","Line break":"Zeilenumbruch",Bold:ig,"Header 2":"Überschrift 2","Header 3":"Überschrift 3",List:ag,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Fügen Sie eine gültige URL hinzu, um den ausgewählten Text in einen anklickbaren Hyperlink zu verwandeln, der Benutzer zur angegebenen Webadresse führt.","Select image":"Bild auswählen","Manage Content":"Inhalte verwalten","Media Library":"Medienbibliothek","Reset changes":"Änderungen zurücksetzen","Do you want to reset this page?":"Möchten Sie diese Seite zurücksetzen?","Are you sure you want to reset this page? This will overwrite your current changes.":"Sind Sie sicher, dass Sie diese Seite zurücksetzen möchten? Dadurch werden Ihre aktuellen Änderungen überschrieben.",Search:sg,"Search...":"Suchen...",Landscape:lg,Portrait:pg,Squarish:dg,"Total pages":"Gesamtseiten",Images:cg,"First page":"Erste Seite",Prev:mg,Next:bg,"By:":"Von:","We did not find any images. Make a new search.":"Wir haben keine Bilder gefunden. Machen Sie eine neue Suche.","No results on current page. Navigate to First Page.":"Keine Ergebnisse auf der aktuellen Seite. Zur ersten Seite navigieren.",Information:ug,"From:":"Von:"," Select image":" Bild auswählen","Layouts and visual.":"Layouts und visuell.","Start customizing by editing this default text directly in the editor.":"Beginnen Sie mit der Anpassung, indem Sie diesen Standardtext direkt im Editor bearbeiten.","Single Image":"Einzelnes Bild","Two Vertical Images":"Zwei vertikale Bilder","Two Square Images":"Zwei quadratische Bilder","Three Square Images":"Drei quadratische Bilder","Six Square Images Grid":"Sechs quadratische Bilder im Raster","Three Square Images With Text":"Drei quadratische Bilder mit Text","Three Vertical Images":"Zwei quadratische Bilder mit Text",Text:gg,"Header H2":"Überschrift H2","Header H3":"Überschrift H3","YouTube Video":"YouTube-Video","Break Divider":"Trennlinie",Link:xg,"Selected HTML":"Ausgewähltes HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Übersicht über ausgewähltes Element, Komponente und Komponenten. Dieser Abschnitt bietet Echtzeit-Updates basierend auf Ihrer HTML-Auswahl.",Types:fg,"Element type:":"Elementtyp:","Component type:":"Komponententyp:","Components:":"Komponenten:",array:hg,Content:yg,Element:wg,Component:vg,"Components added":"Komponenten hinzugefügt","No Element selected":"Kein Element ausgewählt","Selected HTML:":"Ausgewähltes HTML:","Element src:":"Elementquelle:","Element classes:":"Elementklassen:","No Component selected":"Keine Komponente ausgewählt","ID:":"ID:","Title:":"Titel:","HTML Code:":"HTML-Code:","No Components added yet":"Noch keine Komponenten hinzugefügt",All:kg,Image:Sg,"Image & Text":"Bild & Text","Four Square Images With Text":"Vier quadratische Bilder mit Text","Four Square Images":"Vier quadratische Bilder","Continue Your Work?":"Möchten Sie Ihre Arbeit fortsetzen?","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?":"Wir haben festgestellt, dass Sie beim letzten Mal einige Änderungen nicht gespeichert haben. Möchten Sie dort weitermachen, wo Sie aufgehört haben, oder die aktuell aus der Datenbank geladene Version verwenden?","Use Saved Version":"Gespeicherte Version verwenden","Continue Where I Left Off":"Dort weitermachen, wo ich aufgehört habe","HTML Editor":"HTML-Editor","Gain full control over components by editing the raw HTML.":"Erhalten Sie die vollständige Kontrolle über Komponenten, indem Sie das reine HTML bearbeiten.","Large Screens Only":"Nur große Bildschirme"},property:Zu,value:$u},Symbol.toStringTag,{value:"Module"})),Cg="Save",Eg="Options",Tg="avatar",Mg="Publish",Bg="component",Ng="Styles",Pg="Typographies",Dg="Select",Lg="Padding",Ag="Margin",Og="Global",Vg="Specific",Ig="Border",_g="Transparent",Rg="Add",Hg="property",zg="value",Fg="Close",jg="Editing",qg="Delete",Wg="Preview",Ug="Mobile",Gg="Bold",Kg="Link",Jg="List",Yg="Search",Xg="Landscape",Qg="Portrait",Zg="Squarish",$g="Images",ex="Prev",tx="Next",rx="Information",ox="Text",nx="Types",ix="array",ax="Content",sx="Element",lx="Component",px="All",dx="Image",xD=Object.freeze(Object.defineProperty({__proto__:null,Add:Rg,All:px,Bold:Gg,Border:Ig,Close:Fg,Component:lx,Content:ax,Delete:qg,Editing:jg,Element:sx,Global:Og,Image:dx,Images:$g,Information:rx,Landscape:Xg,Link:Kg,List:Jg,Margin:Ag,Mobile:Ug,Next:tx,Options:Eg,Padding:Lg,Portrait:Qg,Prev:ex,Preview:Wg,Publish:Mg,Save:Cg,Search:Yg,Select:Dg,Specific:Vg,Squarish:Zg,Styles:Ng,Text:ox,Transparent:_g,Types:nx,Typographies:Pg,array:ix,avatar:Tg,component:Bg,default:{"Reset Page":"Reset Page","Global Page Styles":"Global Page Styles","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.","Everything you need. Break free from design limitations":"Everything you need. Break free from design limitations","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Bring your vision to life and create impressive pages using a click & drop Page Builder","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via",Save:Cg,"Add new Components":"Add new Components",Options:Eg,"Config Overview":"Config Overview","HTML Overview":"HTML Overview","Delete Layout":"Delete Layout",avatar:Tg,Publish:Mg,"Add Components to Page":"Add Components to Page","Helper Components":"Helper Components","Click to add":"Click to add",component:Bg,"Layout Components":"Layout Components","Click to add component":"Click to add component","Remove all Components":"Remove all Components","Are you sure you want to remove all Components?":"Are you sure you want to remove all Components?",Styles:Ng,Typographies:Pg,"Font Appearance":"Font Appearance","Font Size":"Font Size",Select:Dg,"Font size":"Font size","Font tablet size":"Font tablet size","Font small screens":"Font small screens","Font weight":"Font weight","Font family":"Font family","Font Style":"Font Style","Opacity & Transparency":"Opacity & Transparency",Padding:Lg,"Vertical Padding":"Vertical Padding","Horizontal Padding":"Horizontal Padding",Margin:Ag,"Vertical Margin":"Vertical Margin","Horizontal Margin":"Horizontal Margin","Border Radius":"Border Radius",Global:Og,Specific:Vg,"Border Radius top left":"Border Radius top left","Border Radius top right":"Border Radius top right","Border Radius bottom left":"Border Radius bottom left","Border Radius bottom right":"Border Radius bottom right","Border Style, Width & Color":"Border Style, Width & Color",Border:Ig,"Border Style":"Border Style","Border Width":"Border Width","Border Color":"Border Color",Transparent:_g,"Generated CSS":"Generated CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.","Add your CSS.":"Add your CSS.","The pbx- prefix is added automatically.":"The pbx- prefix is added automatically.","Type class":"Type class",Add:Rg,"Inline Styles":"Inline Styles","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.","Add your own style.":"Add your own style.",property:Hg,value:zg,Close:Fg,Editing:jg,"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.":"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.","Update Page Styles":"Update Page Styles","Download HTML":"Download HTML","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.":"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.","Download HTML file":"Download HTML file","Loading...":"Loading...","Background Color":"Background Color","Text Color":"Text Color","Default black":"Default black","Remove Component?":"Remove Component?","Are you sure you want to remove this Component?":"Are you sure you want to remove this Component?",Delete:qg,"Add to the bottom":"Add to the bottom",Preview:Wg,Mobile:Ug,"Demo Content":"Demo Content","Demo Title":"The web builder for stunning pages","Demo Title Two":"Just publish it with Vue","Demo Title Three":"Responsive Editing","Demo Description":"Introducing the Lightweight & Free Vue Click & Drop Page Builder Create and enhance digital experiences effortlessly with Vue. Not everything powerful needs to be complex. This minimalist and lightweight page builder offers an elegant, intuitive interface focused on simplicity and speed. Build fully responsive pages such as listings, job boards, or blog posts—and manage your content with ease using the free Click & Drop Page Builder.","Demo Description Two":"A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.","Demo Description Three":"The website builder loved by designers. Easily design, preview, and adjust layouts for every screen size. Clean. Fast. Intuitive. Not everything powerful has to look complicated.","Demo Description Four":"Ensure your site looks great on all devices. Edit text content live and in real-time. Choose the perfect fonts to match your style. Experiment confidently with the ability to revert changes. Styles Prefixed. No risk of style conflicts between the builder and your app.","Edit text and links":"Edit text and links","Enter URL":"Enter URL","Line break":"Line break",Bold:Gg,Link:Kg,"Header 2":"Header 2","Header 3":"Header 3",List:Jg,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.","Select image":"Select image","Manage Content":"Manage Content","Media Library":"Media Library","Reset changes":"Reset changes","Do you want to reset this page?":"Do you want to reset this page?","Are you sure you want to reset this page? This will overwrite your current changes.":"Are you sure you want to reset this page? This will overwrite your current changes.",Search:Yg,"Search...":"Search...",Landscape:Xg,Portrait:Qg,Squarish:Zg,"Total pages":"Total pages",Images:$g,"First page":"First page",Prev:ex,Next:tx,"By:":"By:","We did not find any images. Make a new search.":"We did not find any images. Make a new search.","No results on current page. Navigate to First Page.":"No results on current page. Navigate to First Page.",Information:rx,"From:":"From:"," Select image":" Select image","Layouts and visual.":"Layouts and visual.","Start customizing by editing this default text directly in the editor.":"Start customizing by editing this default text directly in the editor.","Single Image":"Single Image","Two Vertical Images":"Two Vertical Images","Two Square Images":"Two Square Images","Two Square Images With Text":"Two Square Images With Text","Three Square Images":"Three Square Images","Six Square Images Grid":"Six Square Images Grid","Four Square Images With Text":"Four Square Images With Text","Three Square Images With Text":"Three Square Images With Text","Three Vertical Images":"Three Vertical Images",Text:ox,"Header H2":"Header H2","Header H3":"Header H3","YouTube Video":"YouTube Video","Break Divider":"Break Divider","Selected HTML":"Selected HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.",Types:nx,"Element type:":"Element type:","Component type:":"Component type:","Components:":"Components:",array:ix,Content:ax,Element:sx,Component:lx,"Components added":"Components added","No Element selected":"No Element selected","Selected HTML:":"Selected HTML:","Element src:":"Element src:","Element classes:":"Element classes:","No Component selected":"No Component selected","ID:":"ID:","Title:":"Title:","HTML Code:":"HTML Code:","No Components added yet":"No Components added yet",All:px,Image:dx,"Image & Text":"Image & Text","Four Square Images":"Four Square Images","Continue Your Work?":"Continue Your Work?","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?":"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?","Use Saved Version":"Use Saved Version","Continue Where I Left Off":"Continue Where I Left Off","HTML Editor":"HTML Editor","Gain full control over components by editing the raw HTML.":"Gain full control over components by editing the raw HTML.","Large Screens Only":"Large Screens Only"},property:Hg,value:zg},Symbol.toStringTag,{value:"Module"})),cx="Guardar",mx="Opciones",bx="avatar",ux="Publicar",gx="Cerrar",xx="componente",fx="Estilos",hx="Tipografías",yx="Seleccionar",wx="Relleno",vx="Margen",kx="Global",Sx="Específico",Cx="Borde",Ex="Transparente",Tx="Agregar",Mx="propiedad",Bx="valor",Nx="Editando",Px="Eliminar",Dx="Vista previa",Lx="Móvil",Ax="Negrita",Ox="Lista",Vx="Buscar",Ix="Horizontal",_x="Vertical",Rx="Cuadrado",Hx="Imágenes",zx="Anterior",Fx="Siguiente",jx="Información",qx="Texto",Wx="Enlace",Ux="Tipos",Gx="matriz",Kx="Contenido",Jx="Elemento",Yx="Componente",Xx="Todos",Qx="Imagen",fD=Object.freeze(Object.defineProperty({__proto__:null,Add:Tx,All:Xx,Bold:Ax,Border:Cx,Close:gx,Component:Yx,Content:Kx,Delete:Px,Editing:Nx,Element:Jx,Global:kx,Image:Qx,Images:Hx,Information:jx,Landscape:Ix,Link:Wx,List:Ox,Margin:vx,Mobile:Lx,Next:Fx,Options:mx,Padding:wx,Portrait:_x,Prev:zx,Preview:Dx,Publish:ux,Save:cx,Search:Vx,Select:yx,Specific:Sx,Squarish:Rx,Styles:fx,Text:qx,Transparent:Ex,Types:Ux,Typographies:hx,array:Gx,avatar:bx,component:xx,default:{"Reset Page":"Restablecer página","Global Page Styles":"Estilos de página globales","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Pruebe el poderoso Click & Drop Page Builder, diseñado para desarrolladores y creadores que desean un control total sin complicaciones. Personalice diseños, fuentes y colores. Edite contenido visualmente en tiempo real. Agregue medios, incruste videos de YouTube o exporte todo como HTML limpio. Con edición receptiva, guardado automático local, soporte de Tailwind e incluso integración con Unsplash, es todo lo que necesita, envuelto en un constructor perfecto. Cree páginas impresionantes en minutos.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Un constructor de páginas diseñado para el crecimiento. Cree las páginas de su sitio web con componentes listos para usar que son totalmente personalizables y siempre receptivos, diseñados para satisfacer todas las necesidades. Un poderoso constructor de páginas para comerciantes, marcas y agencias en crecimiento.","Everything you need. Break free from design limitations":"Todo lo que necesitas. Libérate de las limitaciones de diseño","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Haz realidad tu visión y crea páginas impresionantes usando un constructor de páginas de arrastrar y soltar","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"El constructor web para páginas impresionantes. Permita a los usuarios diseñar y publicar páginas modernas a cualquier escala. Cree páginas receptivas como listados, trabajos o publicaciones de blog y gestione el contenido fácilmente utilizando el Page Builder gratuito de arrastrar y soltar. Desarrollado con TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS y HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Descargue o instale nuestro potente, flexible y fácil de usar constructor de páginas Vue 3 gratuito a través de",Save:cx,"Add new Components":"Agregar nuevos componentes",Options:mx,"Config Overview":"Resumen de configuración","HTML Overview":"Resumen de HTML","Delete Layout":"Eliminar diseño",avatar:bx,Publish:ux,"Add Components to Page":"Agregar componentes a la página",Close:gx,"Helper Components":"Componentes de ayuda","Click to add":"Haga clic para agregar",component:xx,"Layout Components":"Componentes de diseño","Click to add component":"Haga clic para agregar componente","Remove all Components":"Eliminar todos los componentes","Are you sure you want to remove all Components?":"¿Está seguro de que desea eliminar todos los componentes?",Styles:fx,"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.":"Aplicar estilos que afectan a toda la página. Estas configuraciones incluyen familia de fuentes global, color de texto, color de fondo y otros estilos universales que se aplican a todas las secciones.","Update Page Styles":"Actualizar estilos de página","Download HTML":"Descargar HTML","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.":"Exportar toda la página como un archivo HTML independiente. Esto incluye todas las secciones, contenido y estilos aplicados, haciéndolo listo para usar o integrar en otro lugar.","Download HTML file":"Descargar archivo HTML",Typographies:hx,"Font Appearance":"Apariencia de fuente","Font Size":"Tamaño de fuente",Select:yx,"Font size":"Tamaño de fuente","Font tablet size":"Tamaño de fuente para tabletas","Font small screens":"Tamaño de fuente para pantallas pequeñas","Font weight":"Peso de fuente","Font family":"Familia de fuente","Font Style":"Estilo de fuente","Opacity & Transparency":"Opacidad y Transparencia",Padding:wx,"Vertical Padding":"Relleno Vertical","Horizontal Padding":"Relleno Horizontal",Margin:vx,"Vertical Margin":"Margen Vertical","Horizontal Margin":"Margen Horizontal","Border Radius":"Radio del borde",Global:kx,Specific:Sx,"Border Radius top left":"Radio del borde superior izquierdo","Border Radius top right":"Radio del borde superior derecho","Border Radius bottom left":"Radio del borde inferior izquierdo","Border Radius bottom right":"Radio del borde inferior derecho","Border Style, Width & Color":"Estilo, ancho y color del borde",Border:Cx,"Border Style":"Estilo del borde","Border Width":"Ancho del borde","Border Color":"Color del borde",Transparent:Ex,"Generated CSS":"CSS Generado","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Este es el CSS aplicado por el constructor. Agregue su propio CSS y presione Enter para aplicarlo al elemento seleccionado.","Add your CSS.":"Agregue su CSS.","The pbx- prefix is added automatically.":"El prefijo pbx- se agrega automáticamente.","Type class":"Escriba clase",Add:Tx,"Inline Styles":"Estilos en línea","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Estos son los estilos en línea aplicados por el constructor. Agregue sus propios estilos y presione Enter para aplicarlos al elemento seleccionado.","Add your own style.":"Agregue su propio estilo.",property:Mx,value:Bx,Editing:Nx,"Loading...":"Cargando...","Background Color":"Color de fondo","Text Color":"Color de texto","Default black":"Negro predeterminado","Remove Component?":"¿Eliminar componente?","Are you sure you want to remove this Component?":"¿Estás seguro de que deseas eliminar este componente?",Delete:Px,"Add to the bottom":"Agregar al final",Preview:Dx,Mobile:Lx,"Demo Content":"Contenido de demostración","Demo Description":"Descubra el constructor de páginas ligero y gratuito Vue Click & Drop. Cree y mejore experiencias digitales sin esfuerzo con Vue. No todo lo poderoso tiene que ser complejo. Este constructor de páginas minimalista y ligero ofrece una interfaz elegante e intuitiva centrada en la simplicidad y la velocidad. Cree páginas completamente receptivas como listados, tableros de trabajo o publicaciones de blog, y gestione su contenido fácilmente con el constructor de páginas gratuito Click & Drop.","Demo Description Two":"Un constructor de páginas diseñado para el crecimiento. Cree las páginas de su sitio web con componentes listos para usar que son totalmente personalizables y siempre receptivos, diseñados para satisfacer todas las necesidades. Un poderoso constructor de páginas para comerciantes, marcas и agencias en crecimiento.","Demo Description Three":"El constructor de sitios web amado por los diseñadores. Diseñe, obtenga una vista previa y ajuste fácilmente los diseños para cada tamaño de pantalla. Limpio. Rápido. Intuitivo. No todo lo poderoso tiene que parecer complicado.","Demo Description Four":"Asegúrese de que su sitio se vea genial en todos los dispositivos. Edite el contenido de texto en vivo y en tiempo real. Elija las fuentes perfectas que coincidan con su estilo. Experimente con confianza con la capacidad de revertir los cambios. Estilos con prefijo. No hay riesgo de conflictos de estilo entre el constructor y su aplicación.","Demo Title":"El constructor web para páginas impresionantes","Demo Title Two":"Simplemente publícalo con Vue","Demo Title Three":"Edición receptiva","Edit text and links":"Editar texto y enlaces","Enter URL":"Introducir URL","Line break":"Salto de línea",Bold:Ax,"Header 2":"Encabezado 2","Header 3":"Encabezado 3",List:Ox,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Agregue una URL válida para transformar el texto seleccionado en un hipervínculo clicable que dirija a los usuarios a la dirección web especificada.","Select image":"Seleccionar imagen","Manage Content":"Gestionar contenido","Media Library":"Biblioteca de medios","Reset changes":"Restablecer cambios","Do you want to reset this page?":"¿Quieres restablecer esta página?","Are you sure you want to reset this page? This will overwrite your current changes.":"¿Estás seguro de que deseas restablecer esta página? Esto sobrescribirá tus cambios actuales.",Search:Vx,"Search...":"Buscar...",Landscape:Ix,Portrait:_x,Squarish:Rx,"Total pages":"Páginas totales",Images:Hx,"First page":"Primera página",Prev:zx,Next:Fx,"By:":"Por:","We did not find any images. Make a new search.":"No encontramos imágenes. Realiza una nueva búsqueda.","No results on current page. Navigate to First Page.":"No hay resultados en la página actual. Navega a la primera página.",Information:jx,"From:":"De:"," Select image":" Seleccionar imagen","Layouts and visual.":"Diseños y visuales.","Start customizing by editing this default text directly in the editor.":"Comience a personalizar editando este texto predeterminado directamente en el editor.","Single Image":"Imagen única","Two Vertical Images":"Dos imágenes verticales","Two Square Images":"Dos imágenes cuadradas","Three Square Images":"Tres imágenes cuadradas","Six Square Images Grid":"Cuadrícula de seis imágenes cuadradas","Three Square Images With Text":"Tres imágenes cuadradas con texto","Two Square Images With Text":"Dos imágenes cuadradas con texto","Three Vertical Images":"Dos imágenes cuadradas con texto",Text:qx,"Header H2":"Encabezado H2","Header H3":"Encabezado H3","YouTube Video":"Video de YouTube","Break Divider":"Divisor",Link:Wx,"Selected HTML":"HTML seleccionado","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Descripción general del elemento seleccionado, componente y componentes. Esta sección proporciona actualizaciones en tiempo real basadas en su selección de HTML.",Types:Ux,"Element type:":"Tipo de elemento:","Component type:":"Tipo de componente:","Components:":"Componentes:",array:Gx,Content:Kx,Element:Jx,Component:Yx,"Components added":"Componentes añadidos","No Element selected":"Ningún elemento seleccionado","Selected HTML:":"HTML seleccionado:","Element src:":"Fuente del elemento:","Element classes:":"Clases de elemento:","No Component selected":"Ningún componente seleccionado","ID:":"ID:","Title:":"Título:","HTML Code:":"Código HTML:","No Components added yet":"Aún no se han añadido componentes",All:Xx,Image:Qx,"Image & Text":"Imagen y texto","Four Square Images With Text":"Cuatro imágenes cuadradas con texto","Four Square Images":"Cuatro imágenes cuadradas","Continue Your Work?":"¿Desea continuar su trabajo?","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?":"Notamos que tiene algunos cambios que no se guardaron la última vez. ¿Le gustaría continuar donde lo dejó o usar la versión que está cargada actualmente desde la base de datos?","Use Saved Version":"Usar la versión guardada","Continue Where I Left Off":"Continuar donde lo dejé","HTML Editor":"Editor HTML","Gain full control over components by editing the raw HTML.":"Obtenga control total sobre los componentes editando el HTML sin formato.","Large Screens Only":"Solo pantallas grandes"},property:Mx,value:Bx},Symbol.toStringTag,{value:"Module"})),Zx="Enregistrer",$x="Options",ef="avatar",tf="Publier",rf="Fermer",of="composant",nf="Styles",af="Typographies",sf="Sélectionner",lf="Marge intérieure",pf="Marge",df="Global",cf="Spécifique",mf="Bordure",bf="Transparent",uf="Ajouter",gf="propriété",xf="valeur",ff="Édition",hf="Supprimer",yf="Aperçu",wf="Mobile",vf="Gras",kf="Liste",Sf="Rechercher",Cf="Paysage",Ef="Portrait",Tf="Carré",Mf="Images",Bf="Précédent",Nf="Suivant",Pf="Information",Df="Texte",Lf="Lien",Af="Types",Of="tableau",Vf="Contenu",If="Élément",_f="Composant",Rf="Tous",Hf="Image",hD=Object.freeze(Object.defineProperty({__proto__:null,Add:uf,All:Rf,Bold:vf,Border:mf,Close:rf,Component:_f,Content:Vf,Delete:hf,Editing:ff,Element:If,Global:df,Image:Hf,Images:Mf,Information:Pf,Landscape:Cf,Link:Lf,List:kf,Margin:pf,Mobile:wf,Next:Nf,Options:$x,Padding:lf,Portrait:Ef,Prev:Bf,Preview:yf,Publish:tf,Save:Zx,Search:Sf,Select:sf,Specific:cf,Squarish:Tf,Styles:nf,Text:Df,Transparent:bf,Types:Af,Typographies:af,array:Of,avatar:ef,component:of,default:{"Reset Page":"Réinitialiser la page","Global Page Styles":"Styles de page globaux","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Essayez le puissant Click & Drop Page Builder, conçu pour les développeurs et les créateurs qui souhaitent un contrôle total sans tracas. Personnalisez les mises en page, les polices et les couleurs. Modifiez le contenu visuellement en temps réel. Ajoutez des médias, intégrez des vidéos YouTube ou exportez tout en HTML propre. Avec l'édition réactive, la sauvegarde automatique locale, la prise en charge de Tailwind et même l'intégration Unsplash, c'est tout ce dont vous avez besoin, enveloppé dans un seul constructeur transparent. Créez des pages impressionnantes en quelques minutes.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Un constructeur de pages conçu pour la croissance. Créez les pages de votre site Web avec des composants prêts à l'emploi qui sont entièrement personnalisables et toujours réactifs, conçus pour répondre à tous les besoins. Un puissant constructeur de pages pour les commerçants, les marques et les agences en pleine croissance.","Everything you need. Break free from design limitations":"Tout ce dont vous avez besoin. Libérez-vous des limitations de conception","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Donnez vie à votre vision et créez des pages impressionnantes à l'aide d'un constructeur de pages par glisser-déposer","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Le constructeur web pour des pages époustouflantes. Permettez aux utilisateurs de concevoir et de publier des pages modernes à n'importe quelle échelle. Créez des pages réactives comme des listes, des emplois ou des articles de blog et gérez facilement le contenu en utilisant le Page Builder gratuit de glisser-déposer. Développé avec TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS et HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Téléchargez ou installez notre puissant, flexible et facile à utiliser constructeur de pages Vue 3 gratuit via",Save:Zx,"Add new Components":"Ajouter de nouveaux composants",Options:$x,"Config Overview":"Aperçu de la configuration","HTML Overview":"Aperçu HTML","Delete Layout":"Supprimer la mise en page",avatar:ef,Publish:tf,"Add Components to Page":"Ajouter des composants à la page",Close:rf,"Helper Components":"Composants d'aide","Click to add":"Cliquez pour ajouter",component:of,"Layout Components":"Composants de mise en page","Click to add component":"Cliquez pour ajouter un composant","Remove all Components":"Supprimer tous les composants","Are you sure you want to remove all Components?":"Êtes-vous sûr de vouloir supprimer tous les composants ?",Styles:nf,"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.":"Appliquez des styles qui affectent toute la page. Ces paramètres incluent la famille de polices globale, la couleur du texte, la couleur de fond et d'autres styles universels qui s'appliquent à toutes les sections.","Update Page Styles":"Mettre à jour les styles de page","Download HTML":"Télécharger HTML","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.":"Exportez toute la page en tant que fichier HTML autonome. Cela inclut toutes les sections, le contenu et les styles appliqués, ce qui le rend prêt à être utilisé ou intégré ailleurs.","Download HTML file":"Télécharger le fichier HTML",Typographies:af,"Font Appearance":"Apparence de la police","Font Size":"Taille de la police",Select:sf,"Font size":"Taille de la police","Font tablet size":"Taille de la police pour tablette","Font small screens":"Taille de la police pour petits écrans","Font weight":"Poids de la police","Font family":"Famille de police","Font Style":"Style de police","Opacity & Transparency":"Opacité et Transparence",Padding:lf,"Vertical Padding":"Marge intérieure verticale","Horizontal Padding":"Marge intérieure horizontale",Margin:pf,"Vertical Margin":"Marge verticale","Horizontal Margin":"Marge horizontale","Border Radius":"Rayon de bordure",Global:df,Specific:cf,"Border Radius top left":"Rayon de bordure en haut à gauche","Border Radius top right":"Rayon de bordure en haut à droite","Border Radius bottom left":"Rayon de bordure en bas à gauche","Border Radius bottom right":"Rayon de bordure en bas à droite","Border Style, Width & Color":"Style, largeur et couleur de la bordure",Border:mf,"Border Style":"Style de bordure","Border Width":"Largeur de bordure","Border Color":"Couleur de bordure",Transparent:bf,"Generated CSS":"CSS Généré","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Ceci est le CSS appliqué par le constructeur. Ajoutez votre propre CSS et appuyez sur Entrée pour l'appliquer à l'élément sélectionné.","Add your CSS.":"Ajoutez votre CSS.","The pbx- prefix is added automatically.":"Le préfixe pbx- est ajouté automatiquement.","Type class":"Tapez la classe",Add:uf,"Inline Styles":"Styles en ligne","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Ce sont les styles en ligne appliqués par le constructeur. Ajoutez vos propres styles et appuyez sur Entrée pour les appliquer à l'élément sélectionné.","Add your own style.":"Ajoutez votre propre style.",property:gf,value:xf,Editing:ff,"Loading...":"Chargement...","Background Color":"Couleur de fond","Text Color":"Couleur du texte","Default black":"Noir par défaut","Remove Component?":"Supprimer le composant ?","Are you sure you want to remove this Component?":"Êtes-vous sûr de vouloir supprimer ce composant ?",Delete:hf,"Add to the bottom":"Ajouter en bas",Preview:yf,Mobile:wf,"Demo Content":"Contenu de démonstration","Demo Description":"Découvrez le constructeur de pages léger et gratuit Vue Click & Drop. Créez et améliorez des expériences numériques sans effort avec Vue. Tout ce qui est puissant n'a pas besoin d'être complexe. Ce constructeur de pages minimaliste et léger offre une interface élégante et intuitive axée sur la simplicité et la rapidité. Créez des pages entièrement réactives telles que des listes, des tableaux d'offres d'emploi ou des articles de blog, et gérez votre contenu facilement avec le constructeur de pages gratuit Click & Drop.","Demo Description Two":"Un constructeur de pages conçu pour la croissance. Créez les pages de votre site Web avec des composants prêts à l'emploi qui sont entièrement personnalisables et toujours réactifs, conçus pour répondre à tous les besoins. Un puissant constructeur de pages pour les commerçants, les marques et les agences en pleine croissance.","Demo Description Three":"Le constructeur de sites Web adoré des designers. Concevez, prévisualisez et ajustez facilement les mises en page pour chaque taille d'écran. Propre. Rapide. Intuitif. Tout ce qui est puissant n'a pas à paraître compliqué.","Demo Description Four":"Assurez-vous que votre site est superbe sur tous les appareils. Modifiez le contenu textuel en direct et en temps réel. Choisissez les polices parfaites pour correspondre à votre style. Expérimentez en toute confiance avec la possibilité d'annuler les modifications. Styles préfixés. Aucun risque de conflits de style entre le constructeur et votre application.","Demo Title":"Le constructeur de sites Web pour des pages époustouflantes","Demo Title Two":"Publiez-le simplement avec Vue","Demo Title Three":"Édition réactive","Edit text and links":"Modifier le texte et les liens","Enter URL":"Entrer l'URL","Line break":"Saut de ligne",Bold:vf,"Header 2":"Titre 2","Header 3":"Titre 3",List:kf,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Ajoutez une URL valide pour transformer le texte sélectionné en un lien hypertexte cliquable qui dirige les utilisateurs vers l'adresse Web spécifiée.","Select image":"Sélectionner une image","Manage Content":"Gérer le contenu","Media Library":"Bibliothèque multimédia","Reset changes":"Réinitialiser les modifications","Do you want to reset this page?":"Voulez-vous réinitialiser cette page ?","Are you sure you want to reset this page? This will overwrite your current changes.":"Êtes-vous sûr de vouloir réinitialiser cette page ? Cela écrasera vos modifications actuelles.",Search:Sf,"Search...":"Rechercher...",Landscape:Cf,Portrait:Ef,Squarish:Tf,"Total pages":"Pages totales",Images:Mf,"First page":"Première page",Prev:Bf,Next:Nf,"By:":"Par:","We did not find any images. Make a new search.":"Nous n'avons trouvé aucune image. Faites une nouvelle recherche.","No results on current page. Navigate to First Page.":"Aucun résultat sur la page actuelle. Naviguez vers la première page.",Information:Pf,"From:":"De:"," Select image":" Sélectionner une image","Layouts and visual.":"Mises en page et visuel.","Start customizing by editing this default text directly in the editor.":"Commencez à personnaliser en modifiant ce texte par défaut directement dans l'éditeur.","Single Image":"Image unique","Two Vertical Images":"Deux images verticales","Two Square Images":"Deux images carrées","Three Square Images":"Trois images carrées","Six Square Images Grid":"Grille de six images carrées","Three Square Images With Text":"Trois images carrées avec texte","Two Square Images With Text":"Deux images carrées avec texte","Three Vertical Images":"Deux images carrées avec texte",Text:Df,"Header H2":"En-tête H2","Header H3":"En-tête H3","YouTube Video":"Vidéo YouTube","Break Divider":"Séparateur",Link:Lf,"Selected HTML":"HTML sélectionné","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Aperçu de l'élément sélectionné, du composant et des composants. Cette section fournit des mises à jour en temps réel en fonction de votre sélection HTML.",Types:Af,"Element type:":"Type d'élément:","Component type:":"Type de composant:","Components:":"Composants:",array:Of,Content:Vf,Element:If,Component:_f,"Components added":"Composants ajoutés","No Element selected":"Aucun élément sélectionné","Selected HTML:":"HTML sélectionné:","Element src:":"Source de l'élément:","Element classes:":"Classes d'élément:","No Component selected":"Aucun composant sélectionné","ID:":"ID:","Title:":"Titre:","HTML Code:":"Code HTML:","No Components added yet":"Aucun composant ajouté pour le moment",All:Rf,Image:Hf,"Image & Text":"Image et texte","Four Square Images With Text":"Quatre images carrées avec texte","Four Square Images":"Quatre images carrées","Continue Your Work?":"Continuer votre travail ?","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?":"Nous avons remarqué que vous avez des modifications qui n'ont pas été enregistrées la dernière fois. Souhaitez-vous reprendre là où vous vous êtes arrêté, ou utiliser la version actuellement chargée depuis la base de données ?","Use Saved Version":"Utiliser la version enregistrée","Continue Where I Left Off":"Continuer là où je me suis arrêté","HTML Editor":"Éditeur HTML","Gain full control over components by editing the raw HTML.":"Obtenez un contrôle total sur les composants en modifiant le code HTML brut.","Large Screens Only":"Grands écrans uniquement"},property:gf,value:xf},Symbol.toStringTag,{value:"Module"})),zf="सहेजें",Ff="विकल्प",jf="अवतार",qf="प्रकाशित करें",Wf="बंद करें",Uf="घटक",Gf="शैलियाँ",Kf="टाइपोग्राफ़ी",Jf="चुनें",Yf="पैडिंग",Xf="मार्जिन",Qf="वैश्विक",Zf="विशिष्ट",$f="बॉर्डर",eh="पारदर्शी",th="जोड़ें",rh="गुण",oh="मूल्य",nh="संपादन",ih="हटाएं",ah="पूर्वावलोकन",sh="मोबाइल",lh="बोल्ड",ph="सूची",dh="खोजें",ch="लैंडस्केप",mh="पोर्ट्रेट",bh="चौकोर",uh="छवियां",gh="पिछला",xh="अगला",fh="जानकारी",hh="पाठ",yh="लिंक",wh="प्रकार",vh="सरणी",kh="सामग्री",Sh="तत्व",Ch="घटक",Eh="सभी",Th="छवि",yD=Object.freeze(Object.defineProperty({__proto__:null,Add:th,All:Eh,Bold:lh,Border:$f,Close:Wf,Component:Ch,Content:kh,Delete:ih,Editing:nh,Element:Sh,Global:Qf,Image:Th,Images:uh,Information:fh,Landscape:ch,Link:yh,List:ph,Margin:Xf,Mobile:sh,Next:xh,Options:Ff,Padding:Yf,Portrait:mh,Prev:gh,Preview:ah,Publish:qf,Save:zf,Search:dh,Select:Jf,Specific:Zf,Squarish:bh,Styles:Gf,Text:hh,Transparent:eh,Types:wh,Typographies:Kf,array:vh,avatar:jf,component:Uf,default:{"Reset Page":"पृष्ठ रीसेट करें","Global Page Styles":"वैश्विक पृष्ठ शैलियाँ","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"पावरफुल Click & Drop Page Builder आज़माएं—डेवलपर्स और क्रिएटर्स के लिए डिज़ाइन किया गया जो बिना किसी परेशानी के पूर्ण नियंत्रण चाहते हैं। लेआउट, फोंट और रंगों को कस्टमाइज़ करें। सामग्री को वास्तविक समय में विज़ुअली संपादित करें। मीडिया जोड़ें, YouTube वीडियो एम्बेड करें, या सब कुछ साफ HTML के रूप में निर्यात करें। उत्तरदायी संपादन, स्थानीय ऑटो-सेव, टेलविंड समर्थन, और यहां तक कि Unsplash एकीकरण के साथ, यह सब कुछ है जिसकी आपको आवश्यकता है—एक सहज बिल्डर में लपेटा गया। मिनटों में शानदार पेज बनाएं।","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"विकास के लिए डिज़ाइन किया गया एक पेज बिल्डर। रेडीमेड घटकों के साथ अपनी वेबसाइट पेज बनाएं जो पूरी तरह से अनुकूलन योग्य और हमेशा उत्तरदायी हैं, हर आवश्यकता को पूरा करने के लिए डिज़ाइन किया गया है। बढ़ते व्यापारियों, ब्रांडों और एजेंसियों के लिए एक शक्तिशाली पेज बिल्डर।","Everything you need. Break free from design limitations":"आपको जो कुछ भी चाहिए। डिज़ाइन सीमाओं से मुक्त हों","Bring your vision to life and create impressive pages using a click & drop Page Builder":"अपनी दृष्टि को साकार करें और एक क्लिक और ड्रॉप पेज बिल्डर का उपयोग करके प्रभावशाली पृष्ठ बनाएं","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"शानदार पृष्ठों के लिए वेब बिल्डर। उपयोगकर्ताओं को किसी भी पैमाने पर आधुनिक पृष्ठों को डिज़ाइन और प्रकाशित करने में सक्षम बनाएं। लिस्टिंग, नौकरियों या ब्लॉग पोस्ट जैसे उत्तरदायी पृष्ठ बनाएं और मुफ्त क्लिक और ड्रॉप पेज बिल्डर का उपयोग करके सामग्री को आसानी से प्रबंधित करें। TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS और HTML के साथ विकसित।","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"हमारे शक्तिशाली, लचीले और उपयोग में आसान मुफ्त Vue 3 पेज बिल्डर को डाउनलोड या इंस्टॉल करें",Save:zf,"Add new Components":"नए घटक जोड़ें",Options:Ff,"Config Overview":"कॉन्फ़िगरेशन अवलोकन","HTML Overview":"HTML अवलोकन","Delete Layout":"लेआउट हटाएं",avatar:jf,Publish:qf,"Add Components to Page":"पृष्ठ में घटक जोड़ें",Close:Wf,"Helper Components":"सहायक घटक","Click to add":"जोड़ने के लिए क्लिक करें",component:Uf,"Layout Components":"लेआउट घटक","Click to add component":"घटक जोड़ने के लिए क्लिक करें","Remove all Components":"सभी घटकों को हटाएं","Are you sure you want to remove all Components?":"क्या आप वाकई सभी घटकों को हटाना चाहते हैं?",Styles:Gf,"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.":"ऐसे शैलियाँ लागू करें जो पूरे पृष्ठ को प्रभावित करती हैं। इन सेटिंग्स में वैश्विक फ़ॉन्ट परिवार, पाठ का रंग, पृष्ठभूमि का रंग और अन्य सार्वभौमिक शैलियाँ शामिल हैं जो सभी अनुभागों पर लागू होती हैं।","Update Page Styles":"पृष्ठ शैलियाँ अपडेट करें","Download HTML":"HTML डाउनलोड करें","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.":"पूरे पृष्ठ को एक स्टैंडअलोन HTML फ़ाइल के रूप में निर्यात करें। इसमें सभी अनुभाग, सामग्री और लागू शैलियाँ शामिल हैं, जिससे यह उपयोग या अन्यत्र एकीकरण के लिए तैयार हो जाता है।","Download HTML file":"HTML फ़ाइल डाउनलोड करें",Typographies:Kf,"Font Appearance":"फ़ॉन्ट उपस्थिति","Font Size":"फ़ॉन्ट आकार",Select:Jf,"Font size":"फ़ॉन्ट आकार","Font tablet size":"टैबलेट के लिए फ़ॉन्ट आकार","Font small screens":"छोटी स्क्रीन के लिए फ़ॉन्ट आकार","Font weight":"फ़ॉन्ट वजन","Font family":"फ़ॉन्ट परिवार","Font Style":"फ़ॉन्ट शैली","Opacity & Transparency":"अस्पष्टता और पारदर्शिता",Padding:Yf,"Vertical Padding":"वर्टिकल पैडिंग","Horizontal Padding":"हॉरिजॉन्टल पैडिंग",Margin:Xf,"Vertical Margin":"वर्टिकल मार्जिन","Horizontal Margin":"हॉरिजॉन्टल मार्जिन","Border Radius":"बॉर्डर रेडियस",Global:Qf,Specific:Zf,"Border Radius top left":"बॉर्डर रेडियस ऊपर बायां","Border Radius top right":"बॉर्डर रेडियस ऊपर दायां","Border Radius bottom left":"बॉर्डर रेडियस नीचे बायां","Border Radius bottom right":"बॉर्डर रेडियस नीचे दायां","Border Style, Width & Color":"बॉर्डर शैली, चौड़ाई और रंग",Border:$f,"Border Style":"बॉर्डर शैली","Border Width":"बॉर्डर चौड़ाई","Border Color":"बॉर्डर रंग",Transparent:eh,"Generated CSS":"जनरेट किया गया CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"यह वह CSS है जिसे बिल्डर द्वारा लागू किया गया है। अपना CSS जोड़ें और इसे चयनित तत्व पर लागू करने के लिए Enter दबाएं।","Add your CSS.":"अपना CSS जोड़ें।","The pbx- prefix is added automatically.":"pbx- उपसर्ग स्वचालित रूप से जोड़ा जाता है।","Type class":"क्लास टाइप करें",Add:th,"Inline Styles":"इनलाइन शैलियाँ","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"ये बिल्डर द्वारा लागू की गई इनलाइन शैलियाँ हैं। अपनी खुद की शैलियाँ जोड़ें और चयनित तत्व पर लागू करने के लिए Enter दबाएं।","Add your own style.":"अपनी खुद की शैली जोड़ें।",property:rh,value:oh,Editing:nh,"Loading...":"लोड हो रहा है...","Background Color":"पृष्ठभूमि का रंग","Text Color":"पाठ का रंग","Default black":"डिफ़ॉल्ट काला","Remove Component?":"घटक हटाएं?","Are you sure you want to remove this Component?":"क्या आप वाकई इस घटक को हटाना चाहते हैं?",Delete:ih,"Add to the bottom":"नीचे जोड़ें",Preview:ah,Mobile:sh,"Demo Content":"डेमो सामग्री","Demo Description":"लाइटवेट और मुफ्त Vue Click & Drop पेज बिल्डर का परिचय। Vue के साथ डिजिटल अनुभवों को आसानी से बनाएं और बढ़ाएं। हर शक्तिशाली चीज़ को जटिल होने की आवश्यकता नहीं है। यह न्यूनतम और हल्का पेज बिल्डर एक सुरुचिपूर्ण, सहज इंटरफ़ेस प्रदान करता है जो सादगी और गति पर केंद्रित है। पूरी तरह से उत्तरदायी पृष्ठ बनाएं जैसे लिस्टिंग, जॉब बोर्ड, या ब्लॉग पोस्ट - और अपने सामग्री को आसानी से प्रबंधित करें मुफ्त Click & Drop पेज बिल्डर का उपयोग करके।","Demo Description Two":"विकास के लिए डिज़ाइन किया गया एक पेज बिल्डर। रेडीमेड घटकों के साथ अपनी वेबसाइट पेज बनाएं जो पूरी तरह से अनुकूलन योग्य और हमेशा उत्तरदायी हैं, हर आवश्यकता को पूरा करने के लिए डिज़ाइन किया गया है। बढ़ते व्यापारियों, ब्रांडों और एजेंसियों के लिए एक शक्तिशाली पेज बिल्डर।","Demo Description Three":"डिजाइनरों द्वारा पसंद किया जाने वाला वेबसाइट बिल्डर। हर स्क्रीन आकार के लिए आसानी से लेआउट डिजाइन, पूर्वावलोकन और समायोजित करें। स्वच्छ। तेज। सहज। हर शक्तिशाली चीज को जटिल दिखने की जरूरत नहीं है।","Demo Description Four":"सुनिश्चित करें कि आपकी साइट सभी उपकरणों पर बहुत अच्छी लगती है। पाठ्य सामग्री को लाइव और वास्तविक समय में संपादित करें। अपनी शैली से मेल खाने वाले सही फोंट चुनें। परिवर्तनों को वापस करने की क्षमता के साथ आत्मविश्वास से प्रयोग करें। शैलियाँ उपसर्ग। बिल्डर और आपके ऐप के बीच शैली संघर्ष का कोई खतरा नहीं है।","Demo Title":"शानदार पृष्ठों के लिए वेब बिल्डर","Demo Title Two":"बस इसे Vue के साथ प्रकाशित करें","Demo Title Three":"उत्तरदायी संपादन","Edit text and links":"पाठ और लिंक संपादित करें","Enter URL":"URL दर्ज करें","Line break":"लाइन ब्रेक",Bold:lh,"Header 2":"हेडर 2","Header 3":"हेडर 3",List:ph,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"चयनित पाठ को एक क्लिक करने योग्य हाइपरलिंक में बदलने के लिए एक मान्य URL जोड़ें जो उपयोगकर्ताओं को निर्दिष्ट वेब पते पर निर्देशित करता है।","Select image":"छवि चुनें","Manage Content":"सामग्री प्रबंधित करें","Media Library":"मीडिया लाइब्रेरी","Reset changes":"परिवर्तन रीसेट करें","Do you want to reset this page?":"क्या आप इस पृष्ठ को रीसेट करना चाहते हैं?","Are you sure you want to reset this page? This will overwrite your current changes.":"क्या आप वाकई इस पृष्ठ को रीसेट करना चाहते हैं? यह आपके वर्तमान परिवर्तनों को अधिलेखित कर देगा।",Search:dh,"Search...":"खोजें...",Landscape:ch,Portrait:mh,Squarish:bh,"Total pages":"कुल पृष्ठ",Images:uh,"First page":"पहला पृष्ठ",Prev:gh,Next:xh,"By:":"द्वारा:","We did not find any images. Make a new search.":"हमें कोई छवि नहीं मिली। एक नई खोज करें।","No results on current page. Navigate to First Page.":"वर्तमान पृष्ठ पर कोई परिणाम नहीं। पहले पृष्ठ पर जाएं।",Information:fh,"From:":"से:"," Select image":" छवि चुनें","Layouts and visual.":"लेआउट और दृश्य।","Start customizing by editing this default text directly in the editor.":"संपादक में इस डिफ़ॉल्ट पाठ को संपादित करके अनुकूलन शुरू करें।","Single Image":"एकल छवि","Two Vertical Images":"दो लंबवत छवियां","Two Square Images":"दो वर्ग छवियां","Three Square Images":"तीन वर्ग छवियां","Six Square Images Grid":"छह वर्ग छवियों की ग्रिड","Three Square Images With Text":"तीन वर्ग छवियां और पाठ","Three Vertical Images":"दो वर्ग छवियां और पाठ",Text:hh,"Header H2":"हेडर H2","Header H3":"हेडर H3","YouTube Video":"यूट्यूब वीडियो","Break Divider":"विभाजक",Link:yh,"Two Square Images With Text":"दो वर्ग छवियां और पाठ","Selected HTML":"चयनित HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"चयनित तत्व, घटक और घटकों का अवलोकन। यह अनुभाग आपके HTML चयन के आधार पर वास्तविक समय अपडेट प्रदान करता है।",Types:wh,"Element type:":"तत्व प्रकार:","Component type:":"घटक प्रकार:","Components:":"घटक:",array:vh,Content:kh,Element:Sh,Component:Ch,"Components added":"घटक जोड़े गए","No Element selected":"कोई तत्व चयनित नहीं","Selected HTML:":"चयनित HTML:","Element src:":"तत्व स्रोत:","Element classes:":"तत्व वर्ग:","No Component selected":"कोई घटक चयनित नहीं","ID:":"आईडी:","Title:":"शीर्षक:","HTML Code:":"HTML कोड:","No Components added yet":"अभी तक कोई घटक नहीं जोड़ा गया",All:Eh,Image:Th,"Image & Text":"छवि और पाठ","Four Square Images With Text":"चार वर्गाकार चित्र पाठ के साथ","Four Square Images":"चार वर्गाकार छवियाँ","Continue Your Work?":"अपना काम जारी रखें?","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?":"हमने देखा कि आपके पास कुछ बदलाव हैं जो पिछली बार सहेजे नहीं गए थे। क्या आप वहीं से शुरू करना चाहेंगे जहां आपने छोड़ा था, या डेटाबेस से वर्तमान में लोड किए गए संस्करण का उपयोग करना चाहेंगे?","Use Saved Version":"सहेजा गया संस्करण उपयोग करें","Continue Where I Left Off":"वहीं से शुरु करो जहाँ मैने छोड़ा था","HTML Editor":"HTML संपादक","Gain full control over components by editing the raw HTML.":"कच्चे HTML को संपादित करके घटकों पर पूर्ण नियंत्रण प्राप्त करें।","Large Screens Only":"केवल बड़ी स्क्रीन"},property:rh,value:oh},Symbol.toStringTag,{value:"Module"})),Mh="保存",Bh="オプション",Nh="アバター",Ph="公開する",Dh="閉じる",Lh="コンポーネント",Ah="スタイル",Oh="タイポグラフィ",Vh="選択",Ih="パディング",_h="マージン",Rh="グローバル",Hh="特定",zh="ボーダー",Fh="透明",jh="追加",qh="プロパティ",Wh="値",Uh="編集",Gh="削除",Kh="プレビュー",Jh="モバイル",Yh="太字",Xh="リンク",Qh="リスト",Zh="検索",$h="横向き",ey="縦向き",ty="正方形",ry="画像",oy="前へ",ny="次へ",iy="情報",ay="テキスト",sy="タイプ",ly="配列",py="コンテンツ",dy="要素",cy="コンポーネント",my="すべて",by="画像",wD=Object.freeze(Object.defineProperty({__proto__:null,Add:jh,All:my,Bold:Yh,Border:zh,Close:Dh,Component:cy,Content:py,Delete:Gh,Editing:Uh,Element:dy,Global:Rh,Image:by,Images:ry,Information:iy,Landscape:$h,Link:Xh,List:Qh,Margin:_h,Mobile:Jh,Next:ny,Options:Bh,Padding:Ih,Portrait:ey,Prev:oy,Preview:Kh,Publish:Ph,Save:Mh,Search:Zh,Select:Vh,Specific:Hh,Squarish:ty,Styles:Ah,Text:ay,Transparent:Fh,Types:sy,Typographies:Oh,array:ly,avatar:Nh,component:Lh,default:{"Reset Page":"ページをリセット","Global Page Styles":"グローバルページスタイル","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"強力なClick & Drop Page Builderを試してみてください。開発者やクリエイター向けに設計されており、手間をかけずに完全なコントロールを実現します。レイアウト、フォント、色をカスタマイズします。リアルタイムで視覚的にコンテンツを編集します。メディアを追加し、YouTube動画を埋め込み、すべてをクリーンなHTMLとしてエクスポートします。レスポンシブ編集、ローカル自動保存、Tailwindサポート、さらにはUnsplash統合を備えた、必要なすべてが1つのシームレスなビルダーにまとめられています。数分で素晴らしいページを作成します。","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"成長のために設計されたページビルダー。完全にカスタマイズ可能で常に応答性があり、あらゆるニーズに対応するように設計された既製のコンポーネントを使用して、ウェブサイトのページを作成します。成長中の商人、ブランド、代理店のための強力なページビルダー。","Everything you need. Break free from design limitations":"必要なものはすべて揃っています。デザインの制約から解放されましょう","Bring your vision to life and create impressive pages using a click & drop Page Builder":"クリック&ドロップページビルダーを使用して、ビジョンを実現し、印象的なページを作成しましょう","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"素晴らしいページのためのウェブビルダー。ユーザーがあらゆる規模でモダンなページを設計および公開できるようにします。リスト、求人、またはブログ投稿のようなレスポンシブページを作成し、無料のクリック&ドロップページビルダーを使用してコンテンツを簡単に管理します。TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS、およびHTMLで開発されました。","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"強力で柔軟性があり、使いやすい無料の Vue 3 ページビルダーをダウンロードまたはインストールしてください",Save:Mh,"Add new Components":"新しいコンポーネントを追加",Options:Bh,"Config Overview":"設定概要","HTML Overview":"HTML概要","Delete Layout":"レイアウトを削除",avatar:Nh,Publish:Ph,"Add Components to Page":"ページにコンポーネントを追加",Close:Dh,"Helper Components":"ヘルパーコンポーネント","Click to add":"追加するにはクリック",component:Lh,"Layout Components":"レイアウトコンポーネント","Click to add component":"コンポーネントを追加するにはクリック","Remove all Components":"すべてのコンポーネントを削除","Are you sure you want to remove all Components?":"すべてのコンポーネントを削除してもよろしいですか?",Styles:Ah,"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.":"ページ全体に適用されるスタイルを適用します。これらの設定には、グローバルフォントファミリー、テキストカラー、背景色、その他すべてのセクションに適用されるユニバーサルスタイルが含まれます。","Update Page Styles":"ページスタイルを更新","Download HTML":"HTMLをダウンロード","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.":"ページ全体をスタンドアロンのHTMLファイルとしてエクスポートします。これには、すべてのセクション、コンテンツ、および適用されたスタイルが含まれ、他の場所での使用または統合の準備が整います。","Download HTML file":"HTMLファイルをダウンロード",Typographies:Oh,"Font Appearance":"フォントの外観","Font Size":"フォントサイズ",Select:Vh,"Font size":"フォントサイズ","Font tablet size":"タブレット用フォントサイズ","Font small screens":"小さい画面用フォントサイズ","Font weight":"フォントの太さ","Font family":"フォントファミリー","Font Style":"フォントスタイル","Opacity & Transparency":"不透明度と透明度",Padding:Ih,"Vertical Padding":"垂直パディング","Horizontal Padding":"水平パディング",Margin:_h,"Vertical Margin":"垂直マージン","Horizontal Margin":"水平マージン","Border Radius":"ボーダー半径",Global:Rh,Specific:Hh,"Border Radius top left":"ボーダー半径 左上","Border Radius top right":"ボーダー半径 右上","Border Radius bottom left":"ボーダー半径 左下","Border Radius bottom right":"ボーダー半径 右下","Border Style, Width & Color":"ボーダースタイル、幅、色",Border:zh,"Border Style":"ボーダースタイル","Border Width":"ボーダー幅","Border Color":"ボーダー色",Transparent:Fh,"Generated CSS":"生成されたCSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"これはビルダーによって適用されたCSSです。独自のCSSを追加し、Enterキーを押して選択した要素に適用します。","Add your CSS.":"CSSを追加してください。","The pbx- prefix is added automatically.":"pbx-プレフィックスは自動的に追加されます。","Type class":"クラスを入力",Add:jh,"Inline Styles":"インラインスタイル","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"これらはビルダーによって適用されるインラインスタイルです。独自のスタイルを追加し、Enterキーを押して選択した要素に適用します。","Add your own style.":"独自のスタイルを追加します。",property:qh,value:Wh,Editing:Uh,"Loading...":"読み込み中...","Background Color":"背景色","Text Color":"テキストの色","Default black":"デフォルトの黒","Remove Component?":"コンポーネントを削除しますか?","Are you sure you want to remove this Component?":"このコンポーネントを削除してもよろしいですか?",Delete:Gh,"Add to the bottom":"一番下に追加",Preview:Kh,Mobile:Jh,"Demo Content":"デモコンテンツ","Demo Description":"軽量で無料のVue Click & Dropページビルダーをご紹介します。Vueを使用してデジタル体験を簡単に作成および強化します。強力なものすべてが複雑である必要はありません。このミニマリストで軽量なページビルダーは、シンプルさとスピードに焦点を当てたエレガントで直感的なインターフェイスを提供します。リスト、求人ボード、またはブログ投稿など、完全にレスポンシブなページを作成し、無料のClick & Dropページビルダーを使用してコンテンツを簡単に管理します。","Demo Description Two":"成長のために設計されたページビルダー。完全にカスタマイズ可能で常に応答性があり、あらゆるニーズに対応するように設計された既製のコンポーネントを使用して、ウェブサイトのページを作成します。成長中の商人、ブランド、代理店のための強力なページビルダー。","Demo Description Three":"デザイナーに愛されるウェブサイトビルダー。あらゆる画面サイズに合わせてレイアウトを簡単にデザイン、プレビュー、調整できます。シンプルで使いやすく、高速で、直感的です。パワフルなデザインは必ずしも複雑に見えなくても構いません。","Demo Description Four":"すべてのデバイスでサイトが見栄えよく表示されるようにします。テキストコンテンツをライブおよびリアルタイムで編集します。あなたのスタイルに合った完璧なフォントを選択してください。変更を元に戻す機能で自信を持って実験してください。プレフィックス付きのスタイル。ビルダーとアプリの間でスタイルの競合のリスクはありません。","Demo Title":"素晴らしいページのためのウェブビルダー","Demo Title Two":"Vueで公開するだけ","Demo Title Three":"レスポンシブ編集","Edit text and links":"テキストとリンクを編集","Enter URL":"URLを入力","Line break":"改行",Bold:Yh,Link:Xh,"Header 2":"ヘッダー2","Header 3":"ヘッダー3",List:Qh,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"選択したテキストをクリック可能なハイパーリンクに変換するために有効なURLを追加してください。","Select image":"画像を選択","Manage Content":"コンテンツを管理する","Media Library":"メディアライブラリ","Reset changes":"変更をリセット","Do you want to reset this page?":"このページをリセットしますか?","Are you sure you want to reset this page? This will overwrite your current changes.":"このページをリセットしてもよろしいですか?これにより、現在の変更が上書きされます。",Search:Zh,"Search...":"検索...",Landscape:$h,Portrait:ey,Squarish:ty,"Total pages":"総ページ数",Images:ry,"First page":"最初のページ",Prev:oy,Next:ny,"By:":"作成者:","We did not find any images. Make a new search.":"画像が見つかりませんでした。新しい検索をしてください。","No results on current page. Navigate to First Page.":"現在のページに結果がありません。最初のページに移動してください。",Information:iy,"From:":"提供元:"," Select image":" 画像を選択","Layouts and visual.":"レイアウトとビジュアル。","Start customizing by editing this default text directly in the editor.":"エディターでこのデフォルトテキストを直接編集してカスタマイズを開始します。","Single Image":"単一画像","Two Vertical Images":"縦長の画像2枚","Two Square Images":"正方形の画像2枚","Three Square Images":"正方形の画像3枚","Six Square Images Grid":"正方形の画像6枚のグリッド","Three Square Images With Text":"テキスト付き正方形の画像3枚","Three Vertical Images":"テキスト付き正方形の画像2枚",Text:ay,"Header H2":"ヘッダー H2","Header H3":"ヘッダー H3","YouTube Video":"YouTube ビデオ","Break Divider":"区切り","Two Square Images With Text":"テキスト付き正方形の画像2枚","Selected HTML":"選択されたHTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"選択された要素、コンポーネント、およびコンポーネントの概要。このセクションは、HTML選択に基づいてリアルタイムの更新を提供します。",Types:sy,"Element type:":"要素タイプ:","Component type:":"コンポーネントタイプ:","Components:":"コンポーネント:",array:ly,Content:py,Element:dy,Component:cy,"Components added":"追加されたコンポーネント","No Element selected":"選択された要素はありません","Selected HTML:":"選択されたHTML:","Element src:":"要素ソース:","Element classes:":"要素クラス:","No Component selected":"選択されたコンポーネントはありません","ID:":"ID:","Title:":"タイトル:","HTML Code:":"HTMLコード:","No Components added yet":"まだコンポーネントが追加されていません",All:my,Image:by,"Image & Text":"画像とテキスト","Four Square Images With Text":"テキスト付きの4つの正方形の画像","Four Square Images":"4つの正方形の画像","Continue Your Work?":"作業を続行しますか?","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?":"前回保存されなかった変更がいくつかあるようです。中断したところから再開しますか、それともデータベースから現在読み込まれているバージョンを使用しますか","Use Saved Version":"保存されたバージョンを使用","Continue Where I Left Off":"中断したところから続行","HTML Editor":"HTMLエディター","Gain full control over components by editing the raw HTML.":"生の HTML を編集することで、コンポーネントを完全に制御できます。","Large Screens Only":"大型スクリーンのみ"},property:qh,value:Wh},Symbol.toStringTag,{value:"Module"})),uy="Salvar",gy="Opções",xy="avatar",fy="Publicar",hy="Fechar",yy="componente",wy="Estilos",vy="Tipografias",ky="Selecionar",Sy="Preenchimento",Cy="Margem",Ey="Global",Ty="Específico",My="Borda",By="Transparente",Ny="Adicionar",Py="propriedade",Dy="valor",Ly="Editando",Ay="Excluir",Oy="Pré-visualização",Vy="Celular",Iy="Negrito",_y="Lista",Ry="Pesquisar",Hy="Paisagem",zy="Retrato",Fy="Quadrado",jy="Imagens",qy="Anterior",Wy="Próximo",Uy="Informação",Gy="Texto",Ky="Link",Jy="Tipos",Yy="array",Xy="Conteúdo",Qy="Elemento",Zy="Componente",$y="Todos",e0="Imagem",vD=Object.freeze(Object.defineProperty({__proto__:null,Add:Ny,All:$y,Bold:Iy,Border:My,Close:hy,Component:Zy,Content:Xy,Delete:Ay,Editing:Ly,Element:Qy,Global:Ey,Image:e0,Images:jy,Information:Uy,Landscape:Hy,Link:Ky,List:_y,Margin:Cy,Mobile:Vy,Next:Wy,Options:gy,Padding:Sy,Portrait:zy,Prev:qy,Preview:Oy,Publish:fy,Save:uy,Search:Ry,Select:ky,Specific:Ty,Squarish:Fy,Styles:wy,Text:Gy,Transparent:By,Types:Jy,Typographies:vy,array:Yy,avatar:xy,component:yy,default:{"Reset Page":"Redefinir página","Global Page Styles":"Estilos de página globais","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Experimente o poderoso Click & Drop Page Builder – projetado para desenvolvedores e criadores que desejam controle total sem complicações. Personalize layouts, fontes e cores. Edite conteúdo visualmente em tempo real. Adicione mídia, incorpore vídeos do YouTube ou exporte tudo como HTML limpo. Com edição responsiva, salvamento automático local, suporte ao Tailwind e até integração com o Unsplash, é tudo o que você precisa – envolvido em um único construtor perfeito. Crie páginas impressionantes em minutos.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Um construtor de páginas projetado para o crescimento. Crie as páginas do seu site com componentes prontos que são totalmente personalizáveis e sempre responsivos, projetados para atender a todas as necessidades. Um poderoso construtor de páginas para comerciantes, marcas e agências em crescimento.","Everything you need. Break free from design limitations":"Tudo o que você precisa. Liberte-se das limitações de design","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Dê vida à sua visão e crie páginas impressionantes usando um construtor de páginas de arrastar e soltar","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"O construtor da web para páginas impressionantes. Permita que os usuários projetem e publiquem páginas modernas em qualquer escala. Crie páginas responsivas como listas, empregos ou postagens de blog e gerencie o conteúdo facilmente usando o Page Builder gratuito de arrastar e soltar. Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Baixe ou instale nosso poderoso, flexível e fácil de usar construtor de páginas Vue 3 gratuito via",Save:uy,"Add new Components":"Adicionar novos componentes",Options:gy,"Config Overview":"Visão geral da configuração","HTML Overview":"Visão geral do HTML","Delete Layout":"Excluir layout",avatar:xy,Publish:fy,"Add Components to Page":"Adicionar componentes à página",Close:hy,"Helper Components":"Componentes de ajuda","Click to add":"Clique para adicionar",component:yy,"Layout Components":"Componentes de layout","Click to add component":"Clique para adicionar componente","Remove all Components":"Remover todos os componentes","Are you sure you want to remove all Components?":"Tem certeza de que deseja remover todos os componentes?",Styles:wy,"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.":"Aplicar estilos que afetam toda a página. Essas configurações incluem família de fontes global, cor do texto, cor de fundo e outros estilos universais que se aplicam a todas as seções.","Update Page Styles":"Atualizar estilos da página","Download HTML":"Baixar HTML","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.":"Exporte toda a página como um arquivo HTML independente. Isso inclui todas as seções, conteúdo e estilos aplicados, tornando-o pronto para uso ou integração em outro lugar.","Download HTML file":"Baixar arquivo HTML",Typographies:vy,"Font Appearance":"Aparência da fonte","Font Size":"Tamanho da fonte",Select:ky,"Font size":"Tamanho da fonte","Font tablet size":"Tamanho da fonte para tablets","Font small screens":"Tamanho da fonte para telas pequenas","Font weight":"Peso da fonte","Font family":"Família da fonte","Font Style":"Estilo da fonte","Opacity & Transparency":"Opacidade e Transparência",Padding:Sy,"Vertical Padding":"Preenchimento Vertical","Horizontal Padding":"Preenchimento Horizontal",Margin:Cy,"Vertical Margin":"Margem Vertical","Horizontal Margin":"Margem Horizontal","Border Radius":"Raio da borda",Global:Ey,Specific:Ty,"Border Radius top left":"Raio da borda superior esquerda","Border Radius top right":"Raio da borda superior direita","Border Radius bottom left":"Raio da borda inferior esquerda","Border Radius bottom right":"Raio da borda inferior direita","Border Style, Width & Color":"Estilo, largura e cor da borda",Border:My,"Border Style":"Estilo da borda","Border Width":"Largura da borda","Border Color":"Cor da borda",Transparent:By,"Generated CSS":"CSS Gerado","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Este é o CSS aplicado pelo construtor. Adicione seu próprio CSS e pressione Enter para aplicá-lo ao elemento selecionado.","Add your CSS.":"Adicione seu CSS.","The pbx- prefix is added automatically.":"O prefixo pbx- é adicionado automaticamente.","Type class":"Digite a classe",Add:Ny,"Inline Styles":"Estilos Inline","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Estes são os estilos inline aplicados pelo construtor. Adicione seus próprios estilos e pressione Enter para aplicá-los ao elemento selecionado.","Add your own style.":"Adicione seu próprio estilo.",property:Py,value:Dy,Editing:Ly,"Loading...":"Carregando...","Background Color":"Cor de fundo","Text Color":"Cor do texto","Default black":"Preto padrão","Remove Component?":"Remover componente?","Are you sure you want to remove this Component?":"Tem certeza de que deseja remover este componente?",Delete:Ay,"Add to the bottom":"Adicionar ao final",Preview:Oy,Mobile:Vy,"Demo Content":"Conteúdo de demonstração","Demo Description":"Apresentando o construtor de páginas leve e gratuito Vue Click & Drop. Crie e melhore experiências digitais sem esforço com Vue. Nem tudo que é poderoso precisa ser complexo. Este construtor de páginas minimalista e leve oferece uma interface elegante e intuitiva focada na simplicidade e velocidade. Crie páginas totalmente responsivas, como listas, quadros de empregos ou postagens de blog, e gerencie seu conteúdo com facilidade usando o construtor de páginas gratuito Click & Drop.","Demo Description Two":"Um construtor de páginas projetado para o crescimento. Crie as páginas do seu site com componentes prontos que são totalmente personalizáveis e sempre responsivos, projetados para atender a todas as necessidades. Um poderoso construtor de páginas para comerciantes, marcas e agências em crescimento.","Demo Description Three":"O construtor de sites amado pelos designers. Projete, visualize e ajuste facilmente layouts para cada tamanho de tela. Limpo. Rápido. Intuitivo. Nem tudo que é poderoso precisa parecer complicado.","Demo Description Four":"Garanta que seu site tenha uma ótima aparência em todos os dispositivos. Edite o conteúdo do texto ao vivo e em tempo real. Escolha as fontes perfeitas para combinar com seu estilo. Experimente com confiança com a capacidade de reverter as alterações. Estilos prefixados. Nenhum risco de conflitos de estilo entre o construtor e seu aplicativo.","Demo Title":"O construtor de sites para páginas impressionantes","Demo Title Two":"Basta publicá-lo com Vue","Demo Title Three":"Edição responsiva","Edit text and links":"Editar texto e links","Enter URL":"Inserir URL","Line break":"Quebra de linha",Bold:Iy,"Header 2":"Cabeçalho 2","Header 3":"Cabeçalho 3",List:_y,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Adicione um URL válido para transformar o texto selecionado em um hyperlink clicável que direciona os usuários para o endereço da web especificado.","Select image":"Selecionar imagem","Manage Content":"Gerenciar conteúdo","Media Library":"Biblioteca de mídia","Reset changes":"Redefinir alterações","Do you want to reset this page?":"Você quer redefinir esta página?","Are you sure you want to reset this page? This will overwrite your current changes.":"Tem certeza de que deseja redefinir esta página? Isso substituirá suas alterações atuais.",Search:Ry,"Search...":"Pesquisar...",Landscape:Hy,Portrait:zy,Squarish:Fy,"Total pages":"Total de páginas",Images:jy,"First page":"Primeira página",Prev:qy,Next:Wy,"By:":"Por:","We did not find any images. Make a new search.":"Não encontramos nenhuma imagem. Faça uma nova pesquisa.","No results on current page. Navigate to First Page.":"Nenhum resultado na página atual. Navegue para a primeira página.",Information:Uy,"From:":"De:"," Select image":" Selecionar imagem","Layouts and visual.":"Layouts e visuais.","Start customizing by editing this default text directly in the editor.":"Comece a personalizar editando este texto padrão diretamente no editor.","Single Image":"Imagem única","Two Vertical Images":"Duas imagens verticais","Two Square Images":"Duas imagens quadradas","Three Square Images":"Três imagens quadradas","Six Square Images Grid":"Grade de seis imagens quadradas","Three Square Images With Text":"Três imagens quadradas com texto","Three Vertical Images":"Duas imagens quadradas com texto",Text:Gy,"Header H2":"Cabeçalho H2","Header H3":"Cabeçalho H3","YouTube Video":"Vídeo do YouTube","Break Divider":"Divisor",Link:Ky,"Two Square Images With Text":"Duas imagens quadradas com texto","Selected HTML":"HTML selecionado","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Visão geral do elemento selecionado, componente e componentes. Esta seção fornece atualizações em tempo real com base na sua seleção de HTML.",Types:Jy,"Element type:":"Tipo de elemento:","Component type:":"Tipo de componente:","Components:":"Componentes:",array:Yy,Content:Xy,Element:Qy,Component:Zy,"Components added":"Componentes adicionados","No Element selected":"Nenhum elemento selecionado","Selected HTML:":"HTML selecionado:","Element src:":"Fonte do elemento:","Element classes:":"Classes de elemento:","No Component selected":"Nenhum componente selecionado","ID:":"ID:","Title:":"Título:","HTML Code:":"Código HTML:","No Components added yet":"Nenhum componente adicionado ainda",All:$y,Image:e0,"Image & Text":"Imagem e Texto","Four Square Images With Text":"Quatro imagens quadradas com texto","Four Square Images":"Quatro imagens quadradas","Continue Your Work?":"Continuar seu trabalho?","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?":"Percebemos que você tem algumas alterações que não foram salvas da última vez. Gostaria de continuar de onde parou ou usar a versão que está carregada atualmente no banco de dados?","Use Saved Version":"Usar a versão salva","Continue Where I Left Off":"Continuar de onde parei","HTML Editor":"Editor HTML","Gain full control over components by editing the raw HTML.":"Obtenha controlo total sobre os componentes editando o HTML em bruto.","Large Screens Only":"Somente telas grandes"},property:Py,value:Dy},Symbol.toStringTag,{value:"Module"})),t0="Сохранить",r0="Опции",o0="аватар",n0="Опубликовать",i0="Закрыть",a0="компонент",s0="Стили",l0="Типографии",p0="Выбрать",d0="Отступ",c0="Поле",m0="Глобальный",b0="Специфический",u0="Граница",g0="Прозрачный",x0="Добавить",f0="свойство",h0="значение",y0="Редактирование",w0="Удалить",v0="Предварительный просмотр",k0="Мобильный",S0="Жирный",C0="Ссылка",E0="Список",T0="Поиск",M0="Альбомный",B0="Портретный",N0="Квадратный",P0="Изображения",D0="Назад",L0="Вперед",A0="Информация",O0="Текст",V0="Типы",I0="массив",_0="Содержание",R0="Элемент",H0="Компонент",z0="Все",F0="Изображение",kD=Object.freeze(Object.defineProperty({__proto__:null,Add:x0,All:z0,Bold:S0,Border:u0,Close:i0,Component:H0,Content:_0,Delete:w0,Editing:y0,Element:R0,Global:m0,Image:F0,Images:P0,Information:A0,Landscape:M0,Link:C0,List:E0,Margin:c0,Mobile:k0,Next:L0,Options:r0,Padding:d0,Portrait:B0,Prev:D0,Preview:v0,Publish:n0,Save:t0,Search:T0,Select:p0,Specific:b0,Squarish:N0,Styles:s0,Text:O0,Transparent:g0,Types:V0,Typographies:l0,array:I0,avatar:o0,component:a0,default:{"Reset Page":"Сбросить страницу","Global Page Styles":"Глобальные стили страницы","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Попробуйте мощный Click & Drop Page Builder — разработанный для разработчиков и создателей, которые хотят полного контроля без лишних хлопот. Настраивайте макеты, шрифты и цвета. Редактируйте контент визуально в реальном времени. Добавляйте медиа, встраивайте видео с YouTube или экспортируйте все в виде чистого HTML. С адаптивным редактированием, локальным автосохранением, поддержкой Tailwind и даже интеграцией Unsplash, это все, что вам нужно — в одном бесшовном конструкторе. Создавайте потрясающие страницы за считанные минуты.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Конструктор страниц, созданный для роста. Создавайте страницы вашего сайта с готовыми компонентами, которые полностью настраиваются и всегда адаптивны, разработаны для удовлетворения любых потребностей. Мощный конструктор страниц для растущих торговцев, брендов и агентств.","Everything you need. Break free from design limitations":"Все, что вам нужно. Освободитесь от ограничений дизайна","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Воплотите свою мечту в жизнь и создавайте впечатляющие страницы с помощью конструктора страниц с функцией перетаскивания","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Веб-конструктор для потрясающих страниц. Позвольте пользователям разрабатывать и публиковать современные страницы любого масштаба. Создавайте адаптивные страницы, такие как списки, вакансии или блоги, и легко управляйте контентом с помощью бесплатного конструктора страниц Click & Drop. Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Скачайте или установите наш мощный, гибкий и удобный бесплатный Vue 3 Page Builder через",Save:t0,"Add new Components":"Добавить новые компоненты",Options:r0,"Config Overview":"Обзор конфигурации","HTML Overview":"Обзор HTML","Delete Layout":"Удалить макет",avatar:o0,Publish:n0,"Add Components to Page":"Добавить компоненты на страницу",Close:i0,"Helper Components":"Вспомогательные компоненты","Click to add":"Нажмите, чтобы добавить",component:a0,"Layout Components":"Компоненты макета","Click to add component":"Нажмите, чтобы добавить компонент","Remove all Components":"Удалить все компоненты","Are you sure you want to remove all Components?":"Вы уверены, что хотите удалить все компоненты?",Styles:s0,"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.":"Примените стили, которые влияют на всю страницу. Эти настройки включают глобальный шрифт, цвет текста, цвет фона и другие универсальные стили, которые применяются ко всем разделам.","Update Page Styles":"Обновить стили страницы","Download HTML":"Скачать HTML","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.":"Экспортируйте всю страницу как автономный HTML-файл. Это включает все разделы, содержимое и примененные стили, делая его готовым к использованию или интеграции в другом месте.","Download HTML file":"Скачать HTML файл",Typographies:l0,"Font Appearance":"Внешний вид шрифта","Font Size":"Размер шрифта",Select:p0,"Font size":"Размер шрифта","Font tablet size":"Размер шрифта для планшетов","Font small screens":"Размер шрифта для маленьких экранов","Font weight":"Толщина шрифта","Font family":"Семейство шрифтов","Font Style":"Стиль шрифта","Opacity & Transparency":"Непрозрачность и Прозрачность",Padding:d0,"Vertical Padding":"Вертикальный отступ","Horizontal Padding":"Горизонтальный отступ",Margin:c0,"Vertical Margin":"Вертикальное поле","Horizontal Margin":"Горизонтальное поле","Border Radius":"Радиус границы",Global:m0,Specific:b0,"Border Radius top left":"Радиус границы сверху слева","Border Radius top right":"Радиус границы сверху справа","Border Radius bottom left":"Радиус границы снизу слева","Border Radius bottom right":"Радиус границы снизу справа","Border Style, Width & Color":"Стиль, ширина и цвет границы",Border:u0,"Border Style":"Стиль границы","Border Width":"Ширина границы","Border Color":"Цвет границы",Transparent:g0,"Generated CSS":"Сгенерированный CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Это CSS, применяемый конструктором. Добавьте свой CSS и нажмите Enter, чтобы применить его к выбранному элементу.","Add your CSS.":"Добавьте свой CSS.","The pbx- prefix is added automatically.":"Префикс pbx- добавляется автоматически.","Type class":"Введите класс",Add:x0,"Inline Styles":"Встроенные стили","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Это встроенные стили, применяемые конструктором. Добавьте свои стили и нажмите Enter, чтобы применить их к выбранному элементу.","Add your own style.":"Добавьте свой стиль.",property:f0,value:h0,Editing:y0,"Loading...":"Загрузка...","Background Color":"Цвет фона","Text Color":"Цвет текста","Default black":"Черный по умолчанию","Remove Component?":"Удалить компонент?","Are you sure you want to remove this Component?":"Вы уверены, что хотите удалить этот компонент?",Delete:w0,"Add to the bottom":"Добавить в конец",Preview:v0,Mobile:k0,"Demo Content":"Демонстрационный контент","Demo Description":"Представляем легкий и бесплатный Vue Click & Drop Page Builder. Создавайте и улучшайте цифровые впечатления с помощью Vue. Не все мощное должно быть сложным. Этот минималистичный и легкий конструктор страниц предлагает элегантный, интуитивно понятный интерфейс, ориентированный на простоту и скорость. Создавайте полностью адаптивные страницы, такие как списки, доски объявлений или блоги, и легко управляйте своим контентом с помощью бесплатного Click & Drop Page Builder.","Demo Description Two":"Конструктор страниц, созданный для роста. Создавайте страницы вашего сайта с готовыми компонентами, которые полностью настраиваются и всегда адаптивны, разработаны для удовлетворения любых потребностей. Мощный конструктор страниц для растущих торговцев, брендов и агентств.","Demo Description Three":"Конструктор сайтов, любимый дизайнерами. Легко проектируйте, просматривайте и настраивайте макеты для каждого размера экрана. Чистый. Быстрый. Интуитивно понятный. Не все мощное должно выглядеть сложным.","Demo Description Four":"Убедитесь, что ваш сайт отлично выглядит на всех устройствах. Редактируйте текстовый контент вживую и в режиме реального времени. Выбирайте идеальные шрифты, соответствующие вашему стилю. Уверенно экспериментируйте с возможностью отмены изменений. Стили с префиксами. Нет риска конфликтов стилей между конструктором и вашим приложением.","Demo Title":"Веб-конструктор для потрясающих страниц","Demo Title Two":"Просто опубликуйте это с помощью Vue","Demo Title Three":"Адаптивное редактирование","Edit text and links":"Редактировать текст и ссылки","Enter URL":"Введите URL","Line break":"Разрыв строки",Bold:S0,Link:C0,"Header 2":"Заголовок 2","Header 3":"Заголовок 3",List:E0,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Добавьте действительный URL, чтобы преобразовать выделенный текст в кликабельную гиперссылку, которая направляет пользователей на указанный веб-адрес.","Select image":"Выбрать изображение","Manage Content":"Управление контентом","Media Library":"Медиатека","Reset changes":"Сбросить изменения","Do you want to reset this page?":"Вы хотите сбросить эту страницу?","Are you sure you want to reset this page? This will overwrite your current changes.":"Вы уверены, что хотите сбросить эту страницу? Это перезапишет ваши текущие изменения.",Search:T0,"Search...":"Поиск...",Landscape:M0,Portrait:B0,Squarish:N0,"Total pages":"Всего страниц",Images:P0,"First page":"Первая страница",Prev:D0,Next:L0,"By:":"Автор:","We did not find any images. Make a new search.":"Мы не нашли изображений. Выполните новый поиск.","No results on current page. Navigate to First Page.":"На текущей странице нет результатов. Перейдите на первую страницу.",Information:A0,"From:":"От:"," Select image":" Выбрать изображение","Layouts and visual.":"Макеты и визуализация.","Start customizing by editing this default text directly in the editor.":"Начните настройку, отредактировав этот текст по умолчанию прямо в редакторе.","Single Image":"Одиночное изображение","Two Vertical Images":"Два вертикальных изображения","Two Square Images":"Два квадратных изображения","Three Square Images":"Три квадратных изображения","Six Square Images Grid":"Сетка из шести квадратных изображений","Three Square Images With Text":"Три квадратных изображения с текстом","Three Vertical Images":"Два квадратных изображения с текстом",Text:O0,"Header H2":"Заголовок H2","Header H3":"Заголовок H3","YouTube Video":"Видео YouTube","Break Divider":"Разделитель","Two Square Images With Text":"Два квадратных изображения с текстом","Selected HTML":"Выбранный HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Обзор выбранного элемента, компонента и компонентов. Этот раздел предоставляет обновления в реальном времени на основе вашего выбора HTML.",Types:V0,"Element type:":"Тип элемента:","Component type:":"Тип компонента:","Components:":"Компоненты:",array:I0,Content:_0,Element:R0,Component:H0,"Components added":"Добавленные компоненты","No Element selected":"Элемент не выбран","Selected HTML:":"Выбранный HTML:","Element src:":"Источник элемента:","Element classes:":"Классы элемента:","No Component selected":"Компонент не выбран","ID:":"ID:","Title:":"Заголовок:","HTML Code:":"HTML-код:","No Components added yet":"Компоненты еще не добавлены",All:z0,Image:F0,"Image & Text":"Изображение и текст","Four Square Images With Text":"Четыре квадратных изображения с текстом","Four Square Images":"Четыре квадратных изображения","Continue Your Work?":"Продолжить работу?","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?":"Мы заметили, что у вас есть несохраненные изменения с прошлого раза. Хотите продолжить с того места, где остановились, или использовать версию, загруженную из базы данных?","Use Saved Version":"Использовать сохраненную версию","Continue Where I Left Off":"Продолжить с того места, где я остановился","HTML Editor":"HTML-редактор","Gain full control over components by editing the raw HTML.":"Получите полный контроль над компонентами, редактируя необработанный HTML-код.","Large Screens Only":"Только большие экраны"},property:f0,value:h0},Symbol.toStringTag,{value:"Module"})),j0="保存",q0="选项",W0="头像",U0="发布",G0="组件",K0="样式",J0="排版",Y0="选择",X0="内边距",Q0="边距",Z0="全局",$0="具体",ew="边框",tw="透明",rw="添加",ow="属性",nw="值",iw="关闭",aw="编辑",sw="删除",lw="预览",pw="移动",dw="加粗",cw="列表",mw="搜索",bw="横向",uw="纵向",gw="方形",xw="图片",fw="上一页",hw="下一页",yw="信息",ww="文本",vw="链接",kw="类型",Sw="数组",Cw="内容",Ew="元素",Tw="组件",Mw="全部",Bw="图片",SD=Object.freeze(Object.defineProperty({__proto__:null,Add:rw,All:Mw,Bold:dw,Border:ew,Close:iw,Component:Tw,Content:Cw,Delete:sw,Editing:aw,Element:Ew,Global:Z0,Image:Bw,Images:xw,Information:yw,Landscape:bw,Link:vw,List:cw,Margin:Q0,Mobile:pw,Next:hw,Options:q0,Padding:X0,Portrait:uw,Prev:fw,Preview:lw,Publish:U0,Save:j0,Search:mw,Select:Y0,Specific:$0,Squarish:gw,Styles:K0,Text:ww,Transparent:tw,Types:kw,Typographies:J0,array:Sw,avatar:W0,component:G0,default:{"Reset Page":"重置页面","Global Page Styles":"全局页面样式","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"试试强大的Click & Drop Page Builder——专为希望完全控制而无需麻烦的开发者和创作者设计。自定义布局、字体和颜色。实时可视化编辑内容。添加媒体、嵌入YouTube视频或将所有内容导出为干净的HTML。凭借响应式编辑、本地自动保存、Tailwind支持,甚至Unsplash集成,它是您所需的一切——集成在一个无缝的构建器中。几分钟内构建令人惊叹的页面。","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"为增长而设计的页面构建器。使用完全可定制且始终响应的现成组件构建您的网站页面,旨在满足所有需求。为不断发展的商家、品牌和代理商提供强大的页面构建器。","Everything you need. Break free from design limitations":"您需要的一切。突破设计限制","Bring your vision to life and create impressive pages using a click & drop Page Builder":"实现您的愿景,并使用点击和拖放页面构建器创建令人印象深刻的页面","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"令人惊叹页面的网页构建器。使用户能够设计和发布任何规模的现代页面。创建响应式页面,例如列表、工作或博客文章,并使用免费的点击和拖放页面构建器轻松管理内容。使用 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"通过下载或安装我们强大、灵活且易于使用的免费 Vue 3 页面构建器",Save:j0,"Add new Components":"添加新组件",Options:q0,"Config Overview":"配置概览","HTML Overview":"HTML概览","Delete Layout":"删除布局",avatar:W0,Publish:U0,"Add Components to Page":"将组件添加到页面","Helper Components":"辅助组件","Click to add":"点击添加",component:G0,"Layout Components":"布局组件","Click to add component":"点击添加组件","Remove all Components":"删除所有组件","Are you sure you want to remove all Components?":"您确定要删除所有组件吗?",Styles:K0,"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.":"应用影响整个页面的样式。这些设置包括全局字体系列、文本颜色、背景颜色和适用于所有部分的其他通用样式。","Update Page Styles":"更新页面样式","Download HTML":"下载HTML","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.":"将整个页面导出为独立的HTML文件。这包括所有部分、内容和应用的样式,使其可以随时使用或集成到其他地方。","Download HTML file":"下载HTML文件",Typographies:J0,"Font Appearance":"字体外观","Font Size":"字体大小",Select:Y0,"Font size":"字体大小","Font tablet size":"平板字体大小","Font small screens":"小屏幕字体大小","Font weight":"字体粗细","Font family":"字体家族","Font Style":"字体样式","Opacity & Transparency":"不透明度和透明度",Padding:X0,"Vertical Padding":"垂直内边距","Horizontal Padding":"水平内边距",Margin:Q0,"Vertical Margin":"垂直边距","Horizontal Margin":"水平边距","Border Radius":"边框半径",Global:Z0,Specific:$0,"Border Radius top left":"边框半径 左上","Border Radius top right":"边框半径 右上","Border Radius bottom left":"边框半径 左下","Border Radius bottom right":"边框半径 右下","Border Style, Width & Color":"边框样式、宽度和颜色",Border:ew,"Border Style":"边框样式","Border Width":"边框宽度","Border Color":"边框颜色",Transparent:tw,"Generated CSS":"生成的CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"这是构建器应用的CSS。添加您自己的CSS并按Enter将其应用于选定的元素。","Add your CSS.":"添加您的CSS。","The pbx- prefix is added automatically.":"pbx-前缀会自动添加。","Type class":"输入类",Add:rw,"Inline Styles":"内联样式","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"这些是构建器应用的内联样式。添加您自己的样式,然后按 Enter 将其应用于选定的元素。","Add your own style.":"添加您自己的样式。",property:ow,value:nw,Close:iw,Editing:aw,"Loading...":"加载中...","Background Color":"背景颜色","Text Color":"文字颜色","Default black":"默认黑色","Remove Component?":"删除组件?","Are you sure you want to remove this Component?":"您确定要删除此组件吗?",Delete:sw,"Add to the bottom":"添加到底部",Preview:lw,Mobile:pw,"Demo Content":"演示内容","Demo Description":"介绍轻量级和免费的Vue Click & Drop页面构建器。使用Vue轻松创建和增强数字体验。并非所有强大的东西都需要复杂。这款简约轻便的页面构建器提供了一个优雅直观的界面,专注于简单性和速度。创建完全响应式的页面,例如列表、职位板或博客文章,并使用免费的Click & Drop页面构建器轻松管理您的内容。","Demo Title":"令人惊叹的页面的网页构建器","Demo Description Two":"为增长而设计的页面构建器。使用完全可定制且始终响应的现成组件构建您的网站页面,旨在满足所有需求。为不断发展的商家、品牌和代理商提供强大的页面构建器。","Demo Description Three":"设计师喜爱的网站构建器。轻松设计、预览和调整每个屏幕尺寸的布局。干净。快速。直观。并非所有强大的东西都必须看起来很复杂。","Demo Description Four":"确保您的网站在所有设备上看起来都很棒。实时编辑文本内容。选择与您的风格相匹配的完美字体。自信地进行实验,并能够轻松复更改。样式前缀。构建器和您的应用程序之间没有样式冲突的风险。","Demo Title Two":"只需使用Vue发布即可","Demo Title Three":"响应式编辑","Edit text and links":"编辑文本和链接","Enter URL":"输入URL","Line break":"换行",Bold:dw,"Header 2":"标题2","Header 3":"标题3",List:cw,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"添加一个有效的URL,将选定的文本转换为可点击的超链接,指向指定的网页地址。","Select image":"选择图片","Manage Content":"管理内容","Media Library":"媒体库","Reset changes":"重置更改","Do you want to reset this page?":"您想重置此页面吗?","Are you sure you want to reset this page? This will overwrite your current changes.":"您确定要重置此页面吗?这将覆盖您当前的更改。",Search:mw,"Search...":"搜索...",Landscape:bw,Portrait:uw,Squarish:gw,"Total pages":"总页数",Images:xw,"First page":"第一页",Prev:fw,Next:hw,"By:":"作者:","We did not find any images. Make a new search.":"我们没有找到任何图片。请重新搜索。","No results on current page. Navigate to First Page.":"当前页面没有结果。导航到第一页。",Information:yw,"From:":"来自:"," Select image":" 选择图片","Layouts and visual.":"布局和视觉。","Start customizing by editing this default text directly in the editor.":"通过直接在编辑器中编辑此默认文本开始自定义。","Single Image":"单张图片","Two Vertical Images":"两张竖直图片","Two Square Images":"两张方形图片","Three Square Images":"三张方形图片","Six Square Images Grid":"六张方形图片网格","Three Vertical Images":"三张竖直图片","Three Square Images With Text":"三张方形图片和文字","Two Square Images With Text":"两张方形图片和文字",Text:ww,"Header H2":"标题 H2","Header H3":"标题 H3","YouTube Video":"YouTube 视频","Break Divider":"分隔线",Link:vw,"Selected HTML":"选定的HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"所选元素、组件和组件的概述。本节根据您的HTML选择提供实时更新。",Types:kw,"Element type:":"元素类型:","Component type:":"组件类型:","Components:":"组件:",array:Sw,Content:Cw,Element:Ew,Component:Tw,"Components added":"添加的组件","No Element selected":"未选择元素","Selected HTML:":"选定的HTML:","Element src:":"元素来源:","Element classes:":"元素类:","No Component selected":"未选择组件","ID:":"ID:","Title:":"标题:","HTML Code:":"HTML代码:","No Components added yet":"尚未添加组件",All:Mw,Image:Bw,"Image & Text":"图片和文字","Four Square Images With Text":"四张带文字的方形图片","Four Square Images":"四张方形图片","Continue Your Work?":"继续您的工作?","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?":"我们注意到您上次有一些更改没有保存。您是想从上次离开的地方继续,还是使用当前从数据库加载的版本?","Use Saved Version":"使用保存的版本","Continue Where I Left Off":"从我离开的地方继续","HTML Editor":"HTML 编辑器","Gain full control over components by editing the raw HTML.":"通过编辑原始 HTML 获得对组件的完全控制。","Large Screens Only":"仅限大屏幕"},property:ow,value:nw},Symbol.toStringTag,{value:"Module"}));le.PageBuilder=mD,le.Preview=wa,le.createPinia=cb,le.getPageBuilder=ie,le.pageBuilder=bD,le.sharedPageBuilderPinia=Bl,le.sharedPageBuilderStore=ne,le.usePageBuilderModal=Hb,le.usePageBuilderStateStore=hb,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
|
|
688
|
+
`))])])])])])])]))),128))])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)])])])])])}}},uP={class:"pbx-flex pbx-items-center pbx-justify-center"},gP={class:"pbx-mr-2"},xP={key:0,class:"pbx-flex pbx-items-center pbx-myPrimaryTag pbx-whitespace-nowrap pbx-py-0 pbx-gap-2"},fP={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"},hP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},yP={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"},wP={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"},vP=["src"],kP={class:"pbx-hidden pbx-text-xs pbx-d lg:pbx-flex pbx-items-center pbx-font-normal pbx-w-max pbx-break-keep"},SP={class:"pbx-hidden lg:pbx-block"},CP={class:"pbx-relative pbx-group"},EP={type:"button",class:"pbx-mySecondaryButton pbx-font-normal pbx-text-xs"},TP={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"},MP={__name:"ToolbarOption",setup(r){const{translate:e}=pe(),t=ie(),o=ne,n=i.computed(()=>o.getPageBuilderConfig),a=i.ref(!1),s=i.ref(!1),l=i.ref(""),p=i.ref(1),d=i.ref(""),c=i.ref(""),m=i.ref(""),b=i.ref(null),u=i.ref(null),g=i.ref(null),f=i.ref(null),x=i.ref(null),y=function(){s.value=!0,l.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(){s.value=!1},x.value=async function(){a.value=!0,await t.clearHtmlSelection(),await t.handleFormSubmission(),await ge(500),s.value=!1,a.value=!1}},w=i.ref(!1),v=function(){w.value=!1},h=function(){w.value=!0},S=i.ref(!1),k=function(){S.value=!1},C=async function(){await t.generateHtmlFromComponents(),S.value=!0};return(L,V)=>{var M;return i.openBlock(),i.createElementBlock("div",null,[i.createElementVNode("div",uP,[i.createElementVNode("div",gP,[n.value&&n.value.userForPageBuilder&&n.value.userForPageBuilder.name&&(!n.value.userForPageBuilder.image||typeof n.value.userForPageBuilder.image=="string"&&((M=n.value.userForPageBuilder.image)==null?void 0:M.length)<2)?(i.openBlock(),i.createElementBlock("div",xP,[i.createElementVNode("div",fP,i.toDisplayString(typeof n.value.userForPageBuilder.name=="string"&&n.value.userForPageBuilder.name[0]),1),i.createElementVNode("div",hP,i.toDisplayString(n.value.userForPageBuilder.name),1)])):i.createCommentVNode("",!0),n.value&&n.value.userForPageBuilder&&n.value.userForPageBuilder.name&&n.value.userForPageBuilder.image&&typeof n.value.userForPageBuilder.image=="string"&&n.value.userForPageBuilder.image.length>2?(i.openBlock(),i.createElementBlock("div",yP,[i.createElementVNode("div",wP,[i.createElementVNode("img",{alt:"Avatar",src:`${n.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,vP)]),i.createElementVNode("div",kP,i.toDisplayString(n.value.userForPageBuilder.name),1)])):i.createCommentVNode("",!0)]),i.createElementVNode("div",SP,[i.createElementVNode("div",CP,[i.createElementVNode("button",EP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(e)("Options")),1)]),i.createElementVNode("div",TP,[i.createElementVNode("button",{onClick:V[0]||(V[0]=async()=>{await i.unref(t).clearHtmlSelection(),h()}),class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("Config Overview")),1),i.createElementVNode("button",{onClick:C,class:"pbx-mySecondaryButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("HTML Overview")),1),i.createElementVNode("button",{onClick:y,class:"pbx-myPrimaryDeleteButton pbx-text-xs pbx-font-normal",type:"button"},i.toDisplayString(i.unref(e)("Delete Layout")),1)])])])]),i.createVNode(St,{maxWidth:"5xl",showModalBuilder:w.value,title:"Main Settings",onCloseMainModalBuilder:v,minHeight:"",maxHeight:""},{default:i.withCtx(()=>[i.createVNode(P8)]),_:1},8,["showModalBuilder"]),i.createVNode(St,{maxWidth:"5xl",showModalBuilder:S.value,title:i.unref(e)("Selected HTML"),onCloseMainModalBuilder:k,minHeight:"",maxHeight:""},{default:i.withCtx(()=>[i.createVNode(bP)]),_:1},8,["showModalBuilder","title"]),i.createVNode(Zt,{showDynamicModalBuilder:s.value,type:l.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:f.value,onThirdModalButtonFunctionDynamicModalBuilder:x.value},{default:i.withCtx(()=>V[1]||(V[1]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[1]},8,["showDynamicModalBuilder","type","gridColumnAmount","title","description","isLoading","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"])])}}};let Vl=null;function BP(){return(r,e=300)=>{Vl&&clearTimeout(Vl),Vl=setTimeout(r,e)}}const NP={},PP={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 DP(r,e){return i.openBlock(),i.createElementBlock("div",PP,e[0]||(e[0]=[i.createElementVNode("div",{class:"pbx-absolute pbx-top-1/3"},[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-mt-4"},[i.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]"},[i.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 Jb=ma(NP,[["render",DP]]),LP={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"},AP=i.defineComponent({__name:"UndoRedo",emits:["toolbar-hide-request"],setup(r,{emit:e}){const t=ie(),o=e,n=ne,a=i.computed(()=>n.getIsLoadingGlobal),s=i.computed(()=>n.getHistoryIndex),l=i.computed(()=>n.getHistoryLength),p=i.computed(()=>s.value>0),d=i.computed(()=>s.value<l.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)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[a.value?(i.openBlock(),i.createBlock(Jb,{key:0})):i.createCommentVNode("",!0),i.createElementVNode("div",{onClick:u[0]||(u[0]=async()=>{await i.unref(t).clearHtmlSelection()}),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full gap-1"},[i.createElementVNode("div",{onClick:c,type:"button",class:i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," undo ",-1)]),2),i.createElementVNode("div",LP,i.toDisplayString(s.value+1)+"/"+i.toDisplayString(l.value),1),i.createElementVNode("div",{onClick:m,class:i.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]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," redo ",-1)]),2)])],64))}}),OP={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"},VP={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"},IP=["src"],_P={class:"pbx-flex pbx-items-center pbx-justify-center"},RP=["disabled"],HP={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},zP={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},FP=["disabled"],jP={key:0,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},qP={key:1,class:"pbx-h-10 pbx-w-4 pbx-cursor-pointer pbx-rounded-full pbx-flex pbx-items-center pbx-justify-center"},WP={class:"lg:pbx-block pbx-hidden"},UP={class:"lg:pbx-hidden pbx-block"},GP={class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-border-gray-200"},KP={class:"lg:pbx-block pbx-hidden"},JP={class:"pbx-whitespace-nowrap pbx-cursor-pointer"},YP={class:"pbx-flex pbx-items-center pbx-justify-center pbx-mr-2"},XP={class:"lg:pbx-flex pbx-hidden pbx-items-center pbx-justify-center"},QP={class:"pbx-flex-1 pbx-flex gap-2 pbx-items-center pbx-justify-end"},ZP={key:0,class:"pbx-flex-1 pbx-ml-2"},$P={key:0,class:"pbx-flex-1 pbx-flex pbx-justify-end pbx-items-center pbx-ml-2 lg:pbx-mr-4 pbx-mr-2"},eD=["value"],tD=["value"],rD={key:2,class:"pbx-flex-1 pbx-ml-2 pbx-mr-2"},oD={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"},nD={class:"pbx-mx-2 pbx-flex pbx-flex-col pbx-myPrimaryGap pbx-items-stretch"},iD={class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},aD={id:"pbxEditToolbar",class:"pbx-z-30 lg:pbx-mx-20 pbx-flex pbx-gap-2 pbx-justify-center pbx-items-center pbx-rounded-full pbx-px-4 pbx-h-0"},sD={id:"pagebuilder",class:"pbx-text-black pbx-font-sans"},lD=["innerHTML","onMouseup"],pD={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"},dD={class:"lg:pbx-block pbx-hidden"},cD={class:"pbx-whitespace-nowrap"},mD={__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}){let t;const o=r,{translate:n,loadTranslations:a}=pe(),s=Bl,l=ne;i.provide("pageBuilderStateStore",l),i.provide("internalPinia",s),i.provide("CustomMediaComponent",o.CustomMediaLibraryComponent),i.provide("CustomBuilderComponents",o.CustomBuilderComponents);const p=e,d=function(){p("handleClosePageBuilder")},c=async function(){l.setIsLoadingGlobal(!0),await t.handleManualSave(),l.setIsLoadingGlobal(!1),p("handlePublishPageBuilder")},m=()=>{q.value=!1};i.provide("closeAddComponentModal",m);const b=i.ref("en");let u=!0;const g=i.ref(!1);i.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 f=i.computed(()=>l.getBuilderStarted),x=i.computed(()=>l.getPageBuilderConfig),y=i.computed(()=>l.getMenuRight),w=i.ref(!1),v=i.ref(""),h=i.ref(""),S=function(){t.previewCurrentDesign()},k=function(){v.value=n("Preview"),S(),w.value=!0},C=i.ref(!1),L=function(){t.previewCurrentDesign()},V=function(){h.value=n("Mobile"),L(),C.value=!0},M=i.ref(!1),B=function(){M.value=!1},D=function(){w.value=!1},F=function(){C.value=!1},q=i.ref(!1),Y=i.ref(""),Z=i.ref(""),$=i.ref(null),ee=async function(){await t.clearHtmlSelection(),Y.value=n("Add Components to Page"),Z.value=n("Close"),q.value=!0,$.value=function(){q.value=!1}},G=i.computed(()=>l.getElement),Ge=i.computed(()=>l.getComponents),Ke=i.computed(()=>l.getHasLocalDraftForUpdate);i.watch(Ke,A=>{A&&vt()});const Fe=i.computed(()=>!G.value||!(G.value instanceof HTMLElement)?"":{src:G.value.getAttribute("src"),href:G.value.getAttribute("href"),style:G.value.getAttribute("style"),class:G.value.getAttribute("class"),dataImage:G.value.getAttribute("data-image")}),ct=BP();i.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))&&ct(async()=>{await t.initializeElementStyles()},200)});const Je=function(A){l.setComponent(A)},Oe=i.computed(()=>l.getIsLoadingGlobal),Ve=i.computed(()=>l.getIsSaving),yt=i.computed(()=>l.getIsLoadingResumeEditing),Be=i.computed(()=>l.getIsRestoring),wt=i.ref(1),et=i.ref(""),Ye=i.ref(!1),Xt=i.ref(""),ue=i.ref(""),I=i.ref(""),Ne=i.ref(null),kr=i.ref(null),Sr=i.ref(null),Qr=i.ref(null),Zr=i.ref(null),vt=async function(){et.value="warning",Ye.value=!0,Xt.value=n("Continue Your Work?"),ue.value=n("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?"),I.value=n("Use Saved Version"),Ne.value=null,kr.value=n("Continue Where I Left Off"),Sr.value=async function(){l.setHasLocalDraftForUpdate(!1),Ye.value=!1},Qr.value=function(){},Zr.value=async function(){await t.resumeEditingFromDraft(),l.setHasLocalDraftForUpdate(!1),Ye.value=!1}},Vt=i.ref(1),Cr=i.ref(""),mt=i.ref(!1),Er=i.ref(""),$r=i.ref(""),eo=i.ref(""),to=i.ref(null),ro=i.ref(null),ga=i.ref(null),xa=i.ref(null),fa=i.ref(null),Il=async function(){await t.clearHtmlSelection(),Cr.value="success",mt.value=!0,Er.value=n("Do you want to reset this page?"),$r.value=n("Are you sure you want to reset this page? This will overwrite your current changes."),eo.value=n("Close"),to.value=null,ro.value=n("Reset changes"),ga.value=function(){mt.value=!1},xa.value=async function(){},fa.value=async function(){await t.restoreOriginalContent(),mt.value=!1}},Ln=function(){f.value||(M.value=!0)},E=i.ref(null),R=function(){const A=document.querySelector("#pbxEditToolbar");A&&(A.classList.remove("is-visible"),A.removeAttribute("style"))};function z(){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(),An=A.getBoundingClientRect(),Qt=kt.left-An.left+kt.width/2-T.offsetWidth/2,Oo=kt.top-An.top+A.scrollTop-T.offsetHeight-20,Tr=Math.max(0,Oo);T.style.position="absolute",T.style.left=`${Qt}px`,T.style.top=`${Tr}px`,T.classList.add("is-visible")}else T.classList.remove("is-visible"),T.removeAttribute("style")}const X=JSON.parse(localStorage.getItem("userSettingsPageBuilder"));return i.onMounted(async()=>{t=ie(),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,z();const A=E.value;if(!A)return;new MutationObserver(z).observe(A,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["selected"]}),window.addEventListener("scroll",z),window.addEventListener("resize",z),await ge(1e4),Ln(),await ge(1e4),Ln(),await ge(1e4),Ln()}),(A,T)=>(i.openBlock(),i.createElementBlock("div",OP,[Oe.value&&!M.value||g.value?(i.openBlock(),i.createBlock(Jb,{key:0})):i.createCommentVNode("",!0),i.createVNode(St,{title:"The builder hasn’t started yet",showModalBuilder:M.value,onCloseMainModalBuilder:B,type:"delete",maxWidth:"2xl",noBackgroundOpacity:!0},{default:i.withCtx(()=>T[21]||(T[21]=[i.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"]),q.value?(i.openBlock(),i.createBlock(JT,{key:1,show:q.value,firstButtonText:Z.value,title:Y.value,CustomBuilderComponents:o.CustomBuilderComponents,onFirstModalButtonSearchComponentsFunction:$.value},null,8,["show","firstButtonText","title","CustomBuilderComponents","onFirstModalButtonSearchComponentsFunction"])):i.createCommentVNode("",!0),i.createVNode(St,{title:v.value,showModalBuilder:w.value,onCloseMainModalBuilder:D,maxWidth:"screen"},{default:i.withCtx(()=>[i.createVNode(wa)]),_:1},8,["title","showModalBuilder"]),i.createVNode(St,{title:h.value,showModalBuilder:C.value,onCloseMainModalBuilder:F,maxWidth:"lg"},{default:i.withCtx(()=>[i.createVNode(wa,{mobile:!0})]),_:1},8,["title","showModalBuilder"]),i.createVNode(Zt,{showDynamicModalBuilder:Ye.value,isLoading:yt.value,type:et.value,gridColumnAmount:wt.value,title:Xt.value,description:ue.value,firstButtonText:I.value,secondButtonText:Ne.value,thirdButtonText:kr.value,onFirstModalButtonFunctionDynamicModalBuilder:Sr.value,onSecondModalButtonFunctionDynamicModalBuilder:Qr.value,onThirdModalButtonFunctionDynamicModalBuilder:Zr.value},{default:i.withCtx(()=>T[22]||(T[22]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[22]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),i.createVNode(Zt,{showDynamicModalBuilder:mt.value,isLoading:Be.value,type:Cr.value,gridColumnAmount:Vt.value,title:Er.value,description:$r.value,firstButtonText:eo.value,secondButtonText:to.value,thirdButtonText:ro.value,onFirstModalButtonFunctionDynamicModalBuilder:ga.value,onSecondModalButtonFunctionDynamicModalBuilder:xa.value,onThirdModalButtonFunctionDynamicModalBuilder:fa.value},{default:i.withCtx(()=>T[23]||(T[23]=[i.createElementVNode("header",null,null,-1),i.createElementVNode("main",null,null,-1)])),_:1,__:[23]},8,["showDynamicModalBuilder","isLoading","type","gridColumnAmount","title","description","firstButtonText","secondButtonText","thirdButtonText","onFirstModalButtonFunctionDynamicModalBuilder","onSecondModalButtonFunctionDynamicModalBuilder","onThirdModalButtonFunctionDynamicModalBuilder"]),i.createElementVNode("div",VP,[x.value&&x.value.pageBuilderLogo&&x.value.pageBuilderLogo.src?(i.openBlock(),i.createElementBlock("div",{key:0,onClick:T[0]||(T[0]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-justify-start pbx-py-2 lg:pbx-ml-4 pbx-ml-2"},[i.createElementVNode("img",{class:"pbx-h-6",src:x.value.pageBuilderLogo.src,alt:"Logo"},null,8,IP)])):i.createCommentVNode("",!0),i.createVNode(AP,{onToolbarHideRequest:R}),i.createElementVNode("div",{onClick:T[3]||(T[3]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[i.createElementVNode("div",_P,[i.createElementVNode("button",{class:"pbx-mySecondaryButton pbx-h-6 pbx-flex pbx-gap-2 pbx-mr-2",onClick:T[1]||(T[1]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection(),await i.unref(t).handleManualSave()},["stop"])),type:"button",disabled:Ve.value},[Ve.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",HP,T[24]||(T[24]=[i.createElementVNode("span",{class:"material-symbols-outlined"},"save",-1)]))),Ve.value?(i.openBlock(),i.createElementBlock("div",zP,T[25]||(T[25]=[i.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[i.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"}),i.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):i.createCommentVNode("",!0),i.createElementVNode("div",null,i.toDisplayString(i.unref(n)("Save")),1)],8,RP),x.value&&x.value.updateOrCreate&&x.value.updateOrCreate.formType==="update"?(i.openBlock(),i.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]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection(),await Il()},["stop"])),type:"button",disabled:Be.value},[Be.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",jP,T[26]||(T[26]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," settings_backup_restore ",-1)]))),Be.value?(i.openBlock(),i.createElementBlock("div",qP,T[27]||(T[27]=[i.createElementVNode("span",{class:"pbx-relative pbx-flex pbx-size-3"},[i.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"}),i.createElementVNode("span",{class:"pbx-relative pbx-inline-flex pbx-size-3 pbx-rounded-full pbx-bg-green-200"})],-1)]))):i.createCommentVNode("",!0),i.createElementVNode("div",WP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Reset Page")),1)]),i.createElementVNode("div",UP,[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Reset")),1)])],8,FP)):i.createCommentVNode("",!0)])]),i.createElementVNode("div",{onClick:T[8]||(T[8]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex-1 pbx-flex pbx-justify-center pbx-items-center pbx-py-2 pbx-w-full"},[i.createElementVNode("div",{onClick:T[7]||(T[7]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-items-center pbx-justify-center"},[i.createElementVNode("div",{class:"pbx-mr-2",onClick:T[4]||(T[4]=()=>{i.unref(l).setComponentArrayAddMethod("unshift"),ee()})},[i.createElementVNode("div",GP,[i.createElementVNode("span",KP,[i.createElementVNode("div",JP,i.toDisplayString(i.unref(n)("Add new Components")),1)]),T[28]||(T[28]=i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")],-1))])]),i.createElementVNode("div",YP,[i.createElementVNode("div",{onClick:T[5]||(T[5]=async()=>{i.unref(l).setMenuRight(!1),i.unref(l).setElement(null),await i.unref(t).clearHtmlSelection(),k()})},T[29]||(T[29]=[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," visibility ")])],-1)]))]),i.createElementVNode("div",XP,[i.createElementVNode("div",{onClick:T[6]||(T[6]=async()=>{i.unref(l).setMenuRight(!1),i.unref(l).setElement(null),await i.unref(t).clearHtmlSelection(),V()})},T[30]||(T[30]=[i.createElementVNode("div",{class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2"},[i.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"},[i.createElementVNode("span",{class:"material-symbols-outlined"}," phone_iphone ")])],-1)]))])])]),i.createElementVNode("div",QP,[i.createElementVNode("div",{onClick:T[9]||(T[9]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:i.normalizeClass(["pbx-flex pbx-items-center pbx-py-2 pbx-w-full",[r.showCloseButton?"pbx-justify-between":"pbx-justify-end"]])},[i.createVNode(MP)],2),r.showPublishButton?(i.openBlock(),i.createElementBlock("div",ZP,[i.createElementVNode("button",{class:"pbx-myPrimaryButton",onClick:T[10]||(T[10]=async()=>{c()})},i.toDisplayString(i.unref(n)("Publish")),1)])):i.createCommentVNode("",!0),i.unref(t)&&x.value&&x.value.userSettings&&x.value.userSettings.language&&!x.value.userSettings.language.disableLanguageDropDown?(i.openBlock(),i.createElementBlock(i.Fragment,{key:1},[x.value&&x.value.userSettings&&x.value.userSettings.language?(i.openBlock(),i.createElementBlock("div",$P,[i.withDirectives(i.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?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(i.unref(t).availableLanguage().filter(Q=>x.value.userSettings.language.enable.includes(Q)),Q=>(i.openBlock(),i.createElementBlock("option",{key:Q,value:Q},i.toDisplayString(Q),9,eD))),128)):i.createCommentVNode("",!0),!x.value.userSettings.language.enable||Array.isArray(x.value.userSettings.language.enable)&&x.value.userSettings.language.enable.length===0?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:1},i.renderList(i.unref(t).availableLanguage(),Q=>(i.openBlock(),i.createElementBlock("option",{key:Q,value:Q},i.toDisplayString(Q),9,tD))),128)):i.createCommentVNode("",!0)],512),[[i.vModelSelect,b.value]])])):i.createCommentVNode("",!0)],64)):i.createCommentVNode("",!0),r.showCloseButton?(i.openBlock(),i.createElementBlock("div",rD,[i.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 i.unref(t).clearHtmlSelection()})},T[31]||(T[31]=[i.createElementVNode("span",{class:"material-symbols-outlined"}," close ",-1)]))])):i.createCommentVNode("",!0)])]),i.createElementVNode("div",oD,[i.createElementVNode("div",{onClick:T[15]||(T[15]=i.withModifiers(async()=>{await i.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"},[i.createElementVNode("div",nD,[i.createElementVNode("div",iD,[i.createElementVNode("button",{type:"button",onClick:T[13]||(T[13]=()=>{i.unref(l).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]=[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ",-1)]))]),i.createElementVNode("div",{onClick:T[14]||(T[14]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"]))},[G.value?(i.openBlock(),i.createBlock(tv,{key:0})):i.createCommentVNode("",!0)])])]),i.createElementVNode("main",{ref_key:"pbxBuilderWrapper",ref:E,id:"page-builder-wrapper",class:i.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")]])},[i.createElementVNode("div",aD,[G.value?(i.openBlock(),i.createBlock(aT,{key:0})):i.createCommentVNode("",!0)]),i.createElementVNode("div",sD,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(Ge.value,Q=>(i.openBlock(),i.createElementBlock(i.Fragment,{key:Q.id},[Q.html_code?(i.openBlock(),i.createElementBlock("div",{key:0,innerHTML:Q.html_code,onMouseup:kt=>Je(Q)},null,40,lD)):i.createCommentVNode("",!0)],64))),128))])],2),i.createVNode(i.Transition,{name:"slide-right",appear:"",mode:"out-in"},{default:i.withCtx(()=>[y.value?(i.openBlock(),i.createElementBlock("aside",{key:0,"aria-label":"menu",id:"pagebuilder-right-menu",class:i.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"]])},[i.createVNode($B,{onCloseEditor:T[16]||(T[16]=Q=>i.unref(l).setMenuRight(!1))})],2)):(i.openBlock(),i.createElementBlock("div",{key:1,onClick:T[19]||(T[19]=i.withModifiers(async()=>{await i.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"},[i.createElementVNode("div",{onClick:T[18]||(T[18]=i.withModifiers(async()=>{await i.unref(t).clearHtmlSelection()},["self"])),class:"pbx-flex pbx-flex-col pbx-items-center pbx-justify-center pbx-gap-2"},[y.value?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("button",{key:0,onClick:T[17]||(T[17]=Q=>i.unref(l).setMenuRight(!0)),type:"button",class:"pbx-mySecondaryButton pbx-px-2 pbx-text-xs"},[i.createElementVNode("span",null,i.toDisplayString(i.unref(n)("Styles")),1)]))])]))]),_:1})]),i.createElementVNode("div",pD,[i.createElementVNode("div",{onClick:T[20]||(T[20]=()=>{i.unref(l).setComponentArrayAddMethod("push"),ee()}),class:"pbx-flex pbx-items-center pbx-justify-center pbx-gap-2 pbx-cursor-pointer"},[i.createElementVNode("span",dD,[i.createElementVNode("div",cD,i.toDisplayString(i.unref(n)("Add to the bottom")),1)]),T[33]||(T[33]=i.createElementVNode("div",{class:"pbx-flex pbx-gap-2 pbx-items-center pbx-justify-center"},[i.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"},[i.createElementVNode("span",{class:"pbx-myMediumIcon material-symbols-outlined"}," interests ")])],-1))])])]))}},bD={install:r=>{if(!r.config.globalProperties.$pageBuilder){const e=ne,t=new Jw(e);Yw(t),r.config.globalProperties.$pageBuilder=t}}},Yb="حفظ",Xb="خيارات",Qb="الصورة الرمزية",Zb="نشر",$b="إغلاق",eu="مكون",tu="أنماط",ru="الطباعة",ou="اختر",nu="الحشو",iu="الهامش",au="عالمي",su="محدد",lu="الحدود",pu="شفاف",du="إضافة",cu="خاصية",mu="قيمة",bu="تحرير",uu="حذف",gu="معاينة",xu="جوال",fu="غامق",hu="قائمة",yu="بحث",wu="أفقي",vu="عمودي",ku="مربع الشكل",Su="صور",Cu="السابق",Eu="التالي",Tu="معلومات",Mu="نص",Bu="رابط",Nu="أنواع",Pu="مصفوفة",Du="المحتوى",Lu="عنصر",Au="مكون",Ou="الكل",Vu="صورة",uD=Object.freeze(Object.defineProperty({__proto__:null,Add:du,All:Ou,Bold:fu,Border:lu,Close:$b,Component:Au,Content:Du,Delete:uu,Editing:bu,Element:Lu,Global:au,Image:Vu,Images:Su,Information:Tu,Landscape:wu,Link:Bu,List:hu,Margin:iu,Mobile:xu,Next:Eu,Options:Xb,Padding:nu,Portrait:vu,Prev:Cu,Preview:gu,Publish:Zb,Save:Yb,Search:yu,Select:ou,Specific:su,Squarish:ku,Styles:tu,Text:Mu,Transparent:pu,Types:Nu,Typographies:ru,array:Pu,avatar:Qb,component:eu,default:{"Reset Page":"إعادة تعيين الصفحة","Global Page Styles":"أنماط الصفحة العامة","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"جرب منشئ الصفحات القوي Click & Drop - المصمم للمطورين والمبدعين الذين يريدون التحكم الكامل دون عناء. قم بتخصيص التخطيطات والخطوط والألوان. قم بتحرير المحتوى بصريًا في الوقت الفعلي. أضف الوسائط، قم بتضمين مقاطع فيديو YouTube، أو قم بتصدير كل شيء كـ HTML نظيف. مع التحرير المتجاوب، الحفظ التلقائي المحلي، دعم Tailwind، وحتى تكامل Unsplash، إنه كل ما تحتاجه - ملفوف في منشئ واحد سلس. قم ببناء صفحات مذهلة في دقائق.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"منشئ صفحات مصمم للنمو. قم ببناء صفحات موقعك الإلكتروني باستخدام مكونات جاهزة قابلة للتخصيص بالكامل ومتجاوبة دائمًا، مصممة لتلبية كل احتياجاتك. منشئ صفحات قوي للتجار والعلامات التجارية والوكالات المتنامية.","Everything you need. Break free from design limitations":"كل ما تحتاجه. تحرر من قيود التصميم","Bring your vision to life and create impressive pages using a click & drop Page Builder":"حقق رؤيتك واصنع صفحات رائعة باستخدام منشئ الصفحات السحب والإفلات","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"منشئ الويب لصفحات مذهلة. يمكن المستخدمين من تصميم ونشر صفحات حديثة على أي نطاق. قم ببناء صفحات متجاوبة مثل القوائم، الوظائف أو منشورات المدونات وأدر المحتوى بسهولة باستخدام منشئ الصفحات السحب والإفلات المجاني. تم تطويره باستخدام TypeScript، Vue 3، Composition API، Pinia، CSS، Tailwind CSS و HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"قم بتنزيل أو تثبيت منشئ الصفحات المجاني Vue 3 القوي والمرن وسهل الاستخدام عبر",Save:Yb,"Add new Components":"إضافة مكونات جديدة",Options:Xb,"Config Overview":"نظرة عامة على التكوين","HTML Overview":"نظرة عامة على HTML","Delete Layout":"حذف التخطيط",avatar:Qb,Publish:Zb,"Add Components to Page":"إضافة مكونات إلى الصفحة",Close:$b,"Helper Components":"مكونات المساعدة","Click to add":"انقر للإضافة",component:eu,"Layout Components":"مكونات التخطيط","Click to add component":"انقر لإضافة مكون","Remove all Components":"إزالة جميع المكونات","Are you sure you want to remove all Components?":"هل أنت متأكد أنك تريد إزالة جميع المكونات؟",Styles:tu,"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.":"قم بتطبيق الأنماط التي تؤثر على الصفحة بأكملها. تتضمن هذه الإعدادات عائلة الخطوط العامة، ولون النص، ولون الخلفية، والأنماط العامة الأخرى التي تنطبق على جميع الأقسام.","Update Page Styles":"تحديث أنماط الصفحة","Download HTML":"تنزيل HTML","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.":"قم بتصدير الصفحة بأكملها كملف HTML مستقل. يتضمن ذلك جميع الأقسام والمحتوى والأنماط المطبقة، مما يجعلها جاهزة للاستخدام أو التكامل في مكان آخر.","Download HTML file":"تنزيل ملف HTML",Typographies:ru,"Font Appearance":"مظهر الخط","Font Size":"حجم الخط",Select:ou,"Font tablet size":"حجم الخط للجهاز اللوحي","Font small screens":"حجم الخط للشاشات الصغيرة","Font weight":"وزن الخط","Font family":"عائلة الخط","Font Style":"نمط الخط","Opacity & Transparency":"الشفافية والعتامة",Padding:nu,"Vertical Padding":"الحشو العمودي","Horizontal Padding":"الحشو الأفقي",Margin:iu,"Vertical Margin":"الهامش العمودي","Horizontal Margin":"الهامش الأفقي","Border Radius":"نصف القطر الحدودي",Global:au,Specific:su,"Border Radius top left":"نصف القطر الحدودي العلوي الأيسر","Border Radius top right":"نصف القطر الحدودي العلوي الأيمن","Border Radius bottom left":"نصف القطر الحدودي السفلي الأيسر","Border Radius bottom right":"نصف القطر الحدودي السفلي الأيمن","Border Style, Width & Color":"نمط الحدود والعرض واللون",Border:lu,"Border Style":"نمط الحدود","Border Width":"عرض الحدود","Border Color":"لون الحدود",Transparent:pu,"Generated CSS":"CSS المُنشأ","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"هذا هو CSS الذي يطبقه المنشئ. أضف CSS الخاص بك واضغط Enter لتطبيقه على العنصر المحدد.","Add your CSS.":"أضف CSS الخاص بك.","The pbx- prefix is added automatically.":"يتم إضافة البادئة pbx- تلقائيًا.","Type class":"اكتب الفئة",Add:du,"Inline Styles":"أنماط مضمنة","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"هذه هي الأنماط المضمنة التي يطبقها المنشئ. أضف أنماطك الخاصة واضغط على Enter لتطبيقها على العنصر المحدد.","Add your own style.":"أضف نمطك الخاص.",property:cu,value:mu,Editing:bu,"Loading...":"جار التحميل...","Background Color":"لون الخلفية","Text Color":"لون النص","Default black":"أسود افتراضي","Remove Component?":"إزالة المكون؟","Are you sure you want to remove this Component?":"هل أنت متأكد أنك تريد إزالة هذا المكون؟",Delete:uu,"Add to the bottom":"أضف إلى الأسفل",Preview:gu,Mobile:xu,"Demo Content":"معاينة","Demo Description":"تعرف على منشئ الصفحات الخفيف والمجاني Vue Click & Drop. قم بإنشاء وتعزيز التجارب الرقمية بسهولة باستخدام Vue. ليس كل شيء قوي يجب أن يكون معقدًا. يوفر هذا المنشئ البسيط والخفيف واجهة أنيقة وبديهية تركز على البساطة والسرعة. قم ببناء صفحات متجاوبة بالكامل مثل القوائم، لوحات الوظائف، أو منشورات المدونة - وأدر محتواك بسهولة باستخدام منشئ الصفحات المجاني Click & Drop.","Demo Description Two":"منشئ صفحات مصمم للنمو. قم ببناء صفحات موقعك الإلكتروني باستخدام مكونات جاهزة قابلة للتخصيص بالكامل ومتجاوبة دائمًا، مصممة لتلبية كل احتياجاتك. منشئ صفحات قوي للتجار والعلامات التجارية والوكالات المتنامية.","Demo Description Three":"منشئ مواقع الويب الذي يعشقه المصممون. يمكنك بسهولة تصميم وتخطيطات المعاينة والضبط لكل حجم شاشة. نظيف. سريع. بديهي. ليس كل شيء قوي يجب أن يبدو معقدًا.","Demo Description Four":"تأكد من أن موقعك يبدو رائعًا على جميع الأجهزة. قم بتحرير محتوى النص مباشرة وفي الوقت الفعلي. اختر الخطوط المثالية التي تناسب أسلوبك. جرب بثقة مع القدرة على التراجع عن التغييرات. أنماط مسبوقة. لا يوجد خطر من تعارض الأنماط بين المنشئ وتطبيقك.","Demo Title":"منشئ الويب لصفحات مذهلة","Demo Title Two":"فقط انشره مع Vue","Demo Title Three":"تحرير متجاوب","Edit text and links":"تحرير النصوص والروابط","Enter URL":"أدخل عنوان URL","Line break":"فاصل سطر",Bold:fu,"Header 2":"عنوان 2","Header 3":"عنوان 3",List:hu,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"أضف عنوان URL صالحًا لتحويل النص المحدد إلى ارتباط تشعبي قابل للنقر يوجه المستخدمين إلى عنوان الويب المحدد.","Select image":"اختر صورة","Manage Content":"إدارة المحتوى","Media Library":"مكتبة الوسائط","Reset changes":"إعادة التغييرات","Do you want to reset this page?":"هل تريد إعادة تعيين هذه الصفحة؟","Are you sure you want to reset this page? This will overwrite your current changes.":"هل أنت متأكد أنك تريد إعادة تعيين هذه الصفحة؟ سيؤدي هذا إلى الكتابة فوق التغييرات الحالية.",Search:yu,"Search...":"ابحث...",Landscape:wu,Portrait:vu,Squarish:ku,"Total pages":"إجمالي الصفحات",Images:Su,"First page":"الصفحة الأولى",Prev:Cu,Next:Eu,"By:":"بواسطة:","We did not find any images. Make a new search.":"لم نجد أي صور. قم ببحث جديد.","No results on current page. Navigate to First Page.":"لا توجد نتائج في الصفحة الحالية. انتقل إلى الصفحة الأولى.",Information:Tu,"From:":"من:"," Select image":" اختر صورة","Layouts and visual.":"التخطيطات والمرئيات.","Start customizing by editing this default text directly in the editor.":"ابدأ التخصيص عن طريق تحرير هذا النص الافتراضي مباشرة في المحرر.","Single Image":"صورة واحدة","Two Vertical Images":"صورتان عموديتان","Two Square Images":"صورتان مربعتان","Three Square Images":"ثلاث صور مربعة","Six Square Images Grid":"شبكة من ست صور مربعة","Three Vertical Images":"ثلاث صور عمودية","Three Square Images With Text":"ثلاث صور مربعة مع نص","Two Square Images With Text":"صورتان مربعتان مع نص",Text:Mu,"Header H2":"رأس H2","Header H3":"رأس H3","YouTube Video":"فيديو يوتيوب","Break Divider":"فاصل",Link:Bu,"Selected HTML":"HTML المحدد","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"نظرة عامة على العنصر المحدد والمكون والمكونات. يوفر هذا القسم تحديثات في الوقت الفعلي بناءً على اختيار HTML الخاص بك.",Types:Nu,"Element type:":"نوع العنصر:","Component type:":"نوع المكون:","Components:":"المكونات:",array:Pu,Content:Du,Element:Lu,Component:Au,"Components added":"تمت إضافة المكونات","No Element selected":"لم يتم تحديد عنصر","Selected HTML:":"HTML المحدد:","Element src:":"مصدر العنصر:","Element classes:":"فئات العنصر:","No Component selected":"لم يتم تحديد مكون","ID:":"المعرف:","Title:":"العنوان:","HTML Code:":"كود HTML:","No Components added yet":"لم تتم إضافة مكونات بعد",All:Ou,Image:Vu,"Image & Text":"صورة ونص","Four Square Images With Text":"أربع صور مربعة مع نص","Four Square Images":"أربع صور مربعة","Continue Your Work?":"أترغب في متابعة عملك؟","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?":"لاحظنا وجود بعض التغييرات التي لم تُحفظ في المرة السابقة. هل ترغب في المتابعة من حيث توقفت، أم استخدام الإصدار المُحمّل حاليًا من قاعدة البيانات؟","Use Saved Version":"استخدام النسخة المحفوظة","Continue Where I Left Off":"المتابعة من حيث توقفت","HTML Editor":"محرر HTML","Gain full control over components by editing the raw HTML.":"احصل على التحكم الكامل في المكونات عن طريق تحرير HTML الخام.","Large Screens Only":"الشاشات الكبيرة فقط"},property:cu,value:mu},Symbol.toStringTag,{value:"Module"})),Iu="Speichern",_u="Optionen",Ru="Avatar",Hu="Veröffentlichen",zu="Schließen",Fu="Komponente",ju="Stile",qu="Typografien",Wu="Auswählen",Uu="Abstand",Gu="Rand",Ku="Global",Ju="Spezifisch",Yu="Rand",Xu="Transparent",Qu="Hinzufügen",Zu="Eigenschaft",$u="Wert",eg="schließen",tg="Bearbeiten",rg="Löschen",og="Vorschau",ng="Mobil",ig="Fett",ag="Liste",sg="Suche",lg="Querformat",pg="Hochformat",dg="Quadratisch",cg="Bilder",mg="Zurück",bg="Weiter",ug="Informationen",gg="Text",xg="Link",fg="Typen",hg="Array",yg="Inhalt",wg="Element",vg="Komponente",kg="Alle",Sg="Bild",gD=Object.freeze(Object.defineProperty({__proto__:null,Add:Qu,All:kg,Bold:ig,Border:Yu,Close:zu,Component:vg,Content:yg,Delete:rg,Editing:tg,Element:wg,Global:Ku,Image:Sg,Images:cg,Information:ug,Landscape:lg,Link:xg,List:ag,Margin:Gu,Mobile:ng,Next:bg,Options:_u,Padding:Uu,Portrait:pg,Prev:mg,Preview:og,Publish:Hu,Save:Iu,Search:sg,Select:Wu,Specific:Ju,Squarish:dg,Styles:ju,Text:gg,Transparent:Xu,Types:fg,Typographies:qu,array:hg,avatar:Ru,close:eg,component:Fu,default:{"Reset Page":"Seite zurücksetzen","Global Page Styles":"Globale Seitenstile","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Probieren Sie den leistungsstarken Click & Drop Page Builder aus – entwickelt für Entwickler und Kreative, die volle Kontrolle ohne Aufwand wünschen. Passen Sie Layouts, Schriftarten und Farben an. Bearbeiten Sie Inhalte visuell in Echtzeit. Fügen Sie Medien hinzu, betten Sie YouTube-Videos ein oder exportieren Sie alles als sauberes HTML. Mit responsiver Bearbeitung, lokalem automatischen Speichern, Tailwind-Unterstützung und sogar Unsplash-Integration ist es alles, was Sie brauchen – verpackt in einem nahtlosen Builder. Erstellen Sie beeindruckende Seiten in Minuten.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Ein Seiten-Builder, der für Wachstum entwickelt wurde. Erstellen Sie Ihre Website-Seiten mit vorgefertigten Komponenten, die vollständig anpassbar und immer reaktionsschnell sind, um alle Anforderungen zu erfüllen. Ein leistungsstarker Seiten-Builder für wachsende Händler, Marken und Agenturen.","Everything you need. Break free from design limitations":"Alles, was Sie brauchen. Befreien Sie sich von Designbeschränkungen","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Verwirklichen Sie Ihre Vision und erstellen Sie beeindruckende Seiten mit einem Click & Drop Page Builder","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Der Web-Builder für atemberaubende Seiten. Ermöglichen Sie Benutzern, moderne Seiten in jeder Größenordnung zu entwerfen und zu veröffentlichen. Erstellen Sie responsive Seiten wie Listen, Jobs oder Blog-Posts und verwalten Sie Inhalte einfach mit dem kostenlosen Click & Drop Page Builder. Entwickelt mit TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS und HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Laden Sie den leistungsstarken, flexiblen und benutzerfreundlichen kostenlosen Vue 3 Page Builder herunter oder installieren Sie ihn über",Save:Iu,"Add new Components":"Neue Komponenten hinzufügen",Options:_u,"Config Overview":"Konfigurationsübersicht","HTML Overview":"HTML-Übersicht","Delete Layout":"Layout löschen",avatar:Ru,Publish:Hu,"Add Components to Page":"Komponenten zur Seite hinzufügen",Close:zu,"Helper Components":"Hilfskomponenten","Click to add":"Klicken, um hinzuzufügen",component:Fu,"Layout Components":"Layout-Komponenten","Click to add component":"Klicken, um Komponente hinzuzufügen","Remove all Components":"Alle Komponenten entfernen","Are you sure you want to remove all Components?":"Sind Sie sicher, dass Sie alle Komponenten entfernen möchten?",Styles:ju,"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.":"Wenden Sie Stile an, die die gesamte Seite betreffen. Diese Einstellungen umfassen globale Schriftfamilie, Textfarbe, Hintergrundfarbe und andere universelle Stile, die auf alle Abschnitte angewendet werden.","Update Page Styles":"Seitenstile aktualisieren","Download HTML":"HTML herunterladen","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.":"Exportieren Sie die gesamte Seite als eigenständige HTML-Datei. Dies umfasst alle Abschnitte, Inhalte und angewendeten Stile, sodass sie bereit für die Verwendung oder Integration an anderer Stelle ist.","Download HTML file":"HTML-Datei herunterladen",Typographies:qu,"Font Appearance":"Schriftbild","Font Size":"Schriftgröße",Select:Wu,"Font size":"Schriftgröße","Font tablet size":"Schriftgröße für Tablets","Font small screens":"Schriftgröße für kleine Bildschirme","Font weight":"Schriftgewicht","Font family":"Schriftfamilie","Font Style":"Schriftstil","Opacity & Transparency":"Deckkraft & Transparenz",Padding:Uu,"Vertical Padding":"Vertikaler Abstand","Horizontal Padding":"Horizontaler Abstand",Margin:Gu,"Vertical Margin":"Vertikaler Rand","Horizontal Margin":"Horizontaler Rand","Border Radius":"Randradius",Global:Ku,Specific:Ju,"Border Radius top left":"Randradius oben links","Border Radius top right":"Randradius oben rechts","Border Radius bottom left":"Randradius unten links","Border Radius bottom right":"Randradius unten rechts","Border Style, Width & Color":"Randstil, Breite & Farbe",Border:Yu,"Border Style":"Randstil","Border Width":"Randbreite","Border Color":"Randfarbe",Transparent:Xu,"Generated CSS":"Generiertes CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Dies ist das vom Builder angewendete CSS. Fügen Sie Ihr eigenes CSS hinzu und drücken Sie Enter, um es auf das ausgewählte Element anzuwenden.","Add your CSS.":"Fügen Sie Ihr CSS hinzu.","The pbx- prefix is added automatically.":"Das pbx- Präfix wird automatisch hinzugefügt.","Type class":"Klasse eingeben",Add:Qu,"Inline Styles":"Inline-Stile","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Dies sind die vom Builder angewendeten Inline-Stile. Fügen Sie Ihre eigenen Stile hinzu und drücken Sie die Eingabetaste, um sie auf das ausgewählte Element anzuwenden.","Add your own style.":"Fügen Sie Ihren eigenen Stil hinzu.",property:Zu,value:$u,close:eg,Editing:tg,"Loading...":"Wird geladen...","Background Color":"Hintergrundfarbe","Text Color":"Textfarbe","Default black":"Standard Schwarz","Remove Component?":"Komponente entfernen?","Are you sure you want to remove this Component?":"Sind Sie sicher, dass Sie diese Komponente entfernen möchten?",Delete:rg,"Add to the bottom":"Zum Ende hinzufügen",Preview:og,Mobile:ng,"Demo Content":"Demo-Inhalt","Demo Description":"Entdecken Sie den leichten und kostenlosen Vue Click & Drop Page Builder. Erstellen und verbessern Sie digitale Erlebnisse mühelos mit Vue. Nicht alles, was leistungsstark ist, muss komplex sein. Dieser minimalistische und leichte Page Builder bietet eine elegante, intuitive Oberfläche, die auf Einfachheit und Geschwindigkeit ausgelegt ist. Erstellen Sie vollständig responsive Seiten wie Listen, Jobbörsen oder Blogbeiträge – und verwalten Sie Ihre Inhalte mühelos mit dem kostenlosen Click & Drop Page Builder.","Demo Description Two":"Ein Seiten-Builder, der für Wachstum entwickelt wurde. Erstellen Sie Ihre Website-Seiten mit vorgefertigten Komponenten, die vollständig anpassbar und immer reaktionsschnell sind, um alle Anforderungen zu erfüllen. Ein leistungsstarker Seiten-Builder für wachsende Händler, Marken und Agenturen.","Demo Description Three":"Der Website-Builder, den Designer lieben. Entwerfen, prüfen und passen Sie Layouts für jede Bildschirmgröße einfach an. Sauber. Schnell. Intuitiv. Nicht alles, was leistungsstark ist, muss kompliziert aussehen.","Demo Description Four":"Stellen Sie sicher, dass Ihre Website auf allen Geräten gut aussieht. Bearbeiten Sie Textinhalte live und in Echtzeit. Wählen Sie die perfekten Schriftarten, die zu Ihrem Stil passen. Experimentieren Sie selbstbewusst mit der Möglichkeit, Änderungen rückgängig zu machen. Stile mit Präfix. Kein Risiko von Stilkonflikten zwischen dem Builder und Ihrer App.","Demo Title":"Der Web-Builder für atemberaubende Seiten","Demo Title Two":"Veröffentlichen Sie es einfach mit Vue","Demo Title Three":"Responsive Bearbeitung","Edit text and links":"Text und Links bearbeiten","Enter URL":"URL eingeben","Line break":"Zeilenumbruch",Bold:ig,"Header 2":"Überschrift 2","Header 3":"Überschrift 3",List:ag,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Fügen Sie eine gültige URL hinzu, um den ausgewählten Text in einen anklickbaren Hyperlink zu verwandeln, der Benutzer zur angegebenen Webadresse führt.","Select image":"Bild auswählen","Manage Content":"Inhalte verwalten","Media Library":"Medienbibliothek","Reset changes":"Änderungen zurücksetzen","Do you want to reset this page?":"Möchten Sie diese Seite zurücksetzen?","Are you sure you want to reset this page? This will overwrite your current changes.":"Sind Sie sicher, dass Sie diese Seite zurücksetzen möchten? Dadurch werden Ihre aktuellen Änderungen überschrieben.",Search:sg,"Search...":"Suchen...",Landscape:lg,Portrait:pg,Squarish:dg,"Total pages":"Gesamtseiten",Images:cg,"First page":"Erste Seite",Prev:mg,Next:bg,"By:":"Von:","We did not find any images. Make a new search.":"Wir haben keine Bilder gefunden. Machen Sie eine neue Suche.","No results on current page. Navigate to First Page.":"Keine Ergebnisse auf der aktuellen Seite. Zur ersten Seite navigieren.",Information:ug,"From:":"Von:"," Select image":" Bild auswählen","Layouts and visual.":"Layouts und visuell.","Start customizing by editing this default text directly in the editor.":"Beginnen Sie mit der Anpassung, indem Sie diesen Standardtext direkt im Editor bearbeiten.","Single Image":"Einzelnes Bild","Two Vertical Images":"Zwei vertikale Bilder","Two Square Images":"Zwei quadratische Bilder","Three Square Images":"Drei quadratische Bilder","Six Square Images Grid":"Sechs quadratische Bilder im Raster","Three Square Images With Text":"Drei quadratische Bilder mit Text","Three Vertical Images":"Zwei quadratische Bilder mit Text",Text:gg,"Header H2":"Überschrift H2","Header H3":"Überschrift H3","YouTube Video":"YouTube-Video","Break Divider":"Trennlinie",Link:xg,"Selected HTML":"Ausgewähltes HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Übersicht über ausgewähltes Element, Komponente und Komponenten. Dieser Abschnitt bietet Echtzeit-Updates basierend auf Ihrer HTML-Auswahl.",Types:fg,"Element type:":"Elementtyp:","Component type:":"Komponententyp:","Components:":"Komponenten:",array:hg,Content:yg,Element:wg,Component:vg,"Components added":"Komponenten hinzugefügt","No Element selected":"Kein Element ausgewählt","Selected HTML:":"Ausgewähltes HTML:","Element src:":"Elementquelle:","Element classes:":"Elementklassen:","No Component selected":"Keine Komponente ausgewählt","ID:":"ID:","Title:":"Titel:","HTML Code:":"HTML-Code:","No Components added yet":"Noch keine Komponenten hinzugefügt",All:kg,Image:Sg,"Image & Text":"Bild & Text","Four Square Images With Text":"Vier quadratische Bilder mit Text","Four Square Images":"Vier quadratische Bilder","Continue Your Work?":"Möchten Sie Ihre Arbeit fortsetzen?","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?":"Wir haben festgestellt, dass Sie beim letzten Mal einige Änderungen nicht gespeichert haben. Möchten Sie dort weitermachen, wo Sie aufgehört haben, oder die aktuell aus der Datenbank geladene Version verwenden?","Use Saved Version":"Gespeicherte Version verwenden","Continue Where I Left Off":"Dort weitermachen, wo ich aufgehört habe","HTML Editor":"HTML-Editor","Gain full control over components by editing the raw HTML.":"Erhalten Sie die vollständige Kontrolle über Komponenten, indem Sie das reine HTML bearbeiten.","Large Screens Only":"Nur große Bildschirme"},property:Zu,value:$u},Symbol.toStringTag,{value:"Module"})),Cg="Save",Eg="Options",Tg="avatar",Mg="Publish",Bg="component",Ng="Styles",Pg="Typographies",Dg="Select",Lg="Padding",Ag="Margin",Og="Global",Vg="Specific",Ig="Border",_g="Transparent",Rg="Add",Hg="property",zg="value",Fg="Close",jg="Editing",qg="Delete",Wg="Preview",Ug="Mobile",Gg="Bold",Kg="Link",Jg="List",Yg="Search",Xg="Landscape",Qg="Portrait",Zg="Squarish",$g="Images",ex="Prev",tx="Next",rx="Information",ox="Text",nx="Types",ix="array",ax="Content",sx="Element",lx="Component",px="All",dx="Image",xD=Object.freeze(Object.defineProperty({__proto__:null,Add:Rg,All:px,Bold:Gg,Border:Ig,Close:Fg,Component:lx,Content:ax,Delete:qg,Editing:jg,Element:sx,Global:Og,Image:dx,Images:$g,Information:rx,Landscape:Xg,Link:Kg,List:Jg,Margin:Ag,Mobile:Ug,Next:tx,Options:Eg,Padding:Lg,Portrait:Qg,Prev:ex,Preview:Wg,Publish:Mg,Save:Cg,Search:Yg,Select:Dg,Specific:Vg,Squarish:Zg,Styles:Ng,Text:ox,Transparent:_g,Types:nx,Typographies:Pg,array:ix,avatar:Tg,component:Bg,default:{"Reset Page":"Reset Page","Global Page Styles":"Global Page Styles","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.","Everything you need. Break free from design limitations":"Everything you need. Break free from design limitations","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Bring your vision to life and create impressive pages using a click & drop Page Builder","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via",Save:Cg,"Add new Components":"Add new Components",Options:Eg,"Config Overview":"Config Overview","HTML Overview":"HTML Overview","Delete Layout":"Delete Layout",avatar:Tg,Publish:Mg,"Add Components to Page":"Add Components to Page","Helper Components":"Helper Components","Click to add":"Click to add",component:Bg,"Layout Components":"Layout Components","Click to add component":"Click to add component","Remove all Components":"Remove all Components","Are you sure you want to remove all Components?":"Are you sure you want to remove all Components?",Styles:Ng,Typographies:Pg,"Font Appearance":"Font Appearance","Font Size":"Font Size",Select:Dg,"Font size":"Font size","Font tablet size":"Font tablet size","Font small screens":"Font small screens","Font weight":"Font weight","Font family":"Font family","Font Style":"Font Style","Opacity & Transparency":"Opacity & Transparency",Padding:Lg,"Vertical Padding":"Vertical Padding","Horizontal Padding":"Horizontal Padding",Margin:Ag,"Vertical Margin":"Vertical Margin","Horizontal Margin":"Horizontal Margin","Border Radius":"Border Radius",Global:Og,Specific:Vg,"Border Radius top left":"Border Radius top left","Border Radius top right":"Border Radius top right","Border Radius bottom left":"Border Radius bottom left","Border Radius bottom right":"Border Radius bottom right","Border Style, Width & Color":"Border Style, Width & Color",Border:Ig,"Border Style":"Border Style","Border Width":"Border Width","Border Color":"Border Color",Transparent:_g,"Generated CSS":"Generated CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.","Add your CSS.":"Add your CSS.","The pbx- prefix is added automatically.":"The pbx- prefix is added automatically.","Type class":"Type class",Add:Rg,"Inline Styles":"Inline Styles","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.","Add your own style.":"Add your own style.",property:Hg,value:zg,Close:Fg,Editing:jg,"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.":"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.","Update Page Styles":"Update Page Styles","Download HTML":"Download HTML","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.":"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.","Download HTML file":"Download HTML file","Loading...":"Loading...","Background Color":"Background Color","Text Color":"Text Color","Default black":"Default black","Remove Component?":"Remove Component?","Are you sure you want to remove this Component?":"Are you sure you want to remove this Component?",Delete:qg,"Add to the bottom":"Add to the bottom",Preview:Wg,Mobile:Ug,"Demo Content":"Demo Content","Demo Title":"The web builder for stunning pages","Demo Title Two":"Just publish it with Vue","Demo Title Three":"Responsive Editing","Demo Description":"Introducing the Lightweight & Free Vue Click & Drop Page Builder Create and enhance digital experiences effortlessly with Vue. Not everything powerful needs to be complex. This minimalist and lightweight page builder offers an elegant, intuitive interface focused on simplicity and speed. Build fully responsive pages such as listings, job boards, or blog posts—and manage your content with ease using the free Click & Drop Page Builder.","Demo Description Two":"A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.","Demo Description Three":"The website builder loved by designers. Easily design, preview, and adjust layouts for every screen size. Clean. Fast. Intuitive. Not everything powerful has to look complicated.","Demo Description Four":"Ensure your site looks great on all devices. Edit text content live and in real-time. Choose the perfect fonts to match your style. Experiment confidently with the ability to revert changes. Styles Prefixed. No risk of style conflicts between the builder and your app.","Edit text and links":"Edit text and links","Enter URL":"Enter URL","Line break":"Line break",Bold:Gg,Link:Kg,"Header 2":"Header 2","Header 3":"Header 3",List:Jg,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.","Select image":"Select image","Manage Content":"Manage Content","Media Library":"Media Library","Reset changes":"Reset changes","Do you want to reset this page?":"Do you want to reset this page?","Are you sure you want to reset this page? This will overwrite your current changes.":"Are you sure you want to reset this page? This will overwrite your current changes.",Search:Yg,"Search...":"Search...",Landscape:Xg,Portrait:Qg,Squarish:Zg,"Total pages":"Total pages",Images:$g,"First page":"First page",Prev:ex,Next:tx,"By:":"By:","We did not find any images. Make a new search.":"We did not find any images. Make a new search.","No results on current page. Navigate to First Page.":"No results on current page. Navigate to First Page.",Information:rx,"From:":"From:"," Select image":" Select image","Layouts and visual.":"Layouts and visual.","Start customizing by editing this default text directly in the editor.":"Start customizing by editing this default text directly in the editor.","Single Image":"Single Image","Two Vertical Images":"Two Vertical Images","Two Square Images":"Two Square Images","Two Square Images With Text":"Two Square Images With Text","Three Square Images":"Three Square Images","Six Square Images Grid":"Six Square Images Grid","Four Square Images With Text":"Four Square Images With Text","Three Square Images With Text":"Three Square Images With Text","Three Vertical Images":"Three Vertical Images",Text:ox,"Header H2":"Header H2","Header H3":"Header H3","YouTube Video":"YouTube Video","Break Divider":"Break Divider","Selected HTML":"Selected HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.",Types:nx,"Element type:":"Element type:","Component type:":"Component type:","Components:":"Components:",array:ix,Content:ax,Element:sx,Component:lx,"Components added":"Components added","No Element selected":"No Element selected","Selected HTML:":"Selected HTML:","Element src:":"Element src:","Element classes:":"Element classes:","No Component selected":"No Component selected","ID:":"ID:","Title:":"Title:","HTML Code:":"HTML Code:","No Components added yet":"No Components added yet",All:px,Image:dx,"Image & Text":"Image & Text","Four Square Images":"Four Square Images","Continue Your Work?":"Continue Your Work?","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?":"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?","Use Saved Version":"Use Saved Version","Continue Where I Left Off":"Continue Where I Left Off","HTML Editor":"HTML Editor","Gain full control over components by editing the raw HTML.":"Gain full control over components by editing the raw HTML.","Large Screens Only":"Large Screens Only"},property:Hg,value:zg},Symbol.toStringTag,{value:"Module"})),cx="Guardar",mx="Opciones",bx="avatar",ux="Publicar",gx="Cerrar",xx="componente",fx="Estilos",hx="Tipografías",yx="Seleccionar",wx="Relleno",vx="Margen",kx="Global",Sx="Específico",Cx="Borde",Ex="Transparente",Tx="Agregar",Mx="propiedad",Bx="valor",Nx="Editando",Px="Eliminar",Dx="Vista previa",Lx="Móvil",Ax="Negrita",Ox="Lista",Vx="Buscar",Ix="Horizontal",_x="Vertical",Rx="Cuadrado",Hx="Imágenes",zx="Anterior",Fx="Siguiente",jx="Información",qx="Texto",Wx="Enlace",Ux="Tipos",Gx="matriz",Kx="Contenido",Jx="Elemento",Yx="Componente",Xx="Todos",Qx="Imagen",fD=Object.freeze(Object.defineProperty({__proto__:null,Add:Tx,All:Xx,Bold:Ax,Border:Cx,Close:gx,Component:Yx,Content:Kx,Delete:Px,Editing:Nx,Element:Jx,Global:kx,Image:Qx,Images:Hx,Information:jx,Landscape:Ix,Link:Wx,List:Ox,Margin:vx,Mobile:Lx,Next:Fx,Options:mx,Padding:wx,Portrait:_x,Prev:zx,Preview:Dx,Publish:ux,Save:cx,Search:Vx,Select:yx,Specific:Sx,Squarish:Rx,Styles:fx,Text:qx,Transparent:Ex,Types:Ux,Typographies:hx,array:Gx,avatar:bx,component:xx,default:{"Reset Page":"Restablecer página","Global Page Styles":"Estilos de página globales","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Pruebe el poderoso Click & Drop Page Builder, diseñado para desarrolladores y creadores que desean un control total sin complicaciones. Personalice diseños, fuentes y colores. Edite contenido visualmente en tiempo real. Agregue medios, incruste videos de YouTube o exporte todo como HTML limpio. Con edición receptiva, guardado automático local, soporte de Tailwind e incluso integración con Unsplash, es todo lo que necesita, envuelto en un constructor perfecto. Cree páginas impresionantes en minutos.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Un constructor de páginas diseñado para el crecimiento. Cree las páginas de su sitio web con componentes listos para usar que son totalmente personalizables y siempre receptivos, diseñados para satisfacer todas las necesidades. Un poderoso constructor de páginas para comerciantes, marcas y agencias en crecimiento.","Everything you need. Break free from design limitations":"Todo lo que necesitas. Libérate de las limitaciones de diseño","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Haz realidad tu visión y crea páginas impresionantes usando un constructor de páginas de arrastrar y soltar","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"El constructor web para páginas impresionantes. Permita a los usuarios diseñar y publicar páginas modernas a cualquier escala. Cree páginas receptivas como listados, trabajos o publicaciones de blog y gestione el contenido fácilmente utilizando el Page Builder gratuito de arrastrar y soltar. Desarrollado con TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS y HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Descargue o instale nuestro potente, flexible y fácil de usar constructor de páginas Vue 3 gratuito a través de",Save:cx,"Add new Components":"Agregar nuevos componentes",Options:mx,"Config Overview":"Resumen de configuración","HTML Overview":"Resumen de HTML","Delete Layout":"Eliminar diseño",avatar:bx,Publish:ux,"Add Components to Page":"Agregar componentes a la página",Close:gx,"Helper Components":"Componentes de ayuda","Click to add":"Haga clic para agregar",component:xx,"Layout Components":"Componentes de diseño","Click to add component":"Haga clic para agregar componente","Remove all Components":"Eliminar todos los componentes","Are you sure you want to remove all Components?":"¿Está seguro de que desea eliminar todos los componentes?",Styles:fx,"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.":"Aplicar estilos que afectan a toda la página. Estas configuraciones incluyen familia de fuentes global, color de texto, color de fondo y otros estilos universales que se aplican a todas las secciones.","Update Page Styles":"Actualizar estilos de página","Download HTML":"Descargar HTML","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.":"Exportar toda la página como un archivo HTML independiente. Esto incluye todas las secciones, contenido y estilos aplicados, haciéndolo listo para usar o integrar en otro lugar.","Download HTML file":"Descargar archivo HTML",Typographies:hx,"Font Appearance":"Apariencia de fuente","Font Size":"Tamaño de fuente",Select:yx,"Font size":"Tamaño de fuente","Font tablet size":"Tamaño de fuente para tabletas","Font small screens":"Tamaño de fuente para pantallas pequeñas","Font weight":"Peso de fuente","Font family":"Familia de fuente","Font Style":"Estilo de fuente","Opacity & Transparency":"Opacidad y Transparencia",Padding:wx,"Vertical Padding":"Relleno Vertical","Horizontal Padding":"Relleno Horizontal",Margin:vx,"Vertical Margin":"Margen Vertical","Horizontal Margin":"Margen Horizontal","Border Radius":"Radio del borde",Global:kx,Specific:Sx,"Border Radius top left":"Radio del borde superior izquierdo","Border Radius top right":"Radio del borde superior derecho","Border Radius bottom left":"Radio del borde inferior izquierdo","Border Radius bottom right":"Radio del borde inferior derecho","Border Style, Width & Color":"Estilo, ancho y color del borde",Border:Cx,"Border Style":"Estilo del borde","Border Width":"Ancho del borde","Border Color":"Color del borde",Transparent:Ex,"Generated CSS":"CSS Generado","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Este es el CSS aplicado por el constructor. Agregue su propio CSS y presione Enter para aplicarlo al elemento seleccionado.","Add your CSS.":"Agregue su CSS.","The pbx- prefix is added automatically.":"El prefijo pbx- se agrega automáticamente.","Type class":"Escriba clase",Add:Tx,"Inline Styles":"Estilos en línea","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Estos son los estilos en línea aplicados por el constructor. Agregue sus propios estilos y presione Enter para aplicarlos al elemento seleccionado.","Add your own style.":"Agregue su propio estilo.",property:Mx,value:Bx,Editing:Nx,"Loading...":"Cargando...","Background Color":"Color de fondo","Text Color":"Color de texto","Default black":"Negro predeterminado","Remove Component?":"¿Eliminar componente?","Are you sure you want to remove this Component?":"¿Estás seguro de que deseas eliminar este componente?",Delete:Px,"Add to the bottom":"Agregar al final",Preview:Dx,Mobile:Lx,"Demo Content":"Contenido de demostración","Demo Description":"Descubra el constructor de páginas ligero y gratuito Vue Click & Drop. Cree y mejore experiencias digitales sin esfuerzo con Vue. No todo lo poderoso tiene que ser complejo. Este constructor de páginas minimalista y ligero ofrece una interfaz elegante e intuitiva centrada en la simplicidad y la velocidad. Cree páginas completamente receptivas como listados, tableros de trabajo o publicaciones de blog, y gestione su contenido fácilmente con el constructor de páginas gratuito Click & Drop.","Demo Description Two":"Un constructor de páginas diseñado para el crecimiento. Cree las páginas de su sitio web con componentes listos para usar que son totalmente personalizables y siempre receptivos, diseñados para satisfacer todas las necesidades. Un poderoso constructor de páginas para comerciantes, marcas и agencias en crecimiento.","Demo Description Three":"El constructor de sitios web amado por los diseñadores. Diseñe, obtenga una vista previa y ajuste fácilmente los diseños para cada tamaño de pantalla. Limpio. Rápido. Intuitivo. No todo lo poderoso tiene que parecer complicado.","Demo Description Four":"Asegúrese de que su sitio se vea genial en todos los dispositivos. Edite el contenido de texto en vivo y en tiempo real. Elija las fuentes perfectas que coincidan con su estilo. Experimente con confianza con la capacidad de revertir los cambios. Estilos con prefijo. No hay riesgo de conflictos de estilo entre el constructor y su aplicación.","Demo Title":"El constructor web para páginas impresionantes","Demo Title Two":"Simplemente publícalo con Vue","Demo Title Three":"Edición receptiva","Edit text and links":"Editar texto y enlaces","Enter URL":"Introducir URL","Line break":"Salto de línea",Bold:Ax,"Header 2":"Encabezado 2","Header 3":"Encabezado 3",List:Ox,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Agregue una URL válida para transformar el texto seleccionado en un hipervínculo clicable que dirija a los usuarios a la dirección web especificada.","Select image":"Seleccionar imagen","Manage Content":"Gestionar contenido","Media Library":"Biblioteca de medios","Reset changes":"Restablecer cambios","Do you want to reset this page?":"¿Quieres restablecer esta página?","Are you sure you want to reset this page? This will overwrite your current changes.":"¿Estás seguro de que deseas restablecer esta página? Esto sobrescribirá tus cambios actuales.",Search:Vx,"Search...":"Buscar...",Landscape:Ix,Portrait:_x,Squarish:Rx,"Total pages":"Páginas totales",Images:Hx,"First page":"Primera página",Prev:zx,Next:Fx,"By:":"Por:","We did not find any images. Make a new search.":"No encontramos imágenes. Realiza una nueva búsqueda.","No results on current page. Navigate to First Page.":"No hay resultados en la página actual. Navega a la primera página.",Information:jx,"From:":"De:"," Select image":" Seleccionar imagen","Layouts and visual.":"Diseños y visuales.","Start customizing by editing this default text directly in the editor.":"Comience a personalizar editando este texto predeterminado directamente en el editor.","Single Image":"Imagen única","Two Vertical Images":"Dos imágenes verticales","Two Square Images":"Dos imágenes cuadradas","Three Square Images":"Tres imágenes cuadradas","Six Square Images Grid":"Cuadrícula de seis imágenes cuadradas","Three Square Images With Text":"Tres imágenes cuadradas con texto","Two Square Images With Text":"Dos imágenes cuadradas con texto","Three Vertical Images":"Dos imágenes cuadradas con texto",Text:qx,"Header H2":"Encabezado H2","Header H3":"Encabezado H3","YouTube Video":"Video de YouTube","Break Divider":"Divisor",Link:Wx,"Selected HTML":"HTML seleccionado","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Descripción general del elemento seleccionado, componente y componentes. Esta sección proporciona actualizaciones en tiempo real basadas en su selección de HTML.",Types:Ux,"Element type:":"Tipo de elemento:","Component type:":"Tipo de componente:","Components:":"Componentes:",array:Gx,Content:Kx,Element:Jx,Component:Yx,"Components added":"Componentes añadidos","No Element selected":"Ningún elemento seleccionado","Selected HTML:":"HTML seleccionado:","Element src:":"Fuente del elemento:","Element classes:":"Clases de elemento:","No Component selected":"Ningún componente seleccionado","ID:":"ID:","Title:":"Título:","HTML Code:":"Código HTML:","No Components added yet":"Aún no se han añadido componentes",All:Xx,Image:Qx,"Image & Text":"Imagen y texto","Four Square Images With Text":"Cuatro imágenes cuadradas con texto","Four Square Images":"Cuatro imágenes cuadradas","Continue Your Work?":"¿Desea continuar su trabajo?","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?":"Notamos que tiene algunos cambios que no se guardaron la última vez. ¿Le gustaría continuar donde lo dejó o usar la versión que está cargada actualmente desde la base de datos?","Use Saved Version":"Usar la versión guardada","Continue Where I Left Off":"Continuar donde lo dejé","HTML Editor":"Editor HTML","Gain full control over components by editing the raw HTML.":"Obtenga control total sobre los componentes editando el HTML sin formato.","Large Screens Only":"Solo pantallas grandes"},property:Mx,value:Bx},Symbol.toStringTag,{value:"Module"})),Zx="Enregistrer",$x="Options",ef="avatar",tf="Publier",rf="Fermer",of="composant",nf="Styles",af="Typographies",sf="Sélectionner",lf="Marge intérieure",pf="Marge",df="Global",cf="Spécifique",mf="Bordure",bf="Transparent",uf="Ajouter",gf="propriété",xf="valeur",ff="Édition",hf="Supprimer",yf="Aperçu",wf="Mobile",vf="Gras",kf="Liste",Sf="Rechercher",Cf="Paysage",Ef="Portrait",Tf="Carré",Mf="Images",Bf="Précédent",Nf="Suivant",Pf="Information",Df="Texte",Lf="Lien",Af="Types",Of="tableau",Vf="Contenu",If="Élément",_f="Composant",Rf="Tous",Hf="Image",hD=Object.freeze(Object.defineProperty({__proto__:null,Add:uf,All:Rf,Bold:vf,Border:mf,Close:rf,Component:_f,Content:Vf,Delete:hf,Editing:ff,Element:If,Global:df,Image:Hf,Images:Mf,Information:Pf,Landscape:Cf,Link:Lf,List:kf,Margin:pf,Mobile:wf,Next:Nf,Options:$x,Padding:lf,Portrait:Ef,Prev:Bf,Preview:yf,Publish:tf,Save:Zx,Search:Sf,Select:sf,Specific:cf,Squarish:Tf,Styles:nf,Text:Df,Transparent:bf,Types:Af,Typographies:af,array:Of,avatar:ef,component:of,default:{"Reset Page":"Réinitialiser la page","Global Page Styles":"Styles de page globaux","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Essayez le puissant Click & Drop Page Builder, conçu pour les développeurs et les créateurs qui souhaitent un contrôle total sans tracas. Personnalisez les mises en page, les polices et les couleurs. Modifiez le contenu visuellement en temps réel. Ajoutez des médias, intégrez des vidéos YouTube ou exportez tout en HTML propre. Avec l'édition réactive, la sauvegarde automatique locale, la prise en charge de Tailwind et même l'intégration Unsplash, c'est tout ce dont vous avez besoin, enveloppé dans un seul constructeur transparent. Créez des pages impressionnantes en quelques minutes.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Un constructeur de pages conçu pour la croissance. Créez les pages de votre site Web avec des composants prêts à l'emploi qui sont entièrement personnalisables et toujours réactifs, conçus pour répondre à tous les besoins. Un puissant constructeur de pages pour les commerçants, les marques et les agences en pleine croissance.","Everything you need. Break free from design limitations":"Tout ce dont vous avez besoin. Libérez-vous des limitations de conception","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Donnez vie à votre vision et créez des pages impressionnantes à l'aide d'un constructeur de pages par glisser-déposer","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Le constructeur web pour des pages époustouflantes. Permettez aux utilisateurs de concevoir et de publier des pages modernes à n'importe quelle échelle. Créez des pages réactives comme des listes, des emplois ou des articles de blog et gérez facilement le contenu en utilisant le Page Builder gratuit de glisser-déposer. Développé avec TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS et HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Téléchargez ou installez notre puissant, flexible et facile à utiliser constructeur de pages Vue 3 gratuit via",Save:Zx,"Add new Components":"Ajouter de nouveaux composants",Options:$x,"Config Overview":"Aperçu de la configuration","HTML Overview":"Aperçu HTML","Delete Layout":"Supprimer la mise en page",avatar:ef,Publish:tf,"Add Components to Page":"Ajouter des composants à la page",Close:rf,"Helper Components":"Composants d'aide","Click to add":"Cliquez pour ajouter",component:of,"Layout Components":"Composants de mise en page","Click to add component":"Cliquez pour ajouter un composant","Remove all Components":"Supprimer tous les composants","Are you sure you want to remove all Components?":"Êtes-vous sûr de vouloir supprimer tous les composants ?",Styles:nf,"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.":"Appliquez des styles qui affectent toute la page. Ces paramètres incluent la famille de polices globale, la couleur du texte, la couleur de fond et d'autres styles universels qui s'appliquent à toutes les sections.","Update Page Styles":"Mettre à jour les styles de page","Download HTML":"Télécharger HTML","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.":"Exportez toute la page en tant que fichier HTML autonome. Cela inclut toutes les sections, le contenu et les styles appliqués, ce qui le rend prêt à être utilisé ou intégré ailleurs.","Download HTML file":"Télécharger le fichier HTML",Typographies:af,"Font Appearance":"Apparence de la police","Font Size":"Taille de la police",Select:sf,"Font size":"Taille de la police","Font tablet size":"Taille de la police pour tablette","Font small screens":"Taille de la police pour petits écrans","Font weight":"Poids de la police","Font family":"Famille de police","Font Style":"Style de police","Opacity & Transparency":"Opacité et Transparence",Padding:lf,"Vertical Padding":"Marge intérieure verticale","Horizontal Padding":"Marge intérieure horizontale",Margin:pf,"Vertical Margin":"Marge verticale","Horizontal Margin":"Marge horizontale","Border Radius":"Rayon de bordure",Global:df,Specific:cf,"Border Radius top left":"Rayon de bordure en haut à gauche","Border Radius top right":"Rayon de bordure en haut à droite","Border Radius bottom left":"Rayon de bordure en bas à gauche","Border Radius bottom right":"Rayon de bordure en bas à droite","Border Style, Width & Color":"Style, largeur et couleur de la bordure",Border:mf,"Border Style":"Style de bordure","Border Width":"Largeur de bordure","Border Color":"Couleur de bordure",Transparent:bf,"Generated CSS":"CSS Généré","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Ceci est le CSS appliqué par le constructeur. Ajoutez votre propre CSS et appuyez sur Entrée pour l'appliquer à l'élément sélectionné.","Add your CSS.":"Ajoutez votre CSS.","The pbx- prefix is added automatically.":"Le préfixe pbx- est ajouté automatiquement.","Type class":"Tapez la classe",Add:uf,"Inline Styles":"Styles en ligne","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Ce sont les styles en ligne appliqués par le constructeur. Ajoutez vos propres styles et appuyez sur Entrée pour les appliquer à l'élément sélectionné.","Add your own style.":"Ajoutez votre propre style.",property:gf,value:xf,Editing:ff,"Loading...":"Chargement...","Background Color":"Couleur de fond","Text Color":"Couleur du texte","Default black":"Noir par défaut","Remove Component?":"Supprimer le composant ?","Are you sure you want to remove this Component?":"Êtes-vous sûr de vouloir supprimer ce composant ?",Delete:hf,"Add to the bottom":"Ajouter en bas",Preview:yf,Mobile:wf,"Demo Content":"Contenu de démonstration","Demo Description":"Découvrez le constructeur de pages léger et gratuit Vue Click & Drop. Créez et améliorez des expériences numériques sans effort avec Vue. Tout ce qui est puissant n'a pas besoin d'être complexe. Ce constructeur de pages minimaliste et léger offre une interface élégante et intuitive axée sur la simplicité et la rapidité. Créez des pages entièrement réactives telles que des listes, des tableaux d'offres d'emploi ou des articles de blog, et gérez votre contenu facilement avec le constructeur de pages gratuit Click & Drop.","Demo Description Two":"Un constructeur de pages conçu pour la croissance. Créez les pages de votre site Web avec des composants prêts à l'emploi qui sont entièrement personnalisables et toujours réactifs, conçus pour répondre à tous les besoins. Un puissant constructeur de pages pour les commerçants, les marques et les agences en pleine croissance.","Demo Description Three":"Le constructeur de sites Web adoré des designers. Concevez, prévisualisez et ajustez facilement les mises en page pour chaque taille d'écran. Propre. Rapide. Intuitif. Tout ce qui est puissant n'a pas à paraître compliqué.","Demo Description Four":"Assurez-vous que votre site est superbe sur tous les appareils. Modifiez le contenu textuel en direct et en temps réel. Choisissez les polices parfaites pour correspondre à votre style. Expérimentez en toute confiance avec la possibilité d'annuler les modifications. Styles préfixés. Aucun risque de conflits de style entre le constructeur et votre application.","Demo Title":"Le constructeur de sites Web pour des pages époustouflantes","Demo Title Two":"Publiez-le simplement avec Vue","Demo Title Three":"Édition réactive","Edit text and links":"Modifier le texte et les liens","Enter URL":"Entrer l'URL","Line break":"Saut de ligne",Bold:vf,"Header 2":"Titre 2","Header 3":"Titre 3",List:kf,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Ajoutez une URL valide pour transformer le texte sélectionné en un lien hypertexte cliquable qui dirige les utilisateurs vers l'adresse Web spécifiée.","Select image":"Sélectionner une image","Manage Content":"Gérer le contenu","Media Library":"Bibliothèque multimédia","Reset changes":"Réinitialiser les modifications","Do you want to reset this page?":"Voulez-vous réinitialiser cette page ?","Are you sure you want to reset this page? This will overwrite your current changes.":"Êtes-vous sûr de vouloir réinitialiser cette page ? Cela écrasera vos modifications actuelles.",Search:Sf,"Search...":"Rechercher...",Landscape:Cf,Portrait:Ef,Squarish:Tf,"Total pages":"Pages totales",Images:Mf,"First page":"Première page",Prev:Bf,Next:Nf,"By:":"Par:","We did not find any images. Make a new search.":"Nous n'avons trouvé aucune image. Faites une nouvelle recherche.","No results on current page. Navigate to First Page.":"Aucun résultat sur la page actuelle. Naviguez vers la première page.",Information:Pf,"From:":"De:"," Select image":" Sélectionner une image","Layouts and visual.":"Mises en page et visuel.","Start customizing by editing this default text directly in the editor.":"Commencez à personnaliser en modifiant ce texte par défaut directement dans l'éditeur.","Single Image":"Image unique","Two Vertical Images":"Deux images verticales","Two Square Images":"Deux images carrées","Three Square Images":"Trois images carrées","Six Square Images Grid":"Grille de six images carrées","Three Square Images With Text":"Trois images carrées avec texte","Two Square Images With Text":"Deux images carrées avec texte","Three Vertical Images":"Deux images carrées avec texte",Text:Df,"Header H2":"En-tête H2","Header H3":"En-tête H3","YouTube Video":"Vidéo YouTube","Break Divider":"Séparateur",Link:Lf,"Selected HTML":"HTML sélectionné","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Aperçu de l'élément sélectionné, du composant et des composants. Cette section fournit des mises à jour en temps réel en fonction de votre sélection HTML.",Types:Af,"Element type:":"Type d'élément:","Component type:":"Type de composant:","Components:":"Composants:",array:Of,Content:Vf,Element:If,Component:_f,"Components added":"Composants ajoutés","No Element selected":"Aucun élément sélectionné","Selected HTML:":"HTML sélectionné:","Element src:":"Source de l'élément:","Element classes:":"Classes d'élément:","No Component selected":"Aucun composant sélectionné","ID:":"ID:","Title:":"Titre:","HTML Code:":"Code HTML:","No Components added yet":"Aucun composant ajouté pour le moment",All:Rf,Image:Hf,"Image & Text":"Image et texte","Four Square Images With Text":"Quatre images carrées avec texte","Four Square Images":"Quatre images carrées","Continue Your Work?":"Continuer votre travail ?","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?":"Nous avons remarqué que vous avez des modifications qui n'ont pas été enregistrées la dernière fois. Souhaitez-vous reprendre là où vous vous êtes arrêté, ou utiliser la version actuellement chargée depuis la base de données ?","Use Saved Version":"Utiliser la version enregistrée","Continue Where I Left Off":"Continuer là où je me suis arrêté","HTML Editor":"Éditeur HTML","Gain full control over components by editing the raw HTML.":"Obtenez un contrôle total sur les composants en modifiant le code HTML brut.","Large Screens Only":"Grands écrans uniquement"},property:gf,value:xf},Symbol.toStringTag,{value:"Module"})),zf="सहेजें",Ff="विकल्प",jf="अवतार",qf="प्रकाशित करें",Wf="बंद करें",Uf="घटक",Gf="शैलियाँ",Kf="टाइपोग्राफ़ी",Jf="चुनें",Yf="पैडिंग",Xf="मार्जिन",Qf="वैश्विक",Zf="विशिष्ट",$f="बॉर्डर",eh="पारदर्शी",th="जोड़ें",rh="गुण",oh="मूल्य",nh="संपादन",ih="हटाएं",ah="पूर्वावलोकन",sh="मोबाइल",lh="बोल्ड",ph="सूची",dh="खोजें",ch="लैंडस्केप",mh="पोर्ट्रेट",bh="चौकोर",uh="छवियां",gh="पिछला",xh="अगला",fh="जानकारी",hh="पाठ",yh="लिंक",wh="प्रकार",vh="सरणी",kh="सामग्री",Sh="तत्व",Ch="घटक",Eh="सभी",Th="छवि",yD=Object.freeze(Object.defineProperty({__proto__:null,Add:th,All:Eh,Bold:lh,Border:$f,Close:Wf,Component:Ch,Content:kh,Delete:ih,Editing:nh,Element:Sh,Global:Qf,Image:Th,Images:uh,Information:fh,Landscape:ch,Link:yh,List:ph,Margin:Xf,Mobile:sh,Next:xh,Options:Ff,Padding:Yf,Portrait:mh,Prev:gh,Preview:ah,Publish:qf,Save:zf,Search:dh,Select:Jf,Specific:Zf,Squarish:bh,Styles:Gf,Text:hh,Transparent:eh,Types:wh,Typographies:Kf,array:vh,avatar:jf,component:Uf,default:{"Reset Page":"पृष्ठ रीसेट करें","Global Page Styles":"वैश्विक पृष्ठ शैलियाँ","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"पावरफुल Click & Drop Page Builder आज़माएं—डेवलपर्स और क्रिएटर्स के लिए डिज़ाइन किया गया जो बिना किसी परेशानी के पूर्ण नियंत्रण चाहते हैं। लेआउट, फोंट और रंगों को कस्टमाइज़ करें। सामग्री को वास्तविक समय में विज़ुअली संपादित करें। मीडिया जोड़ें, YouTube वीडियो एम्बेड करें, या सब कुछ साफ HTML के रूप में निर्यात करें। उत्तरदायी संपादन, स्थानीय ऑटो-सेव, टेलविंड समर्थन, और यहां तक कि Unsplash एकीकरण के साथ, यह सब कुछ है जिसकी आपको आवश्यकता है—एक सहज बिल्डर में लपेटा गया। मिनटों में शानदार पेज बनाएं।","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"विकास के लिए डिज़ाइन किया गया एक पेज बिल्डर। रेडीमेड घटकों के साथ अपनी वेबसाइट पेज बनाएं जो पूरी तरह से अनुकूलन योग्य और हमेशा उत्तरदायी हैं, हर आवश्यकता को पूरा करने के लिए डिज़ाइन किया गया है। बढ़ते व्यापारियों, ब्रांडों और एजेंसियों के लिए एक शक्तिशाली पेज बिल्डर।","Everything you need. Break free from design limitations":"आपको जो कुछ भी चाहिए। डिज़ाइन सीमाओं से मुक्त हों","Bring your vision to life and create impressive pages using a click & drop Page Builder":"अपनी दृष्टि को साकार करें और एक क्लिक और ड्रॉप पेज बिल्डर का उपयोग करके प्रभावशाली पृष्ठ बनाएं","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"शानदार पृष्ठों के लिए वेब बिल्डर। उपयोगकर्ताओं को किसी भी पैमाने पर आधुनिक पृष्ठों को डिज़ाइन और प्रकाशित करने में सक्षम बनाएं। लिस्टिंग, नौकरियों या ब्लॉग पोस्ट जैसे उत्तरदायी पृष्ठ बनाएं और मुफ्त क्लिक और ड्रॉप पेज बिल्डर का उपयोग करके सामग्री को आसानी से प्रबंधित करें। TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS और HTML के साथ विकसित।","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"हमारे शक्तिशाली, लचीले और उपयोग में आसान मुफ्त Vue 3 पेज बिल्डर को डाउनलोड या इंस्टॉल करें",Save:zf,"Add new Components":"नए घटक जोड़ें",Options:Ff,"Config Overview":"कॉन्फ़िगरेशन अवलोकन","HTML Overview":"HTML अवलोकन","Delete Layout":"लेआउट हटाएं",avatar:jf,Publish:qf,"Add Components to Page":"पृष्ठ में घटक जोड़ें",Close:Wf,"Helper Components":"सहायक घटक","Click to add":"जोड़ने के लिए क्लिक करें",component:Uf,"Layout Components":"लेआउट घटक","Click to add component":"घटक जोड़ने के लिए क्लिक करें","Remove all Components":"सभी घटकों को हटाएं","Are you sure you want to remove all Components?":"क्या आप वाकई सभी घटकों को हटाना चाहते हैं?",Styles:Gf,"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.":"ऐसे शैलियाँ लागू करें जो पूरे पृष्ठ को प्रभावित करती हैं। इन सेटिंग्स में वैश्विक फ़ॉन्ट परिवार, पाठ का रंग, पृष्ठभूमि का रंग और अन्य सार्वभौमिक शैलियाँ शामिल हैं जो सभी अनुभागों पर लागू होती हैं।","Update Page Styles":"पृष्ठ शैलियाँ अपडेट करें","Download HTML":"HTML डाउनलोड करें","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.":"पूरे पृष्ठ को एक स्टैंडअलोन HTML फ़ाइल के रूप में निर्यात करें। इसमें सभी अनुभाग, सामग्री और लागू शैलियाँ शामिल हैं, जिससे यह उपयोग या अन्यत्र एकीकरण के लिए तैयार हो जाता है।","Download HTML file":"HTML फ़ाइल डाउनलोड करें",Typographies:Kf,"Font Appearance":"फ़ॉन्ट उपस्थिति","Font Size":"फ़ॉन्ट आकार",Select:Jf,"Font size":"फ़ॉन्ट आकार","Font tablet size":"टैबलेट के लिए फ़ॉन्ट आकार","Font small screens":"छोटी स्क्रीन के लिए फ़ॉन्ट आकार","Font weight":"फ़ॉन्ट वजन","Font family":"फ़ॉन्ट परिवार","Font Style":"फ़ॉन्ट शैली","Opacity & Transparency":"अस्पष्टता और पारदर्शिता",Padding:Yf,"Vertical Padding":"वर्टिकल पैडिंग","Horizontal Padding":"हॉरिजॉन्टल पैडिंग",Margin:Xf,"Vertical Margin":"वर्टिकल मार्जिन","Horizontal Margin":"हॉरिजॉन्टल मार्जिन","Border Radius":"बॉर्डर रेडियस",Global:Qf,Specific:Zf,"Border Radius top left":"बॉर्डर रेडियस ऊपर बायां","Border Radius top right":"बॉर्डर रेडियस ऊपर दायां","Border Radius bottom left":"बॉर्डर रेडियस नीचे बायां","Border Radius bottom right":"बॉर्डर रेडियस नीचे दायां","Border Style, Width & Color":"बॉर्डर शैली, चौड़ाई और रंग",Border:$f,"Border Style":"बॉर्डर शैली","Border Width":"बॉर्डर चौड़ाई","Border Color":"बॉर्डर रंग",Transparent:eh,"Generated CSS":"जनरेट किया गया CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"यह वह CSS है जिसे बिल्डर द्वारा लागू किया गया है। अपना CSS जोड़ें और इसे चयनित तत्व पर लागू करने के लिए Enter दबाएं।","Add your CSS.":"अपना CSS जोड़ें।","The pbx- prefix is added automatically.":"pbx- उपसर्ग स्वचालित रूप से जोड़ा जाता है।","Type class":"क्लास टाइप करें",Add:th,"Inline Styles":"इनलाइन शैलियाँ","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"ये बिल्डर द्वारा लागू की गई इनलाइन शैलियाँ हैं। अपनी खुद की शैलियाँ जोड़ें और चयनित तत्व पर लागू करने के लिए Enter दबाएं।","Add your own style.":"अपनी खुद की शैली जोड़ें।",property:rh,value:oh,Editing:nh,"Loading...":"लोड हो रहा है...","Background Color":"पृष्ठभूमि का रंग","Text Color":"पाठ का रंग","Default black":"डिफ़ॉल्ट काला","Remove Component?":"घटक हटाएं?","Are you sure you want to remove this Component?":"क्या आप वाकई इस घटक को हटाना चाहते हैं?",Delete:ih,"Add to the bottom":"नीचे जोड़ें",Preview:ah,Mobile:sh,"Demo Content":"डेमो सामग्री","Demo Description":"लाइटवेट और मुफ्त Vue Click & Drop पेज बिल्डर का परिचय। Vue के साथ डिजिटल अनुभवों को आसानी से बनाएं और बढ़ाएं। हर शक्तिशाली चीज़ को जटिल होने की आवश्यकता नहीं है। यह न्यूनतम और हल्का पेज बिल्डर एक सुरुचिपूर्ण, सहज इंटरफ़ेस प्रदान करता है जो सादगी और गति पर केंद्रित है। पूरी तरह से उत्तरदायी पृष्ठ बनाएं जैसे लिस्टिंग, जॉब बोर्ड, या ब्लॉग पोस्ट - और अपने सामग्री को आसानी से प्रबंधित करें मुफ्त Click & Drop पेज बिल्डर का उपयोग करके।","Demo Description Two":"विकास के लिए डिज़ाइन किया गया एक पेज बिल्डर। रेडीमेड घटकों के साथ अपनी वेबसाइट पेज बनाएं जो पूरी तरह से अनुकूलन योग्य और हमेशा उत्तरदायी हैं, हर आवश्यकता को पूरा करने के लिए डिज़ाइन किया गया है। बढ़ते व्यापारियों, ब्रांडों और एजेंसियों के लिए एक शक्तिशाली पेज बिल्डर।","Demo Description Three":"डिजाइनरों द्वारा पसंद किया जाने वाला वेबसाइट बिल्डर। हर स्क्रीन आकार के लिए आसानी से लेआउट डिजाइन, पूर्वावलोकन और समायोजित करें। स्वच्छ। तेज। सहज। हर शक्तिशाली चीज को जटिल दिखने की जरूरत नहीं है।","Demo Description Four":"सुनिश्चित करें कि आपकी साइट सभी उपकरणों पर बहुत अच्छी लगती है। पाठ्य सामग्री को लाइव और वास्तविक समय में संपादित करें। अपनी शैली से मेल खाने वाले सही फोंट चुनें। परिवर्तनों को वापस करने की क्षमता के साथ आत्मविश्वास से प्रयोग करें। शैलियाँ उपसर्ग। बिल्डर और आपके ऐप के बीच शैली संघर्ष का कोई खतरा नहीं है।","Demo Title":"शानदार पृष्ठों के लिए वेब बिल्डर","Demo Title Two":"बस इसे Vue के साथ प्रकाशित करें","Demo Title Three":"उत्तरदायी संपादन","Edit text and links":"पाठ और लिंक संपादित करें","Enter URL":"URL दर्ज करें","Line break":"लाइन ब्रेक",Bold:lh,"Header 2":"हेडर 2","Header 3":"हेडर 3",List:ph,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"चयनित पाठ को एक क्लिक करने योग्य हाइपरलिंक में बदलने के लिए एक मान्य URL जोड़ें जो उपयोगकर्ताओं को निर्दिष्ट वेब पते पर निर्देशित करता है।","Select image":"छवि चुनें","Manage Content":"सामग्री प्रबंधित करें","Media Library":"मीडिया लाइब्रेरी","Reset changes":"परिवर्तन रीसेट करें","Do you want to reset this page?":"क्या आप इस पृष्ठ को रीसेट करना चाहते हैं?","Are you sure you want to reset this page? This will overwrite your current changes.":"क्या आप वाकई इस पृष्ठ को रीसेट करना चाहते हैं? यह आपके वर्तमान परिवर्तनों को अधिलेखित कर देगा।",Search:dh,"Search...":"खोजें...",Landscape:ch,Portrait:mh,Squarish:bh,"Total pages":"कुल पृष्ठ",Images:uh,"First page":"पहला पृष्ठ",Prev:gh,Next:xh,"By:":"द्वारा:","We did not find any images. Make a new search.":"हमें कोई छवि नहीं मिली। एक नई खोज करें।","No results on current page. Navigate to First Page.":"वर्तमान पृष्ठ पर कोई परिणाम नहीं। पहले पृष्ठ पर जाएं।",Information:fh,"From:":"से:"," Select image":" छवि चुनें","Layouts and visual.":"लेआउट और दृश्य।","Start customizing by editing this default text directly in the editor.":"संपादक में इस डिफ़ॉल्ट पाठ को संपादित करके अनुकूलन शुरू करें।","Single Image":"एकल छवि","Two Vertical Images":"दो लंबवत छवियां","Two Square Images":"दो वर्ग छवियां","Three Square Images":"तीन वर्ग छवियां","Six Square Images Grid":"छह वर्ग छवियों की ग्रिड","Three Square Images With Text":"तीन वर्ग छवियां और पाठ","Three Vertical Images":"दो वर्ग छवियां और पाठ",Text:hh,"Header H2":"हेडर H2","Header H3":"हेडर H3","YouTube Video":"यूट्यूब वीडियो","Break Divider":"विभाजक",Link:yh,"Two Square Images With Text":"दो वर्ग छवियां और पाठ","Selected HTML":"चयनित HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"चयनित तत्व, घटक और घटकों का अवलोकन। यह अनुभाग आपके HTML चयन के आधार पर वास्तविक समय अपडेट प्रदान करता है।",Types:wh,"Element type:":"तत्व प्रकार:","Component type:":"घटक प्रकार:","Components:":"घटक:",array:vh,Content:kh,Element:Sh,Component:Ch,"Components added":"घटक जोड़े गए","No Element selected":"कोई तत्व चयनित नहीं","Selected HTML:":"चयनित HTML:","Element src:":"तत्व स्रोत:","Element classes:":"तत्व वर्ग:","No Component selected":"कोई घटक चयनित नहीं","ID:":"आईडी:","Title:":"शीर्षक:","HTML Code:":"HTML कोड:","No Components added yet":"अभी तक कोई घटक नहीं जोड़ा गया",All:Eh,Image:Th,"Image & Text":"छवि और पाठ","Four Square Images With Text":"चार वर्गाकार चित्र पाठ के साथ","Four Square Images":"चार वर्गाकार छवियाँ","Continue Your Work?":"अपना काम जारी रखें?","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?":"हमने देखा कि आपके पास कुछ बदलाव हैं जो पिछली बार सहेजे नहीं गए थे। क्या आप वहीं से शुरू करना चाहेंगे जहां आपने छोड़ा था, या डेटाबेस से वर्तमान में लोड किए गए संस्करण का उपयोग करना चाहेंगे?","Use Saved Version":"सहेजा गया संस्करण उपयोग करें","Continue Where I Left Off":"वहीं से शुरु करो जहाँ मैने छोड़ा था","HTML Editor":"HTML संपादक","Gain full control over components by editing the raw HTML.":"कच्चे HTML को संपादित करके घटकों पर पूर्ण नियंत्रण प्राप्त करें।","Large Screens Only":"केवल बड़ी स्क्रीन"},property:rh,value:oh},Symbol.toStringTag,{value:"Module"})),Mh="保存",Bh="オプション",Nh="アバター",Ph="公開する",Dh="閉じる",Lh="コンポーネント",Ah="スタイル",Oh="タイポグラフィ",Vh="選択",Ih="パディング",_h="マージン",Rh="グローバル",Hh="特定",zh="ボーダー",Fh="透明",jh="追加",qh="プロパティ",Wh="値",Uh="編集",Gh="削除",Kh="プレビュー",Jh="モバイル",Yh="太字",Xh="リンク",Qh="リスト",Zh="検索",$h="横向き",ey="縦向き",ty="正方形",ry="画像",oy="前へ",ny="次へ",iy="情報",ay="テキスト",sy="タイプ",ly="配列",py="コンテンツ",dy="要素",cy="コンポーネント",my="すべて",by="画像",wD=Object.freeze(Object.defineProperty({__proto__:null,Add:jh,All:my,Bold:Yh,Border:zh,Close:Dh,Component:cy,Content:py,Delete:Gh,Editing:Uh,Element:dy,Global:Rh,Image:by,Images:ry,Information:iy,Landscape:$h,Link:Xh,List:Qh,Margin:_h,Mobile:Jh,Next:ny,Options:Bh,Padding:Ih,Portrait:ey,Prev:oy,Preview:Kh,Publish:Ph,Save:Mh,Search:Zh,Select:Vh,Specific:Hh,Squarish:ty,Styles:Ah,Text:ay,Transparent:Fh,Types:sy,Typographies:Oh,array:ly,avatar:Nh,component:Lh,default:{"Reset Page":"ページをリセット","Global Page Styles":"グローバルページスタイル","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"強力なClick & Drop Page Builderを試してみてください。開発者やクリエイター向けに設計されており、手間をかけずに完全なコントロールを実現します。レイアウト、フォント、色をカスタマイズします。リアルタイムで視覚的にコンテンツを編集します。メディアを追加し、YouTube動画を埋め込み、すべてをクリーンなHTMLとしてエクスポートします。レスポンシブ編集、ローカル自動保存、Tailwindサポート、さらにはUnsplash統合を備えた、必要なすべてが1つのシームレスなビルダーにまとめられています。数分で素晴らしいページを作成します。","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"成長のために設計されたページビルダー。完全にカスタマイズ可能で常に応答性があり、あらゆるニーズに対応するように設計された既製のコンポーネントを使用して、ウェブサイトのページを作成します。成長中の商人、ブランド、代理店のための強力なページビルダー。","Everything you need. Break free from design limitations":"必要なものはすべて揃っています。デザインの制約から解放されましょう","Bring your vision to life and create impressive pages using a click & drop Page Builder":"クリック&ドロップページビルダーを使用して、ビジョンを実現し、印象的なページを作成しましょう","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"素晴らしいページのためのウェブビルダー。ユーザーがあらゆる規模でモダンなページを設計および公開できるようにします。リスト、求人、またはブログ投稿のようなレスポンシブページを作成し、無料のクリック&ドロップページビルダーを使用してコンテンツを簡単に管理します。TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS、およびHTMLで開発されました。","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"強力で柔軟性があり、使いやすい無料の Vue 3 ページビルダーをダウンロードまたはインストールしてください",Save:Mh,"Add new Components":"新しいコンポーネントを追加",Options:Bh,"Config Overview":"設定概要","HTML Overview":"HTML概要","Delete Layout":"レイアウトを削除",avatar:Nh,Publish:Ph,"Add Components to Page":"ページにコンポーネントを追加",Close:Dh,"Helper Components":"ヘルパーコンポーネント","Click to add":"追加するにはクリック",component:Lh,"Layout Components":"レイアウトコンポーネント","Click to add component":"コンポーネントを追加するにはクリック","Remove all Components":"すべてのコンポーネントを削除","Are you sure you want to remove all Components?":"すべてのコンポーネントを削除してもよろしいですか?",Styles:Ah,"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.":"ページ全体に適用されるスタイルを適用します。これらの設定には、グローバルフォントファミリー、テキストカラー、背景色、その他すべてのセクションに適用されるユニバーサルスタイルが含まれます。","Update Page Styles":"ページスタイルを更新","Download HTML":"HTMLをダウンロード","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.":"ページ全体をスタンドアロンのHTMLファイルとしてエクスポートします。これには、すべてのセクション、コンテンツ、および適用されたスタイルが含まれ、他の場所での使用または統合の準備が整います。","Download HTML file":"HTMLファイルをダウンロード",Typographies:Oh,"Font Appearance":"フォントの外観","Font Size":"フォントサイズ",Select:Vh,"Font size":"フォントサイズ","Font tablet size":"タブレット用フォントサイズ","Font small screens":"小さい画面用フォントサイズ","Font weight":"フォントの太さ","Font family":"フォントファミリー","Font Style":"フォントスタイル","Opacity & Transparency":"不透明度と透明度",Padding:Ih,"Vertical Padding":"垂直パディング","Horizontal Padding":"水平パディング",Margin:_h,"Vertical Margin":"垂直マージン","Horizontal Margin":"水平マージン","Border Radius":"ボーダー半径",Global:Rh,Specific:Hh,"Border Radius top left":"ボーダー半径 左上","Border Radius top right":"ボーダー半径 右上","Border Radius bottom left":"ボーダー半径 左下","Border Radius bottom right":"ボーダー半径 右下","Border Style, Width & Color":"ボーダースタイル、幅、色",Border:zh,"Border Style":"ボーダースタイル","Border Width":"ボーダー幅","Border Color":"ボーダー色",Transparent:Fh,"Generated CSS":"生成されたCSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"これはビルダーによって適用されたCSSです。独自のCSSを追加し、Enterキーを押して選択した要素に適用します。","Add your CSS.":"CSSを追加してください。","The pbx- prefix is added automatically.":"pbx-プレフィックスは自動的に追加されます。","Type class":"クラスを入力",Add:jh,"Inline Styles":"インラインスタイル","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"これらはビルダーによって適用されるインラインスタイルです。独自のスタイルを追加し、Enterキーを押して選択した要素に適用します。","Add your own style.":"独自のスタイルを追加します。",property:qh,value:Wh,Editing:Uh,"Loading...":"読み込み中...","Background Color":"背景色","Text Color":"テキストの色","Default black":"デフォルトの黒","Remove Component?":"コンポーネントを削除しますか?","Are you sure you want to remove this Component?":"このコンポーネントを削除してもよろしいですか?",Delete:Gh,"Add to the bottom":"一番下に追加",Preview:Kh,Mobile:Jh,"Demo Content":"デモコンテンツ","Demo Description":"軽量で無料のVue Click & Dropページビルダーをご紹介します。Vueを使用してデジタル体験を簡単に作成および強化します。強力なものすべてが複雑である必要はありません。このミニマリストで軽量なページビルダーは、シンプルさとスピードに焦点を当てたエレガントで直感的なインターフェイスを提供します。リスト、求人ボード、またはブログ投稿など、完全にレスポンシブなページを作成し、無料のClick & Dropページビルダーを使用してコンテンツを簡単に管理します。","Demo Description Two":"成長のために設計されたページビルダー。完全にカスタマイズ可能で常に応答性があり、あらゆるニーズに対応するように設計された既製のコンポーネントを使用して、ウェブサイトのページを作成します。成長中の商人、ブランド、代理店のための強力なページビルダー。","Demo Description Three":"デザイナーに愛されるウェブサイトビルダー。あらゆる画面サイズに合わせてレイアウトを簡単にデザイン、プレビュー、調整できます。シンプルで使いやすく、高速で、直感的です。パワフルなデザインは必ずしも複雑に見えなくても構いません。","Demo Description Four":"すべてのデバイスでサイトが見栄えよく表示されるようにします。テキストコンテンツをライブおよびリアルタイムで編集します。あなたのスタイルに合った完璧なフォントを選択してください。変更を元に戻す機能で自信を持って実験してください。プレフィックス付きのスタイル。ビルダーとアプリの間でスタイルの競合のリスクはありません。","Demo Title":"素晴らしいページのためのウェブビルダー","Demo Title Two":"Vueで公開するだけ","Demo Title Three":"レスポンシブ編集","Edit text and links":"テキストとリンクを編集","Enter URL":"URLを入力","Line break":"改行",Bold:Yh,Link:Xh,"Header 2":"ヘッダー2","Header 3":"ヘッダー3",List:Qh,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"選択したテキストをクリック可能なハイパーリンクに変換するために有効なURLを追加してください。","Select image":"画像を選択","Manage Content":"コンテンツを管理する","Media Library":"メディアライブラリ","Reset changes":"変更をリセット","Do you want to reset this page?":"このページをリセットしますか?","Are you sure you want to reset this page? This will overwrite your current changes.":"このページをリセットしてもよろしいですか?これにより、現在の変更が上書きされます。",Search:Zh,"Search...":"検索...",Landscape:$h,Portrait:ey,Squarish:ty,"Total pages":"総ページ数",Images:ry,"First page":"最初のページ",Prev:oy,Next:ny,"By:":"作成者:","We did not find any images. Make a new search.":"画像が見つかりませんでした。新しい検索をしてください。","No results on current page. Navigate to First Page.":"現在のページに結果がありません。最初のページに移動してください。",Information:iy,"From:":"提供元:"," Select image":" 画像を選択","Layouts and visual.":"レイアウトとビジュアル。","Start customizing by editing this default text directly in the editor.":"エディターでこのデフォルトテキストを直接編集してカスタマイズを開始します。","Single Image":"単一画像","Two Vertical Images":"縦長の画像2枚","Two Square Images":"正方形の画像2枚","Three Square Images":"正方形の画像3枚","Six Square Images Grid":"正方形の画像6枚のグリッド","Three Square Images With Text":"テキスト付き正方形の画像3枚","Three Vertical Images":"テキスト付き正方形の画像2枚",Text:ay,"Header H2":"ヘッダー H2","Header H3":"ヘッダー H3","YouTube Video":"YouTube ビデオ","Break Divider":"区切り","Two Square Images With Text":"テキスト付き正方形の画像2枚","Selected HTML":"選択されたHTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"選択された要素、コンポーネント、およびコンポーネントの概要。このセクションは、HTML選択に基づいてリアルタイムの更新を提供します。",Types:sy,"Element type:":"要素タイプ:","Component type:":"コンポーネントタイプ:","Components:":"コンポーネント:",array:ly,Content:py,Element:dy,Component:cy,"Components added":"追加されたコンポーネント","No Element selected":"選択された要素はありません","Selected HTML:":"選択されたHTML:","Element src:":"要素ソース:","Element classes:":"要素クラス:","No Component selected":"選択されたコンポーネントはありません","ID:":"ID:","Title:":"タイトル:","HTML Code:":"HTMLコード:","No Components added yet":"まだコンポーネントが追加されていません",All:my,Image:by,"Image & Text":"画像とテキスト","Four Square Images With Text":"テキスト付きの4つの正方形の画像","Four Square Images":"4つの正方形の画像","Continue Your Work?":"作業を続行しますか?","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?":"前回保存されなかった変更がいくつかあるようです。中断したところから再開しますか、それともデータベースから現在読み込まれているバージョンを使用しますか","Use Saved Version":"保存されたバージョンを使用","Continue Where I Left Off":"中断したところから続行","HTML Editor":"HTMLエディター","Gain full control over components by editing the raw HTML.":"生の HTML を編集することで、コンポーネントを完全に制御できます。","Large Screens Only":"大型スクリーンのみ"},property:qh,value:Wh},Symbol.toStringTag,{value:"Module"})),uy="Salvar",gy="Opções",xy="avatar",fy="Publicar",hy="Fechar",yy="componente",wy="Estilos",vy="Tipografias",ky="Selecionar",Sy="Preenchimento",Cy="Margem",Ey="Global",Ty="Específico",My="Borda",By="Transparente",Ny="Adicionar",Py="propriedade",Dy="valor",Ly="Editando",Ay="Excluir",Oy="Pré-visualização",Vy="Celular",Iy="Negrito",_y="Lista",Ry="Pesquisar",Hy="Paisagem",zy="Retrato",Fy="Quadrado",jy="Imagens",qy="Anterior",Wy="Próximo",Uy="Informação",Gy="Texto",Ky="Link",Jy="Tipos",Yy="array",Xy="Conteúdo",Qy="Elemento",Zy="Componente",$y="Todos",e0="Imagem",vD=Object.freeze(Object.defineProperty({__proto__:null,Add:Ny,All:$y,Bold:Iy,Border:My,Close:hy,Component:Zy,Content:Xy,Delete:Ay,Editing:Ly,Element:Qy,Global:Ey,Image:e0,Images:jy,Information:Uy,Landscape:Hy,Link:Ky,List:_y,Margin:Cy,Mobile:Vy,Next:Wy,Options:gy,Padding:Sy,Portrait:zy,Prev:qy,Preview:Oy,Publish:fy,Save:uy,Search:Ry,Select:ky,Specific:Ty,Squarish:Fy,Styles:wy,Text:Gy,Transparent:By,Types:Jy,Typographies:vy,array:Yy,avatar:xy,component:yy,default:{"Reset Page":"Redefinir página","Global Page Styles":"Estilos de página globais","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Experimente o poderoso Click & Drop Page Builder – projetado para desenvolvedores e criadores que desejam controle total sem complicações. Personalize layouts, fontes e cores. Edite conteúdo visualmente em tempo real. Adicione mídia, incorpore vídeos do YouTube ou exporte tudo como HTML limpo. Com edição responsiva, salvamento automático local, suporte ao Tailwind e até integração com o Unsplash, é tudo o que você precisa – envolvido em um único construtor perfeito. Crie páginas impressionantes em minutos.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Um construtor de páginas projetado para o crescimento. Crie as páginas do seu site com componentes prontos que são totalmente personalizáveis e sempre responsivos, projetados para atender a todas as necessidades. Um poderoso construtor de páginas para comerciantes, marcas e agências em crescimento.","Everything you need. Break free from design limitations":"Tudo o que você precisa. Liberte-se das limitações de design","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Dê vida à sua visão e crie páginas impressionantes usando um construtor de páginas de arrastar e soltar","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"O construtor da web para páginas impressionantes. Permita que os usuários projetem e publiquem páginas modernas em qualquer escala. Crie páginas responsivas como listas, empregos ou postagens de blog e gerencie o conteúdo facilmente usando o Page Builder gratuito de arrastar e soltar. Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Baixe ou instale nosso poderoso, flexível e fácil de usar construtor de páginas Vue 3 gratuito via",Save:uy,"Add new Components":"Adicionar novos componentes",Options:gy,"Config Overview":"Visão geral da configuração","HTML Overview":"Visão geral do HTML","Delete Layout":"Excluir layout",avatar:xy,Publish:fy,"Add Components to Page":"Adicionar componentes à página",Close:hy,"Helper Components":"Componentes de ajuda","Click to add":"Clique para adicionar",component:yy,"Layout Components":"Componentes de layout","Click to add component":"Clique para adicionar componente","Remove all Components":"Remover todos os componentes","Are you sure you want to remove all Components?":"Tem certeza de que deseja remover todos os componentes?",Styles:wy,"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.":"Aplicar estilos que afetam toda a página. Essas configurações incluem família de fontes global, cor do texto, cor de fundo e outros estilos universais que se aplicam a todas as seções.","Update Page Styles":"Atualizar estilos da página","Download HTML":"Baixar HTML","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.":"Exporte toda a página como um arquivo HTML independente. Isso inclui todas as seções, conteúdo e estilos aplicados, tornando-o pronto para uso ou integração em outro lugar.","Download HTML file":"Baixar arquivo HTML",Typographies:vy,"Font Appearance":"Aparência da fonte","Font Size":"Tamanho da fonte",Select:ky,"Font size":"Tamanho da fonte","Font tablet size":"Tamanho da fonte para tablets","Font small screens":"Tamanho da fonte para telas pequenas","Font weight":"Peso da fonte","Font family":"Família da fonte","Font Style":"Estilo da fonte","Opacity & Transparency":"Opacidade e Transparência",Padding:Sy,"Vertical Padding":"Preenchimento Vertical","Horizontal Padding":"Preenchimento Horizontal",Margin:Cy,"Vertical Margin":"Margem Vertical","Horizontal Margin":"Margem Horizontal","Border Radius":"Raio da borda",Global:Ey,Specific:Ty,"Border Radius top left":"Raio da borda superior esquerda","Border Radius top right":"Raio da borda superior direita","Border Radius bottom left":"Raio da borda inferior esquerda","Border Radius bottom right":"Raio da borda inferior direita","Border Style, Width & Color":"Estilo, largura e cor da borda",Border:My,"Border Style":"Estilo da borda","Border Width":"Largura da borda","Border Color":"Cor da borda",Transparent:By,"Generated CSS":"CSS Gerado","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Este é o CSS aplicado pelo construtor. Adicione seu próprio CSS e pressione Enter para aplicá-lo ao elemento selecionado.","Add your CSS.":"Adicione seu CSS.","The pbx- prefix is added automatically.":"O prefixo pbx- é adicionado automaticamente.","Type class":"Digite a classe",Add:Ny,"Inline Styles":"Estilos Inline","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Estes são os estilos inline aplicados pelo construtor. Adicione seus próprios estilos e pressione Enter para aplicá-los ao elemento selecionado.","Add your own style.":"Adicione seu próprio estilo.",property:Py,value:Dy,Editing:Ly,"Loading...":"Carregando...","Background Color":"Cor de fundo","Text Color":"Cor do texto","Default black":"Preto padrão","Remove Component?":"Remover componente?","Are you sure you want to remove this Component?":"Tem certeza de que deseja remover este componente?",Delete:Ay,"Add to the bottom":"Adicionar ao final",Preview:Oy,Mobile:Vy,"Demo Content":"Conteúdo de demonstração","Demo Description":"Apresentando o construtor de páginas leve e gratuito Vue Click & Drop. Crie e melhore experiências digitais sem esforço com Vue. Nem tudo que é poderoso precisa ser complexo. Este construtor de páginas minimalista e leve oferece uma interface elegante e intuitiva focada na simplicidade e velocidade. Crie páginas totalmente responsivas, como listas, quadros de empregos ou postagens de blog, e gerencie seu conteúdo com facilidade usando o construtor de páginas gratuito Click & Drop.","Demo Description Two":"Um construtor de páginas projetado para o crescimento. Crie as páginas do seu site com componentes prontos que são totalmente personalizáveis e sempre responsivos, projetados para atender a todas as necessidades. Um poderoso construtor de páginas para comerciantes, marcas e agências em crescimento.","Demo Description Three":"O construtor de sites amado pelos designers. Projete, visualize e ajuste facilmente layouts para cada tamanho de tela. Limpo. Rápido. Intuitivo. Nem tudo que é poderoso precisa parecer complicado.","Demo Description Four":"Garanta que seu site tenha uma ótima aparência em todos os dispositivos. Edite o conteúdo do texto ao vivo e em tempo real. Escolha as fontes perfeitas para combinar com seu estilo. Experimente com confiança com a capacidade de reverter as alterações. Estilos prefixados. Nenhum risco de conflitos de estilo entre o construtor e seu aplicativo.","Demo Title":"O construtor de sites para páginas impressionantes","Demo Title Two":"Basta publicá-lo com Vue","Demo Title Three":"Edição responsiva","Edit text and links":"Editar texto e links","Enter URL":"Inserir URL","Line break":"Quebra de linha",Bold:Iy,"Header 2":"Cabeçalho 2","Header 3":"Cabeçalho 3",List:_y,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Adicione um URL válido para transformar o texto selecionado em um hyperlink clicável que direciona os usuários para o endereço da web especificado.","Select image":"Selecionar imagem","Manage Content":"Gerenciar conteúdo","Media Library":"Biblioteca de mídia","Reset changes":"Redefinir alterações","Do you want to reset this page?":"Você quer redefinir esta página?","Are you sure you want to reset this page? This will overwrite your current changes.":"Tem certeza de que deseja redefinir esta página? Isso substituirá suas alterações atuais.",Search:Ry,"Search...":"Pesquisar...",Landscape:Hy,Portrait:zy,Squarish:Fy,"Total pages":"Total de páginas",Images:jy,"First page":"Primeira página",Prev:qy,Next:Wy,"By:":"Por:","We did not find any images. Make a new search.":"Não encontramos nenhuma imagem. Faça uma nova pesquisa.","No results on current page. Navigate to First Page.":"Nenhum resultado na página atual. Navegue para a primeira página.",Information:Uy,"From:":"De:"," Select image":" Selecionar imagem","Layouts and visual.":"Layouts e visuais.","Start customizing by editing this default text directly in the editor.":"Comece a personalizar editando este texto padrão diretamente no editor.","Single Image":"Imagem única","Two Vertical Images":"Duas imagens verticais","Two Square Images":"Duas imagens quadradas","Three Square Images":"Três imagens quadradas","Six Square Images Grid":"Grade de seis imagens quadradas","Three Square Images With Text":"Três imagens quadradas com texto","Three Vertical Images":"Duas imagens quadradas com texto",Text:Gy,"Header H2":"Cabeçalho H2","Header H3":"Cabeçalho H3","YouTube Video":"Vídeo do YouTube","Break Divider":"Divisor",Link:Ky,"Two Square Images With Text":"Duas imagens quadradas com texto","Selected HTML":"HTML selecionado","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Visão geral do elemento selecionado, componente e componentes. Esta seção fornece atualizações em tempo real com base na sua seleção de HTML.",Types:Jy,"Element type:":"Tipo de elemento:","Component type:":"Tipo de componente:","Components:":"Componentes:",array:Yy,Content:Xy,Element:Qy,Component:Zy,"Components added":"Componentes adicionados","No Element selected":"Nenhum elemento selecionado","Selected HTML:":"HTML selecionado:","Element src:":"Fonte do elemento:","Element classes:":"Classes de elemento:","No Component selected":"Nenhum componente selecionado","ID:":"ID:","Title:":"Título:","HTML Code:":"Código HTML:","No Components added yet":"Nenhum componente adicionado ainda",All:$y,Image:e0,"Image & Text":"Imagem e Texto","Four Square Images With Text":"Quatro imagens quadradas com texto","Four Square Images":"Quatro imagens quadradas","Continue Your Work?":"Continuar seu trabalho?","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?":"Percebemos que você tem algumas alterações que não foram salvas da última vez. Gostaria de continuar de onde parou ou usar a versão que está carregada atualmente no banco de dados?","Use Saved Version":"Usar a versão salva","Continue Where I Left Off":"Continuar de onde parei","HTML Editor":"Editor HTML","Gain full control over components by editing the raw HTML.":"Obtenha controlo total sobre os componentes editando o HTML em bruto.","Large Screens Only":"Somente telas grandes"},property:Py,value:Dy},Symbol.toStringTag,{value:"Module"})),t0="Сохранить",r0="Опции",o0="аватар",n0="Опубликовать",i0="Закрыть",a0="компонент",s0="Стили",l0="Типографии",p0="Выбрать",d0="Отступ",c0="Поле",m0="Глобальный",b0="Специфический",u0="Граница",g0="Прозрачный",x0="Добавить",f0="свойство",h0="значение",y0="Редактирование",w0="Удалить",v0="Предварительный просмотр",k0="Мобильный",S0="Жирный",C0="Ссылка",E0="Список",T0="Поиск",M0="Альбомный",B0="Портретный",N0="Квадратный",P0="Изображения",D0="Назад",L0="Вперед",A0="Информация",O0="Текст",V0="Типы",I0="массив",_0="Содержание",R0="Элемент",H0="Компонент",z0="Все",F0="Изображение",kD=Object.freeze(Object.defineProperty({__proto__:null,Add:x0,All:z0,Bold:S0,Border:u0,Close:i0,Component:H0,Content:_0,Delete:w0,Editing:y0,Element:R0,Global:m0,Image:F0,Images:P0,Information:A0,Landscape:M0,Link:C0,List:E0,Margin:c0,Mobile:k0,Next:L0,Options:r0,Padding:d0,Portrait:B0,Prev:D0,Preview:v0,Publish:n0,Save:t0,Search:T0,Select:p0,Specific:b0,Squarish:N0,Styles:s0,Text:O0,Transparent:g0,Types:V0,Typographies:l0,array:I0,avatar:o0,component:a0,default:{"Reset Page":"Сбросить страницу","Global Page Styles":"Глобальные стили страницы","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"Попробуйте мощный Click & Drop Page Builder — разработанный для разработчиков и создателей, которые хотят полного контроля без лишних хлопот. Настраивайте макеты, шрифты и цвета. Редактируйте контент визуально в реальном времени. Добавляйте медиа, встраивайте видео с YouTube или экспортируйте все в виде чистого HTML. С адаптивным редактированием, локальным автосохранением, поддержкой Tailwind и даже интеграцией Unsplash, это все, что вам нужно — в одном бесшовном конструкторе. Создавайте потрясающие страницы за считанные минуты.","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"Конструктор страниц, созданный для роста. Создавайте страницы вашего сайта с готовыми компонентами, которые полностью настраиваются и всегда адаптивны, разработаны для удовлетворения любых потребностей. Мощный конструктор страниц для растущих торговцев, брендов и агентств.","Everything you need. Break free from design limitations":"Все, что вам нужно. Освободитесь от ограничений дизайна","Bring your vision to life and create impressive pages using a click & drop Page Builder":"Воплотите свою мечту в жизнь и создавайте впечатляющие страницы с помощью конструктора страниц с функцией перетаскивания","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"Веб-конструктор для потрясающих страниц. Позвольте пользователям разрабатывать и публиковать современные страницы любого масштаба. Создавайте адаптивные страницы, такие как списки, вакансии или блоги, и легко управляйте контентом с помощью бесплатного конструктора страниц Click & Drop. Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML.","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"Скачайте или установите наш мощный, гибкий и удобный бесплатный Vue 3 Page Builder через",Save:t0,"Add new Components":"Добавить новые компоненты",Options:r0,"Config Overview":"Обзор конфигурации","HTML Overview":"Обзор HTML","Delete Layout":"Удалить макет",avatar:o0,Publish:n0,"Add Components to Page":"Добавить компоненты на страницу",Close:i0,"Helper Components":"Вспомогательные компоненты","Click to add":"Нажмите, чтобы добавить",component:a0,"Layout Components":"Компоненты макета","Click to add component":"Нажмите, чтобы добавить компонент","Remove all Components":"Удалить все компоненты","Are you sure you want to remove all Components?":"Вы уверены, что хотите удалить все компоненты?",Styles:s0,"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.":"Примените стили, которые влияют на всю страницу. Эти настройки включают глобальный шрифт, цвет текста, цвет фона и другие универсальные стили, которые применяются ко всем разделам.","Update Page Styles":"Обновить стили страницы","Download HTML":"Скачать HTML","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.":"Экспортируйте всю страницу как автономный HTML-файл. Это включает все разделы, содержимое и примененные стили, делая его готовым к использованию или интеграции в другом месте.","Download HTML file":"Скачать HTML файл",Typographies:l0,"Font Appearance":"Внешний вид шрифта","Font Size":"Размер шрифта",Select:p0,"Font size":"Размер шрифта","Font tablet size":"Размер шрифта для планшетов","Font small screens":"Размер шрифта для маленьких экранов","Font weight":"Толщина шрифта","Font family":"Семейство шрифтов","Font Style":"Стиль шрифта","Opacity & Transparency":"Непрозрачность и Прозрачность",Padding:d0,"Vertical Padding":"Вертикальный отступ","Horizontal Padding":"Горизонтальный отступ",Margin:c0,"Vertical Margin":"Вертикальное поле","Horizontal Margin":"Горизонтальное поле","Border Radius":"Радиус границы",Global:m0,Specific:b0,"Border Radius top left":"Радиус границы сверху слева","Border Radius top right":"Радиус границы сверху справа","Border Radius bottom left":"Радиус границы снизу слева","Border Radius bottom right":"Радиус границы снизу справа","Border Style, Width & Color":"Стиль, ширина и цвет границы",Border:u0,"Border Style":"Стиль границы","Border Width":"Ширина границы","Border Color":"Цвет границы",Transparent:g0,"Generated CSS":"Сгенерированный CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"Это CSS, применяемый конструктором. Добавьте свой CSS и нажмите Enter, чтобы применить его к выбранному элементу.","Add your CSS.":"Добавьте свой CSS.","The pbx- prefix is added automatically.":"Префикс pbx- добавляется автоматически.","Type class":"Введите класс",Add:x0,"Inline Styles":"Встроенные стили","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"Это встроенные стили, применяемые конструктором. Добавьте свои стили и нажмите Enter, чтобы применить их к выбранному элементу.","Add your own style.":"Добавьте свой стиль.",property:f0,value:h0,Editing:y0,"Loading...":"Загрузка...","Background Color":"Цвет фона","Text Color":"Цвет текста","Default black":"Черный по умолчанию","Remove Component?":"Удалить компонент?","Are you sure you want to remove this Component?":"Вы уверены, что хотите удалить этот компонент?",Delete:w0,"Add to the bottom":"Добавить в конец",Preview:v0,Mobile:k0,"Demo Content":"Демонстрационный контент","Demo Description":"Представляем легкий и бесплатный Vue Click & Drop Page Builder. Создавайте и улучшайте цифровые впечатления с помощью Vue. Не все мощное должно быть сложным. Этот минималистичный и легкий конструктор страниц предлагает элегантный, интуитивно понятный интерфейс, ориентированный на простоту и скорость. Создавайте полностью адаптивные страницы, такие как списки, доски объявлений или блоги, и легко управляйте своим контентом с помощью бесплатного Click & Drop Page Builder.","Demo Description Two":"Конструктор страниц, созданный для роста. Создавайте страницы вашего сайта с готовыми компонентами, которые полностью настраиваются и всегда адаптивны, разработаны для удовлетворения любых потребностей. Мощный конструктор страниц для растущих торговцев, брендов и агентств.","Demo Description Three":"Конструктор сайтов, любимый дизайнерами. Легко проектируйте, просматривайте и настраивайте макеты для каждого размера экрана. Чистый. Быстрый. Интуитивно понятный. Не все мощное должно выглядеть сложным.","Demo Description Four":"Убедитесь, что ваш сайт отлично выглядит на всех устройствах. Редактируйте текстовый контент вживую и в режиме реального времени. Выбирайте идеальные шрифты, соответствующие вашему стилю. Уверенно экспериментируйте с возможностью отмены изменений. Стили с префиксами. Нет риска конфликтов стилей между конструктором и вашим приложением.","Demo Title":"Веб-конструктор для потрясающих страниц","Demo Title Two":"Просто опубликуйте это с помощью Vue","Demo Title Three":"Адаптивное редактирование","Edit text and links":"Редактировать текст и ссылки","Enter URL":"Введите URL","Line break":"Разрыв строки",Bold:S0,Link:C0,"Header 2":"Заголовок 2","Header 3":"Заголовок 3",List:E0,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"Добавьте действительный URL, чтобы преобразовать выделенный текст в кликабельную гиперссылку, которая направляет пользователей на указанный веб-адрес.","Select image":"Выбрать изображение","Manage Content":"Управление контентом","Media Library":"Медиатека","Reset changes":"Сбросить изменения","Do you want to reset this page?":"Вы хотите сбросить эту страницу?","Are you sure you want to reset this page? This will overwrite your current changes.":"Вы уверены, что хотите сбросить эту страницу? Это перезапишет ваши текущие изменения.",Search:T0,"Search...":"Поиск...",Landscape:M0,Portrait:B0,Squarish:N0,"Total pages":"Всего страниц",Images:P0,"First page":"Первая страница",Prev:D0,Next:L0,"By:":"Автор:","We did not find any images. Make a new search.":"Мы не нашли изображений. Выполните новый поиск.","No results on current page. Navigate to First Page.":"На текущей странице нет результатов. Перейдите на первую страницу.",Information:A0,"From:":"От:"," Select image":" Выбрать изображение","Layouts and visual.":"Макеты и визуализация.","Start customizing by editing this default text directly in the editor.":"Начните настройку, отредактировав этот текст по умолчанию прямо в редакторе.","Single Image":"Одиночное изображение","Two Vertical Images":"Два вертикальных изображения","Two Square Images":"Два квадратных изображения","Three Square Images":"Три квадратных изображения","Six Square Images Grid":"Сетка из шести квадратных изображений","Three Square Images With Text":"Три квадратных изображения с текстом","Three Vertical Images":"Два квадратных изображения с текстом",Text:O0,"Header H2":"Заголовок H2","Header H3":"Заголовок H3","YouTube Video":"Видео YouTube","Break Divider":"Разделитель","Two Square Images With Text":"Два квадратных изображения с текстом","Selected HTML":"Выбранный HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"Обзор выбранного элемента, компонента и компонентов. Этот раздел предоставляет обновления в реальном времени на основе вашего выбора HTML.",Types:V0,"Element type:":"Тип элемента:","Component type:":"Тип компонента:","Components:":"Компоненты:",array:I0,Content:_0,Element:R0,Component:H0,"Components added":"Добавленные компоненты","No Element selected":"Элемент не выбран","Selected HTML:":"Выбранный HTML:","Element src:":"Источник элемента:","Element classes:":"Классы элемента:","No Component selected":"Компонент не выбран","ID:":"ID:","Title:":"Заголовок:","HTML Code:":"HTML-код:","No Components added yet":"Компоненты еще не добавлены",All:z0,Image:F0,"Image & Text":"Изображение и текст","Four Square Images With Text":"Четыре квадратных изображения с текстом","Four Square Images":"Четыре квадратных изображения","Continue Your Work?":"Продолжить работу?","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?":"Мы заметили, что у вас есть несохраненные изменения с прошлого раза. Хотите продолжить с того места, где остановились, или использовать версию, загруженную из базы данных?","Use Saved Version":"Использовать сохраненную версию","Continue Where I Left Off":"Продолжить с того места, где я остановился","HTML Editor":"HTML-редактор","Gain full control over components by editing the raw HTML.":"Получите полный контроль над компонентами, редактируя необработанный HTML-код.","Large Screens Only":"Только большие экраны"},property:f0,value:h0},Symbol.toStringTag,{value:"Module"})),j0="保存",q0="选项",W0="头像",U0="发布",G0="组件",K0="样式",J0="排版",Y0="选择",X0="内边距",Q0="边距",Z0="全局",$0="具体",ew="边框",tw="透明",rw="添加",ow="属性",nw="值",iw="关闭",aw="编辑",sw="删除",lw="预览",pw="移动",dw="加粗",cw="列表",mw="搜索",bw="横向",uw="纵向",gw="方形",xw="图片",fw="上一页",hw="下一页",yw="信息",ww="文本",vw="链接",kw="类型",Sw="数组",Cw="内容",Ew="元素",Tw="组件",Mw="全部",Bw="图片",SD=Object.freeze(Object.defineProperty({__proto__:null,Add:rw,All:Mw,Bold:dw,Border:ew,Close:iw,Component:Tw,Content:Cw,Delete:sw,Editing:aw,Element:Ew,Global:Z0,Image:Bw,Images:xw,Information:yw,Landscape:bw,Link:vw,List:cw,Margin:Q0,Mobile:pw,Next:hw,Options:q0,Padding:X0,Portrait:uw,Prev:fw,Preview:lw,Publish:U0,Save:j0,Search:mw,Select:Y0,Specific:$0,Squarish:gw,Styles:K0,Text:ww,Transparent:tw,Types:kw,Typographies:J0,array:Sw,avatar:W0,component:G0,default:{"Reset Page":"重置页面","Global Page Styles":"全局页面样式","Try the powerful Click & Drop Page Builder—designed for developers and creators who want full control without the hassle. Customize layouts, fonts, and colors. Edit content visually in real time. Add media, embed YouTube videos, or export everything as clean HTML. With responsive editing, local auto-save, Tailwind support, and even Unsplash integration, it's everything you need—wrapped in one seamless builder. Build Stunning Pages in Minutes.":"试试强大的Click & Drop Page Builder——专为希望完全控制而无需麻烦的开发者和创作者设计。自定义布局、字体和颜色。实时可视化编辑内容。添加媒体、嵌入YouTube视频或将所有内容导出为干净的HTML。凭借响应式编辑、本地自动保存、Tailwind支持,甚至Unsplash集成,它是您所需的一切——集成在一个无缝的构建器中。几分钟内构建令人惊叹的页面。","A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.":"为增长而设计的页面构建器。使用完全可定制且始终响应的现成组件构建您的网站页面,旨在满足所有需求。为不断发展的商家、品牌和代理商提供强大的页面构建器。","Everything you need. Break free from design limitations":"您需要的一切。突破设计限制","Bring your vision to life and create impressive pages using a click & drop Page Builder":"实现您的愿景,并使用点击和拖放页面构建器创建令人印象深刻的页面","The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free click & drop Page Builder. Developed with TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS and HTML.":"令人惊叹页面的网页构建器。使用户能够设计和发布任何规模的现代页面。创建响应式页面,例如列表、工作或博客文章,并使用免费的点击和拖放页面构建器轻松管理内容。使用 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。","Download or install our powerful, flexible, and easy-to-use free Vue 3 Page Builder via":"通过下载或安装我们强大、灵活且易于使用的免费 Vue 3 页面构建器",Save:j0,"Add new Components":"添加新组件",Options:q0,"Config Overview":"配置概览","HTML Overview":"HTML概览","Delete Layout":"删除布局",avatar:W0,Publish:U0,"Add Components to Page":"将组件添加到页面","Helper Components":"辅助组件","Click to add":"点击添加",component:G0,"Layout Components":"布局组件","Click to add component":"点击添加组件","Remove all Components":"删除所有组件","Are you sure you want to remove all Components?":"您确定要删除所有组件吗?",Styles:K0,"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.":"应用影响整个页面的样式。这些设置包括全局字体系列、文本颜色、背景颜色和适用于所有部分的其他通用样式。","Update Page Styles":"更新页面样式","Download HTML":"下载HTML","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.":"将整个页面导出为独立的HTML文件。这包括所有部分、内容和应用的样式,使其可以随时使用或集成到其他地方。","Download HTML file":"下载HTML文件",Typographies:J0,"Font Appearance":"字体外观","Font Size":"字体大小",Select:Y0,"Font size":"字体大小","Font tablet size":"平板字体大小","Font small screens":"小屏幕字体大小","Font weight":"字体粗细","Font family":"字体家族","Font Style":"字体样式","Opacity & Transparency":"不透明度和透明度",Padding:X0,"Vertical Padding":"垂直内边距","Horizontal Padding":"水平内边距",Margin:Q0,"Vertical Margin":"垂直边距","Horizontal Margin":"水平边距","Border Radius":"边框半径",Global:Z0,Specific:$0,"Border Radius top left":"边框半径 左上","Border Radius top right":"边框半径 右上","Border Radius bottom left":"边框半径 左下","Border Radius bottom right":"边框半径 右下","Border Style, Width & Color":"边框样式、宽度和颜色",Border:ew,"Border Style":"边框样式","Border Width":"边框宽度","Border Color":"边框颜色",Transparent:tw,"Generated CSS":"生成的CSS","This is the CSS applied by the builder. Add your own CSS and press Enter to apply it to the selected element.":"这是构建器应用的CSS。添加您自己的CSS并按Enter将其应用于选定的元素。","Add your CSS.":"添加您的CSS。","The pbx- prefix is added automatically.":"pbx-前缀会自动添加。","Type class":"输入类",Add:rw,"Inline Styles":"内联样式","These are the inline styles applied by the builder. Add your own styles and press Enter to apply them to the selected element.":"这些是构建器应用的内联样式。添加您自己的样式,然后按 Enter 将其应用于选定的元素。","Add your own style.":"添加您自己的样式。",property:ow,value:nw,Close:iw,Editing:aw,"Loading...":"加载中...","Background Color":"背景颜色","Text Color":"文字颜色","Default black":"默认黑色","Remove Component?":"删除组件?","Are you sure you want to remove this Component?":"您确定要删除此组件吗?",Delete:sw,"Add to the bottom":"添加到底部",Preview:lw,Mobile:pw,"Demo Content":"演示内容","Demo Description":"介绍轻量级和免费的Vue Click & Drop页面构建器。使用Vue轻松创建和增强数字体验。并非所有强大的东西都需要复杂。这款简约轻便的页面构建器提供了一个优雅直观的界面,专注于简单性和速度。创建完全响应式的页面,例如列表、职位板或博客文章,并使用免费的Click & Drop页面构建器轻松管理您的内容。","Demo Title":"令人惊叹的页面的网页构建器","Demo Description Two":"为增长而设计的页面构建器。使用完全可定制且始终响应的现成组件构建您的网站页面,旨在满足所有需求。为不断发展的商家、品牌和代理商提供强大的页面构建器。","Demo Description Three":"设计师喜爱的网站构建器。轻松设计、预览和调整每个屏幕尺寸的布局。干净。快速。直观。并非所有强大的东西都必须看起来很复杂。","Demo Description Four":"确保您的网站在所有设备上看起来都很棒。实时编辑文本内容。选择与您的风格相匹配的完美字体。自信地进行实验,并能够轻松复更改。样式前缀。构建器和您的应用程序之间没有样式冲突的风险。","Demo Title Two":"只需使用Vue发布即可","Demo Title Three":"响应式编辑","Edit text and links":"编辑文本和链接","Enter URL":"输入URL","Line break":"换行",Bold:dw,"Header 2":"标题2","Header 3":"标题3",List:cw,"Add a valid URL to transform the selected text into a clickable hyperlink that directs users to the specified web address.":"添加一个有效的URL,将选定的文本转换为可点击的超链接,指向指定的网页地址。","Select image":"选择图片","Manage Content":"管理内容","Media Library":"媒体库","Reset changes":"重置更改","Do you want to reset this page?":"您想重置此页面吗?","Are you sure you want to reset this page? This will overwrite your current changes.":"您确定要重置此页面吗?这将覆盖您当前的更改。",Search:mw,"Search...":"搜索...",Landscape:bw,Portrait:uw,Squarish:gw,"Total pages":"总页数",Images:xw,"First page":"第一页",Prev:fw,Next:hw,"By:":"作者:","We did not find any images. Make a new search.":"我们没有找到任何图片。请重新搜索。","No results on current page. Navigate to First Page.":"当前页面没有结果。导航到第一页。",Information:yw,"From:":"来自:"," Select image":" 选择图片","Layouts and visual.":"布局和视觉。","Start customizing by editing this default text directly in the editor.":"通过直接在编辑器中编辑此默认文本开始自定义。","Single Image":"单张图片","Two Vertical Images":"两张竖直图片","Two Square Images":"两张方形图片","Three Square Images":"三张方形图片","Six Square Images Grid":"六张方形图片网格","Three Vertical Images":"三张竖直图片","Three Square Images With Text":"三张方形图片和文字","Two Square Images With Text":"两张方形图片和文字",Text:ww,"Header H2":"标题 H2","Header H3":"标题 H3","YouTube Video":"YouTube 视频","Break Divider":"分隔线",Link:vw,"Selected HTML":"选定的HTML","Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection.":"所选元素、组件和组件的概述。本节根据您的HTML选择提供实时更新。",Types:kw,"Element type:":"元素类型:","Component type:":"组件类型:","Components:":"组件:",array:Sw,Content:Cw,Element:Ew,Component:Tw,"Components added":"添加的组件","No Element selected":"未选择元素","Selected HTML:":"选定的HTML:","Element src:":"元素来源:","Element classes:":"元素类:","No Component selected":"未选择组件","ID:":"ID:","Title:":"标题:","HTML Code:":"HTML代码:","No Components added yet":"尚未添加组件",All:Mw,Image:Bw,"Image & Text":"图片和文字","Four Square Images With Text":"四张带文字的方形图片","Four Square Images":"四张方形图片","Continue Your Work?":"继续您的工作?","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?":"我们注意到您上次有一些更改没有保存。您是想从上次离开的地方继续,还是使用当前从数据库加载的版本?","Use Saved Version":"使用保存的版本","Continue Where I Left Off":"从我离开的地方继续","HTML Editor":"HTML 编辑器","Gain full control over components by editing the raw HTML.":"通过编辑原始 HTML 获得对组件的完全控制。","Large Screens Only":"仅限大屏幕"},property:ow,value:nw},Symbol.toStringTag,{value:"Module"}));le.PageBuilder=mD,le.Preview=wa,le.createPinia=cb,le.getPageBuilder=ie,le.pageBuilder=bD,le.sharedPageBuilderPinia=Bl,le.sharedPageBuilderStore=ne,le.usePageBuilderModal=Hb,le.usePageBuilderStateStore=hb,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
|