@fiddle-digital/string-tune 1.2.1-alpha.2 → 1.2.1-alpha.4

package/dist/index.mjs

@@ -16,7 +16,7 @@ var ve=class{context;SETTLE_THRESHOLD_SQ=.01;smoothingFactor;lastMouseX=0;lastMo
               -ms-overflow-style: none; /* IE and Edge */
               scrollbar-width: none; /* Firefox */
           }
-      `,document.head.appendChild(t)}createScrollbar(){this.scrollbar=document.createElement("div"),this.scrollbar.classList.add("scrollbar"),this.thumb=document.createElement("div"),this.thumb.classList.add("thumb"),this.scrollbar.appendChild(this.thumb),document.body.appendChild(this.scrollbar),this.scrollbarStateHorizontal=new Ve(this.data,this.scrollbar,this.thumb,this.requestScrollTo),this.scrollbarStateVertical=new We(this.data,this.scrollbar,this.thumb,this.requestScrollTo),this.scrollbarState=this.scrollbarStateVertical}updateThumb(){this.scrollbarState.updateThumb()}mouseDownEvent(t){this.isDragging=!0,this.scrollbarState.mouseDownEvent(t),document.body.style.userSelect="none",this.scrollbar.classList.add("-touch")}mouseMoveEvent(t){this.isDragging&&this.scrollbarState.mouseMoveEvent(t)}mouseUpEvent(){this.isDragging=!1,document.body.style.userSelect="",this.hideScrollbar(),this.scrollbar.classList.remove("-touch")}showScrollbar(){this.scrollbar.classList.add("-scroll")}hideScrollbar(){this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout(()=>{this.scrollbar.classList.remove("-scroll")},1e3)}};var Et={BEFORE_ELEMENT:"-before-element",AFTER_ELEMENT:"-after-element"};function ds(d){if(!d||!Array.isArray(d.chars)||d.chars.length===0)return[];let t=d.chars[0].splitClass??[];if(t.length===0)return[];for(let e of d.chars){let r=e.splitClass??[];if(r.length!==t.length)return[];for(let i=0;i<r.length;i++)if(r[i]!==t[i])return[]}return t}function Kr(d){return d.chars[0]?.token?.meta?.wrappers??[]}function cs(d,t,e){if(e.trimInlineGaps!==!0||!t)return!1;let r=Kr(d),i=Kr(t);if(r.length===0||i.length===0)return!1;if(r.length!==i.length)return!0;for(let n=0;n<r.length;n++)if(r[n].id!==i[n].id)return!0;return!1}function Xi(d,t,e){let r=document.createDocumentFragment(),i=K(t,"line")||K(t,"charLine")||K(t,"wordLine"),n=0,s=K(t,"char")||K(t,"charLine")||K(t,"charWord"),o=0;d.forEach(p=>o+=p.words.length);let a=0;d.forEach(p=>p.words.forEach(g=>a+=g.chars.length));let l=d.length,c=o,u=new Map;return d.forEach((p,g)=>{let m=g===d.length-1,h=r,f="";i&&(h=document.createElement("span"),h.setAttribute("aria-hidden","true"),h.classList.add("-s-line"),p.isBeforeElement&&h.classList.add(Et.BEFORE_ELEMENT),p.isAfterElement&&h.classList.add(Et.AFTER_ELEMENT),h.style.setProperty("--line-index",String(p.lineIndex)),h.style.setProperty("--word-total",String(p.words.length)),p.fitFontSize!==void 0&&h.style.setProperty("--fit-font-size",String(p.fitFontSize)),Xr(h,p.calculatedValues,t));let b=[],y=h;p.words.forEach((v,S)=>{let E=S===p.words.length-1,M=Kr(v),C=0;for(;C<b.length&&C<M.length&&b[C].info.id===M[C].id;)C++;for(;b.length>C;)b.pop();y=b.length>0?b[b.length-1].element:h;for(let T=C;T<M.length;T++){let P=M[T],R=document.createElement(P.tag);for(let[B,W]of P.attributes)R.setAttribute(B,W);y.appendChild(R),b.push({info:P,element:R}),y=R}if(v.chars.length===1&&v.chars[0].token.type==="element"){let T=v.chars[0].token.node.cloneNode(!0);y.appendChild(T);return}let I=v.chars.map(T=>T.char).join("");I&&(f+=f.length===0||v.noSpaceBefore?I:` ${I}`);let H=K(t,"word")||K(t,"charWord")||K(t,"wordLine"),w=H?document.createElement("span"):y,_=ds(v);if(H&&(w.setAttribute("aria-hidden","true"),w.classList.add("-s-word"),v.isBeforeElement&&w.classList.add(Et.BEFORE_ELEMENT),v.isAfterElement&&w.classList.add(Et.AFTER_ELEMENT),w.style.setProperty("--word-index",String(v.wordIndexGlobal)),w.style.setProperty("--char-total",String(v.chars.length)),w.setAttribute("data-split-content",I),Xr(w,v.calculatedValues,t),_.length&&w.classList.add(..._)),s)v.chars.forEach((T,P)=>{if(T.char===" "||T.char==="	")return;let R=document.createElement("span");R.setAttribute("aria-hidden","true");let B=R;B.classList.add("-s-char"),T.isBeforeElement&&B.classList.add(Et.BEFORE_ELEMENT),T.isAfterElement&&B.classList.add(Et.AFTER_ELEMENT),B.textContent=T.char,B.setAttribute("data-split-content",T.char),B.style.setProperty("--char-index",String(n++));let W=v.chars[P+1];if(W){let z=e.getKerning(T.char,W.char);Math.abs(z)>.01&&(B.style.setProperty("--kerning",`${z.toFixed(2)}px`),B.style.marginRight="var(--kerning)")}Xr(B,T.calculatedValues,t);let N=T.splitClass??[];N.length&&!_.length&&B.classList.add(...N),w.appendChild(R)});else{let T=document.createTextNode(I);w.appendChild(T)}H&&y.appendChild(w);let k=p.words[S+1],O=k?.noSpaceBefore||cs(v,k,t);i?E?m||h.appendChild(document.createElement("br")):O||w.appendChild(document.createTextNode("\xA0")):!E&&!O&&w.appendChild(document.createTextNode("\xA0"))}),i&&(h.setAttribute("data-split-content",f),r.appendChild(h))}),i&&u.set("--line-global-total",String(l)),s&&u.set("--char-global-total",String(a)),(K(t,"word")||K(t,"charWord")||K(t,"wordLine"))&&u.set("--word-global-total",String(c)),{fragment:r,extraProps:u}}function Xr(d,t,e){if(t)for(let r of t){if(!us(r.type,r.align,e))continue;let i=ps(r.type,r.align);d.style.setProperty(i,String(r.value))}}function us(d,t,e){let r=e[d]??[];return Array.isArray(r)&&r.some(i=>t.startsWith("random")?i.align.startsWith("random"):i.align===t)}function ps(d,t){let e=t.startsWith("random")?"random":t;return`--${d}-${e}`}function K(d,t){return Array.isArray(d[t])&&d[t].length>0}var gs=new Set(["img","video","audio","canvas","iframe","object","svg","input","textarea","select","button","area","base","col","embed","hr","link","meta","param","source","track","wbr","picture","table"]);function hs(d){let t=[];for(let e=0;e<d.attributes.length;e++){let r=d.attributes[e];t.push([r.name,r.value])}return t}var At=0;function Ki(d){At=0;let t=[],e=(i,n)=>{n&&Object.keys(n).length&&(i.meta={...i.meta||{},...n}),t.push(i)},r=(i,n)=>{if(i.nodeType===Node.ELEMENT_NODE){let s=i,o=s.tagName.toLowerCase();if(o==="split-class"){let a=(s.getAttribute("class")??"").split(/\s+/).filter(Boolean),l={...n||{},splitClass:[...n?.splitClass??[],...a]};s.childNodes.forEach(c=>r(c,l));return}if(o==="br"){e({type:"br",id:`br_${At++}`,node:s,tagName:"br"},n);return}if(!gs.has(o)&&s.childNodes.length>0){let a={id:`wrapper_${At++}`,tag:o,attributes:hs(s)},l=n?.wrappers??[],c={...n||{},wrappers:[...l,a]};s.childNodes.forEach(u=>r(u,c));return}e({type:"element",id:`el_${At++}`,node:s,tagName:o},n);return}if(i.nodeType===Node.TEXT_NODE){let s=i.nodeValue??"",o=`text_${At++}`;s.trim()?e({type:"text",id:o,node:i,content:s},n):e({type:"space",id:o,node:i,content:s},n);return}e({type:"other",id:`node_${At++}`,node:i},n)};return d.forEach(i=>r(i)),t}var Ne=class{ctx;font="";cache={kerning:new Map,charWidth:new Map};constructor(t){let e=document.createElement("canvas");this.ctx=e.getContext("2d"),this.setFontFromElement(t)}setFontFromElement(t){let e=window.getComputedStyle(t),r=`${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}/${e.lineHeight} ${e.fontFamily}`;r!==this.font&&(this.font=r,this.ctx.font=this.font,this.cache.kerning.clear(),this.cache.charWidth.clear())}getCharWidth(t){if(this.cache.charWidth.has(t))return this.cache.charWidth.get(t);let e=this.ctx.measureText(t).width;return this.cache.charWidth.set(t,e),e}getKerning(t,e){let r=`${t}${e}`,i=`${this.font}|${r}`;if(this.cache.kerning.has(i))return this.cache.kerning.get(i);let n=this.ctx.measureText(r).width,s=this.getCharWidth(t)+this.getCharWidth(e),o=n-s;return this.cache.kerning.set(i,o),o}measureWord(t){let e=0;for(let r=0;r<t.length;r++){let i=t[r];if(e+=this.getCharWidth(i),r>0){let n=t[r-1];e+=this.getKerning(n,i)}}return e}};function ms(d,t){let e=t.contentWidth,r=d.cloneNode(!0);r.removeAttribute("string"),r.removeAttribute("data-string"),r.removeAttribute("string-split"),r.removeAttribute("data-string-split"),r.removeAttribute("string-id"),r.removeAttribute("data-string-id"),r.removeAttribute("string-inited"),r.classList.remove("-splitted","-inview","-restored"),r.innerHTML=d.getAttribute("string-split-original-html")??d.innerHTML,r.style.setProperty("position","absolute","important"),r.style.setProperty("visibility","hidden","important"),r.style.setProperty("pointer-events","none","important"),r.style.setProperty("left","0","important"),r.style.setProperty("top","0","important"),r.style.setProperty("display","block","important"),r.style.setProperty("width",`${e}px`,"important"),r.style.setProperty("min-width",`${e}px`,"important"),r.style.setProperty("max-width",`${e}px`,"important"),r.style.setProperty("padding","0","important"),r.style.setProperty("border","0","important"),r.style.setProperty("margin","0","important"),r.style.setProperty("transform","none","important"),r.style.setProperty("scale","1","important"),(d.parentElement??document.body).appendChild(r);let n=new Map,s=document.createTreeWalker(d,NodeFilter.SHOW_ALL),o=document.createTreeWalker(r,NodeFilter.SHOW_ALL),a=s.currentNode,l=o.currentNode;for(n.set(a,l);(a=s.nextNode())&&(l=o.nextNode());)n.set(a,l);return{resolveNode(c){return n.get(c)??c},cleanup(){r.remove()}}}var ze=class{id="flex";supports(t,e){return e.display==="flex"||e.display==="inline-flex"}createSource(t,e){return ms(t,e)}};function fs(){return{resolveNode(d){return d},cleanup(){}}}var Ge=class{id="inline-flow";supports(t,e){return e.display!=="flex"&&e.display!=="inline-flex"}createSource(t,e){return fs()}};var Zr=[new ze,new Ge];function vs(d){let t=window.getComputedStyle(d),e=d.getBoundingClientRect(),r=parseFloat(t.borderLeftWidth)||0,i=parseFloat(t.borderRightWidth)||0,n=parseFloat(t.paddingLeft)||0,s=parseFloat(t.paddingRight)||0;return Math.max(0,e.width-r-i-n-s)}function bs(d){let t=d.parentElement;for(;t;){let e=window.getComputedStyle(t),r=e.display;if(!(r==="inline"||r==="inline-block"||r==="ruby")){let n=t.getBoundingClientRect(),s=parseFloat(e.borderLeftWidth)||0,o=parseFloat(e.borderRightWidth)||0,a=parseFloat(e.paddingLeft)||0,l=parseFloat(e.paddingRight)||0;return Math.max(0,n.width-s-o-a-l)}t=t.parentElement}return 0}function Zi(d){let t=window.getComputedStyle(d),e=vs(d),r=bs(d),i=t.display==="inline"||t.display==="inline-flex"||t.display==="inline-grid",n=e;return(i&&r>e+1&&!d.style.width||n<=0)&&(n=r),{display:t.display,contentWidth:n,ownContentWidth:e,blockContainerContentWidth:r}}function Qi(d,t){return Zr.find(e=>e.supports(d,t))??Zr[Zr.length-1]}var $e=typeof Intl<"u"&&"Segmenter"in Intl?new Intl.Segmenter(void 0,{granularity:"grapheme"}):null;function Ji(d,t){return t.segment!=="visual"?ys(d):Ss(d)}function tn(d,t){return t.segment!=="visual"||!d||!$e?Array.from(d):Array.from($e.segment(d),({segment:e})=>e)}function ys(d){let t=[],e=/\S+/g,r;for(;(r=e.exec(d))!==null;){let i=r.index,n=i+r[0].length;t.push({text:r[0],start:i,end:n,noSpaceBefore:t.length>0&&i===t[t.length-1].end})}return t}function Ss(d){let t=Ls(d),e=[],r=null,i=()=>{r&&(e.push({text:r.text,start:r.start,end:r.end,noSpaceBefore:e.length>0&&r.start===e[e.length-1].end}),r=null)};return t.forEach(({segment:n,index:s})=>{if(/\s/u.test(n)){i();return}let o=Es(n),a=s+n.length;if(o==="visual"){i(),e.push({text:n,start:s,end:a,noSpaceBefore:e.length>0&&s===e[e.length-1].end});return}if(!r||r.end!==s){i(),r={text:n,start:s,end:a};return}r.text+=n,r.end=a}),i(),e}function Ls(d){if(!$e){let t=[],e=0;return Array.from(d).forEach(r=>{t.push({segment:r,index:e}),e+=r.length}),t}return Array.from($e.segment(d),({segment:t,index:e})=>({segment:t,index:e}))}function Es(d){return/\p{Script=Han}|\p{Script=Hiragana}|\p{Script=Katakana}/u.test(d)?"visual":/[\p{Script=Latin}\p{Script=Cyrillic}\p{Script=Greek}\p{Script=Hangul}\p{Number}]/u.test(d)||/[\p{Mark}\p{Connector_Punctuation}\p{Dash_Punctuation}'’._+#&/@]/u.test(d)?"word":"visual"}function Ms(d,t){return!d?.length&&!t?.length?!0:!d||!t||d.length!==t.length?!1:d.every((e,r)=>e.id===t[r].id)}function ws(d,t){return d.length!==t.length?!1:d.every((e,r)=>e===t[r])}function nn(d,t,e,r){let i=document.createRange(),n=[],s=!1,o=!1,a=!1,l,c=[];try{for(let u=0;u<d.length;u++){let p=d[u];switch(p.type){case"br":{n.push({token:p,rect:new DOMRect(0,0,0,0)}),o=!0,a=!1,l=void 0,c=[],s=!1;break}case"space":o=!xs(d,u,r);break;case"other":a=!1,o=!1;break;case"text":{let g=p.content,m=/^\s/.test(g),h=p.meta?.wrappers??[],f=p.meta?.splitClass??[],b=Ji(g,r),y=0;for(let v of b){let S=v.text,E=new DOMRect(0,0,0,0),M=t.resolveNode(p.node);try{i.setStart(M,v.start),i.setEnd(M,v.end),E=i.getBoundingClientRect()}catch{}let C=y===0&&!m&&!o&&a,A=y>0||Ms(l,h),I=y>0||ws(c,f),H=e.measureWord(S),w=new DOMRect(E.x,E.y,H,E.height),_={...p.meta||{},joinPrev:C&&A&&I,noSpaceBefore:v.noSpaceBefore||C&&(!A||!I)};s&&y===0&&(_.isAfterElement=!0,s=!1),n.push({token:{type:"text",id:"",node:p.node,content:S,meta:_},rect:w,browserWidth:E.width}),y++}y>0&&(o=/\s$/.test(g),a=!0,l=h,c=f);break}case"element":{let g=t.resolveNode(p.node).getBoundingClientRect();n.push({token:p,rect:g,browserWidth:g.width});let m=n[n.length-2];m?.token.type==="text"&&(m.token.meta={...m.token.meta||{},isBeforeElement:!0}),s=!0,a=!1,c=[],o=!1;break}}}}finally{i.detach?.(),t.cleanup()}return n}function xs(d,t,e){if(e.trimInlineGaps!==!0)return!1;let r=d[t];if(r?.type!=="space"||!/[\n\r\t]/.test(r.content)&&r.content.length<=1)return!1;let i=Cs(d,t-1),n=Ts(d,t+1);if(!i||!n||!en(i)||!en(n))return!1;let s=rn(i),o=rn(n);return s.length===0||o.length===0?!1:s.join("|")!==o.join("|")}function Cs(d,t){for(let e=t;e>=0;e--){let r=d[e];if(!(r.type==="space"||r.type==="other"))return r}return null}function Ts(d,t){for(let e=t;e<d.length;e++){let r=d[e];if(!(r.type==="space"||r.type==="other"))return r}return null}function en(d){return d.type==="text"||d.type==="element"}function rn(d){return(d.meta?.wrappers??[]).map(e=>e.id)}function sn(d,t,e,r){let i=Zi(t),s=Qi(t,i).createSource(t,i);return nn(d,s,e,r)}var on=5;function an(d,t,e,r){let i=[],n=null,s=0,o=0,a=0,l=0;return d.forEach(c=>{let u=c.token,p=u.meta?.isBeforeElement??!1,g=u.meta?.isAfterElement??!1;if(u.type==="br"){n=null;return}if(u.type==="text"){let m=u.content,h=u.meta?.splitClass??[],f=!!u.meta?.joinPrev,b=[],y=0,v=tn(m,r);for(let w=0;w<v.length;w++){let _=v[w],k=w>0?v[w-1]:null,O=e.getCharWidth(_),T=k?e.getKerning(k,_):0;y+=T;let P=new DOMRect(c.rect.left+y,c.rect.top,O,c.rect.height),R={char:_,rect:P,token:u,charIndexInWord:w,charIndexInLine:0,charIndexGlobal:o++};h.length&&(R.splitClass=h),b.push(R),y+=O}if(b.length>0){let w=b[b.length-1];p&&(w.isBeforeElement=!0),g&&(w.isAfterElement=!0)}let S=Math.round(c.rect.top),E=Math.round(s);if((!n||Math.abs(S-E)>on)&&(s=S,n={words:[],rect:c.rect,lineIndex:i.length},l=0,i.push(n)),!n)return;let C=c.rect.left+(c.browserWidth??c.rect.width);if(f&&n.words.length>0){let w=n.words[n.words.length-1],_=n.words.reduce((O,T)=>O+T.chars.length,0),k=w.chars.length;b.forEach((O,T)=>{O.charIndexInLine=_+T,O.charIndexInWord=k+T}),w.chars.push(...b),w.rect=Ue([w.rect,c.rect]),n.rect=Ue(n.words.map(O=>O.rect)),l=Math.max(l,C),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width),p&&(w.isBeforeElement=!0),g&&(w.isAfterElement=!0);return}let A=n.words.length,I=n.words.reduce((w,_)=>w+_.chars.length,0);b.forEach((w,_)=>w.charIndexInLine=I+_);let H={chars:b,rect:c.rect,wordIndexGlobal:a++,wordIndexInLine:A,isBeforeElement:p,isAfterElement:g,noSpaceBefore:!!u.meta?.noSpaceBefore};n.words.push(H),n.rect=Ue(n.words.map(w=>w.rect)),l=Math.max(l,C),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width),p&&(n.isBeforeElement=!0),g&&(n.isAfterElement=!0);return}if(u.type==="element"){let m=c.rect,h=Math.round(m.top),f=Math.round(s);if((!n||Math.abs(h-f)>on)&&(s=h,n={words:[],rect:m,lineIndex:i.length},l=0,i.push(n)),!n)return;let y=n.words.length,v=n.words.reduce((M,C)=>M+C.chars.length,0),E={chars:[{char:"[E]",rect:m,token:u,charIndexInWord:0,charIndexInLine:v,charIndexGlobal:o++}],rect:m,wordIndexGlobal:a++,wordIndexInLine:y,isBeforeElement:!1,isAfterElement:!1};n.words.push(E),n.rect=Ue(n.words.map(M=>M.rect)),l=Math.max(l,c.rect.left+(c.browserWidth??c.rect.width)),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width)}}),i}function Ue(d){if(d.length===0)return new DOMRect(0,0,0,0);let t=Math.min(...d.map(n=>n.left)),e=Math.min(...d.map(n=>n.top)),r=Math.max(...d.map(n=>n.right)),i=Math.max(...d.map(n=>n.bottom));return new DOMRect(t,e,r-t,i-e)}var Qr=class extends x{lastSplitWidth=new WeakMap;constructor(t){super(t),this.htmlKey="split",this.permissions.mobile.rebuild.height=!1,this.permissions.mobile.rebuild.width=!1}onInit(){let t=()=>{this.objectsOnPage.forEach(e=>{let r=e.htmlElement;if(!r)return;let i=this.getSplitOptions(r);this.needsForcedRebuildOnFontLoad(i)&&this.lastSplitWidth.delete(r),this.onObjectConnected(e)})};document.fonts.ready.then(t),document.fonts.addEventListener("loadingdone",t)}onObjectDisconnected(t){t.htmlElement&&this.lastSplitWidth.delete(t.htmlElement)}onResizeWidth(){this.objectsOnPage.forEach(t=>{let e=t.htmlElement;if(!e)return;let r=this.getSplitOptions(e);this.needsWidthRebuild(r)&&this.onObjectConnected(t)})}onObjectConnected(t){let e=t.htmlElement;if(!e)return;let r=this.isDebugEnabled(e),i=e.classList.contains("-splitted"),n=e.getAttribute("string-split-original-html"),s=e.getAttribute("string-split-original");n===null&&s!==null&&i&&(n=s,s=this.extractTextContent(n),e.setAttribute("string-split-original-html",n),e.setAttribute("string-split-original",s)),(!i||n===null||s===null)&&(n=this.escapeAttribute(e.innerHTML),s=e.textContent??"",e.setAttribute("string-split-original-html",n),e.setAttribute("string-split-original",s)),i&&e.classList.remove("-splitted");let o=window.getComputedStyle(e),a=this.getElementContentWidth(e,o);r&&this.logConnectionStart(e,{isAlreadySplit:i,currentContentWidth:a,lastWidth:this.lastSplitWidth.get(e),originalHtml:n,originalText:s});let l=this.lastSplitWidth.get(e);if(i&&l!==void 0&&Math.abs(a-l)<1){i&&e.classList.add("-splitted");return}this.lastSplitWidth.set(e,a);try{t.htmlElement.innerHTML=n;let c=e.getAttribute("string-split")??e.getAttribute("data-string-split")??"",u=this.tools.optionsParser.process({attributeValue:c}),{fragment:p,result:g,extraProps:m}=this.split(e,u,r);t.setProperty("nodes",p.childNodes),e.setAttribute("aria-label",s),e.innerHTML="",e.appendChild(g),this.applyFlexLineBreaks(e,u),e.classList.add("-splitted"),m.forEach((f,b)=>{e.style.setProperty(b,f)}),r&&this.logRenderedState(e,u,m);let h=e.getAttribute("string-split-restore-after");h&&!isNaN(Number(h))&&setTimeout(()=>{e.innerHTML=n,e.classList.add("-restored")},Number(h))}finally{e.classList.contains("-splitted")||e.classList.add("-splitted")}}extractTextContent(t){let e=document.createElement("div");return e.innerHTML=t,e.textContent??""}getSplitOptions(t){let e=t.getAttribute("string-split")??t.getAttribute("data-string-split")??"";return this.tools.optionsParser.process({attributeValue:e})}hasLineDrivenSplit(t){return(t.line?.length??0)>0||(t.wordLine?.length??0)>0||(t.charLine?.length??0)>0}needsWidthRebuild(t){return this.hasLineDrivenSplit(t)||t.fit===!0}needsForcedRebuildOnFontLoad(t){return this.needsWidthRebuild(t)}getDebugStoreKey(t){let e=t.getAttribute("string-debug-save")??t.getAttribute("data-string-debug-save")??"";return e?e==="true"||e==="1"?this.getDebugLabel(t):e:null}writeDebugRecord(t,e,r){let i=this.getDebugStoreKey(t);if(!i)return;let n=window,s=n.__stringSplitDebug??={},o=s[i]??{label:this.getDebugLabel(t),timestamp:Date.now()};o.timestamp=Date.now(),o[e]=r,s[i]=o}isDebugEnabled(t){let e=t.getAttribute("string-debug")??t.getAttribute("data-string-debug")??"";return e?e===""||e==="true"||e==="1"||e.includes("split")||e==="all":!1}getDebugLabel(t){return t.getAttribute("string-id")??t.id??t.className??t.tagName.toLowerCase()}logConnectionStart(t,e){let r=window.getComputedStyle(t),i=this.captureBaselineSnapshot(t,r),n={text:e.originalText,html:e.originalHtml,baseline:i,flags:{isAlreadySplit:e.isAlreadySplit,display:r.display,whiteSpace:r.whiteSpace,position:r.position},widths:{currentContentWidth:e.currentContentWidth,lastWidth:e.lastWidth,rectWidth:t.getBoundingClientRect().width,clientWidth:t.clientWidth,parentContentWidth:this.getBlockContainerContentWidth(t)}};this.writeDebugRecord(t,"connect",n)}captureBaselineSnapshot(t,e){let r=t.getBoundingClientRect(),i=parseFloat(e.lineHeight);return{rectWidth:Number(r.width.toFixed(2)),rectHeight:Number(r.height.toFixed(2)),fontSize:Number(parseFloat(e.fontSize).toFixed(2)),lineHeight:Number.isFinite(i)?Number(i.toFixed(2)):e.lineHeight,estimatedLineCount:Number.isFinite(i)&&i>0?Number((r.height/i).toFixed(2)):null}}logSplitAnalysis(t,e,r,i){let n={tokens:e.map(s=>({type:s.type,text:this.getTokenDebugText(s),wrappers:s.meta?.wrappers?.map(o=>o.tag)??[]})),measured:r.map(s=>({type:s.token.type,text:this.getTokenDebugText(s.token),left:Number(s.rect.left.toFixed(2)),top:Number(s.rect.top.toFixed(2)),width:Number(s.rect.width.toFixed(2)),browserWidth:Number((s.browserWidth??s.rect.width).toFixed(2))})),layoutLines:i.map(s=>({index:s.lineIndex,text:s.words.map(o=>o.chars.map(a=>a.char).join("")).join(" "),wordCount:s.words.length,rect:{left:Number(s.rect.left.toFixed(2)),top:Number(s.rect.top.toFixed(2)),width:Number(s.rect.width.toFixed(2)),height:Number(s.rect.height.toFixed(2))},fitWidth:Number((s.fitWidth??s.rect.width).toFixed(2))}))};this.writeDebugRecord(t,"measure",n)}getTokenDebugText(t){return"content"in t?t.content:"tagName"in t?t.tagName:"#other"}logRenderedState(t,e,r){let i=window.getComputedStyle(t),n=Array.from(t.querySelectorAll(".-s-line")),s={mode:{attr:t.getAttribute("string-split")??t.getAttribute("data-string-split"),line:e.line?.length??0,wordLine:e.wordLine?.length??0,charLine:e.charLine?.length??0},root:{display:i.display,flexWrap:i.flexWrap,rectWidth:Number(t.getBoundingClientRect().width.toFixed(2)),rectHeight:Number(t.getBoundingClientRect().height.toFixed(2)),childCount:t.children.length,extraProps:Object.fromEntries(r.entries())},children:Array.from(t.children).map(o=>{let a=o,l=a.getBoundingClientRect();return{tag:a.tagName.toLowerCase(),className:a.className,text:a.textContent?.replace(/\s+/g," ").trim(),width:Number(l.width.toFixed(2)),height:Number(l.height.toFixed(2))}}),lineNodes:n.map((o,a)=>{let l=o.getBoundingClientRect(),c=window.getComputedStyle(o);return{index:a,text:o.getAttribute("data-split-content"),top:Number(l.top.toFixed(2)),left:Number(l.left.toFixed(2)),width:Number(l.width.toFixed(2)),height:Number(l.height.toFixed(2)),display:c.display,lineHeight:c.lineHeight,scale:c.scale,transform:c.transform}})};this.writeDebugRecord(t,"rendered",s)}applyFlexLineBreaks(t,e){if(!((e.line?.length??0)>0||(e.wordLine?.length??0)>0||(e.charLine?.length??0)>0))return;let i=window.getComputedStyle(t).display;if(i!=="flex"&&i!=="inline-flex")return;let n=Array.from(t.children).filter(s=>s.classList.contains("-s-line"));if(!(n.length<2))for(let s=0;s<n.length-1;s++){let o=document.createElement("span");o.setAttribute("aria-hidden","true"),o.classList.add("-s-line-break"),o.style.flexBasis="100%",o.style.width="0",o.style.height="0",o.style.overflow="hidden",o.style.pointerEvents="none",n[s].after(o)}}getBlockContainerContentWidth(t){let e=t.parentElement;for(;e;){let r=window.getComputedStyle(e),i=r.display;if(!(i==="inline"||i==="inline-block"||i==="ruby")){let s=e.getBoundingClientRect().width||e.clientWidth;return Math.max(0,s-(parseFloat(r.paddingLeft)||0)-(parseFloat(r.paddingRight)||0))}e=e.parentElement}return 0}getElementContentWidth(t,e=window.getComputedStyle(t)){let r=(parseFloat(e.paddingLeft)||0)+(parseFloat(e.paddingRight)||0),i=t.clientWidth||t.getBoundingClientRect().width,n=this.getBlockContainerContentWidth(t);return n>i+1&&!t.style.width&&(e.display==="inline"||e.display==="inline-flex"||e.display==="inline-grid")?Math.max(0,n-r):i>0?Math.max(0,i-r):Math.max(0,n-r)}split(t,e,r=!1){let i=new Ne(t),n=document.createDocumentFragment();t.childNodes.forEach(p=>n.appendChild(p.cloneNode(!0)));let s=Ki(t.childNodes),o=sn(s,t,i,e),a=an(o,t,i,e);r&&this.logSplitAnalysis(t,s,o,a);let l=e.fit?this.getFitContext(a,t):null,c=l?this.applyFit(a,e,l):new Map;this.applyCalculatedValues(a,e);let u=Xi(a,e,i);return c.forEach((p,g)=>u.extraProps.set(g,p)),l&&this.refineFitFontSize(t,u.fragment,u.extraProps,a,e,l),{fragment:n,result:u.fragment,extraProps:u.extraProps}}getFitContext(t,e){let r=window.getComputedStyle(e),i=parseFloat(r.fontSize);if(!i)return null;let n=this.getElementContentWidth(e,r);if(n<=0)return null;let s=0;for(let l of t){let c=l.fitWidth??l.rect.width;c>s&&(s=c)}if(s<=0)return null;let o=n;if(Math.abs(n-s)<2&&e.parentElement){let l=window.getComputedStyle(e.parentElement),c=e.parentElement.clientWidth-(parseFloat(l.paddingLeft)||0)-(parseFloat(l.paddingRight)||0);c>n&&(o=c)}let a=parseFloat(r.lineHeight)||0;return{currentFontSize:i,contentWidth:o,lineHeightPx:a}}applyFit(t,e,r){let i=new Map,{currentFontSize:n,contentWidth:s}=r,o=(e.line?.length??0)>0||(e.wordLine?.length??0)>0||(e.charLine?.length??0)>0,a=(e.char?.length??0)>0||(e.charLine?.length??0)>0||(e.charWord?.length??0)>0;if(o)for(let l of t){let c=l.fitWidth??l.rect.width;c>0&&(l.fitFontSize=this.computeFitFontSize(n,s,c,a?l.browserWordWidthSum:void 0))}else{let l=t.reduce((p,g)=>(g.fitWidth??g.rect.width)>(p.fitWidth??p.rect.width)?g:p,t[0]),c=l.fitWidth??l.rect.width,u=this.computeFitFontSize(n,s,c,a?l.browserWordWidthSum:void 0);i.set("--fit-font-size",String(Math.floor(u)))}return i}refineFitFontSize(t,e,r,i,n,s){let o=(n.line?.length??0)>0||(n.wordLine?.length??0)>0||(n.charLine?.length??0)>0,a=(n.char?.length??0)>0||(n.charLine?.length??0)>0||(n.charWord?.length??0)>0,l=t.innerHTML;try{if(t.innerHTML="",t.appendChild(e.cloneNode(!0)),o){let c=Array.from(t.querySelectorAll(".-s-line")),u=Array.from(e.querySelectorAll(".-s-line"));c.forEach((p,g)=>{let m=u[g];if(!m)return;let h=parseFloat(m.style.getPropertyValue("--fit-font-size"));if(!h)return;let f=this.solveRenderedFitFontSize(p,s.currentFontSize,h,s.contentWidth,a);f&&(i[g].fitFontSize=f,m.style.setProperty("--fit-font-size",String(Math.floor(f))))})}else{let c=parseFloat(r.get("--fit-font-size")??"");if(!c)return;let u=this.solveRenderedFitFontSize(t,s.currentFontSize,c,s.contentWidth,a);if(!u)return;let p=Math.floor(u);r.set("--fit-font-size",String(p));let{lineHeightPx:g,currentFontSize:m,contentWidth:h}=s;if(g>0&&m>0){let f=g*(p/m);f>0&&(r.set("--fit-scale-y",String(window.innerHeight/f)),r.set("--fit-aspect-ratio",String(h/f)))}}}finally{t.innerHTML=l}}solveRenderedFitFontSize(t,e,r,i,n){if(!Number.isFinite(e)||!Number.isFinite(r)||e<=0||r<=0)return null;let s=this.measureScopeAtFontSize(t,n,e);if(s<=0)return null;if(Math.abs(i-s)<.01)return e;let o=Math.abs(r-e)<.01?s:this.measureScopeAtFontSize(t,n,r);if(o<=0)return e*(i/s);let a=(o-s)/(r-e);if(!Number.isFinite(a)||Math.abs(a)<1e-4)return e*(i/s);let l=e+(i-s)/a;return!Number.isFinite(l)||l<=0?null:l}measureScopeAtFontSize(t,e,r){if(e){let s=Array.from(t.querySelectorAll(".-s-char")),o=s.map(l=>l.style.fontSize);s.forEach(l=>{l.style.fontSize=`${r}px`}),t.offsetWidth;let a=this.measureCharScopeWidth(t);return s.forEach((l,c)=>{l.style.fontSize=o[c]}),a}let i=t.style.fontSize;t.style.fontSize=`${r}px`,t.offsetWidth;let n=this.measureContentWidth(t);return t.style.fontSize=i,n}measureCharScopeWidth(t){let e=0;Array.from(t.querySelectorAll(".-s-char")).forEach(o=>{let a=o.getBoundingClientRect(),l=window.getComputedStyle(o);e+=a.width+(parseFloat(l.marginLeft)||0)+(parseFloat(l.marginRight)||0)});let i=document.createTreeWalker(t,NodeFilter.SHOW_TEXT),n=i.nextNode();for(;n;){let o=n.parentElement,a=!!o?.closest(".-s-char"),l=!!o&&!o.classList.contains("-s-char")&&!o.classList.contains("-s-word")&&!o.classList.contains("-s-line")&&!o.querySelector(".-s-char, .-s-word, .-s-line");if(!a&&!l&&n.textContent?.length){let c=document.createRange();c.selectNodeContents(n),e+=c.getBoundingClientRect().width}n=i.nextNode()}return Array.from(t.querySelectorAll("*")).filter(o=>{let a=o;return!a.classList.contains("-s-char")&&!a.classList.contains("-s-word")&&!a.classList.contains("-s-line")&&!a.querySelector(".-s-char, .-s-word, .-s-line")}).forEach(o=>{e+=o.getBoundingClientRect().width}),e}measureContentWidth(t){if(!t.childNodes.length)return t.getBoundingClientRect().width;let e=document.createRange();return e.selectNodeContents(t),e.getBoundingClientRect().width}computeFitFontSize(t,e,r,i){let n=i!==void 0?r-i:0,s=r-n;return s<=0?t*(e/r):t*(e-n)/s}computeValue(t,e,r){if(t.align.startsWith("random")){let i=t.random?.min??0,n=t.random?.max??r-1;return Math.floor(Math.random()*(n-i+1))+i}switch(t.align){case"start":return e;case"end":return r-e-1;case"center":{let i=Math.floor((r-1)/2);return Math.abs(e-i)}default:return e}}applyCalculatedValues(t,e){let r=s=>s.words.reduce((o,a)=>o+a.chars.length,0),i=t.reduce((s,o)=>s+o.words.length,0),n=t.reduce((s,o)=>s+o.words.reduce((a,l)=>a+l.chars.length,0),0);t.forEach((s,o)=>{e.line&&(s.calculatedValues=e.line.map(a=>({type:"line",align:a.align,value:this.computeValue(a,o,t.length)}))),s.words.forEach(a=>{e.word&&(a.calculatedValues=e.word.map(c=>({type:"word",align:c.align,value:this.computeValue(c,a.wordIndexGlobal,i)}))),e.wordLine&&(a.calculatedValues??=[],a.calculatedValues.push(...e.wordLine.map(c=>({type:"wordLine",align:c.align,value:this.computeValue(c,a.wordIndexInLine,s.words.length)}))));let l=r(s);a.chars.forEach(c=>{let u=[];e.char&&u.push(...e.char.map(p=>({type:"char",align:p.align,value:this.computeValue(p,c.charIndexGlobal,n)}))),e.charWord&&u.push(...e.charWord.map(p=>({type:"charWord",align:p.align,value:this.computeValue(p,c.charIndexInWord,a.chars.length)}))),e.charLine&&u.push(...e.charLine.map(p=>({type:"charLine",align:p.align,value:this.computeValue(p,c.charIndexInLine,l)}))),c.calculatedValues=u})})})}escapeAttribute(t){return t.replace(/src="(https?:\/\/[^"\s]+)"/g,"src=$1")}};var Jr=class extends x{canvas;context;history=[];maxPoints=0;height=0;value=0;target=0;constructor(t){super(t),this._type=2}onInit(){this.initCanvas(),this.maxPoints=this.canvas.width}onScroll(t){let e=Math.abs(t.scroll.displacement);this.value=e,this.history.push(e),this.history.length>this.maxPoints&&this.history.shift(),this.draw()}draw(){let t=this.context,e=this.canvas.width,r=this.canvas.height;t.clearRect(0,0,e,r),t.strokeStyle="red",t.lineWidth=2,t.beginPath(),this.history.forEach((i,n)=>{let s=n,o=r-i*this.height;n===0?t.moveTo(s,o):t.lineTo(s,o)}),t.stroke()}initCanvas(){let t=document.createElement("canvas"),e=window.innerWidth*.5;this.height=window.innerHeight/15-20,t.width=e,t.height=this.height,Object.assign(t.style,{position:"fixed",bottom:`${window.innerHeight/20+10}px`,left:"50%",transform:"translateX(-50%)",backgroundColor:"#000000",border:"1px solid rgba(255, 255, 255, 0.2)",zIndex:"1000",pointerEvents:"none"}),this.canvas=t,this.context=t.getContext("2d"),document.body.appendChild(t)}setTarget(t){this.target=t}clear(){this.canvas.remove(),this.history=[]}};var ht="data-fps",ti=class extends x{displayElement=null;intervalId=0;frameCount=0;fpsElements=new Set;observer=null;lastFps=-1;constructor(t){super(t),this._type=2}onInit(){this.data.system.fpsTracker&&this.createDisplayElement(),this.events.on("tracker:fps:visible",this.onVisibilityChange.bind(this)),this.scanElements(),this.observeDOM(),this.intervalId=window.setInterval(()=>{this.updateFPS(this.frameCount),this.frameCount=0},1e3)}onFrame(t){this.frameCount++}destroy(){clearInterval(this.intervalId),this.observer?.disconnect(),this.removeDisplayElement(),this.fpsElements.clear()}onVisibilityChange(t){t?this.createDisplayElement():this.removeDisplayElement()}removeDisplayElement(){this.displayElement?.remove(),this.displayElement=null}updateFPS(t){if(t===this.lastFps)return;this.lastFps=t;let e=String(t);for(let r of this.fpsElements)r.isConnected&&r.setAttribute(ht,e);this.displayElement&&this.displayElement.setAttribute(ht,e),this.events.emit("fps",t)}scanElements(){this.fpsElements.clear(),document.querySelectorAll(`[${ht}]`).forEach(t=>{t!==this.displayElement&&this.fpsElements.add(t)})}observeDOM(){this.observer=new MutationObserver(t=>{let e=!1;for(let r of t){for(let i of Array.from(r.addedNodes))if(i.nodeType===Node.ELEMENT_NODE){let n=i;n.hasAttribute(ht)&&(e=!0),n.querySelector(`[${ht}]`)&&(e=!0)}for(let i of Array.from(r.removedNodes))i.nodeType===Node.ELEMENT_NODE&&this.fpsElements.delete(i)}e&&this.scanElements()}),this.observer.observe(document.body,{childList:!0,subtree:!0})}createDisplayElement(){if(this.displayElement)return;let t=document.createElement("div");Object.assign(t.style,{position:"fixed",bottom:"10px",right:"10px",backgroundColor:"#000",color:"#fff",padding:"4px 8px",fontSize:"12px",fontFamily:"monospace",border:"1px solid rgba(255,255,255,0.2)",zIndex:"1000",pointerEvents:"none"}),t.setAttribute(ht,"0"),document.body.appendChild(t);let e="string-fps-tracker-style";if(!document.getElementById(e)){let r=document.createElement("style");r.id=e,r.innerHTML=`
+      `,document.head.appendChild(t)}createScrollbar(){this.scrollbar=document.createElement("div"),this.scrollbar.classList.add("scrollbar"),this.thumb=document.createElement("div"),this.thumb.classList.add("thumb"),this.scrollbar.appendChild(this.thumb),document.body.appendChild(this.scrollbar),this.scrollbarStateHorizontal=new Ve(this.data,this.scrollbar,this.thumb,this.requestScrollTo),this.scrollbarStateVertical=new We(this.data,this.scrollbar,this.thumb,this.requestScrollTo),this.scrollbarState=this.scrollbarStateVertical}updateThumb(){this.scrollbarState.updateThumb()}mouseDownEvent(t){this.isDragging=!0,this.scrollbarState.mouseDownEvent(t),document.body.style.userSelect="none",this.scrollbar.classList.add("-touch")}mouseMoveEvent(t){this.isDragging&&this.scrollbarState.mouseMoveEvent(t)}mouseUpEvent(){this.isDragging=!1,document.body.style.userSelect="",this.hideScrollbar(),this.scrollbar.classList.remove("-touch")}showScrollbar(){this.scrollbar.classList.add("-scroll")}hideScrollbar(){this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout(()=>{this.scrollbar.classList.remove("-scroll")},1e3)}};var Et={BEFORE_ELEMENT:"-before-element",AFTER_ELEMENT:"-after-element"};function ds(d){if(!d||!Array.isArray(d.chars)||d.chars.length===0)return[];let t=null;for(let e of d.chars){let r=e.splitClass??[];if(r.length!==0){if(t===null){t=r;continue}if(r.length!==t.length)return[];for(let i=0;i<r.length;i++)if(r[i]!==t[i])return[]}}return t??[]}function Kr(d){return d.chars[0]?.token?.meta?.wrappers??[]}function cs(d,t,e){if(e.trimInlineGaps!==!0||!t)return!1;let r=Kr(d),i=Kr(t);if(r.length===0||i.length===0)return!1;if(r.length!==i.length)return!0;for(let n=0;n<r.length;n++)if(r[n].id!==i[n].id)return!0;return!1}function Xi(d,t,e){let r=document.createDocumentFragment(),i=K(t,"line")||K(t,"charLine")||K(t,"wordLine"),n=0,s=K(t,"char")||K(t,"charLine")||K(t,"charWord"),o=0;d.forEach(p=>o+=p.words.length);let a=0;d.forEach(p=>p.words.forEach(g=>a+=g.chars.length));let l=d.length,c=o,u=new Map;return d.forEach((p,g)=>{let m=g===d.length-1,h=r,f="";i&&(h=document.createElement("span"),h.setAttribute("aria-hidden","true"),h.classList.add("-s-line"),p.isBeforeElement&&h.classList.add(Et.BEFORE_ELEMENT),p.isAfterElement&&h.classList.add(Et.AFTER_ELEMENT),h.style.setProperty("--line-index",String(p.lineIndex)),h.style.setProperty("--word-total",String(p.words.length)),p.fitFontSize!==void 0&&h.style.setProperty("--fit-font-size",String(p.fitFontSize)),Xr(h,p.calculatedValues,t));let b=[],y=h;p.words.forEach((v,S)=>{let E=S===p.words.length-1,M=Kr(v),C=0;for(;C<b.length&&C<M.length&&b[C].info.id===M[C].id;)C++;for(;b.length>C;)b.pop();y=b.length>0?b[b.length-1].element:h;for(let T=C;T<M.length;T++){let P=M[T],R=document.createElement(P.tag);for(let[B,W]of P.attributes)R.setAttribute(B,W);y.appendChild(R),b.push({info:P,element:R}),y=R}if(v.chars.length===1&&v.chars[0].token.type==="element"){let T=v.chars[0].token.node.cloneNode(!0);y.appendChild(T);return}let I=v.chars.map(T=>T.char).join("");I&&(f+=f.length===0||v.noSpaceBefore?I:` ${I}`);let H=K(t,"word")||K(t,"charWord")||K(t,"wordLine"),w=H?document.createElement("span"):y,_=ds(v);if(H&&(w.setAttribute("aria-hidden","true"),w.classList.add("-s-word"),v.isBeforeElement&&w.classList.add(Et.BEFORE_ELEMENT),v.isAfterElement&&w.classList.add(Et.AFTER_ELEMENT),w.style.setProperty("--word-index",String(v.wordIndexGlobal)),w.style.setProperty("--char-total",String(v.chars.length)),w.setAttribute("data-split-content",I),Xr(w,v.calculatedValues,t),_.length&&w.classList.add(..._)),s)v.chars.forEach((T,P)=>{if(T.char===" "||T.char==="	")return;let R=document.createElement("span");R.setAttribute("aria-hidden","true");let B=R;B.classList.add("-s-char"),T.isBeforeElement&&B.classList.add(Et.BEFORE_ELEMENT),T.isAfterElement&&B.classList.add(Et.AFTER_ELEMENT),B.textContent=T.char,B.setAttribute("data-split-content",T.char),B.style.setProperty("--char-index",String(n++));let W=v.chars[P+1];if(W){let z=e.getKerning(T.char,W.char);Math.abs(z)>.01&&(B.style.setProperty("--kerning",`${z.toFixed(2)}px`),B.style.marginRight="var(--kerning)")}Xr(B,T.calculatedValues,t);let N=T.splitClass??[];N.length&&!_.length&&B.classList.add(...N),w.appendChild(R)});else{let T=document.createTextNode(I);w.appendChild(T)}H&&y.appendChild(w);let k=p.words[S+1],O=k?.noSpaceBefore||cs(v,k,t);i?E?m||h.appendChild(document.createElement("br")):O||w.appendChild(document.createTextNode("\xA0")):!E&&!O&&w.appendChild(document.createTextNode("\xA0"))}),i&&(h.setAttribute("data-split-content",f),r.appendChild(h))}),i&&u.set("--line-global-total",String(l)),s&&u.set("--char-global-total",String(a)),(K(t,"word")||K(t,"charWord")||K(t,"wordLine"))&&u.set("--word-global-total",String(c)),{fragment:r,extraProps:u}}function Xr(d,t,e){if(t)for(let r of t){if(!us(r.type,r.align,e))continue;let i=ps(r.type,r.align);d.style.setProperty(i,String(r.value))}}function us(d,t,e){let r=e[d]??[];return Array.isArray(r)&&r.some(i=>t.startsWith("random")?i.align.startsWith("random"):i.align===t)}function ps(d,t){let e=t.startsWith("random")?"random":t;return`--${d}-${e}`}function K(d,t){return Array.isArray(d[t])&&d[t].length>0}var gs=new Set(["img","video","audio","canvas","iframe","object","svg","input","textarea","select","button","area","base","col","embed","hr","link","meta","param","source","track","wbr","picture","table"]);function hs(d){let t=[];for(let e=0;e<d.attributes.length;e++){let r=d.attributes[e];t.push([r.name,r.value])}return t}var At=0;function Ki(d){At=0;let t=[],e=(i,n)=>{n&&Object.keys(n).length&&(i.meta={...i.meta||{},...n}),t.push(i)},r=(i,n)=>{if(i.nodeType===Node.ELEMENT_NODE){let s=i,o=s.tagName.toLowerCase();if(o==="split-class"){let a=(s.getAttribute("class")??"").split(/\s+/).filter(Boolean),l={...n||{},splitClass:[...n?.splitClass??[],...a]};s.childNodes.forEach(c=>r(c,l));return}if(o==="br"){e({type:"br",id:`br_${At++}`,node:s,tagName:"br"},n);return}if(!gs.has(o)&&s.childNodes.length>0){let a={id:`wrapper_${At++}`,tag:o,attributes:hs(s)},l=n?.wrappers??[],c={...n||{},wrappers:[...l,a]};s.childNodes.forEach(u=>r(u,c));return}e({type:"element",id:`el_${At++}`,node:s,tagName:o},n);return}if(i.nodeType===Node.TEXT_NODE){let s=i.nodeValue??"",o=`text_${At++}`;s.trim()?e({type:"text",id:o,node:i,content:s},n):e({type:"space",id:o,node:i,content:s},n);return}e({type:"other",id:`node_${At++}`,node:i},n)};return d.forEach(i=>r(i)),t}var Ne=class{ctx;font="";cache={kerning:new Map,charWidth:new Map};constructor(t){let e=document.createElement("canvas");this.ctx=e.getContext("2d"),this.setFontFromElement(t)}setFontFromElement(t){let e=window.getComputedStyle(t),r=`${e.fontStyle} ${e.fontVariant} ${e.fontWeight} ${e.fontSize}/${e.lineHeight} ${e.fontFamily}`;r!==this.font&&(this.font=r,this.ctx.font=this.font,this.cache.kerning.clear(),this.cache.charWidth.clear())}getCharWidth(t){if(this.cache.charWidth.has(t))return this.cache.charWidth.get(t);let e=this.ctx.measureText(t).width;return this.cache.charWidth.set(t,e),e}getKerning(t,e){let r=`${t}${e}`,i=`${this.font}|${r}`;if(this.cache.kerning.has(i))return this.cache.kerning.get(i);let n=this.ctx.measureText(r).width,s=this.getCharWidth(t)+this.getCharWidth(e),o=n-s;return this.cache.kerning.set(i,o),o}measureWord(t){let e=0;for(let r=0;r<t.length;r++){let i=t[r];if(e+=this.getCharWidth(i),r>0){let n=t[r-1];e+=this.getKerning(n,i)}}return e}};function ms(d,t){let e=t.contentWidth,r=d.cloneNode(!0);r.removeAttribute("string"),r.removeAttribute("data-string"),r.removeAttribute("string-split"),r.removeAttribute("data-string-split"),r.removeAttribute("string-id"),r.removeAttribute("data-string-id"),r.removeAttribute("string-inited"),r.classList.remove("-splitted","-inview","-restored"),r.innerHTML=d.getAttribute("string-split-original-html")??d.innerHTML,r.style.setProperty("position","absolute","important"),r.style.setProperty("visibility","hidden","important"),r.style.setProperty("pointer-events","none","important"),r.style.setProperty("left","0","important"),r.style.setProperty("top","0","important"),r.style.setProperty("display","block","important"),r.style.setProperty("width",`${e}px`,"important"),r.style.setProperty("min-width",`${e}px`,"important"),r.style.setProperty("max-width",`${e}px`,"important"),r.style.setProperty("padding","0","important"),r.style.setProperty("border","0","important"),r.style.setProperty("margin","0","important"),r.style.setProperty("transform","none","important"),r.style.setProperty("scale","1","important"),(d.parentElement??document.body).appendChild(r);let n=new Map,s=document.createTreeWalker(d,NodeFilter.SHOW_ALL),o=document.createTreeWalker(r,NodeFilter.SHOW_ALL),a=s.currentNode,l=o.currentNode;for(n.set(a,l);(a=s.nextNode())&&(l=o.nextNode());)n.set(a,l);return{resolveNode(c){return n.get(c)??c},cleanup(){r.remove()}}}var ze=class{id="flex";supports(t,e){return e.display==="flex"||e.display==="inline-flex"}createSource(t,e){return ms(t,e)}};function fs(){return{resolveNode(d){return d},cleanup(){}}}var Ge=class{id="inline-flow";supports(t,e){return e.display!=="flex"&&e.display!=="inline-flex"}createSource(t,e){return fs()}};var Zr=[new ze,new Ge];function vs(d){let t=window.getComputedStyle(d),e=d.getBoundingClientRect(),r=parseFloat(t.borderLeftWidth)||0,i=parseFloat(t.borderRightWidth)||0,n=parseFloat(t.paddingLeft)||0,s=parseFloat(t.paddingRight)||0;return Math.max(0,e.width-r-i-n-s)}function bs(d){let t=d.parentElement;for(;t;){let e=window.getComputedStyle(t),r=e.display;if(!(r==="inline"||r==="inline-block"||r==="ruby")){let n=t.getBoundingClientRect(),s=parseFloat(e.borderLeftWidth)||0,o=parseFloat(e.borderRightWidth)||0,a=parseFloat(e.paddingLeft)||0,l=parseFloat(e.paddingRight)||0;return Math.max(0,n.width-s-o-a-l)}t=t.parentElement}return 0}function Zi(d){let t=window.getComputedStyle(d),e=vs(d),r=bs(d),i=t.display==="inline"||t.display==="inline-flex"||t.display==="inline-grid",n=e;return(i&&r>e+1&&!d.style.width||n<=0)&&(n=r),{display:t.display,contentWidth:n,ownContentWidth:e,blockContainerContentWidth:r}}function Qi(d,t){return Zr.find(e=>e.supports(d,t))??Zr[Zr.length-1]}var $e=typeof Intl<"u"&&"Segmenter"in Intl?new Intl.Segmenter(void 0,{granularity:"grapheme"}):null;function Ji(d,t){return t.segment!=="visual"?ys(d):Ls(d)}function tn(d,t){return t.segment!=="visual"||!d||!$e?Array.from(d):Array.from($e.segment(d),({segment:e})=>e)}function ys(d){let t=[],e=/\S+/g,r;for(;(r=e.exec(d))!==null;)Ss(r[0],r.index,t);return t}function Ss(d,t,e){let r=0;for(let i=1;i<d.length-1;i++){let n=d[i];if(n==="-"||n==="\u2010"){let s=d.slice(r,i+1),o=t+r;e.push({text:s,start:o,end:o+s.length,noSpaceBefore:e.length>0&&o===e[e.length-1].end}),r=i+1}}if(r<d.length){let i=d.slice(r),n=t+r;e.push({text:i,start:n,end:n+i.length,noSpaceBefore:e.length>0&&n===e[e.length-1].end})}}function Ls(d){let t=Es(d),e=[],r=null,i=()=>{r&&(e.push({text:r.text,start:r.start,end:r.end,noSpaceBefore:e.length>0&&r.start===e[e.length-1].end}),r=null)};return t.forEach(({segment:n,index:s})=>{if(/\s/u.test(n)){i();return}let o=ws(n),a=s+n.length;if(o==="visual"){if(Ms(n)){if(r){r.text+=n,r.end=a;return}if(e.length>0&&s===e[e.length-1].end){e[e.length-1].text+=n,e[e.length-1].end=a;return}}i(),e.push({text:n,start:s,end:a,noSpaceBefore:e.length>0&&s===e[e.length-1].end});return}let l=r!==null&&(r.text.endsWith("-")||r.text.endsWith("\u2010"));if(!r||r.end!==s||l){i(),r={text:n,start:s,end:a};return}r.text+=n,r.end=a}),i(),e}function Es(d){if(!$e){let t=[],e=0;return Array.from(d).forEach(r=>{t.push({segment:r,index:e}),e+=r.length}),t}return Array.from($e.segment(d),({segment:t,index:e})=>({segment:t,index:e}))}function Ms(d){return/[\)\]\}）」』〕〉》›»"']/u.test(d)}function ws(d){return/\p{Script=Han}|\p{Script=Hiragana}|\p{Script=Katakana}/u.test(d)?"visual":/[\p{Script=Latin}\p{Script=Cyrillic}\p{Script=Greek}\p{Script=Hangul}\p{Number}]/u.test(d)||/[\p{Mark}\p{Connector_Punctuation}\p{Dash_Punctuation}'’._+#&/@]/u.test(d)?"word":"visual"}function xs(d,t){return!d?.length&&!t?.length?!0:!d||!t||d.length!==t.length?!1:d.every((e,r)=>e.id===t[r].id)}function Cs(d,t){return d.length!==t.length?!1:d.every((e,r)=>e===t[r])}function nn(d,t,e,r){let i=document.createRange(),n=[],s=!1,o=!1,a=!1,l,c=[];try{for(let u=0;u<d.length;u++){let p=d[u];switch(p.type){case"br":{n.push({token:p,rect:new DOMRect(0,0,0,0)}),o=!0,a=!1,l=void 0,c=[],s=!1;break}case"space":o=!Ts(d,u,r);break;case"other":a=!1,o=!1;break;case"text":{let g=p.content,m=/^\s/.test(g),h=p.meta?.wrappers??[],f=p.meta?.splitClass??[],b=Ji(g,r),y=0;for(let v of b){let S=v.text,E=new DOMRect(0,0,0,0),M=t.resolveNode(p.node);try{i.setStart(M,v.start),i.setEnd(M,v.end),E=i.getBoundingClientRect()}catch{}let C=y===0&&!m&&!o&&a,A=y>0||xs(l,h),I=y===0&&!Cs(c,f),H=e.measureWord(S),w=new DOMRect(E.x,E.y,H,E.height),_={...p.meta||{},joinPrev:C&&A&&!I,noSpaceBefore:v.noSpaceBefore||C&&(!A||I)};s&&y===0&&(_.isAfterElement=!0,s=!1),n.push({token:{type:"text",id:"",node:p.node,content:S,meta:_},rect:w,browserWidth:E.width}),y++}y>0&&(o=/\s$/.test(g),a=!0,l=h,c=f);break}case"element":{let g=t.resolveNode(p.node).getBoundingClientRect();n.push({token:p,rect:g,browserWidth:g.width});let m=n[n.length-2];m?.token.type==="text"&&(m.token.meta={...m.token.meta||{},isBeforeElement:!0}),s=!0,a=!1,c=[],o=!1;break}}}}finally{i.detach?.(),t.cleanup()}return n}function Ts(d,t,e){if(e.trimInlineGaps!==!0)return!1;let r=d[t];if(r?.type!=="space"||!/[\n\r\t]/.test(r.content)&&r.content.length<=1)return!1;let i=Ps(d,t-1),n=As(d,t+1);if(!i||!n||!en(i)||!en(n))return!1;let s=rn(i),o=rn(n);return s.length===0||o.length===0?!1:s.join("|")!==o.join("|")}function Ps(d,t){for(let e=t;e>=0;e--){let r=d[e];if(!(r.type==="space"||r.type==="other"))return r}return null}function As(d,t){for(let e=t;e<d.length;e++){let r=d[e];if(!(r.type==="space"||r.type==="other"))return r}return null}function en(d){return d.type==="text"||d.type==="element"}function rn(d){return(d.meta?.wrappers??[]).map(e=>e.id)}function sn(d,t,e,r){let i=Zi(t),s=Qi(t,i).createSource(t,i);return nn(d,s,e,r)}var on=5;function an(d,t,e,r){let i=[],n=null,s=0,o=0,a=0,l=0;return d.forEach(c=>{let u=c.token,p=u.meta?.isBeforeElement??!1,g=u.meta?.isAfterElement??!1;if(u.type==="br"){n=null;return}if(u.type==="text"){let m=u.content,h=u.meta?.splitClass??[],f=!!u.meta?.joinPrev,b=[],y=0,v=tn(m,r);for(let w=0;w<v.length;w++){let _=v[w],k=w>0?v[w-1]:null,O=e.getCharWidth(_),T=k?e.getKerning(k,_):0;y+=T;let P=new DOMRect(c.rect.left+y,c.rect.top,O,c.rect.height),R={char:_,rect:P,token:u,charIndexInWord:w,charIndexInLine:0,charIndexGlobal:o++};h.length&&(R.splitClass=h),b.push(R),y+=O}if(b.length>0){let w=b[b.length-1];p&&(w.isBeforeElement=!0),g&&(w.isAfterElement=!0)}let S=Math.round(c.rect.top),E=Math.round(s);if((!n||Math.abs(S-E)>on)&&(s=S,n={words:[],rect:c.rect,lineIndex:i.length},l=0,i.push(n)),!n)return;let C=c.rect.left+(c.browserWidth??c.rect.width);if(f&&n.words.length>0){let w=n.words[n.words.length-1],_=n.words.reduce((O,T)=>O+T.chars.length,0),k=w.chars.length;b.forEach((O,T)=>{O.charIndexInLine=_+T,O.charIndexInWord=k+T}),w.chars.push(...b),w.rect=Ue([w.rect,c.rect]),n.rect=Ue(n.words.map(O=>O.rect)),l=Math.max(l,C),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width),p&&(w.isBeforeElement=!0),g&&(w.isAfterElement=!0);return}let A=n.words.length,I=n.words.reduce((w,_)=>w+_.chars.length,0);b.forEach((w,_)=>w.charIndexInLine=I+_);let H={chars:b,rect:c.rect,wordIndexGlobal:a++,wordIndexInLine:A,isBeforeElement:p,isAfterElement:g,noSpaceBefore:!!u.meta?.noSpaceBefore};n.words.push(H),n.rect=Ue(n.words.map(w=>w.rect)),l=Math.max(l,C),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width),p&&(n.isBeforeElement=!0),g&&(n.isAfterElement=!0);return}if(u.type==="element"){let m=c.rect,h=Math.round(m.top),f=Math.round(s);if((!n||Math.abs(h-f)>on)&&(s=h,n={words:[],rect:m,lineIndex:i.length},l=0,i.push(n)),!n)return;let y=n.words.length,v=n.words.reduce((M,C)=>M+C.chars.length,0),E={chars:[{char:"[E]",rect:m,token:u,charIndexInWord:0,charIndexInLine:v,charIndexGlobal:o++}],rect:m,wordIndexGlobal:a++,wordIndexInLine:y,isBeforeElement:!1,isAfterElement:!1};n.words.push(E),n.rect=Ue(n.words.map(M=>M.rect)),l=Math.max(l,c.rect.left+(c.browserWidth??c.rect.width)),n.fitWidth=l-n.rect.left,n.browserWordWidthSum=(n.browserWordWidthSum??0)+(c.browserWidth??c.rect.width)}}),i}function Ue(d){if(d.length===0)return new DOMRect(0,0,0,0);let t=Math.min(...d.map(n=>n.left)),e=Math.min(...d.map(n=>n.top)),r=Math.max(...d.map(n=>n.right)),i=Math.max(...d.map(n=>n.bottom));return new DOMRect(t,e,r-t,i-e)}var Qr=class extends x{lastSplitWidth=new WeakMap;constructor(t){super(t),this.htmlKey="split",this.permissions.mobile.rebuild.height=!1,this.permissions.mobile.rebuild.width=!1}onInit(){let t=()=>{this.objectsOnPage.forEach(e=>{let r=e.htmlElement;if(!r)return;let i=this.getSplitOptions(r);this.needsForcedRebuildOnFontLoad(i)&&this.lastSplitWidth.delete(r),this.onObjectConnected(e)})};document.fonts.ready.then(t),document.fonts.addEventListener("loadingdone",t)}onObjectDisconnected(t){t.htmlElement&&this.lastSplitWidth.delete(t.htmlElement)}onResizeWidth(){this.objectsOnPage.forEach(t=>{let e=t.htmlElement;if(!e)return;let r=this.getSplitOptions(e);this.needsWidthRebuild(r)&&this.onObjectConnected(t)})}onObjectConnected(t){let e=t.htmlElement;if(!e)return;let r=this.isDebugEnabled(e),i=e.classList.contains("-splitted"),n=e.getAttribute("string-split-original-html"),s=e.getAttribute("string-split-original");n===null&&s!==null&&i&&(n=s,s=this.extractTextContent(n),e.setAttribute("string-split-original-html",n),e.setAttribute("string-split-original",s)),(!i||n===null||s===null)&&(n=this.escapeAttribute(e.innerHTML),s=e.textContent??"",e.setAttribute("string-split-original-html",n),e.setAttribute("string-split-original",s)),i&&e.classList.remove("-splitted");let o=window.getComputedStyle(e),a=this.getElementContentWidth(e,o);r&&this.logConnectionStart(e,{isAlreadySplit:i,currentContentWidth:a,lastWidth:this.lastSplitWidth.get(e),originalHtml:n,originalText:s});let l=this.lastSplitWidth.get(e);if(i&&l!==void 0&&Math.abs(a-l)<1){i&&e.classList.add("-splitted");return}this.lastSplitWidth.set(e,a);try{t.htmlElement.innerHTML=n;let c=e.getAttribute("string-split")??e.getAttribute("data-string-split")??"",u=this.tools.optionsParser.process({attributeValue:c}),{fragment:p,result:g,extraProps:m}=this.split(e,u,r);t.setProperty("nodes",p.childNodes),e.setAttribute("aria-label",s),e.innerHTML="",e.appendChild(g),this.applyFlexLineBreaks(e,u),e.classList.add("-splitted"),m.forEach((f,b)=>{e.style.setProperty(b,f)}),r&&this.logRenderedState(e,u,m);let h=e.getAttribute("string-split-restore-after");h&&!isNaN(Number(h))&&setTimeout(()=>{e.innerHTML=n,e.classList.add("-restored")},Number(h))}finally{e.classList.contains("-splitted")||e.classList.add("-splitted")}}extractTextContent(t){let e=document.createElement("div");return e.innerHTML=t,e.textContent??""}getSplitOptions(t){let e=t.getAttribute("string-split")??t.getAttribute("data-string-split")??"";return this.tools.optionsParser.process({attributeValue:e})}hasLineDrivenSplit(t){return(t.line?.length??0)>0||(t.wordLine?.length??0)>0||(t.charLine?.length??0)>0}needsWidthRebuild(t){return this.hasLineDrivenSplit(t)||t.fit===!0}needsForcedRebuildOnFontLoad(t){return this.needsWidthRebuild(t)}getDebugStoreKey(t){let e=t.getAttribute("string-debug-save")??t.getAttribute("data-string-debug-save")??"";return e?e==="true"||e==="1"?this.getDebugLabel(t):e:null}writeDebugRecord(t,e,r){let i=this.getDebugStoreKey(t);if(!i)return;let n=window,s=n.__stringSplitDebug??={},o=s[i]??{label:this.getDebugLabel(t),timestamp:Date.now()};o.timestamp=Date.now(),o[e]=r,s[i]=o}isDebugEnabled(t){let e=t.getAttribute("string-debug")??t.getAttribute("data-string-debug")??"";return e?e===""||e==="true"||e==="1"||e.includes("split")||e==="all":!1}getDebugLabel(t){return t.getAttribute("string-id")??t.id??t.className??t.tagName.toLowerCase()}logConnectionStart(t,e){let r=window.getComputedStyle(t),i=this.captureBaselineSnapshot(t,r),n={text:e.originalText,html:e.originalHtml,baseline:i,flags:{isAlreadySplit:e.isAlreadySplit,display:r.display,whiteSpace:r.whiteSpace,position:r.position},widths:{currentContentWidth:e.currentContentWidth,lastWidth:e.lastWidth,rectWidth:t.getBoundingClientRect().width,clientWidth:t.clientWidth,parentContentWidth:this.getBlockContainerContentWidth(t)}};this.writeDebugRecord(t,"connect",n)}captureBaselineSnapshot(t,e){let r=t.getBoundingClientRect(),i=parseFloat(e.lineHeight);return{rectWidth:Number(r.width.toFixed(2)),rectHeight:Number(r.height.toFixed(2)),fontSize:Number(parseFloat(e.fontSize).toFixed(2)),lineHeight:Number.isFinite(i)?Number(i.toFixed(2)):e.lineHeight,estimatedLineCount:Number.isFinite(i)&&i>0?Number((r.height/i).toFixed(2)):null}}logSplitAnalysis(t,e,r,i){let n={tokens:e.map(s=>({type:s.type,text:this.getTokenDebugText(s),wrappers:s.meta?.wrappers?.map(o=>o.tag)??[]})),measured:r.map(s=>({type:s.token.type,text:this.getTokenDebugText(s.token),left:Number(s.rect.left.toFixed(2)),top:Number(s.rect.top.toFixed(2)),width:Number(s.rect.width.toFixed(2)),browserWidth:Number((s.browserWidth??s.rect.width).toFixed(2))})),layoutLines:i.map(s=>({index:s.lineIndex,text:s.words.map(o=>o.chars.map(a=>a.char).join("")).join(" "),wordCount:s.words.length,rect:{left:Number(s.rect.left.toFixed(2)),top:Number(s.rect.top.toFixed(2)),width:Number(s.rect.width.toFixed(2)),height:Number(s.rect.height.toFixed(2))},fitWidth:Number((s.fitWidth??s.rect.width).toFixed(2))}))};this.writeDebugRecord(t,"measure",n)}getTokenDebugText(t){return"content"in t?t.content:"tagName"in t?t.tagName:"#other"}logRenderedState(t,e,r){let i=window.getComputedStyle(t),n=Array.from(t.querySelectorAll(".-s-line")),s={mode:{attr:t.getAttribute("string-split")??t.getAttribute("data-string-split"),line:e.line?.length??0,wordLine:e.wordLine?.length??0,charLine:e.charLine?.length??0},root:{display:i.display,flexWrap:i.flexWrap,rectWidth:Number(t.getBoundingClientRect().width.toFixed(2)),rectHeight:Number(t.getBoundingClientRect().height.toFixed(2)),childCount:t.children.length,extraProps:Object.fromEntries(r.entries())},children:Array.from(t.children).map(o=>{let a=o,l=a.getBoundingClientRect();return{tag:a.tagName.toLowerCase(),className:a.className,text:a.textContent?.replace(/\s+/g," ").trim(),width:Number(l.width.toFixed(2)),height:Number(l.height.toFixed(2))}}),lineNodes:n.map((o,a)=>{let l=o.getBoundingClientRect(),c=window.getComputedStyle(o);return{index:a,text:o.getAttribute("data-split-content"),top:Number(l.top.toFixed(2)),left:Number(l.left.toFixed(2)),width:Number(l.width.toFixed(2)),height:Number(l.height.toFixed(2)),display:c.display,lineHeight:c.lineHeight,scale:c.scale,transform:c.transform}})};this.writeDebugRecord(t,"rendered",s)}applyFlexLineBreaks(t,e){if(!((e.line?.length??0)>0||(e.wordLine?.length??0)>0||(e.charLine?.length??0)>0))return;let i=window.getComputedStyle(t).display;if(i!=="flex"&&i!=="inline-flex")return;let n=Array.from(t.children).filter(s=>s.classList.contains("-s-line"));if(!(n.length<2))for(let s=0;s<n.length-1;s++){let o=document.createElement("span");o.setAttribute("aria-hidden","true"),o.classList.add("-s-line-break"),o.style.flexBasis="100%",o.style.width="0",o.style.height="0",o.style.overflow="hidden",o.style.pointerEvents="none",n[s].after(o)}}getBlockContainerContentWidth(t){let e=t.parentElement;for(;e;){let r=window.getComputedStyle(e),i=r.display;if(!(i==="inline"||i==="inline-block"||i==="ruby")){let s=e.getBoundingClientRect().width||e.clientWidth;return Math.max(0,s-(parseFloat(r.paddingLeft)||0)-(parseFloat(r.paddingRight)||0))}e=e.parentElement}return 0}getElementContentWidth(t,e=window.getComputedStyle(t)){let r=(parseFloat(e.paddingLeft)||0)+(parseFloat(e.paddingRight)||0),i=t.clientWidth||t.getBoundingClientRect().width,n=this.getBlockContainerContentWidth(t);return n>i+1&&!t.style.width&&(e.display==="inline"||e.display==="inline-flex"||e.display==="inline-grid")?Math.max(0,n-r):i>0?Math.max(0,i-r):Math.max(0,n-r)}split(t,e,r=!1){let i=new Ne(t),n=document.createDocumentFragment();t.childNodes.forEach(p=>n.appendChild(p.cloneNode(!0)));let s=Ki(t.childNodes),o=sn(s,t,i,e),a=an(o,t,i,e);r&&this.logSplitAnalysis(t,s,o,a);let l=e.fit?this.getFitContext(a,t):null,c=l?this.applyFit(a,e,l):new Map;this.applyCalculatedValues(a,e);let u=Xi(a,e,i);return c.forEach((p,g)=>u.extraProps.set(g,p)),l&&this.refineFitFontSize(t,u.fragment,u.extraProps,a,e,l),{fragment:n,result:u.fragment,extraProps:u.extraProps}}getFitContext(t,e){let r=window.getComputedStyle(e),i=parseFloat(r.fontSize);if(!i)return null;let n=this.getElementContentWidth(e,r);if(n<=0)return null;let s=0;for(let l of t){let c=l.fitWidth??l.rect.width;c>s&&(s=c)}if(s<=0)return null;let o=n;if(Math.abs(n-s)<2&&e.parentElement){let l=window.getComputedStyle(e.parentElement),c=e.parentElement.clientWidth-(parseFloat(l.paddingLeft)||0)-(parseFloat(l.paddingRight)||0);c>n&&(o=c)}let a=parseFloat(r.lineHeight)||0;return{currentFontSize:i,contentWidth:o,lineHeightPx:a}}applyFit(t,e,r){let i=new Map,{currentFontSize:n,contentWidth:s}=r,o=(e.line?.length??0)>0||(e.wordLine?.length??0)>0||(e.charLine?.length??0)>0,a=(e.char?.length??0)>0||(e.charLine?.length??0)>0||(e.charWord?.length??0)>0;if(o)for(let l of t){let c=l.fitWidth??l.rect.width;c>0&&(l.fitFontSize=this.computeFitFontSize(n,s,c,a?l.browserWordWidthSum:void 0))}else{let l=t.reduce((p,g)=>(g.fitWidth??g.rect.width)>(p.fitWidth??p.rect.width)?g:p,t[0]),c=l.fitWidth??l.rect.width,u=this.computeFitFontSize(n,s,c,a?l.browserWordWidthSum:void 0);i.set("--fit-font-size",String(Math.floor(u)))}return i}refineFitFontSize(t,e,r,i,n,s){let o=(n.line?.length??0)>0||(n.wordLine?.length??0)>0||(n.charLine?.length??0)>0,a=(n.char?.length??0)>0||(n.charLine?.length??0)>0||(n.charWord?.length??0)>0,l=t.innerHTML;try{if(t.innerHTML="",t.appendChild(e.cloneNode(!0)),o){let c=Array.from(t.querySelectorAll(".-s-line")),u=Array.from(e.querySelectorAll(".-s-line"));c.forEach((p,g)=>{let m=u[g];if(!m)return;let h=parseFloat(m.style.getPropertyValue("--fit-font-size"));if(!h)return;let f=this.solveRenderedFitFontSize(p,s.currentFontSize,h,s.contentWidth,a);f&&(i[g].fitFontSize=f,m.style.setProperty("--fit-font-size",String(Math.floor(f))))})}else{let c=parseFloat(r.get("--fit-font-size")??"");if(!c)return;let u=this.solveRenderedFitFontSize(t,s.currentFontSize,c,s.contentWidth,a);if(!u)return;let p=Math.floor(u);r.set("--fit-font-size",String(p));let{lineHeightPx:g,currentFontSize:m,contentWidth:h}=s;if(g>0&&m>0){let f=g*(p/m);f>0&&(r.set("--fit-scale-y",String(window.innerHeight/f)),r.set("--fit-aspect-ratio",String(h/f)))}}}finally{t.innerHTML=l}}solveRenderedFitFontSize(t,e,r,i,n){if(!Number.isFinite(e)||!Number.isFinite(r)||e<=0||r<=0)return null;let s=this.measureScopeAtFontSize(t,n,e);if(s<=0)return null;if(Math.abs(i-s)<.01)return e;let o=Math.abs(r-e)<.01?s:this.measureScopeAtFontSize(t,n,r);if(o<=0)return e*(i/s);let a=(o-s)/(r-e);if(!Number.isFinite(a)||Math.abs(a)<1e-4)return e*(i/s);let l=e+(i-s)/a;return!Number.isFinite(l)||l<=0?null:l}measureScopeAtFontSize(t,e,r){if(e){let s=Array.from(t.querySelectorAll(".-s-char")),o=s.map(l=>l.style.fontSize);s.forEach(l=>{l.style.fontSize=`${r}px`}),t.offsetWidth;let a=this.measureCharScopeWidth(t);return s.forEach((l,c)=>{l.style.fontSize=o[c]}),a}let i=t.style.fontSize;t.style.fontSize=`${r}px`,t.offsetWidth;let n=this.measureContentWidth(t);return t.style.fontSize=i,n}measureCharScopeWidth(t){let e=0;Array.from(t.querySelectorAll(".-s-char")).forEach(o=>{let a=o.getBoundingClientRect(),l=window.getComputedStyle(o);e+=a.width+(parseFloat(l.marginLeft)||0)+(parseFloat(l.marginRight)||0)});let i=document.createTreeWalker(t,NodeFilter.SHOW_TEXT),n=i.nextNode();for(;n;){let o=n.parentElement,a=!!o?.closest(".-s-char"),l=!!o&&!o.classList.contains("-s-char")&&!o.classList.contains("-s-word")&&!o.classList.contains("-s-line")&&!o.querySelector(".-s-char, .-s-word, .-s-line");if(!a&&!l&&n.textContent?.length){let c=document.createRange();c.selectNodeContents(n),e+=c.getBoundingClientRect().width}n=i.nextNode()}return Array.from(t.querySelectorAll("*")).filter(o=>{let a=o;return!a.classList.contains("-s-char")&&!a.classList.contains("-s-word")&&!a.classList.contains("-s-line")&&!a.querySelector(".-s-char, .-s-word, .-s-line")}).forEach(o=>{e+=o.getBoundingClientRect().width}),e}measureContentWidth(t){if(!t.childNodes.length)return t.getBoundingClientRect().width;let e=document.createRange();return e.selectNodeContents(t),e.getBoundingClientRect().width}computeFitFontSize(t,e,r,i){let n=i!==void 0?r-i:0,s=r-n;return s<=0?t*(e/r):t*(e-n)/s}computeValue(t,e,r){if(t.align.startsWith("random")){let i=t.random?.min??0,n=t.random?.max??r-1;return Math.floor(Math.random()*(n-i+1))+i}switch(t.align){case"start":return e;case"end":return r-e-1;case"center":{let i=Math.floor((r-1)/2);return Math.abs(e-i)}default:return e}}applyCalculatedValues(t,e){let r=s=>s.words.reduce((o,a)=>o+a.chars.length,0),i=t.reduce((s,o)=>s+o.words.length,0),n=t.reduce((s,o)=>s+o.words.reduce((a,l)=>a+l.chars.length,0),0);t.forEach((s,o)=>{e.line&&(s.calculatedValues=e.line.map(a=>({type:"line",align:a.align,value:this.computeValue(a,o,t.length)}))),s.words.forEach(a=>{e.word&&(a.calculatedValues=e.word.map(c=>({type:"word",align:c.align,value:this.computeValue(c,a.wordIndexGlobal,i)}))),e.wordLine&&(a.calculatedValues??=[],a.calculatedValues.push(...e.wordLine.map(c=>({type:"wordLine",align:c.align,value:this.computeValue(c,a.wordIndexInLine,s.words.length)}))));let l=r(s);a.chars.forEach(c=>{let u=[];e.char&&u.push(...e.char.map(p=>({type:"char",align:p.align,value:this.computeValue(p,c.charIndexGlobal,n)}))),e.charWord&&u.push(...e.charWord.map(p=>({type:"charWord",align:p.align,value:this.computeValue(p,c.charIndexInWord,a.chars.length)}))),e.charLine&&u.push(...e.charLine.map(p=>({type:"charLine",align:p.align,value:this.computeValue(p,c.charIndexInLine,l)}))),c.calculatedValues=u})})})}escapeAttribute(t){return t.replace(/src="(https?:\/\/[^"\s]+)"/g,"src=$1")}};var Jr=class extends x{canvas;context;history=[];maxPoints=0;height=0;value=0;target=0;constructor(t){super(t),this._type=2}onInit(){this.initCanvas(),this.maxPoints=this.canvas.width}onScroll(t){let e=Math.abs(t.scroll.displacement);this.value=e,this.history.push(e),this.history.length>this.maxPoints&&this.history.shift(),this.draw()}draw(){let t=this.context,e=this.canvas.width,r=this.canvas.height;t.clearRect(0,0,e,r),t.strokeStyle="red",t.lineWidth=2,t.beginPath(),this.history.forEach((i,n)=>{let s=n,o=r-i*this.height;n===0?t.moveTo(s,o):t.lineTo(s,o)}),t.stroke()}initCanvas(){let t=document.createElement("canvas"),e=window.innerWidth*.5;this.height=window.innerHeight/15-20,t.width=e,t.height=this.height,Object.assign(t.style,{position:"fixed",bottom:`${window.innerHeight/20+10}px`,left:"50%",transform:"translateX(-50%)",backgroundColor:"#000000",border:"1px solid rgba(255, 255, 255, 0.2)",zIndex:"1000",pointerEvents:"none"}),this.canvas=t,this.context=t.getContext("2d"),document.body.appendChild(t)}setTarget(t){this.target=t}clear(){this.canvas.remove(),this.history=[]}};var ht="data-fps",ti=class extends x{displayElement=null;intervalId=0;frameCount=0;fpsElements=new Set;observer=null;lastFps=-1;constructor(t){super(t),this._type=2}onInit(){this.data.system.fpsTracker&&this.createDisplayElement(),this.events.on("tracker:fps:visible",this.onVisibilityChange.bind(this)),this.scanElements(),this.observeDOM(),this.intervalId=window.setInterval(()=>{this.updateFPS(this.frameCount),this.frameCount=0},1e3)}onFrame(t){this.frameCount++}destroy(){clearInterval(this.intervalId),this.observer?.disconnect(),this.removeDisplayElement(),this.fpsElements.clear()}onVisibilityChange(t){t?this.createDisplayElement():this.removeDisplayElement()}removeDisplayElement(){this.displayElement?.remove(),this.displayElement=null}updateFPS(t){if(t===this.lastFps)return;this.lastFps=t;let e=String(t);for(let r of this.fpsElements)r.isConnected&&r.setAttribute(ht,e);this.displayElement&&this.displayElement.setAttribute(ht,e),this.events.emit("fps",t)}scanElements(){this.fpsElements.clear(),document.querySelectorAll(`[${ht}]`).forEach(t=>{t!==this.displayElement&&this.fpsElements.add(t)})}observeDOM(){this.observer=new MutationObserver(t=>{let e=!1;for(let r of t){for(let i of Array.from(r.addedNodes))if(i.nodeType===Node.ELEMENT_NODE){let n=i;n.hasAttribute(ht)&&(e=!0),n.querySelector(`[${ht}]`)&&(e=!0)}for(let i of Array.from(r.removedNodes))i.nodeType===Node.ELEMENT_NODE&&this.fpsElements.delete(i)}e&&this.scanElements()}),this.observer.observe(document.body,{childList:!0,subtree:!0})}createDisplayElement(){if(this.displayElement)return;let t=document.createElement("div");Object.assign(t.style,{position:"fixed",bottom:"10px",right:"10px",backgroundColor:"#000",color:"#fff",padding:"4px 8px",fontSize:"12px",fontFamily:"monospace",border:"1px solid rgba(255,255,255,0.2)",zIndex:"1000",pointerEvents:"none"}),t.setAttribute(ht,"0"),document.body.appendChild(t);let e="string-fps-tracker-style";if(!document.getElementById(e)){let r=document.createElement("style");r.id=e,r.innerHTML=`
         [${ht}]::before {
           content: 'FPS: ' attr(${ht});
         }
@@ -1271,16 +1271,16 @@ border: none;
   color: var(--string-dg-color-black);
 }
 
-`;var Ps={"--string-dev-panel-bg":"#ffffff","--string-dev-panel-border":"1px solid #e0e0e0","--string-dev-panel-radius":"16px","--string-dev-panel-shadow":"0 16px 24px rgba(0, 0, 0, 0.1)","--string-dev-panel-backdrop":"blur(12px)","--string-dev-panel-padding":"4px","--string-dev-panel-font-family":'-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',"--string-dev-panel-font-size":"12px","--string-dev-panel-text":"#111111","--string-dev-panel-muted":"rgba(17, 17, 17, 0.6)","--string-dev-panel-subtle":"rgba(17, 17, 17, 0.72)","--string-dev-panel-divider":"rgba(17, 17, 17, 0.08)","--string-dev-header-font-size":"10px","--string-dev-header-font-weight":"500","--string-dev-header-letter-spacing":"0","--string-dev-header-padding":"8px 8px 8px","--string-dev-header-margin-bottom":"4px","--string-dev-accent":"#FF4F36","--string-dev-accent-soft":"rgba(255, 79, 54, 0.12)","--string-dev-accent-soft-hover":"rgba(255, 79, 54, 0.18)","--string-dev-focus-color":"rgba(255, 79, 54, 0.68)","--string-dev-focus-shadow":"0 0 0 2px rgba(255, 79, 54, 0.18)","--string-dev-field-bg":"rgba(221, 221, 221, 0.4)","--string-dev-field-border":"rgba(255, 255, 255, 0.96)","--string-dev-field-radius":"8px","--string-dev-input-height":"32px","--string-dev-button-height":"32px","--string-dev-chip-size":"24px","--string-dev-icon-button-size":"20px","--string-dev-icon-button-radius":"8px","--string-dev-chip-active-bg":"rgba(221, 221, 221, 0.54)","--string-dev-chip-muted":"rgba(17, 17, 17, 0.22)","--string-dev-chip-resolved":"rgba(17, 17, 17, 0.78)","--string-dev-icon-button-hover-bg":"rgba(17, 17, 17, 0.08)"};function As(d,t){return d.trim().split(`
+`;var ks={"--string-dev-panel-bg":"#ffffff","--string-dev-panel-border":"1px solid #e0e0e0","--string-dev-panel-radius":"16px","--string-dev-panel-shadow":"0 16px 24px rgba(0, 0, 0, 0.1)","--string-dev-panel-backdrop":"blur(12px)","--string-dev-panel-padding":"4px","--string-dev-panel-font-family":'-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',"--string-dev-panel-font-size":"12px","--string-dev-panel-text":"#111111","--string-dev-panel-muted":"rgba(17, 17, 17, 0.6)","--string-dev-panel-subtle":"rgba(17, 17, 17, 0.72)","--string-dev-panel-divider":"rgba(17, 17, 17, 0.08)","--string-dev-header-font-size":"10px","--string-dev-header-font-weight":"500","--string-dev-header-letter-spacing":"0","--string-dev-header-padding":"8px 8px 8px","--string-dev-header-margin-bottom":"4px","--string-dev-accent":"#FF4F36","--string-dev-accent-soft":"rgba(255, 79, 54, 0.12)","--string-dev-accent-soft-hover":"rgba(255, 79, 54, 0.18)","--string-dev-focus-color":"rgba(255, 79, 54, 0.68)","--string-dev-focus-shadow":"0 0 0 2px rgba(255, 79, 54, 0.18)","--string-dev-field-bg":"rgba(221, 221, 221, 0.4)","--string-dev-field-border":"rgba(255, 255, 255, 0.96)","--string-dev-field-radius":"8px","--string-dev-input-height":"32px","--string-dev-button-height":"32px","--string-dev-chip-size":"24px","--string-dev-icon-button-size":"20px","--string-dev-icon-button-radius":"8px","--string-dev-chip-active-bg":"rgba(221, 221, 221, 0.54)","--string-dev-chip-muted":"rgba(17, 17, 17, 0.22)","--string-dev-chip-resolved":"rgba(17, 17, 17, 0.78)","--string-dev-icon-button-hover-bg":"rgba(17, 17, 17, 0.08)"};function Os(d,t){return d.trim().split(`
 `).map(e=>`${t}${e}`).join(`
 `)}function di(d,t={}){let e=Array.isArray(d)?d.join(`,
-`):d,r={...Ps,...t},i=Object.entries(r).map(([n,s])=>`${n}: ${s};`).join(`
+`):d,r={...ks,...t},i=Object.entries(r).map(([n,s])=>`${n}: ${s};`).join(`
 `);return`${e} {
-${As(i,"  ")}
-}`}function se(){if(typeof document>"u")return null;let d="string-devtools-shared-styles",t=document.getElementById(d);if(t instanceof HTMLStyleElement)return t;let e=document.createElement("style");return e.id=d,e.textContent=cn,document.head.appendChild(e),e}function ks(){return typeof window<"u"&&typeof window.matchMedia=="function"}function Os(){return ks()?window.matchMedia("(pointer: coarse)").matches||window.matchMedia("(any-pointer: coarse)").matches:!1}function ot(d=typeof window<"u"?window.innerWidth:1024){let t=Os(),e=d<=1024||t;return{coarsePointer:t,compact:e}}var ci="";function Ds(d){let t=(d??"").trim();return t?encodeURIComponent(t):""}function ui(d){ci=Ds(d)}function it(d){return ci?`${d}::${ci}`:d}var Is="string-devtools:dock",Rs=600,un=12,Hs="[data-stdg-dock]",Bs="[data-stdg-dock-sub-badges]";function pn(d){if(!d)return"";let t=[];return d.ctrlKey&&t.push("Ctrl"),d.altKey&&t.push("Alt"),d.shiftKey&&t.push("Shift"),d.metaKey&&t.push("Meta"),t.push(d.key.length===1?d.key.toUpperCase():d.key),t.join("+")}var Ze=class{root;mainButton;itemsWrap;toolsWrap;fpsSeparator;fpsElement;entries=new Map;collapsed=!1;suppressPersist=!1;preferences;onKeydownBind;onResizeBind;constructor(){se(),this.cleanupExistingDockArtifacts(),this.preferences=this.loadPreferences(),this.onResizeBind=()=>{window.requestAnimationFrame(()=>this.handleViewportChange())},this.onKeydownBind=e=>{let r=e.target;r&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement||r.isContentEditable)||e.shiftKey&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&e.code==="KeyS"&&(e.preventDefault(),this.setCollapsed(!this.collapsed))},window.addEventListener("keydown",this.onKeydownBind),window.addEventListener("resize",this.onResizeBind),this.root=document.createElement("div"),this.root.setAttribute("data-stdg",""),this.root.setAttribute("data-stdg-dock",""),this.root.setAttribute("data-collapsed",this.preferences.collapsed?"true":"false"),this.mainButton=this.createMainButton(),this.itemsWrap=document.createElement("div"),this.itemsWrap.setAttribute("data-stdg-dock-list",""),this.toolsWrap=document.createElement("div"),this.toolsWrap.setAttribute("data-stdg-dock-tools",""),this.fpsSeparator=this.createSeparator(),this.fpsSeparator.setAttribute("data-stdg-dock-fps-separator",""),this.fpsElement=document.createElement("div"),this.fpsElement.setAttribute("data-string-defguides-doc-fps",""),this.fpsElement.title="Current FPS";let t=document.createElement("span");t.textContent="0",this.fpsElement.appendChild(t),this.root.appendChild(this.mainButton),this.itemsWrap.appendChild(this.toolsWrap),this.itemsWrap.appendChild(this.fpsSeparator),this.itemsWrap.appendChild(this.fpsElement),this.root.appendChild(this.itemsWrap),(document.body??document.documentElement).appendChild(this.root),this.setCollapsed(this.preferences.collapsed,!1)}add(t){if(this.entries.has(t.id))return;this.applyStoredActiveState(t);let e=document.createElement("button");e.type="button",e.setAttribute("data-stdg",""),e.setAttribute("data-stdg-button",""),e.setAttribute("data-stdg-button-icon-20",""),e.setAttribute("data-devguides-id",t.id);let r=pn(t.hotkey),i=r?`${t.label} (${r})`:t.label;e.setAttribute("aria-label",i),e.innerHTML=V(20,t.icon),e.title=i,e.addEventListener("click",()=>{let c=!t.getState().active;if(t.setActive(c),!t.subscribe){let u=t.getState();this.renderButton(e,t.label,t.hotkey,u),this.persistActiveState(t.id,u.active)}});let n=document.createElement("div");n.setAttribute("data-stdg",""),n.setAttribute("data-stdg-dock-slot",""),n.setAttribute("data-devguides-slot",t.id),n.appendChild(e);let s=null;t.subBadges&&t.subBadges.length>0&&(n.setAttribute("data-has-sub-badges",""),s=this.createSubBadgeGroup(t));let o=[];s&&o.push(...this.attachSubBadges(n,s));let a=t.subscribe?t.subscribe(c=>{this.renderButton(e,t.label,t.hotkey,c),this.syncSubBadgeState(n,s,c.active),this.persistActiveState(t.id,c.active)}):null;this.entries.set(t.id,{definition:t,button:e,slot:n,subBadges:s,unsubscribe:a,cleanup:o}),this.toolsWrap.appendChild(n),this.sortButtons();let l=t.getState();this.renderButton(e,t.label,t.hotkey,l),this.syncSubBadgeState(n,s,l.active),this.persistActiveState(t.id,l.active)}attachSubBadges(t,e){let r=[];(document.body??document.documentElement).appendChild(e);let i=!1,n=null,s=null,o=0,a=0,l=!1,c=P=>{i!==P&&(i=P,e.setAttribute("data-open",P?"true":"false"),P&&this.positionSubBadges(t,e))},u=()=>ot(window.innerWidth).compact,p=()=>{n!==null&&(window.clearTimeout(n),n=null),s=null},g=()=>{p(),l&&window.setTimeout(()=>{l=!1},0)},m=()=>{window.setTimeout(()=>{t.matches(":hover")||e.matches(":hover")||c(!1)},60)},h=()=>{u()||c(!0)};t.addEventListener("pointerenter",h),r.push(()=>t.removeEventListener("pointerenter",h));let f=()=>{u()||m()};t.addEventListener("pointerleave",f),r.push(()=>t.removeEventListener("pointerleave",f));let b=()=>{u()||c(!0)};e.addEventListener("pointerenter",b),r.push(()=>e.removeEventListener("pointerenter",b));let y=()=>{u()||m()};e.addEventListener("pointerleave",y),r.push(()=>e.removeEventListener("pointerleave",y));let v=()=>c(!1);e.addEventListener("string-devtools-sub-badge-action",v),r.push(()=>e.removeEventListener("string-devtools-sub-badge-action",v));let S=P=>{u()&&(P.target instanceof HTMLElement&&P.target.closest("[data-stdg-dock-sub-badge]")||(p(),s=P.pointerId,o=P.clientX,a=P.clientY,n=window.setTimeout(()=>{n=null,l=!0,c(!0)},Rs)))};t.addEventListener("pointerdown",S),r.push(()=>t.removeEventListener("pointerdown",S));let E=P=>{if(!u()||n===null||P.pointerId!==s)return;let R=Math.abs(P.clientX-o),B=Math.abs(P.clientY-a);(R>un||B>un)&&p()};t.addEventListener("pointermove",E),r.push(()=>t.removeEventListener("pointermove",E)),t.addEventListener("pointerup",g),r.push(()=>t.removeEventListener("pointerup",g)),t.addEventListener("pointercancel",g),r.push(()=>t.removeEventListener("pointercancel",g));let M=()=>{u()&&p()};t.addEventListener("pointerleave",M),r.push(()=>t.removeEventListener("pointerleave",M));let C=P=>{!u()||!l||P.preventDefault()};t.addEventListener("contextmenu",C),r.push(()=>t.removeEventListener("contextmenu",C));let A=P=>{u()&&P.preventDefault()};t.addEventListener("selectstart",A),r.push(()=>t.removeEventListener("selectstart",A));let I=P=>{!u()||!l||(l=!1,P.preventDefault(),P.stopImmediatePropagation())};t.addEventListener("click",I,!0),r.push(()=>t.removeEventListener("click",I,!0)),e.addEventListener("pointerdown",g),r.push(()=>e.removeEventListener("pointerdown",g)),e.addEventListener("pointercancel",g),r.push(()=>e.removeEventListener("pointercancel",g));let H=P=>{u()&&P.preventDefault()};e.addEventListener("contextmenu",H),r.push(()=>e.removeEventListener("contextmenu",H));let w=P=>{u()&&P.preventDefault()};e.addEventListener("selectstart",w),r.push(()=>e.removeEventListener("selectstart",w));let _=()=>{l=!1};e.addEventListener("click",_),r.push(()=>e.removeEventListener("click",_));let k=P=>{if(!i)return;let R=P.target;R instanceof Node&&(t.contains(R)||e.contains(R)||c(!1))};document.addEventListener("pointerdown",k),r.push(()=>document.removeEventListener("pointerdown",k));let O=new MutationObserver(()=>{e.querySelector('[data-active="true"]')||m()});O.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-active"]}),r.push(()=>O.disconnect());let T=()=>{i&&this.positionSubBadges(t,e)};return window.addEventListener("resize",T),window.addEventListener("scroll",T,!0),r.push(()=>window.removeEventListener("resize",T)),r.push(()=>window.removeEventListener("scroll",T,!0)),e.setAttribute("data-open","false"),r.push(()=>e.remove()),r}positionSubBadges(t,e){let r=t.getBoundingClientRect();ot(window.innerWidth).compact?(e.style.left=`${Math.round(r.right+8)}px`,e.style.top=`${Math.round(r.top+r.height/2)}px`,e.style.bottom=""):(e.style.left=`${Math.round(r.left+r.width/2)}px`,e.style.top="",e.style.bottom=`${Math.round(window.innerHeight-r.top+8)}px`)}createSubBadgeGroup(t){let e=document.createElement("div");e.setAttribute("data-stdg",""),e.setAttribute("data-stdg-dock-sub-badges",""),e.setAttribute("data-parent-active","false");for(let r of t.subBadges??[]){let i={"data-stdg":"","data-stdg-dock-sub-badge":"","data-sub-badge-id":r.id,"data-active":"false","data-parent-active":"false"};if(r.selectorAttribute&&(i[r.selectorAttribute]=""),r.attributes)for(let[s,o]of Object.entries(r.attributes))o==null||o===!1||(i[s]=o===!0?"":String(o));let n=Q({icon:r.icon,size:16,label:r.label,modifiers:["toggle"],attrs:i});n.addEventListener("pointerdown",s=>{s.stopPropagation()}),n.addEventListener("click",s=>{s.stopPropagation(),t.getState().active||t.setActive(!0),r.onClick(n),n.setAttribute("data-active","false"),n.dispatchEvent(new CustomEvent("string-devtools-sub-badge-action",{bubbles:!0}))}),e.appendChild(n)}return e}remove(t){let e=this.entries.get(t);if(e){e.unsubscribe?.();for(let r of e.cleanup)r();e.slot.remove(),this.entries.delete(t)}}destroy(){window.removeEventListener("keydown",this.onKeydownBind),window.removeEventListener("resize",this.onResizeBind);for(let t of this.entries.values()){t.unsubscribe?.();for(let e of t.cleanup)e();t.slot.remove()}this.entries.clear(),this.root.remove()}cleanupExistingDockArtifacts(){document.querySelectorAll(Hs).forEach(t=>t.remove()),document.querySelectorAll(Bs).forEach(t=>t.remove())}setFPS(t){let e=this.fpsElement.querySelector("span");e&&(e.textContent=String(Math.max(0,Math.round(t))))}sortButtons(){let t=Array.from(this.entries.values()).sort((r,i)=>{let n=r.definition.order??0,s=i.definition.order??0;return n!==s?n-s:r.definition.label.localeCompare(i.definition.label)});this.toolsWrap.innerHTML="",this.toolsWrap.appendChild(this.createSeparator());let e;for(let r of t){let i=r.definition.group;e!==void 0&&i!==e&&this.toolsWrap.appendChild(this.createSeparator()),e=i,this.toolsWrap.appendChild(r.slot)}this.fpsSeparator.style.display=t.length>0?"block":"none",this.syncCollapsedLayout()}createSeparator(){let t=document.createElement("span");return t.setAttribute("data-stdg-horizontal-line",""),t}createMainButton(){let t=document.createElement("button");return t.type="button",t.setAttribute("data-stdg",""),t.setAttribute("data-stdg-button",""),t.setAttribute("data-stdg-button-hover",""),t.setAttribute("data-stdg-button-icon-20",""),t.setAttribute("data-collapsed",this.preferences.collapsed?"true":"false"),t.setAttribute("aria-label","Toggle Dev Guides"),t.innerHTML=`
+${Os(i,"  ")}
+}`}function se(){if(typeof document>"u")return null;let d="string-devtools-shared-styles",t=document.getElementById(d);if(t instanceof HTMLStyleElement)return t;let e=document.createElement("style");return e.id=d,e.textContent=cn,document.head.appendChild(e),e}function Ds(){return typeof window<"u"&&typeof window.matchMedia=="function"}function Is(){return Ds()?window.matchMedia("(pointer: coarse)").matches||window.matchMedia("(any-pointer: coarse)").matches:!1}function ot(d=typeof window<"u"?window.innerWidth:1024){let t=Is(),e=d<=1024||t;return{coarsePointer:t,compact:e}}var ci="";function Rs(d){let t=(d??"").trim();return t?encodeURIComponent(t):""}function ui(d){ci=Rs(d)}function it(d){return ci?`${d}::${ci}`:d}var Hs="string-devtools:dock",Bs=600,un=12,_s="[data-stdg-dock]",Fs="[data-stdg-dock-sub-badges]";function pn(d){if(!d)return"";let t=[];return d.ctrlKey&&t.push("Ctrl"),d.altKey&&t.push("Alt"),d.shiftKey&&t.push("Shift"),d.metaKey&&t.push("Meta"),t.push(d.key.length===1?d.key.toUpperCase():d.key),t.join("+")}var Ze=class{root;mainButton;itemsWrap;toolsWrap;fpsSeparator;fpsElement;entries=new Map;collapsed=!1;suppressPersist=!1;preferences;onKeydownBind;onResizeBind;constructor(){se(),this.cleanupExistingDockArtifacts(),this.preferences=this.loadPreferences(),this.onResizeBind=()=>{window.requestAnimationFrame(()=>this.handleViewportChange())},this.onKeydownBind=e=>{let r=e.target;r&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement||r.isContentEditable)||e.shiftKey&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&e.code==="KeyS"&&(e.preventDefault(),this.setCollapsed(!this.collapsed))},window.addEventListener("keydown",this.onKeydownBind),window.addEventListener("resize",this.onResizeBind),this.root=document.createElement("div"),this.root.setAttribute("data-stdg",""),this.root.setAttribute("data-stdg-dock",""),this.root.setAttribute("data-collapsed",this.preferences.collapsed?"true":"false"),this.mainButton=this.createMainButton(),this.itemsWrap=document.createElement("div"),this.itemsWrap.setAttribute("data-stdg-dock-list",""),this.toolsWrap=document.createElement("div"),this.toolsWrap.setAttribute("data-stdg-dock-tools",""),this.fpsSeparator=this.createSeparator(),this.fpsSeparator.setAttribute("data-stdg-dock-fps-separator",""),this.fpsElement=document.createElement("div"),this.fpsElement.setAttribute("data-string-defguides-doc-fps",""),this.fpsElement.title="Current FPS";let t=document.createElement("span");t.textContent="0",this.fpsElement.appendChild(t),this.root.appendChild(this.mainButton),this.itemsWrap.appendChild(this.toolsWrap),this.itemsWrap.appendChild(this.fpsSeparator),this.itemsWrap.appendChild(this.fpsElement),this.root.appendChild(this.itemsWrap),(document.body??document.documentElement).appendChild(this.root),this.setCollapsed(this.preferences.collapsed,!1)}add(t){if(this.entries.has(t.id))return;this.applyStoredActiveState(t);let e=document.createElement("button");e.type="button",e.setAttribute("data-stdg",""),e.setAttribute("data-stdg-button",""),e.setAttribute("data-stdg-button-icon-20",""),e.setAttribute("data-devguides-id",t.id);let r=pn(t.hotkey),i=r?`${t.label} (${r})`:t.label;e.setAttribute("aria-label",i),e.innerHTML=V(20,t.icon),e.title=i,e.addEventListener("click",()=>{let c=!t.getState().active;if(t.setActive(c),!t.subscribe){let u=t.getState();this.renderButton(e,t.label,t.hotkey,u),this.persistActiveState(t.id,u.active)}});let n=document.createElement("div");n.setAttribute("data-stdg",""),n.setAttribute("data-stdg-dock-slot",""),n.setAttribute("data-devguides-slot",t.id),n.appendChild(e);let s=null;t.subBadges&&t.subBadges.length>0&&(n.setAttribute("data-has-sub-badges",""),s=this.createSubBadgeGroup(t));let o=[];s&&o.push(...this.attachSubBadges(n,s));let a=t.subscribe?t.subscribe(c=>{this.renderButton(e,t.label,t.hotkey,c),this.syncSubBadgeState(n,s,c.active),this.persistActiveState(t.id,c.active)}):null;this.entries.set(t.id,{definition:t,button:e,slot:n,subBadges:s,unsubscribe:a,cleanup:o}),this.toolsWrap.appendChild(n),this.sortButtons();let l=t.getState();this.renderButton(e,t.label,t.hotkey,l),this.syncSubBadgeState(n,s,l.active),this.persistActiveState(t.id,l.active)}attachSubBadges(t,e){let r=[];(document.body??document.documentElement).appendChild(e);let i=!1,n=null,s=null,o=0,a=0,l=!1,c=P=>{i!==P&&(i=P,e.setAttribute("data-open",P?"true":"false"),P&&this.positionSubBadges(t,e))},u=()=>ot(window.innerWidth).compact,p=()=>{n!==null&&(window.clearTimeout(n),n=null),s=null},g=()=>{p(),l&&window.setTimeout(()=>{l=!1},0)},m=()=>{window.setTimeout(()=>{t.matches(":hover")||e.matches(":hover")||c(!1)},60)},h=()=>{u()||c(!0)};t.addEventListener("pointerenter",h),r.push(()=>t.removeEventListener("pointerenter",h));let f=()=>{u()||m()};t.addEventListener("pointerleave",f),r.push(()=>t.removeEventListener("pointerleave",f));let b=()=>{u()||c(!0)};e.addEventListener("pointerenter",b),r.push(()=>e.removeEventListener("pointerenter",b));let y=()=>{u()||m()};e.addEventListener("pointerleave",y),r.push(()=>e.removeEventListener("pointerleave",y));let v=()=>c(!1);e.addEventListener("string-devtools-sub-badge-action",v),r.push(()=>e.removeEventListener("string-devtools-sub-badge-action",v));let S=P=>{u()&&(P.target instanceof HTMLElement&&P.target.closest("[data-stdg-dock-sub-badge]")||(p(),s=P.pointerId,o=P.clientX,a=P.clientY,n=window.setTimeout(()=>{n=null,l=!0,c(!0)},Bs)))};t.addEventListener("pointerdown",S),r.push(()=>t.removeEventListener("pointerdown",S));let E=P=>{if(!u()||n===null||P.pointerId!==s)return;let R=Math.abs(P.clientX-o),B=Math.abs(P.clientY-a);(R>un||B>un)&&p()};t.addEventListener("pointermove",E),r.push(()=>t.removeEventListener("pointermove",E)),t.addEventListener("pointerup",g),r.push(()=>t.removeEventListener("pointerup",g)),t.addEventListener("pointercancel",g),r.push(()=>t.removeEventListener("pointercancel",g));let M=()=>{u()&&p()};t.addEventListener("pointerleave",M),r.push(()=>t.removeEventListener("pointerleave",M));let C=P=>{!u()||!l||P.preventDefault()};t.addEventListener("contextmenu",C),r.push(()=>t.removeEventListener("contextmenu",C));let A=P=>{u()&&P.preventDefault()};t.addEventListener("selectstart",A),r.push(()=>t.removeEventListener("selectstart",A));let I=P=>{!u()||!l||(l=!1,P.preventDefault(),P.stopImmediatePropagation())};t.addEventListener("click",I,!0),r.push(()=>t.removeEventListener("click",I,!0)),e.addEventListener("pointerdown",g),r.push(()=>e.removeEventListener("pointerdown",g)),e.addEventListener("pointercancel",g),r.push(()=>e.removeEventListener("pointercancel",g));let H=P=>{u()&&P.preventDefault()};e.addEventListener("contextmenu",H),r.push(()=>e.removeEventListener("contextmenu",H));let w=P=>{u()&&P.preventDefault()};e.addEventListener("selectstart",w),r.push(()=>e.removeEventListener("selectstart",w));let _=()=>{l=!1};e.addEventListener("click",_),r.push(()=>e.removeEventListener("click",_));let k=P=>{if(!i)return;let R=P.target;R instanceof Node&&(t.contains(R)||e.contains(R)||c(!1))};document.addEventListener("pointerdown",k),r.push(()=>document.removeEventListener("pointerdown",k));let O=new MutationObserver(()=>{e.querySelector('[data-active="true"]')||m()});O.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-active"]}),r.push(()=>O.disconnect());let T=()=>{i&&this.positionSubBadges(t,e)};return window.addEventListener("resize",T),window.addEventListener("scroll",T,!0),r.push(()=>window.removeEventListener("resize",T)),r.push(()=>window.removeEventListener("scroll",T,!0)),e.setAttribute("data-open","false"),r.push(()=>e.remove()),r}positionSubBadges(t,e){let r=t.getBoundingClientRect();ot(window.innerWidth).compact?(e.style.left=`${Math.round(r.right+8)}px`,e.style.top=`${Math.round(r.top+r.height/2)}px`,e.style.bottom=""):(e.style.left=`${Math.round(r.left+r.width/2)}px`,e.style.top="",e.style.bottom=`${Math.round(window.innerHeight-r.top+8)}px`)}createSubBadgeGroup(t){let e=document.createElement("div");e.setAttribute("data-stdg",""),e.setAttribute("data-stdg-dock-sub-badges",""),e.setAttribute("data-parent-active","false");for(let r of t.subBadges??[]){let i={"data-stdg":"","data-stdg-dock-sub-badge":"","data-sub-badge-id":r.id,"data-active":"false","data-parent-active":"false"};if(r.selectorAttribute&&(i[r.selectorAttribute]=""),r.attributes)for(let[s,o]of Object.entries(r.attributes))o==null||o===!1||(i[s]=o===!0?"":String(o));let n=Q({icon:r.icon,size:16,label:r.label,modifiers:["toggle"],attrs:i});n.addEventListener("pointerdown",s=>{s.stopPropagation()}),n.addEventListener("click",s=>{s.stopPropagation(),t.getState().active||t.setActive(!0),r.onClick(n),n.setAttribute("data-active","false"),n.dispatchEvent(new CustomEvent("string-devtools-sub-badge-action",{bubbles:!0}))}),e.appendChild(n)}return e}remove(t){let e=this.entries.get(t);if(e){e.unsubscribe?.();for(let r of e.cleanup)r();e.slot.remove(),this.entries.delete(t)}}destroy(){window.removeEventListener("keydown",this.onKeydownBind),window.removeEventListener("resize",this.onResizeBind);for(let t of this.entries.values()){t.unsubscribe?.();for(let e of t.cleanup)e();t.slot.remove()}this.entries.clear(),this.root.remove()}cleanupExistingDockArtifacts(){document.querySelectorAll(_s).forEach(t=>t.remove()),document.querySelectorAll(Fs).forEach(t=>t.remove())}setFPS(t){let e=this.fpsElement.querySelector("span");e&&(e.textContent=String(Math.max(0,Math.round(t))))}sortButtons(){let t=Array.from(this.entries.values()).sort((r,i)=>{let n=r.definition.order??0,s=i.definition.order??0;return n!==s?n-s:r.definition.label.localeCompare(i.definition.label)});this.toolsWrap.innerHTML="",this.toolsWrap.appendChild(this.createSeparator());let e;for(let r of t){let i=r.definition.group;e!==void 0&&i!==e&&this.toolsWrap.appendChild(this.createSeparator()),e=i,this.toolsWrap.appendChild(r.slot)}this.fpsSeparator.style.display=t.length>0?"block":"none",this.syncCollapsedLayout()}createSeparator(){let t=document.createElement("span");return t.setAttribute("data-stdg-horizontal-line",""),t}createMainButton(){let t=document.createElement("button");return t.type="button",t.setAttribute("data-stdg",""),t.setAttribute("data-stdg-button",""),t.setAttribute("data-stdg-button-hover",""),t.setAttribute("data-stdg-button-icon-20",""),t.setAttribute("data-collapsed",this.preferences.collapsed?"true":"false"),t.setAttribute("aria-label","Toggle Dev Guides"),t.innerHTML=`
       ${V(20,"logo")}
       ${V(12,"chevrone-up")}
-    `,t.addEventListener("click",()=>{this.setCollapsed(!this.collapsed)}),t}setCollapsed(t,e=!0){if(this.collapsed=t,this.root.setAttribute("data-collapsed",t?"true":"false"),this.mainButton.setAttribute("data-collapsed",t?"true":"false"),this.mainButton.setAttribute("aria-label",t?"Expand developer tools":"Collapse developer tools"),t){this.suppressPersist=!0;for(let r of this.entries.values())r.definition.getState().active&&r.definition.setActive(!1);this.suppressPersist=!1}else{this.suppressPersist=!0;for(let r of this.entries.values())this.preferences.active[r.definition.id]===!0&&r.definition.setActive(!0);this.suppressPersist=!1}e&&(this.preferences.collapsed=t,this.savePreferences()),this.syncCollapsedLayout()}syncCollapsedLayout(){let t=ot(window.innerWidth).compact,e=t?this.toolsWrap.scrollHeight:this.toolsWrap.scrollWidth;this.toolsWrap.style.maxHeight=t?this.collapsed?"0px":`${e}px`:"",this.toolsWrap.style.maxWidth=t?"":this.collapsed?"0px":`${e}px`,this.toolsWrap.style.opacity=this.collapsed?"0":"1",this.toolsWrap.style.pointerEvents=this.collapsed?"none":"auto"}handleViewportChange(){this.syncCollapsedLayout();for(let t of this.entries.values())t.subBadges&&t.subBadges.getAttribute("data-open")==="true"&&this.positionSubBadges(t.slot,t.subBadges)}renderButton(t,e,r,i){let n=pn(r),s=n?`${e} (${n})`:e;t.setAttribute("data-active",i.active?"true":"false"),t.setAttribute("aria-label",`${s}: ${i.active?"On":"Off"}`),t.title=`${s}: ${i.active?"On":"Off"}`}syncSubBadgeState(t,e,r){let i=r?"true":"false";if(t.setAttribute("data-active",i),!!e){e.setAttribute("data-parent-active",i);for(let n of e.querySelectorAll("[data-stdg-dock-sub-badge]"))n.setAttribute("data-parent-active",i),n.setAttribute("aria-disabled",r?"false":"true")}}applyStoredActiveState(t){let e=this.preferences.active[t.id];if(typeof e!="boolean")return;let r=this.collapsed?!1:e;r!==t.getState().active&&t.setActive(r)}persistActiveState(t,e){this.suppressPersist||this.collapsed||(this.preferences.active[t]=e,this.savePreferences())}loadPreferences(){try{let t=localStorage.getItem(this.dockStorageKey);if(!t)return{collapsed:!1,active:{}};let e=JSON.parse(t);return{collapsed:e.collapsed===!0,active:e.active&&typeof e.active=="object"?e.active:{}}}catch{return{collapsed:!1,active:{}}}}savePreferences(){try{localStorage.setItem(this.dockStorageKey,JSON.stringify(this.preferences))}catch{}}get dockStorageKey(){return it(Is)}};var Qe=class{definitions=new Map;dock=null;register(t){!t||this.definitions.has(t.id)||(this.definitions.set(t.id,t),this.dock||(this.dock=new Ze),this.dock.add(t))}setFPS(t){this.dock?.setFPS(t)}destroy(){this.definitions.clear(),this.dock?.destroy(),this.dock=null}};var pi=class extends x{constructor(t){super(t),this.htmlKey="scroller"}onObjectConnected(t){let e=t.getProperty("scroller-inited");if(e==null||e==""){t.setProperty("scroller-inited","inited");let r=i=>{this.events.emit("wheel",i)};t.setProperty("scroller-wheel-event",r),t.htmlElement.addEventListener("wheel",r)}}onObjectDisconnected(t){t.setProperty("scroller-inited",""),t.htmlElement.removeEventListener("wheel",t.getProperty("scroller-wheel-event"))}};var gi=class extends x{states=new WeakMap;constructor(t){super(t),this.htmlKey="scroll-container",this.attributesToMap.push({key:"lerp",type:"number",fallback:.1})}onObjectConnected(t){super.onObjectConnected(t);let e=t.htmlElement;getComputedStyle(e).overflowY==="visible"&&(e.style.overflowY="auto");let r={current:e.scrollTop,target:e.scrollTop,maxScroll:e.scrollHeight-e.clientHeight,velocity:0,lerp:t.getProperty("lerp")||.1,isDragging:!1,isActive:!1};this.states.set(e,r),e.addEventListener("wheel",i=>this.handleWheel(i,e,r),{passive:!1}),e.addEventListener("scroll",i=>this.onNativeScroll(i,e,r),{passive:!0}),this.measure(e,r)}onObjectDisconnected(t){this.states.delete(t.htmlElement)}onFrame(t){for(let e of this.objectsOnPage){let r=e.htmlElement,i=this.states.get(r);i&&i.isActive&&!i.isDragging&&this.updateScroll(r,i)}}onResize(){for(let t of this.objectsOnPage){let e=t.htmlElement,r=this.states.get(e);r&&this.measure(e,r)}}measure(t,e){e.maxScroll=t.scrollHeight-t.clientHeight}handleWheel(t,e,r){let i=t.deltaY,n=i<0,s=i>0,o=r.target<=.1,a=r.target>=r.maxScroll-.1;n&&o||s&&a||(t.preventDefault(),t.stopPropagation(),r.target+=i,r.target=Math.max(0,Math.min(r.target,r.maxScroll)),r.isActive=!0,r.isDragging=!1)}onWheel(t){}onNativeScroll(t,e,r){r.isActive||(r.current=e.scrollTop,r.target=e.scrollTop)}updateScroll(t,e){let r=e.target-e.current;Math.abs(r)<.1?(e.current=e.target,e.isActive=!1):e.current+=r*e.lerp,t.scrollTop=e.current}};function gn(d){let t=d.match(/([^[]+)\[([\d.]+)-([\d.]+)\]/);return t?{id:t[1],start:parseFloat(t[2]),end:parseFloat(t[3])}:null}function _s(d,t,e,r,i){return r+(i-r)*(d-t)/(e-t)}var hi=class extends x{constructor(t){super(t),this.htmlKey="progress-part",this.attributesToMap=[...this.attributesToMap,{key:"part-of",type:"string",fallback:""},{key:"easing",type:"easing",fallback:this.settings.easing}]}onObjectConnected(t){let e=t.getProperty("part-of"),r=gn(e);if(r){t.setProperty("part-of-id",r.id),t.setProperty("start",r.start),t.setProperty("end",r.end);let i=n=>{if(r){let s=_s(n,r?.start,r?.end,0,1),o=Math.max(0,Math.min(1,s)),a=t.getProperty("easing"),l=typeof a=="function"?a(o):o;t.htmlElement.style.setProperty("--progress-slice",l.toString()),this.emitSignal(t,"progress-slice",l),this.events.emit(this.getObjectEventName(t,"object:progress-slice"),l)}};t.setProperty("progress-event",i),this.events.on(`object:progress:${r.id}`,i)}}onObjectDisconnected(t){let e=t.getProperty("part-of-id");e&&this.events.off(`object:progress:${e}`,t.getProperty("progress-event"))}};var Fs=/^([a-zA-Z0-9_-]+)\.([a-zA-Z0-9_-]+)\s*(>=|<=|==|!=|>|<)\s*(-?(?:\d+\.?\d*|\d*\.?\d+))$/,Vs=/^(.*?)\s*=>\s*([a-z.]+)\((.*)\)$/;function hn(d){return d.split(";").map(t=>t.trim()).filter(Boolean).flatMap(t=>{let e=t.match(Vs);if(!e)return[];let[,r,i,n]=e,s=Ws(r.trim());if(!s.length)return[];let o=zs(i.trim(),n.trim());return o?[{groups:s,effect:o,raw:t}]:[]})}function Ws(d){return d.split(/\s*\|\|\s*/).filter(Boolean).map(t=>t.split(/\s*&&\s*/).filter(Boolean).map(Ns)).filter(t=>t.length>0&&t.every(Boolean))}function Ns(d){let t=d.match(Fs);if(!t)return null;let[,e,r,i,n]=t,s=parseFloat(n);return Number.isFinite(s)?{sourceId:e,signal:r,operator:i,threshold:s,raw:d}:null}function zs(d,t){let e=Gs(t);switch(d){case"toggle.class":return e[0]?{type:"class-toggle",key:e[0]}:null;case"class.add":return e[0]?{type:"class-add",key:e[0]}:null;case"class.remove":return e[0]?{type:"class-remove",key:e[0]}:null;case"style.set":return e[0]&&e[1]?{type:"style-set",key:e[0],value:e[1]}:null;case"style.remove":return e[0]?{type:"style-remove",key:e[0]}:null;case"var.set":return e[0]&&e[1]?{type:"var-set",key:e[0],value:e[1]}:null;case"var.remove":return e[0]?{type:"var-remove",key:e[0]}:null;default:return null}}function Gs(d){return d.split(",").map(t=>t.trim()).filter(Boolean)}var mi=class extends x{constructor(t){super(t),this.htmlKey="signal",this.attributesToMap=[...this.attributesToMap,{key:"signal",type:"string",fallback:""}]}onObjectConnected(t){let e=t.getProperty("signal");if(!e)return;let r=hn(e);if(r.length===0)return;let i=[];t.setProperty("signal-rules",i);for(let n=0;n<r.length;n++){let s=r[n],o={rule:s,callbacks:[],previousState:null},a=()=>{this.applyRuleState(t,o)};for(let{sourceId:l,signal:c}of Ys(s))o.callbacks.push({sourceId:l,signal:c,callback:a}),this.signals.subscribe(l,c,this.events,a);i.push(o),this.applyRuleState(t,o)}}onObjectDisconnected(t){let e=t.getProperty("signal-rules");if(e)for(let r=0;r<e.length;r++){let i=e[r];for(let n=0;n<i.callbacks.length;n++){let s=i.callbacks[n];this.signals.unsubscribe(s.sourceId,s.signal,this.events,s.callback)}i.rule.effect.type==="class-toggle"&&this.resetEffect(t,i.rule.effect)}}applyRuleState(t,e){let r=$s(e.rule,this.signals);e.previousState!==r&&(e.previousState=r,L.run(()=>{this.applyEffectState(t,e.rule.effect,r)}))}applyEffectState(t,e,r){e.type==="class-toggle"?r?this.applyEffect(t,e):this.resetEffect(t,e):r&&this.applyEffect(t,e)}applyEffect(t,e){this.applyToElementAndConnects(t,r=>qs(r,e))}resetEffect(t,e){this.applyToElementAndConnects(t,r=>Xs(r,e))}};function $s(d,t){for(let e=0;e<d.groups.length;e++){let r=d.groups[e],i=!0;for(let n=0;n<r.length;n++)if(!Us(r[n],t)){i=!1;break}if(i)return!0}return!1}function Us(d,t){let e=t.get(d.sourceId,d.signal);return typeof e!="number"||!Number.isFinite(e)?!1:js(e,d.operator,d.threshold)}function js(d,t,e){switch(t){case">":return d>e;case">=":return d>=e;case"<":return d<e;case"<=":return d<=e;case"==":return d===e;case"!=":return d!==e}}function Ys(d){let t=new Set,e=[];for(let r of d.groups)for(let{sourceId:i,signal:n}of r){let s=`${i}::${n}`;t.has(s)||(t.add(s),e.push({sourceId:i,signal:n}))}return e}function qs(d,t){switch(t.type){case"class-toggle":case"class-add":d.classList.add(t.key);return;case"class-remove":d.classList.remove(t.key);return;case"style-set":L.setProp(d,t.key,t.value);return;case"style-remove":case"var-remove":d.style.removeProperty(t.key);return;case"var-set":L.setVar(d,t.key,t.value);return}}function Xs(d,t){switch(t.type){case"class-toggle":d.classList.remove(t.key);return;default:return}}var Ks=(d,t)=>{let e=Math.min(d,t),r=Math.max(d,t);return e+Math.random()*(r-e)},Zs=(d,t)=>{let e=Math.ceil(Math.min(d,t)),r=Math.floor(Math.max(d,t));return r<e?e:Math.floor(Math.random()*(r-e+1))+e},Qs=d=>{if(Array.isArray(d)&&d.length>=2){let t=Number(d[0]),e=Number(d[1]);if(Number.isFinite(t)&&Number.isFinite(e))return[t,e]}return typeof d=="number"&&Number.isFinite(d)?[0,d]:[0,1]},fi=class extends x{constructor(t){super(t),this.htmlKey="random",this.attributesToMap.push({key:"random-number",type:"json",fallback:"[0,1]"}),this.attributesToMap.push({key:"random-type",type:"string",fallback:"int"})}onObjectConnected(t){let e=t.htmlElement,r=Qs(t.getProperty("random-number")),n=String(t.getProperty("random-type")??"float").toLowerCase()==="int"?Zs(r[0],r[1]):Ks(r[0],r[1]);L.run(()=>{L.setVars(e,{"--random":n})})}};var Je=class{constructor(t,e){this.id=t;this.zIndex=e}screenRoot=null;world=null;screen=null;worldHost=null;hostPositionWasPatched=!1;hostPositionInlineValue=null;ensure(t){if(this.screenRoot?.isConnected)return t&&this.attachWorldToHost(t),this.screenRoot;let e=document.querySelector(`[data-string-dev-viewport-layer="${this.id}"]`);if(e)return this.screenRoot=e,this.screen=e.querySelector(`[data-string-dev-viewport-screen="${this.id}"]`),t&&this.attachWorldToHost(t),e;let r=document.createElement("div");r.setAttribute("data-string-dev-viewport-layer",this.id),r.setAttribute("data-string-devtools-theme",""),r.style.position="fixed",r.style.inset="0",r.style.zIndex=String(this.zIndex),r.style.pointerEvents="none",r.style.overflow="hidden";let i=document.createElement("div");return i.setAttribute("data-string-dev-viewport-screen",this.id),i.style.position="absolute",i.style.inset="0",i.style.pointerEvents="none",i.style.overflow="hidden",r.appendChild(i),(document.body??document.documentElement).appendChild(r),this.screenRoot=r,this.screen=i,this.attachWorldToHost(t??document.body??document.documentElement),r}getElement(){return this.screenRoot?.isConnected?this.screenRoot:null}getWorldElement(t){return this.ensure(t),this.world}getScreenElement(){return this.ensure(),this.screen}destroy(){this.restoreHostPosition(),this.screenRoot?.remove(),this.screenRoot=null,this.world?.remove(),this.world=null,this.screen=null,this.worldHost=null}attachWorldToHost(t){if(this.worldHost===t&&this.world?.isConnected)return;if(this.restoreHostPosition(),this.worldHost=t,!this.world){let r=document.createElement("div");r.setAttribute("data-string-dev-viewport-world",this.id),r.setAttribute("data-string-devtools-theme",""),r.style.position="absolute",r.style.top="0",r.style.left="0",r.style.width="1px",r.style.height="1px",r.style.pointerEvents="none",r.style.overflow="visible",r.style.zIndex=String(this.zIndex),this.world=r}t!==document.body&&t!==document.documentElement&&window.getComputedStyle(t).position==="static"&&(this.hostPositionWasPatched=!0,this.hostPositionInlineValue=t.style.position||null,t.style.position="relative"),t.appendChild(this.world)}restoreHostPosition(){this.world&&this.world.remove(),this.worldHost&&this.hostPositionWasPatched&&(this.hostPositionInlineValue==null||this.hostPositionInlineValue===""?this.worldHost.style.removeProperty("position"):this.worldHost.style.position=this.hostPositionInlineValue),this.hostPositionWasPatched=!1,this.hostPositionInlineValue=null}};var oe=class d{static instance=null;layers=new Map;static getInstance(){return this.instance||(this.instance=new d),this.instance}acquire(t,e){let r=this.layers.get(t);if(r){if(r.zIndex!==e)throw new Error(`Shared devtools layer "${t}" already exists with z-index ${r.zIndex}, requested ${e}.`);return r.refs+=1,r.layer}let i=new Je(t,e);return this.layers.set(t,{layer:i,refs:1,zIndex:e}),i}release(t){let e=this.layers.get(t);e&&(e.refs-=1,!(e.refs>0)&&(e.layer.destroy(),this.layers.delete(t)))}};var J=class extends x{static devtool=null;overlayRegistry=oe.getInstance();acquiredViewportLayers=new Map;devtoolListeners=new Set;hotkeyHandler=null;devtoolConfig=null;constructor(t){super(t),this._type=2,se();let e=this.constructor.devtool;e&&(this.configureDevtool(e),this.bindDevtoolHotkey(e.hotkey));let r=e?.styles,i=(typeof r=="function"?r():r)??this.getStyles();i&&this.ensureStyle(`${this.getStyleScopeId(i)}-styles`,i)}get respectSelfDisable(){return!1}get connectsConfig(){return this.constructor.devtool?.connects}canConnect(t){let e=this.connectsConfig;return e?!!(e.global===!0||t.keys.includes("dev-inspect")||e.keys?.some(r=>t.keys.includes(r))||e.attributes?.some(r=>t.htmlElement.hasAttribute(r))):super.canConnect(t)}getStyleScopeId(t){let e=this.htmlKey||this.constructor.devtool?.connects?.keys?.[0];if(e)return e;let r=0;for(let i=0;i<t.length;i+=1)r=r*31+t.charCodeAt(i)>>>0;return`string-dev-${r.toString(16)}`}getStyles(){return null}getDevtoolDefinition(){if(!this.devtoolConfig)return null;let t=this.devtoolConfig,e=this.getDevtoolSubBadges();return{id:t.id,label:t.label,icon:t.icon,order:t.order,group:t.group,hotkey:t.hotkey,subBadges:e.length>0?e:void 0,getState:()=>({active:this.getDevtoolActiveState()}),setActive:r=>{this.setDevtoolActiveState(r)},subscribe:r=>(this.devtoolListeners.add(r),r({active:this.getDevtoolActiveState()}),()=>{this.devtoolListeners.delete(r)})}}getDevtoolSubBadges(){return[]}configureDevtool(t){this.devtoolConfig=t}bindDevtoolHotkey(t){typeof window>"u"||!t||(this.hotkeyHandler=e=>{let r=e.target;r&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement||r.isContentEditable)||e.key.toLowerCase()!==t.key.toLowerCase()||e.shiftKey!==(t.shiftKey??!1)||e.ctrlKey!==(t.ctrlKey??!1)||e.altKey!==(t.altKey??!1)||e.metaKey!==(t.metaKey??!1)||(e.preventDefault(),this.setDevtoolActiveState(!this.getDevtoolActiveState()))},window.addEventListener("keydown",this.hotkeyHandler))}emitDevtoolState(t=this.getDevtoolActiveState()){let e={active:t};for(let r of this.devtoolListeners)r(e)}acquireViewportLayer(t,e){let r=this.acquiredViewportLayers.get(t);if(r)return r;let i=this.overlayRegistry.acquire(t,e);return this.acquiredViewportLayers.set(t,i),i}releaseViewportLayer(t){this.acquiredViewportLayers.has(t)&&(this.overlayRegistry.release(t),this.acquiredViewportLayers.delete(t))}ensureStyle(t,e){let r=document.getElementById(t);if(r instanceof HTMLStyleElement)return r;let i=document.createElement("style");return i.id=t,i.textContent=e,document.head.appendChild(i),i}getWorldHost(){return this.data.scroll.container??document.body??document.documentElement}getDevtoolActiveState(){return!1}setDevtoolActiveState(t){}destroy(){this.hotkeyHandler&&(window.removeEventListener("keydown",this.hotkeyHandler),this.hotkeyHandler=null),this.devtoolListeners.clear();for(let t of this.acquiredViewportLayers.keys())this.overlayRegistry.release(t);this.acquiredViewportLayers.clear(),super.destroy()}};var vi=["S","M","L","XL"];var Js=[1280,1024,768,0];function mn(d,t){let e=t-1-d;return vi[e]??"S"}var fn=0;function tr(){return`grid-${Date.now()}-${fn++}`}function er(){return`layout-${Date.now()}-${fn++}`}function rr(d=2){let t=Math.max(2,Math.min(4,d)),e=[];for(let r=0;r<t;r++){let i=mn(r,t),n=r===t-1?0:Js[r]??0;e.push({id:er(),label:i,minWidth:n,instances:[]})}return e}function ae(d){return Number.isFinite(d)?Math.max(0,Math.round(d)):0}function Dt(d){let t=d.length;for(let e=0;e<t;e++)d[e].label=mn(e,t)}var to="string-grid:";function bi(d){return it(to+d)}function eo(d){if(!d||typeof d!="object")return 0;if(Array.isArray(d))return d.length;let t=d,e=Array.isArray(t.layouts)?t.layouts:[],r=0;for(let i of e){if(!i||typeof i!="object")continue;let n=i,s=Array.isArray(n.instances)?n.instances:Array.isArray(n.grids)?n.grids:[];r+=s.length}return r}var ir=class{adapterRegistry=new Map;elementStates=new Map;registerAdapter(t){this.adapterRegistry.set(t.type,t)}getAdapter(t){return this.adapterRegistry.get(t)}getAdapterRegistry(){return this.adapterRegistry}getLayouts(t){return this.getOrInitState(t).layouts}getLayoutCount(t){return this.getOrInitState(t).layouts.length}getSelectedLayoutId(t){return this.getOrInitState(t).selectedLayoutId}getPanelTitle(t){return this.getOrInitState(t).panelTitle?.trim()||"Layout"}getSelectedLayoutLabel(t){let e=this.getOrInitState(t);return this.findSelectedLayout(e)?.label??"S"}getResolvedLayoutId(t,e){let r=this.getOrInitState(t);return this.findResolvedLayout(r,e)?.id??r.layouts[r.layouts.length-1].id}getSelectedInstances(t){let e=this.getOrInitState(t);return this.findSelectedLayout(e)?.instances??[]}getResolvedInstances(t,e){let r=this.getOrInitState(t);return this.findResolvedLayout(r,e)?.instances??[]}addLayout(t){let e=this.getOrInitState(t);if(e.layouts.length>=4)return null;let r=e.layouts[0],i=r?Math.min(1920,r.minWidth+256):1280,n={id:er(),label:"XL",minWidth:i,instances:[]};return e.layouts.unshift(n),this.sortLayouts(e),Dt(e.layouts),this.ensureMinWidthConstraints(e),e.layouts.some(s=>s.id===e.selectedLayoutId)||(e.selectedLayoutId=e.layouts[0].id),this.save(t),n}removeLayout(t,e){let r=this.getOrInitState(t);if(r.layouts.length<=2)return!1;let i=r.layouts.findIndex(n=>n.id===e);return i===-1?!1:(r.layouts.splice(i,1),Dt(r.layouts),this.ensureMinWidthConstraints(r),r.layouts.some(n=>n.id===r.selectedLayoutId)||(r.selectedLayoutId=r.layouts[r.layouts.length-1].id),this.save(t),!0)}selectLayout(t,e,r=!0){let i=this.getOrInitState(t);i.layouts.some(n=>n.id===e)&&(i.selectedLayoutId=e,r&&this.save(t))}updateLayoutMinWidth(t,e,r,i=!0){let n=this.getOrInitState(t),s=n.layouts.find(o=>o.id===e);s&&(s.minWidth=ae(r),this.sortLayouts(n),Dt(n.layouts),this.ensureMinWidthConstraints(n),i&&this.save(t))}replaceLayouts(t,e,r){let i=this.normalizeLayouts(e),n={elementId:t,layouts:i,selectedLayoutId:r};this.ensureValidSelection(n),this.elementStates.set(t,n),this.save(t)}getInstances(t){return this.getSelectedInstances(t)}addInstance(t,e){let r=this.adapterRegistry.get(e);if(!r)return null;let i=this.findSelectedLayout(this.getOrInitState(t));if(!i)return null;let n={id:tr(),type:e,visible:!0,settings:{...r.getDefaults()}};return i.instances.push(n),this.save(t),n}removeInstance(t,e){let r=this.findSelectedLayout(this.getOrInitState(t));r&&(r.instances=r.instances.filter(i=>i.id!==e),this.save(t))}reorderInstance(t,e,r,i){let n=this.findSelectedLayout(this.getOrInitState(t));if(!n||e===r)return;let s=n.instances.findIndex(u=>u.id===e),o=n.instances.findIndex(u=>u.id===r);if(s===-1||o===-1)return;let[a]=n.instances.splice(s,1),l=n.instances.findIndex(u=>u.id===r),c=i==="before"?l:l+1;n.instances.splice(c,0,a),this.save(t)}moveInstanceToEnd(t,e){let r=this.findSelectedLayout(this.getOrInitState(t));if(!r)return;let i=r.instances.findIndex(s=>s.id===e);if(i===-1||i===r.instances.length-1)return;let[n]=r.instances.splice(i,1);r.instances.push(n),this.save(t)}toggleVisibility(t,e){let r=this.findInstance(t,e);r&&(r.visible=!r.visible,this.save(t))}renameInstance(t,e,r){let i=this.findInstance(t,e);i&&(i.name=r.trim()||void 0,this.save(t))}renamePanelTitle(t,e){let r=this.getOrInitState(t);r.panelTitle=e.trim()||"Layout",this.save(t)}updateSetting(t,e,r,i){let n=this.findInstance(t,e);n&&(n.settings[r]=i,this.save(t))}findInstance(t,e){return this.getSelectedInstances(t).find(r=>r.id===e)}save(t){let e=this.elementStates.get(t);if(e)try{let r={layouts:e.layouts,selectedLayoutId:e.selectedLayoutId,panelTitle:e.panelTitle??"Layout"},i=bi(t);localStorage.setItem(i,JSON.stringify(r))}catch(r){console.warn("[StringDevLayout:storage] save failed",{elementId:t,storageSlot:bi(t),error:r})}}load(t,e=[]){try{let r=[t,...e],i=[];for(let p of r){let g=bi(p),m=localStorage.getItem(g);if(m)try{let h=JSON.parse(m);i.push({elementId:p,storageSlot:g,raw:m,parsed:h,gridCount:eo(h)})}catch(h){console.warn("[StringDevLayout:storage] candidate parse failed",{elementId:t,candidateId:p,storageSlot:g,error:h})}}let n=i[0]??null;for(let p of i)(!n||p.gridCount>n.gridCount)&&(n=p);if(!n)return;let s=n.parsed,o=n.elementId;if(Array.isArray(s)){let p=s.filter(m=>this.adapterRegistry.has(m.type));for(let m of p){let h=this.adapterRegistry.get(m.type);h&&(m.settings={...h.getDefaults(),...m.settings})}let g=rr(2);g[g.length-1].instances=p,this.elementStates.set(t,{elementId:t,layouts:g,selectedLayoutId:g[0].id,panelTitle:"Layout"}),o!==t&&this.save(t);return}let a=Array.isArray(s?.layouts)?s.layouts:null;if(!a)return;let l=this.normalizeLayouts(a);if(l.length===0)return;let c=typeof s?.selectedLayoutId=="string"?s.selectedLayoutId:l[0].id,u={elementId:t,layouts:l,selectedLayoutId:c,panelTitle:typeof s?.panelTitle=="string"&&s.panelTitle.trim().length>0?s.panelTitle.trim():"Layout"};this.ensureValidSelection(u),this.elementStates.set(t,u),o!==t&&this.save(t)}catch{}}clear(){this.elementStates.clear()}getOrInitState(t){let e=this.elementStates.get(t);if(!e){let r=rr(2);e={elementId:t,layouts:r,selectedLayoutId:r[0].id,panelTitle:"Layout"},this.elementStates.set(t,e)}return this.sortLayouts(e),this.ensureValidSelection(e),e}normalizeLayouts(t){let i=t.filter(n=>n&&typeof n=="object"&&typeof n.id=="string").map(n=>{let s=Array.isArray(n.instances)?n.instances:Array.isArray(n.grids)?n.grids:[];return{id:n.id,label:n.label??"S",minWidth:ae(typeof n.minWidth=="number"?n.minWidth:0),instances:s.filter(o=>this.adapterRegistry.has(o.type)).map(o=>{let a=this.adapterRegistry.get(o.type);return a?{...o,visible:o.visible!==!1,settings:{...a.getDefaults(),...o.settings}}:o})}}).slice(0,4);for(;i.length<2;)i.push({id:er(),label:"S",minWidth:0,instances:[]});return this.sortLayoutsArr(i),Dt(i),this.ensureMinWidthConstraintsArr(i),i}sortLayouts(t){this.sortLayoutsArr(t.layouts)}sortLayoutsArr(t){t.sort((e,r)=>r.minWidth-e.minWidth)}ensureValidSelection(t){t.layouts.length<2&&(t.layouts=rr(2)),t.layouts.length>4&&(t.layouts=t.layouts.slice(0,4),Dt(t.layouts)),t.layouts.some(e=>e.id===t.selectedLayoutId)||(t.selectedLayoutId=t.layouts[t.layouts.length-1].id)}ensureMinWidthConstraints(t){this.ensureMinWidthConstraintsArr(t.layouts)}ensureMinWidthConstraintsArr(t){if(t.length!==0){t[t.length-1].minWidth=0;for(let e=t.length-2;e>=0;e--){let r=t[e+1].minWidth;t[e].minWidth<=r&&(t[e].minWidth=r+1)}}}findSelectedLayout(t){return t.layouts.find(e=>e.id===t.selectedLayoutId)}findResolvedLayout(t,e){for(let r of t.layouts)if(e>=r.minWidth)return r;return t.layouts[t.layouts.length-1]}};var ro="http://www.w3.org/2000/svg",de=class{svg;target;resizeObserver;enabled=!0;onResize;constructor(t,e,r){this.target=t,this.onResize=r,this.svg=document.createElementNS(ro,"svg"),this.svg.setAttribute("data-string-grid-overlay",""),this.svg.style.position="absolute",this.svg.style.pointerEvents="none",this.svg.style.transformOrigin="top left",e.appendChild(this.svg),this.syncViewBox(),this.resizeObserver=new ResizeObserver(()=>{this.syncViewBox(),this.onResize?.()}),this.resizeObserver.observe(this.target)}getElement(){return this.svg}setPosition(t,e,r,i){this.svg.style.width=`${r}px`,this.svg.style.height=`${i}px`,this.svg.style.transform=`translate3d(${Math.round(t)}px, ${Math.round(e)}px, 0)`}render(t,e){if(this.clearAll(),!this.enabled)return;let{width:r,height:i}=this.getDimensions();for(let n of[...t].reverse()){let s=e.get(n.type);if(s&&n.visible){s.render(this.svg,r,i,{...n.settings,__instanceId:n.id});let o=this.svg.querySelector(`[data-grid-id="${n.id}"]`);o&&(o.setAttribute("data-grid-type",n.type),o.setAttribute("data-grid-visible","true"))}}}setEnabled(t){this.enabled=t,this.svg.style.display=t?"":"none",t||this.clearAll()}clearAll(){let t=this.svg.querySelectorAll("[data-grid-id]");for(let e=t.length-1;e>=0;e--)t[e].remove()}clearInstance(t,e){e.clear(this.svg,t)}syncViewBox(){let{width:t,height:e}=this.getDimensions();this.svg.setAttribute("viewBox",`0 0 ${t} ${e}`)}getDimensions(){return{width:this.target.offsetWidth,height:this.target.offsetHeight}}destroy(){this.resizeObserver.disconnect(),this.svg.remove()}ensurePositioned(){getComputedStyle(this.target).position==="static"&&(this.target.style.position="relative")}};var Z=class{key;label;value;onChange;root=null;constructor(t,e,r,i){this.key=t,this.label=e,this.value=r,this.onChange=i}setDisabled(t){this.root&&this.root.setAttribute("data-disabled",t?"true":"false")}getValue(){return this.value}destroy(){this.root?.remove(),this.root=null}emit(t){this.value=t,this.onChange(this.key,t)}createLabel(){let t=document.createElement("label");return t.textContent=this.label,t.setAttribute("data-stdg-label",""),t}createRow(){let t=document.createElement("div");return t.setAttribute("data-stdg-panel-field",""),t}};var io=320,no=60,vn=6,nr=class extends Z{min;max;step;input=null;stepperButtons=[];constructor(t,e,r,i,n=0,s=100,o=1){super(t,e,r,i),this.min=n,this.max=s,this.step=o}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControls()),this.root=t,t}setValue(t){this.value=t,this.input&&(this.input.value=this.formatValue(t))}setDisabled(t){super.setDisabled(t),this.input&&(this.input.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControls(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("div");return e.setAttribute("data-stdg-stepper",""),e.appendChild(this.createStepperButton("up",1)),e.appendChild(this.createStepperButton("down",-1)),t.appendChild(this.createInput()),t.appendChild(e),t}createInput(){let t=document.createElement("input");return t.type="text",t.inputMode="text",t.setAttribute("enterkeyhint","done"),t.autocomplete="off",t.spellcheck=!1,t.value=this.formatValue(this.value),t.setAttribute("data-stdg-input",""),t.addEventListener("focus",()=>{t.select()}),t.addEventListener("blur",()=>{this.commitValue(t.value)}),t.addEventListener("keydown",e=>{if(e.key==="Enter"){t.blur();return}if(e.key==="Escape"){t.value=this.formatValue(this.value),t.blur();return}e.key!=="ArrowUp"&&e.key!=="ArrowDown"||(e.preventDefault(),this.applyDelta(e.key==="ArrowUp"?1:-1,e))}),t.addEventListener("wheel",e=>{document.activeElement===t&&(e.preventDefault(),this.applyDelta(e.deltaY<0?1:-1,e))}),t.addEventListener("mousedown",e=>{e.button===1&&this.startMiddleDrag(e,t)}),t.addEventListener("auxclick",e=>{e.button===1&&e.preventDefault()}),this.input=t,t}createStepperButton(t,e){let r=document.createElement("button");r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down");let i=0,n=0,s=!1,o=()=>{window.clearTimeout(i),window.clearInterval(n),document.removeEventListener("pointerup",o),document.removeEventListener("pointercancel",o)};return r.addEventListener("pointerdown",a=>{a.button===0&&(i=window.setTimeout(()=>{s=!0,this.applyDelta(e),n=window.setInterval(()=>{this.applyDelta(e)},no)},io),document.addEventListener("pointerup",o),document.addEventListener("pointercancel",o))}),r.addEventListener("click",a=>{if(s){s=!1,a.preventDefault();return}this.applyDelta(e),this.input?.focus(),this.input?.select()}),this.stepperButtons.push(r),r}startMiddleDrag(t,e){t.preventDefault();let r=t.clientX,i=0,n=document.body.style.cursor,s=document.body.style.userSelect;document.body.style.cursor="ew-resize",document.body.style.userSelect="none";let o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor=n,document.body.style.userSelect=s},a=l=>{let c=l.clientX-r;for(r=l.clientX,i+=c;Math.abs(i)>=vn;){let u=i>0?1:-1;this.applyDelta(u,l),i-=vn*u}};e.focus(),e.select(),document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}commitValue(t){let e=parseFloat(t.replace(",","."));if(isNaN(e)){this.input&&(this.input.value=this.formatValue(this.value));return}let r=this.normalizeValue(e);this.input&&(this.input.value=this.formatValue(r)),this.emit(r)}applyDelta(t,e){let r=e?.shiftKey?10:e?.altKey?.1:1,i=this.normalizeValue(this.value+t*this.step*r);this.input&&(this.input.value=this.formatValue(i)),this.emit(i)}normalizeValue(t){let e=Math.round(t/this.step)*this.step,r=this.getPrecision(this.step);return Number(e.toFixed(r))}getPrecision(t){return String(t).split(".")[1]?.length??0}formatValue(t){let e=this.getPrecision(this.step);return e>0?t.toFixed(e):String(t)}};var so=320,oo=60,bn=6,sr=class d extends Z{min;max;step;displayMultiplier;displayStep;suffix;units;currentUnit;valueInput=null;unitSelect=null;stepperButtons=[];static DECIMAL_UNITS=new Set(["rem","em"]);constructor(t,e,r,i,n=0,s=100,o=1,a=1,l,c,u,p){super(t,e,r,i),this.min=n,this.max=s,this.step=o,this.displayMultiplier=a,this.displayStep=l,this.suffix=c,this.units=u,this.currentUnit=p}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControls()),this.root=t,t}setValue(t){this.value=t,this.valueInput&&(this.valueInput.value=this.formatValue(t))}setDisabled(t){super.setDisabled(t),this.valueInput&&(this.valueInput.disabled=t),this.unitSelect&&(this.unitSelect.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControls(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("div");if(e.setAttribute("data-stdg-field-value",""),e.appendChild(this.createInput()),this.suffix){let i=document.createElement("span");i.setAttribute("data-stdg-field-suffix",""),i.textContent=this.suffix,e.appendChild(i)}if(t.appendChild(e),this.units&&this.units.length>0){let i=document.createElement("select");i.setAttribute("data-stdg-select","");for(let n of this.units){let s=document.createElement("option");s.value=n.value,s.textContent=n.label,i.appendChild(s)}i.value=this.currentUnit||this.units[0].value,i.addEventListener("change",()=>{this.currentUnit=i.value,this.valueInput&&(this.valueInput.value=this.formatValue(this.value)),this.onChange(this.key+"Unit",i.value)}),this.unitSelect=i,t.appendChild(i)}let r=document.createElement("div");return r.setAttribute("data-stdg-stepper",""),r.appendChild(this.createStepperButton("up",1)),r.appendChild(this.createStepperButton("down",-1)),t.appendChild(r),t}createInput(){let t=document.createElement("input");return t.type="text",t.inputMode="text",t.setAttribute("enterkeyhint","done"),t.autocomplete="off",t.spellcheck=!1,t.value=this.formatValue(this.value),t.setAttribute("data-stdg-input",""),t.addEventListener("focus",()=>{t.select()}),t.addEventListener("blur",()=>{this.commitInputValue(t)}),t.addEventListener("keydown",e=>{e.key==="Enter"?t.blur():e.key==="Escape"?(t.value=this.formatValue(this.value),t.blur()):(e.key==="ArrowUp"||e.key==="ArrowDown")&&(e.preventDefault(),this.applyDelta(e.key==="ArrowUp"?1:-1,e,t))}),t.addEventListener("wheel",e=>{document.activeElement===t&&(e.preventDefault(),this.applyDelta(e.deltaY<0?1:-1,e,t))}),t.addEventListener("mousedown",e=>{e.button===1&&this.startMiddleDrag(e,t)}),t.addEventListener("auxclick",e=>{e.button===1&&e.preventDefault()}),this.valueInput=t,t}createStepperButton(t,e){let r=document.createElement("button");r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down");let i=0,n=0,s=!1,o=()=>{window.clearTimeout(i),window.clearInterval(n),document.removeEventListener("pointerup",o),document.removeEventListener("pointercancel",o)};return r.addEventListener("pointerdown",a=>{a.button===0&&(i=window.setTimeout(()=>{s=!0,this.valueInput&&(this.applyDelta(e,void 0,this.valueInput),n=window.setInterval(()=>{this.valueInput&&this.applyDelta(e,void 0,this.valueInput)},oo))},so),document.addEventListener("pointerup",o),document.addEventListener("pointercancel",o))}),r.addEventListener("click",a=>{if(s){s=!1,a.preventDefault();return}this.valueInput&&(this.applyDelta(e,void 0,this.valueInput),this.valueInput.focus(),this.valueInput.select())}),this.stepperButtons.push(r),r}startMiddleDrag(t,e){t.preventDefault();let r=t.clientX,i=0,n=document.body.style.cursor,s=document.body.style.userSelect;document.body.style.cursor="ew-resize",document.body.style.userSelect="none";let o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor=n,document.body.style.userSelect=s},a=l=>{let c=l.clientX-r;for(r=l.clientX,i+=c;Math.abs(i)>=bn;){let u=i>0?1:-1;this.applyDelta(u,l,e),i-=bn*u}};e.focus(),e.select(),document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}commitInputValue(t){let e=parseFloat(t.value.replace(",","."));if(isNaN(e)){t.value=this.formatValue(this.value);return}let r=this.normalizeDisplayValue(e);t.value=this.formatValue(r),this.emit(r)}applyDelta(t,e,r){let i=e?.shiftKey?10:e?.altKey?.1:1,n=this.modelToDisplay(this.value)+t*this.getDisplayStep()*i,s=this.normalizeDisplayValue(n);r.value=this.formatValue(s),this.emit(s)}normalizeValue(t){let e=Math.min(this.max,Math.max(this.min,t));if(d.DECIMAL_UNITS.has(this.currentUnit??""))return Number(e.toFixed(2));let r=Math.round(e/this.step)*this.step,i=this.getPrecision(this.step);return Number(r.toFixed(i))}normalizeDisplayValue(t){let e=this.modelToDisplay(this.min),r=this.modelToDisplay(this.max),i=Math.min(r,Math.max(e,t)),n=this.getDisplayPrecision();if(d.DECIMAL_UNITS.has(this.currentUnit??"")){let l=Number(i.toFixed(n));return this.normalizeValue(this.displayToModel(l))}let s=this.getDisplayStep(),o=Math.round(i/s)*s,a=Number(o.toFixed(n));return this.normalizeValue(this.displayToModel(a))}getPrecision(t){return String(t).split(".")[1]?.length??0}formatValue(t){let e=this.modelToDisplay(t),r=this.getDisplayPrecision();return r>0?e.toFixed(r):String(e)}modelToDisplay(t){let e=this.getDisplayPrecision();return Number((t*this.displayMultiplier).toFixed(e))}displayToModel(t){return t/this.displayMultiplier}getDisplayStep(){return this.displayStep??this.step*this.displayMultiplier}getDisplayPrecision(){if(d.DECIMAL_UNITS.has(this.currentUnit??""))return 2;let t=this.getDisplayStep();return t<1?Math.max(2,this.getPrecision(t)):0}};var or=class extends Z{colorInput=null;hexLabel=null;build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControl()),this.root=t,t}setValue(t){this.value=t,this.colorInput&&(this.colorInput.value=t),this.hexLabel&&(this.hexLabel.value=t)}setDisabled(t){super.setDisabled(t),this.colorInput&&(this.colorInput.disabled=t),this.hexLabel&&(this.hexLabel.disabled=t)}createControl(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("input");e.type="color",e.value=this.value,e.setAttribute("data-stdg-input",""),e.setAttribute("data-stdg-input-color","");let r=document.createElement("input");return r.type="text",r.inputMode="text",r.value=this.value,r.setAttribute("data-stdg-input",""),e.addEventListener("input",()=>{r.value=e.value,this.emit(e.value)}),r.addEventListener("change",()=>{let i=r.value.trim();e.value=i,this.emit(i)}),this.colorInput=e,this.hexLabel=r,t.appendChild(e),t.appendChild(r),t}};var ar=class extends Z{options;select=null;stepperButtons=[];constructor(t,e,r,i,n){super(t,e,r,i),this.options=n}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControl()),this.root=t,t}setValue(t){this.value=t,this.select&&(this.select.value=t)}setDisabled(t){super.setDisabled(t),this.select&&(this.select.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControl(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("select");e.setAttribute("data-stdg-select","");for(let i of this.options){let n=document.createElement("option");n.value=i.value,n.textContent=i.label,i.value===this.value&&(n.selected=!0),e.appendChild(n)}e.addEventListener("change",()=>{this.emit(e.value)}),this.select=e;let r=document.createElement("div");return r.setAttribute("data-stdg-stepper",""),r.appendChild(this.createStepperButton("up",-1)),r.appendChild(this.createStepperButton("down",1)),t.appendChild(e),t.appendChild(r),t}createStepperButton(t,e){let r=document.createElement("button");return r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down"),r.addEventListener("click",()=>{if(!this.select)return;let i=this.select.options.length;if(i===0)return;let s=((this.select.selectedIndex+e)%i+i)%i;this.select.selectedIndex=s,this.emit(this.select.value)}),this.stepperButtons.push(r),r}};var lr=class extends Z{checkbox=null;toggle=null;build(){let t=this.createRow();t.appendChild(this.createLabel());let e=document.createElement("label");e.setAttribute("data-stdg-toggle",""),e.setAttribute("data-checked",String(this.value));let r=document.createElement("input");r.type="checkbox",r.checked=this.value,r.setAttribute("data-stdg-toggle-input",""),this.checkbox=r,this.toggle=e;let i=document.createElement("span");return i.setAttribute("data-stdg-toggle-knob",""),r.addEventListener("change",()=>{let n=r.checked;this.value=n,e.setAttribute("data-checked",String(n)),this.emit(n)}),e.appendChild(r),e.appendChild(i),t.appendChild(e),this.root=t,t}setValue(t){this.value=t,this.checkbox&&(this.checkbox.checked=t),this.toggle?.setAttribute("data-checked",String(t))}setDisabled(t){super.setDisabled(t),this.checkbox&&(this.checkbox.disabled=t),this.toggle?.setAttribute("aria-disabled",t?"true":"false")}};var dr=class{fields=[];fieldEntries=[];values={};build(t,e,r){this.destroy(),this.values={...e};let i=(o,a)=>{this.values[o]=a,this.syncDisabledStates(),r(o,a)},n=document.createDocumentFragment(),s=document.createElement("div");s.setAttribute("data-stdg-panel-content",""),n.appendChild(s);for(let o of t){if(o.type==="divider"){s=document.createElement("div"),s.setAttribute("data-stdg-panel-content",""),n.appendChild(s);continue}let a=this.createField(o,e,i);a&&(this.fields.push(a),this.fieldEntries.push({descriptor:o,field:a}),s.appendChild(a.build()))}return this.syncDisabledStates(),n}updateValues(t){this.values={...this.values,...t};for(let e of this.fields){let r=e.key;r&&r in t&&e.setValue(t[r])}this.syncDisabledStates()}destroy(){for(let t of this.fields)t.destroy();this.fields=[],this.fieldEntries=[],this.values={}}createField(t,e,r){switch(t.type){case"number":return new nr(t.key,t.label,e[t.key]??t.default,r,t.min,t.max,t.step);case"range":return new sr(t.key,t.label,e[t.key]??t.default,r,t.min,t.max,t.step,t.displayMultiplier,t.displayStep,t.suffix,t.units,e[t.key+"Unit"]??t.defaultUnit);case"color":return new or(t.key,t.label,e[t.key]??t.default,r);case"select":return new ar(t.key,t.label,e[t.key]??t.default,r,t.options);case"toggle":return new lr(t.key,t.label,e[t.key]??t.default,r);default:return null}}syncDisabledStates(){for(let t of this.fieldEntries){let e=t.descriptor.disabledWhen,r=!!e&&this.values[e.key]===e.equals;t.field.setDisabled(r)}}};var yi=12,ao=360,lo=560,ce=class{target;adapterRegistry;hudRoot;trigger;panel;layoutTitle;layoutChipTabs;layoutSettingsToggle;layoutSettingsList;layoutAddButton;layoutIOActions;listContainer;addGuideButton;headerAddButton;addPanel;addGridList;layoutPanel;detailPanel;detailContent;detailTitle=null;detailIcon=null;detailBuilder=null;instances=[];layouts=[];panelTitleValue="Layout";selectedLayoutId="";resolvedLayoutId="";selectedInstanceId=null;selectedBreakpointLayoutId=null;isOpen=!1;panelInBody=!1;isAddPanelOpen=!1;isLayoutSettingsOpen=!1;enabled=!0;onDocumentPointerDownBind;onViewportChangeBind;onAdd;onRemove;onToggle;onSettingChange;onReorder;onMoveToEnd;onSelectLayout;onUpdateLayoutMinWidth;onAddLayout;onRemoveLayout;onExport;onImport;onRenameInstance;onRenamePanelTitle;onHUDOpen;onHUDClose;onLayoutPanelOpen;onLayoutPanelClose;constructor(t,e,r,i){this.target=t,this.adapterRegistry=e,this.onAdd=r.onAdd,this.onRemove=r.onRemove,this.onToggle=r.onToggle,this.onSettingChange=r.onSettingChange,this.onReorder=r.onReorder,this.onMoveToEnd=r.onMoveToEnd,this.onSelectLayout=r.onSelectLayout,this.onUpdateLayoutMinWidth=r.onUpdateLayoutMinWidth,this.onAddLayout=r.onAddLayout,this.onRemoveLayout=r.onRemoveLayout,this.onExport=r.onExport,this.onImport=r.onImport,this.onRenameInstance=r.onRenameInstance,this.onRenamePanelTitle=r.onRenamePanelTitle,this.onHUDOpen=r.onHUDOpen,this.onHUDClose=r.onHUDClose,this.onLayoutPanelOpen=r.onLayoutPanelOpen,this.onLayoutPanelClose=r.onLayoutPanelClose,this.onDocumentPointerDownBind=this.onDocumentPointerDown.bind(this),this.onViewportChangeBind=()=>this.syncPanelPlacement(),this.hudRoot=this.createHudRoot(),this.trigger=this.createTrigger(),this.panel=this.createMainPanel(),this.addPanel=this.createAddPanel(),this.layoutPanel=this.createLayoutPanel(),this.detailPanel=this.createDetailPanel(),i?.attachTrigger!==!1&&this.hudRoot.appendChild(this.trigger),this.panel.appendChild(this.addPanel),this.panel.appendChild(this.layoutPanel),this.panel.appendChild(this.detailPanel),this.hudRoot.appendChild(this.panel),document.addEventListener("pointerdown",this.onDocumentPointerDownBind),window.addEventListener("resize",this.onViewportChangeBind),window.visualViewport?.addEventListener("resize",this.onViewportChangeBind),window.visualViewport?.addEventListener("scroll",this.onViewportChangeBind)}refresh(t,e,r,i,n){this.instances=[...t],this.layouts=[...e],this.panelTitleValue=r.trim()||"Layout",this.selectedLayoutId=i,this.resolvedLayoutId=n,this.selectedInstanceId&&!t.some(s=>s.id===this.selectedInstanceId)&&this.clearSelection(),this.selectedBreakpointLayoutId&&!this.layouts.some(s=>s.id===this.selectedBreakpointLayoutId)&&(this.selectedBreakpointLayoutId=null),this.layoutTitle.value=this.panelTitleValue,this.renderLayoutChips(),this.renderLayoutSettings(),this.renderList(),this.renderDetailPanel()}destroy(){this.detailBuilder?.destroy(),document.removeEventListener("pointerdown",this.onDocumentPointerDownBind),window.removeEventListener("resize",this.onViewportChangeBind),window.visualViewport?.removeEventListener("resize",this.onViewportChangeBind),window.visualViewport?.removeEventListener("scroll",this.onViewportChangeBind),this.panelInBody&&this.panel.remove(),this.hudRoot.remove()}getTriggerElement(){return this.trigger}getHudElement(){return this.hudRoot}setTargetId(t){this.hudRoot.setAttribute("data-target-id",t),this.trigger.setAttribute("data-target-id",t),this.panel.setAttribute("data-target-id",t),this.addPanel.setAttribute("data-target-id",t),this.layoutPanel.setAttribute("data-target-id",t),this.detailPanel.setAttribute("data-target-id",t)}setAnchorPosition(t,e,r="top-left"){this.hudRoot.setAttribute("data-visible","true");let i=r==="top-right"?" translate(-100%, 0%)":"";this.hudRoot.style.transform=`translate3d(${Math.round(t)}px, ${Math.round(e)}px, 0)${i}`,this.syncPanelPlacement()}setAnchorVisible(t){this.hudRoot.setAttribute("data-visible",t?"true":"false")}isHUDOpen(){return this.isOpen}isLayoutSettingsPanelOpen(){return this.isLayoutSettingsOpen}setEnabled(t){this.enabled=t,t||this.hide(),this.hudRoot.style.display=t?"":"none"}isEnabled(){return this.enabled}createHudRoot(){return kt()}createTrigger(){let t=Q({icon:"settings",label:"Open layout guides",modifiers:["toggle"],attrs:{"data-devguides-id":"layout","data-open":"false","data-state":"visible","data-active":"false","aria-expanded":"false"}});return t.addEventListener("click",e=>{e.stopPropagation(),this.toggle()}),t}createMainPanel(){let t=re(),e=ie();this.layoutTitle=document.createElement("input"),this.layoutTitle.setAttribute("data-stdg-input",""),this.layoutTitle.setAttribute("data-stdg-panel-title",""),this.layoutTitle.type="text",this.layoutTitle.value=this.panelTitleValue,this.layoutTitle.addEventListener("blur",()=>{let n=this.layoutTitle.value.trim()||"Layout";n!==this.panelTitleValue&&(this.panelTitleValue=n,this.onRenamePanelTitle(n)),this.layoutTitle.value=n}),this.layoutTitle.addEventListener("keydown",n=>{n.stopPropagation(),n.key==="Enter"&&this.layoutTitle.blur(),n.key==="Escape"&&(this.layoutTitle.value=this.panelTitleValue.trim()||"Layout",this.layoutTitle.blur())}),this.layoutTitle.addEventListener("click",n=>{n.stopPropagation(),this.startLayoutTitleRename()}),this.layoutSettingsToggle=Q({icon:"options",label:"Layout Settings",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.layoutSettingsToggle.addEventListener("click",n=>{n.stopPropagation(),this.isLayoutSettingsOpen?this.closeLayoutPanel():this.openLayoutPanel()});let r=Q({icon:"close",label:"Close layout guides",modifiers:["right"]});r.addEventListener("click",n=>{n.stopPropagation(),this.hide()}),this.headerAddButton=Q({icon:"plus",label:"Add Layout Guide",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.headerAddButton.addEventListener("click",n=>{n.stopPropagation(),this.openAddPanel()}),e.appendChild(this.layoutTitle),e.appendChild(this.headerAddButton),e.appendChild(r);let i=document.createElement("div");return i.setAttribute("data-stdg-panel-responsive",""),this.layoutChipTabs=document.createElement("div"),this.layoutChipTabs.setAttribute("data-stdg-panel-list",""),i.appendChild(this.layoutSettingsToggle),i.appendChild(this.layoutChipTabs),this.listContainer=ne({"data-string-grid-list":""}),this.addGuideButton=Ot({icon:"plus",label:"Add Layout Guide",withLabel:!0,attrs:{"data-active":"false"}}),this.addGuideButton.addEventListener("click",n=>{n.stopPropagation(),this.openAddPanel()}),this.listContainer.appendChild(this.addGuideButton),t.appendChild(e),t.appendChild(i),t.appendChild(this.listContainer),t}createAddPanel(){let t=re({"data-panel":"add"}),e=ie(),r=Q({icon:"close",label:"Close panel",modifiers:["right"]});return r.addEventListener("click",i=>{i.stopPropagation(),this.closeAddPanel()}),e.appendChild(r),this.addGridList=ne({"data-string-grid-add-grid-list":"","data-stdg-panel-content-50":""}),this.renderAddPanelList(),t.appendChild(e),t.appendChild(this.addGridList),t}renderAddPanelList(){if(this.addGridList.innerHTML="",this.adapterRegistry.size===0){let t=document.createElement("div");t.setAttribute("data-string-grid-add-grid-empty",""),t.textContent="No layout guides available",this.addGridList.appendChild(t);return}for(let[,t]of this.adapterRegistry){let e=Ot({icon:"",label:t.label,withLabel:!0});e.innerHTML=`${t.icon.replace("<svg","<svg data-stdg-icon-16")}<span>${t.label}</span>`,e.addEventListener("click",r=>{r.stopPropagation(),this.onAdd(t.type),this.closeAddPanel()}),this.addGridList.appendChild(e)}}createLayoutPanel(){let t=re({"data-panel":"layout"}),e=ie();this.layoutAddButton=Q({icon:"plus",label:"Add Layout Guide",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.layoutAddButton.addEventListener("click",o=>{o.stopPropagation(),this.onAddLayout()});let r=Q({icon:"close",label:"Close panel",modifiers:["right"]});r.addEventListener("click",o=>{o.stopPropagation(),this.closeLayoutPanel()}),e.appendChild(this.layoutAddButton),e.appendChild(r),this.layoutSettingsList=ne(),this.layoutIOActions=ne({"data-stdg-panel-content-50":""});let i=Ot({icon:"export",label:"Export",withLabel:!0,attrs:{"data-io":"export"}});i.addEventListener("click",o=>{o.stopPropagation(),this.onExport()});let n=Ot({icon:"import",label:"Import",withLabel:!0,attrs:{"data-io":"import"}});n.addEventListener("click",o=>{o.stopPropagation(),this.onImport()}),this.layoutIOActions.appendChild(i),this.layoutIOActions.appendChild(n);let s=document.createElement("span");return s.setAttribute("data-stdg-panel-hr",""),t.appendChild(e),t.appendChild(this.layoutSettingsList),t.appendChild(s),t.appendChild(this.layoutIOActions),t}createDetailPanel(){let t=re({"data-panel":"detail"}),e=ie();this.detailIcon=document.createElement("span"),this.detailIcon.setAttribute("data-stdg-holder-icon-16",""),this.detailIcon.setAttribute("data-stdg-button-left",""),this.detailTitle=document.createElement("span"),this.detailTitle.addEventListener("click",i=>{i.stopPropagation(),this.startDetailRename()});let r=Q({icon:"close",label:"Close detail panel",modifiers:["right"]});return r.addEventListener("click",i=>{i.stopPropagation(),this.closeDetailPanel()}),e.appendChild(this.detailIcon),e.appendChild(this.detailTitle),e.appendChild(r),this.detailContent=document.createElement("div"),this.detailContent.setAttribute("data-string-dev-detail-body",""),t.appendChild(e),t.appendChild(this.detailContent),t}renderLayoutChips(){this.layoutChipTabs.innerHTML="";let t=e=>{this.selectedLayoutId=e,this.renderLayoutChips(),this.renderLayoutSettings()};[...this.layouts].reverse().forEach(e=>{let r=Ot({icon:"",label:`Select ${e.label} layout`});r.innerHTML=`<span>${e.label}</span>`,r.setAttribute("data-active",String(e.id===this.selectedLayoutId)),r.setAttribute("data-resolved",String(e.id===this.resolvedLayoutId)),r.setAttribute("data-mode",e.label),r.addEventListener("click",i=>{i.stopPropagation(),t(e.id),this.onSelectLayout(e.id)}),this.layoutChipTabs.appendChild(r)}),this.layoutSettingsToggle.setAttribute("data-active",String(this.isLayoutSettingsOpen))}renderLayoutSettings(){this.layoutSettingsList.innerHTML="",this.layoutAddButton.style.display=this.layouts.length>=4?"none":"";let{breakpointsRow:t,inputField:e}=this.createBreakpointWidget();this.layoutSettingsList.appendChild(t),this.layoutSettingsList.appendChild(e)}createBreakpointWidget(){let t=[...this.layouts].reverse(),e=t.length>2,r=document.createElement("div");r.setAttribute("data-stdg-panel-breakpoints","");let i=document.createElement("div");i.setAttribute("data-stdg-panel-field","");let n=`st-dg-break-${Date.now()}`,s=document.createElement("span");s.innerHTML=V(16,"break","second");let o=document.createElement("input");o.id=n,o.type="number",o.inputMode="numeric",o.step="1",o.min="1",o.setAttribute("data-stdg-input","");let a=document.createElement("label");a.htmlFor=n,a.setAttribute("data-stdg-field-input-disable",""),a.textContent="px",i.appendChild(s),i.appendChild(o),i.appendChild(a);let l=null,c=null,u=0,p=(h,f,b,y=!1)=>{c?.setAttribute("data-active","false"),l=h,c=b,u=f,this.selectedBreakpointLayoutId=h,b.setAttribute("data-active","true"),o.value=String(f),y&&(o.focus(),o.select())},g=()=>{if(!l||!o.isConnected)return;let h=Number.parseInt(o.value,10);if(Number.isFinite(h)&&h>=0){if(h===u)return;u=h,this.onUpdateLayoutMinWidth(l,h)}else o.value=String(u)};o.addEventListener("keydown",h=>{if(h.stopPropagation(),h.key==="Enter"){g();return}h.key==="Escape"&&(o.value=String(u),o.blur())}),o.addEventListener("blur",()=>requestAnimationFrame(g)),o.addEventListener("click",h=>h.stopPropagation());let m=null;if(t.forEach((h,f)=>{let b=document.createElement("div");b.setAttribute("data-stdg-panel-breakpoint-value","");let y=document.createElement("span");if(y.textContent=h.label,b.appendChild(y),e&&f>=2){let v=li(`Remove ${h.label} layout`);v.addEventListener("pointerdown",S=>S.stopPropagation()),v.addEventListener("click",S=>{S.preventDefault(),S.stopPropagation(),this.layouts.length>2&&this.onRemoveLayout(h.id)}),b.appendChild(v)}if(r.appendChild(b),f<t.length-1){let v=t[f+1],S=document.createElement("button");S.type="button",S.setAttribute("data-stdg-button",""),S.setAttribute("data-stdg-panel-breakpoint-marker",""),S.setAttribute("data-active","false"),S.setAttribute("aria-label",`Edit ${v.label} breakpoint`);let E=document.createElement("span");E.textContent=String(v.minWidth),S.appendChild(E),S.addEventListener("click",M=>{M.stopPropagation(),p(v.id,v.minWidth,S,!0)}),r.appendChild(S),(this.selectedBreakpointLayoutId===v.id||m===null&&this.selectedBreakpointLayoutId===null)&&(m={layoutId:v.id,value:v.minWidth,el:S})}}),m!==null){let h=m;p(h.layoutId,h.value,h.el)}return{breakpointsRow:r,inputField:i}}syncChipRowStates(){this.layoutChipTabs.querySelectorAll("[data-stdg-panel-button][data-mode]").forEach(e=>{let r=e.getAttribute("data-mode"),i=this.layouts.find(n=>n.label===r);i&&(e.setAttribute("data-active",String(i.id===this.selectedLayoutId)),e.setAttribute("data-resolved",String(i.id===this.resolvedLayoutId)))})}renderList(){for(;this.addGuideButton.nextSibling;)this.listContainer.removeChild(this.addGuideButton.nextSibling);for(let e of this.instances){let r=this.adapterRegistry.get(e.type);if(!r)continue;let i=document.createElement("div");i.setAttribute("data-stdg-panel-list-item",""),i.setAttribute("data-stdg-button",""),i.setAttribute("data-stdg-button-toggle",""),i.setAttribute("data-active",String(e.id===this.selectedInstanceId)),i.innerHTML=`${V(16,"grab","second")}${r.icon.replace("<svg","<svg data-stdg-icon-16")}<span>${e.name?.trim()||r.label}</span>`;let n=this.createToggle(e.visible,()=>this.onToggle(e.id)),s=li(`Remove ${e.name?.trim()||"instance"}`);s.addEventListener("click",o=>{o.stopPropagation(),this.selectedInstanceId===e.id&&this.closeDetailPanel(),this.onRemove(e.id)}),i.appendChild(n),i.appendChild(s),i.addEventListener("click",()=>{this.selectedInstanceId===e.id?this.closeDetailPanel():this.selectInstance(e.id)}),i.setAttribute("draggable","true"),i.addEventListener("dragstart",o=>{o.stopPropagation(),o.dataTransfer?.setData("text/plain",e.id),i.setAttribute("data-dragging","true")}),i.addEventListener("dragend",()=>{i.removeAttribute("data-dragging"),this.listContainer.querySelectorAll("[data-drag-over]").forEach(o=>o.removeAttribute("data-drag-over"))}),i.addEventListener("dragover",o=>{o.preventDefault(),o.stopPropagation();let a=i.getBoundingClientRect(),l=o.clientY<a.top+a.height/2?"before":"after";this.listContainer.querySelectorAll("[data-drag-over]").forEach(c=>c.removeAttribute("data-drag-over")),i.setAttribute("data-drag-over",l)}),i.addEventListener("dragleave",o=>{i.contains(o.relatedTarget)||i.removeAttribute("data-drag-over")}),i.addEventListener("drop",o=>{o.preventDefault(),o.stopPropagation();let a=o.dataTransfer?.getData("text/plain");if(i.removeAttribute("data-drag-over"),!a||a===e.id)return;let l=i.getBoundingClientRect(),c=o.clientY<l.top+l.height/2?"before":"after";this.onReorder(a,e.id,c)}),this.listContainer.appendChild(i)}this.addGuideButton.setAttribute("data-empty",String(this.instances.length===0));let t=this.instances.length>0;this.addGuideButton.style.display=t?"none":"",this.headerAddButton.style.display=t?"":"none"}renderDetailPanel(){if(!this.selectedInstanceId){this.hideDetailPanelUI();return}let t=this.instances.find(i=>i.id===this.selectedInstanceId);if(!t){this.clearSelection();return}let e=this.adapterRegistry.get(t.type);if(!e){this.clearSelection();return}this.detailIcon&&(this.detailIcon.innerHTML=e.icon.replace("<svg","<svg data-stdg-icon-16 data-stdg-icon-second")),this.detailTitle&&(this.detailTitle.textContent=t.name?.trim()||e.label),this.detailBuilder?.destroy(),this.detailBuilder=new dr;let r=this.detailBuilder.build(e.getUISchema(),t.settings,(i,n)=>this.onSettingChange(t.id,i,n));for(;this.detailContent.firstChild;)this.detailContent.removeChild(this.detailContent.firstChild);this.detailContent.appendChild(r),this.detailPanel.setAttribute("data-open","true"),this.alignDetailPanel(),this.syncPanelPlacement()}createToggle(t,e){let r=document.createElement("label");r.setAttribute("data-stdg-toggle",""),r.setAttribute("data-checked",String(t));let i=document.createElement("input");i.type="checkbox",i.checked=t,i.setAttribute("data-stdg-toggle-input",""),i.addEventListener("change",s=>{s.stopPropagation(),e()});let n=document.createElement("span");return n.setAttribute("data-stdg-toggle-knob",""),r.addEventListener("click",s=>s.stopPropagation()),r.appendChild(i),r.appendChild(n),r}startDetailRename(){if(!this.selectedInstanceId||!this.detailTitle)return;let t=this.instances.find(o=>o.id===this.selectedInstanceId);if(!t)return;let e=this.adapterRegistry.get(t.type);if(!e)return;let r=t.name?.trim()||e.label,i=this.detailTitle.parentElement;if(!i)return;let n=document.createElement("input");n.setAttribute("data-stdg-input",""),n.type="text",n.value=r;let s=()=>{let o=n.value.trim();o!==r&&this.onRenameInstance(t.id,o),i.contains(n)&&i.replaceChild(this.detailTitle,n)};n.addEventListener("blur",s),n.addEventListener("keydown",o=>{o.key==="Enter"&&n.blur(),o.key==="Escape"&&(n.value=r,n.blur())}),n.addEventListener("click",o=>o.stopPropagation()),n.addEventListener("pointerdown",o=>o.stopPropagation()),i.replaceChild(n,this.detailTitle),n.focus(),n.select()}startLayoutTitleRename(){this.layoutTitle.select()}openAddPanel(){this.isAddPanelOpen=!0,this.closeLayoutPanel(),this.clearSelection(),this.renderAddPanelList(),this.addPanel.setAttribute("data-open","true"),this.syncPanelPlacement()}closeAddPanel(){this.isAddPanelOpen=!1,this.addPanel.setAttribute("data-open","false"),this.syncPanelPlacement()}openLayoutPanel(){this.isLayoutSettingsOpen=!0,this.closeAddPanel(),this.clearSelection(),this.layoutPanel.setAttribute("data-open","true"),this.renderLayoutChips(),this.alignLayoutPanel(),this.syncPanelPlacement(),this.onLayoutPanelOpen()}closeLayoutPanel(){this.isLayoutSettingsOpen=!1,this.layoutPanel.setAttribute("data-open","false"),this.renderLayoutChips(),this.syncPanelPlacement(),this.onLayoutPanelClose()}alignLayoutPanel(){if(this.isMobilePanelMode()){this.layoutPanel.style.removeProperty("top");return}if(this.hudRoot.getAttribute("data-target-id")==="__global__"){this.layoutPanel.style.removeProperty("top");return}let t=this.layoutSettingsToggle.getBoundingClientRect(),e=this.panel.getBoundingClientRect();this.layoutPanel.style.top=`${t.top-e.top}px`}selectInstance(t){this.selectedInstanceId=t,this.closeLayoutPanel(),this.closeAddPanel(),this.renderList(),this.renderDetailPanel()}closeDetailPanel(){this.clearSelection(),this.renderList()}clearSelection(){this.selectedInstanceId=null,this.hideDetailPanelUI()}hideDetailPanelUI(){let t=this.detailBuilder;this.detailBuilder=null,this.detailPanel.setAttribute("data-open","false"),this.syncPanelPlacement(),window.setTimeout(()=>{this.detailPanel.getAttribute("data-open")==="false"&&(t?.destroy(),this.detailContent.innerHTML="",this.detailPanel.style.removeProperty("top"))},220)}alignDetailPanel(){if(this.isMobilePanelMode()){this.detailPanel.style.removeProperty("top");return}if(this.hudRoot.getAttribute("data-target-id")==="__global__"){this.detailPanel.style.removeProperty("top");return}let t=this.listContainer.querySelector('[data-stdg-panel-list-item][data-active="true"]');if(!t)return;let e=t.getBoundingClientRect(),r=this.panel.getBoundingClientRect();this.detailPanel.style.top=`${e.top-r.top}px`}show(){this.isOpen=!0,this.panel.setAttribute("data-open","true"),this.trigger.setAttribute("data-active","true"),this.trigger.setAttribute("aria-expanded","true"),this.syncPanelPlacement(),this.onHUDOpen()}hide(){this.isOpen=!1,this.panel.setAttribute("data-open","false"),this.closeAddPanel(),this.closeDetailPanel(),this.closeLayoutPanel(),this.trigger.setAttribute("data-active","false"),this.trigger.setAttribute("aria-expanded","false"),this.syncPanelPlacement(),this.onHUDClose()}toggle(){this.enabled&&(this.isOpen?this.hide():this.show())}isMobilePanelMode(){return typeof window>"u"?!1:window.matchMedia("(max-width: 1024px), (pointer: coarse)").matches}syncPanelPlacement(){if(!this.isMobilePanelMode()){this.panelInBody&&(this.panel.removeAttribute("data-mobile-sheet"),this.panel.style.removeProperty("position"),this.panel.style.removeProperty("bottom"),this.hudRoot.appendChild(this.panel),this.panelInBody=!1),this.hudRoot.setAttribute("data-mobile-sheet","false"),this.panel.style.removeProperty("left"),this.panel.style.removeProperty("top"),this.panel.style.removeProperty("width"),this.panel.style.removeProperty("height"),this.panel.style.removeProperty("max-height");return}if(!this.isOpen)return;this.panelInBody||((document.body??document.documentElement).appendChild(this.panel),this.panelInBody=!0);let e=window.visualViewport,r=e?.width??window.innerWidth,i=e?.height??window.innerHeight,n=Math.max(220,r-yi*2),s=Math.max(120,i-yi*2),o=Math.min(ao,n),a=Math.min(lo,s),l=Math.round((e?.offsetLeft??0)+(r-o)/2);this.hudRoot.setAttribute("data-mobile-sheet","true"),this.panel.setAttribute("data-mobile-sheet","true"),this.panel.style.position="fixed",this.panel.style.left=`${l}px`,this.panel.style.bottom=`${yi}px`,this.panel.style.removeProperty("top"),this.panel.style.width=`${Math.round(o)}px`,this.panel.style.maxHeight=`${Math.round(a)}px`,this.panel.style.removeProperty("height"),this.addPanel.style.removeProperty("top"),this.layoutPanel.style.removeProperty("top"),this.detailPanel.style.removeProperty("top")}onDocumentPointerDown(t){if(!this.isOpen)return;let e=t.target;e instanceof Node&&(this.panel.contains(e)||this.trigger.contains(e)||this.addPanel.contains(e)||this.layoutPanel.contains(e)||this.detailPanel.contains(e)||this.hide())}};var Mt=class{static VERSION=2;static serialize(t,e){return{v:this.VERSION,source:"StringDevLayout",selectedLayout:e,layouts:t.map(r=>({id:r.id,label:r.label,minWidth:r.minWidth,grids:r.instances.map(i=>({id:i.id,type:i.type,visible:i.visible,...i.name!==void 0?{name:i.name}:{},settings:{...i.settings}}))}))}}static deserialize(t,e){if(!t||typeof t!="object")return null;let r=t,i=r.v,n=r.source;if(n!=="StringDevLayout"&&n!=="StringGrid"||i!==1&&i!==2||!Array.isArray(r.layouts))return null;let s=r.layouts.filter(l=>!!l&&typeof l=="object"&&typeof l.id=="string").map((l,c)=>({id:l.id,label:vi.includes(l.label)?l.label:"S",minWidth:this.resolveImportedMinWidth(l.minWidth,c),instances:(Array.isArray(l.grids)?l.grids:[]).filter(u=>!!u&&typeof u=="object"&&typeof u.type=="string"&&e.has(u.type)).map(u=>{let p=u.type,g=e.get(p);return{id:typeof u.id=="string"?u.id:tr(),type:p,visible:u.visible!==!1,...typeof u.name=="string"&&u.name?{name:u.name}:{},settings:{...g.getDefaults(),...u.settings&&typeof u.settings=="object"&&!Array.isArray(u.settings)?u.settings:{}}}})}));if(s.length===0)return null;s.sort((l,c)=>c.minWidth-l.minWidth);let o=typeof r.selectedLayout=="string"?r.selectedLayout:typeof r.activeLayout=="string"?r.activeLayout:s[0].id,a=s.some(l=>l.id===o)?o:s[0].id;return{layouts:s,selectedLayoutId:a}}static toFile(t,e){let r=JSON.stringify(e,null,2),i=new Blob([r],{type:"application/json"}),n=URL.createObjectURL(i),s=document.createElement("a");s.href=n,s.download=t,s.click(),URL.revokeObjectURL(n)}static fromFile(){return new Promise((t,e)=>{let r=document.createElement("input");r.type="file",r.accept=".json,application/json";let i=()=>r.remove();r.addEventListener("change",()=>{let n=r.files?.[0];if(!n){i(),e(new Error("No file selected"));return}let s=new FileReader;s.onload=()=>{i();try{t(JSON.parse(s.result))}catch{e(new Error("Invalid JSON"))}},s.onerror=()=>{i(),e(new Error("File read error"))},s.readAsText(n)}),r.addEventListener("cancel",()=>{i(),e(new Error("Cancelled"))}),document.body.appendChild(r),r.click()})}static resolveImportedMinWidth(t,e){return typeof t=="number"&&Number.isFinite(t)?ae(t):[1280,1024,768,0][e]??Math.max(0,1280-e*256)}};var cr="http://www.w3.org/2000/svg",G=class{clear(t,e){let r=t.querySelector(`[data-grid-id="${e}"]`);r&&r.remove()}getGroup(t,e){let r=t.querySelector(`[data-grid-id="${e}"]`);return r||(r=document.createElementNS(cr,"g"),r.setAttribute("data-grid-id",e),t.appendChild(r)),r}createLine(t,e,r,i,n,s,o=1){let a=document.createElementNS(cr,"line");return a.setAttribute("data-string-grid-shape","line"),a.setAttribute("x1",String(t)),a.setAttribute("y1",String(e)),a.setAttribute("x2",String(r)),a.setAttribute("y2",String(i)),a.setAttribute("stroke",n),a.setAttribute("stroke-opacity",String(s)),a.setAttribute("stroke-width",String(o)),a}createRect(t,e,r,i,n,s){let o=document.createElementNS(cr,"rect");return o.setAttribute("data-string-grid-shape","rect"),o.setAttribute("x",String(t)),o.setAttribute("y",String(e)),o.setAttribute("width",String(r)),o.setAttribute("height",String(i)),o.setAttribute("fill",n),o.setAttribute("fill-opacity",String(s)),o}resolveUnit(t,e,r,i){let n=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,s=i instanceof Element&&parseFloat(getComputedStyle(i).fontSize)||n;switch(e){case"%":return t/100*r;case"vw":return t/100*window.innerWidth;case"vh":return t/100*window.innerHeight;case"em":return t*s;case"rem":return t*n;default:return t}}createPath(t,e,r,i=1,n="none"){let s=document.createElementNS(cr,"path");return s.setAttribute("data-string-grid-shape","path"),s.setAttribute("d",t),s.setAttribute("stroke",e),s.setAttribute("stroke-opacity",String(r)),s.setAttribute("stroke-width",String(i)),s.setAttribute("fill",n),s}};var ur=class d extends G{type="columns";label="Columns";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="3" width="2" height="10" fill="currentColor"/><rect x="3" y="3" width="2" height="10" fill="currentColor"/><rect x="11" y="3" width="2" height="10" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{count:12,gap:20,gapUnit:"px",margin:0,marginUnit:"px",color:"#4a90e2",opacity:.15,showLines:!1}}getUISchema(){return[{type:"number",key:"count",label:"Columns",default:12,min:1,max:48,step:1},{type:"range",key:"gap",label:"Gap",default:20,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"margin",label:"Margin",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#4a90e2"},{type:"range",key:"opacity",label:"Opacity",default:.15,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"showLines",label:"Lines only",default:!1}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{count:s,gap:o,gapUnit:a,margin:l,marginUnit:c,color:u,opacity:p,showLines:g}=i,m=t.parentElement,h=this.resolveUnit(o,a||"px",e,m),f=this.resolveUnit(l,c||"px",e,m),b=e-f*2,y=(s-1)*h,v=(b-y)/s;if(!(v<=0))for(let S=0;S<s;S++){let E=f+S*(v+h);g?(n.appendChild(this.createLine(E,0,E,r,u,p)),n.appendChild(this.createLine(E+v,0,E+v,r,u,p))):n.appendChild(this.createRect(E,0,v,r,u,p))}}};var pr=class d extends G{type="rows";label="Rows";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="2" fill="currentColor"/><rect x="3" y="7" width="10" height="2" fill="currentColor"/><rect x="3" y="11" width="10" height="2" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vh",label:"vh"},{value:"vw",label:"vw"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{mode:"count",count:8,size:24,sizeUnit:"px",gap:0,gapUnit:"px",margin:0,marginUnit:"px",color:"#e2784a",opacity:.2,style:"line"}}getUISchema(){return[{type:"select",key:"mode",label:"Mode",default:"count",options:[{value:"count",label:"By count"},{value:"size",label:"By size"}]},{type:"number",key:"count",label:"Rows",default:8,min:1,max:48,step:1,disabledWhen:{key:"mode",equals:"size"}},{type:"range",key:"size",label:"Size",default:24,min:0,max:1200,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px",disabledWhen:{key:"mode",equals:"count"}},{type:"range",key:"gap",label:"Gap",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"margin",label:"Margin",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#e2784a"},{type:"range",key:"opacity",label:"Opacity",default:.2,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"select",key:"style",label:"Style",default:"line",options:[{value:"line",label:"Lines"},{value:"fill",label:"Fill"}]}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{mode:s,count:o,size:a,sizeUnit:l,gap:c,gapUnit:u,margin:p,marginUnit:g,color:m,opacity:h,style:f}=i,b=t.parentElement,y=this.resolveUnit(c,u||"px",r,b),v=this.resolveUnit(p,g||"px",r,b),S=r-v*2;if(!(S<=0))if(s==="count")this.renderByCount(n,e,S,v,o,y,m,h,f);else{let E=this.resolveUnit(a,l||"px",r,b);if(E<=0)return;this.renderBySize(n,e,S,v,E,y,m,h,f)}}renderByCount(t,e,r,i,n,s,o,a,l){if(l==="fill"){let c=(r-(n-1)*s)/n;if(c<=0)return;for(let u=0;u<n;u++){let p=i+u*(c+s);t.appendChild(this.createRect(0,p,e,c,o,a))}}else{if(n===1){let u=i+r/2;t.appendChild(this.createLine(0,u,e,u,o,a));return}let c=r/(n-1);for(let u=0;u<n;u++){let p=i+u*c;t.appendChild(this.createLine(0,p,e,p,o,a))}}}renderBySize(t,e,r,i,n,s,o,a,l){if(l==="fill"){let c=n+s;for(let u=0;u<r;u+=c){let p=Math.min(n,r-u);t.appendChild(this.createRect(0,i+u,e,p,o,a))}}else for(let c=0;c<=r;c+=n)t.appendChild(this.createLine(0,i+c,e,i+c,o,a))}};var gr=class extends G{type="center";label="Center";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="10" rx="3" fill="currentColor"/><path d="M8 2V14" stroke="white"/><path d="M2 8H14" stroke="white"/></svg>';getDefaults(){return{showVertical:!0,showHorizontal:!0,color:"#50e24a",opacity:.5,dashed:!0}}getUISchema(){return[{type:"toggle",key:"showVertical",label:"Vertical",default:!0},{type:"toggle",key:"showHorizontal",label:"Horizontal",default:!0},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#50e24a"},{type:"range",key:"opacity",label:"Opacity",default:.5,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"dashed",label:"Dashed",default:!0}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{showVertical:s,showHorizontal:o,color:a,opacity:l,dashed:c}=i,u=c?"6 3":"none";if(s){let p=this.createLine(e/2,0,e/2,r,a,l);c&&p.setAttribute("stroke-dasharray",u),n.appendChild(p)}if(o){let p=this.createLine(0,r/2,e,r/2,a,l);c&&p.setAttribute("stroke-dasharray",u),n.appendChild(p)}}};var hr=class extends G{type="rule-of-thirds";label="3\xD73";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="4" height="4" fill="currentColor"/><path d="M6 3.6C6 3.03995 6 2.75992 6.10899 2.54601C6.20487 2.35785 6.35785 2.20487 6.54601 2.10899C6.75992 2 7.03995 2 7.6 2H8.4C8.96005 2 9.24008 2 9.45399 2.10899C9.64215 2.20487 9.79513 2.35785 9.89101 2.54601C10 2.75992 10 3.03995 10 3.6V5H6V3.6Z" fill="currentColor"/><path d="M6 11H10V12.4C10 12.9601 10 13.2401 9.89101 13.454C9.79513 13.6422 9.64215 13.7951 9.45399 13.891C9.24008 14 8.96005 14 8.4 14H7.6C7.03995 14 6.75992 14 6.54601 13.891C6.35785 13.7951 6.20487 13.6422 6.10899 13.454C6 13.2401 6 12.9601 6 12.4V11Z" fill="currentColor"/><path d="M2 7.6C2 7.03995 2 6.75992 2.10899 6.54601C2.20487 6.35785 2.35785 6.20487 2.54601 6.10899C2.75992 6 3.03995 6 3.6 6H5V10H3.6C3.03995 10 2.75992 10 2.54601 9.89101C2.35785 9.79513 2.20487 9.64215 2.10899 9.45399C2 9.24008 2 8.96005 2 8.4V7.6Z" fill="currentColor"/><path d="M11 6H12.4C12.9601 6 13.2401 6 13.454 6.10899C13.6422 6.20487 13.7951 6.35785 13.891 6.54601C14 6.75992 14 7.03995 14 7.6V8.4C14 8.96005 14 9.24008 13.891 9.45399C13.7951 9.64215 13.6422 9.79513 13.454 9.89101C13.2401 10 12.9601 10 12.4 10H11V6Z" fill="currentColor"/></svg>';getDefaults(){return{color:"#e2e24a",opacity:.4,showIntersections:!0}}getUISchema(){return[{type:"color",key:"color",label:"Color",default:"#e2e24a"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"showIntersections",label:"Show points",default:!0}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{color:s,opacity:o,showIntersections:a}=i,l=e/3,c=r/3;if(n.appendChild(this.createLine(l,0,l,r,s,o)),n.appendChild(this.createLine(l*2,0,l*2,r,s,o)),n.appendChild(this.createLine(0,c,e,c,s,o)),n.appendChild(this.createLine(0,c*2,e,c*2,s,o)),a){let u=[[l,c],[l*2,c],[l,c*2],[l*2,c*2]];for(let[p,g]of u){let m=document.createElementNS("http://www.w3.org/2000/svg","circle");m.setAttribute("cx",String(p)),m.setAttribute("cy",String(g)),m.setAttribute("r","3"),m.setAttribute("fill",s),m.setAttribute("fill-opacity",String(o*1.5)),n.appendChild(m)}}}};var Si=1.6180339887,mr=class extends G{type="golden-rectangle";label="Golden";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="10" rx="3" fill="currentColor"/><path d="M9 13V3" stroke="white"/><path d="M13 9H9" stroke="white"/></svg>';getDefaults(){return{depth:8,showSpiral:!0,color:"#e2a44a",opacity:.4}}getUISchema(){return[{type:"number",key:"depth",label:"Depth",default:8,min:2,max:14,step:1},{type:"toggle",key:"showSpiral",label:"Show spiral",default:!0},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#e2a44a"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{depth:s,showSpiral:o,color:a,opacity:l}=i,c,u;e/r>=Si?(u=r,c=u*Si):(c=e,u=c/Si);let p=(e-c)/2,g=(r-u)/2;if(c<e-1||u<r-1){let S=this.createPath(`M ${p} ${g} L ${p+c} ${g} L ${p+c} ${g+u} L ${p} ${g+u} Z`,a,l*.3,1);S.setAttribute("stroke-dasharray","6 4"),n.appendChild(S)}let m=p,h=g,f=c,b=u,y="",v=!0;for(let S=0;S<s&&!(f<1||b<1);S++){let E=S%4,M=Math.min(f,b),C,A;switch(E){case 0:{C=m+f-M,A=h,f-M>.5&&n.appendChild(this.createLine(C,h,C,h+b,a,l)),o&&(v&&(y=`M ${C+M} ${A}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C} ${A+M}`),f-=M;break}case 1:{C=m,A=h+b-M,b-M>.5&&n.appendChild(this.createLine(m,A,m+f,A,a,l)),o&&(v&&(y=`M ${C+M} ${A+M}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C} ${A}`),b-=M;break}case 2:{C=m,A=h,f-M>.5&&n.appendChild(this.createLine(m+M,h,m+M,h+b,a,l)),o&&(v&&(y=`M ${C} ${A+M}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C+M} ${A}`),m+=M,f-=M;break}case 3:{C=m,A=h,b-M>.5&&n.appendChild(this.createLine(m,h+M,m+f,h+M,a,l)),o&&(v&&(y=`M ${C} ${A}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C+M} ${A+M}`),h+=M,b-=M;break}}}o&&y&&n.appendChild(this.createPath(y,a,l*.8,1.5))}};var Li="http://www.w3.org/2000/svg",fr=class d extends G{static MAX_DOT_CELLS=12e4;static MAX_CROSS_CELLS=8e4;type="dot-grid";label="Dots";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="3" width="2" height="2" fill="currentColor"/><rect x="11" y="7" width="2" height="2" fill="currentColor"/><rect x="11" y="11" width="2" height="2" fill="currentColor"/><rect x="7" y="3" width="2" height="2" fill="currentColor"/><rect x="7" y="7" width="2" height="2" fill="currentColor"/><rect x="7" y="11" width="2" height="2" fill="currentColor"/><rect x="3" y="3" width="2" height="2" fill="currentColor"/><rect x="3" y="7" width="2" height="2" fill="currentColor"/><rect x="3" y="11" width="2" height="2" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{step:16,stepUnit:"px",dotSize:1.5,shape:"dot",color:"#a0a0a0",opacity:.4}}getUISchema(){return[{type:"range",key:"step",label:"Step",default:16,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"dotSize",label:"Size",default:1.5,min:.5,max:6,step:.5},{type:"select",key:"shape",label:"Shape",default:"dot",options:[{value:"dot",label:"Dot \u25CF"},{value:"cross",label:"Cross +"}]},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#a0a0a0"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{step:s,stepUnit:o,dotSize:a,shape:l,color:c,opacity:u}=i,p=this.resolveUnit(s,o||"px",Math.min(e,r),t.parentElement),g=this.getSafeStep(e,r,p,l);if(g<2)return;let m=this.getPatternId(i.__instanceId),h=this.getDefs(t),f=document.createElementNS(Li,"pattern");f.setAttribute("id",m),f.setAttribute("data-string-grid-pattern-for",i.__instanceId),f.setAttribute("patternUnits","userSpaceOnUse"),f.setAttribute("width",String(g)),f.setAttribute("height",String(g)),f.setAttribute("x",String(g/2)),f.setAttribute("y",String(g/2));let b=g/2;if(l==="cross")f.appendChild(this.createLine(b-a*2,b,b+a*2,b,c,u,.8)),f.appendChild(this.createLine(b,b-a*2,b,b+a*2,c,u,.8));else{let v=document.createElementNS(Li,"circle");v.setAttribute("cx",String(b)),v.setAttribute("cy",String(b)),v.setAttribute("r",String(a)),v.setAttribute("fill",c),v.setAttribute("fill-opacity",String(u)),f.appendChild(v)}h.appendChild(f);let y=this.createRect(0,0,e,r,`url(#${m})`,1);y.setAttribute("fill-opacity","1"),n.appendChild(y)}clear(t,e){super.clear(t,e),t.querySelector(`[data-string-grid-pattern-for="${e}"]`)?.remove()}getDefs(t){let e=t.querySelector("defs");return e||(e=document.createElementNS(Li,"defs"),t.insertBefore(e,t.firstChild)),e}getPatternId(t){return`string-grid-dot-pattern-${t.replace(/[^a-zA-Z0-9_-]/g,"-")}`}getSafeStep(t,e,r,i){let s=Math.max(r,2),o=i==="cross"?d.MAX_CROSS_CELLS:d.MAX_DOT_CELLS;return Math.floor(t/s)*Math.floor(e/s)<=o?s:Math.max(s,Math.sqrt(t*e/o))}};var vr="string-devtools-overlay-layout:change";var Ei=class{entries=new Map;register(t,e,r=1){this.entries.set(t,{order:e,badgeCount:r})}unregister(t){this.entries.delete(t)}resolveAnchor(t,e,r){let i=this.getSorted(),n=i.findIndex(o=>o.id===t),s=0;for(let o=0;o<n;o+=1)s+=i[o].badgeCount;return{docX:e+0+s*31,docY:r+0}}resolveCollisionOffset(t,e,r,i){let n=[],s=t.parentElement;for(;s;){let l=s.getAttribute("string-id")??s.getAttribute("data-string-id");if(l){let c=i(l);c&&n.push(c)}s=s.parentElement}let o=0,a=!0;for(;a;){a=!1;for(let l of n)if(Math.abs(l.docX-e)<50&&Math.abs(l.docY-(r+o))<31){o+=33,a=!0;break}}return o}emitLayoutChange(){window.dispatchEvent(new CustomEvent(vr))}getSorted(){let t=[];for(let[e,r]of this.entries)t.push({id:e,...r});return t.sort((e,r)=>e.order!==r.order?e.order-r.order:e.id.localeCompare(r.id)),t}},tt=new Ei;function yn(){return`
+    `,t.addEventListener("click",()=>{this.setCollapsed(!this.collapsed)}),t}setCollapsed(t,e=!0){if(this.collapsed=t,this.root.setAttribute("data-collapsed",t?"true":"false"),this.mainButton.setAttribute("data-collapsed",t?"true":"false"),this.mainButton.setAttribute("aria-label",t?"Expand developer tools":"Collapse developer tools"),t){this.suppressPersist=!0;for(let r of this.entries.values())r.definition.getState().active&&r.definition.setActive(!1);this.suppressPersist=!1}else{this.suppressPersist=!0;for(let r of this.entries.values())this.preferences.active[r.definition.id]===!0&&r.definition.setActive(!0);this.suppressPersist=!1}e&&(this.preferences.collapsed=t,this.savePreferences()),this.syncCollapsedLayout()}syncCollapsedLayout(){let t=ot(window.innerWidth).compact,e=t?this.toolsWrap.scrollHeight:this.toolsWrap.scrollWidth;this.toolsWrap.style.maxHeight=t?this.collapsed?"0px":`${e}px`:"",this.toolsWrap.style.maxWidth=t?"":this.collapsed?"0px":`${e}px`,this.toolsWrap.style.opacity=this.collapsed?"0":"1",this.toolsWrap.style.pointerEvents=this.collapsed?"none":"auto"}handleViewportChange(){this.syncCollapsedLayout();for(let t of this.entries.values())t.subBadges&&t.subBadges.getAttribute("data-open")==="true"&&this.positionSubBadges(t.slot,t.subBadges)}renderButton(t,e,r,i){let n=pn(r),s=n?`${e} (${n})`:e;t.setAttribute("data-active",i.active?"true":"false"),t.setAttribute("aria-label",`${s}: ${i.active?"On":"Off"}`),t.title=`${s}: ${i.active?"On":"Off"}`}syncSubBadgeState(t,e,r){let i=r?"true":"false";if(t.setAttribute("data-active",i),!!e){e.setAttribute("data-parent-active",i);for(let n of e.querySelectorAll("[data-stdg-dock-sub-badge]"))n.setAttribute("data-parent-active",i),n.setAttribute("aria-disabled",r?"false":"true")}}applyStoredActiveState(t){let e=this.preferences.active[t.id];if(typeof e!="boolean")return;let r=this.collapsed?!1:e;r!==t.getState().active&&t.setActive(r)}persistActiveState(t,e){this.suppressPersist||this.collapsed||(this.preferences.active[t]=e,this.savePreferences())}loadPreferences(){try{let t=localStorage.getItem(this.dockStorageKey);if(!t)return{collapsed:!1,active:{}};let e=JSON.parse(t);return{collapsed:e.collapsed===!0,active:e.active&&typeof e.active=="object"?e.active:{}}}catch{return{collapsed:!1,active:{}}}}savePreferences(){try{localStorage.setItem(this.dockStorageKey,JSON.stringify(this.preferences))}catch{}}get dockStorageKey(){return it(Hs)}};var Qe=class{definitions=new Map;dock=null;register(t){!t||this.definitions.has(t.id)||(this.definitions.set(t.id,t),this.dock||(this.dock=new Ze),this.dock.add(t))}setFPS(t){this.dock?.setFPS(t)}destroy(){this.definitions.clear(),this.dock?.destroy(),this.dock=null}};var pi=class extends x{constructor(t){super(t),this.htmlKey="scroller"}onObjectConnected(t){let e=t.getProperty("scroller-inited");if(e==null||e==""){t.setProperty("scroller-inited","inited");let r=i=>{this.events.emit("wheel",i)};t.setProperty("scroller-wheel-event",r),t.htmlElement.addEventListener("wheel",r)}}onObjectDisconnected(t){t.setProperty("scroller-inited",""),t.htmlElement.removeEventListener("wheel",t.getProperty("scroller-wheel-event"))}};var gi=class extends x{states=new WeakMap;constructor(t){super(t),this.htmlKey="scroll-container",this.attributesToMap.push({key:"lerp",type:"number",fallback:.1})}onObjectConnected(t){super.onObjectConnected(t);let e=t.htmlElement;getComputedStyle(e).overflowY==="visible"&&(e.style.overflowY="auto");let r={current:e.scrollTop,target:e.scrollTop,maxScroll:e.scrollHeight-e.clientHeight,velocity:0,lerp:t.getProperty("lerp")||.1,isDragging:!1,isActive:!1};this.states.set(e,r),e.addEventListener("wheel",i=>this.handleWheel(i,e,r),{passive:!1}),e.addEventListener("scroll",i=>this.onNativeScroll(i,e,r),{passive:!0}),this.measure(e,r)}onObjectDisconnected(t){this.states.delete(t.htmlElement)}onFrame(t){for(let e of this.objectsOnPage){let r=e.htmlElement,i=this.states.get(r);i&&i.isActive&&!i.isDragging&&this.updateScroll(r,i)}}onResize(){for(let t of this.objectsOnPage){let e=t.htmlElement,r=this.states.get(e);r&&this.measure(e,r)}}measure(t,e){e.maxScroll=t.scrollHeight-t.clientHeight}handleWheel(t,e,r){let i=t.deltaY,n=i<0,s=i>0,o=r.target<=.1,a=r.target>=r.maxScroll-.1;n&&o||s&&a||(t.preventDefault(),t.stopPropagation(),r.target+=i,r.target=Math.max(0,Math.min(r.target,r.maxScroll)),r.isActive=!0,r.isDragging=!1)}onWheel(t){}onNativeScroll(t,e,r){r.isActive||(r.current=e.scrollTop,r.target=e.scrollTop)}updateScroll(t,e){let r=e.target-e.current;Math.abs(r)<.1?(e.current=e.target,e.isActive=!1):e.current+=r*e.lerp,t.scrollTop=e.current}};function gn(d){let t=d.match(/([^[]+)\[([\d.]+)-([\d.]+)\]/);return t?{id:t[1],start:parseFloat(t[2]),end:parseFloat(t[3])}:null}function Vs(d,t,e,r,i){return r+(i-r)*(d-t)/(e-t)}var hi=class extends x{constructor(t){super(t),this.htmlKey="progress-part",this.attributesToMap=[...this.attributesToMap,{key:"part-of",type:"string",fallback:""},{key:"easing",type:"easing",fallback:this.settings.easing}]}onObjectConnected(t){let e=t.getProperty("part-of"),r=gn(e);if(r){t.setProperty("part-of-id",r.id),t.setProperty("start",r.start),t.setProperty("end",r.end);let i=n=>{if(r){let s=Vs(n,r?.start,r?.end,0,1),o=Math.max(0,Math.min(1,s)),a=t.getProperty("easing"),l=typeof a=="function"?a(o):o;t.htmlElement.style.setProperty("--progress-slice",l.toString()),this.emitSignal(t,"progress-slice",l),this.events.emit(this.getObjectEventName(t,"object:progress-slice"),l)}};t.setProperty("progress-event",i),this.events.on(`object:progress:${r.id}`,i)}}onObjectDisconnected(t){let e=t.getProperty("part-of-id");e&&this.events.off(`object:progress:${e}`,t.getProperty("progress-event"))}};var Ws=/^([a-zA-Z0-9_-]+)\.([a-zA-Z0-9_-]+)\s*(>=|<=|==|!=|>|<)\s*(-?(?:\d+\.?\d*|\d*\.?\d+))$/,Ns=/^(.*?)\s*=>\s*([a-z.]+)\((.*)\)$/;function hn(d){return d.split(";").map(t=>t.trim()).filter(Boolean).flatMap(t=>{let e=t.match(Ns);if(!e)return[];let[,r,i,n]=e,s=zs(r.trim());if(!s.length)return[];let o=$s(i.trim(),n.trim());return o?[{groups:s,effect:o,raw:t}]:[]})}function zs(d){return d.split(/\s*\|\|\s*/).filter(Boolean).map(t=>t.split(/\s*&&\s*/).filter(Boolean).map(Gs)).filter(t=>t.length>0&&t.every(Boolean))}function Gs(d){let t=d.match(Ws);if(!t)return null;let[,e,r,i,n]=t,s=parseFloat(n);return Number.isFinite(s)?{sourceId:e,signal:r,operator:i,threshold:s,raw:d}:null}function $s(d,t){let e=Us(t);switch(d){case"toggle.class":return e[0]?{type:"class-toggle",key:e[0]}:null;case"class.add":return e[0]?{type:"class-add",key:e[0]}:null;case"class.remove":return e[0]?{type:"class-remove",key:e[0]}:null;case"style.set":return e[0]&&e[1]?{type:"style-set",key:e[0],value:e[1]}:null;case"style.remove":return e[0]?{type:"style-remove",key:e[0]}:null;case"var.set":return e[0]&&e[1]?{type:"var-set",key:e[0],value:e[1]}:null;case"var.remove":return e[0]?{type:"var-remove",key:e[0]}:null;default:return null}}function Us(d){return d.split(",").map(t=>t.trim()).filter(Boolean)}var mi=class extends x{constructor(t){super(t),this.htmlKey="signal",this.attributesToMap=[...this.attributesToMap,{key:"signal",type:"string",fallback:""}]}onObjectConnected(t){let e=t.getProperty("signal");if(!e)return;let r=hn(e);if(r.length===0)return;let i=[];t.setProperty("signal-rules",i);for(let n=0;n<r.length;n++){let s=r[n],o={rule:s,callbacks:[],previousState:null},a=()=>{this.applyRuleState(t,o)};for(let{sourceId:l,signal:c}of Xs(s))o.callbacks.push({sourceId:l,signal:c,callback:a}),this.signals.subscribe(l,c,this.events,a);i.push(o),this.applyRuleState(t,o)}}onObjectDisconnected(t){let e=t.getProperty("signal-rules");if(e)for(let r=0;r<e.length;r++){let i=e[r];for(let n=0;n<i.callbacks.length;n++){let s=i.callbacks[n];this.signals.unsubscribe(s.sourceId,s.signal,this.events,s.callback)}i.rule.effect.type==="class-toggle"&&this.resetEffect(t,i.rule.effect)}}applyRuleState(t,e){let r=js(e.rule,this.signals);e.previousState!==r&&(e.previousState=r,L.run(()=>{this.applyEffectState(t,e.rule.effect,r)}))}applyEffectState(t,e,r){e.type==="class-toggle"?r?this.applyEffect(t,e):this.resetEffect(t,e):r&&this.applyEffect(t,e)}applyEffect(t,e){this.applyToElementAndConnects(t,r=>Ks(r,e))}resetEffect(t,e){this.applyToElementAndConnects(t,r=>Zs(r,e))}};function js(d,t){for(let e=0;e<d.groups.length;e++){let r=d.groups[e],i=!0;for(let n=0;n<r.length;n++)if(!Ys(r[n],t)){i=!1;break}if(i)return!0}return!1}function Ys(d,t){let e=t.get(d.sourceId,d.signal);return typeof e!="number"||!Number.isFinite(e)?!1:qs(e,d.operator,d.threshold)}function qs(d,t,e){switch(t){case">":return d>e;case">=":return d>=e;case"<":return d<e;case"<=":return d<=e;case"==":return d===e;case"!=":return d!==e}}function Xs(d){let t=new Set,e=[];for(let r of d.groups)for(let{sourceId:i,signal:n}of r){let s=`${i}::${n}`;t.has(s)||(t.add(s),e.push({sourceId:i,signal:n}))}return e}function Ks(d,t){switch(t.type){case"class-toggle":case"class-add":d.classList.add(t.key);return;case"class-remove":d.classList.remove(t.key);return;case"style-set":L.setProp(d,t.key,t.value);return;case"style-remove":case"var-remove":d.style.removeProperty(t.key);return;case"var-set":L.setVar(d,t.key,t.value);return}}function Zs(d,t){switch(t.type){case"class-toggle":d.classList.remove(t.key);return;default:return}}var Qs=(d,t)=>{let e=Math.min(d,t),r=Math.max(d,t);return e+Math.random()*(r-e)},Js=(d,t)=>{let e=Math.ceil(Math.min(d,t)),r=Math.floor(Math.max(d,t));return r<e?e:Math.floor(Math.random()*(r-e+1))+e},to=d=>{if(Array.isArray(d)&&d.length>=2){let t=Number(d[0]),e=Number(d[1]);if(Number.isFinite(t)&&Number.isFinite(e))return[t,e]}return typeof d=="number"&&Number.isFinite(d)?[0,d]:[0,1]},fi=class extends x{constructor(t){super(t),this.htmlKey="random",this.attributesToMap.push({key:"random-number",type:"json",fallback:"[0,1]"}),this.attributesToMap.push({key:"random-type",type:"string",fallback:"int"})}onObjectConnected(t){let e=t.htmlElement,r=to(t.getProperty("random-number")),n=String(t.getProperty("random-type")??"float").toLowerCase()==="int"?Js(r[0],r[1]):Qs(r[0],r[1]);L.run(()=>{L.setVars(e,{"--random":n})})}};var Je=class{constructor(t,e){this.id=t;this.zIndex=e}screenRoot=null;world=null;screen=null;worldHost=null;hostPositionWasPatched=!1;hostPositionInlineValue=null;ensure(t){if(this.screenRoot?.isConnected)return t&&this.attachWorldToHost(t),this.screenRoot;let e=document.querySelector(`[data-string-dev-viewport-layer="${this.id}"]`);if(e)return this.screenRoot=e,this.screen=e.querySelector(`[data-string-dev-viewport-screen="${this.id}"]`),t&&this.attachWorldToHost(t),e;let r=document.createElement("div");r.setAttribute("data-string-dev-viewport-layer",this.id),r.setAttribute("data-string-devtools-theme",""),r.style.position="fixed",r.style.inset="0",r.style.zIndex=String(this.zIndex),r.style.pointerEvents="none",r.style.overflow="hidden";let i=document.createElement("div");return i.setAttribute("data-string-dev-viewport-screen",this.id),i.style.position="absolute",i.style.inset="0",i.style.pointerEvents="none",i.style.overflow="hidden",r.appendChild(i),(document.body??document.documentElement).appendChild(r),this.screenRoot=r,this.screen=i,this.attachWorldToHost(t??document.body??document.documentElement),r}getElement(){return this.screenRoot?.isConnected?this.screenRoot:null}getWorldElement(t){return this.ensure(t),this.world}getScreenElement(){return this.ensure(),this.screen}destroy(){this.restoreHostPosition(),this.screenRoot?.remove(),this.screenRoot=null,this.world?.remove(),this.world=null,this.screen=null,this.worldHost=null}attachWorldToHost(t){if(this.worldHost===t&&this.world?.isConnected)return;if(this.restoreHostPosition(),this.worldHost=t,!this.world){let r=document.createElement("div");r.setAttribute("data-string-dev-viewport-world",this.id),r.setAttribute("data-string-devtools-theme",""),r.style.position="absolute",r.style.top="0",r.style.left="0",r.style.width="1px",r.style.height="1px",r.style.pointerEvents="none",r.style.overflow="visible",r.style.zIndex=String(this.zIndex),this.world=r}t!==document.body&&t!==document.documentElement&&window.getComputedStyle(t).position==="static"&&(this.hostPositionWasPatched=!0,this.hostPositionInlineValue=t.style.position||null,t.style.position="relative"),t.appendChild(this.world)}restoreHostPosition(){this.world&&this.world.remove(),this.worldHost&&this.hostPositionWasPatched&&(this.hostPositionInlineValue==null||this.hostPositionInlineValue===""?this.worldHost.style.removeProperty("position"):this.worldHost.style.position=this.hostPositionInlineValue),this.hostPositionWasPatched=!1,this.hostPositionInlineValue=null}};var oe=class d{static instance=null;layers=new Map;static getInstance(){return this.instance||(this.instance=new d),this.instance}acquire(t,e){let r=this.layers.get(t);if(r){if(r.zIndex!==e)throw new Error(`Shared devtools layer "${t}" already exists with z-index ${r.zIndex}, requested ${e}.`);return r.refs+=1,r.layer}let i=new Je(t,e);return this.layers.set(t,{layer:i,refs:1,zIndex:e}),i}release(t){let e=this.layers.get(t);e&&(e.refs-=1,!(e.refs>0)&&(e.layer.destroy(),this.layers.delete(t)))}};var J=class extends x{static devtool=null;overlayRegistry=oe.getInstance();acquiredViewportLayers=new Map;devtoolListeners=new Set;hotkeyHandler=null;devtoolConfig=null;constructor(t){super(t),this._type=2,se();let e=this.constructor.devtool;e&&(this.configureDevtool(e),this.bindDevtoolHotkey(e.hotkey));let r=e?.styles,i=(typeof r=="function"?r():r)??this.getStyles();i&&this.ensureStyle(`${this.getStyleScopeId(i)}-styles`,i)}get respectSelfDisable(){return!1}get connectsConfig(){return this.constructor.devtool?.connects}canConnect(t){let e=this.connectsConfig;return e?!!(e.global===!0||t.keys.includes("dev-inspect")||e.keys?.some(r=>t.keys.includes(r))||e.attributes?.some(r=>t.htmlElement.hasAttribute(r))):super.canConnect(t)}getStyleScopeId(t){let e=this.htmlKey||this.constructor.devtool?.connects?.keys?.[0];if(e)return e;let r=0;for(let i=0;i<t.length;i+=1)r=r*31+t.charCodeAt(i)>>>0;return`string-dev-${r.toString(16)}`}getStyles(){return null}getDevtoolDefinition(){if(!this.devtoolConfig)return null;let t=this.devtoolConfig,e=this.getDevtoolSubBadges();return{id:t.id,label:t.label,icon:t.icon,order:t.order,group:t.group,hotkey:t.hotkey,subBadges:e.length>0?e:void 0,getState:()=>({active:this.getDevtoolActiveState()}),setActive:r=>{this.setDevtoolActiveState(r)},subscribe:r=>(this.devtoolListeners.add(r),r({active:this.getDevtoolActiveState()}),()=>{this.devtoolListeners.delete(r)})}}getDevtoolSubBadges(){return[]}configureDevtool(t){this.devtoolConfig=t}bindDevtoolHotkey(t){typeof window>"u"||!t||(this.hotkeyHandler=e=>{let r=e.target;r&&(r instanceof HTMLInputElement||r instanceof HTMLTextAreaElement||r instanceof HTMLSelectElement||r.isContentEditable)||e.key.toLowerCase()!==t.key.toLowerCase()||e.shiftKey!==(t.shiftKey??!1)||e.ctrlKey!==(t.ctrlKey??!1)||e.altKey!==(t.altKey??!1)||e.metaKey!==(t.metaKey??!1)||(e.preventDefault(),this.setDevtoolActiveState(!this.getDevtoolActiveState()))},window.addEventListener("keydown",this.hotkeyHandler))}emitDevtoolState(t=this.getDevtoolActiveState()){let e={active:t};for(let r of this.devtoolListeners)r(e)}acquireViewportLayer(t,e){let r=this.acquiredViewportLayers.get(t);if(r)return r;let i=this.overlayRegistry.acquire(t,e);return this.acquiredViewportLayers.set(t,i),i}releaseViewportLayer(t){this.acquiredViewportLayers.has(t)&&(this.overlayRegistry.release(t),this.acquiredViewportLayers.delete(t))}ensureStyle(t,e){let r=document.getElementById(t);if(r instanceof HTMLStyleElement)return r;let i=document.createElement("style");return i.id=t,i.textContent=e,document.head.appendChild(i),i}getWorldHost(){return this.data.scroll.container??document.body??document.documentElement}getDevtoolActiveState(){return!1}setDevtoolActiveState(t){}destroy(){this.hotkeyHandler&&(window.removeEventListener("keydown",this.hotkeyHandler),this.hotkeyHandler=null),this.devtoolListeners.clear();for(let t of this.acquiredViewportLayers.keys())this.overlayRegistry.release(t);this.acquiredViewportLayers.clear(),super.destroy()}};var vi=["S","M","L","XL"];var eo=[1280,1024,768,0];function mn(d,t){let e=t-1-d;return vi[e]??"S"}var fn=0;function tr(){return`grid-${Date.now()}-${fn++}`}function er(){return`layout-${Date.now()}-${fn++}`}function rr(d=2){let t=Math.max(2,Math.min(4,d)),e=[];for(let r=0;r<t;r++){let i=mn(r,t),n=r===t-1?0:eo[r]??0;e.push({id:er(),label:i,minWidth:n,instances:[]})}return e}function ae(d){return Number.isFinite(d)?Math.max(0,Math.round(d)):0}function Dt(d){let t=d.length;for(let e=0;e<t;e++)d[e].label=mn(e,t)}var ro="string-grid:";function bi(d){return it(ro+d)}function io(d){if(!d||typeof d!="object")return 0;if(Array.isArray(d))return d.length;let t=d,e=Array.isArray(t.layouts)?t.layouts:[],r=0;for(let i of e){if(!i||typeof i!="object")continue;let n=i,s=Array.isArray(n.instances)?n.instances:Array.isArray(n.grids)?n.grids:[];r+=s.length}return r}var ir=class{adapterRegistry=new Map;elementStates=new Map;registerAdapter(t){this.adapterRegistry.set(t.type,t)}getAdapter(t){return this.adapterRegistry.get(t)}getAdapterRegistry(){return this.adapterRegistry}getLayouts(t){return this.getOrInitState(t).layouts}getLayoutCount(t){return this.getOrInitState(t).layouts.length}getSelectedLayoutId(t){return this.getOrInitState(t).selectedLayoutId}getPanelTitle(t){return this.getOrInitState(t).panelTitle?.trim()||"Layout"}getSelectedLayoutLabel(t){let e=this.getOrInitState(t);return this.findSelectedLayout(e)?.label??"S"}getResolvedLayoutId(t,e){let r=this.getOrInitState(t);return this.findResolvedLayout(r,e)?.id??r.layouts[r.layouts.length-1].id}getSelectedInstances(t){let e=this.getOrInitState(t);return this.findSelectedLayout(e)?.instances??[]}getResolvedInstances(t,e){let r=this.getOrInitState(t);return this.findResolvedLayout(r,e)?.instances??[]}addLayout(t){let e=this.getOrInitState(t);if(e.layouts.length>=4)return null;let r=e.layouts[0],i=r?Math.min(1920,r.minWidth+256):1280,n={id:er(),label:"XL",minWidth:i,instances:[]};return e.layouts.unshift(n),this.sortLayouts(e),Dt(e.layouts),this.ensureMinWidthConstraints(e),e.layouts.some(s=>s.id===e.selectedLayoutId)||(e.selectedLayoutId=e.layouts[0].id),this.save(t),n}removeLayout(t,e){let r=this.getOrInitState(t);if(r.layouts.length<=2)return!1;let i=r.layouts.findIndex(n=>n.id===e);return i===-1?!1:(r.layouts.splice(i,1),Dt(r.layouts),this.ensureMinWidthConstraints(r),r.layouts.some(n=>n.id===r.selectedLayoutId)||(r.selectedLayoutId=r.layouts[r.layouts.length-1].id),this.save(t),!0)}selectLayout(t,e,r=!0){let i=this.getOrInitState(t);i.layouts.some(n=>n.id===e)&&(i.selectedLayoutId=e,r&&this.save(t))}updateLayoutMinWidth(t,e,r,i=!0){let n=this.getOrInitState(t),s=n.layouts.find(o=>o.id===e);s&&(s.minWidth=ae(r),this.sortLayouts(n),Dt(n.layouts),this.ensureMinWidthConstraints(n),i&&this.save(t))}replaceLayouts(t,e,r){let i=this.normalizeLayouts(e),n={elementId:t,layouts:i,selectedLayoutId:r};this.ensureValidSelection(n),this.elementStates.set(t,n),this.save(t)}getInstances(t){return this.getSelectedInstances(t)}addInstance(t,e){let r=this.adapterRegistry.get(e);if(!r)return null;let i=this.findSelectedLayout(this.getOrInitState(t));if(!i)return null;let n={id:tr(),type:e,visible:!0,settings:{...r.getDefaults()}};return i.instances.push(n),this.save(t),n}removeInstance(t,e){let r=this.findSelectedLayout(this.getOrInitState(t));r&&(r.instances=r.instances.filter(i=>i.id!==e),this.save(t))}reorderInstance(t,e,r,i){let n=this.findSelectedLayout(this.getOrInitState(t));if(!n||e===r)return;let s=n.instances.findIndex(u=>u.id===e),o=n.instances.findIndex(u=>u.id===r);if(s===-1||o===-1)return;let[a]=n.instances.splice(s,1),l=n.instances.findIndex(u=>u.id===r),c=i==="before"?l:l+1;n.instances.splice(c,0,a),this.save(t)}moveInstanceToEnd(t,e){let r=this.findSelectedLayout(this.getOrInitState(t));if(!r)return;let i=r.instances.findIndex(s=>s.id===e);if(i===-1||i===r.instances.length-1)return;let[n]=r.instances.splice(i,1);r.instances.push(n),this.save(t)}toggleVisibility(t,e){let r=this.findInstance(t,e);r&&(r.visible=!r.visible,this.save(t))}renameInstance(t,e,r){let i=this.findInstance(t,e);i&&(i.name=r.trim()||void 0,this.save(t))}renamePanelTitle(t,e){let r=this.getOrInitState(t);r.panelTitle=e.trim()||"Layout",this.save(t)}updateSetting(t,e,r,i){let n=this.findInstance(t,e);n&&(n.settings[r]=i,this.save(t))}findInstance(t,e){return this.getSelectedInstances(t).find(r=>r.id===e)}save(t){let e=this.elementStates.get(t);if(e)try{let r={layouts:e.layouts,selectedLayoutId:e.selectedLayoutId,panelTitle:e.panelTitle??"Layout"},i=bi(t);localStorage.setItem(i,JSON.stringify(r))}catch(r){console.warn("[StringDevLayout:storage] save failed",{elementId:t,storageSlot:bi(t),error:r})}}load(t,e=[]){try{let r=[t,...e],i=[];for(let p of r){let g=bi(p),m=localStorage.getItem(g);if(m)try{let h=JSON.parse(m);i.push({elementId:p,storageSlot:g,raw:m,parsed:h,gridCount:io(h)})}catch(h){console.warn("[StringDevLayout:storage] candidate parse failed",{elementId:t,candidateId:p,storageSlot:g,error:h})}}let n=i[0]??null;for(let p of i)(!n||p.gridCount>n.gridCount)&&(n=p);if(!n)return;let s=n.parsed,o=n.elementId;if(Array.isArray(s)){let p=s.filter(m=>this.adapterRegistry.has(m.type));for(let m of p){let h=this.adapterRegistry.get(m.type);h&&(m.settings={...h.getDefaults(),...m.settings})}let g=rr(2);g[g.length-1].instances=p,this.elementStates.set(t,{elementId:t,layouts:g,selectedLayoutId:g[0].id,panelTitle:"Layout"}),o!==t&&this.save(t);return}let a=Array.isArray(s?.layouts)?s.layouts:null;if(!a)return;let l=this.normalizeLayouts(a);if(l.length===0)return;let c=typeof s?.selectedLayoutId=="string"?s.selectedLayoutId:l[0].id,u={elementId:t,layouts:l,selectedLayoutId:c,panelTitle:typeof s?.panelTitle=="string"&&s.panelTitle.trim().length>0?s.panelTitle.trim():"Layout"};this.ensureValidSelection(u),this.elementStates.set(t,u),o!==t&&this.save(t)}catch{}}clear(){this.elementStates.clear()}getOrInitState(t){let e=this.elementStates.get(t);if(!e){let r=rr(2);e={elementId:t,layouts:r,selectedLayoutId:r[0].id,panelTitle:"Layout"},this.elementStates.set(t,e)}return this.sortLayouts(e),this.ensureValidSelection(e),e}normalizeLayouts(t){let i=t.filter(n=>n&&typeof n=="object"&&typeof n.id=="string").map(n=>{let s=Array.isArray(n.instances)?n.instances:Array.isArray(n.grids)?n.grids:[];return{id:n.id,label:n.label??"S",minWidth:ae(typeof n.minWidth=="number"?n.minWidth:0),instances:s.filter(o=>this.adapterRegistry.has(o.type)).map(o=>{let a=this.adapterRegistry.get(o.type);return a?{...o,visible:o.visible!==!1,settings:{...a.getDefaults(),...o.settings}}:o})}}).slice(0,4);for(;i.length<2;)i.push({id:er(),label:"S",minWidth:0,instances:[]});return this.sortLayoutsArr(i),Dt(i),this.ensureMinWidthConstraintsArr(i),i}sortLayouts(t){this.sortLayoutsArr(t.layouts)}sortLayoutsArr(t){t.sort((e,r)=>r.minWidth-e.minWidth)}ensureValidSelection(t){t.layouts.length<2&&(t.layouts=rr(2)),t.layouts.length>4&&(t.layouts=t.layouts.slice(0,4),Dt(t.layouts)),t.layouts.some(e=>e.id===t.selectedLayoutId)||(t.selectedLayoutId=t.layouts[t.layouts.length-1].id)}ensureMinWidthConstraints(t){this.ensureMinWidthConstraintsArr(t.layouts)}ensureMinWidthConstraintsArr(t){if(t.length!==0){t[t.length-1].minWidth=0;for(let e=t.length-2;e>=0;e--){let r=t[e+1].minWidth;t[e].minWidth<=r&&(t[e].minWidth=r+1)}}}findSelectedLayout(t){return t.layouts.find(e=>e.id===t.selectedLayoutId)}findResolvedLayout(t,e){for(let r of t.layouts)if(e>=r.minWidth)return r;return t.layouts[t.layouts.length-1]}};var no="http://www.w3.org/2000/svg",de=class{svg;target;resizeObserver;enabled=!0;onResize;constructor(t,e,r){this.target=t,this.onResize=r,this.svg=document.createElementNS(no,"svg"),this.svg.setAttribute("data-string-grid-overlay",""),this.svg.style.position="absolute",this.svg.style.pointerEvents="none",this.svg.style.transformOrigin="top left",e.appendChild(this.svg),this.syncViewBox(),this.resizeObserver=new ResizeObserver(()=>{this.syncViewBox(),this.onResize?.()}),this.resizeObserver.observe(this.target)}getElement(){return this.svg}setPosition(t,e,r,i){this.svg.style.width=`${r}px`,this.svg.style.height=`${i}px`,this.svg.style.transform=`translate3d(${Math.round(t)}px, ${Math.round(e)}px, 0)`}render(t,e){if(this.clearAll(),!this.enabled)return;let{width:r,height:i}=this.getDimensions();for(let n of[...t].reverse()){let s=e.get(n.type);if(s&&n.visible){s.render(this.svg,r,i,{...n.settings,__instanceId:n.id});let o=this.svg.querySelector(`[data-grid-id="${n.id}"]`);o&&(o.setAttribute("data-grid-type",n.type),o.setAttribute("data-grid-visible","true"))}}}setEnabled(t){this.enabled=t,this.svg.style.display=t?"":"none",t||this.clearAll()}clearAll(){let t=this.svg.querySelectorAll("[data-grid-id]");for(let e=t.length-1;e>=0;e--)t[e].remove()}clearInstance(t,e){e.clear(this.svg,t)}syncViewBox(){let{width:t,height:e}=this.getDimensions();this.svg.setAttribute("viewBox",`0 0 ${t} ${e}`)}getDimensions(){return{width:this.target.offsetWidth,height:this.target.offsetHeight}}destroy(){this.resizeObserver.disconnect(),this.svg.remove()}ensurePositioned(){getComputedStyle(this.target).position==="static"&&(this.target.style.position="relative")}};var Z=class{key;label;value;onChange;root=null;constructor(t,e,r,i){this.key=t,this.label=e,this.value=r,this.onChange=i}setDisabled(t){this.root&&this.root.setAttribute("data-disabled",t?"true":"false")}getValue(){return this.value}destroy(){this.root?.remove(),this.root=null}emit(t){this.value=t,this.onChange(this.key,t)}createLabel(){let t=document.createElement("label");return t.textContent=this.label,t.setAttribute("data-stdg-label",""),t}createRow(){let t=document.createElement("div");return t.setAttribute("data-stdg-panel-field",""),t}};var so=320,oo=60,vn=6,nr=class extends Z{min;max;step;input=null;stepperButtons=[];constructor(t,e,r,i,n=0,s=100,o=1){super(t,e,r,i),this.min=n,this.max=s,this.step=o}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControls()),this.root=t,t}setValue(t){this.value=t,this.input&&(this.input.value=this.formatValue(t))}setDisabled(t){super.setDisabled(t),this.input&&(this.input.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControls(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("div");return e.setAttribute("data-stdg-stepper",""),e.appendChild(this.createStepperButton("up",1)),e.appendChild(this.createStepperButton("down",-1)),t.appendChild(this.createInput()),t.appendChild(e),t}createInput(){let t=document.createElement("input");return t.type="text",t.inputMode="text",t.setAttribute("enterkeyhint","done"),t.autocomplete="off",t.spellcheck=!1,t.value=this.formatValue(this.value),t.setAttribute("data-stdg-input",""),t.addEventListener("focus",()=>{t.select()}),t.addEventListener("blur",()=>{this.commitValue(t.value)}),t.addEventListener("keydown",e=>{if(e.key==="Enter"){t.blur();return}if(e.key==="Escape"){t.value=this.formatValue(this.value),t.blur();return}e.key!=="ArrowUp"&&e.key!=="ArrowDown"||(e.preventDefault(),this.applyDelta(e.key==="ArrowUp"?1:-1,e))}),t.addEventListener("wheel",e=>{document.activeElement===t&&(e.preventDefault(),this.applyDelta(e.deltaY<0?1:-1,e))}),t.addEventListener("mousedown",e=>{e.button===1&&this.startMiddleDrag(e,t)}),t.addEventListener("auxclick",e=>{e.button===1&&e.preventDefault()}),this.input=t,t}createStepperButton(t,e){let r=document.createElement("button");r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down");let i=0,n=0,s=!1,o=()=>{window.clearTimeout(i),window.clearInterval(n),document.removeEventListener("pointerup",o),document.removeEventListener("pointercancel",o)};return r.addEventListener("pointerdown",a=>{a.button===0&&(i=window.setTimeout(()=>{s=!0,this.applyDelta(e),n=window.setInterval(()=>{this.applyDelta(e)},oo)},so),document.addEventListener("pointerup",o),document.addEventListener("pointercancel",o))}),r.addEventListener("click",a=>{if(s){s=!1,a.preventDefault();return}this.applyDelta(e),this.input?.focus(),this.input?.select()}),this.stepperButtons.push(r),r}startMiddleDrag(t,e){t.preventDefault();let r=t.clientX,i=0,n=document.body.style.cursor,s=document.body.style.userSelect;document.body.style.cursor="ew-resize",document.body.style.userSelect="none";let o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor=n,document.body.style.userSelect=s},a=l=>{let c=l.clientX-r;for(r=l.clientX,i+=c;Math.abs(i)>=vn;){let u=i>0?1:-1;this.applyDelta(u,l),i-=vn*u}};e.focus(),e.select(),document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}commitValue(t){let e=parseFloat(t.replace(",","."));if(isNaN(e)){this.input&&(this.input.value=this.formatValue(this.value));return}let r=this.normalizeValue(e);this.input&&(this.input.value=this.formatValue(r)),this.emit(r)}applyDelta(t,e){let r=e?.shiftKey?10:e?.altKey?.1:1,i=this.normalizeValue(this.value+t*this.step*r);this.input&&(this.input.value=this.formatValue(i)),this.emit(i)}normalizeValue(t){let e=Math.round(t/this.step)*this.step,r=this.getPrecision(this.step);return Number(e.toFixed(r))}getPrecision(t){return String(t).split(".")[1]?.length??0}formatValue(t){let e=this.getPrecision(this.step);return e>0?t.toFixed(e):String(t)}};var ao=320,lo=60,bn=6,sr=class d extends Z{min;max;step;displayMultiplier;displayStep;suffix;units;currentUnit;valueInput=null;unitSelect=null;stepperButtons=[];static DECIMAL_UNITS=new Set(["rem","em"]);constructor(t,e,r,i,n=0,s=100,o=1,a=1,l,c,u,p){super(t,e,r,i),this.min=n,this.max=s,this.step=o,this.displayMultiplier=a,this.displayStep=l,this.suffix=c,this.units=u,this.currentUnit=p}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControls()),this.root=t,t}setValue(t){this.value=t,this.valueInput&&(this.valueInput.value=this.formatValue(t))}setDisabled(t){super.setDisabled(t),this.valueInput&&(this.valueInput.disabled=t),this.unitSelect&&(this.unitSelect.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControls(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("div");if(e.setAttribute("data-stdg-field-value",""),e.appendChild(this.createInput()),this.suffix){let i=document.createElement("span");i.setAttribute("data-stdg-field-suffix",""),i.textContent=this.suffix,e.appendChild(i)}if(t.appendChild(e),this.units&&this.units.length>0){let i=document.createElement("select");i.setAttribute("data-stdg-select","");for(let n of this.units){let s=document.createElement("option");s.value=n.value,s.textContent=n.label,i.appendChild(s)}i.value=this.currentUnit||this.units[0].value,i.addEventListener("change",()=>{this.currentUnit=i.value,this.valueInput&&(this.valueInput.value=this.formatValue(this.value)),this.onChange(this.key+"Unit",i.value)}),this.unitSelect=i,t.appendChild(i)}let r=document.createElement("div");return r.setAttribute("data-stdg-stepper",""),r.appendChild(this.createStepperButton("up",1)),r.appendChild(this.createStepperButton("down",-1)),t.appendChild(r),t}createInput(){let t=document.createElement("input");return t.type="text",t.inputMode="text",t.setAttribute("enterkeyhint","done"),t.autocomplete="off",t.spellcheck=!1,t.value=this.formatValue(this.value),t.setAttribute("data-stdg-input",""),t.addEventListener("focus",()=>{t.select()}),t.addEventListener("blur",()=>{this.commitInputValue(t)}),t.addEventListener("keydown",e=>{e.key==="Enter"?t.blur():e.key==="Escape"?(t.value=this.formatValue(this.value),t.blur()):(e.key==="ArrowUp"||e.key==="ArrowDown")&&(e.preventDefault(),this.applyDelta(e.key==="ArrowUp"?1:-1,e,t))}),t.addEventListener("wheel",e=>{document.activeElement===t&&(e.preventDefault(),this.applyDelta(e.deltaY<0?1:-1,e,t))}),t.addEventListener("mousedown",e=>{e.button===1&&this.startMiddleDrag(e,t)}),t.addEventListener("auxclick",e=>{e.button===1&&e.preventDefault()}),this.valueInput=t,t}createStepperButton(t,e){let r=document.createElement("button");r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down");let i=0,n=0,s=!1,o=()=>{window.clearTimeout(i),window.clearInterval(n),document.removeEventListener("pointerup",o),document.removeEventListener("pointercancel",o)};return r.addEventListener("pointerdown",a=>{a.button===0&&(i=window.setTimeout(()=>{s=!0,this.valueInput&&(this.applyDelta(e,void 0,this.valueInput),n=window.setInterval(()=>{this.valueInput&&this.applyDelta(e,void 0,this.valueInput)},lo))},ao),document.addEventListener("pointerup",o),document.addEventListener("pointercancel",o))}),r.addEventListener("click",a=>{if(s){s=!1,a.preventDefault();return}this.valueInput&&(this.applyDelta(e,void 0,this.valueInput),this.valueInput.focus(),this.valueInput.select())}),this.stepperButtons.push(r),r}startMiddleDrag(t,e){t.preventDefault();let r=t.clientX,i=0,n=document.body.style.cursor,s=document.body.style.userSelect;document.body.style.cursor="ew-resize",document.body.style.userSelect="none";let o=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o),document.body.style.cursor=n,document.body.style.userSelect=s},a=l=>{let c=l.clientX-r;for(r=l.clientX,i+=c;Math.abs(i)>=bn;){let u=i>0?1:-1;this.applyDelta(u,l,e),i-=bn*u}};e.focus(),e.select(),document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}commitInputValue(t){let e=parseFloat(t.value.replace(",","."));if(isNaN(e)){t.value=this.formatValue(this.value);return}let r=this.normalizeDisplayValue(e);t.value=this.formatValue(r),this.emit(r)}applyDelta(t,e,r){let i=e?.shiftKey?10:e?.altKey?.1:1,n=this.modelToDisplay(this.value)+t*this.getDisplayStep()*i,s=this.normalizeDisplayValue(n);r.value=this.formatValue(s),this.emit(s)}normalizeValue(t){let e=Math.min(this.max,Math.max(this.min,t));if(d.DECIMAL_UNITS.has(this.currentUnit??""))return Number(e.toFixed(2));let r=Math.round(e/this.step)*this.step,i=this.getPrecision(this.step);return Number(r.toFixed(i))}normalizeDisplayValue(t){let e=this.modelToDisplay(this.min),r=this.modelToDisplay(this.max),i=Math.min(r,Math.max(e,t)),n=this.getDisplayPrecision();if(d.DECIMAL_UNITS.has(this.currentUnit??"")){let l=Number(i.toFixed(n));return this.normalizeValue(this.displayToModel(l))}let s=this.getDisplayStep(),o=Math.round(i/s)*s,a=Number(o.toFixed(n));return this.normalizeValue(this.displayToModel(a))}getPrecision(t){return String(t).split(".")[1]?.length??0}formatValue(t){let e=this.modelToDisplay(t),r=this.getDisplayPrecision();return r>0?e.toFixed(r):String(e)}modelToDisplay(t){let e=this.getDisplayPrecision();return Number((t*this.displayMultiplier).toFixed(e))}displayToModel(t){return t/this.displayMultiplier}getDisplayStep(){return this.displayStep??this.step*this.displayMultiplier}getDisplayPrecision(){if(d.DECIMAL_UNITS.has(this.currentUnit??""))return 2;let t=this.getDisplayStep();return t<1?Math.max(2,this.getPrecision(t)):0}};var or=class extends Z{colorInput=null;hexLabel=null;build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControl()),this.root=t,t}setValue(t){this.value=t,this.colorInput&&(this.colorInput.value=t),this.hexLabel&&(this.hexLabel.value=t)}setDisabled(t){super.setDisabled(t),this.colorInput&&(this.colorInput.disabled=t),this.hexLabel&&(this.hexLabel.disabled=t)}createControl(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("input");e.type="color",e.value=this.value,e.setAttribute("data-stdg-input",""),e.setAttribute("data-stdg-input-color","");let r=document.createElement("input");return r.type="text",r.inputMode="text",r.value=this.value,r.setAttribute("data-stdg-input",""),e.addEventListener("input",()=>{r.value=e.value,this.emit(e.value)}),r.addEventListener("change",()=>{let i=r.value.trim();e.value=i,this.emit(i)}),this.colorInput=e,this.hexLabel=r,t.appendChild(e),t.appendChild(r),t}};var ar=class extends Z{options;select=null;stepperButtons=[];constructor(t,e,r,i,n){super(t,e,r,i),this.options=n}build(){let t=this.createRow();return t.appendChild(this.createLabel()),t.appendChild(this.createControl()),this.root=t,t}setValue(t){this.value=t,this.select&&(this.select.value=t)}setDisabled(t){super.setDisabled(t),this.select&&(this.select.disabled=t);for(let e of this.stepperButtons)e.disabled=t}createControl(){let t=document.createElement("div");t.setAttribute("data-stdg-field-input","");let e=document.createElement("select");e.setAttribute("data-stdg-select","");for(let i of this.options){let n=document.createElement("option");n.value=i.value,n.textContent=i.label,i.value===this.value&&(n.selected=!0),e.appendChild(n)}e.addEventListener("change",()=>{this.emit(e.value)}),this.select=e;let r=document.createElement("div");return r.setAttribute("data-stdg-stepper",""),r.appendChild(this.createStepperButton("up",-1)),r.appendChild(this.createStepperButton("down",1)),t.appendChild(e),t.appendChild(r),t}createStepperButton(t,e){let r=document.createElement("button");return r.type="button",r.setAttribute("data-stdg-button",""),r.setAttribute("data-stdg-button-icon-12",""),r.setAttribute("data-direction",t),r.innerHTML=V(12,t==="up"?"chevrone-up":"chevrone-down"),r.addEventListener("click",()=>{if(!this.select)return;let i=this.select.options.length;if(i===0)return;let s=((this.select.selectedIndex+e)%i+i)%i;this.select.selectedIndex=s,this.emit(this.select.value)}),this.stepperButtons.push(r),r}};var lr=class extends Z{checkbox=null;toggle=null;build(){let t=this.createRow();t.appendChild(this.createLabel());let e=document.createElement("label");e.setAttribute("data-stdg-toggle",""),e.setAttribute("data-checked",String(this.value));let r=document.createElement("input");r.type="checkbox",r.checked=this.value,r.setAttribute("data-stdg-toggle-input",""),this.checkbox=r,this.toggle=e;let i=document.createElement("span");return i.setAttribute("data-stdg-toggle-knob",""),r.addEventListener("change",()=>{let n=r.checked;this.value=n,e.setAttribute("data-checked",String(n)),this.emit(n)}),e.appendChild(r),e.appendChild(i),t.appendChild(e),this.root=t,t}setValue(t){this.value=t,this.checkbox&&(this.checkbox.checked=t),this.toggle?.setAttribute("data-checked",String(t))}setDisabled(t){super.setDisabled(t),this.checkbox&&(this.checkbox.disabled=t),this.toggle?.setAttribute("aria-disabled",t?"true":"false")}};var dr=class{fields=[];fieldEntries=[];values={};build(t,e,r){this.destroy(),this.values={...e};let i=(o,a)=>{this.values[o]=a,this.syncDisabledStates(),r(o,a)},n=document.createDocumentFragment(),s=document.createElement("div");s.setAttribute("data-stdg-panel-content",""),n.appendChild(s);for(let o of t){if(o.type==="divider"){s=document.createElement("div"),s.setAttribute("data-stdg-panel-content",""),n.appendChild(s);continue}let a=this.createField(o,e,i);a&&(this.fields.push(a),this.fieldEntries.push({descriptor:o,field:a}),s.appendChild(a.build()))}return this.syncDisabledStates(),n}updateValues(t){this.values={...this.values,...t};for(let e of this.fields){let r=e.key;r&&r in t&&e.setValue(t[r])}this.syncDisabledStates()}destroy(){for(let t of this.fields)t.destroy();this.fields=[],this.fieldEntries=[],this.values={}}createField(t,e,r){switch(t.type){case"number":return new nr(t.key,t.label,e[t.key]??t.default,r,t.min,t.max,t.step);case"range":return new sr(t.key,t.label,e[t.key]??t.default,r,t.min,t.max,t.step,t.displayMultiplier,t.displayStep,t.suffix,t.units,e[t.key+"Unit"]??t.defaultUnit);case"color":return new or(t.key,t.label,e[t.key]??t.default,r);case"select":return new ar(t.key,t.label,e[t.key]??t.default,r,t.options);case"toggle":return new lr(t.key,t.label,e[t.key]??t.default,r);default:return null}}syncDisabledStates(){for(let t of this.fieldEntries){let e=t.descriptor.disabledWhen,r=!!e&&this.values[e.key]===e.equals;t.field.setDisabled(r)}}};var yi=12,co=360,uo=560,ce=class{target;adapterRegistry;hudRoot;trigger;panel;layoutTitle;layoutChipTabs;layoutSettingsToggle;layoutSettingsList;layoutAddButton;layoutIOActions;listContainer;addGuideButton;headerAddButton;addPanel;addGridList;layoutPanel;detailPanel;detailContent;detailTitle=null;detailIcon=null;detailBuilder=null;instances=[];layouts=[];panelTitleValue="Layout";selectedLayoutId="";resolvedLayoutId="";selectedInstanceId=null;selectedBreakpointLayoutId=null;isOpen=!1;panelInBody=!1;isAddPanelOpen=!1;isLayoutSettingsOpen=!1;enabled=!0;onDocumentPointerDownBind;onViewportChangeBind;onAdd;onRemove;onToggle;onSettingChange;onReorder;onMoveToEnd;onSelectLayout;onUpdateLayoutMinWidth;onAddLayout;onRemoveLayout;onExport;onImport;onRenameInstance;onRenamePanelTitle;onHUDOpen;onHUDClose;onLayoutPanelOpen;onLayoutPanelClose;constructor(t,e,r,i){this.target=t,this.adapterRegistry=e,this.onAdd=r.onAdd,this.onRemove=r.onRemove,this.onToggle=r.onToggle,this.onSettingChange=r.onSettingChange,this.onReorder=r.onReorder,this.onMoveToEnd=r.onMoveToEnd,this.onSelectLayout=r.onSelectLayout,this.onUpdateLayoutMinWidth=r.onUpdateLayoutMinWidth,this.onAddLayout=r.onAddLayout,this.onRemoveLayout=r.onRemoveLayout,this.onExport=r.onExport,this.onImport=r.onImport,this.onRenameInstance=r.onRenameInstance,this.onRenamePanelTitle=r.onRenamePanelTitle,this.onHUDOpen=r.onHUDOpen,this.onHUDClose=r.onHUDClose,this.onLayoutPanelOpen=r.onLayoutPanelOpen,this.onLayoutPanelClose=r.onLayoutPanelClose,this.onDocumentPointerDownBind=this.onDocumentPointerDown.bind(this),this.onViewportChangeBind=()=>this.syncPanelPlacement(),this.hudRoot=this.createHudRoot(),this.trigger=this.createTrigger(),this.panel=this.createMainPanel(),this.addPanel=this.createAddPanel(),this.layoutPanel=this.createLayoutPanel(),this.detailPanel=this.createDetailPanel(),i?.attachTrigger!==!1&&this.hudRoot.appendChild(this.trigger),this.panel.appendChild(this.addPanel),this.panel.appendChild(this.layoutPanel),this.panel.appendChild(this.detailPanel),this.hudRoot.appendChild(this.panel),document.addEventListener("pointerdown",this.onDocumentPointerDownBind),window.addEventListener("resize",this.onViewportChangeBind),window.visualViewport?.addEventListener("resize",this.onViewportChangeBind),window.visualViewport?.addEventListener("scroll",this.onViewportChangeBind)}refresh(t,e,r,i,n){this.instances=[...t],this.layouts=[...e],this.panelTitleValue=r.trim()||"Layout",this.selectedLayoutId=i,this.resolvedLayoutId=n,this.selectedInstanceId&&!t.some(s=>s.id===this.selectedInstanceId)&&this.clearSelection(),this.selectedBreakpointLayoutId&&!this.layouts.some(s=>s.id===this.selectedBreakpointLayoutId)&&(this.selectedBreakpointLayoutId=null),this.layoutTitle.value=this.panelTitleValue,this.renderLayoutChips(),this.renderLayoutSettings(),this.renderList(),this.renderDetailPanel()}destroy(){this.detailBuilder?.destroy(),document.removeEventListener("pointerdown",this.onDocumentPointerDownBind),window.removeEventListener("resize",this.onViewportChangeBind),window.visualViewport?.removeEventListener("resize",this.onViewportChangeBind),window.visualViewport?.removeEventListener("scroll",this.onViewportChangeBind),this.panelInBody&&this.panel.remove(),this.hudRoot.remove()}getTriggerElement(){return this.trigger}getHudElement(){return this.hudRoot}setTargetId(t){this.hudRoot.setAttribute("data-target-id",t),this.trigger.setAttribute("data-target-id",t),this.panel.setAttribute("data-target-id",t),this.addPanel.setAttribute("data-target-id",t),this.layoutPanel.setAttribute("data-target-id",t),this.detailPanel.setAttribute("data-target-id",t)}setAnchorPosition(t,e,r="top-left"){this.hudRoot.setAttribute("data-visible","true");let i=r==="top-right"?" translate(-100%, 0%)":"";this.hudRoot.style.transform=`translate3d(${Math.round(t)}px, ${Math.round(e)}px, 0)${i}`,this.syncPanelPlacement()}setAnchorVisible(t){this.hudRoot.setAttribute("data-visible",t?"true":"false")}isHUDOpen(){return this.isOpen}isLayoutSettingsPanelOpen(){return this.isLayoutSettingsOpen}setEnabled(t){this.enabled=t,t||this.hide(),this.hudRoot.style.display=t?"":"none"}isEnabled(){return this.enabled}createHudRoot(){return kt()}createTrigger(){let t=Q({icon:"settings",label:"Open layout guides",modifiers:["toggle"],attrs:{"data-devguides-id":"layout","data-open":"false","data-state":"visible","data-active":"false","aria-expanded":"false"}});return t.addEventListener("click",e=>{e.stopPropagation(),this.toggle()}),t}createMainPanel(){let t=re(),e=ie();this.layoutTitle=document.createElement("input"),this.layoutTitle.setAttribute("data-stdg-input",""),this.layoutTitle.setAttribute("data-stdg-panel-title",""),this.layoutTitle.type="text",this.layoutTitle.value=this.panelTitleValue,this.layoutTitle.addEventListener("blur",()=>{let n=this.layoutTitle.value.trim()||"Layout";n!==this.panelTitleValue&&(this.panelTitleValue=n,this.onRenamePanelTitle(n)),this.layoutTitle.value=n}),this.layoutTitle.addEventListener("keydown",n=>{n.stopPropagation(),n.key==="Enter"&&this.layoutTitle.blur(),n.key==="Escape"&&(this.layoutTitle.value=this.panelTitleValue.trim()||"Layout",this.layoutTitle.blur())}),this.layoutTitle.addEventListener("click",n=>{n.stopPropagation(),this.startLayoutTitleRename()}),this.layoutSettingsToggle=Q({icon:"options",label:"Layout Settings",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.layoutSettingsToggle.addEventListener("click",n=>{n.stopPropagation(),this.isLayoutSettingsOpen?this.closeLayoutPanel():this.openLayoutPanel()});let r=Q({icon:"close",label:"Close layout guides",modifiers:["right"]});r.addEventListener("click",n=>{n.stopPropagation(),this.hide()}),this.headerAddButton=Q({icon:"plus",label:"Add Layout Guide",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.headerAddButton.addEventListener("click",n=>{n.stopPropagation(),this.openAddPanel()}),e.appendChild(this.layoutTitle),e.appendChild(this.headerAddButton),e.appendChild(r);let i=document.createElement("div");return i.setAttribute("data-stdg-panel-responsive",""),this.layoutChipTabs=document.createElement("div"),this.layoutChipTabs.setAttribute("data-stdg-panel-list",""),i.appendChild(this.layoutSettingsToggle),i.appendChild(this.layoutChipTabs),this.listContainer=ne({"data-string-grid-list":""}),this.addGuideButton=Ot({icon:"plus",label:"Add Layout Guide",withLabel:!0,attrs:{"data-active":"false"}}),this.addGuideButton.addEventListener("click",n=>{n.stopPropagation(),this.openAddPanel()}),this.listContainer.appendChild(this.addGuideButton),t.appendChild(e),t.appendChild(i),t.appendChild(this.listContainer),t}createAddPanel(){let t=re({"data-panel":"add"}),e=ie(),r=Q({icon:"close",label:"Close panel",modifiers:["right"]});return r.addEventListener("click",i=>{i.stopPropagation(),this.closeAddPanel()}),e.appendChild(r),this.addGridList=ne({"data-string-grid-add-grid-list":"","data-stdg-panel-content-50":""}),this.renderAddPanelList(),t.appendChild(e),t.appendChild(this.addGridList),t}renderAddPanelList(){if(this.addGridList.innerHTML="",this.adapterRegistry.size===0){let t=document.createElement("div");t.setAttribute("data-string-grid-add-grid-empty",""),t.textContent="No layout guides available",this.addGridList.appendChild(t);return}for(let[,t]of this.adapterRegistry){let e=Ot({icon:"",label:t.label,withLabel:!0});e.innerHTML=`${t.icon.replace("<svg","<svg data-stdg-icon-16")}<span>${t.label}</span>`,e.addEventListener("click",r=>{r.stopPropagation(),this.onAdd(t.type),this.closeAddPanel()}),this.addGridList.appendChild(e)}}createLayoutPanel(){let t=re({"data-panel":"layout"}),e=ie();this.layoutAddButton=Q({icon:"plus",label:"Add Layout Guide",modifiers:["toggle","left"],attrs:{"data-active":"false"}}),this.layoutAddButton.addEventListener("click",o=>{o.stopPropagation(),this.onAddLayout()});let r=Q({icon:"close",label:"Close panel",modifiers:["right"]});r.addEventListener("click",o=>{o.stopPropagation(),this.closeLayoutPanel()}),e.appendChild(this.layoutAddButton),e.appendChild(r),this.layoutSettingsList=ne(),this.layoutIOActions=ne({"data-stdg-panel-content-50":""});let i=Ot({icon:"export",label:"Export",withLabel:!0,attrs:{"data-io":"export"}});i.addEventListener("click",o=>{o.stopPropagation(),this.onExport()});let n=Ot({icon:"import",label:"Import",withLabel:!0,attrs:{"data-io":"import"}});n.addEventListener("click",o=>{o.stopPropagation(),this.onImport()}),this.layoutIOActions.appendChild(i),this.layoutIOActions.appendChild(n);let s=document.createElement("span");return s.setAttribute("data-stdg-panel-hr",""),t.appendChild(e),t.appendChild(this.layoutSettingsList),t.appendChild(s),t.appendChild(this.layoutIOActions),t}createDetailPanel(){let t=re({"data-panel":"detail"}),e=ie();this.detailIcon=document.createElement("span"),this.detailIcon.setAttribute("data-stdg-holder-icon-16",""),this.detailIcon.setAttribute("data-stdg-button-left",""),this.detailTitle=document.createElement("span"),this.detailTitle.addEventListener("click",i=>{i.stopPropagation(),this.startDetailRename()});let r=Q({icon:"close",label:"Close detail panel",modifiers:["right"]});return r.addEventListener("click",i=>{i.stopPropagation(),this.closeDetailPanel()}),e.appendChild(this.detailIcon),e.appendChild(this.detailTitle),e.appendChild(r),this.detailContent=document.createElement("div"),this.detailContent.setAttribute("data-string-dev-detail-body",""),t.appendChild(e),t.appendChild(this.detailContent),t}renderLayoutChips(){this.layoutChipTabs.innerHTML="";let t=e=>{this.selectedLayoutId=e,this.renderLayoutChips(),this.renderLayoutSettings()};[...this.layouts].reverse().forEach(e=>{let r=Ot({icon:"",label:`Select ${e.label} layout`});r.innerHTML=`<span>${e.label}</span>`,r.setAttribute("data-active",String(e.id===this.selectedLayoutId)),r.setAttribute("data-resolved",String(e.id===this.resolvedLayoutId)),r.setAttribute("data-mode",e.label),r.addEventListener("click",i=>{i.stopPropagation(),t(e.id),this.onSelectLayout(e.id)}),this.layoutChipTabs.appendChild(r)}),this.layoutSettingsToggle.setAttribute("data-active",String(this.isLayoutSettingsOpen))}renderLayoutSettings(){this.layoutSettingsList.innerHTML="",this.layoutAddButton.style.display=this.layouts.length>=4?"none":"";let{breakpointsRow:t,inputField:e}=this.createBreakpointWidget();this.layoutSettingsList.appendChild(t),this.layoutSettingsList.appendChild(e)}createBreakpointWidget(){let t=[...this.layouts].reverse(),e=t.length>2,r=document.createElement("div");r.setAttribute("data-stdg-panel-breakpoints","");let i=document.createElement("div");i.setAttribute("data-stdg-panel-field","");let n=`st-dg-break-${Date.now()}`,s=document.createElement("span");s.innerHTML=V(16,"break","second");let o=document.createElement("input");o.id=n,o.type="number",o.inputMode="numeric",o.step="1",o.min="1",o.setAttribute("data-stdg-input","");let a=document.createElement("label");a.htmlFor=n,a.setAttribute("data-stdg-field-input-disable",""),a.textContent="px",i.appendChild(s),i.appendChild(o),i.appendChild(a);let l=null,c=null,u=0,p=(h,f,b,y=!1)=>{c?.setAttribute("data-active","false"),l=h,c=b,u=f,this.selectedBreakpointLayoutId=h,b.setAttribute("data-active","true"),o.value=String(f),y&&(o.focus(),o.select())},g=()=>{if(!l||!o.isConnected)return;let h=Number.parseInt(o.value,10);if(Number.isFinite(h)&&h>=0){if(h===u)return;u=h,this.onUpdateLayoutMinWidth(l,h)}else o.value=String(u)};o.addEventListener("keydown",h=>{if(h.stopPropagation(),h.key==="Enter"){g();return}h.key==="Escape"&&(o.value=String(u),o.blur())}),o.addEventListener("blur",()=>requestAnimationFrame(g)),o.addEventListener("click",h=>h.stopPropagation());let m=null;if(t.forEach((h,f)=>{let b=document.createElement("div");b.setAttribute("data-stdg-panel-breakpoint-value","");let y=document.createElement("span");if(y.textContent=h.label,b.appendChild(y),e&&f>=2){let v=li(`Remove ${h.label} layout`);v.addEventListener("pointerdown",S=>S.stopPropagation()),v.addEventListener("click",S=>{S.preventDefault(),S.stopPropagation(),this.layouts.length>2&&this.onRemoveLayout(h.id)}),b.appendChild(v)}if(r.appendChild(b),f<t.length-1){let v=t[f+1],S=document.createElement("button");S.type="button",S.setAttribute("data-stdg-button",""),S.setAttribute("data-stdg-panel-breakpoint-marker",""),S.setAttribute("data-active","false"),S.setAttribute("aria-label",`Edit ${v.label} breakpoint`);let E=document.createElement("span");E.textContent=String(v.minWidth),S.appendChild(E),S.addEventListener("click",M=>{M.stopPropagation(),p(v.id,v.minWidth,S,!0)}),r.appendChild(S),(this.selectedBreakpointLayoutId===v.id||m===null&&this.selectedBreakpointLayoutId===null)&&(m={layoutId:v.id,value:v.minWidth,el:S})}}),m!==null){let h=m;p(h.layoutId,h.value,h.el)}return{breakpointsRow:r,inputField:i}}syncChipRowStates(){this.layoutChipTabs.querySelectorAll("[data-stdg-panel-button][data-mode]").forEach(e=>{let r=e.getAttribute("data-mode"),i=this.layouts.find(n=>n.label===r);i&&(e.setAttribute("data-active",String(i.id===this.selectedLayoutId)),e.setAttribute("data-resolved",String(i.id===this.resolvedLayoutId)))})}renderList(){for(;this.addGuideButton.nextSibling;)this.listContainer.removeChild(this.addGuideButton.nextSibling);for(let e of this.instances){let r=this.adapterRegistry.get(e.type);if(!r)continue;let i=document.createElement("div");i.setAttribute("data-stdg-panel-list-item",""),i.setAttribute("data-stdg-button",""),i.setAttribute("data-stdg-button-toggle",""),i.setAttribute("data-active",String(e.id===this.selectedInstanceId)),i.innerHTML=`${V(16,"grab","second")}${r.icon.replace("<svg","<svg data-stdg-icon-16")}<span>${e.name?.trim()||r.label}</span>`;let n=this.createToggle(e.visible,()=>this.onToggle(e.id)),s=li(`Remove ${e.name?.trim()||"instance"}`);s.addEventListener("click",o=>{o.stopPropagation(),this.selectedInstanceId===e.id&&this.closeDetailPanel(),this.onRemove(e.id)}),i.appendChild(n),i.appendChild(s),i.addEventListener("click",()=>{this.selectedInstanceId===e.id?this.closeDetailPanel():this.selectInstance(e.id)}),i.setAttribute("draggable","true"),i.addEventListener("dragstart",o=>{o.stopPropagation(),o.dataTransfer?.setData("text/plain",e.id),i.setAttribute("data-dragging","true")}),i.addEventListener("dragend",()=>{i.removeAttribute("data-dragging"),this.listContainer.querySelectorAll("[data-drag-over]").forEach(o=>o.removeAttribute("data-drag-over"))}),i.addEventListener("dragover",o=>{o.preventDefault(),o.stopPropagation();let a=i.getBoundingClientRect(),l=o.clientY<a.top+a.height/2?"before":"after";this.listContainer.querySelectorAll("[data-drag-over]").forEach(c=>c.removeAttribute("data-drag-over")),i.setAttribute("data-drag-over",l)}),i.addEventListener("dragleave",o=>{i.contains(o.relatedTarget)||i.removeAttribute("data-drag-over")}),i.addEventListener("drop",o=>{o.preventDefault(),o.stopPropagation();let a=o.dataTransfer?.getData("text/plain");if(i.removeAttribute("data-drag-over"),!a||a===e.id)return;let l=i.getBoundingClientRect(),c=o.clientY<l.top+l.height/2?"before":"after";this.onReorder(a,e.id,c)}),this.listContainer.appendChild(i)}this.addGuideButton.setAttribute("data-empty",String(this.instances.length===0));let t=this.instances.length>0;this.addGuideButton.style.display=t?"none":"",this.headerAddButton.style.display=t?"":"none"}renderDetailPanel(){if(!this.selectedInstanceId){this.hideDetailPanelUI();return}let t=this.instances.find(i=>i.id===this.selectedInstanceId);if(!t){this.clearSelection();return}let e=this.adapterRegistry.get(t.type);if(!e){this.clearSelection();return}this.detailIcon&&(this.detailIcon.innerHTML=e.icon.replace("<svg","<svg data-stdg-icon-16 data-stdg-icon-second")),this.detailTitle&&(this.detailTitle.textContent=t.name?.trim()||e.label),this.detailBuilder?.destroy(),this.detailBuilder=new dr;let r=this.detailBuilder.build(e.getUISchema(),t.settings,(i,n)=>this.onSettingChange(t.id,i,n));for(;this.detailContent.firstChild;)this.detailContent.removeChild(this.detailContent.firstChild);this.detailContent.appendChild(r),this.detailPanel.setAttribute("data-open","true"),this.alignDetailPanel(),this.syncPanelPlacement()}createToggle(t,e){let r=document.createElement("label");r.setAttribute("data-stdg-toggle",""),r.setAttribute("data-checked",String(t));let i=document.createElement("input");i.type="checkbox",i.checked=t,i.setAttribute("data-stdg-toggle-input",""),i.addEventListener("change",s=>{s.stopPropagation(),e()});let n=document.createElement("span");return n.setAttribute("data-stdg-toggle-knob",""),r.addEventListener("click",s=>s.stopPropagation()),r.appendChild(i),r.appendChild(n),r}startDetailRename(){if(!this.selectedInstanceId||!this.detailTitle)return;let t=this.instances.find(o=>o.id===this.selectedInstanceId);if(!t)return;let e=this.adapterRegistry.get(t.type);if(!e)return;let r=t.name?.trim()||e.label,i=this.detailTitle.parentElement;if(!i)return;let n=document.createElement("input");n.setAttribute("data-stdg-input",""),n.type="text",n.value=r;let s=()=>{let o=n.value.trim();o!==r&&this.onRenameInstance(t.id,o),i.contains(n)&&i.replaceChild(this.detailTitle,n)};n.addEventListener("blur",s),n.addEventListener("keydown",o=>{o.key==="Enter"&&n.blur(),o.key==="Escape"&&(n.value=r,n.blur())}),n.addEventListener("click",o=>o.stopPropagation()),n.addEventListener("pointerdown",o=>o.stopPropagation()),i.replaceChild(n,this.detailTitle),n.focus(),n.select()}startLayoutTitleRename(){this.layoutTitle.select()}openAddPanel(){this.isAddPanelOpen=!0,this.closeLayoutPanel(),this.clearSelection(),this.renderAddPanelList(),this.addPanel.setAttribute("data-open","true"),this.syncPanelPlacement()}closeAddPanel(){this.isAddPanelOpen=!1,this.addPanel.setAttribute("data-open","false"),this.syncPanelPlacement()}openLayoutPanel(){this.isLayoutSettingsOpen=!0,this.closeAddPanel(),this.clearSelection(),this.layoutPanel.setAttribute("data-open","true"),this.renderLayoutChips(),this.alignLayoutPanel(),this.syncPanelPlacement(),this.onLayoutPanelOpen()}closeLayoutPanel(){this.isLayoutSettingsOpen=!1,this.layoutPanel.setAttribute("data-open","false"),this.renderLayoutChips(),this.syncPanelPlacement(),this.onLayoutPanelClose()}alignLayoutPanel(){if(this.isMobilePanelMode()){this.layoutPanel.style.removeProperty("top");return}if(this.hudRoot.getAttribute("data-target-id")==="__global__"){this.layoutPanel.style.removeProperty("top");return}let t=this.layoutSettingsToggle.getBoundingClientRect(),e=this.panel.getBoundingClientRect();this.layoutPanel.style.top=`${t.top-e.top}px`}selectInstance(t){this.selectedInstanceId=t,this.closeLayoutPanel(),this.closeAddPanel(),this.renderList(),this.renderDetailPanel()}closeDetailPanel(){this.clearSelection(),this.renderList()}clearSelection(){this.selectedInstanceId=null,this.hideDetailPanelUI()}hideDetailPanelUI(){let t=this.detailBuilder;this.detailBuilder=null,this.detailPanel.setAttribute("data-open","false"),this.syncPanelPlacement(),window.setTimeout(()=>{this.detailPanel.getAttribute("data-open")==="false"&&(t?.destroy(),this.detailContent.innerHTML="",this.detailPanel.style.removeProperty("top"))},220)}alignDetailPanel(){if(this.isMobilePanelMode()){this.detailPanel.style.removeProperty("top");return}if(this.hudRoot.getAttribute("data-target-id")==="__global__"){this.detailPanel.style.removeProperty("top");return}let t=this.listContainer.querySelector('[data-stdg-panel-list-item][data-active="true"]');if(!t)return;let e=t.getBoundingClientRect(),r=this.panel.getBoundingClientRect();this.detailPanel.style.top=`${e.top-r.top}px`}show(){this.isOpen=!0,this.panel.setAttribute("data-open","true"),this.trigger.setAttribute("data-active","true"),this.trigger.setAttribute("aria-expanded","true"),this.syncPanelPlacement(),this.onHUDOpen()}hide(){this.isOpen=!1,this.panel.setAttribute("data-open","false"),this.closeAddPanel(),this.closeDetailPanel(),this.closeLayoutPanel(),this.trigger.setAttribute("data-active","false"),this.trigger.setAttribute("aria-expanded","false"),this.syncPanelPlacement(),this.onHUDClose()}toggle(){this.enabled&&(this.isOpen?this.hide():this.show())}isMobilePanelMode(){return typeof window>"u"?!1:window.matchMedia("(max-width: 1024px), (pointer: coarse)").matches}syncPanelPlacement(){if(!this.isMobilePanelMode()){this.panelInBody&&(this.panel.removeAttribute("data-mobile-sheet"),this.panel.style.removeProperty("position"),this.panel.style.removeProperty("bottom"),this.hudRoot.appendChild(this.panel),this.panelInBody=!1),this.hudRoot.setAttribute("data-mobile-sheet","false"),this.panel.style.removeProperty("left"),this.panel.style.removeProperty("top"),this.panel.style.removeProperty("width"),this.panel.style.removeProperty("height"),this.panel.style.removeProperty("max-height");return}if(!this.isOpen)return;this.panelInBody||((document.body??document.documentElement).appendChild(this.panel),this.panelInBody=!0);let e=window.visualViewport,r=e?.width??window.innerWidth,i=e?.height??window.innerHeight,n=Math.max(220,r-yi*2),s=Math.max(120,i-yi*2),o=Math.min(co,n),a=Math.min(uo,s),l=Math.round((e?.offsetLeft??0)+(r-o)/2);this.hudRoot.setAttribute("data-mobile-sheet","true"),this.panel.setAttribute("data-mobile-sheet","true"),this.panel.style.position="fixed",this.panel.style.left=`${l}px`,this.panel.style.bottom=`${yi}px`,this.panel.style.removeProperty("top"),this.panel.style.width=`${Math.round(o)}px`,this.panel.style.maxHeight=`${Math.round(a)}px`,this.panel.style.removeProperty("height"),this.addPanel.style.removeProperty("top"),this.layoutPanel.style.removeProperty("top"),this.detailPanel.style.removeProperty("top")}onDocumentPointerDown(t){if(!this.isOpen)return;let e=t.target;e instanceof Node&&(this.panel.contains(e)||this.trigger.contains(e)||this.addPanel.contains(e)||this.layoutPanel.contains(e)||this.detailPanel.contains(e)||this.hide())}};var Mt=class{static VERSION=2;static serialize(t,e){return{v:this.VERSION,source:"StringDevLayout",selectedLayout:e,layouts:t.map(r=>({id:r.id,label:r.label,minWidth:r.minWidth,grids:r.instances.map(i=>({id:i.id,type:i.type,visible:i.visible,...i.name!==void 0?{name:i.name}:{},settings:{...i.settings}}))}))}}static deserialize(t,e){if(!t||typeof t!="object")return null;let r=t,i=r.v,n=r.source;if(n!=="StringDevLayout"&&n!=="StringGrid"||i!==1&&i!==2||!Array.isArray(r.layouts))return null;let s=r.layouts.filter(l=>!!l&&typeof l=="object"&&typeof l.id=="string").map((l,c)=>({id:l.id,label:vi.includes(l.label)?l.label:"S",minWidth:this.resolveImportedMinWidth(l.minWidth,c),instances:(Array.isArray(l.grids)?l.grids:[]).filter(u=>!!u&&typeof u=="object"&&typeof u.type=="string"&&e.has(u.type)).map(u=>{let p=u.type,g=e.get(p);return{id:typeof u.id=="string"?u.id:tr(),type:p,visible:u.visible!==!1,...typeof u.name=="string"&&u.name?{name:u.name}:{},settings:{...g.getDefaults(),...u.settings&&typeof u.settings=="object"&&!Array.isArray(u.settings)?u.settings:{}}}})}));if(s.length===0)return null;s.sort((l,c)=>c.minWidth-l.minWidth);let o=typeof r.selectedLayout=="string"?r.selectedLayout:typeof r.activeLayout=="string"?r.activeLayout:s[0].id,a=s.some(l=>l.id===o)?o:s[0].id;return{layouts:s,selectedLayoutId:a}}static toFile(t,e){let r=JSON.stringify(e,null,2),i=new Blob([r],{type:"application/json"}),n=URL.createObjectURL(i),s=document.createElement("a");s.href=n,s.download=t,s.click(),URL.revokeObjectURL(n)}static fromFile(){return new Promise((t,e)=>{let r=document.createElement("input");r.type="file",r.accept=".json,application/json";let i=()=>r.remove();r.addEventListener("change",()=>{let n=r.files?.[0];if(!n){i(),e(new Error("No file selected"));return}let s=new FileReader;s.onload=()=>{i();try{t(JSON.parse(s.result))}catch{e(new Error("Invalid JSON"))}},s.onerror=()=>{i(),e(new Error("File read error"))},s.readAsText(n)}),r.addEventListener("cancel",()=>{i(),e(new Error("Cancelled"))}),document.body.appendChild(r),r.click()})}static resolveImportedMinWidth(t,e){return typeof t=="number"&&Number.isFinite(t)?ae(t):[1280,1024,768,0][e]??Math.max(0,1280-e*256)}};var cr="http://www.w3.org/2000/svg",G=class{clear(t,e){let r=t.querySelector(`[data-grid-id="${e}"]`);r&&r.remove()}getGroup(t,e){let r=t.querySelector(`[data-grid-id="${e}"]`);return r||(r=document.createElementNS(cr,"g"),r.setAttribute("data-grid-id",e),t.appendChild(r)),r}createLine(t,e,r,i,n,s,o=1){let a=document.createElementNS(cr,"line");return a.setAttribute("data-string-grid-shape","line"),a.setAttribute("x1",String(t)),a.setAttribute("y1",String(e)),a.setAttribute("x2",String(r)),a.setAttribute("y2",String(i)),a.setAttribute("stroke",n),a.setAttribute("stroke-opacity",String(s)),a.setAttribute("stroke-width",String(o)),a}createRect(t,e,r,i,n,s){let o=document.createElementNS(cr,"rect");return o.setAttribute("data-string-grid-shape","rect"),o.setAttribute("x",String(t)),o.setAttribute("y",String(e)),o.setAttribute("width",String(r)),o.setAttribute("height",String(i)),o.setAttribute("fill",n),o.setAttribute("fill-opacity",String(s)),o}resolveUnit(t,e,r,i){let n=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,s=i instanceof Element&&parseFloat(getComputedStyle(i).fontSize)||n;switch(e){case"%":return t/100*r;case"vw":return t/100*window.innerWidth;case"vh":return t/100*window.innerHeight;case"em":return t*s;case"rem":return t*n;default:return t}}createPath(t,e,r,i=1,n="none"){let s=document.createElementNS(cr,"path");return s.setAttribute("data-string-grid-shape","path"),s.setAttribute("d",t),s.setAttribute("stroke",e),s.setAttribute("stroke-opacity",String(r)),s.setAttribute("stroke-width",String(i)),s.setAttribute("fill",n),s}};var ur=class d extends G{type="columns";label="Columns";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="7" y="3" width="2" height="10" fill="currentColor"/><rect x="3" y="3" width="2" height="10" fill="currentColor"/><rect x="11" y="3" width="2" height="10" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{count:12,gap:20,gapUnit:"px",margin:0,marginUnit:"px",color:"#4a90e2",opacity:.15,showLines:!1}}getUISchema(){return[{type:"number",key:"count",label:"Columns",default:12,min:1,max:48,step:1},{type:"range",key:"gap",label:"Gap",default:20,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"margin",label:"Margin",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#4a90e2"},{type:"range",key:"opacity",label:"Opacity",default:.15,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"showLines",label:"Lines only",default:!1}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{count:s,gap:o,gapUnit:a,margin:l,marginUnit:c,color:u,opacity:p,showLines:g}=i,m=t.parentElement,h=this.resolveUnit(o,a||"px",e,m),f=this.resolveUnit(l,c||"px",e,m),b=e-f*2,y=(s-1)*h,v=(b-y)/s;if(!(v<=0))for(let S=0;S<s;S++){let E=f+S*(v+h);g?(n.appendChild(this.createLine(E,0,E,r,u,p)),n.appendChild(this.createLine(E+v,0,E+v,r,u,p))):n.appendChild(this.createRect(E,0,v,r,u,p))}}};var pr=class d extends G{type="rows";label="Rows";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="2" fill="currentColor"/><rect x="3" y="7" width="10" height="2" fill="currentColor"/><rect x="3" y="11" width="10" height="2" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vh",label:"vh"},{value:"vw",label:"vw"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{mode:"count",count:8,size:24,sizeUnit:"px",gap:0,gapUnit:"px",margin:0,marginUnit:"px",color:"#e2784a",opacity:.2,style:"line"}}getUISchema(){return[{type:"select",key:"mode",label:"Mode",default:"count",options:[{value:"count",label:"By count"},{value:"size",label:"By size"}]},{type:"number",key:"count",label:"Rows",default:8,min:1,max:48,step:1,disabledWhen:{key:"mode",equals:"size"}},{type:"range",key:"size",label:"Size",default:24,min:0,max:1200,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px",disabledWhen:{key:"mode",equals:"count"}},{type:"range",key:"gap",label:"Gap",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"margin",label:"Margin",default:0,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#e2784a"},{type:"range",key:"opacity",label:"Opacity",default:.2,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"select",key:"style",label:"Style",default:"line",options:[{value:"line",label:"Lines"},{value:"fill",label:"Fill"}]}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{mode:s,count:o,size:a,sizeUnit:l,gap:c,gapUnit:u,margin:p,marginUnit:g,color:m,opacity:h,style:f}=i,b=t.parentElement,y=this.resolveUnit(c,u||"px",r,b),v=this.resolveUnit(p,g||"px",r,b),S=r-v*2;if(!(S<=0))if(s==="count")this.renderByCount(n,e,S,v,o,y,m,h,f);else{let E=this.resolveUnit(a,l||"px",r,b);if(E<=0)return;this.renderBySize(n,e,S,v,E,y,m,h,f)}}renderByCount(t,e,r,i,n,s,o,a,l){if(l==="fill"){let c=(r-(n-1)*s)/n;if(c<=0)return;for(let u=0;u<n;u++){let p=i+u*(c+s);t.appendChild(this.createRect(0,p,e,c,o,a))}}else{if(n===1){let u=i+r/2;t.appendChild(this.createLine(0,u,e,u,o,a));return}let c=r/(n-1);for(let u=0;u<n;u++){let p=i+u*c;t.appendChild(this.createLine(0,p,e,p,o,a))}}}renderBySize(t,e,r,i,n,s,o,a,l){if(l==="fill"){let c=n+s;for(let u=0;u<r;u+=c){let p=Math.min(n,r-u);t.appendChild(this.createRect(0,i+u,e,p,o,a))}}else for(let c=0;c<=r;c+=n)t.appendChild(this.createLine(0,i+c,e,i+c,o,a))}};var gr=class extends G{type="center";label="Center";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="10" rx="3" fill="currentColor"/><path d="M8 2V14" stroke="white"/><path d="M2 8H14" stroke="white"/></svg>';getDefaults(){return{showVertical:!0,showHorizontal:!0,color:"#50e24a",opacity:.5,dashed:!0}}getUISchema(){return[{type:"toggle",key:"showVertical",label:"Vertical",default:!0},{type:"toggle",key:"showHorizontal",label:"Horizontal",default:!0},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#50e24a"},{type:"range",key:"opacity",label:"Opacity",default:.5,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"dashed",label:"Dashed",default:!0}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{showVertical:s,showHorizontal:o,color:a,opacity:l,dashed:c}=i,u=c?"6 3":"none";if(s){let p=this.createLine(e/2,0,e/2,r,a,l);c&&p.setAttribute("stroke-dasharray",u),n.appendChild(p)}if(o){let p=this.createLine(0,r/2,e,r/2,a,l);c&&p.setAttribute("stroke-dasharray",u),n.appendChild(p)}}};var hr=class extends G{type="rule-of-thirds";label="3\xD73";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="4" height="4" fill="currentColor"/><path d="M6 3.6C6 3.03995 6 2.75992 6.10899 2.54601C6.20487 2.35785 6.35785 2.20487 6.54601 2.10899C6.75992 2 7.03995 2 7.6 2H8.4C8.96005 2 9.24008 2 9.45399 2.10899C9.64215 2.20487 9.79513 2.35785 9.89101 2.54601C10 2.75992 10 3.03995 10 3.6V5H6V3.6Z" fill="currentColor"/><path d="M6 11H10V12.4C10 12.9601 10 13.2401 9.89101 13.454C9.79513 13.6422 9.64215 13.7951 9.45399 13.891C9.24008 14 8.96005 14 8.4 14H7.6C7.03995 14 6.75992 14 6.54601 13.891C6.35785 13.7951 6.20487 13.6422 6.10899 13.454C6 13.2401 6 12.9601 6 12.4V11Z" fill="currentColor"/><path d="M2 7.6C2 7.03995 2 6.75992 2.10899 6.54601C2.20487 6.35785 2.35785 6.20487 2.54601 6.10899C2.75992 6 3.03995 6 3.6 6H5V10H3.6C3.03995 10 2.75992 10 2.54601 9.89101C2.35785 9.79513 2.20487 9.64215 2.10899 9.45399C2 9.24008 2 8.96005 2 8.4V7.6Z" fill="currentColor"/><path d="M11 6H12.4C12.9601 6 13.2401 6 13.454 6.10899C13.6422 6.20487 13.7951 6.35785 13.891 6.54601C14 6.75992 14 7.03995 14 7.6V8.4C14 8.96005 14 9.24008 13.891 9.45399C13.7951 9.64215 13.6422 9.79513 13.454 9.89101C13.2401 10 12.9601 10 12.4 10H11V6Z" fill="currentColor"/></svg>';getDefaults(){return{color:"#e2e24a",opacity:.4,showIntersections:!0}}getUISchema(){return[{type:"color",key:"color",label:"Color",default:"#e2e24a"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10},{type:"toggle",key:"showIntersections",label:"Show points",default:!0}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{color:s,opacity:o,showIntersections:a}=i,l=e/3,c=r/3;if(n.appendChild(this.createLine(l,0,l,r,s,o)),n.appendChild(this.createLine(l*2,0,l*2,r,s,o)),n.appendChild(this.createLine(0,c,e,c,s,o)),n.appendChild(this.createLine(0,c*2,e,c*2,s,o)),a){let u=[[l,c],[l*2,c],[l,c*2],[l*2,c*2]];for(let[p,g]of u){let m=document.createElementNS("http://www.w3.org/2000/svg","circle");m.setAttribute("cx",String(p)),m.setAttribute("cy",String(g)),m.setAttribute("r","3"),m.setAttribute("fill",s),m.setAttribute("fill-opacity",String(o*1.5)),n.appendChild(m)}}}};var Si=1.6180339887,mr=class extends G{type="golden-rectangle";label="Golden";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="10" height="10" rx="3" fill="currentColor"/><path d="M9 13V3" stroke="white"/><path d="M13 9H9" stroke="white"/></svg>';getDefaults(){return{depth:8,showSpiral:!0,color:"#e2a44a",opacity:.4}}getUISchema(){return[{type:"number",key:"depth",label:"Depth",default:8,min:2,max:14,step:1},{type:"toggle",key:"showSpiral",label:"Show spiral",default:!0},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#e2a44a"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{depth:s,showSpiral:o,color:a,opacity:l}=i,c,u;e/r>=Si?(u=r,c=u*Si):(c=e,u=c/Si);let p=(e-c)/2,g=(r-u)/2;if(c<e-1||u<r-1){let S=this.createPath(`M ${p} ${g} L ${p+c} ${g} L ${p+c} ${g+u} L ${p} ${g+u} Z`,a,l*.3,1);S.setAttribute("stroke-dasharray","6 4"),n.appendChild(S)}let m=p,h=g,f=c,b=u,y="",v=!0;for(let S=0;S<s&&!(f<1||b<1);S++){let E=S%4,M=Math.min(f,b),C,A;switch(E){case 0:{C=m+f-M,A=h,f-M>.5&&n.appendChild(this.createLine(C,h,C,h+b,a,l)),o&&(v&&(y=`M ${C+M} ${A}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C} ${A+M}`),f-=M;break}case 1:{C=m,A=h+b-M,b-M>.5&&n.appendChild(this.createLine(m,A,m+f,A,a,l)),o&&(v&&(y=`M ${C+M} ${A+M}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C} ${A}`),b-=M;break}case 2:{C=m,A=h,f-M>.5&&n.appendChild(this.createLine(m+M,h,m+M,h+b,a,l)),o&&(v&&(y=`M ${C} ${A+M}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C+M} ${A}`),m+=M,f-=M;break}case 3:{C=m,A=h,b-M>.5&&n.appendChild(this.createLine(m,h+M,m+f,h+M,a,l)),o&&(v&&(y=`M ${C} ${A}`,v=!1),y+=` A ${M} ${M} 0 0 1 ${C+M} ${A+M}`),h+=M,b-=M;break}}}o&&y&&n.appendChild(this.createPath(y,a,l*.8,1.5))}};var Li="http://www.w3.org/2000/svg",fr=class d extends G{static MAX_DOT_CELLS=12e4;static MAX_CROSS_CELLS=8e4;type="dot-grid";label="Dots";icon='<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="3" width="2" height="2" fill="currentColor"/><rect x="11" y="7" width="2" height="2" fill="currentColor"/><rect x="11" y="11" width="2" height="2" fill="currentColor"/><rect x="7" y="3" width="2" height="2" fill="currentColor"/><rect x="7" y="7" width="2" height="2" fill="currentColor"/><rect x="7" y="11" width="2" height="2" fill="currentColor"/><rect x="3" y="3" width="2" height="2" fill="currentColor"/><rect x="3" y="7" width="2" height="2" fill="currentColor"/><rect x="3" y="11" width="2" height="2" fill="currentColor"/></svg>';static UNIT_OPTIONS=[{value:"px",label:"px"},{value:"%",label:"%"},{value:"vw",label:"vw"},{value:"vh",label:"vh"},{value:"em",label:"em"},{value:"rem",label:"rem"}];getDefaults(){return{step:16,stepUnit:"px",dotSize:1.5,shape:"dot",color:"#a0a0a0",opacity:.4}}getUISchema(){return[{type:"range",key:"step",label:"Step",default:16,min:0,max:100,step:1,units:d.UNIT_OPTIONS,defaultUnit:"px"},{type:"range",key:"dotSize",label:"Size",default:1.5,min:.5,max:6,step:.5},{type:"select",key:"shape",label:"Shape",default:"dot",options:[{value:"dot",label:"Dot \u25CF"},{value:"cross",label:"Cross +"}]},{type:"divider"},{type:"color",key:"color",label:"Color",default:"#a0a0a0"},{type:"range",key:"opacity",label:"Opacity",default:.4,min:0,max:1,step:.01,displayMultiplier:100,displayStep:10}]}render(t,e,r,i){let n=this.getGroup(t,i.__instanceId),{step:s,stepUnit:o,dotSize:a,shape:l,color:c,opacity:u}=i,p=this.resolveUnit(s,o||"px",Math.min(e,r),t.parentElement),g=this.getSafeStep(e,r,p,l);if(g<2)return;let m=this.getPatternId(i.__instanceId),h=this.getDefs(t),f=document.createElementNS(Li,"pattern");f.setAttribute("id",m),f.setAttribute("data-string-grid-pattern-for",i.__instanceId),f.setAttribute("patternUnits","userSpaceOnUse"),f.setAttribute("width",String(g)),f.setAttribute("height",String(g)),f.setAttribute("x",String(g/2)),f.setAttribute("y",String(g/2));let b=g/2;if(l==="cross")f.appendChild(this.createLine(b-a*2,b,b+a*2,b,c,u,.8)),f.appendChild(this.createLine(b,b-a*2,b,b+a*2,c,u,.8));else{let v=document.createElementNS(Li,"circle");v.setAttribute("cx",String(b)),v.setAttribute("cy",String(b)),v.setAttribute("r",String(a)),v.setAttribute("fill",c),v.setAttribute("fill-opacity",String(u)),f.appendChild(v)}h.appendChild(f);let y=this.createRect(0,0,e,r,`url(#${m})`,1);y.setAttribute("fill-opacity","1"),n.appendChild(y)}clear(t,e){super.clear(t,e),t.querySelector(`[data-string-grid-pattern-for="${e}"]`)?.remove()}getDefs(t){let e=t.querySelector("defs");return e||(e=document.createElementNS(Li,"defs"),t.insertBefore(e,t.firstChild)),e}getPatternId(t){return`string-grid-dot-pattern-${t.replace(/[^a-zA-Z0-9_-]/g,"-")}`}getSafeStep(t,e,r,i){let s=Math.max(r,2),o=i==="cross"?d.MAX_CROSS_CELLS:d.MAX_DOT_CELLS;return Math.floor(t/s)*Math.floor(e/s)<=o?s:Math.max(s,Math.sqrt(t*e/o))}};var vr="string-devtools-overlay-layout:change";var Ei=class{entries=new Map;register(t,e,r=1){this.entries.set(t,{order:e,badgeCount:r})}unregister(t){this.entries.delete(t)}resolveAnchor(t,e,r){let i=this.getSorted(),n=i.findIndex(o=>o.id===t),s=0;for(let o=0;o<n;o+=1)s+=i[o].badgeCount;return{docX:e+0+s*31,docY:r+0}}resolveCollisionOffset(t,e,r,i){let n=[],s=t.parentElement;for(;s;){let l=s.getAttribute("string-id")??s.getAttribute("data-string-id");if(l){let c=i(l);c&&n.push(c)}s=s.parentElement}let o=0,a=!0;for(;a;){a=!1;for(let l of n)if(Math.abs(l.docX-e)<50&&Math.abs(l.docY-(r+o))<31){o+=33,a=!0;break}}return o}emitLayoutChange(){window.dispatchEvent(new CustomEvent(vr))}getSorted(){let t=[];for(let[e,r]of this.entries)t.push({id:e,...r});return t.sort((e,r)=>e.order!==r.order?e.order-r.order:e.id.localeCompare(r.id)),t}},tt=new Ei;function yn(){return`
     ${di(["[data-string-grid-root]","[data-stdg-badge]"])}
 
     [data-string-grid-root],
@@ -1360,7 +1360,7 @@ ${As(i,"  ")}
         left: 0;
       }
     }
-  `}var ue="data-string-grid-storage-key",Sn=/^string-\d+$/,F="__global__";function Mi(d,t){let e=d.getAttribute(ue)?.trim();if(e)return e;let r=d.getAttribute("data-string-id")?.trim()||d.getAttribute("string-id")?.trim()||"";if(r&&!Sn.test(r)){let s=`string:${window.location.pathname}#${r}`;return d.setAttribute(ue,s),s}let i=d.id.trim();if(i){let s=`dom:${window.location.pathname}#${i}`;return d.setAttribute(ue,s),s}let n=`path:${window.location.pathname}:${uo(d)}`;return d.setAttribute(ue,n),n}function co(d,t,e){let r=window.location.pathname,i=d.id.trim(),n=d.getAttribute("data-string-id")?.trim()||d.getAttribute("string-id")?.trim()||"",s=[i?`dom:${r}#${i}`:"",n&&!Sn.test(n)?`string:${r}#${n}`:"",i,n,t.id.trim()].filter(Boolean);return s.filter((o,a)=>o!==e&&s.indexOf(o)===a)}function uo(d){let t=[],e=d;for(;e&&e!==document.body&&e!==document.documentElement;){let r=e.parentElement,i=e.tagName.toLowerCase(),n=1;if(r){let s=e.previousElementSibling;for(;s;)s.tagName===e.tagName&&(n+=1),s=s.previousElementSibling}if(t.unshift(`${i}:nth-of-type(${n})`),r?.id){t.unshift(`#${r.id}`);break}e=r}return t.join(">")}function po(d){let t=0,e=d.parentElement;for(;e;)e.hasAttribute("data-string-grid-root")&&(t+=1),e=e.parentElement;return t}var wi=class extends J{gridManager=new ir;viewportLayer;overlayLayer;overlays=new Map;huds=new Map;elementMap=new Map;triggerEntries=new Map;triggerMeasurements=new Map;enabled=!0;needsMeasure=!1;hasPendingMutate=!1;globalHost=null;globalOverlay=null;globalHUD=null;globalSubBadge=null;static devtool={id:"layout",label:"Layout",icon:"layout",order:20,group:1,hotkey:{key:"L",shiftKey:!0},styles:yn,connects:{global:!1,keys:["layout"]}};constructor(t){super(t),this.attributesToMap=[],this.overlayLayer=this.acquireViewportLayer("devtools-grid-overlay",10010),this.viewportLayer=this.acquireViewportLayer("devtools-hud",10040),this.registerBuiltInAdapters(),this.registerExternalAdapters()}onInit(){this.ensureTriggerLayer(),this.ensureGlobalGrid()}getDevtoolSubBadges(){return[{id:"global-settings",icon:"settings",label:"Open global grid settings",selectorAttribute:"data-string-grid-global-toggle",onClick:t=>this.toggleGlobalPanel(t)}]}onObjectConnected(t){let e=t.htmlElement,r=Mi(e,t),i=co(e,t,r);e.setAttribute("data-string-grid-root","");let n=po(e);e.setAttribute("data-string-grid-depth",String(n)),e.style.setProperty("--string-grid-stack-offset","0px"),this.elementMap.set(r,e),this.gridManager.load(r,i);let s=this.overlayLayer.getWorldElement(this.getWorldHost()),o=new de(e,s,()=>{this.enabled&&(this.renderElement(r),this.scheduleTriggerSync())});this.overlays.set(r,o);let a=new ce(e,this.gridManager.getAdapterRegistry(),{onAdd:l=>this.handleAdd(r,l),onRemove:l=>this.handleRemove(r,l),onToggle:l=>this.handleToggle(r,l),onSettingChange:(l,c,u)=>this.handleSettingChange(r,l,c,u),onReorder:(l,c,u)=>this.handleReorder(r,l,c,u),onMoveToEnd:l=>this.handleMoveToEnd(r,l),onSelectLayout:l=>this.handleSelectLayout(r,l),onUpdateLayoutMinWidth:(l,c)=>this.handleUpdateLayoutMinWidth(r,l,c),onAddLayout:()=>this.handleAddLayout(r),onRemoveLayout:l=>this.handleRemoveLayout(r,l),onExport:()=>this.handleExport(r),onImport:()=>this.handleImport(r),onRenameInstance:(l,c)=>this.handleRenameInstance(r,l,c),onRenamePanelTitle:l=>this.handleRenamePanelTitle(r,l),onHUDOpen:()=>this.handleHUDOpen(r),onHUDClose:()=>this.handleHUDClose(r),onLayoutPanelOpen:()=>this.handleLayoutPanelOpen(r),onLayoutPanelClose:()=>this.handleLayoutPanelClose(r)});this.huds.set(r,a),a.setTargetId(r),this.ensureTriggerLayer(),this.viewportLayer.getWorldElement(this.getWorldHost()).appendChild(a.getHudElement()),this.triggerEntries.set(r,{object:t,hud:a,depth:n}),this.renderElement(r),this.refreshHUD(r),o.setEnabled(this.enabled),a.setEnabled(this.enabled),requestAnimationFrame(()=>this.scheduleTriggerSync())}onObjectDisconnected(t){let e=t.htmlElement,r=Mi(e,t);this.destroyElement(r)}onResize(){for(let[t,e]of this.overlays)e.syncViewBox(),this.renderElement(t),this.refreshHUD(t);this.syncGlobalHostSize(),this.globalOverlay?.syncViewBox(),this.renderGlobal(),this.refreshGlobalHUD(),this.scheduleTriggerSync()}onScroll(){this.enabled&&(this.needsMeasure=!0)}onScrollMeasure(){if(!(!this.enabled||!this.needsMeasure)){this.collectTriggerMeasurements(),this.needsMeasure=!1;for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}}onMutate(){if(!(!this.enabled||!this.hasPendingMutate)){for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}}onDOMRebuild(){this.enabled&&this.scheduleTriggerSync()}destroy(){for(let[t]of this.overlays)this.destroyElement(t);this.destroyGlobalGrid(),this.gridManager.clear(),super.destroy()}setEnabled(t){if(this.enabled!==t){this.enabled=t;for(let e of this.overlays.values())e.setEnabled(t);for(let e of this.huds.values())e.setEnabled(t);if(this.globalOverlay?.setEnabled(t),this.globalHUD?.setEnabled(t),t||this.globalHUD?.hide(),this.applyTriggerLayerState(),t){for(let e of this.overlays.keys())this.renderElement(e);this.renderGlobal(),this.scheduleTriggerSync()}else this.hasPendingMutate=!1;this.emitDevtoolState()}}isEnabled(){return this.enabled}getDevtoolActiveState(){return this.enabled}setDevtoolActiveState(t){this.setEnabled(t)}handleAdd(t,e){this.gridManager.addInstance(t,e),this.renderElement(t),this.refreshHUD(t)}handleRemove(t,e){let r=this.gridManager.findInstance(t,e);if(r){let i=this.gridManager.getAdapter(r.type),n=this.overlays.get(t);i&&n&&n.clearInstance(e,i)}this.gridManager.removeInstance(t,e),this.refreshHUD(t)}handleToggle(t,e){this.gridManager.toggleVisibility(t,e),this.renderElement(t),this.refreshHUD(t)}handleSettingChange(t,e,r,i){this.gridManager.updateSetting(t,e,r,i),this.renderElement(t)}handleReorder(t,e,r,i){this.gridManager.reorderInstance(t,e,r,i),this.renderElement(t),this.refreshHUD(t)}handleMoveToEnd(t,e){this.gridManager.moveInstanceToEnd(t,e),this.renderElement(t),this.refreshHUD(t)}handleSelectLayout(t,e){this.gridManager.selectLayout(t,e),this.renderElement(t),this.refreshHUD(t)}handleUpdateLayoutMinWidth(t,e,r){this.gridManager.updateLayoutMinWidth(t,e,r),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleAddLayout(t){this.gridManager.addLayout(t),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleRemoveLayout(t,e){this.gridManager.removeLayout(t,e),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleRenameInstance(t,e,r){this.gridManager.renameInstance(t,e,r),this.refreshHUD(t)}handleRenamePanelTitle(t,e){this.gridManager.renamePanelTitle(t,e),this.refreshHUD(t)}handleHUDOpen(t){this.syncToResolved(t),this.renderElement(t),this.refreshHUD(t)}handleHUDClose(t){this.syncToResolved(t),this.renderElement(t),this.refreshHUD(t)}handleLayoutPanelOpen(t){this.renderElement(t),this.refreshHUD(t)}handleLayoutPanelClose(t){this.renderElement(t),this.refreshHUD(t)}handleExport(t){let e=this.gridManager.getLayouts(t),r=this.gridManager.getSelectedLayoutId(t),i=Mt.serialize(e,r),n=t.replace(/[^a-z0-9]/gi,"-").toLowerCase()||"element";Mt.toFile(`string-grid-${n}.json`,i)}handleImport(t){Mt.fromFile().then(e=>{let r=Mt.deserialize(e,this.gridManager.getAdapterRegistry());r&&(this.gridManager.replaceLayouts(t,r.layouts,r.selectedLayoutId),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t))}).catch(()=>{})}renderElement(t){if(t===F){this.renderGlobal();return}let e=this.overlays.get(t);if(!e)return;let r=this.huds.get(t),i=this.data.viewport.windowWidth||window.innerWidth,n=r?.isHUDOpen()?this.gridManager.getSelectedInstances(t):this.gridManager.getResolvedInstances(t,i);e.render(n,this.gridManager.getAdapterRegistry())}syncToResolved(t){this.syncSelectedLayoutToViewport(t)}syncSelectedLayoutToViewport(t){let e=this.data.viewport.windowWidth||window.innerWidth,r=this.gridManager.getResolvedLayoutId(t,e);this.gridManager.getSelectedLayoutId(t)!==r&&this.gridManager.selectLayout(t,r,!1)}refreshHUD(t){if(t===F){this.refreshGlobalHUD();return}let e=this.huds.get(t);if(!e)return;let r=this.data.viewport.windowWidth||window.innerWidth,i=this.gridManager.getResolvedLayoutId(t,r);e.isHUDOpen()||this.gridManager.getSelectedLayoutId(t)!==i&&this.gridManager.selectLayout(t,i,!1);let n=this.gridManager.getSelectedLayoutId(t),s=this.gridManager.getSelectedInstances(t),o=this.gridManager.getLayouts(t),a=this.gridManager.getPanelTitle(t);e.refresh(s,o,a,n,i)}ensureGlobalGrid(){if(this.globalOverlay&&this.globalHUD)return;let t=this.overlayLayer.getScreenElement(),e=document.createElement("div");e.setAttribute("data-string-grid-global-root",""),e.style.position="absolute",e.style.inset="0",e.style.pointerEvents="none",t.appendChild(e),this.globalHost=e,this.syncGlobalHostSize(),this.gridManager.load(F);let r=new de(e,t,()=>{this.enabled&&this.renderGlobal()});this.globalOverlay=r,r.setEnabled(this.enabled),r.setPosition(0,0,e.clientWidth,e.clientHeight);let i=new ce(e,this.gridManager.getAdapterRegistry(),{onAdd:o=>this.handleAdd(F,o),onRemove:o=>this.handleRemove(F,o),onToggle:o=>this.handleToggle(F,o),onSettingChange:(o,a,l)=>this.handleSettingChange(F,o,a,l),onReorder:(o,a,l)=>this.handleReorder(F,o,a,l),onMoveToEnd:o=>this.handleMoveToEnd(F,o),onSelectLayout:o=>this.handleSelectLayout(F,o),onUpdateLayoutMinWidth:(o,a)=>this.handleUpdateLayoutMinWidth(F,o,a),onAddLayout:()=>this.handleAddLayout(F),onRemoveLayout:o=>this.handleRemoveLayout(F,o),onExport:()=>this.handleExport(F),onImport:()=>this.handleImport(F),onRenameInstance:(o,a)=>this.handleRenameInstance(F,o,a),onRenamePanelTitle:o=>this.handleRenamePanelTitle(F,o),onHUDOpen:()=>{this.syncToResolved(F),this.renderGlobal(),this.refreshGlobalHUD(),this.syncGlobalSubBadgeState()},onHUDClose:()=>{this.syncToResolved(F),this.renderGlobal(),this.refreshGlobalHUD(),this.syncGlobalSubBadgeState()},onLayoutPanelOpen:()=>this.refreshGlobalHUD(),onLayoutPanelClose:()=>this.refreshGlobalHUD()},{attachTrigger:!1});this.globalHUD=i,i.setTargetId(F),i.setEnabled(this.enabled);let n=this.viewportLayer.getScreenElement(),s=i.getHudElement();s.setAttribute("data-string-grid-global-hud",""),s.style.position="absolute",s.style.left="24px",s.style.bottom="96px",s.style.pointerEvents="auto",n.appendChild(s),i.setAnchorVisible(!0),this.renderGlobal(),this.refreshGlobalHUD()}syncGlobalHostSize(){let t=this.globalHost;if(!t)return;let e=this.data.viewport.windowWidth||window.innerWidth,r=this.data.viewport.windowHeight||window.innerHeight;t.style.width=`${e}px`,t.style.height=`${r}px`,this.globalOverlay?.setPosition(0,0,e,r)}renderGlobal(){let t=this.globalOverlay;if(!t)return;let e=this.globalHUD,r=this.data.viewport.windowWidth||window.innerWidth,i=e?.isHUDOpen()?this.gridManager.getSelectedInstances(F):this.gridManager.getResolvedInstances(F,r);t.render(i,this.gridManager.getAdapterRegistry())}refreshGlobalHUD(){let t=this.globalHUD;if(!t)return;let e=this.data.viewport.windowWidth||window.innerWidth,r=this.gridManager.getResolvedLayoutId(F,e);t.isHUDOpen()||this.gridManager.getSelectedLayoutId(F)!==r&&this.gridManager.selectLayout(F,r,!1);let i=this.gridManager.getSelectedLayoutId(F),n=this.gridManager.getSelectedInstances(F),s=this.gridManager.getLayouts(F),o=this.gridManager.getPanelTitle(F);t.refresh(n,s,o,i,r)}toggleGlobalPanel(t){this.ensureGlobalGrid(),t&&(this.globalSubBadge=t),this.positionGlobalHudAtAnchor(t),this.globalHUD?.toggle(),this.syncGlobalSubBadgeState()}syncGlobalSubBadgeState(){if(!this.globalSubBadge)return;let t=this.globalHUD?.isHUDOpen()??!1;this.globalSubBadge.setAttribute("data-active",t?"true":"false"),this.globalSubBadge.setAttribute("aria-expanded",t?"true":"false")}positionGlobalHudAtAnchor(t){if(!t||!this.globalHUD)return;let e=this.globalHUD.getHudElement(),r=this.viewportLayer.getScreenElement(),i=t.getBoundingClientRect(),n=r.getBoundingClientRect();e.style.left=`${Math.round(i.right-n.left)}px`,e.style.top=`${Math.round(i.top-n.top+28)}px`,e.style.bottom="auto",e.style.transform=""}destroyGlobalGrid(){this.globalOverlay?.destroy(),this.globalOverlay=null,this.globalHUD?.destroy(),this.globalHUD=null,this.globalHost?.remove(),this.globalHost=null}destroyElement(t){this.overlays.get(t)?.destroy(),this.overlays.delete(t),this.huds.get(t)?.destroy(),this.huds.delete(t),this.triggerEntries.delete(t),this.triggerMeasurements.delete(t),this.elementMap.get(t)?.removeAttribute("data-string-grid-root"),this.elementMap.get(t)?.removeAttribute("data-string-grid-depth"),this.elementMap.get(t)?.removeAttribute(ue),this.elementMap.get(t)?.style.removeProperty("--string-grid-stack-offset"),this.elementMap.delete(t)}ensureTriggerLayer(){this.viewportLayer.ensure(this.getWorldHost()).setAttribute("data-string-grid-trigger-layer","")}applyTriggerLayerState(){}scheduleTriggerSync(){this.ensureTriggerLayer(),this.needsMeasure=!0,this.collectTriggerMeasurements(),this.needsMeasure=!1;for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}collectTriggerMeasurements(){for(let[t,e]of this.triggerEntries)this.triggerMeasurements.set(t,this.measureTrigger(e))}measureTrigger(t){let r=t.object.htmlElement;if(!this.enabled||!r||!r.isConnected)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let i=this.getViewportScrollLeft(),n=this.getViewportScrollTop(),s=r.getBoundingClientRect(),o=s.width||r.offsetWidth||r.clientWidth||0,a=s.height||r.offsetHeight||r.clientHeight||0,l=s.left+i,c=s.top+n;if(o<=0||a<=0)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let u=this.data.viewport.windowHeight||window.innerHeight,p=this.data.viewport.windowWidth||window.innerWidth,g=s.left,m=s.top;if(m+a<0||m>u||g+o<0||g>p)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let f=l+o,b=c,y=this.resolveTriggerStackOffset(t,f,b);return{visible:!0,docX:f,docY:b+y,stackOffsetY:y,elementDocX:l,elementDocY:c,width:o,height:a}}applyTriggerMeasurement(t,e){if(!e||!e.visible){t.hud.setAnchorVisible(!1),t.object.htmlElement.style.setProperty("--string-grid-stack-offset","0px");return}t.hud.setAnchorVisible(!0),t.object.htmlElement.style.setProperty("--string-grid-stack-offset",`${e.stackOffsetY}px`),t.hud.setAnchorPosition(e.docX,e.docY,"top-right");let r=this.overlays.get(Mi(t.object.htmlElement,t.object));r&&e.elementDocX!=null&&e.elementDocY!=null&&e.width!=null&&e.height!=null&&r.setPosition(e.elementDocX,e.elementDocY,e.width,e.height)}getWorldHost(){return this.data.scroll.container??document.body??document.documentElement}getObjectDocY(t){let e=t.getProperty("start"),r=t.getProperty("size");return e!=null&&r!=null&&r>0?e:t.getProperty("layout-doc-top")??0}getViewportScrollLeft(){return this.data.scroll.elementContainer?.scrollLeft??0}getViewportScrollTop(){return this.data.scroll.elementContainer?.scrollTop??0}resolveTriggerStackOffset(t,e,r){return tt.resolveCollisionOffset(t.object.htmlElement,e,r,i=>{let n=this.objectManager.all.get(i);if(!n)return null;let s=n.getProperty("layout-width")??n.htmlElement.offsetWidth??n.htmlElement.clientWidth??0;return{docX:(n.getProperty("layout-doc-left")??0)+s,docY:this.getObjectDocY(n)}})}registerBuiltInAdapters(){let t=[new ur,new pr,new gr,new mr,new hr,new fr];for(let e of t)this.gridManager.registerAdapter(e)}registerExternalAdapters(){let t=this.settings.adapters;if(t)for(let e of t)this.gridManager.registerAdapter(e)}};var Ln=`
+  `}var ue="data-string-grid-storage-key",Sn=/^string-\d+$/,F="__global__";function Mi(d,t){let e=d.getAttribute(ue)?.trim();if(e)return e;let r=d.getAttribute("data-string-id")?.trim()||d.getAttribute("string-id")?.trim()||"";if(r&&!Sn.test(r)){let s=`string:${window.location.pathname}#${r}`;return d.setAttribute(ue,s),s}let i=d.id.trim();if(i){let s=`dom:${window.location.pathname}#${i}`;return d.setAttribute(ue,s),s}let n=`path:${window.location.pathname}:${go(d)}`;return d.setAttribute(ue,n),n}function po(d,t,e){let r=window.location.pathname,i=d.id.trim(),n=d.getAttribute("data-string-id")?.trim()||d.getAttribute("string-id")?.trim()||"",s=[i?`dom:${r}#${i}`:"",n&&!Sn.test(n)?`string:${r}#${n}`:"",i,n,t.id.trim()].filter(Boolean);return s.filter((o,a)=>o!==e&&s.indexOf(o)===a)}function go(d){let t=[],e=d;for(;e&&e!==document.body&&e!==document.documentElement;){let r=e.parentElement,i=e.tagName.toLowerCase(),n=1;if(r){let s=e.previousElementSibling;for(;s;)s.tagName===e.tagName&&(n+=1),s=s.previousElementSibling}if(t.unshift(`${i}:nth-of-type(${n})`),r?.id){t.unshift(`#${r.id}`);break}e=r}return t.join(">")}function ho(d){let t=0,e=d.parentElement;for(;e;)e.hasAttribute("data-string-grid-root")&&(t+=1),e=e.parentElement;return t}var wi=class extends J{gridManager=new ir;viewportLayer;overlayLayer;overlays=new Map;huds=new Map;elementMap=new Map;triggerEntries=new Map;triggerMeasurements=new Map;enabled=!0;needsMeasure=!1;hasPendingMutate=!1;globalHost=null;globalOverlay=null;globalHUD=null;globalSubBadge=null;static devtool={id:"layout",label:"Layout",icon:"layout",order:20,group:1,hotkey:{key:"L",shiftKey:!0},styles:yn,connects:{global:!1,keys:["layout"]}};constructor(t){super(t),this.attributesToMap=[],this.overlayLayer=this.acquireViewportLayer("devtools-grid-overlay",10010),this.viewportLayer=this.acquireViewportLayer("devtools-hud",10040),this.registerBuiltInAdapters(),this.registerExternalAdapters()}onInit(){this.ensureTriggerLayer(),this.ensureGlobalGrid()}getDevtoolSubBadges(){return[{id:"global-settings",icon:"settings",label:"Open global grid settings",selectorAttribute:"data-string-grid-global-toggle",onClick:t=>this.toggleGlobalPanel(t)}]}onObjectConnected(t){let e=t.htmlElement,r=Mi(e,t),i=po(e,t,r);e.setAttribute("data-string-grid-root","");let n=ho(e);e.setAttribute("data-string-grid-depth",String(n)),e.style.setProperty("--string-grid-stack-offset","0px"),this.elementMap.set(r,e),this.gridManager.load(r,i);let s=this.overlayLayer.getWorldElement(this.getWorldHost()),o=new de(e,s,()=>{this.enabled&&(this.renderElement(r),this.scheduleTriggerSync())});this.overlays.set(r,o);let a=new ce(e,this.gridManager.getAdapterRegistry(),{onAdd:l=>this.handleAdd(r,l),onRemove:l=>this.handleRemove(r,l),onToggle:l=>this.handleToggle(r,l),onSettingChange:(l,c,u)=>this.handleSettingChange(r,l,c,u),onReorder:(l,c,u)=>this.handleReorder(r,l,c,u),onMoveToEnd:l=>this.handleMoveToEnd(r,l),onSelectLayout:l=>this.handleSelectLayout(r,l),onUpdateLayoutMinWidth:(l,c)=>this.handleUpdateLayoutMinWidth(r,l,c),onAddLayout:()=>this.handleAddLayout(r),onRemoveLayout:l=>this.handleRemoveLayout(r,l),onExport:()=>this.handleExport(r),onImport:()=>this.handleImport(r),onRenameInstance:(l,c)=>this.handleRenameInstance(r,l,c),onRenamePanelTitle:l=>this.handleRenamePanelTitle(r,l),onHUDOpen:()=>this.handleHUDOpen(r),onHUDClose:()=>this.handleHUDClose(r),onLayoutPanelOpen:()=>this.handleLayoutPanelOpen(r),onLayoutPanelClose:()=>this.handleLayoutPanelClose(r)});this.huds.set(r,a),a.setTargetId(r),this.ensureTriggerLayer(),this.viewportLayer.getWorldElement(this.getWorldHost()).appendChild(a.getHudElement()),this.triggerEntries.set(r,{object:t,hud:a,depth:n}),this.renderElement(r),this.refreshHUD(r),o.setEnabled(this.enabled),a.setEnabled(this.enabled),requestAnimationFrame(()=>this.scheduleTriggerSync())}onObjectDisconnected(t){let e=t.htmlElement,r=Mi(e,t);this.destroyElement(r)}onResize(){for(let[t,e]of this.overlays)e.syncViewBox(),this.renderElement(t),this.refreshHUD(t);this.syncGlobalHostSize(),this.globalOverlay?.syncViewBox(),this.renderGlobal(),this.refreshGlobalHUD(),this.scheduleTriggerSync()}onScroll(){this.enabled&&(this.needsMeasure=!0)}onScrollMeasure(){if(!(!this.enabled||!this.needsMeasure)){this.collectTriggerMeasurements(),this.needsMeasure=!1;for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}}onMutate(){if(!(!this.enabled||!this.hasPendingMutate)){for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}}onDOMRebuild(){this.enabled&&this.scheduleTriggerSync()}destroy(){for(let[t]of this.overlays)this.destroyElement(t);this.destroyGlobalGrid(),this.gridManager.clear(),super.destroy()}setEnabled(t){if(this.enabled!==t){this.enabled=t;for(let e of this.overlays.values())e.setEnabled(t);for(let e of this.huds.values())e.setEnabled(t);if(this.globalOverlay?.setEnabled(t),this.globalHUD?.setEnabled(t),t||this.globalHUD?.hide(),this.applyTriggerLayerState(),t){for(let e of this.overlays.keys())this.renderElement(e);this.renderGlobal(),this.scheduleTriggerSync()}else this.hasPendingMutate=!1;this.emitDevtoolState()}}isEnabled(){return this.enabled}getDevtoolActiveState(){return this.enabled}setDevtoolActiveState(t){this.setEnabled(t)}handleAdd(t,e){this.gridManager.addInstance(t,e),this.renderElement(t),this.refreshHUD(t)}handleRemove(t,e){let r=this.gridManager.findInstance(t,e);if(r){let i=this.gridManager.getAdapter(r.type),n=this.overlays.get(t);i&&n&&n.clearInstance(e,i)}this.gridManager.removeInstance(t,e),this.refreshHUD(t)}handleToggle(t,e){this.gridManager.toggleVisibility(t,e),this.renderElement(t),this.refreshHUD(t)}handleSettingChange(t,e,r,i){this.gridManager.updateSetting(t,e,r,i),this.renderElement(t)}handleReorder(t,e,r,i){this.gridManager.reorderInstance(t,e,r,i),this.renderElement(t),this.refreshHUD(t)}handleMoveToEnd(t,e){this.gridManager.moveInstanceToEnd(t,e),this.renderElement(t),this.refreshHUD(t)}handleSelectLayout(t,e){this.gridManager.selectLayout(t,e),this.renderElement(t),this.refreshHUD(t)}handleUpdateLayoutMinWidth(t,e,r){this.gridManager.updateLayoutMinWidth(t,e,r),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleAddLayout(t){this.gridManager.addLayout(t),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleRemoveLayout(t,e){this.gridManager.removeLayout(t,e),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t)}handleRenameInstance(t,e,r){this.gridManager.renameInstance(t,e,r),this.refreshHUD(t)}handleRenamePanelTitle(t,e){this.gridManager.renamePanelTitle(t,e),this.refreshHUD(t)}handleHUDOpen(t){this.syncToResolved(t),this.renderElement(t),this.refreshHUD(t)}handleHUDClose(t){this.syncToResolved(t),this.renderElement(t),this.refreshHUD(t)}handleLayoutPanelOpen(t){this.renderElement(t),this.refreshHUD(t)}handleLayoutPanelClose(t){this.renderElement(t),this.refreshHUD(t)}handleExport(t){let e=this.gridManager.getLayouts(t),r=this.gridManager.getSelectedLayoutId(t),i=Mt.serialize(e,r),n=t.replace(/[^a-z0-9]/gi,"-").toLowerCase()||"element";Mt.toFile(`string-grid-${n}.json`,i)}handleImport(t){Mt.fromFile().then(e=>{let r=Mt.deserialize(e,this.gridManager.getAdapterRegistry());r&&(this.gridManager.replaceLayouts(t,r.layouts,r.selectedLayoutId),this.syncSelectedLayoutToViewport(t),this.renderElement(t),this.refreshHUD(t))}).catch(()=>{})}renderElement(t){if(t===F){this.renderGlobal();return}let e=this.overlays.get(t);if(!e)return;let r=this.huds.get(t),i=this.data.viewport.windowWidth||window.innerWidth,n=r?.isHUDOpen()?this.gridManager.getSelectedInstances(t):this.gridManager.getResolvedInstances(t,i);e.render(n,this.gridManager.getAdapterRegistry())}syncToResolved(t){this.syncSelectedLayoutToViewport(t)}syncSelectedLayoutToViewport(t){let e=this.data.viewport.windowWidth||window.innerWidth,r=this.gridManager.getResolvedLayoutId(t,e);this.gridManager.getSelectedLayoutId(t)!==r&&this.gridManager.selectLayout(t,r,!1)}refreshHUD(t){if(t===F){this.refreshGlobalHUD();return}let e=this.huds.get(t);if(!e)return;let r=this.data.viewport.windowWidth||window.innerWidth,i=this.gridManager.getResolvedLayoutId(t,r);e.isHUDOpen()||this.gridManager.getSelectedLayoutId(t)!==i&&this.gridManager.selectLayout(t,i,!1);let n=this.gridManager.getSelectedLayoutId(t),s=this.gridManager.getSelectedInstances(t),o=this.gridManager.getLayouts(t),a=this.gridManager.getPanelTitle(t);e.refresh(s,o,a,n,i)}ensureGlobalGrid(){if(this.globalOverlay&&this.globalHUD)return;let t=this.overlayLayer.getScreenElement(),e=document.createElement("div");e.setAttribute("data-string-grid-global-root",""),e.style.position="absolute",e.style.inset="0",e.style.pointerEvents="none",t.appendChild(e),this.globalHost=e,this.syncGlobalHostSize(),this.gridManager.load(F);let r=new de(e,t,()=>{this.enabled&&this.renderGlobal()});this.globalOverlay=r,r.setEnabled(this.enabled),r.setPosition(0,0,e.clientWidth,e.clientHeight);let i=new ce(e,this.gridManager.getAdapterRegistry(),{onAdd:o=>this.handleAdd(F,o),onRemove:o=>this.handleRemove(F,o),onToggle:o=>this.handleToggle(F,o),onSettingChange:(o,a,l)=>this.handleSettingChange(F,o,a,l),onReorder:(o,a,l)=>this.handleReorder(F,o,a,l),onMoveToEnd:o=>this.handleMoveToEnd(F,o),onSelectLayout:o=>this.handleSelectLayout(F,o),onUpdateLayoutMinWidth:(o,a)=>this.handleUpdateLayoutMinWidth(F,o,a),onAddLayout:()=>this.handleAddLayout(F),onRemoveLayout:o=>this.handleRemoveLayout(F,o),onExport:()=>this.handleExport(F),onImport:()=>this.handleImport(F),onRenameInstance:(o,a)=>this.handleRenameInstance(F,o,a),onRenamePanelTitle:o=>this.handleRenamePanelTitle(F,o),onHUDOpen:()=>{this.syncToResolved(F),this.renderGlobal(),this.refreshGlobalHUD(),this.syncGlobalSubBadgeState()},onHUDClose:()=>{this.syncToResolved(F),this.renderGlobal(),this.refreshGlobalHUD(),this.syncGlobalSubBadgeState()},onLayoutPanelOpen:()=>this.refreshGlobalHUD(),onLayoutPanelClose:()=>this.refreshGlobalHUD()},{attachTrigger:!1});this.globalHUD=i,i.setTargetId(F),i.setEnabled(this.enabled);let n=this.viewportLayer.getScreenElement(),s=i.getHudElement();s.setAttribute("data-string-grid-global-hud",""),s.style.position="absolute",s.style.left="24px",s.style.bottom="96px",s.style.pointerEvents="auto",n.appendChild(s),i.setAnchorVisible(!0),this.renderGlobal(),this.refreshGlobalHUD()}syncGlobalHostSize(){let t=this.globalHost;if(!t)return;let e=this.data.viewport.windowWidth||window.innerWidth,r=this.data.viewport.windowHeight||window.innerHeight;t.style.width=`${e}px`,t.style.height=`${r}px`,this.globalOverlay?.setPosition(0,0,e,r)}renderGlobal(){let t=this.globalOverlay;if(!t)return;let e=this.globalHUD,r=this.data.viewport.windowWidth||window.innerWidth,i=e?.isHUDOpen()?this.gridManager.getSelectedInstances(F):this.gridManager.getResolvedInstances(F,r);t.render(i,this.gridManager.getAdapterRegistry())}refreshGlobalHUD(){let t=this.globalHUD;if(!t)return;let e=this.data.viewport.windowWidth||window.innerWidth,r=this.gridManager.getResolvedLayoutId(F,e);t.isHUDOpen()||this.gridManager.getSelectedLayoutId(F)!==r&&this.gridManager.selectLayout(F,r,!1);let i=this.gridManager.getSelectedLayoutId(F),n=this.gridManager.getSelectedInstances(F),s=this.gridManager.getLayouts(F),o=this.gridManager.getPanelTitle(F);t.refresh(n,s,o,i,r)}toggleGlobalPanel(t){this.ensureGlobalGrid(),t&&(this.globalSubBadge=t),this.positionGlobalHudAtAnchor(t),this.globalHUD?.toggle(),this.syncGlobalSubBadgeState()}syncGlobalSubBadgeState(){if(!this.globalSubBadge)return;let t=this.globalHUD?.isHUDOpen()??!1;this.globalSubBadge.setAttribute("data-active",t?"true":"false"),this.globalSubBadge.setAttribute("aria-expanded",t?"true":"false")}positionGlobalHudAtAnchor(t){if(!t||!this.globalHUD)return;let e=this.globalHUD.getHudElement(),r=this.viewportLayer.getScreenElement(),i=t.getBoundingClientRect(),n=r.getBoundingClientRect();e.style.left=`${Math.round(i.right-n.left)}px`,e.style.top=`${Math.round(i.top-n.top+28)}px`,e.style.bottom="auto",e.style.transform=""}destroyGlobalGrid(){this.globalOverlay?.destroy(),this.globalOverlay=null,this.globalHUD?.destroy(),this.globalHUD=null,this.globalHost?.remove(),this.globalHost=null}destroyElement(t){this.overlays.get(t)?.destroy(),this.overlays.delete(t),this.huds.get(t)?.destroy(),this.huds.delete(t),this.triggerEntries.delete(t),this.triggerMeasurements.delete(t),this.elementMap.get(t)?.removeAttribute("data-string-grid-root"),this.elementMap.get(t)?.removeAttribute("data-string-grid-depth"),this.elementMap.get(t)?.removeAttribute(ue),this.elementMap.get(t)?.style.removeProperty("--string-grid-stack-offset"),this.elementMap.delete(t)}ensureTriggerLayer(){this.viewportLayer.ensure(this.getWorldHost()).setAttribute("data-string-grid-trigger-layer","")}applyTriggerLayerState(){}scheduleTriggerSync(){this.ensureTriggerLayer(),this.needsMeasure=!0,this.collectTriggerMeasurements(),this.needsMeasure=!1;for(let[t,e]of this.triggerEntries)this.applyTriggerMeasurement(e,this.triggerMeasurements.get(t));this.hasPendingMutate=!1}collectTriggerMeasurements(){for(let[t,e]of this.triggerEntries)this.triggerMeasurements.set(t,this.measureTrigger(e))}measureTrigger(t){let r=t.object.htmlElement;if(!this.enabled||!r||!r.isConnected)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let i=this.getViewportScrollLeft(),n=this.getViewportScrollTop(),s=r.getBoundingClientRect(),o=s.width||r.offsetWidth||r.clientWidth||0,a=s.height||r.offsetHeight||r.clientHeight||0,l=s.left+i,c=s.top+n;if(o<=0||a<=0)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let u=this.data.viewport.windowHeight||window.innerHeight,p=this.data.viewport.windowWidth||window.innerWidth,g=s.left,m=s.top;if(m+a<0||m>u||g+o<0||g>p)return{visible:!1,docX:0,docY:0,stackOffsetY:0};let f=l+o,b=c,y=this.resolveTriggerStackOffset(t,f,b);return{visible:!0,docX:f,docY:b+y,stackOffsetY:y,elementDocX:l,elementDocY:c,width:o,height:a}}applyTriggerMeasurement(t,e){if(!e||!e.visible){t.hud.setAnchorVisible(!1),t.object.htmlElement.style.setProperty("--string-grid-stack-offset","0px");return}t.hud.setAnchorVisible(!0),t.object.htmlElement.style.setProperty("--string-grid-stack-offset",`${e.stackOffsetY}px`),t.hud.setAnchorPosition(e.docX,e.docY,"top-right");let r=this.overlays.get(Mi(t.object.htmlElement,t.object));r&&e.elementDocX!=null&&e.elementDocY!=null&&e.width!=null&&e.height!=null&&r.setPosition(e.elementDocX,e.elementDocY,e.width,e.height)}getWorldHost(){return this.data.scroll.container??document.body??document.documentElement}getObjectDocY(t){let e=t.getProperty("start"),r=t.getProperty("size");return e!=null&&r!=null&&r>0?e:t.getProperty("layout-doc-top")??0}getViewportScrollLeft(){return this.data.scroll.elementContainer?.scrollLeft??0}getViewportScrollTop(){return this.data.scroll.elementContainer?.scrollTop??0}resolveTriggerStackOffset(t,e,r){return tt.resolveCollisionOffset(t.object.htmlElement,e,r,i=>{let n=this.objectManager.all.get(i);if(!n)return null;let s=n.getProperty("layout-width")??n.htmlElement.offsetWidth??n.htmlElement.clientWidth??0;return{docX:(n.getProperty("layout-doc-left")??0)+s,docY:this.getObjectDocY(n)}})}registerBuiltInAdapters(){let t=[new ur,new pr,new gr,new mr,new hr,new fr];for(let e of t)this.gridManager.registerAdapter(e)}registerExternalAdapters(){let t=this.settings.adapters;if(t)for(let e of t)this.gridManager.registerAdapter(e)}};var Ln=`
   /* \u2500\u2500 Ruler bars \u2500\u2500 */
   [data-string-rulers-top],
   [data-string-rulers-left] {
@@ -1773,7 +1773,7 @@ ${As(i,"  ")}
     visibility: hidden;
     pointer-events: none;
   }
-`;var go=0;function En(){return`ruler-${Date.now()}-${go++}`}var Mn="string-rulers:",br=class{elementStates=new Map;stateKey(t,e="default"){return`${t}:${e}`}storageKey(t,e="default"){return it(Mn+t+":"+e)}legacyStorageKey(t){return it(Mn+t)}getLines(t,e="default"){return this.elementStates.get(this.stateKey(t,e))?.lines??[]}addLine(t,e,r,i,n="default",s,o){let a={id:En(),axis:e,position:r,targetLabel:i,targetSelector:s,targetEdge:o},l=this.stateKey(t,n),c=this.elementStates.get(l);return c||(c={elementId:t,lines:[]},this.elementStates.set(l,c)),c.lines.push(a),this.save(t,n),a}moveLine(t,e,r,i,n="default"){let s=this.findLine(t,e,n);s&&(s.position=r,s.targetLabel=i)}removeLine(t,e,r="default"){let i=this.elementStates.get(this.stateKey(t,r));i&&(i.lines=i.lines.filter(n=>n.id!==e),this.save(t,r))}removeAllLines(t,e="default"){this.elementStates.delete(this.stateKey(t,e));try{localStorage.removeItem(this.storageKey(t,e)),e==="default"&&localStorage.removeItem(this.legacyStorageKey(t))}catch{}}findLine(t,e,r="default"){return this.elementStates.get(this.stateKey(t,r))?.lines.find(i=>i.id===e)}save(t,e="default"){let r=this.elementStates.get(this.stateKey(t,e));if(r)try{let i=JSON.stringify(r.lines);localStorage.setItem(this.storageKey(t,e),i),e==="default"&&localStorage.setItem(this.legacyStorageKey(t),i)}catch{}}load(t,e="default"){let r=this.stateKey(t,e);try{let i=localStorage.getItem(this.storageKey(t,e));if(!i&&e==="default"&&(i=localStorage.getItem(this.legacyStorageKey(t))),!i)return;let n=JSON.parse(i);if(!Array.isArray(n))return;this.elementStates.set(r,{elementId:t,lines:n})}catch{}}clearElement(t){for(let[e]of this.elementStates)e.startsWith(t+":")&&this.elementStates.delete(e)}clearAll(){this.elementStates.clear()}};var yr=class{opts;candidates=[];constructor(t){this.opts=t}buildCandidates(t,e,r,i=window.innerWidth,n=window.innerHeight,s=[],o,a){this.candidates=[],this.candidates.push({position:0,type:"document-origin"}),t==="horizontal"?(this.candidates.push({position:r,type:"viewport-edge"}),this.candidates.push({position:r+n,type:"viewport-edge"})):(this.candidates.push({position:e,type:"viewport-edge"}),this.candidates.push({position:e+i,type:"viewport-edge"})),this.opts.snapToElements&&this.opts.snapSelector&&document.querySelectorAll(this.opts.snapSelector).forEach(l=>{let c=l.getBoundingClientRect();c.width===0&&c.height===0||(t==="horizontal"?(this.candidates.push({position:c.top+r,type:"element-top",el:l}),this.candidates.push({position:c.bottom+r,type:"element-bottom",el:l}),this.candidates.push({position:(c.top+c.bottom)/2+r,type:"element-center-y",el:l})):(this.candidates.push({position:c.left+e,type:"element-left",el:l}),this.candidates.push({position:c.right+e,type:"element-right",el:l}),this.candidates.push({position:(c.left+c.right)/2+e,type:"element-center-x",el:l})))}),this._addLayoutGridCandidates(t,e,r,i,n),this._addGuideGapCandidates(t,s,o),a&&this.candidates.push(...a)}findSnap(t){let e=this.opts.threshold,r=null;for(let i of this.candidates){let n=Math.abs(i.position-t);n<e&&(e=n,r=i)}if(this.opts.snapStep>1){let i=Math.round(t/this.opts.snapStep)*this.opts.snapStep;if(Math.abs(i-t)<e)return{position:i,type:"grid-step"}}return r?{position:r.position,type:r.type,el:r.el,gap:r.gap,referenceLineIds:r.referenceLineIds,label:r.label}:null}snapToStep(t){return this.opts.snapStep<=1?t:Math.round(t/this.opts.snapStep)*this.opts.snapStep}_addLayoutGridCandidates(t,e,r,i,n){if(!this.opts.layoutGrids?.length)return;let s=i,o=n;for(let a of this.opts.layoutGrids){if(a.type==="columns"&&t==="vertical"){let{count:l,marginLeft:c=0,marginRight:u=0,gap:p=0}=a,g=s-c-u;if(g<=0||l<=0)continue;let m=(g-(l-1)*p)/l;this.candidates.push({position:c+e,type:"grid-column-edge"}),this.candidates.push({position:s-u+e,type:"grid-column-edge"});for(let h=0;h<l;h++){let f=c+h*(m+p),b=f+m,y=(f+b)/2;h>0&&this.candidates.push({position:f+e,type:"grid-column-edge"}),h<l-1&&this.candidates.push({position:b+e,type:"grid-column-edge"}),this.candidates.push({position:y+e,type:"grid-column-center"})}}if(a.type==="rows"&&t==="horizontal"){let{height:l,gap:c=0}=a,u=l+c;if(u<=0||l<=0)continue;let p=Math.max(0,r-200),g=r+o+200,m=Math.floor(p/u)*u;for(let h=m;h<g;h+=u)this.candidates.push({position:h,type:"grid-row-edge"}),c>0&&this.candidates.push({position:h+l,type:"grid-row-edge"})}}}_addGuideGapCandidates(t,e,r){let i=e.filter(n=>n.axis===t&&n.id!==r).slice().sort((n,s)=>n.position-s.position);if(!(i.length<2))for(let n=0;n<i.length;n++){let s=i[n],o=n>0?i[n-1]:null,a=n<i.length-1?i[n+1]:null;if(o){let l=s.position-o.position;l>0&&this.candidates.push({position:s.position+l,type:"guide-gap",gap:l,referenceLineIds:[o.id,s.id]})}if(a){let l=a.position-s.position;l>0&&this.candidates.push({position:s.position-l,type:"guide-gap",gap:l,referenceLineIds:[s.id,a.id]})}}}};var xi=class{id="default";cornerLabel="\u2197";formatPosition(t){return t}getFixedLines(){return[]}},Ci=class{id="center";cornerLabel="+";formatPosition(t,e,r,i){let n=i+r/2;return t-n}getFixedLines(t,e,r,i){return[{axis:"horizontal",position:i+e/2},{axis:"vertical",position:r+t/2}]}},It={default:new xi,center:new Ci},Sr=["default","center"];function pe(d,t){let e=d.currentTarget,r=d.clientX,i=d.clientY,n=d.pointerId,s=t.threshold??0,o=s===0,a=!1;try{e&&"setPointerCapture"in e&&e.setPointerCapture(n)}catch{}let l=()=>{if(!a){a=!0,document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",u),document.removeEventListener("pointercancel",p),document.removeEventListener("keydown",g);try{e&&"releasePointerCapture"in e&&e.releasePointerCapture(n)}catch{}}},c=m=>{if(m.pointerId!==n)return;let h=m.clientX-r,f=m.clientY-i;if(!o){if(Math.abs(h)<s&&Math.abs(f)<s)return;o=!0}t.onMove(m,{dx:h,dy:f})},u=m=>{m.pointerId===n&&(l(),o&&t.onEnd?.(m))},p=m=>{m.pointerId===n&&(l(),t.onCancel?.())},g=m=>{m.key==="Escape"&&(l(),t.onCancel?.())};return document.addEventListener("pointermove",c),document.addEventListener("pointerup",u),document.addEventListener("pointercancel",p),document.addEventListener("keydown",g),l}var Rt=0,Lr=0,Ht=0,U=null,Er=new Map;function ho(){let d=document.documentElement,t=document.body;return{htmlOverflow:d.style.overflow,htmlOverscrollBehavior:d.style.overscrollBehavior,htmlTouchAction:d.style.touchAction,htmlUserSelect:d.style.userSelect,htmlWebkitUserSelect:d.style.webkitUserSelect,bodyOverflow:t.style.overflow,bodyOverscrollBehavior:t.style.overscrollBehavior,bodyTouchAction:t.style.touchAction,bodyUserSelect:t.style.userSelect,bodyWebkitUserSelect:t.style.webkitUserSelect}}function mo(){U||(U=ho())}function fo(d){return!d||d===window||d===document?null:d}function wn(d){d.cancelable&&d.preventDefault()}function vo(d){let t=Er.get(d);t?t.count+=1:Er.set(d,{target:d,overflow:d.style.overflow,overscrollBehavior:d.style.overscrollBehavior,touchAction:d.style.touchAction,count:1}),d.style.overflow="hidden",d.style.overscrollBehavior="none",d.style.touchAction="none"}function bo(d){let t=Er.get(d);t&&(t.count-=1,!(t.count>0)&&(d.style.overflow=t.overflow,d.style.overscrollBehavior=t.overscrollBehavior,d.style.touchAction=t.touchAction,Er.delete(d)))}function yo(d){let t=document.documentElement,e=document.body;Ht>0&&(t.style.userSelect="none",t.style.webkitUserSelect="none",e.style.userSelect="none",e.style.webkitUserSelect="none"),Rt>0&&(t.style.overscrollBehavior="none",t.style.touchAction="none",e.style.overscrollBehavior="none",e.style.touchAction="none",d?vo(d):(Lr+=1,t.style.overflow="hidden",e.style.overflow="hidden"),window.addEventListener("touchmove",wn,{passive:!1}))}function So(d){if(!U)return;let t=document.documentElement,e=document.body;d?bo(d):Lr>0&&(Lr-=1),Lr===0&&(t.style.overflow=U.htmlOverflow,e.style.overflow=U.bodyOverflow),Rt===0&&(t.style.overscrollBehavior=U.htmlOverscrollBehavior,t.style.touchAction=U.htmlTouchAction,e.style.overscrollBehavior=U.bodyOverscrollBehavior,e.style.touchAction=U.bodyTouchAction,window.removeEventListener("touchmove",wn)),Ht===0&&(t.style.userSelect=U.htmlUserSelect,t.style.webkitUserSelect=U.htmlWebkitUserSelect,e.style.userSelect=U.bodyUserSelect,e.style.webkitUserSelect=U.bodyWebkitUserSelect),Rt===0&&Ht===0&&(U=null)}function xn(d={}){let t=d.scroll===!0,e=d.selection===!0,r=t?fo(d.scrollTarget):null;if(!t&&!e)return()=>{};mo(),t&&(Rt+=1),e&&(Ht+=1),yo(r);let i=!1;return()=>{i||(i=!0,t&&(Rt=Math.max(0,Rt-1)),e&&(Ht=Math.max(0,Ht-1)),So(r))}}var Lo=20,Eo=12,Cn="#E3E3E3",Tn=.85,Pn="#000000",An=.25,Mo="#313131",wo=10,xo=`${wo}px "JetBrains Mono", monospace`,Co=4,To=-2,Po=8,Ao=4,ko=5,Oo=2,Do="rgba(255, 56, 96, 0.50)",Io="rgba(255, 56, 96, 0.22)",Ro="rgba(255, 56, 96, 0.05)",Ho="rgba(255, 56, 96, 0.45)",Bo=8,_o=`${Bo}px "JetBrains Mono", monospace`,kn="rgba(0, 120, 255, 0.50)",Fo="rgba(0, 120, 255, 0.22)",Vo="rgba(0, 120, 255, 0.05)";function Mr(d,t,e,r,i,n,s){d.save(),d.globalAlpha=e,d.fillStyle=t,d.fillRect(r,i,n,s),d.restore()}function wr(d,t="x",e=window.innerWidth,r=window.innerHeight){let i=d.trim().match(/^(-?[\d.]+)\s*(px|rem|%|vw|vh)?$/);if(!i)return 0;let n=parseFloat(i[1]);switch(i[2]||"px"){case"px":return n;case"rem":return n*parseFloat(getComputedStyle(document.documentElement).fontSize);case"%":return t==="y"?n/100*r:n/100*e;case"vw":return n/100*e;case"vh":return n/100*r;default:return n}}var Wo={snapStep:0,snapToElements:!0,snapThreshold:8,snapSelector:"[string],[data-string]"},No="rgba(255, 0, 80, 0.08)",zo="rgba(0, 120, 255, 0.06)",xr=class{viewportLayer;host;gridCanvas;topCanvas;leftCanvas;cornerEl;cornerLabelEl;linesLayer;gapIndicatorEl;gapIndicatorLabelEl;lineEls=new Map;fixedLineEls=new Map;callbacks;options;snapEngine;resizeObserver;currentMode=It.default;visible=!1;viewportWidth=window.innerWidth;viewportHeight=window.innerHeight;contentWidth=document.documentElement.scrollWidth;contentHeight=document.documentElement.scrollHeight;viewportOffsetX=0;viewportOffsetY=0;scrollX=0;scrollY=0;renderedScrollX=-1;renderedScrollY=-1;currentLines=[];_snapHighlightEl=null;_guideReferenceLineIds=null;_guideReferenceAxis=null;_guideReferenceGap=null;dragInteractionReleases=new Set;constructor(t,e={},r,i){this.callbacks=t,this.options={...Wo,...e},this.host=r??null,this.viewportLayer=i,this.snapEngine=new yr({threshold:this.options.snapThreshold,snapStep:this.options.snapStep,snapToElements:this.options.snapToElements,snapSelector:this.options.snapSelector,layoutGrids:this.options.layoutGrids}),this.gridCanvas=this.createCanvas("grid"),this.topCanvas=this.createCanvas("top"),this.leftCanvas=this.createCanvas("left"),this.linesLayer=this.createLinesLayer(),this.gapIndicatorEl=this.createGapIndicator(),this.gapIndicatorLabelEl=document.createElement("span"),this.gapIndicatorLabelEl.setAttribute("data-string-rulers-gap-indicator-label",""),this.gapIndicatorLabelEl.setAttribute("data-stdg",""),this.gapIndicatorEl.appendChild(this.gapIndicatorLabelEl),this.cornerEl=document.createElement("div"),this.cornerEl.setAttribute("data-string-rulers-corner",""),this.cornerEl.setAttribute("data-mode",this.currentMode.id),this.cornerLabelEl=document.createElement("span"),this.cornerLabelEl.textContent=this.currentMode.cornerLabel,this.cornerEl.appendChild(this.cornerLabelEl),this.cornerEl.addEventListener("click",()=>this.callbacks.onModeToggle());let n=this.viewportLayer.getScreenElement(),s=this.viewportLayer.getWorldElement(r);s.appendChild(this.gridCanvas),s.appendChild(this.linesLayer),this.linesLayer.appendChild(this.gapIndicatorEl),n.appendChild(this.topCanvas),n.appendChild(this.leftCanvas),n.appendChild(this.cornerEl),document.body.setAttribute("data-string-rulers-hidden",""),this.resizeObserver=new ResizeObserver(()=>{this.visible&&this.redraw()}),this.resizeObserver.observe(document.documentElement),this.bindRulerDrag(this.topCanvas,"horizontal"),this.bindRulerDrag(this.leftCanvas,"vertical")}refresh(t){this.currentLines=t,this.redraw()}updateScroll(t,e,r,i,n,s){let o=this.viewportWidth!==r||this.viewportHeight!==i||this.contentWidth!==n||this.contentHeight!==s;if(this.scrollX=t,this.scrollY=e,this.viewportWidth=r,this.viewportHeight=i,this.contentWidth=n,this.contentHeight=s,this.syncScreenChromePosition(),!this.visible)return;let a=Math.round(t),l=Math.round(e);(o||a!==this.renderedScrollX||l!==this.renderedScrollY)&&(this.renderedScrollX=a,this.renderedScrollY=l,o&&this.syncWorldDimensions(),this.drawTopRuler(this.viewportWidth),this.drawLeftRuler(this.viewportHeight),o&&this.drawGrid(this.contentWidth,this.contentHeight)),this.updateLineLabels(),this._positionGuideReferenceIndicator(),(this.fixedLineEls.size>0||this.currentMode.id!=="default")&&this.syncFixedLines()}setVisible(t){this.visible=t,t?(document.body.removeAttribute("data-string-rulers-hidden"),this.redraw()):document.body.setAttribute("data-string-rulers-hidden","")}setMode(t){this.currentMode=t,this.cornerEl.setAttribute("data-mode",t.id),this.cornerLabelEl.textContent=t.cornerLabel,this.redraw()}destroy(){this.releaseAllDragInteractionLocks(),this._setSnapHighlight(null),this._setGuideReference(null,null,null),this.resizeObserver.disconnect(),this.gridCanvas.remove(),this.topCanvas.remove(),this.leftCanvas.remove(),this.cornerEl.remove(),this.linesLayer.remove(),document.body.removeAttribute("data-string-rulers-hidden"),this.lineEls.clear();for(let[,t]of this.fixedLineEls)t.remove();this.fixedLineEls.clear()}redraw(){this.renderedScrollX=Math.round(this.scrollX),this.renderedScrollY=Math.round(this.scrollY),this.syncScreenChromePosition(),this.syncWorldDimensions(),this.drawTopRuler(this.viewportWidth),this.drawLeftRuler(this.viewportHeight),this.drawGrid(this.contentWidth,this.contentHeight),this.syncLineEls(this.currentLines),this.syncFixedLines(),this._positionGuideReferenceIndicator()}updateLineLabels(){for(let t of this.currentLines){let e=this.lineEls.get(t.id);e&&this.updateLineLabel(t,e.labelEl)}}createCanvas(t){let e=document.createElement("canvas");return e.setAttribute(`data-string-rulers-${t}`,""),e}createLinesLayer(){let t=document.createElement("div");return t.setAttribute("data-string-rulers-lines",""),t}createGapIndicator(){let t=document.createElement("div");return t.setAttribute("data-string-rulers-gap-indicator",""),t.setAttribute("hidden",""),t}syncWorldDimensions(){this.linesLayer.style.width=`${this.contentWidth}px`,this.linesLayer.style.height=`${this.contentHeight}px`,this.gridCanvas.style.width=`${this.contentWidth}px`,this.gridCanvas.style.height=`${this.contentHeight}px`}drawGrid(t,e){let r=this.options.layoutGrids,i=this.gridCanvas;if((i.width!==t||i.height!==e)&&(i.width=t,i.height=e,i.style.width=`${t}px`,i.style.height=`${e}px`),!r?.length)return;let n=i.getContext("2d");n.clearRect(0,0,t,e);for(let s of r)s.type==="columns"&&this._drawColumnsGrid(n,this.viewportWidth,e,s),s.type==="rows"&&this._drawRowsGrid(n,this.viewportWidth,e,s)}_drawColumnsGrid(t,e,r,i){let{count:n,marginLeft:s=0,marginRight:o=0,gap:a=0}=i,l=e-s-o;if(l<=0||n<=0)return;let c=(l-(n-1)*a)/n;t.fillStyle=i.color??No;for(let u=0;u<n;u++){let p=s+u*(c+a);t.fillRect(p,0,c,r)}}_drawRowsGrid(t,e,r,i){let{height:n,gap:s=0}=i,o=n+s;if(!(o<=0||n<=0)){t.fillStyle=i.color??zo;for(let a=0;a<r;a+=o)t.fillRect(0,a,e,n)}}drawTopRuler(t){let e=this.getRulerThickness(),r=this.topCanvas;(r.width!==t||r.height!==e)&&(r.width=t,r.height=e);let i=r.getContext("2d");i.clearRect(0,0,t,e),Mr(i,Cn,Tn,0,0,t,e),Mr(i,Pn,An,0,e-1,t,1),this._drawColumnMarkers(i,t,e),this.drawTicks(i,t,e,"top",this.scrollX)}drawLeftRuler(t){let e=this.getRulerThickness(),r=this.leftCanvas;(r.width!==e||r.height!==t)&&(r.width=e,r.height=t);let i=r.getContext("2d");i.clearRect(0,0,e,t),Mr(i,Cn,Tn,0,0,e,t),Mr(i,Pn,An,e-1,0,1,t),this._drawRowMarkers(i,e,t),this.drawTicks(i,t,e,"left",this.scrollY)}drawTicks(t,e,r,i,n){let{tick:s,label:o}=this.pickStep(e),a=i==="top"?"vertical":"horizontal",l=i==="top",c=this.isCompactMobileRuler(),u=!c,p=Math.round(r/2),g=Math.min(r,c?ko:Po),m=Math.min(r,c?Oo:Ao);t.fillStyle=Mo,t.font=xo;let h=Math.ceil(n/s)*s,f=h-n;if(l){t.textAlign="center",t.textBaseline="top";for(let b=0;f+b*s<=e;b++){let y=Math.round(f+b*s),v=h+b*s,S=this.currentMode.formatPosition(v,a,e,n),E=Math.round(S)%o===0,M=E?g:m,C=c?0:r-M;t.fillRect(y,C,1,M),u&&E&&y>4&&t.fillText(String(Math.round(S)),y,Co)}}else{t.textAlign="center",t.textBaseline="middle";for(let b=0;f+b*s<=e;b++){let y=Math.round(f+b*s),v=h+b*s,S=this.currentMode.formatPosition(v,a,e,n),E=Math.round(S)%o===0,M=E?g:m,C=c?0:r-M;t.fillRect(C,y,M,1),u&&E&&y>4&&(t.save(),t.translate(p,y),t.rotate(-Math.PI/2),t.fillText(String(Math.round(S)),0,To),t.restore())}}}pickStep(t){return t<300?{tick:5,label:25}:t<800?{tick:10,label:50}:t<1800?{tick:25,label:100}:{tick:50,label:500}}_resolveColumnLayout(){let t=this.options.columnLayout;if(!t||t.columns<=0)return null;let e=wr(t.margin,"x",this.viewportWidth,this.viewportHeight),r=wr(t.gap,"x",this.viewportWidth,this.viewportHeight),n=this.viewportWidth-2*e;if(n<=0)return null;let s=(n-(t.columns-1)*r)/t.columns;return s<=0?null:{columns:t.columns,marginPx:e,gapPx:r,colWidth:s}}_drawColumnMarkers(t,e,r){let i=this._resolveColumnLayout();if(!i)return;let{columns:n,marginPx:s,gapPx:o,colWidth:a}=i;t.fillStyle=Ro;for(let l=0;l<n;l++){let c=s+l*(a+o);t.fillRect(c,0,a,r)}t.fillStyle=Do;for(let l=0;l<n;l++){let c=s+l*(a+o),u=c+a;t.fillRect(Math.round(c),0,1,r),t.fillRect(Math.round(u),0,1,r)}t.fillStyle=Io;for(let l=0;l<n;l++){let u=s+l*(a+o)+a/2;t.fillRect(Math.round(u),Math.round(r*.6),1,Math.round(r*.4))}if(!this.isCompactMobileRuler()&&a>16){t.fillStyle=Ho,t.font=_o,t.textAlign="center",t.textBaseline="middle";for(let l=0;l<n;l++){let u=s+l*(a+o)+a/2;t.fillText(String(l+1),Math.round(u),Math.round(r/2))}}}_buildColumnCandidates(t){if(t!=="vertical")return[];let e=this._resolveColumnLayout();if(!e)return[];let{columns:r,marginPx:i,gapPx:n,colWidth:s}=e,o=[];for(let a=0;a<r;a++){let l=i+a*(s+n),c=l+s,u=(l+c)/2,p=a+1;o.push({position:l+this.scrollX,type:"grid-column-edge",label:`c${p}`}),o.push({position:c+this.scrollX,type:"grid-column-edge",label:`c${p}\u25C2`}),o.push({position:u+this.scrollX,type:"grid-column-center",label:`c${p}\u2299`})}return o}_resolveRowLayout(){let t=this.options.rowLayout;if(!t)return null;let e=wr(t.size,"y",this.viewportWidth,this.viewportHeight),r=wr(t.gap,"y",this.viewportWidth,this.viewportHeight);return e<=0?null:{sizePx:e,gapPx:r,period:e+r}}_drawRowMarkers(t,e,r){let i=this._resolveRowLayout();if(!i)return;let{sizePx:n,gapPx:s,period:o}=i,a=Math.floor(this.scrollY/o)*o,l=this.scrollY+r+o;for(let c=a;c<l;c+=o){let u=Math.round(c-this.scrollY),p=Math.round(c+n-this.scrollY),g=Math.max(0,u),m=Math.min(r,p);if(m>g&&(t.fillStyle=Vo,t.fillRect(0,g,e,m-g)),u>=0&&u<=r&&(t.fillStyle=kn,t.fillRect(0,u,e,1)),s>0&&p>=0&&p<=r&&(t.fillStyle=kn,t.fillRect(0,p,e,1)),n>4){let h=Math.round(c+n/2-this.scrollY);h>=0&&h<=r&&(t.fillStyle=Fo,t.fillRect(0,h,Math.round(e*.45),1))}}}_buildRowCandidates(t){if(t!=="horizontal")return[];let e=this._resolveRowLayout();if(!e)return[];let{sizePx:r,gapPx:i,period:n}=e,s=this.viewportHeight,o=Math.max(0,this.scrollY-200),a=this.scrollY+s+200,l=Math.floor(o/n)*n,c=[];for(let u=l;u<a;u+=n){let p=Math.round(u/n)+1;c.push({position:u,type:"grid-row-edge",label:`r${p}`}),c.push({position:u+r/2,type:"grid-row-edge",label:`r${p}\u2299`}),i>0&&c.push({position:u+r,type:"grid-row-edge",label:`r${p}\u25C2`})}return c}syncFixedLines(){let t=this.currentMode.getFixedLines(this.viewportWidth,this.viewportHeight,this.scrollX,this.scrollY),e=new Set;for(let r of t){let i=`fixed-${r.axis}`;e.add(i);let n=this.fixedLineEls.get(i);n||(n=document.createElement("div"),n.setAttribute("data-string-rulers-fixed-line",""),n.setAttribute("data-axis",r.axis),this.linesLayer.appendChild(n),this.fixedLineEls.set(i,n)),r.axis==="horizontal"?(n.style.top=`${r.position}px`,n.style.left="0",n.style.width=`${this.contentWidth}px`):(n.style.left=`${r.position}px`,n.style.top="0",n.style.height=`${this.contentHeight}px`)}for(let[r,i]of this.fixedLineEls)e.has(r)||(i.remove(),this.fixedLineEls.delete(r))}syncLineEls(t){for(let[e]of this.lineEls)t.some(r=>r.id===e)||(this.lineEls.get(e).el.remove(),this.lineEls.delete(e));for(let e of t)this.lineEls.has(e.id)||this.createLineEl(e),this.positionLineEl(e)}createLineEl(t){let e=document.createElement("div");e.setAttribute("data-string-rulers-line",t.id),e.setAttribute("data-axis",t.axis),e.setAttribute("data-stdg","");let r=document.createElement("span");r.setAttribute("data-string-rulers-label",""),e.appendChild(r),this.linesLayer.appendChild(e),this.lineEls.set(t.id,{el:e,labelEl:r}),e.addEventListener("pointerdown",i=>{if(i.stopPropagation(),i.button===1){i.preventDefault(),this.callbacks.onLineRemoved(t.id);return}this.startLineDrag(i,t)})}positionLineEl(t){let e=this.lineEls.get(t.id);if(!e)return;let{el:r,labelEl:i}=e;t.axis==="horizontal"?(r.style.top=`${t.position}px`,r.style.left="0",r.style.width=`${this.contentWidth}px`):(r.style.left=`${t.position}px`,r.style.top="0",r.style.height=`${this.contentHeight}px`),this.updateLineLabel(t,i)}updateLineLabel(t,e){let r=t.axis==="horizontal"?this.viewportHeight:this.viewportWidth,i=t.axis==="horizontal"?this.scrollY:this.scrollX,n=this.currentMode.formatPosition(t.position,t.axis,r,i),s=String(Math.round(n)),o=t.targetLabel?`${s} ${t.targetLabel}`:s;e.textContent!==o&&(e.textContent=o)}_setGuideReference(t,e,r){if(this._guideReferenceLineIds)for(let i of this._guideReferenceLineIds)this.lineEls.get(i)?.el.removeAttribute("data-string-rulers-guide-ref");if(this._guideReferenceAxis=t,this._guideReferenceLineIds=e,this._guideReferenceGap=r,e)for(let i of e)this.lineEls.get(i)?.el.setAttribute("data-string-rulers-guide-ref","");this._positionGuideReferenceIndicator()}_positionGuideReferenceIndicator(){let t=this._guideReferenceLineIds,e=this._guideReferenceAxis,r=this._guideReferenceGap;if(!t||!e||r==null){this.gapIndicatorEl.setAttribute("hidden",""),this.gapIndicatorEl.removeAttribute("data-axis");return}let i=t.map(o=>this.currentLines.find(a=>a.id===o)).filter(o=>!!o);if(i.length!==2){this.gapIndicatorEl.setAttribute("hidden",""),this.gapIndicatorEl.removeAttribute("data-axis");return}let n=Math.min(i[0].position,i[1].position),s=Math.max(i[0].position,i[1].position);if(this.gapIndicatorEl.removeAttribute("hidden"),this.gapIndicatorEl.setAttribute("data-axis",e),this.gapIndicatorLabelEl.textContent=`${Math.round(r)}px`,e==="vertical"){let o=Math.round(this.scrollY+Math.max(this.getRulerThickness()+32,this.viewportHeight/2));this.gapIndicatorEl.style.left=`${n}px`,this.gapIndicatorEl.style.top=`${o}px`,this.gapIndicatorEl.style.width=`${Math.max(0,s-n)}px`,this.gapIndicatorEl.style.height="0"}else{let o=Math.round(this.scrollX+Math.max(this.getRulerThickness()+32,this.viewportWidth/2));this.gapIndicatorEl.style.left=`${o}px`,this.gapIndicatorEl.style.top=`${n}px`,this.gapIndicatorEl.style.width="0",this.gapIndicatorEl.style.height=`${Math.max(0,s-n)}px`}}_setSnapHighlight(t){this._snapHighlightEl!==t&&(this._snapHighlightEl?.removeAttribute("data-string-rulers-snap-target"),this._snapHighlightEl=t,t?.setAttribute("data-string-rulers-snap-target",""))}_snapCategory(t){return t==="guide-gap"?"guide":t==="grid-column-edge"||t==="grid-column-center"?"column":t==="grid-step"||t.startsWith("grid-")?"grid":"element"}_snapLabel(t,e,r){let i=t.position??e,n=this.getViewportSizeForAxis(r),s=r==="horizontal"?this.scrollY:this.scrollX,o=String(Math.round(this.currentMode.formatPosition(i,r,n,s)));return t.type==="guide-gap"&&typeof t.gap=="number"?`${o} ${Math.round(t.gap)}px`:t.label?`${o} ${t.label}`:t.el?`${o} ${this._elementLabel(t.el)}`:o}_elementLabel(t){if(t.id)return`#${t.id}`;let e=t.classList[0];if(e)return`.${e}`;let r=t.getAttribute("string")??t.getAttribute("data-string");return r?`[${r}]`:t.tagName.toLowerCase()}_elementSelector(t){if(t.id)return`#${CSS.escape(t.id)}`;let e=t.getAttribute("string");if(e)return`[string="${CSS.escape(e)}"]`;let r=t.getAttribute("data-string");return r?`[data-string="${CSS.escape(r)}"]`:t.classList[0]?`.${CSS.escape(t.classList[0])}`:null}_resolveBinding(t){if(!t)return{};if(t.el){let e;switch(t.type){case"element-top":e="top";break;case"element-bottom":e="bottom";break;case"element-center-y":e="center-y";break;case"element-left":e="left";break;case"element-right":e="right";break;case"element-center-x":e="center-x";break}return{targetLabel:this._elementLabel(t.el),targetSelector:this._elementSelector(t.el)??void 0,targetEdge:e}}if((t.type==="grid-column-edge"||t.type==="grid-column-center")&&t.label){let e=t.label.match(/^c(\d+)(◂|⊙)?$/);if(e){let r=parseInt(e[1],10)-1,i=e[2]==="\u25C2"?"col-right":e[2]==="\u2299"?"col-center":"col-left";return{targetLabel:t.label,targetSelector:`__col:${r}`,targetEdge:i}}}return t.label?{targetLabel:t.label}:{}}recalculateBindings(t){for(let e of t){if(!e.targetSelector||!e.targetEdge)continue;if(e.targetSelector.startsWith("__col:")){let n=parseInt(e.targetSelector.slice(6),10),s=this._resolveColumnLayout();if(!s||n<0||n>=s.columns)continue;let o=s.marginPx+n*(s.colWidth+s.gapPx),a=o+s.colWidth;switch(e.targetEdge){case"col-left":e.position=o+this.scrollX;break;case"col-right":e.position=a+this.scrollX;break;case"col-center":e.position=(o+a)/2+this.scrollX;break}continue}let r=document.querySelector(e.targetSelector);if(!r)continue;let i=r.getBoundingClientRect();switch(e.targetEdge){case"top":e.position=i.top+this.scrollY;break;case"bottom":e.position=i.bottom+this.scrollY;break;case"center-y":e.position=(i.top+i.bottom)/2+this.scrollY;break;case"left":e.position=i.left+this.scrollX;break;case"right":e.position=i.right+this.scrollX;break;case"center-x":e.position=(i.left+i.right)/2+this.scrollX;break}}}bindRulerDrag(t,e){t.addEventListener("pointerdown",r=>{r.preventDefault(),this.startRulerDrag(r,e)})}startRulerDrag(t,e){let r=this.acquireDragInteractionLock(),i=document.createElement("div");i.setAttribute("data-string-rulers-ghost",""),i.setAttribute("data-axis",e);let n=document.createElement("span");n.setAttribute("data-string-rulers-ghost-label",""),n.setAttribute("data-stdg",""),i.appendChild(n),this.linesLayer.appendChild(i),this.snapEngine.buildCandidates(e,this.scrollX,this.scrollY,this.viewportWidth,this.viewportHeight,this.currentLines,void 0,[...this._buildColumnCandidates(e),...this._buildRowCandidates(e)]);let s=l=>{let c=this.resolveDocPositionFromPointer(e,l),u=l.shiftKey?null:this.snapEngine.findSnap(c),p=u?u.position:l.shiftKey?c:this.snapEngine.snapToStep(c);if(e==="horizontal"?(i.style.top=`${p}px`,i.style.left="0",i.style.width=`${this.contentWidth}px`):(i.style.left=`${p}px`,i.style.top="0",i.style.height=`${this.contentHeight}px`),u)i.setAttribute("data-snapping",this._snapCategory(u.type)),this._setSnapHighlight(u.el??null),this._setGuideReference(u.type==="guide-gap"?e:null,u.type==="guide-gap"?u.referenceLineIds??null:null,u.type==="guide-gap"?u.gap??null:null),n.textContent=this._snapLabel(u,p,e);else{i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null);let g=this.getViewportSizeForAxis(e),m=e==="horizontal"?this.scrollY:this.scrollX;n.textContent=String(Math.round(this.currentMode.formatPosition(p,e,g,m)))}},o=()=>{r(),i.remove(),this._setSnapHighlight(null),this._setGuideReference(null,null,null)};pe(t,{onMove:s,onEnd:l=>{o();let c=this.resolveViewportPointerPos(e,l);if(c>this.getRulerThickness()){let u=e==="horizontal"?c+this.scrollY:c+this.scrollX,p=l.shiftKey?null:this.snapEngine.findSnap(u),g=p?p.position:l.shiftKey?u:this.snapEngine.snapToStep(u),m=this._resolveBinding(p);this.callbacks.onLineCreated(e,g,m.targetLabel,m.targetSelector,m.targetEdge)}},onCancel:o})}startLineDrag(t,e){let r=this.acquireDragInteractionLock(),{el:i}=this.lineEls.get(e.id),n=e.axis==="horizontal"?t.clientY:t.clientX,s=e.position;this.snapEngine.buildCandidates(e.axis,this.scrollX,this.scrollY,this.viewportWidth,this.viewportHeight,this.currentLines,e.id,[...this._buildColumnCandidates(e.axis),...this._buildRowCandidates(e.axis)]);let o=c=>{let u=e.axis==="horizontal"?c.clientY-n:c.clientX-n,p=Math.max(0,s+u),g=c.shiftKey?null:this.snapEngine.findSnap(p),m=g?g.position:c.shiftKey?p:this.snapEngine.snapToStep(p);g?(i.setAttribute("data-snapping",this._snapCategory(g.type)),this._setSnapHighlight(g.el??null),this._setGuideReference(g.type==="guide-gap"?e.axis:null,g.type==="guide-gap"?g.referenceLineIds??null:null,g.type==="guide-gap"?g.gap??null:null)):(i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null)),this.callbacks.onLineMoved(e.id,m,g?.el?this._elementLabel(g.el):g?.label);let h=this.lineEls.get(e.id);if(h)if(g)h.labelEl.textContent=this._snapLabel(g,m,e.axis);else{let f=this.getViewportSizeForAxis(e.axis),b=e.axis==="horizontal"?this.scrollY:this.scrollX;h.labelEl.textContent=String(Math.round(this.currentMode.formatPosition(m,e.axis,f,b)))}},a=()=>{r(),i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null)};pe(t,{onMove:o,onEnd:c=>{a();let u=e.axis==="horizontal"?c.clientY-n:c.clientX-n,p=Math.max(0,s+u),g=c.shiftKey?null:this.snapEngine.findSnap(p),m=g?g.position:c.shiftKey?p:this.snapEngine.snapToStep(p);if((e.axis==="horizontal"?m-this.scrollY:m-this.scrollX)<=this.getRulerThickness())this.callbacks.onLineRemoved(e.id);else{let f=this._resolveBinding(g);this.callbacks.onDragCommit(e.id,m,f.targetLabel,f.targetSelector,f.targetEdge)}},onCancel:a})}syncScreenChromePosition(){let t=this.host,e=this.getRulerThickness(),r=this.viewportWidth,i=this.viewportHeight;if(!t||t===document.body||t===document.documentElement)this.viewportOffsetX=0,this.viewportOffsetY=0;else{let n=t.getBoundingClientRect();this.viewportOffsetX=Math.round(n.left),this.viewportOffsetY=Math.round(n.top),r=Math.max(0,Math.round(n.width)),i=Math.max(0,Math.round(n.height))}this.topCanvas.style.left=`${this.viewportOffsetX}px`,this.topCanvas.style.top=`${this.viewportOffsetY}px`,this.topCanvas.style.width=`${r}px`,this.topCanvas.style.height=`${e}px`,this.leftCanvas.style.left=`${this.viewportOffsetX}px`,this.leftCanvas.style.top=`${this.viewportOffsetY}px`,this.leftCanvas.style.width=`${e}px`,this.leftCanvas.style.height=`${i}px`,this.cornerEl.style.left=`${this.viewportOffsetX}px`,this.cornerEl.style.top=`${this.viewportOffsetY}px`,this.cornerEl.style.width=`${e}px`,this.cornerEl.style.height=`${e}px`}isCompactMobileRuler(){return ot(this.viewportWidth).compact}getRulerThickness(){return this.isCompactMobileRuler()?Eo:Lo}getViewportSizeForAxis(t){return t==="horizontal"?this.viewportHeight:this.viewportWidth}resolveViewportPointerPos(t,e){let r=t==="horizontal"?e.clientY:e.clientX,i=t==="horizontal"?this.viewportOffsetY:this.viewportOffsetX;return r-i}resolveDocPositionFromPointer(t,e){let r=this.resolveViewportPointerPos(t,e);return t==="horizontal"?r+this.scrollY:r+this.scrollX}acquireDragInteractionLock(){let t=xn({selection:!0,scroll:this.isCompactMobileRuler(),scrollTarget:this.options.scrollTarget}),e=()=>{t(),this.dragInteractionReleases.delete(e)};return this.dragInteractionReleases.add(e),e}releaseAllDragInteractionLocks(){for(let t of Array.from(this.dragInteractionReleases))t()}};var Go="stdg",wt=class{baseStorageKey;defaultValue;validate;legacyKeys;constructor(t){this.baseStorageKey=`${Go}:${t.moduleId}:${t.name}`,this.defaultValue=t.default,this.validate=t.validate,this.legacyKeys=t.legacyKeys??[]}read(){let t=this.readRaw(this.storageKey);if(t!==void 0)return t;for(let e of this.legacyKeys){let r=it(e),i=this.readRaw(r);if(i!==void 0)return this.write(i),this.clearRaw(r),i}return this.defaultValue}write(t){try{localStorage.setItem(this.storageKey,JSON.stringify(t))}catch{}}clear(){this.clearRaw(this.storageKey)}get storageKey(){return it(this.baseStorageKey)}readRaw(t){let e;try{e=localStorage.getItem(t)}catch{return}if(e==null)return;let r;try{r=JSON.parse(e)}catch{return}if(this.validate){let i=this.validate(r);return i??void 0}return r}clearRaw(t){try{localStorage.removeItem(t)}catch{}}};var ge="__string-rulers-global__",$o=[],Ti=class extends J{manager=new br;overlay=null;visible=!1;dockDisabled=!1;currentModeId="default";modeStore=new wt({moduleId:"rulers",name:"mode",default:"default",validate:t=>typeof t=="string"&&t in It?t:null,legacyKeys:["string-rulers:mode"]});viewportLayer;_kbHandlers=[];_elHandlers=[];_evHandlers=[];static devtool={id:"rulers",label:"Rulers",icon:"ruler",order:10,group:1,hotkey:{key:"R",shiftKey:!0},styles:Ln,connects:{global:!1,keys:["rulers"]}};constructor(t){super(t),this.attributesToMap=[],this.viewportLayer=this.acquireViewportLayer("devtools-rulers",10020)}onInit(){this.applyStyleSettings(),this.mountOverlay()}onSettingsChange(){this.applyStyleSettings()}onSubscribe(){let t=this.settings.triggers,e=Array.isArray(t)?t:$o;this._bindTriggers(e)}onUnsubscribe(){this._unbindTriggers()}onFrame(t){!this.visible||!this.overlay||this.pushScrollToOverlay(t)}onResize(){if(!this.overlay)return;this.syncOverlayMetrics();let t=this.manager.getLines(ge,this.currentModeId);this.overlay.recalculateBindings(t),this.manager.save(ge,this.currentModeId),this.overlay.refresh(t)}destroy(){this._unbindTriggers(),this.overlay?.destroy(),this.overlay=null,this.manager.clearAll(),this.clearStyleSettings(),super.destroy()}toggle(){this.setVisible(!this.visible)}show(){this.setVisible(!0)}hide(){this.setVisible(!1)}clear(){this.manager.removeAllLines(ge,this.currentModeId),this.overlay?.refresh([])}isVisible(){return this.visible}getDevtoolActiveState(){return this.visible}setDevtoolActiveState(t){this.setDockActive(t)}getDevtoolSubBadges(){return[{id:"clear-rulers",icon:"noplus",label:"Clear guides",selectorAttribute:"data-string-rulers-clear-all",onClick:()=>this.clear()}]}_bindTriggers(t){for(let e of t)if(e.type==="keyboard"){let r=i=>{i.key===e.key&&i.shiftKey===(e.shiftKey??!1)&&i.ctrlKey===(e.ctrlKey??!1)&&i.altKey===(e.altKey??!1)&&i.metaKey===(e.metaKey??!1)&&(i.preventDefault(),this._applyAction(e.action))};window.addEventListener("keydown",r),this._kbHandlers.push(r)}else if(e.type==="element"){let r=e.event??"click";for(let i of Array.from(document.querySelectorAll(e.selector))){let n=()=>this._applyAction(e.action);i.addEventListener(r,n),this._elHandlers.push({el:i,event:r,fn:n})}}else if(e.type==="event"){let r=()=>this._applyAction(e.action);this.events.on(e.name,r),this._evHandlers.push({name:e.name,fn:r})}}_unbindTriggers(){for(let t of this._kbHandlers)window.removeEventListener("keydown",t);this._kbHandlers=[];for(let{el:t,event:e,fn:r}of this._elHandlers)t.removeEventListener(e,r);this._elHandlers=[];for(let{name:t,fn:e}of this._evHandlers)this.events.off(t,e);this._evHandlers=[]}_applyAction(t="toggle"){this.dockDisabled||(t==="show"?this.show():t==="hide"?this.hide():this.toggle())}setVisible(t){t&&this.dockDisabled||this.visible!==t&&(this.visible=t,this.overlay?.setVisible(t),tt.emitLayoutChange(),this.emitDevtoolState())}setDockActive(t){this.dockDisabled=!t,this.setVisible(t)}mountOverlay(){if(this.overlay)return;let t=ge;this.currentModeId=this.modeStore.read(),this.manager.load(t,this.currentModeId);let e=this.settings,r=typeof e["rulers-snap"]=="number"?e["rulers-snap"]:0,i=typeof e["rulers-snap-elements"]=="boolean"?e["rulers-snap-elements"]:!0,n=typeof e["rulers-snap-threshold"]=="number"?e["rulers-snap-threshold"]:8,s=typeof e["rulers-snap-selector"]=="string"?e["rulers-snap-selector"]:"[string],[data-string]",o=this._resolveGrids(e.grid),a=typeof e["rulers-columns"]=="number"?e["rulers-columns"]:0,l=typeof e["rulers-margin"]=="string"?e["rulers-margin"]:"0px",c=typeof e["rulers-gap"]=="string"?e["rulers-gap"]:"0px",u=a>0?{columns:a,margin:l,gap:c}:void 0,p=typeof e["rulers-rows"]=="string"?e["rulers-rows"]:"",g=typeof e["rulers-rows-gap"]=="string"?e["rulers-rows-gap"]:"0px",m=p?{size:p,gap:g}:void 0;this.overlay=new xr({onLineCreated:(h,f,b,y,v)=>{this.manager.addLine(t,h,f,b,this.currentModeId,y,v),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onLineMoved:(h,f,b)=>{this.manager.moveLine(t,h,f,b,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onLineRemoved:h=>{this.manager.removeLine(t,h,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onDragCommit:(h,f,b,y,v)=>{this.manager.moveLine(t,h,f,b,this.currentModeId);let S=this.manager.findLine(t,h,this.currentModeId);S&&(S.targetSelector=y,S.targetEdge=v),this.manager.save(t,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onModeToggle:()=>this.cycleMode()},{snapStep:r,snapToElements:i,snapThreshold:n,snapSelector:s,layoutGrids:o,columnLayout:u,rowLayout:m,scrollTarget:this.data.scroll.elementContainer},this.data.scroll.container,this.viewportLayer),this.syncOverlayMetrics(),this.overlay.setMode(It[this.currentModeId]),this.overlay.setVisible(this.visible),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))}cycleMode(){let e=(Sr.indexOf(this.currentModeId)+1)%Sr.length;this.switchMode(Sr[e])}switchMode(t){let e=ge;this.manager.save(e,this.currentModeId),this.currentModeId=t,this.manager.load(e,t),this.overlay?.setMode(It[t]),this.overlay?.refresh(this.manager.getLines(e,t)),this.modeStore.write(t)}applyStyleSettings(){let t=this.settings,e=typeof t["rulers-color"]=="string"?t["rulers-color"]:"rgba(0, 120, 255, 0.75)",r=typeof t["rulers-opacity"]=="number"?t["rulers-opacity"]:1,i=Math.max(0,Math.min(1,r));document.documentElement.style.setProperty("--string-rulers-line-color",e),document.documentElement.style.setProperty("--string-rulers-line-opacity",String(i))}clearStyleSettings(){document.documentElement.style.removeProperty("--string-rulers-line-color"),document.documentElement.style.removeProperty("--string-rulers-line-opacity")}_resolveGrids(t){if(t){if(Array.isArray(t))return t;if(typeof t=="object")return[t]}}syncOverlayMetrics(){this.overlay&&this.pushScrollToOverlay(this.data)}pushScrollToOverlay(t){if(!this.overlay)return;let e=t.scroll.elementContainer,r=t.scroll.direction==="horizontal",i=r?e.scrollLeft:0,n=r?0:e.scrollTop;this.overlay.updateScroll(i,n,t.viewport.windowWidth,t.viewport.windowHeight,t.viewport.contentWidth,t.viewport.contentHeight)}};var Uo=20,jo=20,Yo=24,qo=24,Xo="data-string-rulers-hidden",Ko="[data-string-rulers-left]",Zo="[data-string-rulers-top]",Qo={top:"start",left:"start",start:"start",bottom:"end",right:"end",end:"end"};function Cr(d){return d?Qo[d.toLowerCase()]??"start":"start"}var Bt=class extends J{_viewportLayer;_badgeLayer;_hudLayer;get viewportLayer(){return this._viewportLayer||(this._viewportLayer=this.acquireViewportLayer(this.layerName,this.layerZIndex)),this._viewportLayer}get badgeLayer(){return this._badgeLayer||(this._badgeLayer=this.acquireViewportLayer("devtools-badges",10030)),this._badgeLayer}get hudLayer(){return this._hudLayer||(this._hudLayer=this.acquireViewportLayer("devtools-hud",10040)),this._hudLayer}entries=new Map;measurements=new Map;enabled=!1;needsMeasure=!1;hasPendingMutate=!1;_rafId=null;_pendingSingleIds=new Set;onOverlayLayoutChangeBind=()=>{this.enabled&&this.scheduleSync()};get _overlayConfig(){return this.constructor.devtool?.overlay}get overlayId(){return this._overlayConfig?.overlayId??null}get overlayBadgeCount(){return 1}get layerName(){return this._overlayConfig?.layerName??""}get layerZIndex(){return this._overlayConfig?.zIndex??10011}get layerAttribute(){return this._overlayConfig?.layerAttribute??""}get defaultEnabled(){return this._overlayConfig?.defaultEnabled??!1}constructor(t){super(t),this.enabled=this.defaultEnabled}onInit(){this.ensureLayer(),this.applyEnabledState(),window.addEventListener(vr,this.onOverlayLayoutChangeBind)}onObjectConnected(t){this.ensureLayer();let e=this.createOverlayEntry(t);e&&(this.entries.set(t.id,e),this.syncSlotRegistration(),this.scheduleSync())}onObjectDisconnected(t){let e=this.entries.get(t.id);e&&(this.destroyOverlayEntry(e),this.entries.delete(t.id),this.measurements.delete(t.id),this.syncSlotRegistration())}setEnabled(t){this.enabled!==t&&(this.enabled=t,t&&this.measurements.clear(),this.applyEnabledState(),this.onEnabledChange(t),this.scheduleFullSync(),this.emitDevtoolState())}isEnabled(){return this.enabled}getDevtoolActiveState(){return this.enabled}setDevtoolActiveState(t){this.setEnabled(t)}onEnabledChange(t){}onScroll(){this.enabled&&(this.needsMeasure=!0)}onScrollMeasure(){!this.enabled||!this.needsMeasure||(this.collectMeasurements(),this.needsMeasure=!1,this.flushMeasurements(),this.hasPendingMutate=!1)}onMutate(){!this.enabled||!this.hasPendingMutate||(this.flushMeasurements(),this.hasPendingMutate=!1)}onResize(){this.enabled&&this.scheduleSync()}onDOMRebuild(){this.enabled&&this.scheduleSync()}scheduleFullSync(){this.ensureLayer(),this._pendingSingleIds.clear(),this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null),this.needsMeasure=!0,this.collectMeasurements(),this.needsMeasure=!1,this.flushMeasurements(),this.hasPendingMutate=!1}scheduleSync(){this.enabled&&(this._pendingSingleIds.clear(),this._rafId===null&&(this._rafId=requestAnimationFrame(()=>{this._rafId=null,this.enabled&&(this.ensureLayer(),this.collectMeasurements(),this.flushMeasurements())})))}scheduleSingleSync(t){if(!this.enabled)return;let e=t.object?.id??t.targetId;if(!e){this.scheduleSync();return}this._pendingSingleIds.add(e),this._rafId===null&&(this._rafId=requestAnimationFrame(()=>{if(this._rafId=null,!this.enabled)return;this.ensureLayer();let r=this._pendingSingleIds;this._pendingSingleIds=new Set;let i=[];for(let n of r){let s=this.entries.get(n);if(!s)continue;let o=this.computeBaseMetrics(s),a=this.measureEntry(s,o);this.measurements.set(n,a),i.push(s)}L.run(()=>{for(let n of i){let s=n.object?.id??n.targetId;s&&this.applyMeasurement(n,this.measurements.get(s))}})}))}collectMeasurements(){this.ensureLayer();for(let[t,e]of this.entries){let r=this.computeBaseMetrics(e);this.measurements.set(t,this.measureEntry(e,r))}}flushMeasurements(){L.run(()=>{for(let[t,e]of this.entries)this.applyMeasurement(e,this.measurements.get(t))})}ensureLayer(){let t=this.viewportLayer.ensure(this.getWorldHost());return this.layerAttribute&&t.setAttribute(this.layerAttribute,""),t}applyEnabledState(){let t=this.viewportLayer.getElement();t&&(t.setAttribute("data-enabled",this.enabled?"true":"false"),this.layerAttribute&&(this.enabled?t.setAttribute(this.layerAttribute,""):t.removeAttribute(this.layerAttribute)),this.syncSlotRegistration())}syncSlotRegistration(){if(!this.overlayId)return;this.enabled&&this.entries.size>0?tt.register(this.overlayId,this.devtoolConfig?.order??0,this.overlayBadgeCount):tt.unregister(this.overlayId),tt.emitLayoutChange()}resolveOverlayTargetId(t){return t.htmlElement.id||t.id}resolveOverlayObjectDepth(t){let e=0,r=t.parentElement;for(;r;)(r.hasAttribute("string-id")||r.hasAttribute("data-string-id"))&&(e+=1),r=r.parentElement;return e}createOverlayBadge(t){let e=document.createElement("button");return e.type="button",e.setAttribute("data-stdg-button",""),e.setAttribute("data-stdg-button-icon-16",""),e.setAttribute("data-string-devtools-overlay-badge",""),e.setAttribute("data-target-id",t.targetId),t.selectorAttribute&&e.setAttribute(t.selectorAttribute,""),t.depth!=null&&e.setAttribute("data-depth",String(t.depth)),this.applyOverlayBadgeState(e,{attributes:t.attributes}),e}applyOverlayBadgeState(t,e){if(e.visible!=null&&t.setAttribute("data-visible",e.visible?"true":"false"),e.active!=null&&t.setAttribute("data-active",e.active?"true":"false"),e.disabled!=null&&t instanceof HTMLButtonElement&&(t.disabled=e.disabled),e.title!=null&&(t.title=e.title),e.html!=null){let r=t.querySelector("[data-stdg-badge-label]");t.innerHTML=e.html,r&&t.appendChild(r)}if(e.label!==void 0){let r=t.querySelector("[data-stdg-badge-label]");e.label===null||e.label===""?r?.remove():(r||(r=document.createElement("span"),r.setAttribute("data-stdg-badge-label",""),t.appendChild(r)),r.textContent!==e.label&&(r.textContent=e.label))}if(e.attributes)for(let[r,i]of Object.entries(e.attributes)){if(i==null){t.removeAttribute(r);continue}if(typeof i=="boolean"){t.setAttribute(r,i?"true":"false");continue}t.setAttribute(r,String(i))}}applyOverlayBadgePosition(t,e){if(!e){t.setAttribute("data-visible","false");return}t.setAttribute("data-visible",e.visible?"true":"false"),e.visible&&L.setProps(t,{transform:`translate3d(${Math.round(e.docX)}px, ${Math.round(e.docY)}px, 0)${e.translate?` ${e.translate}`:""}`})}getOverlayTargetLabel(t){let e=t.htmlElement,r=e.getAttribute("id")?.trim();if(r)return`#${r}`;let i=e.getAttribute("class")?.trim();if(i){let s=i.split(/\s+/).filter(Boolean).map(o=>`.${o}`).join("");if(s)return s}let n=e.getAttribute("string-id")?.trim()||e.getAttribute("data-string-id")?.trim();return n||t.id||"<unnamed>"}getViewportAnchorOffset(t,e){return t==="end"?e.viewportPrimarySize:0}getOverlayAnchorAdjustment(t,e,r){return{docX:0,docY:0}}resolveRulerPanelOffset(t,e){if(typeof document>"u")return{x:0,y:0};if(document.body.hasAttribute(Xo))return{x:0,y:0};let r=this.getViewportScrollLeft(),i=this.getViewportScrollTop(),n=document.querySelector(Ko)&&t-r<Uo?Yo:0,s=document.querySelector(Zo)&&e-i<jo?qo:0;return{x:n,y:s}}computeBaseMetrics(t){let e=t.object,r=e.htmlElement;if(!this.enabled||!r||!r.isConnected)return this.getHiddenMetrics();let i=this.resolveOverlayObjectGeometry(e,r),{contentX:n,contentY:s,width:o,height:a}=i;if(o<=0||a<=0)return this.getHiddenMetrics();let l=this.data.viewport.windowHeight||window.innerHeight,c=this.data.viewport.windowWidth||window.innerWidth,u=this.getViewportScrollLeft(),p=this.getViewportScrollTop(),g=n-u,m=s-p,h=m+a<0||m>l||g+o<0||g>c;if(h)return this.getHiddenMetrics();let f=n,b=s,y=0;if(this.overlayId){let A=new Map,I=w=>{if(!this.overlayId)return null;if(!this.entries.get(w.id)||this.measurements.get(w.id)?.visible===!1)return A.set(w.id,null),null;let O=A.get(w.id);if(O!==void 0)return O;let T=w.htmlElement;if(!T)return A.set(w.id,null),null;let P=this.resolveOverlayObjectGeometry(w,T),R=P.contentX,B=P.contentY,W=P.width,N=P.height,z=tt.resolveAnchor(this.overlayId,R,B),nt=this.getOverlayAnchorAdjustment(w,z,{contentX:R,contentY:B,width:W,height:N}),yt=this.resolveRulerPanelOffset(R,B),st=z.docX+nt.docX+yt.x,dt=z.docY+nt.docY+yt.y,xt=tt.resolveCollisionOffset(T,st,dt,j=>{let ct=this.objectManager.all.get(j);if(!ct)return null;let me=I(ct)?.effective;return me||{docX:st,docY:this.resolveOverlayObjectGeometry(ct).contentY}}),D={base:{docX:st,docY:dt},effective:{docX:st,docY:dt+xt}};return A.set(w.id,D),D},H=I(e);H&&(f=H.base.docX,b=H.base.docY,y=H.effective.docY-H.base.docY)}let v=this.data.scroll.direction==="horizontal"?"x":"y";return{visible:!0,contentX:n,contentY:s,width:o,height:a,isOffscreen:h,baseAnchorX:f,baseAnchorY:b,collisionOffset:y,axis:v,primarySize:v==="y"?a:o,crossSize:v==="y"?o:a,primaryContentOffset:v==="y"?s:n,viewportPrimarySize:v==="y"?l:c}}getHiddenMetrics(){return{visible:!1,contentX:0,contentY:0,width:0,height:0,isOffscreen:!0,baseAnchorX:0,baseAnchorY:0,collisionOffset:0,axis:this.data.scroll.direction==="horizontal"?"x":"y",primarySize:0,crossSize:0,primaryContentOffset:0,viewportPrimarySize:0}}getObjectDocY(t){let e=t.getProperty("start"),r=t.getProperty("size");return e!=null&&r!=null&&r>0?e:t.getProperty("layout-doc-top")??0}resolveOverlayObjectGeometry(t,e=t.htmlElement){let r=e.getBoundingClientRect(),i=this.resolveLiveElementMetrics(e,r),n=i.width||(t.getProperty("layout-width")??(t.getProperty("half-width")??0)*2)||e.offsetWidth||e.clientWidth||0,s=t.getProperty("size"),o=i.height||(t.getProperty("layout-height")??(t.getProperty("half-height")??0)*2)||e.offsetHeight||e.clientHeight||0;return{contentX:i.docLeft??t.getProperty("layout-doc-left")??0,contentY:i.docTop??this.getObjectDocY(t),width:n,height:s!=null&&s>0?s:o}}getViewportScrollLeft(){return this.data.scroll.elementContainer?.scrollLeft??0}getViewportScrollTop(){return this.data.scroll.elementContainer?.scrollTop??0}resolveLiveElementMetrics(t,e){let r=e.width||t.offsetWidth||t.clientWidth||0,i=e.height||t.offsetHeight||t.clientHeight||0,n=this.getWorldHost(),s=this.data.scroll.elementContainer;if(!(r>0)||!(i>0))return{width:r,height:i};if(n===document.body||n===document.documentElement)return{docLeft:e.left+(s?.scrollLeft??window.scrollX??0),docTop:e.top+(s?.scrollTop??window.scrollY??0),width:r,height:i};let o=n.getBoundingClientRect();return{docLeft:e.left-o.left+n.scrollLeft,docTop:e.top-o.top+n.scrollTop,width:r,height:i}}destroy(){this.overlayId&&tt.unregister(this.overlayId),window.removeEventListener(vr,this.onOverlayLayoutChangeBind);for(let t of this.entries.values())this.destroyOverlayEntry(t);this.entries.clear(),this.measurements.clear(),super.destroy()}};var Jo=31,Tr=class extends Bt{get badgeAttribute(){return this.constructor.devtool?.overlay?.badgeAttribute??""}createOverlayEntry(t){let e=this.resolveOverlayTargetId(t),r=this.resolveBadgeDepth(t),i=[],n={object:t,targetId:e,badge:document.createElement("button"),depth:r,extra:void 0,cleanup:i,badges:new Map,groups:new Map},s=this.getBadgeDescriptors(t,e,r),o=this.badgeLayer.getWorldElement(this.getWorldHost());for(let c of s){let u=this.createOverlayBadge({targetId:e,selectorAttribute:c.selectorAttribute,depth:c.depth??r,attributes:{"data-badge-id":c.id,...c.attributes}}),p={id:c.id,descriptor:c,element:u};u.setAttribute("data-visible","false");let g=m=>{m.stopPropagation(),m.preventDefault(),this.onBadgeClick(n,m,p)};if(u.addEventListener("click",g),i.push(()=>u.removeEventListener("click",g)),n.badges.set(c.id,p),c.group){let m=n.groups.get(c.group);m||(m=kt(e),n.groups.set(c.group,m),o.appendChild(m)),m.appendChild(u)}else o.appendChild(u)}let a=n.badges.values().next().value;if(!a)throw new Error(`${this.constructor.name} must define at least one badge descriptor.`);n.badge=a.element,n.extra=this.createBadgeExtra(t,n.badge,e,r);let l=this.bindBadge(n);return l&&i.push(...l),this.applyBadgeEnabledState(n),this.renderBadge(n),n}destroyOverlayEntry(t){for(let e of t.cleanup)e();this.destroyBadgeExtra(t);for(let e of t.groups.values())e.remove();for(let e of t.badges.values())e.descriptor.group||e.element.remove()}measureEntry(t,e){let r={};if(!e.visible){for(let s of t.badges.values())r[s.id]={visible:!1,docX:0,docY:0};return{visible:!1,badges:r}}let i=new Map,n=new Set;for(let s of t.badges.values()){let o=s.descriptor.slot??"top-left";i.has(o)||i.set(o,[]);let a=i.get(o);if(s.descriptor.group){let l=s.descriptor.group;n.has(l)||(n.add(l),a.push({kind:"group",groupId:l,badges:[]})),a.find(u=>u.kind==="group"&&u.groupId===l)?.badges.push(s)}else a.push({kind:"badge",badge:s})}for(let[s,o]of i)for(let a=0;a<o.length;a+=1){let l=o[a],c=l.kind==="badge"?l.badge:l.badges[0],u=this.resolveBadgeSlotConfig(c.descriptor),p=Jo+(u.gap??0),g=u.offsetX??0,m=u.offsetY??0,h=this.resolveBadgePosition(e,s,a,p,g,m);if(l.kind==="badge")r[l.badge.id]=h;else for(let f of l.badges)r[f.id]=h}return{visible:!0,badges:r}}applyMeasurement(t,e){let r=new Set;for(let i of t.badges.values()){let n=i.descriptor.group;if(!n||r.has(n))continue;r.add(n);let s=t.groups.get(n);s&&this.applyOverlayBadgePosition(s,e?.badges[i.id])}for(let i of t.badges.values())if(i.descriptor.group){let n=e?.badges[i.id];i.element.setAttribute("data-visible",n?.visible?"true":"false")}else this.applyOverlayBadgePosition(i.element,e?.badges[i.id]);this.afterBadgeMeasurement(t,e)}onEnabledChange(t){for(let e of this.entries.values())this.applyBadgeEnabledState(e),this.renderBadge(e)}createBadgeExtra(t,e,r,i){}destroyBadgeExtra(t){}bindBadge(t){}resolveBadgeDepth(t){return this.resolveOverlayObjectDepth(t.htmlElement)}getBadgeSlotConfig(){return{}}getBadgeDescriptors(t,e,r){return[{id:"primary",slot:"top-left",selectorAttribute:this.badgeAttribute,attributes:this.getInitialBadgeAttributes(t,e,r)}]}getInitialBadgeAttributes(t,e,r){}applyBadgeEnabledState(t){for(let e of t.badges.values())this.applyOverlayBadgeState(e.element,{disabled:!this.enabled,attributes:{"data-module-enabled":this.enabled}});for(let e of t.groups.values())e.setAttribute("data-module-enabled",this.enabled?"true":"false")}renderBadge(t){for(let e of t.badges.values())this.applyOverlayBadgeState(e.element,this.getBadgeState(t,e))}afterBadgeMeasurement(t,e){}resolveBadgeSlotConfig(t){let e=t.slot??"top-left",r=this.getBadgeSlotConfig()[e]??{};return{gap:t.gap??r.gap??0,offsetX:t.offsetX??r.offsetX??0,offsetY:t.offsetY??r.offsetY??0}}resolveBadgePosition(t,e,r,i,n,s){let o=t.baseAnchorX-t.contentX,a=t.baseAnchorY-t.contentY+t.collisionOffset,l=t.contentX+o,c=t.contentX+t.width+o,u=t.contentY+a,p=t.contentY+t.height+a;switch(e){case"top-right":return{visible:!0,docX:c-r*i+n,docY:u+s,translate:"translate(-100%, 0%)"};case"bottom-right":return{visible:!0,docX:c-r*i+n,docY:p+s,translate:"translate(-100%, -100%)"};case"bottom-left":return{visible:!0,docX:l+r*i+n,docY:p+s,translate:"translate(0%, -100%)"};case"top-left":default:return{visible:!0,docX:l+r*i+n,docY:u+s,translate:"translate(0%, 0%)"}}}};var On=`
+`;var mo=0;function En(){return`ruler-${Date.now()}-${mo++}`}var Mn="string-rulers:",br=class{elementStates=new Map;stateKey(t,e="default"){return`${t}:${e}`}storageKey(t,e="default"){return it(Mn+t+":"+e)}legacyStorageKey(t){return it(Mn+t)}getLines(t,e="default"){return this.elementStates.get(this.stateKey(t,e))?.lines??[]}addLine(t,e,r,i,n="default",s,o){let a={id:En(),axis:e,position:r,targetLabel:i,targetSelector:s,targetEdge:o},l=this.stateKey(t,n),c=this.elementStates.get(l);return c||(c={elementId:t,lines:[]},this.elementStates.set(l,c)),c.lines.push(a),this.save(t,n),a}moveLine(t,e,r,i,n="default"){let s=this.findLine(t,e,n);s&&(s.position=r,s.targetLabel=i)}removeLine(t,e,r="default"){let i=this.elementStates.get(this.stateKey(t,r));i&&(i.lines=i.lines.filter(n=>n.id!==e),this.save(t,r))}removeAllLines(t,e="default"){this.elementStates.delete(this.stateKey(t,e));try{localStorage.removeItem(this.storageKey(t,e)),e==="default"&&localStorage.removeItem(this.legacyStorageKey(t))}catch{}}findLine(t,e,r="default"){return this.elementStates.get(this.stateKey(t,r))?.lines.find(i=>i.id===e)}save(t,e="default"){let r=this.elementStates.get(this.stateKey(t,e));if(r)try{let i=JSON.stringify(r.lines);localStorage.setItem(this.storageKey(t,e),i),e==="default"&&localStorage.setItem(this.legacyStorageKey(t),i)}catch{}}load(t,e="default"){let r=this.stateKey(t,e);try{let i=localStorage.getItem(this.storageKey(t,e));if(!i&&e==="default"&&(i=localStorage.getItem(this.legacyStorageKey(t))),!i)return;let n=JSON.parse(i);if(!Array.isArray(n))return;this.elementStates.set(r,{elementId:t,lines:n})}catch{}}clearElement(t){for(let[e]of this.elementStates)e.startsWith(t+":")&&this.elementStates.delete(e)}clearAll(){this.elementStates.clear()}};var yr=class{opts;candidates=[];constructor(t){this.opts=t}buildCandidates(t,e,r,i=window.innerWidth,n=window.innerHeight,s=[],o,a){this.candidates=[],this.candidates.push({position:0,type:"document-origin"}),t==="horizontal"?(this.candidates.push({position:r,type:"viewport-edge"}),this.candidates.push({position:r+n,type:"viewport-edge"})):(this.candidates.push({position:e,type:"viewport-edge"}),this.candidates.push({position:e+i,type:"viewport-edge"})),this.opts.snapToElements&&this.opts.snapSelector&&document.querySelectorAll(this.opts.snapSelector).forEach(l=>{let c=l.getBoundingClientRect();c.width===0&&c.height===0||(t==="horizontal"?(this.candidates.push({position:c.top+r,type:"element-top",el:l}),this.candidates.push({position:c.bottom+r,type:"element-bottom",el:l}),this.candidates.push({position:(c.top+c.bottom)/2+r,type:"element-center-y",el:l})):(this.candidates.push({position:c.left+e,type:"element-left",el:l}),this.candidates.push({position:c.right+e,type:"element-right",el:l}),this.candidates.push({position:(c.left+c.right)/2+e,type:"element-center-x",el:l})))}),this._addLayoutGridCandidates(t,e,r,i,n),this._addGuideGapCandidates(t,s,o),a&&this.candidates.push(...a)}findSnap(t){let e=this.opts.threshold,r=null;for(let i of this.candidates){let n=Math.abs(i.position-t);n<e&&(e=n,r=i)}if(this.opts.snapStep>1){let i=Math.round(t/this.opts.snapStep)*this.opts.snapStep;if(Math.abs(i-t)<e)return{position:i,type:"grid-step"}}return r?{position:r.position,type:r.type,el:r.el,gap:r.gap,referenceLineIds:r.referenceLineIds,label:r.label}:null}snapToStep(t){return this.opts.snapStep<=1?t:Math.round(t/this.opts.snapStep)*this.opts.snapStep}_addLayoutGridCandidates(t,e,r,i,n){if(!this.opts.layoutGrids?.length)return;let s=i,o=n;for(let a of this.opts.layoutGrids){if(a.type==="columns"&&t==="vertical"){let{count:l,marginLeft:c=0,marginRight:u=0,gap:p=0}=a,g=s-c-u;if(g<=0||l<=0)continue;let m=(g-(l-1)*p)/l;this.candidates.push({position:c+e,type:"grid-column-edge"}),this.candidates.push({position:s-u+e,type:"grid-column-edge"});for(let h=0;h<l;h++){let f=c+h*(m+p),b=f+m,y=(f+b)/2;h>0&&this.candidates.push({position:f+e,type:"grid-column-edge"}),h<l-1&&this.candidates.push({position:b+e,type:"grid-column-edge"}),this.candidates.push({position:y+e,type:"grid-column-center"})}}if(a.type==="rows"&&t==="horizontal"){let{height:l,gap:c=0}=a,u=l+c;if(u<=0||l<=0)continue;let p=Math.max(0,r-200),g=r+o+200,m=Math.floor(p/u)*u;for(let h=m;h<g;h+=u)this.candidates.push({position:h,type:"grid-row-edge"}),c>0&&this.candidates.push({position:h+l,type:"grid-row-edge"})}}}_addGuideGapCandidates(t,e,r){let i=e.filter(n=>n.axis===t&&n.id!==r).slice().sort((n,s)=>n.position-s.position);if(!(i.length<2))for(let n=0;n<i.length;n++){let s=i[n],o=n>0?i[n-1]:null,a=n<i.length-1?i[n+1]:null;if(o){let l=s.position-o.position;l>0&&this.candidates.push({position:s.position+l,type:"guide-gap",gap:l,referenceLineIds:[o.id,s.id]})}if(a){let l=a.position-s.position;l>0&&this.candidates.push({position:s.position-l,type:"guide-gap",gap:l,referenceLineIds:[s.id,a.id]})}}}};var xi=class{id="default";cornerLabel="\u2197";formatPosition(t){return t}getFixedLines(){return[]}},Ci=class{id="center";cornerLabel="+";formatPosition(t,e,r,i){let n=i+r/2;return t-n}getFixedLines(t,e,r,i){return[{axis:"horizontal",position:i+e/2},{axis:"vertical",position:r+t/2}]}},It={default:new xi,center:new Ci},Sr=["default","center"];function pe(d,t){let e=d.currentTarget,r=d.clientX,i=d.clientY,n=d.pointerId,s=t.threshold??0,o=s===0,a=!1;try{e&&"setPointerCapture"in e&&e.setPointerCapture(n)}catch{}let l=()=>{if(!a){a=!0,document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",u),document.removeEventListener("pointercancel",p),document.removeEventListener("keydown",g);try{e&&"releasePointerCapture"in e&&e.releasePointerCapture(n)}catch{}}},c=m=>{if(m.pointerId!==n)return;let h=m.clientX-r,f=m.clientY-i;if(!o){if(Math.abs(h)<s&&Math.abs(f)<s)return;o=!0}t.onMove(m,{dx:h,dy:f})},u=m=>{m.pointerId===n&&(l(),o&&t.onEnd?.(m))},p=m=>{m.pointerId===n&&(l(),t.onCancel?.())},g=m=>{m.key==="Escape"&&(l(),t.onCancel?.())};return document.addEventListener("pointermove",c),document.addEventListener("pointerup",u),document.addEventListener("pointercancel",p),document.addEventListener("keydown",g),l}var Rt=0,Lr=0,Ht=0,U=null,Er=new Map;function fo(){let d=document.documentElement,t=document.body;return{htmlOverflow:d.style.overflow,htmlOverscrollBehavior:d.style.overscrollBehavior,htmlTouchAction:d.style.touchAction,htmlUserSelect:d.style.userSelect,htmlWebkitUserSelect:d.style.webkitUserSelect,bodyOverflow:t.style.overflow,bodyOverscrollBehavior:t.style.overscrollBehavior,bodyTouchAction:t.style.touchAction,bodyUserSelect:t.style.userSelect,bodyWebkitUserSelect:t.style.webkitUserSelect}}function vo(){U||(U=fo())}function bo(d){return!d||d===window||d===document?null:d}function wn(d){d.cancelable&&d.preventDefault()}function yo(d){let t=Er.get(d);t?t.count+=1:Er.set(d,{target:d,overflow:d.style.overflow,overscrollBehavior:d.style.overscrollBehavior,touchAction:d.style.touchAction,count:1}),d.style.overflow="hidden",d.style.overscrollBehavior="none",d.style.touchAction="none"}function So(d){let t=Er.get(d);t&&(t.count-=1,!(t.count>0)&&(d.style.overflow=t.overflow,d.style.overscrollBehavior=t.overscrollBehavior,d.style.touchAction=t.touchAction,Er.delete(d)))}function Lo(d){let t=document.documentElement,e=document.body;Ht>0&&(t.style.userSelect="none",t.style.webkitUserSelect="none",e.style.userSelect="none",e.style.webkitUserSelect="none"),Rt>0&&(t.style.overscrollBehavior="none",t.style.touchAction="none",e.style.overscrollBehavior="none",e.style.touchAction="none",d?yo(d):(Lr+=1,t.style.overflow="hidden",e.style.overflow="hidden"),window.addEventListener("touchmove",wn,{passive:!1}))}function Eo(d){if(!U)return;let t=document.documentElement,e=document.body;d?So(d):Lr>0&&(Lr-=1),Lr===0&&(t.style.overflow=U.htmlOverflow,e.style.overflow=U.bodyOverflow),Rt===0&&(t.style.overscrollBehavior=U.htmlOverscrollBehavior,t.style.touchAction=U.htmlTouchAction,e.style.overscrollBehavior=U.bodyOverscrollBehavior,e.style.touchAction=U.bodyTouchAction,window.removeEventListener("touchmove",wn)),Ht===0&&(t.style.userSelect=U.htmlUserSelect,t.style.webkitUserSelect=U.htmlWebkitUserSelect,e.style.userSelect=U.bodyUserSelect,e.style.webkitUserSelect=U.bodyWebkitUserSelect),Rt===0&&Ht===0&&(U=null)}function xn(d={}){let t=d.scroll===!0,e=d.selection===!0,r=t?bo(d.scrollTarget):null;if(!t&&!e)return()=>{};vo(),t&&(Rt+=1),e&&(Ht+=1),Lo(r);let i=!1;return()=>{i||(i=!0,t&&(Rt=Math.max(0,Rt-1)),e&&(Ht=Math.max(0,Ht-1)),Eo(r))}}var Mo=20,wo=12,Cn="#E3E3E3",Tn=.85,Pn="#000000",An=.25,xo="#313131",Co=10,To=`${Co}px "JetBrains Mono", monospace`,Po=4,Ao=-2,ko=8,Oo=4,Do=5,Io=2,Ro="rgba(255, 56, 96, 0.50)",Ho="rgba(255, 56, 96, 0.22)",Bo="rgba(255, 56, 96, 0.05)",_o="rgba(255, 56, 96, 0.45)",Fo=8,Vo=`${Fo}px "JetBrains Mono", monospace`,kn="rgba(0, 120, 255, 0.50)",Wo="rgba(0, 120, 255, 0.22)",No="rgba(0, 120, 255, 0.05)";function Mr(d,t,e,r,i,n,s){d.save(),d.globalAlpha=e,d.fillStyle=t,d.fillRect(r,i,n,s),d.restore()}function wr(d,t="x",e=window.innerWidth,r=window.innerHeight){let i=d.trim().match(/^(-?[\d.]+)\s*(px|rem|%|vw|vh)?$/);if(!i)return 0;let n=parseFloat(i[1]);switch(i[2]||"px"){case"px":return n;case"rem":return n*parseFloat(getComputedStyle(document.documentElement).fontSize);case"%":return t==="y"?n/100*r:n/100*e;case"vw":return n/100*e;case"vh":return n/100*r;default:return n}}var zo={snapStep:0,snapToElements:!0,snapThreshold:8,snapSelector:"[string],[data-string]"},Go="rgba(255, 0, 80, 0.08)",$o="rgba(0, 120, 255, 0.06)",xr=class{viewportLayer;host;gridCanvas;topCanvas;leftCanvas;cornerEl;cornerLabelEl;linesLayer;gapIndicatorEl;gapIndicatorLabelEl;lineEls=new Map;fixedLineEls=new Map;callbacks;options;snapEngine;resizeObserver;currentMode=It.default;visible=!1;viewportWidth=window.innerWidth;viewportHeight=window.innerHeight;contentWidth=document.documentElement.scrollWidth;contentHeight=document.documentElement.scrollHeight;viewportOffsetX=0;viewportOffsetY=0;scrollX=0;scrollY=0;renderedScrollX=-1;renderedScrollY=-1;currentLines=[];_snapHighlightEl=null;_guideReferenceLineIds=null;_guideReferenceAxis=null;_guideReferenceGap=null;dragInteractionReleases=new Set;constructor(t,e={},r,i){this.callbacks=t,this.options={...zo,...e},this.host=r??null,this.viewportLayer=i,this.snapEngine=new yr({threshold:this.options.snapThreshold,snapStep:this.options.snapStep,snapToElements:this.options.snapToElements,snapSelector:this.options.snapSelector,layoutGrids:this.options.layoutGrids}),this.gridCanvas=this.createCanvas("grid"),this.topCanvas=this.createCanvas("top"),this.leftCanvas=this.createCanvas("left"),this.linesLayer=this.createLinesLayer(),this.gapIndicatorEl=this.createGapIndicator(),this.gapIndicatorLabelEl=document.createElement("span"),this.gapIndicatorLabelEl.setAttribute("data-string-rulers-gap-indicator-label",""),this.gapIndicatorLabelEl.setAttribute("data-stdg",""),this.gapIndicatorEl.appendChild(this.gapIndicatorLabelEl),this.cornerEl=document.createElement("div"),this.cornerEl.setAttribute("data-string-rulers-corner",""),this.cornerEl.setAttribute("data-mode",this.currentMode.id),this.cornerLabelEl=document.createElement("span"),this.cornerLabelEl.textContent=this.currentMode.cornerLabel,this.cornerEl.appendChild(this.cornerLabelEl),this.cornerEl.addEventListener("click",()=>this.callbacks.onModeToggle());let n=this.viewportLayer.getScreenElement(),s=this.viewportLayer.getWorldElement(r);s.appendChild(this.gridCanvas),s.appendChild(this.linesLayer),this.linesLayer.appendChild(this.gapIndicatorEl),n.appendChild(this.topCanvas),n.appendChild(this.leftCanvas),n.appendChild(this.cornerEl),document.body.setAttribute("data-string-rulers-hidden",""),this.resizeObserver=new ResizeObserver(()=>{this.visible&&this.redraw()}),this.resizeObserver.observe(document.documentElement),this.bindRulerDrag(this.topCanvas,"horizontal"),this.bindRulerDrag(this.leftCanvas,"vertical")}refresh(t){this.currentLines=t,this.redraw()}updateScroll(t,e,r,i,n,s){let o=this.viewportWidth!==r||this.viewportHeight!==i||this.contentWidth!==n||this.contentHeight!==s;if(this.scrollX=t,this.scrollY=e,this.viewportWidth=r,this.viewportHeight=i,this.contentWidth=n,this.contentHeight=s,this.syncScreenChromePosition(),!this.visible)return;let a=Math.round(t),l=Math.round(e);(o||a!==this.renderedScrollX||l!==this.renderedScrollY)&&(this.renderedScrollX=a,this.renderedScrollY=l,o&&this.syncWorldDimensions(),this.drawTopRuler(this.viewportWidth),this.drawLeftRuler(this.viewportHeight),o&&this.drawGrid(this.contentWidth,this.contentHeight)),this.updateLineLabels(),this._positionGuideReferenceIndicator(),(this.fixedLineEls.size>0||this.currentMode.id!=="default")&&this.syncFixedLines()}setVisible(t){this.visible=t,t?(document.body.removeAttribute("data-string-rulers-hidden"),this.redraw()):document.body.setAttribute("data-string-rulers-hidden","")}setMode(t){this.currentMode=t,this.cornerEl.setAttribute("data-mode",t.id),this.cornerLabelEl.textContent=t.cornerLabel,this.redraw()}destroy(){this.releaseAllDragInteractionLocks(),this._setSnapHighlight(null),this._setGuideReference(null,null,null),this.resizeObserver.disconnect(),this.gridCanvas.remove(),this.topCanvas.remove(),this.leftCanvas.remove(),this.cornerEl.remove(),this.linesLayer.remove(),document.body.removeAttribute("data-string-rulers-hidden"),this.lineEls.clear();for(let[,t]of this.fixedLineEls)t.remove();this.fixedLineEls.clear()}redraw(){this.renderedScrollX=Math.round(this.scrollX),this.renderedScrollY=Math.round(this.scrollY),this.syncScreenChromePosition(),this.syncWorldDimensions(),this.drawTopRuler(this.viewportWidth),this.drawLeftRuler(this.viewportHeight),this.drawGrid(this.contentWidth,this.contentHeight),this.syncLineEls(this.currentLines),this.syncFixedLines(),this._positionGuideReferenceIndicator()}updateLineLabels(){for(let t of this.currentLines){let e=this.lineEls.get(t.id);e&&this.updateLineLabel(t,e.labelEl)}}createCanvas(t){let e=document.createElement("canvas");return e.setAttribute(`data-string-rulers-${t}`,""),e}createLinesLayer(){let t=document.createElement("div");return t.setAttribute("data-string-rulers-lines",""),t}createGapIndicator(){let t=document.createElement("div");return t.setAttribute("data-string-rulers-gap-indicator",""),t.setAttribute("hidden",""),t}syncWorldDimensions(){this.linesLayer.style.width=`${this.contentWidth}px`,this.linesLayer.style.height=`${this.contentHeight}px`,this.gridCanvas.style.width=`${this.contentWidth}px`,this.gridCanvas.style.height=`${this.contentHeight}px`}drawGrid(t,e){let r=this.options.layoutGrids,i=this.gridCanvas;if((i.width!==t||i.height!==e)&&(i.width=t,i.height=e,i.style.width=`${t}px`,i.style.height=`${e}px`),!r?.length)return;let n=i.getContext("2d");n.clearRect(0,0,t,e);for(let s of r)s.type==="columns"&&this._drawColumnsGrid(n,this.viewportWidth,e,s),s.type==="rows"&&this._drawRowsGrid(n,this.viewportWidth,e,s)}_drawColumnsGrid(t,e,r,i){let{count:n,marginLeft:s=0,marginRight:o=0,gap:a=0}=i,l=e-s-o;if(l<=0||n<=0)return;let c=(l-(n-1)*a)/n;t.fillStyle=i.color??Go;for(let u=0;u<n;u++){let p=s+u*(c+a);t.fillRect(p,0,c,r)}}_drawRowsGrid(t,e,r,i){let{height:n,gap:s=0}=i,o=n+s;if(!(o<=0||n<=0)){t.fillStyle=i.color??$o;for(let a=0;a<r;a+=o)t.fillRect(0,a,e,n)}}drawTopRuler(t){let e=this.getRulerThickness(),r=this.topCanvas;(r.width!==t||r.height!==e)&&(r.width=t,r.height=e);let i=r.getContext("2d");i.clearRect(0,0,t,e),Mr(i,Cn,Tn,0,0,t,e),Mr(i,Pn,An,0,e-1,t,1),this._drawColumnMarkers(i,t,e),this.drawTicks(i,t,e,"top",this.scrollX)}drawLeftRuler(t){let e=this.getRulerThickness(),r=this.leftCanvas;(r.width!==e||r.height!==t)&&(r.width=e,r.height=t);let i=r.getContext("2d");i.clearRect(0,0,e,t),Mr(i,Cn,Tn,0,0,e,t),Mr(i,Pn,An,e-1,0,1,t),this._drawRowMarkers(i,e,t),this.drawTicks(i,t,e,"left",this.scrollY)}drawTicks(t,e,r,i,n){let{tick:s,label:o}=this.pickStep(e),a=i==="top"?"vertical":"horizontal",l=i==="top",c=this.isCompactMobileRuler(),u=!c,p=Math.round(r/2),g=Math.min(r,c?Do:ko),m=Math.min(r,c?Io:Oo);t.fillStyle=xo,t.font=To;let h=Math.ceil(n/s)*s,f=h-n;if(l){t.textAlign="center",t.textBaseline="top";for(let b=0;f+b*s<=e;b++){let y=Math.round(f+b*s),v=h+b*s,S=this.currentMode.formatPosition(v,a,e,n),E=Math.round(S)%o===0,M=E?g:m,C=c?0:r-M;t.fillRect(y,C,1,M),u&&E&&y>4&&t.fillText(String(Math.round(S)),y,Po)}}else{t.textAlign="center",t.textBaseline="middle";for(let b=0;f+b*s<=e;b++){let y=Math.round(f+b*s),v=h+b*s,S=this.currentMode.formatPosition(v,a,e,n),E=Math.round(S)%o===0,M=E?g:m,C=c?0:r-M;t.fillRect(C,y,M,1),u&&E&&y>4&&(t.save(),t.translate(p,y),t.rotate(-Math.PI/2),t.fillText(String(Math.round(S)),0,Ao),t.restore())}}}pickStep(t){return t<300?{tick:5,label:25}:t<800?{tick:10,label:50}:t<1800?{tick:25,label:100}:{tick:50,label:500}}_resolveColumnLayout(){let t=this.options.columnLayout;if(!t||t.columns<=0)return null;let e=wr(t.margin,"x",this.viewportWidth,this.viewportHeight),r=wr(t.gap,"x",this.viewportWidth,this.viewportHeight),n=this.viewportWidth-2*e;if(n<=0)return null;let s=(n-(t.columns-1)*r)/t.columns;return s<=0?null:{columns:t.columns,marginPx:e,gapPx:r,colWidth:s}}_drawColumnMarkers(t,e,r){let i=this._resolveColumnLayout();if(!i)return;let{columns:n,marginPx:s,gapPx:o,colWidth:a}=i;t.fillStyle=Bo;for(let l=0;l<n;l++){let c=s+l*(a+o);t.fillRect(c,0,a,r)}t.fillStyle=Ro;for(let l=0;l<n;l++){let c=s+l*(a+o),u=c+a;t.fillRect(Math.round(c),0,1,r),t.fillRect(Math.round(u),0,1,r)}t.fillStyle=Ho;for(let l=0;l<n;l++){let u=s+l*(a+o)+a/2;t.fillRect(Math.round(u),Math.round(r*.6),1,Math.round(r*.4))}if(!this.isCompactMobileRuler()&&a>16){t.fillStyle=_o,t.font=Vo,t.textAlign="center",t.textBaseline="middle";for(let l=0;l<n;l++){let u=s+l*(a+o)+a/2;t.fillText(String(l+1),Math.round(u),Math.round(r/2))}}}_buildColumnCandidates(t){if(t!=="vertical")return[];let e=this._resolveColumnLayout();if(!e)return[];let{columns:r,marginPx:i,gapPx:n,colWidth:s}=e,o=[];for(let a=0;a<r;a++){let l=i+a*(s+n),c=l+s,u=(l+c)/2,p=a+1;o.push({position:l+this.scrollX,type:"grid-column-edge",label:`c${p}`}),o.push({position:c+this.scrollX,type:"grid-column-edge",label:`c${p}\u25C2`}),o.push({position:u+this.scrollX,type:"grid-column-center",label:`c${p}\u2299`})}return o}_resolveRowLayout(){let t=this.options.rowLayout;if(!t)return null;let e=wr(t.size,"y",this.viewportWidth,this.viewportHeight),r=wr(t.gap,"y",this.viewportWidth,this.viewportHeight);return e<=0?null:{sizePx:e,gapPx:r,period:e+r}}_drawRowMarkers(t,e,r){let i=this._resolveRowLayout();if(!i)return;let{sizePx:n,gapPx:s,period:o}=i,a=Math.floor(this.scrollY/o)*o,l=this.scrollY+r+o;for(let c=a;c<l;c+=o){let u=Math.round(c-this.scrollY),p=Math.round(c+n-this.scrollY),g=Math.max(0,u),m=Math.min(r,p);if(m>g&&(t.fillStyle=No,t.fillRect(0,g,e,m-g)),u>=0&&u<=r&&(t.fillStyle=kn,t.fillRect(0,u,e,1)),s>0&&p>=0&&p<=r&&(t.fillStyle=kn,t.fillRect(0,p,e,1)),n>4){let h=Math.round(c+n/2-this.scrollY);h>=0&&h<=r&&(t.fillStyle=Wo,t.fillRect(0,h,Math.round(e*.45),1))}}}_buildRowCandidates(t){if(t!=="horizontal")return[];let e=this._resolveRowLayout();if(!e)return[];let{sizePx:r,gapPx:i,period:n}=e,s=this.viewportHeight,o=Math.max(0,this.scrollY-200),a=this.scrollY+s+200,l=Math.floor(o/n)*n,c=[];for(let u=l;u<a;u+=n){let p=Math.round(u/n)+1;c.push({position:u,type:"grid-row-edge",label:`r${p}`}),c.push({position:u+r/2,type:"grid-row-edge",label:`r${p}\u2299`}),i>0&&c.push({position:u+r,type:"grid-row-edge",label:`r${p}\u25C2`})}return c}syncFixedLines(){let t=this.currentMode.getFixedLines(this.viewportWidth,this.viewportHeight,this.scrollX,this.scrollY),e=new Set;for(let r of t){let i=`fixed-${r.axis}`;e.add(i);let n=this.fixedLineEls.get(i);n||(n=document.createElement("div"),n.setAttribute("data-string-rulers-fixed-line",""),n.setAttribute("data-axis",r.axis),this.linesLayer.appendChild(n),this.fixedLineEls.set(i,n)),r.axis==="horizontal"?(n.style.top=`${r.position}px`,n.style.left="0",n.style.width=`${this.contentWidth}px`):(n.style.left=`${r.position}px`,n.style.top="0",n.style.height=`${this.contentHeight}px`)}for(let[r,i]of this.fixedLineEls)e.has(r)||(i.remove(),this.fixedLineEls.delete(r))}syncLineEls(t){for(let[e]of this.lineEls)t.some(r=>r.id===e)||(this.lineEls.get(e).el.remove(),this.lineEls.delete(e));for(let e of t)this.lineEls.has(e.id)||this.createLineEl(e),this.positionLineEl(e)}createLineEl(t){let e=document.createElement("div");e.setAttribute("data-string-rulers-line",t.id),e.setAttribute("data-axis",t.axis),e.setAttribute("data-stdg","");let r=document.createElement("span");r.setAttribute("data-string-rulers-label",""),e.appendChild(r),this.linesLayer.appendChild(e),this.lineEls.set(t.id,{el:e,labelEl:r}),e.addEventListener("pointerdown",i=>{if(i.stopPropagation(),i.button===1){i.preventDefault(),this.callbacks.onLineRemoved(t.id);return}this.startLineDrag(i,t)})}positionLineEl(t){let e=this.lineEls.get(t.id);if(!e)return;let{el:r,labelEl:i}=e;t.axis==="horizontal"?(r.style.top=`${t.position}px`,r.style.left="0",r.style.width=`${this.contentWidth}px`):(r.style.left=`${t.position}px`,r.style.top="0",r.style.height=`${this.contentHeight}px`),this.updateLineLabel(t,i)}updateLineLabel(t,e){let r=t.axis==="horizontal"?this.viewportHeight:this.viewportWidth,i=t.axis==="horizontal"?this.scrollY:this.scrollX,n=this.currentMode.formatPosition(t.position,t.axis,r,i),s=String(Math.round(n)),o=t.targetLabel?`${s} ${t.targetLabel}`:s;e.textContent!==o&&(e.textContent=o)}_setGuideReference(t,e,r){if(this._guideReferenceLineIds)for(let i of this._guideReferenceLineIds)this.lineEls.get(i)?.el.removeAttribute("data-string-rulers-guide-ref");if(this._guideReferenceAxis=t,this._guideReferenceLineIds=e,this._guideReferenceGap=r,e)for(let i of e)this.lineEls.get(i)?.el.setAttribute("data-string-rulers-guide-ref","");this._positionGuideReferenceIndicator()}_positionGuideReferenceIndicator(){let t=this._guideReferenceLineIds,e=this._guideReferenceAxis,r=this._guideReferenceGap;if(!t||!e||r==null){this.gapIndicatorEl.setAttribute("hidden",""),this.gapIndicatorEl.removeAttribute("data-axis");return}let i=t.map(o=>this.currentLines.find(a=>a.id===o)).filter(o=>!!o);if(i.length!==2){this.gapIndicatorEl.setAttribute("hidden",""),this.gapIndicatorEl.removeAttribute("data-axis");return}let n=Math.min(i[0].position,i[1].position),s=Math.max(i[0].position,i[1].position);if(this.gapIndicatorEl.removeAttribute("hidden"),this.gapIndicatorEl.setAttribute("data-axis",e),this.gapIndicatorLabelEl.textContent=`${Math.round(r)}px`,e==="vertical"){let o=Math.round(this.scrollY+Math.max(this.getRulerThickness()+32,this.viewportHeight/2));this.gapIndicatorEl.style.left=`${n}px`,this.gapIndicatorEl.style.top=`${o}px`,this.gapIndicatorEl.style.width=`${Math.max(0,s-n)}px`,this.gapIndicatorEl.style.height="0"}else{let o=Math.round(this.scrollX+Math.max(this.getRulerThickness()+32,this.viewportWidth/2));this.gapIndicatorEl.style.left=`${o}px`,this.gapIndicatorEl.style.top=`${n}px`,this.gapIndicatorEl.style.width="0",this.gapIndicatorEl.style.height=`${Math.max(0,s-n)}px`}}_setSnapHighlight(t){this._snapHighlightEl!==t&&(this._snapHighlightEl?.removeAttribute("data-string-rulers-snap-target"),this._snapHighlightEl=t,t?.setAttribute("data-string-rulers-snap-target",""))}_snapCategory(t){return t==="guide-gap"?"guide":t==="grid-column-edge"||t==="grid-column-center"?"column":t==="grid-step"||t.startsWith("grid-")?"grid":"element"}_snapLabel(t,e,r){let i=t.position??e,n=this.getViewportSizeForAxis(r),s=r==="horizontal"?this.scrollY:this.scrollX,o=String(Math.round(this.currentMode.formatPosition(i,r,n,s)));return t.type==="guide-gap"&&typeof t.gap=="number"?`${o} ${Math.round(t.gap)}px`:t.label?`${o} ${t.label}`:t.el?`${o} ${this._elementLabel(t.el)}`:o}_elementLabel(t){if(t.id)return`#${t.id}`;let e=t.classList[0];if(e)return`.${e}`;let r=t.getAttribute("string")??t.getAttribute("data-string");return r?`[${r}]`:t.tagName.toLowerCase()}_elementSelector(t){if(t.id)return`#${CSS.escape(t.id)}`;let e=t.getAttribute("string");if(e)return`[string="${CSS.escape(e)}"]`;let r=t.getAttribute("data-string");return r?`[data-string="${CSS.escape(r)}"]`:t.classList[0]?`.${CSS.escape(t.classList[0])}`:null}_resolveBinding(t){if(!t)return{};if(t.el){let e;switch(t.type){case"element-top":e="top";break;case"element-bottom":e="bottom";break;case"element-center-y":e="center-y";break;case"element-left":e="left";break;case"element-right":e="right";break;case"element-center-x":e="center-x";break}return{targetLabel:this._elementLabel(t.el),targetSelector:this._elementSelector(t.el)??void 0,targetEdge:e}}if((t.type==="grid-column-edge"||t.type==="grid-column-center")&&t.label){let e=t.label.match(/^c(\d+)(◂|⊙)?$/);if(e){let r=parseInt(e[1],10)-1,i=e[2]==="\u25C2"?"col-right":e[2]==="\u2299"?"col-center":"col-left";return{targetLabel:t.label,targetSelector:`__col:${r}`,targetEdge:i}}}return t.label?{targetLabel:t.label}:{}}recalculateBindings(t){for(let e of t){if(!e.targetSelector||!e.targetEdge)continue;if(e.targetSelector.startsWith("__col:")){let n=parseInt(e.targetSelector.slice(6),10),s=this._resolveColumnLayout();if(!s||n<0||n>=s.columns)continue;let o=s.marginPx+n*(s.colWidth+s.gapPx),a=o+s.colWidth;switch(e.targetEdge){case"col-left":e.position=o+this.scrollX;break;case"col-right":e.position=a+this.scrollX;break;case"col-center":e.position=(o+a)/2+this.scrollX;break}continue}let r=document.querySelector(e.targetSelector);if(!r)continue;let i=r.getBoundingClientRect();switch(e.targetEdge){case"top":e.position=i.top+this.scrollY;break;case"bottom":e.position=i.bottom+this.scrollY;break;case"center-y":e.position=(i.top+i.bottom)/2+this.scrollY;break;case"left":e.position=i.left+this.scrollX;break;case"right":e.position=i.right+this.scrollX;break;case"center-x":e.position=(i.left+i.right)/2+this.scrollX;break}}}bindRulerDrag(t,e){t.addEventListener("pointerdown",r=>{r.preventDefault(),this.startRulerDrag(r,e)})}startRulerDrag(t,e){let r=this.acquireDragInteractionLock(),i=document.createElement("div");i.setAttribute("data-string-rulers-ghost",""),i.setAttribute("data-axis",e);let n=document.createElement("span");n.setAttribute("data-string-rulers-ghost-label",""),n.setAttribute("data-stdg",""),i.appendChild(n),this.linesLayer.appendChild(i),this.snapEngine.buildCandidates(e,this.scrollX,this.scrollY,this.viewportWidth,this.viewportHeight,this.currentLines,void 0,[...this._buildColumnCandidates(e),...this._buildRowCandidates(e)]);let s=l=>{let c=this.resolveDocPositionFromPointer(e,l),u=l.shiftKey?null:this.snapEngine.findSnap(c),p=u?u.position:l.shiftKey?c:this.snapEngine.snapToStep(c);if(e==="horizontal"?(i.style.top=`${p}px`,i.style.left="0",i.style.width=`${this.contentWidth}px`):(i.style.left=`${p}px`,i.style.top="0",i.style.height=`${this.contentHeight}px`),u)i.setAttribute("data-snapping",this._snapCategory(u.type)),this._setSnapHighlight(u.el??null),this._setGuideReference(u.type==="guide-gap"?e:null,u.type==="guide-gap"?u.referenceLineIds??null:null,u.type==="guide-gap"?u.gap??null:null),n.textContent=this._snapLabel(u,p,e);else{i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null);let g=this.getViewportSizeForAxis(e),m=e==="horizontal"?this.scrollY:this.scrollX;n.textContent=String(Math.round(this.currentMode.formatPosition(p,e,g,m)))}},o=()=>{r(),i.remove(),this._setSnapHighlight(null),this._setGuideReference(null,null,null)};pe(t,{onMove:s,onEnd:l=>{o();let c=this.resolveViewportPointerPos(e,l);if(c>this.getRulerThickness()){let u=e==="horizontal"?c+this.scrollY:c+this.scrollX,p=l.shiftKey?null:this.snapEngine.findSnap(u),g=p?p.position:l.shiftKey?u:this.snapEngine.snapToStep(u),m=this._resolveBinding(p);this.callbacks.onLineCreated(e,g,m.targetLabel,m.targetSelector,m.targetEdge)}},onCancel:o})}startLineDrag(t,e){let r=this.acquireDragInteractionLock(),{el:i}=this.lineEls.get(e.id),n=e.axis==="horizontal"?t.clientY:t.clientX,s=e.position;this.snapEngine.buildCandidates(e.axis,this.scrollX,this.scrollY,this.viewportWidth,this.viewportHeight,this.currentLines,e.id,[...this._buildColumnCandidates(e.axis),...this._buildRowCandidates(e.axis)]);let o=c=>{let u=e.axis==="horizontal"?c.clientY-n:c.clientX-n,p=Math.max(0,s+u),g=c.shiftKey?null:this.snapEngine.findSnap(p),m=g?g.position:c.shiftKey?p:this.snapEngine.snapToStep(p);g?(i.setAttribute("data-snapping",this._snapCategory(g.type)),this._setSnapHighlight(g.el??null),this._setGuideReference(g.type==="guide-gap"?e.axis:null,g.type==="guide-gap"?g.referenceLineIds??null:null,g.type==="guide-gap"?g.gap??null:null)):(i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null)),this.callbacks.onLineMoved(e.id,m,g?.el?this._elementLabel(g.el):g?.label);let h=this.lineEls.get(e.id);if(h)if(g)h.labelEl.textContent=this._snapLabel(g,m,e.axis);else{let f=this.getViewportSizeForAxis(e.axis),b=e.axis==="horizontal"?this.scrollY:this.scrollX;h.labelEl.textContent=String(Math.round(this.currentMode.formatPosition(m,e.axis,f,b)))}},a=()=>{r(),i.removeAttribute("data-snapping"),this._setSnapHighlight(null),this._setGuideReference(null,null,null)};pe(t,{onMove:o,onEnd:c=>{a();let u=e.axis==="horizontal"?c.clientY-n:c.clientX-n,p=Math.max(0,s+u),g=c.shiftKey?null:this.snapEngine.findSnap(p),m=g?g.position:c.shiftKey?p:this.snapEngine.snapToStep(p);if((e.axis==="horizontal"?m-this.scrollY:m-this.scrollX)<=this.getRulerThickness())this.callbacks.onLineRemoved(e.id);else{let f=this._resolveBinding(g);this.callbacks.onDragCommit(e.id,m,f.targetLabel,f.targetSelector,f.targetEdge)}},onCancel:a})}syncScreenChromePosition(){let t=this.host,e=this.getRulerThickness(),r=this.viewportWidth,i=this.viewportHeight;if(!t||t===document.body||t===document.documentElement)this.viewportOffsetX=0,this.viewportOffsetY=0;else{let n=t.getBoundingClientRect();this.viewportOffsetX=Math.round(n.left),this.viewportOffsetY=Math.round(n.top),r=Math.max(0,Math.round(n.width)),i=Math.max(0,Math.round(n.height))}this.topCanvas.style.left=`${this.viewportOffsetX}px`,this.topCanvas.style.top=`${this.viewportOffsetY}px`,this.topCanvas.style.width=`${r}px`,this.topCanvas.style.height=`${e}px`,this.leftCanvas.style.left=`${this.viewportOffsetX}px`,this.leftCanvas.style.top=`${this.viewportOffsetY}px`,this.leftCanvas.style.width=`${e}px`,this.leftCanvas.style.height=`${i}px`,this.cornerEl.style.left=`${this.viewportOffsetX}px`,this.cornerEl.style.top=`${this.viewportOffsetY}px`,this.cornerEl.style.width=`${e}px`,this.cornerEl.style.height=`${e}px`}isCompactMobileRuler(){return ot(this.viewportWidth).compact}getRulerThickness(){return this.isCompactMobileRuler()?wo:Mo}getViewportSizeForAxis(t){return t==="horizontal"?this.viewportHeight:this.viewportWidth}resolveViewportPointerPos(t,e){let r=t==="horizontal"?e.clientY:e.clientX,i=t==="horizontal"?this.viewportOffsetY:this.viewportOffsetX;return r-i}resolveDocPositionFromPointer(t,e){let r=this.resolveViewportPointerPos(t,e);return t==="horizontal"?r+this.scrollY:r+this.scrollX}acquireDragInteractionLock(){let t=xn({selection:!0,scroll:this.isCompactMobileRuler(),scrollTarget:this.options.scrollTarget}),e=()=>{t(),this.dragInteractionReleases.delete(e)};return this.dragInteractionReleases.add(e),e}releaseAllDragInteractionLocks(){for(let t of Array.from(this.dragInteractionReleases))t()}};var Uo="stdg",wt=class{baseStorageKey;defaultValue;validate;legacyKeys;constructor(t){this.baseStorageKey=`${Uo}:${t.moduleId}:${t.name}`,this.defaultValue=t.default,this.validate=t.validate,this.legacyKeys=t.legacyKeys??[]}read(){let t=this.readRaw(this.storageKey);if(t!==void 0)return t;for(let e of this.legacyKeys){let r=it(e),i=this.readRaw(r);if(i!==void 0)return this.write(i),this.clearRaw(r),i}return this.defaultValue}write(t){try{localStorage.setItem(this.storageKey,JSON.stringify(t))}catch{}}clear(){this.clearRaw(this.storageKey)}get storageKey(){return it(this.baseStorageKey)}readRaw(t){let e;try{e=localStorage.getItem(t)}catch{return}if(e==null)return;let r;try{r=JSON.parse(e)}catch{return}if(this.validate){let i=this.validate(r);return i??void 0}return r}clearRaw(t){try{localStorage.removeItem(t)}catch{}}};var ge="__string-rulers-global__",jo=[],Ti=class extends J{manager=new br;overlay=null;visible=!1;dockDisabled=!1;currentModeId="default";modeStore=new wt({moduleId:"rulers",name:"mode",default:"default",validate:t=>typeof t=="string"&&t in It?t:null,legacyKeys:["string-rulers:mode"]});viewportLayer;_kbHandlers=[];_elHandlers=[];_evHandlers=[];static devtool={id:"rulers",label:"Rulers",icon:"ruler",order:10,group:1,hotkey:{key:"R",shiftKey:!0},styles:Ln,connects:{global:!1,keys:["rulers"]}};constructor(t){super(t),this.attributesToMap=[],this.viewportLayer=this.acquireViewportLayer("devtools-rulers",10020)}onInit(){this.applyStyleSettings(),this.mountOverlay()}onSettingsChange(){this.applyStyleSettings()}onSubscribe(){let t=this.settings.triggers,e=Array.isArray(t)?t:jo;this._bindTriggers(e)}onUnsubscribe(){this._unbindTriggers()}onFrame(t){!this.visible||!this.overlay||this.pushScrollToOverlay(t)}onResize(){if(!this.overlay)return;this.syncOverlayMetrics();let t=this.manager.getLines(ge,this.currentModeId);this.overlay.recalculateBindings(t),this.manager.save(ge,this.currentModeId),this.overlay.refresh(t)}destroy(){this._unbindTriggers(),this.overlay?.destroy(),this.overlay=null,this.manager.clearAll(),this.clearStyleSettings(),super.destroy()}toggle(){this.setVisible(!this.visible)}show(){this.setVisible(!0)}hide(){this.setVisible(!1)}clear(){this.manager.removeAllLines(ge,this.currentModeId),this.overlay?.refresh([])}isVisible(){return this.visible}getDevtoolActiveState(){return this.visible}setDevtoolActiveState(t){this.setDockActive(t)}getDevtoolSubBadges(){return[{id:"clear-rulers",icon:"noplus",label:"Clear guides",selectorAttribute:"data-string-rulers-clear-all",onClick:()=>this.clear()}]}_bindTriggers(t){for(let e of t)if(e.type==="keyboard"){let r=i=>{i.key===e.key&&i.shiftKey===(e.shiftKey??!1)&&i.ctrlKey===(e.ctrlKey??!1)&&i.altKey===(e.altKey??!1)&&i.metaKey===(e.metaKey??!1)&&(i.preventDefault(),this._applyAction(e.action))};window.addEventListener("keydown",r),this._kbHandlers.push(r)}else if(e.type==="element"){let r=e.event??"click";for(let i of Array.from(document.querySelectorAll(e.selector))){let n=()=>this._applyAction(e.action);i.addEventListener(r,n),this._elHandlers.push({el:i,event:r,fn:n})}}else if(e.type==="event"){let r=()=>this._applyAction(e.action);this.events.on(e.name,r),this._evHandlers.push({name:e.name,fn:r})}}_unbindTriggers(){for(let t of this._kbHandlers)window.removeEventListener("keydown",t);this._kbHandlers=[];for(let{el:t,event:e,fn:r}of this._elHandlers)t.removeEventListener(e,r);this._elHandlers=[];for(let{name:t,fn:e}of this._evHandlers)this.events.off(t,e);this._evHandlers=[]}_applyAction(t="toggle"){this.dockDisabled||(t==="show"?this.show():t==="hide"?this.hide():this.toggle())}setVisible(t){t&&this.dockDisabled||this.visible!==t&&(this.visible=t,this.overlay?.setVisible(t),tt.emitLayoutChange(),this.emitDevtoolState())}setDockActive(t){this.dockDisabled=!t,this.setVisible(t)}mountOverlay(){if(this.overlay)return;let t=ge;this.currentModeId=this.modeStore.read(),this.manager.load(t,this.currentModeId);let e=this.settings,r=typeof e["rulers-snap"]=="number"?e["rulers-snap"]:0,i=typeof e["rulers-snap-elements"]=="boolean"?e["rulers-snap-elements"]:!0,n=typeof e["rulers-snap-threshold"]=="number"?e["rulers-snap-threshold"]:8,s=typeof e["rulers-snap-selector"]=="string"?e["rulers-snap-selector"]:"[string],[data-string]",o=this._resolveGrids(e.grid),a=typeof e["rulers-columns"]=="number"?e["rulers-columns"]:0,l=typeof e["rulers-margin"]=="string"?e["rulers-margin"]:"0px",c=typeof e["rulers-gap"]=="string"?e["rulers-gap"]:"0px",u=a>0?{columns:a,margin:l,gap:c}:void 0,p=typeof e["rulers-rows"]=="string"?e["rulers-rows"]:"",g=typeof e["rulers-rows-gap"]=="string"?e["rulers-rows-gap"]:"0px",m=p?{size:p,gap:g}:void 0;this.overlay=new xr({onLineCreated:(h,f,b,y,v)=>{this.manager.addLine(t,h,f,b,this.currentModeId,y,v),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onLineMoved:(h,f,b)=>{this.manager.moveLine(t,h,f,b,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onLineRemoved:h=>{this.manager.removeLine(t,h,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onDragCommit:(h,f,b,y,v)=>{this.manager.moveLine(t,h,f,b,this.currentModeId);let S=this.manager.findLine(t,h,this.currentModeId);S&&(S.targetSelector=y,S.targetEdge=v),this.manager.save(t,this.currentModeId),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))},onModeToggle:()=>this.cycleMode()},{snapStep:r,snapToElements:i,snapThreshold:n,snapSelector:s,layoutGrids:o,columnLayout:u,rowLayout:m,scrollTarget:this.data.scroll.elementContainer},this.data.scroll.container,this.viewportLayer),this.syncOverlayMetrics(),this.overlay.setMode(It[this.currentModeId]),this.overlay.setVisible(this.visible),this.overlay.refresh(this.manager.getLines(t,this.currentModeId))}cycleMode(){let e=(Sr.indexOf(this.currentModeId)+1)%Sr.length;this.switchMode(Sr[e])}switchMode(t){let e=ge;this.manager.save(e,this.currentModeId),this.currentModeId=t,this.manager.load(e,t),this.overlay?.setMode(It[t]),this.overlay?.refresh(this.manager.getLines(e,t)),this.modeStore.write(t)}applyStyleSettings(){let t=this.settings,e=typeof t["rulers-color"]=="string"?t["rulers-color"]:"rgba(0, 120, 255, 0.75)",r=typeof t["rulers-opacity"]=="number"?t["rulers-opacity"]:1,i=Math.max(0,Math.min(1,r));document.documentElement.style.setProperty("--string-rulers-line-color",e),document.documentElement.style.setProperty("--string-rulers-line-opacity",String(i))}clearStyleSettings(){document.documentElement.style.removeProperty("--string-rulers-line-color"),document.documentElement.style.removeProperty("--string-rulers-line-opacity")}_resolveGrids(t){if(t){if(Array.isArray(t))return t;if(typeof t=="object")return[t]}}syncOverlayMetrics(){this.overlay&&this.pushScrollToOverlay(this.data)}pushScrollToOverlay(t){if(!this.overlay)return;let e=t.scroll.elementContainer,r=t.scroll.direction==="horizontal",i=r?e.scrollLeft:0,n=r?0:e.scrollTop;this.overlay.updateScroll(i,n,t.viewport.windowWidth,t.viewport.windowHeight,t.viewport.contentWidth,t.viewport.contentHeight)}};var Yo=20,qo=20,Xo=24,Ko=24,Zo="data-string-rulers-hidden",Qo="[data-string-rulers-left]",Jo="[data-string-rulers-top]",ta={top:"start",left:"start",start:"start",bottom:"end",right:"end",end:"end"};function Cr(d){return d?ta[d.toLowerCase()]??"start":"start"}var Bt=class extends J{_viewportLayer;_badgeLayer;_hudLayer;get viewportLayer(){return this._viewportLayer||(this._viewportLayer=this.acquireViewportLayer(this.layerName,this.layerZIndex)),this._viewportLayer}get badgeLayer(){return this._badgeLayer||(this._badgeLayer=this.acquireViewportLayer("devtools-badges",10030)),this._badgeLayer}get hudLayer(){return this._hudLayer||(this._hudLayer=this.acquireViewportLayer("devtools-hud",10040)),this._hudLayer}entries=new Map;measurements=new Map;enabled=!1;needsMeasure=!1;hasPendingMutate=!1;_rafId=null;_pendingSingleIds=new Set;onOverlayLayoutChangeBind=()=>{this.enabled&&this.scheduleSync()};get _overlayConfig(){return this.constructor.devtool?.overlay}get overlayId(){return this._overlayConfig?.overlayId??null}get overlayBadgeCount(){return 1}get layerName(){return this._overlayConfig?.layerName??""}get layerZIndex(){return this._overlayConfig?.zIndex??10011}get layerAttribute(){return this._overlayConfig?.layerAttribute??""}get defaultEnabled(){return this._overlayConfig?.defaultEnabled??!1}constructor(t){super(t),this.enabled=this.defaultEnabled}onInit(){this.ensureLayer(),this.applyEnabledState(),window.addEventListener(vr,this.onOverlayLayoutChangeBind)}onObjectConnected(t){this.ensureLayer();let e=this.createOverlayEntry(t);e&&(this.entries.set(t.id,e),this.syncSlotRegistration(),this.scheduleSync())}onObjectDisconnected(t){let e=this.entries.get(t.id);e&&(this.destroyOverlayEntry(e),this.entries.delete(t.id),this.measurements.delete(t.id),this.syncSlotRegistration())}setEnabled(t){this.enabled!==t&&(this.enabled=t,t&&this.measurements.clear(),this.applyEnabledState(),this.onEnabledChange(t),this.scheduleFullSync(),this.emitDevtoolState())}isEnabled(){return this.enabled}getDevtoolActiveState(){return this.enabled}setDevtoolActiveState(t){this.setEnabled(t)}onEnabledChange(t){}onScroll(){this.enabled&&(this.needsMeasure=!0)}onScrollMeasure(){!this.enabled||!this.needsMeasure||(this.collectMeasurements(),this.needsMeasure=!1,this.flushMeasurements(),this.hasPendingMutate=!1)}onMutate(){!this.enabled||!this.hasPendingMutate||(this.flushMeasurements(),this.hasPendingMutate=!1)}onResize(){this.enabled&&this.scheduleSync()}onDOMRebuild(){this.enabled&&this.scheduleSync()}scheduleFullSync(){this.ensureLayer(),this._pendingSingleIds.clear(),this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null),this.needsMeasure=!0,this.collectMeasurements(),this.needsMeasure=!1,this.flushMeasurements(),this.hasPendingMutate=!1}scheduleSync(){this.enabled&&(this._pendingSingleIds.clear(),this._rafId===null&&(this._rafId=requestAnimationFrame(()=>{this._rafId=null,this.enabled&&(this.ensureLayer(),this.collectMeasurements(),this.flushMeasurements())})))}scheduleSingleSync(t){if(!this.enabled)return;let e=t.object?.id??t.targetId;if(!e){this.scheduleSync();return}this._pendingSingleIds.add(e),this._rafId===null&&(this._rafId=requestAnimationFrame(()=>{if(this._rafId=null,!this.enabled)return;this.ensureLayer();let r=this._pendingSingleIds;this._pendingSingleIds=new Set;let i=[];for(let n of r){let s=this.entries.get(n);if(!s)continue;let o=this.computeBaseMetrics(s),a=this.measureEntry(s,o);this.measurements.set(n,a),i.push(s)}L.run(()=>{for(let n of i){let s=n.object?.id??n.targetId;s&&this.applyMeasurement(n,this.measurements.get(s))}})}))}collectMeasurements(){this.ensureLayer();for(let[t,e]of this.entries){let r=this.computeBaseMetrics(e);this.measurements.set(t,this.measureEntry(e,r))}}flushMeasurements(){L.run(()=>{for(let[t,e]of this.entries)this.applyMeasurement(e,this.measurements.get(t))})}ensureLayer(){let t=this.viewportLayer.ensure(this.getWorldHost());return this.layerAttribute&&t.setAttribute(this.layerAttribute,""),t}applyEnabledState(){let t=this.viewportLayer.getElement();t&&(t.setAttribute("data-enabled",this.enabled?"true":"false"),this.layerAttribute&&(this.enabled?t.setAttribute(this.layerAttribute,""):t.removeAttribute(this.layerAttribute)),this.syncSlotRegistration())}syncSlotRegistration(){if(!this.overlayId)return;this.enabled&&this.entries.size>0?tt.register(this.overlayId,this.devtoolConfig?.order??0,this.overlayBadgeCount):tt.unregister(this.overlayId),tt.emitLayoutChange()}resolveOverlayTargetId(t){return t.htmlElement.id||t.id}resolveOverlayObjectDepth(t){let e=0,r=t.parentElement;for(;r;)(r.hasAttribute("string-id")||r.hasAttribute("data-string-id"))&&(e+=1),r=r.parentElement;return e}createOverlayBadge(t){let e=document.createElement("button");return e.type="button",e.setAttribute("data-stdg-button",""),e.setAttribute("data-stdg-button-icon-16",""),e.setAttribute("data-string-devtools-overlay-badge",""),e.setAttribute("data-target-id",t.targetId),t.selectorAttribute&&e.setAttribute(t.selectorAttribute,""),t.depth!=null&&e.setAttribute("data-depth",String(t.depth)),this.applyOverlayBadgeState(e,{attributes:t.attributes}),e}applyOverlayBadgeState(t,e){if(e.visible!=null&&t.setAttribute("data-visible",e.visible?"true":"false"),e.active!=null&&t.setAttribute("data-active",e.active?"true":"false"),e.disabled!=null&&t instanceof HTMLButtonElement&&(t.disabled=e.disabled),e.title!=null&&(t.title=e.title),e.html!=null){let r=t.querySelector("[data-stdg-badge-label]");t.innerHTML=e.html,r&&t.appendChild(r)}if(e.label!==void 0){let r=t.querySelector("[data-stdg-badge-label]");e.label===null||e.label===""?r?.remove():(r||(r=document.createElement("span"),r.setAttribute("data-stdg-badge-label",""),t.appendChild(r)),r.textContent!==e.label&&(r.textContent=e.label))}if(e.attributes)for(let[r,i]of Object.entries(e.attributes)){if(i==null){t.removeAttribute(r);continue}if(typeof i=="boolean"){t.setAttribute(r,i?"true":"false");continue}t.setAttribute(r,String(i))}}applyOverlayBadgePosition(t,e){if(!e){t.setAttribute("data-visible","false");return}t.setAttribute("data-visible",e.visible?"true":"false"),e.visible&&L.setProps(t,{transform:`translate3d(${Math.round(e.docX)}px, ${Math.round(e.docY)}px, 0)${e.translate?` ${e.translate}`:""}`})}getOverlayTargetLabel(t){let e=t.htmlElement,r=e.getAttribute("id")?.trim();if(r)return`#${r}`;let i=e.getAttribute("class")?.trim();if(i){let s=i.split(/\s+/).filter(Boolean).map(o=>`.${o}`).join("");if(s)return s}let n=e.getAttribute("string-id")?.trim()||e.getAttribute("data-string-id")?.trim();return n||t.id||"<unnamed>"}getViewportAnchorOffset(t,e){return t==="end"?e.viewportPrimarySize:0}getOverlayAnchorAdjustment(t,e,r){return{docX:0,docY:0}}resolveRulerPanelOffset(t,e){if(typeof document>"u")return{x:0,y:0};if(document.body.hasAttribute(Zo))return{x:0,y:0};let r=this.getViewportScrollLeft(),i=this.getViewportScrollTop(),n=document.querySelector(Qo)&&t-r<Yo?Xo:0,s=document.querySelector(Jo)&&e-i<qo?Ko:0;return{x:n,y:s}}computeBaseMetrics(t){let e=t.object,r=e.htmlElement;if(!this.enabled||!r||!r.isConnected)return this.getHiddenMetrics();let i=this.resolveOverlayObjectGeometry(e,r),{contentX:n,contentY:s,width:o,height:a}=i;if(o<=0||a<=0)return this.getHiddenMetrics();let l=this.data.viewport.windowHeight||window.innerHeight,c=this.data.viewport.windowWidth||window.innerWidth,u=this.getViewportScrollLeft(),p=this.getViewportScrollTop(),g=n-u,m=s-p,h=m+a<0||m>l||g+o<0||g>c;if(h)return this.getHiddenMetrics();let f=n,b=s,y=0;if(this.overlayId){let A=new Map,I=w=>{if(!this.overlayId)return null;if(!this.entries.get(w.id)||this.measurements.get(w.id)?.visible===!1)return A.set(w.id,null),null;let O=A.get(w.id);if(O!==void 0)return O;let T=w.htmlElement;if(!T)return A.set(w.id,null),null;let P=this.resolveOverlayObjectGeometry(w,T),R=P.contentX,B=P.contentY,W=P.width,N=P.height,z=tt.resolveAnchor(this.overlayId,R,B),nt=this.getOverlayAnchorAdjustment(w,z,{contentX:R,contentY:B,width:W,height:N}),yt=this.resolveRulerPanelOffset(R,B),st=z.docX+nt.docX+yt.x,dt=z.docY+nt.docY+yt.y,xt=tt.resolveCollisionOffset(T,st,dt,j=>{let ct=this.objectManager.all.get(j);if(!ct)return null;let me=I(ct)?.effective;return me||{docX:st,docY:this.resolveOverlayObjectGeometry(ct).contentY}}),D={base:{docX:st,docY:dt},effective:{docX:st,docY:dt+xt}};return A.set(w.id,D),D},H=I(e);H&&(f=H.base.docX,b=H.base.docY,y=H.effective.docY-H.base.docY)}let v=this.data.scroll.direction==="horizontal"?"x":"y";return{visible:!0,contentX:n,contentY:s,width:o,height:a,isOffscreen:h,baseAnchorX:f,baseAnchorY:b,collisionOffset:y,axis:v,primarySize:v==="y"?a:o,crossSize:v==="y"?o:a,primaryContentOffset:v==="y"?s:n,viewportPrimarySize:v==="y"?l:c}}getHiddenMetrics(){return{visible:!1,contentX:0,contentY:0,width:0,height:0,isOffscreen:!0,baseAnchorX:0,baseAnchorY:0,collisionOffset:0,axis:this.data.scroll.direction==="horizontal"?"x":"y",primarySize:0,crossSize:0,primaryContentOffset:0,viewportPrimarySize:0}}getObjectDocY(t){let e=t.getProperty("start"),r=t.getProperty("size");return e!=null&&r!=null&&r>0?e:t.getProperty("layout-doc-top")??0}resolveOverlayObjectGeometry(t,e=t.htmlElement){let r=e.getBoundingClientRect(),i=this.resolveLiveElementMetrics(e,r),n=i.width||(t.getProperty("layout-width")??(t.getProperty("half-width")??0)*2)||e.offsetWidth||e.clientWidth||0,s=t.getProperty("size"),o=i.height||(t.getProperty("layout-height")??(t.getProperty("half-height")??0)*2)||e.offsetHeight||e.clientHeight||0;return{contentX:i.docLeft??t.getProperty("layout-doc-left")??0,contentY:i.docTop??this.getObjectDocY(t),width:n,height:s!=null&&s>0?s:o}}getViewportScrollLeft(){return this.data.scroll.elementContainer?.scrollLeft??0}getViewportScrollTop(){return this.data.scroll.elementContainer?.scrollTop??0}resolveLiveElementMetrics(t,e){let r=e.width||t.offsetWidth||t.clientWidth||0,i=e.height||t.offsetHeight||t.clientHeight||0,n=this.getWorldHost(),s=this.data.scroll.elementContainer;if(!(r>0)||!(i>0))return{width:r,height:i};if(n===document.body||n===document.documentElement)return{docLeft:e.left+(s?.scrollLeft??window.scrollX??0),docTop:e.top+(s?.scrollTop??window.scrollY??0),width:r,height:i};let o=n.getBoundingClientRect();return{docLeft:e.left-o.left+n.scrollLeft,docTop:e.top-o.top+n.scrollTop,width:r,height:i}}destroy(){this.overlayId&&tt.unregister(this.overlayId),window.removeEventListener(vr,this.onOverlayLayoutChangeBind);for(let t of this.entries.values())this.destroyOverlayEntry(t);this.entries.clear(),this.measurements.clear(),super.destroy()}};var ea=31,Tr=class extends Bt{get badgeAttribute(){return this.constructor.devtool?.overlay?.badgeAttribute??""}createOverlayEntry(t){let e=this.resolveOverlayTargetId(t),r=this.resolveBadgeDepth(t),i=[],n={object:t,targetId:e,badge:document.createElement("button"),depth:r,extra:void 0,cleanup:i,badges:new Map,groups:new Map},s=this.getBadgeDescriptors(t,e,r),o=this.badgeLayer.getWorldElement(this.getWorldHost());for(let c of s){let u=this.createOverlayBadge({targetId:e,selectorAttribute:c.selectorAttribute,depth:c.depth??r,attributes:{"data-badge-id":c.id,...c.attributes}}),p={id:c.id,descriptor:c,element:u};u.setAttribute("data-visible","false");let g=m=>{m.stopPropagation(),m.preventDefault(),this.onBadgeClick(n,m,p)};if(u.addEventListener("click",g),i.push(()=>u.removeEventListener("click",g)),n.badges.set(c.id,p),c.group){let m=n.groups.get(c.group);m||(m=kt(e),n.groups.set(c.group,m),o.appendChild(m)),m.appendChild(u)}else o.appendChild(u)}let a=n.badges.values().next().value;if(!a)throw new Error(`${this.constructor.name} must define at least one badge descriptor.`);n.badge=a.element,n.extra=this.createBadgeExtra(t,n.badge,e,r);let l=this.bindBadge(n);return l&&i.push(...l),this.applyBadgeEnabledState(n),this.renderBadge(n),n}destroyOverlayEntry(t){for(let e of t.cleanup)e();this.destroyBadgeExtra(t);for(let e of t.groups.values())e.remove();for(let e of t.badges.values())e.descriptor.group||e.element.remove()}measureEntry(t,e){let r={};if(!e.visible){for(let s of t.badges.values())r[s.id]={visible:!1,docX:0,docY:0};return{visible:!1,badges:r}}let i=new Map,n=new Set;for(let s of t.badges.values()){let o=s.descriptor.slot??"top-left";i.has(o)||i.set(o,[]);let a=i.get(o);if(s.descriptor.group){let l=s.descriptor.group;n.has(l)||(n.add(l),a.push({kind:"group",groupId:l,badges:[]})),a.find(u=>u.kind==="group"&&u.groupId===l)?.badges.push(s)}else a.push({kind:"badge",badge:s})}for(let[s,o]of i)for(let a=0;a<o.length;a+=1){let l=o[a],c=l.kind==="badge"?l.badge:l.badges[0],u=this.resolveBadgeSlotConfig(c.descriptor),p=ea+(u.gap??0),g=u.offsetX??0,m=u.offsetY??0,h=this.resolveBadgePosition(e,s,a,p,g,m);if(l.kind==="badge")r[l.badge.id]=h;else for(let f of l.badges)r[f.id]=h}return{visible:!0,badges:r}}applyMeasurement(t,e){let r=new Set;for(let i of t.badges.values()){let n=i.descriptor.group;if(!n||r.has(n))continue;r.add(n);let s=t.groups.get(n);s&&this.applyOverlayBadgePosition(s,e?.badges[i.id])}for(let i of t.badges.values())if(i.descriptor.group){let n=e?.badges[i.id];i.element.setAttribute("data-visible",n?.visible?"true":"false")}else this.applyOverlayBadgePosition(i.element,e?.badges[i.id]);this.afterBadgeMeasurement(t,e)}onEnabledChange(t){for(let e of this.entries.values())this.applyBadgeEnabledState(e),this.renderBadge(e)}createBadgeExtra(t,e,r,i){}destroyBadgeExtra(t){}bindBadge(t){}resolveBadgeDepth(t){return this.resolveOverlayObjectDepth(t.htmlElement)}getBadgeSlotConfig(){return{}}getBadgeDescriptors(t,e,r){return[{id:"primary",slot:"top-left",selectorAttribute:this.badgeAttribute,attributes:this.getInitialBadgeAttributes(t,e,r)}]}getInitialBadgeAttributes(t,e,r){}applyBadgeEnabledState(t){for(let e of t.badges.values())this.applyOverlayBadgeState(e.element,{disabled:!this.enabled,attributes:{"data-module-enabled":this.enabled}});for(let e of t.groups.values())e.setAttribute("data-module-enabled",this.enabled?"true":"false")}renderBadge(t){for(let e of t.badges.values())this.applyOverlayBadgeState(e.element,this.getBadgeState(t,e))}afterBadgeMeasurement(t,e){}resolveBadgeSlotConfig(t){let e=t.slot??"top-left",r=this.getBadgeSlotConfig()[e]??{};return{gap:t.gap??r.gap??0,offsetX:t.offsetX??r.offsetX??0,offsetY:t.offsetY??r.offsetY??0}}resolveBadgePosition(t,e,r,i,n,s){let o=t.baseAnchorX-t.contentX,a=t.baseAnchorY-t.contentY+t.collisionOffset,l=t.contentX+o,c=t.contentX+t.width+o,u=t.contentY+a,p=t.contentY+t.height+a;switch(e){case"top-right":return{visible:!0,docX:c-r*i+n,docY:u+s,translate:"translate(-100%, 0%)"};case"bottom-right":return{visible:!0,docX:c-r*i+n,docY:p+s,translate:"translate(-100%, -100%)"};case"bottom-left":return{visible:!0,docX:l+r*i+n,docY:p+s,translate:"translate(0%, -100%)"};case"top-left":default:return{visible:!0,docX:l+r*i+n,docY:u+s,translate:"translate(0%, 0%)"}}}};var On=`
   [data-string-inview-layer] {
   
   }
@@ -1956,7 +1956,7 @@ ${As(i,"  ")}
   [data-string-offset-edge-marker="exit"][data-compact="true"][data-flip-y="true"] {
     clip-path: polygon(7px 0, 100% 0, 100% 100%, 0 100%);
   }
-`;var bt=1,Dn=4,In=4,ta=64,ea=16,Pr=14;function he(d,t){return`translate3d(${Math.round(d)}px, ${Math.round(t)}px, 0)`}function Pi(d){return Math.min(100,Math.max(0,d))}function Rn(d,t,e){return Math.min(e,Math.max(t,d))}var ra={outlineDocX:0,outlineDocY:0,outlineWidth:0,outlineHeight:0,enterConnectorDocX:0,enterConnectorDocY:0,enterConnectorWidth:0,enterConnectorHeight:0,exitConnectorDocX:0,exitConnectorDocY:0,exitConnectorWidth:0,exitConnectorHeight:0,enterMarkerDocX:0,enterMarkerDocY:0,enterMarkerFlippedY:!1,exitMarkerDocX:0,exitMarkerDocY:0,exitMarkerFlippedY:!1},Ai=class extends Tr{static devtool={id:"inview",label:"Inview",icon:"intersection",order:25,group:2,hotkey:{key:"I",shiftKey:!0},styles:On,overlay:{layerName:"devtools-inview",zIndex:10011,layerAttribute:"data-string-inview-layer",overlayId:"inview",defaultEnabled:!0},connects:{global:!0}};get overlayBadgeCount(){return 2}getDevtoolSubBadges(){return[{id:"hide-all-offsets",icon:"nooffset",label:"Hide all inview offsets",selectorAttribute:"data-string-inview-hide-all-offsets",onClick:()=>this.disableAllOffsets()}]}entryEnabled=new Map;markerSizeCache=new WeakMap;disabledStore=new wt({moduleId:"inview",name:"disabled-targets",default:[],validate:t=>Array.isArray(t)?t.filter(e=>typeof e=="string"):null,legacyKeys:["string-devtools:inview"]});markerStore=new wt({moduleId:"inview",name:"marker-offsets",default:{},validate:t=>{if(!t||typeof t!="object")return null;let e={};for(let[r,i]of Object.entries(t)){if(!i||typeof i!="object")continue;let n={},s=i;s.enter&&typeof s.enter.xPercent=="number"&&(n.enter={xPercent:s.enter.xPercent}),s.exit&&typeof s.exit.xPercent=="number"&&(n.exit={xPercent:s.exit.xPercent}),(n.enter||n.exit)&&(e[r]=n)}return e},legacyKeys:["string-devtools:inview-marker-offsets"]});disabledTargetIds=new Set(this.disabledStore.read());markerOffsets=new Map(Object.entries(this.markerStore.read()));stableCoarseViewportWidth=0;stableCoarseViewportHeight=0;getBadgeDescriptors(t,e,r){return[{id:"inview-toggle",slot:"top-left",group:"main",selectorAttribute:"data-string-inview-toggle"},{id:"offsets",slot:"top-left",group:"main",selectorAttribute:"data-string-offsets-badge",attributes:{"data-string-inview-tool":"offsets"}}]}createBadgeExtra(t,e,r,i){let n=!this.disabledTargetIds.has(r);this.entryEnabled.set(t.id,n);let s=document.createElement("div");s.setAttribute("data-string-offset-outline",""),s.setAttribute("data-target-id",r),s.setAttribute("data-visible","false");let o=document.createElement("div");o.setAttribute("data-string-offset-connector","enter"),o.setAttribute("data-stdg",""),o.setAttribute("data-target-id",r),o.setAttribute("data-visible","false");let a=document.createElement("div");a.setAttribute("data-string-offset-connector","exit"),a.setAttribute("data-stdg",""),a.setAttribute("data-target-id",r),a.setAttribute("data-visible","false");let l=document.createElement("div");l.setAttribute("data-string-offset-edge-marker","enter"),l.setAttribute("data-stdg",""),l.setAttribute("data-target-id",r),l.setAttribute("data-visible","false");let c=document.createElement("span");c.setAttribute("data-string-offset-edge-marker-label",""),l.append(c);let u=document.createElement("div");u.setAttribute("data-string-offset-edge-marker","exit"),u.setAttribute("data-stdg",""),u.setAttribute("data-target-id",r),u.setAttribute("data-visible","false");let p=document.createElement("span");p.setAttribute("data-string-offset-edge-marker-label",""),u.append(p);let g=this.viewportLayer.getWorldElement(this.getWorldHost());g.appendChild(s),g.appendChild(o),g.appendChild(a),g.appendChild(l),g.appendChild(u);let m={outline:s,enterConnector:o,exitConnector:a,enterMarker:l,exitMarker:u,enterMarkerLabel:c,exitMarkerLabel:p};return this.syncCompactModeForExtra(m),m}destroyBadgeExtra(t){t.extra.outline.remove(),t.extra.enterConnector.remove(),t.extra.exitConnector.remove(),t.extra.enterMarker.remove(),t.extra.exitMarker.remove(),this.entryEnabled.delete(t.object.id)}bindBadge(t){let e=()=>{this.renderBadge(t),this.scheduleSingleSync(t)},r=this.bindMarkerDrag(t,"enter",[t.extra.enterMarker,t.extra.enterConnector]),i=this.bindMarkerDrag(t,"exit",[t.extra.exitMarker,t.extra.exitConnector]);return this.events.on(t.object.getScopedEventName("object:inview"),e),[r,i,()=>this.events.off(t.object.getScopedEventName("object:inview"),e)]}measureEntry(t,e){let r=super.measureEntry(t,e).badges,i=t.object,n=this.isEntryEnabled(i.id),s=e.visible?null:this.resolveLiveStickyGeometry(i.htmlElement),o=e.visible||s!=null,a=s?s.contentX:e.visible?e.contentX:i.getProperty("layout-doc-left")??0,l=s?s.contentY:e.visible?e.contentY:this.getObjectDocY(i),c=s?s.width:e.visible?e.width:i.getProperty("layout-width")??(i.getProperty("half-width")??0)*2,u=s?s.height:e.visible?e.height:i.getProperty("layout-height")??(i.getProperty("half-height")??0)*2;if(c<=0||u<=0)return this.hiddenMeasurement(i,r);let p=this.getViewportScrollTop(),g=this.getStableViewportHeight(),m=i.getProperty("enter-vp")??"bottom",h=i.getProperty("exit-vp")??"top",f=i.getProperty("enter-el")??"top",b=i.getProperty("exit-el")??"bottom",y=i.getProperty("inview-start-position"),v=i.getProperty("inview-end-position"),S=f==="bottom"?l+u:l,E=b==="top"?l:l+u,M=Cr(m)==="end"?g:0,C=Cr(h)==="end"?g:0,A=y!=null?y+M:S,I=v!=null?v+C:E,H=this.measureMarkerSize(t.extra.enterMarker),w=this.measureMarkerSize(t.extra.exitMarker),_=H.width,k=H.height,O=w.width,T=w.height,P=this.getMarkerOffset(t.targetId,"enter"),R=this.getMarkerOffset(t.targetId,"exit"),B=this.clampMarkerPercentInViewport(a,c,P?.xPercent??100,"enter",_),W=this.clampMarkerPercentInViewport(a,c,R?.xPercent??0,"exit",O),N=a+c*(B/100),z=a+c*(W/100),nt=N+bt,yt=Math.min(S,A),st=Pr,dt=Math.abs(A-S),xt=z,D=Math.min(E,I),j=Pr,ct=Math.abs(I-E),me=N+bt,Wn=z,fe=this.data.viewport.contentHeight||this.data.viewport.windowHeight||window.innerHeight,Oi=A-k<0,Di=I<0,Ii=A>fe,Ri=I+T>fe,Nn=Oi||Ii,zn=Di||Ri,Gn=Ii?fe:A+(Oi?k:0),$n=Ri?fe-T:I+(Di?T:0),Un=A-p>=-k&&A-p<=g,jn=I-p>=-T&&I-p<=g,Hi=this.enabled&&n&&(Un||jn);return!o&&!Hi?this.hiddenMeasurement(i,r):{visible:o,badges:r,overlayVisible:this.enabled&&n,badgeVisible:this.enabled,markersVisible:Hi,inview:i.getProperty("is-inview")===!0,outlineDocX:a,outlineDocY:l,outlineWidth:c,outlineHeight:u,enterConnectorDocX:nt,enterConnectorDocY:yt,enterConnectorWidth:st,enterConnectorHeight:dt,exitConnectorDocX:xt,exitConnectorDocY:D,exitConnectorWidth:j,exitConnectorHeight:ct,enterMarkerDocX:me,enterMarkerDocY:Gn,enterMarkerFlippedY:Nn,exitMarkerDocX:Wn,exitMarkerDocY:$n,exitMarkerFlippedY:zn}}afterBadgeMeasurement(t,e){this.syncCompactMode(t);let r=t.object,i=r.getProperty("enter-vp")??"bottom",n=r.getProperty("exit-vp")??"top";this.syncMarkerContent(t,"enter",this.getViewportMarkerLabel(i)),this.syncMarkerContent(t,"exit",this.getViewportMarkerLabel(n));let{outline:s,enterConnector:o,exitConnector:a,enterMarker:l,exitMarker:c}=t.extra,u=!!e?.visible&&!!e.overlayVisible,p=!!e?.markersVisible&&!!e.overlayVisible;s.setAttribute("data-visible",u?"true":"false");let g=e;if(g&&u&&(s.setAttribute("data-inview",g.inview?"true":"false"),L.setProps(s,{transform:he(g.outlineDocX,g.outlineDocY),width:`${Math.max(0,g.outlineWidth)}px`,height:`${Math.max(0,g.outlineHeight)}px`})),!p){for(let h of[o,a,l,c])h.setAttribute("data-visible","false");return}if(!g)return;let m=g.inview?"true":"false";for(let h of[o,a,l,c])h.setAttribute("data-visible","true"),h.setAttribute("data-inview",m);l.setAttribute("data-flip-y",g.enterMarkerFlippedY?"true":"false"),c.setAttribute("data-flip-y",g.exitMarkerFlippedY?"true":"false"),L.setProps(o,{transform:he(g.enterConnectorDocX-g.enterConnectorWidth/2,g.enterConnectorDocY),width:`${Math.max(0,g.enterConnectorWidth)}px`,height:`${Math.max(0,g.enterConnectorHeight)}px`}),L.setProps(a,{transform:he(g.exitConnectorDocX-g.exitConnectorWidth/2,g.exitConnectorDocY),width:`${Math.max(0,g.exitConnectorWidth)}px`,height:`${Math.max(0,g.exitConnectorHeight)}px`}),L.setProps(l,{transform:`${he(g.enterMarkerDocX,g.enterMarkerDocY)} translate(-100%, -100%)`}),L.setProps(c,{transform:he(g.exitMarkerDocX,g.exitMarkerDocY)})}onBadgeClick(t,e,r){if(r.id==="inview-toggle"){this.toggleInview(t.object),this.renderBadge(t),this.scheduleSingleSync(t);return}r.id==="offsets"&&(this.setEntryEnabled(t.object.id,!this.isEntryEnabled(t.object.id)),this.renderBadge(t),this.scheduleFullSync())}getBadgeState(t,e){if(e?.id==="offsets"){let i=this.isEntryEnabled(t.object.id);return{active:i,title:i?"Hide offsets for this element":"Show offsets for this element",html:V(16,"offset")}}let r=this.getInviewBadgeState(t.object);return{active:r.active,title:r.title,html:r.html,attributes:{"data-inview":r.inview,"data-blocked":r.blocked}}}hiddenMeasurement(t,e){let r={};for(let[i,n]of Object.entries(e))r[i]={...n,visible:!1};return{visible:!1,badges:r,overlayVisible:this.enabled&&this.isEntryEnabled(t.id),badgeVisible:this.enabled,markersVisible:!1,inview:t.getProperty("is-inview")===!0,...ra}}getInviewBadgeState(t){let e=t.getProperty("is-inview")===!0,r=t.isInviewAutoBlocked();return{active:this.isInviewBadgeActive(t),blocked:r,inview:e,title:r?"Enable automatic -inview":"Disable automatic -inview",html:V(16,"eye")}}toggleInview(t){if(this.isInviewBadgeActive(t)){t.setInviewManualActive(!1),t.setInviewAutoBlocked(!0),t.htmlElement.classList.remove("-inview");return}t.setInviewAutoBlocked(!1),t.setInviewManualActive(!0),t.syncInviewClass()}isInviewBadgeActive(t){return t.isInviewAutoBlocked()?!1:t.isInviewManualActive()||t.getProperty("is-inview")===!0?!0:t.getProperty("repeat")===!0?!1:t.htmlElement.classList.contains("-inview")}isEntryEnabled(t){return this.entryEnabled.get(t)!==!1}setEntryEnabled(t,e){this.entryEnabled.set(t,e);let r=this.entries.get(t);if(r){let i=r.targetId;e?this.disabledTargetIds.delete(i):this.disabledTargetIds.add(i),this.disabledStore.write([...this.disabledTargetIds])}this.enabled&&(r?this.scheduleSingleSync(r):this.scheduleSync())}disableAllOffsets(){let t=!1;for(let e of this.entries.values())this.entryEnabled.get(e.object.id)!==!1&&(this.entryEnabled.set(e.object.id,!1),this.disabledTargetIds.add(e.targetId),this.renderBadge(e),t=!0);t&&(this.disabledStore.write([...this.disabledTargetIds]),this.enabled&&this.scheduleSync())}bindMarkerDrag(t,e,r){let i=n=>{n.preventDefault(),n.stopPropagation();let s=t.object.htmlElement;if(!s?.isConnected)return;let o=s.getBoundingClientRect();if(o.width<=0)return;let a=e==="enter"?t.extra.enterMarker.getBoundingClientRect().width:t.extra.exitMarker.getBoundingClientRect().width,l=this.getMarkerOffset(t.targetId,e),c=this.clampMarkerPercentInViewport(o.left+this.getViewportScrollLeft(),o.width,l?.xPercent??(e==="enter"?100:0),e,a),u=o.left+o.width*(c/100),p=n.clientX-u,g=this.badgeLayer.getWorldElement(this.getWorldHost()),m=Array.from(g.querySelectorAll(`[data-stdg-badge][data-target-id="${t.targetId}"]`));for(let h of m)h.setAttribute("data-dragging","");g.setAttribute("data-dragging-active",""),pe(n,{onMove:h=>{let f=s.getBoundingClientRect();if(f.width<=0)return;let b=h.clientX-p,y=this.clampMarkerPercentInClientViewport(f,b,e,a);this.setMarkerOffset(t.targetId,e,{xPercent:y}),this.scheduleSingleSync(t)},onEnd:()=>{for(let h of m)h.removeAttribute("data-dragging");g.removeAttribute("data-dragging-active")}})};for(let n of r)n.addEventListener("pointerdown",i);return()=>{for(let n of r)n.removeEventListener("pointerdown",i)}}getMarkerOffset(t,e){return this.markerOffsets.get(t)?.[e]??null}setMarkerOffset(t,e,r){let i=this.markerOffsets.get(t)??{};i[e]=r,this.markerOffsets.set(t,i),this.markerStore.write(Object.fromEntries(this.markerOffsets.entries()))}syncMarkerContent(t,e,r){let i=e==="enter"?t.extra.enterMarker:t.extra.exitMarker,n=e==="enter"?t.extra.enterMarkerLabel:t.extra.exitMarkerLabel,s=this.getOverlayTargetLabel(t.object);n.textContent!==s&&(n.textContent=s),this.setAttributeIfChanged(i,"data-viewport-anchor",r);let o=`${s} -> viewport ${r}`;i.title!==o&&(i.title=o)}getViewportMarkerLabel(t){return Cr(t)==="end"?"bottom":"top"}measureMarkerSize(t){let e=t.getBoundingClientRect();if(e.width>0&&e.height>0){let r={width:e.width,height:e.height};return this.markerSizeCache.set(t,r),r}return this.markerSizeCache.get(t)??{width:ta,height:ea}}resolveLiveStickyGeometry(t){if(!t?.isConnected||window.getComputedStyle(t).position!=="sticky")return null;let e=t.getBoundingClientRect(),r=this.resolveLiveElementMetrics(t,e),i=r.width,n=r.height;if(i<=0||n<=0)return null;let s=this.data.viewport.windowWidth||window.innerWidth,o=this.data.viewport.windowHeight||window.innerHeight;return!(e.bottom>=0&&e.top<=o&&e.right>=0&&e.left<=s)||r.docLeft==null||r.docTop==null?null:{contentX:r.docLeft,contentY:r.docTop,width:i,height:n}}clampMarkerPercentInViewport(t,e,r,i,n){if(e<=0)return i==="enter"?100:0;let s=t+e*(Pi(r)/100),o=this.getViewportScrollLeft(),a=this.data.viewport.windowWidth||window.innerWidth,l=Dn+In,c=o+l,u=o+a-l,p=Pr/2,g=i==="enter"?Math.max(c+n-bt,c+p-bt):c+p,m=i==="enter"?u-p-bt:Math.min(u-n,u-p),h=Math.max(t,g),f=Math.min(t+e,m),b=Rn(s,h,Math.max(h,f));return Pi((b-t)/e*100)}clampMarkerPercentInClientViewport(t,e,r,i){if(t.width<=0)return r==="enter"?100:0;let n=this.data.viewport.windowWidth||window.innerWidth,s=Dn+In,o=Pr/2,a=r==="enter"?Math.max(s+i-bt,s+o-bt):s+o,l=r==="enter"?n-s-o-bt:Math.min(n-s-i,n-s-o),c=Math.max(t.left,a),u=Math.min(t.right,l),p=Rn(e,c,Math.max(c,u));return Pi((p-t.left)/t.width*100)}syncCompactMode(t){this.syncCompactModeForExtra(t.extra)}syncCompactModeForExtra(t){let e=this.data.viewport.windowWidth||window.innerWidth,r=ot(e),i=r.compact?"true":"false",n=r.coarsePointer?"coarse":"fine";for(let s of[t.outline,t.enterConnector,t.exitConnector,t.enterMarker,t.exitMarker])this.setAttributeIfChanged(s,"data-compact",i),this.setAttributeIfChanged(s,"data-pointer",n)}setAttributeIfChanged(t,e,r){t.getAttribute(e)!==r&&t.setAttribute(e,r)}getStableViewportHeight(){let t=this.data.viewport.windowWidth||window.innerWidth,e=this.data.viewport.windowHeight||window.innerHeight;return ot(t).coarsePointer?Math.abs(this.stableCoarseViewportWidth-t)>1?(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=e,e):(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=Math.max(this.stableCoarseViewportHeight,e),this.stableCoarseViewportHeight):(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=e,e)}};function Hn(d,t,e={}){let r=i=>{let n=i.target;if(n instanceof Node&&!d.contains(n)){for(let s of e.ignore??[])if(s&&s.contains(n))return;t(i)}};return document.addEventListener("pointerdown",r),()=>document.removeEventListener("pointerdown",r)}var Bn="";function lt(d){if(!Number.isFinite(d)||d<=0)return 0;if(d>=1)return 1;let t=1e-4;return d>1-t?1:d<t?0:d}function _n(d){let t=lt(d)*100;return`${Math.round(t*10)/10}%`}var ki=class extends Bt{static devtool={id:"progress",label:"Progress",icon:"progress",order:35,group:2,hotkey:{key:"P",shiftKey:!0},styles:Bn,overlay:{layerName:"devtools-progress",zIndex:10012,layerAttribute:"data-string-progress-layer",overlayId:"progress"},connects:{keys:["progress"]}};openTargetLabel=null;panelRoot=null;panelTitle=null;panelSlider=null;panelValue=null;panelEasedValue=null;panelPlayForwardButton=null;panelPlayBackwardButton=null;autoplayRaf=null;autoplayDirection=1;autoplayProgress=0;onPanelSliderInputBind=()=>{this.onPanelSliderInput()};unbindOutsideClick=null;constructor(t){super(t),this.attributesToMap=[...this.attributesToMap,{key:"easing",type:"easing",fallback:this.settings.easing}]}onInit(){super.onInit(),this.ensurePanel()}destroy(){this.unbindOutsideClick?.(),this.unbindOutsideClick=null,this.panelSlider?.removeEventListener("input",this.onPanelSliderInputBind),this.stopAutoplay(),this.panelRoot?.remove(),this.panelRoot=null,this.panelTitle=null,this.panelSlider=null,this.panelValue=null,this.panelEasedValue=null,this.panelPlayForwardButton=null,this.panelPlayBackwardButton=null,this.clearAllProgressOverrides(),this.openTargetLabel=null,super.destroy()}createOverlayEntry(t){let e=this.resolveOverlayTargetId(t),r=kt(e);r.setAttribute("data-string-devtools-overlay-hud","");let i=this.createOverlayBadge({targetId:e,selectorAttribute:"data-string-progress-badge",attributes:{"data-stdg-button-toggle":"","data-active":"false","aria-label":`Open progress controller for ${e}`}});this.applyOverlayBadgeState(i,{html:V(16,"play-r")});let n=s=>{if(s.stopPropagation(),s.preventDefault(),this.openTargetLabel===e){this.closePanel(e);return}this.openPanel(e)};return i.addEventListener("click",n),r.appendChild(i),this.badgeLayer.getWorldElement(this.getWorldHost()).appendChild(r),this.applyEntryEnabledState(r),{object:t,hud:r,badge:i,onBadgeClick:n}}destroyOverlayEntry(t){let e=this.resolveOverlayTargetId(t.object);this.openTargetLabel===e&&(this.clearEntryProgressOverride(t.object),this.closePanel(e)),t.badge.removeEventListener("click",t.onBadgeClick),t.hud.remove()}measureEntry(t,e){let r=t.object,i=this.resolveOverlayTargetId(r),n=this.data.scroll.transformedCurrent,s=r.getProperty("key")||"--progress",{startPosition:o,differencePosition:a}=this.getEntryRange(r),l=r.getProperty("end-position")??o+a,c=this.resolveEntryRawProgress(r,n),u=this.resolveEasedProgress(r,c);return{visible:e.visible,docX:e.visible?e.baseAnchorX:0,docY:e.visible?e.baseAnchorY+e.collisionOffset:0,targetId:i,progress:u,rawProgress:c,startPosition:o,endPosition:l,currentScroll:n,key:s}}applyMeasurement(t,e){let r=this.resolveOverlayTargetId(t.object);if(!e||!e.visible){t.hud.setAttribute("data-visible","false"),this.openTargetLabel===r&&this.renderPanel();return}t.hud.setAttribute("data-visible","true"),L.setProps(t.hud,{transform:`translate3d(${Math.round(e.docX)}px, ${Math.round(e.docY)}px, 0)`}),t.badge.title=`${this.getOverlayTargetLabel(t.object)}: ${_n(e.progress)}`,this.applyOverlayBadgeState(t.badge,{label:e.progress.toFixed(2)}),this.openTargetLabel===e.targetId&&this.renderPanel()}onEnabledChange(t){for(let e of this.entries.values())this.applyEntryEnabledState(e.hud);t||(this.closeAllPanels(),this.clearAllProgressOverrides()),this.panelRoot&&(this.panelRoot.style.display=t?"":"none")}applyEntryEnabledState(t){t.style.display=this.enabled?"":"none"}openPanel(t){this.ensurePanel(),this.closeAllPanels(),this.openTargetLabel=t;let e=this.findEntryByTargetLabel(t);e&&e.badge.setAttribute("data-active","true"),this.panelRoot&&(this.unbindOutsideClick=Hn(this.panelRoot,()=>this.closeAllPanels(),{ignore:this.collectEntryHuds()})),this.renderPanel()}closePanel(t){this.stopAutoplay();let e=this.findEntryByTargetLabel(t);e&&(e.badge.setAttribute("data-active","false"),this.clearEntryProgressOverride(e.object)),this.openTargetLabel===t&&(this.openTargetLabel=null),this.renderPanel()}closeAllPanels(){this.stopAutoplay();for(let t of this.entries.values())t.badge.setAttribute("data-active","false"),this.clearEntryProgressOverride(t.object);this.openTargetLabel=null,this.unbindOutsideClick?.(),this.unbindOutsideClick=null,this.renderPanel()}collectEntryHuds(){let t=[];for(let e of this.entries.values())t.push(e.hud);return t}startAutoplay(t){this.stopAutoplay(),this.autoplayDirection=t,this.autoplayProgress=t===1?0:1;let e=1200,r=null,i=n=>{if(r===null){r=n,this.autoplayRaf=requestAnimationFrame(i);return}let s=(n-r)/e;r=n,this.autoplayProgress+=s*this.autoplayDirection;let o=this.openTargetLabel?this.findEntryByTargetLabel(this.openTargetLabel):null;if(this.autoplayProgress>=1){this.autoplayProgress=1,o&&this.setEntryProgressOverride(o.object,1),this.stopAutoplay();return}if(this.autoplayProgress<=0){this.autoplayProgress=0,o&&this.setEntryProgressOverride(o.object,0),this.stopAutoplay();return}o&&this.setEntryProgressOverride(o.object,this.autoplayProgress),this.autoplayRaf=requestAnimationFrame(i)};this.autoplayRaf=requestAnimationFrame(i),this.syncPlayButtonState()}stopAutoplay(){this.autoplayRaf!==null&&(cancelAnimationFrame(this.autoplayRaf),this.autoplayRaf=null),this.syncPlayButtonState()}syncPlayButtonState(){let t=this.autoplayRaf!==null,e=t&&this.autoplayDirection===1,r=t&&this.autoplayDirection===-1;this.panelPlayForwardButton?.setAttribute("data-active",String(e)),this.panelPlayBackwardButton?.setAttribute("data-active",String(r))}getEntryRange(t){let e=t.getProperty("start-position")??t.getProperty("progress-start-position")??0,r=t.getProperty("difference-position")??t.getProperty("progress-difference-position")??0;return{startPosition:e,differencePosition:r}}resolveEntryRawProgress(t,e){let r=t.getProperty(Lt);if(r!=null)return lt(r);let{startPosition:i,differencePosition:n}=this.getEntryRange(t);return lt(n===0?0:(e-i)/n)}resolveEasedProgress(t,e){let r=t.getProperty("easing");return typeof r=="function"?lt(r(e)):e}setEntryProgressOverride(t,e){t.setProperty(Lt,lt(e)),this.applyObjectProgress(t,e);let r=this.entries.get(t.id);r?this.scheduleSingleSync(r):this.scheduleSync()}clearEntryProgressOverride(t){if(t.getProperty(Lt)==null)return;t.setProperty(Lt,null);let e=this.resolveEntryRawProgress(t,this.data.scroll.transformedCurrent);this.applyObjectProgress(t,e);let r=this.entries.get(t.id);r?this.scheduleSingleSync(r):this.scheduleSync()}clearAllProgressOverrides(){for(let t of this.entries.values())this.clearEntryProgressOverride(t.object)}applyObjectProgress(t,e){let r=lt(e),i=t.getProperty("easing"),n=this.resolveEasedProgress(t,r),s=t.getProperty("key");t.setProperty("progress-raw",r),t.setProperty("progress-value",n),t.setProperty("progress-applied",n);let o=t.getProperty("event-progress-name")??t.getScopedEventName("object:progress");t.setProperty("event-progress-name",o),o&&this.events.emit(o,n),this.tools.styleTxn.run(()=>{s&&this.tools.styleTxn.setVar(t.htmlElement,s,n);for(let a of t.mirrorObjects){let l=a.applyProgress(r,typeof i=="function"?i:void 0);a.setProperty("progress",l),s&&this.tools.styleTxn.setVar(a.htmlElement,s,l)}})}ensurePanel(){if(this.panelRoot)return;let t=document.createElement("div");t.setAttribute("data-string-progress-panel",""),t.setAttribute("data-stdg",""),t.setAttribute("data-stdg-panel",""),t.setAttribute("data-stdg-progress",""),t.setAttribute("data-string-devtools-theme",""),t.setAttribute("data-open","false"),t.setAttribute("data-target-id",""),t.setAttribute("hidden",""),t.addEventListener("pointerdown",r=>r.stopPropagation()),t.innerHTML=`
+`;var bt=1,Dn=4,In=4,ra=64,ia=16,Pr=14;function he(d,t){return`translate3d(${Math.round(d)}px, ${Math.round(t)}px, 0)`}function Pi(d){return Math.min(100,Math.max(0,d))}function Rn(d,t,e){return Math.min(e,Math.max(t,d))}var na={outlineDocX:0,outlineDocY:0,outlineWidth:0,outlineHeight:0,enterConnectorDocX:0,enterConnectorDocY:0,enterConnectorWidth:0,enterConnectorHeight:0,exitConnectorDocX:0,exitConnectorDocY:0,exitConnectorWidth:0,exitConnectorHeight:0,enterMarkerDocX:0,enterMarkerDocY:0,enterMarkerFlippedY:!1,exitMarkerDocX:0,exitMarkerDocY:0,exitMarkerFlippedY:!1},Ai=class extends Tr{static devtool={id:"inview",label:"Inview",icon:"intersection",order:25,group:2,hotkey:{key:"I",shiftKey:!0},styles:On,overlay:{layerName:"devtools-inview",zIndex:10011,layerAttribute:"data-string-inview-layer",overlayId:"inview",defaultEnabled:!0},connects:{global:!0}};get overlayBadgeCount(){return 2}getDevtoolSubBadges(){return[{id:"hide-all-offsets",icon:"nooffset",label:"Hide all inview offsets",selectorAttribute:"data-string-inview-hide-all-offsets",onClick:()=>this.disableAllOffsets()}]}entryEnabled=new Map;markerSizeCache=new WeakMap;disabledStore=new wt({moduleId:"inview",name:"disabled-targets",default:[],validate:t=>Array.isArray(t)?t.filter(e=>typeof e=="string"):null,legacyKeys:["string-devtools:inview"]});markerStore=new wt({moduleId:"inview",name:"marker-offsets",default:{},validate:t=>{if(!t||typeof t!="object")return null;let e={};for(let[r,i]of Object.entries(t)){if(!i||typeof i!="object")continue;let n={},s=i;s.enter&&typeof s.enter.xPercent=="number"&&(n.enter={xPercent:s.enter.xPercent}),s.exit&&typeof s.exit.xPercent=="number"&&(n.exit={xPercent:s.exit.xPercent}),(n.enter||n.exit)&&(e[r]=n)}return e},legacyKeys:["string-devtools:inview-marker-offsets"]});disabledTargetIds=new Set(this.disabledStore.read());markerOffsets=new Map(Object.entries(this.markerStore.read()));stableCoarseViewportWidth=0;stableCoarseViewportHeight=0;getBadgeDescriptors(t,e,r){return[{id:"inview-toggle",slot:"top-left",group:"main",selectorAttribute:"data-string-inview-toggle"},{id:"offsets",slot:"top-left",group:"main",selectorAttribute:"data-string-offsets-badge",attributes:{"data-string-inview-tool":"offsets"}}]}createBadgeExtra(t,e,r,i){let n=!this.disabledTargetIds.has(r);this.entryEnabled.set(t.id,n);let s=document.createElement("div");s.setAttribute("data-string-offset-outline",""),s.setAttribute("data-target-id",r),s.setAttribute("data-visible","false");let o=document.createElement("div");o.setAttribute("data-string-offset-connector","enter"),o.setAttribute("data-stdg",""),o.setAttribute("data-target-id",r),o.setAttribute("data-visible","false");let a=document.createElement("div");a.setAttribute("data-string-offset-connector","exit"),a.setAttribute("data-stdg",""),a.setAttribute("data-target-id",r),a.setAttribute("data-visible","false");let l=document.createElement("div");l.setAttribute("data-string-offset-edge-marker","enter"),l.setAttribute("data-stdg",""),l.setAttribute("data-target-id",r),l.setAttribute("data-visible","false");let c=document.createElement("span");c.setAttribute("data-string-offset-edge-marker-label",""),l.append(c);let u=document.createElement("div");u.setAttribute("data-string-offset-edge-marker","exit"),u.setAttribute("data-stdg",""),u.setAttribute("data-target-id",r),u.setAttribute("data-visible","false");let p=document.createElement("span");p.setAttribute("data-string-offset-edge-marker-label",""),u.append(p);let g=this.viewportLayer.getWorldElement(this.getWorldHost());g.appendChild(s),g.appendChild(o),g.appendChild(a),g.appendChild(l),g.appendChild(u);let m={outline:s,enterConnector:o,exitConnector:a,enterMarker:l,exitMarker:u,enterMarkerLabel:c,exitMarkerLabel:p};return this.syncCompactModeForExtra(m),m}destroyBadgeExtra(t){t.extra.outline.remove(),t.extra.enterConnector.remove(),t.extra.exitConnector.remove(),t.extra.enterMarker.remove(),t.extra.exitMarker.remove(),this.entryEnabled.delete(t.object.id)}bindBadge(t){let e=()=>{this.renderBadge(t),this.scheduleSingleSync(t)},r=this.bindMarkerDrag(t,"enter",[t.extra.enterMarker,t.extra.enterConnector]),i=this.bindMarkerDrag(t,"exit",[t.extra.exitMarker,t.extra.exitConnector]);return this.events.on(t.object.getScopedEventName("object:inview"),e),[r,i,()=>this.events.off(t.object.getScopedEventName("object:inview"),e)]}measureEntry(t,e){let r=super.measureEntry(t,e).badges,i=t.object,n=this.isEntryEnabled(i.id),s=e.visible?null:this.resolveLiveStickyGeometry(i.htmlElement),o=e.visible||s!=null,a=s?s.contentX:e.visible?e.contentX:i.getProperty("layout-doc-left")??0,l=s?s.contentY:e.visible?e.contentY:this.getObjectDocY(i),c=s?s.width:e.visible?e.width:i.getProperty("layout-width")??(i.getProperty("half-width")??0)*2,u=s?s.height:e.visible?e.height:i.getProperty("layout-height")??(i.getProperty("half-height")??0)*2;if(c<=0||u<=0)return this.hiddenMeasurement(i,r);let p=this.getViewportScrollTop(),g=this.getStableViewportHeight(),m=i.getProperty("enter-vp")??"bottom",h=i.getProperty("exit-vp")??"top",f=i.getProperty("enter-el")??"top",b=i.getProperty("exit-el")??"bottom",y=i.getProperty("inview-start-position"),v=i.getProperty("inview-end-position"),S=f==="bottom"?l+u:l,E=b==="top"?l:l+u,M=Cr(m)==="end"?g:0,C=Cr(h)==="end"?g:0,A=y!=null?y+M:S,I=v!=null?v+C:E,H=this.measureMarkerSize(t.extra.enterMarker),w=this.measureMarkerSize(t.extra.exitMarker),_=H.width,k=H.height,O=w.width,T=w.height,P=this.getMarkerOffset(t.targetId,"enter"),R=this.getMarkerOffset(t.targetId,"exit"),B=this.clampMarkerPercentInViewport(a,c,P?.xPercent??100,"enter",_),W=this.clampMarkerPercentInViewport(a,c,R?.xPercent??0,"exit",O),N=a+c*(B/100),z=a+c*(W/100),nt=N+bt,yt=Math.min(S,A),st=Pr,dt=Math.abs(A-S),xt=z,D=Math.min(E,I),j=Pr,ct=Math.abs(I-E),me=N+bt,Wn=z,fe=this.data.viewport.contentHeight||this.data.viewport.windowHeight||window.innerHeight,Oi=A-k<0,Di=I<0,Ii=A>fe,Ri=I+T>fe,Nn=Oi||Ii,zn=Di||Ri,Gn=Ii?fe:A+(Oi?k:0),$n=Ri?fe-T:I+(Di?T:0),Un=A-p>=-k&&A-p<=g,jn=I-p>=-T&&I-p<=g,Hi=this.enabled&&n&&(Un||jn);return!o&&!Hi?this.hiddenMeasurement(i,r):{visible:o,badges:r,overlayVisible:this.enabled&&n,badgeVisible:this.enabled,markersVisible:Hi,inview:i.getProperty("is-inview")===!0,outlineDocX:a,outlineDocY:l,outlineWidth:c,outlineHeight:u,enterConnectorDocX:nt,enterConnectorDocY:yt,enterConnectorWidth:st,enterConnectorHeight:dt,exitConnectorDocX:xt,exitConnectorDocY:D,exitConnectorWidth:j,exitConnectorHeight:ct,enterMarkerDocX:me,enterMarkerDocY:Gn,enterMarkerFlippedY:Nn,exitMarkerDocX:Wn,exitMarkerDocY:$n,exitMarkerFlippedY:zn}}afterBadgeMeasurement(t,e){this.syncCompactMode(t);let r=t.object,i=r.getProperty("enter-vp")??"bottom",n=r.getProperty("exit-vp")??"top";this.syncMarkerContent(t,"enter",this.getViewportMarkerLabel(i)),this.syncMarkerContent(t,"exit",this.getViewportMarkerLabel(n));let{outline:s,enterConnector:o,exitConnector:a,enterMarker:l,exitMarker:c}=t.extra,u=!!e?.visible&&!!e.overlayVisible,p=!!e?.markersVisible&&!!e.overlayVisible;s.setAttribute("data-visible",u?"true":"false");let g=e;if(g&&u&&(s.setAttribute("data-inview",g.inview?"true":"false"),L.setProps(s,{transform:he(g.outlineDocX,g.outlineDocY),width:`${Math.max(0,g.outlineWidth)}px`,height:`${Math.max(0,g.outlineHeight)}px`})),!p){for(let h of[o,a,l,c])h.setAttribute("data-visible","false");return}if(!g)return;let m=g.inview?"true":"false";for(let h of[o,a,l,c])h.setAttribute("data-visible","true"),h.setAttribute("data-inview",m);l.setAttribute("data-flip-y",g.enterMarkerFlippedY?"true":"false"),c.setAttribute("data-flip-y",g.exitMarkerFlippedY?"true":"false"),L.setProps(o,{transform:he(g.enterConnectorDocX-g.enterConnectorWidth/2,g.enterConnectorDocY),width:`${Math.max(0,g.enterConnectorWidth)}px`,height:`${Math.max(0,g.enterConnectorHeight)}px`}),L.setProps(a,{transform:he(g.exitConnectorDocX-g.exitConnectorWidth/2,g.exitConnectorDocY),width:`${Math.max(0,g.exitConnectorWidth)}px`,height:`${Math.max(0,g.exitConnectorHeight)}px`}),L.setProps(l,{transform:`${he(g.enterMarkerDocX,g.enterMarkerDocY)} translate(-100%, -100%)`}),L.setProps(c,{transform:he(g.exitMarkerDocX,g.exitMarkerDocY)})}onBadgeClick(t,e,r){if(r.id==="inview-toggle"){this.toggleInview(t.object),this.renderBadge(t),this.scheduleSingleSync(t);return}r.id==="offsets"&&(this.setEntryEnabled(t.object.id,!this.isEntryEnabled(t.object.id)),this.renderBadge(t),this.scheduleFullSync())}getBadgeState(t,e){if(e?.id==="offsets"){let i=this.isEntryEnabled(t.object.id);return{active:i,title:i?"Hide offsets for this element":"Show offsets for this element",html:V(16,"offset")}}let r=this.getInviewBadgeState(t.object);return{active:r.active,title:r.title,html:r.html,attributes:{"data-inview":r.inview,"data-blocked":r.blocked}}}hiddenMeasurement(t,e){let r={};for(let[i,n]of Object.entries(e))r[i]={...n,visible:!1};return{visible:!1,badges:r,overlayVisible:this.enabled&&this.isEntryEnabled(t.id),badgeVisible:this.enabled,markersVisible:!1,inview:t.getProperty("is-inview")===!0,...na}}getInviewBadgeState(t){let e=t.getProperty("is-inview")===!0,r=t.isInviewAutoBlocked();return{active:this.isInviewBadgeActive(t),blocked:r,inview:e,title:r?"Enable automatic -inview":"Disable automatic -inview",html:V(16,"eye")}}toggleInview(t){if(this.isInviewBadgeActive(t)){t.setInviewManualActive(!1),t.setInviewAutoBlocked(!0),t.htmlElement.classList.remove("-inview");return}t.setInviewAutoBlocked(!1),t.setInviewManualActive(!0),t.syncInviewClass()}isInviewBadgeActive(t){return t.isInviewAutoBlocked()?!1:t.isInviewManualActive()||t.getProperty("is-inview")===!0?!0:t.getProperty("repeat")===!0?!1:t.htmlElement.classList.contains("-inview")}isEntryEnabled(t){return this.entryEnabled.get(t)!==!1}setEntryEnabled(t,e){this.entryEnabled.set(t,e);let r=this.entries.get(t);if(r){let i=r.targetId;e?this.disabledTargetIds.delete(i):this.disabledTargetIds.add(i),this.disabledStore.write([...this.disabledTargetIds])}this.enabled&&(r?this.scheduleSingleSync(r):this.scheduleSync())}disableAllOffsets(){let t=!1;for(let e of this.entries.values())this.entryEnabled.get(e.object.id)!==!1&&(this.entryEnabled.set(e.object.id,!1),this.disabledTargetIds.add(e.targetId),this.renderBadge(e),t=!0);t&&(this.disabledStore.write([...this.disabledTargetIds]),this.enabled&&this.scheduleSync())}bindMarkerDrag(t,e,r){let i=n=>{n.preventDefault(),n.stopPropagation();let s=t.object.htmlElement;if(!s?.isConnected)return;let o=s.getBoundingClientRect();if(o.width<=0)return;let a=e==="enter"?t.extra.enterMarker.getBoundingClientRect().width:t.extra.exitMarker.getBoundingClientRect().width,l=this.getMarkerOffset(t.targetId,e),c=this.clampMarkerPercentInViewport(o.left+this.getViewportScrollLeft(),o.width,l?.xPercent??(e==="enter"?100:0),e,a),u=o.left+o.width*(c/100),p=n.clientX-u,g=this.badgeLayer.getWorldElement(this.getWorldHost()),m=Array.from(g.querySelectorAll(`[data-stdg-badge][data-target-id="${t.targetId}"]`));for(let h of m)h.setAttribute("data-dragging","");g.setAttribute("data-dragging-active",""),pe(n,{onMove:h=>{let f=s.getBoundingClientRect();if(f.width<=0)return;let b=h.clientX-p,y=this.clampMarkerPercentInClientViewport(f,b,e,a);this.setMarkerOffset(t.targetId,e,{xPercent:y}),this.scheduleSingleSync(t)},onEnd:()=>{for(let h of m)h.removeAttribute("data-dragging");g.removeAttribute("data-dragging-active")}})};for(let n of r)n.addEventListener("pointerdown",i);return()=>{for(let n of r)n.removeEventListener("pointerdown",i)}}getMarkerOffset(t,e){return this.markerOffsets.get(t)?.[e]??null}setMarkerOffset(t,e,r){let i=this.markerOffsets.get(t)??{};i[e]=r,this.markerOffsets.set(t,i),this.markerStore.write(Object.fromEntries(this.markerOffsets.entries()))}syncMarkerContent(t,e,r){let i=e==="enter"?t.extra.enterMarker:t.extra.exitMarker,n=e==="enter"?t.extra.enterMarkerLabel:t.extra.exitMarkerLabel,s=this.getOverlayTargetLabel(t.object);n.textContent!==s&&(n.textContent=s),this.setAttributeIfChanged(i,"data-viewport-anchor",r);let o=`${s} -> viewport ${r}`;i.title!==o&&(i.title=o)}getViewportMarkerLabel(t){return Cr(t)==="end"?"bottom":"top"}measureMarkerSize(t){let e=t.getBoundingClientRect();if(e.width>0&&e.height>0){let r={width:e.width,height:e.height};return this.markerSizeCache.set(t,r),r}return this.markerSizeCache.get(t)??{width:ra,height:ia}}resolveLiveStickyGeometry(t){if(!t?.isConnected||window.getComputedStyle(t).position!=="sticky")return null;let e=t.getBoundingClientRect(),r=this.resolveLiveElementMetrics(t,e),i=r.width,n=r.height;if(i<=0||n<=0)return null;let s=this.data.viewport.windowWidth||window.innerWidth,o=this.data.viewport.windowHeight||window.innerHeight;return!(e.bottom>=0&&e.top<=o&&e.right>=0&&e.left<=s)||r.docLeft==null||r.docTop==null?null:{contentX:r.docLeft,contentY:r.docTop,width:i,height:n}}clampMarkerPercentInViewport(t,e,r,i,n){if(e<=0)return i==="enter"?100:0;let s=t+e*(Pi(r)/100),o=this.getViewportScrollLeft(),a=this.data.viewport.windowWidth||window.innerWidth,l=Dn+In,c=o+l,u=o+a-l,p=Pr/2,g=i==="enter"?Math.max(c+n-bt,c+p-bt):c+p,m=i==="enter"?u-p-bt:Math.min(u-n,u-p),h=Math.max(t,g),f=Math.min(t+e,m),b=Rn(s,h,Math.max(h,f));return Pi((b-t)/e*100)}clampMarkerPercentInClientViewport(t,e,r,i){if(t.width<=0)return r==="enter"?100:0;let n=this.data.viewport.windowWidth||window.innerWidth,s=Dn+In,o=Pr/2,a=r==="enter"?Math.max(s+i-bt,s+o-bt):s+o,l=r==="enter"?n-s-o-bt:Math.min(n-s-i,n-s-o),c=Math.max(t.left,a),u=Math.min(t.right,l),p=Rn(e,c,Math.max(c,u));return Pi((p-t.left)/t.width*100)}syncCompactMode(t){this.syncCompactModeForExtra(t.extra)}syncCompactModeForExtra(t){let e=this.data.viewport.windowWidth||window.innerWidth,r=ot(e),i=r.compact?"true":"false",n=r.coarsePointer?"coarse":"fine";for(let s of[t.outline,t.enterConnector,t.exitConnector,t.enterMarker,t.exitMarker])this.setAttributeIfChanged(s,"data-compact",i),this.setAttributeIfChanged(s,"data-pointer",n)}setAttributeIfChanged(t,e,r){t.getAttribute(e)!==r&&t.setAttribute(e,r)}getStableViewportHeight(){let t=this.data.viewport.windowWidth||window.innerWidth,e=this.data.viewport.windowHeight||window.innerHeight;return ot(t).coarsePointer?Math.abs(this.stableCoarseViewportWidth-t)>1?(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=e,e):(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=Math.max(this.stableCoarseViewportHeight,e),this.stableCoarseViewportHeight):(this.stableCoarseViewportWidth=t,this.stableCoarseViewportHeight=e,e)}};function Hn(d,t,e={}){let r=i=>{let n=i.target;if(n instanceof Node&&!d.contains(n)){for(let s of e.ignore??[])if(s&&s.contains(n))return;t(i)}};return document.addEventListener("pointerdown",r),()=>document.removeEventListener("pointerdown",r)}var Bn="";function lt(d){if(!Number.isFinite(d)||d<=0)return 0;if(d>=1)return 1;let t=1e-4;return d>1-t?1:d<t?0:d}function _n(d){let t=lt(d)*100;return`${Math.round(t*10)/10}%`}var ki=class extends Bt{static devtool={id:"progress",label:"Progress",icon:"progress",order:35,group:2,hotkey:{key:"P",shiftKey:!0},styles:Bn,overlay:{layerName:"devtools-progress",zIndex:10012,layerAttribute:"data-string-progress-layer",overlayId:"progress"},connects:{keys:["progress"]}};openTargetLabel=null;panelRoot=null;panelTitle=null;panelSlider=null;panelValue=null;panelEasedValue=null;panelPlayForwardButton=null;panelPlayBackwardButton=null;autoplayRaf=null;autoplayDirection=1;autoplayProgress=0;onPanelSliderInputBind=()=>{this.onPanelSliderInput()};unbindOutsideClick=null;constructor(t){super(t),this.attributesToMap=[...this.attributesToMap,{key:"easing",type:"easing",fallback:this.settings.easing}]}onInit(){super.onInit(),this.ensurePanel()}destroy(){this.unbindOutsideClick?.(),this.unbindOutsideClick=null,this.panelSlider?.removeEventListener("input",this.onPanelSliderInputBind),this.stopAutoplay(),this.panelRoot?.remove(),this.panelRoot=null,this.panelTitle=null,this.panelSlider=null,this.panelValue=null,this.panelEasedValue=null,this.panelPlayForwardButton=null,this.panelPlayBackwardButton=null,this.clearAllProgressOverrides(),this.openTargetLabel=null,super.destroy()}createOverlayEntry(t){let e=this.resolveOverlayTargetId(t),r=kt(e);r.setAttribute("data-string-devtools-overlay-hud","");let i=this.createOverlayBadge({targetId:e,selectorAttribute:"data-string-progress-badge",attributes:{"data-stdg-button-toggle":"","data-active":"false","aria-label":`Open progress controller for ${e}`}});this.applyOverlayBadgeState(i,{html:V(16,"play-r")});let n=s=>{if(s.stopPropagation(),s.preventDefault(),this.openTargetLabel===e){this.closePanel(e);return}this.openPanel(e)};return i.addEventListener("click",n),r.appendChild(i),this.badgeLayer.getWorldElement(this.getWorldHost()).appendChild(r),this.applyEntryEnabledState(r),{object:t,hud:r,badge:i,onBadgeClick:n}}destroyOverlayEntry(t){let e=this.resolveOverlayTargetId(t.object);this.openTargetLabel===e&&(this.clearEntryProgressOverride(t.object),this.closePanel(e)),t.badge.removeEventListener("click",t.onBadgeClick),t.hud.remove()}measureEntry(t,e){let r=t.object,i=this.resolveOverlayTargetId(r),n=this.data.scroll.transformedCurrent,s=r.getProperty("key")||"--progress",{startPosition:o,differencePosition:a}=this.getEntryRange(r),l=r.getProperty("end-position")??o+a,c=this.resolveEntryRawProgress(r,n),u=this.resolveEasedProgress(r,c);return{visible:e.visible,docX:e.visible?e.baseAnchorX:0,docY:e.visible?e.baseAnchorY+e.collisionOffset:0,targetId:i,progress:u,rawProgress:c,startPosition:o,endPosition:l,currentScroll:n,key:s}}applyMeasurement(t,e){let r=this.resolveOverlayTargetId(t.object);if(!e||!e.visible){t.hud.setAttribute("data-visible","false"),this.openTargetLabel===r&&this.renderPanel();return}t.hud.setAttribute("data-visible","true"),L.setProps(t.hud,{transform:`translate3d(${Math.round(e.docX)}px, ${Math.round(e.docY)}px, 0)`}),t.badge.title=`${this.getOverlayTargetLabel(t.object)}: ${_n(e.progress)}`,this.applyOverlayBadgeState(t.badge,{label:e.progress.toFixed(2)}),this.openTargetLabel===e.targetId&&this.renderPanel()}onEnabledChange(t){for(let e of this.entries.values())this.applyEntryEnabledState(e.hud);t||(this.closeAllPanels(),this.clearAllProgressOverrides()),this.panelRoot&&(this.panelRoot.style.display=t?"":"none")}applyEntryEnabledState(t){t.style.display=this.enabled?"":"none"}openPanel(t){this.ensurePanel(),this.closeAllPanels(),this.openTargetLabel=t;let e=this.findEntryByTargetLabel(t);e&&e.badge.setAttribute("data-active","true"),this.panelRoot&&(this.unbindOutsideClick=Hn(this.panelRoot,()=>this.closeAllPanels(),{ignore:this.collectEntryHuds()})),this.renderPanel()}closePanel(t){this.stopAutoplay();let e=this.findEntryByTargetLabel(t);e&&(e.badge.setAttribute("data-active","false"),this.clearEntryProgressOverride(e.object)),this.openTargetLabel===t&&(this.openTargetLabel=null),this.renderPanel()}closeAllPanels(){this.stopAutoplay();for(let t of this.entries.values())t.badge.setAttribute("data-active","false"),this.clearEntryProgressOverride(t.object);this.openTargetLabel=null,this.unbindOutsideClick?.(),this.unbindOutsideClick=null,this.renderPanel()}collectEntryHuds(){let t=[];for(let e of this.entries.values())t.push(e.hud);return t}startAutoplay(t){this.stopAutoplay(),this.autoplayDirection=t,this.autoplayProgress=t===1?0:1;let e=1200,r=null,i=n=>{if(r===null){r=n,this.autoplayRaf=requestAnimationFrame(i);return}let s=(n-r)/e;r=n,this.autoplayProgress+=s*this.autoplayDirection;let o=this.openTargetLabel?this.findEntryByTargetLabel(this.openTargetLabel):null;if(this.autoplayProgress>=1){this.autoplayProgress=1,o&&this.setEntryProgressOverride(o.object,1),this.stopAutoplay();return}if(this.autoplayProgress<=0){this.autoplayProgress=0,o&&this.setEntryProgressOverride(o.object,0),this.stopAutoplay();return}o&&this.setEntryProgressOverride(o.object,this.autoplayProgress),this.autoplayRaf=requestAnimationFrame(i)};this.autoplayRaf=requestAnimationFrame(i),this.syncPlayButtonState()}stopAutoplay(){this.autoplayRaf!==null&&(cancelAnimationFrame(this.autoplayRaf),this.autoplayRaf=null),this.syncPlayButtonState()}syncPlayButtonState(){let t=this.autoplayRaf!==null,e=t&&this.autoplayDirection===1,r=t&&this.autoplayDirection===-1;this.panelPlayForwardButton?.setAttribute("data-active",String(e)),this.panelPlayBackwardButton?.setAttribute("data-active",String(r))}getEntryRange(t){let e=t.getProperty("start-position")??t.getProperty("progress-start-position")??0,r=t.getProperty("difference-position")??t.getProperty("progress-difference-position")??0;return{startPosition:e,differencePosition:r}}resolveEntryRawProgress(t,e){let r=t.getProperty(Lt);if(r!=null)return lt(r);let{startPosition:i,differencePosition:n}=this.getEntryRange(t);return lt(n===0?0:(e-i)/n)}resolveEasedProgress(t,e){let r=t.getProperty("easing");return typeof r=="function"?lt(r(e)):e}setEntryProgressOverride(t,e){t.setProperty(Lt,lt(e)),this.applyObjectProgress(t,e);let r=this.entries.get(t.id);r?this.scheduleSingleSync(r):this.scheduleSync()}clearEntryProgressOverride(t){if(t.getProperty(Lt)==null)return;t.setProperty(Lt,null);let e=this.resolveEntryRawProgress(t,this.data.scroll.transformedCurrent);this.applyObjectProgress(t,e);let r=this.entries.get(t.id);r?this.scheduleSingleSync(r):this.scheduleSync()}clearAllProgressOverrides(){for(let t of this.entries.values())this.clearEntryProgressOverride(t.object)}applyObjectProgress(t,e){let r=lt(e),i=t.getProperty("easing"),n=this.resolveEasedProgress(t,r),s=t.getProperty("key");t.setProperty("progress-raw",r),t.setProperty("progress-value",n),t.setProperty("progress-applied",n);let o=t.getProperty("event-progress-name")??t.getScopedEventName("object:progress");t.setProperty("event-progress-name",o),o&&this.events.emit(o,n),this.tools.styleTxn.run(()=>{s&&this.tools.styleTxn.setVar(t.htmlElement,s,n);for(let a of t.mirrorObjects){let l=a.applyProgress(r,typeof i=="function"?i:void 0);a.setProperty("progress",l),s&&this.tools.styleTxn.setVar(a.htmlElement,s,l)}})}ensurePanel(){if(this.panelRoot)return;let t=document.createElement("div");t.setAttribute("data-string-progress-panel",""),t.setAttribute("data-stdg",""),t.setAttribute("data-stdg-panel",""),t.setAttribute("data-stdg-progress",""),t.setAttribute("data-string-devtools-theme",""),t.setAttribute("data-open","false"),t.setAttribute("data-target-id",""),t.setAttribute("hidden",""),t.addEventListener("pointerdown",r=>r.stopPropagation()),t.innerHTML=`
       <div data-stdg-panel-header>
         <span data-string-progress-dock-title>Element ID</span>
         <nav data-stdg-button-left data-string-progress-dock-play-group>
@@ -2040,5 +2040,5 @@ ${As(i,"  ")}
         </div>
         <span data-field="eased" hidden>0%</span>
       </div>
-    `,this.panelRoot=t,this.panelTitle=t.querySelector("[data-string-progress-dock-title]"),this.panelSlider=t.querySelector("[data-string-progress-slider]"),this.panelValue=t.querySelector("[data-string-progress-value-number]"),this.panelEasedValue=t.querySelector('[data-field="eased"]'),this.panelPlayForwardButton=t.querySelector("[data-string-progress-dock-play-forward]"),this.panelPlayForwardButton.addEventListener("click",r=>{r.stopPropagation(),this.autoplayRaf!==null&&this.autoplayDirection===1?this.stopAutoplay():this.startAutoplay(1)}),this.panelPlayBackwardButton=t.querySelector("[data-string-progress-dock-play-backward]"),this.panelPlayBackwardButton.addEventListener("click",r=>{r.stopPropagation(),this.autoplayRaf!==null&&this.autoplayDirection===-1?this.stopAutoplay():this.startAutoplay(-1)}),t.querySelector("[data-string-progress-dock-close]").addEventListener("click",r=>{r.stopPropagation(),this.openTargetLabel&&this.closePanel(this.openTargetLabel)}),this.panelSlider.addEventListener("input",this.onPanelSliderInputBind),this.panelValue.addEventListener("input",()=>{if(!this.openTargetLabel||!this.panelValue)return;let r=this.findEntryByTargetLabel(this.openTargetLabel);if(!r)return;let i=Math.max(0,Math.min(100,Number(this.panelValue.value)));if(!Number.isFinite(i))return;this.stopAutoplay();let n=i/100;this.autoplayProgress=n,this.setEntryProgressOverride(r.object,n)}),this.panelValue.addEventListener("keydown",r=>{r.key==="Enter"&&r.target.blur()}),this.hudLayer.getWorldElement(this.getWorldHost()).appendChild(t)}onPanelSliderInput(){if(!this.openTargetLabel||!this.panelSlider)return;let t=this.findEntryByTargetLabel(this.openTargetLabel);if(!t)return;this.stopAutoplay();let e=lt(Number(this.panelSlider.value)/1e3);this.autoplayProgress=e,this.setEntryProgressOverride(t.object,e)}renderPanel(){if(!this.panelRoot||!this.panelTitle||!this.panelSlider||!this.panelValue||!this.panelEasedValue)return;let t=this.openTargetLabel?this.findEntryByTargetLabel(this.openTargetLabel):null;if(!this.enabled||!t){this.panelRoot.setAttribute("hidden",""),this.panelRoot.setAttribute("data-open","false"),this.panelRoot.setAttribute("data-target-id","");return}let e=this.resolveOverlayTargetId(t.object),r=this.getOverlayTargetLabel(t.object),i=this.measurements.get(t.object.id),n=i?lt(i.progress):0,s=i?lt(i.rawProgress):0;this.panelRoot.removeAttribute("hidden"),this.panelRoot.setAttribute("data-open","true"),this.panelRoot.setAttribute("data-target-id",e),this.panelTitle.textContent=r,this.panelSlider.setAttribute("aria-label",`Preview progress for ${r}`),L.setVarDirect(this.panelSlider,"--string-progress-slider-fill",`${Math.round(s*1e3)/10}%`);let o=String(Math.round(s*1e3));this.panelSlider.value!==o&&(this.panelSlider.value=o);let a=String(Math.round(n*100));document.activeElement!==this.panelValue&&(this.panelValue.value=a),this.panelEasedValue.textContent=_n(n)}findEntryByTargetLabel(t){for(let e of this.entries.values())if(this.resolveOverlayTargetId(e.object)===t)return e;return null}};function Fn(d){return typeof d=="object"&&d!==null&&"getDevtoolDefinition"in d&&typeof d.getDevtoolDefinition=="function"}function ia(){return"ontouchstart"in window||navigator.maxTouchPoints>0}var Vn=class d{static DEVTOOLS_ACCESS_URL="https://access.fiddle.digital/";static DEVTOOLS_LOG_PREFIX="[StringTune Devtools]";static DEVTOOLS_ARTIFACT_SELECTORS=["[data-string-dev-viewport-layer]","[data-string-dev-viewport-world]","[data-stdg-dock]","[data-stdg-dock-sub-badges]"];onScrollStartBind;onScrollStopBind;onDirectionChangeBind;onScrollConfigChangeBind;onWheelBind;onScrollBind;onResizeBind;onMouseMoveBind;onScrollToBind;onDOMChangedBind;onContainerTransitionEndBind;onResizeObserverBind;pendingScroll=!1;lastScrollEmitted=NaN;observerContainerMutation=null;pendingResizeRaf=null;pendingResizeForce=!1;pendingRebuildRaf=null;activeScrollIntent=null;static i;root;window;prevWidth=0;prevHeight=0;moduleManager;scrollManager;objectManager;eventManager;signalHub;cursorController;tools;loop=new je;data;context;centers;hoverManager;devtools;devtoolsFpsLastSampleTime=0;devtoolsFpsFrameCount=0;observerContainerResize=null;devtoolsAccessToken="";devtoolsAccessState="unknown";devtoolsAccessRequestId=0;pendingDevtoolUses=[];hasStarted=!1;devtoolsAccessLastMessage="none";canRebuild=!0;set scrollPosition(t){this.data.scroll.current=t,this.data.scroll.target=t,this.data.scroll.transformedCurrent=this.data.scroll.current*this.data.viewport.transformScale,this.data.scroll.delta=0,this.data.scroll.lerped=0,this.scrollManager.updatePosition(),this.moduleManager.onScroll(),this.objectManager.checkInview()}set accessDevtoolToken(t){let e=t.trim();if(!(e===this.devtoolsAccessToken&&(this.devtoolsAccessState==="granted"||this.devtoolsAccessState==="pending"))){if(this.devtoolsAccessToken=e,e.length===0){this.devtoolsAccessState="unknown";return}this.validateDevtoolsAccess(e)}}set scrollContainer(t){this.observerContainerResize?.unobserve(this.context.data.scroll.container),this.data.scroll.elementContainer.removeEventListener("transitionend",this.onContainerTransitionEndBind),t instanceof Window?(this.data.scroll.container=document.body,this.data.scroll.elementContainer=document.documentElement,this.data.scroll.scrollContainer=t):t instanceof HTMLElement?(this.data.scroll.container=t,this.data.scroll.elementContainer=t,this.data.scroll.scrollContainer=t):(this.data.scroll.container=document.body,this.data.scroll.elementContainer=document.documentElement,this.data.scroll.scrollContainer=t),this.data.scroll.elementContainer.addEventListener("transitionend",this.onContainerTransitionEndBind),this.observerContainerResize?.observe(this.context.data.scroll.container),this.observeContainerMutations(),this.queueResize(!0,"scrollContainer")}get scrollPosition(){return this.data.scroll.current}get scrollHeight(){return this.data.viewport.contentHeight}get containerHeight(){return this.data.viewport.windowHeight}set speed(t){this.data.scroll.speed=t}set speedAccelerate(t){this.data.scroll.speedAccelerate=.1+(.5-.1)*t}set scrollDesktopMode(t){this.scrollManager.setDesktopMode(t)}set scrollMobileMode(t){this.scrollManager.setMobileMode(t)}set FPSTrackerVisible(t){this.data.system.fpsTracker=t,this.eventManager.emit("tracker:fps:visible",t)}set PositionTrackerVisible(t){this.data.system.positionTracker=t,this.eventManager.emit("tracker:position:visible",t)}set domBatcherEnabled(t){this.objectManager.setDOMBatcherEnabled(t)}set intersectionObserverEnabled(t){this.objectManager.setIntersectionObserverEnabled(t)}debouncedResize=ii(t=>{this.queueResize(!1,t)},30);debouncedRebuild=ii(()=>{this.queueRebuild()},30);constructor(){this.cleanupExistingDevtoolsArtifacts(),this.root=document.body,this.window=window,this.tools=new He,this.data=new De,this.eventManager=new Ct,this.signalHub=new Xe((t,e)=>this.eventManager.emit(t,e)),this.moduleManager=new be(this.data),this.objectManager=new Le(this.data,this.moduleManager,this.eventManager,this.tools),this.centers=new Ye,this.hoverManager=new qe,this.devtools=new Qe,this.context={events:this.eventManager,data:this.data,tools:this.tools,settings:{},centers:this.centers,hover:this.hoverManager,objectManager:this.objectManager,signals:this.signalHub},this.cursorController=new ve(1,this.context),this.scrollManager=new xe(this.context),this.setupSettings({"global-class":!1,"offset-top":"0%","offset-bottom":"0%",key:"--progress","inview-top":"0%","inview-bottom":"0%","enter-el":"top","enter-vp":"bottom","exit-el":"bottom","exit-vp":"top","parallax-bias":"0.0",parallax:"0.2",lerp:"0.2","cursor-lerp":"0.75",radius:"150",strength:"0.3",glide:"1",anchor:"center center",timeout:900,alignment:"center","target-disable":"false","target-style-disable":"false","target-class":"",active:"false",fixed:"false",repeat:"false","self-disable":"false",abs:"false",easing:"cubic-bezier(0.25, 0.25, 0.25, 0.25)","glide-base-velocity":.00125,"glide-reduce-velocity":625e-7,"glide-negative-velocity":-1e-4,"position-strength":3,"position-tension":.05,"position-friction":.15,"position-max-velocity":10,"position-update-threshold":.1,"rotation-strength":.75,"rotation-tension":.06,"rotation-friction":.18,"rotation-max-angular-velocity":6,"rotation-max-angle":18,"rotation-update-threshold":.15,"max-offset":220,"sleep-epsilon":.01,"continuous-push":!0}),this.onContainerTransitionEndBind=this.onContainerTransitionEnd.bind(this),this.onResizeObserverBind=this.onResizeObserverEvent.bind(this),this.observerContainerResize=new ResizeObserver(this.onResizeObserverBind),this.observerContainerResize.observe(this.context.data.scroll.container),this.onWheelBind=this.onWheelEvent.bind(this),this.onScrollBind=this.onScrollEvent.bind(this),this.onResizeBind=()=>{this.queueResize(!1,"resizeBind")},this.onMouseMoveBind=this.onMouseMoveEvent.bind(this),this.onScrollStartBind=this.onScrollStart.bind(this),this.onScrollStopBind=this.onScrollStop.bind(this),this.onDirectionChangeBind=this.onDirectionChange.bind(this),this.onScrollConfigChangeBind=this.onScrollConfigChange.bind(this),this.onScrollToBind=this.scrollTo.bind(this),this.onDOMChangedBind=this.onDOMChanged.bind(this),this.eventManager.on("wheel",this.onWheelBind),this.eventManager.on("resize",this.onResizeBind),this.eventManager.on("scrollTo",this.onScrollToBind),this.eventManager.on("dom:changed",this.onDOMChangedBind),this.scrollManager.bindEvents({onScrollStart:this.onScrollStartBind,onScrollStop:this.onScrollStopBind,onDirectionChange:this.onDirectionChangeBind,onModeChange:this.onScrollConfigChangeBind}),this.loop.setOnFrame(t=>{this.data.time.delta=t-this.data.time.now,this.data.time.previous=this.data.time.now,this.data.time.now=t,this.data.time.elapsed+=this.data.time.delta,this.onUpdateEvent(),this.updateDevtoolsFPS(t)}),this.on("image:load:all",()=>{this.onRebuild()}),this.scrollContainer=window}static getInstance(){return d.i||(d.i=new d),d.i}reuse(t){return this.moduleManager.find(t)}use(t,e=null){this.moduleManager.find(t)||this.shouldDeferDevtoolModule(t,e)||this.instantiateModule(t,e)}cleanupExistingDevtoolsArtifacts(){for(let t of d.DEVTOOLS_ARTIFACT_SELECTORS)document.querySelectorAll(t).forEach(e=>e.remove())}instantiateModule(t,e=null){let r={...this.context.settings,...e},i=new t({events:this.eventManager,data:this.data,tools:this.tools,settings:r,centers:this.centers,hover:this.hoverManager,objectManager:this.objectManager,signals:this.signalHub});this.moduleManager.register(i),Fn(i)&&this.devtools.register(i.getDevtoolDefinition()),this.hasStarted&&(this.objectManager.attachModule(i),i.onInit(),i.onResize(),i.onScroll(this.data),i.onFrame(this.data))}shouldDeferDevtoolModule(t,e){return!(t===J||t.prototype instanceof J)||this.devtoolsAccessState==="granted"?!1:(this.pendingDevtoolUses.push({objectClass:t,settings:e}),this.devtoolsAccessToken.length>0&&this.devtoolsAccessState!=="pending"&&this.validateDevtoolsAccess(this.devtoolsAccessToken),!0)}async validateDevtoolsAccess(t){let e=++this.devtoolsAccessRequestId;this.devtoolsAccessState="pending";try{let r=await fetch(`${d.DEVTOOLS_ACCESS_URL}?token=${encodeURIComponent(t)}`),i=await this.resolveDevtoolsAccessResponse(r);if(e!==this.devtoolsAccessRequestId||t!==this.devtoolsAccessToken)return;if(this.devtoolsAccessState=i?"granted":"denied",!i){this.logDevtoolsAccess("denied"),this.pendingDevtoolUses=[];return}this.logDevtoolsAccess("granted");let n=[...this.pendingDevtoolUses];this.pendingDevtoolUses=[],n.forEach(({objectClass:s,settings:o})=>{this.instantiateModule(s,o)})}catch{if(e!==this.devtoolsAccessRequestId||t!==this.devtoolsAccessToken||this.devtoolsAccessState==="granted")return;this.devtoolsAccessState="denied",this.logDevtoolsAccess("error"),this.pendingDevtoolUses=[]}}logDevtoolsAccess(t){if(this.devtoolsAccessLastMessage!==t){if(this.devtoolsAccessLastMessage=t,t==="granted"){console.info(`${d.DEVTOOLS_LOG_PREFIX} Access granted. Devtools modules are enabled.`);return}if(t==="denied"){console.warn(`${d.DEVTOOLS_LOG_PREFIX} Access denied. Devtools modules were not enabled. Check accessDevtoolToken.`);return}console.warn(`${d.DEVTOOLS_LOG_PREFIX} Access check failed. Devtools modules were not enabled.`)}}async resolveDevtoolsAccessResponse(t){if(!t.ok)return!1;if((t.headers.get("content-type")?.toLowerCase()??"").includes("application/json")){let i=await t.json();return typeof i=="boolean"?i:i&&typeof i=="object"&&"allowed"in i?i.allowed===!0:!1}return(await t.text()).trim().toLowerCase()==="true"}registerScrollMode(t,e){let r;if(typeof e=="function"&&e.prototype instanceof et){let i=e;r=new i(this.context)}else r=e(this.context);r.name||(r.name=t),this.scrollManager.registerMode(t,r)}on(t,e,r=""){this.eventManager.on(t,e,r)}emit(t,e){this.eventManager.emit(t,e)}off(t,e,r=""){this.eventManager.off(t,e,r)}addScrollMark(t){this.scrollManager.addScrollMark(t)}removeScrollMark(t){this.scrollManager.removeScrollMark(t)}start(t){if(this.hasStarted)return;this.hasStarted=!0,this.data.scroll.scrollContainer?.addEventListener("scroll",this.onScrollBind),this.data.scroll.container?.addEventListener("wheel",this.onWheelBind,{passive:!1}),window.addEventListener("resize",this.onResizeBind),this.root.addEventListener("mousemove",this.onMouseMoveBind),this.observeContainerMutations(),this.use(Fe);let e=window.getComputedStyle(document.documentElement).fontSize,r=parseFloat(e);this.context.data.viewport.baseRem=r,document.documentElement.classList.add("-string"),this.syncDebugScrollState(),this.moduleManager.onInit(),this.onResize(!1,"start"),this.initObjects(),this.objectManager.observeDOM(),this.loop.start(t),this.eventManager.emit("start",null)}initObjects(){document.querySelectorAll("[string],[data-string]").forEach(t=>{this.objectManager.add(t)}),document.querySelectorAll("[string-copy-from],[data-string-copy-from]").forEach(t=>{let e=this.tools.domAttribute.process({element:t,key:"copy-from",fallback:""});e&&e.length>0&&this.objectManager.linkMirror(e,t)}),this.moduleManager.onResize(),this.moduleManager.onScroll(),this.moduleManager.onFrame()}setupSettings(t){this.context.settings={...this.context.settings,...t},typeof t.storageToken=="string"?ui(t.storageToken):typeof t["storage-token"]=="string"&&ui(t["storage-token"]),typeof t.accessDevtoolToken=="string"&&(this.accessDevtoolToken=t.accessDevtoolToken),this.onSettingsChange({isDesktop:this.data.viewport.windowWidth>1024,widthChanged:!0,heightChanged:!0,scrollHeightChanged:!0,isForceRebuild:!1})}onResizeObserverEvent(){this.debouncedResize("resizeObserver")}onContainerTransitionEnd(t){t.target===this.context.data.scroll.container&&this.queueResize(!0,"containerTransition")}onDOMChanged(){this.debouncedRebuild()}observeContainerMutations(){this.observerContainerMutation?.disconnect();let t=this.context.data.scroll.container;t&&(this.observerContainerMutation=new MutationObserver(e=>{for(let r=0;r<e.length;r++){let i=e[r];if(i.type==="attributes"&&(i.attributeName==="style"||i.attributeName==="class")){this.debouncedResize("containerMutation");break}}}),this.observerContainerMutation.observe(t,{attributes:!0,attributeFilter:["style","class"]}))}queueResize(t=!1,e=""){t&&(this.pendingResizeForce=!0),this.pendingResizeRaf==null&&(this.pendingResizeRaf=requestAnimationFrame(()=>{this.pendingResizeRaf=null;let r=this.pendingResizeForce;this.pendingResizeForce=!1,this.onResize(r,e)}))}queueRebuild(){this.pendingRebuildRaf==null&&(this.pendingRebuildRaf=requestAnimationFrame(()=>{this.pendingRebuildRaf=null,this.onRebuild()}))}onRebuild(){let t=this.context.data.scroll,e=t.container.scrollHeight;this.context.data.viewport.contentHeight!==e&&(this.context.data.viewport.contentHeight=e,t.bottomPosition=e-this.context.data.viewport.windowHeight,this.moduleManager.onRebuild())}onMouseMoveEvent(t){this.cursorController.onMouseMove(t),this.moduleManager.onMouseMove(t),q.measure(()=>{this.moduleManager.onMouseMoveMeasure()})}onWheelEvent(t){t.target.closest("[string-isolation],[data-string-isolation]")==null&&(this.clearActiveScrollIntent("wheel"),this.scrollManager.get().onWheel(t),this.moduleManager.onWheel(t))}onScrollStart(){this.moduleManager.onScrollStart(),this.eventManager.emit("scroll:start",null)}onScrollStop(){this.clearActiveScrollIntent("scroll-stop"),this.moduleManager.onScrollStop(),this.eventManager.emit("scroll:stop",null)}onDirectionChange(){this.moduleManager.onDirectionChange()}onScrollConfigChange(){this.moduleManager.onScrollConfigChange(),this.syncDebugScrollState(),this.moduleManager.onScroll(),this.moduleManager.onScrollMeasure(),this.moduleManager.onFrame(),L.run(()=>{this.moduleManager.onMutate()})}syncDebugScrollState(){let t=document.documentElement,e=window.innerWidth<1024;t.setAttribute("data-string-scroll-mode",String(this.data.scroll.mode)),t.setAttribute("data-string-scroll-device",e?"mobile":"desktop")}onSettingsChange(t){this.cursorController.onSettingsChange(t),this.objectManager.onSettingsChange(t),this.moduleManager.onSettingsChange(t)}onScrollEvent(t){return t.preventDefault(),this.context.centers.invalidateAll(),this.scrollManager.get().onScroll(t),this.data.scroll.mode!=="smooth"&&this.clearActiveScrollIntent("native-scroll-non-smooth"),this.pendingScroll=!0,!1}onUpdateEvent(){this.cursorController.onFrame(),this.scrollManager.get().onFrame(),this.moduleManager.onFrame(),(this.pendingScroll||this.data.scroll.current!==this.lastScrollEmitted)&&(this.pendingScroll=!1,this.moduleManager.onScroll(),this.objectManager.checkInview(),this.eventManager.emit("lerp",this.data.scroll.lerped),this.eventManager.emit("scroll",this.data.scroll.current),q.measure(()=>{this.moduleManager.onScrollMeasure()}),this.lastScrollEmitted=this.data.scroll.current),q.mutate(()=>{L.begin(),this.moduleManager.onMutate(),L.commit()}),this.eventManager.emit("update",null),q.flush()}updateDevtoolsFPS(t){this.devtoolsFpsLastSampleTime===0&&(this.devtoolsFpsLastSampleTime=t),this.devtoolsFpsFrameCount+=1;let e=t-this.devtoolsFpsLastSampleTime;if(e<1e3)return;let r=this.devtoolsFpsFrameCount*1e3/e;this.devtools.setFPS(r),this.devtoolsFpsFrameCount=0,this.devtoolsFpsLastSampleTime=t}onResize(t=!1,e=""){if(this.canRebuild==!1)return;let r=this.data.scroll.container,i=this.context.data.scroll,n=0,s=0;var o,a=0;let l=r.getBoundingClientRect();r.tagName=="BODY"?(n=document.documentElement.clientWidth||window.innerWidth||l.width,s=window.innerHeight):(n=l.width,s=l.height),a=r.tagName==="BODY"?0:l.top,o=i.container.scrollHeight;let c=this.tools.transformScaleParser.process({value:window.getComputedStyle(r).transform});this.context.data.viewport.transformScale=window.getComputedStyle(r).scale=="none"?c:Number(window.getComputedStyle(r).scale),this.context.data.scroll.transformedCurrent=this.context.data.scroll.current*this.context.data.viewport.transformScale;let u=ia(),p=n>1024,g=this.prevWidth!==n,m=this.prevHeight!==s,h=Math.abs(this.prevHeight-s),f=this.context.data.viewport.contentHeight!==o,b=g||!u&&m||u&&h>150||f;this.context.data.scroll.topPosition=Math.floor(a),this.context.data.viewport.contentWidth=n,this.context.data.viewport.contentHeight=o,this.prevWidth=n,this.prevHeight=s,this.context.data.viewport.windowWidth=n,this.context.data.viewport.windowHeight=s;let y=window.getComputedStyle(document.documentElement).fontSize,v=parseFloat(y);if(this.context.data.viewport.baseRem=v*c,this.syncDebugScrollState(),i.bottomPosition=this.context.data.viewport.contentHeight-s,(g||typeof t=="boolean"&&t)&&this.moduleManager.onResizeWidth(),b||typeof t=="boolean"&&t){let S=this.context.data.scroll.elementContainer.scrollTop,E=this.context.data.scroll.target,M=i.mode==="smooth"&&(Math.abs(i.target-i.current)>1||Math.abs(i.delta)>1e-4);if((S>0||i.current!==0)&&(this.context.data.scroll.current=Math.max(0,Math.min(S,this.context.data.scroll.bottomPosition))),M){let A=(this.activeScrollIntent?this.resolveScrollIntentPosition(this.activeScrollIntent):null)??this.context.data.scroll.target,I=Math.max(0,Math.min(A,this.context.data.scroll.bottomPosition));this.context.data.scroll.target=I,Math.abs(this.context.data.scroll.target-this.context.data.scroll.current)<=1&&(this.context.data.scroll.target=this.context.data.scroll.current,this.context.data.scroll.delta=0,this.context.data.scroll.lerped=0)}else S>0&&(this.context.data.scroll.target=this.context.data.scroll.current);this.moduleManager.onResize(),this.scrollManager&&this.scrollManager.updateResponsiveMode(),this.onSettingsChange({isDesktop:p,widthChanged:g,heightChanged:m,scrollHeightChanged:f,isForceRebuild:t===!0}),this.objectManager.invalidateInviewIndex(),this.moduleManager.onScroll(),this.moduleManager.onScrollMeasure(),this.moduleManager.onFrame()}this.objectManager.checkInview()}invalidateCenter(t){this.objectManager.all.get(t)&&this.centers.invalidate(t)}scrollTo(t){let e=this.resolveScrollToValue(t);e!=null&&(this.activeScrollIntent=e.intent,this.scrollManager.get().scrollTo(e.position,e.immediate))}resolveScrollToValue(t){if(typeof t=="number")return{position:t,immediate:!1,intent:{kind:"position",position:t,immediate:!1}};if(typeof t=="string"||t instanceof HTMLElement){let s=this.resolveElementScrollPosition(t);return s==null?null:{position:s,immediate:!1,intent:typeof t=="string"?{kind:"selector",selector:t,offset:0,immediate:!1}:{kind:"element",element:t,offset:0,immediate:!1}}}let e=t.immediate===!0,r=t.offset??0;if("position"in t)return{position:t.position+r,immediate:e,intent:{kind:"position",position:t.position+r,immediate:e}};let i="selector"in t?t.selector:t.element,n=this.resolveElementScrollPosition(i);return n==null?null:{position:n+r,immediate:e,intent:"selector"in t?{kind:"selector",selector:t.selector,offset:r,immediate:e}:{kind:"element",element:t.element,offset:r,immediate:e}}}resolveElementScrollPosition(t){let e=typeof t=="string"?document.querySelector(t):t;if(!(e instanceof HTMLElement))return null;let r=this.data.scroll.container??document.body??document.documentElement,i=this.data.scroll.elementContainer??document.documentElement,n=this.tools.transformNullify.process({element:e});if(r===document.body||r===document.documentElement)return n.top+i.scrollTop;let s=r.getBoundingClientRect();return n.top-s.top+r.scrollTop}resolveScrollIntentPosition(t){switch(t.kind){case"position":return t.position;case"selector":{let e=this.resolveElementScrollPosition(t.selector);return e==null?null:e+t.offset}case"element":{let e=this.resolveElementScrollPosition(t.element);return e==null?null:e+t.offset}}}clearActiveScrollIntent(t){this.activeScrollIntent&&(this.activeScrollIntent=null)}destroy(){this.hasStarted=!1,this.data.scroll.scrollContainer?.removeEventListener("scroll",this.onScrollBind),this.data.scroll.container?.removeEventListener("wheel",this.onWheelBind),window.removeEventListener("resize",this.onResizeBind),this.root.removeEventListener("mousemove",this.onMouseMoveBind),this.eventManager.off("dom:changed",this.onDOMChangedBind),this.observerContainerMutation?.disconnect(),this.observerContainerMutation=null,this.pendingResizeRaf!=null&&(cancelAnimationFrame(this.pendingResizeRaf),this.pendingResizeRaf=null),this.pendingRebuildRaf!=null&&(cancelAnimationFrame(this.pendingRebuildRaf),this.pendingRebuildRaf=null),this.objectManager.destroy(),this.scrollManager.destroy(),this.devtools.destroy()}};export{te as CursorReactiveModule,Ft as DOMBatcher,G as GridAdapter,et as ScrollController,$r as StringAnchor,Dr as StringCursor,De as StringData,Jr as StringDelayLerpTracker,Ke as StringDevIconRegistry,Ai as StringDevInview,wi as StringDevLayout,J as StringDevModule,oe as StringDevOverlayRegistry,ki as StringDevProgress,Ti as StringDevRulers,ti as StringFPSTracker,ai as StringForm,Ur as StringGlide,Ir as StringImpulse,Nr as StringLazy,jr as StringLerp,ei as StringLerpTracker,zr as StringLoading,Fr as StringMagnetic,Hr as StringMarquee,_r as StringMasonry,x as StringModule,_t as StringObject,Yr as StringParallax,ri as StringPositionTracker,ee as StringProgress,hi as StringProgressPart,fi as StringRandom,Gr as StringResponsive,gi as StringScrollContainer,qr as StringScrollbar,pi as StringScroller,oi as StringSequence,mi as StringSignal,Qr as StringSplit,Wr as StringSpotlight,Vn as StringTune,ni as StringVideoAutoplay,di as buildDevtoolsThemeBlock,Vn as default,se as ensureStringDevtoolsSharedStyles,q as frameDOM,V as resolveDevtoolsIcon,L as styleTxn};
+    `,this.panelRoot=t,this.panelTitle=t.querySelector("[data-string-progress-dock-title]"),this.panelSlider=t.querySelector("[data-string-progress-slider]"),this.panelValue=t.querySelector("[data-string-progress-value-number]"),this.panelEasedValue=t.querySelector('[data-field="eased"]'),this.panelPlayForwardButton=t.querySelector("[data-string-progress-dock-play-forward]"),this.panelPlayForwardButton.addEventListener("click",r=>{r.stopPropagation(),this.autoplayRaf!==null&&this.autoplayDirection===1?this.stopAutoplay():this.startAutoplay(1)}),this.panelPlayBackwardButton=t.querySelector("[data-string-progress-dock-play-backward]"),this.panelPlayBackwardButton.addEventListener("click",r=>{r.stopPropagation(),this.autoplayRaf!==null&&this.autoplayDirection===-1?this.stopAutoplay():this.startAutoplay(-1)}),t.querySelector("[data-string-progress-dock-close]").addEventListener("click",r=>{r.stopPropagation(),this.openTargetLabel&&this.closePanel(this.openTargetLabel)}),this.panelSlider.addEventListener("input",this.onPanelSliderInputBind),this.panelValue.addEventListener("input",()=>{if(!this.openTargetLabel||!this.panelValue)return;let r=this.findEntryByTargetLabel(this.openTargetLabel);if(!r)return;let i=Math.max(0,Math.min(100,Number(this.panelValue.value)));if(!Number.isFinite(i))return;this.stopAutoplay();let n=i/100;this.autoplayProgress=n,this.setEntryProgressOverride(r.object,n)}),this.panelValue.addEventListener("keydown",r=>{r.key==="Enter"&&r.target.blur()}),this.hudLayer.getWorldElement(this.getWorldHost()).appendChild(t)}onPanelSliderInput(){if(!this.openTargetLabel||!this.panelSlider)return;let t=this.findEntryByTargetLabel(this.openTargetLabel);if(!t)return;this.stopAutoplay();let e=lt(Number(this.panelSlider.value)/1e3);this.autoplayProgress=e,this.setEntryProgressOverride(t.object,e)}renderPanel(){if(!this.panelRoot||!this.panelTitle||!this.panelSlider||!this.panelValue||!this.panelEasedValue)return;let t=this.openTargetLabel?this.findEntryByTargetLabel(this.openTargetLabel):null;if(!this.enabled||!t){this.panelRoot.setAttribute("hidden",""),this.panelRoot.setAttribute("data-open","false"),this.panelRoot.setAttribute("data-target-id","");return}let e=this.resolveOverlayTargetId(t.object),r=this.getOverlayTargetLabel(t.object),i=this.measurements.get(t.object.id),n=i?lt(i.progress):0,s=i?lt(i.rawProgress):0;this.panelRoot.removeAttribute("hidden"),this.panelRoot.setAttribute("data-open","true"),this.panelRoot.setAttribute("data-target-id",e),this.panelTitle.textContent=r,this.panelSlider.setAttribute("aria-label",`Preview progress for ${r}`),L.setVarDirect(this.panelSlider,"--string-progress-slider-fill",`${Math.round(s*1e3)/10}%`);let o=String(Math.round(s*1e3));this.panelSlider.value!==o&&(this.panelSlider.value=o);let a=String(Math.round(n*100));document.activeElement!==this.panelValue&&(this.panelValue.value=a),this.panelEasedValue.textContent=_n(n)}findEntryByTargetLabel(t){for(let e of this.entries.values())if(this.resolveOverlayTargetId(e.object)===t)return e;return null}};function Fn(d){return typeof d=="object"&&d!==null&&"getDevtoolDefinition"in d&&typeof d.getDevtoolDefinition=="function"}function sa(){return"ontouchstart"in window||navigator.maxTouchPoints>0}var Vn=class d{static DEVTOOLS_ACCESS_URL="https://access.fiddle.digital/";static DEVTOOLS_LOG_PREFIX="[StringTune Devtools]";static DEVTOOLS_ARTIFACT_SELECTORS=["[data-string-dev-viewport-layer]","[data-string-dev-viewport-world]","[data-stdg-dock]","[data-stdg-dock-sub-badges]"];onScrollStartBind;onScrollStopBind;onDirectionChangeBind;onScrollConfigChangeBind;onWheelBind;onScrollBind;onResizeBind;onMouseMoveBind;onScrollToBind;onDOMChangedBind;onContainerTransitionEndBind;onResizeObserverBind;pendingScroll=!1;lastScrollEmitted=NaN;observerContainerMutation=null;pendingResizeRaf=null;pendingResizeForce=!1;pendingRebuildRaf=null;activeScrollIntent=null;static i;root;window;prevWidth=0;prevHeight=0;moduleManager;scrollManager;objectManager;eventManager;signalHub;cursorController;tools;loop=new je;data;context;centers;hoverManager;devtools;devtoolsFpsLastSampleTime=0;devtoolsFpsFrameCount=0;observerContainerResize=null;devtoolsAccessToken="";devtoolsAccessState="unknown";devtoolsAccessRequestId=0;pendingDevtoolUses=[];hasStarted=!1;devtoolsAccessLastMessage="none";canRebuild=!0;set scrollPosition(t){this.data.scroll.current=t,this.data.scroll.target=t,this.data.scroll.transformedCurrent=this.data.scroll.current*this.data.viewport.transformScale,this.data.scroll.delta=0,this.data.scroll.lerped=0,this.scrollManager.updatePosition(),this.moduleManager.onScroll(),this.objectManager.checkInview()}set accessDevtoolToken(t){let e=t.trim();if(!(e===this.devtoolsAccessToken&&(this.devtoolsAccessState==="granted"||this.devtoolsAccessState==="pending"))){if(this.devtoolsAccessToken=e,e.length===0){this.devtoolsAccessState="unknown";return}this.validateDevtoolsAccess(e)}}set scrollContainer(t){this.observerContainerResize?.unobserve(this.context.data.scroll.container),this.data.scroll.elementContainer.removeEventListener("transitionend",this.onContainerTransitionEndBind),t instanceof Window?(this.data.scroll.container=document.body,this.data.scroll.elementContainer=document.documentElement,this.data.scroll.scrollContainer=t):t instanceof HTMLElement?(this.data.scroll.container=t,this.data.scroll.elementContainer=t,this.data.scroll.scrollContainer=t):(this.data.scroll.container=document.body,this.data.scroll.elementContainer=document.documentElement,this.data.scroll.scrollContainer=t),this.data.scroll.elementContainer.addEventListener("transitionend",this.onContainerTransitionEndBind),this.observerContainerResize?.observe(this.context.data.scroll.container),this.observeContainerMutations(),this.queueResize(!0,"scrollContainer")}get scrollPosition(){return this.data.scroll.current}get scrollHeight(){return this.data.viewport.contentHeight}get containerHeight(){return this.data.viewport.windowHeight}set speed(t){this.data.scroll.speed=t}set speedAccelerate(t){this.data.scroll.speedAccelerate=.1+(.5-.1)*t}set scrollDesktopMode(t){this.scrollManager.setDesktopMode(t)}set scrollMobileMode(t){this.scrollManager.setMobileMode(t)}set FPSTrackerVisible(t){this.data.system.fpsTracker=t,this.eventManager.emit("tracker:fps:visible",t)}set PositionTrackerVisible(t){this.data.system.positionTracker=t,this.eventManager.emit("tracker:position:visible",t)}set domBatcherEnabled(t){this.objectManager.setDOMBatcherEnabled(t)}set intersectionObserverEnabled(t){this.objectManager.setIntersectionObserverEnabled(t)}debouncedResize=ii(t=>{this.queueResize(!1,t)},30);debouncedRebuild=ii(()=>{this.queueRebuild()},30);constructor(){this.cleanupExistingDevtoolsArtifacts(),this.root=document.body,this.window=window,this.tools=new He,this.data=new De,this.eventManager=new Ct,this.signalHub=new Xe((t,e)=>this.eventManager.emit(t,e)),this.moduleManager=new be(this.data),this.objectManager=new Le(this.data,this.moduleManager,this.eventManager,this.tools),this.centers=new Ye,this.hoverManager=new qe,this.devtools=new Qe,this.context={events:this.eventManager,data:this.data,tools:this.tools,settings:{},centers:this.centers,hover:this.hoverManager,objectManager:this.objectManager,signals:this.signalHub},this.cursorController=new ve(1,this.context),this.scrollManager=new xe(this.context),this.setupSettings({"global-class":!1,"offset-top":"0%","offset-bottom":"0%",key:"--progress","inview-top":"0%","inview-bottom":"0%","enter-el":"top","enter-vp":"bottom","exit-el":"bottom","exit-vp":"top","parallax-bias":"0.0",parallax:"0.2",lerp:"0.2","cursor-lerp":"0.75",radius:"150",strength:"0.3",glide:"1",anchor:"center center",timeout:900,alignment:"center","target-disable":"false","target-style-disable":"false","target-class":"",active:"false",fixed:"false",repeat:"false","self-disable":"false",abs:"false",easing:"cubic-bezier(0.25, 0.25, 0.25, 0.25)","glide-base-velocity":.00125,"glide-reduce-velocity":625e-7,"glide-negative-velocity":-1e-4,"position-strength":3,"position-tension":.05,"position-friction":.15,"position-max-velocity":10,"position-update-threshold":.1,"rotation-strength":.75,"rotation-tension":.06,"rotation-friction":.18,"rotation-max-angular-velocity":6,"rotation-max-angle":18,"rotation-update-threshold":.15,"max-offset":220,"sleep-epsilon":.01,"continuous-push":!0}),this.onContainerTransitionEndBind=this.onContainerTransitionEnd.bind(this),this.onResizeObserverBind=this.onResizeObserverEvent.bind(this),this.observerContainerResize=new ResizeObserver(this.onResizeObserverBind),this.observerContainerResize.observe(this.context.data.scroll.container),this.onWheelBind=this.onWheelEvent.bind(this),this.onScrollBind=this.onScrollEvent.bind(this),this.onResizeBind=()=>{this.queueResize(!1,"resizeBind")},this.onMouseMoveBind=this.onMouseMoveEvent.bind(this),this.onScrollStartBind=this.onScrollStart.bind(this),this.onScrollStopBind=this.onScrollStop.bind(this),this.onDirectionChangeBind=this.onDirectionChange.bind(this),this.onScrollConfigChangeBind=this.onScrollConfigChange.bind(this),this.onScrollToBind=this.scrollTo.bind(this),this.onDOMChangedBind=this.onDOMChanged.bind(this),this.eventManager.on("wheel",this.onWheelBind),this.eventManager.on("resize",this.onResizeBind),this.eventManager.on("scrollTo",this.onScrollToBind),this.eventManager.on("dom:changed",this.onDOMChangedBind),this.scrollManager.bindEvents({onScrollStart:this.onScrollStartBind,onScrollStop:this.onScrollStopBind,onDirectionChange:this.onDirectionChangeBind,onModeChange:this.onScrollConfigChangeBind}),this.loop.setOnFrame(t=>{this.data.time.delta=t-this.data.time.now,this.data.time.previous=this.data.time.now,this.data.time.now=t,this.data.time.elapsed+=this.data.time.delta,this.onUpdateEvent(),this.updateDevtoolsFPS(t)}),this.on("image:load:all",()=>{this.onRebuild()}),this.scrollContainer=window}static getInstance(){return d.i||(d.i=new d),d.i}reuse(t){return this.moduleManager.find(t)}use(t,e=null){this.moduleManager.find(t)||this.shouldDeferDevtoolModule(t,e)||this.instantiateModule(t,e)}cleanupExistingDevtoolsArtifacts(){for(let t of d.DEVTOOLS_ARTIFACT_SELECTORS)document.querySelectorAll(t).forEach(e=>e.remove())}instantiateModule(t,e=null){let r={...this.context.settings,...e},i=new t({events:this.eventManager,data:this.data,tools:this.tools,settings:r,centers:this.centers,hover:this.hoverManager,objectManager:this.objectManager,signals:this.signalHub});this.moduleManager.register(i),Fn(i)&&this.devtools.register(i.getDevtoolDefinition()),this.hasStarted&&(this.objectManager.attachModule(i),i.onInit(),i.onResize(),i.onScroll(this.data),i.onFrame(this.data))}shouldDeferDevtoolModule(t,e){return!(t===J||t.prototype instanceof J)||this.devtoolsAccessState==="granted"?!1:(this.pendingDevtoolUses.push({objectClass:t,settings:e}),this.devtoolsAccessToken.length>0&&this.devtoolsAccessState!=="pending"&&this.validateDevtoolsAccess(this.devtoolsAccessToken),!0)}async validateDevtoolsAccess(t){let e=++this.devtoolsAccessRequestId;this.devtoolsAccessState="pending";try{let r=await fetch(`${d.DEVTOOLS_ACCESS_URL}?token=${encodeURIComponent(t)}`),i=await this.resolveDevtoolsAccessResponse(r);if(e!==this.devtoolsAccessRequestId||t!==this.devtoolsAccessToken)return;if(this.devtoolsAccessState=i?"granted":"denied",!i){this.logDevtoolsAccess("denied"),this.pendingDevtoolUses=[];return}this.logDevtoolsAccess("granted");let n=[...this.pendingDevtoolUses];this.pendingDevtoolUses=[],n.forEach(({objectClass:s,settings:o})=>{this.instantiateModule(s,o)})}catch{if(e!==this.devtoolsAccessRequestId||t!==this.devtoolsAccessToken||this.devtoolsAccessState==="granted")return;this.devtoolsAccessState="denied",this.logDevtoolsAccess("error"),this.pendingDevtoolUses=[]}}logDevtoolsAccess(t){if(this.devtoolsAccessLastMessage!==t){if(this.devtoolsAccessLastMessage=t,t==="granted"){console.info(`${d.DEVTOOLS_LOG_PREFIX} Access granted. Devtools modules are enabled.`);return}if(t==="denied"){console.warn(`${d.DEVTOOLS_LOG_PREFIX} Access denied. Devtools modules were not enabled. Check accessDevtoolToken.`);return}console.warn(`${d.DEVTOOLS_LOG_PREFIX} Access check failed. Devtools modules were not enabled.`)}}async resolveDevtoolsAccessResponse(t){if(!t.ok)return!1;if((t.headers.get("content-type")?.toLowerCase()??"").includes("application/json")){let i=await t.json();return typeof i=="boolean"?i:i&&typeof i=="object"&&"allowed"in i?i.allowed===!0:!1}return(await t.text()).trim().toLowerCase()==="true"}registerScrollMode(t,e){let r;if(typeof e=="function"&&e.prototype instanceof et){let i=e;r=new i(this.context)}else r=e(this.context);r.name||(r.name=t),this.scrollManager.registerMode(t,r)}on(t,e,r=""){this.eventManager.on(t,e,r)}emit(t,e){this.eventManager.emit(t,e)}off(t,e,r=""){this.eventManager.off(t,e,r)}addScrollMark(t){this.scrollManager.addScrollMark(t)}removeScrollMark(t){this.scrollManager.removeScrollMark(t)}start(t){if(this.hasStarted)return;this.hasStarted=!0,this.data.scroll.scrollContainer?.addEventListener("scroll",this.onScrollBind),this.data.scroll.container?.addEventListener("wheel",this.onWheelBind,{passive:!1}),window.addEventListener("resize",this.onResizeBind),this.root.addEventListener("mousemove",this.onMouseMoveBind),this.observeContainerMutations(),this.use(Fe);let e=window.getComputedStyle(document.documentElement).fontSize,r=parseFloat(e);this.context.data.viewport.baseRem=r,document.documentElement.classList.add("-string"),this.syncDebugScrollState(),this.moduleManager.onInit(),this.onResize(!1,"start"),this.initObjects(),this.objectManager.observeDOM(),this.loop.start(t),this.eventManager.emit("start",null)}initObjects(){document.querySelectorAll("[string],[data-string]").forEach(t=>{this.objectManager.add(t)}),document.querySelectorAll("[string-copy-from],[data-string-copy-from]").forEach(t=>{let e=this.tools.domAttribute.process({element:t,key:"copy-from",fallback:""});e&&e.length>0&&this.objectManager.linkMirror(e,t)}),this.moduleManager.onResize(),this.moduleManager.onScroll(),this.moduleManager.onFrame()}setupSettings(t){this.context.settings={...this.context.settings,...t},typeof t.storageToken=="string"?ui(t.storageToken):typeof t["storage-token"]=="string"&&ui(t["storage-token"]),typeof t.accessDevtoolToken=="string"&&(this.accessDevtoolToken=t.accessDevtoolToken),this.onSettingsChange({isDesktop:this.data.viewport.windowWidth>1024,widthChanged:!0,heightChanged:!0,scrollHeightChanged:!0,isForceRebuild:!1})}onResizeObserverEvent(){this.debouncedResize("resizeObserver")}onContainerTransitionEnd(t){t.target===this.context.data.scroll.container&&this.queueResize(!0,"containerTransition")}onDOMChanged(){this.debouncedRebuild()}observeContainerMutations(){this.observerContainerMutation?.disconnect();let t=this.context.data.scroll.container;t&&(this.observerContainerMutation=new MutationObserver(e=>{for(let r=0;r<e.length;r++){let i=e[r];if(i.type==="attributes"&&(i.attributeName==="style"||i.attributeName==="class")){this.debouncedResize("containerMutation");break}}}),this.observerContainerMutation.observe(t,{attributes:!0,attributeFilter:["style","class"]}))}queueResize(t=!1,e=""){t&&(this.pendingResizeForce=!0),this.pendingResizeRaf==null&&(this.pendingResizeRaf=requestAnimationFrame(()=>{this.pendingResizeRaf=null;let r=this.pendingResizeForce;this.pendingResizeForce=!1,this.onResize(r,e)}))}queueRebuild(){this.pendingRebuildRaf==null&&(this.pendingRebuildRaf=requestAnimationFrame(()=>{this.pendingRebuildRaf=null,this.onRebuild()}))}onRebuild(){let t=this.context.data.scroll,e=t.container.scrollHeight;this.context.data.viewport.contentHeight!==e&&(this.context.data.viewport.contentHeight=e,t.bottomPosition=e-this.context.data.viewport.windowHeight,this.moduleManager.onRebuild())}onMouseMoveEvent(t){this.cursorController.onMouseMove(t),this.moduleManager.onMouseMove(t),q.measure(()=>{this.moduleManager.onMouseMoveMeasure()})}onWheelEvent(t){t.target.closest("[string-isolation],[data-string-isolation]")==null&&(this.clearActiveScrollIntent("wheel"),this.scrollManager.get().onWheel(t),this.moduleManager.onWheel(t))}onScrollStart(){this.moduleManager.onScrollStart(),this.eventManager.emit("scroll:start",null)}onScrollStop(){this.clearActiveScrollIntent("scroll-stop"),this.moduleManager.onScrollStop(),this.eventManager.emit("scroll:stop",null)}onDirectionChange(){this.moduleManager.onDirectionChange()}onScrollConfigChange(){this.moduleManager.onScrollConfigChange(),this.syncDebugScrollState(),this.moduleManager.onScroll(),this.moduleManager.onScrollMeasure(),this.moduleManager.onFrame(),L.run(()=>{this.moduleManager.onMutate()})}syncDebugScrollState(){let t=document.documentElement,e=window.innerWidth<1024;t.setAttribute("data-string-scroll-mode",String(this.data.scroll.mode)),t.setAttribute("data-string-scroll-device",e?"mobile":"desktop")}onSettingsChange(t){this.cursorController.onSettingsChange(t),this.objectManager.onSettingsChange(t),this.moduleManager.onSettingsChange(t)}onScrollEvent(t){return t.preventDefault(),this.context.centers.invalidateAll(),this.scrollManager.get().onScroll(t),this.data.scroll.mode!=="smooth"&&this.clearActiveScrollIntent("native-scroll-non-smooth"),this.pendingScroll=!0,!1}onUpdateEvent(){this.cursorController.onFrame(),this.scrollManager.get().onFrame(),this.moduleManager.onFrame(),(this.pendingScroll||this.data.scroll.current!==this.lastScrollEmitted)&&(this.pendingScroll=!1,this.moduleManager.onScroll(),this.objectManager.checkInview(),this.eventManager.emit("lerp",this.data.scroll.lerped),this.eventManager.emit("scroll",this.data.scroll.current),q.measure(()=>{this.moduleManager.onScrollMeasure()}),this.lastScrollEmitted=this.data.scroll.current),q.mutate(()=>{L.begin(),this.moduleManager.onMutate(),L.commit()}),this.eventManager.emit("update",null),q.flush()}updateDevtoolsFPS(t){this.devtoolsFpsLastSampleTime===0&&(this.devtoolsFpsLastSampleTime=t),this.devtoolsFpsFrameCount+=1;let e=t-this.devtoolsFpsLastSampleTime;if(e<1e3)return;let r=this.devtoolsFpsFrameCount*1e3/e;this.devtools.setFPS(r),this.devtoolsFpsFrameCount=0,this.devtoolsFpsLastSampleTime=t}onResize(t=!1,e=""){if(this.canRebuild==!1)return;let r=this.data.scroll.container,i=this.context.data.scroll,n=0,s=0;var o,a=0;let l=r.getBoundingClientRect();r.tagName=="BODY"?(n=document.documentElement.clientWidth||window.innerWidth||l.width,s=window.innerHeight):(n=l.width,s=l.height),a=r.tagName==="BODY"?0:l.top,o=i.container.scrollHeight;let c=this.tools.transformScaleParser.process({value:window.getComputedStyle(r).transform});this.context.data.viewport.transformScale=window.getComputedStyle(r).scale=="none"?c:Number(window.getComputedStyle(r).scale),this.context.data.scroll.transformedCurrent=this.context.data.scroll.current*this.context.data.viewport.transformScale;let u=sa(),p=n>1024,g=this.prevWidth!==n,m=this.prevHeight!==s,h=Math.abs(this.prevHeight-s),f=this.context.data.viewport.contentHeight!==o,b=g||!u&&m||u&&h>150||f;this.context.data.scroll.topPosition=Math.floor(a),this.context.data.viewport.contentWidth=n,this.context.data.viewport.contentHeight=o,this.prevWidth=n,this.prevHeight=s,this.context.data.viewport.windowWidth=n,this.context.data.viewport.windowHeight=s;let y=window.getComputedStyle(document.documentElement).fontSize,v=parseFloat(y);if(this.context.data.viewport.baseRem=v*c,this.syncDebugScrollState(),i.bottomPosition=this.context.data.viewport.contentHeight-s,(g||typeof t=="boolean"&&t)&&this.moduleManager.onResizeWidth(),b||typeof t=="boolean"&&t){let S=this.context.data.scroll.elementContainer.scrollTop,E=this.context.data.scroll.target,M=i.mode==="smooth"&&(Math.abs(i.target-i.current)>1||Math.abs(i.delta)>1e-4);if((S>0||i.current!==0)&&(this.context.data.scroll.current=Math.max(0,Math.min(S,this.context.data.scroll.bottomPosition))),M){let A=(this.activeScrollIntent?this.resolveScrollIntentPosition(this.activeScrollIntent):null)??this.context.data.scroll.target,I=Math.max(0,Math.min(A,this.context.data.scroll.bottomPosition));this.context.data.scroll.target=I,Math.abs(this.context.data.scroll.target-this.context.data.scroll.current)<=1&&(this.context.data.scroll.target=this.context.data.scroll.current,this.context.data.scroll.delta=0,this.context.data.scroll.lerped=0)}else S>0&&(this.context.data.scroll.target=this.context.data.scroll.current);this.moduleManager.onResize(),this.scrollManager&&this.scrollManager.updateResponsiveMode(),this.onSettingsChange({isDesktop:p,widthChanged:g,heightChanged:m,scrollHeightChanged:f,isForceRebuild:t===!0}),this.objectManager.invalidateInviewIndex(),this.moduleManager.onScroll(),this.moduleManager.onScrollMeasure(),this.moduleManager.onFrame()}this.objectManager.checkInview()}invalidateCenter(t){this.objectManager.all.get(t)&&this.centers.invalidate(t)}scrollTo(t){let e=this.resolveScrollToValue(t);e!=null&&(this.activeScrollIntent=e.intent,this.scrollManager.get().scrollTo(e.position,e.immediate))}resolveScrollToValue(t){if(typeof t=="number")return{position:t,immediate:!1,intent:{kind:"position",position:t,immediate:!1}};if(typeof t=="string"||t instanceof HTMLElement){let s=this.resolveElementScrollPosition(t);return s==null?null:{position:s,immediate:!1,intent:typeof t=="string"?{kind:"selector",selector:t,offset:0,immediate:!1}:{kind:"element",element:t,offset:0,immediate:!1}}}let e=t.immediate===!0,r=t.offset??0;if("position"in t)return{position:t.position+r,immediate:e,intent:{kind:"position",position:t.position+r,immediate:e}};let i="selector"in t?t.selector:t.element,n=this.resolveElementScrollPosition(i);return n==null?null:{position:n+r,immediate:e,intent:"selector"in t?{kind:"selector",selector:t.selector,offset:r,immediate:e}:{kind:"element",element:t.element,offset:r,immediate:e}}}resolveElementScrollPosition(t){let e=typeof t=="string"?document.querySelector(t):t;if(!(e instanceof HTMLElement))return null;let r=this.data.scroll.container??document.body??document.documentElement,i=this.data.scroll.elementContainer??document.documentElement,n=this.tools.transformNullify.process({element:e});if(r===document.body||r===document.documentElement)return n.top+i.scrollTop;let s=r.getBoundingClientRect();return n.top-s.top+r.scrollTop}resolveScrollIntentPosition(t){switch(t.kind){case"position":return t.position;case"selector":{let e=this.resolveElementScrollPosition(t.selector);return e==null?null:e+t.offset}case"element":{let e=this.resolveElementScrollPosition(t.element);return e==null?null:e+t.offset}}}clearActiveScrollIntent(t){this.activeScrollIntent&&(this.activeScrollIntent=null)}destroy(){this.hasStarted=!1,this.data.scroll.scrollContainer?.removeEventListener("scroll",this.onScrollBind),this.data.scroll.container?.removeEventListener("wheel",this.onWheelBind),window.removeEventListener("resize",this.onResizeBind),this.root.removeEventListener("mousemove",this.onMouseMoveBind),this.eventManager.off("dom:changed",this.onDOMChangedBind),this.observerContainerMutation?.disconnect(),this.observerContainerMutation=null,this.pendingResizeRaf!=null&&(cancelAnimationFrame(this.pendingResizeRaf),this.pendingResizeRaf=null),this.pendingRebuildRaf!=null&&(cancelAnimationFrame(this.pendingRebuildRaf),this.pendingRebuildRaf=null),this.objectManager.destroy(),this.scrollManager.destroy(),this.devtools.destroy()}};export{te as CursorReactiveModule,Ft as DOMBatcher,G as GridAdapter,et as ScrollController,$r as StringAnchor,Dr as StringCursor,De as StringData,Jr as StringDelayLerpTracker,Ke as StringDevIconRegistry,Ai as StringDevInview,wi as StringDevLayout,J as StringDevModule,oe as StringDevOverlayRegistry,ki as StringDevProgress,Ti as StringDevRulers,ti as StringFPSTracker,ai as StringForm,Ur as StringGlide,Ir as StringImpulse,Nr as StringLazy,jr as StringLerp,ei as StringLerpTracker,zr as StringLoading,Fr as StringMagnetic,Hr as StringMarquee,_r as StringMasonry,x as StringModule,_t as StringObject,Yr as StringParallax,ri as StringPositionTracker,ee as StringProgress,hi as StringProgressPart,fi as StringRandom,Gr as StringResponsive,gi as StringScrollContainer,qr as StringScrollbar,pi as StringScroller,oi as StringSequence,mi as StringSignal,Qr as StringSplit,Wr as StringSpotlight,Vn as StringTune,ni as StringVideoAutoplay,di as buildDevtoolsThemeBlock,Vn as default,se as ensureStringDevtoolsSharedStyles,q as frameDOM,V as resolveDevtoolsIcon,L as styleTxn};
 //# sourceMappingURL=index.mjs.map