npm - @base44-preview/vite-plugin - Versions diffs - 0.2.26-pr.43.b670203 → 0.2.27-pr.41.77be9cb - Mend

@base44-preview/vite-plugin 0.2.26-pr.43.b670203 → 0.2.27-pr.41.77be9cb

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/dist/statics/index.mjs CHANGED Viewed

@@ -1,2 +1,6 @@
-function W(e){let n=e;return!!(n.dataset?.sourceLocation||n.dataset?.visualSelectorId)}function L(e){let n=e;return n.dataset?.sourceLocation||n.dataset?.visualSelectorId||null}var V=["src"];function D(e){if(!e)return[];let n=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return n.length>0?n:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function F(e,n){e.forEach(r=>{r.setAttribute("class",n)})}function q(e,n,r){V.includes(n)&&e.forEach(i=>{i.setAttribute(n,r)})}function K(e,n){let r={};for(let i of n){let l=e.getAttribute(i);l!==null&&(r[i]=l)}return r}var U={position:"absolute",backgroundColor:"#ffffff",border:"1px solid #e2e8f0",borderRadius:"6px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",fontSize:"12px",minWidth:"120px",maxHeight:"200px",overflowY:"auto",zIndex:"10001",padding:"4px 0",pointerEvents:"auto"},j={padding:"4px 12px",cursor:"pointer",color:"#334155",backgroundColor:"transparent",whiteSpace:"nowrap",lineHeight:"1.5",fontWeight:"400"},P="#526cff",Z="#DBEAFE",J="600",B="#f1f5f9",Q=10,x=" \u25BE",A=" \u25B4",ee=12,M="data-layer-dropdown",te=2,ne=2;function X(e,n){for(let r of Object.keys(n))e.style.setProperty(r.replace(/[A-Z]/g,i=>`-${i.toLowerCase()}`),n[r])}function oe(e){return e.tagName}function $(e,n){let r={element:e,tagName:e.tagName.toLowerCase(),selectorId:L(e)};return n!==void 0&&(r.depth=n),r}function re(e,n,r){let i=[];function l(a,d){if(!(d>n))for(let u=0;u<a.children.length;u++){let E=a.children[u];if(W(E)){let f={element:E,tagName:E.tagName.toLowerCase(),selectorId:L(E)};r!==void 0&&(f.depth=r+d-1),i.push(f),l(E,d+1)}else l(E,d)}}return l(e,1),i}function ye(e){let n=[],r=e.parentElement;for(;r&&r!==document.documentElement&&r!==document.body&&n.length<te;)W(r)&&n.push($(r)),r=r.parentElement;return n.reverse(),n}function Le(e,n){return n.forEach((r,i)=>{e.push({...r,depth:i})}),n.length}function se(e,n,r){e.push($(n,r));let i=re(n,ne,r+1);e.push(...i)}function we(e){return e.at(-1)?.element??null}function Ie(e,n){let r=re(e,1);return r.some(i=>i.element===n)||r.push($(n)),r}function De(e,n,r,i){let l=L(r),a=new Set;for(let d of n)if(d.element===r)se(e,r,i),l&&a.add(l);else{let u=d.selectorId;if(u!=null){if(u===l||a.has(u))continue;a.add(u)}e.push({...d,depth:i})}}function ie(e){let n=ye(e),r=[],i=Le(r,n),l=we(n);if(l){let a=Ie(l,e);De(r,a,e,i)}else se(r,e,i);return r}var N=null,_=null,S=null,R=null,H=null;function be(e,n,{onSelect:r,onHover:i,onHoverEnd:l}){let a=document.createElement("div");a.textContent=oe(e),X(a,j);let d=e.depth??0;return d>0&&(a.style.paddingLeft=`${ee+d*Q}px`),n&&(a.style.color=P,a.style.backgroundColor=Z,a.style.fontWeight=J),a.addEventListener("mouseenter",()=>{n||(a.style.backgroundColor=B),i&&i(e)}),a.addEventListener("mouseleave",()=>{n||(a.style.backgroundColor="transparent"),l&&l()}),a.addEventListener("click",u=>{u.stopPropagation(),u.preventDefault(),r(e)}),a}function Te(e,n,r){let i=document.createElement("div");return i.setAttribute(M,"true"),X(i,U),e.forEach(l=>{let a=l.element===n;i.appendChild(be(l,a,r))}),i}function le(e){let n=e.textContent??"";n.endsWith(x)||n.endsWith(A)||(e.textContent=n+x,e.style.cursor="pointer",e.style.userSelect="none",e.style.whiteSpace="nowrap",e.style.pointerEvents="auto",e.setAttribute(M,"true"))}function Ce(e,n,r,{onSelect:i,onHover:l,onHoverEnd:a}){let d=Array.from(e.children),u=n.findIndex(f=>f.element===r),E=f=>{if(u>=0&&u<d.length){let v=d[u];v.style.color!==P&&(v.style.backgroundColor="transparent")}if(u=f,u>=0&&u<d.length){let v=d[u];v.style.color!==P&&(v.style.backgroundColor=B),v.scrollIntoView({block:"nearest"}),l&&u>=0&&u<n.length&&l(n[u])}};H=f=>{f.key==="ArrowDown"?(f.preventDefault(),f.stopPropagation(),E(u<d.length-1?u+1:0)):f.key==="ArrowUp"?(f.preventDefault(),f.stopPropagation(),E(u>0?u-1:d.length-1)):f.key==="Enter"&&u>=0&&u<n.length&&(f.preventDefault(),f.stopPropagation(),a&&a(),i(n[u]),b())},document.addEventListener("keydown",H,!0)}function Oe(e,n){let r=!0;S=i=>{if(r){r=!1;return}let l=i.target;!e.contains(l)&&l!==n&&b()},document.addEventListener("mousedown",S,!0)}function ae(e,n,r,i){b();let l=Te(n,r,{...i,onSelect:d=>{i.onHoverEnd&&i.onHoverEnd(),i.onSelect(d),b()}}),a=e.parentElement;a&&(l.style.top=`${e.offsetTop+e.offsetHeight+2}px`,l.style.left=`${e.offsetLeft}px`,a.appendChild(l),N=l,_=e,e.textContent?.endsWith(x.trim())&&(e.textContent=e.textContent.slice(0,-x.length)+A),R=i.onHoverEnd??null,Ce(l,n,r,i),Oe(l,e))}function b(){_?.textContent?.includes(A)&&(_.textContent=_.textContent.replace(A,x)),_=null,R&&(R(),R=null),N&&N.parentNode&&N.remove(),N=null,S&&(document.removeEventListener("mousedown",S,!0),S=null),H&&(document.removeEventListener("keydown",H,!0),H=null)}function de(){return N!==null}function ce(e){let n=null,r=null,i=null,l=()=>{n&&n.parentNode&&n.remove(),n=null},a=g=>{l(),L(g.element)!==e.getSelectedElementId()&&(n=e.createPreviewOverlay(g.element))},d=g=>{l(),b(),r&&(document.removeEventListener("keydown",r,!0),r=null),i=null;let w=e.selectElement(g.element);f(w,g.element)},u=()=>{r&&(document.removeEventListener("keydown",r,!0),r=null),i&&(d(i),i=null)},E=(g,w,y,C,O)=>{g.stopPropagation(),g.preventDefault(),de()?(b(),u()):(i={element:y,tagName:y.tagName.toLowerCase(),selectorId:O},e.onDeselect(),r=T=>{T.key==="Escape"&&(T.stopPropagation(),b(),u())},document.addEventListener("keydown",r,!0),ae(w,C,y,{onSelect:d,onHover:a,onHoverEnd:l}))},f=(g,w)=>{if(!g)return;let y=g.querySelector("div");if(!y)return;let C=ie(w);if(C.length<=1)return;let O=L(w);le(y),y.addEventListener("click",T=>{E(T,y,w,C,O)})};return{attachToOverlay:f,cleanup:()=>{l(),b()}}}function xe(){let e=!1,n=!1,r=!1,i=[],l=[],a=[],d=null,u=(o=!1)=>{let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition="all 0.1s ease-in-out",t.style.zIndex="9999",o?t.style.border="2px solid #2563EB":(t.style.border="2px solid #95a5fc",t.style.backgroundColor="rgba(99, 102, 241, 0.05)"),t},E=(o,t,s=!1)=>{if(!t||!e)return;t.offsetWidth;let c=t.getBoundingClientRect();o.style.top=`${c.top+window.scrollY}px`,o.style.left=`${c.left+window.scrollX}px`,o.style.width=`${c.width}px`,o.style.height=`${c.height}px`;let p=o.querySelector("div");p||(p=document.createElement("div"),p.textContent=t.tagName.toLowerCase(),p.style.position="absolute",p.style.top="-27px",p.style.left="-2px",p.style.padding="2px 8px",p.style.fontSize="11px",p.style.fontWeight=s?"500":"400",p.style.color=s?"#ffffff":"#526cff",p.style.backgroundColor=s?"#526cff":"#DBEAFE",p.style.borderRadius="3px",p.style.minWidth="24px",p.style.textAlign="center",o.appendChild(p))},f=()=>{i.forEach(o=>{o&&o.parentNode&&o.remove()}),i=[],a=[]},v=()=>{l.forEach(o=>{o&&o.parentNode&&o.remove()}),l=[]},g=["p","h1","h2","h3","h4","h5","h6","span","a","label"],w=o=>{let t=o,s=o.getBoundingClientRect(),m=o,c=g.includes(o.tagName?.toLowerCase());window.parent.postMessage({type:"element-selected",tagName:o.tagName,classes:m.className?.baseVal||o.className||"",visualSelectorId:L(o),content:c?t.innerText:void 0,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:{top:s.top,left:s.left,right:s.right,bottom:s.bottom,width:s.width,height:s.height,centerX:s.left+s.width/2,centerY:s.top+s.height/2},attributes:K(o,V),isTextElement:c},"*")},y=o=>{let t=L(o);return v(),D(t||null).forEach(m=>{let c=u(!0);document.body.appendChild(c),l.push(c),E(c,m,!0)}),d=t||null,f(),w(o),l[0]},C=()=>{d=null,window.parent.postMessage({type:"unselect-element"},"*")},O=o=>{if(!e||n)return;let t=o.target;if(r){f();return}if(t.tagName.toLowerCase()==="path"){f();return}let s=t.closest("[data-source-location], [data-visual-selector-id]");if(!s){f();return}let m=s,c=m.dataset.sourceLocation||m.dataset.visualSelectorId;if(d===c){f();return}let p=D(c||null);f(),p.forEach(h=>{let I=u(!1);document.body.appendChild(I),i.push(I),E(I,h)}),a=p},T=()=>{n||f()},Y=o=>{if(!e)return;let t=o.target;if(t.closest(`[${M}]`))return;if(r){o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(t.tagName.toLowerCase()==="path")return;o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation();let s=t.closest("[data-source-location], [data-visual-selector-id]");if(!s)return;let m=y(s);G.attachToOverlay(m,s)},ue=()=>{v(),d=null},fe=(o,t)=>{let s=D(o);s.length!==0&&(F(s,t),setTimeout(()=>{d===o&&l.forEach((m,c)=>{c<s.length&&E(m,s[c])}),a.length>0&&a[0]?.dataset?.visualSelectorId===o&&i.forEach((p,h)=>{h<a.length&&E(p,a[h])})},50))},pe=(o,t,s)=>{let m=D(o);m.length!==0&&(q(m,t,s),setTimeout(()=>{d===o&&l.forEach((c,p)=>{p<m.length&&E(c,m[p])})},50))},me=(o,t)=>{let s=D(o);s.length!==0&&(s.forEach(m=>{m.innerText=t}),setTimeout(()=>{d===o&&l.forEach((m,c)=>{c<s.length&&E(m,s[c])})},50))},G=ce({createPreviewOverlay:o=>{let t=u(!1);return t.style.zIndex="9998",document.body.appendChild(t),E(t,o),t},getSelectedElementId:()=>d,selectElement:y,onDeselect:C}),Ee=o=>{e=o,o?(document.body.style.cursor="crosshair",document.addEventListener("mouseover",O),document.addEventListener("mouseout",T),document.addEventListener("click",Y,!0)):(G.cleanup(),f(),v(),a=[],d=null,document.body.style.cursor="default",document.removeEventListener("mouseover",O),document.removeEventListener("mouseout",T),document.removeEventListener("click",Y,!0))},z=()=>{if(d){let o=D(d);if(o.length>0){let s=o[0].getBoundingClientRect(),m=window.innerHeight,c=window.innerWidth,p=s.top<m&&s.bottom>0&&s.left<c&&s.right>0,h={top:s.top,left:s.left,right:s.right,bottom:s.bottom,width:s.width,height:s.height,centerX:s.left+s.width/2,centerY:s.top+s.height/2};window.parent.postMessage({type:"element-position-update",position:h,isInViewport:p,visualSelectorId:d},"*")}}},ge=o=>{let t=o.data;switch(t.type){case"toggle-visual-edit-mode":Ee(t.data.enabled);break;case"update-classes":t.data&&t.data.classes!==void 0?fe(t.data.visualSelectorId,t.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",t);break;case"update-attribute":t.data&&t.data.visualSelectorId&&t.data.attribute!==void 0&&t.data.value!==void 0?pe(t.data.visualSelectorId,t.data.attribute,t.data.value):console.warn("[VisualEditAgent] Invalid update-attribute message:",t);break;case"unselect-element":ue();break;case"refresh-page":window.location.reload();break;case"update-content":t.data&&t.data.content!==void 0?me(t.data.visualSelectorId,t.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",t);break;case"request-element-position":if(d){let s=D(d);if(s.length>0){let c=s[0].getBoundingClientRect(),p=window.innerHeight,h=window.innerWidth,I=c.top<p&&c.bottom>0&&c.left<h&&c.right>0,ve={top:c.top,left:c.left,right:c.right,bottom:c.bottom,width:c.width,height:c.height,centerX:c.left+c.width/2,centerY:c.top+c.height/2};window.parent.postMessage({type:"element-position-update",position:ve,isInViewport:I,visualSelectorId:d},"*")}}break;case"popover-drag-state":t.data&&t.data.isDragging!==void 0&&(n=t.data.isDragging,t.data.isDragging&&f());break;case"dropdown-state":t.data&&t.data.isOpen!==void 0&&(r=t.data.isOpen,t.data.isOpen&&f());break;default:break}},k=()=>{if(d){let o=D(d);l.forEach((t,s)=>{s<o.length&&E(t,o[s])})}a.length>0&&i.forEach((o,t)=>{t<a.length&&E(o,a[t])})};document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((o,t)=>{let s=o,m=`visual-id-${s.dataset.filename}-${s.dataset.linenumber}-${t}`;s.dataset.visualSelectorId=m});let he=new MutationObserver(o=>{o.some(s=>{let m=p=>{if(p.nodeType===Node.ELEMENT_NODE){let h=p;if(h.dataset&&h.dataset.visualSelectorId)return!0;for(let I=0;I<h.children.length;I++)if(m(h.children[I]))return!0}return!1};return s.type==="attributes"&&(s.attributeName==="style"||s.attributeName==="class"||s.attributeName==="width"||s.attributeName==="height")&&m(s.target)})&&setTimeout(k,50)});window.addEventListener("message",ge),window.addEventListener("scroll",z,!0),document.addEventListener("scroll",z,!0),window.addEventListener("resize",k),window.addEventListener("scroll",k),he.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{xe as setupVisualEditAgent};
+function P(){return{isVisualEditMode:!1,isPopoverDragging:!1,isDropdownOpen:!1,hoverOverlays:[],selectedOverlays:[],currentHighlightedElements:[],selectedElementId:null,currentEditingElement:null,debouncedSendTimeout:null,isInlineEditExperimentEnabled:!1}}function l(e){if(!e)return[];let t=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return t.length>0?t:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function V(e,t){e.forEach(n=>{n.setAttribute("class",t)})}var U="all 0.1s ease-in-out",G="9999",k="#2563EB",F="#95a5fc",B="rgba(99, 102, 241, 0.05)",W="-27px",j="-2px";function g(e=!1){let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition=U,t.style.zIndex=G,e?t.style.border=`2px solid ${k}`:(t.style.border=`2px solid ${F}`,t.style.backgroundColor=B),t}function E(e,t,n=!1,r=!0){if(!t||!r)return;t.offsetWidth;let i=t.getBoundingClientRect();e.style.top=`${i.top+window.scrollY}px`,e.style.left=`${i.left+window.scrollX}px`,e.style.width=`${i.width}px`,e.style.height=`${i.height}px`;let o=e.querySelector("div");o||(o=document.createElement("div"),o.textContent=t.tagName.toLowerCase(),o.style.position="absolute",o.style.top=W,o.style.left=j,o.style.padding="2px 8px",o.style.fontSize="11px",o.style.fontWeight=n?"500":"400",o.style.color=n?"#ffffff":"#526cff",o.style.backgroundColor=n?"#526cff":"#DBEAFE",o.style.borderRadius="3px",o.style.minWidth="24px",o.style.textAlign="center",e.appendChild(o))}function h(e){e.forEach(t=>{t&&t.parentNode&&t.remove()})}function u(e){e.isInlineEditExperimentEnabled&&e.selectedElementId&&l(e.selectedElementId).forEach(n=>{n instanceof HTMLElement&&delete n.dataset.selected}),h(e.selectedOverlays),e.selectedOverlays=[],e.selectedElementId=null}function m(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId);e.selectedOverlays.forEach((n,r)=>{let i=t[r];i&&E(n,i,!0,e.isVisualEditMode)})}function y(e){e.hoverOverlays.forEach((t,n)=>{let r=e.currentHighlightedElements[n];r&&E(t,r,!1,e.isVisualEditMode)})}function a(e){h(e.hoverOverlays),e.hoverOverlays=[],e.currentHighlightedElements=[]}function Y(e,t){if(!e.isVisualEditMode||e.isPopoverDragging||e.currentEditingElement)return;let n=t.target;if(e.isDropdownOpen){a(e);return}if(n.tagName.toLowerCase()==="path"){a(e);return}let r=n.closest("[data-source-location], [data-visual-selector-id]");if(!r){a(e);return}let i=r,o=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===o){a(e);return}let c=l(o||null);a(e),c.forEach(s=>{let f=g(!1);document.body.appendChild(f),e.hoverOverlays.push(f),E(f,s,!1,e.isVisualEditMode)}),e.currentHighlightedElements=c}function $(e){e.isPopoverDragging||e.currentEditingElement||a(e)}function L(){if(document.getElementById("visual-edit-focus-styles"))return;let t=document.createElement("style");t.id="visual-edit-focus-styles",t.textContent=`
+    [data-selected="true"][contenteditable="true"]:focus {
+      outline: none !important;
+    }
+  `,document.head.appendChild(t)}function x(){let e=document.getElementById("visual-edit-focus-styles");e&&e.remove()}function b(e){let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)}function I(e){return!!e.dataset.arrField}var re=["div","p","h1","h2","h3","h4","h5","h6","span","li","td","a","button","label"];function le(e){return!(!re.includes(e.tagName.toLowerCase())||(e.textContent?.trim()||"").length===0||e.querySelector("img, video, canvas, svg")!==null||e.children.length>0)}function A(e){return!(e instanceof HTMLElement)||!le(e)?!1:I(e)?!0:e.dataset.dynamicContent!=="true"}var C=null;function D(e){C=e}var _=new WeakMap;function ae(e){C&&C(this)}function T(e){return!(!(e instanceof HTMLElement)||e.dataset.selected!=="true"||!A(e))}function N(e){L(),e.dataset.originalTextContent=e.textContent||"",e.dataset.originalCursor=e.style.cursor,e.contentEditable="true";let t=new AbortController;_.set(e,t),e.addEventListener("input",ae,{signal:t.signal}),e.style.cursor="text",b(e),setTimeout(()=>{e.focus()},0)}function w(e){let t=_.get(e);t&&(t.abort(),_.delete(e)),e.isConnected&&(x(),e.contentEditable="false",delete e.dataset.originalTextContent,e.dataset.originalCursor!==void 0&&(e.style.cursor=e.dataset.originalCursor,delete e.dataset.originalCursor))}function p(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,centerX:e.left+e.width/2,centerY:e.top+e.height/2}}function q(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}function S(e){return e instanceof SVGElement?e.className?.baseVal||"":e.className||""}function M(e,t){e.currentEditingElement=t,e.selectedOverlays.forEach(n=>{n.style.display="none"}),N(t),window.parent.postMessage({type:"content-editing-started",visualSelectorId:e.selectedElementId},"*")}function d(e){if(!e.currentEditingElement)return;e.debouncedSendTimeout&&(clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=null);let t=e.currentEditingElement;w(t),e.selectedOverlays.forEach(n=>{n.style.display=""}),m(e),window.parent.postMessage({type:"content-editing-ended",visualSelectorId:e.selectedElementId},"*"),e.currentEditingElement=null}function de(e,t){let n=t.dataset.originalTextContent,r=t.textContent,i={tagName:t.tagName,classes:S(t),visualSelectorId:e.selectedElementId,content:r,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:p(t.getBoundingClientRect())},o={type:"inline-edit",elementInfo:i,originalContent:n,newContent:r};I(t)&&(o.arrIndex=t.dataset.arrIndex,o.arrVariableName=t.dataset.arrVariableName,o.arrField=t.dataset.arrField),window.parent.postMessage(o,"*"),t.dataset.originalTextContent=r||""}function ce(e,t){e.debouncedSendTimeout&&clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=setTimeout(()=>{de(e,t)},500)}function Ee(e){return t=>{m(e),ce(e,t)}}function z(e){D(Ee(e))}function ue(e,t,n){e.currentEditingElement&&d(e),u(e);let r=l(n);e.isInlineEditExperimentEnabled&&r.forEach(v=>{v instanceof HTMLElement&&(v.dataset.selected="true")}),r.forEach(v=>{let O=g(!0);document.body.appendChild(O),e.selectedOverlays.push(O),E(O,v,!0,e.isVisualEditMode)}),e.selectedElementId=n,a(e);let i=t,o=i.closest("[data-arr-variable-name]"),c=o?.dataset?.arrVariableName||null,s=o?.dataset?.arrIndex,f=s!=null?parseInt(s,10):null,oe=i.dataset?.arrField||null,ie={type:"element-selected",tagName:t.tagName,classes:S(t),visualSelectorId:n,content:i.innerText,dataSourceLocation:i.dataset.sourceLocation,isDynamicContent:i.dataset.dynamicContent==="true",linenumber:i.dataset.linenumber,filename:i.dataset.filename,position:p(t.getBoundingClientRect()),staticArrayName:c,staticArrayIndex:f,staticArrayField:oe};window.parent.postMessage(ie,"*")}function X(e,t){if(!e.isVisualEditMode)return;let n=t.target;if(e.isInlineEditExperimentEnabled&&n instanceof HTMLElement&&n.contentEditable==="true")return;if(e.currentEditingElement){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),d(e);return}if(e.isDropdownOpen){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(n.tagName.toLowerCase()==="path")return;t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation();let r=n.closest("[data-source-location], [data-visual-selector-id]");if(!r)return;let i=r,o=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===o&&i.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&T(i)){M(e,i);return}ue(e,r,o||null)}function me(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&d(e),a(e),u(e),e.currentHighlightedElements=[],document.body.style.cursor="default")}function Q(e,t){me(e,t.data.enabled),t.data.specs?.newInlineEditEnabled!==void 0&&(e.isInlineEditExperimentEnabled=!0)}function K(e,t){if(!e.isInlineEditExperimentEnabled||!t.data||!t.data.dataSourceLocation)return;let n=l(t.data.dataSourceLocation);if(n.length===0||!(n[0]instanceof HTMLElement))return;let r=n[0];t.data.inlineEditingMode?T(r)&&(e.selectedElementId!==t.data.dataSourceLocation&&(e.currentEditingElement&&d(e),u(e),n.forEach(i=>{i instanceof HTMLElement&&(i.dataset.selected="true")}),n.forEach(i=>{let o=g(!0);document.body.appendChild(o),e.selectedOverlays.push(o),E(o,i,!0,e.isVisualEditMode)}),e.selectedElementId=t.data.dataSourceLocation),M(e,r)):e.currentEditingElement===r&&d(e)}function J(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId),[n]=t;if(!n)return;let r=n.getBoundingClientRect();window.parent.postMessage({type:"element-position-update",position:p(r),isInViewport:q(r),visualSelectorId:e.selectedElementId},"*")}function ge(e){e.currentEditingElement&&d(e),u(e)}function pe(e,t,n){let r=l(t);r.length!==0&&(V(r,n),setTimeout(()=>{e.selectedElementId===t&&m(e);let i=e.currentHighlightedElements[0];i instanceof HTMLElement&&i.dataset.visualSelectorId===t&&y(e)},50))}function fe(e,t,n,r){let i=l(t);i.length!==0&&(r!=null&&(i=i.filter(o=>o.dataset.arrIndex===String(r))),i.forEach(o=>{o.innerText=n}),setTimeout(()=>{e.selectedElementId===t&&m(e)},50))}function ee(e){J(e)}function H(e){m(e),y(e)}function te(e,t){let n=t.data;switch(n.type){case"toggle-visual-edit-mode":Q(e,n);break;case"update-classes":n.data&&n.data.classes!==void 0?pe(e,n.data.visualSelectorId,n.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",n);break;case"unselect-element":ge(e);break;case"refresh-page":window.location.reload();break;case"update-content":n.data&&n.data.content!==void 0?fe(e,n.data.visualSelectorId,n.data.content,n.data.arrIndex):console.warn("[VisualEditAgent] Invalid update-content message:",n);break;case"toggle-inline-edit-mode":K(e,n);break;case"request-element-position":J(e);break;case"popover-drag-state":n.data&&n.data.isDragging!==void 0&&(e.isPopoverDragging=n.data.isDragging,n.data.isDragging&&a(e));break;case"dropdown-state":n.data&&n.data.isOpen!==void 0&&(e.isDropdownOpen=n.data.isOpen,n.data.isOpen&&a(e));break;default:break}}function Te(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let r=t,i=`visual-id-${r.dataset.filename}-${r.dataset.linenumber}-${n}`;r.dataset.visualSelectorId=i})}function ve(e){let t=null,n=r=>{if(r.nodeType!==Node.ELEMENT_NODE)return!1;let i=r;if(i.dataset?.visualSelectorId)return!0;for(let o of Array.from(i.children))if(n(o))return!0;return!1};return new MutationObserver(r=>{if(t!==null)return;r.some(o=>o.type==="attributes"&&(o.attributeName==="style"||o.attributeName==="class"||o.attributeName==="width"||o.attributeName==="height")&&n(o.target))&&(t=requestAnimationFrame(()=>{t=null,e()}))})}function Ie(e){let t=s=>te(e,s),n=()=>ee(e),r=()=>H(e),i=s=>X(e,s),o=s=>Y(e,s),c=()=>$(e);return window.addEventListener("message",t),window.addEventListener("scroll",n,!0),document.addEventListener("scroll",n,!0),window.addEventListener("resize",r),window.addEventListener("scroll",r),document.addEventListener("click",i,!0),document.addEventListener("mouseover",o),document.addEventListener("mouseout",c),()=>{window.removeEventListener("message",t),window.removeEventListener("scroll",n,!0),document.removeEventListener("scroll",n,!0),window.removeEventListener("resize",r),window.removeEventListener("scroll",r),document.removeEventListener("click",i,!0),document.removeEventListener("mouseover",o),document.removeEventListener("mouseout",c)}}function ne(){let e=P();Te(),z(e);let t=Ie(e),n=ve(()=>H(e));return n.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*"),()=>{n.disconnect(),t()}}export{ne as setupVisualEditAgent};
 //# sourceMappingURL=index.mjs.map

package/dist/statics/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/injections/utils.ts","../../src/injections/layer-dropdown/consts.ts","../../src/injections/layer-dropdown/utils.ts","../../src/injections/layer-dropdown/dropdown-ui.ts","../../src/injections/layer-dropdown/controller.ts","../../src/injections/visual-edit-agent.ts"],"sourcesContent":["/** Check if an element has instrumentation attributes /\nexport function isInstrumentedElement(element: Element): boolean {\n const htmlEl = element as HTMLElement;\n return !!(\n htmlEl.dataset?.sourceLocation \|\| htmlEl.dataset?.visualSelectorId\n );\n}\n\n/* Get the selector ID from an element's data attributes (prefers source-location) /\nexport function getElementSelectorId(element: Element): string \| null {\n const htmlEl = element as HTMLElement;\n return (\n htmlEl.dataset?.sourceLocation \|\|\n htmlEl.dataset?.visualSelectorId \|\|\n null\n );\n}\n\nexport const ALLOWED_ATTRIBUTES: string[] = [\"src\"];\n\n/* Find elements by ID - first try data-source-location, fallback to data-visual-selector-id /\nexport function findElementsById(id: string \| null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/\n Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n /\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n });\n}\n\n/* Set a single attribute on all provided elements. /\nexport function updateElementAttribute(elements: Element[], attribute: string, value: string): void {\n if (!ALLOWED_ATTRIBUTES.includes(attribute)) {\n return;\n }\n\n elements.forEach((element) => {\n element.setAttribute(attribute, value);\n });\n}\n\n/* Collect attribute values from an element for a given allowlist. /\nexport function collectAllowedAttributes(element: Element, allowedAttributes: string[]): Record<string, string> {\n const attributes: Record<string, string> = {};\n for (const attr of allowedAttributes) {\n const val = element.getAttribute(attr);\n if (val !== null) {\n attributes[attr] = val;\n }\n }\n return attributes;\n}\n","/* Style constants for the layer dropdown UI /\n\nexport const DROPDOWN_CONTAINER_STYLES: Record<string, string> = {\n position: \"absolute\",\n backgroundColor: \"#ffffff\",\n border: \"1px solid #e2e8f0\",\n borderRadius: \"6px\",\n boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.15)\",\n fontSize: \"12px\",\n minWidth: \"120px\",\n maxHeight: \"200px\",\n overflowY: \"auto\",\n zIndex: \"10001\",\n padding: \"4px 0\",\n pointerEvents: \"auto\",\n};\n\nexport const DROPDOWN_ITEM_BASE_STYLES: Record<string, string> = {\n padding: \"4px 12px\",\n cursor: \"pointer\",\n color: \"#334155\",\n backgroundColor: \"transparent\",\n whiteSpace: \"nowrap\",\n lineHeight: \"1.5\",\n fontWeight: \"400\",\n};\n\nexport const DROPDOWN_ITEM_ACTIVE_COLOR = \"#526cff\";\nexport const DROPDOWN_ITEM_ACTIVE_BG = \"#DBEAFE\";\nexport const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = \"600\";\n\nexport const DROPDOWN_ITEM_HOVER_BG = \"#f1f5f9\";\n\nexport const DEPTH_INDENT_PX = 10;\n\n/* Chevron shown when dropdown is collapsed (click to expand) /\nexport const CHEVRON_COLLAPSED = \" \\u25BE\";\n/* Chevron shown when dropdown is expanded (click to collapse) /\nexport const CHEVRON_EXPANDED = \" \\u25B4\";\n\nexport const BASE_PADDING_PX = 12;\n\nexport const LAYER_DROPDOWN_ATTR = \"data-layer-dropdown\";\n\n/* Max instrumented ancestors to show above the selected element /\nexport const MAX_PARENT_DEPTH = 2;\n\n/* Max instrumented depth levels to show below the selected element /\nexport const MAX_CHILD_DEPTH = 2;\n","/* DOM utilities for the layer-dropdown module /\n\nimport { isInstrumentedElement, getElementSelectorId } from \"../utils.js\";\nimport { MAX_PARENT_DEPTH, MAX_CHILD_DEPTH } from \"./consts.js\";\n\nimport type { LayerInfo } from \"./types.js\";\n\n/* Apply a style map to an element /\nexport function applyStyles(element: HTMLElement, styles: Record<string, string>): void {\n for (const key of Object.keys(styles)) {\n element.style.setProperty(\n key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`),\n styles[key]!\n );\n }\n}\n\n/* Display name for a layer — just the real tag name /\nexport function getLayerDisplayName(layer: LayerInfo): string {\n return layer.tagName;\n}\n\nfunction toLayerInfo(element: Element, depth?: number): LayerInfo {\n const info: LayerInfo = {\n element,\n tagName: element.tagName.toLowerCase(),\n selectorId: getElementSelectorId(element),\n };\n if (depth !== undefined) info.depth = depth;\n return info;\n}\n\n/\n Collect instrumented descendants up to `maxDepth` instrumented nesting levels.\n * Non-instrumented wrappers are walked through without counting toward depth.\n * Results are in DOM order.\n * When `startDepth` is provided, assigns `depth` to each item during collection.\n /\nexport function getInstrumentedDescendants(\n parent: Element,\n maxDepth: number,\n startDepth?: number\n): LayerInfo[] {\n const result: LayerInfo[] = [];\n\n function walk(el: Element, instrDepth: number): void {\n if (instrDepth > maxDepth) return;\n for (let i = 0; i < el.children.length; i++) {\n const child = el.children[i]!;\n if (isInstrumentedElement(child)) {\n const info: LayerInfo = {\n element: child,\n tagName: child.tagName.toLowerCase(),\n selectorId: getElementSelectorId(child),\n };\n if (startDepth !== undefined) {\n info.depth = startDepth + instrDepth - 1;\n }\n result.push(info);\n walk(child, instrDepth + 1);\n } else {\n walk(child, instrDepth);\n }\n }\n }\n\n walk(parent, 1);\n return result;\n}\n\n/* Collect instrumented ancestors from selected element up to MAX_PARENT_DEPTH (outermost first). /\nfunction collectInstrumentedParents(selectedElement: Element): LayerInfo[] {\n const parents: LayerInfo[] = [];\n let current = selectedElement.parentElement;\n while (\n current &&\n current !== document.documentElement &&\n current !== document.body &&\n parents.length < MAX_PARENT_DEPTH\n ) {\n if (isInstrumentedElement(current)) {\n parents.push(toLayerInfo(current));\n }\n current = current.parentElement;\n }\n parents.reverse();\n return parents;\n}\n\n/* Add parents to chain with depth 0, 1, …; returns depth of selected (parents.length). /\nfunction addParentsToChain(chain: LayerInfo[], parents: LayerInfo[]): number {\n parents.forEach((p, i) => {\n chain.push({ ...p, depth: i });\n });\n return parents.length;\n}\n\n/* Add selected element and its descendants at the given depth. /\nfunction addSelfAndDescendantsToChain(\n chain: LayerInfo[],\n selectedElement: Element,\n selfDepth: number\n): void {\n chain.push(toLayerInfo(selectedElement, selfDepth));\n const descendants = getInstrumentedDescendants(\n selectedElement,\n MAX_CHILD_DEPTH,\n selfDepth + 1\n );\n chain.push(...descendants);\n}\n\n/* Get the innermost instrumented parent's DOM element, or null if none. /\nfunction getImmediateInstrParent(parents: LayerInfo[]): Element \| null {\n return parents.at(-1)?.element ?? null;\n}\n\n/* Collect instrumented siblings of the selected element from its parent (DOM order). /\nfunction collectSiblings(parent: Element, selectedElement: Element): LayerInfo[] {\n const siblings = getInstrumentedDescendants(parent, 1);\n if (!siblings.some((s) => s.element === selectedElement)) {\n siblings.push(toLayerInfo(selectedElement));\n }\n return siblings;\n}\n\n/* Add siblings at selfDepth, expanding children only for the selected element. /\nfunction appendSiblingsWithSelected(\n chain: LayerInfo[],\n siblings: LayerInfo[],\n selectedElement: Element,\n selfDepth: number\n): void {\n const selectedSelectorId = getElementSelectorId(selectedElement);\n const seen = new Set<string>();\n for (const sibling of siblings) {\n if (sibling.element === selectedElement) {\n addSelfAndDescendantsToChain(chain, selectedElement, selfDepth);\n if (selectedSelectorId) seen.add(selectedSelectorId);\n } else {\n const id = sibling.selectorId;\n if (id != null) {\n if (id === selectedSelectorId \|\| seen.has(id)) continue;\n seen.add(id);\n }\n chain.push({ ...sibling, depth: selfDepth });\n }\n }\n}\n\n/\n Build the layer chain for the dropdown:\n \n Parents – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.\n * Siblings – instrumented children of the immediate parent, at the same depth.\n * Current – the selected element (highlighted), with children expanded.\n * Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.\n \n Each item carries a `depth` for visual indentation.\n /\nexport function buildLayerChain(selectedElement: Element): LayerInfo[] {\n const parents = collectInstrumentedParents(selectedElement);\n const chain: LayerInfo[] = [];\n const selfDepth = addParentsToChain(chain, parents);\n\n const instrParent = getImmediateInstrParent(parents);\n if (instrParent) {\n const siblings = collectSiblings(instrParent, selectedElement);\n appendSiblingsWithSelected(chain, siblings, selectedElement, selfDepth);\n } else {\n addSelfAndDescendantsToChain(chain, selectedElement, selfDepth);\n }\n\n return chain;\n}\n","/* Dropdown UI component for layer navigation /\n\nimport {\n DROPDOWN_CONTAINER_STYLES,\n DROPDOWN_ITEM_BASE_STYLES,\n DROPDOWN_ITEM_ACTIVE_COLOR,\n DROPDOWN_ITEM_ACTIVE_BG,\n DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT,\n DROPDOWN_ITEM_HOVER_BG,\n DEPTH_INDENT_PX,\n BASE_PADDING_PX,\n CHEVRON_COLLAPSED,\n CHEVRON_EXPANDED,\n LAYER_DROPDOWN_ATTR,\n} from \"./consts.js\";\nimport { applyStyles, getLayerDisplayName } from \"./utils.js\";\nimport type { LayerInfo, DropdownCallbacks } from \"./types.js\";\n\nlet activeDropdown: HTMLDivElement \| null = null;\nlet activeLabel: HTMLDivElement \| null = null;\nlet outsideMousedownHandler: ((e: MouseEvent) => void) \| null = null;\nlet activeOnHoverEnd: (() => void) \| null = null;\nlet activeKeydownHandler: ((e: KeyboardEvent) => void) \| null = null;\n\nfunction createDropdownItem(\n layer: LayerInfo,\n isActive: boolean,\n { onSelect, onHover, onHoverEnd }: DropdownCallbacks\n): HTMLDivElement {\n const item = document.createElement(\"div\");\n item.textContent = getLayerDisplayName(layer);\n applyStyles(item, DROPDOWN_ITEM_BASE_STYLES);\n\n const depth = layer.depth ?? 0;\n if (depth > 0) {\n item.style.paddingLeft = `${BASE_PADDING_PX + depth DEPTH_INDENT_PX}px`;\n }\n\n if (isActive) {\n item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;\n item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;\n item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;\n }\n\n item.addEventListener(\"mouseenter\", () => {\n if (!isActive) item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;\n if (onHover) onHover(layer);\n });\n\n item.addEventListener(\"mouseleave\", () => {\n if (!isActive) item.style.backgroundColor = \"transparent\";\n if (onHoverEnd) onHoverEnd();\n });\n\n item.addEventListener(\"click\", (e: MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n onSelect(layer);\n });\n\n return item;\n}\n\n/** Create the dropdown DOM element with layer items /\nexport function createDropdownElement(\n layers: LayerInfo[],\n currentElement: Element \| null,\n callbacks: DropdownCallbacks\n): HTMLDivElement {\n const container = document.createElement(\"div\");\n container.setAttribute(LAYER_DROPDOWN_ATTR, \"true\");\n applyStyles(container, DROPDOWN_CONTAINER_STYLES);\n\n layers.forEach((layer) => {\n const isActive = layer.element === currentElement;\n container.appendChild(createDropdownItem(layer, isActive, callbacks));\n });\n\n return container;\n}\n\n/* Add chevron indicator and pointer-events to the label /\nexport function enhanceLabelWithChevron(label: HTMLDivElement): void {\n const t = label.textContent ?? \"\";\n if (t.endsWith(CHEVRON_COLLAPSED) \|\| t.endsWith(CHEVRON_EXPANDED)) return;\n\n label.textContent = t + CHEVRON_COLLAPSED;\n label.style.cursor = \"pointer\";\n label.style.userSelect = \"none\";\n label.style.whiteSpace = \"nowrap\";\n label.style.pointerEvents = \"auto\";\n label.setAttribute(LAYER_DROPDOWN_ATTR, \"true\");\n}\n\nfunction setupKeyboardNavigation(\n dropdown: HTMLDivElement,\n layers: LayerInfo[],\n currentElement: Element \| null,\n { onSelect, onHover, onHoverEnd }: DropdownCallbacks\n): void {\n const items = Array.from(dropdown.children) as HTMLDivElement[];\n let focusedIndex = layers.findIndex((l) => l.element === currentElement);\n\n const setFocusedItem = (index: number) => {\n if (focusedIndex >= 0 && focusedIndex < items.length) {\n const prev = items[focusedIndex]!;\n if (prev.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {\n prev.style.backgroundColor = \"transparent\";\n }\n }\n focusedIndex = index;\n if (focusedIndex >= 0 && focusedIndex < items.length) {\n const cur = items[focusedIndex]!;\n if (cur.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {\n cur.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;\n }\n cur.scrollIntoView({ block: \"nearest\" });\n if (onHover && focusedIndex >= 0 && focusedIndex < layers.length) {\n onHover(layers[focusedIndex]!);\n }\n }\n };\n\n activeKeydownHandler = (e: KeyboardEvent) => {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n e.stopPropagation();\n setFocusedItem(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);\n } else if (e.key === \"ArrowUp\") {\n e.preventDefault();\n e.stopPropagation();\n setFocusedItem(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);\n } else if (e.key === \"Enter\" && focusedIndex >= 0 && focusedIndex < layers.length) {\n e.preventDefault();\n e.stopPropagation();\n if (onHoverEnd) onHoverEnd();\n onSelect(layers[focusedIndex]!);\n closeDropdown();\n }\n };\n document.addEventListener(\"keydown\", activeKeydownHandler, true);\n}\n\nfunction setupOutsideClickHandler(\n dropdown: HTMLDivElement,\n label: HTMLDivElement\n): void {\n let skipFirst = true;\n outsideMousedownHandler = (e: MouseEvent) => {\n if (skipFirst) { skipFirst = false; return; }\n const target = e.target as Node;\n if (!dropdown.contains(target) && target !== label) {\n closeDropdown();\n }\n };\n document.addEventListener(\"mousedown\", outsideMousedownHandler, true);\n}\n\n/* Show the dropdown below the label element /\nexport function showDropdown(\n label: HTMLDivElement,\n layers: LayerInfo[],\n currentElement: Element \| null,\n callbacks: DropdownCallbacks\n): void {\n closeDropdown();\n\n const dropdown = createDropdownElement(\n layers,\n currentElement,\n {\n ...callbacks,\n onSelect: (layer) => {\n if (callbacks.onHoverEnd) callbacks.onHoverEnd();\n callbacks.onSelect(layer);\n closeDropdown();\n },\n }\n );\n\n const overlay = label.parentElement;\n if (!overlay) return;\n\n dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;\n dropdown.style.left = `${label.offsetLeft}px`;\n\n overlay.appendChild(dropdown);\n activeDropdown = dropdown;\n activeLabel = label;\n if (label.textContent?.endsWith(CHEVRON_COLLAPSED.trim())) {\n label.textContent = label.textContent.slice(0, -CHEVRON_COLLAPSED.length) + CHEVRON_EXPANDED;\n }\n activeOnHoverEnd = callbacks.onHoverEnd ?? null;\n\n setupKeyboardNavigation(dropdown, layers, currentElement, callbacks);\n setupOutsideClickHandler(dropdown, label);\n}\n\n/* Close the active dropdown and clean up listeners /\nexport function closeDropdown(): void {\n if (activeLabel?.textContent?.includes(CHEVRON_EXPANDED)) {\n activeLabel.textContent = activeLabel.textContent.replace(CHEVRON_EXPANDED, CHEVRON_COLLAPSED);\n }\n activeLabel = null;\n\n if (activeOnHoverEnd) {\n activeOnHoverEnd();\n activeOnHoverEnd = null;\n }\n\n if (activeDropdown && activeDropdown.parentNode) {\n activeDropdown.remove();\n }\n activeDropdown = null;\n\n if (outsideMousedownHandler) {\n document.removeEventListener(\"mousedown\", outsideMousedownHandler, true);\n outsideMousedownHandler = null;\n }\n\n if (activeKeydownHandler) {\n document.removeEventListener(\"keydown\", activeKeydownHandler, true);\n activeKeydownHandler = null;\n }\n}\n\n/* Check if a dropdown is currently visible /\nexport function isDropdownOpen(): boolean {\n return activeDropdown !== null;\n}\n","/* Controller that encapsulates layer-dropdown integration logic /\n\nimport { getElementSelectorId } from \"../utils.js\";\nimport { buildLayerChain } from \"./utils.js\";\nimport {\n enhanceLabelWithChevron,\n showDropdown,\n closeDropdown,\n isDropdownOpen,\n} from \"./dropdown-ui.js\";\nimport type { LayerInfo, LayerControllerConfig, LayerController } from \"./types.js\";\n\nexport function createLayerController(config: LayerControllerConfig): LayerController {\n let layerPreviewOverlay: HTMLDivElement \| null = null;\n let escapeHandler: ((e: KeyboardEvent) => void) \| null = null;\n let dropdownSourceLayer: LayerInfo \| null = null;\n\n const clearLayerPreview = () => {\n if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {\n layerPreviewOverlay.remove();\n }\n layerPreviewOverlay = null;\n };\n\n const showLayerPreview = (layer: LayerInfo) => {\n clearLayerPreview();\n if (getElementSelectorId(layer.element) === config.getSelectedElementId()) return;\n\n layerPreviewOverlay = config.createPreviewOverlay(layer.element);\n };\n\n const selectLayer = (layer: LayerInfo) => {\n clearLayerPreview();\n closeDropdown();\n if (escapeHandler) {\n document.removeEventListener(\"keydown\", escapeHandler, true);\n escapeHandler = null;\n }\n dropdownSourceLayer = null;\n\n const firstOverlay = config.selectElement(layer.element);\n attachToOverlay(firstOverlay, layer.element);\n };\n\n const restoreSelection = () => {\n if (escapeHandler) {\n document.removeEventListener(\"keydown\", escapeHandler, true);\n escapeHandler = null;\n }\n if (dropdownSourceLayer) {\n selectLayer(dropdownSourceLayer);\n dropdownSourceLayer = null;\n }\n };\n\n const handleLabelClick = (e: MouseEvent, label: HTMLDivElement, element: Element, layers: LayerInfo[], currentId: string \| null) => {\n e.stopPropagation();\n e.preventDefault();\n if (isDropdownOpen()) {\n closeDropdown();\n restoreSelection();\n } else {\n dropdownSourceLayer = {\n element,\n tagName: element.tagName.toLowerCase(),\n selectorId: currentId,\n };\n config.onDeselect();\n\n escapeHandler = (ev: KeyboardEvent) => {\n if (ev.key === \"Escape\") {\n ev.stopPropagation();\n closeDropdown();\n restoreSelection();\n }\n };\n document.addEventListener(\"keydown\", escapeHandler, true);\n\n showDropdown(label, layers, element, { onSelect: selectLayer, onHover: showLayerPreview, onHoverEnd: clearLayerPreview });\n }\n };\n\n const attachToOverlay = (\n overlay: HTMLDivElement \| undefined,\n element: Element\n ) => {\n if (!overlay) return;\n\n const label = overlay.querySelector(\"div\") as HTMLDivElement \| null;\n if (!label) return;\n\n const layers = buildLayerChain(element);\n if (layers.length <= 1) return;\n\n const currentId = getElementSelectorId(element);\n enhanceLabelWithChevron(label);\n\n label.addEventListener(\"click\", (e: MouseEvent) => {\n handleLabelClick(e, label, element, layers, currentId);\n });\n };\n\n const cleanup = () => {\n clearLayerPreview();\n closeDropdown();\n };\n\n return { attachToOverlay, cleanup };\n}\n","import { findElementsById, updateElementClasses, updateElementAttribute, collectAllowedAttributes, ALLOWED_ATTRIBUTES, getElementSelectorId } from \"./utils.js\";\nimport { createLayerController } from \"./layer-dropdown/controller.js\";\nimport { LAYER_DROPDOWN_ATTR } from \"./layer-dropdown/consts.js\";\n\nexport function setupVisualEditAgent() {\n // State variables (replacing React useState/useRef)\n let isVisualEditMode = false;\n let isPopoverDragging = false;\n let isDropdownOpen = false;\n let hoverOverlays: HTMLDivElement[] = [];\n let selectedOverlays: HTMLDivElement[] = [];\n let currentHighlightedElements: Element[] = [];\n let selectedElementId: string \| null = null;\n\n // Create overlay element\n const createOverlay = (isSelected = false): HTMLDivElement => {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = \"all 0.1s ease-in-out\";\n overlay.style.zIndex = \"9999\";\n\n if (isSelected) {\n overlay.style.border = \"2px solid #2563EB\";\n } else {\n overlay.style.border = \"2px solid #95a5fc\";\n overlay.style.backgroundColor = \"rgba(99, 102, 241, 0.05)\";\n }\n\n return overlay;\n };\n\n // Position overlay relative to element\n const positionOverlay = (\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false\n ) => {\n if (!element \|\| !isVisualEditMode) return;\n\n const htmlElement = element as HTMLElement;\n // Force layout recalculation\n void htmlElement.offsetWidth;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement \| null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = \"-27px\";\n label.style.left = \"-2px\";\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n };\n\n // Clear hover overlays\n const clearHoverOverlays = () => {\n hoverOverlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n hoverOverlays = [];\n currentHighlightedElements = [];\n };\n\n const clearSelectedOverlays = () => {\n selectedOverlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n selectedOverlays = [];\n };\n\n const TEXT_TAGS = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span', 'a', 'label'];\n\n const notifyElementSelected = (element: Element) => {\n const htmlElement = element as HTMLElement;\n const rect = element.getBoundingClientRect();\n const svgElement = element as SVGElement;\n const isTextElement = TEXT_TAGS.includes(element.tagName?.toLowerCase());\n window.parent.postMessage({\n type: \"element-selected\",\n tagName: element.tagName,\n classes:\n (svgElement.className as unknown as SVGAnimatedString)?.baseVal \|\|\n element.className \|\|\n \"\",\n visualSelectorId: getElementSelectorId(element),\n content: isTextElement ? htmlElement.innerText : undefined,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n },\n attributes: collectAllowedAttributes(element, ALLOWED_ATTRIBUTES),\n isTextElement,\n }, \"\");\n };\n\n // Select an element: create overlays, update state, notify parent\n const selectElement = (element: Element): HTMLDivElement \| undefined => {\n const visualSelectorId = getElementSelectorId(element);\n\n clearSelectedOverlays();\n\n const elements = findElementsById(visualSelectorId \|\| null);\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true);\n });\n\n selectedElementId = visualSelectorId \|\| null;\n clearHoverOverlays();\n notifyElementSelected(element);\n\n return selectedOverlays[0];\n };\n\n const notifyDeselection = (): void => {\n selectedElementId = null;\n window.parent.postMessage({ type: \"unselect-element\" }, \"\");\n };\n\n // Handle mouse over event\n const handleMouseOver = (e: MouseEvent) => {\n if (!isVisualEditMode \|\| isPopoverDragging) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (isDropdownOpen) {\n clearHoverOverlays();\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays();\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays();\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (selectedElementId === selectorId) {\n clearHoverOverlays();\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId \|\| null);\n\n // Clear previous hover overlays\n clearHoverOverlays();\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n hoverOverlays.push(overlay);\n positionOverlay(overlay, el);\n });\n\n currentHighlightedElements = elements;\n };\n\n // Handle mouse out event\n const handleMouseOut = () => {\n if (isPopoverDragging) return;\n clearHoverOverlays();\n };\n\n // Handle element click\n const handleElementClick = (e: MouseEvent) => {\n if (!isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Let layer dropdown clicks pass through without interference\n if (target.closest(`[${LAYER_DROPDOWN_ATTR}]`)) return;\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: \"close-dropdowns\" }, \"\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const selectedOverlay = selectElement(element);\n layerController.attachToOverlay(selectedOverlay, element);\n };\n\n // Clear the current selection\n const clearSelection = () => {\n clearSelectedOverlays();\n selectedElementId = null;\n };\n\n const updateElementClassesAndReposition = (visualSelectorId: string, classes: string) => {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n // Reposition selected overlays\n if (selectedElementId === visualSelectorId) {\n selectedOverlays.forEach((overlay, index) => {\n if (index < elements.length) {\n positionOverlay(overlay, elements[index]!);\n }\n });\n }\n\n // Reposition hover overlays if needed\n if (currentHighlightedElements.length > 0) {\n const hoveredElement = currentHighlightedElements[0] as HTMLElement;\n const hoveredId = hoveredElement?.dataset?.visualSelectorId;\n if (hoveredId === visualSelectorId) {\n hoverOverlays.forEach((overlay, index) => {\n if (index < currentHighlightedElements.length) {\n positionOverlay(overlay, currentHighlightedElements[index]!);\n }\n });\n }\n }\n }, 50);\n };\n\n // Update element attribute by visual selector ID\n const updateElementAttributeAndReposition = (\n visualSelectorId: string,\n attribute: string,\n value: string\n ) => {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementAttribute(elements, attribute, value);\n\n // Reposition overlays after attribute change (e.g. image src swap can affect layout)\n setTimeout(() => {\n if (selectedElementId === visualSelectorId) {\n selectedOverlays.forEach((overlay, index) => {\n if (index < elements.length) {\n positionOverlay(overlay, elements[index]!);\n }\n });\n }\n }, 50);\n };\n\n // Update element content by visual selector ID\n const updateElementContent = (visualSelectorId: string, content: string) => {\n const elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (selectedElementId === visualSelectorId) {\n selectedOverlays.forEach((overlay, index) => {\n if (index < elements.length) {\n positionOverlay(overlay, elements[index]!);\n }\n });\n }\n }, 50);\n };\n\n // --- Layer dropdown controller ---\n const layerController = createLayerController({\n createPreviewOverlay: (element: Element) => {\n const overlay = createOverlay(false);\n overlay.style.zIndex = \"9998\";\n document.body.appendChild(overlay);\n positionOverlay(overlay, element);\n return overlay;\n },\n getSelectedElementId: () => selectedElementId,\n selectElement,\n onDeselect: notifyDeselection,\n });\n\n // Toggle visual edit mode\n const toggleVisualEditMode = (isEnabled: boolean) => {\n isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n layerController.cleanup();\n clearHoverOverlays();\n clearSelectedOverlays();\n\n currentHighlightedElements = [];\n selectedElementId = null;\n document.body.style.cursor = \"default\";\n\n document.removeEventListener(\"mouseover\", handleMouseOver);\n document.removeEventListener(\"mouseout\", handleMouseOut);\n document.removeEventListener(\"click\", handleElementClick, true);\n } else {\n document.body.style.cursor = \"crosshair\";\n document.addEventListener(\"mouseover\", handleMouseOver);\n document.addEventListener(\"mouseout\", handleMouseOut);\n document.addEventListener(\"click\", handleElementClick, true);\n }\n };\n\n // Handle scroll events to update popover position\n const handleScroll = () => {\n if (selectedElementId) {\n const elements = findElementsById(selectedElementId);\n if (elements.length > 0) {\n const element = elements[0];\n const rect = element!.getBoundingClientRect();\n\n const viewportHeight = window.innerHeight;\n const viewportWidth = window.innerWidth;\n const isInViewport =\n rect.top < viewportHeight &&\n rect.bottom > 0 &&\n rect.left < viewportWidth &&\n rect.right > 0;\n\n const elementPosition = {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n\n window.parent.postMessage(\n {\n type: \"element-position-update\",\n position: elementPosition,\n isInViewport: isInViewport,\n visualSelectorId: selectedElementId,\n },\n \"\"\n );\n }\n }\n };\n\n // Handle messages from parent window\n const handleMessage = (event: MessageEvent) => {\n const message = event.data;\n\n switch (message.type) {\n case \"toggle-visual-edit-mode\":\n toggleVisualEditMode(message.data.enabled);\n break;\n\n case \"update-classes\":\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case \"update-attribute\":\n if (\n message.data &&\n message.data.visualSelectorId &&\n message.data.attribute !== undefined &&\n message.data.value !== undefined\n ) {\n updateElementAttributeAndReposition(\n message.data.visualSelectorId,\n message.data.attribute,\n message.data.value\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-attribute message:\",\n message\n );\n }\n break;\n\n case \"unselect-element\":\n clearSelection();\n break;\n\n case \"refresh-page\":\n window.location.reload();\n break;\n\n case \"update-content\":\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n message.data.visualSelectorId,\n message.data.content\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case \"request-element-position\":\n if (selectedElementId) {\n const elements = findElementsById(selectedElementId);\n if (elements.length > 0) {\n const element = elements[0];\n const rect = element!.getBoundingClientRect();\n\n const viewportHeight = window.innerHeight;\n const viewportWidth = window.innerWidth;\n const isInViewport =\n rect.top < viewportHeight &&\n rect.bottom > 0 &&\n rect.left < viewportWidth &&\n rect.right > 0;\n\n const elementPosition = {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n\n window.parent.postMessage(\n {\n type: \"element-position-update\",\n position: elementPosition,\n isInViewport: isInViewport,\n visualSelectorId: selectedElementId,\n },\n \"\"\n );\n }\n }\n break;\n\n case \"popover-drag-state\":\n if (message.data && message.data.isDragging !== undefined) {\n isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays();\n }\n }\n break;\n\n case \"dropdown-state\":\n if (message.data && message.data.isOpen !== undefined) {\n isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays();\n }\n }\n break;\n\n default:\n break;\n }\n };\n\n // Handle window resize to reposition overlays\n const handleResize = () => {\n if (selectedElementId) {\n const elements = findElementsById(selectedElementId);\n selectedOverlays.forEach((overlay, index) => {\n if (index < elements.length) {\n positionOverlay(overlay, elements[index]!);\n }\n });\n }\n\n if (currentHighlightedElements.length > 0) {\n hoverOverlays.forEach((overlay, index) => {\n if (index < currentHighlightedElements.length) {\n positionOverlay(overlay, currentHighlightedElements[index]!);\n }\n });\n }\n };\n\n // Initialize: Add IDs to elements that don't have them but have linenumbers\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n\n // Create mutation observer to detect layout changes\n const mutationObserver = new MutationObserver((mutations) => {\n const needsUpdate = mutations.some((mutation) => {\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n const el = node as HTMLElement;\n if (el.dataset && el.dataset.visualSelectorId) {\n return true;\n }\n for (let i = 0; i < el.children.length; i++) {\n if (hasVisualId(el.children[i]!)) {\n return true;\n }\n }\n }\n return false;\n };\n\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" \|\|\n mutation.attributeName === \"class\" \|\|\n mutation.attributeName === \"width\" \|\|\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n setTimeout(handleResize, 50);\n }\n });\n\n // Set up event listeners\n window.addEventListener(\"message\", handleMessage);\n window.addEventListener(\"scroll\", handleScroll, true);\n document.addEventListener(\"scroll\", handleScroll, true);\n window.addEventListener(\"resize\", handleResize);\n window.addEventListener(\"scroll\", handleResize);\n\n // Start observing DOM mutations\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n // Send ready message to parent\n window.parent.postMessage({ type: \"visual-edit-agent-ready\" }, \"*\");\n}"],"mappings":"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","names":["isInstrumentedElement","element","htmlEl","getElementSelectorId","ALLOWED_ATTRIBUTES","findElementsById","id","sourceElements","updateElementClasses","elements","classes","updateElementAttribute","attribute","value","collectAllowedAttributes","allowedAttributes","attributes","attr","val","DROPDOWN_CONTAINER_STYLES","DROPDOWN_ITEM_BASE_STYLES","DROPDOWN_ITEM_ACTIVE_COLOR","DROPDOWN_ITEM_ACTIVE_BG","DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT","DROPDOWN_ITEM_HOVER_BG","DEPTH_INDENT_PX","CHEVRON_COLLAPSED","CHEVRON_EXPANDED","BASE_PADDING_PX","LAYER_DROPDOWN_ATTR","MAX_PARENT_DEPTH","MAX_CHILD_DEPTH","applyStyles","element","styles","key","m","getLayerDisplayName","layer","toLayerInfo","depth","info","getElementSelectorId","getInstrumentedDescendants","parent","maxDepth","startDepth","result","walk","el","instrDepth","i","child","isInstrumentedElement","collectInstrumentedParents","selectedElement","parents","current","MAX_PARENT_DEPTH","addParentsToChain","chain","p","addSelfAndDescendantsToChain","selfDepth","descendants","MAX_CHILD_DEPTH","getImmediateInstrParent","collectSiblings","siblings","s","appendSiblingsWithSelected","selectedSelectorId","seen","sibling","id","buildLayerChain","instrParent","activeDropdown","activeLabel","outsideMousedownHandler","activeOnHoverEnd","activeKeydownHandler","createDropdownItem","layer","isActive","onSelect","onHover","onHoverEnd","item","getLayerDisplayName","applyStyles","DROPDOWN_ITEM_BASE_STYLES","depth","BASE_PADDING_PX","DEPTH_INDENT_PX","DROPDOWN_ITEM_ACTIVE_COLOR","DROPDOWN_ITEM_ACTIVE_BG","DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT","DROPDOWN_ITEM_HOVER_BG","e","createDropdownElement","layers","currentElement","callbacks","container","LAYER_DROPDOWN_ATTR","DROPDOWN_CONTAINER_STYLES","enhanceLabelWithChevron","label","t","CHEVRON_COLLAPSED","CHEVRON_EXPANDED","setupKeyboardNavigation","dropdown","items","focusedIndex","l","setFocusedItem","index","prev","cur","closeDropdown","setupOutsideClickHandler","skipFirst","target","showDropdown","overlay","isDropdownOpen","createLayerController","config","layerPreviewOverlay","escapeHandler","dropdownSourceLayer","clearLayerPreview","showLayerPreview","layer","getElementSelectorId","selectLayer","closeDropdown","firstOverlay","attachToOverlay","restoreSelection","handleLabelClick","e","label","element","layers","currentId","isDropdownOpen","ev","showDropdown","overlay","buildLayerChain","enhanceLabelWithChevron","setupVisualEditAgent","isVisualEditMode","isPopoverDragging","isDropdownOpen","hoverOverlays","selectedOverlays","currentHighlightedElements","selectedElementId","createOverlay","isSelected","overlay","positionOverlay","element","rect","label","clearHoverOverlays","clearSelectedOverlays","TEXT_TAGS","notifyElementSelected","htmlElement","svgElement","isTextElement","getElementSelectorId","collectAllowedAttributes","ALLOWED_ATTRIBUTES","selectElement","visualSelectorId","findElementsById","el","notifyDeselection","handleMouseOver","e","target","selectorId","elements","handleMouseOut","handleElementClick","LAYER_DROPDOWN_ATTR","selectedOverlay","layerController","clearSelection","updateElementClassesAndReposition","classes","updateElementClasses","index","updateElementAttributeAndReposition","attribute","value","updateElementAttribute","updateElementContent","content","createLayerController","toggleVisualEditMode","isEnabled","handleScroll","viewportHeight","viewportWidth","isInViewport","elementPosition","handleMessage","event","message","handleResize","htmlEl","id","mutationObserver","mutations","mutation","hasVisualId","node","i"]}
1	+ {"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/*\n Central state management for the visual edit agent\n /\n\nexport interface AgentState {\n isVisualEditMode: boolean;\n isPopoverDragging: boolean;\n isDropdownOpen: boolean;\n hoverOverlays: HTMLDivElement[];\n selectedOverlays: HTMLDivElement[];\n currentHighlightedElements: Element[];\n selectedElementId: string \| null;\n currentEditingElement: HTMLElement \| null;\n debouncedSendTimeout: ReturnType<typeof setTimeout> \| null;\n isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n return {\n isVisualEditMode: false,\n isPopoverDragging: false,\n isDropdownOpen: false,\n hoverOverlays: [],\n selectedOverlays: [],\n currentHighlightedElements: [],\n selectedElementId: null,\n currentEditingElement: null,\n debouncedSendTimeout: null,\n isInlineEditExperimentEnabled: false,\n };\n}\n","/* Check if an element has instrumentation attributes /\nexport function isInstrumentedElement(element: Element): boolean {\n const htmlEl = element as HTMLElement;\n return !!(\n htmlEl.dataset?.sourceLocation \|\| htmlEl.dataset?.visualSelectorId\n );\n}\n\n/* Get the selector ID from an element's data attributes (prefers source-location) /\nexport function getElementSelectorId(element: Element): string \| null {\n const htmlEl = element as HTMLElement;\n return (\n htmlEl.dataset?.sourceLocation \|\|\n htmlEl.dataset?.visualSelectorId \|\|\n null\n );\n}\n\nexport const ALLOWED_ATTRIBUTES: string[] = [\"src\"];\n\n/* Find elements by ID - first try data-source-location, fallback to data-visual-selector-id /\nexport function findElementsById(id: string \| null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/\n Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n /\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n });\n}\n\n/* Set a single attribute on all provided elements. /\nexport function updateElementAttribute(elements: Element[], attribute: string, value: string): void {\n if (!ALLOWED_ATTRIBUTES.includes(attribute)) {\n return;\n }\n\n elements.forEach((element) => {\n element.setAttribute(attribute, value);\n });\n}\n\n/* Collect attribute values from an element for a given allowlist. /\nexport function collectAllowedAttributes(element: Element, allowedAttributes: string[]): Record<string, string> {\n const attributes: Record<string, string> = {};\n for (const attr of allowedAttributes) {\n const val = element.getAttribute(attr);\n if (val !== null) {\n attributes[attr] = val;\n }\n }\n return attributes;\n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n OVERLAY_TRANSITION,\n OVERLAY_Z_INDEX,\n SELECTED_BORDER_COLOR,\n HOVER_BORDER_COLOR,\n HOVER_BACKGROUND_COLOR,\n LABEL_TOP_OFFSET,\n LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/\n Create an overlay element for highlighting\n /\nexport function createOverlay(isSelected = false): HTMLDivElement {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = OVERLAY_TRANSITION;\n overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n if (isSelected) {\n overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n } else {\n overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n }\n\n return overlay;\n}\n\n/\n Position overlay relative to element\n /\nexport function positionOverlay(\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false,\n isVisualEditMode = true\n): void {\n if (!element \|\| !isVisualEditMode) return;\n\n // Force layout recalculation before reading bounding rect\n void (element as HTMLElement).offsetWidth;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement \| null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = LABEL_TOP_OFFSET;\n label.style.left = LABEL_LEFT_OFFSET;\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n}\n\n/\n Clear all overlays from DOM\n /\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n overlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n}\n\n/\n Remove data-selected attribute, clear selected overlays, and reset selection state\n /\nexport function clearSelection(state: AgentState): void {\n if (state.isInlineEditExperimentEnabled && state.selectedElementId) {\n const elements = findElementsById(state.selectedElementId);\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n delete el.dataset.selected;\n }\n });\n }\n clearOverlays(state.selectedOverlays);\n state.selectedOverlays = [];\n state.selectedElementId = null;\n}\n\n/\n Reposition selected overlays to match current element bounds\n /\nexport function repositionSelectedOverlays(state: AgentState): void {\n if (!state.selectedElementId) return;\n const elements = findElementsById(state.selectedElementId);\n state.selectedOverlays.forEach((overlay, index) => {\n const element = elements[index];\n if (element) {\n positionOverlay(overlay, element, true, state.isVisualEditMode);\n }\n });\n}\n\n/\n Reposition hover overlays to match current element bounds\n /\nexport function repositionHoverOverlays(state: AgentState): void {\n state.hoverOverlays.forEach((overlay, index) => {\n const element = state.currentHighlightedElements[index];\n if (element) {\n positionOverlay(overlay, element, false, state.isVisualEditMode);\n }\n });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/\n Clear hover overlays\n /\nexport function clearHoverOverlays(state: AgentState): void {\n clearOverlays(state.hoverOverlays);\n state.hoverOverlays = [];\n state.currentHighlightedElements = [];\n}\n\n/\n Handle mouse over event\n /\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode \|\| state.isPopoverDragging \|\| state.currentEditingElement) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (state.isDropdownOpen) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays(state);\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (state.selectedElementId === selectorId) {\n clearHoverOverlays(state);\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId \|\| null);\n\n // Clear previous hover overlays\n clearHoverOverlays(state);\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n state.hoverOverlays.push(overlay);\n positionOverlay(overlay, el, false, state.isVisualEditMode);\n });\n\n state.currentHighlightedElements = elements;\n}\n\n/\n Handle mouse out event\n /\nexport function handleMouseOut(state: AgentState): void {\n if (state.isPopoverDragging \|\| state.currentEditingElement) return;\n clearHoverOverlays(state);\n}\n","/\n Inject CSS to suppress the browser's default focus outline on contentEditable elements\n /\nexport function injectFocusOutlineCSS(): void {\n const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n if (existingStyle) return;\n\n const style = document.createElement(\"style\");\n style.id = \"visual-edit-focus-styles\";\n style.textContent = `\n [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n outline: none !important;\n }\n `;\n document.head.appendChild(style);\n}\n\n/\n Remove the injected focus outline CSS\n /\nexport function removeFocusOutlineCSS(): void {\n const style = document.getElementById(\"visual-edit-focus-styles\");\n if (style) {\n style.remove();\n }\n}\n","/\n Select all text content in an element using the Selection API\n /\nexport function selectText(element: HTMLElement): void {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n}\n\n/\n Check if an element is a static array text element.\n * These elements are \"dynamic\" (they reference item.field) but their source\n * is a compile-time static array, so they can be safely edited inline.\n /\nexport function isStaticArrayTextElement(element: HTMLElement): boolean {\n return !!element.dataset.arrField;\n}\n\nconst ALLOWED_INLINE_EDIT_TAGS = [\n \"div\",\n \"p\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"span\",\n \"li\",\n \"td\",\n \"a\",\n \"button\",\n \"label\",\n];\n\n/\n Structural checks shared by both regular and static-array inline editing:\n * allowed tag, non-empty text, no media children, leaf node.\n /\nfunction passesStructuralChecks(element: HTMLElement): boolean {\n if (!ALLOWED_INLINE_EDIT_TAGS.includes(element.tagName.toLowerCase())) {\n return false;\n }\n\n const textContent = element.textContent?.trim() \|\| \"\";\n if (textContent.length === 0) {\n return false;\n }\n\n if (element.querySelector(\"img, video, canvas, svg\") !== null) {\n return false;\n }\n\n if (element.children.length > 0) {\n return false;\n }\n\n return true;\n}\n\n/\n Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only),\n * with an exception for static array elements.\n /\nexport function isEditableTextElement(element: Element): boolean {\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n if (!passesStructuralChecks(element)) {\n return false;\n }\n\n // Static array elements are editable even though they are technically \"dynamic\"\n if (isStaticArrayTextElement(element)) {\n return true;\n }\n\n if (element.dataset.dynamicContent === \"true\") {\n return false;\n }\n\n return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/\n Callback function type for handling text input changes\n /\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/\n Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n /\nlet onTextInputChangeCallback: OnTextInputChange \| null = null;\n\n/\n Set the callback function that will be called on text input changes\n /\nexport function setInlineEditCallback(callback: OnTextInputChange \| null): void {\n onTextInputChangeCallback = callback;\n}\n\n/\n WeakMap to track AbortControllers for each element's input listener.\n * Using WeakMap ensures no memory leaks — when an element is garbage collected,\n * its entry is automatically removed.\n /\nconst listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();\n\n/\n Internal handler for the native input event\n /\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n if (onTextInputChangeCallback) {\n onTextInputChangeCallback(this);\n }\n}\n\n/\n Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n /\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n // Must have data-selected=\"true\"\n if (!(element instanceof HTMLElement) \|\| element.dataset.selected !== \"true\") {\n return false;\n }\n\n // Must pass all editability checks\n if (!isEditableTextElement(element)) {\n return false;\n }\n\n return true;\n}\n\n/\n Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n /\nexport function enterInlineEditingMode(element: HTMLElement): void {\n // Inject CSS to suppress focus outline\n injectFocusOutlineCSS();\n\n // Store original state\n element.dataset.originalTextContent = element.textContent \|\| \"\";\n element.dataset.originalCursor = element.style.cursor;\n\n // Enable contentEditable\n element.contentEditable = \"true\";\n\n // Create an AbortController to manage the input listener lifecycle\n const abortController = new AbortController();\n listenerAbortControllers.set(element, abortController);\n\n // Add input event listener with AbortSignal for automatic cleanup\n element.addEventListener(\"input\", handleInputEvent, { signal: abortController.signal });\n\n // Set cursor to text\n element.style.cursor = \"text\";\n\n // Select all text\n selectText(element);\n\n // Focus after render\n setTimeout(() => {\n element.focus();\n }, 0);\n}\n\n/\n Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n /\nexport function clearInlineEditingMode(element: HTMLElement): void {\n // Abort the input event listener using the stored AbortController\n const abortController = listenerAbortControllers.get(element);\n if (abortController) {\n abortController.abort();\n listenerAbortControllers.delete(element);\n }\n\n // If element was removed from DOM before cleanup, skip DOM operations\n if (!element.isConnected) {\n return;\n }\n\n removeFocusOutlineCSS();\n\n // Disable contentEditable\n element.contentEditable = \"false\";\n\n // Remove stored original text content\n delete element.dataset.originalTextContent;\n\n // Restore original cursor\n if (element.dataset.originalCursor !== undefined) {\n element.style.cursor = element.dataset.originalCursor;\n delete element.dataset.originalCursor;\n }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/\n Calculate element position from bounding rect\n /\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n return {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n}\n\n/\n Check if element rect is in viewport\n /\nexport function isElementInViewport(rect: DOMRect): boolean {\n return (\n rect.top < window.innerHeight &&\n rect.bottom > 0 &&\n rect.left < window.innerWidth &&\n rect.right > 0\n );\n}\n\n/\n Get element classes (handles both HTML and SVG)\n /\nexport function getElementClasses(element: Element): string {\n if (element instanceof SVGElement) {\n return (element.className as unknown as SVGAnimatedString)?.baseVal \|\| \"\";\n }\n return element.className \|\| \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n enterInlineEditingMode,\n clearInlineEditingMode,\n setInlineEditCallback,\n isStaticArrayTextElement,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Enter inline editing mode\n /\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n state.currentEditingElement = element;\n\n // Hide overlays during editing\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"none\";\n });\n\n // Enter inline editing mode (from capabilities/inline-editing)\n enterInlineEditingMode(element);\n\n // Notify parent\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Clear inline editing mode\n /\nexport function handleClearInlineEditingMode(state: AgentState): void {\n if (!state.currentEditingElement) return;\n\n // Cancel any pending debounced edit — originalTextContent will be deleted below\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n state.debouncedSendTimeout = null;\n }\n\n const element = state.currentEditingElement;\n\n // Clear inline editing mode (from capabilities/inline-editing)\n clearInlineEditingMode(element);\n\n // Show overlays again\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"\";\n });\n\n repositionSelectedOverlays(state);\n\n // Notify parent that editing ended\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n\n state.currentEditingElement = null;\n}\n\n/*\n Report inline edit to parent\n /\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n const originalContent = element.dataset.originalTextContent;\n const newContent = element.textContent;\n\n const elementInfo = {\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: state.selectedElementId,\n content: newContent,\n dataSourceLocation: element.dataset.sourceLocation,\n isDynamicContent: element.dataset.dynamicContent === \"true\",\n linenumber: element.dataset.linenumber,\n filename: element.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n\n const message: Record<string, unknown> = {\n type: OutgoingMessageType.INLINE_EDIT,\n elementInfo,\n originalContent,\n newContent,\n };\n\n if (isStaticArrayTextElement(element)) {\n message.arrIndex = element.dataset.arrIndex;\n message.arrVariableName = element.dataset.arrVariableName;\n message.arrField = element.dataset.arrField;\n }\n\n window.parent.postMessage(message, \"\");\n\n // Update baseline for next edit\n element.dataset.originalTextContent = newContent \|\| \"\";\n}\n\n/*\n Debounced function to send inline edit messages\n * \n * Intentionally overwrites the previous timeout on each keystroke — this is the\n * correct debounce behavior. We only send ONE message 500ms after the user stops\n * typing, containing the final text. Intermediate keystrokes are not sent to avoid\n * flooding the parent with dozens of messages per second.\n /\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n // Clear any existing timeout\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n }\n\n // Set new timeout\n state.debouncedSendTimeout = setTimeout(() => {\n reportInlineEdit(state, element);\n }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/\n Callback for text input changes (combines updatePosition and reportInlineEdit)\n /\nfunction createTextInputChangeCallback(state: AgentState) {\n return (element: HTMLElement) => {\n repositionSelectedOverlays(state);\n debouncedSendInlineEditMessage(state, element);\n };\n}\n\n/\n Setup inline edit callback\n /\nexport function setupInlineEditCallback(state: AgentState): void {\n setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Handle element selection (first click)\n /\nexport function handleElementSelection(\n state: AgentState,\n element: Element,\n visualSelectorId: string \| null\n): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(visualSelectorId);\n\n if (state.isInlineEditExperimentEnabled) {\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n }\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = visualSelectorId;\n\n // Clear hover overlays\n clearHoverOverlays(state);\n\n // Send message to parent window with element info\n const htmlElement = element as HTMLElement;\n\n // Resolve static-array context from vite-plugin attributes (data-arr-)\n const arrEl = htmlElement.closest(\"[data-arr-variable-name]\") as HTMLElement \| null;\n const staticArrayName = arrEl?.dataset?.arrVariableName \|\| null;\n const rawIdx = arrEl?.dataset?.arrIndex;\n const staticArrayIndex = rawIdx != null ? parseInt(rawIdx, 10) : null;\n const staticArrayField = htmlElement.dataset?.arrField \|\| null;\n\n const elementData = {\n type: OutgoingMessageType.ELEMENT_SELECTED,\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: visualSelectorId,\n content: htmlElement.innerText,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n staticArrayName,\n staticArrayIndex,\n staticArrayField,\n };\n window.parent.postMessage(elementData, \"\");\n}\n\n/\n Handle element click\n /\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Bail out early if clicking on a contentEditable element (allow normal editing)\n if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === \"true\") {\n return;\n }\n\n // If currently editing, clicking outside should exit editing mode\n if (state.currentEditingElement) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n handleClearInlineEditingMode(state);\n return;\n }\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (state.isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const htmlElement = element as HTMLElement;\n const visualSelectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Check if this element is already selected (second click scenario)\n const isAlreadySelected =\n state.selectedElementId === visualSelectorId &&\n htmlElement.dataset.selected === \"true\";\n\n if (isAlreadySelected) {\n // Second click on already-selected element: check if it should enter inline editing\n // Only if the experiment is enabled\n if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n handleEnterInlineEditingMode(state, htmlElement);\n return;\n }\n }\n\n // First click: select the element\n handleElementSelection(state, element, visualSelectorId \|\| null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/*\n Toggle visual edit mode on/off\n /\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n state.isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n\n clearHoverOverlays(state);\n clearSelection(state);\n state.currentHighlightedElements = [];\n document.body.style.cursor = \"default\";\n } else {\n document.body.style.cursor = \"crosshair\";\n }\n}\n\n/\n Handle toggle-visual-edit-mode message\n /\nexport function handleToggleVisualEditMode(\n state: AgentState,\n message: ToggleVisualEditModeMessage\n): void {\n toggleVisualEditMode(state, message.data.enabled);\n \n // Update inline edit experiment flag if provided\n if (message.data.specs?.newInlineEditEnabled !== undefined) {\n state.isInlineEditExperimentEnabled = true;\n }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { createOverlay, positionOverlay } from \"../../ui/overlay.js\";\n\n/\n Handle toggle-inline-edit-mode message (parent-initiated)\n /\nexport function handleToggleInlineEditMode(\n state: AgentState,\n message: ToggleInlineEditModeMessage\n): void {\n if (!state.isInlineEditExperimentEnabled) {\n return;\n }\n\n if (!message.data \|\| !message.data.dataSourceLocation) {\n return;\n }\n\n const elements = findElementsById(message.data.dataSourceLocation);\n if (elements.length === 0 \|\| !(elements[0] instanceof HTMLElement)) {\n return;\n }\n\n const element = elements[0];\n\n if (message.data.inlineEditingMode) {\n // Enable inline editing (only for non-dynamic text elements)\n if (shouldEnterInlineEditingMode(element)) {\n // Select the element first if not already selected\n if (state.selectedElementId !== message.data.dataSourceLocation) {\n // Clear any existing selection\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = message.data.dataSourceLocation;\n }\n handleEnterInlineEditingMode(state, element);\n }\n } else {\n // Disable inline editing\n if (state.currentEditingElement === element) {\n handleClearInlineEditingMode(state);\n }\n }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/\n Send element position update to parent\n /\nfunction sendElementPositionUpdate(state: AgentState): void {\n if (!state.selectedElementId) return;\n\n const elements = findElementsById(state.selectedElementId);\n const [element] = elements;\n if (!element) return;\n\n const rect = element.getBoundingClientRect();\n\n window.parent.postMessage(\n {\n type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n position: getElementPosition(rect),\n isInViewport: isElementInViewport(rect),\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Unselect the current element\n /\nexport function unselectElement(state: AgentState): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n}\n\n/\n Update element classes and reposition overlays\n /\nexport function updateElementClassesAndReposition(\n state: AgentState,\n visualSelectorId: string,\n classes: string\n): void {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n\n const hoveredElement = state.currentHighlightedElements[0];\n if (\n hoveredElement instanceof HTMLElement &&\n hoveredElement.dataset.visualSelectorId === visualSelectorId\n ) {\n repositionHoverOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Update element content by visual selector ID\n /\nexport function updateElementContent(\n state: AgentState,\n visualSelectorId: string,\n content: string,\n arrIndex?: number\n): void {\n let elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n // If arrIndex is provided, only update the element at that array position\n if (arrIndex != null) {\n elements = elements.filter(\n (el) => (el as HTMLElement).dataset.arrIndex === String(arrIndex)\n );\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Handle scroll events to update popover position\n /\nexport function handleScroll(state: AgentState): void {\n sendElementPositionUpdate(state);\n}\n\n/\n Handle window resize to reposition overlays\n /\nexport function handleResize(state: AgentState): void {\n repositionSelectedOverlays(state);\n repositionHoverOverlays(state);\n}\n\n/\n Handle messages from parent window\n /\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n const message = event.data;\n\n switch (message.type as IncomingMessageType) {\n case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n handleToggleVisualEditMode(state, message);\n break;\n\n case IncomingMessageType.UPDATE_CLASSES:\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n state,\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.UNSELECT_ELEMENT:\n unselectElement(state);\n break;\n\n case IncomingMessageType.REFRESH_PAGE:\n window.location.reload();\n break;\n\n case IncomingMessageType.UPDATE_CONTENT:\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n state,\n message.data.visualSelectorId,\n message.data.content,\n message.data.arrIndex\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n handleToggleInlineEditMode(state, message);\n break;\n\n case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n sendElementPositionUpdate(state);\n break;\n\n case IncomingMessageType.POPOVER_DRAG_STATE:\n if (message.data && message.data.isDragging !== undefined) {\n state.isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n case IncomingMessageType.DROPDOWN_STATE:\n if (message.data && message.data.isOpen !== undefined) {\n state.isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n default:\n break;\n }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/\n Initialize element IDs for elements with line numbers\n /\nfunction initializeElementIds(): void {\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n}\n\n/\n Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n /\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n let rafHandle: number \| null = null;\n\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false;\n const el = node as HTMLElement;\n if (el.dataset?.visualSelectorId) return true;\n for (const child of Array.from(el.children)) {\n if (hasVisualId(child)) return true;\n }\n return false;\n };\n\n return new MutationObserver((mutations) => {\n if (rafHandle !== null) return;\n\n const needsUpdate = mutations.some((mutation) => {\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" \|\|\n mutation.attributeName === \"class\" \|\|\n mutation.attributeName === \"width\" \|\|\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n // Coalesce rapid mutations into a single reposition per paint frame,\n // avoiding stacked timers during CSS transitions\n rafHandle = requestAnimationFrame(() => {\n rafHandle = null;\n onLayoutChange();\n });\n }\n });\n}\n\n/\n Setup event listeners, returning a function that removes them all.\n /\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): () => void {\n const onMessage = (e: MessageEvent) => handleMessage(state, e);\n const onScroll = () => handleScroll(state);\n const onResize = () => handleResize(state);\n const onClick = (e: MouseEvent) => handleElementClick(state, e);\n const onMouseOver = (e: MouseEvent) => handleMouseOver(state, e);\n const onMouseOut = () => handleMouseOut(state);\n\n window.addEventListener(\"message\", onMessage);\n window.addEventListener(\"scroll\", onScroll, true);\n document.addEventListener(\"scroll\", onScroll, true);\n window.addEventListener(\"resize\", onResize);\n window.addEventListener(\"scroll\", onResize);\n document.addEventListener(\"click\", onClick, true);\n document.addEventListener(\"mouseover\", onMouseOver);\n document.addEventListener(\"mouseout\", onMouseOut);\n\n return () => {\n window.removeEventListener(\"message\", onMessage);\n window.removeEventListener(\"scroll\", onScroll, true);\n document.removeEventListener(\"scroll\", onScroll, true);\n window.removeEventListener(\"resize\", onResize);\n window.removeEventListener(\"scroll\", onResize);\n document.removeEventListener(\"click\", onClick, true);\n document.removeEventListener(\"mouseover\", onMouseOver);\n document.removeEventListener(\"mouseout\", onMouseOut);\n };\n}\n\n/\n Main setup function for visual edit agent.\n * Returns a teardown function that disconnects the observer and removes all event listeners.\n /\nexport function setupVisualEditAgent(): () => void {\n const state = createAgentState();\n initializeElementIds();\n setupInlineEditCallback(state);\n const removeEventListeners = setupEventListeners(state);\n\n const mutationObserver = createLayoutObserver(() => handleResize(state));\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"\");\n\n return () => {\n mutationObserver.disconnect();\n removeEventListeners();\n };\n}\n"],"mappings":"AAiBO,SAASA,GAA+B,CAC7C,MAAO,CACL,iBAAkB,GAClB,kBAAmB,GACnB,eAAgB,GAChB,cAAe,CAAC,EAChB,iBAAkB,CAAC,EACnB,2BAA4B,CAAC,EAC7B,kBAAmB,KACnB,sBAAuB,KACvB,qBAAsB,KACtB,8BAA+B,EACjC,CACF,CCTO,SAASC,EAAiBC,EAA8B,CAC7D,GAAI,CAACA,EAAI,MAAO,CAAC,EACjB,IAAMC,EAAiB,MAAM,KAC3B,SAAS,iBAAiB,0BAA0BD,CAAE,IAAI,CAC5D,EACA,OAAIC,EAAe,OAAS,EACnBA,EAEF,MAAM,KACX,SAAS,iBAAiB,6BAA6BD,CAAE,IAAI,CAC/D,CACF,CAMO,SAASE,EAAqBC,EAAqBC,EAAuB,CAC/ED,EAAS,QAASE,GAAY,CAC5BA,EAAQ,aAAa,QAASD,CAAO,CACvC,CAAC,CACH,CCzCO,IAAME,EAAqB,uBACrBC,EAAkB,OAClBC,EAAwB,UACxBC,EAAqB,UACrBC,EAAyB,2BACzBC,EAAmB,QACnBC,EAAoB,OCQ1B,SAASC,EAAcC,EAAa,GAAuB,CAChE,IAAMC,EAAU,SAAS,cAAc,KAAK,EAC5C,OAAAA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,cAAgB,OAC9BA,EAAQ,MAAM,WAAaC,EAC3BD,EAAQ,MAAM,OAASE,EAEnBH,EACFC,EAAQ,MAAM,OAAS,aAAaG,CAAqB,IAEzDH,EAAQ,MAAM,OAAS,aAAaI,CAAkB,GACtDJ,EAAQ,MAAM,gBAAkBK,GAG3BL,CACT,CAKO,SAASM,EACdN,EACAO,EACAR,EAAa,GACbS,EAAmB,GACb,CACN,GAAI,CAACD,GAAW,CAACC,EAAkB,OAG7BD,EAAwB,YAE9B,IAAME,EAAOF,EAAQ,sBAAsB,EAC3CP,EAAQ,MAAM,IAAM,GAAGS,EAAK,IAAM,OAAO,OAAO,KAChDT,EAAQ,MAAM,KAAO,GAAGS,EAAK,KAAO,OAAO,OAAO,KAClDT,EAAQ,MAAM,MAAQ,GAAGS,EAAK,KAAK,KACnCT,EAAQ,MAAM,OAAS,GAAGS,EAAK,MAAM,KAGrC,IAAIC,EAAQV,EAAQ,cAAc,KAAK,EAElCU,IACHA,EAAQ,SAAS,cAAc,KAAK,EACpCA,EAAM,YAAcH,EAAQ,QAAQ,YAAY,EAChDG,EAAM,MAAM,SAAW,WACvBA,EAAM,MAAM,IAAMC,EAClBD,EAAM,MAAM,KAAOE,EACnBF,EAAM,MAAM,QAAU,UACtBA,EAAM,MAAM,SAAW,OACvBA,EAAM,MAAM,WAAaX,EAAa,MAAQ,MAC9CW,EAAM,MAAM,MAAQX,EAAa,UAAY,UAC7CW,EAAM,MAAM,gBAAkBX,EAAa,UAAY,UACvDW,EAAM,MAAM,aAAe,MAC3BA,EAAM,MAAM,SAAW,OACvBA,EAAM,MAAM,UAAY,SACxBV,EAAQ,YAAYU,CAAK,EAE7B,CAKO,SAASG,EAAcC,EAAkC,CAC9DA,EAAS,QAASd,GAAY,CACxBA,GAAWA,EAAQ,YACrBA,EAAQ,OAAO,CAEnB,CAAC,CACH,CAKO,SAASe,EAAeC,EAAyB,CAClDA,EAAM,+BAAiCA,EAAM,mBAC9BC,EAAiBD,EAAM,iBAAiB,EAChD,QAASE,GAAO,CACnBA,aAAc,aAChB,OAAOA,EAAG,QAAQ,QAEtB,CAAC,EAEHL,EAAcG,EAAM,gBAAgB,EACpCA,EAAM,iBAAmB,CAAC,EAC1BA,EAAM,kBAAoB,IAC5B,CAKO,SAASG,EAA2BH,EAAyB,CAClE,GAAI,CAACA,EAAM,kBAAmB,OAC9B,IAAMI,EAAWH,EAAiBD,EAAM,iBAAiB,EACzDA,EAAM,iBAAiB,QAAQ,CAAChB,EAASqB,IAAU,CACjD,IAAMd,EAAUa,EAASC,CAAK,EAC1Bd,GACFD,EAAgBN,EAASO,EAAS,GAAMS,EAAM,gBAAgB,CAElE,CAAC,CACH,CAKO,SAASM,EAAwBN,EAAyB,CAC/DA,EAAM,cAAc,QAAQ,CAAChB,EAASqB,IAAU,CAC9C,IAAMd,EAAUS,EAAM,2BAA2BK,CAAK,EAClDd,GACFD,EAAgBN,EAASO,EAAS,GAAOS,EAAM,gBAAgB,CAEnE,CAAC,CACH,CCtHO,SAASO,EAAmBC,EAAyB,CAC1DC,EAAcD,EAAM,aAAa,EACjCA,EAAM,cAAgB,CAAC,EACvBA,EAAM,2BAA6B,CAAC,CACtC,CAKO,SAASE,EAAgBF,EAAmBG,EAAqB,CACtE,GAAI,CAACH,EAAM,kBAAoBA,EAAM,mBAAqBA,EAAM,sBAAuB,OAEvF,IAAMI,EAASD,EAAE,OAGjB,GAAIH,EAAM,eAAgB,CACxBD,EAAmBC,CAAK,EACxB,MACF,CAGA,GAAII,EAAO,QAAQ,YAAY,IAAM,OAAQ,CAC3CL,EAAmBC,CAAK,EACxB,MACF,CAGA,IAAMK,EAAUD,EAAO,QACrB,mDACF,EACA,GAAI,CAACC,EAAS,CACZN,EAAmBC,CAAK,EACxB,MACF,CAGA,IAAMM,EAAcD,EACdE,EACJD,EAAY,QAAQ,gBACpBA,EAAY,QAAQ,iBAGtB,GAAIN,EAAM,oBAAsBO,EAAY,CAC1CR,EAAmBC,CAAK,EACxB,MACF,CAGA,IAAMQ,EAAWC,EAAiBF,GAAc,IAAI,EAGpDR,EAAmBC,CAAK,EAGxBQ,EAAS,QAASE,GAAO,CACvB,IAAMC,EAAUC,EAAc,EAAK,EACnC,SAAS,KAAK,YAAYD,CAAO,EACjCX,EAAM,cAAc,KAAKW,CAAO,EAChCE,EAAgBF,EAASD,EAAI,GAAOV,EAAM,gBAAgB,CAC5D,CAAC,EAEDA,EAAM,2BAA6BQ,CACrC,CAKO,SAASM,EAAed,EAAyB,CAClDA,EAAM,mBAAqBA,EAAM,uBACrCD,EAAmBC,CAAK,CAC1B,CC1EO,SAASe,GAA8B,CAE5C,GADsB,SAAS,eAAe,0BAA0B,EACrD,OAEnB,IAAMC,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,GAAK,2BACXA,EAAM,YAAc;AAAA;AAAA;AAAA;AAAA,IAKpB,SAAS,KAAK,YAAYA,CAAK,CACjC,CAKO,SAASC,GAA8B,CAC5C,IAAMD,EAAQ,SAAS,eAAe,0BAA0B,EAC5DA,GACFA,EAAM,OAAO,CAEjB,CCtBO,SAASE,EAAWC,EAA4B,CACrD,IAAMC,EAAQ,SAAS,YAAY,EACnCA,EAAM,mBAAmBD,CAAO,EAChC,IAAME,EAAY,OAAO,aAAa,EACtCA,GAAW,gBAAgB,EAC3BA,GAAW,SAASD,CAAK,CAC3B,CAOO,SAASE,EAAyBH,EAA+B,CACtE,MAAO,CAAC,CAACA,EAAQ,QAAQ,QAC3B,CAEA,IAAMI,GAA2B,CAC/B,MACA,IACA,KACA,KACA,KACA,KACA,KACA,KACA,OACA,KACA,KACA,IACA,SACA,OACF,EAMA,SAASC,GAAuBL,EAA+B,CAc7D,MAbI,GAACI,GAAyB,SAASJ,EAAQ,QAAQ,YAAY,CAAC,IAIhDA,EAAQ,aAAa,KAAK,GAAK,IACnC,SAAW,GAIvBA,EAAQ,cAAc,yBAAyB,IAAM,MAIrDA,EAAQ,SAAS,OAAS,EAKhC,CAOO,SAASM,EAAsBN,EAA2B,CAK/D,MAJI,EAAEA,aAAmB,cAIrB,CAACK,GAAuBL,CAAO,EAC1B,GAILG,EAAyBH,CAAO,EAC3B,GAGLA,EAAQ,QAAQ,iBAAmB,MAKzC,CC1EA,IAAIO,EAAsD,KAKnD,SAASC,EAAsBC,EAA0C,CAC9EF,EAA4BE,CAC9B,CAOA,IAAMC,EAA2B,IAAI,QAKrC,SAASC,GAAoC,EAAgB,CACvDJ,GACFA,EAA0B,IAAI,CAElC,CAMO,SAASK,EAA6BC,EAA2B,CAOtE,MALI,IAAEA,aAAmB,cAAgBA,EAAQ,QAAQ,WAAa,QAKlE,CAACC,EAAsBD,CAAO,EAKpC,CAMO,SAASE,EAAuBF,EAA4B,CAEjEG,EAAsB,EAGtBH,EAAQ,QAAQ,oBAAsBA,EAAQ,aAAe,GAC7DA,EAAQ,QAAQ,eAAiBA,EAAQ,MAAM,OAG/CA,EAAQ,gBAAkB,OAG1B,IAAMI,EAAkB,IAAI,gBAC5BP,EAAyB,IAAIG,EAASI,CAAe,EAGrDJ,EAAQ,iBAAiB,QAASF,GAAkB,CAAE,OAAQM,EAAgB,MAAO,CAAC,EAGtFJ,EAAQ,MAAM,OAAS,OAGvBK,EAAWL,CAAO,EAGlB,WAAW,IAAM,CACfA,EAAQ,MAAM,CAChB,EAAG,CAAC,CACN,CAMO,SAASM,EAAuBN,EAA4B,CAEjE,IAAMI,EAAkBP,EAAyB,IAAIG,CAAO,EACxDI,IACFA,EAAgB,MAAM,EACtBP,EAAyB,OAAOG,CAAO,GAIpCA,EAAQ,cAIbO,EAAsB,EAGtBP,EAAQ,gBAAkB,QAG1B,OAAOA,EAAQ,QAAQ,oBAGnBA,EAAQ,QAAQ,iBAAmB,SACrCA,EAAQ,MAAM,OAASA,EAAQ,QAAQ,eACvC,OAAOA,EAAQ,QAAQ,gBAE3B,CClHO,SAASQ,EAAmBC,EAAgC,CACjE,MAAO,CACL,IAAKA,EAAK,IACV,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,QAASA,EAAK,KAAOA,EAAK,MAAQ,EAClC,QAASA,EAAK,IAAMA,EAAK,OAAS,CACpC,CACF,CAKO,SAASC,EAAoBD,EAAwB,CAC1D,OACEA,EAAK,IAAM,OAAO,aAClBA,EAAK,OAAS,GACdA,EAAK,KAAO,OAAO,YACnBA,EAAK,MAAQ,CAEjB,CAKO,SAASE,EAAkBC,EAA0B,CAC1D,OAAIA,aAAmB,WACbA,EAAQ,WAA4C,SAAW,GAElEA,EAAQ,WAAa,EAC9B,CCvBO,SAASC,EAA6BC,EAAmBC,EAA4B,CAC1FD,EAAM,sBAAwBC,EAG9BD,EAAM,iBAAiB,QAASE,GAAY,CAC1CA,EAAQ,MAAM,QAAU,MAC1B,CAAC,EAGDC,EAAuBF,CAAO,EAG9B,OAAO,OAAO,YACZ,CACE,+BACA,iBAAkBD,EAAM,iBAC1B,EACA,GACF,CACF,CAKO,SAASI,EAA6BJ,EAAyB,CACpE,GAAI,CAACA,EAAM,sBAAuB,OAG9BA,EAAM,uBACR,aAAaA,EAAM,oBAAoB,EACvCA,EAAM,qBAAuB,MAG/B,IAAMC,EAAUD,EAAM,sBAGtBK,EAAuBJ,CAAO,EAG9BD,EAAM,iBAAiB,QAASE,GAAY,CAC1CA,EAAQ,MAAM,QAAU,EAC1B,CAAC,EAEDI,EAA2BN,CAAK,EAGhC,OAAO,OAAO,YACZ,CACE,6BACA,iBAAkBA,EAAM,iBAC1B,EACA,GACF,EAEAA,EAAM,sBAAwB,IAChC,CAKA,SAASO,GAAiBP,EAAmBC,EAA4B,CACvE,IAAMO,EAAkBP,EAAQ,QAAQ,oBAClCQ,EAAaR,EAAQ,YAErBS,EAAc,CAClB,QAAST,EAAQ,QACjB,QAASU,EAAkBV,CAAO,EAClC,iBAAkBD,EAAM,kBACxB,QAASS,EACT,mBAAoBR,EAAQ,QAAQ,eACpC,iBAAkBA,EAAQ,QAAQ,iBAAmB,OACrD,WAAYA,EAAQ,QAAQ,WAC5B,SAAUA,EAAQ,QAAQ,SAC1B,SAAUW,EAAmBX,EAAQ,sBAAsB,CAAC,CAC9D,EAEMY,EAAmC,CACvC,mBACA,YAAAH,EACA,gBAAAF,EACA,WAAAC,CACF,EAEIK,EAAyBb,CAAO,IAClCY,EAAQ,SAAWZ,EAAQ,QAAQ,SACnCY,EAAQ,gBAAkBZ,EAAQ,QAAQ,gBAC1CY,EAAQ,SAAWZ,EAAQ,QAAQ,UAGrC,OAAO,OAAO,YAAYY,EAAS,GAAG,EAGtCZ,EAAQ,QAAQ,oBAAsBQ,GAAc,EACtD,CAUA,SAASM,GAA+Bf,EAAmBC,EAA4B,CAEjFD,EAAM,sBACR,aAAaA,EAAM,oBAAoB,EAIzCA,EAAM,qBAAuB,WAAW,IAAM,CAC5CO,GAAiBP,EAAOC,CAAO,CACjC,EAAG,GAAuB,CAC5B,CAKA,SAASe,GAA8BhB,EAAmB,CACxD,OAAQC,GAAyB,CAC/BK,EAA2BN,CAAK,EAChCe,GAA+Bf,EAAOC,CAAO,CAC/C,CACF,CAKO,SAASgB,EAAwBjB,EAAyB,CAC/DkB,EAAsBF,GAA8BhB,CAAK,CAAC,CAC5D,CCrIO,SAASmB,GACdC,EACAC,EACAC,EACM,CACFF,EAAM,uBACRG,EAA6BH,CAAK,EAEpCI,EAAeJ,CAAK,EAGpB,IAAMK,EAAWC,EAAiBJ,CAAgB,EAE9CF,EAAM,+BACRK,EAAS,QAASE,GAAO,CACnBA,aAAc,cAChBA,EAAG,QAAQ,SAAW,OAE1B,CAAC,EAIHF,EAAS,QAASE,GAAO,CACvB,IAAMC,EAAUC,EAAc,EAAI,EAClC,SAAS,KAAK,YAAYD,CAAO,EACjCR,EAAM,iBAAiB,KAAKQ,CAAO,EACnCE,EAAgBF,EAASD,EAAI,GAAMP,EAAM,gBAAgB,CAC3D,CAAC,EAEDA,EAAM,kBAAoBE,EAG1BS,EAAmBX,CAAK,EAGxB,IAAMY,EAAcX,EAGdY,EAAQD,EAAY,QAAQ,0BAA0B,EACtDE,EAAkBD,GAAO,SAAS,iBAAmB,KACrDE,EAASF,GAAO,SAAS,SACzBG,EAAmBD,GAAU,KAAO,SAASA,EAAQ,EAAE,EAAI,KAC3DE,GAAmBL,EAAY,SAAS,UAAY,KAEpDM,GAAc,CAClB,wBACA,QAASjB,EAAQ,QACjB,QAASkB,EAAkBlB,CAAO,EAClC,iBAAkBC,EAClB,QAASU,EAAY,UACrB,mBAAoBA,EAAY,QAAQ,eACxC,iBAAkBA,EAAY,QAAQ,iBAAmB,OACzD,WAAYA,EAAY,QAAQ,WAChC,SAAUA,EAAY,QAAQ,SAC9B,SAAUQ,EAAmBnB,EAAQ,sBAAsB,CAAC,EAC5D,gBAAAa,EACA,iBAAAE,EACA,iBAAAC,EACF,EACA,OAAO,OAAO,YAAYC,GAAa,GAAG,CAC5C,CAKO,SAASG,EAAmBrB,EAAmBsB,EAAqB,CACzE,GAAI,CAACtB,EAAM,iBAAkB,OAE7B,IAAMuB,EAASD,EAAE,OAGjB,GAAItB,EAAM,+BAAiCuB,aAAkB,aAAeA,EAAO,kBAAoB,OACrG,OAIF,GAAIvB,EAAM,sBAAuB,CAC/BsB,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBA,EAAE,yBAAyB,EAC3BnB,EAA6BH,CAAK,EAClC,MACF,CAGA,GAAIA,EAAM,eAAgB,CACxBsB,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBA,EAAE,yBAAyB,EAE3B,OAAO,OAAO,YAAY,CAAE,sBAA0C,EAAG,GAAG,EAC5E,MACF,CAGA,GAAIC,EAAO,QAAQ,YAAY,IAAM,OACnC,OAIFD,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBA,EAAE,yBAAyB,EAG3B,IAAMrB,EAAUsB,EAAO,QACrB,mDACF,EACA,GAAI,CAACtB,EACH,OAGF,IAAMW,EAAcX,EACdC,EACJU,EAAY,QAAQ,gBACpBA,EAAY,QAAQ,iBAOtB,GAHEZ,EAAM,oBAAsBE,GAC5BU,EAAY,QAAQ,WAAa,QAK7BZ,EAAM,+BAAiCwB,EAA6BZ,CAAW,EAAG,CACpFa,EAA6BzB,EAAOY,CAAW,EAC/C,MACF,CAIFb,GAAuBC,EAAOC,EAASC,GAAoB,IAAI,CACjE,CCxIO,SAASwB,GAAqBC,EAAmBC,EAA0B,CAChFD,EAAM,iBAAmBC,EAEpBA,EAUH,SAAS,KAAK,MAAM,OAAS,aATzBD,EAAM,uBACRE,EAA6BF,CAAK,EAGpCG,EAAmBH,CAAK,EACxBI,EAAeJ,CAAK,EACpBA,EAAM,2BAA6B,CAAC,EACpC,SAAS,KAAK,MAAM,OAAS,UAIjC,CAKO,SAASK,EACdL,EACAM,EACM,CACNP,GAAqBC,EAAOM,EAAQ,KAAK,OAAO,EAG5CA,EAAQ,KAAK,OAAO,uBAAyB,SAC/CN,EAAM,8BAAgC,GAE1C,CC5BO,SAASO,EACdC,EACAC,EACM,CAKN,GAJI,CAACD,EAAM,+BAIP,CAACC,EAAQ,MAAQ,CAACA,EAAQ,KAAK,mBACjC,OAGF,IAAMC,EAAWC,EAAiBF,EAAQ,KAAK,kBAAkB,EACjE,GAAIC,EAAS,SAAW,GAAK,EAAEA,EAAS,CAAC,YAAa,aACpD,OAGF,IAAME,EAAUF,EAAS,CAAC,EAEtBD,EAAQ,KAAK,kBAEXI,EAA6BD,CAAO,IAElCJ,EAAM,oBAAsBC,EAAQ,KAAK,qBAEvCD,EAAM,uBACRM,EAA6BN,CAAK,EAEpCO,EAAeP,CAAK,EAEpBE,EAAS,QAASM,GAAO,CACnBA,aAAc,cAChBA,EAAG,QAAQ,SAAW,OAE1B,CAAC,EAEDN,EAAS,QAASM,GAAO,CACvB,IAAMC,EAAUC,EAAc,EAAI,EAClC,SAAS,KAAK,YAAYD,CAAO,EACjCT,EAAM,iBAAiB,KAAKS,CAAO,EACnCE,EAAgBF,EAASD,EAAI,GAAMR,EAAM,gBAAgB,CAC3D,CAAC,EAEDA,EAAM,kBAAoBC,EAAQ,KAAK,oBAEzCW,EAA6BZ,EAAOI,CAAO,GAIzCJ,EAAM,wBAA0BI,GAClCE,EAA6BN,CAAK,CAGxC,CClDA,SAASa,EAA0BC,EAAyB,CAC1D,GAAI,CAACA,EAAM,kBAAmB,OAE9B,IAAMC,EAAWC,EAAiBF,EAAM,iBAAiB,EACnD,CAACG,CAAO,EAAIF,EAClB,GAAI,CAACE,EAAS,OAEd,IAAMC,EAAOD,EAAQ,sBAAsB,EAE3C,OAAO,OAAO,YACZ,CACE,+BACA,SAAUE,EAAmBD,CAAI,EACjC,aAAcE,EAAoBF,CAAI,EACtC,iBAAkBJ,EAAM,iBAC1B,EACA,GACF,CACF,CAKO,SAASO,GAAgBP,EAAyB,CACnDA,EAAM,uBACRQ,EAA6BR,CAAK,EAEpCS,EAAeT,CAAK,CACtB,CAKO,SAASU,GACdV,EACAW,EACAC,EACM,CACN,IAAMX,EAAWC,EAAiBS,CAAgB,EAC9CV,EAAS,SAAW,IAExBY,EAAqBZ,EAAUW,CAAO,EAGtC,WAAW,IAAM,CACXZ,EAAM,oBAAsBW,GAC9BG,EAA2Bd,CAAK,EAGlC,IAAMe,EAAiBf,EAAM,2BAA2B,CAAC,EAEvDe,aAA0B,aAC1BA,EAAe,QAAQ,mBAAqBJ,GAE5CK,EAAwBhB,CAAK,CAEjC,EAAG,EAAmB,EACxB,CAKO,SAASiB,GACdjB,EACAW,EACAO,EACAC,EACM,CACN,IAAIlB,EAAWC,EAAiBS,CAAgB,EAE5CV,EAAS,SAAW,IAKpBkB,GAAY,OACdlB,EAAWA,EAAS,OACjBmB,GAAQA,EAAmB,QAAQ,WAAa,OAAOD,CAAQ,CAClE,GAGFlB,EAAS,QAASE,GAAY,CAC3BA,EAAwB,UAAYe,CACvC,CAAC,EAED,WAAW,IAAM,CACXlB,EAAM,oBAAsBW,GAC9BG,EAA2Bd,CAAK,CAEpC,EAAG,EAAmB,EACxB,CAKO,SAASqB,GAAarB,EAAyB,CACpDD,EAA0BC,CAAK,CACjC,CAKO,SAASsB,EAAatB,EAAyB,CACpDc,EAA2Bd,CAAK,EAChCgB,EAAwBhB,CAAK,CAC/B,CAKO,SAASuB,GAAcvB,EAAmBwB,EAA2B,CAC1E,IAAMC,EAAUD,EAAM,KAEtB,OAAQC,EAAQ,KAA6B,CAC3C,8BACEC,EAA2B1B,EAAOyB,CAAO,EACzC,MAEF,qBACMA,EAAQ,MAAQA,EAAQ,KAAK,UAAY,OAC3Cf,GACEV,EACAyB,EAAQ,KAAK,iBACbA,EAAQ,KAAK,OACf,EAEA,QAAQ,KACN,oDACAA,CACF,EAEF,MAEF,uBACElB,GAAgBP,CAAK,EACrB,MAEF,mBACE,OAAO,SAAS,OAAO,EACvB,MAEF,qBACMyB,EAAQ,MAAQA,EAAQ,KAAK,UAAY,OAC3CR,GACEjB,EACAyB,EAAQ,KAAK,iBACbA,EAAQ,KAAK,QACbA,EAAQ,KAAK,QACf,EAEA,QAAQ,KACN,oDACAA,CACF,EAEF,MAEF,8BACEE,EAA2B3B,EAAOyB,CAAO,EACzC,MAEF,+BACE1B,EAA0BC,CAAK,EAC/B,MAEF,yBACMyB,EAAQ,MAAQA,EAAQ,KAAK,aAAe,SAC9CzB,EAAM,kBAAoByB,EAAQ,KAAK,WACnCA,EAAQ,KAAK,YACfG,EAAmB5B,CAAK,GAG5B,MAEF,qBACMyB,EAAQ,MAAQA,EAAQ,KAAK,SAAW,SAC1CzB,EAAM,eAAiByB,EAAQ,KAAK,OAChCA,EAAQ,KAAK,QACfG,EAAmB5B,CAAK,GAG5B,MAEF,QACE,KACJ,CACF,CC9LA,SAAS6B,IAA6B,CACL,SAAS,iBACtC,kDACF,EACuB,QAAQ,CAACC,EAAIC,IAAU,CAC5C,IAAMC,EAASF,EACTG,EAAK,aAAaD,EAAO,QAAQ,QAAQ,IAAIA,EAAO,QAAQ,UAAU,IAAID,CAAK,GACrFC,EAAO,QAAQ,iBAAmBC,CACpC,CAAC,CACH,CAOA,SAASC,GAAqBC,EAA8C,CAC1E,IAAIC,EAA2B,KAEzBC,EAAeC,GAAwB,CAC3C,GAAIA,EAAK,WAAa,KAAK,aAAc,MAAO,GAChD,IAAMR,EAAKQ,EACX,GAAIR,EAAG,SAAS,iBAAkB,MAAO,GACzC,QAAWS,KAAS,MAAM,KAAKT,EAAG,QAAQ,EACxC,GAAIO,EAAYE,CAAK,EAAG,MAAO,GAEjC,MAAO,EACT,EAEA,OAAO,IAAI,iBAAkBC,GAAc,CACzC,GAAIJ,IAAc,KAAM,OAEJI,EAAU,KAAMC,GAEhCA,EAAS,OAAS,eACjBA,EAAS,gBAAkB,SAC1BA,EAAS,gBAAkB,SAC3BA,EAAS,gBAAkB,SAC3BA,EAAS,gBAAkB,WAENJ,EAAYI,EAAS,MAAM,CACrD,IAKCL,EAAY,sBAAsB,IAAM,CACtCA,EAAY,KACZD,EAAe,CACjB,CAAC,EAEL,CAAC,CACH,CAKA,SAASO,GAAoBC,EAAwD,CACnF,IAAMC,EAAaC,GAAoBC,GAAcH,EAAOE,CAAC,EACvDE,EAAW,IAAMC,GAAaL,CAAK,EACnCM,EAAW,IAAMC,EAAaP,CAAK,EACnCQ,EAAWN,GAAkBO,EAAmBT,EAAOE,CAAC,EACxDQ,EAAeR,GAAkBS,EAAgBX,EAAOE,CAAC,EACzDU,EAAa,IAAMC,EAAeb,CAAK,EAE7C,cAAO,iBAAiB,UAAWC,CAAS,EAC5C,OAAO,iBAAiB,SAAUG,EAAU,EAAI,EAChD,SAAS,iBAAiB,SAAUA,EAAU,EAAI,EAClD,OAAO,iBAAiB,SAAUE,CAAQ,EAC1C,OAAO,iBAAiB,SAAUA,CAAQ,EAC1C,SAAS,iBAAiB,QAASE,EAAS,EAAI,EAChD,SAAS,iBAAiB,YAAaE,CAAW,EAClD,SAAS,iBAAiB,WAAYE,CAAU,EAEzC,IAAM,CACX,OAAO,oBAAoB,UAAWX,CAAS,EAC/C,OAAO,oBAAoB,SAAUG,EAAU,EAAI,EACnD,SAAS,oBAAoB,SAAUA,EAAU,EAAI,EACrD,OAAO,oBAAoB,SAAUE,CAAQ,EAC7C,OAAO,oBAAoB,SAAUA,CAAQ,EAC7C,SAAS,oBAAoB,QAASE,EAAS,EAAI,EACnD,SAAS,oBAAoB,YAAaE,CAAW,EACrD,SAAS,oBAAoB,WAAYE,CAAU,CACrD,CACF,CAMO,SAASE,IAAmC,CACjD,IAAMd,EAAQe,EAAiB,EAC/B7B,GAAqB,EACrB8B,EAAwBhB,CAAK,EAC7B,IAAMiB,EAAuBlB,GAAoBC,CAAK,EAEhDkB,EAAmB3B,GAAqB,IAAMgB,EAAaP,CAAK,CAAC,EACvE,OAAAkB,EAAiB,QAAQ,SAAS,KAAM,CACtC,WAAY,GACZ,UAAW,GACX,QAAS,GACT,gBAAiB,CAAC,QAAS,QAAS,QAAS,QAAQ,CACvD,CAAC,EAED,OAAO,OAAO,YAAY,CAAE,8BAAkD,EAAG,GAAG,EAE7E,IAAM,CACXA,EAAiB,WAAW,EAC5BD,EAAqB,CACvB,CACF","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isStaticArrayTextElement","ALLOWED_INLINE_EDIT_TAGS","passesStructuralChecks","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","listenerAbortControllers","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","abortController","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","message","isStaticArrayTextElement","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","arrEl","staticArrayName","rawIdx","staticArrayIndex","staticArrayField","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleClearInlineEditingMode","clearSelection","el","overlay","createOverlay","positionOverlay","handleEnterInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","hoveredElement","repositionHoverOverlays","updateElementContent","content","arrIndex","el","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","child","mutations","mutation","setupEventListeners","state","onMessage","e","handleMessage","onScroll","handleScroll","onResize","handleResize","onClick","handleElementClick","onMouseOver","handleMouseOver","onMouseOut","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback","removeEventListeners","mutationObserver"]}

package/dist/visual-edit-plugin.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 import type { Plugin } from "vite";
+export declare function checkIfElementHasDynamicContent(jsxElement: any): boolean;
 export declare function visualEditPlugin(): Plugin;
 //# sourceMappingURL=visual-edit-plugin.d.ts.map

package/dist/visual-edit-plugin.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"visual-edit-plugin.d.ts","sourceRoot":"","sources":["../src/visual-edit-plugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;~~AAInC~~,wBAAgB,gBAAgB,~~IAwEzB~~,MAAM,CACZ"}
1	+ {"version":3,"file":"visual-edit-plugin.d.ts","sourceRoot":"","sources":["../src/visual-edit-plugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAKnC,wBAAgB,+BAA+B,CAAC,UAAU,EAAE,GAAG,WA2G9D;AAED,wBAAgB,gBAAgB,IA2KzB,MAAM,CACZ"}