ngx-xtroedge-cms 1.3.16 → 1.3.17

package/dist/index.global.js

@@ -303,7 +303,7 @@
         <div class="lcms-core"></div>
       </div>
       <span class="lcms-loader-text">Loading</span>
-    </div>`,this.rootEl.appendChild(this.loaderEl),this.toastEl=this.createElement("div","lcms-toast lcms-hidden"),this.rootEl.appendChild(this.toastEl),this.fabEl=this.createElement("div","lcms-fab"),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px",this.fabEl.addEventListener("mousedown",t=>this.onDragStart(t)),this.fabEl.addEventListener("touchstart",t=>this.onTouchStart(t),{passive:!0}),this.fabBtn=document.createElement("button"),this.fabBtn.className="lcms-fab-btn",this.fabBtn.innerHTML=g.edit,this.fabBtn.addEventListener("click",t=>this.onFabClick(t)),this.badgeEl=this.createElement("span","lcms-badge lcms-hidden"),this.fabBtn.appendChild(this.badgeEl),this.fabEl.appendChild(this.fabBtn),this.panelEl=this.createElement("div","lcms-panel lcms-hidden"),this.buildPanel(),this.fabEl.appendChild(this.panelEl),this.rootEl.appendChild(this.fabEl),this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.accept="image/*",this.fileInput.style.display="none",this.fileInput.addEventListener("change",t=>this.onImageFileSelected(t)),this.rootEl.appendChild(this.fileInput),this.imgOverlay=this.createElement("div","lcms-img-upload-overlay lcms-hidden"),this.imgOverlay.innerHTML='<div class="lcms-img-upload-content"><div class="lcms-spinner-lg"></div><span>Uploading image...</span></div>',this.rootEl.appendChild(this.imgOverlay),document.body.appendChild(this.rootEl)}buildPanel(){if(!this.panelEl)return;let t=this.createElement("div","lcms-panel-header"),e=this.createElement("label","lcms-toggle");e.addEventListener("click",c=>c.stopPropagation()),this.editToggle=document.createElement("input"),this.editToggle.type="checkbox",this.editToggle.checked=this.editMode,this.editToggle.addEventListener("change",c=>this.toggleEditMode(c));let i=this.createElement("span","lcms-toggle-slider"),s=this.createElement("span","lcms-toggle-label");s.textContent="Edit",e.appendChild(this.editToggle),e.appendChild(i),e.appendChild(s),t.appendChild(e),this.langSwitchEl=this.createElement("div","lcms-lang-switch lcms-hidden"),this.buildLangButtons(),t.appendChild(this.langSwitchEl);let n=document.createElement("button");n.className="lcms-close-btn",n.innerHTML=g.close,n.addEventListener("click",c=>{c.stopPropagation(),this.togglePanel()}),t.appendChild(n),this.panelEl.appendChild(t),this.siteIdEl=this.createElement("div","lcms-site-id");let a=this.siteIdentifier.includes(".");this.siteIdEl.innerHTML=`<span class="lcms-site-id-icon">${a?"\u{1F310}":"\u{1F511}"}</span><span class="lcms-site-id-text">${a?this.siteIdentifier:this.siteIdentifier.substring(0,8)}</span>`,this.panelEl.appendChild(this.siteIdEl),this.editModeContent=this.createElement("div","lcms-hidden"),this.changesInfoEl=this.createElement("div","lcms-changes-info lcms-hidden"),this.editModeContent.appendChild(this.changesInfoEl);let l=this.createElement("div","lcms-undo-row");this.undoBtn=document.createElement("button"),this.undoBtn.className="lcms-icon-btn",this.undoBtn.innerHTML=g.undo,this.undoBtn.disabled=!0,this.undoBtn.addEventListener("click",c=>{c.stopPropagation(),this.onUndo()}),this.redoBtn=document.createElement("button"),this.redoBtn.className="lcms-icon-btn",this.redoBtn.innerHTML=g.redo,this.redoBtn.disabled=!0,this.redoBtn.addEventListener("click",c=>{c.stopPropagation(),this.onRedo()}),l.appendChild(this.undoBtn),l.appendChild(this.redoBtn),this.editModeContent.appendChild(l);let r=this.createElement("div","lcms-theme-row"),o=this.createElement("span","lcms-theme-label");o.textContent="Theme",r.appendChild(o);let d=this.createElement("div","lcms-theme-colors"),h=["#00C853","#6722FB","#2196F3","#FF5722","#E91E63","#FFD600"];for(let c of h){let y=this.createElement("div","lcms-theme-swatch");y.style.background=c,y.dataset.color=c,c===this.highlightColor&&y.classList.add("active"),y.addEventListener("click",M=>{M.stopPropagation(),this.applyThemeColor(c)}),d.appendChild(y)}let b=this.createElement("div","lcms-theme-custom"),p=this.createElement("div","lcms-theme-custom-preview"),m=document.createElement("input");m.type="color",m.value=this.highlightColor,m.addEventListener("input",c=>{c.stopPropagation(),this.applyThemeColor(c.target.value)}),b.appendChild(p),b.appendChild(m),d.appendChild(b),r.appendChild(d),this.editModeContent.appendChild(r),this.historyBtnEl=document.createElement("button"),this.historyBtnEl.className="lcms-history-btn",this.historyBtnEl.innerHTML=`${g.history} History (7 days)`,this.historyBtnEl.addEventListener("click",c=>{c.stopPropagation(),this.toggleHistory()}),this.editModeContent.appendChild(this.historyBtnEl),this.historyPanelEl=this.createElement("div","lcms-history-panel lcms-hidden");let w=this.createElement("div","lcms-history-title");w.textContent="Edit History",this.historyPanelEl.appendChild(w),this.historyListEl=this.createElement("div","lcms-history-list"),this.historyPanelEl.appendChild(this.historyListEl),this.editModeContent.appendChild(this.historyPanelEl),this.actionsEl=this.createElement("div","lcms-actions"),this.saveBtn=document.createElement("button"),this.saveBtn.className="lcms-btn-save",this.saveBtn.innerHTML=`${g.save} Save Draft`,this.saveBtn.addEventListener("click",c=>{c.stopPropagation(),this.saveChanges()}),this.publishBtn=document.createElement("button"),this.publishBtn.className="lcms-btn-publish",this.publishBtn.innerHTML=`${g.publish} Publish`,this.publishBtn.addEventListener("click",c=>{c.stopPropagation(),this.publishChanges()});let x=document.createElement("button");x.className="lcms-btn-logout",x.innerHTML=`${g.logout} Logout`,x.addEventListener("click",c=>{c.stopPropagation(),this.logout()}),this.actionsEl.appendChild(this.saveBtn),this.actionsEl.appendChild(this.publishBtn),this.actionsEl.appendChild(x),this.editModeContent.appendChild(this.actionsEl),this.panelEl.appendChild(this.editModeContent),this.brandingEl=this.createElement("div","lcms-branding"),this.brandingEl.innerHTML='<div class="lcms-branding-logo"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg></div><div class="lcms-branding-text">Powered by <span>XtroEdge</span></div>',this.brandingEl.addEventListener("click",c=>{c.stopPropagation(),window.open("https://xtro.vercel.app/","_blank")}),this.panelEl.appendChild(this.brandingEl)}buildLangButtons(){if(!this.langSwitchEl)return;this.langSwitchEl.innerHTML="";let t=document.createElement("select");t.className="lcms-lang-select";for(let i of this.languages){let s=document.createElement("option");s.value=i,s.textContent=i.toUpperCase(),i===this.currentLang&&(s.selected=!0),t.appendChild(s)}t.addEventListener("change",i=>{i.stopPropagation(),this.switchLang(i.target.value)}),this.langSwitchEl.appendChild(t);let e=document.createElement("span");e.className="lcms-lang-arrow",e.textContent="\u25BC",this.langSwitchEl.appendChild(e)}updateUI(){if(this.fabEl&&(this.fabEl.style.display=this.isEditAllowed?"":"none"),this.fabBtn&&(this.fabBtn.style.display=this.isOpen?"none":"",this.fabBtn.classList.toggle("lcms-fab-active",this.editMode)),this.panelEl&&(this.panelEl.classList.toggle("lcms-hidden",!this.isOpen),this.isOpen)){let t=this.posY>window.innerHeight/2,e=this.posX>window.innerWidth/2;this.panelEl.style.bottom=t?"0":"",this.panelEl.style.top=t?"":"0",this.panelEl.style.right=e?"0":"",this.panelEl.style.left=e?"":"0"}if(this.badgeEl&&(this.badgeEl.classList.toggle("lcms-hidden",this.unsavedChanges===0),this.badgeEl.textContent=String(this.unsavedChanges)),this.editToggle&&(this.editToggle.checked=this.editMode),this.langSwitchEl){this.langSwitchEl.classList.toggle("lcms-hidden",!this.editMode||this.languages.length<=1);let t=this.langSwitchEl.querySelector(".lcms-lang-select");t&&(t.value=this.currentLang)}this.editModeContent&&this.editModeContent.classList.toggle("lcms-hidden",!this.editMode),this.changesInfoEl&&(this.changesInfoEl.classList.toggle("lcms-hidden",this.unsavedChanges===0),this.changesInfoEl.textContent=`${this.unsavedChanges} unsaved change${this.unsavedChanges>1?"s":""}`),this.undoBtn&&(this.undoBtn.disabled=!this.canUndo),this.redoBtn&&(this.redoBtn.disabled=!this.canRedo),this.historyBtnEl&&this.historyBtnEl.classList.toggle("active",this.showHistory),this.historyPanelEl&&this.historyPanelEl.classList.toggle("lcms-hidden",!this.showHistory),this.saveBtn&&(this.saveBtn.disabled=this.isSaving||this.isPublishing||this.unsavedChanges===0,this.saveBtn.innerHTML=this.isSaving?'<span class="lcms-spinner"></span> Saving...':`${g.save} Save Draft`),this.publishBtn&&(this.publishBtn.disabled=this.isSaving||this.isPublishing,this.publishBtn.innerHTML=this.isPublishing?'<span class="lcms-spinner"></span> Publishing...':`${g.publish} Publish`),this.loaderEl&&this.loaderEl.classList.toggle("lcms-hidden",!this.loading),this.imgOverlay&&this.imgOverlay.classList.toggle("lcms-hidden",!this.imageUploading)}autoDetectAndScan(){this.autoDetectElements(),this.scanDOM(),this.scanImages()}resolveContainer(){return this.containerSelector&&document.querySelector(this.containerSelector)||document.body}autoDetectElements(){let t=this.resolveContainer();if(!t)return;for(let r of this.autoDetectedElements)document.contains(r)||this.autoDetectedElements.delete(r);let e=r=>{let o=r.parentElement;for(;o&&o!==document.body;){let d=o.tagName.toLowerCase();if(d==="header"||d.endsWith("-header"))return"/header";if(d==="footer"||d.endsWith("-footer"))return"/footer";o=o.parentElement}return this.currentSlug},i={},s=(r,o)=>{let d=o==="/header"?"header":o==="/footer"?"footer":"page";i[d]||(i[d]={});let h=r.tagName.toLowerCase();i[d][h]||(i[d][h]=0);let p=`${d!=="page"?`${d}_`:""}xcms_${h}_${i[d][h]}`;i[d][h]++,r.setAttribute("data-cms",p),r.setAttribute("data-cms-section",o),this.autoDetectedElements.add(r)},n=this.editableTags.join(",");t.querySelectorAll(n).forEach(r=>{r.hasAttribute("data-cms")||r.closest("#xtroedge-cms-root, script, style, noscript")||r.children.length>3||this.getDirectTextContent(r).trim().length<2||s(r,e(r))}),t.querySelectorAll("[data-editable]").forEach(r=>{r.hasAttribute("data-cms")||r.closest("#xtroedge-cms-root, script, style, noscript")||s(r,e(r))})}scanDOM(){document.querySelectorAll("[data-cms]").forEach(e=>{if(e.closest("#xtroedge-cms-root"))return;let i=e.getAttribute("data-cms");this.registeredKeys.add(i),this.managedElements.has(e)||this.attachElement(e,i)});for(let[e]of this.managedElements)document.contains(e)||this.detachElement(e)}scanImages(){let t=this.resolveContainer();if(!t)return;let e={...this.pageImages},i=!1;t.querySelectorAll("img").forEach(n=>{if(n.closest("#xtroedge-cms-root")||this.managedImages.has(n))return;let a=n.getAttribute("src")||"";!a||a.startsWith("data:")||(this.attachImage(n,a),e[a]||(e[a]=a,i=!0))}),i&&(this.pageImages=e,this.originalImages=JSON.parse(JSON.stringify(e)));for(let[n]of this.managedImages)document.contains(n)||this.detachImage(n)}getDirectTextContent(t){let e="";for(let i=0;i<t.childNodes.length;i++)t.childNodes[i].nodeType===Node.TEXT_NODE&&(e+=t.childNodes[i].textContent||"");return e}hasEditableChildren(t){return!!t.querySelector("[data-cms]")}setDirectTextContent(t,e){if(this.hasEditableChildren(t)){let i=[];for(let s=0;s<t.childNodes.length;s++)t.childNodes[s].nodeType===Node.TEXT_NODE&&i.push(t.childNodes[s]);i.length>0?i[0].textContent=e:t.prepend(document.createTextNode(e))}else t.textContent=e}attachElement(t,e){let i=()=>this.hasEditableChildren(t)?this.getDirectTextContent(t).trim():t.textContent?.trim()||"",s=()=>{let o=i(),d=this.getPageText(e);o!==d&&this.onTextChanged(e,o)},n=o=>{o.key==="Enter"&&(o.preventDefault(),t.blur())},a=()=>{let o=i(),d=this.getPageText(e);o!==d&&this.onTextChanged(e,o)},l=o=>{(t.tagName==="A"||o.target.closest("a"))&&(o.preventDefault(),o.stopPropagation(),t.focus())},r=t.getAttribute("data-cms-section")||this.currentSlug;this.managedElements.set(t,{key:e,sectionSlug:r,blurHandler:s,keydownHandler:n,inputHandler:a,clickHandler:l}),this.editMode&&this.enableElementEdit(t,e,s,n,a,l)}detachElement(t){let e=this.managedElements.get(t);e&&(t.removeEventListener("blur",e.blurHandler),t.removeEventListener("keydown",e.keydownHandler),t.removeEventListener("input",e.inputHandler),t.removeEventListener("click",e.clickHandler,!0),t.removeAttribute("contenteditable"),this.managedElements.delete(t))}enableElementEdit(t,e,i,s,n,a){let l=this.getPageText(e);l&&this.setDirectTextContent(t,l),t.setAttribute("contenteditable","true"),t.style.outline=`2px dashed ${this.highlightColor}`,t.style.outlineOffset="-2px",t.style.cursor="text",t.style.transition="background 0.2s",t.style.minWidth="20px",t.addEventListener("blur",i),t.addEventListener("keydown",s),t.addEventListener("input",n),t.addEventListener("click",a,!0)}disableElementEdit(t,e,i,s,n,a){t.removeAttribute("contenteditable"),t.style.outline="",t.style.outline="",t.style.outlineOffset="",t.style.cursor="",t.style.transition="",t.style.minWidth="";let l=this.getPageText(e);l&&this.setDirectTextContent(t,l),t.removeEventListener("blur",i),t.removeEventListener("keydown",s),t.removeEventListener("input",n),t.removeEventListener("click",a,!0)}applyEditMode(t){for(let[e,i]of this.managedElements)t?this.enableElementEdit(e,i.key,i.blurHandler,i.keydownHandler,i.inputHandler,i.clickHandler):this.disableElementEdit(e,i.key,i.blurHandler,i.keydownHandler,i.inputHandler,i.clickHandler);this.applyImageEditMode(t)}updateElementTexts(){this.observer?.disconnect();for(let[t,e]of this.managedElements){if(document.activeElement===t)continue;let i=this.getPageText(e.key);if(!i)continue;let s=this.hasEditableChildren(t)?this.getDirectTextContent(t).trim():t.textContent?.trim()||"";i!==s&&this.setDirectTextContent(t,i)}this.observer?.observe(document.body,{childList:!0,subtree:!0})}cleanupManagedElements(){for(let[t]of this.managedElements)this.detachElement(t);this.managedElements.clear();for(let t of this.autoDetectedElements)t.removeAttribute("data-cms");this.autoDetectedElements.clear(),this.cleanupManagedImages()}attachImage(t,e){let i=s=>{this.editMode&&(s.preventDefault(),s.stopPropagation(),this.showImageContextMenu(s.clientX,s.clientY,t))};this.managedImages.set(t,{key:e,ctxHandler:i}),this.editMode&&this.enableImageEdit(t,i)}detachImage(t){let e=this.managedImages.get(t);e&&(t.removeEventListener("contextmenu",e.ctxHandler),t.style.outline="",t.style.cursor="",this.managedImages.delete(t))}cleanupManagedImages(){for(let[t]of this.managedImages)this.detachImage(t);this.managedImages.clear(),this.dismissImageCtxMenu()}applyImageEditMode(t){for(let[e,i]of this.managedImages)t?this.enableImageEdit(e,i.ctxHandler):this.disableImageEdit(e,i.ctxHandler);t||this.dismissImageCtxMenu()}enableImageEdit(t,e){t.dataset.origTitle||(t.dataset.origTitle=t.title||""),t.title="Right-click to change image",t.style.outline=`2px dashed ${this.highlightColor}`,t.style.cursor="context-menu",t.addEventListener("contextmenu",e)}disableImageEdit(t,e){t.title=t.dataset.origTitle||"",delete t.dataset.origTitle,t.style.outline="",t.style.cursor="",t.removeEventListener("contextmenu",e)}showImageContextMenu(t,e,i){this.dismissImageCtxMenu();let s=document.createElement("div");Object.assign(s.style,{position:"fixed",zIndex:"10005",minWidth:"160px",background:"rgba(30,15,60,0.85)",backdropFilter:"blur(16px)",webkitBackdropFilter:"blur(16px)",border:"1px solid rgba(139,92,246,0.3)",borderRadius:"10px",padding:"4px",boxShadow:"0 8px 32px rgba(0,0,0,0.4)",fontFamily:"system-ui, -apple-system, sans-serif",left:Math.min(t,window.innerWidth-180)+"px",top:Math.min(e,window.innerHeight-50)+"px"});let n=document.createElement("button");Object.assign(n.style,{width:"100%",padding:"8px 12px",border:"none",borderRadius:"7px",background:"transparent",color:"white",fontSize:"12px",fontWeight:"500",cursor:"pointer",display:"flex",alignItems:"center",gap:"8px"}),n.innerHTML=`${g.image} Upload Image`,n.addEventListener("mouseenter",()=>n.style.background="rgba(103,34,251,0.3)"),n.addEventListener("mouseleave",()=>n.style.background="transparent"),n.addEventListener("click",()=>{this.activeImageEl=i,this.fileInput&&(this.fileInput.value="",this.fileInput.click()),this.dismissImageCtxMenu()}),s.appendChild(n),document.body.appendChild(s),this.imageCtxMenu=s;let a=l=>{s.contains(l.target)||(this.dismissImageCtxMenu(),document.removeEventListener("mousedown",a))};setTimeout(()=>document.addEventListener("mousedown",a),0)}dismissImageCtxMenu(){this.imageCtxMenu&&(this.imageCtxMenu.remove(),this.imageCtxMenu=null)}onImageFileSelected(t){let i=t.target.files?.[0];if(!i||!this.activeImageEl)return;this.imageUploading=!0,this.updateUI();let s=new FileReader;s.onload=()=>{let n=s.result;this.uploadImageToApi(n)},s.readAsDataURL(i)}async uploadImageToApi(t){try{let e=await this.apiFetch(`${this.config.apiBase}/web/upload-image`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:t})});if(!e.ok)throw new Error(`HTTP ${e.status}`);let i=await e.json(),n=(this.config.imageBaseUrl||(this.config.apiBase?new URL(this.config.apiBase).origin:""))+i.path;if(this.activeImageEl){let a=this.managedImages.get(this.activeImageEl)?.key||"";this.activeImageEl.src=n,this.onImageChanged(a,n)}this.imageUploading=!1,this.activeImageEl=null,this.updateUI(),this.showToast("Image updated!","success")}catch(e){this.imageUploading=!1,this.activeImageEl=null,this.updateUI(),this.showToast("Image upload failed.","error"),this.config.onError?.("upload-image",e)}}applyPageImages(){for(let[t,e]of this.managedImages){let i=this.pageImages[e.key];i&&t.src!==i&&(t.src=i)}}getPageText(t){return this.pageTexts[t]?.[this.currentLang]||""}onTextChanged(t,e){this.undoStack.push(this.createSnapshot()),this.redoStack=[],this.canUndo=!0,this.canRedo=!1,this.pageTexts[t]||(this.pageTexts[t]={}),this.pageTexts[t]={...this.pageTexts[t],[this.currentLang]:e},this.dirtyKeys.add(t),this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size,this.pushHistory(t,this.currentLang),this.updateUI()}onImageChanged(t,e){this.undoStack.push(this.createSnapshot()),this.redoStack=[],this.canUndo=!0,this.canRedo=!1,this.pageImages={...this.pageImages,[t]:e},this.dirtyImageKeys.add(t),this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size,this.pushHistory(t,"img"),this.updateUI()}createSnapshot(){return JSON.stringify({texts:this.pageTexts,images:this.pageImages})}applySnapshot(t){let e=JSON.parse(t);e.texts?(this.pageTexts=e.texts,e.images&&(this.pageImages=e.images)):this.pageTexts=e}onUndo(){this.undoStack.length!==0&&(this.redoStack.push(this.createSnapshot()),this.applySnapshot(this.undoStack.pop()),this.canUndo=this.undoStack.length>0,this.canRedo=!0,this.recalcDirtyKeys(),this.updateElementTexts(),this.applyPageImages(),this.updateUI())}onRedo(){this.redoStack.length!==0&&(this.undoStack.push(this.createSnapshot()),this.applySnapshot(this.redoStack.pop()),this.canUndo=!0,this.canRedo=this.redoStack.length>0,this.recalcDirtyKeys(),this.updateElementTexts(),this.applyPageImages(),this.updateUI())}recalcDirtyKeys(){this.dirtyKeys.clear();for(let t of this.registeredKeys)JSON.stringify(this.pageTexts[t])!==JSON.stringify(this.originalTexts[t])&&this.dirtyKeys.add(t);this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size}resetAll(){this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.undoStack=[],this.redoStack=[],this.canUndo=!1,this.canRedo=!1,this.updateUI()}resetAfterSave(){this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages))}cancelEditing(){this.pageTexts=JSON.parse(JSON.stringify(this.originalTexts)),this.pageImages=JSON.parse(JSON.stringify(this.originalImages)),this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.updateElementTexts(),this.applyPageImages(),this.updateUI()}logout(){localStorage.removeItem("builder_token"),sessionStorage.removeItem("builder_edit_mode"),this.editMode=!1,this.isEditAllowed=!1,this.applyEditMode(!1),this.isOpen=!1,this.updateUI(),this.showToast("Logged out","success")}async loadTranslationsAndInit(t){if(this.config.i18nBasePath)try{let e=this.currentLang,i=await fetch(`${this.config.i18nBasePath}/${e}.json`);if(i.ok){let s=await i.json();this.translationCache.clear(),this.flattenTranslations(s,"",this.getPageSection())}}catch{}this.autoDetectAndScan(),this.editMode&&this.applyEditMode(!0),this.config.apiBase?t?this.loadPageContent("draft"):this.loadPublishedContent():(this.buildDefaultTexts(),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.setLoading(!1)),this.updateUI()}flattenTranslations(t,e,i){for(let s of Object.keys(t)){let n=e?`${e}.${s}`:s;if(typeof t[s]=="string"){let a=t[s].trim();a.length>=2&&(!this.translationCache.get(a)||n.toUpperCase().startsWith(i))&&this.translationCache.set(a,n)}else typeof t[s]=="object"&&t[s]!==null&&!Array.isArray(t[s])&&this.flattenTranslations(t[s],n,i)}}getPageSection(){return this.currentSlug.replace(/^\//,"").replace(/-/g,"_").toUpperCase()}apiFetch(t,e){let i=localStorage.getItem("builder_token")||"",s={...e?.headers||{}};return i&&(s.Authorization=`Bearer ${i}`),fetch(t,{...e,headers:s})}async fetchSection(t,e){try{let i=await this.apiFetch(`${this.config.apiBase}/web-page/get?slug=${encodeURIComponent(t)}&status=${e}&site_identifier=${encodeURIComponent(this.siteIdentifier)}`);return i.ok?await i.json():null}catch{return null}}hasSection(t){let e=t==="header"?"/header":"/footer";for(let[,i]of this.managedElements)if(i.sectionSlug===e)return!0;return!1}async loadPageContent(t){this.setLoading(!0),this.cleanOldHistory();try{let e=[this.fetchSection(this.currentSlug,t)],i=this.hasSection("header"),s=this.hasSection("footer");i&&e.push(this.fetchSection("/header",t)),s&&e.push(this.fetchSection("/footer",t));let n=await Promise.all(e),a=n[0],l=i?n[1]:null,r=s?n[i?2:1]:null,o=m=>m?.content?.texts||m?.published_content?.texts||null,d=o(a),h=o(l),b=o(r);d||h||b?this.pageTexts={...d||{},...h||{},...b||{}}:this.buildDefaultTexts();let p=a?.content?.images||a?.published_content?.images;p&&(this.pageImages=JSON.parse(JSON.stringify(p)),this.applyPageImages()),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.resetAll(),this.updateElementTexts()}catch{this.buildDefaultTexts(),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.resetAll()}finally{this.setLoading(!1)}}async loadPublishedContent(){this.setLoading(!0);try{let t=[this.fetchSection(this.currentSlug,"published")],e=this.hasSection("header"),i=this.hasSection("footer");e&&t.push(this.fetchSection("/header","published")),i&&t.push(this.fetchSection("/footer","published"));let s=await Promise.all(t),n=s[0],a=e?s[1]:null,l=i?s[e?2:1]:null,r=h=>h?.published_content?.texts||null,o={...r(n)||{},...r(a)||{},...r(l)||{}};Object.keys(o).length>0&&(this.pageTexts=JSON.parse(JSON.stringify(o)),this.updateElementTexts());let d=n?.published_content?.images;d&&Object.keys(d).length>0&&(this.pageImages=JSON.parse(JSON.stringify(d)),this.applyPageImages())}catch{}finally{this.setLoading(!1)}}buildDefaultTexts(){let t={};for(let e of this.registeredKeys){let s=document.querySelector(`[data-cms="${e}"]`)?.textContent?.trim()||"";t[e]={[this.currentLang]:s}}if(this.pageTexts=t,this.config.i18nBasePath){let e=this.languages.filter(i=>i!==this.currentLang);for(let i of e)fetch(`${this.config.i18nBasePath}/${i}.json`).then(s=>s.json()).then(s=>{let n={...this.pageTexts};for(let a of this.registeredKeys){let l=a.split("."),r=s;for(let o of l)r=r?.[o];r&&typeof r=="string"&&(n[a]={...n[a],[i]:r})}this.pageTexts=n,this.originalTexts=JSON.parse(JSON.stringify(n)),this.updateElementTexts()}).catch(()=>{})}}groupTextsBySection(){let t={};for(let[,e]of this.managedElements){let i=e.sectionSlug;t[i]||(t[i]={}),this.pageTexts[e.key]!==void 0&&(t[i][e.key]=this.pageTexts[e.key])}return t}async saveChanges(){if(!this.config.apiBase){this.showToast("No API configured. Set apiBase to enable save.","error");return}this.isSaving=!0,this.updateUI();try{let t=this.groupTextsBySection(),e=Object.entries(t).map(([s,n])=>this.apiFetch(`${this.config.apiBase}/web_page/save`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:s,title:s===this.currentSlug?this.currentTitle:s.replace("/",""),site_identifier:this.siteIdentifier,content:{texts:n,...s===this.currentSlug?{images:this.pageImages}:{}}})}));if((await Promise.all(e)).some(s=>!s.ok))throw new Error("One or more sections failed to save");this.isSaving=!1,this.resetAfterSave(),this.updateUI(),this.showToast("Draft saved successfully!","success"),this.config.onSaved?.()}catch(t){this.isSaving=!1,this.updateUI(),this.showToast("Save failed. Please try again.","error"),this.config.onError?.("save",t)}}async publishChanges(){if(!this.config.apiBase){this.showToast("No API configured. Set apiBase to enable publish.","error");return}this.isPublishing=!0,this.updateUI();try{let t=this.groupTextsBySection(),e=Object.entries(t).map(([s,n])=>this.apiFetch(`${this.config.apiBase}/web_page/publish`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:s,title:s===this.currentSlug?this.currentTitle:s.replace("/",""),site_identifier:this.siteIdentifier,published_content:{texts:n,...s===this.currentSlug?{images:this.pageImages}:{}}})}));if((await Promise.all(e)).some(s=>!s.ok))throw new Error("One or more sections failed to publish");this.isPublishing=!1,this.resetAfterSave(),this.updateUI(),this.showToast("Published successfully!","success"),this.config.onPublished?.()}catch(t){this.isPublishing=!1,this.updateUI(),this.showToast("Publish failed. Please try again.","error"),this.config.onError?.("publish",t)}}async toggleHistory(){this.showHistory=!this.showHistory,this.showHistory&&await this.loadHistory(),this.updateUI()}async loadHistory(){try{let t=await this.openDB(),e=await new Promise((i,s)=>{let r=t.transaction(v,"readonly").objectStore(v).index("slug").getAll(this.currentSlug);r.onsuccess=()=>i(r.result.sort((o,d)=>d.timestamp-o.timestamp).slice(0,30)),r.onerror=()=>s(r.error)});this.historyList=e,this.renderHistoryList()}catch{}}renderHistoryList(){if(this.historyListEl){if(this.historyListEl.innerHTML="",this.historyList.length===0){let t=this.createElement("div","lcms-history-empty");t.textContent="No history yet",this.historyListEl.appendChild(t);return}for(let t of this.historyList){let e=document.createElement("button");e.className="lcms-history-item";let i=this.createElement("div","lcms-history-label");i.textContent=t.label;let s=this.createElement("div","lcms-history-meta"),n=this.createElement("span","lcms-history-lang");n.textContent=t.lang.toUpperCase();let a=document.createTextNode(" "+this.formatDate(t.timestamp));s.appendChild(n),s.appendChild(a),e.appendChild(i),e.appendChild(s),e.addEventListener("click",l=>{l.stopPropagation(),this.restoreHistory(t)}),this.historyListEl.appendChild(e)}}}restoreHistory(t){this.undoStack.push(this.createSnapshot()),this.canUndo=!0,this.applySnapshot(t.snapshot),this.recalcDirtyKeys(),this.showHistory=!1,this.updateElementTexts(),this.applyPageImages(),this.updateUI(),this.showToast("Restored from history","success")}pushHistory(t,e){let i=e==="img",s=i?t.split("/").pop()||"image":t.split("_").pop()||t,n=i?`Changed ${s}`:`Edited ${s}`;this.openDB().then(a=>{a.transaction(v,"readwrite").objectStore(v).add({slug:this.currentSlug,timestamp:Date.now(),label:n,lang:e,snapshot:JSON.stringify({texts:this.pageTexts,images:this.pageImages})})}).catch(()=>{})}async cleanOldHistory(){try{let t=await this.openDB(),e=Date.now()-this.historyRetentionMs,n=t.transaction(v,"readwrite").objectStore(v).index("timestamp").openCursor(IDBKeyRange.upperBound(e));n.onsuccess=()=>{let a=n.result;a&&(a.delete(),a.continue())}}catch{}}openDB(){return this.db?Promise.resolve(this.db):new Promise((t,e)=>{let i=indexedDB.open(B,1);i.onupgradeneeded=()=>{let s=i.result;if(!s.objectStoreNames.contains(v)){let n=s.createObjectStore(v,{keyPath:"id",autoIncrement:!0});n.createIndex("slug","slug",{unique:!1}),n.createIndex("timestamp","timestamp",{unique:!1})}},i.onsuccess=()=>{this.db=i.result,t(this.db)},i.onerror=()=>e(i.error)})}showToast(t,e){if(!this.toastEl)return;this.toastMessage=t,this.toastType=e;let i=e==="success"?g.check:g.error;this.toastEl.className=`lcms-toast lcms-toast-${e}`,this.toastEl.innerHTML=`${i} ${t}`,this.toastTimer&&clearTimeout(this.toastTimer),this.toastTimer=setTimeout(()=>{this.toastEl&&this.toastEl.classList.add("lcms-hidden")},3e3)}onFabClick(t){t.stopPropagation(),!this.hasMoved&&(this.isOpen=!this.isOpen,this.updateUI())}togglePanel(){this.hasMoved||(this.isOpen=!this.isOpen,this.updateUI())}toggleEditMode(t){t.stopPropagation(),t.target.checked?(sessionStorage.setItem("builder_edit_mode","true"),this.editMode=!0,this.currentLang=this.detectCurrentLanguage(),this.applyEditMode(!0),this.loadPageContent("draft")):(sessionStorage.removeItem("builder_edit_mode"),this.editMode=!1,this.applyEditMode(!1)),this.updateUI(),this.config.onEditModeChanged?.(this.editMode)}switchLang(t){this.currentLang=t,localStorage.setItem("selectedLanguage",t),document.documentElement.setAttribute("lang",t),document.documentElement.setAttribute("dir",t==="ar"?"rtl":"ltr"),this.config.onLangChanged?.(t),window.dispatchEvent(new CustomEvent("cms:langChanged",{detail:{lang:t}})),window.location.reload()}onDragStart(t){t.target.closest("button:not(.lcms-fab-btn)")||t.target.closest(".lcms-panel")||(this.isDragging=!0,this.hasMoved=!1,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.startPosX=this.posX,this.startPosY=this.posY,document.addEventListener("mousemove",this.boundMouseMove),document.addEventListener("mouseup",this.boundMouseUp))}onDragMove(t){if(!this.isDragging||!this.fabEl)return;let e=t.clientX-this.dragStartX,i=t.clientY-this.dragStartY;(Math.abs(e)>3||Math.abs(i)>3)&&(this.hasMoved=!0),this.posX=Math.max(0,Math.min(window.innerWidth-60,this.startPosX+e)),this.posY=Math.max(0,Math.min(window.innerHeight-60,this.startPosY+i)),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px"}onDragEnd(){this.isDragging=!1,document.removeEventListener("mousemove",this.boundMouseMove),document.removeEventListener("mouseup",this.boundMouseUp)}onTouchStart(t){if(t.target.closest("button:not(.lcms-fab-btn)")||t.target.closest(".lcms-panel"))return;let e=t.touches[0];this.isDragging=!0,this.hasMoved=!1,this.dragStartX=e.clientX,this.dragStartY=e.clientY,this.startPosX=this.posX,this.startPosY=this.posY,document.addEventListener("touchmove",this.boundTouchMove,{passive:!1}),document.addEventListener("touchend",this.boundTouchEnd)}onTouchMove(t){if(!this.isDragging||!this.fabEl)return;t.preventDefault();let e=t.touches[0],i=e.clientX-this.dragStartX,s=e.clientY-this.dragStartY;(Math.abs(i)>3||Math.abs(s)>3)&&(this.hasMoved=!0),this.posX=Math.max(0,Math.min(window.innerWidth-60,this.startPosX+i)),this.posY=Math.max(0,Math.min(window.innerHeight-60,this.startPosY+s)),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px"}onTouchEnd(){this.isDragging=!1,document.removeEventListener("touchmove",this.boundTouchMove),document.removeEventListener("touchend",this.boundTouchEnd)}setLoading(t){this.loading=t,this.updateUI()}detectCurrentLanguage(){let t=document.documentElement.getAttribute("lang");if(t&&this.languages.includes(t))return t;let e=localStorage.getItem("selectedLanguage");return e&&this.languages.includes(e)?e:this.defaultLanguage}createElement(t,e){let i=document.createElement(t);return i.className=e,i}formatDate(t){let e=new Date(t),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],s=e.getHours(),n=e.getMinutes().toString().padStart(2,"0"),a=s>=12?"PM":"AM",l=s%12||12;return`${i[e.getMonth()]} ${e.getDate()}, ${l}:${n} ${a}`}showLoginModal(){if(this.loginModalEl)return;let t=document.createElement("div");t.className="lcms-login-overlay",t.id="lcms-login-modal",t.innerHTML=`
+    </div>`,this.rootEl.appendChild(this.loaderEl),this.toastEl=this.createElement("div","lcms-toast lcms-hidden"),this.rootEl.appendChild(this.toastEl),this.fabEl=this.createElement("div","lcms-fab"),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px",this.fabEl.addEventListener("mousedown",t=>this.onDragStart(t)),this.fabEl.addEventListener("touchstart",t=>this.onTouchStart(t),{passive:!0}),this.fabBtn=document.createElement("button"),this.fabBtn.className="lcms-fab-btn",this.fabBtn.innerHTML=g.edit,this.fabBtn.addEventListener("click",t=>this.onFabClick(t)),this.badgeEl=this.createElement("span","lcms-badge lcms-hidden"),this.fabBtn.appendChild(this.badgeEl),this.fabEl.appendChild(this.fabBtn),this.panelEl=this.createElement("div","lcms-panel lcms-hidden"),this.buildPanel(),this.fabEl.appendChild(this.panelEl),this.rootEl.appendChild(this.fabEl),this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.accept="image/*",this.fileInput.style.display="none",this.fileInput.addEventListener("change",t=>this.onImageFileSelected(t)),this.rootEl.appendChild(this.fileInput),this.imgOverlay=this.createElement("div","lcms-img-upload-overlay lcms-hidden"),this.imgOverlay.innerHTML='<div class="lcms-img-upload-content"><div class="lcms-spinner-lg"></div><span>Uploading image...</span></div>',this.rootEl.appendChild(this.imgOverlay),document.body.appendChild(this.rootEl)}buildPanel(){if(!this.panelEl)return;let t=this.createElement("div","lcms-panel-header"),e=this.createElement("label","lcms-toggle");e.addEventListener("click",c=>c.stopPropagation()),this.editToggle=document.createElement("input"),this.editToggle.type="checkbox",this.editToggle.checked=this.editMode,this.editToggle.addEventListener("change",c=>this.toggleEditMode(c));let i=this.createElement("span","lcms-toggle-slider"),s=this.createElement("span","lcms-toggle-label");s.textContent="Edit",e.appendChild(this.editToggle),e.appendChild(i),e.appendChild(s),t.appendChild(e),this.langSwitchEl=this.createElement("div","lcms-lang-switch lcms-hidden"),this.buildLangButtons(),t.appendChild(this.langSwitchEl);let n=document.createElement("button");n.className="lcms-close-btn",n.innerHTML=g.close,n.addEventListener("click",c=>{c.stopPropagation(),this.togglePanel()}),t.appendChild(n),this.panelEl.appendChild(t),this.siteIdEl=this.createElement("div","lcms-site-id");let a=this.siteIdentifier.includes(".");this.siteIdEl.innerHTML=`<span class="lcms-site-id-icon">${a?"\u{1F310}":"\u{1F511}"}</span><span class="lcms-site-id-text">${a?this.siteIdentifier:this.siteIdentifier.substring(0,8)}</span>`,this.panelEl.appendChild(this.siteIdEl),this.editModeContent=this.createElement("div","lcms-hidden"),this.changesInfoEl=this.createElement("div","lcms-changes-info lcms-hidden"),this.editModeContent.appendChild(this.changesInfoEl);let l=this.createElement("div","lcms-undo-row");this.undoBtn=document.createElement("button"),this.undoBtn.className="lcms-icon-btn",this.undoBtn.innerHTML=g.undo,this.undoBtn.disabled=!0,this.undoBtn.addEventListener("click",c=>{c.stopPropagation(),this.onUndo()}),this.redoBtn=document.createElement("button"),this.redoBtn.className="lcms-icon-btn",this.redoBtn.innerHTML=g.redo,this.redoBtn.disabled=!0,this.redoBtn.addEventListener("click",c=>{c.stopPropagation(),this.onRedo()}),l.appendChild(this.undoBtn),l.appendChild(this.redoBtn),this.editModeContent.appendChild(l);let r=this.createElement("div","lcms-theme-row"),o=this.createElement("span","lcms-theme-label");o.textContent="Theme",r.appendChild(o);let d=this.createElement("div","lcms-theme-colors"),h=["#00C853","#6722FB","#2196F3","#FF5722","#E91E63","#FFD600"];for(let c of h){let y=this.createElement("div","lcms-theme-swatch");y.style.background=c,y.dataset.color=c,c===this.highlightColor&&y.classList.add("active"),y.addEventListener("click",M=>{M.stopPropagation(),this.applyThemeColor(c)}),d.appendChild(y)}let b=this.createElement("div","lcms-theme-custom"),p=this.createElement("div","lcms-theme-custom-preview"),m=document.createElement("input");m.type="color",m.value=this.highlightColor,m.addEventListener("input",c=>{c.stopPropagation(),this.applyThemeColor(c.target.value)}),b.appendChild(p),b.appendChild(m),d.appendChild(b),r.appendChild(d),this.editModeContent.appendChild(r),this.historyBtnEl=document.createElement("button"),this.historyBtnEl.className="lcms-history-btn",this.historyBtnEl.innerHTML=`${g.history} History (7 days)`,this.historyBtnEl.addEventListener("click",c=>{c.stopPropagation(),this.toggleHistory()}),this.editModeContent.appendChild(this.historyBtnEl),this.historyPanelEl=this.createElement("div","lcms-history-panel lcms-hidden");let w=this.createElement("div","lcms-history-title");w.textContent="Edit History",this.historyPanelEl.appendChild(w),this.historyListEl=this.createElement("div","lcms-history-list"),this.historyPanelEl.appendChild(this.historyListEl),this.editModeContent.appendChild(this.historyPanelEl),this.actionsEl=this.createElement("div","lcms-actions"),this.saveBtn=document.createElement("button"),this.saveBtn.className="lcms-btn-save",this.saveBtn.innerHTML=`${g.save} Save Draft`,this.saveBtn.addEventListener("click",c=>{c.stopPropagation(),this.saveChanges()}),this.publishBtn=document.createElement("button"),this.publishBtn.className="lcms-btn-publish",this.publishBtn.innerHTML=`${g.publish} Publish`,this.publishBtn.addEventListener("click",c=>{c.stopPropagation(),this.publishChanges()});let x=document.createElement("button");x.className="lcms-btn-logout",x.innerHTML=`${g.logout} Logout`,x.addEventListener("click",c=>{c.stopPropagation(),this.logout()}),this.actionsEl.appendChild(this.saveBtn),this.actionsEl.appendChild(this.publishBtn),this.actionsEl.appendChild(x),this.editModeContent.appendChild(this.actionsEl),this.panelEl.appendChild(this.editModeContent),this.brandingEl=this.createElement("div","lcms-branding"),this.brandingEl.innerHTML='<div class="lcms-branding-logo"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg></div><div class="lcms-branding-text">Powered by <span>XtroEdge</span></div>',this.brandingEl.addEventListener("click",c=>{c.stopPropagation(),window.open("https://xtro.vercel.app/","_blank")}),this.panelEl.appendChild(this.brandingEl)}buildLangButtons(){if(!this.langSwitchEl)return;this.langSwitchEl.innerHTML="";let t=document.createElement("select");t.className="lcms-lang-select";for(let i of this.languages){let s=document.createElement("option");s.value=i,s.textContent=i.toUpperCase(),i===this.currentLang&&(s.selected=!0),t.appendChild(s)}t.addEventListener("change",i=>{i.stopPropagation(),this.switchLang(i.target.value)}),this.langSwitchEl.appendChild(t);let e=document.createElement("span");e.className="lcms-lang-arrow",e.textContent="\u25BC",this.langSwitchEl.appendChild(e)}updateUI(){if(this.fabEl&&(this.fabEl.style.display=this.isEditAllowed?"":"none"),this.fabBtn&&(this.fabBtn.style.display=this.isOpen?"none":"",this.fabBtn.classList.toggle("lcms-fab-active",this.editMode)),this.panelEl&&(this.panelEl.classList.toggle("lcms-hidden",!this.isOpen),this.isOpen)){let t=this.posY>window.innerHeight/2,e=this.posX>window.innerWidth/2;this.panelEl.style.bottom=t?"0":"",this.panelEl.style.top=t?"":"0",this.panelEl.style.right=e?"0":"",this.panelEl.style.left=e?"":"0"}if(this.badgeEl&&(this.badgeEl.classList.toggle("lcms-hidden",this.unsavedChanges===0),this.badgeEl.textContent=String(this.unsavedChanges)),this.editToggle&&(this.editToggle.checked=this.editMode),this.langSwitchEl){this.langSwitchEl.classList.toggle("lcms-hidden",!this.editMode||this.languages.length<=1);let t=this.langSwitchEl.querySelector(".lcms-lang-select");t&&(t.value=this.currentLang)}this.editModeContent&&this.editModeContent.classList.toggle("lcms-hidden",!this.editMode),this.changesInfoEl&&(this.changesInfoEl.classList.toggle("lcms-hidden",this.unsavedChanges===0),this.changesInfoEl.textContent=`${this.unsavedChanges} unsaved change${this.unsavedChanges>1?"s":""}`),this.undoBtn&&(this.undoBtn.disabled=!this.canUndo),this.redoBtn&&(this.redoBtn.disabled=!this.canRedo),this.historyBtnEl&&this.historyBtnEl.classList.toggle("active",this.showHistory),this.historyPanelEl&&this.historyPanelEl.classList.toggle("lcms-hidden",!this.showHistory),this.saveBtn&&(this.saveBtn.disabled=this.isSaving||this.isPublishing||this.unsavedChanges===0,this.saveBtn.innerHTML=this.isSaving?'<span class="lcms-spinner"></span> Saving...':`${g.save} Save Draft`),this.publishBtn&&(this.publishBtn.disabled=this.isSaving||this.isPublishing,this.publishBtn.innerHTML=this.isPublishing?'<span class="lcms-spinner"></span> Publishing...':`${g.publish} Publish`),this.loaderEl&&this.loaderEl.classList.toggle("lcms-hidden",!this.loading),this.imgOverlay&&this.imgOverlay.classList.toggle("lcms-hidden",!this.imageUploading)}autoDetectAndScan(){this.autoDetectElements(),this.scanDOM(),this.scanImages()}resolveContainer(){return this.containerSelector&&document.querySelector(this.containerSelector)||document.body}autoDetectElements(){let t=this.resolveContainer();if(!t)return;for(let r of this.autoDetectedElements)document.contains(r)||this.autoDetectedElements.delete(r);let e=r=>{let o=r.parentElement;for(;o&&o!==document.body;){let d=o.tagName.toLowerCase();if(d==="header"||d.endsWith("-header"))return"/header";if(d==="footer"||d.endsWith("-footer"))return"/footer";o=o.parentElement}return this.currentSlug},i={},s=(r,o)=>{let d=o==="/header"?"header":o==="/footer"?"footer":"page";i[d]||(i[d]={});let h=r.tagName.toLowerCase();i[d][h]||(i[d][h]=0);let p=`${d!=="page"?`${d}_`:""}xcms_${h}_${i[d][h]}`;i[d][h]++,r.setAttribute("data-cms",p),r.setAttribute("data-cms-section",o),this.autoDetectedElements.add(r)},n=this.editableTags.join(",");t.querySelectorAll(n).forEach(r=>{r.hasAttribute("data-cms")||r.closest("#xtroedge-cms-root, script, style, noscript")||r.children.length>3||this.getDirectTextContent(r).trim().length<2||s(r,e(r))}),t.querySelectorAll("[data-editable]").forEach(r=>{r.hasAttribute("data-cms")||r.closest("#xtroedge-cms-root, script, style, noscript")||s(r,e(r))})}scanDOM(){document.querySelectorAll("[data-cms]").forEach(e=>{if(e.closest("#xtroedge-cms-root"))return;let i=e.getAttribute("data-cms");this.registeredKeys.add(i),this.managedElements.has(e)||this.attachElement(e,i)});for(let[e]of this.managedElements)document.contains(e)||this.detachElement(e)}scanImages(){let t=this.resolveContainer();if(!t)return;let e={...this.pageImages},i=!1;t.querySelectorAll("img").forEach(n=>{if(n.closest("#xtroedge-cms-root")||this.managedImages.has(n))return;let a=n.getAttribute("src")||"";!a||a.startsWith("data:")||(this.attachImage(n,a),e[a]||(e[a]=a,i=!0))}),i&&(this.pageImages=e,this.originalImages=JSON.parse(JSON.stringify(e)));for(let[n]of this.managedImages)document.contains(n)||this.detachImage(n)}getDirectTextContent(t){let e="";for(let i=0;i<t.childNodes.length;i++)t.childNodes[i].nodeType===Node.TEXT_NODE&&(e+=t.childNodes[i].textContent||"");return e}hasEditableChildren(t){return!!t.querySelector("[data-cms]")}setDirectTextContent(t,e){if(this.hasEditableChildren(t)){let i=[];for(let s=0;s<t.childNodes.length;s++)t.childNodes[s].nodeType===Node.TEXT_NODE&&i.push(t.childNodes[s]);i.length>0?i[0].textContent=e:t.prepend(document.createTextNode(e))}else t.textContent=e}attachElement(t,e){let i=()=>this.hasEditableChildren(t)?this.getDirectTextContent(t).trim():t.textContent?.trim()||"",s=()=>{let o=i(),d=this.getPageText(e);o!==d&&this.onTextChanged(e,o)},n=o=>{o.key==="Enter"&&(o.preventDefault(),t.blur())},a=()=>{let o=i(),d=this.getPageText(e);o!==d&&this.onTextChanged(e,o)},l=o=>{(t.tagName==="A"||o.target.closest("a"))&&(o.preventDefault(),o.stopPropagation(),t.focus())},r=t.getAttribute("data-cms-section")||this.currentSlug;this.managedElements.set(t,{key:e,sectionSlug:r,blurHandler:s,keydownHandler:n,inputHandler:a,clickHandler:l}),this.editMode&&this.enableElementEdit(t,e,s,n,a,l)}detachElement(t){let e=this.managedElements.get(t);e&&(t.removeEventListener("blur",e.blurHandler),t.removeEventListener("keydown",e.keydownHandler),t.removeEventListener("input",e.inputHandler),t.removeEventListener("click",e.clickHandler,!0),t.removeAttribute("contenteditable"),this.managedElements.delete(t))}enableElementEdit(t,e,i,s,n,a){let l=this.getPageText(e);l&&this.setDirectTextContent(t,l),t.setAttribute("contenteditable","true"),t.style.outline=`2px dashed ${this.highlightColor}`,t.style.outlineOffset="-2px",t.style.cursor="text",t.style.transition="background 0.2s",t.style.minWidth="20px",t.addEventListener("blur",i),t.addEventListener("keydown",s),t.addEventListener("input",n),t.addEventListener("click",a,!0)}disableElementEdit(t,e,i,s,n,a){t.removeAttribute("contenteditable"),t.style.outline="",t.style.outline="",t.style.outlineOffset="",t.style.cursor="",t.style.transition="",t.style.minWidth="";let l=this.getPageText(e);l&&this.setDirectTextContent(t,l),t.removeEventListener("blur",i),t.removeEventListener("keydown",s),t.removeEventListener("input",n),t.removeEventListener("click",a,!0)}applyEditMode(t){for(let[e,i]of this.managedElements)t?this.enableElementEdit(e,i.key,i.blurHandler,i.keydownHandler,i.inputHandler,i.clickHandler):this.disableElementEdit(e,i.key,i.blurHandler,i.keydownHandler,i.inputHandler,i.clickHandler);this.applyImageEditMode(t)}updateElementTexts(){this.observer?.disconnect();for(let[t,e]of this.managedElements){if(document.activeElement===t)continue;let i=this.getPageText(e.key);if(!i)continue;let s=this.hasEditableChildren(t)?this.getDirectTextContent(t).trim():t.textContent?.trim()||"";i!==s&&this.setDirectTextContent(t,i)}this.observer?.observe(document.body,{childList:!0,subtree:!0})}cleanupManagedElements(){for(let[t]of this.managedElements)this.detachElement(t);this.managedElements.clear();for(let t of this.autoDetectedElements)t.removeAttribute("data-cms");this.autoDetectedElements.clear(),this.cleanupManagedImages()}attachImage(t,e){let i=s=>{this.editMode&&(s.preventDefault(),s.stopPropagation(),this.showImageContextMenu(s.clientX,s.clientY,t))};this.managedImages.set(t,{key:e,ctxHandler:i}),this.editMode&&this.enableImageEdit(t,i)}detachImage(t){let e=this.managedImages.get(t);e&&(t.removeEventListener("contextmenu",e.ctxHandler),t.style.outline="",t.style.cursor="",this.managedImages.delete(t))}cleanupManagedImages(){for(let[t]of this.managedImages)this.detachImage(t);this.managedImages.clear(),this.dismissImageCtxMenu()}applyImageEditMode(t){for(let[e,i]of this.managedImages)t?this.enableImageEdit(e,i.ctxHandler):this.disableImageEdit(e,i.ctxHandler);t||this.dismissImageCtxMenu()}enableImageEdit(t,e){t.dataset.origTitle||(t.dataset.origTitle=t.title||""),t.title="Right-click to change image",t.style.outline=`2px dashed ${this.highlightColor}`,t.style.cursor="context-menu",t.addEventListener("contextmenu",e)}disableImageEdit(t,e){t.title=t.dataset.origTitle||"",delete t.dataset.origTitle,t.style.outline="",t.style.cursor="",t.removeEventListener("contextmenu",e)}showImageContextMenu(t,e,i){this.dismissImageCtxMenu();let s=document.createElement("div");Object.assign(s.style,{position:"fixed",zIndex:"10005",minWidth:"160px",background:"rgba(30,15,60,0.85)",backdropFilter:"blur(16px)",webkitBackdropFilter:"blur(16px)",border:"1px solid rgba(139,92,246,0.3)",borderRadius:"10px",padding:"4px",boxShadow:"0 8px 32px rgba(0,0,0,0.4)",fontFamily:"system-ui, -apple-system, sans-serif",left:Math.min(t,window.innerWidth-180)+"px",top:Math.min(e,window.innerHeight-50)+"px"});let n=document.createElement("button");Object.assign(n.style,{width:"100%",padding:"8px 12px",border:"none",borderRadius:"7px",background:"transparent",color:"white",fontSize:"12px",fontWeight:"500",cursor:"pointer",display:"flex",alignItems:"center",gap:"8px"}),n.innerHTML=`${g.image} Upload Image`,n.addEventListener("mouseenter",()=>n.style.background="rgba(103,34,251,0.3)"),n.addEventListener("mouseleave",()=>n.style.background="transparent"),n.addEventListener("click",()=>{this.activeImageEl=i,this.fileInput&&(this.fileInput.value="",this.fileInput.click()),this.dismissImageCtxMenu()}),s.appendChild(n),document.body.appendChild(s),this.imageCtxMenu=s;let a=l=>{s.contains(l.target)||(this.dismissImageCtxMenu(),document.removeEventListener("mousedown",a))};setTimeout(()=>document.addEventListener("mousedown",a),0)}dismissImageCtxMenu(){this.imageCtxMenu&&(this.imageCtxMenu.remove(),this.imageCtxMenu=null)}onImageFileSelected(t){let i=t.target.files?.[0];if(!i||!this.activeImageEl)return;this.imageUploading=!0,this.updateUI();let s=new FileReader;s.onload=()=>{let n=s.result;this.uploadImageToApi(n)},s.readAsDataURL(i)}async uploadImageToApi(t){try{let e=await this.apiFetch(`${this.config.apiBase}/web/upload-image`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:t})});if(!e.ok)throw new Error(`HTTP ${e.status}`);let i=await e.json(),n=(this.config.imageBaseUrl||(this.config.apiBase?new URL(this.config.apiBase).origin:""))+i.path;if(this.activeImageEl){let a=this.managedImages.get(this.activeImageEl)?.key||"";this.activeImageEl.src=n,this.onImageChanged(a,n)}this.imageUploading=!1,this.activeImageEl=null,this.updateUI(),this.showToast("Image updated!","success")}catch(e){this.imageUploading=!1,this.activeImageEl=null,this.updateUI(),this.showToast("Image upload failed.","error"),this.config.onError?.("upload-image",e)}}applyPageImages(){for(let[t,e]of this.managedImages){let i=this.pageImages[e.key];i&&t.src!==i&&(t.src=i)}}getPageText(t){return this.pageTexts[t]?.[this.currentLang]||""}onTextChanged(t,e){this.undoStack.push(this.createSnapshot()),this.redoStack=[],this.canUndo=!0,this.canRedo=!1,this.pageTexts[t]||(this.pageTexts[t]={}),this.pageTexts[t]={...this.pageTexts[t],[this.currentLang]:e},this.dirtyKeys.add(t),this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size,this.pushHistory(t,this.currentLang),this.updateUI()}onImageChanged(t,e){this.undoStack.push(this.createSnapshot()),this.redoStack=[],this.canUndo=!0,this.canRedo=!1,this.pageImages={...this.pageImages,[t]:e},this.dirtyImageKeys.add(t),this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size,this.pushHistory(t,"img"),this.updateUI()}createSnapshot(){return JSON.stringify({texts:this.pageTexts,images:this.pageImages})}applySnapshot(t){let e=JSON.parse(t);e.texts?(this.pageTexts=e.texts,e.images&&(this.pageImages=e.images)):this.pageTexts=e}onUndo(){this.undoStack.length!==0&&(this.redoStack.push(this.createSnapshot()),this.applySnapshot(this.undoStack.pop()),this.canUndo=this.undoStack.length>0,this.canRedo=!0,this.recalcDirtyKeys(),this.updateElementTexts(),this.applyPageImages(),this.updateUI())}onRedo(){this.redoStack.length!==0&&(this.undoStack.push(this.createSnapshot()),this.applySnapshot(this.redoStack.pop()),this.canUndo=!0,this.canRedo=this.redoStack.length>0,this.recalcDirtyKeys(),this.updateElementTexts(),this.applyPageImages(),this.updateUI())}recalcDirtyKeys(){this.dirtyKeys.clear();for(let t of this.registeredKeys)JSON.stringify(this.pageTexts[t])!==JSON.stringify(this.originalTexts[t])&&this.dirtyKeys.add(t);this.unsavedChanges=this.dirtyKeys.size+this.dirtyImageKeys.size}resetAll(){this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.undoStack=[],this.redoStack=[],this.canUndo=!1,this.canRedo=!1,this.updateUI()}resetAfterSave(){this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages))}cancelEditing(){this.pageTexts=JSON.parse(JSON.stringify(this.originalTexts)),this.pageImages=JSON.parse(JSON.stringify(this.originalImages)),this.dirtyKeys.clear(),this.dirtyImageKeys.clear(),this.unsavedChanges=0,this.updateElementTexts(),this.applyPageImages(),this.updateUI()}logout(){localStorage.removeItem("builder_token"),sessionStorage.removeItem("builder_edit_mode"),this.editMode=!1,this.isEditAllowed=!1,this.applyEditMode(!1),this.isOpen=!1,this.updateUI(),this.showToast("Logged out","success")}async loadTranslationsAndInit(t){if(this.config.i18nBasePath)try{let e=this.currentLang,i=await fetch(`${this.config.i18nBasePath}/${e}.json`);if(i.ok){let s=await i.json();this.translationCache.clear(),this.flattenTranslations(s,"",this.getPageSection())}}catch{}this.autoDetectAndScan(),this.editMode&&this.applyEditMode(!0),this.config.apiBase?t?this.loadPageContent("draft"):this.loadPublishedContent():(this.buildDefaultTexts(),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.setLoading(!1)),this.updateUI()}flattenTranslations(t,e,i){for(let s of Object.keys(t)){let n=e?`${e}.${s}`:s;if(typeof t[s]=="string"){let a=t[s].trim();a.length>=2&&(!this.translationCache.get(a)||n.toUpperCase().startsWith(i))&&this.translationCache.set(a,n)}else typeof t[s]=="object"&&t[s]!==null&&!Array.isArray(t[s])&&this.flattenTranslations(t[s],n,i)}}getPageSection(){return this.currentSlug.replace(/^\//,"").replace(/-/g,"_").toUpperCase()}apiFetch(t,e){let i=localStorage.getItem("builder_token")||"",s={...e?.headers||{}};return i&&(s.Authorization=`Bearer ${i}`),fetch(t,{...e,headers:s})}async fetchSection(t,e){try{let i=await this.apiFetch(`${this.config.apiBase}/web-page/get?slug=${encodeURIComponent(t)}&status=${e}&site_identifier=${encodeURIComponent(this.siteIdentifier)}`);return i.ok?await i.json():null}catch{return null}}hasSection(t){let e=t==="header"?"/header":"/footer";for(let[,i]of this.managedElements)if(i.sectionSlug===e)return!0;return!1}async loadPageContent(t){this.setLoading(!0),this.cleanOldHistory();try{let e=[this.fetchSection(this.currentSlug,t)],i=this.hasSection("header"),s=this.hasSection("footer");i&&e.push(this.fetchSection("/header",t)),s&&e.push(this.fetchSection("/footer",t));let n=await Promise.all(e),a=n[0],l=i?n[1]:null,r=s?n[i?2:1]:null,o=m=>m?.content?.texts||m?.published_content?.texts||null,d=o(a),h=o(l),b=o(r);d||h||b?this.pageTexts={...d||{},...h||{},...b||{}}:this.buildDefaultTexts();let p=a?.content?.images||a?.published_content?.images;p&&(this.pageImages=JSON.parse(JSON.stringify(p)),this.applyPageImages()),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.resetAll(),this.updateElementTexts()}catch{this.buildDefaultTexts(),this.originalTexts=JSON.parse(JSON.stringify(this.pageTexts)),this.originalImages=JSON.parse(JSON.stringify(this.pageImages)),this.resetAll()}finally{this.setLoading(!1)}}async loadPublishedContent(){this.setLoading(!0);try{let t=[this.fetchSection(this.currentSlug,"published")],e=this.hasSection("header"),i=this.hasSection("footer");e&&t.push(this.fetchSection("/header","published")),i&&t.push(this.fetchSection("/footer","published"));let s=await Promise.all(t),n=s[0],a=e?s[1]:null,l=i?s[e?2:1]:null,r=h=>h?.published_content?.texts||null,o={...r(n)||{},...r(a)||{},...r(l)||{}};Object.keys(o).length>0&&(this.pageTexts=JSON.parse(JSON.stringify(o)),this.updateElementTexts());let d=n?.published_content?.images;d&&Object.keys(d).length>0&&(this.pageImages=JSON.parse(JSON.stringify(d)),this.applyPageImages())}catch{}finally{this.setLoading(!1)}}buildDefaultTexts(){let t={};for(let e of this.registeredKeys){let s=document.querySelector(`[data-cms="${e}"]`)?.textContent?.trim()||"";t[e]={[this.currentLang]:s}}if(this.pageTexts=t,this.config.i18nBasePath){let e=this.languages.filter(i=>i!==this.currentLang);for(let i of e)fetch(`${this.config.i18nBasePath}/${i}.json`).then(s=>s.json()).then(s=>{let n={...this.pageTexts};for(let a of this.registeredKeys){let l=a.split("."),r=s;for(let o of l)r=r?.[o];r&&typeof r=="string"&&(n[a]={...n[a],[i]:r})}this.pageTexts=n,this.originalTexts=JSON.parse(JSON.stringify(n)),this.updateElementTexts()}).catch(()=>{})}}groupTextsBySection(){let t={};for(let[,e]of this.managedElements){let i=e.sectionSlug;t[i]||(t[i]={}),this.pageTexts[e.key]!==void 0&&(t[i][e.key]=this.pageTexts[e.key])}return t}async saveChanges(){if(!this.config.apiBase){this.showToast("No API configured. Set apiBase to enable save.","error");return}this.isSaving=!0,this.updateUI();try{let t=this.groupTextsBySection(),e=Object.entries(t).map(([s,n])=>this.apiFetch(`${this.config.apiBase}/web_page/save`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:s,title:s===this.currentSlug?this.currentTitle:s.replace("/",""),site_identifier:this.siteIdentifier,content:{texts:n,...s===this.currentSlug?{images:this.pageImages}:{}}})}));if((await Promise.all(e)).some(s=>!s.ok))throw new Error("One or more sections failed to save");this.isSaving=!1,this.resetAfterSave(),this.updateUI(),this.showToast("Draft saved successfully!","success"),this.config.onSaved?.()}catch(t){this.isSaving=!1,this.updateUI(),this.showToast("Save failed. Please try again.","error"),this.config.onError?.("save",t)}}async publishChanges(){if(!this.config.apiBase){this.showToast("No API configured. Set apiBase to enable publish.","error");return}this.isPublishing=!0,this.updateUI();try{let t=this.groupTextsBySection(),e=Object.entries(t).map(([s,n])=>this.apiFetch(`${this.config.apiBase}/web_page/publish`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:s,title:s===this.currentSlug?this.currentTitle:s.replace("/",""),site_identifier:this.siteIdentifier,published_content:{texts:n,...s===this.currentSlug?{images:this.pageImages}:{}}})}));if((await Promise.all(e)).some(s=>!s.ok))throw new Error("One or more sections failed to publish");this.isPublishing=!1,this.resetAfterSave(),this.updateUI(),this.showToast("Published successfully!","success"),this.config.onPublished?.()}catch(t){this.isPublishing=!1,this.updateUI(),this.showToast("Publish failed. Please try again.","error"),this.config.onError?.("publish",t)}}async toggleHistory(){this.showHistory=!this.showHistory,this.showHistory&&await this.loadHistory(),this.updateUI()}async loadHistory(){try{let t=await this.openDB(),e=await new Promise((i,s)=>{let r=t.transaction(v,"readonly").objectStore(v).index("slug").getAll(this.currentSlug);r.onsuccess=()=>i(r.result.sort((o,d)=>d.timestamp-o.timestamp).slice(0,30)),r.onerror=()=>s(r.error)});this.historyList=e,this.renderHistoryList()}catch{}}renderHistoryList(){if(this.historyListEl){if(this.historyListEl.innerHTML="",this.historyList.length===0){let t=this.createElement("div","lcms-history-empty");t.textContent="No history yet",this.historyListEl.appendChild(t);return}for(let t of this.historyList){let e=document.createElement("button");e.className="lcms-history-item";let i=this.createElement("div","lcms-history-label");i.textContent=t.label;let s=this.createElement("div","lcms-history-meta"),n=this.createElement("span","lcms-history-lang");n.textContent=t.lang.toUpperCase();let a=document.createTextNode(" "+this.formatDate(t.timestamp));s.appendChild(n),s.appendChild(a),e.appendChild(i),e.appendChild(s),e.addEventListener("click",l=>{l.stopPropagation(),this.restoreHistory(t)}),this.historyListEl.appendChild(e)}}}restoreHistory(t){this.undoStack.push(this.createSnapshot()),this.canUndo=!0,this.applySnapshot(t.snapshot),this.recalcDirtyKeys(),this.showHistory=!1,this.updateElementTexts(),this.applyPageImages(),this.updateUI(),this.showToast("Restored from history","success")}pushHistory(t,e){let i=e==="img",s=i?t.split("/").pop()||"image":t.split("_").pop()||t,n=i?`Changed ${s}`:`Edited ${s}`;this.openDB().then(a=>{a.transaction(v,"readwrite").objectStore(v).add({slug:this.currentSlug,timestamp:Date.now(),label:n,lang:e,snapshot:JSON.stringify({texts:this.pageTexts,images:this.pageImages})})}).catch(()=>{})}async cleanOldHistory(){try{let t=await this.openDB(),e=Date.now()-this.historyRetentionMs,n=t.transaction(v,"readwrite").objectStore(v).index("timestamp").openCursor(IDBKeyRange.upperBound(e));n.onsuccess=()=>{let a=n.result;a&&(a.delete(),a.continue())}}catch{}}openDB(){return this.db?Promise.resolve(this.db):new Promise((t,e)=>{let i=indexedDB.open(B,1);i.onupgradeneeded=()=>{let s=i.result;if(!s.objectStoreNames.contains(v)){let n=s.createObjectStore(v,{keyPath:"id",autoIncrement:!0});n.createIndex("slug","slug",{unique:!1}),n.createIndex("timestamp","timestamp",{unique:!1})}},i.onsuccess=()=>{this.db=i.result,t(this.db)},i.onerror=()=>e(i.error)})}showToast(t,e){if(!this.toastEl)return;this.toastMessage=t,this.toastType=e;let i=e==="success"?g.check:g.error;this.toastEl.className=`lcms-toast lcms-toast-${e}`,this.toastEl.innerHTML=`${i} ${t}`,this.toastTimer&&clearTimeout(this.toastTimer),this.toastTimer=setTimeout(()=>{this.toastEl&&this.toastEl.classList.add("lcms-hidden")},3e3)}onFabClick(t){t.stopPropagation(),!this.hasMoved&&(this.isOpen=!this.isOpen,this.updateUI())}togglePanel(){this.hasMoved||(this.isOpen=!this.isOpen,this.updateUI())}toggleEditMode(t){t.stopPropagation(),t.target.checked?(sessionStorage.setItem("builder_edit_mode","true"),this.editMode=!0,this.currentLang=this.detectCurrentLanguage(),this.applyEditMode(!0),this.loadPageContent("draft")):(sessionStorage.removeItem("builder_edit_mode"),this.editMode=!1,this.applyEditMode(!1)),this.updateUI(),this.config.onEditModeChanged?.(this.editMode)}switchLang(t){this.currentLang=t,localStorage.setItem("selectedLanguage",t),document.documentElement.setAttribute("lang",t),document.documentElement.setAttribute("dir",t==="ar"?"rtl":"ltr"),this.config.onLangChanged?.(t),window.dispatchEvent(new CustomEvent("cms:langChanged",{detail:{lang:t}})),window.location.reload()}onDragStart(t){t.target.closest("button:not(.lcms-fab-btn)")||t.target.closest(".lcms-panel")||(this.isDragging=!0,this.hasMoved=!1,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.startPosX=this.posX,this.startPosY=this.posY,document.addEventListener("mousemove",this.boundMouseMove),document.addEventListener("mouseup",this.boundMouseUp))}onDragMove(t){if(!this.isDragging||!this.fabEl)return;let e=t.clientX-this.dragStartX,i=t.clientY-this.dragStartY;(Math.abs(e)>3||Math.abs(i)>3)&&(this.hasMoved=!0),this.posX=Math.max(0,Math.min(window.innerWidth-60,this.startPosX+e)),this.posY=Math.max(0,Math.min(window.innerHeight-60,this.startPosY+i)),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px"}onDragEnd(){this.isDragging=!1,document.removeEventListener("mousemove",this.boundMouseMove),document.removeEventListener("mouseup",this.boundMouseUp)}onTouchStart(t){if(t.target.closest("button:not(.lcms-fab-btn)")||t.target.closest(".lcms-panel"))return;let e=t.touches[0];this.isDragging=!0,this.hasMoved=!1,this.dragStartX=e.clientX,this.dragStartY=e.clientY,this.startPosX=this.posX,this.startPosY=this.posY,document.addEventListener("touchmove",this.boundTouchMove,{passive:!1}),document.addEventListener("touchend",this.boundTouchEnd)}onTouchMove(t){if(!this.isDragging||!this.fabEl)return;t.preventDefault();let e=t.touches[0],i=e.clientX-this.dragStartX,s=e.clientY-this.dragStartY;(Math.abs(i)>3||Math.abs(s)>3)&&(this.hasMoved=!0),this.posX=Math.max(0,Math.min(window.innerWidth-60,this.startPosX+i)),this.posY=Math.max(0,Math.min(window.innerHeight-60,this.startPosY+s)),this.fabEl.style.left=this.posX+"px",this.fabEl.style.top=this.posY+"px"}onTouchEnd(){this.isDragging=!1,document.removeEventListener("touchmove",this.boundTouchMove),document.removeEventListener("touchend",this.boundTouchEnd)}setLoading(t){this.loading=t,this.updateUI()}detectCurrentLanguage(){let t=localStorage.getItem("selectedLanguage");if(t&&this.languages.includes(t))return t;let e=document.documentElement.getAttribute("lang");return e&&this.languages.includes(e)?e:this.defaultLanguage}createElement(t,e){let i=document.createElement(t);return i.className=e,i}formatDate(t){let e=new Date(t),i=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],s=e.getHours(),n=e.getMinutes().toString().padStart(2,"0"),a=s>=12?"PM":"AM",l=s%12||12;return`${i[e.getMonth()]} ${e.getDate()}, ${l}:${n} ${a}`}showLoginModal(){if(this.loginModalEl)return;let t=document.createElement("div");t.className="lcms-login-overlay",t.id="lcms-login-modal",t.innerHTML=`
       <div class="lcms-login-box">
         <div class="lcms-login-logo">
           <div class="lcms-login-logo-icon">

package/dist/index.js

@@ -1828,10 +1828,10 @@ var XtroedgeCMS = class _XtroedgeCMS {
     this.updateUI();
   }
   detectCurrentLanguage() {
-    const htmlLang = document.documentElement.getAttribute("lang");
-    if (htmlLang && this.languages.includes(htmlLang)) return htmlLang;
     const stored = localStorage.getItem("selectedLanguage");
     if (stored && this.languages.includes(stored)) return stored;
+    const htmlLang = document.documentElement.getAttribute("lang");
+    if (htmlLang && this.languages.includes(htmlLang)) return htmlLang;
     return this.defaultLanguage;
   }
   createElement(tag, className) {