@lionrapid/core 0.1.0

package/dist/browser/lionrapid.editor.min.js

@@ -0,0 +1,415 @@
+"use strict";var LionRapidEditor=(()=>{var V=Object.defineProperty;var J=(i,n,e)=>n in i?V(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e;var a=(i,n,e)=>J(i,typeof n!="symbol"?n+"":n,e);var q=`
+/* Reset inside shadow DOM */
+:host {
+  all: initial;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  color: #1a1a2e;
+  line-height: 1.5;
+  box-sizing: border-box;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* \u2500\u2500 FAB (replaces fixed toolbar) \u2500\u2500 */
+.lr-fab {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 2147483647;
+  display: flex;
+  align-items: center;
+  gap: 0;
+  user-select: none;
+}
+
+.lr-fab-btn {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: #2d7f7f;
+  color: #fff;
+  border: none;
+  font-weight: 700;
+  font-size: 16px;
+  cursor: grab;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  transition: box-shadow 0.15s;
+  flex-shrink: 0;
+  z-index: 1;
+}
+
+.lr-fab-btn:hover {
+  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
+}
+
+.lr-fab-btn:active {
+  cursor: grabbing;
+}
+
+.lr-fab-panel {
+  display: none;
+  align-items: center;
+  gap: 8px;
+  background: #1a1a2e;
+  color: #fff;
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin-right: 8px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  white-space: nowrap;
+}
+
+.lr-fab.expanded .lr-fab-panel {
+  display: flex;
+}
+
+.lr-lang-dropdown {
+  position: relative;
+}
+
+.lr-lang-btn {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+  border: 1px solid rgba(255,255,255,0.2);
+  border-radius: 4px;
+  padding: 4px 10px;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  outline: none;
+}
+
+.lr-lang-btn:hover {
+  background: rgba(255,255,255,0.2);
+}
+
+.lr-lang-menu {
+  display: none;
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  background: #1a1a2e;
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 6px;
+  padding: 4px;
+  min-width: 60px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
+}
+
+.lr-lang-menu.open {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.lr-lang-item {
+  background: none;
+  color: #ccc;
+  border: none;
+  padding: 6px 10px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  border-radius: 4px;
+  text-align: left;
+}
+
+.lr-lang-item:hover {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+}
+
+.lr-lang-item.active {
+  background: #2d7f7f;
+  color: #fff;
+}
+
+.lr-fab-progress {
+  font-size: 13px;
+  color: rgba(255,255,255,0.7);
+}
+
+.lr-fab-exit {
+  background: none;
+  border: 1px solid rgba(255,255,255,0.3);
+  color: #fff;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+}
+
+.lr-fab-exit:hover {
+  background: rgba(255,255,255,0.1);
+}
+
+/* \u2500\u2500 Overlay \u2500\u2500 */
+.lr-overlay {
+  position: fixed;
+  pointer-events: none;
+  border: 2px solid #2d7f7f;
+  border-radius: 3px;
+  background: rgba(45, 127, 127, 0.06);
+  transition: all 0.1s ease;
+  z-index: 2147483646;
+  display: none;
+}
+
+.lr-overlay.active {
+  display: block;
+}
+
+/* \u2500\u2500 Sidebar \u2500\u2500 */
+.lr-sidebar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 360px;
+  min-width: 280px;
+  max-width: 600px;
+  bottom: 0;
+  background: #fff;
+  border-left: 1px solid #e0e0e0;
+  z-index: 2147483647;
+  overflow-y: auto;
+  transform: translateX(100%);
+  transition: transform 0.2s ease;
+}
+
+.lr-sidebar.open {
+  transform: translateX(0);
+}
+
+/* Resize handle on left edge */
+.lr-sidebar-resize {
+  position: absolute;
+  top: 0;
+  left: -4px;
+  width: 8px;
+  bottom: 0;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.lr-sidebar-resize:hover,
+.lr-sidebar-resize.active {
+  background: rgba(45, 127, 127, 0.3);
+}
+
+.lr-sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.lr-sidebar-title {
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.lr-sidebar-close {
+  background: none;
+  border: none;
+  font-size: 20px;
+  cursor: pointer;
+  color: #666;
+  padding: 4px 8px;
+  line-height: 1;
+}
+
+.lr-sidebar-close:hover {
+  color: #1a1a2e;
+}
+
+.lr-sidebar-body {
+  padding: 16px;
+}
+
+.lr-field {
+  margin-bottom: 16px;
+}
+
+.lr-field-label {
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 6px;
+}
+
+.lr-field-key {
+  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+  font-size: 12px;
+  color: #2d7f7f;
+  background: #f0f7f7;
+  padding: 4px 8px;
+  border-radius: 4px;
+  word-break: break-all;
+}
+
+.lr-field-original {
+  font-size: 13px;
+  color: #333;
+  background: #f8f8f8;
+  padding: 10px 12px;
+  border-radius: 6px;
+  border: 1px solid #eee;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.lr-field-tag {
+  display: inline;
+  background: #d9eded;
+  color: #2d7f7f;
+  padding: 0 3px;
+  border-radius: 2px;
+  font-family: monospace;
+  font-size: 12px;
+}
+
+.lr-textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 10px 12px;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.5;
+  resize: vertical;
+  outline: none;
+  transition: border-color 0.15s;
+}
+
+.lr-textarea:focus {
+  border-color: #2d7f7f;
+  box-shadow: 0 0 0 3px rgba(45, 127, 127, 0.1);
+}
+
+.lr-preview {
+  padding: 10px 12px;
+  background: #f8f8f8;
+  border: 1px solid #eee;
+  border-radius: 6px;
+  font-size: 13px;
+  min-height: 40px;
+}
+
+.lr-status {
+  padding: 10px 16px;
+  font-size: 12px;
+  color: #666;
+  text-align: center;
+  border-top: 1px solid #eee;
+  background: #fafafa;
+}
+
+.lr-status.saved {
+  color: #22c55e;
+}
+
+.lr-status.error {
+  color: #ef4444;
+}
+
+.lr-status.unsaved {
+  color: #f59e0b;
+}
+
+/* \u2500\u2500 Page blocks list \u2500\u2500 */
+.lr-blocks-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid #eee;
+}
+
+.lr-blocks-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 8px;
+}
+
+.lr-block-item {
+  padding: 8px 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 4px;
+  cursor: pointer;
+  font-size: 13px;
+  color: #333;
+  overflow: hidden;
+  transition: background 0.1s;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.lr-block-item:hover {
+  background: #f0f7f7;
+  border-color: #2d7f7f;
+}
+
+.lr-block-item.active {
+  background: #e5f2f2;
+  border-color: #2d7f7f;
+}
+
+/* \u2500\u2500 Status dots \u2500\u2500 */
+.lr-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  margin-top: 5px;
+  background: #d1d5db;
+}
+
+.lr-status-dot.missing { background: #d1d5db; }
+.lr-status-dot.mt { background: #60a5fa; }
+.lr-status-dot.edited { background: #f97316; }
+.lr-status-dot.confirmed { background: #22c55e; }
+.lr-status-dot.ready { background: #22c55e; }
+.lr-status-dot.locked { background: #a855f7; }
+.lr-status-dot.unsaved { background: #f59e0b; }
+
+/* \u2500\u2500 Locked textarea \u2500\u2500 */
+.lr-textarea-locked {
+  background: #f3f4f6;
+  color: #6b7280;
+  cursor: not-allowed;
+  border-color: #e5e7eb;
+}
+
+/* \u2500\u2500 Block text layout \u2500\u2500 */
+.lr-block-text {
+  overflow: hidden;
+  min-width: 0;
+}
+
+.lr-block-source {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.lr-block-preview {
+  font-size: 11px;
+  color: #888;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-top: 2px;
+}
+`;var C=class{constructor(){a(this,"elementToStyles",{b:"bold",strong:"bold",i:"italic",em:"italic",u:"underline",s:"strikethrough",del:"strikethrough",strike:"strikethrough",code:"code",mark:"highlight",sub:"subscript",sup:"superscript"});a(this,"styleToElement",{bold:"b",italic:"i",underline:"u",strikethrough:"s",code:"code",highlight:"mark",subscript:"sub",superscript:"sup",strong:"b",b:"b",em:"i",i:"i",u:"u",s:"s",del:"s",strike:"s",mark:"mark",sub:"sub",sup:"sup"})}mapElementToStyles(n,e){let t=[],r=n.toLowerCase(),s=this.elementToStyles[r];return s&&t.push(s),r==="a"&&e.href&&t.push(`hyperlink:${e.href}`),t}mapStylesToElement(n){for(let e of n)if(e.startsWith("hyperlink:"))return{element:"a",attrs:{href:e.slice(10)}};for(let e of n){let t=this.styleToElement[e];if(t)return{element:t,attrs:{}}}return{element:"span",attrs:{}}}};var Y=new C;function S(i){let n={},e=0;function t(s){if(s.nodeType===Node.TEXT_NODE)return s.nodeValue??"";if(s.nodeType!==Node.ELEMENT_NODE)return"";let o=s,d=o.tagName.toLowerCase(),c={};for(let l=0;l<o.attributes.length;l++){let h=o.attributes[l];c[h.name.toLowerCase()]=h.value}let p=Y.mapElementToStyles(d,c);if(p.length>0){e++;let l=e;n[String(l)]=p;let h="";for(let m=0;m<s.childNodes.length;m++)h+=t(s.childNodes[m]);return`<${l}>${h}</${l}>`}let u="";for(let l=0;l<s.childNodes.length;l++)u+=t(s.childNodes[l]);return u}let r="";for(let s=0;s<i.childNodes.length;s++)r+=t(i.childNodes[s]);return{text:r,styles:n}}function w(i,n){let e=(i&65535)+(n&65535);return(i>>16)+(n>>16)+(e>>16)<<16|e&65535}function G(i,n){return i<<n|i>>>32-n}function M(i,n,e,t,r,s){return w(G(w(w(n,i),w(t,s)),r),e)}function f(i,n,e,t,r,s,o){return M(n&e|~n&t,i,n,r,s,o)}function b(i,n,e,t,r,s,o){return M(n&t|e&~t,i,n,r,s,o)}function v(i,n,e,t,r,s,o){return M(n^e^t,i,n,r,s,o)}function y(i,n,e,t,r,s,o){return M(e^(n|~t),i,n,r,s,o)}function Q(i,n){i[n>>5]|=128<<n%32,i[(n+64>>>9<<4)+14]=n;let e=1732584193,t=-271733879,r=-1732584194,s=271733878;for(let o=0;o<i.length;o+=16){let d=e,c=t,p=r,u=s;e=f(e,t,r,s,i[o],7,-680876936),s=f(s,e,t,r,i[o+1],12,-389564586),r=f(r,s,e,t,i[o+2],17,606105819),t=f(t,r,s,e,i[o+3],22,-1044525330),e=f(e,t,r,s,i[o+4],7,-176418897),s=f(s,e,t,r,i[o+5],12,1200080426),r=f(r,s,e,t,i[o+6],17,-1473231341),t=f(t,r,s,e,i[o+7],22,-45705983),e=f(e,t,r,s,i[o+8],7,1770035416),s=f(s,e,t,r,i[o+9],12,-1958414417),r=f(r,s,e,t,i[o+10],17,-42063),t=f(t,r,s,e,i[o+11],22,-1990404162),e=f(e,t,r,s,i[o+12],7,1804603682),s=f(s,e,t,r,i[o+13],12,-40341101),r=f(r,s,e,t,i[o+14],17,-1502002290),t=f(t,r,s,e,i[o+15],22,1236535329),e=b(e,t,r,s,i[o+1],5,-165796510),s=b(s,e,t,r,i[o+6],9,-1069501632),r=b(r,s,e,t,i[o+11],14,643717713),t=b(t,r,s,e,i[o],20,-373897302),e=b(e,t,r,s,i[o+5],5,-701558691),s=b(s,e,t,r,i[o+10],9,38016083),r=b(r,s,e,t,i[o+15],14,-660478335),t=b(t,r,s,e,i[o+4],20,-405537848),e=b(e,t,r,s,i[o+9],5,568446438),s=b(s,e,t,r,i[o+14],9,-1019803690),r=b(r,s,e,t,i[o+3],14,-187363961),t=b(t,r,s,e,i[o+8],20,1163531501),e=b(e,t,r,s,i[o+13],5,-1444681467),s=b(s,e,t,r,i[o+2],9,-51403784),r=b(r,s,e,t,i[o+7],14,1735328473),t=b(t,r,s,e,i[o+12],20,-1926607734),e=v(e,t,r,s,i[o+5],4,-378558),s=v(s,e,t,r,i[o+8],11,-2022574463),r=v(r,s,e,t,i[o+11],16,1839030562),t=v(t,r,s,e,i[o+14],23,-35309556),e=v(e,t,r,s,i[o+1],4,-1530992060),s=v(s,e,t,r,i[o+4],11,1272893353),r=v(r,s,e,t,i[o+7],16,-155497632),t=v(t,r,s,e,i[o+10],23,-1094730640),e=v(e,t,r,s,i[o+13],4,681279174),s=v(s,e,t,r,i[o+0],11,-358537222),r=v(r,s,e,t,i[o+3],16,-722521979),t=v(t,r,s,e,i[o+6],23,76029189),e=v(e,t,r,s,i[o+9],4,-640364487),s=v(s,e,t,r,i[o+12],11,-421815835),r=v(r,s,e,t,i[o+15],16,530742520),t=v(t,r,s,e,i[o+2],23,-995338651),e=y(e,t,r,s,i[o],6,-198630844),s=y(s,e,t,r,i[o+7],10,1126891415),r=y(r,s,e,t,i[o+14],15,-1416354905),t=y(t,r,s,e,i[o+5],21,-57434055),e=y(e,t,r,s,i[o+12],6,1700485571),s=y(s,e,t,r,i[o+3],10,-1894986606),r=y(r,s,e,t,i[o+10],15,-1051523),t=y(t,r,s,e,i[o+1],21,-2054922799),e=y(e,t,r,s,i[o+8],6,1873313359),s=y(s,e,t,r,i[o+15],10,-30611744),r=y(r,s,e,t,i[o+6],15,-1560198380),t=y(t,r,s,e,i[o+13],21,1309151649),e=y(e,t,r,s,i[o+4],6,-145523070),s=y(s,e,t,r,i[o+11],10,-1120210379),r=y(r,s,e,t,i[o+2],15,718787259),t=y(t,r,s,e,i[o+9],21,-343485551),e=w(e,d),t=w(t,c),r=w(r,p),s=w(s,u)}return[e,t,r,s]}function Z(i){let n="0123456789abcdef",e="";for(let t=0;t<i.length*4;t++)e+=n.charAt(i[t>>2]>>t%4*8+4&15)+n.charAt(i[t>>2]>>t%4*8&15);return e}function ee(i){let n=[];for(let e=0;e<i.length*8;e+=8)n[e>>5]|=(i.charCodeAt(e/8)&255)<<e%32;return n}function te(i){return Z(Q(ee(i),i.length*8))}function T(i){let n=i.trim();return"auto_"+te(n).substring(0,12)}var ne="p,h1,h2,h3,h4,h5,h6,li,td,th,label,button,figcaption,dt,dd,summary,caption";function W(i){let n=i.closest("[data-lr-block]");if(n){let r=n.getAttribute("data-lr-block"),s=n.getAttribute("data-lr-original"),o,d=null;if(s){let c=document.createElement(n.tagName);c.innerHTML=s,o=S(c),d=S(n)}else o=S(n);return{key:r,unit:o,translatedUnit:d,element:n}}let e=i.closest(ne);if(e){let r=S(e);return{key:T(r.text),unit:r,translatedUnit:null,element:e}}let t=i.textContent?.trim();return t&&t.length>=2?{key:T(t),unit:{text:t,styles:{}},translatedUnit:null,element:i}:null}var se=new Set(["SCRIPT","STYLE","CODE","PRE","TEXTAREA","NOSCRIPT","SVG"]),X="p,h1,h2,h3,h4,h5,h6,li,td,th,label,button,figcaption,dt,dd,summary,caption",R=class{constructor(n,e){a(this,"overlay");a(this,"currentTarget",null);a(this,"onSelect");a(this,"rafId",null);a(this,"active",!0);this.onSelect=e,this.overlay=document.createElement("div"),this.overlay.className="lr-overlay",n.appendChild(this.overlay),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleClick=this.handleClick.bind(this),this.handleScroll=this.handleScroll.bind(this),document.addEventListener("mouseover",this.handleMouseOver,!0),document.addEventListener("click",this.handleClick,!0),window.addEventListener("scroll",this.handleScroll,!0),window.addEventListener("resize",this.handleScroll)}destroy(){this.active=!1,document.removeEventListener("mouseover",this.handleMouseOver,!0),document.removeEventListener("click",this.handleClick,!0),window.removeEventListener("scroll",this.handleScroll,!0),window.removeEventListener("resize",this.handleScroll),this.rafId!==null&&cancelAnimationFrame(this.rafId),this.overlay.remove()}clearHighlight(){this.currentTarget=null,this.overlay.classList.remove("active")}handleMouseOver(n){if(!this.active)return;let e=n.target;if(!e||!e.closest||e.closest("#__lionrapid-editor"))return;if(this.shouldSkip(e)){this.clearHighlight();return}let t=e.closest(X)||e.closest("[data-lr-block]");if(!t){this.clearHighlight();return}t!==this.currentTarget&&(this.currentTarget=t,this.positionOverlay(t))}handleClick(n){if(!this.active)return;let e=n.target;if(!e||!e.closest||e.closest("#__lionrapid-editor"))return;let t=e.closest(X)||e.closest("[data-lr-block]");if(!t||this.shouldSkip(t))return;n.preventDefault(),n.stopPropagation();let r=W(t);r&&this.onSelect(r)}handleScroll(){this.currentTarget&&(this.rafId!==null&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(()=>{this.currentTarget&&this.positionOverlay(this.currentTarget)}))}positionOverlay(n){let e=n.getBoundingClientRect();this.overlay.style.top=`${e.top}px`,this.overlay.style.left=`${e.left}px`,this.overlay.style.width=`${e.width}px`,this.overlay.style.height=`${e.height}px`,this.overlay.classList.add("active")}shouldSkip(n){let e=n;for(;e;){if(se.has(e.tagName)||e.hasAttribute("data-no-translate")||e.getAttribute("translate")==="no")return!0;e=e.parentElement}return!1}};var A=class{constructor(n,e,t,r,s){a(this,"el");a(this,"langBtnEl");a(this,"langMenuEl");a(this,"progressEl");a(this,"expanded",!1);a(this,"currentLocale");a(this,"onLanguageChange");a(this,"onExit");a(this,"dragging",!1);a(this,"dragOffsetX",0);a(this,"dragOffsetY",0);this.onLanguageChange=r,this.onExit=s,this.currentLocale=t,this.el=document.createElement("div"),this.el.className="lr-fab";let o=document.createElement("button");o.className="lr-fab-btn",o.textContent="LR",o.addEventListener("click",u=>{this.dragging||(u.stopPropagation(),this.toggle())}),this.el.appendChild(o);let d=document.createElement("div");d.className="lr-fab-panel";let c=document.createElement("div");c.className="lr-lang-dropdown",this.langBtnEl=document.createElement("button"),this.langBtnEl.className="lr-lang-btn",this.langBtnEl.textContent=t.toUpperCase(),this.langBtnEl.addEventListener("click",u=>{u.stopPropagation(),this.langMenuEl.classList.toggle("open")}),c.appendChild(this.langBtnEl),this.langMenuEl=document.createElement("div"),this.langMenuEl.className="lr-lang-menu";for(let u of e){let l=document.createElement("button");l.className="lr-lang-item",u===t&&l.classList.add("active"),l.textContent=u.toUpperCase(),l.addEventListener("click",h=>{h.stopPropagation(),this.currentLocale=u,this.langBtnEl.textContent=u.toUpperCase(),this.langMenuEl.classList.remove("open"),this.langMenuEl.querySelectorAll(".lr-lang-item").forEach(m=>m.classList.remove("active")),l.classList.add("active"),this.onLanguageChange(u)}),this.langMenuEl.appendChild(l)}c.appendChild(this.langMenuEl),d.appendChild(c),this.progressEl=document.createElement("span"),this.progressEl.className="lr-fab-progress",d.appendChild(this.progressEl);let p=document.createElement("button");p.className="lr-fab-exit",p.textContent="Exit",p.addEventListener("click",()=>this.onExit()),d.appendChild(p),this.el.appendChild(d),n.appendChild(this.el),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),o.addEventListener("mousedown",this.handleMouseDown)}toggle(){this.expanded=!this.expanded,this.el.classList.toggle("expanded",this.expanded)}updateProgress(n,e){this.progressEl.textContent=`${n}/${e}`}getCurrentLocale(){return this.currentLocale}destroy(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.el.remove()}handleMouseDown(n){this.dragging=!1,this.dragOffsetX=n.clientX-this.el.getBoundingClientRect().left,this.dragOffsetY=n.clientY-this.el.getBoundingClientRect().top,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp)}handleMouseMove(n){this.dragging=!0;let e=Math.max(0,Math.min(n.clientX-this.dragOffsetX,window.innerWidth-this.el.offsetWidth)),t=Math.max(0,Math.min(n.clientY-this.dragOffsetY,window.innerHeight-this.el.offsetHeight));this.el.style.left=`${e}px`,this.el.style.top=`${t}px`,this.el.style.right="auto",this.el.style.bottom="auto"}handleMouseUp(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.dragging&&setTimeout(()=>{this.dragging=!1},0)}};var L=class{constructor(n={}){a(this,"styleMapper");this.styleMapper=n.styleMapper??new C}serialize(n){let{text:e,styles:t}=n,r=/<(\/?)?(\d+)(\/)?>/g,s="",o=0,d;for(;(d=r.exec(e))!==null;){s+=e.slice(o,d.index);let[c,p,u,l]=d,m=t[u]||[];if(p){let g=this.styleMapper.mapStylesToElement(m);s+=`</${g.element}>`}else if(l){let g=this.styleMapper.mapStylesToElement(m),k=this.formatAttributes(g.attrs);s+=`<${g.element}${k} />`}else{let g=this.styleMapper.mapStylesToElement(m),k=this.formatAttributes(g.attrs);s+=`<${g.element}${k}>`}o=d.index+c.length}return s+=e.slice(o),s}formatAttributes(n){let e=Object.entries(n);return e.length===0?"":" "+e.map(([t,r])=>`${t}="${this.escapeAttributeValue(r)}"`).join(" ")}escapeAttributeValue(n){return n.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}};var re=new L;function K(i,n,e,t,r,s){i.hasAttribute("data-lr-original")||i.setAttribute("data-lr-original",i.innerHTML);let d=window.LionRapid?.autoTranslator?ie():null;if(d){let c=`${r}:${s}:${t}`;d.set(c,n,e)}if(e&&Object.keys(e).length>0){let c={text:n,styles:e};i.innerHTML=re.serialize(c)}else i.textContent=n;i.setAttribute("data-lr-block",t),i.setAttribute("data-lionrapid-client","1")}function ie(){try{let i=window.LionRapid;if(!i)return null;let n=i.autoTranslator;if(!n)return null;let e=n.core;if(!e)return null;let t=e.cache;return!t||typeof t.set!="function"?null:t}catch{return null}}var oe={emails:!0,urls:!0,numbers:!0,phones:!0},I={email:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,url:/^(https?:\/\/|www\.)[^\s]+$/i,number:/^[\d\s.,+-]+$/,phone:/^[+\d][\d\s().-]{6,}$/},N=class{constructor(n={},e=2){a(this,"patterns");a(this,"minTextLength");this.patterns={...oe,...n},this.minTextLength=e}shouldExclude(n){let e=n.trim();return!!(e.length<this.minTextLength||this.patterns.emails&&I.email.test(e)||this.patterns.urls&&I.url.test(e)||this.patterns.numbers&&I.number.test(e)||this.patterns.phones&&I.phone.test(e))}};var F="p,h1,h2,h3,h4,h5,h6,li,td,th,label,button,figcaption,dt,dd,summary,caption",ae=new Set(["SCRIPT","STYLE","CODE","PRE","TEXTAREA","NOSCRIPT","SVG"]),le=["data-lionrapid-translated","data-lionrapid-client","data-no-translate"],O=class{constructor(n={},e=[],t=2){a(this,"excludeFilter");a(this,"excludeSelectors");this.excludeFilter=new N(n,t),this.excludeSelectors=e}extract(n,e=!1){let t=[],r=n.querySelectorAll(F),s=[];n instanceof Element&&n.matches(F)&&s.push(n);for(let o=0;o<r.length;o++)s.push(r[o]);for(let o=0;o<s.length;o++){let d=s[o];if(this.isInsideSkipTag(d)||!e&&this.hasSkipAttribute(d)||this.matchesExcludeSelector(d)||d.getAttribute("translate")==="no"||d.querySelector(F))continue;let c=d.getAttribute("data-lr-block"),p=d.getAttribute("data-lr-original"),u;if(p){let m=document.createElement(d.tagName);m.innerHTML=p,u=S(m)}else u=S(d);let l=u.text.replace(/<\/?[0-9]+\/?>/g,"");if(this.excludeFilter.shouldExclude(l))continue;let h;if(c)h=c;else{let m=d.getAttribute("data-i18n");m?h=m.includes(":")?m:`common:${m}`:h=T(u.text)}t.push({element:d,unit:u,key:h})}return t}isInsideSkipTag(n){let e=n.parentElement;for(;e;){if(ae.has(e.tagName))return!0;e=e.parentElement}return!1}hasSkipAttribute(n){let e=n;for(;e;){for(let t of le)if(e.hasAttribute(t))return!0;e=e.parentElement}return!1}matchesExcludeSelector(n){for(let e of this.excludeSelectors)try{if(n.matches(e)||n.closest(e))return!0}catch{}return!1}};var de=new L,P=class{constructor(n,e,t,r,s,o){a(this,"el");a(this,"bodyEl");a(this,"statusEl");a(this,"api");a(this,"locale");a(this,"namespace");a(this,"defaultLocale");a(this,"current",null);a(this,"blockExtractor");a(this,"onBlockClick");a(this,"statusMap",new Map);a(this,"unsavedKeys",new Set);a(this,"onProgressUpdate",null);a(this,"lastFetchTime",0);a(this,"lastFlushTime",0);this.api=e,this.locale=t,this.namespace=r,this.defaultLocale=s,this.onBlockClick=o,this.blockExtractor=new O,this.el=document.createElement("div"),this.el.className="lr-sidebar";let d=document.createElement("div");d.className="lr-sidebar-resize",this.initResize(d),this.el.appendChild(d);let c=document.createElement("div");c.className="lr-sidebar-header";let p=document.createElement("span");p.className="lr-sidebar-title",p.textContent="Edit Translation",c.appendChild(p);let u=document.createElement("button");u.className="lr-sidebar-close",u.innerHTML="&times;",u.addEventListener("click",()=>this.close()),c.appendChild(u),this.el.appendChild(c),this.bodyEl=document.createElement("div"),this.bodyEl.className="lr-sidebar-body",this.el.appendChild(this.bodyEl),this.statusEl=document.createElement("div"),this.statusEl.className="lr-status",this.api.setStatusCallback((l,h)=>{this.statusEl.textContent=h||l,this.statusEl.className=`lr-status ${l}`}),this.api.setFlushedCallback(async l=>{this.lastFlushTime=Date.now();let h=await this.api.fetchStatus(l,this.locale,this.namespace);for(let[m,g]of Object.entries(h))this.statusMap.set(m,g),this.unsavedKeys.delete(m);this.refreshBlocksList(),this.emitProgress()}),n.appendChild(this.el)}open(n){this.current=n,this.el.classList.add("open"),this.renderContent(n)}close(){this.current=null,this.el.classList.remove("open")}isOpen(){return this.el.classList.contains("open")}updateLocale(n){this.locale=n,this.statusMap.clear(),this.unsavedKeys.clear()}setProgressCallback(n){this.onProgressUpdate=n}async hydrateStatus(){let n=this.blockExtractor.extract(document.body,!0),e=n.map(r=>r.key);if(e.length===0)return;let t=await this.api.fetchStatus(e,this.locale,this.namespace);for(let[r,s]of Object.entries(t))this.statusMap.set(r,s);for(let r of n){let s=this.statusMap.get(r.key);s&&s.text&&!s.isReady&&K(r.element,s.text,r.unit.styles,r.key,this.locale,this.namespace)}this.emitProgress()}getTranslatedCount(){let n=0;for(let e of this.statusMap.values())e&&e.rowState!=="empty"&&n++;return n}getTotalCount(){return this.blockExtractor.extract(document.body,!0).length}emitProgress(){this.onProgressUpdate&&this.onProgressUpdate(this.getTranslatedCount(),this.getTotalCount())}destroy(){this.el.remove()}async renderContent(n){let{key:e,unit:t,element:r}=n;if(this.bodyEl.innerHTML="",this.lastFlushTime>this.lastFetchTime||this.lastFetchTime===0){let h=this.blockExtractor.extract(document.body,!0).map(g=>g.key);h.includes(e)||h.push(e);let m=await this.api.fetchStatus(h,this.locale,this.namespace);for(let[g,k]of Object.entries(m))this.statusMap.set(g,k);this.lastFetchTime=Date.now()}else{let l=await this.api.fetchStatus([e],this.locale,this.namespace);l[e]!==void 0&&this.statusMap.set(e,l[e])}let o=this.statusMap.get(e)??null;this.addField("Key",()=>{let l=document.createElement("div");return l.className="lr-field-key",l.textContent=e,l}),this.addField("Original",()=>{let l=document.createElement("div");return l.className="lr-field-original",l.innerHTML=this.renderTextWithTags(t.text),l});let d=this.locale===this.defaultLocale,c=d||o?.isLocked||o?.isReady||!1,p=document.createElement("textarea");this.addField("Translation",()=>(p.className="lr-textarea",p.value=o?.text||n.translatedUnit?.text||"",p.placeholder=t.text,c&&(p.readOnly=!0,p.classList.add("lr-textarea-locked"),p.title=d?"Source language \u2014 switch to a target language to edit":o?.isReady?"Approved for delivery \u2014 read only":"Locked \u2014 read only"),p)),this.bodyEl.appendChild(this.statusEl);let u=document.createElement("div");this.addField("Preview",()=>(u.className="lr-preview",p.value&&(u.innerHTML=this.renderPreview(p.value,t.styles)),u)),c||p.addEventListener("input",()=>{let l=p.value;u.innerHTML=this.renderPreview(l,t.styles),l&&K(r,l,t.styles,e,this.locale,this.namespace),this.unsavedKeys.add(e),this.api.queueSave({key:e,locale:this.locale,namespace:this.namespace,text:l,styles:t.styles})}),this.renderBlocksList(),c||setTimeout(()=>p.focus(),100)}addField(n,e){let t=document.createElement("div");t.className="lr-field";let r=document.createElement("span");r.className="lr-field-label",r.textContent=n,t.appendChild(r),t.appendChild(e()),this.bodyEl.appendChild(t)}getDotClass(n){if(this.unsavedKeys.has(n))return"unsaved";let e=this.statusMap.get(n);return e?e.isLocked?"locked":e.isReady?"ready":e.isConfirmed?"confirmed":e.rowState==="edited"?"edited":e.rowState==="machine_translated"?"mt":"missing":"missing"}renderTextWithTags(n){return n.replace(/<(\/?)?(\d+)(\/)?>/g,e=>`<span class="lr-field-tag">${e}</span>`)}renderPreview(n,e){if(!n)return"";if(Object.keys(e).length>0){let t={text:n,styles:e};return de.serialize(t)}return n}initResize(n){let e=0,t=0,r=o=>{let d=t+(e-o.clientX),c=Math.max(280,Math.min(600,d));this.el.style.width=`${c}px`},s=()=>{n.classList.remove("active"),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",s)};n.addEventListener("mousedown",o=>{o.preventDefault(),e=o.clientX,t=this.el.offsetWidth,n.classList.add("active"),document.addEventListener("mousemove",r),document.addEventListener("mouseup",s)})}refreshBlocksList(){let n=this.bodyEl.querySelector(".lr-blocks-section");n&&n.remove(),this.renderBlocksList()}renderBlocksList(){let n=document.createElement("div");n.className="lr-blocks-section";let e=this.blockExtractor.extract(document.body,!0),t=this.getTranslatedCount(),r=document.createElement("div");r.className="lr-blocks-title",r.textContent=`Blocks on this page (${t}/${e.length} translated)`,n.appendChild(r);for(let s of e){let o=document.createElement("div");o.className="lr-block-item",this.current&&s.element===this.current.element&&o.classList.add("active");let c=document.createElement("span");c.className="lr-status-dot",c.classList.add(this.getDotClass(s.key)),o.appendChild(c);let p=document.createElement("div");p.className="lr-block-text";let u=s.unit.text.replace(/<\/?[0-9]+\/?>/g,""),l=document.createElement("div");l.className="lr-block-source",l.textContent=u.length>60?u.slice(0,60)+"...":u,l.title=u,p.appendChild(l);let h=this.statusMap.get(s.key);if(h&&h.text){let m=document.createElement("div");m.className="lr-block-preview";let g=h.text.replace(/<\/?[0-9]+\/?>/g,"");m.textContent=g.length>50?g.slice(0,50)+"...":g,p.appendChild(m)}o.appendChild(p),o.addEventListener("click",()=>{s.element.scrollIntoView({behavior:"smooth",block:"center"}),this.onBlockClick({key:s.key,unit:s.unit,translatedUnit:null,element:s.element})}),n.appendChild(o)}this.bodyEl.appendChild(n)}};var z=class{constructor(n,e,t){a(this,"queue",[]);a(this,"apiBase");a(this,"sessionToken");a(this,"projectId");a(this,"flushInterval",null);a(this,"renewalInterval",null);a(this,"onStatus",()=>{});a(this,"onFlushed",()=>{});a(this,"onSessionExpired",null);a(this,"statusAbort",null);a(this,"handleVisibility",()=>{document.visibilityState==="hidden"&&this.flush()});this.apiBase=n.replace(/\/$/,""),this.sessionToken=e,this.projectId=t}setStatusCallback(n){this.onStatus=n}setFlushedCallback(n){this.onFlushed=n}setSessionExpiredCallback(n){this.onSessionExpired=n}startAutoFlush(){this.flushInterval=setInterval(()=>this.flush(),3e4),document.addEventListener("visibilitychange",this.handleVisibility),this.renewalInterval=setInterval(()=>this.maybeRenewSession(),6e4)}async stopAndFlush(){this.flushInterval&&(clearInterval(this.flushInterval),this.flushInterval=null),this.renewalInterval&&(clearInterval(this.renewalInterval),this.renewalInterval=null),document.removeEventListener("visibilitychange",this.handleVisibility),await this.flush()}queueSave(n){let e=this.queue.findIndex(t=>t.key===n.key&&t.locale===n.locale&&t.namespace===n.namespace);e>=0?this.queue[e]=n:this.queue.push(n),this.onStatus("unsaved",`${this.queue.length} unsaved`),this.queue.length>50&&this.flush()}async flush(){if(this.queue.length===0)return;let n=[...this.queue];this.onStatus("saving");try{let e=await fetch(`${this.apiBase}/api/integrations/targets/batch`,{method:"PUT",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.sessionToken}`},body:JSON.stringify({translations:n.map(r=>({key:`${r.locale}:${r.namespace}:${r.key}`,value:{text:r.text,styles:r.styles}}))})});if(e.status===401){this.handleSessionExpired();return}if(!e.ok)throw new Error(`HTTP ${e.status}`);let t=n.map(r=>r.key);for(let r of n){let s=this.queue.indexOf(r);s>=0&&this.queue.splice(s,1)}this.onFlushed(t),this.queue.length===0?this.onStatus("saved","All changes saved"):this.onStatus("unsaved",`${this.queue.length} unsaved`)}catch(e){this.onStatus("error",`Save failed: ${e.message}`)}}async fetchStatus(n,e,t){if(n.length===0)return{};this.statusAbort&&this.statusAbort.abort(),this.statusAbort=new AbortController;let r=n.slice(0,200),s=new URLSearchParams({locale:e,namespace:t,keys:r.join(",")});try{let o=await fetch(`${this.apiBase}/api/integrations/targets/status?${s}`,{headers:{Authorization:`Bearer ${this.sessionToken}`},signal:this.statusAbort.signal});return o.status===401?(this.handleSessionExpired(),{}):o.ok?(await o.json()).translations:{}}catch(o){return o.name==="AbortError"?{}:{}}}get pendingCount(){return this.queue.length}async maybeRenewSession(){let n=this.getSessionExp();!n||n*1e3-Date.now()>12e4||await this.renewSession()}async renewSession(){try{let n=await fetch(`${this.apiBase}/api/editor/renew`,{method:"POST",headers:{Authorization:`Bearer ${this.sessionToken}`}});if(n.status===401){this.handleSessionExpired();return}if(!n.ok)return;let e=await n.json();this.sessionToken=e.session_token;try{let r=(this.sessionToken.startsWith("es_")?this.sessionToken.slice(3):this.sessionToken).split(".");if(r.length===3){let s=JSON.parse(atob(r[1]));sessionStorage.setItem("__lr_editor_session",JSON.stringify({token:this.sessionToken,exp:s.exp||0}))}}catch{}}catch{}}getSessionExp(){try{let e=(this.sessionToken.startsWith("es_")?this.sessionToken.slice(3):this.sessionToken).split(".");return e.length!==3?null:JSON.parse(atob(e[1])).exp||null}catch{return null}}handleSessionExpired(){this.onStatus("error","Session expired. Please reopen the editor from the dashboard."),this.onSessionExpired&&this.onSessionExpired()}};var B="__lr_editor_session";function ce(){try{let i=sessionStorage.getItem(B);if(!i)return null;let n=JSON.parse(i);return n.exp*1e3<Date.now()+3e4?(sessionStorage.removeItem(B),null):n.token}catch{return null}}function ue(i){try{let e=(i.startsWith("es_")?i.slice(3):i).split(".");if(e.length!==3)return;let t=JSON.parse(atob(e[1])),r={token:i,exp:t.exp||0};sessionStorage.setItem(B,JSON.stringify(r))}catch{}}function pe(){sessionStorage.removeItem(B)}function he(){let i=document.querySelector("script[data-grant]");if(!i){console.warn("[LionRapid Editor] No script tag with data-grant found");return}let n=i.dataset.grant||"",e=i.dataset.locale||"",t=i.dataset.api||"https://api.lionrapid.com",r=i.dataset.project||"",s=0,o=100,d=setInterval(()=>{s++;let c=window.LionRapid;c?(clearInterval(d),me(c,n,e,t,r)):s>=o&&(clearInterval(d),console.warn("[LionRapid Editor] Timed out waiting for window.LionRapid"))},100)}async function me(i,n,e,t,r){let s=window.__lionrapidConfig,o=s?.languages||[e],d=s?.namespace||"default",c=s?.defaultLocale||"en",p=e||i.getCurrentLocale(),u=t.replace(/\/$/,""),l=ce();if(!l&&n)try{let x=await fetch(`${u}/api/editor/exchange`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({grant:n,domain:window.location.host})});if(!x.ok){console.error("[LionRapid Editor] Grant exchange failed:",x.status);return}l=(await x.json()).session_token,l&&ue(l)}catch(x){console.error("[LionRapid Editor] Grant exchange error:",x);return}if(!l){console.error("[LionRapid Editor] No valid session. Please reopen the editor from the dashboard.");return}let h=document.createElement("div");h.id="__lionrapid-editor",h.setAttribute("data-no-translate",""),document.body.appendChild(h);let m=h.attachShadow({mode:"closed"}),g=document.createElement("style");g.textContent=q,m.appendChild(g);let k=document.querySelector("[data-lionrapid-switcher]");k&&(k.style.display="none");let $=new z(u,l,r);$.startAutoFlush();let j=x=>{E.open(x),_.clearHighlight()},E=new P(m,$,p,d,c,j),_=new R(m,j),U=new A(m,o,p,async x=>{E.updateLocale(x),E.close(),_.clearHighlight(),await i.changeLanguage(x),await E.hydrateStatus()},async()=>{await $.stopAndFlush(),_.destroy(),U.destroy(),E.destroy(),h.remove(),pe()});E.setProgressCallback((x,D)=>{U.updateProgress(x,D)}),E.hydrateStatus().then(()=>{U.updateProgress(E.getTranslatedCount(),E.getTotalCount())});let H=new URL(window.location.href);H.searchParams.has("__lr_editor")&&(H.searchParams.delete("__lr_editor"),history.replaceState(null,"",H.toString()))}he();})();
+//# sourceMappingURL=lionrapid.editor.min.js.map