npm - mesurer-solid - Versions diffs - 0.2.5-beta.0 → 0.2.5-beta.1 - Mend

mesurer-solid 0.2.5-beta.0 → 0.2.5-beta.1

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

Files changed (5) hide show

package/dist/inject-script.js CHANGED Viewed

@@ -2390,7 +2390,7 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
     }
   }
 }
-`,wf={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},Tf={enabled:!0,color:`#2563eb`,diagonals:!1,opacity:1,width:1,pattern:`dashed`,dashLength:4,gap:3},Ef={opacity:1,edgeReveal:!1},Df=e=>typeof e==`object`&&!!e&&!Array.isArray(e),Of=e=>typeof e==`object`&&!!e&&!Array.isArray(e),kf=e=>typeof e==`string`,Af=e=>typeof e==`boolean`,jf=e=>typeof e==`number`&&Number.isFinite(e),Mf=e=>e===`hex`||e===`rgb`||e===`hsl`||e===`oklch`,Nf=e=>e===`solid`||e===`dashed`||e===`dotted`,Pf=e=>e===`system`||e===`light`||e===`dark`,Ff=e=>e===`off`||e===`hover`||e===`click`,If=e=>e===`none`||e===`select`||e===`guides`||e===`text-inspector`||e===`xray`||e===`rulers`,Lf=e=>e===`vertical`||e===`horizontal`,Rf=e=>Df(e)?jf(e.left)&&jf(e.top)&&jf(e.width)&&e.width>=0&&jf(e.height)&&e.height>=0:!1,zf=e=>Df(e)?kf(e.id)&&Rf(e.rect)&&Rf(e.normalizedRect)&&jf(e.deltaX)&&jf(e.deltaY):!1,Bf=e=>Df(e)?kf(e.id)&&Lf(e.orientation)&&jf(e.position):!1,Vf=e=>Df(e)?kf(e.id)&&Rf(e.rectA)&&Rf(e.rectB)&&Rf(e.normalizedRectA)&&Rf(e.normalizedRectB)&&Array.isArray(e.connectors):!1,Hf=(e,t)=>{if(Of(e))return{opacity:jf(e.opacity)?Math.min(1,Math.max(0,e.opacity)):t.opacity,width:jf(e.width)?Math.min(4,Math.max(1,e.width)):t.width,pattern:Nf(e.pattern)?e.pattern:t.pattern,dashLength:jf(e.dashLength)?Math.min(24,Math.max(2,e.dashLength)):t.dashLength,gap:jf(e.gap)?Math.min(24,Math.max(0,e.gap)):t.gap}},Uf=e=>Hf(e,wf),Wf=e=>{if(!Of(e))return;let t=Hf(e,Tf);if(t)return{...t,enabled:Af(e.enabled)?e.enabled:Tf.enabled,color:kf(e.color)?e.color:Tf.color,diagonals:Af(e.diagonals)?e.diagonals:Tf.diagonals}},Gf=e=>{if(Of(e))return{opacity:jf(e.opacity)?Math.min(1,Math.max(.2,e.opacity)):Ef.opacity,edgeReveal:Af(e.edgeReveal)?e.edgeReveal:Ef.edgeReveal}},Kf=e=>{if(!Of(e))return{};let t={};if(kf(e.highlightColor)&&(t.highlightColor=e.highlightColor),kf(e.guideColor)&&(t.guideColor=e.guideColor),Af(e.hoverHighlightEnabled)&&(t.hoverHighlightEnabled=e.hoverHighlightEnabled),Array.isArray(e.colorPickerFormats)){let n=e.colorPickerFormats.filter(Mf);n.length>0&&(t.colorPickerFormats=n)}Mf(e.colorPickerClickFormat)&&(t.colorPickerClickFormat=e.colorPickerClickFormat),Af(e.snapEnabled)&&(t.snapEnabled=e.snapEnabled),Af(e.snapGuidesEnabled)&&(t.snapGuidesEnabled=e.snapGuidesEnabled),Af(e.selectNewGuideEnabled)&&(t.selectNewGuideEnabled=e.selectNewGuideEnabled),Af(e.multiMeasureEnabled)&&(t.multiMeasureEnabled=e.multiMeasureEnabled),Af(e.layoutDetailsEnabled)&&(t.layoutDetailsEnabled=e.layoutDetailsEnabled),Ff(e.infoCardMode)&&(t.infoCardMode=e.infoCardMode),Af(e.persistOnReload)&&(t.persistOnReload=e.persistOnReload),Af(e.shortcutsEnabled)&&(t.shortcutsEnabled=e.shortcutsEnabled),Pf(e.theme)&&(t.theme=e.theme),(e.toolbarDock===`free`||e.toolbarDock===`snap`)&&(t.toolbarDock=e.toolbarDock),Af(e.toolbarAutoHide)&&(t.toolbarAutoHide=e.toolbarAutoHide);let n=Uf(e.guideStyle);n&&(t.guideStyle=n);let r=Wf(e.selectionSpacingStyle);r&&(t.selectionSpacingStyle=r);let i=Gf(e.rulerSettings);return i&&(t.rulerSettings=i),t},qf=e=>!Of(e)||!Af(e.enabled)||!If(e.toolMode)||!Lf(e.guideOrientation)||!Array.isArray(e.guides)||!Array.isArray(e.selectedGuideIds)||!Array.isArray(e.measurements)||!Array.isArray(e.heldDistances)?null:{enabled:e.enabled,xrayVisible:Af(e.xrayVisible)?e.xrayVisible:e.toolMode===`xray`,toolMode:e.toolMode,rulersVisible:Af(e.rulersVisible)?e.rulersVisible:e.toolMode===`rulers`,guideOrientation:e.guideOrientation,guides:e.guides.filter(Bf),selectedGuideIds:e.selectedGuideIds.filter(kf),measurements:e.measurements.filter(zf),activeMeasurement:zf(e.activeMeasurement)?e.activeMeasurement:null,heldDistances:e.heldDistances.filter(Vf)},Jf=e=>!Of(e)||e.version!==2?null:{settings:Kf(e.settings),workspace:qf(e.workspace)},Yf=e=>Of(e)?e.version===2?Jf(e):e.version===1?{settings:{},workspace:qf(e)}:null:null,Xf=e=>JSON.parse(e),Zf=`mesurer.pages/v1`,Qf=e=>{if(!Of(e)||e.format!==Zf||!Of(e.pages))return null;let t={};for(let[n,r]of Object.entries(e.pages)){let e=qf(r);e&&(t[n]=e)}return{format:Zf,settings:Kf(e.settings),pages:t}},$f=(e,t,n=t,r)=>{let i,a=Rl(e),o=t=>{try{let n=e.localStorage.getItem(t);return n?Xf(n):null}catch(e){return i?.(e),null}},s=e=>{let t=o(e);return t?Yf(t):null},c=e=>Qf(o(e)??void 0),l=(t,n)=>{try{e.localStorage.setItem(t,JSON.stringify(n))}catch(e){i?.(e)}},u=(e,t)=>{l(e,{version:2,settings:t.settings,workspace:t.workspace})},d=()=>{let e=r?s(r):null,i=n===t?c(t):null,o=n===t?null:s(n),l=c(t),u=l?null:s(t),d=l?.pages[a]??u?.workspace??e?.workspace??null,f=i?.settings??o?.settings??e?.settings??{};return!i&&!o&&!l&&!u&&!e?null:{settings:f,workspace:d}},f=e=>{let r=c(t),i=r?null:s(t),o=r?{...r.pages}:{};!r&&i?.workspace&&(o[a]=i.workspace),e.clearWorkspace?delete o[a]:e.workspace!==void 0&&(e.workspace?o[a]=e.workspace:delete o[a]);let u=e.settings??(n===t?r?.settings??i?.settings??{}:{});l(t,{format:Zf,settings:u,pages:o})};return{load:d,saveSettings:e=>{if(n===t){f({settings:e});return}u(n,{settings:e,workspace:null})},saveWorkspace:e=>f({workspace:e}),clearWorkspace:()=>f({clearWorkspace:!0}),clearSettings:()=>{if(n===t){f({settings:{}});return}u(n,{settings:{},workspace:null})},setPageKey:e=>{a=e},setErrorHandler:e=>{i=e},subscribe:i=>{let a=e=>{(e.key===n||e.key===t||e.key===r)&&i(d(),{settings:e.key===n||e.key===r||n===t,workspace:e.key===t||e.key===r||n===t})};return e.addEventListener(`storage`,a),()=>e.removeEventListener(`storage`,a)}}},ep=2,tp=64,np=`--mesurer-spacing-label-collision-x`,rp=`--mesurer-spacing-label-collision-y`,ip=22,ap=16,op=new WeakMap,sp=(e,t,n)=>({left:e.left+t,top:e.top+n,right:e.right+t,bottom:e.bottom+n,width:e.width,height:e.height}),cp=(e,t)=>e.left<t.right+ep&&e.right+ep>t.left&&e.top<t.bottom+ep&&e.bottom+ep>t.top,lp=(e,t,n)=>e.left>=ep&&e.top>=ep&&e.right<=t-ep&&e.bottom<=n-ep,up=e=>{if(e===0)return 0;let t=Math.ceil(e/2);return e%2==1?t:-t},dp=(e,t)=>{let n=Number.parseFloat(e.style.getPropertyValue(t));return Number.isFinite(n)?n:0},fp=e=>{let t=Number.parseInt(e.getAttribute(`data-mesurer-distance-label-index`)??`0`,10);return Number.isFinite(t)?t:0},pp=e=>{let t=e.getAttribute(`data-mesurer-distance-label-axis`);if(t===`x`)return{x:1,y:0};if(t===`y`)return{x:0,y:1};let n=Number.parseFloat(e.getAttribute(`data-mesurer-distance-label-vector-x`)??``),r=Number.parseFloat(e.getAttribute(`data-mesurer-distance-label-vector-y`)??``),i=Math.hypot(n,r);return Number.isFinite(i)&&i>.5?{x:n/i,y:r/i}:{x:1,y:0}},mp=(e,t,n,r)=>{Math.abs(n-r)<.5||(r===0?e.style.removeProperty(t):e.style.setProperty(t,`${r}px`))},hp=e=>{let t=e.ownerDocument.defaultView;if(!t)return;let n=[...e.querySelectorAll(`[data-mesurer-distance-kind="selection-spacing"] [data-mesurer-distance-label="true"]`)].sort((e,t)=>(e.getAttribute(`data-mesurer-distance-label-axis`)===`d`)-+(t.getAttribute(`data-mesurer-distance-label-axis`)===`d`)),r=new Map,i=n[0]?.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`);if(i){for(let t of e.ownerDocument.querySelectorAll(`[data-mesurer-spacing-paint="true"]`))if(t.getAttribute(`data-mesurer-selection-scope`)===i)for(let e of t.querySelectorAll(`[data-mesurer-spacing-visual-label="true"]`))r.set([t.getAttribute(`data-mesurer-distance-id`),e.getAttribute(`data-mesurer-distance-label-key`),e.getAttribute(`data-mesurer-distance-label-index`),e.getAttribute(`data-mesurer-distance-label-axis`)].join(`|`),e)}let a=[];for(let e of n){let n=e.closest(`[data-mesurer-distance-kind="selection-spacing"]`),i=r.get([n?.getAttribute(`data-mesurer-distance-id`),e.getAttribute(`data-mesurer-distance-label-key`),e.getAttribute(`data-mesurer-distance-label-index`),e.getAttribute(`data-mesurer-distance-label-axis`)].join(`|`)),o=i??e,s=dp(o,np),c=dp(o,rp),l=e.getAttribute(`data-mesurer-distance-label-axis`),u=pp(e),d={x:-u.y,y:u.x},f=fp(e),p=l===`y`?f*ip:0,m=l===`x`?f*ap:0,h=o.getBoundingClientRect(),g={left:h.left-s-p,top:h.top-c-m,right:h.right-s-p,bottom:h.bottom-c-m,width:h.width,height:h.height},_=l===`x`?g.width+ep:l===`y`?g.height+ep:Math.max(g.width,g.height)+ep,v=up(f),y=g,b=0,x=0,S=!1;for(let e=0;e<tp;e+=1){let n=(v+up(e))*_,r=u.x*n,o=u.y*n,s=sp(g,r,o);if(!(!i&&!lp(s,t.innerWidth,t.innerHeight))&&!a.some(e=>cp(s,e))){y=s,b=r,x=o,S=!0;break}}if(!S){let e=v*_,t=u.x*e,n=u.y*e,r=l===`x`?g.height+ep:l===`y`?g.width+ep:Math.max(g.width,g.height)+ep;for(let e=1;e<tp;e+=1){let i=up(e)*r,o=t+d.x*i,s=n+d.y*i,c=sp(g,o,s);if(!a.some(e=>cp(c,e))){y=c,b=o,x=s;break}}}let C=b-p,w=x-m;mp(e,np,dp(e,np),C),mp(e,rp,dp(e,rp),w),i&&(mp(i,np,s,C),mp(i,rp,c,w)),a.push(y)}},gp=e=>{let t=op.get(e);if(t){t.dirty=!0;return}let n=e.ownerDocument.defaultView;if(!n)return;let r={dirty:!1};op.set(e,r),n.requestAnimationFrame(()=>{op.delete(e),e.isConnected&&(hp(e),r.dirty&&gp(e))})},_p=`data-mesurer-spacing-label-pinned`,vp=`data-mesurer-spacing-label-group`,yp=`data-mesurer-spacing-base-opacity`,bp=`[data-mesurer-selected-measurement="true"], [data-mesurer-selection-spacing-target="true"]`,xp=`[data-mesurer-distance-hover-target="true"]`,Sp=8,Cp=new WeakMap,wp=new WeakMap,Tp=new WeakMap,Ep=new WeakMap,Dp=e=>e.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.parentElement??null,Op=e=>{queueMicrotask(()=>gp(e))},kp=e=>{let t=()=>{let t=Dp(e);t&&gp(t)};queueMicrotask(t),e.ownerDocument.defaultView?.requestAnimationFrame(t)},Ap=e=>{let t=Dp(e),n=e.getAttribute(`data-mesurer-distance-label-key`),r=e.getAttribute(`data-mesurer-distance-id`);return!t||!n||!r?null:{scope:t,labelKey:n,distanceId:r,labelCount:Number(e.getAttribute(`data-mesurer-distance-label-count`)??`1`)}},jp=e=>`${e.style.left}:${e.style.top}:${e.style.width}:${e.style.height}`,Mp=e=>{if(e.matches(`[data-mesurer-selection-spacing-target="true"]`))return e;for(let t of e.children)if(t instanceof HTMLElement&&t.style.left&&t.style.top&&t.style.width&&t.style.height)return t;return null},Np=(e,t)=>{let n=t?new Set([...t.querySelectorAll(xp)].map(jp)):null,r=e.querySelector(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`),i=r?[...e.ownerDocument.querySelectorAll(`[data-mesurer-multi-selection-document-layer="true"]`)].find(e=>e.getAttribute(`data-mesurer-selection-scope`)===r):null,a=[...e.querySelectorAll(bp),...i?.querySelectorAll(bp)??[]];for(let e of a){if(!n){let t=e.getAttribute(yp);if(t===null)continue;t?e.style.opacity=t:e.style.removeProperty(`opacity`),e.removeAttribute(yp);continue}e.hasAttribute(yp)||e.setAttribute(yp,e.style.opacity);let t=Mp(e);e.style.opacity=t&&n.has(jp(t))?`1`:`0.32`}},Pp=e=>{let t=Tp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Tp.delete(e))},Fp=e=>{let t=Ep.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Ep.delete(e))},Ip=(e,t)=>{if(!e.hasAttribute(vp)){t?.setExpandedKey(null);return}e.removeAttribute(vp),t?.setExpandedKey(null),Op(e)},Lp=(e,t,n)=>{e.getAttribute(vp)!==t&&(e.setAttribute(vp,t),n?.setExpandedKey(t),Op(e))},Rp=e=>{let t=e.querySelector(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`);return t?[...e.ownerDocument.querySelectorAll(`[data-mesurer-spacing-paint="true"]`)].filter(e=>e.getAttribute(`data-mesurer-selection-scope`)===t):[]},zp=(e,t)=>{let n=Rp(e),r=[...e.querySelectorAll(`[data-mesurer-distance-kind="selection-spacing"]`),...n];if(!t)for(let e of n)e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(t&&!e.hasAttribute(`data-mesurer-spacing-focus`))for(let e of r)for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.setAttribute(`data-mesurer-base-opacity`,t.style.opacity||`1`);if(!t){for(let e of r){e.removeAttribute(`data-mesurer-distance-active`);for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.style.opacity=t.getAttribute(`data-mesurer-base-opacity`)??``,t.removeAttribute(`data-mesurer-base-opacity`)}e.removeAttribute(`data-mesurer-spacing-focus`),Np(e,null);return}e.setAttribute(`data-mesurer-spacing-focus`,t);let i=null;for(let e of r){let n=e.getAttribute(`data-mesurer-distance-id`)===t;n?(e.setAttribute(`data-mesurer-distance-active`,`true`),e.dataset.mesurerDistanceKind===`selection-spacing`&&(i=e)):e.removeAttribute(`data-mesurer-distance-active`);for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.style.opacity=n?`1`:`0.16`}Np(e,i)},Bp=e=>{let t=Cp.get(e);t!==void 0&&(e.ownerDocument.defaultView?.clearTimeout(t),Cp.delete(e))},Vp=e=>{let t=wp.get(e);t&&(e.ownerDocument.removeEventListener(`pointerdown`,t,!0),wp.delete(e))},Hp=(e,t)=>{Bp(e),Pp(e),Vp(e),e.removeAttribute(_p),t?.setPinnedKey(null),Ip(e,t),zp(e,null)},Up=(e,t)=>{if(wp.has(e))return;let n=n=>{let r=n.target,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null;i&&Dp(i)===e||Hp(e,t)};wp.set(e,n),e.ownerDocument.addEventListener(`pointerdown`,n,!0)},Wp=(e,t)=>{if(e.hasAttribute(_p)||Cp.has(e))return;let n=e.ownerDocument.defaultView;n&&Cp.set(e,n.setTimeout(()=>{Cp.delete(e),!e.hasAttribute(_p)&&(Pp(e),Ip(e,t),zp(e,null))},250))},Gp=(e,t,n,r,i=Sp)=>{let a=1/0,o=1/0,s=-1/0,c=-1/0,l=!1;for(let n of e.querySelectorAll(`[data-mesurer-distance-label-key][data-mesurer-distance-label="true"]`)){if(n.getAttribute(`data-mesurer-distance-label-key`)!==t)continue;let e=n.getBoundingClientRect();a=Math.min(a,e.left),o=Math.min(o,e.top),s=Math.max(s,e.right),c=Math.max(c,e.bottom),l=!0}return l&&n>=a-i&&n<=s+i&&r>=o-i&&r<=c+i},Kp=(e,t,n)=>{if(e.hasAttribute(_p)){Pp(e);return}if(Tp.get(e)?.key===t)return;Pp(e);let r=r=>{if(!e.isConnected||e.hasAttribute(_p)){Pp(e);return}if(Gp(e,t,r.clientX,r.clientY)){Bp(e);return}Wp(e,n)};Tp.set(e,{key:t,handler:r}),e.ownerDocument.addEventListener(`pointermove`,r,!0)},qp=(e,t)=>{Fp(e);let n=n=>{(!e.isConnected||!Gp(e,t,n.clientX,n.clientY,2))&&Fp(e)};Ep.set(e,{key:t,handler:n}),e.ownerDocument.addEventListener(`pointermove`,n,!0)},Jp=(e,t)=>Ep.get(e)?.key===t,Yp=e=>{let t=lo(()=>e.primary!==!1),n=lo(()=>!!(e.interactive&&e.labelKey&&e.distanceId)),r=()=>e.appearance===`visual`,i=()=>e.appearance===`proxy`,a=lo(()=>!!(e.spacingInteraction&&e.labelKey&&e.labelCount&&e.labelCount>1&&e.spacingInteraction.expandedKey()===e.labelKey)),o=lo(()=>t()||a()),s=t=>{let n=Ap(t.currentTarget);if(!n)return;Bp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(_p),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;!r&&i&&n.labelCount>1&&!Jp(n.scope,n.labelKey)?(Lp(n.scope,n.labelKey,e.spacingInteraction),Kp(n.scope,n.labelKey,e.spacingInteraction)):!r&&n.scope.getAttribute(vp)===n.labelKey&&Kp(n.scope,n.labelKey,e.spacingInteraction),zp(n.scope,n.distanceId);for(let t of Rp(n.scope))t.dataset.mesurerDistanceId===n.distanceId&&t.setAttribute(`data-mesurer-spacing-hover-axis`,e.axis)},c=t=>{let n=Ap(t.currentTarget);if(!n)return;for(let e of Rp(n.scope))e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(n.scope.hasAttribute(_p))return;let r=t.relatedTarget,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null,a=i?Ap(i):null;if(a?.scope===n.scope&&a.labelKey===n.labelKey){Bp(n.scope);return}Wp(n.scope,e.spacingInteraction)},l=e=>{Ap(e.currentTarget)&&e.stopPropagation()};var u=X(`div`,{onMouseEnter:s,onMouseLeave:c,onMouseDown:t=>{let n=Ap(t.currentTarget);if(!n||(t.stopPropagation(),n.labelCount<=1))return;Bp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(_p),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;if(r===n.labelKey&&i){Hp(n.scope,e.spacingInteraction),qp(n.scope,n.labelKey);return}Pp(n.scope),Fp(n.scope),n.scope.setAttribute(_p,n.labelKey),e.spacingInteraction?.setPinnedKey(n.labelKey),Lp(n.scope,n.labelKey,e.spacingInteraction),Up(n.scope,e.spacingInteraction),zp(n.scope,n.distanceId)},onPointerMove:l,onPointerDown:l,onPointerUp:l,onClick:e=>{Ap(e.currentTarget)&&e.stopPropagation()}});return ic(()=>e=>{kp(e)},u),Q(u,()=>e.children),q(()=>({e:r()?void 0:o()?`true`:`hidden`,t:r()?`true`:void 0,a:t()?`primary`:`duplicate`,o:e.labelKey,i:e.labelIndex??0,n:e.labelCount??1,s:e.axis,h:e.vectorX,r:e.vectorY,d:e.distanceId,l:`msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:bg-ink-900/90 ${e.axis===`x`?`msr:-translate-x-1/2`:e.axis===`y`?`msr:-translate-y-1/2`:`msr:-translate-x-1/2 msr:-translate-y-1/2`}`,u:{left:`${e.left}px`,top:`${e.top}px`,opacity:o()&&!i()?1:0,"pointer-events":!r()&&n()&&o()?`auto`:`none`,"margin-left":`calc(var(--mesurer-spacing-label-collision-x, 0px) + ${a()&&e.axis===`y`?(e.labelIndex??0)*22:0}px)`,"margin-top":`calc(var(--mesurer-spacing-label-collision-y, 0px) + ${a()&&e.axis===`x`?(e.labelIndex??0)*16:0}px)`,"z-index":a()?String(10+(e.labelIndex??0)):void 0}}),({e,t,a:n,o:r,i,n:a,s:o,h:s,r:c,d:l,l:d,u:f},p)=>{e!==p?.e&&$(u,`data-mesurer-distance-label`,e,p?.e),t!==p?.t&&$(u,`data-mesurer-spacing-visual-label`,t,p?.t),n!==p?.a&&$(u,`data-mesurer-distance-label-state`,n,p?.a),r!==p?.o&&$(u,`data-mesurer-distance-label-key`,r,p?.o),i!==p?.i&&$(u,`data-mesurer-distance-label-index`,i,p?.i),a!==p?.n&&$(u,`data-mesurer-distance-label-count`,a,p?.n),o!==p?.s&&$(u,`data-mesurer-distance-label-axis`,o,p?.s),s!==p?.h&&$(u,`data-mesurer-distance-label-vector-x`,s,p?.h),c!==p?.r&&$(u,`data-mesurer-distance-label-vector-y`,c,p?.r),l!==p?.d&&$(u,`data-mesurer-distance-id`,l,p?.d),d!==p?.l&&$(u,`class`,d,p?.l),f!==p?.u&&$(u,`style`,f,p?.u)}),u},Xp=(e,t,n=e.pattern)=>{let r=e.dashLength+e.gap,i=t===`horizontal`?`to right`:`to bottom`,a=Math.max(.5,e.width/2),o=n===`solid`?void 0:n===`dotted`?`radial-gradient(circle, ${e.color} 0 ${a}px, transparent ${a+.5}px)`:`repeating-linear-gradient(${i}, ${e.color} 0 ${e.dashLength}px, transparent ${e.dashLength}px ${r}px)`,s=n===`dotted`?t===`horizontal`?`${r}px ${e.width}px`:`${e.width}px ${r}px`:void 0;return{"background-color":n===`solid`?e.color:`transparent`,"background-image":o,"background-size":s,opacity:e.opacity}},Zp=(e,t)=>Math.max(0,Math.min(t,e)),Qp=(e,t,n)=>{let r=Math.min(e,t),i=Math.max(e,t),a=Math.min(20,Math.max(0,n/2));return i<0?a:r>n?n-a:(Zp(r,n)+Zp(i,n))/2},$p=(e,t,n)=>n&&n>0?Qp(e,t,n):(e+t)/2,em=(e,t)=>{let n=Math.min(20,Math.max(0,t/2));return e<0?n:e>t?t-n:Math.max(n,Math.min(t-n,e))},tm=(e,t,n)=>e+n/2>0&&e-n/2<t,nm=(e,t,n)=>Math.max(e,t)>0&&Math.min(e,t)<n;function rm(e){let t=()=>e.kind===`selection-spacing`,n=()=>e.renderPart!==`interaction`,r=()=>e.renderPart!==`paint`,i=()=>n()||r(),a=()=>e.renderPart===`paint`?`visual`:e.renderPart===`interaction`?`proxy`:`normal`,o=()=>e.selectionSpacingStyle??Tf,s=()=>globalThis.window,c=e=>{if(t())return e;let n=s()?.innerWidth;return n&&n>0?em(e,n):e},l=e=>{if(t())return e;let n=s()?.innerHeight;return n&&n>0?em(e,n):e},u=(e,n,r)=>t()?(e+n)/2:$p(e,n,r),d=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||nm(n,r,o.innerWidth)&&tm(i,o.innerHeight,a)},f=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||tm(n,o.innerWidth,a)&&nm(r,i,o.innerHeight)},p=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Math.max(n,i)>0&&Math.min(n,i)<o.innerWidth&&Math.max(r,a)>0&&Math.min(r,a)<o.innerHeight};var m=X(`div`);return Q(m,Y(K,{get when(){return J(()=>!!n())()?e.showRects!==!1:n()},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.distance.rectA.left}px`,top:`${e.distance.rectA.top}px`,width:`${e.distance.rectA.width}px`,height:`${e.distance.rectA.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),(()=>{var t=X(`div`,{class:`msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.distance.rectB.left}px`,top:`${e.distance.rectB.top}px`,width:`${e.distance.rectB.width}px`,height:`${e.distance.rectB.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()]}}),null),Q(m,Y(K,{get when(){return J(()=>!!t())()?r():t()},get children(){return[(()=>{var t=X(`div`,{"data-mesurer-distance-hover-target":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${e.distance.rectA.left}px`,top:`${e.distance.rectA.top}px`,width:`${e.distance.rectA.width}px`,height:`${e.distance.rectA.height}px`,opacity:0}),(e,n)=>{$(t,`style`,e,n)}),t})(),(()=>{var t=X(`div`,{"data-mesurer-distance-hover-target":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${e.distance.rectB.left}px`,top:`${e.distance.rectB.top}px`,width:`${e.distance.rectB.width}px`,height:`${e.distance.rectB.height}px`,opacity:0}),(e,n)=>{$(t,`style`,e,n)}),t})()]}}),null),Q(m,Y(K,{get when(){return J(()=>!!n())()?e.distance.showConnectors!==!1:n()},get children(){return Y(_o,{get each(){return e.distance.connectors},children:e=>Math.abs(e.x1-e.x2)<1?(()=>{var t=X(`div`,{"data-mesurer-distance-connector":`true`,class:`msr:absolute msr:border-l msr:border-dashed msr:border-[#2563eb]/70`});return q(()=>({left:`${e.x1}px`,top:`${Math.min(e.y1,e.y2)}px`,height:`${Math.abs(e.y2-e.y1)}px`}),(e,n)=>{$(t,`style`,e,n)}),t})():(()=>{var t=X(`div`,{"data-mesurer-distance-connector":`true`,class:`msr:absolute msr:border-t msr:border-dashed msr:border-[#2563eb]/70`});return q(()=>({left:`${Math.min(e.x1,e.x2)}px`,top:`${e.y1}px`,width:`${Math.abs(e.x2-e.x1)}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()})}}),null),Q(m,Y(K,{get when(){return!t()||!e.distance.edgeDistances?.length},get children(){return[Y(K,{get when(){return e.distance.horizontal},children:r=>Y(K,{get when(){return J(()=>r().value>0)()&&r().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`horizontal`});return q(()=>({e:t()?o().pattern:void 0,t:t()?String(o().width):void 0,a:t()?o().color:void 0,o:t()?`msr:absolute`:`msr:absolute msr:h-px msr:bg-[#2563eb]`,i:t()?{left:`${Math.min(r().x1,r().x2)}px`,width:`${Math.abs(r().x2-r().x1)}px`,top:`${r().y-o().width/2}px`,height:`${o().width}px`,...Xp(o(),`horizontal`)}:{left:`${Math.min(r().x1,r().x2)}px`,width:`${Math.abs(r().x2-r().x1)}px`,top:`${r().y}px`}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-line-pattern`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-width`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-color`,r,o?.a),i!==o?.o&&$(e,`class`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?d(r().x1,r().x2,r().y,t()?o().width:1):i()},get children(){return Y(Yp,{axis:`x`,get left(){return c(u(r().x1,r().x2,s()?.innerWidth))},get top(){return l(r().y+2)},get distanceId(){return J(()=>!!t())()?e.distance.id:void 0},get labelKey(){return r().labelKey},get labelIndex(){return r().labelIndex},get labelCount(){return r().labelCount},get primary(){return r().showLabel!==!1},get interactive(){return t()},get appearance(){return a()},get spacingInteraction(){return J(()=>!!t())()?e.spacingInteraction:void 0},get children(){return Gu(r().value)}})}})]}})}),Y(K,{get when(){return e.distance.vertical},children:r=>Y(K,{get when(){return J(()=>r().value>0)()&&r().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`vertical`});return q(()=>({e:t()?o().pattern:void 0,t:t()?String(o().width):void 0,a:t()?o().color:void 0,o:t()?`msr:absolute`:`msr:absolute msr:w-px msr:bg-[#2563eb]`,i:t()?{top:`${Math.min(r().y1,r().y2)}px`,height:`${Math.abs(r().y2-r().y1)}px`,left:`${r().x-o().width/2}px`,width:`${o().width}px`,...Xp(o(),`vertical`)}:{top:`${Math.min(r().y1,r().y2)}px`,height:`${Math.abs(r().y2-r().y1)}px`,left:`${r().x}px`}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-line-pattern`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-width`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-color`,r,o?.a),i!==o?.o&&$(e,`class`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?f(r().x,r().y1,r().y2,t()?o().width:1):i()},get children(){return Y(Yp,{axis:`y`,get left(){return c(r().x+2)},get top(){return l(u(r().y1,r().y2,s()?.innerHeight))},get distanceId(){return J(()=>!!t())()?e.distance.id:void 0},get labelKey(){return r().labelKey},get labelIndex(){return r().labelIndex},get labelCount(){return r().labelCount},get primary(){return r().showLabel!==!1},get interactive(){return t()},get appearance(){return a()},get spacingInteraction(){return J(()=>!!t())()?e.spacingInteraction:void 0},get children(){return Gu(r().value)}})}})]}})})]}}),null),Q(m,Y(K,{get when(){return J(()=>!!(t()&&o().diagonals))()?e.distance.diagonal:t()&&o().diagonals},children:t=>{let r=()=>Math.hypot(t().x2-t().x1,t().y2-t().y1),s=()=>r()>0?(t().x2-t().x1)/r():1,u=()=>r()>0?(t().y2-t().y1)/r():0,d=()=>Math.atan2(t().y2-t().y1,t().x2-t().x1),f=()=>(t().x1+t().x2)/2,m=()=>(t().y1+t().y2)/2;return Y(K,{get when(){return J(()=>t().value>0&&t().showLine!==!1)()?p(t().x1,t().y1,t().x2,t().y2):t().value>0&&t().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`diagonal`,"data-mesurer-line-pattern":`dotted`,class:`msr:absolute`});return q(()=>({e:String(o().width),t:o().color,a:{left:`${t().x1}px`,top:`${t().y1-o().width/2}px`,width:`${r()}px`,height:`${o().width}px`,transform:`rotate(${d()}rad)`,"transform-origin":`0 50%`,...Xp(o(),`horizontal`,`dotted`)}}),({e:t,t:n,a:r},i)=>{t!==i?.e&&$(e,`data-mesurer-line-width`,t,i?.e),n!==i?.t&&$(e,`data-mesurer-line-color`,n,i?.t),r!==i?.a&&$(e,`style`,r,i?.a)}),e}}),Y(K,{get when(){return i()},get children(){return Y(Yp,{axis:`d`,get vectorX(){return s()},get vectorY(){return u()},get left(){return c(f()-u()*2)},get top(){return l(m()+s()*2)},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]}})}}),null),Q(m,Y(K,{get when(){return J(()=>!!t())()?e.distance.edgeDistances?.length:t()},get children(){return Y(_o,{get each(){return e.distance.edgeDistances?.map((e,t)=>t)},children:t=>{let r=()=>{let n=e.distance.edgeDistances?.[t];return n?.axis===`x`&&n.value>0&&n.showLine!==!1?n:null},p=()=>{let n=e.distance.edgeDistances?.[t];return n?.axis===`y`&&n.value>0&&n.showLine!==!1?n:null};return[Y(K,{get when(){return r()},children:t=>[Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:absolute`});return q(()=>({e:`horizontal-${t().side}`,t:o().pattern,a:String(o().width),o:o().color,i:{left:`${Math.min(t().x1,t().x2)}px`,width:`${Math.abs(t().x2-t().x1)}px`,top:`${t().y-o().width/2}px`,height:`${o().width}px`,...Xp(o(),`horizontal`)}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-distance-line`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-pattern`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-width`,r,o?.a),i!==o?.o&&$(e,`data-mesurer-line-color`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?d(t().x1,t().x2,t().y,o().width):i()},get children(){return Y(Yp,{axis:`x`,get left(){return c(u(t().x1,t().x2,s()?.innerWidth))},get top(){return l(t().y+2)},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]}),Y(K,{get when(){return p()},children:t=>[Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:absolute`});return q(()=>({e:`vertical-${t().side}`,t:o().pattern,a:String(o().width),o:o().color,i:{top:`${Math.min(t().y1,t().y2)}px`,height:`${Math.abs(t().y2-t().y1)}px`,left:`${t().x-o().width/2}px`,width:`${o().width}px`,...Xp(o(),`vertical`)}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-distance-line`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-pattern`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-width`,r,o?.a),i!==o?.o&&$(e,`data-mesurer-line-color`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?f(t().x,t().y1,t().y2,o().width):i()},get children(){return Y(Yp,{axis:`y`,get left(){return c(t().x+2)},get top(){return l(u(t().y1,t().y2,s()?.innerHeight))},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]})]}})}}),null),q(()=>({e:r()?`true`:void 0,t:r()?e.kind:void 0,a:e.renderPart===`paint`?`true`:void 0,o:e.spacingScopeId,i:e.distance.id,n:e.onRemove?`msr:pointer-events-auto`:`msr:pointer-events-none`,s:e.onRemove?t=>{t.stopPropagation(),e.onRemove?.(e.distance.id)}:void 0}),({e,t,a:n,o:r,i,n:a,s:o},s)=>{e!==s?.e&&$(m,`data-mesurer-distance`,e,s?.e),t!==s?.t&&$(m,`data-mesurer-distance-kind`,t,s?.t),n!==s?.a&&$(m,`data-mesurer-spacing-paint`,n,s?.a),r!==s?.o&&$(m,`data-mesurer-selection-scope`,r,s?.o),i!==s?.i&&$(m,`data-mesurer-distance-id`,i,s?.i),a!==s?.n&&$(m,`class`,a,s?.n),o!==s?.s&&$(m,`onClick`,o,s?.s)}),m}var im=`--mesurer-nested-scroll-x`,am=`--mesurer-nested-scroll-y`,om=(e,t,n,r={})=>{let i=e,a=new Map,o=t.ownerDocument,s=r.trackWindow===!0,c=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof i.ShadowRoot?t.host:null},l=c(t);for(;l;)l instanceof i.HTMLElement&&l!==o.body&&l!==o.documentElement&&a.set(l,{left:l.scrollLeft,top:l.scrollTop}),l=c(l);let u={left:e.scrollX,top:e.scrollY},d=0,f=0,p=!1,m=()=>{let e=new Set;for(let t of n())t?.isConnected&&e.add(t);return e},h=(e,t,n)=>{let r=e.style.getPropertyValue(t);if(n===0){r&&e.style.removeProperty(t);return}let i=`${n}px`;r!==i&&e.style.setProperty(t,i)},g=()=>{if(!p)for(let e of m())e.dataset.mesurerNestedScrollCompensation!==`true`&&(e.dataset.mesurerNestedScrollCompensation=`true`),h(e,im,d),h(e,am,f)},_=(e,t,n)=>{let r=t-e.left,i=n-e.top;return r===0&&i===0?!1:(e.left=t,e.top=n,d-=r,f-=i,!0)},v=e=>{if(p||!(e.currentTarget instanceof i.HTMLElement))return;let t=e.currentTarget,n=a.get(t);!n||!_(n,t.scrollLeft,t.scrollTop)||g()},y=()=>{p||!s||!_(u,e.scrollX,e.scrollY)||g()};for(let e of a.keys())e.addEventListener(`scroll`,v,{capture:!0,passive:!0});return s&&e.addEventListener(`scroll`,y,{capture:!0,passive:!0}),g(),{sync:g,rebase(){if(!p){for(let[e,t]of a)t.left=e.scrollLeft,t.top=e.scrollTop;u={left:e.scrollX,top:e.scrollY},d=0,f=0,g()}},release(){if(!p){p=!0,s&&e.removeEventListener(`scroll`,y,!0);for(let e of a.keys())e.removeEventListener(`scroll`,v,!0);for(let e of m())delete e.dataset.mesurerNestedScrollCompensation,e.style.removeProperty(im),e.style.removeProperty(am);a.clear()}}}},sm={top:!0,right:!0,bottom:!0,left:!0},cm=e=>Math.round(e),lm=`2147482800`;function um(e){let t,n,[r,i]=G(null),a=()=>e.edgeVisibility??sm,o=()=>!!e.measurement?.id.startsWith(`group-`),s=()=>!!(e.measurement&&`paddingRect`in e.measurement),c=e=>`cssRect`in e&&e.cssRect?e.cssRect:e.rect,l=()=>s()?`none`:`left 140ms ease, top 140ms ease, width 140ms ease, height 140ms ease`,u=()=>s()?`none`:`left 140ms ease, top 140ms ease`,d=()=>{let t=e.measurement;if(!t||!(`paddingRect`in t))return null;let n=t.elementRef;return n?.isConnected?n:null},f=()=>{let e=d(),t=r(),n=e?.ownerDocument.defaultView;return!e||!n||t!==e.ownerDocument.body?{x:0,y:0}:{x:n.scrollX,y:n.scrollY}},p=(e,n)=>{let r=e.rect,i=t?.ownerDocument.defaultView?.devicePixelRatio||1,a=e=>Math.round(e*i)/i,o=Math.max(1,Math.round(i))/i,s=t?.getBoundingClientRect(),c=s?.left??r.left,l=s?.top??r.top,u=a(c),d=a(c+(s?.width??r.width)),f=a(l),p=a(l+(s?.height??r.height)),m=(e,t,n,r)=>({left:`0px`,top:`0px`,width:`1px`,height:`1px`,"transform-origin":`0 0`,transform:`translate(${e}px, ${t}px) scale(${n}, ${r})`});switch(n){case`top`:return m(u-c,f-l,d-u,o);case`right`:return m(d-c-o,f-l,o,p-f);case`bottom`:return m(u-c,p-l-o,d-u,o);case`left`:return m(u-c,f-l,o,p-f)}},m=()=>{let r=d();if(!r||!t)return;let i=Wd(r.ownerDocument),a=Gd(qu(r),i),o=r.ownerDocument.defaultView,s=t.parentElement,c=!!(o&&s?.parentNode===r.ownerDocument.body),l=c?o.scrollX:0,u=c?o.scrollY:0,f=a.left+l,m=a.top+u;Object.assign(t.style,{left:`${f}px`,top:`${m}px`,width:`${a.width}px`,height:`${a.height}px`,display:a.width>0&&a.height>0?``:`none`});for(let n of[`top`,`right`,`bottom`,`left`]){let r=t.querySelector(`[data-mesurer-selection-edge="${n}"]`);if(r)for(let[t,i]of Object.entries(p(e.measurement,n)))r.style.setProperty(t,i)}n&&Object.assign(n.style,{left:`${f+a.width/2}px`,top:`${m+a.height+2}px`,display:a.width>0&&a.height>0&&g({...e.measurement,rect:a})?``:`none`})};Nn(()=>{let e=d(),r=e?.ownerDocument.defaultView;if(!e||!r)return;let a=t?.ownerDocument,o=e.ownerDocument===a&&e.getRootNode()===e.ownerDocument&&!!e.ownerDocument.body;i(o?e.ownerDocument.body:null);let s=t&&o?_f(t,e):null,c=o?om(r,e,()=>[t,n]):null,l=0,u=()=>{t?.dataset.mesurerNativeScrollAnchor===`box`||l||(l=r.requestAnimationFrame(()=>{l=0,t?.dataset.mesurerNativeScrollAnchor!==`box`&&m()}))},f=new r.ResizeObserver(m),p=(()=>{let e=r;for(;e.frameElement;){let t=e.frameElement.ownerDocument.defaultView;if(!t||t===e)break;e=t}return e})();m(),c?.sync(),f.observe(e),r.addEventListener(`scroll`,u,{capture:!0,passive:!0});let h=Wd(e.ownerDocument)!==void 0;return p!==r&&h&&p.addEventListener(`mesurer:responsive-preview-geometry-change`,u),r.addEventListener(`resize`,m,!0),p!==r&&h&&p.addEventListener(`resize`,m,!0),()=>{f.disconnect(),s?.(),c?.release(),l&&r.cancelAnimationFrame(l),r.removeEventListener(`scroll`,u,!0),p!==r&&h&&p.removeEventListener(`mesurer:responsive-preview-geometry-change`,u),r.removeEventListener(`resize`,m,!0),p!==r&&h&&p.removeEventListener(`resize`,m,!0)}});let h=r=>[Y(K,{get when(){return!o()},get children(){var n=X(`div`,{"data-mesurer-measurement-chrome":`true`,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{t=e},n),Q(n,Y(K,{get when(){return J(()=>!!d())()?Wd(d().ownerDocument)!==void 0:d()},get fallback(){return[Y(K,{get when(){return a().top},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),Y(K,{get when(){return a().right},get children(){var t=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),Y(K,{get when(){return a().bottom},get children(){var t=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),Y(K,{get when(){return a().left},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}})]},get children(){return[Y(K,{get when(){return a().top},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`top`,class:`msr:absolute`}),n=X(`rect`,{width:`1`,height:`1`,"shape-rendering":`crispEdges`});return Z(t,n),q(()=>({e:p(r(),`top`),t:e.outlineColor}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`fill`,r,i?.t)}),t}}),Y(K,{get when(){return a().right},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`right`,class:`msr:absolute`}),n=X(`rect`,{width:`1`,height:`1`,"shape-rendering":`crispEdges`});return Z(t,n),q(()=>({e:p(r(),`right`),t:e.outlineColor}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`fill`,r,i?.t)}),t}}),Y(K,{get when(){return a().bottom},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`bottom`,class:`msr:absolute`}),n=X(`rect`,{width:`1`,height:`1`,"shape-rendering":`crispEdges`});return Z(t,n),q(()=>({e:p(r(),`bottom`),t:e.outlineColor}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`fill`,r,i?.t)}),t}}),Y(K,{get when(){return a().left},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`left`,class:`msr:absolute`}),n=X(`rect`,{width:`1`,height:`1`,"shape-rendering":`crispEdges`});return Z(t,n),q(()=>({e:p(r(),`left`),t:e.outlineColor}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`fill`,r,i?.t)}),t}})]}})),q(()=>({e:s()?`true`:void 0,t:{left:`${r().rect.left+f().x}px`,top:`${r().rect.top+f().y}px`,width:`${r().rect.width}px`,height:`${r().rect.height}px`,"z-index":s()?lm:void 0,"background-color":e.fillColor,transition:l(),"transition-property":s()?`none`:`left, top, width, height`,"transition-duration":s()?`0s`:`140ms`,animation:`none`,"animation-name":`none`}}),({e,t},r)=>{e!==r?.e&&$(n,`data-mesurer-selected-outline`,e,r?.e),t!==r?.t&&$(n,`style`,t,r?.t)}),n}}),Y(K,{get when(){return J(()=>e.showLabel!==!1)()&&g(r())},get children(){var e=X(`div`,{"data-mesurer-measurement-label":`true`,class:`msr:pointer-events-none msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:-translate-x-1/2 msr:bg-ink-900/90`}),t=ec(` x `);return Z(e,t),ic(()=>e=>{n=e},e),Q(e,()=>cm(c(r()).width),t),Q(e,()=>cm(c(r()).height),null),q(()=>({left:`${r().rect.left+f().x+r().rect.width/2}px`,top:`${r().rect.top+f().y+r().rect.height+2}px`,"z-index":s()?lm:void 0,"white-space":`nowrap`,transition:u(),"transition-property":s()?`none`:`left, top`,"transition-duration":s()?`0s`:`140ms`,animation:`none`,"animation-name":`none`}),(t,n)=>{$(e,`style`,t,n)}),e}})],g=t=>{let n=d()?Wd(d().ownerDocument):e.clipRect;if(!n)return!0;let r=t.rect,i=r.left+r.width/2,a=r.top+r.height+2;return i>=n.left&&i<=n.left+n.width&&a>=n.top&&a+18<=n.top+n.height};return Y(K,{get when(){return e.measurement},children:t=>Y(K,{get when(){return J(()=>!!(s()&&!o()))()?r():null},get fallback(){var e=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`});return Q(e,()=>h(t)),q(()=>({e:`paddingRect`in t()?`true`:void 0,t:o()?`true`:void 0}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`data-mesurer-selected-measurement`,t,r?.e),n!==r?.t&&$(e,`data-mesurer-selection-group`,n,r?.t)}),e},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`,"data-mesurer-selected-measurement":`true`,"data-mesurer-inspector-ui":`true`});return Q(n,()=>h(t)),q(()=>e.theme??`system`,(e,t)=>{$(n,`data-theme`,e,t)}),n}})})})}var dm=e=>Math.round(e),fm=e=>Number.parseFloat(e)||0,pm=e=>e.split(` `).map(e=>`${e}px`).join(` `),mm=e=>{let t=dm(e.top),n=dm(e.right),r=dm(e.bottom),i=dm(e.left);return t===0&&n===0&&r===0&&i===0?null:t===n&&n===r&&r===i?String(t):t===r&&i===n?`${t} ${n}`:`${t} ${n} ${r} ${i}`},hm=(e,t)=>{let n=dm(e),r=dm(t);return n===0&&r===0?null:n===r?String(n):`${n} ${r}`},gm=e=>{let t=[e.top,e.right,e.bottom,e.left].map(fm).map(dm);if(t.every(e=>e===0))return null;let[n,r,i,a]=t;return n===r&&r===i&&i===a?`${n}px`:n===i&&a===r?`${n}px ${r}px`:`${n}px ${r}px ${i}px ${a}px`},_m=e=>{let t=[e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].map(fm);if(t.every(e=>e===0))return null;let n=mm({top:t[0],right:t[1],bottom:t[2],left:t[3]}),r=e.borderTopStyle;return n?`${pm(n)}${r&&r!==`none`&&t.every(e=>e===t[0])?` ${r}`:``}`:null},vm=e=>{let t=e.trim().toLowerCase(),n=/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)$/.exec(t);if(n)return{r:Math.round(Number(n[1])),g:Math.round(Number(n[2])),b:Math.round(Number(n[3])),a:n[4]===void 0?1:Number(n[4])};let r=/^#([0-9a-f]{3}|[0-9a-f]{6})$/.exec(t)?.[1];if(!r)return null;let i=r.length===3?[...r].map(e=>e+e).join(``):r;return{r:Number.parseInt(i.slice(0,2),16),g:Number.parseInt(i.slice(2,4),16),b:Number.parseInt(i.slice(4,6),16),a:1}},ym=(e,t)=>e.length<=t?e:`${e.slice(0,t-1)}…`,bm=(e,t,n)=>{n&&e.push({label:t,value:n})},xm=(e,t,n)=>{let r=[],i=mm(e.padding),a=hm(fm(t.rowGap),fm(t.columnGap));bm(r,`padding`,i?pm(i):null),bm(r,`gap`,a?pm(a):null);let o=mm(e.margin);bm(r,`margin`,o?pm(o):null);let s=t.display.trim();s&&!new Set([`block`,`inline`,`inline-block`]).has(s)&&r.push({label:`display`,value:s}),s===`flex`||s===`inline-flex`?(bm(r,`flex-direction`,t.flexDirection===`row`?null:t.flexDirection),bm(r,`align-items`,[`normal`,`stretch`].includes(t.alignItems)?null:t.alignItems),bm(r,`justify-content`,[`normal`,`flex-start`].includes(t.justifyContent)?null:t.justifyContent)):(s===`grid`||s===`inline-grid`)&&(bm(r,`grid-template-columns`,t.gridTemplateColumns===`none`?null:ym(t.gridTemplateColumns,40)),bm(r,`grid-template-rows`,t.gridTemplateRows===`none`?null:ym(t.gridTemplateRows,40))),t.position&&t.position!==`static`&&(r.push({label:`position`,value:t.position}),bm(r,`inset`,gm(t))),t.zIndex.trim()&&![`auto`,`0`].includes(t.zIndex.trim())&&r.push({label:`z-index`,value:t.zIndex.trim()}),bm(r,`border`,_m(t)),bm(r,`radius`,[``,`0px`,`0px 0px 0px 0px`].includes(t.borderRadius.trim())?null:t.borderRadius.trim());let c=t.backgroundColor.trim(),l=vm(c);c&&c!==`transparent`&&!(l&&(l.a<.001||l.a>=.999&&l.r===255&&l.g===255&&l.b===255))&&r.push({label:`background`,value:c});let u=(n??t.color).trim(),d=vm(u);u&&!(d&&d.a>=.999&&d.r===0&&d.g===0&&d.b===0)&&r.push({label:`color`,value:u}),t.boxShadow.trim()&&t.boxShadow!==`none`&&r.push({label:`box-shadow`,value:ym(t.boxShadow.trim(),52)});let f=Number.parseFloat(t.opacity);return Number.isFinite(f)&&f<.999&&r.push({label:`opacity`,value:String(dm(f*100)/100)}),t.overflow&&t.overflow!==`visible`&&r.push({label:`overflow`,value:t.overflow}),r},Sm=(e,t)=>t||e.length<=6?{visible:e,hiddenCount:0}:{visible:e.slice(0,6),hiddenCount:e.length-6},Cm=(e,t)=>e.left<t.left+t.width&&e.left+e.width>t.left&&e.top<t.top+t.height&&e.top+e.height>t.top,wm=(e,t,n,r,i=[])=>{let{height:a}=t,o=r.top+8,s=r.top+r.height-a-8;if(s<o)return null;let c=Math.max(o,Math.min(e.top,s)),l=r.left+r.width-8-(n.left+n.width+8),u=n.left-8-(r.left+8),d=[{side:`right`,gutter:l},{side:`left`,gutter:u}].sort((e,n)=>Math.min(n.gutter,t.width)-Math.min(e.gutter,t.width));for(let{side:e,gutter:r}of d){let o=Math.min(t.width,r);if(o<168)continue;let s=e===`right`?n.left+n.width+8:n.left-o-8,l={left:s,top:c,width:o,height:a};if(i.every(e=>!Cm(l,e)))return{left:s,top:c,width:o}}return null},Tm=(e,t,n,r=[])=>{let i=Math.min(t.width,Math.max(0,n.width-16)),a=Math.min(t.height,Math.max(0,n.height-16)),o=Math.max(n.left+8,Math.min(e.left+e.width/2-i/2,n.left+n.width-i-8)),s={left:o,top:e.top+e.height+4},c={left:o,top:e.top-a-4},l=e=>e.left>=n.left+8&&e.top>=n.top+8&&e.left+i<=n.left+n.width-8&&e.top+a<=n.top+n.height-8,u=t=>{let n={...t,width:i,height:a};return!Cm(n,e)&&r.every(e=>!Cm(n,e))};for(let e of[s,c])if(l(e)&&u(e))return e;let d=n.top+n.height-a-8;return{left:o,top:Math.max(n.top+8,Math.min(s.top,d))}},Em=(e,t,n,r=!1,i=[])=>{if(n.width<=16||n.height<=16)return null;let a=Math.min(t.width,n.width-16),o=Math.min(t.height,n.height-16),s=n.left??0,c=n.top??0,l=Math.max(s+8,Math.min(e.left+e.width/2-a/2,s+n.width-a-8)),u=e.top+e.height+4,d=e.top-o-4,f=Math.max(c+8,Math.min(e.top,c+n.height-o-8)),p=[{left:l,top:u},{left:l,top:d},{left:Math.max(s+8,e.left-a-4),top:f},{left:Math.min(e.left+e.width+4,s+n.width-a-8),top:f},{left:l,top:Math.max(c+8,Math.min(u,c+n.height-o-8))}];for(let t of p){let l={...t,width:a,height:o},u=t.left>=s+8&&t.top>=c+8&&t.left+a<=s+n.width-8&&t.top+o<=c+n.height-8,d=!r||!Cm(l,e),f=i.every(e=>!Cm(l,e));if(u&&d&&f)return t}return{left:l,top:Math.max(c+8,Math.min(u,c+n.height-o-8))}},Dm=new Map([[`100`,`thin`],[`200`,`extralight`],[`300`,`light`],[`400`,`normal`],[`500`,`medium`],[`600`,`semibold`],[`700`,`bold`],[`800`,`extrabold`],[`900`,`black`]]),Om=[`font-family`,`font-size`,`font-weight`,`line-height`,`letter-spacing`],km=new Map([[`Family`,`font-family`],[`Size`,`font-size`],[`Weight`,`font-weight`],[`Line`,`line-height`],[`Tracking`,`letter-spacing`]]),Am=e=>{if(!e||e===`normal`)return e||`normal`;let t=/^(-?[\d.]+)px$/.exec(e);return t?`${Math.round(Number(t[1])*10)/10}px`:e},jm=e=>(e.split(`,`)[0]??``).trim().replace(/^['"]|['"]$/g,``),Mm=e=>{let t=Dm.get(e);return t?`${e} / ${t}`:e},Nm=e=>e?/var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1]??null:null,Pm=e=>(e.match(/#[\w-]+/g)??[]).length*1e4+(e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g)??[]).length*100+(e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g)??[]).length,Fm=(e,t)=>!t||(e.important===t.important?e.specificity===t.specificity?e.order>t.order:e.specificity>t.specificity:e.important),Im=class{document;window;constructor(e,t){this.document=e,this.window=t}collectRules(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=r.value++;if(a.type===4){let e=a,i=n;try{i=n&&this.window.matchMedia(e.media.mediaText).matches}catch{i=!1}this.collectRules(e.cssRules,t,i,r)}else if(a.type===12){let e=a;this.collectRules(e.cssRules,t,n,r)}else if(a.type===1){let e=a;t.push({rule:e,mediaOk:n,order:o})}}}getRules(){let e=[],t={value:0};for(let n of Array.from(this.document.styleSheets))try{this.collectRules(n.cssRules,e,!0,t)}catch{continue}return e}findVarReferences(e){let t=new Map(Om.map(e=>[e,null])),n=this.getRules();for(let r of Om){let i=e;for(;i&&t.get(r)===null;){let e,a=Nm(i.style.getPropertyValue(r));a&&(e={name:a,specificity:2**53-1,order:2**53-1,important:i.style.getPropertyPriority(r)===`important`});for(let{rule:t,mediaOk:a,order:o}of n){if(!a)continue;let n=!1;try{n=i.matches(t.selectorText)}catch{continue}if(!n)continue;let s=Nm(t.style.getPropertyValue(r));if(!s)continue;let c={name:s,specificity:Pm(t.selectorText),order:o,important:t.style.getPropertyPriority(r)===`important`};Fm(c,e)&&(e=c)}e&&t.set(r,e.name),i=i.parentElement}}return t}getFast(e){let t=this.window.getComputedStyle(e),n=[{label:`Family`,value:jm(t.fontFamily),varName:null},{label:`Size`,value:Am(t.fontSize),varName:null},{label:`Weight`,value:Mm(t.fontWeight),varName:null},{label:`Line`,value:t.lineHeight===`normal`?`normal`:Am(t.lineHeight),varName:null},{label:`Tracking`,value:t.letterSpacing===`normal`?`normal`:Am(t.letterSpacing),varName:null}],r=Array.from(e.childNodes).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.nodeValue?.trim()??``).filter(Boolean).join(` `).replace(/\s+/g,` `);return{rows:n,tagName:e.tagName.toLowerCase(),textSnippet:r.length>40?`${r.slice(0,40)}…`:r}}getFull(e,t=this.getFast(e)){let n=this.findVarReferences(e);return{...t,rows:t.rows.map(e=>{let t=km.get(e.label);return{...e,varName:t?n.get(t)??null:null}})}}},Lm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Q(t,()=>e.children),q(()=>({e:e.size??24,t:e.size??24,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Rm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M166.59,134.1a1.91,1.91,0,0,1-.55-1.79,2,2,0,0,1,1.08-1.42l46.25-17.76.24-.1A14,14,0,0,0,212.38,87L52.29,34.7A13.95,13.95,0,0,0,34.7,52.29L87,212.38a13.82,13.82,0,0,0,12.6,9.6c.23,0,.46,0,.69,0A13.84,13.84,0,0,0,113,213.61a2.44,2.44,0,0,0,.1-.24l17.76-46.25a2,2,0,0,1,3.21-.53l51.31,51.31a14,14,0,0,0,19.8,0l12.69-12.69a14,14,0,0,0,0-19.8Zm42.82,62.63-12.68,12.68a2,2,0,0,1-2.83,0L142.59,158.1a14,14,0,0,0-22.74,4.32,2.44,2.44,0,0,0-.1.24L102,208.91a2,2,0,0,1-3.61-.26L46.11,48.57a1.87,1.87,0,0,1,.47-2A1.92,1.92,0,0,1,47.93,46a2.22,2.22,0,0,1,.64.1L208.65,98.38a2,2,0,0,1,.26,3.61l-46.25,17.76-.24.1a14,14,0,0,0-4.32,22.74h0l51.31,51.31A2,2,0,0,1,209.41,196.73Z`})}}),zm=e=>{let t=e.size??20,n=(e.strokePx??1.25)*256/t,r=12/132*n;var i=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:t,height:t,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),a=X(`path`,{d:`M56 40H200a16 16 0 0 1 16 16v36a16 16 0 0 1-16 16H108V200a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16Z`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`round`,"stroke-linejoin":`round`}),o=X(`path`,{d:`M88 40v32M128 40v32M168 40v32M40 88h32M40 128h32M40 168h32`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`butt`}),s=X(`svg`,{x:`118`,y:`122`,width:132,height:132,viewBox:`9.4 12.5 12 12`,overflow:`visible`}),c=X(`path`,{d:`m18.76 16.64-6.25-2.07c-0.68-0.22-1.31 0.4-1.09 1.08l2.1 6.17c0.24 0.74 1.25 0.78 1.55 0.06l1.17-2.55 2.6-1.17c0.72-0.33 0.67-1.29-0.08-1.52z`,fill:`none`,stroke:`currentColor`,"stroke-width":r,"stroke-linecap":`round`,"stroke-linejoin":`round`});return Z(i,a),Z(i,o),Z(i,s),Z(s,c),q(()=>e.class,(e,t)=>{$(i,`class`,e,t)}),i},Bm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Z(t,X(`path`,{d:`M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Vm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M233.91,74.79,181.22,22.1a14,14,0,0,0-19.8,0L22.09,161.41a14,14,0,0,0,0,19.8L74.78,233.9a14,14,0,0,0,19.8,0L233.91,94.59A14,14,0,0,0,233.91,74.79ZM225.42,86.1,86.1,225.41h0a2,2,0,0,1-2.83,0L30.58,172.73a2,2,0,0,1,0-2.83L64,136.48l27.76,27.76a6,6,0,1,0,8.48-8.48L72.48,128,96,104.48l27.76,27.76a6,6,0,0,0,8.48-8.48L104.48,96,128,72.49l27.76,27.75a6,6,0,0,0,8.48-8.48L136.49,64,169.9,30.59a2,2,0,0,1,2.83,0l52.69,52.68A2,2,0,0,1,225.42,86.1Z`})}}),Hm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`12`,"stroke-opacity":`0.78`,d:`M76 48h96a16 16 0 0 1 16 16v96a16 16 0 0 1-16 16H76a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16Zm32 32h96a16 16 0 0 1 16 16v96a16 16 0 0 1-16 16h-96a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16Z`})}}),Um=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`12`,d:`M48 208V48h160M80 48v24m32-24v24m32-24v24m32-24v24M48 80h24M48 112h24m-24 32h24m-24 32h24`})}}),Wm=e=>Y(Lm,{get size(){return e.size??8},get class(){return e.class},get children(){return X(`path`,{d:`M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z`})}}),Gm=e=>Y(Lm,{get size(){return e.size??12},get class(){return e.class},get children(){return X(`path`,{d:`M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z`})}}),Km=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`}),n=X(`circle`,{cx:`6`,cy:`6`,r:`5.375`,stroke:`currentColor`,"stroke-width":`1.25`}),r=X(`path`,{"data-mesurer-annotation-resolve-check":`true`,d:`m3.5 6.1 1.65 1.65L8.6 4.3`,"stroke-width":`1.1`,"stroke-linecap":`round`,"stroke-linejoin":`round`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class,o:e.resolved?`currentColor`:`none`,i:e.resolved?`var(--msr-surface)`:`currentColor`}),({e,t:i,a,o,i:s},c)=>{e!==c?.e&&$(t,`width`,e,c?.e),i!==c?.t&&$(t,`height`,i,c?.t),a!==c?.a&&$(t,`class`,a,c?.a),o!==c?.o&&$(n,`fill`,o,c?.o),s!==c?.i&&$(r,`stroke`,s,c?.i)}),t})(),qm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`}),n=X(`circle`,{cx:`3`,cy:`8`,r:`1`}),r=X(`circle`,{cx:`8`,cy:`8`,r:`1`}),i=X(`circle`,{cx:`13`,cy:`8`,r:`1`});return Z(t,n),Z(t,r),Z(t,i),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Jm=e=>Y(Lm,{get size(){return e.size??12},get class(){return e.class},get children(){return X(`path`,{d:`M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z`})}}),Ym=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()}),n=X(`text`,{x:`50%`,y:`60%`,"text-anchor":`middle`,"dominant-baseline":`middle`,fill:`currentColor`,"font-family":`ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,"font-weight":`300`,"font-size":`220`});return Z(t,n),Z(n,ec(`Aa`)),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Xm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),n=X(`g`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r=X(`path`,{d:`M124 176H52a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h132a16 16 0 0 1 16 16v20`}),i=X(`path`,{d:`M168 120h40a12 12 0 0 1 12 12v64a12 12 0 0 1-12 12h-40a12 12 0 0 1-12-12v-64a12 12 0 0 1 12-12Z`});return Z(t,n),Z(n,r),Z(n,i),q(()=>({e:e.size??20,t:e.size??20,a:e.class,o:256/(e.size??20)}),({e,t:r,a:i,o:a},o)=>{e!==o?.e&&$(t,`width`,e,o?.e),r!==o?.t&&$(t,`height`,r,o?.t),i!==o?.a&&$(t,`class`,i,o?.a),a!==o?.o&&$(n,`stroke-width`,a,o?.o)}),t})(),Zm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`});return Z(t,X(`path`,{fill:`currentColor`,"fill-rule":`evenodd`,transform:`translate(-1.44 -1.44) scale(1.12)`,d:`M15.16 5.658a2.25 2.25 0 0 1 3.18.001l.155.17a2.25 2.25 0 0 1 0 2.84l-.154.172-1.696 1.692a1.5 1.5 0 0 1 .02 1.913l-.104.114a1.5 1.5 0 0 1-2.007.103l-.02-.018-4.443 4.447a2.24 2.24 0 0 1-1.716.65l-.814.815a1.5 1.5 0 0 1-2.121-2.121l.816-.818a2.25 2.25 0 0 1 .653-1.708l4.443-4.446a1.5 1.5 0 0 1 .088-2.025l.114-.103a1.5 1.5 0 0 1 1.91.015zm-7.544 8.959a1.25 1.25 0 0 0-.358 1.021c.021.197-.014.406-.154.546l-.958.96a.5.5 0 0 0 .708.706l.955-.956c.14-.14.352-.176.55-.153.364.042.745-.077 1.025-.356l4.438-4.442-1.767-1.767zm10.018-8.251a1.25 1.25 0 0 0-1.768 0l-1.782 1.78-.065.06a.87.87 0 0 1-1.165-.06.5.5 0 0 0-.707.707l3 3a.5.5 0 0 0 .628.064l.079-.064a.5.5 0 0 0 0-.707l-.004-.004a.873.873 0 0 1 .004-1.23l1.78-1.778a1.25 1.25 0 0 0 0-1.768`,"clip-rule":`evenodd`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Qm=(e,t,n)=>t*256/e/n,$m=e=>{let t=e.size??20,n=Qm(t,e.strokePx??1,e.frameScale??1);var r=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:t,height:t,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),i=X(`path`,{d:`M64 48H192a16 16 0 0 1 16 16v128a16 16 0 0 1-16 16H64a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16Z`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`round`,"stroke-linejoin":`round`}),a=X(`g`,{fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`butt`});return Z(r,i),Z(r,a),Q(a,()=>e.children),q(()=>e.class,(e,t)=>{$(r,`class`,e,t)}),r},eh=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M128 48v160M48 128h160`})}}),th=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M101.33 48v160M154.67 48v160`})}}),nh=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M48 101.33h160M48 154.67h160`})}}),rh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`});return Z(t,X(`path`,{d:`M6 1.5v9M1.5 6h9`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`})),q(()=>({e:e.size??12,t:e.size??12,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),ih=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`M1.5 8s2.5-4.5 6.5-4.5S14.5 8 14.5 8s-2.5 4.5-6.5 4.5S1.5 8 1.5 8Z`,stroke:`currentColor`,"stroke-width":`1.25`}),r=X(`circle`,{cx:`8`,cy:`8`,r:`2`,stroke:`currentColor`,"stroke-width":`1.25`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),ah=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`m2 2 12 12M6.2 6.3A2.5 2.5 0 0 0 8 10.5M9.7 9.8A2.5 2.5 0 0 0 8 5.5`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`}),r=X(`path`,{d:`M4.1 4.6C2.5 5.7 1.5 8 1.5 8s2.5 4.5 6.5 4.5c1.2 0 2.3-.4 3.2-1M11.7 10.7c1.3-1 2.2-2.7 2.8-2.7 0 0-2.5-4.5-6.5-4.5-.6 0-1.2.1-1.7.3`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),oh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r=X(`circle`,{cx:`12`,cy:`12`,r:`2.5`,stroke:`currentColor`,"stroke-width":`1`});return Z(t,n),Z(t,r),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),sh=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z`})}}),ch=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z`})}}),lh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.8`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Z(t,X(`path`,{d:`M12 19V5M6.5 10.5 12 5l5.5 5.5`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),uh=e=>Y(Lm,{get size(){return e.size??18},get class(){return e.class},get children(){return X(`path`,{d:`M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z`})}}),dh=e=>Y(Lm,{get size(){return e.size??18},get class(){return e.class},get children(){return X(`path`,{d:`M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z`})}});function fh(e){let[t,n]=G(``),r=async()=>{let t=await e.copy(e.row.value);n(t?`Copied!`:`Copy failed`),e.onCopyResult?.(t)};var i=X(`div`,{"data-mesurer-inspect-css-row":`true`,class:`msr:flex msr:w-full msr:min-w-0 msr:items-baseline msr:justify-between msr:gap-2`}),a=X(`span`,{class:`msr:shrink-0 msr:text-ink-500`});return Z(i,a),Q(a,()=>e.row.label),Q(i,(()=>{var n=J(()=>!!e.passThrough);return()=>n()?(()=>{var t=X(`span`,{class:`msr:min-w-0 msr:truncate msr:text-right msr:tabular-nums msr:text-ink-900`});return Q(t,()=>e.row.value),t})():(()=>{var n=X(`button`,{type:`button`,class:`msr:pointer-events-auto msr:min-w-0 msr:truncate msr:text-right msr:tabular-nums msr:text-ink-900 msr:hover:underline msr:focus-visible:outline-none msr:focus-visible:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&r()},onClick:e=>{e.stopPropagation(),e.detail===0&&r()}});return Q(n,()=>e.row.value),q(()=>({e:`Copy ${e.row.label}`,t:t()||`Click to copy`}),({e,t},r)=>{e!==r?.e&&$(n,`aria-label`,e,r?.e),t!==r?.t&&$(n,`title`,t,r?.t)}),n})()})(),null),i}var ph=240,mh=e=>Math.round(e);function hh(e){let[t,n]=G(!1),[r,i]=G(!1),[a,o]=G(!1),[s,c]=G(),[l,u]=G(96),[d,f]=G(240),[p,m]=G(0),[h,g]=G(``),[_,v]=G(!1),y=()=>e.element.ownerDocument,b=()=>y().defaultView;mo(()=>[e.ownerWindow,e.element,b()],([e,,t])=>{if(!t||Wd(t.document)===void 0)return;let n=e=>{e.key===`Shift`&&v(!0)},r=e=>{e.key===`Shift`&&v(!1)},i=e=>{e.shiftKey&&v(!0)},a=()=>v(!1),o=t===e?[e]:[e,t];for(let e of o)e.addEventListener(`keydown`,n,!0),e.addEventListener(`keyup`,r,!0),e.addEventListener(`pointermove`,i,!0),e.addEventListener(`pointerover`,i,!0),e.addEventListener(`blur`,a);return()=>{for(let e of o)e.removeEventListener(`keydown`,n,!0),e.removeEventListener(`keyup`,r,!0),e.removeEventListener(`pointermove`,i,!0),e.removeEventListener(`pointerover`,i,!0),e.removeEventListener(`blur`,a)}});let x=lo(()=>(p(),e.measurement,b()?.getComputedStyle(e.element)??null)),S=()=>{let t=b();if(!t)return;let n=t,r=e.element;return r instanceof n.HTMLElement&&r.getAttribute(`data-mesurer-source-selection-paint`)===`true`&&r.style.getPropertyValue(`--mesurer-selected-source-text`)||void 0},C=lo(()=>{let t=x();return e.layoutDetailsEnabled&&t?xm(e.measurement,t,S()):[]}),w=()=>e.embedded?{visible:C(),hiddenCount:0}:Sm(C(),t()),T=()=>e.measurement.cssRect??e.measurement.rect,E=()=>hu(e.element),D=()=>`${mh(T().width)} x ${mh(T().height)}`,O=()=>[...(e.ownerWindow.document.querySelector(`[data-mesurer-island='true']`)?.shadowRoot)?.querySelectorAll(`[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??[]].flatMap(e=>{let{left:t,top:n,width:r,height:i}=e.getBoundingClientRect();return r>0&&i>0?[{left:t,top:n,width:r,height:i}]:[]}),k=()=>{let t=Wd(y());return t===void 0?{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight}:t??{left:0,top:0,width:0,height:0}},A=()=>{let t=Wd(y()),n=Hd(y());if(t===void 0){let t=Em(e.rect,{width:d(),height:l()},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight},e.passThrough===!0,O());return t?{left:`${t.left}px`,top:`${t.top}px`}:{}}p();let r=Gd(qu(e.element),t);if(r.width<=0||r.height<=0)return{display:`none`};if(n&&t){let e=t.left+t.width/2,i=t.top+t.height/2,a=n.previews.find(t=>e>=t.left&&e<=t.left+t.width&&i>=t.top&&i<=t.top+t.height)??t,o=wm(r,{width:ph,height:l()},a,n.bounds,[...n.previews,...O()]);if(o)return{left:`${o.left}px`,top:`${o.top}px`,"max-width":`${o.width}px`,"max-height":`${Math.max(0,n.bounds.height-16)}px`}}if(n){let e=Tm(r,{width:d(),height:l()},n.bounds,O());return{left:`${e.left}px`,top:`${e.top}px`,"max-width":`${Math.max(0,n.bounds.width-16)}px`,"max-height":`${Math.max(0,n.bounds.height-16)}px`}}let i=k(),a=Em(r,{width:d(),height:l()},i,!0,O());return a?{left:`${a.left}px`,top:`${a.top}px`,"max-width":`${Math.max(0,i.width-16)}px`,"max-height":`${Math.max(0,i.height-16)}px`}:{display:`none`}},j=()=>({"user-select":`text`,"z-index":e.embedded?`auto`:e.documentMounted?`2147483644`:`2147482701`,color:`var(--msr-content)`,background:e.embedded?`transparent`:`var(--msr-surface)`,"box-shadow":e.embedded?`none`:`var(--msr-shadow-floating)`}),M=()=>e.embedded?{position:`static`,...j()}:Wd(y())===void 0?{position:`fixed`,...A(),...j()}:{position:`fixed`,...A(),overflow:`auto`,...j()};mo(()=>[s(),e.ownerWindow],([e,t])=>{if(!e)return;let n=()=>{let t=e.getBoundingClientRect();f(t.width),u(t.height)},r=t.ResizeObserver;if(!r)return;let i=new r(n);i.observe(e),n(),Dn(()=>i.disconnect())});let N,P;mo(()=>[e.element,e.measurement.id],([e,t])=>{(e!==N||t!==P)&&(N=e,P=t,n(!1))});let F;mo(()=>e.element,e=>{e!==F&&(F=e,i(!1),o(!1),g(``))}),mo(()=>[e.element,e.passThrough,e.embedded,b()],([t,n,r,i])=>{if(!i||n||r)return;let a=i,o=Wd(t.ownerDocument)!==void 0,s=0,c=()=>{s||=a.requestAnimationFrame(()=>{s=0,m(e=>e+1)})},l=new a.MutationObserver(e=>{e.some(e=>e.type===`attributes`||e.type===`characterData`||e.type===`childList`&&t.contains(e.target))&&c()});l.observe(t,{attributes:!0,attributeFilter:[`class`,`style`],characterData:!0,childList:!0,subtree:!0});let u=t.parentElement;for(;u;){l.observe(u,{attributes:!0,attributeFilter:[`class`,`style`]});let e=u.getRootNode();u=u.parentElement??(e instanceof a.ShadowRoot?e.host:null)}return o&&(a.addEventListener(`scroll`,c,{capture:!0,passive:!0}),e.ownerWindow.addEventListener(`mesurer:responsive-preview-geometry-change`,c)),()=>{l.disconnect(),o&&(a.removeEventListener(`scroll`,c,!0),e.ownerWindow.removeEventListener(`mesurer:responsive-preview-geometry-change`,c)),s&&a.cancelAnimationFrame(s)}});let I=null;mo(()=>[s(),e.element,e.passThrough,e.embedded,e.documentMounted,e.ownerWindow],([e,t,n,r,i,a])=>{let o=a,s=t.ownerDocument===o.document&&i&&!n&&!r;!e||!s||(I=om(o,t,()=>[e],{trackWindow:!0}),e.style.translate=`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,Dn(()=>{I?.release(),I=null,e.style.removeProperty(`translate`)}))}),mo(()=>e.measurement,()=>I?.rebase());let L=async e=>{try{let t=s()?.ownerDocument.defaultView?.navigator.clipboard;if(!t)throw Error(`Clipboard unavailable`);return await t.writeText(e),o(!1),g(`Copied!`),!0}catch{return o(!0),g(`Copy failed`),!1}},R=async()=>{let e=await L(E());i(e)},z=lo(()=>{let t=b();if(!t)return null;let n=t;return e.element instanceof n.HTMLElement?e.element:null}),B=lo(()=>{let t=z();if(!e.singleSelection||!t||!b())return[];p(),x();let n=new Im(y(),b()).getFast(t);return[...n.textSnippet?[{label:`Text`,value:n.textSnippet}]:[],...n.rows.map(({label:e,value:t})=>({label:e,value:t}))]});var V=X(`div`,{"data-mesurer-inspect-info-card":`true`,"data-mesurer-inspector-ui":`true`,onPointerDown:t=>{e.passThrough||t.stopPropagation()},onPointerMove:t=>{e.passThrough||t.stopPropagation()},onPointerUp:t=>{e.passThrough||t.stopPropagation()},onClick:t=>{e.passThrough||t.stopPropagation()}}),ee=X(`style`),H=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2 msr:px-2`}),U=X(`div`),W=X(`div`,{"data-mesurer-inspect-details":`true`,class:`msr:flex msr:flex-col msr:gap-0.5`});return Z(V,ee),Z(V,H),Z(V,U),ic(()=>c,V),Z(ee,ec(`[data-mesurer-inspect-info-card]:not([data-mesurer-pass-through="true"]):not([data-mesurer-shift-pass-through="true"]) { pointer-events: auto; } [data-mesurer-inspect-info-card][data-mesurer-pass-through="true"], [data-mesurer-inspect-info-card][data-mesurer-pass-through="true"] *, [data-mesurer-inspect-info-card][data-mesurer-shift-pass-through="true"], [data-mesurer-inspect-info-card][data-mesurer-shift-pass-through="true"] * { pointer-events: none !important; }`)),Q(H,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{"data-mesurer-inspect-selector":`true`,class:`msr:min-w-0 msr:flex-1 msr:truncate msr:font-mono msr:font-medium`});return Q(e,E),e})():(()=>{var e=X(`button`,{type:`button`,"data-mesurer-inspect-selector":`true`,class:`msr:pointer-events-auto msr:min-w-0 msr:flex-1 msr:truncate msr:text-left msr:font-mono msr:font-medium msr:hover:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&R()},onClick:e=>{e.stopPropagation(),e.detail===0&&R()}});return Q(e,E),q(()=>({e:`Copy selector ${E()}`,t:r()?`Copied!`:`Click to copy`}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`aria-label`,t,r?.e),n!==r?.t&&$(e,`title`,n,r?.t)}),e})()})(),null),Q(H,Y(K,{get when(){return r()},get children(){var e=X(`span`,{"aria-label":`Selector copied`});return Q(e,Y(Gm,{size:10})),e}}),null),Q(H,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{class:`msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums`});return Q(e,D),e})():(()=>{var e=X(`button`,{type:`button`,"aria-label":`Copy dimensions`,class:`msr:pointer-events-auto msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums msr:hover:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&L(D())},onClick:e=>{e.stopPropagation(),e.detail===0&&L(D())}});return Q(e,D),q(()=>a()?`Copy failed`:`Click to copy`,(t,n)=>{$(e,`title`,t,n)}),e})()})(),null),Z(U,W),Q(W,Y(_o,{get each(){return B()},children:t=>Y(fh,{row:t,copy:L,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})}),null),Q(W,Y(K,{get when(){return e.layoutDetailsEnabled},get children(){return Y(_o,{get each(){return w().visible},children:t=>Y(fh,{row:t,copy:L,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})})}}),null),Q(V,Y(K,{get when(){return J(()=>!e.passThrough)()&&(w().hiddenCount>0||t())},get children(){var e=X(`div`,{class:`msr:mt-2 msr:px-2`}),r=X(`button`,{type:`button`,class:`msr:pointer-events-auto msr:rounded-[5px] msr:text-[10px] msr:text-ink-500 msr:hover:text-ink-900`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&n(e=>!e)},onClick:e=>{e.stopPropagation(),e.detail===0&&n(e=>!e)}});return Z(e,r),Q(r,(()=>{var e=J(()=>!!t());return()=>e()?`Show less`:`Show ${w().hiddenCount} more`})()),q(()=>({e:t()?`true`:`false`,t:t()?`Show less CSS details`:`Show ${w().hiddenCount} more CSS details`}),({e,t},n)=>{e!==n?.e&&$(r,`aria-expanded`,e,n?.e),t!==n?.t&&$(r,`aria-label`,t,n?.t)}),e}}),null),Q(V,Y(K,{get when(){return h()},get children(){var e=X(`span`,{role:`status`,"aria-live":`polite`,class:`msr:px-2 msr:pt-1 msr:text-[9px] msr:text-ink-500`});return Q(e,h),e}}),null),q(()=>({e:e.passThrough?`true`:void 0,t:_()&&Wd(y())!==void 0&&!e.passThrough?`true`:void 0,a:e.theme,o:`${e.embedded?`msr:static msr:w-full msr:max-w-none msr:rounded-none msr:py-0`:`${e.documentMounted?`msr:fixed`:`msr:absolute`} msr:z-[2147483644] msr:w-60 msr:max-w-[calc(100vw-16px)] msr:rounded-lg msr:py-2`} msr:flex msr:flex-col msr:overflow-visible msr:text-[10px]`,i:M(),n:`msr:mt-2 msr:min-h-0 msr:px-2 ${t()?`mesurer-thin-scrollbar msr:max-h-[min(70vh,32rem)] msr:overflow-y-auto`:``}`}),({e,t,a:n,o:r,i,n:a},o)=>{e!==o?.e&&$(V,`data-mesurer-pass-through`,e,o?.e),t!==o?.t&&$(V,`data-mesurer-shift-pass-through`,t,o?.t),n!==o?.a&&$(V,`data-theme`,n,o?.a),r!==o?.o&&$(V,`class`,r,o?.o),i!==o?.i&&$(V,`style`,i,o?.i),a!==o?.n&&$(U,`class`,a,o?.n)}),V}var gh=e=>(()=>{var t=X(`div`);return Q(t,()=>e.children),q(()=>({e:`msr:pointer-events-none msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:bg-ink-900/90 ${e.axis===`x`?`msr:-translate-x-1/2`:`msr:-translate-y-1/2`}`,t:{left:`${e.left}px`,top:`${e.top}px`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t})();function _h(e){let t,n,r,i=0,a=0,o=null,s=0,c=null,l=0,u=0,[d,f]=G(null),[p,m]=G(null),[h,g]=G(null),[_,v]=G(!1),[y,b]=G(!1),x={expandedKey:d,setExpandedKey:f,pinnedKey:p,setPinnedKey:m},S=()=>e.model.state.toolMode===`select`,C=()=>e.model.state.toolMode===`guides`,w=()=>e.model.state.enabled,T=()=>t?.closest(`[data-mesurer-root='true']`)?.hasAttribute(`data-mesurer-recording-active`)??!1,E=()=>!T()&&e.interactive&&w()&&e.model.state.toolMode!==`none`&&e.model.state.toolMode!==`text-inspector`,D=()=>!T()&&e.interactive&&(e.model.state.toolMode!==`none`||e.model.state.rulersVisible),O=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 80%, transparent)`,k=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 8%, transparent)`,A=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 96%, transparent)`,j=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 15.36%, transparent)`,M=lo(()=>e.model.state.selectedMeasurements),[N,P]=G(0);Nn(()=>{let e=t?.ownerDocument.defaultView;if(!e)return;let n=0,r=()=>{n||=e.requestAnimationFrame(()=>{n=0,P(e=>e+1)})};return e.addEventListener(`mesurer:responsive-preview-geometry-change`,r),e.addEventListener(`scroll`,r,{capture:!0,passive:!0}),()=>{e.removeEventListener(`mesurer:responsive-preview-geometry-change`,r),e.removeEventListener(`scroll`,r,!0),n&&e.cancelAnimationFrame(n)}});let F=e=>{let t=e.sourceDocument??e.elementRef?.ownerDocument,n=t?Wd(t):void 0;if(n===void 0)return e;N();let r=e.elementRef,i=Gd(r?.isConnected?qu(r):e.rect,n);return i.width>0&&i.height>0?{...e,rect:i}:null},I=lo(()=>W().map(F).filter(e=>!!e)),L=()=>{let t=e.model.rendererRoot,n=t?.querySelector(`[data-mesurer-screenshot-select='true']`),r=t?.querySelector(`[data-mesurer-motion-surface='true']`);return!!(e.editSelectionHover()||t?.hasAttribute(`data-mesurer-direct-text-edit-active`)||t?.hasAttribute(`data-mesurer-recording-active`)||n&&e.model.rendererRoot?.ownerDocument.defaultView?.getComputedStyle(n).display!==`none`||_()||r&&r.getBoundingClientRect().height>0||y())},R=()=>{let e=t;if(!e)return null;let n=e.ownerDocument.defaultView,r=e.getRootNode();return n&&r instanceof n.ShadowRoot?r:e.closest(`[data-mesurer-island='true']`)??e.ownerDocument.body},z=e=>e,B=lo(()=>{if(e.model.state.settings.infoCardMode===`off`||e.model.state.toolMode!==`select`||!e.model.state.enabled||e.model.state.settingsOpen||e.model.state.isDragging||e.model.state.altPressed||e.model.state.draggingGuideId||e.model.state.colorPickerActive||T()||L())return null;let t=e.model.state.selectedMeasurement,n=t?.elementRef;if(!t||!n?.isConnected||t.id.startsWith(`group-`)||Wd(n.ownerDocument)!==void 0&&y())return null;let r=F(t);return r?{element:n,measurement:r}:null}),V=lo(()=>{let t=e.model.state.hoverElement;if(!t?.isConnected)return null;let n=t.ownerDocument.defaultView;return n?{element:t,measurement:nd(t,n)}:null}),ee=lo(()=>{if(e.model.state.settings.infoCardMode!==`hover`||e.model.state.toolMode!==`select`||!e.model.state.enabled||e.model.state.settingsOpen||e.model.state.altPressed||e.model.state.isDragging||M().length||L())return null;let t=V(),n=t?qu(t.element):e.model.state.hoverRect;if(!t||!n||n.width<=0||n.height<=0)return null;let r=Gd(n,Wd(t.element.ownerDocument));return r.width<=0||r.height<=0?null:{...t,rect:r}});mo(()=>M(),()=>{let e=t?.ownerDocument.defaultView;e&&(i=e.scrollX,a=e.scrollY,r?.style.removeProperty(`transform`))});let H=lo(()=>{let e=M()[0]?.documentScroll;if(e)return e;let n=t?.ownerDocument.defaultView;return{x:n?.scrollX??0,y:n?.scrollY??0}}),U=lo(()=>{let t=e.model.state.settings.multiMeasureEnabled&&e.model.state.measurements.length>0?e.model.state.measurements:e.model.state.activeMeasurement?[e.model.state.activeMeasurement]:[],n=new Set(M().map(e=>e.elementRef).filter(e=>!!e));return t.filter(e=>!e.elementRef||!n.has(e.elementRef))}),W=lo(()=>e.displayedSelectedMeasurements),te=lo(()=>{let t=e.model.state.hoverElement;return!!(t&&M().some(e=>e.elementRef===t))}),ne=lo(()=>e.model.state.heldDistances),re=lo(()=>cf(U().map(e=>e.rect))),ie=lo(()=>cf(W().map(e=>e.rect))),ae=lo(()=>{let n=M();if(!S()||!e.selectionSpacingStyle.enabled||n.length<2)return[];let r=t?.ownerDocument.defaultView;return r?Ed(n,r):[]}),oe=lo(()=>ae().map(e=>e.id)),se=e=>ae().find(t=>t.id===e),ce=lo(()=>M().map(e=>e.id).join(`|`));mo(()=>ce(),()=>{f(null),m(null)});let le=()=>{let t=e.model.state.hoverRect;return t?cf([t,...W().map(e=>e.rect)])[0]??null:null},ue=()=>lf(t,e.model.state.hoverElement),de=()=>{let t=e.model.state.hoverElement,n=ue(),r=t?.ownerDocument.defaultView;return!t||!r||n!==t.ownerDocument.body?{x:0,y:0}:{x:r.scrollX,y:r.scrollY}},fe=()=>{N();let t=e.model.state.hoverElement;if(t&&Wd(t.ownerDocument)!==void 0&&e.model.state.selectedMeasurements.some(e=>e.elementRef===t))return null;let r=t?qu(t):e.model.state.hoverRect,i=t?Wd(t.ownerDocument):void 0,a=r&&t?Gd(r,i):r;if(!a||a.width<=0||a.height<=0)return null;let o=!!ue(),s=o||i?`2147482700`:void 0,c=de();var l=X(`div`,{"data-mesurer-hover-measurement":`true`,"data-mesurer-document-hover-layer":o?`true`:void 0,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{n=e},l),Q(l,Y(K,{get when(){return le()?.top},get children(){var e=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({position:`absolute`,left:`0`,top:`0`,height:`1px`,width:`100%`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return le()?.right},get children(){var e=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({position:`absolute`,right:`0`,top:`0`,height:`100%`,width:`1px`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return le()?.bottom},get children(){var e=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({position:`absolute`,bottom:`0`,left:`0`,height:`1px`,width:`100%`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return le()?.left},get children(){var e=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({position:`absolute`,left:`0`,top:`0`,height:`100%`,width:`1px`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),q(()=>({position:`absolute`,"pointer-events":`none`,"z-index":s,left:`${a.left+c.x}px`,top:`${a.top+c.y}px`,width:`${a.width}px`,height:`${a.height}px`,"background-color":k(),transition:`none`,animation:`none`}),(e,t)=>{$(l,`style`,e,t)}),l},pe=t=>{let n=t===`active`?100:t===`hover`?90:t===`preview`?50:70;return`color-mix(in oklch, ${e.model.state.settings.guideColor} ${n}%, transparent)`},me=lo(()=>{if(e.responsiveOpen)return[];if(e.model.state.guides.length>0||!e.model.state.settingsOpen||e.model.state.settingsTab!==`guides`)return e.model.state.guides;let n=t?.ownerDocument.defaultView;return n?[{id:`__mesurer-preview-vertical`,orientation:`vertical`,position:n.innerWidth/2},{id:`__mesurer-preview-horizontal`,orientation:`horizontal`,position:n.innerHeight/2}]:e.model.state.guides}),he=()=>{s&&t?.ownerDocument.defaultView?.clearTimeout(s),s=0,c=null},ge=(t,n)=>{if(!e.model.current.enabled||e.model.current.settingsOpen||n.button!==0)return;if(n.preventDefault(),n.stopPropagation(),e.model.checkpoint(),n.shiftKey){e.model.setSelectedGuideIds(e.model.current.selectedGuideIds.includes(t.id)?e.model.current.selectedGuideIds.filter(e=>e!==t.id):[...e.model.current.selectedGuideIds,t.id]);return}e.model.setSelectedGuideIds([t.id]),he();let r=n.currentTarget.ownerDocument.defaultView;r&&(c=t.id,s=r.setTimeout(()=>{s=0,c===t.id&&e.model.setTransient({draggingGuideId:t.id})},220)),Il(n.currentTarget,n.pointerId)},_e=(t,n)=>{n.stopPropagation(),he(),e.model.current.draggingGuideId===t.id&&e.model.setTransient({draggingGuideId:null}),n.currentTarget.hasPointerCapture(n.pointerId)&&n.currentTarget.releasePointerCapture(n.pointerId)};Nn(()=>{let s=t,c=s?.ownerDocument.defaultView,d=s?.ownerDocument;if(!s||!c||!d)return;i=c.scrollX,a=c.scrollY,d.body&&(Sf(Cf,d.body),g(d.body));let f=()=>{let t=e.model.rendererRoot?.querySelector(`[data-mesurer-motion-surface='true']`),n=!!(t&&t.getBoundingClientRect().height>0),r=e.model.rendererRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??d.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??d.querySelector(`[data-mesurer-island='true']`)?.shadowRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`);n!==_()&&v(n),!!r!==y()&&b(!!r)},p=new c.MutationObserver(f);e.model.rendererRoot&&p.observe(e.model.rendererRoot,{childList:!0,subtree:!0}),d.body&&d.body!==e.model.rendererRoot&&p.observe(d.body,{childList:!0,subtree:!0}),f();let m=t=>e.onPointerMove(t),h=()=>{let e=r;if(!e?.isConnected)return;let t=i-c.scrollX,n=a-c.scrollY;t===0&&n===0?e.style.removeProperty(`transform`):e.style.transform=`translate3d(${t}px, ${n}px, 0)`},x=t=>{if(!e.editSelectionHover()||e.model.current.toolMode!==`select`)return;let n=t.composedPath();if(!n.includes(s)){if(n.some(e=>e instanceof c.Element&&e.getAttribute(`data-mesurer-arrange-box`)===`true`)||t.buttons!==0){e.model.setHoverTarget(null,null);return}e.onPointerMove(t)}},S=()=>{let t=e.model.current.hoverElement,r=n;if(!t?.isConnected||!r?.isConnected)return;let i=Gd(t.getBoundingClientRect(),Wd(t.ownerDocument));if(i.width<=0||i.height<=0){r.style.visibility=`hidden`;return}r.style.removeProperty(`visibility`);let a=r.dataset.mesurerDocumentHoverLayer===`true`,o=a?c.scrollX:0,s=a?c.scrollY:0;Object.assign(r.style,{left:`${i.left+o}px`,top:`${i.top+s}px`,width:`${i.width}px`,height:`${i.height}px`})},C=()=>{u||=c.requestAnimationFrame(()=>{u=0,n?.dataset.mesurerNativeScrollAnchor!==`box`&&S()})},w=()=>{let e=n;if(e?.isConnected&&e.dataset.mesurerNativeScrollAnchor!==`box`){if(!ff(d)){C();return}e.style.visibility=`hidden`,l&&c.clearTimeout(l),l=c.setTimeout(()=>{l=0,e.dataset.mesurerNativeScrollAnchor!==`box`&&S(),e.isConnected&&e.style.removeProperty(`visibility`)},80)}},T=t=>{if(e.responsiveOpen||!e.model.current.enabled||e.model.current.settingsOpen||e.model.current.toolMode!==`none`||t.composedPath().some(e=>e instanceof c.Element&&e.hasAttribute(`data-mesurer-toolbar`)))return;let n={x:t.clientX,y:t.clientY},r=e.model.current.guides.find(e=>(e.orientation===`vertical`?Math.abs(e.position-n.x):Math.abs(e.position-n.y))<=7);if(r){if(e.model.checkpoint(),t.shiftKey){e.model.setSelectedGuideIds(e.model.current.selectedGuideIds.includes(r.id)?e.model.current.selectedGuideIds.filter(e=>e!==r.id):[...e.model.current.selectedGuideIds,r.id]),o=null;return}e.model.setSelectedGuideIds([r.id]),t.button===0&&(o={id:r.id,orientation:r.orientation,pointerId:t.pointerId,previousUserSelect:null})}},E=t=>{let n=o;!n||n.pointerId!==t.pointerId||e.model.current.guides.find(e=>e.id===n.id)&&(t.preventDefault(),n.previousUserSelect===null&&(n.previousUserSelect=d.documentElement.style.userSelect,d.documentElement.style.userSelect=`none`,c.getSelection()?.removeAllRanges()),e.model.updateGuide(n.id,{position:n.orientation===`vertical`?t.clientX:t.clientY}))},D=e=>{let t=o;!t||t.pointerId!==e.pointerId||(t.previousUserSelect!==null&&(d.documentElement.style.userSelect=t.previousUserSelect),o=null)};return S(),s.addEventListener(`pointermove`,m),c.addEventListener(`pointermove`,x,!0),c.addEventListener(`scroll`,w,{capture:!0,passive:!0}),c.addEventListener(`scroll`,h,{capture:!0,passive:!0}),c.addEventListener(`resize`,S,!0),c.addEventListener(`pointerdown`,T,!0),c.addEventListener(`pointermove`,E,!0),c.addEventListener(`pointerup`,D,!0),c.addEventListener(`pointercancel`,D,!0),()=>{s.removeEventListener(`pointermove`,m),c.removeEventListener(`pointermove`,x,!0),c.removeEventListener(`scroll`,w,!0),c.removeEventListener(`scroll`,h,!0),c.removeEventListener(`resize`,S,!0),c.removeEventListener(`pointerdown`,T,!0),c.removeEventListener(`pointermove`,E,!0),c.removeEventListener(`pointerup`,D,!0),c.removeEventListener(`pointercancel`,D,!0),p.disconnect(),l&&c.clearTimeout(l),u&&c.cancelAnimationFrame(u),l=0,u=0,n?.style.removeProperty(`visibility`),he(),o?.previousUserSelect!==null&&o&&(d.documentElement.style.userSelect=o.previousUserSelect),o=null}});let ve=()=>[Y(_o,{get each(){return I()},keyed:e=>e.id,children:(t,n)=>Y(um,{get measurement(){return t()},get showLabel(){return e.model.state.selectedMeasurements.length!==1||B()?.element!==t().elementRef},get clipRect(){return Wd(t().sourceDocument??t().elementRef?.ownerDocument)},get edgeVisibility(){return ie()[n()]},get outlineColor(){return A()},get fillColor(){return j()},get theme(){return e.model.state.settings.theme}})}),Y(K,{get when(){return J(()=>!!e.editSelectionHover())()?W()[0]?.id.startsWith(`group-`):e.editSelectionHover()},get children(){var e=X(`div`,{"data-mesurer-selection-group-outline":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${W()[0].rect.left}px`,top:`${W()[0].rect.top}px`,width:`${W()[0].rect.width}px`,height:`${W()[0].rect.height}px`,"box-sizing":`border-box`,border:`1px solid #0d99ff`}),(t,n)=>{$(e,`style`,t,n)}),e}}),Y(K,{get when(){return M().length>1},get children(){return[Y(_o,{get each(){return M()},children:e=>(()=>{var t=X(`div`,{"data-mesurer-selection-spacing-target":`true`,class:`msr:pointer-events-none msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.rect.left}px`,top:`${e.rect.top}px`,width:`${e.rect.width}px`,height:`${e.rect.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()}),Y(_o,{get each(){return oe()},children:t=>Y(rm,{get distance(){return se(t)},kind:`selection-spacing`,showRects:!1,get spacingScopeId(){return ce()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,renderPart:`paint`})})]}})];var ye=X(`div`,{"data-mesurer-interaction-overlay":`true`,onPointerDown:t=>e.onPointerDown(t),onPointerUp:t=>e.onPointerUp(t),onPointerLeave:t=>e.onPointerLeave(t)});return ic(()=>e=>{t=e},ye),Q(ye,Y(K,{get when(){return S()},get children(){return[Y(_o,{get each(){return U()},children:(t,n)=>Y(um,{measurement:t,get edgeVisibility(){return re()[n()]},get outlineColor(){return O()},get fillColor(){return k()},get theme(){return e.model.state.settings.theme}})}),Y(K,{get when(){return J(()=>!!e.activeRect)()?e.model.state.isDragging:e.activeRect},get children(){return[(()=>{var t=X(`div`,{class:`msr:pointer-events-none msr:absolute`}),n=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`}),r=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`}),i=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`}),a=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return Z(t,n),Z(t,r),Z(t,i),Z(t,a),q(()=>({e:{left:`${e.activeRect.left}px`,top:`${e.activeRect.top}px`,width:`${e.activeRect.width}px`,height:`${e.activeRect.height}px`,"background-color":k()},t:{"background-color":O()},a:{"background-color":O()},o:{"background-color":O()},i:{"background-color":O()}}),({e,t:o,a:s,o:c,i:l},u)=>{e!==u?.e&&$(t,`style`,e,u?.e),o!==u?.t&&$(n,`style`,o,u?.t),s!==u?.a&&$(r,`style`,s,u?.a),c!==u?.o&&$(i,`style`,c,u?.o),l!==u?.i&&$(a,`style`,l,u?.i)}),t})(),Y(gh,{axis:`x`,get left(){return e.activeRect.left+e.activeRect.width/2},get top(){return e.activeRect.top+e.activeRect.height+2},get children(){return[J(()=>Gu(e.activeRect.width)),` x `,J(()=>Gu(e.activeRect.height))]}})]}}),Y(K,{get when(){return J(()=>!!(e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)))()?!te():e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)},get children(){return Y(K,{get when(){return ue()},get fallback(){return fe()},children:e=>Y(Zo,{get mount(){return e()},get children(){return fe()}})})}})]}}),null),Q(ye,Y(K,{get when(){return B()},children:n=>{let r=R();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return z(r??t)},get children(){return Y(hh,{get element(){return n().element},get measurement(){return n().measurement},get rect(){return n().measurement.rect},get ownerWindow(){return t.ownerDocument.defaultView},get theme(){return e.model.state.settings.theme},documentMounted:!0,get layoutDetailsEnabled(){return e.model.state.settings.layoutDetailsEnabled},get singleSelection(){return e.model.state.selectedMeasurements.length<=1}})}})}}),null),Q(ye,Y(K,{get when(){return J(()=>!B())()&&ee()},children:n=>{let r=R();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return z(r??t)},get children(){return Y(hh,{get element(){return n().element},get measurement(){return n().measurement},get rect(){return n().rect},get ownerWindow(){return t.ownerDocument.defaultView},get theme(){return e.model.state.settings.theme},documentMounted:!0,get layoutDetailsEnabled(){return e.model.state.settings.layoutDetailsEnabled},singleSelection:!0,passThrough:!0})}})}}),null),Q(ye,Y(K,{get when(){return J(()=>!!(e.interactive&&C()&&e.model.state.guidePreview))()?!e.model.state.draggingGuideId:e.interactive&&C()&&e.model.state.guidePreview},get children(){var t=X(`div`,{class:`msr:pointer-events-none msr:absolute`}),n=X(`div`,{class:`msr:absolute`});return Z(t,n),q(()=>({e:e.model.state.guidePreview.orientation===`vertical`?{left:`${e.model.state.guidePreview.position-7}px`,top:`0`,width:`14px`,height:`100%`}:{top:`${e.model.state.guidePreview.position-7}px`,left:`0`,height:`14px`,width:`100%`},t:e.model.state.guidePreview.orientation===`vertical`?{left:`6px`,top:`0`,width:`2px`,height:`100%`,"background-color":pe(`preview`)}:{top:`6px`,left:`0`,height:`2px`,width:`100%`,"background-color":pe(`preview`)}}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`style`,r,i?.t)}),t}}),null),Q(ye,Y(K,{get when(){return S()},get children(){return Y(K,{get when(){return J(()=>M().length>1)()?h():null},get fallback(){return Y(ve,{})},children:t=>Y(Zo,{get mount(){return t()},get children(){var t=X(`div`,{"data-mesurer-multi-selection-document-layer":`true`,"data-mesurer-inspector-ui":`true`,class:`msr:pointer-events-none`});return Q(t,Y(ve,{})),q(()=>({e:ce(),t:e.model.state.settings.theme,a:{position:`absolute`,left:`${H().x}px`,top:`${H().y}px`,"pointer-events":`none`}}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-selection-scope`,e,i?.e),n!==i?.t&&$(t,`data-theme`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t}})})}}),null),Q(ye,Y(K,{get when(){return J(()=>!!S())()?M().length>1:S()},get children(){var t=X(`div`,{"data-mesurer-spacing-interaction-layer":`true`,class:`msr:pointer-events-none`});return ic(()=>e=>{r=e},t),Q(t,Y(_o,{get each(){return oe()},children:t=>Y(rm,{get distance(){return se(t)},showRects:!1,kind:`selection-spacing`,get spacingScopeId(){return ce()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,get renderPart(){return h()?`interaction`:`all`}})})),t}}),null),Q(ye,Y(_o,{get each(){return ne()},children:t=>Y(rm,{distance:t,get onRemove(){return e.model.removeHeldDistance},kind:`held`})}),null),Q(ye,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionPairOverlay:S()&&e.model.state.altPressed},get children(){return Y(rm,{get distance(){return e.optionPairOverlay},kind:`preview`})}}),null),Q(ye,Y(K,{get when(){return J(()=>!!(e.interactive&&C()&&e.model.state.altPressed))()?e.guideDistanceOverlay:e.interactive&&C()&&e.model.state.altPressed},get children(){return Y(rm,{get distance(){return e.guideDistanceOverlay},kind:`preview`})}}),null),Q(ye,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionContainerLines:S()&&e.model.state.altPressed},children:e=>[Y(K,{get when(){return e().top.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:w-px msr:bg-[#2563eb]`});return q(()=>({top:`${e().top.y1}px`,height:`${e().top.y2-e().top.y1}px`,left:`${e().top.x}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`y`,get left(){return e().top.x+2},get top(){return(e().top.y1+e().top.y2)/2},get children(){return Gu(e().top.value)}})]}}),Y(K,{get when(){return e().bottom.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:w-px msr:bg-[#2563eb]`});return q(()=>({top:`${e().bottom.y1}px`,height:`${e().bottom.y2-e().bottom.y1}px`,left:`${e().bottom.x}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`y`,get left(){return e().bottom.x+2},get top(){return(e().bottom.y1+e().bottom.y2)/2},get children(){return Gu(e().bottom.value)}})]}}),Y(K,{get when(){return e().left.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:h-px msr:bg-[#2563eb]`});return q(()=>({left:`${e().left.x1}px`,width:`${e().left.x2-e().left.x1}px`,top:`${e().left.y}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`x`,get left(){return(e().left.x1+e().left.x2)/2},get top(){return e().left.y+2},get children(){return Gu(e().left.value)}})]}}),Y(K,{get when(){return e().right.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:h-px msr:bg-[#2563eb]`});return q(()=>({left:`${e().right.x1}px`,width:`${e().right.x2-e().right.x1}px`,top:`${e().right.y}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`x`,get left(){return(e().right.x1+e().right.x2)/2},get top(){return e().right.y+2},get children(){return Gu(e().right.value)}})]}})]}),null),Q(ye,Y(_o,{get each(){return me()},children:t=>{let n=()=>t.id.startsWith(`__mesurer-preview-`),r=()=>!n()&&e.model.state.selectedGuideIds.includes(t.id),i=()=>!n()&&e.hoverGuide?.id===t.id,a=()=>r()?pe(`active`):i()?pe(`hover`):pe(`default`),o=()=>Math.max(e.model.state.settings.guideStyle.width,r()||i()?2:e.model.state.settings.guideStyle.width),s=()=>e.model.state.settings.guideStyle.pattern===`solid`?void 0:e.model.state.settings.guideStyle.pattern===`dotted`?`radial-gradient(circle, ${a()} 0 ${o()/2}px, transparent ${o()/2+.5}px)`:`repeating-linear-gradient(${t.orientation===`vertical`?`to bottom`:`to right`}, ${a()} 0 ${e.model.state.settings.guideStyle.dashLength}px, transparent ${e.model.state.settings.guideStyle.dashLength}px ${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px)`,c=()=>e.model.state.settings.guideStyle.pattern===`dotted`?t.orientation===`vertical`?`${o()}px ${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px`:`${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px ${o()}px`:void 0;var l=X(`div`,{class:`msr:absolute`,"data-mesurer-guide":`true`,onPointerDown:r=>{!n()&&e.model.current.toolMode!==`none`&&ge(t,r)},onPointerUp:r=>{!n()&&e.model.current.toolMode!==`none`&&_e(t,r)},onPointerCancel:r=>{!n()&&e.model.current.toolMode!==`none`&&_e(t,r)}}),u=X(`div`,{class:`msr:absolute`});return Z(l,u),q(()=>({e:t.orientation===`vertical`?{left:`${t.position-7}px`,top:`0`,width:`14px`,height:`100%`,"pointer-events":!n()&&D()?`auto`:`none`}:{top:`${t.position-7}px`,left:`0`,height:`14px`,width:`100%`,"pointer-events":!n()&&D()?`auto`:`none`},t:t.orientation===`vertical`?{left:`6px`,top:`0`,width:`${o()}px`,height:`100%`,"background-color":e.model.state.settings.guideStyle.pattern===`solid`?a():`transparent`,"background-image":s(),"background-size":c(),opacity:e.model.state.settings.guideStyle.opacity}:{top:`6px`,left:`0`,height:`${o()}px`,width:`100%`,"background-color":e.model.state.settings.guideStyle.pattern===`solid`?a():`transparent`,"background-image":s(),"background-size":c(),opacity:e.model.state.settings.guideStyle.opacity}}),({e,t},n)=>{e!==n?.e&&$(l,`style`,e,n?.e),t!==n?.t&&$(u,`style`,t,n?.t)}),l}}),null),q(()=>({e:`msr:absolute msr:inset-0 msr:select-none ${w()?`msr:pointer-events-auto ${C()?e.hoverGuide||e.model.state.draggingGuideId?`msr:cursor-default`:`msr:cursor-crosshair`:`msr:cursor-default`} msr:opacity-100`:`msr:pointer-events-none msr:opacity-0`}`,t:{"pointer-events":E()?`auto`:`none`}}),({e,t},n)=>{e!==n?.e&&$(ye,`class`,e,n?.e),t!==n?.t&&$(ye,`style`,t,n?.t)}),ye}var vh=18,yh=5,bh=32,xh=Array.from({length:801},(e,t)=>t*yh);function Sh(e){let[t,n]=G(null),[r,i]=G(null),[a,o]=G(!1),s=null,c=()=>e.forceVisible||!e.settings.edgeReveal||a(),l=()=>e.guides.filter(t=>t.orientation===`vertical`&&e.selectedGuideIds.includes(t.id)),u=()=>e.guides.filter(t=>t.orientation===`horizontal`&&e.selectedGuideIds.includes(t.id)),d=t=>{if(!s||s.pointerId!==t.pointerId)return;t.stopPropagation();let r=s.orientation===`horizontal`?t.clientY:t.clientX;n(r),e.onMoveGuide(s.id,r)};Nn(()=>{let t=t=>{if(e.settings.edgeReveal){let n=t.clientX<=bh||t.clientX>=e.ownerWindow.innerWidth-bh,r=t.clientY<=bh||t.clientY>=e.ownerWindow.innerHeight-bh;o(n||r)}d(t)},n=t=>{if(!e.settings.edgeReveal)return;let n=t.clientX<=bh||t.clientX>=e.ownerWindow.innerWidth-bh,r=t.clientY<=bh||t.clientY>=e.ownerWindow.innerHeight-bh;o(n||r)};return e.ownerWindow.document.addEventListener(`pointermove`,t,!0),e.ownerWindow.document.addEventListener(`mousemove`,n,!0),()=>{e.ownerWindow.document.removeEventListener(`pointermove`,t,!0),e.ownerWindow.document.removeEventListener(`mousemove`,n,!0)}});let f=(t,r)=>{if(!e.interactive||r.button!==0)return;r.stopPropagation();let a=t===`horizontal`?r.clientY:r.clientX;n(a),i(t),s={orientation:t,pointerId:r.pointerId,id:e.onStartGuide(t,a)},Il(r.currentTarget,r.pointerId)},p=t=>{if(!s||s.pointerId!==t.pointerId)return;t.stopPropagation();let r=s,a=r.orientation===`horizontal`?t.clientY:t.clientX;t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId),s=null,n(null),i(null),e.onMoveGuide(r.id,a),e.onFinishGuide(r.id)},m=t=>{if(!s||s.pointerId!==t.pointerId)return;let r=s.id;s=null,n(null),i(null),e.onCancelGuide(r)};var h=X(`div`,{"aria-hidden":`true`,"data-mesurer-rulers":`true`,class:`msr:pointer-events-none msr:absolute msr:inset-0 msr:select-none msr:text-[9px] msr:text-[#64748b]`}),g=X(`div`,{class:`msr:absolute msr:left-[18px] msr:right-0 msr:top-0 msr:overflow-hidden msr:bg-white`,onPointerDown:e=>f(`horizontal`,e),onPointerUp:p,onPointerCancel:m}),_=X(`svg`,{class:`msr:block msr:h-6`,width:4e3,height:18,viewBox:`0 0 4000 18`}),v=X(`defs`),y=X(`linearGradient`,{id:`ruler-label-fade-x`,x1:`0%`,x2:`100%`}),b=X(`stop`,{offset:`0`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),x=X(`stop`,{offset:`0.2`,"stop-color":`var(--msr-surface, white)`}),S=X(`stop`,{offset:`0.8`,"stop-color":`var(--msr-surface, white)`}),C=X(`stop`,{offset:`1`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),w=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:top-[18px] msr:w-[18px] msr:overflow-hidden msr:bg-white`,onPointerDown:e=>f(`vertical`,e),onPointerUp:p,onPointerCancel:m}),T=X(`svg`,{class:`msr:block msr:w-6`,width:18,height:4e3,viewBox:`0 0 18 4000`}),E=X(`defs`),D=X(`linearGradient`,{id:`ruler-label-fade-y`,y1:`0%`,y2:`100%`}),O=X(`stop`,{offset:`0`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),k=X(`stop`,{offset:`0.2`,"stop-color":`var(--msr-surface, white)`}),A=X(`stop`,{offset:`0.8`,"stop-color":`var(--msr-surface, white)`}),j=X(`stop`,{offset:`1`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),M=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:size-[18px] msr:bg-white`});return Z(h,g),Z(h,w),Z(h,M),Z(g,_),Z(_,v),Z(v,y),Z(y,b),Z(y,x),Z(y,S),Z(y,C),Q(_,Y(_o,{each:xh,children:e=>{let t=e%100==0,n=e%50==0;var r=X(`g`);return Z(r,X(`line`,{x1:e,y1:18,x2:e,y2:t?8:n?13:17,stroke:`currentColor`,"stroke-width":`1`})),Q(r,Y(K,{when:t,get children(){var t=X(`text`,{x:e,y:`8`,"text-anchor":`middle`,fill:`currentColor`});return Q(t,e),t}}),null),r}}),null),Q(_,Y(_o,{get each(){return l()},children:e=>(()=>{var t=X(`g`),n=X(`rect`,{y:`-1`,width:`48`,height:`12`,fill:`url(#ruler-label-fade-x)`}),r=X(`text`,{y:`8`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(t,n),Z(t,r),Q(r,()=>Math.round(e.position-vh)),q(()=>({e:e.position-vh-8,t:e.position-vh+16}),({e,t},i)=>{e!==i?.e&&$(n,`x`,e,i?.e),t!==i?.t&&$(r,`x`,t,i?.t)}),t})()}),null),Q(_,Y(K,{get when(){return J(()=>r()===`vertical`)()&&t()!==null},get children(){var e=X(`g`),n=X(`rect`,{y:`-1`,width:`48`,height:`12`,fill:`url(#ruler-label-fade-x)`}),r=X(`text`,{y:`8`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(e,n),Z(e,r),Q(r,()=>Math.round(t()-vh)),q(()=>({e:t()-vh-8,t:t()-vh+16}),({e,t},i)=>{e!==i?.e&&$(n,`x`,e,i?.e),t!==i?.t&&$(r,`x`,t,i?.t)}),e}}),null),Z(w,T),Z(T,E),Z(E,D),Z(D,O),Z(D,k),Z(D,A),Z(D,j),Q(T,Y(_o,{each:xh,children:e=>{let t=e%100==0,n=e%50==0;var r=X(`g`);return Z(r,X(`line`,{x1:18,y1:e,x2:t?8:n?13:17,y2:e,stroke:`currentColor`,"stroke-width":`1`})),Q(r,Y(K,{when:t,get children(){var t=X(`text`,{x:`8`,y:e+10,fill:`currentColor`,transform:`rotate(-90 8 ${e+10})`});return Q(t,e),t}}),null),r}}),null),Q(T,Y(_o,{get each(){return u()},children:e=>(()=>{var t=X(`g`),n=X(`rect`,{x:`-3`,width:`24`,height:`48`,fill:`url(#ruler-label-fade-y)`}),r=X(`text`,{x:`9`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(t,n),Z(t,r),Q(r,()=>Math.round(e.position-vh)),q(()=>({e:e.position-vh-38,t:e.position-vh-16,a:`rotate(-90 9 ${e.position-vh-16})`}),({e,t,a:i},a)=>{e!==a?.e&&$(n,`y`,e,a?.e),t!==a?.t&&$(r,`y`,t,a?.t),i!==a?.a&&$(r,`transform`,i,a?.a)}),t})()}),null),Q(T,Y(K,{get when(){return J(()=>r()===`horizontal`)()&&t()!==null},get children(){var e=X(`g`),n=X(`rect`,{x:`-3`,width:`24`,height:`48`,fill:`url(#ruler-label-fade-y)`}),r=X(`text`,{x:`9`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(e,n),Z(e,r),Q(r,()=>Math.round(t()-vh)),q(()=>({e:t()-vh-38,t:t()-vh-16,a:`rotate(-90 9 ${t()-vh-16})`}),({e,t,a:i},a)=>{e!==a?.e&&$(n,`y`,e,a?.e),t!==a?.t&&$(r,`y`,t,a?.t),i!==a?.a&&$(r,`transform`,i,a?.a)}),e}}),null),q(()=>({e:{opacity:c()?e.settings.opacity:0,transition:`opacity 100ms ease`},t:{"box-shadow":`0 1px 3px rgba(0, 0, 0, 0.12)`,height:`18px`,cursor:`ns-resize`,"pointer-events":c()&&e.interactive?`auto`:`none`},a:{"box-shadow":`1px 0 3px rgba(0, 0, 0, 0.12)`,width:`18px`,cursor:`ew-resize`,"pointer-events":c()&&e.interactive?`auto`:`none`}}),({e,t,a:n},r)=>{e!==r?.e&&$(h,`style`,e,r?.e),t!==r?.t&&$(g,`style`,t,r?.t),n!==r?.a&&$(w,`style`,n,r?.a)}),h}var Ch=e=>Object.prototype.hasOwnProperty.call(e,`__codexWebMcpModelContext`),wh=new WeakSet,Th=e=>typeof e==`function`&&typeof e.prototype?.open==`function`,Eh=e=>{wh.add(e)},Dh=e=>{if(Ch(e)||wh.has(e))return!1;let t=e.EyeDropper;return Th(t)},Oh=e=>Uc(e)||Dh(e),kh={x:16,y:16},Ah={x:84,y:48},jh=e=>e.process?.type===`renderer`||!!e.process?.versions?.electron||/\bElectron\/\d/i.test(e.navigator.userAgent),Mh=e=>{let t=e.navigator.platform||e.navigator.userAgent;return/^Mac/i.test(t)||/\bMacintosh\b/i.test(e.navigator.userAgent)},Nh=e=>jh(e)&&Mh(e),Ph={x:0,y:0,width:84,height:48},Fh=e=>{if(!Nh(e))return null;let t=e.__MESURER_HOST__?.windowControls;if(t)return t.visible?t.bounds??Ph:null;let n=e.navigator.windowControlsOverlay;if(n?.visible){let e=n.getTitlebarAreaRect();if(e.x>0&&e.height>0)return{x:0,y:e.y,width:e.x,height:e.height}}return Number.isFinite(e.outerHeight)&&Number.isFinite(e.innerHeight)&&e.outerHeight-e.innerHeight>=24?null:Ph},Ih=e=>Fh(e)?Ah:kh,Lh=(e,t,n,r=0,i=0)=>{let a=Fh(e);return!a||a.width<=0||a.height<=0?t:t.x<a.x+a.width&&t.x+r>a.x&&t.y<a.y+a.height&&t.y+i>a.y?{...t,y:Math.max(n,a.y+a.height)}:t},Rh=(e,t)=>Lh(e,t??Ih(e),8,352,40),zh=(e,t,n,r,i=8)=>{let a=i,o=Math.max(i,r.width-n.width-i),s=Math.max(a,r.height-n.height-i);return Lh(e,{x:Math.min(o,Math.max(i,t.x)),y:Math.min(s,Math.max(a,t.y))},i,n.width,n.height)},Bh=[`top`,`bottom`,`left`,`right`],Vh=8,Hh=e=>e===`left`||e===`right`,Uh=({side:e,point:t,size:n,viewport:r})=>{if(e===`top`||e===`bottom`){let i=r.width-n.width-16;return{x:Math.max(16,Math.min(t.x,i)),y:e===`top`?16:r.height-n.height-16}}let i=r.height-n.height-16;return{x:e===`left`?16:r.width-n.width-16,y:Math.max(16,Math.min(t.y,i))}},Wh=(e,t,n)=>Uh({side:e,point:e===`top`||e===`bottom`?{x:Math.round((n.width-t.width)/2),y:0}:{x:0,y:Math.round((n.height-t.height)/2)},size:t,viewport:n}),Gh=(e,t,n)=>e+(t-e)*n,Kh=e=>Math.min(1,Math.max(0,e)),qh=e=>e*e*(3-2*e),Jh=[`center`,`start`,`end`],Yh=(e,t,n,r)=>{let[i,a,o]=Hh(e)?[t.y,n.height,r.height]:[t.x,n.width,r.width],s=o-a-16,c=(s-16)/4;return i-16<=c?`start`:s-i<=c?`end`:`center`},Xh=(e,t,n,r)=>{if(t===`center`)return Wh(e,n,r);let i=t===`start`?-1/0:1/0;return Uh({side:e,point:{x:i,y:i},size:n,viewport:r})},Zh=(e,t,n,r)=>{switch(e){case`top`:return t.y;case`bottom`:return r.height-(t.y+n.height);case`left`:return t.x;case`right`:return r.width-(t.x+n.width)}},Qh=(e,t)=>{let n=null;for(let r of Bh){let i=e(r);i<=t&&(!n||i<n.gap)&&(n={side:r,gap:i})}return n},$h=(e,t,n)=>({x:Math.max(Vh,Math.min(e.x,n.width-t.width-Vh)),y:Math.max(Vh,Math.min(e.y,n.height-t.height-Vh))}),eg=({point:e,size:t,viewport:n,glued:r,align:i})=>{let a=r??Qh(r=>Zh(r,e,t,n),1/0).side,o=r&&i||Yh(a,e,t,n);return{side:a,align:o,position:Xh(a,o,t,n)}},tg=(e,t,n)=>{let r=n-t-16,i=e-16<=r-e,a=i?16:r,o=i?e-16:r-e,s=Math.min(96,(r-16)*.4),c=Math.min(16,s/2);return o>s?e:Math.round(Gh(a,e,qh(Kh((o-c)/(s-c)))))},ng=(e,t)=>{let n=e.x<t.width/2?`left`:`right`,r=e.y<t.height/2?`top`:`bottom`,i=n===`left`?0:t.width,a=r===`top`?0:t.height;return Math.hypot(e.x-i,e.y-a)<=120?{x:n,y:r}:null},rg=(e,t,n,r)=>{let i=null;for(let a of Bh)for(let o of Jh){if(o!==`center`&&Hh(a)!==t)continue;let s=Xh(a,o,n,r),c=Math.hypot(e.x-s.x-n.width/2,e.y-s.y-n.height/2);(!i||c<i.distance)&&(i={side:a,align:o,distance:c})}return{side:i.side,align:i.align}},ig=(e,t,n=null)=>{let r=n=>Zh(n,e,{width:0,height:0},t);return n&&r(n)<=80?n:ng(e,t)?null:Qh(r,72)?.side??null},ag=({pointer:e,grab:t,glued:n,upright:r,pushed:i=!1,latched:a=!1,sizeFor:o,viewport:s})=>{let c=ig(e,s,n),l=c===null&&!ng(e,s),u=a?!l:n!==null&&c!==n,d=u?null:c,f=n=>{let r=o(n),i={x:Math.round(e.x-(n?t.across:t.along)*r.width),y:Math.round(e.y-(n?t.along:t.across)*r.height)},[a,c,l]=n?[i.y,r.height,s.height]:[i.x,r.width,s.width];return{size:r,held:i,push:Math.max(Vh-a,a+c-(l-Vh))}},p=d?Hh(d):r,m=!d&&i;d||(m?f(!p).push<=0:f(p).push>40&&f(!p).push<=40)&&(p=!p,m=!m);let{size:h,held:g}=f(p);if(!d)return{side:null,upright:p,pushed:m,latched:u,position:$h(g,h,s)};let _=Uh({side:d,point:g,size:h,viewport:s}),v=p?tg(g.y,h.height,s.height):tg(g.x,h.width,s.width),y=d===`top`||d===`left`?Math.max:Math.min,b=p?{x:y(_.x,g.x),y:v}:{x:v,y:y(_.y,g.y)};return{side:d,upright:p,pushed:m,latched:u,position:b}};function og(e){let[t,n]=G(!1),[r,i]=G(!1),a=!0,o=0,s=e.ownerWindow,c=()=>{s.clearTimeout(o),o=0},l=()=>{c(),n(!1)},u=()=>{a||e.busy()||!e.enabled()||!e.edge()||e.element()?.querySelector(`:focus-visible`)||o||(o=s.setTimeout(()=>{o=0,n(!0)},600))};return mo(()=>[e.enabled(),e.edge(),e.busy()],([e,t,n])=>{l(),e&&t&&!n&&en(u)}),Nn(()=>{let t=e.element(),n=n=>{if(!e.enabled()||!e.edge())return;let r=t?.getBoundingClientRect();if(!r)return;let i=Fh(s);if(i&&n.clientX>=i.x&&n.clientX<i.x+i.width&&n.clientY>=i.y&&n.clientY<i.y+i.height)return;let o=i&&r.left<i.x+i.width&&r.right>i.x?i.y+i.height:0,c=n.clientX>=r.left-16&&n.clientX<=r.right+16,d=n.clientY>=r.top-16&&n.clientY<=r.bottom+16;({top:n.clientY<=o+48&&c,bottom:n.clientY>=s.innerHeight-48&&c,left:n.clientX<=48&&d,right:n.clientX>=s.innerWidth-48&&d})[e.edge()]&&n.buttons===0?(a=!1,l()):u()},r=e=>i(!!(t&&!e.composedPath().includes(t))),o=()=>i(!1),d=()=>{t?.querySelector(`:focus-visible`)&&l()};return s.addEventListener(`pointermove`,n),s.addEventListener(`pointerdown`,r,!0),s.addEventListener(`pointerup`,o,!0),s.addEventListener(`pointercancel`,o,!0),t?.addEventListener(`focusin`,d),t?.addEventListener(`focusout`,u),()=>{c(),s.removeEventListener(`pointermove`,n),s.removeEventListener(`pointerdown`,r,!0),s.removeEventListener(`pointerup`,o,!0),s.removeEventListener(`pointercancel`,o,!0),t?.removeEventListener(`focusin`,d),t?.removeEventListener(`focusout`,u)}}),{tucked:t,pressedOff:r}}var sg=`mesurer-toolbar-turn`,cg=.55,lg=`button`,ug=e=>({x:e.left+e.width/2,y:e.top+e.height/2});function dg(){let e=[];return{captureToolbarTurn:t=>{let n=parseFloat(getComputedStyle(t).rotate)||0;for(let t of e)t.cancel();return e=[],{from:t.getBoundingClientRect(),angle:n}},playToolbarTurn:(t,{from:n,angle:r},i)=>{let a=t.getBoundingClientRect(),o=i?-90:90,s=o+r,c=ug(n),l=ug(a),u=c.x-l.x+(c.y-l.y),d=c.x-l.x-(c.y-l.y),f=i?{x:l.x+u/2,y:l.y-d/2}:{x:l.x+d/2,y:l.y+u/2},p={id:sg,duration:200*cg*Math.abs(s/o),easing:`ease`},m=`${f.x-a.left}px ${f.y-a.top}px`;e=[t.animate([{rotate:`${s}deg`,transformOrigin:m},{rotate:`0deg`,transformOrigin:m}],p)];for(let n of t.querySelectorAll(lg))n.closest(`[inert]`)||e.push(n.animate([{rotate:`${-s}deg`},{rotate:`0deg`}],p));let h=t.querySelector(`.mesurer-toolbar-mode-switch-pill`);if(!h)return;getComputedStyle(h).transform;for(let e of h.getAnimations())e.cancel();let g=getComputedStyle(h).transform,_=g===`none`?``:g;e.push(h.animate([{transform:`${_} rotate(${-s}deg)`},{transform:`${_} rotate(0deg)`}],p))},cancel:()=>{for(let t of e)t.cancel();e=[]}}}var fg=[`transform`,`translate`,`rotate`,`scale`,`opacity`,`filter`,`clip-path`,`width`,`height`,`top`,`left`,`content`],pg=new WeakSet,mg=e=>e.split(/,(?![^()]*\))/).map(e=>e.trim()),hg=(e,t)=>e[t%e.length]??``,gg=e=>{let t=e.trim().match(/^(-?[\d.]+)(ms|s)$/i);if(!t)return 0;let n=Number.parseFloat(t[1]??`0`);return t[2]?.toLowerCase()===`s`?n*1e3:n},_g=e=>[...new Set(e.filter(Boolean))],vg=e=>!!(e&&`getKeyframes`in e&&`target`in e),yg=e=>{let t=e?.effect??null;if(!vg(t))return[];try{return t.getKeyframes()}catch{return[]}},bg=new Set([`offset`,`easing`,`composite`,`computedOffset`]),xg=e=>`animationName`in e?String(e.animationName??``):``,Sg=e=>`transitionProperty`in e?String(e.transitionProperty??``):``,Cg=e=>`animationName`in e?`animation`:`transitionProperty`in e?`transition`:`web-animation`,wg=(e,t=Og(e))=>t.some(e=>{if(pg.has(e)||xg(e)||Sg(e)||e.playState!==`running`)return!1;try{let t=e.effect?.getTiming(),n=t?.iterations;return!!(t&&n!==1/0)}catch{return!1}}),Tg=e=>e.startsWith(`--`)?e:e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),Eg=e=>_g(yg(e).flatMap(e=>Object.keys(e)).filter(e=>!bg.has(e))),Dg=(e,t)=>yg(e).map(e=>{let n=Object.entries(e).filter(([e])=>!bg.has(e)).map(([e,t])=>`${Tg(e)}: ${t};`);return e.easing&&e.easing!==`linear`&&n.push(`animation-timing-function: ${e.easing};`),e.composite&&e.composite!==`auto`&&e.composite!==`replace`&&n.push(`animation-composition: ${e.composite};`),{offset:`${Math.round(Number(e.computedOffset??e.offset??0)*1e4)/100}%`,value:n.join(` `),displayValue:n.filter(e=>e!==`animation-timing-function: ${t};`).map(e=>e.slice(0,-1).replace(/^animation-timing-function:/,`easing:`).replace(/^animation-composition:/,`composition:`)).join(`
+`,wf={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},Tf={enabled:!0,color:`#2563eb`,diagonals:!1,opacity:1,width:1,pattern:`dashed`,dashLength:4,gap:3},Ef={opacity:1,edgeReveal:!1},Df=e=>typeof e==`object`&&!!e&&!Array.isArray(e),Of=e=>typeof e==`object`&&!!e&&!Array.isArray(e),kf=e=>typeof e==`string`,Af=e=>typeof e==`boolean`,jf=e=>typeof e==`number`&&Number.isFinite(e),Mf=e=>e===`hex`||e===`rgb`||e===`hsl`||e===`oklch`,Nf=e=>e===`solid`||e===`dashed`||e===`dotted`,Pf=e=>e===`system`||e===`light`||e===`dark`,Ff=e=>e===`off`||e===`hover`||e===`click`,If=e=>e===`none`||e===`select`||e===`guides`||e===`text-inspector`||e===`xray`||e===`rulers`,Lf=e=>e===`vertical`||e===`horizontal`,Rf=e=>Df(e)?jf(e.left)&&jf(e.top)&&jf(e.width)&&e.width>=0&&jf(e.height)&&e.height>=0:!1,zf=e=>Df(e)?kf(e.id)&&Rf(e.rect)&&Rf(e.normalizedRect)&&jf(e.deltaX)&&jf(e.deltaY):!1,Bf=e=>Df(e)?kf(e.id)&&Lf(e.orientation)&&jf(e.position):!1,Vf=e=>Df(e)?kf(e.id)&&Rf(e.rectA)&&Rf(e.rectB)&&Rf(e.normalizedRectA)&&Rf(e.normalizedRectB)&&Array.isArray(e.connectors):!1,Hf=(e,t)=>{if(Of(e))return{opacity:jf(e.opacity)?Math.min(1,Math.max(0,e.opacity)):t.opacity,width:jf(e.width)?Math.min(4,Math.max(1,e.width)):t.width,pattern:Nf(e.pattern)?e.pattern:t.pattern,dashLength:jf(e.dashLength)?Math.min(24,Math.max(2,e.dashLength)):t.dashLength,gap:jf(e.gap)?Math.min(24,Math.max(0,e.gap)):t.gap}},Uf=e=>Hf(e,wf),Wf=e=>{if(!Of(e))return;let t=Hf(e,Tf);if(t)return{...t,enabled:Af(e.enabled)?e.enabled:Tf.enabled,color:kf(e.color)?e.color:Tf.color,diagonals:Af(e.diagonals)?e.diagonals:Tf.diagonals}},Gf=e=>{if(Of(e))return{opacity:jf(e.opacity)?Math.min(1,Math.max(.2,e.opacity)):Ef.opacity,edgeReveal:Af(e.edgeReveal)?e.edgeReveal:Ef.edgeReveal}},Kf=e=>{if(!Of(e))return{};let t={};if(kf(e.highlightColor)&&(t.highlightColor=e.highlightColor),kf(e.guideColor)&&(t.guideColor=e.guideColor),Af(e.hoverHighlightEnabled)&&(t.hoverHighlightEnabled=e.hoverHighlightEnabled),Array.isArray(e.colorPickerFormats)){let n=e.colorPickerFormats.filter(Mf);n.length>0&&(t.colorPickerFormats=n)}Mf(e.colorPickerClickFormat)&&(t.colorPickerClickFormat=e.colorPickerClickFormat),Af(e.snapEnabled)&&(t.snapEnabled=e.snapEnabled),Af(e.snapGuidesEnabled)&&(t.snapGuidesEnabled=e.snapGuidesEnabled),Af(e.selectNewGuideEnabled)&&(t.selectNewGuideEnabled=e.selectNewGuideEnabled),Af(e.multiMeasureEnabled)&&(t.multiMeasureEnabled=e.multiMeasureEnabled),Af(e.layoutDetailsEnabled)&&(t.layoutDetailsEnabled=e.layoutDetailsEnabled),Ff(e.infoCardMode)&&(t.infoCardMode=e.infoCardMode),Af(e.persistOnReload)&&(t.persistOnReload=e.persistOnReload),Af(e.shortcutsEnabled)&&(t.shortcutsEnabled=e.shortcutsEnabled),Pf(e.theme)&&(t.theme=e.theme),(e.toolbarDock===`free`||e.toolbarDock===`snap`)&&(t.toolbarDock=e.toolbarDock),Af(e.toolbarAutoHide)&&(t.toolbarAutoHide=e.toolbarAutoHide);let n=Uf(e.guideStyle);n&&(t.guideStyle=n);let r=Wf(e.selectionSpacingStyle);r&&(t.selectionSpacingStyle=r);let i=Gf(e.rulerSettings);return i&&(t.rulerSettings=i),t},qf=e=>!Of(e)||!Af(e.enabled)||!If(e.toolMode)||!Lf(e.guideOrientation)||!Array.isArray(e.guides)||!Array.isArray(e.selectedGuideIds)||!Array.isArray(e.measurements)||!Array.isArray(e.heldDistances)?null:{enabled:e.enabled,xrayVisible:Af(e.xrayVisible)?e.xrayVisible:e.toolMode===`xray`,toolMode:e.toolMode,rulersVisible:Af(e.rulersVisible)?e.rulersVisible:e.toolMode===`rulers`,guideOrientation:e.guideOrientation,guides:e.guides.filter(Bf),selectedGuideIds:e.selectedGuideIds.filter(kf),measurements:e.measurements.filter(zf),activeMeasurement:zf(e.activeMeasurement)?e.activeMeasurement:null,heldDistances:e.heldDistances.filter(Vf)},Jf=e=>!Of(e)||e.version!==2?null:{settings:Kf(e.settings),workspace:qf(e.workspace)},Yf=e=>Of(e)?e.version===2?Jf(e):e.version===1?{settings:{},workspace:qf(e)}:null:null,Xf=e=>JSON.parse(e),Zf=`mesurer.pages/v1`,Qf=e=>{if(!Of(e)||e.format!==Zf||!Of(e.pages))return null;let t={};for(let[n,r]of Object.entries(e.pages)){let e=qf(r);e&&(t[n]=e)}return{format:Zf,settings:Kf(e.settings),pages:t}},$f=(e,t,n=t,r)=>{let i,a=Rl(e),o=t=>{try{let n=e.localStorage.getItem(t);return n?Xf(n):null}catch(e){return i?.(e),null}},s=e=>{let t=o(e);return t?Yf(t):null},c=e=>Qf(o(e)??void 0),l=(t,n)=>{try{e.localStorage.setItem(t,JSON.stringify(n))}catch(e){i?.(e)}},u=(e,t)=>{l(e,{version:2,settings:t.settings,workspace:t.workspace})},d=()=>{let e=r?s(r):null,i=n===t?c(t):null,o=n===t?null:s(n),l=c(t),u=l?null:s(t),d=l?.pages[a]??u?.workspace??e?.workspace??null,f=i?.settings??o?.settings??e?.settings??{};return!i&&!o&&!l&&!u&&!e?null:{settings:f,workspace:d}},f=e=>{let r=c(t),i=r?null:s(t),o=r?{...r.pages}:{};!r&&i?.workspace&&(o[a]=i.workspace),e.clearWorkspace?delete o[a]:e.workspace!==void 0&&(e.workspace?o[a]=e.workspace:delete o[a]);let u=e.settings??(n===t?r?.settings??i?.settings??{}:{});l(t,{format:Zf,settings:u,pages:o})};return{load:d,saveSettings:e=>{if(n===t){f({settings:e});return}u(n,{settings:e,workspace:null})},saveWorkspace:e=>f({workspace:e}),clearWorkspace:()=>f({clearWorkspace:!0}),clearSettings:()=>{if(n===t){f({settings:{}});return}u(n,{settings:{},workspace:null})},setPageKey:e=>{a=e},setErrorHandler:e=>{i=e},subscribe:i=>{let a=e=>{(e.key===n||e.key===t||e.key===r)&&i(d(),{settings:e.key===n||e.key===r||n===t,workspace:e.key===t||e.key===r||n===t})};return e.addEventListener(`storage`,a),()=>e.removeEventListener(`storage`,a)}}},ep=2,tp=64,np=`--mesurer-spacing-label-collision-x`,rp=`--mesurer-spacing-label-collision-y`,ip=22,ap=16,op=new WeakMap,sp=(e,t,n)=>({left:e.left+t,top:e.top+n,right:e.right+t,bottom:e.bottom+n,width:e.width,height:e.height}),cp=(e,t)=>e.left<t.right+ep&&e.right+ep>t.left&&e.top<t.bottom+ep&&e.bottom+ep>t.top,lp=(e,t,n)=>e.left>=ep&&e.top>=ep&&e.right<=t-ep&&e.bottom<=n-ep,up=e=>{if(e===0)return 0;let t=Math.ceil(e/2);return e%2==1?t:-t},dp=(e,t)=>{let n=Number.parseFloat(e.style.getPropertyValue(t));return Number.isFinite(n)?n:0},fp=e=>{let t=Number.parseInt(e.getAttribute(`data-mesurer-distance-label-index`)??`0`,10);return Number.isFinite(t)?t:0},pp=e=>{let t=e.getAttribute(`data-mesurer-distance-label-axis`);if(t===`x`)return{x:1,y:0};if(t===`y`)return{x:0,y:1};let n=Number.parseFloat(e.getAttribute(`data-mesurer-distance-label-vector-x`)??``),r=Number.parseFloat(e.getAttribute(`data-mesurer-distance-label-vector-y`)??``),i=Math.hypot(n,r);return Number.isFinite(i)&&i>.5?{x:n/i,y:r/i}:{x:1,y:0}},mp=(e,t,n,r)=>{Math.abs(n-r)<.5||(r===0?e.style.removeProperty(t):e.style.setProperty(t,`${r}px`))},hp=e=>{let t=e.ownerDocument.defaultView;if(!t)return;let n=[...e.querySelectorAll(`[data-mesurer-distance-kind="selection-spacing"] [data-mesurer-distance-label="true"]`)].sort((e,t)=>(e.getAttribute(`data-mesurer-distance-label-axis`)===`d`)-+(t.getAttribute(`data-mesurer-distance-label-axis`)===`d`)),r=new Map,i=n[0]?.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`);if(i){for(let t of e.ownerDocument.querySelectorAll(`[data-mesurer-spacing-paint="true"]`))if(t.getAttribute(`data-mesurer-selection-scope`)===i)for(let e of t.querySelectorAll(`[data-mesurer-spacing-visual-label="true"]`))r.set([t.getAttribute(`data-mesurer-distance-id`),e.getAttribute(`data-mesurer-distance-label-key`),e.getAttribute(`data-mesurer-distance-label-index`),e.getAttribute(`data-mesurer-distance-label-axis`)].join(`|`),e)}let a=[];for(let e of n){let n=e.closest(`[data-mesurer-distance-kind="selection-spacing"]`),i=r.get([n?.getAttribute(`data-mesurer-distance-id`),e.getAttribute(`data-mesurer-distance-label-key`),e.getAttribute(`data-mesurer-distance-label-index`),e.getAttribute(`data-mesurer-distance-label-axis`)].join(`|`)),o=i??e,s=dp(o,np),c=dp(o,rp),l=e.getAttribute(`data-mesurer-distance-label-axis`),u=pp(e),d={x:-u.y,y:u.x},f=fp(e),p=l===`y`?f*ip:0,m=l===`x`?f*ap:0,h=o.getBoundingClientRect(),g={left:h.left-s-p,top:h.top-c-m,right:h.right-s-p,bottom:h.bottom-c-m,width:h.width,height:h.height},_=l===`x`?g.width+ep:l===`y`?g.height+ep:Math.max(g.width,g.height)+ep,v=up(f),y=g,b=0,x=0,S=!1;for(let e=0;e<tp;e+=1){let n=(v+up(e))*_,r=u.x*n,o=u.y*n,s=sp(g,r,o);if(!(!i&&!lp(s,t.innerWidth,t.innerHeight))&&!a.some(e=>cp(s,e))){y=s,b=r,x=o,S=!0;break}}if(!S){let e=v*_,t=u.x*e,n=u.y*e,r=l===`x`?g.height+ep:l===`y`?g.width+ep:Math.max(g.width,g.height)+ep;for(let e=1;e<tp;e+=1){let i=up(e)*r,o=t+d.x*i,s=n+d.y*i,c=sp(g,o,s);if(!a.some(e=>cp(c,e))){y=c,b=o,x=s;break}}}let C=b-p,w=x-m;mp(e,np,dp(e,np),C),mp(e,rp,dp(e,rp),w),i&&(mp(i,np,s,C),mp(i,rp,c,w)),a.push(y)}},gp=e=>{let t=op.get(e);if(t){t.dirty=!0;return}let n=e.ownerDocument.defaultView;if(!n)return;let r={dirty:!1};op.set(e,r),n.requestAnimationFrame(()=>{op.delete(e),e.isConnected&&(hp(e),r.dirty&&gp(e))})},_p=`data-mesurer-spacing-label-pinned`,vp=`data-mesurer-spacing-label-group`,yp=`data-mesurer-spacing-base-opacity`,bp=`[data-mesurer-selected-measurement="true"], [data-mesurer-selection-spacing-target="true"]`,xp=`[data-mesurer-distance-hover-target="true"]`,Sp=8,Cp=new WeakMap,wp=new WeakMap,Tp=new WeakMap,Ep=new WeakMap,Dp=e=>e.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.parentElement??null,Op=e=>{queueMicrotask(()=>gp(e))},kp=e=>{let t=()=>{let t=Dp(e);t&&gp(t)};queueMicrotask(t),e.ownerDocument.defaultView?.requestAnimationFrame(t)},Ap=e=>{let t=Dp(e),n=e.getAttribute(`data-mesurer-distance-label-key`),r=e.getAttribute(`data-mesurer-distance-id`);return!t||!n||!r?null:{scope:t,labelKey:n,distanceId:r,labelCount:Number(e.getAttribute(`data-mesurer-distance-label-count`)??`1`)}},jp=e=>`${e.style.left}:${e.style.top}:${e.style.width}:${e.style.height}`,Mp=e=>{if(e.matches(`[data-mesurer-selection-spacing-target="true"]`))return e;for(let t of e.children)if(t instanceof HTMLElement&&t.style.left&&t.style.top&&t.style.width&&t.style.height)return t;return null},Np=(e,t)=>{let n=t?new Set([...t.querySelectorAll(xp)].map(jp)):null,r=e.querySelector(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`),i=r?[...e.ownerDocument.querySelectorAll(`[data-mesurer-multi-selection-document-layer="true"]`)].find(e=>e.getAttribute(`data-mesurer-selection-scope`)===r):null,a=[...e.querySelectorAll(bp),...i?.querySelectorAll(bp)??[]];for(let e of a){if(!n){let t=e.getAttribute(yp);if(t===null)continue;t?e.style.opacity=t:e.style.removeProperty(`opacity`),e.removeAttribute(yp);continue}e.hasAttribute(yp)||e.setAttribute(yp,e.style.opacity);let t=Mp(e);e.style.opacity=t&&n.has(jp(t))?`1`:`0.32`}},Pp=e=>{let t=Tp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Tp.delete(e))},Fp=e=>{let t=Ep.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Ep.delete(e))},Ip=(e,t)=>{if(!e.hasAttribute(vp)){t?.setExpandedKey(null);return}e.removeAttribute(vp),t?.setExpandedKey(null),Op(e)},Lp=(e,t,n)=>{e.getAttribute(vp)!==t&&(e.setAttribute(vp,t),n?.setExpandedKey(t),Op(e))},Rp=e=>{let t=e.querySelector(`[data-mesurer-distance-kind="selection-spacing"]`)?.getAttribute(`data-mesurer-selection-scope`);return t?[...e.ownerDocument.querySelectorAll(`[data-mesurer-spacing-paint="true"]`)].filter(e=>e.getAttribute(`data-mesurer-selection-scope`)===t):[]},zp=(e,t)=>{let n=Rp(e),r=[...e.querySelectorAll(`[data-mesurer-distance-kind="selection-spacing"]`),...n];if(!t)for(let e of n)e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(t&&!e.hasAttribute(`data-mesurer-spacing-focus`))for(let e of r)for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.setAttribute(`data-mesurer-base-opacity`,t.style.opacity||`1`);if(!t){for(let e of r){e.removeAttribute(`data-mesurer-distance-active`);for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.style.opacity=t.getAttribute(`data-mesurer-base-opacity`)??``,t.removeAttribute(`data-mesurer-base-opacity`)}e.removeAttribute(`data-mesurer-spacing-focus`),Np(e,null);return}e.setAttribute(`data-mesurer-spacing-focus`,t);let i=null;for(let e of r){let n=e.getAttribute(`data-mesurer-distance-id`)===t;n?(e.setAttribute(`data-mesurer-distance-active`,`true`),e.dataset.mesurerDistanceKind===`selection-spacing`&&(i=e)):e.removeAttribute(`data-mesurer-distance-active`);for(let t of e.querySelectorAll(`[data-mesurer-distance-line], [data-mesurer-distance-connector]`))t.style.opacity=n?`1`:`0.16`}Np(e,i)},Bp=e=>{let t=Cp.get(e);t!==void 0&&(e.ownerDocument.defaultView?.clearTimeout(t),Cp.delete(e))},Vp=e=>{let t=wp.get(e);t&&(e.ownerDocument.removeEventListener(`pointerdown`,t,!0),wp.delete(e))},Hp=(e,t)=>{Bp(e),Pp(e),Vp(e),e.removeAttribute(_p),t?.setPinnedKey(null),Ip(e,t),zp(e,null)},Up=(e,t)=>{if(wp.has(e))return;let n=n=>{let r=n.target,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null;i&&Dp(i)===e||Hp(e,t)};wp.set(e,n),e.ownerDocument.addEventListener(`pointerdown`,n,!0)},Wp=(e,t)=>{if(e.hasAttribute(_p)||Cp.has(e))return;let n=e.ownerDocument.defaultView;n&&Cp.set(e,n.setTimeout(()=>{Cp.delete(e),!e.hasAttribute(_p)&&(Pp(e),Ip(e,t),zp(e,null))},250))},Gp=(e,t,n,r,i=Sp)=>{let a=1/0,o=1/0,s=-1/0,c=-1/0,l=!1;for(let n of e.querySelectorAll(`[data-mesurer-distance-label-key][data-mesurer-distance-label="true"]`)){if(n.getAttribute(`data-mesurer-distance-label-key`)!==t)continue;let e=n.getBoundingClientRect();a=Math.min(a,e.left),o=Math.min(o,e.top),s=Math.max(s,e.right),c=Math.max(c,e.bottom),l=!0}return l&&n>=a-i&&n<=s+i&&r>=o-i&&r<=c+i},Kp=(e,t,n)=>{if(e.hasAttribute(_p)){Pp(e);return}if(Tp.get(e)?.key===t)return;Pp(e);let r=r=>{if(!e.isConnected||e.hasAttribute(_p)){Pp(e);return}if(Gp(e,t,r.clientX,r.clientY)){Bp(e);return}Wp(e,n)};Tp.set(e,{key:t,handler:r}),e.ownerDocument.addEventListener(`pointermove`,r,!0)},qp=(e,t)=>{Fp(e);let n=n=>{(!e.isConnected||!Gp(e,t,n.clientX,n.clientY,2))&&Fp(e)};Ep.set(e,{key:t,handler:n}),e.ownerDocument.addEventListener(`pointermove`,n,!0)},Jp=(e,t)=>Ep.get(e)?.key===t,Yp=e=>{let t=lo(()=>e.primary!==!1),n=lo(()=>!!(e.interactive&&e.labelKey&&e.distanceId)),r=()=>e.appearance===`visual`,i=()=>e.appearance===`proxy`,a=lo(()=>!!(e.spacingInteraction&&e.labelKey&&e.labelCount&&e.labelCount>1&&e.spacingInteraction.expandedKey()===e.labelKey)),o=lo(()=>t()||a()),s=t=>{let n=Ap(t.currentTarget);if(!n)return;Bp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(_p),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;!r&&i&&n.labelCount>1&&!Jp(n.scope,n.labelKey)?(Lp(n.scope,n.labelKey,e.spacingInteraction),Kp(n.scope,n.labelKey,e.spacingInteraction)):!r&&n.scope.getAttribute(vp)===n.labelKey&&Kp(n.scope,n.labelKey,e.spacingInteraction),zp(n.scope,n.distanceId);for(let t of Rp(n.scope))t.dataset.mesurerDistanceId===n.distanceId&&t.setAttribute(`data-mesurer-spacing-hover-axis`,e.axis)},c=t=>{let n=Ap(t.currentTarget);if(!n)return;for(let e of Rp(n.scope))e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(n.scope.hasAttribute(_p))return;let r=t.relatedTarget,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null,a=i?Ap(i):null;if(a?.scope===n.scope&&a.labelKey===n.labelKey){Bp(n.scope);return}Wp(n.scope,e.spacingInteraction)},l=e=>{Ap(e.currentTarget)&&e.stopPropagation()};var u=X(`div`,{onMouseEnter:s,onMouseLeave:c,onMouseDown:t=>{let n=Ap(t.currentTarget);if(!n||(t.stopPropagation(),n.labelCount<=1))return;Bp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(_p),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;if(r===n.labelKey&&i){Hp(n.scope,e.spacingInteraction),qp(n.scope,n.labelKey);return}Pp(n.scope),Fp(n.scope),n.scope.setAttribute(_p,n.labelKey),e.spacingInteraction?.setPinnedKey(n.labelKey),Lp(n.scope,n.labelKey,e.spacingInteraction),Up(n.scope,e.spacingInteraction),zp(n.scope,n.distanceId)},onPointerMove:l,onPointerDown:l,onPointerUp:l,onClick:e=>{Ap(e.currentTarget)&&e.stopPropagation()}});return ic(()=>e=>{kp(e)},u),Q(u,()=>e.children),q(()=>({e:r()?void 0:o()?`true`:`hidden`,t:r()?`true`:void 0,a:t()?`primary`:`duplicate`,o:e.labelKey,i:e.labelIndex??0,n:e.labelCount??1,s:e.axis,h:e.vectorX,r:e.vectorY,d:e.distanceId,l:`msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:bg-ink-900/90 ${e.axis===`x`?`msr:-translate-x-1/2`:e.axis===`y`?`msr:-translate-y-1/2`:`msr:-translate-x-1/2 msr:-translate-y-1/2`}`,u:{left:`${e.left}px`,top:`${e.top}px`,opacity:o()&&!i()?1:0,"pointer-events":!r()&&n()&&o()?`auto`:`none`,"margin-left":`calc(var(--mesurer-spacing-label-collision-x, 0px) + ${a()&&e.axis===`y`?(e.labelIndex??0)*22:0}px)`,"margin-top":`calc(var(--mesurer-spacing-label-collision-y, 0px) + ${a()&&e.axis===`x`?(e.labelIndex??0)*16:0}px)`,"z-index":a()?String(10+(e.labelIndex??0)):void 0}}),({e,t,a:n,o:r,i,n:a,s:o,h:s,r:c,d:l,l:d,u:f},p)=>{e!==p?.e&&$(u,`data-mesurer-distance-label`,e,p?.e),t!==p?.t&&$(u,`data-mesurer-spacing-visual-label`,t,p?.t),n!==p?.a&&$(u,`data-mesurer-distance-label-state`,n,p?.a),r!==p?.o&&$(u,`data-mesurer-distance-label-key`,r,p?.o),i!==p?.i&&$(u,`data-mesurer-distance-label-index`,i,p?.i),a!==p?.n&&$(u,`data-mesurer-distance-label-count`,a,p?.n),o!==p?.s&&$(u,`data-mesurer-distance-label-axis`,o,p?.s),s!==p?.h&&$(u,`data-mesurer-distance-label-vector-x`,s,p?.h),c!==p?.r&&$(u,`data-mesurer-distance-label-vector-y`,c,p?.r),l!==p?.d&&$(u,`data-mesurer-distance-id`,l,p?.d),d!==p?.l&&$(u,`class`,d,p?.l),f!==p?.u&&$(u,`style`,f,p?.u)}),u},Xp=(e,t,n=e.pattern)=>{let r=e.dashLength+e.gap,i=t===`horizontal`?`to right`:`to bottom`,a=Math.max(.5,e.width/2),o=n===`solid`?void 0:n===`dotted`?`radial-gradient(circle, ${e.color} 0 ${a}px, transparent ${a+.5}px)`:`repeating-linear-gradient(${i}, ${e.color} 0 ${e.dashLength}px, transparent ${e.dashLength}px ${r}px)`,s=n===`dotted`?t===`horizontal`?`${r}px ${e.width}px`:`${e.width}px ${r}px`:void 0;return{"background-color":n===`solid`?e.color:`transparent`,"background-image":o,"background-size":s,opacity:e.opacity}},Zp=(e,t)=>Math.max(0,Math.min(t,e)),Qp=(e,t,n)=>{let r=Math.min(e,t),i=Math.max(e,t),a=Math.min(20,Math.max(0,n/2));return i<0?a:r>n?n-a:(Zp(r,n)+Zp(i,n))/2},$p=(e,t,n)=>n&&n>0?Qp(e,t,n):(e+t)/2,em=(e,t)=>{let n=Math.min(20,Math.max(0,t/2));return e<0?n:e>t?t-n:Math.max(n,Math.min(t-n,e))},tm=(e,t,n)=>e+n/2>0&&e-n/2<t,nm=(e,t,n)=>Math.max(e,t)>0&&Math.min(e,t)<n;function rm(e){let t=()=>e.kind===`selection-spacing`,n=()=>e.renderPart!==`interaction`,r=()=>e.renderPart!==`paint`,i=()=>n()||r(),a=()=>e.renderPart===`paint`?`visual`:e.renderPart===`interaction`?`proxy`:`normal`,o=()=>e.selectionSpacingStyle??Tf,s=()=>globalThis.window,c=e=>{if(t())return e;let n=s()?.innerWidth;return n&&n>0?em(e,n):e},l=e=>{if(t())return e;let n=s()?.innerHeight;return n&&n>0?em(e,n):e},u=(e,n,r)=>t()?(e+n)/2:$p(e,n,r),d=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||nm(n,r,o.innerWidth)&&tm(i,o.innerHeight,a)},f=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||tm(n,o.innerWidth,a)&&nm(r,i,o.innerHeight)},p=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Math.max(n,i)>0&&Math.min(n,i)<o.innerWidth&&Math.max(r,a)>0&&Math.min(r,a)<o.innerHeight};var m=X(`div`);return Q(m,Y(K,{get when(){return J(()=>!!n())()?e.showRects!==!1:n()},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.distance.rectA.left}px`,top:`${e.distance.rectA.top}px`,width:`${e.distance.rectA.width}px`,height:`${e.distance.rectA.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),(()=>{var t=X(`div`,{class:`msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.distance.rectB.left}px`,top:`${e.distance.rectB.top}px`,width:`${e.distance.rectB.width}px`,height:`${e.distance.rectB.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()]}}),null),Q(m,Y(K,{get when(){return J(()=>!!t())()?r():t()},get children(){return[(()=>{var t=X(`div`,{"data-mesurer-distance-hover-target":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${e.distance.rectA.left}px`,top:`${e.distance.rectA.top}px`,width:`${e.distance.rectA.width}px`,height:`${e.distance.rectA.height}px`,opacity:0}),(e,n)=>{$(t,`style`,e,n)}),t})(),(()=>{var t=X(`div`,{"data-mesurer-distance-hover-target":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${e.distance.rectB.left}px`,top:`${e.distance.rectB.top}px`,width:`${e.distance.rectB.width}px`,height:`${e.distance.rectB.height}px`,opacity:0}),(e,n)=>{$(t,`style`,e,n)}),t})()]}}),null),Q(m,Y(K,{get when(){return J(()=>!!n())()?e.distance.showConnectors!==!1:n()},get children(){return Y(_o,{get each(){return e.distance.connectors},children:e=>Math.abs(e.x1-e.x2)<1?(()=>{var t=X(`div`,{"data-mesurer-distance-connector":`true`,class:`msr:absolute msr:border-l msr:border-dashed msr:border-[#2563eb]/70`});return q(()=>({left:`${e.x1}px`,top:`${Math.min(e.y1,e.y2)}px`,height:`${Math.abs(e.y2-e.y1)}px`}),(e,n)=>{$(t,`style`,e,n)}),t})():(()=>{var t=X(`div`,{"data-mesurer-distance-connector":`true`,class:`msr:absolute msr:border-t msr:border-dashed msr:border-[#2563eb]/70`});return q(()=>({left:`${Math.min(e.x1,e.x2)}px`,top:`${e.y1}px`,width:`${Math.abs(e.x2-e.x1)}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()})}}),null),Q(m,Y(K,{get when(){return!t()||!e.distance.edgeDistances?.length},get children(){return[Y(K,{get when(){return e.distance.horizontal},children:r=>Y(K,{get when(){return J(()=>r().value>0)()&&r().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`horizontal`});return q(()=>({e:t()?o().pattern:void 0,t:t()?String(o().width):void 0,a:t()?o().color:void 0,o:t()?`msr:absolute`:`msr:absolute msr:h-px msr:bg-[#2563eb]`,i:t()?{left:`${Math.min(r().x1,r().x2)}px`,width:`${Math.abs(r().x2-r().x1)}px`,top:`${r().y-o().width/2}px`,height:`${o().width}px`,...Xp(o(),`horizontal`)}:{left:`${Math.min(r().x1,r().x2)}px`,width:`${Math.abs(r().x2-r().x1)}px`,top:`${r().y}px`}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-line-pattern`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-width`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-color`,r,o?.a),i!==o?.o&&$(e,`class`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?d(r().x1,r().x2,r().y,t()?o().width:1):i()},get children(){return Y(Yp,{axis:`x`,get left(){return c(u(r().x1,r().x2,s()?.innerWidth))},get top(){return l(r().y+2)},get distanceId(){return J(()=>!!t())()?e.distance.id:void 0},get labelKey(){return r().labelKey},get labelIndex(){return r().labelIndex},get labelCount(){return r().labelCount},get primary(){return r().showLabel!==!1},get interactive(){return t()},get appearance(){return a()},get spacingInteraction(){return J(()=>!!t())()?e.spacingInteraction:void 0},get children(){return Gu(r().value)}})}})]}})}),Y(K,{get when(){return e.distance.vertical},children:r=>Y(K,{get when(){return J(()=>r().value>0)()&&r().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`vertical`});return q(()=>({e:t()?o().pattern:void 0,t:t()?String(o().width):void 0,a:t()?o().color:void 0,o:t()?`msr:absolute`:`msr:absolute msr:w-px msr:bg-[#2563eb]`,i:t()?{top:`${Math.min(r().y1,r().y2)}px`,height:`${Math.abs(r().y2-r().y1)}px`,left:`${r().x-o().width/2}px`,width:`${o().width}px`,...Xp(o(),`vertical`)}:{top:`${Math.min(r().y1,r().y2)}px`,height:`${Math.abs(r().y2-r().y1)}px`,left:`${r().x}px`}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-line-pattern`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-width`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-color`,r,o?.a),i!==o?.o&&$(e,`class`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?f(r().x,r().y1,r().y2,t()?o().width:1):i()},get children(){return Y(Yp,{axis:`y`,get left(){return c(r().x+2)},get top(){return l(u(r().y1,r().y2,s()?.innerHeight))},get distanceId(){return J(()=>!!t())()?e.distance.id:void 0},get labelKey(){return r().labelKey},get labelIndex(){return r().labelIndex},get labelCount(){return r().labelCount},get primary(){return r().showLabel!==!1},get interactive(){return t()},get appearance(){return a()},get spacingInteraction(){return J(()=>!!t())()?e.spacingInteraction:void 0},get children(){return Gu(r().value)}})}})]}})})]}}),null),Q(m,Y(K,{get when(){return J(()=>!!(t()&&o().diagonals))()?e.distance.diagonal:t()&&o().diagonals},children:t=>{let r=()=>Math.hypot(t().x2-t().x1,t().y2-t().y1),s=()=>r()>0?(t().x2-t().x1)/r():1,u=()=>r()>0?(t().y2-t().y1)/r():0,d=()=>Math.atan2(t().y2-t().y1,t().x2-t().x1),f=()=>(t().x1+t().x2)/2,m=()=>(t().y1+t().y2)/2;return Y(K,{get when(){return J(()=>t().value>0&&t().showLine!==!1)()?p(t().x1,t().y1,t().x2,t().y2):t().value>0&&t().showLine!==!1},get children(){return[Y(K,{get when(){return n()},get children(){var e=X(`div`,{"data-mesurer-distance-line":`diagonal`,"data-mesurer-line-pattern":`dotted`,class:`msr:absolute`});return q(()=>({e:String(o().width),t:o().color,a:{left:`${t().x1}px`,top:`${t().y1-o().width/2}px`,width:`${r()}px`,height:`${o().width}px`,transform:`rotate(${d()}rad)`,"transform-origin":`0 50%`,...Xp(o(),`horizontal`,`dotted`)}}),({e:t,t:n,a:r},i)=>{t!==i?.e&&$(e,`data-mesurer-line-width`,t,i?.e),n!==i?.t&&$(e,`data-mesurer-line-color`,n,i?.t),r!==i?.a&&$(e,`style`,r,i?.a)}),e}}),Y(K,{get when(){return i()},get children(){return Y(Yp,{axis:`d`,get vectorX(){return s()},get vectorY(){return u()},get left(){return c(f()-u()*2)},get top(){return l(m()+s()*2)},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]}})}}),null),Q(m,Y(K,{get when(){return J(()=>!!t())()?e.distance.edgeDistances?.length:t()},get children(){return Y(_o,{get each(){return e.distance.edgeDistances?.map((e,t)=>t)},children:t=>{let r=()=>{let n=e.distance.edgeDistances?.[t];return n?.axis===`x`&&n.value>0&&n.showLine!==!1?n:null},p=()=>{let n=e.distance.edgeDistances?.[t];return n?.axis===`y`&&n.value>0&&n.showLine!==!1?n:null};return[Y(K,{get when(){return r()},children:t=>[Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:absolute`});return q(()=>({e:`horizontal-${t().side}`,t:o().pattern,a:String(o().width),o:o().color,i:{left:`${Math.min(t().x1,t().x2)}px`,width:`${Math.abs(t().x2-t().x1)}px`,top:`${t().y-o().width/2}px`,height:`${o().width}px`,...Xp(o(),`horizontal`)}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-distance-line`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-pattern`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-width`,r,o?.a),i!==o?.o&&$(e,`data-mesurer-line-color`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?d(t().x1,t().x2,t().y,o().width):i()},get children(){return Y(Yp,{axis:`x`,get left(){return c(u(t().x1,t().x2,s()?.innerWidth))},get top(){return l(t().y+2)},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]}),Y(K,{get when(){return p()},children:t=>[Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:absolute`});return q(()=>({e:`vertical-${t().side}`,t:o().pattern,a:String(o().width),o:o().color,i:{top:`${Math.min(t().y1,t().y2)}px`,height:`${Math.abs(t().y2-t().y1)}px`,left:`${t().x-o().width/2}px`,width:`${o().width}px`,...Xp(o(),`vertical`)}}),({e:t,t:n,a:r,o:i,i:a},o)=>{t!==o?.e&&$(e,`data-mesurer-distance-line`,t,o?.e),n!==o?.t&&$(e,`data-mesurer-line-pattern`,n,o?.t),r!==o?.a&&$(e,`data-mesurer-line-width`,r,o?.a),i!==o?.o&&$(e,`data-mesurer-line-color`,i,o?.o),a!==o?.i&&$(e,`style`,a,o?.i)}),e}}),Y(K,{get when(){return J(()=>!!i())()?f(t().x,t().y1,t().y2,o().width):i()},get children(){return Y(Yp,{axis:`y`,get left(){return c(t().x+2)},get top(){return l(u(t().y1,t().y2,s()?.innerHeight))},get distanceId(){return e.distance.id},get labelKey(){return t().labelKey},get labelIndex(){return t().labelIndex},get labelCount(){return t().labelCount},get primary(){return t().showLabel!==!1},interactive:!0,get appearance(){return a()},get spacingInteraction(){return e.spacingInteraction},get children(){return Gu(t().value)}})}})]})]}})}}),null),q(()=>({e:r()?`true`:void 0,t:r()?e.kind:void 0,a:e.renderPart===`paint`?`true`:void 0,o:e.spacingScopeId,i:e.distance.id,n:e.onRemove?`msr:pointer-events-auto`:`msr:pointer-events-none`,s:e.onRemove?t=>{t.stopPropagation(),e.onRemove?.(e.distance.id)}:void 0}),({e,t,a:n,o:r,i,n:a,s:o},s)=>{e!==s?.e&&$(m,`data-mesurer-distance`,e,s?.e),t!==s?.t&&$(m,`data-mesurer-distance-kind`,t,s?.t),n!==s?.a&&$(m,`data-mesurer-spacing-paint`,n,s?.a),r!==s?.o&&$(m,`data-mesurer-selection-scope`,r,s?.o),i!==s?.i&&$(m,`data-mesurer-distance-id`,i,s?.i),a!==s?.n&&$(m,`class`,a,s?.n),o!==s?.s&&$(m,`onClick`,o,s?.s)}),m}var im=`--mesurer-nested-scroll-x`,am=`--mesurer-nested-scroll-y`,om=(e,t,n,r={})=>{let i=e,a=new Map,o=t.ownerDocument,s=r.trackWindow===!0,c=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return t instanceof i.ShadowRoot?t.host:null},l=c(t);for(;l;)l instanceof i.HTMLElement&&l!==o.body&&l!==o.documentElement&&a.set(l,{left:l.scrollLeft,top:l.scrollTop}),l=c(l);let u={left:e.scrollX,top:e.scrollY},d=0,f=0,p=!1,m=()=>{let e=new Set;for(let t of n())t?.isConnected&&e.add(t);return e},h=(e,t,n)=>{let r=e.style.getPropertyValue(t);if(n===0){r&&e.style.removeProperty(t);return}let i=`${n}px`;r!==i&&e.style.setProperty(t,i)},g=()=>{if(!p)for(let e of m())e.dataset.mesurerNestedScrollCompensation!==`true`&&(e.dataset.mesurerNestedScrollCompensation=`true`),h(e,im,d),h(e,am,f)},_=(e,t,n)=>{let r=t-e.left,i=n-e.top;return r===0&&i===0?!1:(e.left=t,e.top=n,d-=r,f-=i,!0)},v=e=>{if(p||!(e.currentTarget instanceof i.HTMLElement))return;let t=e.currentTarget,n=a.get(t);!n||!_(n,t.scrollLeft,t.scrollTop)||g()},y=()=>{p||!s||!_(u,e.scrollX,e.scrollY)||g()};for(let e of a.keys())e.addEventListener(`scroll`,v,{capture:!0,passive:!0});return s&&e.addEventListener(`scroll`,y,{capture:!0,passive:!0}),g(),{sync:g,rebase(){if(!p){for(let[e,t]of a)t.left=e.scrollLeft,t.top=e.scrollTop;u={left:e.scrollX,top:e.scrollY},d=0,f=0,g()}},release(){if(!p){p=!0,s&&e.removeEventListener(`scroll`,y,!0);for(let e of a.keys())e.removeEventListener(`scroll`,v,!0);for(let e of m())delete e.dataset.mesurerNestedScrollCompensation,e.style.removeProperty(im),e.style.removeProperty(am);a.clear()}}}},sm={top:!0,right:!0,bottom:!0,left:!0},cm=e=>Math.round(e),lm=`2147482800`;function um(e){let t,n,[r,i]=G(null),a=()=>e.edgeVisibility??sm,o=()=>!!e.measurement?.id.startsWith(`group-`),s=()=>!!(e.measurement&&`paddingRect`in e.measurement),c=e=>`cssRect`in e&&e.cssRect?e.cssRect:e.rect,l=()=>s()?`none`:`left 140ms ease, top 140ms ease, width 140ms ease, height 140ms ease`,u=()=>s()?`none`:`left 140ms ease, top 140ms ease`,d=()=>{let t=e.measurement;if(!t||!(`paddingRect`in t))return null;let n=t.elementRef;return n?.isConnected?n:null},f=()=>{let e=d(),t=r(),n=e?.ownerDocument.defaultView;return!e||!n||t!==e.ownerDocument.body?{x:0,y:0}:{x:n.scrollX,y:n.scrollY}},p=()=>{let r=d();if(!r||!t)return;let i=Wd(r.ownerDocument),a=Gd(qu(r),i),o=r.ownerDocument.defaultView,s=t.parentElement,c=!!(o&&s?.parentNode===r.ownerDocument.body),l=c?o.scrollX:0,u=c?o.scrollY:0,f=a.left+l,p=a.top+u;Object.assign(t.style,{left:`${f}px`,top:`${p}px`,width:`${a.width}px`,height:`${a.height}px`,display:a.width>0&&a.height>0?``:`none`}),n&&Object.assign(n.style,{left:`${f+a.width/2}px`,top:`${p+a.height+2}px`,display:a.width>0&&a.height>0&&h({...e.measurement,rect:a})?``:`none`})};Nn(()=>{let e=d(),r=e?.ownerDocument.defaultView;if(!e||!r)return;let a=t?.ownerDocument,o=e.ownerDocument===a&&e.getRootNode()===e.ownerDocument&&!!e.ownerDocument.body;i(o?e.ownerDocument.body:null);let s=t&&o?_f(t,e):null,c=o?om(r,e,()=>[t,n]):null,l=0,u=()=>{t?.dataset.mesurerNativeScrollAnchor===`box`||l||(l=r.requestAnimationFrame(()=>{l=0,t?.dataset.mesurerNativeScrollAnchor!==`box`&&p()}))},f=new r.ResizeObserver(p),m=(()=>{let e=r;for(;e.frameElement;){let t=e.frameElement.ownerDocument.defaultView;if(!t||t===e)break;e=t}return e})();p(),c?.sync(),f.observe(e),r.addEventListener(`scroll`,u,{capture:!0,passive:!0});let h=Wd(e.ownerDocument)!==void 0;return m!==r&&h&&m.addEventListener(`mesurer:responsive-preview-geometry-change`,u),r.addEventListener(`resize`,p,!0),m!==r&&h&&m.addEventListener(`resize`,p,!0),()=>{f.disconnect(),s?.(),c?.release(),l&&r.cancelAnimationFrame(l),r.removeEventListener(`scroll`,u,!0),m!==r&&h&&m.removeEventListener(`mesurer:responsive-preview-geometry-change`,u),r.removeEventListener(`resize`,p,!0),m!==r&&h&&m.removeEventListener(`resize`,p,!0)}});let m=r=>[Y(K,{get when(){return!o()},get children(){var n=X(`div`,{"data-mesurer-measurement-chrome":`true`,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{t=e},n),Q(n,Y(K,{get when(){return a().top},get children(){var t=X(`div`,{"data-mesurer-selection-edge":`top`,class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().right},get children(){var t=X(`div`,{"data-mesurer-selection-edge":`right`,class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().bottom},get children(){var t=X(`div`,{"data-mesurer-selection-edge":`bottom`,class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().left},get children(){var t=X(`div`,{"data-mesurer-selection-edge":`left`,class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),q(()=>({e:s()?`true`:void 0,t:{left:`${r().rect.left+f().x}px`,top:`${r().rect.top+f().y}px`,width:`${r().rect.width}px`,height:`${r().rect.height}px`,"z-index":s()?lm:void 0,"background-color":e.fillColor,transition:l(),"transition-property":s()?`none`:`left, top, width, height`,"transition-duration":s()?`0s`:`140ms`,animation:`none`,"animation-name":`none`}}),({e,t},r)=>{e!==r?.e&&$(n,`data-mesurer-selected-outline`,e,r?.e),t!==r?.t&&$(n,`style`,t,r?.t)}),n}}),Y(K,{get when(){return J(()=>e.showLabel!==!1)()&&h(r())},get children(){var e=X(`div`,{"data-mesurer-measurement-label":`true`,class:`msr:pointer-events-none msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:-translate-x-1/2 msr:bg-ink-900/90`}),t=ec(` x `);return Z(e,t),ic(()=>e=>{n=e},e),Q(e,()=>cm(c(r()).width),t),Q(e,()=>cm(c(r()).height),null),q(()=>({left:`${r().rect.left+f().x+r().rect.width/2}px`,top:`${r().rect.top+f().y+r().rect.height+2}px`,"z-index":s()?lm:void 0,"white-space":`nowrap`,transition:u(),"transition-property":s()?`none`:`left, top`,"transition-duration":s()?`0s`:`140ms`,animation:`none`,"animation-name":`none`}),(t,n)=>{$(e,`style`,t,n)}),e}})],h=t=>{let n=d()?Wd(d().ownerDocument):e.clipRect;if(!n)return!0;let r=t.rect,i=r.left+r.width/2,a=r.top+r.height+2;return i>=n.left&&i<=n.left+n.width&&a>=n.top&&a+18<=n.top+n.height};return Y(K,{get when(){return e.measurement},children:t=>Y(K,{get when(){return J(()=>!!(s()&&!o()))()?r():null},get fallback(){var e=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`});return Q(e,()=>m(t)),q(()=>({e:`paddingRect`in t()?`true`:void 0,t:o()?`true`:void 0}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`data-mesurer-selected-measurement`,t,r?.e),n!==r?.t&&$(e,`data-mesurer-selection-group`,n,r?.t)}),e},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`,"data-mesurer-selected-measurement":`true`,"data-mesurer-inspector-ui":`true`});return Q(n,()=>m(t)),q(()=>e.theme??`system`,(e,t)=>{$(n,`data-theme`,e,t)}),n}})})})}var dm=e=>Math.round(e),fm=e=>Number.parseFloat(e)||0,pm=e=>e.split(` `).map(e=>`${e}px`).join(` `),mm=e=>{let t=dm(e.top),n=dm(e.right),r=dm(e.bottom),i=dm(e.left);return t===0&&n===0&&r===0&&i===0?null:t===n&&n===r&&r===i?String(t):t===r&&i===n?`${t} ${n}`:`${t} ${n} ${r} ${i}`},hm=(e,t)=>{let n=dm(e),r=dm(t);return n===0&&r===0?null:n===r?String(n):`${n} ${r}`},gm=e=>{let t=[e.top,e.right,e.bottom,e.left].map(fm).map(dm);if(t.every(e=>e===0))return null;let[n,r,i,a]=t;return n===r&&r===i&&i===a?`${n}px`:n===i&&a===r?`${n}px ${r}px`:`${n}px ${r}px ${i}px ${a}px`},_m=e=>{let t=[e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].map(fm);if(t.every(e=>e===0))return null;let n=mm({top:t[0],right:t[1],bottom:t[2],left:t[3]}),r=e.borderTopStyle;return n?`${pm(n)}${r&&r!==`none`&&t.every(e=>e===t[0])?` ${r}`:``}`:null},vm=e=>{let t=e.trim().toLowerCase(),n=/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)$/.exec(t);if(n)return{r:Math.round(Number(n[1])),g:Math.round(Number(n[2])),b:Math.round(Number(n[3])),a:n[4]===void 0?1:Number(n[4])};let r=/^#([0-9a-f]{3}|[0-9a-f]{6})$/.exec(t)?.[1];if(!r)return null;let i=r.length===3?[...r].map(e=>e+e).join(``):r;return{r:Number.parseInt(i.slice(0,2),16),g:Number.parseInt(i.slice(2,4),16),b:Number.parseInt(i.slice(4,6),16),a:1}},ym=(e,t)=>e.length<=t?e:`${e.slice(0,t-1)}…`,bm=(e,t,n)=>{n&&e.push({label:t,value:n})},xm=(e,t,n)=>{let r=[],i=mm(e.padding),a=hm(fm(t.rowGap),fm(t.columnGap));bm(r,`padding`,i?pm(i):null),bm(r,`gap`,a?pm(a):null);let o=mm(e.margin);bm(r,`margin`,o?pm(o):null);let s=t.display.trim();s&&!new Set([`block`,`inline`,`inline-block`]).has(s)&&r.push({label:`display`,value:s}),s===`flex`||s===`inline-flex`?(bm(r,`flex-direction`,t.flexDirection===`row`?null:t.flexDirection),bm(r,`align-items`,[`normal`,`stretch`].includes(t.alignItems)?null:t.alignItems),bm(r,`justify-content`,[`normal`,`flex-start`].includes(t.justifyContent)?null:t.justifyContent)):(s===`grid`||s===`inline-grid`)&&(bm(r,`grid-template-columns`,t.gridTemplateColumns===`none`?null:ym(t.gridTemplateColumns,40)),bm(r,`grid-template-rows`,t.gridTemplateRows===`none`?null:ym(t.gridTemplateRows,40))),t.position&&t.position!==`static`&&(r.push({label:`position`,value:t.position}),bm(r,`inset`,gm(t))),t.zIndex.trim()&&![`auto`,`0`].includes(t.zIndex.trim())&&r.push({label:`z-index`,value:t.zIndex.trim()}),bm(r,`border`,_m(t)),bm(r,`radius`,[``,`0px`,`0px 0px 0px 0px`].includes(t.borderRadius.trim())?null:t.borderRadius.trim());let c=t.backgroundColor.trim(),l=vm(c);c&&c!==`transparent`&&!(l&&(l.a<.001||l.a>=.999&&l.r===255&&l.g===255&&l.b===255))&&r.push({label:`background`,value:c});let u=(n??t.color).trim(),d=vm(u);u&&!(d&&d.a>=.999&&d.r===0&&d.g===0&&d.b===0)&&r.push({label:`color`,value:u}),t.boxShadow.trim()&&t.boxShadow!==`none`&&r.push({label:`box-shadow`,value:ym(t.boxShadow.trim(),52)});let f=Number.parseFloat(t.opacity);return Number.isFinite(f)&&f<.999&&r.push({label:`opacity`,value:String(dm(f*100)/100)}),t.overflow&&t.overflow!==`visible`&&r.push({label:`overflow`,value:t.overflow}),r},Sm=(e,t)=>t||e.length<=6?{visible:e,hiddenCount:0}:{visible:e.slice(0,6),hiddenCount:e.length-6},Cm=(e,t)=>e.left<t.left+t.width&&e.left+e.width>t.left&&e.top<t.top+t.height&&e.top+e.height>t.top,wm=(e,t,n,r,i=[])=>{let{height:a}=t,o=r.top+8,s=r.top+r.height-a-8;if(s<o)return null;let c=Math.max(o,Math.min(e.top,s)),l=r.left+r.width-8-(n.left+n.width+8),u=n.left-8-(r.left+8),d=[{side:`right`,gutter:l},{side:`left`,gutter:u}].sort((e,n)=>Math.min(n.gutter,t.width)-Math.min(e.gutter,t.width));for(let{side:e,gutter:r}of d){let o=Math.min(t.width,r);if(o<168)continue;let s=e===`right`?n.left+n.width+8:n.left-o-8,l={left:s,top:c,width:o,height:a};if(i.every(e=>!Cm(l,e)))return{left:s,top:c,width:o}}return null},Tm=(e,t,n,r=[])=>{let i=Math.min(t.width,Math.max(0,n.width-16)),a=Math.min(t.height,Math.max(0,n.height-16)),o=Math.max(n.left+8,Math.min(e.left+e.width/2-i/2,n.left+n.width-i-8)),s={left:o,top:e.top+e.height+4},c={left:o,top:e.top-a-4},l=e=>e.left>=n.left+8&&e.top>=n.top+8&&e.left+i<=n.left+n.width-8&&e.top+a<=n.top+n.height-8,u=t=>{let n={...t,width:i,height:a};return!Cm(n,e)&&r.every(e=>!Cm(n,e))};for(let e of[s,c])if(l(e)&&u(e))return e;let d=n.top+n.height-a-8;return{left:o,top:Math.max(n.top+8,Math.min(s.top,d))}},Em=(e,t,n,r=!1,i=[])=>{if(n.width<=16||n.height<=16)return null;let a=Math.min(t.width,n.width-16),o=Math.min(t.height,n.height-16),s=n.left??0,c=n.top??0,l=Math.max(s+8,Math.min(e.left+e.width/2-a/2,s+n.width-a-8)),u=e.top+e.height+4,d=e.top-o-4,f=Math.max(c+8,Math.min(e.top,c+n.height-o-8)),p=[{left:l,top:u},{left:l,top:d},{left:Math.max(s+8,e.left-a-4),top:f},{left:Math.min(e.left+e.width+4,s+n.width-a-8),top:f},{left:l,top:Math.max(c+8,Math.min(u,c+n.height-o-8))}];for(let t of p){let l={...t,width:a,height:o},u=t.left>=s+8&&t.top>=c+8&&t.left+a<=s+n.width-8&&t.top+o<=c+n.height-8,d=!r||!Cm(l,e),f=i.every(e=>!Cm(l,e));if(u&&d&&f)return t}return{left:l,top:Math.max(c+8,Math.min(u,c+n.height-o-8))}},Dm=new Map([[`100`,`thin`],[`200`,`extralight`],[`300`,`light`],[`400`,`normal`],[`500`,`medium`],[`600`,`semibold`],[`700`,`bold`],[`800`,`extrabold`],[`900`,`black`]]),Om=[`font-family`,`font-size`,`font-weight`,`line-height`,`letter-spacing`],km=new Map([[`Family`,`font-family`],[`Size`,`font-size`],[`Weight`,`font-weight`],[`Line`,`line-height`],[`Tracking`,`letter-spacing`]]),Am=e=>{if(!e||e===`normal`)return e||`normal`;let t=/^(-?[\d.]+)px$/.exec(e);return t?`${Math.round(Number(t[1])*10)/10}px`:e},jm=e=>(e.split(`,`)[0]??``).trim().replace(/^['"]|['"]$/g,``),Mm=e=>{let t=Dm.get(e);return t?`${e} / ${t}`:e},Nm=e=>e?/var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1]??null:null,Pm=e=>(e.match(/#[\w-]+/g)??[]).length*1e4+(e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g)??[]).length*100+(e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g)??[]).length,Fm=(e,t)=>!t||(e.important===t.important?e.specificity===t.specificity?e.order>t.order:e.specificity>t.specificity:e.important),Im=class{document;window;constructor(e,t){this.document=e,this.window=t}collectRules(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=r.value++;if(a.type===4){let e=a,i=n;try{i=n&&this.window.matchMedia(e.media.mediaText).matches}catch{i=!1}this.collectRules(e.cssRules,t,i,r)}else if(a.type===12){let e=a;this.collectRules(e.cssRules,t,n,r)}else if(a.type===1){let e=a;t.push({rule:e,mediaOk:n,order:o})}}}getRules(){let e=[],t={value:0};for(let n of Array.from(this.document.styleSheets))try{this.collectRules(n.cssRules,e,!0,t)}catch{continue}return e}findVarReferences(e){let t=new Map(Om.map(e=>[e,null])),n=this.getRules();for(let r of Om){let i=e;for(;i&&t.get(r)===null;){let e,a=Nm(i.style.getPropertyValue(r));a&&(e={name:a,specificity:2**53-1,order:2**53-1,important:i.style.getPropertyPriority(r)===`important`});for(let{rule:t,mediaOk:a,order:o}of n){if(!a)continue;let n=!1;try{n=i.matches(t.selectorText)}catch{continue}if(!n)continue;let s=Nm(t.style.getPropertyValue(r));if(!s)continue;let c={name:s,specificity:Pm(t.selectorText),order:o,important:t.style.getPropertyPriority(r)===`important`};Fm(c,e)&&(e=c)}e&&t.set(r,e.name),i=i.parentElement}}return t}getFast(e){let t=this.window.getComputedStyle(e),n=[{label:`Family`,value:jm(t.fontFamily),varName:null},{label:`Size`,value:Am(t.fontSize),varName:null},{label:`Weight`,value:Mm(t.fontWeight),varName:null},{label:`Line`,value:t.lineHeight===`normal`?`normal`:Am(t.lineHeight),varName:null},{label:`Tracking`,value:t.letterSpacing===`normal`?`normal`:Am(t.letterSpacing),varName:null}],r=Array.from(e.childNodes).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.nodeValue?.trim()??``).filter(Boolean).join(` `).replace(/\s+/g,` `);return{rows:n,tagName:e.tagName.toLowerCase(),textSnippet:r.length>40?`${r.slice(0,40)}…`:r}}getFull(e,t=this.getFast(e)){let n=this.findVarReferences(e);return{...t,rows:t.rows.map(e=>{let t=km.get(e.label);return{...e,varName:t?n.get(t)??null:null}})}}},Lm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Q(t,()=>e.children),q(()=>({e:e.size??24,t:e.size??24,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Rm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M166.59,134.1a1.91,1.91,0,0,1-.55-1.79,2,2,0,0,1,1.08-1.42l46.25-17.76.24-.1A14,14,0,0,0,212.38,87L52.29,34.7A13.95,13.95,0,0,0,34.7,52.29L87,212.38a13.82,13.82,0,0,0,12.6,9.6c.23,0,.46,0,.69,0A13.84,13.84,0,0,0,113,213.61a2.44,2.44,0,0,0,.1-.24l17.76-46.25a2,2,0,0,1,3.21-.53l51.31,51.31a14,14,0,0,0,19.8,0l12.69-12.69a14,14,0,0,0,0-19.8Zm42.82,62.63-12.68,12.68a2,2,0,0,1-2.83,0L142.59,158.1a14,14,0,0,0-22.74,4.32,2.44,2.44,0,0,0-.1.24L102,208.91a2,2,0,0,1-3.61-.26L46.11,48.57a1.87,1.87,0,0,1,.47-2A1.92,1.92,0,0,1,47.93,46a2.22,2.22,0,0,1,.64.1L208.65,98.38a2,2,0,0,1,.26,3.61l-46.25,17.76-.24.1a14,14,0,0,0-4.32,22.74h0l51.31,51.31A2,2,0,0,1,209.41,196.73Z`})}}),zm=e=>{let t=e.size??20,n=(e.strokePx??1.25)*256/t,r=12/132*n;var i=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:t,height:t,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),a=X(`path`,{d:`M56 40H200a16 16 0 0 1 16 16v36a16 16 0 0 1-16 16H108V200a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16Z`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`round`,"stroke-linejoin":`round`}),o=X(`path`,{d:`M88 40v32M128 40v32M168 40v32M40 88h32M40 128h32M40 168h32`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`butt`}),s=X(`svg`,{x:`118`,y:`122`,width:132,height:132,viewBox:`9.4 12.5 12 12`,overflow:`visible`}),c=X(`path`,{d:`m18.76 16.64-6.25-2.07c-0.68-0.22-1.31 0.4-1.09 1.08l2.1 6.17c0.24 0.74 1.25 0.78 1.55 0.06l1.17-2.55 2.6-1.17c0.72-0.33 0.67-1.29-0.08-1.52z`,fill:`none`,stroke:`currentColor`,"stroke-width":r,"stroke-linecap":`round`,"stroke-linejoin":`round`});return Z(i,a),Z(i,o),Z(i,s),Z(s,c),q(()=>e.class,(e,t)=>{$(i,`class`,e,t)}),i},Bm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Z(t,X(`path`,{d:`M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Vm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M233.91,74.79,181.22,22.1a14,14,0,0,0-19.8,0L22.09,161.41a14,14,0,0,0,0,19.8L74.78,233.9a14,14,0,0,0,19.8,0L233.91,94.59A14,14,0,0,0,233.91,74.79ZM225.42,86.1,86.1,225.41h0a2,2,0,0,1-2.83,0L30.58,172.73a2,2,0,0,1,0-2.83L64,136.48l27.76,27.76a6,6,0,1,0,8.48-8.48L72.48,128,96,104.48l27.76,27.76a6,6,0,0,0,8.48-8.48L104.48,96,128,72.49l27.76,27.75a6,6,0,0,0,8.48-8.48L136.49,64,169.9,30.59a2,2,0,0,1,2.83,0l52.69,52.68A2,2,0,0,1,225.42,86.1Z`})}}),Hm=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`12`,"stroke-opacity":`0.78`,d:`M76 48h96a16 16 0 0 1 16 16v96a16 16 0 0 1-16 16H76a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16Zm32 32h96a16 16 0 0 1 16 16v96a16 16 0 0 1-16 16h-96a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16Z`})}}),Um=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`12`,d:`M48 208V48h160M80 48v24m32-24v24m32-24v24m32-24v24M48 80h24M48 112h24m-24 32h24m-24 32h24`})}}),Wm=e=>Y(Lm,{get size(){return e.size??8},get class(){return e.class},get children(){return X(`path`,{d:`M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z`})}}),Gm=e=>Y(Lm,{get size(){return e.size??12},get class(){return e.class},get children(){return X(`path`,{d:`M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z`})}}),Km=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`}),n=X(`circle`,{cx:`6`,cy:`6`,r:`5.375`,stroke:`currentColor`,"stroke-width":`1.25`}),r=X(`path`,{"data-mesurer-annotation-resolve-check":`true`,d:`m3.5 6.1 1.65 1.65L8.6 4.3`,"stroke-width":`1.1`,"stroke-linecap":`round`,"stroke-linejoin":`round`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class,o:e.resolved?`currentColor`:`none`,i:e.resolved?`var(--msr-surface)`:`currentColor`}),({e,t:i,a,o,i:s},c)=>{e!==c?.e&&$(t,`width`,e,c?.e),i!==c?.t&&$(t,`height`,i,c?.t),a!==c?.a&&$(t,`class`,a,c?.a),o!==c?.o&&$(n,`fill`,o,c?.o),s!==c?.i&&$(r,`stroke`,s,c?.i)}),t})(),qm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`}),n=X(`circle`,{cx:`3`,cy:`8`,r:`1`}),r=X(`circle`,{cx:`8`,cy:`8`,r:`1`}),i=X(`circle`,{cx:`13`,cy:`8`,r:`1`});return Z(t,n),Z(t,r),Z(t,i),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Jm=e=>Y(Lm,{get size(){return e.size??12},get class(){return e.class},get children(){return X(`path`,{d:`M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z`})}}),Ym=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`currentColor`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()}),n=X(`text`,{x:`50%`,y:`60%`,"text-anchor":`middle`,"dominant-baseline":`middle`,fill:`currentColor`,"font-family":`ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,"font-weight":`300`,"font-size":`220`});return Z(t,n),Z(n,ec(`Aa`)),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Xm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),n=X(`g`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r=X(`path`,{d:`M124 176H52a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h132a16 16 0 0 1 16 16v20`}),i=X(`path`,{d:`M168 120h40a12 12 0 0 1 12 12v64a12 12 0 0 1-12 12h-40a12 12 0 0 1-12-12v-64a12 12 0 0 1 12-12Z`});return Z(t,n),Z(n,r),Z(n,i),q(()=>({e:e.size??20,t:e.size??20,a:e.class,o:256/(e.size??20)}),({e,t:r,a:i,o:a},o)=>{e!==o?.e&&$(t,`width`,e,o?.e),r!==o?.t&&$(t,`height`,r,o?.t),i!==o?.a&&$(t,`class`,i,o?.a),a!==o?.o&&$(n,`stroke-width`,a,o?.o)}),t})(),Zm=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`});return Z(t,X(`path`,{fill:`currentColor`,"fill-rule":`evenodd`,transform:`translate(-1.44 -1.44) scale(1.12)`,d:`M15.16 5.658a2.25 2.25 0 0 1 3.18.001l.155.17a2.25 2.25 0 0 1 0 2.84l-.154.172-1.696 1.692a1.5 1.5 0 0 1 .02 1.913l-.104.114a1.5 1.5 0 0 1-2.007.103l-.02-.018-4.443 4.447a2.24 2.24 0 0 1-1.716.65l-.814.815a1.5 1.5 0 0 1-2.121-2.121l.816-.818a2.25 2.25 0 0 1 .653-1.708l4.443-4.446a1.5 1.5 0 0 1 .088-2.025l.114-.103a1.5 1.5 0 0 1 1.91.015zm-7.544 8.959a1.25 1.25 0 0 0-.358 1.021c.021.197-.014.406-.154.546l-.958.96a.5.5 0 0 0 .708.706l.955-.956c.14-.14.352-.176.55-.153.364.042.745-.077 1.025-.356l4.438-4.442-1.767-1.767zm10.018-8.251a1.25 1.25 0 0 0-1.768 0l-1.782 1.78-.065.06a.87.87 0 0 1-1.165-.06.5.5 0 0 0-.707.707l3 3a.5.5 0 0 0 .628.064l.079-.064a.5.5 0 0 0 0-.707l-.004-.004a.873.873 0 0 1 .004-1.23l1.78-1.778a1.25 1.25 0 0 0 0-1.768`,"clip-rule":`evenodd`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),Qm=(e,t,n)=>t*256/e/n,$m=e=>{let t=e.size??20,n=Qm(t,e.strokePx??1,e.frameScale??1);var r=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:t,height:t,viewBox:`0 0 256 256`,fill:`none`,"aria-hidden":`true`}),i=X(`path`,{d:`M64 48H192a16 16 0 0 1 16 16v128a16 16 0 0 1-16 16H64a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16Z`,fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`round`,"stroke-linejoin":`round`}),a=X(`g`,{fill:`none`,stroke:`currentColor`,"stroke-width":n,"stroke-linecap":`butt`});return Z(r,i),Z(r,a),Q(a,()=>e.children),q(()=>e.class,(e,t)=>{$(r,`class`,e,t)}),r},eh=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M128 48v160M48 128h160`})}}),th=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M101.33 48v160M154.67 48v160`})}}),nh=e=>Y($m,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M48 101.33h160M48 154.67h160`})}}),rh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`});return Z(t,X(`path`,{d:`M6 1.5v9M1.5 6h9`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`})),q(()=>({e:e.size??12,t:e.size??12,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),ih=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`M1.5 8s2.5-4.5 6.5-4.5S14.5 8 14.5 8s-2.5 4.5-6.5 4.5S1.5 8 1.5 8Z`,stroke:`currentColor`,"stroke-width":`1.25`}),r=X(`circle`,{cx:`8`,cy:`8`,r:`2`,stroke:`currentColor`,"stroke-width":`1.25`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),ah=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`m2 2 12 12M6.2 6.3A2.5 2.5 0 0 0 8 10.5M9.7 9.8A2.5 2.5 0 0 0 8 5.5`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`}),r=X(`path`,{d:`M4.1 4.6C2.5 5.7 1.5 8 1.5 8s2.5 4.5 6.5 4.5c1.2 0 2.3-.4 3.2-1M11.7 10.7c1.3-1 2.2-2.7 2.8-2.7 0 0-2.5-4.5-6.5-4.5-.6 0-1.2.1-1.7.3`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`});return Z(t,n),Z(t,r),q(()=>({e:e.size??14,t:e.size??14,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),oh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`}),n=X(`path`,{d:`M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`}),r=X(`circle`,{cx:`12`,cy:`12`,r:`2.5`,stroke:`currentColor`,"stroke-width":`1`});return Z(t,n),Z(t,r),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),sh=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z`})}}),ch=e=>Y(Lm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z`})}}),lh=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.8`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"aria-hidden":`true`,onDragStart:e=>e.preventDefault()});return Z(t,X(`path`,{d:`M12 19V5M6.5 10.5 12 5l5.5 5.5`})),q(()=>({e:e.size??20,t:e.size??20,a:e.class}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`width`,e,i?.e),n!==i?.t&&$(t,`height`,n,i?.t),r!==i?.a&&$(t,`class`,r,i?.a)}),t})(),uh=e=>Y(Lm,{get size(){return e.size??18},get class(){return e.class},get children(){return X(`path`,{d:`M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z`})}}),dh=e=>Y(Lm,{get size(){return e.size??18},get class(){return e.class},get children(){return X(`path`,{d:`M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z`})}});function fh(e){let[t,n]=G(``),r=async()=>{let t=await e.copy(e.row.value);n(t?`Copied!`:`Copy failed`),e.onCopyResult?.(t)};var i=X(`div`,{"data-mesurer-inspect-css-row":`true`,class:`msr:flex msr:w-full msr:min-w-0 msr:items-baseline msr:justify-between msr:gap-2`}),a=X(`span`,{class:`msr:shrink-0 msr:text-ink-500`});return Z(i,a),Q(a,()=>e.row.label),Q(i,(()=>{var n=J(()=>!!e.passThrough);return()=>n()?(()=>{var t=X(`span`,{class:`msr:min-w-0 msr:truncate msr:text-right msr:tabular-nums msr:text-ink-900`});return Q(t,()=>e.row.value),t})():(()=>{var n=X(`button`,{type:`button`,class:`msr:pointer-events-auto msr:min-w-0 msr:truncate msr:text-right msr:tabular-nums msr:text-ink-900 msr:hover:underline msr:focus-visible:outline-none msr:focus-visible:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&r()},onClick:e=>{e.stopPropagation(),e.detail===0&&r()}});return Q(n,()=>e.row.value),q(()=>({e:`Copy ${e.row.label}`,t:t()||`Click to copy`}),({e,t},r)=>{e!==r?.e&&$(n,`aria-label`,e,r?.e),t!==r?.t&&$(n,`title`,t,r?.t)}),n})()})(),null),i}var ph=240,mh=e=>Math.round(e);function hh(e){let[t,n]=G(!1),[r,i]=G(!1),[a,o]=G(!1),[s,c]=G(),[l,u]=G(96),[d,f]=G(240),[p,m]=G(0),[h,g]=G(``),[_,v]=G(!1),y=()=>e.element.ownerDocument,b=()=>y().defaultView;mo(()=>[e.ownerWindow,e.element,b()],([e,,t])=>{if(!t||Wd(t.document)===void 0)return;let n=e=>{e.key===`Shift`&&v(!0)},r=e=>{e.key===`Shift`&&v(!1)},i=e=>{e.shiftKey&&v(!0)},a=()=>v(!1),o=t===e?[e]:[e,t];for(let e of o)e.addEventListener(`keydown`,n,!0),e.addEventListener(`keyup`,r,!0),e.addEventListener(`pointermove`,i,!0),e.addEventListener(`pointerover`,i,!0),e.addEventListener(`blur`,a);return()=>{for(let e of o)e.removeEventListener(`keydown`,n,!0),e.removeEventListener(`keyup`,r,!0),e.removeEventListener(`pointermove`,i,!0),e.removeEventListener(`pointerover`,i,!0),e.removeEventListener(`blur`,a)}});let x=lo(()=>(p(),e.measurement,b()?.getComputedStyle(e.element)??null)),S=()=>{let t=b();if(!t)return;let n=t,r=e.element;return r instanceof n.HTMLElement&&r.getAttribute(`data-mesurer-source-selection-paint`)===`true`&&r.style.getPropertyValue(`--mesurer-selected-source-text`)||void 0},C=lo(()=>{let t=x();return e.layoutDetailsEnabled&&t?xm(e.measurement,t,S()):[]}),w=()=>e.embedded?{visible:C(),hiddenCount:0}:Sm(C(),t()),T=()=>e.measurement.cssRect??e.measurement.rect,E=()=>hu(e.element),D=()=>`${mh(T().width)} x ${mh(T().height)}`,O=()=>[...(e.ownerWindow.document.querySelector(`[data-mesurer-island='true']`)?.shadowRoot)?.querySelectorAll(`[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??[]].flatMap(e=>{let{left:t,top:n,width:r,height:i}=e.getBoundingClientRect();return r>0&&i>0?[{left:t,top:n,width:r,height:i}]:[]}),k=()=>{let t=Wd(y());return t===void 0?{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight}:t??{left:0,top:0,width:0,height:0}},A=()=>{let t=Wd(y()),n=Hd(y());if(t===void 0){let t=Em(e.rect,{width:d(),height:l()},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight},e.passThrough===!0,O());return t?{left:`${t.left}px`,top:`${t.top}px`}:{}}p();let r=Gd(qu(e.element),t);if(r.width<=0||r.height<=0)return{display:`none`};if(n&&t){let e=t.left+t.width/2,i=t.top+t.height/2,a=n.previews.find(t=>e>=t.left&&e<=t.left+t.width&&i>=t.top&&i<=t.top+t.height)??t,o=wm(r,{width:ph,height:l()},a,n.bounds,[...n.previews,...O()]);if(o)return{left:`${o.left}px`,top:`${o.top}px`,"max-width":`${o.width}px`,"max-height":`${Math.max(0,n.bounds.height-16)}px`}}if(n){let e=Tm(r,{width:d(),height:l()},n.bounds,O());return{left:`${e.left}px`,top:`${e.top}px`,"max-width":`${Math.max(0,n.bounds.width-16)}px`,"max-height":`${Math.max(0,n.bounds.height-16)}px`}}let i=k(),a=Em(r,{width:d(),height:l()},i,!0,O());return a?{left:`${a.left}px`,top:`${a.top}px`,"max-width":`${Math.max(0,i.width-16)}px`,"max-height":`${Math.max(0,i.height-16)}px`}:{display:`none`}},j=()=>({"user-select":`text`,"z-index":e.embedded?`auto`:e.documentMounted?`2147483644`:`2147482701`,color:`var(--msr-content)`,background:e.embedded?`transparent`:`var(--msr-surface)`,"box-shadow":e.embedded?`none`:`var(--msr-shadow-floating)`}),M=()=>e.embedded?{position:`static`,...j()}:Wd(y())===void 0?{position:`fixed`,...A(),...j()}:{position:`fixed`,...A(),overflow:`auto`,...j()};mo(()=>[s(),e.ownerWindow],([e,t])=>{if(!e)return;let n=()=>{let t=e.getBoundingClientRect();f(t.width),u(t.height)},r=t.ResizeObserver;if(!r)return;let i=new r(n);i.observe(e),n(),Dn(()=>i.disconnect())});let N,P;mo(()=>[e.element,e.measurement.id],([e,t])=>{(e!==N||t!==P)&&(N=e,P=t,n(!1))});let F;mo(()=>e.element,e=>{e!==F&&(F=e,i(!1),o(!1),g(``))}),mo(()=>[e.element,e.passThrough,e.embedded,b()],([t,n,r,i])=>{if(!i||n||r)return;let a=i,o=Wd(t.ownerDocument)!==void 0,s=0,c=()=>{s||=a.requestAnimationFrame(()=>{s=0,m(e=>e+1)})},l=new a.MutationObserver(e=>{e.some(e=>e.type===`attributes`||e.type===`characterData`||e.type===`childList`&&t.contains(e.target))&&c()});l.observe(t,{attributes:!0,attributeFilter:[`class`,`style`],characterData:!0,childList:!0,subtree:!0});let u=t.parentElement;for(;u;){l.observe(u,{attributes:!0,attributeFilter:[`class`,`style`]});let e=u.getRootNode();u=u.parentElement??(e instanceof a.ShadowRoot?e.host:null)}return o&&(a.addEventListener(`scroll`,c,{capture:!0,passive:!0}),e.ownerWindow.addEventListener(`mesurer:responsive-preview-geometry-change`,c)),()=>{l.disconnect(),o&&(a.removeEventListener(`scroll`,c,!0),e.ownerWindow.removeEventListener(`mesurer:responsive-preview-geometry-change`,c)),s&&a.cancelAnimationFrame(s)}});let I=null;mo(()=>[s(),e.element,e.passThrough,e.embedded,e.documentMounted,e.ownerWindow],([e,t,n,r,i,a])=>{let o=a,s=t.ownerDocument===o.document&&i&&!n&&!r;!e||!s||(I=om(o,t,()=>[e],{trackWindow:!0}),e.style.translate=`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,Dn(()=>{I?.release(),I=null,e.style.removeProperty(`translate`)}))}),mo(()=>e.measurement,()=>I?.rebase());let L=async e=>{try{let t=s()?.ownerDocument.defaultView?.navigator.clipboard;if(!t)throw Error(`Clipboard unavailable`);return await t.writeText(e),o(!1),g(`Copied!`),!0}catch{return o(!0),g(`Copy failed`),!1}},R=async()=>{let e=await L(E());i(e)},z=lo(()=>{let t=b();if(!t)return null;let n=t;return e.element instanceof n.HTMLElement?e.element:null}),B=lo(()=>{let t=z();if(!e.singleSelection||!t||!b())return[];p(),x();let n=new Im(y(),b()).getFast(t);return[...n.textSnippet?[{label:`Text`,value:n.textSnippet}]:[],...n.rows.map(({label:e,value:t})=>({label:e,value:t}))]});var V=X(`div`,{"data-mesurer-inspect-info-card":`true`,"data-mesurer-inspector-ui":`true`,onPointerDown:t=>{e.passThrough||t.stopPropagation()},onPointerMove:t=>{e.passThrough||t.stopPropagation()},onPointerUp:t=>{e.passThrough||t.stopPropagation()},onClick:t=>{e.passThrough||t.stopPropagation()}}),ee=X(`style`),H=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2 msr:px-2`}),U=X(`div`),W=X(`div`,{"data-mesurer-inspect-details":`true`,class:`msr:flex msr:flex-col msr:gap-0.5`});return Z(V,ee),Z(V,H),Z(V,U),ic(()=>c,V),Z(ee,ec(`[data-mesurer-inspect-info-card]:not([data-mesurer-pass-through="true"]):not([data-mesurer-shift-pass-through="true"]) { pointer-events: auto; } [data-mesurer-inspect-info-card][data-mesurer-pass-through="true"], [data-mesurer-inspect-info-card][data-mesurer-pass-through="true"] *, [data-mesurer-inspect-info-card][data-mesurer-shift-pass-through="true"], [data-mesurer-inspect-info-card][data-mesurer-shift-pass-through="true"] * { pointer-events: none !important; }`)),Q(H,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{"data-mesurer-inspect-selector":`true`,class:`msr:min-w-0 msr:flex-1 msr:truncate msr:font-mono msr:font-medium`});return Q(e,E),e})():(()=>{var e=X(`button`,{type:`button`,"data-mesurer-inspect-selector":`true`,class:`msr:pointer-events-auto msr:min-w-0 msr:flex-1 msr:truncate msr:text-left msr:font-mono msr:font-medium msr:hover:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&R()},onClick:e=>{e.stopPropagation(),e.detail===0&&R()}});return Q(e,E),q(()=>({e:`Copy selector ${E()}`,t:r()?`Copied!`:`Click to copy`}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`aria-label`,t,r?.e),n!==r?.t&&$(e,`title`,n,r?.t)}),e})()})(),null),Q(H,Y(K,{get when(){return r()},get children(){var e=X(`span`,{"aria-label":`Selector copied`});return Q(e,Y(Gm,{size:10})),e}}),null),Q(H,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{class:`msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums`});return Q(e,D),e})():(()=>{var e=X(`button`,{type:`button`,"aria-label":`Copy dimensions`,class:`msr:pointer-events-auto msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums msr:hover:underline`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&L(D())},onClick:e=>{e.stopPropagation(),e.detail===0&&L(D())}});return Q(e,D),q(()=>a()?`Copy failed`:`Click to copy`,(t,n)=>{$(e,`title`,t,n)}),e})()})(),null),Z(U,W),Q(W,Y(_o,{get each(){return B()},children:t=>Y(fh,{row:t,copy:L,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})}),null),Q(W,Y(K,{get when(){return e.layoutDetailsEnabled},get children(){return Y(_o,{get each(){return w().visible},children:t=>Y(fh,{row:t,copy:L,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})})}}),null),Q(V,Y(K,{get when(){return J(()=>!e.passThrough)()&&(w().hiddenCount>0||t())},get children(){var e=X(`div`,{class:`msr:mt-2 msr:px-2`}),r=X(`button`,{type:`button`,class:`msr:pointer-events-auto msr:rounded-[5px] msr:text-[10px] msr:text-ink-500 msr:hover:text-ink-900`,onPointerUp:e=>{e.stopPropagation(),e.button===0&&n(e=>!e)},onClick:e=>{e.stopPropagation(),e.detail===0&&n(e=>!e)}});return Z(e,r),Q(r,(()=>{var e=J(()=>!!t());return()=>e()?`Show less`:`Show ${w().hiddenCount} more`})()),q(()=>({e:t()?`true`:`false`,t:t()?`Show less CSS details`:`Show ${w().hiddenCount} more CSS details`}),({e,t},n)=>{e!==n?.e&&$(r,`aria-expanded`,e,n?.e),t!==n?.t&&$(r,`aria-label`,t,n?.t)}),e}}),null),Q(V,Y(K,{get when(){return h()},get children(){var e=X(`span`,{role:`status`,"aria-live":`polite`,class:`msr:px-2 msr:pt-1 msr:text-[9px] msr:text-ink-500`});return Q(e,h),e}}),null),q(()=>({e:e.passThrough?`true`:void 0,t:_()&&Wd(y())!==void 0&&!e.passThrough?`true`:void 0,a:e.theme,o:`${e.embedded?`msr:static msr:w-full msr:max-w-none msr:rounded-none msr:py-0`:`${e.documentMounted?`msr:fixed`:`msr:absolute`} msr:z-[2147483644] msr:w-60 msr:max-w-[calc(100vw-16px)] msr:rounded-lg msr:py-2`} msr:flex msr:flex-col msr:overflow-visible msr:text-[10px]`,i:M(),n:`msr:mt-2 msr:min-h-0 msr:px-2 ${t()?`mesurer-thin-scrollbar msr:max-h-[min(70vh,32rem)] msr:overflow-y-auto`:``}`}),({e,t,a:n,o:r,i,n:a},o)=>{e!==o?.e&&$(V,`data-mesurer-pass-through`,e,o?.e),t!==o?.t&&$(V,`data-mesurer-shift-pass-through`,t,o?.t),n!==o?.a&&$(V,`data-theme`,n,o?.a),r!==o?.o&&$(V,`class`,r,o?.o),i!==o?.i&&$(V,`style`,i,o?.i),a!==o?.n&&$(U,`class`,a,o?.n)}),V}var gh=e=>(()=>{var t=X(`div`);return Q(t,()=>e.children),q(()=>({e:`msr:pointer-events-none msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:bg-ink-900/90 ${e.axis===`x`?`msr:-translate-x-1/2`:`msr:-translate-y-1/2`}`,t:{left:`${e.left}px`,top:`${e.top}px`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t})();function _h(e){let t,n,r,i=0,a=0,o=null,s=0,c=null,l=0,u=0,[d,f]=G(null),[p,m]=G(null),[h,g]=G(null),[_,v]=G(!1),[y,b]=G(!1),x={expandedKey:d,setExpandedKey:f,pinnedKey:p,setPinnedKey:m},S=()=>e.model.state.toolMode===`select`,C=()=>e.model.state.toolMode===`guides`,w=()=>e.model.state.enabled,T=()=>t?.closest(`[data-mesurer-root='true']`)?.hasAttribute(`data-mesurer-recording-active`)??!1,E=()=>!T()&&e.interactive&&w()&&e.model.state.toolMode!==`none`&&e.model.state.toolMode!==`text-inspector`,D=()=>!T()&&e.interactive&&(e.model.state.toolMode!==`none`||e.model.state.rulersVisible),O=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 80%, transparent)`,k=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 8%, transparent)`,A=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 96%, transparent)`,j=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 15.36%, transparent)`,M=lo(()=>e.model.state.selectedMeasurements),[N,P]=G(0);Nn(()=>{let e=t?.ownerDocument.defaultView;if(!e)return;let n=0,r=()=>{n||=e.requestAnimationFrame(()=>{n=0,P(e=>e+1)})};return e.addEventListener(`mesurer:responsive-preview-geometry-change`,r),e.addEventListener(`scroll`,r,{capture:!0,passive:!0}),()=>{e.removeEventListener(`mesurer:responsive-preview-geometry-change`,r),e.removeEventListener(`scroll`,r,!0),n&&e.cancelAnimationFrame(n)}});let F=e=>{let t=e.sourceDocument??e.elementRef?.ownerDocument,n=t?Wd(t):void 0;if(n===void 0)return e;N();let r=e.elementRef,i=Gd(r?.isConnected?qu(r):e.rect,n);return i.width>0&&i.height>0?{...e,rect:i}:null},I=lo(()=>W().map(F).filter(e=>!!e)),L=()=>{let t=e.model.rendererRoot,n=t?.querySelector(`[data-mesurer-screenshot-select='true']`),r=t?.querySelector(`[data-mesurer-motion-surface='true']`);return!!(e.editSelectionHover()||t?.hasAttribute(`data-mesurer-direct-text-edit-active`)||t?.hasAttribute(`data-mesurer-recording-active`)||n&&e.model.rendererRoot?.ownerDocument.defaultView?.getComputedStyle(n).display!==`none`||_()||r&&r.getBoundingClientRect().height>0||y())},R=()=>{let e=t;if(!e)return null;let n=e.ownerDocument.defaultView,r=e.getRootNode();return n&&r instanceof n.ShadowRoot?r:e.closest(`[data-mesurer-island='true']`)??e.ownerDocument.body},z=e=>e,B=lo(()=>{if(e.model.state.settings.infoCardMode===`off`||e.model.state.toolMode!==`select`||!e.model.state.enabled||e.model.state.settingsOpen||e.model.state.isDragging||e.model.state.altPressed||e.model.state.draggingGuideId||e.model.state.colorPickerActive||T()||L())return null;let t=e.model.state.selectedMeasurement,n=t?.elementRef;if(!t||!n?.isConnected||t.id.startsWith(`group-`)||Wd(n.ownerDocument)!==void 0&&y())return null;let r=F(t);return r?{element:n,measurement:r}:null}),V=lo(()=>{let t=e.model.state.hoverElement;if(!t?.isConnected)return null;let n=t.ownerDocument.defaultView;return n?{element:t,measurement:nd(t,n)}:null}),ee=lo(()=>{if(e.model.state.settings.infoCardMode!==`hover`||e.model.state.toolMode!==`select`||!e.model.state.enabled||e.model.state.settingsOpen||e.model.state.altPressed||e.model.state.isDragging||M().length||L())return null;let t=V(),n=t?qu(t.element):e.model.state.hoverRect;if(!t||!n||n.width<=0||n.height<=0)return null;let r=Gd(n,Wd(t.element.ownerDocument));return r.width<=0||r.height<=0?null:{...t,rect:r}});mo(()=>M(),()=>{let e=t?.ownerDocument.defaultView;e&&(i=e.scrollX,a=e.scrollY,r?.style.removeProperty(`transform`))});let H=lo(()=>{let e=M()[0]?.documentScroll;if(e)return e;let n=t?.ownerDocument.defaultView;return{x:n?.scrollX??0,y:n?.scrollY??0}}),U=lo(()=>{let t=e.model.state.settings.multiMeasureEnabled&&e.model.state.measurements.length>0?e.model.state.measurements:e.model.state.activeMeasurement?[e.model.state.activeMeasurement]:[],n=new Set(M().map(e=>e.elementRef).filter(e=>!!e));return t.filter(e=>!e.elementRef||!n.has(e.elementRef))}),W=lo(()=>e.displayedSelectedMeasurements),te=()=>M().some(e=>{let t=e.elementRef?.ownerDocument;return t?Wd(t)!==void 0:!1}),ne=lo(()=>{let t=e.model.state.hoverElement;return!!(t&&M().some(e=>e.elementRef===t))}),re=lo(()=>e.model.state.heldDistances),ie=lo(()=>cf(U().map(e=>e.rect))),ae=lo(()=>cf(W().map(e=>e.rect))),oe=lo(()=>{let n=M();if(!S()||!e.selectionSpacingStyle.enabled||n.length<2)return[];let r=t?.ownerDocument.defaultView;return r?Ed(n,r):[]}),se=lo(()=>oe().map(e=>e.id)),ce=e=>oe().find(t=>t.id===e),le=lo(()=>M().map(e=>e.id).join(`|`));mo(()=>le(),()=>{f(null),m(null)});let ue=()=>{let t=e.model.state.hoverRect;return t?cf([t,...W().map(e=>e.rect)])[0]??null:null},de=()=>lf(t,e.model.state.hoverElement),fe=()=>{let t=e.model.state.hoverElement,n=de(),r=t?.ownerDocument.defaultView;return!t||!r||n!==t.ownerDocument.body?{x:0,y:0}:{x:r.scrollX,y:r.scrollY}},pe=()=>{N();let t=e.model.state.hoverElement;if(t&&Wd(t.ownerDocument)!==void 0&&e.model.state.selectedMeasurements.some(e=>e.elementRef===t))return null;let r=t?qu(t):e.model.state.hoverRect,i=t?Wd(t.ownerDocument):void 0,a=r&&t?Gd(r,i):r;if(!a||a.width<=0||a.height<=0)return null;let o=!!de(),s=o||i?`2147482700`:void 0,c=fe();var l=X(`div`,{"data-mesurer-hover-measurement":`true`,"data-mesurer-document-hover-layer":o?`true`:void 0,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{n=e},l),Q(l,Y(K,{get when(){return ue()?.top},get children(){var e=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({position:`absolute`,left:`0`,top:`0`,height:`1px`,width:`100%`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return ue()?.right},get children(){var e=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({position:`absolute`,right:`0`,top:`0`,height:`100%`,width:`1px`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return ue()?.bottom},get children(){var e=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({position:`absolute`,bottom:`0`,left:`0`,height:`1px`,width:`100%`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),Q(l,Y(K,{get when(){return ue()?.left},get children(){var e=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({position:`absolute`,left:`0`,top:`0`,height:`100%`,width:`1px`,"background-color":O()}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),q(()=>({position:`absolute`,"pointer-events":`none`,"z-index":s,left:`${a.left+c.x}px`,top:`${a.top+c.y}px`,width:`${a.width}px`,height:`${a.height}px`,"background-color":k(),transition:`none`,animation:`none`}),(e,t)=>{$(l,`style`,e,t)}),l},me=t=>{let n=t===`active`?100:t===`hover`?90:t===`preview`?50:70;return`color-mix(in oklch, ${e.model.state.settings.guideColor} ${n}%, transparent)`},he=lo(()=>{if(e.responsiveOpen)return[];if(e.model.state.guides.length>0||!e.model.state.settingsOpen||e.model.state.settingsTab!==`guides`)return e.model.state.guides;let n=t?.ownerDocument.defaultView;return n?[{id:`__mesurer-preview-vertical`,orientation:`vertical`,position:n.innerWidth/2},{id:`__mesurer-preview-horizontal`,orientation:`horizontal`,position:n.innerHeight/2}]:e.model.state.guides}),ge=()=>{s&&t?.ownerDocument.defaultView?.clearTimeout(s),s=0,c=null},_e=(t,n)=>{if(!e.model.current.enabled||e.model.current.settingsOpen||n.button!==0)return;if(n.preventDefault(),n.stopPropagation(),e.model.checkpoint(),n.shiftKey){e.model.setSelectedGuideIds(e.model.current.selectedGuideIds.includes(t.id)?e.model.current.selectedGuideIds.filter(e=>e!==t.id):[...e.model.current.selectedGuideIds,t.id]);return}e.model.setSelectedGuideIds([t.id]),ge();let r=n.currentTarget.ownerDocument.defaultView;r&&(c=t.id,s=r.setTimeout(()=>{s=0,c===t.id&&e.model.setTransient({draggingGuideId:t.id})},220)),Il(n.currentTarget,n.pointerId)},ve=(t,n)=>{n.stopPropagation(),ge(),e.model.current.draggingGuideId===t.id&&e.model.setTransient({draggingGuideId:null}),n.currentTarget.hasPointerCapture(n.pointerId)&&n.currentTarget.releasePointerCapture(n.pointerId)};Nn(()=>{let s=t,c=s?.ownerDocument.defaultView,d=s?.ownerDocument;if(!s||!c||!d)return;i=c.scrollX,a=c.scrollY,d.body&&(Sf(Cf,d.body),g(d.body));let f=()=>{let t=e.model.rendererRoot?.querySelector(`[data-mesurer-motion-surface='true']`),n=!!(t&&t.getBoundingClientRect().height>0),r=e.model.rendererRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??d.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`)??d.querySelector(`[data-mesurer-island='true']`)?.shadowRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true'], [data-mesurer-annotation-marker='true']`);n!==_()&&v(n),!!r!==y()&&b(!!r)},p=new c.MutationObserver(f);e.model.rendererRoot&&p.observe(e.model.rendererRoot,{childList:!0,subtree:!0}),d.body&&d.body!==e.model.rendererRoot&&p.observe(d.body,{childList:!0,subtree:!0}),f();let m=t=>e.onPointerMove(t),h=()=>{let e=r;if(!e?.isConnected)return;let t=i-c.scrollX,n=a-c.scrollY;t===0&&n===0?e.style.removeProperty(`transform`):e.style.transform=`translate3d(${t}px, ${n}px, 0)`},x=t=>{if(!e.editSelectionHover()||e.model.current.toolMode!==`select`)return;let n=t.composedPath();if(!n.includes(s)){if(n.some(e=>e instanceof c.Element&&e.getAttribute(`data-mesurer-arrange-box`)===`true`)||t.buttons!==0){e.model.setHoverTarget(null,null);return}e.onPointerMove(t)}},S=()=>{let t=e.model.current.hoverElement,r=n;if(!t?.isConnected||!r?.isConnected)return;let i=Gd(t.getBoundingClientRect(),Wd(t.ownerDocument));if(i.width<=0||i.height<=0){r.style.visibility=`hidden`;return}r.style.removeProperty(`visibility`);let a=r.dataset.mesurerDocumentHoverLayer===`true`,o=a?c.scrollX:0,s=a?c.scrollY:0;Object.assign(r.style,{left:`${i.left+o}px`,top:`${i.top+s}px`,width:`${i.width}px`,height:`${i.height}px`})},C=()=>{u||=c.requestAnimationFrame(()=>{u=0,n?.dataset.mesurerNativeScrollAnchor!==`box`&&S()})},w=()=>{let e=n;if(e?.isConnected&&e.dataset.mesurerNativeScrollAnchor!==`box`){if(!ff(d)){C();return}e.style.visibility=`hidden`,l&&c.clearTimeout(l),l=c.setTimeout(()=>{l=0,e.dataset.mesurerNativeScrollAnchor!==`box`&&S(),e.isConnected&&e.style.removeProperty(`visibility`)},80)}},T=t=>{if(e.responsiveOpen||!e.model.current.enabled||e.model.current.settingsOpen||e.model.current.toolMode!==`none`||t.composedPath().some(e=>e instanceof c.Element&&e.hasAttribute(`data-mesurer-toolbar`)))return;let n={x:t.clientX,y:t.clientY},r=e.model.current.guides.find(e=>(e.orientation===`vertical`?Math.abs(e.position-n.x):Math.abs(e.position-n.y))<=7);if(r){if(e.model.checkpoint(),t.shiftKey){e.model.setSelectedGuideIds(e.model.current.selectedGuideIds.includes(r.id)?e.model.current.selectedGuideIds.filter(e=>e!==r.id):[...e.model.current.selectedGuideIds,r.id]),o=null;return}e.model.setSelectedGuideIds([r.id]),t.button===0&&(o={id:r.id,orientation:r.orientation,pointerId:t.pointerId,previousUserSelect:null})}},E=t=>{let n=o;!n||n.pointerId!==t.pointerId||e.model.current.guides.find(e=>e.id===n.id)&&(t.preventDefault(),n.previousUserSelect===null&&(n.previousUserSelect=d.documentElement.style.userSelect,d.documentElement.style.userSelect=`none`,c.getSelection()?.removeAllRanges()),e.model.updateGuide(n.id,{position:n.orientation===`vertical`?t.clientX:t.clientY}))},D=e=>{let t=o;!t||t.pointerId!==e.pointerId||(t.previousUserSelect!==null&&(d.documentElement.style.userSelect=t.previousUserSelect),o=null)};return S(),s.addEventListener(`pointermove`,m),c.addEventListener(`pointermove`,x,!0),c.addEventListener(`scroll`,w,{capture:!0,passive:!0}),c.addEventListener(`scroll`,h,{capture:!0,passive:!0}),c.addEventListener(`resize`,S,!0),c.addEventListener(`pointerdown`,T,!0),c.addEventListener(`pointermove`,E,!0),c.addEventListener(`pointerup`,D,!0),c.addEventListener(`pointercancel`,D,!0),()=>{s.removeEventListener(`pointermove`,m),c.removeEventListener(`pointermove`,x,!0),c.removeEventListener(`scroll`,w,!0),c.removeEventListener(`scroll`,h,!0),c.removeEventListener(`resize`,S,!0),c.removeEventListener(`pointerdown`,T,!0),c.removeEventListener(`pointermove`,E,!0),c.removeEventListener(`pointerup`,D,!0),c.removeEventListener(`pointercancel`,D,!0),p.disconnect(),l&&c.clearTimeout(l),u&&c.cancelAnimationFrame(u),l=0,u=0,n?.style.removeProperty(`visibility`),ge(),o?.previousUserSelect!==null&&o&&(d.documentElement.style.userSelect=o.previousUserSelect),o=null}});let ye=()=>[Y(_o,{get each(){return I()},keyed:e=>e.id,children:(t,n)=>Y(um,{get measurement(){return t()},get showLabel(){return e.model.state.selectedMeasurements.length!==1||B()?.element!==t().elementRef},get clipRect(){return Wd(t().sourceDocument??t().elementRef?.ownerDocument)},get edgeVisibility(){return ae()[n()]},get outlineColor(){return A()},get fillColor(){return j()},get theme(){return e.model.state.settings.theme}})}),Y(K,{get when(){return J(()=>!!e.editSelectionHover())()?W()[0]?.id.startsWith(`group-`):e.editSelectionHover()},get children(){var e=X(`div`,{"data-mesurer-selection-group-outline":`true`,class:`msr:pointer-events-none msr:absolute`});return q(()=>({left:`${W()[0].rect.left}px`,top:`${W()[0].rect.top}px`,width:`${W()[0].rect.width}px`,height:`${W()[0].rect.height}px`,"box-sizing":`border-box`,border:`1px solid #0d99ff`}),(t,n)=>{$(e,`style`,t,n)}),e}}),Y(K,{get when(){return M().length>1},get children(){return[Y(_o,{get each(){return M()},children:e=>(()=>{var t=X(`div`,{"data-mesurer-selection-spacing-target":`true`,class:`msr:pointer-events-none msr:absolute msr:rounded msr:border msr:border-[#2563eb]/70`});return q(()=>({left:`${e.rect.left}px`,top:`${e.rect.top}px`,width:`${e.rect.width}px`,height:`${e.rect.height}px`}),(e,n)=>{$(t,`style`,e,n)}),t})()}),Y(_o,{get each(){return se()},children:t=>Y(rm,{get distance(){return ce(t)},kind:`selection-spacing`,showRects:!1,get spacingScopeId(){return le()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,renderPart:`paint`})})]}})];var be=X(`div`,{"data-mesurer-interaction-overlay":`true`,onPointerDown:t=>e.onPointerDown(t),onPointerUp:t=>e.onPointerUp(t),onPointerLeave:t=>e.onPointerLeave(t)});return ic(()=>e=>{t=e},be),Q(be,Y(K,{get when(){return S()},get children(){return[Y(_o,{get each(){return U()},children:(t,n)=>Y(um,{measurement:t,get edgeVisibility(){return ie()[n()]},get outlineColor(){return O()},get fillColor(){return k()},get theme(){return e.model.state.settings.theme}})}),Y(K,{get when(){return J(()=>!!e.activeRect)()?e.model.state.isDragging:e.activeRect},get children(){return[(()=>{var t=X(`div`,{class:`msr:pointer-events-none msr:absolute`}),n=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`}),r=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`}),i=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`}),a=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return Z(t,n),Z(t,r),Z(t,i),Z(t,a),q(()=>({e:{left:`${e.activeRect.left}px`,top:`${e.activeRect.top}px`,width:`${e.activeRect.width}px`,height:`${e.activeRect.height}px`,"background-color":k()},t:{"background-color":O()},a:{"background-color":O()},o:{"background-color":O()},i:{"background-color":O()}}),({e,t:o,a:s,o:c,i:l},u)=>{e!==u?.e&&$(t,`style`,e,u?.e),o!==u?.t&&$(n,`style`,o,u?.t),s!==u?.a&&$(r,`style`,s,u?.a),c!==u?.o&&$(i,`style`,c,u?.o),l!==u?.i&&$(a,`style`,l,u?.i)}),t})(),Y(gh,{axis:`x`,get left(){return e.activeRect.left+e.activeRect.width/2},get top(){return e.activeRect.top+e.activeRect.height+2},get children(){return[J(()=>Gu(e.activeRect.width)),` x `,J(()=>Gu(e.activeRect.height))]}})]}}),Y(K,{get when(){return J(()=>!!(e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)))()?!ne():e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)},get children(){return Y(K,{get when(){return de()},get fallback(){return pe()},children:e=>Y(Zo,{get mount(){return e()},get children(){return pe()}})})}})]}}),null),Q(be,Y(K,{get when(){return B()},children:n=>{let r=R();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return z(r??t)},get children(){return Y(hh,{get element(){return n().element},get measurement(){return n().measurement},get rect(){return n().measurement.rect},get ownerWindow(){return t.ownerDocument.defaultView},get theme(){return e.model.state.settings.theme},documentMounted:!0,get layoutDetailsEnabled(){return e.model.state.settings.layoutDetailsEnabled},get singleSelection(){return e.model.state.selectedMeasurements.length<=1}})}})}}),null),Q(be,Y(K,{get when(){return J(()=>!B())()&&ee()},children:n=>{let r=R();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return z(r??t)},get children(){return Y(hh,{get element(){return n().element},get measurement(){return n().measurement},get rect(){return n().rect},get ownerWindow(){return t.ownerDocument.defaultView},get theme(){return e.model.state.settings.theme},documentMounted:!0,get layoutDetailsEnabled(){return e.model.state.settings.layoutDetailsEnabled},singleSelection:!0,passThrough:!0})}})}}),null),Q(be,Y(K,{get when(){return J(()=>!!(e.interactive&&C()&&e.model.state.guidePreview))()?!e.model.state.draggingGuideId:e.interactive&&C()&&e.model.state.guidePreview},get children(){var t=X(`div`,{class:`msr:pointer-events-none msr:absolute`}),n=X(`div`,{class:`msr:absolute`});return Z(t,n),q(()=>({e:e.model.state.guidePreview.orientation===`vertical`?{left:`${e.model.state.guidePreview.position-7}px`,top:`0`,width:`14px`,height:`100%`}:{top:`${e.model.state.guidePreview.position-7}px`,left:`0`,height:`14px`,width:`100%`},t:e.model.state.guidePreview.orientation===`vertical`?{left:`6px`,top:`0`,width:`2px`,height:`100%`,"background-color":me(`preview`)}:{top:`6px`,left:`0`,height:`2px`,width:`100%`,"background-color":me(`preview`)}}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`style`,r,i?.t)}),t}}),null),Q(be,Y(K,{get when(){return S()},get children(){return Y(K,{get when(){return J(()=>M().length>1&&!te())()?h():null},get fallback(){return Y(ye,{})},children:t=>Y(Zo,{get mount(){return t()},get children(){var t=X(`div`,{"data-mesurer-multi-selection-document-layer":`true`,"data-mesurer-inspector-ui":`true`,class:`msr:pointer-events-none`});return Q(t,Y(ye,{})),q(()=>({e:le(),t:e.model.state.settings.theme,a:{position:`absolute`,left:`${H().x}px`,top:`${H().y}px`,"pointer-events":`none`}}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-selection-scope`,e,i?.e),n!==i?.t&&$(t,`data-theme`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t}})})}}),null),Q(be,Y(K,{get when(){return J(()=>!!S())()?M().length>1:S()},get children(){var t=X(`div`,{"data-mesurer-spacing-interaction-layer":`true`,class:`msr:pointer-events-none`});return ic(()=>e=>{r=e},t),Q(t,Y(_o,{get each(){return se()},children:t=>Y(rm,{get distance(){return ce(t)},showRects:!1,kind:`selection-spacing`,get spacingScopeId(){return le()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,get renderPart(){return h()?`interaction`:`all`}})})),t}}),null),Q(be,Y(_o,{get each(){return re()},children:t=>Y(rm,{distance:t,get onRemove(){return e.model.removeHeldDistance},kind:`held`})}),null),Q(be,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionPairOverlay:S()&&e.model.state.altPressed},get children(){return Y(rm,{get distance(){return e.optionPairOverlay},kind:`preview`})}}),null),Q(be,Y(K,{get when(){return J(()=>!!(e.interactive&&C()&&e.model.state.altPressed))()?e.guideDistanceOverlay:e.interactive&&C()&&e.model.state.altPressed},get children(){return Y(rm,{get distance(){return e.guideDistanceOverlay},kind:`preview`})}}),null),Q(be,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionContainerLines:S()&&e.model.state.altPressed},children:e=>[Y(K,{get when(){return e().top.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:w-px msr:bg-[#2563eb]`});return q(()=>({top:`${e().top.y1}px`,height:`${e().top.y2-e().top.y1}px`,left:`${e().top.x}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`y`,get left(){return e().top.x+2},get top(){return(e().top.y1+e().top.y2)/2},get children(){return Gu(e().top.value)}})]}}),Y(K,{get when(){return e().bottom.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:w-px msr:bg-[#2563eb]`});return q(()=>({top:`${e().bottom.y1}px`,height:`${e().bottom.y2-e().bottom.y1}px`,left:`${e().bottom.x}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`y`,get left(){return e().bottom.x+2},get top(){return(e().bottom.y1+e().bottom.y2)/2},get children(){return Gu(e().bottom.value)}})]}}),Y(K,{get when(){return e().left.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:h-px msr:bg-[#2563eb]`});return q(()=>({left:`${e().left.x1}px`,width:`${e().left.x2-e().left.x1}px`,top:`${e().left.y}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`x`,get left(){return(e().left.x1+e().left.x2)/2},get top(){return e().left.y+2},get children(){return Gu(e().left.value)}})]}}),Y(K,{get when(){return e().right.value>0},get children(){return[(()=>{var t=X(`div`,{class:`msr:absolute msr:h-px msr:bg-[#2563eb]`});return q(()=>({left:`${e().right.x1}px`,width:`${e().right.x2-e().right.x1}px`,top:`${e().right.y}px`}),(e,n)=>{$(t,`style`,e,n)}),t})(),Y(gh,{axis:`x`,get left(){return(e().right.x1+e().right.x2)/2},get top(){return e().right.y+2},get children(){return Gu(e().right.value)}})]}})]}),null),Q(be,Y(_o,{get each(){return he()},children:t=>{let n=()=>t.id.startsWith(`__mesurer-preview-`),r=()=>!n()&&e.model.state.selectedGuideIds.includes(t.id),i=()=>!n()&&e.hoverGuide?.id===t.id,a=()=>r()?me(`active`):i()?me(`hover`):me(`default`),o=()=>Math.max(e.model.state.settings.guideStyle.width,r()||i()?2:e.model.state.settings.guideStyle.width),s=()=>e.model.state.settings.guideStyle.pattern===`solid`?void 0:e.model.state.settings.guideStyle.pattern===`dotted`?`radial-gradient(circle, ${a()} 0 ${o()/2}px, transparent ${o()/2+.5}px)`:`repeating-linear-gradient(${t.orientation===`vertical`?`to bottom`:`to right`}, ${a()} 0 ${e.model.state.settings.guideStyle.dashLength}px, transparent ${e.model.state.settings.guideStyle.dashLength}px ${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px)`,c=()=>e.model.state.settings.guideStyle.pattern===`dotted`?t.orientation===`vertical`?`${o()}px ${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px`:`${e.model.state.settings.guideStyle.dashLength+e.model.state.settings.guideStyle.gap}px ${o()}px`:void 0;var l=X(`div`,{class:`msr:absolute`,"data-mesurer-guide":`true`,onPointerDown:r=>{!n()&&e.model.current.toolMode!==`none`&&_e(t,r)},onPointerUp:r=>{!n()&&e.model.current.toolMode!==`none`&&ve(t,r)},onPointerCancel:r=>{!n()&&e.model.current.toolMode!==`none`&&ve(t,r)}}),u=X(`div`,{class:`msr:absolute`});return Z(l,u),q(()=>({e:t.orientation===`vertical`?{left:`${t.position-7}px`,top:`0`,width:`14px`,height:`100%`,"pointer-events":!n()&&D()?`auto`:`none`}:{top:`${t.position-7}px`,left:`0`,height:`14px`,width:`100%`,"pointer-events":!n()&&D()?`auto`:`none`},t:t.orientation===`vertical`?{left:`6px`,top:`0`,width:`${o()}px`,height:`100%`,"background-color":e.model.state.settings.guideStyle.pattern===`solid`?a():`transparent`,"background-image":s(),"background-size":c(),opacity:e.model.state.settings.guideStyle.opacity}:{top:`6px`,left:`0`,height:`${o()}px`,width:`100%`,"background-color":e.model.state.settings.guideStyle.pattern===`solid`?a():`transparent`,"background-image":s(),"background-size":c(),opacity:e.model.state.settings.guideStyle.opacity}}),({e,t},n)=>{e!==n?.e&&$(l,`style`,e,n?.e),t!==n?.t&&$(u,`style`,t,n?.t)}),l}}),null),q(()=>({e:`msr:absolute msr:inset-0 msr:select-none ${w()?`msr:pointer-events-auto ${C()?e.hoverGuide||e.model.state.draggingGuideId?`msr:cursor-default`:`msr:cursor-crosshair`:`msr:cursor-default`} msr:opacity-100`:`msr:pointer-events-none msr:opacity-0`}`,t:{"pointer-events":E()?`auto`:`none`}}),({e,t},n)=>{e!==n?.e&&$(be,`class`,e,n?.e),t!==n?.t&&$(be,`style`,t,n?.t)}),be}var vh=18,yh=5,bh=32,xh=Array.from({length:801},(e,t)=>t*yh);function Sh(e){let[t,n]=G(null),[r,i]=G(null),[a,o]=G(!1),s=null,c=()=>e.forceVisible||!e.settings.edgeReveal||a(),l=()=>e.guides.filter(t=>t.orientation===`vertical`&&e.selectedGuideIds.includes(t.id)),u=()=>e.guides.filter(t=>t.orientation===`horizontal`&&e.selectedGuideIds.includes(t.id)),d=t=>{if(!s||s.pointerId!==t.pointerId)return;t.stopPropagation();let r=s.orientation===`horizontal`?t.clientY:t.clientX;n(r),e.onMoveGuide(s.id,r)};Nn(()=>{let t=t=>{if(e.settings.edgeReveal){let n=t.clientX<=bh||t.clientX>=e.ownerWindow.innerWidth-bh,r=t.clientY<=bh||t.clientY>=e.ownerWindow.innerHeight-bh;o(n||r)}d(t)},n=t=>{if(!e.settings.edgeReveal)return;let n=t.clientX<=bh||t.clientX>=e.ownerWindow.innerWidth-bh,r=t.clientY<=bh||t.clientY>=e.ownerWindow.innerHeight-bh;o(n||r)};return e.ownerWindow.document.addEventListener(`pointermove`,t,!0),e.ownerWindow.document.addEventListener(`mousemove`,n,!0),()=>{e.ownerWindow.document.removeEventListener(`pointermove`,t,!0),e.ownerWindow.document.removeEventListener(`mousemove`,n,!0)}});let f=(t,r)=>{if(!e.interactive||r.button!==0)return;r.stopPropagation();let a=t===`horizontal`?r.clientY:r.clientX;n(a),i(t),s={orientation:t,pointerId:r.pointerId,id:e.onStartGuide(t,a)},Il(r.currentTarget,r.pointerId)},p=t=>{if(!s||s.pointerId!==t.pointerId)return;t.stopPropagation();let r=s,a=r.orientation===`horizontal`?t.clientY:t.clientX;t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId),s=null,n(null),i(null),e.onMoveGuide(r.id,a),e.onFinishGuide(r.id)},m=t=>{if(!s||s.pointerId!==t.pointerId)return;let r=s.id;s=null,n(null),i(null),e.onCancelGuide(r)};var h=X(`div`,{"aria-hidden":`true`,"data-mesurer-rulers":`true`,class:`msr:pointer-events-none msr:absolute msr:inset-0 msr:select-none msr:text-[9px] msr:text-[#64748b]`}),g=X(`div`,{class:`msr:absolute msr:left-[18px] msr:right-0 msr:top-0 msr:overflow-hidden msr:bg-white`,onPointerDown:e=>f(`horizontal`,e),onPointerUp:p,onPointerCancel:m}),_=X(`svg`,{class:`msr:block msr:h-6`,width:4e3,height:18,viewBox:`0 0 4000 18`}),v=X(`defs`),y=X(`linearGradient`,{id:`ruler-label-fade-x`,x1:`0%`,x2:`100%`}),b=X(`stop`,{offset:`0`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),x=X(`stop`,{offset:`0.2`,"stop-color":`var(--msr-surface, white)`}),S=X(`stop`,{offset:`0.8`,"stop-color":`var(--msr-surface, white)`}),C=X(`stop`,{offset:`1`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),w=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:top-[18px] msr:w-[18px] msr:overflow-hidden msr:bg-white`,onPointerDown:e=>f(`vertical`,e),onPointerUp:p,onPointerCancel:m}),T=X(`svg`,{class:`msr:block msr:w-6`,width:18,height:4e3,viewBox:`0 0 18 4000`}),E=X(`defs`),D=X(`linearGradient`,{id:`ruler-label-fade-y`,y1:`0%`,y2:`100%`}),O=X(`stop`,{offset:`0`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),k=X(`stop`,{offset:`0.2`,"stop-color":`var(--msr-surface, white)`}),A=X(`stop`,{offset:`0.8`,"stop-color":`var(--msr-surface, white)`}),j=X(`stop`,{offset:`1`,"stop-color":`var(--msr-surface, white)`,"stop-opacity":`0`}),M=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:size-[18px] msr:bg-white`});return Z(h,g),Z(h,w),Z(h,M),Z(g,_),Z(_,v),Z(v,y),Z(y,b),Z(y,x),Z(y,S),Z(y,C),Q(_,Y(_o,{each:xh,children:e=>{let t=e%100==0,n=e%50==0;var r=X(`g`);return Z(r,X(`line`,{x1:e,y1:18,x2:e,y2:t?8:n?13:17,stroke:`currentColor`,"stroke-width":`1`})),Q(r,Y(K,{when:t,get children(){var t=X(`text`,{x:e,y:`8`,"text-anchor":`middle`,fill:`currentColor`});return Q(t,e),t}}),null),r}}),null),Q(_,Y(_o,{get each(){return l()},children:e=>(()=>{var t=X(`g`),n=X(`rect`,{y:`-1`,width:`48`,height:`12`,fill:`url(#ruler-label-fade-x)`}),r=X(`text`,{y:`8`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(t,n),Z(t,r),Q(r,()=>Math.round(e.position-vh)),q(()=>({e:e.position-vh-8,t:e.position-vh+16}),({e,t},i)=>{e!==i?.e&&$(n,`x`,e,i?.e),t!==i?.t&&$(r,`x`,t,i?.t)}),t})()}),null),Q(_,Y(K,{get when(){return J(()=>r()===`vertical`)()&&t()!==null},get children(){var e=X(`g`),n=X(`rect`,{y:`-1`,width:`48`,height:`12`,fill:`url(#ruler-label-fade-x)`}),r=X(`text`,{y:`8`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(e,n),Z(e,r),Q(r,()=>Math.round(t()-vh)),q(()=>({e:t()-vh-8,t:t()-vh+16}),({e,t},i)=>{e!==i?.e&&$(n,`x`,e,i?.e),t!==i?.t&&$(r,`x`,t,i?.t)}),e}}),null),Z(w,T),Z(T,E),Z(E,D),Z(D,O),Z(D,k),Z(D,A),Z(D,j),Q(T,Y(_o,{each:xh,children:e=>{let t=e%100==0,n=e%50==0;var r=X(`g`);return Z(r,X(`line`,{x1:18,y1:e,x2:t?8:n?13:17,y2:e,stroke:`currentColor`,"stroke-width":`1`})),Q(r,Y(K,{when:t,get children(){var t=X(`text`,{x:`8`,y:e+10,fill:`currentColor`,transform:`rotate(-90 8 ${e+10})`});return Q(t,e),t}}),null),r}}),null),Q(T,Y(_o,{get each(){return u()},children:e=>(()=>{var t=X(`g`),n=X(`rect`,{x:`-3`,width:`24`,height:`48`,fill:`url(#ruler-label-fade-y)`}),r=X(`text`,{x:`9`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(t,n),Z(t,r),Q(r,()=>Math.round(e.position-vh)),q(()=>({e:e.position-vh-38,t:e.position-vh-16,a:`rotate(-90 9 ${e.position-vh-16})`}),({e,t,a:i},a)=>{e!==a?.e&&$(n,`y`,e,a?.e),t!==a?.t&&$(r,`y`,t,a?.t),i!==a?.a&&$(r,`transform`,i,a?.a)}),t})()}),null),Q(T,Y(K,{get when(){return J(()=>r()===`horizontal`)()&&t()!==null},get children(){var e=X(`g`),n=X(`rect`,{x:`-3`,width:`24`,height:`48`,fill:`url(#ruler-label-fade-y)`}),r=X(`text`,{x:`9`,"text-anchor":`middle`,fill:`#ef4444`,"font-weight":`600`});return Z(e,n),Z(e,r),Q(r,()=>Math.round(t()-vh)),q(()=>({e:t()-vh-38,t:t()-vh-16,a:`rotate(-90 9 ${t()-vh-16})`}),({e,t,a:i},a)=>{e!==a?.e&&$(n,`y`,e,a?.e),t!==a?.t&&$(r,`y`,t,a?.t),i!==a?.a&&$(r,`transform`,i,a?.a)}),e}}),null),q(()=>({e:{opacity:c()?e.settings.opacity:0,transition:`opacity 100ms ease`},t:{"box-shadow":`0 1px 3px rgba(0, 0, 0, 0.12)`,height:`18px`,cursor:`ns-resize`,"pointer-events":c()&&e.interactive?`auto`:`none`},a:{"box-shadow":`1px 0 3px rgba(0, 0, 0, 0.12)`,width:`18px`,cursor:`ew-resize`,"pointer-events":c()&&e.interactive?`auto`:`none`}}),({e,t,a:n},r)=>{e!==r?.e&&$(h,`style`,e,r?.e),t!==r?.t&&$(g,`style`,t,r?.t),n!==r?.a&&$(w,`style`,n,r?.a)}),h}var Ch=e=>Object.prototype.hasOwnProperty.call(e,`__codexWebMcpModelContext`),wh=new WeakSet,Th=e=>typeof e==`function`&&typeof e.prototype?.open==`function`,Eh=e=>{wh.add(e)},Dh=e=>{if(Ch(e)||wh.has(e))return!1;let t=e.EyeDropper;return Th(t)},Oh=e=>Uc(e)||Dh(e),kh={x:16,y:16},Ah={x:84,y:48},jh=e=>e.process?.type===`renderer`||!!e.process?.versions?.electron||/\bElectron\/\d/i.test(e.navigator.userAgent),Mh=e=>{let t=e.navigator.platform||e.navigator.userAgent;return/^Mac/i.test(t)||/\bMacintosh\b/i.test(e.navigator.userAgent)},Nh=e=>jh(e)&&Mh(e),Ph={x:0,y:0,width:84,height:48},Fh=e=>{if(!Nh(e))return null;let t=e.__MESURER_HOST__?.windowControls;if(t)return t.visible?t.bounds??Ph:null;let n=e.navigator.windowControlsOverlay;if(n?.visible){let e=n.getTitlebarAreaRect();if(e.x>0&&e.height>0)return{x:0,y:e.y,width:e.x,height:e.height}}return Number.isFinite(e.outerHeight)&&Number.isFinite(e.innerHeight)&&e.outerHeight-e.innerHeight>=24?null:Ph},Ih=e=>Fh(e)?Ah:kh,Lh=(e,t,n,r=0,i=0)=>{let a=Fh(e);return!a||a.width<=0||a.height<=0?t:t.x<a.x+a.width&&t.x+r>a.x&&t.y<a.y+a.height&&t.y+i>a.y?{...t,y:Math.max(n,a.y+a.height)}:t},Rh=(e,t)=>Lh(e,t??Ih(e),8,352,40),zh=(e,t,n,r,i=8)=>{let a=i,o=Math.max(i,r.width-n.width-i),s=Math.max(a,r.height-n.height-i);return Lh(e,{x:Math.min(o,Math.max(i,t.x)),y:Math.min(s,Math.max(a,t.y))},i,n.width,n.height)},Bh=[`top`,`bottom`,`left`,`right`],Vh=8,Hh=e=>e===`left`||e===`right`,Uh=({side:e,point:t,size:n,viewport:r})=>{if(e===`top`||e===`bottom`){let i=r.width-n.width-16;return{x:Math.max(16,Math.min(t.x,i)),y:e===`top`?16:r.height-n.height-16}}let i=r.height-n.height-16;return{x:e===`left`?16:r.width-n.width-16,y:Math.max(16,Math.min(t.y,i))}},Wh=(e,t,n)=>Uh({side:e,point:e===`top`||e===`bottom`?{x:Math.round((n.width-t.width)/2),y:0}:{x:0,y:Math.round((n.height-t.height)/2)},size:t,viewport:n}),Gh=(e,t,n)=>e+(t-e)*n,Kh=e=>Math.min(1,Math.max(0,e)),qh=e=>e*e*(3-2*e),Jh=[`center`,`start`,`end`],Yh=(e,t,n,r)=>{let[i,a,o]=Hh(e)?[t.y,n.height,r.height]:[t.x,n.width,r.width],s=o-a-16,c=(s-16)/4;return i-16<=c?`start`:s-i<=c?`end`:`center`},Xh=(e,t,n,r)=>{if(t===`center`)return Wh(e,n,r);let i=t===`start`?-1/0:1/0;return Uh({side:e,point:{x:i,y:i},size:n,viewport:r})},Zh=(e,t,n,r)=>{switch(e){case`top`:return t.y;case`bottom`:return r.height-(t.y+n.height);case`left`:return t.x;case`right`:return r.width-(t.x+n.width)}},Qh=(e,t)=>{let n=null;for(let r of Bh){let i=e(r);i<=t&&(!n||i<n.gap)&&(n={side:r,gap:i})}return n},$h=(e,t,n)=>({x:Math.max(Vh,Math.min(e.x,n.width-t.width-Vh)),y:Math.max(Vh,Math.min(e.y,n.height-t.height-Vh))}),eg=({point:e,size:t,viewport:n,glued:r,align:i})=>{let a=r??Qh(r=>Zh(r,e,t,n),1/0).side,o=r&&i||Yh(a,e,t,n);return{side:a,align:o,position:Xh(a,o,t,n)}},tg=(e,t,n)=>{let r=n-t-16,i=e-16<=r-e,a=i?16:r,o=i?e-16:r-e,s=Math.min(96,(r-16)*.4),c=Math.min(16,s/2);return o>s?e:Math.round(Gh(a,e,qh(Kh((o-c)/(s-c)))))},ng=(e,t)=>{let n=e.x<t.width/2?`left`:`right`,r=e.y<t.height/2?`top`:`bottom`,i=n===`left`?0:t.width,a=r===`top`?0:t.height;return Math.hypot(e.x-i,e.y-a)<=120?{x:n,y:r}:null},rg=(e,t,n,r)=>{let i=null;for(let a of Bh)for(let o of Jh){if(o!==`center`&&Hh(a)!==t)continue;let s=Xh(a,o,n,r),c=Math.hypot(e.x-s.x-n.width/2,e.y-s.y-n.height/2);(!i||c<i.distance)&&(i={side:a,align:o,distance:c})}return{side:i.side,align:i.align}},ig=(e,t,n=null)=>{let r=n=>Zh(n,e,{width:0,height:0},t);return n&&r(n)<=80?n:ng(e,t)?null:Qh(r,72)?.side??null},ag=({pointer:e,grab:t,glued:n,upright:r,pushed:i=!1,latched:a=!1,sizeFor:o,viewport:s})=>{let c=ig(e,s,n),l=c===null&&!ng(e,s),u=a?!l:n!==null&&c!==n,d=u?null:c,f=n=>{let r=o(n),i={x:Math.round(e.x-(n?t.across:t.along)*r.width),y:Math.round(e.y-(n?t.along:t.across)*r.height)},[a,c,l]=n?[i.y,r.height,s.height]:[i.x,r.width,s.width];return{size:r,held:i,push:Math.max(Vh-a,a+c-(l-Vh))}},p=d?Hh(d):r,m=!d&&i;d||(m?f(!p).push<=0:f(p).push>40&&f(!p).push<=40)&&(p=!p,m=!m);let{size:h,held:g}=f(p);if(!d)return{side:null,upright:p,pushed:m,latched:u,position:$h(g,h,s)};let _=Uh({side:d,point:g,size:h,viewport:s}),v=p?tg(g.y,h.height,s.height):tg(g.x,h.width,s.width),y=d===`top`||d===`left`?Math.max:Math.min,b=p?{x:y(_.x,g.x),y:v}:{x:v,y:y(_.y,g.y)};return{side:d,upright:p,pushed:m,latched:u,position:b}};function og(e){let[t,n]=G(!1),[r,i]=G(!1),a=!0,o=0,s=e.ownerWindow,c=()=>{s.clearTimeout(o),o=0},l=()=>{c(),n(!1)},u=()=>{a||e.busy()||!e.enabled()||!e.edge()||e.element()?.querySelector(`:focus-visible`)||o||(o=s.setTimeout(()=>{o=0,n(!0)},600))};return mo(()=>[e.enabled(),e.edge(),e.busy()],([e,t,n])=>{l(),e&&t&&!n&&en(u)}),Nn(()=>{let t=e.element(),n=n=>{if(!e.enabled()||!e.edge())return;let r=t?.getBoundingClientRect();if(!r)return;let i=Fh(s);if(i&&n.clientX>=i.x&&n.clientX<i.x+i.width&&n.clientY>=i.y&&n.clientY<i.y+i.height)return;let o=i&&r.left<i.x+i.width&&r.right>i.x?i.y+i.height:0,c=n.clientX>=r.left-16&&n.clientX<=r.right+16,d=n.clientY>=r.top-16&&n.clientY<=r.bottom+16;({top:n.clientY<=o+48&&c,bottom:n.clientY>=s.innerHeight-48&&c,left:n.clientX<=48&&d,right:n.clientX>=s.innerWidth-48&&d})[e.edge()]&&n.buttons===0?(a=!1,l()):u()},r=e=>i(!!(t&&!e.composedPath().includes(t))),o=()=>i(!1),d=()=>{t?.querySelector(`:focus-visible`)&&l()};return s.addEventListener(`pointermove`,n),s.addEventListener(`pointerdown`,r,!0),s.addEventListener(`pointerup`,o,!0),s.addEventListener(`pointercancel`,o,!0),t?.addEventListener(`focusin`,d),t?.addEventListener(`focusout`,u),()=>{c(),s.removeEventListener(`pointermove`,n),s.removeEventListener(`pointerdown`,r,!0),s.removeEventListener(`pointerup`,o,!0),s.removeEventListener(`pointercancel`,o,!0),t?.removeEventListener(`focusin`,d),t?.removeEventListener(`focusout`,u)}}),{tucked:t,pressedOff:r}}var sg=`mesurer-toolbar-turn`,cg=.55,lg=`button`,ug=e=>({x:e.left+e.width/2,y:e.top+e.height/2});function dg(){let e=[];return{captureToolbarTurn:t=>{let n=parseFloat(getComputedStyle(t).rotate)||0;for(let t of e)t.cancel();return e=[],{from:t.getBoundingClientRect(),angle:n}},playToolbarTurn:(t,{from:n,angle:r},i)=>{let a=t.getBoundingClientRect(),o=i?-90:90,s=o+r,c=ug(n),l=ug(a),u=c.x-l.x+(c.y-l.y),d=c.x-l.x-(c.y-l.y),f=i?{x:l.x+u/2,y:l.y-d/2}:{x:l.x+d/2,y:l.y+u/2},p={id:sg,duration:200*cg*Math.abs(s/o),easing:`ease`},m=`${f.x-a.left}px ${f.y-a.top}px`;e=[t.animate([{rotate:`${s}deg`,transformOrigin:m},{rotate:`0deg`,transformOrigin:m}],p)];for(let n of t.querySelectorAll(lg))n.closest(`[inert]`)||e.push(n.animate([{rotate:`${-s}deg`},{rotate:`0deg`}],p));let h=t.querySelector(`.mesurer-toolbar-mode-switch-pill`);if(!h)return;getComputedStyle(h).transform;for(let e of h.getAnimations())e.cancel();let g=getComputedStyle(h).transform,_=g===`none`?``:g;e.push(h.animate([{transform:`${_} rotate(${-s}deg)`},{transform:`${_} rotate(0deg)`}],p))},cancel:()=>{for(let t of e)t.cancel();e=[]}}}var fg=[`transform`,`translate`,`rotate`,`scale`,`opacity`,`filter`,`clip-path`,`width`,`height`,`top`,`left`,`content`],pg=new WeakSet,mg=e=>e.split(/,(?![^()]*\))/).map(e=>e.trim()),hg=(e,t)=>e[t%e.length]??``,gg=e=>{let t=e.trim().match(/^(-?[\d.]+)(ms|s)$/i);if(!t)return 0;let n=Number.parseFloat(t[1]??`0`);return t[2]?.toLowerCase()===`s`?n*1e3:n},_g=e=>[...new Set(e.filter(Boolean))],vg=e=>!!(e&&`getKeyframes`in e&&`target`in e),yg=e=>{let t=e?.effect??null;if(!vg(t))return[];try{return t.getKeyframes()}catch{return[]}},bg=new Set([`offset`,`easing`,`composite`,`computedOffset`]),xg=e=>`animationName`in e?String(e.animationName??``):``,Sg=e=>`transitionProperty`in e?String(e.transitionProperty??``):``,Cg=e=>`animationName`in e?`animation`:`transitionProperty`in e?`transition`:`web-animation`,wg=(e,t=Og(e))=>t.some(e=>{if(pg.has(e)||xg(e)||Sg(e)||e.playState!==`running`)return!1;try{let t=e.effect?.getTiming(),n=t?.iterations;return!!(t&&n!==1/0)}catch{return!1}}),Tg=e=>e.startsWith(`--`)?e:e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),Eg=e=>_g(yg(e).flatMap(e=>Object.keys(e)).filter(e=>!bg.has(e))),Dg=(e,t)=>yg(e).map(e=>{let n=Object.entries(e).filter(([e])=>!bg.has(e)).map(([e,t])=>`${Tg(e)}: ${t};`);return e.easing&&e.easing!==`linear`&&n.push(`animation-timing-function: ${e.easing};`),e.composite&&e.composite!==`auto`&&e.composite!==`replace`&&n.push(`animation-composition: ${e.composite};`),{offset:`${Math.round(Number(e.computedOffset??e.offset??0)*1e4)/100}%`,value:n.join(` `),displayValue:n.filter(e=>e!==`animation-timing-function: ${t};`).map(e=>e.slice(0,-1).replace(/^animation-timing-function:/,`easing:`).replace(/^animation-composition:/,`composition:`)).join(`
 `)}}),Og=e=>{let t=e=>{try{return e.getAnimations({subtree:!0})}catch{try{return e.getAnimations()}catch{return[]}}},n=new Set(t(e)),r=[e];for(let e=0;e<r.length&&e<128;e+=1){let i=r[e];if(!i)continue;let a=[...i.shadowRoot?.children??[]];for(let e of a)for(let r of t(e))n.add(r);r.push(...[...i.children,...a].slice(0,128-r.length))}return[...n]},kg=e=>{let t=e.getRootNode();return`host`in t&&t.host instanceof Element?t.host:null},Ag=(e,t)=>{let n=0,r=t;for(;r&&r!==e&&n<=2;)r=r.parentElement??kg(r),n+=1;return r===e&&n<=2?n:null},jg=(e,t=Og(e))=>t.filter(t=>{let n=t.effect;return vg(n)?n.pseudoElement?!1:!n.target||Ag(e,n.target)!==null:!0}),Mg=e=>Og(e).filter(t=>{let n=t.effect;return vg(n)&&n.target===e}),Ng=(e,t,n)=>e.filter(e=>xg(e)===t)[n]??null,Pg=(e,t)=>t.filter(t=>{let n=t.effect;return!vg(n)||(!n.target||n.target===e)&&!n.pseudoElement}),Fg=(e,t)=>{let n=(e.ownerDocument.defaultView??t).getComputedStyle(e),r=Og(e),i=Pg(e,r),a=mg(n.animationName),o=mg(n.animationDuration),s=mg(n.animationDelay),c=mg(n.animationTimingFunction),l=mg(n.animationIterationCount),u=mg(n.animationDirection),d=mg(n.animationFillMode),f=a.map((e,t)=>{let n=a.slice(0,t).filter(t=>t===e).length,r=Ng(i,e,n);return{kind:`animation`,name:e,duration:gg(hg(o,t)),delay:gg(hg(s,t)),easing:hg(c,t),properties:Eg(r),iterationCount:hg(l,t),direction:hg(u,t),fillMode:hg(d,t),animation:r}}).filter(e=>e.name!==`none`),p=mg(n.transitionProperty),m=mg(n.transitionDuration),h=mg(n.transitionDelay),g=mg(n.transitionTimingFunction),_=i.filter(e=>!!Sg(e)),v=p.map((e,t)=>{let n=_.find(t=>Sg(t)===e)??(e===`all`?_[0]:null)??null;return{kind:`transition`,name:e,duration:gg(hg(m,t)),delay:gg(hg(h,t)),easing:hg(g,t),properties:e===`all`?[`all`]:[e],iterationCount:`1`,direction:`normal`,fillMode:`both`,animation:n}}).filter(e=>e.name!==`none`&&e.duration>0&&e.animation!==null),y=new Set([...f,...v].map(e=>e.animation)),b=jg(e,r).filter(e=>!y.has(e)).flatMap((e,t)=>{let n=null;try{n=e.effect?.getTiming()??null}catch{return[]}if(!n)return[];let r=Eg(e),i=Number(n.duration);return[{kind:Cg(e),name:xg(e)||Sg(e)||e.id||`js-${Tg(r[0]||`animation`)}-${t+1}`,duration:Number.isFinite(i)?i:0,delay:n.delay??0,easing:n.easing||`linear`,properties:r,iterationCount:n.iterations===1/0?`infinite`:String(n.iterations??1),direction:n.direction||`normal`,fillMode:n.fill===`auto`?`none`:n.fill||`none`,animation:e}]});return[...f,...v,...b]},Ig=e=>{let t=Number.parseFloat(e.iterationCount);return Number.isFinite(t)?e.duration*Math.max(0,t):e.duration},Lg=(e,t)=>{let n=e.effect?.getTiming(),r=Number(n?.duration);return Number.isFinite(r)?r*(n?.iterations===1/0?1:Math.max(0,n?.iterations??1)):t},Rg=(e,t)=>{let n=e.filter(e=>e.playState===`running`),r=(n.length?n:e).reduce((e,n)=>e?Lg(n,t)>Lg(e,t)?n:e:n,null);return{playing:n.length>0,progress:r?zg(r,t):0}},zg=(e,t)=>{let n=Number(e.currentTime);if(!Number.isFinite(n)||t<=0)return 0;let r=e.effect?.getTiming(),i=Math.max(0,n-(r?.delay??0)),a=r?.iterations===1/0&&(e.playState===`running`||i>t)?i%t:i;return Math.min(1,a/t)},Bg=(e,t,n=1)=>{for(let r of Og(e)){if(pg.add(r),r.playbackRate=n,t===`replay`){r.cancel(),r.play();continue}t===`play`?r.play():r.pause()}},Vg=(e,t,n)=>{let r=Math.max(0,Math.min(1,t))*n;for(let t of e){pg.add(t);let e=t.effect?.getTiming();t.currentTime=(e?.iterations===1/0?r:Math.min(r,Lg(t,n)))+(e?.delay??0),t.pause()}},Hg=e=>[...e.matchAll(/var\(\s*(--[\w-]+)/g)].map(([,e])=>e),Ug=e=>`media`in e?e.media?.mediaText??``:``,Wg=e=>`styleSheet`in e?e.styleSheet:null,Gg=e=>`cssRules`in e?e.cssRules:null,Kg=e=>`style`in e?e.style:null,qg=e=>`name`in e?e.name:``,Jg=e=>{if(`selectorText`in e)return e.selectorText};function Yg(e){let t=new WeakMap,n=new WeakSet,r=new WeakMap,i=new Map,a=-1/0,o=t=>!t||!e?.defaultView?.matchMedia||e.defaultView.matchMedia(t).matches,s=e=>[...e.styleSheets??[],...e.adoptedStyleSheets??[]],c=e=>{let t=new Set,n=e=>{if(t.has(e))return``;t.add(e);try{let t=(e,r=!0)=>[...e].map(e=>{let i=Wg(e),a=Gg(e),s=Ug(e);return[r?e.cssText:``,o(s),i?n(i):a?t(a,!1):``].join(`:`)}).join(`
 `);return[e.disabled,o(e.media?.mediaText),t(e.cssRules)].join(`:`)}catch{return[e.disabled,o(e.media?.mediaText),`opaque`].join(`:`)}};return e.map(n).join(`
 `)},l=()=>{t=new WeakMap,n=new WeakSet,r=new WeakMap},u=(e,t,n)=>{for(let r of e){let e=Ug(r);if(!o(e))continue;let i=Wg(r);i&&!i.disabled&&o(i.media?.mediaText)&&u(i.cssRules,t);let a=Kg(r);if(a){let e=new Map;for(let t of fg){let n=Hg(a.getPropertyValue(t));n.length&&e.set(t,n)}e.size&&t.push({selector:Jg(r),animation:n,properties:e})}let s=Gg(r);s&&u(s,t,qg(r)||n)}};return{invalidate:l,refresh(e){if(e-a<1e3)return!1;a=e;let t=!1;for(let[e,n]of i){let r=s(e),a=c(r);(a!==n.signature||r.length!==n.sheets.length||r.some((e,t)=>e!==n.sheets[t]))&&(i.set(e,{sheets:r,signature:a}),t=!0)}return t&&l(),t},hasOpaqueStyles(e){let t=e.getRootNode();return n.has(t)},forElement(e,a){let l=e.getRootNode(),d=t.get(l);if(!d){d=[];let e=s(l);i.has(l)||i.set(l,{sheets:e,signature:c(e)});for(let t of e)if(!(t.disabled||!o(t.media?.mediaText)))try{u(t.cssRules,d)}catch{n.add(l)}t.set(l,d)}let f=r.get(e);if(f?.names===a)return f.properties;let p=new Map;for(let t of d){let n=!!(t.animation&&a.split(`,`).some(e=>e.trim()===t.animation));if(t.selector)try{n=e.matches(t.selector.replace(/::(?:before|after)\b/g,``))}catch{continue}if(n)for(let[e,n]of t.properties)p.set(e,[...p.get(e)??[],...n])}return r.set(e,{names:a,properties:p}),p}}}var Xg=new WeakMap,Zg=e=>!!(e&&`getKeyframes`in e&&`target`in e),Qg=e=>`animationName`in e?String(e.animationName??``):``,$g=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null},e_=e=>`style`in e?e.style:null,t_=e=>e.MutationObserver,n_=e=>{let t=Xg.get(e)?.filter(t=>t.element.isConnected&&Ag(e,t.element)!==null);return t?.length?t:wg(e,jg(e))?[{element:e,properties:[`animation`]}]:[]};function r_(e,t=128){let n=[e];for(let e=0;e<n.length&&n.length<t;e+=1){let r=n[e];r&&n.push(...[...r.children,...r.shadowRoot?.children??[]].slice(0,t-n.length))}return n}function i_(e,t,n){let r=0,i=-1/0,a=0,o=!1,s=!0,c=new WeakMap,l=Yg(e.ownerDocument),u=e.ownerDocument.createElement(`span`).style,d=n_(e);d.length&&Xg.set(e,d);let f=new Map(d.map(e=>[e.element,new Set(e.properties)])),p=[],m=new WeakSet,h=t_(t),g=()=>{if(o)return;let t=[...f].map(([e,t])=>({element:e,properties:[...t]}));Xg.set(e,t),n(t)},_=s=>{if(r=0,!o){if(!e.isConnected){Xg.delete(e),f.size&&(f.clear(),n([]));return}if(s-i>=100){i=s,l.refresh(s);let n=new Map,r=new Map,a=Og(e);for(let e of a)try{let t=e.effect;if(!Zg(t)||!t.target)continue;let i=Qg(e);i&&r.set(t.target,[...r.get(t.target)??[],i]);let a=n.get(t.target)??new Set;for(let e of t.getKeyframes())for(let t of Object.keys(e))a.add(Tg(t));n.set(t.target,a)}catch{}let o=!1;wg(e,jg(e,a))&&!f.has(e)&&(f.set(e,new Set([`animation`])),o=!0);let u=r_(e);for(let e of f.keys())u.includes(e)||(f.delete(e),o=!0);for(let e of u){e.shadowRoot&&y(e.shadowRoot);try{let i=t.getComputedStyle(e),a=fg.map(e=>i.getPropertyValue(e)),s=e_(e),u=l.forElement(e,[i.animationName??``,...r.get(e)??[]].join(`,`)),d=new Set(n.get(e)??[]),p=new Set,m=fg.map(e=>s?.getPropertyValue(e)??``),h=fg.map(t=>{let r=s?.getPropertyValue(t)??``,a=[...Hg(r),...u.get(t)??[]];return a.length>0&&a.every(t=>{let r=e;for(;r;){if(n.get(r)?.has(t))return!0;r=r.parentElement??$g(r)}return!1})&&(d.add(t),p.add(t)),JSON.stringify([r,...a.map(e=>i.getPropertyValue(e))])}),g=c.get(e),_=f.get(e)??new Set;g&&fg.forEach((t,n)=>{let r=m[n]!==g.declarations[n]||h[n]!==g.inputs[n]&&!p.has(t)&&!g.nativeInputs.has(t),i=a[n]!==g.values[n]&&!d.has(t)&&!g.covered.has(t);(r||i)&&!_.has(t)&&(_.add(t),f.set(e,_),o=!0)}),c.set(e,{values:a,inputs:h,declarations:m,nativeInputs:p,covered:d})}catch{}}o&&g()}s<a&&(r=t.requestAnimationFrame(_))}},v=()=>{o||(t.performance.now()>a&&(s=!0),a=t.performance.now()+1500,r||=t.requestAnimationFrame(_))},y=(n,a=!0)=>{if(!(!h||m.has(n)))try{let o=new h((n=[])=>{if(n.some(e=>e.type===`attributes`&&e.attributeName===`class`)&&l.invalidate(),n.some(e=>e.type===`childList`||e.type===`characterData`)){let t=f.get(e)??new Set;t.has(`content`)||(t.add(`content`),f.set(e,t),g())}if(l.hasOpaqueStyles(e)&&n.some(e=>{if(e.type!==`attributes`||e.attributeName!==`style`||!(e.target instanceof Element))return!1;let t=e_(e.target);return t?u?(u.cssText=e.oldValue??``,[...new Set([...t,...u])].some(e=>e.startsWith(`--`)&&t.getPropertyValue(e)!==u.getPropertyValue(e))):/(^|;)\s*--/.test(`${e.oldValue??``};${t.cssText}`):!1})){let t=f.get(e)??new Set;t.has(`style`)||(t.add(`style`),f.set(e,t),g())}s&&n.some(e=>e.type===`attributes`&&e.attributeName===`style`)&&(s=!1,t.cancelAnimationFrame(r),i=-1/0,_(t.performance.now())),v()});o.observe(n,{subtree:a,childList:a,characterData:a,attributes:!0,attributeOldValue:!0,attributeFilter:[`style`,`class`,`transform`,`opacity`]}),m.add(n),p.push(o)}catch{}};y(e);let b=e.parentElement??$g(e);for(;b;)y(b,!1),b=b.parentElement??$g(b);if(h&&e.ownerDocument.head){let t=new h(()=>{l.invalidate(),v()});t.observe(e.ownerDocument.head,{subtree:!0,childList:!0,characterData:!0}),p.push(t)}_(t.performance.now()),v();let x=t.setInterval(()=>{l.refresh(t.performance.now())&&v()},1e3);return()=>{o=!0,Xg.delete(e);for(let e of p)e.disconnect();t.clearInterval(x),t.cancelAnimationFrame(r)}}var a_=`mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]`;function o_(){return X(`span`,{"aria-hidden":`true`,class:`msr:pointer-events-none msr:absolute msr:right-2 msr:top-1/2 msr:size-1.5 msr:-translate-y-1/2 msr:rotate-45 msr:border-r msr:border-b msr:border-ink-500`})}function s_(e){let t=()=>e.variant!==`legacy`;var n=X(`div`),r=X(`div`);return Z(n,r),Q(r,()=>e.left),Q(n,(()=>{var n=J(()=>!!e.right);return()=>n()?(()=>{var n=X(`div`);return Q(n,()=>e.right),q(()=>`mesurer-control-focus msr:box-border msr:flex msr:h-full msr:w-12 msr:shrink-0 msr:items-center msr:border-l msr:focus-within:rounded-r-[5px] msr:focus-within:outline msr:focus-within:outline-1 msr:focus-within:outline-offset-[-1px] ${t()?`msr:border-ink-200 msr:focus-within:outline-[var(--msr-accent)]`:`msr:border-transparent msr:group-hover:border-ink-200 msr:focus-within:outline-[#0d99ff]`}`,(e,t)=>{$(n,`class`,e,t)}),n})():null})(),null),q(()=>({e:`mesurer-control-shell msr:group msr:flex msr:h-6 msr:w-full msr:min-w-0 msr:items-center msr:overflow-hidden msr:border msr:border-transparent msr:bg-ink-50 msr:hover:border-ink-200 ${t()?`msr:rounded-control`:`msr:rounded-[5px]`}`,t:`mesurer-control-focus msr:flex msr:h-full msr:min-w-0 msr:flex-1 msr:items-center msr:focus-within:rounded-l-[5px] msr:focus-within:outline msr:focus-within:outline-1 msr:focus-within:outline-offset-[-1px] ${t()?`msr:focus-within:outline-[var(--msr-accent)]`:`msr:focus-within:outline-[#0d99ff]`}`}),({e,t},i)=>{e!==i?.e&&$(n,`class`,e,i?.e),t!==i?.t&&$(r,`class`,t,i?.t)}),n}function c_(e){let t=()=>e.variant!==`legacy`,n=()=>{let t=jc(e.value);if(t)return t;let n=e.ownerWindow.document.createElement(`canvas`).getContext(`2d`);return n?(n.fillStyle=e.value,jc(String(n.fillStyle))??jc(e.fallback)):jc(e.fallback)},r=()=>{let e=n();return e?Nc({...e,alpha:1}).slice(1).toUpperCase():`000000`},i=()=>{let e=n();return e?Math.round(e.alpha*100):100},a=()=>`#${r().slice(0,6)}`,o=()=>e.ownerWindow.CSS?.supports(`color`,e.value)===!0,s=()=>o()?e.value:e.fallback,[c,l]=G(``),[u,d]=G(``),[f,p]=G(!1),[m,h]=G(!1),g=(t,n)=>{if(!/^[\da-f]{6}$/i.test(t))return;let r=jc(`#${t}`);r&&e.onChange(Nc({...r,alpha:Math.min(100,Math.max(0,n))/100}))},_=n=>{if(t()){g(n.slice(1),i());return}e.onChange(n)},v=()=>t()?`msr:col-span-2 msr:grid msr:h-8 msr:w-full ${e.columns??`msr:grid-cols-[78px_150px]`} msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700`:`msr:col-span-2 msr:grid msr:w-full msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`;var y=X(`div`),b=X(`span`);return Z(y,b),Q(b,()=>e.label),Q(y,Y(s_,{get variant(){return e.variant},get left(){return[(()=>{var t=X(`span`,{class:`msr:relative msr:ml-1 msr:block msr:size-4 msr:shrink-0 msr:overflow-hidden msr:rounded-[3px] msr:border msr:border-black/10`}),n=X(`input`,{type:`color`,class:`msr:absolute msr:inset-0 msr:size-full msr:cursor-pointer msr:opacity-0`,onInput:e=>_(e.currentTarget.value),onChange:e=>_(e.currentTarget.value)});return Z(t,n),q(()=>({e:{"background-color":s()},t:`${e.label} color picker`,a:a()}),({e,t:r,a:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),r!==a?.t&&$(n,`aria-label`,r,a?.t),i!==a?.a&&$(n,`value`,i,a?.a)}),t})(),(()=>{var n=X(`input`,{type:`text`,class:`msr:min-w-0 msr:flex-1 msr:bg-transparent msr:px-2 msr:font-mono msr:text-[12px] msr:tabular-nums msr:text-ink-700 msr:outline-none`,onFocus:()=>{l(r()),p(!0)},onBlur:()=>p(!1),onInput:e=>{let t=e.currentTarget.value.replace(/[^\da-f]/gi,``).slice(0,6).toUpperCase();l(t),g(t,m()?Number(u()):i())},onPointerDown:e=>e.stopPropagation(),onClick:e=>{t()&&e.stopPropagation()}});return q(()=>({e:`${e.label} hex value`,t:f()?c():r(),a:t()?7:6}),({e,t,a:r},i)=>{e!==i?.e&&$(n,`aria-label`,e,i?.e),t!==i?.t&&$(n,`value`,t,i?.t),r!==i?.a&&$(n,`maxlength`,r,i?.a)}),n})()]},get right(){var n=X(`input`,{type:`text`,inputmode:`numeric`,maxlength:4,onFocus:()=>{d(String(i())),h(!0)},onBlur:()=>h(!1),onInput:e=>{let t=e.currentTarget.value.replace(/\D/g,``).slice(0,3);d(t);let n=Number(t);Number.isFinite(n)&&g(f()?c():r(),n)},onKeyDown:e=>{if(!t()||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return;e.preventDefault(),e.stopPropagation();let n=Number.parseInt(m()?u():String(i()),10),a=e.key===`ArrowUp`?1:-1,o=Math.min(100,Math.max(0,(Number.isFinite(n)?n:0)+a));d(String(o)),g(f()?c():r(),o)},onPointerDown:e=>e.stopPropagation(),onClick:e=>{t()&&e.stopPropagation()}});return q(()=>({e:`${e.label} opacity value`,t:m()?t()?u()?`${u()}%`:``:`${u()}%`:`${i()}%`,a:`msr:h-full msr:w-full msr:bg-transparent msr:px-1 msr:font-mono msr:text-[12px] msr:tabular-nums msr:text-ink-700 msr:outline-none ${t()?`msr:rounded-none msr:border-0 msr:text-left`:`msr:text-center`}`}),({e,t,a:r},i)=>{e!==i?.e&&$(n,`aria-label`,e,i?.e),t!==i?.t&&$(n,`value`,t,i?.t),r!==i?.a&&$(n,`class`,r,i?.a)}),n}}),null),q(()=>v(),(e,t)=>{$(y,`class`,e,t)}),y}function l_(e,t,n,r=12){let i=Math.min(1,Math.max(1,t-r*2)/Math.max(1,e.width),Math.max(1,n-r*2)/Math.max(1,e.height));return{scale:i,left:(t-e.width*i)/2-e.left*i,top:(n-e.height*i)/2-e.top*i}}function u_(e,t,n){let r=n.ownerDocument,i=[],a=new Map,o=new WeakMap,s=new WeakMap,c=[],l=(e,t)=>{for(let n of e){let r=e.getPropertyValue(n);/\burl\(/i.test(r)&&!n.startsWith(`background`)||t.setProperty(n,r)}t.setProperty(`animation`,`none`,`important`),t.setProperty(`transition`,`none`,`important`),t.setProperty(`pointer-events`,`none`,`important`)},u=e=>{if(e.nodeType===3){let t=o.get(e)??r.createTextNode(``);return t.textContent!==e.textContent&&(t.textContent=e.textContent),o.set(e,t),t}if(e.nodeType!==1||i.length>=128)return null;let n=e;if([`SCRIPT`,`STYLE`,`LINK`,`IFRAME`,`OBJECT`,`EMBED`,`SOURCE`,`TRACK`].includes(n.tagName))return null;let u=o.get(e);if(u){for(let t of s.get(e)??[])t.pseudo?c.push({pair:t,css:`[data-motion-snapshot="${u.dataset.motionSnapshot}"]${t.pseudo}{${t.style.cssText}}`}):i.push(t);return f(n,u),u}let p=[`IMG`,`VIDEO`,`CANVAS`].includes(n.tagName),m=p?`canvas`:n.localName.includes(`-`)||n.localName===`slot`?`div`:n.localName,h=r.createElementNS(p?`http://www.w3.org/1999/xhtml`:n.namespaceURI,m);if(n.namespaceURI===`http://www.w3.org/2000/svg`)for(let e of n.attributes)/^(on|href|src)|:href$/i.test(e.name)||h.setAttribute(e.name,e.value);let g;try{g=t.getComputedStyle(n)}catch{return null}l(g,h.style),h.setAttribute(`tabindex`,`-1`),h.dataset.motionSnapshot=String(d++);let _=[{source:n,copy:h,style:h.style,pseudo:null}];if(i.push(..._),o.set(e,h),s.set(e,_),p){let e=h;e.width=Math.min(1024,n.clientWidth||1),e.height=Math.min(1024,n.clientHeight||1);let t=()=>{try{let t=e.getContext(`2d`),r=n,i=r.naturalWidth||n.videoWidth||n.width||e.width,a=r.naturalHeight||n.videoHeight||n.height||e.height,o=g.objectFit===`cover`?Math.max(e.width/i,e.height/a):g.objectFit===`contain`?Math.min(e.width/i,e.height/a):null,s=o?i*o:e.width,c=o?a*o:e.height;t?.drawImage(n,(e.width-s)/2,(e.height-c)/2,s,c)}catch{}};t(),n.addEventListener(`load`,t),n.addEventListener(`loadeddata`,t),a.set(n,()=>{n.removeEventListener(`load`,t),n.removeEventListener(`loadeddata`,t)})}else f(n,h);for(let e of[`::before`,`::after`]){let i;try{i=t.getComputedStyle(n,e)}catch{continue}if(!i.content||i.content===`none`||i.content===`normal`)continue;let a=r.createElement(`span`).style;l(i,a);let o={source:n,copy:h,style:a,pseudo:e};_.push(o),c.push({pair:o,css:`[data-motion-snapshot="${h.dataset.motionSnapshot}"]${e}{${a.cssText}}`})}return h},d=0;function f(e,t){if([`IMG`,`VIDEO`,`CANVAS`].includes(e.tagName))return;let n=e,r=e.localName===`slot`?n.assignedNodes({flatten:!0}):[],i=(r.length?r:[...e.shadowRoot?.childNodes??e.childNodes]).map(u).filter(e=>!!e);for(i.forEach((e,n)=>{t.childNodes[n]!==e&&t.insertBefore(e,t.childNodes[n]??null)});t.childNodes.length>i.length;)t.lastChild?.remove()}let p=u(e);if(!p)return null;let m=r.createElement(`style`);n.append(m);let h=()=>{m.textContent=c.map(({css:e})=>e).join(`
@@ -2412,7 +2412,7 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
 ${e} *{outline:solid 1px #2563eb!important}
 ${e} [data-mesurer-island],${e} [data-mesurer-island] *,${e} [data-mesurer-root],${e} [data-mesurer-root] *{outline:none!important}
 ${e} .mesurer-ti-box,${e} .mesurer-ti-card,${e} .mesurer-ti-card *{outline:none!important}
-`,Ny=new WeakMap,Py=e=>{let t=Ny.get(e);if(t)return t;let n=e.createElement(`style`);n.dataset.mesurerXrayStyle=`true`,n.textContent=My(`.${Ay}`);let r={activeInstances:new Set,style:n};return Ny.set(e,r),r},Fy=(e,t,n)=>{let r=Py(e);n?r.activeInstances.add(t):r.activeInstances.delete(t);let i=e.body??e.documentElement,a=r.activeInstances.size>0;i?.classList.toggle(Ay,a),a?r.style.isConnected||e.head?.append(r.style):r.style.remove()};function Iy(e){let{ownerDocument:t,target:n,instanceId:r}=e,i=t.defaultView??window,a=n instanceof i.ShadowRoot,o=!a&&(n===t.body||n===t.documentElement),s=jy(r),c=t.createElement(`style`);c.dataset.mesurerXrayStyle=`true`,c.textContent=My(a?`:host`:`.${s}`);let l=a?null:n.getRootNode(),u=l instanceof i.ShadowRoot?l:t.head,d=new Set,f=new Map,p=!1,m=!1,h=e=>{let t=f.get(e);t&&(e.removeEventListener(`load`,t.load,!0),t.observer?.disconnect(),f.delete(e))},g=()=>{let e=p?new Set(pv(m?t:n,{includeResponsiveFrames:m}).filter(e=>!m||mv(e))):new Set;for(let t of d)e.has(t)||Fy(t,r,!1);for(let t of e)Fy(t,r,!0);d.clear();for(let t of e){if(d.add(t),f.has(t))continue;let e=()=>g(),n=t.defaultView?.MutationObserver,r=n&&t.body?new n(()=>g()):null;t.addEventListener(`load`,e,!0),r?.observe(t.body,{childList:!0,subtree:!0}),f.set(t,{load:e,observer:r})}for(let t of f.keys())e.has(t)||h(t)},_=e=>{if(p!==e){if(p=e,o||m){g();return}if(a){e&&!c.isConnected?n.append(c):e||c.remove();return}n.classList.toggle(s,e),e&&!c.isConnected&&u?.append(c),e||c.remove()}};return{setVisible:_,setResponsiveOnly:e=>{if(m!==e&&(m=e,p)){if(o){g();return}if(m){a||n.classList.remove(s),c.remove(),g();return}for(let e of d)Fy(e,r,!1);d.clear();for(let e of f.keys())h(e);a?c.isConnected||n.append(c):n.classList.add(s),c.isConnected||u?.append(c)}},sync:g,dispose(){p&&_(!1);for(let e of f.keys())h(e);for(let e of d)Fy(e,r,!1);d.clear(),c.remove()}}}var Ly=0,Ry=`mesurer:tab-id`,zy=`mesurer-settings`,By=`mesurer-state`,Vy=80,Hy=(e,t)=>{try{let n=e.sessionStorage.getItem(`${t}:toolbar-position`);if(!n)return;let r=JSON.parse(n);return!Number.isFinite(r.x)||!Number.isFinite(r.y)?void 0:{x:r.x,y:r.y,edge:r.edge===`top`||r.edge===`bottom`||r.edge===`left`||r.edge===`right`?r.edge:null,align:r.align===`start`||r.align===`end`?r.align:`center`,vertical:r.vertical===!0}}catch{return}},Uy=(e,t,n)=>{try{e.sessionStorage.setItem(`${t}:toolbar-position`,JSON.stringify(n))}catch{}},Wy=e=>{try{let t=e.sessionStorage.getItem(Ry);if(t)return t;let n=e.crypto.randomUUID();return e.sessionStorage.setItem(Ry,n),n}catch{return`session`}},Gy=(e,t)=>{let n=t=>t!==void 0&&e.document.defaultView?.CSS?.supports(`color`,t)===!0,r={...t};if(n(t.highlightColor)||(r.highlightColor=void 0),n(t.guideColor)||(r.guideColor=void 0),t.selectionSpacingStyle){let e={...t.selectionSpacingStyle};e.color!==void 0&&!n(e.color)&&(e.color=void 0),r.selectionSpacingStyle=e}return r},Ky=(e,t)=>{if(e.length<=1)return null;let n=1/0,r=1/0,i=-1/0,a=-1/0,o=1/0,s=1/0,c=-1/0,l=-1/0,u=e[0].sourceDocument,d=!!(u&&e.every(e=>e.sourceDocument===u));for(let t of e)if(n=Math.min(n,t.rect.left),r=Math.min(r,t.rect.top),i=Math.max(i,t.rect.left+t.rect.width),a=Math.max(a,t.rect.top+t.rect.height),d){let e=t.cssRect??t.rect;o=Math.min(o,e.left),s=Math.min(s,e.top),c=Math.max(c,e.left+e.width),l=Math.max(l,e.top+e.height)}let f={left:n,top:r,width:i-n,height:a-r},p=d?{left:o,top:s,width:c-o,height:l-s}:void 0;return{...e[e.length-1],id:`group-${e.map(e=>e.id).join(`|`)}`,label:`${e.length} elements`,rect:f,cssRect:p,sourceDocument:d?u:void 0,paddingRect:f,marginRect:f,padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},elementRef:void 0,originRect:t??void 0}};function qy(e){let t=en(()=>e.model),n=en(()=>e.env),r=en(()=>e.input),i=en(()=>e.onSelectionSpacingStyleChange),a=en(()=>e.onResetSelectionSpacingStyle),{ownerDocument:o,ownerWindow:s}=n,c=r.pageTarget??o.body,l=++Ly,u=r.persistKey??`mesurer-state:${Wy(s)}${l===1?``:`:${l}`}`,d={key:``,entries:[],overlayNode:null,frame:-1},f=null,p=null,m=null,h=null,g=!1,_=0,v=!1,y=0,b=null,x=null,S=null,C=null,w=null,T=null,E=!1,D=0,O=null,k={x:s.scrollX,y:s.scrollY},A=uy({model:t,ownerWindow:s,ownerDocument:o,uiRoot:()=>p}),j=e=>r.isBuiltinActionDisabled?.(e)??!1,M=(e,n=!1)=>{if(!j(e)){if(e===`responsive`){r.onResponsiveToggle?.();return}e===`rulers`&&r.responsiveOpen&&r.onResponsiveClose?.(),f=null,e===`color-picker`&&n&&t.current.colorPickerActive&&A.deactivate(`color-picker`),A.run(e)}},N=Iy({ownerDocument:o,target:r.pageTarget??o.body,instanceId:l}),P=!1;r.onBuiltinController?.(A);let F=lo(()=>{let e=t.state.start,n=t.state.end;return e&&n?Cu(e,n):null}),I=lo(()=>Ky(t.state.selectedMeasurements,t.state.selectionOriginRect)),L=lo(()=>I()?[I()]:t.state.selectedMeasurements.length?t.state.selectedMeasurements:t.state.selectedMeasurement?[t.state.selectedMeasurement]:[]),R=lo(()=>_v(t.state.guides,t.state.selectedGuideIds)),z=lo(()=>gv(t.state.hoverPointer,t.state.guides)),B=lo(()=>I()??t.state.selectedMeasurement??t.state.selectedMeasurements.at(-1)??null),V=()=>(r.pluginTools??[]).some(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`&&(e.active?.()??!1)),ee=lo(()=>{if(V())return null;let e=B()?.elementRef??null;return e?.isConnected?e:null}),H=lo(()=>vv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),selectedGuide:R(),hoverGuide:z(),hoverElement:t.state.hoverElement,selectedElementRef:B()?.elementRef??null})),U=lo(()=>yv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),optionPairOverlay:H(),selectedGuideIds:t.state.selectedGuideIds,selectedElement:B()?.elementRef??null,hoverElement:t.state.hoverElement})),W=lo(()=>{if(!t.state.altPressed||t.state.toolMode!==`guides`)return null;let e=R(),n=z();if(e&&n&&e.id!==n.id)return ud(id(e,s),id(n,s),null,null,s);let r=t.state.guidePreview;if(!r)return null;let i=t.state.guides.filter(e=>e.orientation===r.orientation).sort((e,t)=>Math.abs(e.position-r.position)-Math.abs(t.position-r.position))[0];return i?ud(id({id:`preview`,...r},s),id(i,s),null,null,s):null}),te=()=>!!(o.querySelector(`[data-mesurer-text-editor='true']`)||p?.querySelector(`[data-mesurer-text-editor='true']`)),ne=e=>{if(r.editSelectionHover&&te()){t.setHoverTarget(null,null);return}let n=x??o,i=n===o?kv(e,p,o,c):kv(S??e,null,n,n.body);if(!i){t.setHoverTarget(null,null);return}t.setHoverTarget(i,t.current.settings.hoverHighlightEnabled?qu(i):null)},re=e=>{b=e,!y&&(y=s.requestAnimationFrame(()=>{y=0;let e=b;e&&(t.current.toolMode===`select`&&!t.current.draggingGuideId&&ne(e),t.setTransient({hoverPointer:t.current.guides.length?e:null}),t.current.toolMode===`guides`&&!t.current.draggingGuideId&&t.setTransient({guidePreview:{orientation:t.current.guideOrientation,position:od({orientation:t.current.guideOrientation,point:e,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:null,document:o})}}))}))},ie=()=>{y&&s.cancelAnimationFrame(y),y=0,b=null,x=null,S=null},ae=()=>{D&&s.clearTimeout(D),D=0,O=null},oe=e=>{ae(),O=e,D=s.setTimeout(()=>{D=0,O===e&&t.setTransient({draggingGuideId:e})},220)},se=()=>{t.setTransient({start:null,end:null,isDragging:!1,draggingGuideId:null,guidePreview:null}),T=null,E=!1,d.key=``,t.endAction()},ce=e=>{if(C=e.sourceDocument??null,w=e.sourcePoint??null,t.current.settingsOpen||!t.current.enabled||e.button!==0||t.current.toolMode===`none`)return;let n={x:e.clientX,y:e.clientY},r=t.beginAction();if(t.current.altPressed&&H()){e.preventDefault(),r(),t.addHeldDistance({...H(),id:Ku()}),t.endAction();return}if(t.current.toolMode===`guides`){e.preventDefault(),r();let i=Ku(),a=od({orientation:t.current.guideOrientation,point:n,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:null,document:o});t.addGuide({id:i,orientation:t.current.guideOrientation,position:a}),t.setSelectedGuideIds(t.current.settings.selectNewGuideEnabled?[i]:[]),t.setTransient({guidePreview:null}),oe(i),Il(e.currentTarget,e.pointerId);return}t.current.selectedGuideIds.length>0&&(r(),t.setSelectedGuideIds([])),E=e.shiftKey,T=e.shiftKey?Jv({point:n,selectedMeasurements:t.current.selectedMeasurements,overlayNode:p,document:o,exact:!0})?.elementRef??null:null,t.setTransient({start:n,end:n,isDragging:!1,selectionOriginRect:null}),(!e.sourceDocument||e.sourceDocument===o)&&Il(e.currentTarget,e.pointerId)},le=e=>{if(!t.current.enabled||t.current.settingsOpen)return;let n={x:e.clientX,y:e.clientY};if(x=e.sourceDocument??null,S=e.sourcePoint??null,e.altKey!==t.current.altPressed&&t.setTransient({altPressed:e.altKey}),re(n),t.current.draggingGuideId){let e=t.current.guides.find(e=>e.id===t.current.draggingGuideId);if(e){let r=od({orientation:e.orientation,point:n,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:e.id,document:o});t.updateGuide(e.id,{position:r})}return}if(t.current.toolMode===`guides`)return;let r=t.current.start;if(!r)return;let i=E?12:4,a=t.current.isDragging||Math.abs(n.x-r.x)>i||Math.abs(n.y-r.y)>i;t.setTransient({end:n,isDragging:a})},ue=e=>e.flatMap(e=>{let t=e.elementRef;return t?.isConnected?[{...nd(t,s),id:e.id,originRect:e.originRect}]:[]}),de=e=>{if(!t.current.enabled)return;if(t.current.toolMode===`guides`){ae(),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId),se();return}if(t.current.toolMode!==`select`){se();return}let n=t.current.start;if(!n){se();return}let i={x:e.clientX,y:e.clientY},a=e.sourceDocument??C??o,l=e.sourcePoint??w??i,u=a===o?p:null,m=a===o?c:a.body;if(t.current.isDragging){f=null;let l=Cu(n,i),u=Gv(l,p,d,o,r.responsiveOpen?o.body:c,r.responsiveOpen?e=>{let t=C??a;return mv(e.ownerDocument)&&pv(t).includes(e.ownerDocument)}:void 0),m=C??a,h=(p?.querySelector(`[data-mesurer-responsive-stage]`)?u.filter(e=>mv(e.ownerDocument)&&(e.ownerDocument===m||pv(m).includes(e.ownerDocument))):u).map(e=>({...nd(e,s),originRect:l})),g=h;if(e.shiftKey){let e=new Map;for(let n of[...t.current.selectedMeasurements,...h])n.elementRef&&e.set(n.elementRef,n);g=[...e.values()]}t.checkpoint();let _=ue(g);t.setSelectedMeasurements(_,_.at(-1)??null),t.setTransient({selectionOriginRect:l}),se();return}let h=T?t.current.selectedMeasurements.find(e=>e.elementRef===T)??null:Jv({point:i,selectedMeasurements:t.current.selectedMeasurements,overlayNode:p,document:o,exact:e.shiftKey});if((e.shiftKey||!t.current.settings.hoverHighlightEnabled)&&h){f=null,t.checkpoint();let e=ue(t.current.selectedMeasurements.filter(e=>e.elementRef!==h.elementRef));t.setSelectedMeasurements(e,e.at(-1)??null),se();return}let g;if(e.shiftKey)f=null,g=kv(l,u,a,m)??Fv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&mv(a)?i:l);else if(r.editSelectionHover?.())f=null,g=Fv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&mv(a)?i:l);else{let e=Iv(l,u,t.current.settings.snapEnabled,a,m,f,r.responsiveOpen&&mv(a)?i:l);g=e.target,f=e.cycle}if(g){let n=nd(g,s);if(t.checkpoint(),e.shiftKey||t.current.settings.multiMeasureEnabled){let e=t.current.selectedMeasurements.some(e=>e.elementRef===g)?t.current.selectedMeasurements.filter(e=>e.elementRef!==g):[...t.current.selectedMeasurements,n],r=ue(e);t.setSelectedMeasurements(r,r.at(-1)??null)}else t.setSelectedMeasurements([n],n);let r={id:n.id,rect:n.rect,normalizedRect:xu(n.rect),elementRef:n.elementRef,deltaX:0,deltaY:0};t.setActiveMeasurement(r)}else e.shiftKey||(t.checkpoint(),t.setSelectedMeasurements([],null));se()},fe=()=>{ae(),t.current.draggingGuideId||se(),t.setTransient({guidePreview:null})},pe=(e,n)=>{if(!(!t.current.enabled||n.button!==0||t.current.settingsOpen)){if(n.preventDefault(),n.stopPropagation(),t.checkpoint(),n.shiftKey){let n=t.current.selectedGuideIds.includes(e.id)?t.current.selectedGuideIds.filter(t=>t!==e.id):[...t.current.selectedGuideIds,e.id];t.setSelectedGuideIds(n);return}t.setSelectedGuideIds([e.id]),t.setTransient({draggingGuideId:e.id}),Il(n.currentTarget,n.pointerId)}},me=(e,n)=>{n.stopPropagation(),t.setTransient({draggingGuideId:null}),n.currentTarget.hasPointerCapture?.(n.pointerId)&&n.currentTarget.releasePointerCapture?.(n.pointerId)},he=(e,n,r=null)=>od({orientation:e,point:e===`vertical`?{x:n,y:0}:{x:0,y:n},snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:r,document:o}),ge=(e,n)=>{t.checkpoint();let r=Ku();return t.addGuide({id:r,orientation:e,position:he(e,n)}),t.setSelectedGuideIds([]),r},_e=(e,n)=>{let r=t.current.guides.find(t=>t.id===e);r&&t.updateGuide(e,{position:he(r.orientation,n,e)})},ve=e=>{t.current.settings.selectNewGuideEnabled&&t.setSelectedGuideIds([e])},ye=e=>t.setGuides(t.current.guides.filter(t=>t.id!==e)),be=()=>{t.clearWorkspace(),m?.clear(),h?.clearWorkspace()};mo(()=>[t.state.toolMode,t.state.enabled],([e,t])=>{m&&(e===`text-inspector`&&t?m.enable():m.disable())}),mo(()=>t.state.xrayVisible,e=>N.setVisible(e)),mo(()=>r.responsiveOpen===!0,e=>{N.setResponsiveOnly(e),e&&t.current.toolMode===`text-inspector`&&m?.clearResponsivePreview();let n=!e&&P;P=e,n&&(ie(),m?.clearResponsivePreview(),t.setSelectedMeasurements([],null),t.setSelectedGuideIds([]),t.setHoverTarget(null,null),t.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null,hoverPointer:null,guidePreview:null}),f=null)}),mo(()=>[r.responsiveOpen===!0&&t.state.toolMode===`guides`,t.state.altPressed,t.state.guideOrientation,t.state.settings.guideColor,JSON.stringify(t.state.settings.guideStyle)],([e,t])=>{s.dispatchEvent(new CustomEvent(`mesurer:responsive-guide-mode`,{detail:e})),s.dispatchEvent(new CustomEvent(`mesurer:responsive-guide-alt`,{detail:t}))}),mo(()=>[t.state.settings.highlightColor,t.state.settings.guideColor,t.state.settings.hoverHighlightEnabled,t.state.settings.persistOnReload,t.state.settings.shortcutsEnabled,t.state.settings.theme,t.state.settings.colorPickerClickFormat,t.state.settings.snapEnabled,t.state.settings.snapGuidesEnabled,t.state.settings.selectNewGuideEnabled,t.state.settings.multiMeasureEnabled,t.state.settings.colorPickerFormats.join(`|`),t.state.settings.layoutDetailsEnabled,t.state.settings.infoCardMode,JSON.stringify(t.state.settings.guideStyle),JSON.stringify(t.state.settings.rulerSettings),JSON.stringify(e.selectionSpacingStyle)],()=>{!g||!h||h.saveSettings({...t.serializeSettings(),selectionSpacingStyle:{...en(()=>e.selectionSpacingStyle)}})}),mo(()=>[t.state.enabled,t.state.toolMode,t.state.rulersVisible,t.state.xrayVisible,t.state.guideOrientation,t.state.settings.persistOnReload,t.state.guides.map(e=>`${e.id}:${e.orientation}:${e.position}`).join(`|`),t.state.selectedGuideIds.join(`|`),t.state.heldDistances.map(e=>e.id).join(`|`),t.state.measurements.map(e=>e.id).join(`|`),t.state.activeMeasurement?.id??``],()=>{!g||v||!h||!t.current.settings.persistOnReload||(s.clearTimeout(_),_=s.setTimeout(()=>h?.saveWorkspace(t.serializeWorkspace()),250))});let xe=()=>new Set(pv(r.responsiveOpen?p??c:c,{includeResponsiveFrames:r.responsiveOpen===!0}).filter(e=>e!==o&&(!r.responsiveOpen||mv(e)))),Se=()=>{let e=new Map,n=new Map,i=!1,a=(e,t)=>{let n=p?.querySelector(`[data-mesurer-interaction-overlay='true']`);if(!n)return null;let r=Hu({x:e.clientX,y:e.clientY},t,o);return r.x<0||r.y<0?null:{currentTarget:n,clientX:r.x,clientY:r.y,sourceDocument:t,sourcePoint:{x:e.clientX,y:e.clientY},button:e.button,buttons:e.buttons,pointerId:e.pointerId,shiftKey:e.shiftKey,altKey:e.altKey,preventDefault:()=>e.preventDefault(),stopPropagation:()=>e.stopPropagation()}},c=(e,n)=>{if(r.responsiveOpen&&!mv(n)||!t.current.enabled||t.current.settingsOpen)return;if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&mv(n)){if(e.type===`pointerdown`&&(e.preventDefault(),e.stopImmediatePropagation()),e.type===`pointermove`){let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t?m?.inspect(t):m?.clearHover()}else if(e.type===`pointerup`&&e.button===0){e.preventDefault(),e.stopImmediatePropagation();let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t&&m?.pin(t)}else(e.type===`pointerleave`||e.type===`pointercancel`)&&m?.clearHover();return}if(t.current.toolMode!==`select`)return;let i=a(e,n);if(i){if(r.responsiveOpen&&e.type===`pointerdown`&&s.dispatchEvent(new CustomEvent(`mesurer:responsive-frame-pointerdown`)),e.preventDefault(),e.stopImmediatePropagation(),e.type===`pointerdown`){if(r.responsiveOpen&&e.target&&`setPointerCapture`in e.target)try{e.target.setPointerCapture(e.pointerId)}catch{}ce(i)}else if(e.type===`pointermove`)le(i);else if(e.type===`pointerup`){if(de(i),r.responsiveOpen&&e.target&&`releasePointerCapture`in e.target)try{e.target.releasePointerCapture(e.pointerId)}catch{}C=null,w=null}else fe()}},l=(e,n)=>{if(!(!t.current.enabled||t.current.settingsOpen||e.detail===0)){if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&mv(n)){if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t&&m?.pin(t)}return}t.current.toolMode===`select`&&(e.preventDefault(),e.stopImmediatePropagation())}},u=()=>{if(i)return;let t=xe();for(let r of t){if(e.has(r))continue;let t=r.defaultView?.PointerEvent,i=r.defaultView?.MouseEvent,a=e=>{t&&e instanceof t&&c(e,r)},o=[[`pointerdown`,a],[`pointermove`,a],[`pointerup`,a],[`pointercancel`,a],[`pointerleave`,a],[`click`,e=>{i&&e instanceof i&&l(e,r)}],[`load`,()=>u()]];for(let[e,t]of o)r.addEventListener(e,t,!0);e.set(r,o);let s=r.defaultView?.MutationObserver;if(s&&r.body){let e=new s(()=>u());e.observe(r.body,{childList:!0,subtree:!0}),n.set(r,e)}}for(let[r,i]of e)if(!t.has(r)){for(let[e,t]of i)r.removeEventListener(e,t,!0);e.delete(r),n.get(r)?.disconnect(),n.delete(r)}},d=()=>u(),f=()=>{u(),N.sync()},h=()=>{u(),N.sync()},g=o.defaultView?.MutationObserver??MutationObserver,_=o.body?new g(()=>u()):null;return o.addEventListener(`load`,d,!0),s.addEventListener(`mesurer:responsive-stage-change`,f),s.addEventListener(`mesurer:responsive-preview-ready`,h),_?.observe(o.body,{childList:!0,subtree:!0}),u(),s.requestAnimationFrame(u),()=>{i=!0,o.removeEventListener(`load`,d,!0),s.removeEventListener(`mesurer:responsive-stage-change`,f),s.removeEventListener(`mesurer:responsive-preview-ready`,h),_?.disconnect();for(let e of n.values())e.disconnect();for(let[t,n]of e)for(let[e,r]of n)t.removeEventListener(e,r,!0);n.clear(),e.clear()}};return Nn(()=>{Sf(Cf,n.portalTarget);let e=!!(o.body&&n.portalTarget instanceof s.ShadowRoot&&!(c instanceof s.ShadowRoot)&&c.getRootNode()===o&&s.CSS?.supports(`anchor-name: --mesurer-native-anchor`)&&s.CSS.supports(`position-anchor: --mesurer-native-anchor`)&&s.CSS.supports(`left: anchor(left)`)),a=Se(),l=e?o.body:n.portalTarget;l!==n.portalTarget&&Sf(Cf,l),m=ky({portalTarget:l,getPortalTarget:()=>en(()=>r.responsiveOpen?n.portalTarget:l),projectRect:(e,t)=>{if(!mv(e.ownerDocument))return t;let n=qu(e);return new DOMRect(n.left,n.top,n.width,n.height)},suppressRootPointer:()=>r.responsiveOpen===!0,theme:()=>t.current.settings.theme,subscribeTheme:e=>{let n=t.current.settings.theme;return e(n),t.subscribe(()=>{let r=t.current.settings.theme;r!==n&&(n=r,e(r))})}});let d=r.persistence??$f(s,u,zy,r.persistKey?void 0:By);h=d,d.setErrorHandler?.(r.onPersistenceError);let p=Rl(s);d.setPageKey?.(p);let x=d.load();if(x?.settings){let e=Gy(s,x.settings);t.applyStoredSettings(e),e.selectionSpacingStyle&&i(e.selectionSpacingStyle)}(t.current.settings.persistOnReload||r.persistOnReload)&&x?.workspace&&t.applyStoredWorkspace(x.workspace),g=!0,t.current.toolMode===`text-inspector`&&t.current.enabled&&m.enable();let S=d.subscribe?.((e,n)=>{if(e){if(n?.settings!==!1){let n=Gy(s,e.settings);t.applyStoredSettings(n),n.selectionSpacingStyle&&i(n.selectionSpacingStyle)}n?.workspace!==!1&&e.workspace&&t.current.settings.persistOnReload&&t.applyStoredWorkspace(e.workspace)}}),C=Hl(s,e=>{if(e===p)return;v=!0,s.clearTimeout(_),_=0,t.current.settings.persistOnReload&&d.saveWorkspace(t.serializeWorkspace()),p=e,d.setPageKey?.(e);let n=d.load(),r={enabled:t.current.enabled,toolMode:t.current.toolMode,rulersVisible:t.current.rulersVisible,xrayVisible:t.current.xrayVisible,guideOrientation:t.current.guideOrientation};t.clearAll(!1),m?.clear(),t.current.settings.persistOnReload&&n?.workspace&&t.applyStoredWorkspace({...n.workspace,...r}),v=!1}),w=e=>{if(Pl(e,s))return;let n=e.key.toLowerCase(),i=e.metaKey||e.ctrlKey;if(n===`escape`){if(f=null,t.current.settingsOpen){t.setTransient({settingsOpen:!1});return}if(t.current.colorPickerActive){A.deactivate(`color-picker`);return}if(r.responsiveOpen){r.onResponsiveClose?.();return}if(t.current.toolMode===`select`){t.current.selectedMeasurements.length>0||t.current.selectedMeasurement!==null||t.current.selectionOriginRect!==null||t.current.selectedGuideIds.length>0?A.clearSelection():A.deactivate(`select`);return}t.current.toolMode===`text-inspector`&&m?.clear(),t.clearAll();return}if(t.current.settings.shortcutsEnabled){if(e.key===`Alt`){t.setTransient({altPressed:!0});return}if(i&&n===`,`){e.preventDefault(),M(`settings`);return}if(i&&n===`z`){if(e.preventDefault(),t.current.toolMode===`text-inspector`&&(e.shiftKey?m?.redo():m?.undo()))return;e.shiftKey?t.redo():t.undo();return}if((n===`delete`||n===`backspace`)&&r.responsiveOpen){s.dispatchEvent(new CustomEvent(`mesurer:responsive-delete-selected-guides`)),e.preventDefault();return}if((n===`delete`||n===`backspace`)&&t.current.selectedGuideIds.length){e.preventDefault(),t.removeGuides(t.current.selectedGuideIds);return}if(n===`m`){t.current.colorPickerActive&&A.deactivate(`color-picker`),t.toggleEnabled(!0);return}if(n===`s`){M(`select`);return}if(n===`a`){M(`text-inspector`);return}if(n===`g`){M(`guides`);return}if(n===`p`){M(`color-picker`,!0);return}if(n===`x`){M(`xray`);return}if(n===`r`){M(`rulers`);return}if(n===`h`){j(`guides`)||t.setGuideOrientation(`horizontal`,!0);return}n===`v`&&(j(`guides`)||t.setGuideOrientation(`vertical`,!0))}},T=e=>{e.key===`Alt`&&t.setTransient({altPressed:!1})};s.addEventListener(`keydown`,w),s.addEventListener(`keyup`,T);let E=0,D=0,O=()=>ff(o),P=()=>{E||=s.requestAnimationFrame(()=>{E=0;let e=t.current.selectedMeasurements.filter(e=>e.elementRef?.isConnected).map(e=>({...nd(e.elementRef,s),id:e.id,originRect:e.originRect}));if(e.length||t.current.selectedMeasurements.length){let n=t.current.selectedMeasurement?.id;t.setSelectedMeasurements(e,e.find(e=>e.id===n)??e.at(-1)??null)}let n=bu(s);t.current.measurements.length&&t.setMeasurements(t.current.measurements.map(e=>rd(e,n,o))),t.current.activeMeasurement&&t.setActiveMeasurement(rd(t.current.activeMeasurement,n,o)),t.current.heldDistances.length&&t.setHeldDistances(t.current.heldDistances.map(e=>Dd(e,n,o,s)));let r=t.current.hoverElement;if(!b&&r&&t.setHoverTarget(null,null),r?.isConnected&&b&&t.current.toolMode===`select`){let e=r.getBoundingClientRect();t.setHoverTarget(r,t.current.settings.hoverHighlightEnabled?{left:e.left,top:e.top,width:e.width,height:e.height}:null)}})},F=()=>{D&&s.clearTimeout(D),D=s.setTimeout(()=>{D=0,P()},Vy)},I=()=>{b=null;let e={x:s.scrollX,y:s.scrollY},n=e.x-k.x,r=e.y-k.y;k=e,(n||r)&&t.current.guides.length&&t.setGuides(t.current.guides.map(e=>({...e,position:e.position-(e.orientation===`vertical`?n:r)}))),O()?F():P()};s.addEventListener(`scroll`,I,{capture:!0,passive:!0}),s.addEventListener(`resize`,P,!0);let L=e=>{let n=t.current.draggingGuideId;if(!n)return;let r=t.current.guides.find(e=>e.id===n);r&&t.updateGuide(n,{position:he(r.orientation,r.orientation===`vertical`?e.clientX:e.clientY,n)})},R=()=>t.setTransient({draggingGuideId:null});return s.addEventListener(`pointermove`,L,!0),s.addEventListener(`pointerup`,R,!0),s.addEventListener(`pointercancel`,R,!0),()=>{s.cancelAnimationFrame(E),s.cancelAnimationFrame(y),ae(),s.clearTimeout(D),s.clearTimeout(_),t.current.settings.persistOnReload&&d.saveWorkspace(t.serializeWorkspace()),S?.(),C(),d.setErrorHandler?.(void 0),s.removeEventListener(`keydown`,w),s.removeEventListener(`keyup`,T),s.removeEventListener(`scroll`,I,!0),s.removeEventListener(`resize`,P,!0),s.removeEventListener(`pointermove`,L,!0),s.removeEventListener(`pointerup`,R,!0),s.removeEventListener(`pointercancel`,R,!0),a(),m?.destroy(),m=null,N.dispose(),A.dispose(),r.onBuiltinController?.(null)}}),Y(Zo,{get mount(){return n.portalMount},get children(){var n=X(`div`,{class:`mesurer-solid-root`,"data-mesurer-root":`true`});return ic(()=>e=>{p=e,t.rendererRoot=e},n),Q(n,Y(K,{get when(){return J(()=>!!t.state.enabled)()?t.state.rulersVisible:t.state.enabled},get children(){return Y(Sh,{ownerWindow:s,get settings(){return t.state.settings.rulerSettings},get interactive(){return!t.state.settingsOpen},get forceVisible(){return t.state.settingsOpen},get guides(){return t.state.guides},get selectedGuideIds(){return t.state.selectedGuideIds},onStartGuide:ge,onMoveGuide:_e,onFinishGuide:ve,onCancelGuide:ye})}}),null),Q(n,Y(_h,{model:t,get displayedSelectedMeasurements(){return L()},get activeRect(){return F()},get optionPairOverlay(){return H()},get guideDistanceOverlay(){return W()},get optionContainerLines(){return U()},get hoverGuide(){return z()},get responsiveOpen(){return r.responsiveOpen},get selectionSpacingStyle(){return e.selectionSpacingStyle},get interactive(){return J(()=>!!t.state.enabled)()?!t.state.settingsOpen:t.state.enabled},editSelectionHover:()=>r.editSelectionHover?.()??!1,onPointerDown:e=>{r.responsiveOpen||ce(e)},onPointerMove:e=>{r.responsiveOpen||le(e)},onPointerUp:e=>{r.responsiveOpen||de(e)},onPointerLeave:()=>{r.responsiveOpen||fe()},onGuidePointerDown:pe,onGuidePointerUp:me}),null),Q(n,Y(Cl,{model:t,ownerWindow:s,onHostPick:e=>{A.pickColorAt(e)},get responsiveOpen(){return r.responsiveOpen===!0}}),null),Q(n,Y(uv,{model:t,ownerWindow:s,onBuiltinAction:M,get pluginTools(){return r.pluginTools},get onPluginTool(){return r.onPluginTool},get onPluginToolMenuItem(){return r.onPluginToolMenuItem},isBuiltinActionDisabled:j,get responsiveOpen(){return r.responsiveOpen},onClearWorkspace:be,get selectionSpacingStyle(){return e.selectionSpacingStyle},onSelectionSpacingStyleChange:i,onResetSettings:()=>{t.resetSettings(),a(),h?.clearSettings()},get initialPosition(){return Rh(s,Hy(s,u))},onPositionChange:e=>Uy(s,u,e),motion:{element:ee}}),null),Q(n,Y(K,{get when(){return r.responsiveOpen},get children(){return Y(of,{ownerDocument:o,ownerWindow:s,host:p,onClose:()=>r.onResponsiveClose?.(),onChromePointerMove:()=>{ie(),m?.clearResponsivePreview(),t.setHoverTarget(null,null),t.setTransient({hoverPointer:null})},onPreviewRemove:()=>{ie(),m?.clearResponsivePreview(),t.setHoverTarget(null,null),t.setTransient({hoverPointer:null}),A.clearSelection()},get shortcutsEnabled(){return r.responsiveShortcutsEnabled?.()??!0},guidesActive:()=>t.current.toolMode===`guides`,guideOrientation:()=>t.current.guideOrientation,altPressed:()=>t.current.altPressed,guideColor:()=>t.current.settings.guideColor,guideStyle:()=>t.current.settings.guideStyle,snapGuidesEnabled:()=>t.current.settings.snapGuidesEnabled})}}),null),q(()=>t.state.settings.theme,(e,t)=>{$(n,`data-theme`,e,t)}),n}})}function Jy(e){let t=en(()=>({...Tf,...e.selectionSpacingStyle})),[n,r]=G({...t}),i=e=>r(t=>({...t,...e})),a=()=>r({...t}),o=ey({initialEnabled:!0,initialToolMode:`none`,settings:en(()=>({highlightColor:e.highlightColor??`oklch(0.62 0.18 255)`,guideColor:e.guideColor??`oklch(0.63 0.26 29.23)`,hoverHighlightEnabled:e.hoverHighlightEnabled??!0,persistOnReload:e.persistOnReload??!1,shortcutsEnabled:e.shortcutsEnabled??!0,theme:e.theme??`system`,toolbarDock:`free`,toolbarAutoHide:!1,colorPickerFormats:e.colorPickerFormats??[`hex`,`rgb`,`oklch`],colorPickerClickFormat:e.colorPickerClickFormat??`hex`,snapEnabled:e.snapEnabled??!0,snapGuidesEnabled:e.snapGuidesEnabled??!0,selectNewGuideEnabled:e.selectNewGuideEnabled??!0,multiMeasureEnabled:e.multiMeasureEnabled??!1,layoutDetailsEnabled:!0,infoCardMode:`click`,guideStyle:{...wf,...e.guideStyle},rulerSettings:{...Ef,...e.rulerSettings}}))}),[s,c]=G(null);return Nn(()=>{let t=e.portalTarget??document.body,n=t.ownerDocument??document,r=n.defaultView??window,i,a=!1;return t instanceof r.ShadowRoot?(i=n.createElement(`div`),i.dataset.mesurerPortal=`true`,t.append(i),a=!0):i=t,c({ownerDocument:n,ownerWindow:r,portalTarget:t,portalMount:i,ownedPortalMount:a}),()=>{a&&i.remove()}}),Y(K,{get when(){return s()},children:t=>Y(qy,{model:o,get env(){return t()},input:e,get selectionSpacingStyle(){return n()},onSelectionSpacingStyleChange:i,onResetSelectionSpacingStyle:a})})}var Yy=`mesurer.presentation.preferences`,Xy=`presentation`,Zy={keepTextChanges:!1,keepArrangeChanges:!1},Qy=e=>e.state.get(`mesurer.presentation.preferences`)??Zy,$y=(e,t)=>{e.state.update(Yy,e=>({...e,...t}))},eb=e=>{e.state.register({id:Yy,initial:{...Zy},persist:!0}),e.settings.register({id:Xy,label:`Changes`,order:20,controls:[{type:`toggle`,id:`keep-text-changes`,label:`Keep text changes`,description:`Keep saved Typography text and style changes visible while another tool is active.`,value:()=>Qy(e).keepTextChanges,set:t=>$y(e,{keepTextChanges:t})},{type:`toggle`,id:`keep-arrange-changes`,label:`Keep Edit changes`,description:`Keep saved Edit positions visible while another mode is active.`,value:()=>Qy(e).keepArrangeChanges,set:t=>$y(e,{keepArrangeChanges:t})}]})},tb=`mesurer.arrange`,nb=`arrange`,rb=`mesurer.arrange.intents`,ib=`mesurer.arrange.active`,ab=`mesurer.arrange.settings`,ob=`runtime:solid`,sb=`builtin.select`,cb=`arrange.toggle`,lb=`arrange.commit`,ub=`arrange.clear`,db=`arrange.reset-selection`,fb=`arrange.reset-all`,pb=`mesurer.arrange.selection-available`,mb=1,hb=24,gb=160,_b=500,vb=`#ef4444`,yb=24,bb=6,xb=30,Sb=.5,Cb=4,wb=`[data-mesurer-text-editor='true']`,Tb={viewBox:`0 0 24 24`,paths:[`M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z`]},Eb=(e,t)=>({left:e.left+t.x,top:e.top+t.y,width:e.width,height:e.height}),Db=(e,t)=>({left:e.left-t.left,top:e.top-t.top,width:e.width-t.width,height:e.height-t.height}),Ob=e=>{if(!e.length)return null;let t=Math.min(...e.map(e=>e.left)),n=Math.min(...e.map(e=>e.top)),r=Math.max(...e.map(e=>e.left+e.width)),i=Math.max(...e.map(e=>e.top+e.height));return{left:t,top:n,width:r-t,height:i-n}},kb=(e,t,n,r)=>Math.max(0,Math.max(e,n)-Math.min(t,r)),Ab=(e,t,n)=>{let r=t===`x`?e.left:e.top,i=t===`x`?e.width:e.height,a=r+i;return n===`edge`?[r,a]:n===`center`?[r+i/2]:[r,r+i/2,a]},jb=(e,t)=>t===`x`?{start:e.top,end:e.top+e.height}:{start:e.left,end:e.left+e.width},Mb=e=>e.kind===`edge`?2:+(e.kind===`guide`),Nb=(e,t,n)=>{let r=jb(t,e),i=null;for(let a of n)if(a.axis===e&&!(a.source===`element`&&kb(r.start,r.end,a.start,a.end)>gb))for(let n of Ab(t,e,a.kind)){let e=a.position-n,t=Math.abs(e);if(t>10)continue;let r=i?Math.abs(i.delta):1/0;(t<r||t===r&&(!i||Mb(a)>Mb(i)))&&(i={...a,delta:e})}return i},Pb=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Fb=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Ib=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:[...e.fingerprintClasses],text:e.fingerprintText}),Lb=e=>({id:e.id,selector:e.selector,fingerprint:Ib(e),before:{left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight},desired:{left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight},beforeOffset:{x:e.beforeOffsetX,y:e.beforeOffsetY},desiredOffset:{x:e.desiredOffsetX,y:e.desiredOffsetY}}),Rb=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,targets:e.targets.map(Lb)}),zb=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),Bb=e=>zb(e,`transform`),Vb=(e,t)=>e.value===t.value&&e.priority===t.priority,Hb=Vb,Ub=e=>{let{element:t,beforeTransform:n,appliedTransform:r}=e;Hb(Bb(t),r)&&(n.value||n.priority?t.style.setProperty(`transform`,n.value,n.priority):t.style.removeProperty(`transform`))},Wb=e=>e instanceof Element&&!!e.closest(`input, textarea, select, [contenteditable='true'], [contenteditable='']`),Gb=()=>wc({id:tb,version:`0.1.0`,requires:[ob,`tool:select`],provides:[`tool:arrange`,`intent:arrange`,`agent:arrange`,`settings:arrange`],setup(e){let t=e.service.get(ob);if(!t)throw Error(`Edit movement plugin requires the Solid renderer runtime.`);let{ownerDocument:n,ownerWindow:r}=t,i=t.createWorkspaceRuntime(),a=t.createInspectorMount(),o=t.pageTarget??n.body??n.documentElement,s=t.portalTarget,c=r;e.state.register({id:rb,initial:{intents:[]},history:!0,persist:!0}),e.state.register({id:ib,initial:!1}),e.state.register({id:ab,initial:{snapping:!0,elementEdges:!0,elementCenters:!0,guides:!0,preferXrayEdges:!0,snapLines:!0},persist:!0});let l=a.element;l.dataset.mesurerArrange=`true`,l.style.position=`fixed`,l.style.inset=`0`,l.style.zIndex=`84`,l.style.pointerEvents=`none`;let u=n.createElement(`div`);u.dataset.mesurerArrangeSnapLine=`vertical`,u.setAttribute(`aria-hidden`,`true`),u.style.position=`fixed`,u.style.display=`none`,u.style.width=`1px`,u.style.backgroundColor=vb,u.style.pointerEvents=`none`;let d=n.createElement(`div`);d.dataset.mesurerArrangeSnapLine=`horizontal`,d.setAttribute(`aria-hidden`,`true`),d.style.position=`fixed`,d.style.display=`none`,d.style.height=`1px`,d.style.backgroundColor=vb,d.style.pointerEvents=`none`;let f=n.createElement(`div`);f.dataset.mesurerArrangeBox=`true`,f.setAttribute(`role`,`application`),f.setAttribute(`aria-label`,`Edit selected elements`),f.style.position=`fixed`,f.style.display=`none`,f.style.boxSizing=`border-box`,f.style.border=`1px solid #0d99ff`,f.style.cursor=`grab`,f.style.pointerEvents=`auto`,f.style.touchAction=`none`,f.style.userSelect=`none`,l.append(u,d,f);let p=new Map,m=n.createElement(`style`);m.dataset.mesurerArrangeNativePaintGuard=`true`,m.textContent=`
+`,Ny=new WeakMap,Py=e=>{let t=Ny.get(e);if(t)return t;let n=e.createElement(`style`);n.dataset.mesurerXrayStyle=`true`,n.textContent=My(`.${Ay}`);let r={activeInstances:new Set,style:n};return Ny.set(e,r),r},Fy=(e,t,n)=>{let r=Py(e);n?r.activeInstances.add(t):r.activeInstances.delete(t);let i=e.body??e.documentElement,a=r.activeInstances.size>0;i?.classList.toggle(Ay,a),a?r.style.isConnected||e.head?.append(r.style):r.style.remove()};function Iy(e){let{ownerDocument:t,target:n,instanceId:r}=e,i=t.defaultView??window,a=n instanceof i.ShadowRoot,o=!a&&(n===t.body||n===t.documentElement),s=jy(r),c=t.createElement(`style`);c.dataset.mesurerXrayStyle=`true`,c.textContent=My(a?`:host`:`.${s}`);let l=a?null:n.getRootNode(),u=l instanceof i.ShadowRoot?l:t.head,d=new Set,f=new Map,p=!1,m=!1,h=e=>{let t=f.get(e);t&&(e.removeEventListener(`load`,t.load,!0),t.observer?.disconnect(),f.delete(e))},g=()=>{let e=p?new Set(pv(m?t:n,{includeResponsiveFrames:m}).filter(e=>!m||mv(e))):new Set;for(let t of d)e.has(t)||Fy(t,r,!1);for(let t of e)Fy(t,r,!0);d.clear();for(let t of e){if(d.add(t),f.has(t))continue;let e=()=>g(),n=t.defaultView?.MutationObserver,r=n&&t.body?new n(()=>g()):null;t.addEventListener(`load`,e,!0),r?.observe(t.body,{childList:!0,subtree:!0}),f.set(t,{load:e,observer:r})}for(let t of f.keys())e.has(t)||h(t)},_=e=>{if(p!==e){if(p=e,o||m){g();return}if(a){e&&!c.isConnected?n.append(c):e||c.remove();return}n.classList.toggle(s,e),e&&!c.isConnected&&u?.append(c),e||c.remove()}};return{setVisible:_,setResponsiveOnly:e=>{if(m!==e&&(m=e,p)){if(o){g();return}if(m){a||n.classList.remove(s),c.remove(),g();return}for(let e of d)Fy(e,r,!1);d.clear();for(let e of f.keys())h(e);a?c.isConnected||n.append(c):n.classList.add(s),c.isConnected||u?.append(c)}},sync:g,dispose(){p&&_(!1);for(let e of f.keys())h(e);for(let e of d)Fy(e,r,!1);d.clear(),c.remove()}}}var Ly=0,Ry=`mesurer:tab-id`,zy=`mesurer-settings`,By=`mesurer-state`,Vy=80,Hy=(e,t)=>{try{let n=e.sessionStorage.getItem(`${t}:toolbar-position`);if(!n)return;let r=JSON.parse(n);return!Number.isFinite(r.x)||!Number.isFinite(r.y)?void 0:{x:r.x,y:r.y,edge:r.edge===`top`||r.edge===`bottom`||r.edge===`left`||r.edge===`right`?r.edge:null,align:r.align===`start`||r.align===`end`?r.align:`center`,vertical:r.vertical===!0}}catch{return}},Uy=(e,t,n)=>{try{e.sessionStorage.setItem(`${t}:toolbar-position`,JSON.stringify(n))}catch{}},Wy=e=>{try{let t=e.sessionStorage.getItem(Ry);if(t)return t;let n=e.crypto.randomUUID();return e.sessionStorage.setItem(Ry,n),n}catch{return`session`}},Gy=(e,t)=>{let n=t=>t!==void 0&&e.document.defaultView?.CSS?.supports(`color`,t)===!0,r={...t};if(n(t.highlightColor)||(r.highlightColor=void 0),n(t.guideColor)||(r.guideColor=void 0),t.selectionSpacingStyle){let e={...t.selectionSpacingStyle};e.color!==void 0&&!n(e.color)&&(e.color=void 0),r.selectionSpacingStyle=e}return r},Ky=(e,t)=>{if(e.length<=1)return null;let n=1/0,r=1/0,i=-1/0,a=-1/0,o=1/0,s=1/0,c=-1/0,l=-1/0,u=e[0].sourceDocument,d=!!(u&&e.every(e=>e.sourceDocument===u));for(let t of e)if(n=Math.min(n,t.rect.left),r=Math.min(r,t.rect.top),i=Math.max(i,t.rect.left+t.rect.width),a=Math.max(a,t.rect.top+t.rect.height),d){let e=t.cssRect??t.rect;o=Math.min(o,e.left),s=Math.min(s,e.top),c=Math.max(c,e.left+e.width),l=Math.max(l,e.top+e.height)}let f={left:n,top:r,width:i-n,height:a-r},p=d?{left:o,top:s,width:c-o,height:l-s}:void 0;return{...e[e.length-1],id:`group-${e.map(e=>e.id).join(`|`)}`,label:`${e.length} elements`,rect:f,cssRect:p,sourceDocument:d?u:void 0,paddingRect:f,marginRect:f,padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},elementRef:void 0,originRect:t??void 0}};function qy(e){let t=en(()=>e.model),n=en(()=>e.env),r=en(()=>e.input),i=en(()=>e.onSelectionSpacingStyleChange),a=en(()=>e.onResetSelectionSpacingStyle),{ownerDocument:o,ownerWindow:s}=n,c=r.pageTarget??o.body,l=++Ly,u=r.persistKey??`mesurer-state:${Wy(s)}${l===1?``:`:${l}`}`,d={key:``,entries:[],overlayNode:null,frame:-1},f=null,p=null,m=null,h=null,g=!1,_=0,v=!1,y=0,b=null,x=null,S=null,C=null,w=null,T=null,E=!1,D=0,O=null,k={x:s.scrollX,y:s.scrollY},A=uy({model:t,ownerWindow:s,ownerDocument:o,uiRoot:()=>p}),j=e=>r.isBuiltinActionDisabled?.(e)??!1,M=(e,n=!1)=>{if(!j(e)){if(e===`responsive`){r.onResponsiveToggle?.();return}e===`rulers`&&r.responsiveOpen&&r.onResponsiveClose?.(),f=null,e===`color-picker`&&n&&t.current.colorPickerActive&&A.deactivate(`color-picker`),A.run(e)}},N=Iy({ownerDocument:o,target:r.pageTarget??o.body,instanceId:l}),P=!1;r.onBuiltinController?.(A);let F=lo(()=>{let e=t.state.start,n=t.state.end;return e&&n?Cu(e,n):null}),I=lo(()=>Ky(t.state.selectedMeasurements,t.state.selectionOriginRect)),L=lo(()=>r.responsiveOpen&&t.state.selectedMeasurements.length>1?t.state.selectedMeasurements:I()?[I()]:t.state.selectedMeasurements.length?t.state.selectedMeasurements:t.state.selectedMeasurement?[t.state.selectedMeasurement]:[]),R=lo(()=>_v(t.state.guides,t.state.selectedGuideIds)),z=lo(()=>gv(t.state.hoverPointer,t.state.guides)),B=lo(()=>I()??t.state.selectedMeasurement??t.state.selectedMeasurements.at(-1)??null),V=()=>(r.pluginTools??[]).some(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`&&(e.active?.()??!1)),ee=lo(()=>{if(V())return null;let e=B()?.elementRef??null;return e?.isConnected?e:null}),H=lo(()=>vv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),selectedGuide:R(),hoverGuide:z(),hoverElement:t.state.hoverElement,selectedElementRef:B()?.elementRef??null})),U=lo(()=>yv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),optionPairOverlay:H(),selectedGuideIds:t.state.selectedGuideIds,selectedElement:B()?.elementRef??null,hoverElement:t.state.hoverElement})),W=lo(()=>{if(!t.state.altPressed||t.state.toolMode!==`guides`)return null;let e=R(),n=z();if(e&&n&&e.id!==n.id)return ud(id(e,s),id(n,s),null,null,s);let r=t.state.guidePreview;if(!r)return null;let i=t.state.guides.filter(e=>e.orientation===r.orientation).sort((e,t)=>Math.abs(e.position-r.position)-Math.abs(t.position-r.position))[0];return i?ud(id({id:`preview`,...r},s),id(i,s),null,null,s):null}),te=()=>!!(o.querySelector(`[data-mesurer-text-editor='true']`)||p?.querySelector(`[data-mesurer-text-editor='true']`)),ne=e=>{if(r.editSelectionHover&&te()){t.setHoverTarget(null,null);return}let n=x??o,i=n===o?kv(e,p,o,c):kv(S??e,null,n,n.body);if(!i){t.setHoverTarget(null,null);return}t.setHoverTarget(i,t.current.settings.hoverHighlightEnabled?qu(i):null)},re=e=>{b=e,!y&&(y=s.requestAnimationFrame(()=>{y=0;let e=b;e&&(t.current.toolMode===`select`&&!t.current.draggingGuideId&&ne(e),t.setTransient({hoverPointer:t.current.guides.length?e:null}),t.current.toolMode===`guides`&&!t.current.draggingGuideId&&t.setTransient({guidePreview:{orientation:t.current.guideOrientation,position:od({orientation:t.current.guideOrientation,point:e,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:null,document:o})}}))}))},ie=()=>{y&&s.cancelAnimationFrame(y),y=0,b=null,x=null,S=null},ae=()=>{D&&s.clearTimeout(D),D=0,O=null},oe=e=>{ae(),O=e,D=s.setTimeout(()=>{D=0,O===e&&t.setTransient({draggingGuideId:e})},220)},se=()=>{t.setTransient({start:null,end:null,isDragging:!1,draggingGuideId:null,guidePreview:null}),T=null,E=!1,d.key=``,t.endAction()},ce=e=>{if(C=e.sourceDocument??null,w=e.sourcePoint??null,t.current.settingsOpen||!t.current.enabled||e.button!==0||t.current.toolMode===`none`)return;let n={x:e.clientX,y:e.clientY},r=t.beginAction();if(t.current.altPressed&&H()){e.preventDefault(),r(),t.addHeldDistance({...H(),id:Ku()}),t.endAction();return}if(t.current.toolMode===`guides`){e.preventDefault(),r();let i=Ku(),a=od({orientation:t.current.guideOrientation,point:n,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:null,document:o});t.addGuide({id:i,orientation:t.current.guideOrientation,position:a}),t.setSelectedGuideIds(t.current.settings.selectNewGuideEnabled?[i]:[]),t.setTransient({guidePreview:null}),oe(i),Il(e.currentTarget,e.pointerId);return}t.current.selectedGuideIds.length>0&&(r(),t.setSelectedGuideIds([])),E=e.shiftKey,T=e.shiftKey?Jv({point:n,selectedMeasurements:t.current.selectedMeasurements,overlayNode:p,document:o,exact:!0})?.elementRef??null:null,t.setTransient({start:n,end:n,isDragging:!1,selectionOriginRect:null}),(!e.sourceDocument||e.sourceDocument===o)&&Il(e.currentTarget,e.pointerId)},le=e=>{if(!t.current.enabled||t.current.settingsOpen)return;let n={x:e.clientX,y:e.clientY};if(x=e.sourceDocument??null,S=e.sourcePoint??null,e.altKey!==t.current.altPressed&&t.setTransient({altPressed:e.altKey}),re(n),t.current.draggingGuideId){let e=t.current.guides.find(e=>e.id===t.current.draggingGuideId);if(e){let r=od({orientation:e.orientation,point:n,snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:e.id,document:o});t.updateGuide(e.id,{position:r})}return}if(t.current.toolMode===`guides`)return;let r=t.current.start;if(!r)return;let i=E?12:4,a=t.current.isDragging||Math.abs(n.x-r.x)>i||Math.abs(n.y-r.y)>i;t.setTransient({end:n,isDragging:a})},ue=e=>e.flatMap(e=>{let t=e.elementRef;return t?.isConnected?[{...nd(t,s),id:e.id,originRect:e.originRect}]:[]}),de=e=>{if(!t.current.enabled)return;if(t.current.toolMode===`guides`){ae(),e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId),se();return}if(t.current.toolMode!==`select`){se();return}let n=t.current.start;if(!n){se();return}let i={x:e.clientX,y:e.clientY},a=e.sourceDocument??C??o,l=e.sourcePoint??w??i,u=a===o?p:null,m=a===o?c:a.body;if(t.current.isDragging){f=null;let l=Cu(n,i),u=Gv(l,p,d,o,r.responsiveOpen?o.body:c,r.responsiveOpen?e=>{let t=C??a;return mv(e.ownerDocument)&&pv(t).includes(e.ownerDocument)}:void 0),m=C??a,h=(p?.querySelector(`[data-mesurer-responsive-stage]`)?u.filter(e=>mv(e.ownerDocument)&&(e.ownerDocument===m||pv(m).includes(e.ownerDocument))):u).map(e=>({...nd(e,s),originRect:l})),g=h;if(e.shiftKey){let e=new Map;for(let n of[...t.current.selectedMeasurements,...h])n.elementRef&&e.set(n.elementRef,n);g=[...e.values()]}t.checkpoint();let _=ue(g);t.setSelectedMeasurements(_,_.at(-1)??null),t.setTransient({selectionOriginRect:l}),se();return}let h=T?t.current.selectedMeasurements.find(e=>e.elementRef===T)??null:Jv({point:i,selectedMeasurements:t.current.selectedMeasurements,overlayNode:p,document:o,exact:e.shiftKey});if((e.shiftKey||!t.current.settings.hoverHighlightEnabled)&&h){f=null,t.checkpoint();let e=ue(t.current.selectedMeasurements.filter(e=>e.elementRef!==h.elementRef));t.setSelectedMeasurements(e,e.at(-1)??null),se();return}let g;if(e.shiftKey)f=null,g=kv(l,u,a,m)??Fv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&mv(a)?i:l);else if(r.editSelectionHover?.())f=null,g=Fv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&mv(a)?i:l);else{let e=Iv(l,u,t.current.settings.snapEnabled,a,m,f,r.responsiveOpen&&mv(a)?i:l);g=e.target,f=e.cycle}if(g){let n=nd(g,s);if(t.checkpoint(),e.shiftKey||t.current.settings.multiMeasureEnabled){let e=t.current.selectedMeasurements.some(e=>e.elementRef===g)?t.current.selectedMeasurements.filter(e=>e.elementRef!==g):[...t.current.selectedMeasurements,n],r=ue(e);t.setSelectedMeasurements(r,r.at(-1)??null)}else t.setSelectedMeasurements([n],n);let r={id:n.id,rect:n.rect,normalizedRect:xu(n.rect),elementRef:n.elementRef,deltaX:0,deltaY:0};t.setActiveMeasurement(r)}else e.shiftKey||(t.checkpoint(),t.setSelectedMeasurements([],null));se()},fe=()=>{ae(),t.current.draggingGuideId||se(),t.setTransient({guidePreview:null})},pe=(e,n)=>{if(!(!t.current.enabled||n.button!==0||t.current.settingsOpen)){if(n.preventDefault(),n.stopPropagation(),t.checkpoint(),n.shiftKey){let n=t.current.selectedGuideIds.includes(e.id)?t.current.selectedGuideIds.filter(t=>t!==e.id):[...t.current.selectedGuideIds,e.id];t.setSelectedGuideIds(n);return}t.setSelectedGuideIds([e.id]),t.setTransient({draggingGuideId:e.id}),Il(n.currentTarget,n.pointerId)}},me=(e,n)=>{n.stopPropagation(),t.setTransient({draggingGuideId:null}),n.currentTarget.hasPointerCapture?.(n.pointerId)&&n.currentTarget.releasePointerCapture?.(n.pointerId)},he=(e,n,r=null)=>od({orientation:e,point:e===`vertical`?{x:n,y:0}:{x:0,y:n},snapGuidesEnabled:t.current.settings.snapGuidesEnabled,overlayNode:p,guides:t.current.guides,draggingGuideId:r,document:o}),ge=(e,n)=>{t.checkpoint();let r=Ku();return t.addGuide({id:r,orientation:e,position:he(e,n)}),t.setSelectedGuideIds([]),r},_e=(e,n)=>{let r=t.current.guides.find(t=>t.id===e);r&&t.updateGuide(e,{position:he(r.orientation,n,e)})},ve=e=>{t.current.settings.selectNewGuideEnabled&&t.setSelectedGuideIds([e])},ye=e=>t.setGuides(t.current.guides.filter(t=>t.id!==e)),be=()=>{t.clearWorkspace(),m?.clear(),h?.clearWorkspace()};mo(()=>[t.state.toolMode,t.state.enabled],([e,t])=>{m&&(e===`text-inspector`&&t?m.enable():m.disable())}),mo(()=>t.state.xrayVisible,e=>N.setVisible(e)),mo(()=>r.responsiveOpen===!0,e=>{N.setResponsiveOnly(e),e&&t.current.toolMode===`text-inspector`&&m?.clearResponsivePreview();let n=!e&&P;P=e,n&&(ie(),m?.clearResponsivePreview(),t.setSelectedMeasurements([],null),t.setActiveMeasurement(null),t.setSelectedGuideIds([]),t.setHoverTarget(null,null),t.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null,hoverPointer:null,guidePreview:null}),f=null)}),mo(()=>[r.responsiveOpen===!0&&t.state.toolMode===`guides`,t.state.altPressed,t.state.guideOrientation,t.state.settings.guideColor,JSON.stringify(t.state.settings.guideStyle)],([e,t])=>{s.dispatchEvent(new CustomEvent(`mesurer:responsive-guide-mode`,{detail:e})),s.dispatchEvent(new CustomEvent(`mesurer:responsive-guide-alt`,{detail:t}))}),mo(()=>[t.state.settings.highlightColor,t.state.settings.guideColor,t.state.settings.hoverHighlightEnabled,t.state.settings.persistOnReload,t.state.settings.shortcutsEnabled,t.state.settings.theme,t.state.settings.colorPickerClickFormat,t.state.settings.snapEnabled,t.state.settings.snapGuidesEnabled,t.state.settings.selectNewGuideEnabled,t.state.settings.multiMeasureEnabled,t.state.settings.colorPickerFormats.join(`|`),t.state.settings.layoutDetailsEnabled,t.state.settings.infoCardMode,JSON.stringify(t.state.settings.guideStyle),JSON.stringify(t.state.settings.rulerSettings),JSON.stringify(e.selectionSpacingStyle)],()=>{!g||!h||h.saveSettings({...t.serializeSettings(),selectionSpacingStyle:{...en(()=>e.selectionSpacingStyle)}})}),mo(()=>[t.state.enabled,t.state.toolMode,t.state.rulersVisible,t.state.xrayVisible,t.state.guideOrientation,t.state.settings.persistOnReload,t.state.guides.map(e=>`${e.id}:${e.orientation}:${e.position}`).join(`|`),t.state.selectedGuideIds.join(`|`),t.state.heldDistances.map(e=>e.id).join(`|`),t.state.measurements.map(e=>e.id).join(`|`),t.state.activeMeasurement?.id??``],()=>{!g||v||!h||!t.current.settings.persistOnReload||(s.clearTimeout(_),_=s.setTimeout(()=>h?.saveWorkspace(t.serializeWorkspace()),250))});let xe=()=>new Set(pv(r.responsiveOpen?p??c:c,{includeResponsiveFrames:r.responsiveOpen===!0}).filter(e=>e!==o&&(!r.responsiveOpen||mv(e)))),Se=()=>{let e=new Map,n=new Map,i=!1,a=(e,t)=>{let n=p?.querySelector(`[data-mesurer-interaction-overlay='true']`);if(!n)return null;let r=Hu({x:e.clientX,y:e.clientY},t,o);return r.x<0||r.y<0?null:{currentTarget:n,clientX:r.x,clientY:r.y,sourceDocument:t,sourcePoint:{x:e.clientX,y:e.clientY},button:e.button,buttons:e.buttons,pointerId:e.pointerId,shiftKey:e.shiftKey,altKey:e.altKey,preventDefault:()=>e.preventDefault(),stopPropagation:()=>e.stopPropagation()}},c=(e,n)=>{if(r.responsiveOpen&&!mv(n)||!t.current.enabled||t.current.settingsOpen)return;if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&mv(n)){if(e.type===`pointerdown`&&(e.preventDefault(),e.stopImmediatePropagation()),e.type===`pointermove`){let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t?m?.inspect(t):m?.clearHover()}else if(e.type===`pointerup`&&e.button===0){e.preventDefault(),e.stopImmediatePropagation();let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t&&m?.pin(t)}else(e.type===`pointerleave`||e.type===`pointercancel`)&&m?.clearHover();return}if(t.current.toolMode!==`select`)return;let i=a(e,n);if(i){if(r.responsiveOpen&&e.type===`pointerdown`&&s.dispatchEvent(new CustomEvent(`mesurer:responsive-frame-pointerdown`)),e.preventDefault(),e.stopImmediatePropagation(),e.type===`pointerdown`){if(r.responsiveOpen&&e.target&&`setPointerCapture`in e.target)try{e.target.setPointerCapture(e.pointerId)}catch{}ce(i)}else if(e.type===`pointermove`)le(i);else if(e.type===`pointerup`){if(de(i),r.responsiveOpen&&e.target&&`releasePointerCapture`in e.target)try{e.target.releasePointerCapture(e.pointerId)}catch{}C=null,w=null}else fe()}},l=(e,n)=>{if(!(!t.current.enabled||t.current.settingsOpen||e.detail===0)){if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&mv(n)){if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=kv({x:e.clientX,y:e.clientY},null,n,n.body);t&&`style`in t&&m?.pin(t)}return}t.current.toolMode===`select`&&(e.preventDefault(),e.stopImmediatePropagation())}},u=()=>{if(i)return;let t=xe();for(let r of t){if(e.has(r))continue;let t=r.defaultView?.PointerEvent,i=r.defaultView?.MouseEvent,a=e=>{t&&e instanceof t&&c(e,r)},o=[[`pointerdown`,a],[`pointermove`,a],[`pointerup`,a],[`pointercancel`,a],[`pointerleave`,a],[`click`,e=>{i&&e instanceof i&&l(e,r)}],[`load`,()=>u()]];for(let[e,t]of o)r.addEventListener(e,t,!0);e.set(r,o);let s=r.defaultView?.MutationObserver;if(s&&r.body){let e=new s(()=>u());e.observe(r.body,{childList:!0,subtree:!0}),n.set(r,e)}}for(let[r,i]of e)if(!t.has(r)){for(let[e,t]of i)r.removeEventListener(e,t,!0);e.delete(r),n.get(r)?.disconnect(),n.delete(r)}},d=()=>u(),f=()=>{u(),N.sync()},h=()=>{u(),N.sync()},g=o.defaultView?.MutationObserver??MutationObserver,_=o.body?new g(()=>u()):null;return o.addEventListener(`load`,d,!0),s.addEventListener(`mesurer:responsive-stage-change`,f),s.addEventListener(`mesurer:responsive-preview-ready`,h),_?.observe(o.body,{childList:!0,subtree:!0}),u(),s.requestAnimationFrame(u),()=>{i=!0,o.removeEventListener(`load`,d,!0),s.removeEventListener(`mesurer:responsive-stage-change`,f),s.removeEventListener(`mesurer:responsive-preview-ready`,h),_?.disconnect();for(let e of n.values())e.disconnect();for(let[t,n]of e)for(let[e,r]of n)t.removeEventListener(e,r,!0);n.clear(),e.clear()}};return Nn(()=>{Sf(Cf,n.portalTarget);let e=!!(o.body&&n.portalTarget instanceof s.ShadowRoot&&!(c instanceof s.ShadowRoot)&&c.getRootNode()===o&&s.CSS?.supports(`anchor-name: --mesurer-native-anchor`)&&s.CSS.supports(`position-anchor: --mesurer-native-anchor`)&&s.CSS.supports(`left: anchor(left)`)),a=Se(),l=e?o.body:n.portalTarget;l!==n.portalTarget&&Sf(Cf,l),m=ky({portalTarget:l,getPortalTarget:()=>en(()=>r.responsiveOpen?n.portalTarget:l),projectRect:(e,t)=>{if(!mv(e.ownerDocument))return t;let n=qu(e);return new DOMRect(n.left,n.top,n.width,n.height)},suppressRootPointer:()=>r.responsiveOpen===!0,theme:()=>t.current.settings.theme,subscribeTheme:e=>{let n=t.current.settings.theme;return e(n),t.subscribe(()=>{let r=t.current.settings.theme;r!==n&&(n=r,e(r))})}});let d=r.persistence??$f(s,u,zy,r.persistKey?void 0:By);h=d,d.setErrorHandler?.(r.onPersistenceError);let p=Rl(s);d.setPageKey?.(p);let x=d.load();if(x?.settings){let e=Gy(s,x.settings);t.applyStoredSettings(e),e.selectionSpacingStyle&&i(e.selectionSpacingStyle)}(t.current.settings.persistOnReload||r.persistOnReload)&&x?.workspace&&t.applyStoredWorkspace(x.workspace),g=!0,t.current.toolMode===`text-inspector`&&t.current.enabled&&m.enable();let S=d.subscribe?.((e,n)=>{if(e){if(n?.settings!==!1){let n=Gy(s,e.settings);t.applyStoredSettings(n),n.selectionSpacingStyle&&i(n.selectionSpacingStyle)}n?.workspace!==!1&&e.workspace&&t.current.settings.persistOnReload&&t.applyStoredWorkspace(e.workspace)}}),C=Hl(s,e=>{if(e===p)return;v=!0,s.clearTimeout(_),_=0,t.current.settings.persistOnReload&&d.saveWorkspace(t.serializeWorkspace()),p=e,d.setPageKey?.(e);let n=d.load(),r={enabled:t.current.enabled,toolMode:t.current.toolMode,rulersVisible:t.current.rulersVisible,xrayVisible:t.current.xrayVisible,guideOrientation:t.current.guideOrientation};t.clearAll(!1),m?.clear(),t.current.settings.persistOnReload&&n?.workspace&&t.applyStoredWorkspace({...n.workspace,...r}),v=!1}),w=e=>{if(Pl(e,s))return;let n=e.key.toLowerCase(),i=e.metaKey||e.ctrlKey;if(n===`escape`){if(f=null,t.current.settingsOpen){t.setTransient({settingsOpen:!1});return}if(t.current.colorPickerActive){A.deactivate(`color-picker`);return}if(r.responsiveOpen){r.onResponsiveClose?.();return}if(t.current.toolMode===`select`){t.current.selectedMeasurements.length>0||t.current.selectedMeasurement!==null||t.current.selectionOriginRect!==null||t.current.selectedGuideIds.length>0?A.clearSelection():A.deactivate(`select`);return}t.current.toolMode===`text-inspector`&&m?.clear(),t.clearAll();return}if(t.current.settings.shortcutsEnabled){if(e.key===`Alt`){t.setTransient({altPressed:!0});return}if(i&&n===`,`){e.preventDefault(),M(`settings`);return}if(i&&n===`z`){if(e.preventDefault(),t.current.toolMode===`text-inspector`&&(e.shiftKey?m?.redo():m?.undo()))return;e.shiftKey?t.redo():t.undo();return}if((n===`delete`||n===`backspace`)&&r.responsiveOpen){s.dispatchEvent(new CustomEvent(`mesurer:responsive-delete-selected-guides`)),e.preventDefault();return}if((n===`delete`||n===`backspace`)&&t.current.selectedGuideIds.length){e.preventDefault(),t.removeGuides(t.current.selectedGuideIds);return}if(n===`m`){t.current.colorPickerActive&&A.deactivate(`color-picker`),t.toggleEnabled(!0);return}if(n===`s`){M(`select`);return}if(n===`a`){M(`text-inspector`);return}if(n===`g`){M(`guides`);return}if(n===`p`){M(`color-picker`,!0);return}if(n===`x`){M(`xray`);return}if(n===`r`){M(`rulers`);return}if(n===`h`){j(`guides`)||t.setGuideOrientation(`horizontal`,!0);return}n===`v`&&(j(`guides`)||t.setGuideOrientation(`vertical`,!0))}},T=e=>{e.key===`Alt`&&t.setTransient({altPressed:!1})};s.addEventListener(`keydown`,w),s.addEventListener(`keyup`,T);let E=0,D=0,O=()=>ff(o),P=()=>{E||=s.requestAnimationFrame(()=>{E=0;let e=t.current.selectedMeasurements.filter(e=>e.elementRef?.isConnected).map(e=>({...nd(e.elementRef,s),id:e.id,originRect:e.originRect}));if(e.length||t.current.selectedMeasurements.length){let n=t.current.selectedMeasurement?.id;t.setSelectedMeasurements(e,e.find(e=>e.id===n)??e.at(-1)??null)}let n=bu(s);t.current.measurements.length&&t.setMeasurements(t.current.measurements.map(e=>rd(e,n,o))),t.current.activeMeasurement&&t.setActiveMeasurement(rd(t.current.activeMeasurement,n,o)),t.current.heldDistances.length&&t.setHeldDistances(t.current.heldDistances.map(e=>Dd(e,n,o,s)));let r=t.current.hoverElement;if(!b&&r&&t.setHoverTarget(null,null),r?.isConnected&&b&&t.current.toolMode===`select`){let e=r.getBoundingClientRect();t.setHoverTarget(r,t.current.settings.hoverHighlightEnabled?{left:e.left,top:e.top,width:e.width,height:e.height}:null)}})},F=()=>{D&&s.clearTimeout(D),D=s.setTimeout(()=>{D=0,P()},Vy)},I=()=>{b=null;let e={x:s.scrollX,y:s.scrollY},n=e.x-k.x,r=e.y-k.y;k=e,(n||r)&&t.current.guides.length&&t.setGuides(t.current.guides.map(e=>({...e,position:e.position-(e.orientation===`vertical`?n:r)}))),O()?F():P()};s.addEventListener(`scroll`,I,{capture:!0,passive:!0}),s.addEventListener(`resize`,P,!0);let L=e=>{let n=t.current.draggingGuideId;if(!n)return;let r=t.current.guides.find(e=>e.id===n);r&&t.updateGuide(n,{position:he(r.orientation,r.orientation===`vertical`?e.clientX:e.clientY,n)})},R=()=>t.setTransient({draggingGuideId:null});return s.addEventListener(`pointermove`,L,!0),s.addEventListener(`pointerup`,R,!0),s.addEventListener(`pointercancel`,R,!0),()=>{s.cancelAnimationFrame(E),s.cancelAnimationFrame(y),ae(),s.clearTimeout(D),s.clearTimeout(_),t.current.settings.persistOnReload&&d.saveWorkspace(t.serializeWorkspace()),S?.(),C(),d.setErrorHandler?.(void 0),s.removeEventListener(`keydown`,w),s.removeEventListener(`keyup`,T),s.removeEventListener(`scroll`,I,!0),s.removeEventListener(`resize`,P,!0),s.removeEventListener(`pointermove`,L,!0),s.removeEventListener(`pointerup`,R,!0),s.removeEventListener(`pointercancel`,R,!0),a(),m?.destroy(),m=null,N.dispose(),A.dispose(),r.onBuiltinController?.(null)}}),Y(Zo,{get mount(){return n.portalMount},get children(){var n=X(`div`,{class:`mesurer-solid-root`,"data-mesurer-root":`true`});return ic(()=>e=>{p=e,t.rendererRoot=e},n),Q(n,Y(K,{get when(){return J(()=>!!t.state.enabled)()?t.state.rulersVisible:t.state.enabled},get children(){return Y(Sh,{ownerWindow:s,get settings(){return t.state.settings.rulerSettings},get interactive(){return!t.state.settingsOpen},get forceVisible(){return t.state.settingsOpen},get guides(){return t.state.guides},get selectedGuideIds(){return t.state.selectedGuideIds},onStartGuide:ge,onMoveGuide:_e,onFinishGuide:ve,onCancelGuide:ye})}}),null),Q(n,Y(_h,{model:t,get displayedSelectedMeasurements(){return L()},get activeRect(){return F()},get optionPairOverlay(){return H()},get guideDistanceOverlay(){return W()},get optionContainerLines(){return U()},get hoverGuide(){return z()},get responsiveOpen(){return r.responsiveOpen},get selectionSpacingStyle(){return e.selectionSpacingStyle},get interactive(){return J(()=>!!t.state.enabled)()?!t.state.settingsOpen:t.state.enabled},editSelectionHover:()=>r.editSelectionHover?.()??!1,onPointerDown:e=>{r.responsiveOpen||ce(e)},onPointerMove:e=>{r.responsiveOpen||le(e)},onPointerUp:e=>{r.responsiveOpen||de(e)},onPointerLeave:()=>{r.responsiveOpen||fe()},onGuidePointerDown:pe,onGuidePointerUp:me}),null),Q(n,Y(Cl,{model:t,ownerWindow:s,onHostPick:e=>{A.pickColorAt(e)},get responsiveOpen(){return r.responsiveOpen===!0}}),null),Q(n,Y(uv,{model:t,ownerWindow:s,onBuiltinAction:M,get pluginTools(){return r.pluginTools},get onPluginTool(){return r.onPluginTool},get onPluginToolMenuItem(){return r.onPluginToolMenuItem},isBuiltinActionDisabled:j,get responsiveOpen(){return r.responsiveOpen},onClearWorkspace:be,get selectionSpacingStyle(){return e.selectionSpacingStyle},onSelectionSpacingStyleChange:i,onResetSettings:()=>{t.resetSettings(),a(),h?.clearSettings()},get initialPosition(){return Rh(s,Hy(s,u))},onPositionChange:e=>Uy(s,u,e),motion:{element:ee}}),null),Q(n,Y(K,{get when(){return r.responsiveOpen},get children(){return Y(of,{ownerDocument:o,ownerWindow:s,host:p,onClose:()=>r.onResponsiveClose?.(),onChromePointerMove:()=>{ie(),m?.clearResponsivePreview(),t.setHoverTarget(null,null),t.setTransient({hoverPointer:null})},onPreviewRemove:()=>{ie(),m?.clearResponsivePreview(),t.setHoverTarget(null,null),t.setTransient({hoverPointer:null}),A.clearSelection()},get shortcutsEnabled(){return r.responsiveShortcutsEnabled?.()??!0},guidesActive:()=>t.current.toolMode===`guides`,guideOrientation:()=>t.current.guideOrientation,altPressed:()=>t.current.altPressed,guideColor:()=>t.current.settings.guideColor,guideStyle:()=>t.current.settings.guideStyle,snapGuidesEnabled:()=>t.current.settings.snapGuidesEnabled})}}),null),q(()=>t.state.settings.theme,(e,t)=>{$(n,`data-theme`,e,t)}),n}})}function Jy(e){let t=en(()=>({...Tf,...e.selectionSpacingStyle})),[n,r]=G({...t}),i=e=>r(t=>({...t,...e})),a=()=>r({...t}),o=ey({initialEnabled:!0,initialToolMode:`none`,settings:en(()=>({highlightColor:e.highlightColor??`oklch(0.62 0.18 255)`,guideColor:e.guideColor??`oklch(0.63 0.26 29.23)`,hoverHighlightEnabled:e.hoverHighlightEnabled??!0,persistOnReload:e.persistOnReload??!1,shortcutsEnabled:e.shortcutsEnabled??!0,theme:e.theme??`system`,toolbarDock:`free`,toolbarAutoHide:!1,colorPickerFormats:e.colorPickerFormats??[`hex`,`rgb`,`oklch`],colorPickerClickFormat:e.colorPickerClickFormat??`hex`,snapEnabled:e.snapEnabled??!0,snapGuidesEnabled:e.snapGuidesEnabled??!0,selectNewGuideEnabled:e.selectNewGuideEnabled??!0,multiMeasureEnabled:e.multiMeasureEnabled??!1,layoutDetailsEnabled:!0,infoCardMode:`click`,guideStyle:{...wf,...e.guideStyle},rulerSettings:{...Ef,...e.rulerSettings}}))}),[s,c]=G(null);return Nn(()=>{let t=e.portalTarget??document.body,n=t.ownerDocument??document,r=n.defaultView??window,i,a=!1;return t instanceof r.ShadowRoot?(i=n.createElement(`div`),i.dataset.mesurerPortal=`true`,t.append(i),a=!0):i=t,c({ownerDocument:n,ownerWindow:r,portalTarget:t,portalMount:i,ownedPortalMount:a}),()=>{a&&i.remove()}}),Y(K,{get when(){return s()},children:t=>Y(qy,{model:o,get env(){return t()},input:e,get selectionSpacingStyle(){return n()},onSelectionSpacingStyleChange:i,onResetSelectionSpacingStyle:a})})}var Yy=`mesurer.presentation.preferences`,Xy=`presentation`,Zy={keepTextChanges:!1,keepArrangeChanges:!1},Qy=e=>e.state.get(`mesurer.presentation.preferences`)??Zy,$y=(e,t)=>{e.state.update(Yy,e=>({...e,...t}))},eb=e=>{e.state.register({id:Yy,initial:{...Zy},persist:!0}),e.settings.register({id:Xy,label:`Changes`,order:20,controls:[{type:`toggle`,id:`keep-text-changes`,label:`Keep text changes`,description:`Keep saved Typography text and style changes visible while another tool is active.`,value:()=>Qy(e).keepTextChanges,set:t=>$y(e,{keepTextChanges:t})},{type:`toggle`,id:`keep-arrange-changes`,label:`Keep Edit changes`,description:`Keep saved Edit positions visible while another mode is active.`,value:()=>Qy(e).keepArrangeChanges,set:t=>$y(e,{keepArrangeChanges:t})}]})},tb=`mesurer.arrange`,nb=`arrange`,rb=`mesurer.arrange.intents`,ib=`mesurer.arrange.active`,ab=`mesurer.arrange.settings`,ob=`runtime:solid`,sb=`builtin.select`,cb=`arrange.toggle`,lb=`arrange.commit`,ub=`arrange.clear`,db=`arrange.reset-selection`,fb=`arrange.reset-all`,pb=`mesurer.arrange.selection-available`,mb=1,hb=24,gb=160,_b=500,vb=`#ef4444`,yb=24,bb=6,xb=30,Sb=.5,Cb=4,wb=`[data-mesurer-text-editor='true']`,Tb={viewBox:`0 0 24 24`,paths:[`M12 2.75 8.75 6h2.5v5.25H6V8.75L2.75 12 6 15.25v-2.5h5.25V18h-2.5L12 21.25 15.25 18h-2.5v-5.25H18v2.5L21.25 12 18 8.75v2.5h-5.25V6h2.5L12 2.75Z`]},Eb=(e,t)=>({left:e.left+t.x,top:e.top+t.y,width:e.width,height:e.height}),Db=(e,t)=>({left:e.left-t.left,top:e.top-t.top,width:e.width-t.width,height:e.height-t.height}),Ob=e=>{if(!e.length)return null;let t=Math.min(...e.map(e=>e.left)),n=Math.min(...e.map(e=>e.top)),r=Math.max(...e.map(e=>e.left+e.width)),i=Math.max(...e.map(e=>e.top+e.height));return{left:t,top:n,width:r-t,height:i-n}},kb=(e,t,n,r)=>Math.max(0,Math.max(e,n)-Math.min(t,r)),Ab=(e,t,n)=>{let r=t===`x`?e.left:e.top,i=t===`x`?e.width:e.height,a=r+i;return n===`edge`?[r,a]:n===`center`?[r+i/2]:[r,r+i/2,a]},jb=(e,t)=>t===`x`?{start:e.top,end:e.top+e.height}:{start:e.left,end:e.left+e.width},Mb=e=>e.kind===`edge`?2:+(e.kind===`guide`),Nb=(e,t,n)=>{let r=jb(t,e),i=null;for(let a of n)if(a.axis===e&&!(a.source===`element`&&kb(r.start,r.end,a.start,a.end)>gb))for(let n of Ab(t,e,a.kind)){let e=a.position-n,t=Math.abs(e);if(t>10)continue;let r=i?Math.abs(i.delta):1/0;(t<r||t===r&&(!i||Mb(a)>Mb(i)))&&(i={...a,delta:e})}return i},Pb=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Fb=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Ib=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:[...e.fingerprintClasses],text:e.fingerprintText}),Lb=e=>({id:e.id,selector:e.selector,fingerprint:Ib(e),before:{left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight},desired:{left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight},beforeOffset:{x:e.beforeOffsetX,y:e.beforeOffsetY},desiredOffset:{x:e.desiredOffsetX,y:e.desiredOffsetY}}),Rb=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,targets:e.targets.map(Lb)}),zb=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),Bb=e=>zb(e,`transform`),Vb=(e,t)=>e.value===t.value&&e.priority===t.priority,Hb=Vb,Ub=e=>{let{element:t,beforeTransform:n,appliedTransform:r}=e;Hb(Bb(t),r)&&(n.value||n.priority?t.style.setProperty(`transform`,n.value,n.priority):t.style.removeProperty(`transform`))},Wb=e=>e instanceof Element&&!!e.closest(`input, textarea, select, [contenteditable='true'], [contenteditable='']`),Gb=()=>wc({id:tb,version:`0.1.0`,requires:[ob,`tool:select`],provides:[`tool:arrange`,`intent:arrange`,`agent:arrange`,`settings:arrange`],setup(e){let t=e.service.get(ob);if(!t)throw Error(`Edit movement plugin requires the Solid renderer runtime.`);let{ownerDocument:n,ownerWindow:r}=t,i=t.createWorkspaceRuntime(),a=t.createInspectorMount(),o=t.pageTarget??n.body??n.documentElement,s=t.portalTarget,c=r;e.state.register({id:rb,initial:{intents:[]},history:!0,persist:!0}),e.state.register({id:ib,initial:!1}),e.state.register({id:ab,initial:{snapping:!0,elementEdges:!0,elementCenters:!0,guides:!0,preferXrayEdges:!0,snapLines:!0},persist:!0});let l=a.element;l.dataset.mesurerArrange=`true`,l.style.position=`fixed`,l.style.inset=`0`,l.style.zIndex=`84`,l.style.pointerEvents=`none`;let u=n.createElement(`div`);u.dataset.mesurerArrangeSnapLine=`vertical`,u.setAttribute(`aria-hidden`,`true`),u.style.position=`fixed`,u.style.display=`none`,u.style.width=`1px`,u.style.backgroundColor=vb,u.style.pointerEvents=`none`;let d=n.createElement(`div`);d.dataset.mesurerArrangeSnapLine=`horizontal`,d.setAttribute(`aria-hidden`,`true`),d.style.position=`fixed`,d.style.display=`none`,d.style.height=`1px`,d.style.backgroundColor=vb,d.style.pointerEvents=`none`;let f=n.createElement(`div`);f.dataset.mesurerArrangeBox=`true`,f.setAttribute(`role`,`application`),f.setAttribute(`aria-label`,`Edit selected elements`),f.style.position=`fixed`,f.style.display=`none`,f.style.boxSizing=`border-box`,f.style.border=`1px solid #0d99ff`,f.style.cursor=`grab`,f.style.pointerEvents=`auto`,f.style.touchAction=`none`,f.style.userSelect=`none`,l.append(u,d,f);let p=new Map,m=n.createElement(`style`);m.dataset.mesurerArrangeNativePaintGuard=`true`,m.textContent=`
 body:has([data-mesurer-text-editor="true"]) > [data-mesurer-arrange-native-stroke="true"],
 body:has([data-mesurer-text-editor="true"]) > [data-mesurer-multi-selection-document-layer="true"] {
   display: none !important;
@@ -2511,7 +2511,7 @@ body:has([data-mesurer-text-editor="true"]) [data-mesurer-hover-measurement="tru
   position: absolute !important;
   z-index: ${tT} !important;
 }
-`,t.head.append(s),i.append(a);let c=!1;return{element:a,dispose(){c||(c=!0,o(),s.remove(),a.remove())}}}var rT=e=>`color-mix(in srgb, ${e.color} ${e.opacity*100}%, transparent)`,iT=e=>e===`max`?`end`:e===`center`?`center`:`start`,aT=e=>{let t=e.kind===`columns`,n=e.align===`stretch`,r=n?`repeat(${e.count}, minmax(0, 1fr))`:`repeat(${e.count}, ${e.size}px)`,i=iT(e.align);return{position:`absolute`,inset:`0`,display:`grid`,...t?{"grid-template-columns":r,"column-gap":`${e.gutter}px`,"justify-content":n?void 0:i,"padding-left":n||e.align===`min`?`${e.offset}px`:`0`,"padding-right":n||e.align===`max`?`${e.offset}px`:`0`}:{"grid-template-rows":r,"row-gap":`${e.gutter}px`,"align-content":n?void 0:i,"padding-top":n||e.align===`min`?`${e.offset}px`:`0`,"padding-bottom":n||e.align===`max`?`${e.offset}px`:`0`},transform:e.align===`center`?t?`translateX(${e.offset}px)`:`translateY(${e.offset}px)`:void 0}};function oT(e){let t=()=>e.guides.filter(e=>e.visible);return Y(K,{get when(){return t().length>0},get children(){var e=X(`div`,{"data-mesurer-layout-guides":`true`,"data-mesurer-layer":`evidence`,class:`msr:pointer-events-none msr:absolute msr:inset-0 msr:overflow-hidden`,style:{"z-index":`2`},"aria-hidden":`true`});return Q(e,Y(_o,{get each(){return t()},children:e=>Y(K,{get when(){return e.kind===`grid`},get fallback(){var t=X(`div`,{class:`msr:pointer-events-none msr:absolute msr:inset-0`});return Q(t,Y(_o,{get each(){return Array.from({length:e.count})},children:()=>(()=>{var t=X(`div`,{"data-mesurer-layout-band":`true`});return q(()=>({"min-width":`0`,"min-height":`0`,width:`100%`,height:`100%`,"background-color":rT(e)}),(e,n)=>{$(t,`style`,e,n)}),t})()})),q(()=>({e:e.id,t:e.kind,a:aT(e)}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-layout-guide`,e,i?.e),n!==i?.t&&$(t,`data-mesurer-layout-guide-kind`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t},get children(){var t=X(`div`,{"data-mesurer-layout-guide-kind":`grid`,class:`msr:pointer-events-none msr:absolute msr:inset-0`});return q(()=>({e:e.id,t:{"background-image":`linear-gradient(to right, ${rT(e)} 1px, transparent 1px), linear-gradient(to bottom, ${rT(e)} 1px, transparent 1px)`,"background-size":`${e.size}px ${e.size}px`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`data-mesurer-layout-guide`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}})})),e}})}var sT=`#FF0000`,cT=.1,lT=new Set([`columns`,`rows`,`grid`]),uT=new Set([`stretch`,`min`,`center`,`max`]),dT=(e,t,n)=>Math.min(n,Math.max(t,e)),fT=(e,t)=>e!==void 0&&Number.isFinite(e)?e:t,pT=(e={})=>{let t=e.kind&&lT.has(e.kind)?e.kind:`columns`,n=e.align&&uT.has(e.align)?e.align:t===`grid`?`min`:`stretch`,r=e.id?.trim(),i=e.color?.trim();return{id:r||Ku(),kind:t,visible:e.visible??!0,color:i||`#FF0000`,opacity:dT(fT(e.opacity,cT),0,1),count:dT(Math.round(fT(e.count,5)),1,24),size:dT(fT(e.size,72),1,4096),gutter:dT(fT(e.gutter,20),0,800),offset:dT(fT(e.offset,0),0,4096),align:n}},mT=e=>(e??[]).map(pT),hT=e=>{if(e.kind===`grid`)return`Grid ${Math.round(e.size)}px`;let t=e.kind===`columns`?`columns`:`rows`;return e.align===`stretch`?`${e.count} ${t}`:`${e.count} ${t} (${Math.round(e.size)}px)`},gT=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,class:`msr:block`});return Z(t,X(`path`,{d:`m6 6 12 12M18 6 6 18`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})),q(()=>({e:e.size??14,t:e.size??14}),({e,t:n},r)=>{e!==r?.e&&$(t,`width`,e,r?.e),n!==r?.t&&$(t,`height`,n,r?.t)}),t})(),_T=e=>e.kind===`rows`?Y(nh,{size:14}):e.kind===`grid`?Y(eh,{size:14}):Y(th,{size:14}),vT=`msr:grid-cols-[78px_minmax(0,1fr)]`,yT=e=>(()=>{var t=X(`label`,{class:`msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700`}),n=X(`span`);return Z(t,n),Q(n,()=>e.label),Q(t,()=>e.children,null),t})(),bT=e=>(()=>{var t=X(`span`,{class:`msr:relative msr:block msr:w-full`}),n=X(`select`,{class:a_,onPointerDown:e=>e.stopPropagation(),onChange:t=>e.onChange(t.currentTarget.value)});return Z(t,n),Q(n,()=>e.children),Q(t,Y(o_,{}),null),q(()=>({e:e.label,t:e.value}),({e,t},r)=>{e!==r?.e&&$(n,`aria-label`,e,r?.e),t!==r?.t&&$(n,`value`,t,r?.t)}),t})(),xT=e=>{let[t,n]=G(!1),[r,i]=G(String(e.value)),a=()=>e.min??0,o=()=>e.max??9999,s=e=>Math.min(o(),Math.max(a(),e)),c=t=>{let n=Number(t.replace(/[^\d.-]/g,``));if(!Number.isFinite(n)){i(String(e.value));return}e.onChange(s(n))};return Y(s_,{get left(){var a=X(`input`,{type:`text`,inputmode:`numeric`,class:`msr:h-full msr:w-full msr:min-w-0 msr:border-0 msr:bg-transparent msr:px-2 msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,onFocus:()=>{i(String(e.value)),n(!0)},onBlur:()=>{c(r()),n(!1)},onInput:t=>{let n=t.currentTarget.value.replace(/[^\d.-]/g,``);i(n);let r=Number(n);Number.isFinite(r)&&e.onChange(s(r))},onKeyDown:t=>{if(t.key!==`ArrowUp`&&t.key!==`ArrowDown`)return;t.preventDefault();let n=Number(r()),a=Number.isFinite(n)?n:e.value,o=s(a+(t.key===`ArrowUp`?1:-1));i(String(o)),e.onChange(o)},onPointerDown:e=>e.stopPropagation()});return q(()=>({e:e.label,t:t()?r():String(e.value)}),({e,t},n)=>{e!==n?.e&&$(a,`aria-label`,e,n?.e),t!==n?.t&&$(a,`value`,t,n?.t)}),a}})},ST=e=>e===`rows`||e===`grid`?e:`columns`,CT=e=>e===`min`||e===`center`||e===`max`?e:`stretch`,wT=e=>{let t=lo(()=>e.guide.kind===`rows`?{stretch:`Stretch`,min:`Top`,center:`Center`,max:`Bottom`}:{stretch:`Stretch`,min:`Left`,center:`Center`,max:`Right`}),n=lo(()=>e.guide.kind===`rows`?`Height`:e.guide.kind===`grid`?`Size`:`Width`);var r=X(`div`,{class:`mesurer-thin-scrollbar msr:flex msr:min-h-0 msr:flex-1 msr:flex-col msr:gap-2 msr:overflow-y-auto msr:p-3`}),i=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2`}),a=X(`button`,{type:`button`,"aria-label":`Back to layout guides`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`});return Z(r,i),Z(i,a),Q(i,Y(bT,{label:`Layout guide type`,get value(){return e.guide.kind},onChange:t=>{let n=ST(t);e.onUpdate({kind:n,align:n===`grid`?`min`:e.guide.align===`stretch`||n===e.guide.kind?e.guide.align:`stretch`})},get children(){return[(()=>{var e=X(`option`,{value:`columns`});return Z(e,ec(`Columns`)),e})(),(()=>{var e=X(`option`,{value:`rows`});return Z(e,ec(`Rows`)),e})(),(()=>{var e=X(`option`,{value:`grid`});return Z(e,ec(`Grid`)),e})()]}}),a),Q(a,Y(gT,{})),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(yT,{label:`Count`,get children(){return Y(xT,{label:`Count`,get value(){return e.guide.count},min:1,max:24,onChange:t=>e.onUpdate({count:t})})}})}}),null),Q(r,Y(c_,{label:`Color`,columns:vT,get value(){return Nc({...jc(e.guide.color)??jc(`#FF0000`),alpha:e.guide.opacity})},fallback:sT,get ownerWindow(){return e.ownerWindow},onChange:t=>{let n=jc(t);e.onUpdate({color:n?Nc({...n,alpha:1}).slice(0,7):t,opacity:n?.alpha??e.guide.opacity})}}),null),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(yT,{label:`Type`,get children(){return Y(bT,{label:`Alignment`,get value(){return e.guide.align},onChange:t=>e.onUpdate({align:CT(t)}),get children(){return Y(_o,{each:[`stretch`,`min`,`center`,`max`],children:e=>(()=>{var n=X(`option`,{value:e});return Q(n,()=>t()[e]),n})()})}})}})}}),null),Q(r,Y(K,{get when(){return e.guide.kind===`grid`||e.guide.align!==`stretch`},get children(){return Y(yT,{get label(){return n()},get children(){return Y(xT,{get label(){return n()},get value(){return e.guide.size},min:1,max:4096,onChange:t=>e.onUpdate({size:t})})}})}}),null),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return[Y(yT,{label:`Offset`,get children(){return Y(xT,{label:`Offset`,get value(){return e.guide.offset},min:0,max:4096,onChange:t=>e.onUpdate({offset:t})})}}),Y(yT,{label:`Gutter`,get children(){return Y(xT,{label:`Gutter`,get value(){return e.guide.gutter},min:0,max:800,onChange:t=>e.onUpdate({gutter:t})})}})]}}),null),q(()=>e.onBack,(e,t)=>{$(a,`onClick`,e,t)}),r};function TT(e){let[t,n]=G(null),r=lo(()=>e.guides.find(e=>e.id===t())??null);var i=X(`div`,{"data-mesurer-layout-guides-panel":`true`,role:`dialog`,"aria-label":`Layout guides`,class:`mesurer-menu-surface msr:pointer-events-auto msr:flex msr:max-h-[min(320px,calc(100vh-16px))] msr:w-60 msr:flex-col msr:overflow-hidden msr:rounded-lg msr:bg-white msr:p-0 msr:text-[12px] msr:leading-[18px]`,onPointerDown:e=>e.stopPropagation(),onPointerMove:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(i,Y(K,{get when(){return r()},get fallback(){var t=X(`div`,{class:`msr:flex msr:min-h-0 msr:flex-1 msr:flex-col msr:gap-1 msr:p-2`}),r=X(`div`,{class:`msr:flex msr:h-7 msr:shrink-0 msr:items-center msr:justify-between msr:px-1`}),i=X(`h2`,{class:`msr:text-[11px] msr:font-semibold msr:text-ink-700`}),a=X(`button`,{type:`button`,"aria-label":`Add layout guide`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`});return Z(t,r),Z(r,i),Z(r,a),Z(i,ec(`Layout guides`)),Q(a,Y(rh,{})),Q(t,Y(K,{get when(){return e.guides.length>0},get fallback(){var e=X(`p`,{class:`msr:px-1 msr:pb-2 msr:text-[11px] msr:text-ink-500`});return Z(e,ec(`Add columns, rows, or a pixel grid on the page.`)),e},get children(){var t=X(`ul`,{class:`mesurer-thin-scrollbar msr:m-0 msr:flex msr:min-h-0 msr:flex-1 msr:list-none msr:flex-col msr:gap-0.5 msr:overflow-y-auto msr:p-0`});return Q(t,Y(_o,{get each(){return e.guides},children:t=>(()=>{var r=X(`li`,{class:`msr:flex msr:items-center msr:gap-0.5`}),i=X(`button`,{type:`button`,class:`msr:flex msr:min-w-0 msr:flex-1 msr:items-center msr:gap-2 msr:rounded-control msr:px-1 msr:py-1 msr:text-left msr:text-[11px] msr:text-ink-700 msr:outline-none msr:hover:bg-ink-100`,onClick:()=>n(t.id)}),a=X(`span`,{class:`msr:flex msr:h-[19px] msr:items-start msr:text-ink-500`}),o=X(`span`,{class:`msr:min-w-0 msr:flex-1 msr:truncate`}),s=X(`button`,{type:`button`,onClick:()=>e.onUpdate(t.id,{visible:!t.visible})}),c=X(`button`,{type:`button`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`,onClick:()=>e.onRemove(t.id)});return Z(r,i),Z(r,s),Z(r,c),Z(i,a),Z(i,o),Q(a,Y(_T,{get kind(){return t.kind}})),Q(o,()=>hT(t)),Q(i,Y(Wm,{size:8,class:`msr:block msr:-rotate-90 msr:text-ink-400`}),null),Q(s,(()=>{var e=J(()=>!!t.visible);return()=>e()?Y(ih,{}):Y(ah,{})})()),Q(c,Y(Jm,{size:10,class:`msr:block`})),q(()=>({e:t.visible?`Hide ${hT(t)}`:`Show ${hT(t)}`,t:t.visible?`true`:`false`,a:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible?`msr:text-ink-700`:`msr:text-ink-400`}`,o:`Remove ${hT(t)}`}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(s,`aria-label`,e,i?.e),t!==i?.t&&$(s,`aria-pressed`,t,i?.t),n!==i?.a&&$(s,`class`,n,i?.a),r!==i?.o&&$(c,`aria-label`,r,i?.o)}),r})()})),t}}),null),q(()=>e.onAdd,(e,t)=>{$(a,`onClick`,e,t)}),t},children:t=>Y(wT,{get guide(){return t()},get ownerWindow(){return e.ownerWindow},onBack:()=>n(null),onUpdate:n=>e.onUpdate(t().id,n)})})),i}var ET=`mesurer.layout-guides`,DT=`layout-guides:v1`,OT=`mesurer.layout-guides.pages`,kT=`mesurer.layout-guides.active`,AT=`runtime:solid`,jT=`layout-guides.toggle`,MT=`layout-guides.add`,NT=`layout-guides.update`,PT=`layout-guides.remove`,FT=`layout-guides.clear`,IT=240,LT=8,RT=8,zT=()=>({pages:{}}),BT=(e,t)=>e.pages[t]??[],VT=e=>typeof e==`object`&&!!e&&!Array.isArray(e),HT=e=>typeof e==`string`,UT=e=>typeof e==`boolean`,WT=e=>typeof e==`number`,GT=e=>e===`columns`||e===`rows`||e===`grid`,KT=e=>e===`stretch`||e===`min`||e===`center`||e===`max`,qT=e=>({...e}),JT=e=>e.map(qT),YT=e=>VT(e)?e:null,XT=e=>{if(!e)return{};let t={};return HT(e.id)&&(t.id=e.id),GT(e.kind)&&(t.kind=e.kind),UT(e.visible)&&(t.visible=e.visible),HT(e.color)&&(t.color=e.color),WT(e.opacity)&&(t.opacity=e.opacity),WT(e.count)&&(t.count=e.count),WT(e.size)&&(t.size=e.size),WT(e.gutter)&&(t.gutter=e.gutter),WT(e.offset)&&(t.offset=e.offset),KT(e.align)&&(t.align=e.align),t},ZT=e=>{let t={};return e.id!==void 0&&(t.id=e.id),e.kind!==void 0&&(t.kind=e.kind),e.visible!==void 0&&(t.visible=e.visible),e.color!==void 0&&(t.color=e.color),e.opacity!==void 0&&(t.opacity=e.opacity),e.count!==void 0&&(t.count=e.count),e.size!==void 0&&(t.size=e.size),e.gutter!==void 0&&(t.gutter=e.gutter),e.offset!==void 0&&(t.offset=e.offset),e.align!==void 0&&(t.align=e.align),t},QT={viewBox:`0 0 256 256`,paths:[`M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z`,`M101 56h8v144h-8zM147 56h8v144h-8z`]},$T=()=>wc({id:ET,version:`0.1.0`,requires:[AT],provides:[DT,`tool:layout-guides`],setup(e){let t=e.service.get(AT);if(!t)throw Error(`Layout Guides requires the Solid renderer runtime.`);let n=t.rendererRoot;if(!n)throw Error(`Layout Guides requires a mounted renderer root.`);e.state.register({id:OT,initial:zT(),history:!0,persist:!0}),e.state.register({id:kT,initial:!1});let r=Rl(t.ownerWindow),i=!1,[a,o]=G(0),s=new Set,c=0,l=()=>e.state.get(`mesurer.layout-guides.pages`)??zT(),u=()=>e.state.get(`mesurer.layout-guides.active`)??!1,d=()=>mT(BT(l(),r)),f=()=>(a(),u()?d():[]),p=t=>{e.state.update(kT,()=>t)},m=t=>{e.state.update(OT,e=>({...e,pages:{...e.pages,[r]:JT(t(mT(e.pages[r])))}}))};e.command.register(jT,()=>{let e=!u();return e&&d().length===0&&m(()=>[pT()]),i=e,p(e),u()}),e.command.register(MT,e=>{let t=pT(XT(YT(e)));return m(e=>[...e,t]),{...t}}),e.command.register(NT,e=>{let t=YT(e),n=t&&HT(t.id)?t.id:null,r=XT(YT(t?.patch));if(!n)throw Error(`layout-guides.update requires a guide id.`);m(e=>e.map(e=>e.id===n?pT({...e,...r,id:e.id}):e));let i=d().find(e=>e.id===n);if(!i)throw Error(`Layout guide not found: ${n}`);return{...i}}),e.command.register(PT,e=>{let t=YT(e),n=t&&HT(t.id)?t.id:null;if(!n)throw Error(`layout-guides.remove requires a guide id.`);let r=d().length;return m(e=>e.filter(e=>e.id!==n)),d().length!==r}),e.command.register(FT,()=>{m(()=>[])});let h=async(t,n)=>{let r=YT(await e.command.execute(t,n));if(!r)throw Error(`${t} did not return a layout guide.`);return pT(XT(r))},g={list:()=>d().map(e=>({...e})),add:(e={})=>h(MT,ZT(e)),update:(e,t)=>h(NT,{id:e,patch:ZT(t)}),async remove(t){return await e.command.execute(PT,{id:t})===!0},async clear(){await e.command.execute(FT)},subscribe(e){s.add(e);let t=!1;return()=>{t||(t=!0,s.delete(e))}}};e.service.provide(DT,g),e.tool.register({id:`layout-guides`,label:`Layout guides`,shortcut:`L`,command:jT,order:38,toolbarMode:`always`,compactPinned:!0,icon:QT,active:u});let _=t.ownerDocument.createElement(`div`);_.dataset.mesurerLayoutGuidesRoot=`true`,_.dataset.mesurerLayer=`evidence`,_.style.position=`absolute`,_.style.inset=`0`,_.style.pointerEvents=`none`,n.prepend(_);let v=$s(()=>Y(oT,{get guides(){return f()}}),_),y=t.createInspectorMount();y.element.dataset.mesurerLayoutGuidesPanelRoot=`true`,Object.assign(y.element.style,{position:`fixed`,left:`0`,top:`0`,width:`${IT}px`,zIndex:`100`,pointerEvents:`none`,display:`none`});let b=()=>{if(c=0,!i)return;let e=t.portalTarget.querySelector(`[data-mesurer-tool-id='layout-guides']`);if(!e)return;let n=e.getBoundingClientRect(),r=Math.min(Math.max(RT,n.right-IT),Math.max(RT,t.ownerWindow.innerWidth-IT-RT)),a=t.ownerWindow.innerHeight-n.bottom-LT-RT,o=Math.min(320,t.ownerWindow.innerHeight-16),s=a>=Math.min(o,320)?n.bottom+LT:Math.max(RT,n.top-LT-o);y.element.style.left=`${r}px`,y.element.style.top=`${s}px`},x=()=>{c||=t.ownerWindow.requestAnimationFrame(b)},S=()=>{y.element.style.display=i?`block`:`none`,i&&x()},C=$s(()=>Y(TT,{get guides(){return f()},get ownerWindow(){return t.ownerWindow},onAdd:()=>{g.add().catch(()=>void 0)},onUpdate:(e,t)=>{g.update(e,t).catch(()=>void 0)},onRemove:e=>{g.remove(e).catch(()=>void 0)}}),y.element),w=()=>{o(e=>e+1);for(let e of s)e();S()},T=e.state.subscribe(w),E=Hl(t.ownerWindow,e=>{r!==e&&(r=e,w())}),D=e=>{if(!i)return;let n=e.composedPath();if(n.includes(y.element))return;let r=t.portalTarget.querySelector(`[data-mesurer-tool-id='layout-guides']`);r&&n.includes(r)||(i=!1,S())},O=e=>{e.key!==`Escape`||!i||(i=!1,S())};S(),t.ownerDocument.addEventListener(`pointerdown`,D,!0),t.ownerDocument.addEventListener(`keydown`,O,!0),t.ownerWindow.addEventListener(`resize`,x),t.ownerWindow.addEventListener(`pointerup`,x,!0),e.lifecycle.onDispose(()=>{t.ownerDocument.removeEventListener(`pointerdown`,D,!0),t.ownerDocument.removeEventListener(`keydown`,O,!0),t.ownerWindow.removeEventListener(`resize`,x),t.ownerWindow.removeEventListener(`pointerup`,x,!0),c&&t.ownerWindow.cancelAnimationFrame(c),c=0,s.clear(),T.dispose(),E(),C(),y.dispose(),v(),_.remove()})}}),eE=`mesurer:recording-bridge-ping`,tE=`mesurer:recording-bridge-request`,nE=`mesurer:recording-bridge-response`,rE=`position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none`,iE=.01,aE=e=>({width:e.innerWidth,height:e.innerHeight}),oE=(e,t,n,r)=>{let i=Math.max(1,r.width),a=Math.max(1,r.height),o=t/i,s=n/a,c=Math.abs(o-s)<=iE*Math.max(o,s),l=c?o:Math.min(o,s),u=c?0:(t-i*l)/2,d=c?0:(n-a*l)/2,f=c?o:l,p=c?s:l,m=u+e.left*f,h=d+e.top*p,g=u+(e.left+e.width)*f,_=d+(e.top+e.height)*p,v=Math.max(g-m,1e-6),y=Math.max(_-h,1e-6),b=Math.max(0,Math.min(t,m)),x=Math.max(0,Math.min(n,h)),S=Math.max(0,Math.min(t,g)),C=Math.max(0,Math.min(n,_)),w=Math.max(0,Math.round(b)),T=Math.max(0,Math.round(x)),E=Math.min(t,Math.round(S)),D=Math.min(n,Math.round(C));return{sx:w,sy:T,sw:Math.max(1,E-w),sh:Math.max(1,D-T),dx:(b-m)/v,dy:(x-h)/y,dw:Math.max(0,S-b)/v,dh:Math.max(0,C-x)/y}},sE=(e,t)=>{let n=e.createElement(`div`);return n.dataset.mesurerRecordingCrop=`true`,n.setAttribute(`aria-hidden`,`true`),n.style.position=`fixed`,n.style.left=`${t.left}px`,n.style.top=`${t.top}px`,n.style.width=`${t.width}px`,n.style.height=`${t.height}px`,n.style.margin=`0`,n.style.padding=`0`,n.style.border=`0`,n.style.background=`transparent`,n.style.opacity=`0`,n.style.pointerEvents=`none`,e.body.append(n),n},cE=async(e,t)=>{let n=e.cropTo,r=globalThis.CropTarget;if(!n||!r)return!1;let i=await r.fromElement(t);return await n.call(e,i),!0},lE=(e,t)=>new Promise(n=>{let r=!1,i=()=>{r||(r=!0,t.clearTimeout(a),n())},a=t.setTimeout(i,250),o=e;if(o.requestVideoFrameCallback){o.requestVideoFrameCallback(i);return}t.requestAnimationFrame(i)}),uE=e=>e.location.origin===`null`?`*`:e.location.origin,dE=(e,t,n=``)=>`${e}:${t}:${n}`,fE=(e,t,n)=>{let r=`${t}:${n}:`;return e.startsWith(r)?e.slice(r.length):null},pE=e=>e.crypto?.randomUUID?.()??`mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`,mE=e=>new Promise(t=>{let n=pE(e),r=e.location.origin,i=o=>{o.source===e&&o.origin===r&&fE(String(o.data??``),`mesurer:recording-bridge-pong`,n)!==null&&(e.removeEventListener(`message`,i),e.clearTimeout(a),t(!0))},a=e.setTimeout(()=>{e.removeEventListener(`message`,i),t(!1)},80);e.addEventListener(`message`,i),e.postMessage(dE(eE,n),uE(e))}),hE=e=>new Promise(t=>{let n=pE(e),r=e.location.origin,i=o=>{if(o.source!==e||o.origin!==r)return;let s=fE(String(o.data??``),nE,n);if(s!==null){if(e.removeEventListener(`message`,i),e.clearTimeout(a),!s.startsWith(`ok:`)){t(null);return}t(s.slice(3)||null)}},a=e.setTimeout(()=>{e.removeEventListener(`message`,i),t(null)},1500);e.addEventListener(`message`,i),e.postMessage(dE(tE,n),uE(e))}),gE=e=>e.__MESURER_RECORDING_HOST__?.captureRecordingStream??e.__MESURER_HOST__?.captureRecordingStream,_E=async(e,t)=>{let n=gE(e);if(!n)throw Error(`Native recording capture is unavailable.`);let r=(await n())?.streamId?.trim();if(!r)throw Error(`Native recording capture returned no stream id.`);let i={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:r}};return t.getUserMedia({audio:!1,video:i})},vE=async(e,t)=>{if(!e.isSecureContext||!await mE(e))return null;let n=await hE(e);if(!n)return null;let r={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:n}};return t.getUserMedia({audio:!1,video:r})},yE=async(e,t)=>{let n=e.getVideoTracks()[0];if(!n?.applyConstraints)return e;try{await n.applyConstraints({frameRate:{ideal:t,max:t}})}catch{}return e},bE=async(e,t)=>{let n=e.navigator.mediaDevices;if(!n)throw Error(`Screen recording is unavailable in this browser.`);if(gE(e))return yE(await _E(e,n),t);try{let r=await vE(e,n);if(r)return yE(r,t)}catch{}if(!n.getDisplayMedia)throw Error(`Screen recording is unavailable in this browser.`);let r={ideal:t,max:t},i={audio:!1,video:{displaySurface:`browser`,frameRate:r},preferCurrentTab:!0,selfBrowserSurface:`include`};try{return yE(await n.getDisplayMedia(i),t)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)throw e;return yE(await n.getDisplayMedia({audio:!1,video:{frameRate:r}}),t)}},xE=async(e,t,n,r=60)=>{let i=await bE(t,r),a=i.getVideoTracks()[0];if(!a)throw i.getTracks().forEach(e=>e.stop()),Error(`No video track was selected.`);if(a.getSettings().displaySurface&&a.getSettings().displaySurface!==`browser`)throw i.getTracks().forEach(e=>e.stop()),Error(`Select the current browser tab to record this region.`);let o=e.createElement(`video`);o.autoplay=!0,o.muted=!0,o.playsInline=!0,o.srcObject=i,o.setAttribute(`playsinline`,``),o.setAttribute(`aria-hidden`,`true`),o.style.cssText=rE,e.body.append(o);try{await o.play(),(o.videoWidth<=0||o.videoHeight<=0)&&await new Promise((e,t)=>{o.addEventListener(`loadeddata`,()=>e(),{once:!0}),o.addEventListener(`error`,()=>t(Error(`Could not read the selected video track.`)),{once:!0})});let r=sE(e,n),s=!1;try{s=await cE(a,r)}catch{s=!1}s||r.remove(),await lE(o,t);let c=t.devicePixelRatio||1,l=oE(n,o.videoWidth,o.videoHeight,aE(t)),u=e.createElement(`canvas`);u.width=s?Math.max(2,Math.round(n.width*c)):l.sw,u.height=s?Math.max(2,Math.round(n.height*c)):l.sh,u.setAttribute(`aria-hidden`,`true`),u.style.cssText=rE,e.body.append(u);let d=u.getContext(`2d`,{alpha:!1});if(!d)throw u.remove(),Error(`Screen recording requires a 2D canvas.`);let f={stream:i,track:a,source:o,canvas:u,context:d,cropTarget:s?r:null,regionLocked:s};return SE(f,n,aE(t)),f}catch(e){throw o.pause(),o.srcObject=null,o.remove(),i.getTracks().forEach(e=>e.stop()),e}},SE=(e,t,n)=>{let{source:r,canvas:i,context:a,regionLocked:o}=e;if(r.videoWidth<=0||r.videoHeight<=0)return;if(o){a.drawImage(r,0,0,i.width,i.height);return}let s=oE(t,r.videoWidth,r.videoHeight,n),c=s.dx<=.001&&s.dy<=.001&&s.dw>=.999&&s.dh>=.999,l=c?0:s.dx*i.width,u=c?0:s.dy*i.height,d=c?i.width:s.dw*i.width,f=c?i.height:s.dh*i.height;c||(a.fillStyle=`#000`,a.fillRect(0,0,i.width,i.height)),!(d<1||f<1||s.dw<=0||s.dh<=0)&&a.drawImage(r,s.sx,s.sy,s.sw,s.sh,l,u,d,f)},CE=e=>{e.source.pause(),e.source.srcObject=null,e.stream.getTracks().forEach(e=>e.stop()),e.cropTarget?.remove(),e.canvas.remove(),e.source.remove()},wE={webm:`video/webm`,mp4:`video/mp4`},TE=[`vp9`,`vp8`],EE=[`avc`],DE=t=>new e.Quality(t),OE=(e,t)=>Number.isFinite(e)&&e>0?e:t,kE=(e,t,n)=>{let r=Math.max(2,Math.round(OE(e,2))),i=Math.max(2,Math.round(OE(t,2)));return n===`mp4`&&(r%2!=0&&(r+=1),i%2!=0&&(i+=1)),{width:r,height:i}},AE=(e,t={})=>{let n=Math.max(.001,OE(e.duration,.001)),r=Math.min(n,Math.max(0,Number.isFinite(t.startTime)?t.startTime??0:0)),i=Number.isFinite(t.endTime)?t.endTime??n:n,a=Math.min(n,Math.max(r+.001,i));return{format:t.format??`webm`,startTime:r,endTime:a,scale:t.scale??1,quality:t.quality??`medium`}},jE=e=>e===`webm`?TE:EE,ME=async(t,n,r,i,a=`medium`)=>{let o=kE(n,r,t),s=DE(a);for(let n of jE(t))if(await(0,e.canEncodeVideo)(n,{width:o.width,height:o.height,frameRate:i,quality:s}))return n;return null},NE=async(e,t,n=30)=>{let r=[];return await ME(`webm`,e,t,n)&&r.push(`webm`),await ME(`mp4`,e,t,n)&&r.push(`mp4`),r},PE=t=>t===`webm`?new e.WebMOutputFormat:new e.Mp4OutputFormat,FE=async(t,n={})=>{let r=n.format??`webm`,i=Math.max(1,Math.min(120,Math.round(n.frameRate??30))),a=n.quality??`medium`,o=t.width,s=t.height,c=await ME(r,o,s,i,a);if(!c)throw Error(`MediaBunny cannot encode ${r.toUpperCase()} at ${o}×${s} in this runtime.`);let l=new e.BufferTarget,u=new e.Output({format:PE(r),target:l}),d=new e.CanvasSource(t,{codec:c,quality:DE(a)});u.addVideoTrack(d,{frameRate:i}),await u.start();let f=!1,p=-1;return{format:r,mimeType:wE[r],codec:c,async addFrame(e,t=1/i){if(f)throw Error(`Recording session is already closed.`);if(!Number.isFinite(e)||e<0)throw TypeError(`Recording frame timestamp must be a non-negative finite number.`);if(!Number.isFinite(t)||t<0)throw TypeError(`Recording frame duration must be a non-negative finite number.`);if(e<=p)throw Error(`Recording frame timestamps must increase monotonically.`);p=e,await d.add(e,t)},finalize:async()=>{if(f)throw Error(`Recording session is already closed.`);if(f=!0,d.close(),await u.finalize(),!l.buffer||l.buffer.byteLength===0)throw Error(`MediaBunny produced an empty recording.`);return new Blob([l.buffer],{type:wE[r]})},async cancel(){if(!f){f=!0,d.close();try{await u.cancel()}catch{}}}}},IE=async t=>{let n=new e.Input({source:new e.BlobSource(t),formats:e.ALL_FORMATS});try{if(!await n.canRead())throw Error(`MediaBunny cannot read the recording.`);let e=await n.getPrimaryVideoTrack();if(!e)throw Error(`Recording has no video track.`);let[t,r,i]=await Promise.all([n.computeDuration(),e.getCodedWidth(),e.getCodedHeight()]);return{duration:Math.max(.001,t),width:r,height:i}}finally{n.dispose()}},LE=async(t,n={})=>{let r=await IE(t),i=AE(r,n),a=kE(r.width*i.scale,r.height*i.scale,i.format),o=await ME(i.format,a.width,a.height,30,i.quality);if(!o)throw Error(`MediaBunny cannot export ${i.format.toUpperCase()} in this runtime.`);let s=new e.Input({source:new e.BlobSource(t),formats:e.ALL_FORMATS}),c=new e.BufferTarget,l=new e.Output({format:PE(i.format),target:c});try{let t=await e.Conversion.init({input:s,output:l,trim:{start:i.startTime,end:i.endTime},video:{codec:o,width:a.width,height:a.height,fit:`fill`,quality:DE(i.quality),forceTranscode:!0},audio:{discard:!0}});if(!t.isValid)throw Error(`MediaBunny cannot convert this recording to ${i.format.toUpperCase()}.`);if(await t.execute(),!c.buffer||c.buffer.byteLength===0)throw Error(`MediaBunny produced an empty export.`);let n=new Blob([c.buffer],{type:wE[i.format]}),r=await IE(n);return{blob:n,format:i.format,duration:r.duration,width:r.width,height:r.height}}finally{s.dispose()}},RE=(e,t=new Date)=>`mesurer-recording-${t.toISOString().replace(/[:.]/g,`-`)}.${e}`,zE=10,BE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},VE=(e,t,n)=>{let r=e.createElement(`button`);return r.type=`button`,r.setAttribute(`aria-label`,t),r.title=t,r.textContent=n,BE(r,{display:`inline-flex`,width:`20px`,height:`20px`,padding:`0`,border:`0`,"border-radius":`5px`,background:`transparent`,color:`var(--msr-content, #18181b)`,"align-items":`center`,"justify-content":`center`,"font-family":`inherit`,"font-size":`11px`,"line-height":`1`,cursor:`pointer`}),r},HE=(e,t)=>{let n=e.createElement(`button`);n.type=`button`,n.setAttribute(`role`,`menuitemradio`),BE(n,{display:`grid`,width:`100%`,height:`28px`,padding:`0 8px`,border:`0`,"border-radius":`6px`,background:`transparent`,color:`var(--msr-content, #18181b)`,"grid-template-columns":`14px minmax(0, 1fr)`,gap:`6px`,"align-items":`center`,"text-align":`left`,"font-family":`inherit`,"font-size":`11px`,cursor:`pointer`});let r=e.createElement(`span`);r.setAttribute(`aria-hidden`,`true`),r.textContent=`✓`,r.style.opacity=`0`;let i=e.createElement(`span`);return i.textContent=t,n.append(r,i),{button:n,check:r,text:i}},UE=({ownerDocument:e,root:t})=>{let n=e.createElement(`section`);n.dataset.mesurerRecordingPreview=`true`,n.dataset.mesurerInspectorUi=`true`,n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-label`,`Screen recording editor`),n.tabIndex=0,BE(n,{position:`fixed`,display:`none`,width:`352px`,"max-width":`calc(100vw - 16px)`,padding:`8px`,"z-index":`98`,"box-sizing":`border-box`,overflow:`visible`,"border-radius":`13px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`,"font-size":`11px`,"pointer-events":`auto`,outline:`none`,transform:`translateX(-50%)`,transition:`width 200ms ease`}),t.append(n);let r=e.createElement(`div`);BE(r,{position:`relative`,display:`flex`,width:`100%`,"min-height":`72px`,"max-height":`144px`,overflow:`hidden`,"border-radius":`8px`,background:`var(--msr-surface-muted, #f8fafc)`,"align-items":`center`,"justify-content":`center`,transition:`max-height 200ms ease`,cursor:`default`}),n.append(r);let i=e.createElement(`video`);i.muted=!0,i.playsInline=!0,i.preload=`auto`,BE(i,{display:`block`,width:`100%`,height:`100%`,"max-width":`100%`,"max-height":`144px`,"object-fit":`contain`,transition:`max-height 200ms ease`}),r.append(i);let a=e.createElement(`div`);a.dataset.mesurerRecordingExporting=`true`,a.textContent=`Exporting…`,BE(a,{position:`absolute`,inset:`0`,display:`none`,"align-items":`center`,"justify-content":`center`,"z-index":`30`,background:`rgb(15 23 42 / 45%)`,color:`#fff`,"font-size":`11px`,"pointer-events":`none`}),r.append(a);let o=VE(e,`Close`,`×`);o.dataset.mesurerRecordingDiscard=`true`,BE(o,{position:`absolute`,top:`6px`,right:`6px`,width:`24px`,height:`24px`,"z-index":`40`,background:`rgb(15 23 42 / 78%)`,color:`#fff`,opacity:`0`,"pointer-events":`none`,transition:`opacity 150ms ease`}),r.append(o),r.addEventListener(`mouseenter`,()=>{o.style.opacity=`1`,o.style.pointerEvents=`auto`}),r.addEventListener(`mouseleave`,()=>{e.activeElement!==o&&(o.style.opacity=`0`,o.style.pointerEvents=`none`)}),o.addEventListener(`focus`,()=>{o.style.opacity=`1`,o.style.pointerEvents=`auto`}),o.addEventListener(`blur`,()=>{o.style.opacity=`0`,o.style.pointerEvents=`none`});let s=e.createElement(`div`);BE(s,{display:`flex`,height:`28px`,"align-items":`center`,gap:`8px`,"margin-top":`8px`}),n.append(s);let c=VE(e,`Play`,`▶`);c.dataset.mesurerRecordingPlay=`true`,s.append(c);let l=e.createElement(`span`);l.dataset.mesurerRecordingCurrentTime=`true`,l.textContent=`0:00.00`,BE(l,{display:`flex`,width:`8ch`,"min-width":`8ch`,height:`20px`,"align-items":`center`,"flex-shrink":`0`,color:`var(--msr-color-ink-500, #64748b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"white-space":`nowrap`}),s.append(l);let u=e.createElement(`div`);u.dataset.mesurerRecordingTimeline=`true`,BE(u,{position:`relative`,height:`28px`,"min-width":`0`,flex:`1 1 0`,cursor:`pointer`,"user-select":`none`}),s.append(u);let d=e.createElement(`div`);d.dataset.mesurerRecordingTimelineTrack=`true`,BE(d,{position:`absolute`,left:`${zE}px`,right:`${zE}px`,top:`0`,bottom:`0`}),u.append(d);let f=e.createElement(`div`);f.dataset.mesurerRecordingTimelineRail=`true`,BE(f,{position:`absolute`,left:`0`,right:`0`,top:`21px`,height:`3px`,transform:`translateY(-50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-200, #e2e8f0)`,"pointer-events":`none`}),d.append(f);let p=e.createElement(`div`);p.dataset.mesurerRecordingTimelineClip=`true`,BE(p,{position:`absolute`,top:`21px`,height:`3px`,transform:`translateY(-50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-300, #cbd5e1)`,"pointer-events":`none`}),d.append(p);let m=e.createElement(`div`);BE(m,{position:`absolute`,display:`none`,top:`21px`,width:`2px`,height:`10px`,transform:`translate(-50%, -50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-500, #64748b)`,opacity:`0.5`,"pointer-events":`none`}),d.append(m);let h=e.createElement(`div`);h.dataset.mesurerRecordingPlayhead=`true`,BE(h,{position:`absolute`,top:`21px`,left:`0`,width:`2px`,height:`9px`,transform:`translate(-50%, -50%)`,"border-radius":`999px`,background:`var(--msr-content, #18181b)`,"z-index":`25`,"pointer-events":`none`,transition:`height 150ms ease`}),d.append(h);let g=(t,n)=>{let r=e.createElement(`button`);r.type=`button`,r.dataset.mesurerRecordingTrimHandle=t,r.setAttribute(`role`,`slider`),r.setAttribute(`aria-label`,n),r.setAttribute(`aria-valuemin`,`0`),BE(r,{position:`absolute`,top:`0`,display:`flex`,width:`20px`,height:`16px`,padding:`0`,border:`0`,"border-radius":`4px`,background:`transparent`,color:`var(--msr-content, #18181b)`,transform:`translateX(-50%)`,"z-index":`30`,"align-items":`center`,"justify-content":`center`,cursor:`ew-resize`,"touch-action":`none`});let i=e.createElementNS(`http://www.w3.org/2000/svg`,`svg`);i.dataset.mesurerRecordingTrimChevron=t,i.setAttribute(`aria-hidden`,`true`),i.setAttribute(`viewBox`,`0 0 12 14`),i.setAttribute(`width`,`12`),i.setAttribute(`height`,`14`);let a=e.createElementNS(`http://www.w3.org/2000/svg`,`path`);a.setAttribute(`d`,t===`start`?`M3.5 2.5L8.5 7L3.5 11.5`:`M8.5 2.5L3.5 7L8.5 11.5`),a.setAttribute(`fill`,`none`),a.setAttribute(`stroke`,`currentColor`),a.setAttribute(`stroke-width`,`2`),a.setAttribute(`stroke-linecap`,`round`),a.setAttribute(`stroke-linejoin`,`round`),i.append(a),r.append(i);let o=e.createElement(`span`);return o.setAttribute(`aria-hidden`,`true`),BE(o,{position:`absolute`,left:`50%`,top:`15px`,width:`1px`,height:`4px`,background:`var(--msr-content, #18181b)`,transform:`translateX(-50%)`,"pointer-events":`none`}),r.append(o),d.append(r),r},_=g(`start`,`Trim start`),v=g(`end`,`Trim end`),y=e.createElement(`span`);y.dataset.mesurerRecordingDuration=`true`,BE(y,{display:`flex`,width:`8ch`,"min-width":`8ch`,height:`20px`,"align-items":`center`,"justify-content":`flex-end`,"flex-shrink":`0`,color:`var(--msr-color-ink-500, #64748b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"white-space":`nowrap`}),s.append(y);let b=e.createElement(`div`);BE(b,{position:`relative`,display:`flex`,height:`20px`,"align-items":`center`}),s.append(b);let x=VE(e,`Export options`,`1×`);x.dataset.mesurerRecordingExportOptions=`true`,x.setAttribute(`aria-haspopup`,`menu`),x.setAttribute(`aria-expanded`,`false`),BE(x,{width:`28px`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`}),b.append(x);let S=e.createElement(`div`);S.dataset.mesurerRecordingExportMenu=`true`,S.setAttribute(`role`,`menu`),BE(S,{position:`absolute`,display:`none`,right:`0`,bottom:`24px`,width:`176px`,padding:`4px`,"z-index":`120`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`9px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))`,"pointer-events":`auto`}),b.append(S);let C=e.createElement(`p`);C.textContent=`Format`,BE(C,{margin:`0`,padding:`4px 8px`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`10px`,"font-weight":`500`}),S.append(C);let w=e.createElement(`div`);S.append(w);let T=e.createElement(`p`);T.textContent=`Size`,BE(T,{margin:`0`,padding:`6px 8px 4px`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`10px`,"font-weight":`500`}),S.append(T);let E=e.createElement(`div`);S.append(E);let D=[1,2,3].map(t=>{let n=HE(e,`${t}×`);return n.button.dataset.mesurerRecordingScale=String(t),E.append(n.button),{scale:t,...n}}),O=VE(e,`Download`,`↓`);O.dataset.mesurerRecordingExport=`true`,s.append(O);let k=VE(e,`Grow preview`,`↗`);k.dataset.mesurerRecordingExpand=`true`,s.append(k);let A=e.createElement(`p`);return A.dataset.mesurerRecordingPreviewStatus=`true`,A.setAttribute(`role`,`status`),BE(A,{display:`none`,margin:`8px 0 0`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`11px`,"line-height":`16px`}),n.append(A),{panel:n,previewShell:r,video:i,exportingOverlay:a,close:o,play:c,currentTime:l,timeline:u,track:d,clip:p,hoverMarker:m,playhead:h,trimStart:_,trimEnd:v,durationLabel:y,exportAnchor:b,exportOptions:x,exportMenu:S,formatRows:w,scaleRows:D,download:O,expand:k,status:A}},WE=8,GE=8,KE=.05,qE=200,JE=e=>{let t=Number.isFinite(e)?Math.max(0,e):0,n=Math.floor(t/60);return`${n}:${(t-n*60).toFixed(2).padStart(5,`0`)}`},YE=(e,t,n,r)=>{let i=globalThis.URL.createObjectURL(e),a=n.createElement(`a`);a.href=i,a.download=t,a.rel=`noopener`,n.documentElement.append(a),a.click(),a.remove(),r.setTimeout(()=>globalThis.URL.revokeObjectURL(i),1e3)},XE=({ownerDocument:e,ownerWindow:t,root:n,formats:r,onDiscard:i,onExport:a})=>{let{panel:o,previewShell:s,video:c,exportingOverlay:l,close:u,play:d,currentTime:f,timeline:p,track:m,clip:h,hoverMarker:g,playhead:_,trimStart:v,trimEnd:y,durationLabel:b,exportAnchor:x,exportOptions:S,exportMenu:C,formatRows:w,scaleRows:T,download:E,expand:D,status:O}=UE({ownerDocument:e,root:n}),k=null,A=null,j=!1,M=!1,N=0,P=[`webm`],F=`webm`,I=1,L=0,R=0,z=null,B=null,V=null,ee=e=>{let t=k?.duration??0;return t<=0?0:Math.min(1,Math.max(0,e/t))},H=()=>({start:L,end:R}),U=e=>{let t=k?.duration??0,n=m.getBoundingClientRect();return t<=0||n.width<=0?0:Math.min(t,Math.max(0,(e-n.left)/n.width*t))},W=()=>{let e=k?.duration??0,t=Math.min(e,Math.max(0,c.currentTime||0)),n=ee(L)*100,r=ee(R)*100;v.style.left=`${n}%`,y.style.left=`${r}%`,h.style.left=`${n}%`,h.style.width=`${Math.max(0,r-n)}%`,_.style.left=`${ee(t)*100}%`,v.setAttribute(`aria-valuemax`,String(Math.max(0,R-KE))),v.setAttribute(`aria-valuenow`,String(L)),v.setAttribute(`aria-valuetext`,JE(L)),y.setAttribute(`aria-valuemin`,String(Math.min(e,L+KE))),y.setAttribute(`aria-valuemax`,String(e)),y.setAttribute(`aria-valuenow`,String(R)),y.setAttribute(`aria-valuetext`,JE(R)),f.textContent=JE(t),b.textContent=JE(e)},te=(e,t=!0)=>{if(!k)return;let n=Math.min(R,Math.max(L,e));t&&!c.paused&&c.pause(),c.currentTime=n,W()},ne=(e,t=!1)=>{k&&(L=Math.min(Math.max(0,e),Math.max(0,R-KE)),(t||c.currentTime<L)&&te(L),W())},re=(e,t=!1)=>{k&&(R=Math.max(Math.min(k.duration,e),Math.min(k.duration,L+KE)),t?te(R):c.currentTime>R&&te(L),W())},ie=()=>{S.textContent=`${I}×`;for(let e of T){let t=e.scale===I;e.button.setAttribute(`aria-checked`,t?`true`:`false`),e.check.style.opacity=t?`1`:`0`,e.text.textContent=k?`${e.scale}×  ${Math.round(k.width*e.scale)} × ${Math.round(k.height*e.scale)}`:`${e.scale}×`}},ae=()=>{w.replaceChildren();for(let t of P){let n=HE(e,t===`mp4`?`MP4`:`WebM`),r=t===F;n.button.dataset.mesurerRecordingFormat=t,n.button.setAttribute(`aria-checked`,r?`true`:`false`),n.check.style.opacity=r?`1`:`0`,n.button.addEventListener(`click`,()=>{F=t,ae()}),w.append(n.button)}},oe=()=>{if(C.style.display===`none`)return;let e=x.getBoundingClientRect(),n=Math.max(1,C.offsetHeight),r=e.top-WE,i=t.innerHeight-e.bottom-WE;r>=n||r>=i?(C.style.top=`auto`,C.style.bottom=`24px`):(C.style.top=`24px`,C.style.bottom=`auto`)},se=e=>{C.style.display=e?`block`:`none`,S.setAttribute(`aria-expanded`,e?`true`:`false`),e&&oe()},ce=e=>{M=e,l.style.display=e?`flex`:`none`;for(let t of[d,u,v,y,S,E,D,...T.map(e=>e.button)])t.toggleAttribute(`disabled`,e)},le=()=>n.closest(`[data-mesurer-root='true']`)?.querySelector(`[data-mesurer-tool-id='recording']`)??e.querySelector(`[data-mesurer-tool-id='recording']`),ue=()=>{if(o.style.display===`none`)return;let e=Math.min(j?576:352,Math.max(1,t.innerWidth-16)),n=Math.max(180,o.offsetHeight),r=le()?.getBoundingClientRect(),i=r?r.left+r.width/2:t.innerWidth-WE-e/2,a=WE+e/2,s=Math.max(a,t.innerWidth-WE-e/2),c=Math.min(Math.max(a,i),s),l=r?r.bottom+GE:WE;l+n>t.innerHeight-WE&&(l=r?r.top-n-GE:t.innerHeight-n-WE),o.style.left=`${c}px`,o.style.top=`${Math.max(WE,l)}px`,C.style.display!==`none`&&oe()},de=()=>{c.pause(),c.removeAttribute(`src`),c.load(),A&&=(globalThis.URL.revokeObjectURL(A),null)},fe=()=>{N+=1,V&&=(V.cancel(),null),de(),k=null,z=null,B=null,se(!1),o.style.display=`none`,o.style.pointerEvents=`auto`,o.style.opacity=`1`,o.style.transform=`translateX(-50%)`,o.style.removeProperty(`transform-origin`),o.style.removeProperty(`will-change`),O.style.display=`none`,ce(!1)},pe=()=>{if(!k||o.style.display===`none`||V)return;let e=o.getBoundingClientRect(),t=le()?.getBoundingClientRect(),n=t?t.left+t.width/2:e.left+e.width/2,r=t?t.top+t.height/2:e.top+e.height/2;c.pause(),se(!1),o.style.pointerEvents=`none`,o.style.left=`${e.left}px`,o.style.top=`${e.top}px`,o.style.transform=`none`,o.style.transformOrigin=`${n-e.left}px ${r-e.top}px`,o.style.willChange=`transform, opacity`;let a=o.animate([{transform:`scale(1)`,opacity:1},{transform:`scale(0.08)`,opacity:0}],{duration:qE,easing:`ease`,fill:`forwards`});V=a,a.finished.catch(()=>void 0).then(()=>{V===a&&(a.cancel(),V=null,o.style.removeProperty(`will-change`),i())})},me=()=>{if(!(!k||M)){if(!c.paused){c.pause();return}(c.currentTime<L||c.currentTime>=R)&&(c.currentTime=L),c.play()}},he=()=>{z=null,B=null,_.style.height=`8px`},ge=e=>{if(!z)return;let t=U(e);z===`start`?ne(t,!0):z===`end`?re(t,!0):te(t)},_e=(e,t)=>{!k||M||t.button!==0||(t.preventDefault(),t.stopPropagation(),z=e,B=t.pointerId,_.style.height=`10px`,ge(t.clientX))},ve=e=>{B!==null&&e.pointerId===B&&ge(e.clientX)},ye=e=>{B!==null&&e.pointerId===B&&he()};v.addEventListener(`pointerdown`,e=>_e(`start`,e)),y.addEventListener(`pointerdown`,e=>_e(`end`,e)),p.addEventListener(`pointerdown`,e=>{let t=e.target;t instanceof Element&&t.closest(`[data-mesurer-recording-trim-handle]`)||_e(`playhead`,e)}),p.addEventListener(`pointermove`,e=>{B===null&&(g.style.display=`block`,g.style.left=`${ee(U(e.clientX))*100}%`)}),p.addEventListener(`pointerleave`,()=>{g.style.display=`none`});for(let[e,t]of[[`start`,v],[`end`,y]])t.addEventListener(`keydown`,t=>{if(!k||t.key!==`ArrowLeft`&&t.key!==`ArrowRight`)return;t.preventDefault();let n=t.key===`ArrowLeft`?-1:1,r=(e===`start`?L:R)+n*.05;e===`start`?ne(r,!0):re(r,!0)});t.addEventListener(`pointermove`,ve,!0),t.addEventListener(`pointerup`,ye,!0),t.addEventListener(`pointercancel`,ye,!0),u.addEventListener(`click`,e=>{e.stopPropagation(),pe()}),s.addEventListener(`click`,e=>{let t=e.target;t instanceof Element&&t.closest(`button`)||me()}),d.addEventListener(`click`,me),c.addEventListener(`play`,()=>{d.textContent=`Ⅱ`,d.setAttribute(`aria-label`,`Pause`),d.title=`Pause`}),c.addEventListener(`pause`,()=>{d.textContent=`▶`,d.setAttribute(`aria-label`,`Play`),d.title=`Play`}),c.addEventListener(`timeupdate`,()=>{k&&(c.currentTime>=R-.01?(c.pause(),c.currentTime=L):c.currentTime<L&&(c.currentTime=L),W())}),c.addEventListener(`loadedmetadata`,()=>{W()}),S.addEventListener(`click`,()=>{M||se(C.style.display===`none`)});for(let e of T)e.button.addEventListener(`click`,()=>{I=e.scale,ie()});let be=e=>{C.style.display!==`none`&&(e.composedPath().includes(x)||se(!1))};e.addEventListener(`pointerdown`,be,!0),D.addEventListener(`click`,()=>{j=!j,o.style.width=`${j?576:352}px`,s.style.maxHeight=j?`448px`:`144px`,c.style.maxHeight=j?`448px`:`144px`,D.textContent=j?`↙`:`↗`,D.setAttribute(`aria-label`,j?`Shrink preview`:`Grow preview`),D.title=j?`Shrink preview`:`Grow preview`,t.requestAnimationFrame(ue)}),E.addEventListener(`click`,()=>{if(!k||M||P.length===0)return;let n=++N,{start:r,end:i}=H();ce(!0),se(!1),O.style.display=`none`,a({format:F,startTime:r,endTime:i,scale:I}).then(r=>{n===N&&YE(r.blob,r.filename,e,t)}).catch(e=>{n===N&&(O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=e instanceof Error?e.message:`Could not export the recording.`)}).finally(()=>{n===N&&ce(!1)})}),o.addEventListener(`keydown`,e=>{if(e.key===`Escape`){if(C.style.display!==`none`){e.preventDefault(),se(!1);return}e.preventDefault(),pe();return}(e.key===` `||e.code===`Space`)&&e.target===o&&(e.preventDefault(),me())});let xe=()=>ue();return t.addEventListener(`resize`,xe),{show(e){N+=1,V&&=(V.cancel(),null),o.style.pointerEvents=`auto`,o.style.opacity=`1`,o.style.transform=`translateX(-50%)`,o.style.removeProperty(`transform-origin`),o.style.removeProperty(`will-change`),de(),k=e,j=!1,I=1,F=`webm`,P=[`webm`],L=0,R=e.duration,z=null,B=null;let n=globalThis.URL.createObjectURL(e.blob);A=n,c.src=n,c.currentTime=0,s.style.aspectRatio=e.width>0&&e.height>0?`${e.width} / ${e.height}`:`16 / 9`,o.style.width=`352px`,s.style.maxHeight=`144px`,c.style.maxHeight=`144px`,D.textContent=`↗`,D.setAttribute(`aria-label`,`Grow preview`),D.title=`Grow preview`,f.textContent=`0:00.00`,b.textContent=JE(e.duration),O.style.display=`none`,O.style.color=`var(--msr-color-ink-500, #64748b)`,se(!1),ae(),ie(),W(),ce(!1),o.style.display=`block`,ue(),o.focus({preventScroll:!0});let i=N;r(e).then(e=>{i!==N||!k||(P=e,F=e.includes(F)?F:e[0]??`webm`,ae(),E.disabled=e.length===0,e.length===0&&(O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=`No MediaBunny video encoder is available in this runtime.`))}).catch(e=>{i===N&&(P=[],ae(),E.disabled=!0,O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=e instanceof Error?e.message:`Could not inspect export support.`)}),t.requestAnimationFrame(ue)},dismiss:fe,dispose(){fe(),t.removeEventListener(`resize`,xe),t.removeEventListener(`pointermove`,ve,!0),t.removeEventListener(`pointerup`,ye,!0),t.removeEventListener(`pointercancel`,ye,!0),e.removeEventListener(`pointerdown`,be,!0),o.remove()}}},ZE=3e3,QE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},$E=({ownerDocument:e,ownerWindow:t,root:n,statusRoot:r,rendererRoot:i,isSelecting:a,isRecording:o,onRectChange:s,onConfirm:c,onCancel:l,onStop:u,setRecordingInteractionActive:d})=>{let f=e.createElement(`div`);f.dataset.mesurerRecordingSelect=`true`,f.dataset.mesurerInspectorUi=`true`,f.setAttribute(`role`,`application`),f.setAttribute(`aria-label`,`Recording selection`),QE(f,{position:`fixed`,inset:`0`,display:`none`,"z-index":`86`,cursor:`crosshair`,"pointer-events":`auto`,"user-select":`none`,"touch-action":`none`}),n.append(f);let p=Array.from({length:4},()=>{let t=e.createElement(`div`);return t.dataset.mesurerRecordingShade=`true`,QE(t,{position:`fixed`,background:`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(t),t}),m=e.createElement(`div`);m.dataset.mesurerRecordingMask=`true`,QE(m,{position:`fixed`,display:`none`,background:`transparent`,outline:`2px solid var(--msr-accent, #0d99ff)`,"outline-offset":`-1px`,"box-shadow":`0 0 0 100vmax rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(m);let h=e.createElement(`div`);h.dataset.mesurerRecordingSelection=`true`,QE(h,{position:`fixed`,display:`none`,border:`1px solid var(--msr-accent, #0d99ff)`,"box-sizing":`border-box`,"pointer-events":`none`}),f.append(h);let g=e.createElement(`div`);QE(g,{position:`fixed`,display:`none`,transform:`translateX(-50%)`,padding:`2px 5px`,"border-radius":`4px`,background:`var(--msr-accent, #0d99ff)`,color:`#fff`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"pointer-events":`none`}),f.append(g);let _=e.createElement(`div`);_.textContent=`Drag a region to record · Esc to cancel`,QE(_,{position:`fixed`,left:`50%`,bottom:`16px`,transform:`translateX(-50%)`,padding:`5px 8px`,"border-radius":`6px`,background:`var(--msr-content, #18181b)`,color:`var(--msr-surface, #fff)`,"font-size":`11px`,"pointer-events":`none`}),f.append(_);let v=e.createElement(`div`);v.dataset.mesurerRecordingRegion=`true`,v.dataset.mesurerInspectorUi=`true`,v.setAttribute(`role`,`dialog`),v.setAttribute(`aria-label`,`Recording region`),QE(v,{position:`fixed`,display:`none`,width:`220px`,padding:`8px`,"z-index":`90`,"box-sizing":`border-box`,overflow:`hidden`,"border-radius":`10px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0,0,0,.12))`,"font-size":`11px`,"pointer-events":`auto`,transform:`translateX(-50%)`}),f.append(v);let y=t=>{let n=e.createElement(`label`);QE(n,{display:`grid`,"grid-template-columns":`44px minmax(0,1fr)`,"align-items":`center`,gap:`8px`});let r=e.createElement(`span`);r.textContent=t,r.style.color=`var(--msr-color-ink-500, #64748b)`,n.append(r);let i=e.createElement(`div`);return QE(i,{display:`flex`,"align-items":`center`,gap:`4px`,"min-width":`0`}),n.append(i),v.append(n),i},b=t=>{let n=e.createElement(`input`);return n.type=`number`,n.setAttribute(`aria-label`,t),n.step=`1`,QE(n,{width:`0`,"min-width":`0`,flex:`1 1 0`,height:`26px`,padding:`0 6px`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`6px`,background:`var(--msr-surface, #fff)`,color:`var(--msr-content, #18181b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`}),n},x=y(`Size`),S=b(`Width`),C=b(`Height`);x.append(S);let w=e.createElement(`span`);w.textContent=`×`,w.style.color=`var(--msr-color-ink-500, #64748b)`,x.append(w,C);let T=e.createElement(`span`);T.textContent=`px`,T.style.color=`var(--msr-color-ink-500, #64748b)`,x.append(T);let E=y(`Position`);E.style.marginTop=`8px`;let D=b(`Left`),O=b(`Top`);E.append(D,O);let k=e.createElement(`span`);k.textContent=`px`,k.style.color=`var(--msr-color-ink-500, #64748b)`,E.append(k);let A=e.createElement(`button`);A.type=`button`,A.dataset.mesurerRecordingStart=`true`,A.textContent=`●  Start recording`,QE(A,{width:`100%`,height:`28px`,"margin-top":`8px`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`7px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"font-family":`inherit`,"font-size":`11px`,"font-weight":`500`,cursor:`pointer`}),v.append(A);let j=e.createElement(`div`);j.dataset.mesurerRecordingGrid=`true`,QE(j,{position:`absolute`,inset:`0`,display:`none`,"pointer-events":`none`}),h.append(j);let M=t=>{let n=e.createElement(`div`);QE(n,{position:`absolute`,opacity:`0.3`,...t}),j.append(n)};M({left:`33.333%`,top:`0`,bottom:`0`,borderLeft:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({left:`66.666%`,top:`0`,bottom:`0`,borderLeft:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({top:`33.333%`,left:`0`,right:`0`,borderTop:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({top:`66.666%`,left:`0`,right:`0`,borderTop:`1px dashed var(--msr-color-ink-500, #64748b)`});let N=Object.entries({nw:{left:`0`,top:`0`},n:{left:`50%`,top:`0`},ne:{left:`100%`,top:`0`},e:{left:`100%`,top:`50%`},se:{left:`100%`,top:`100%`},s:{left:`50%`,top:`100%`},sw:{left:`0`,top:`100%`},w:{left:`0`,top:`50%`}}).map(([t,n])=>{let r=e.createElement(`button`);return r.type=`button`,r.dataset.mesurerRecordingResize=t,r.setAttribute(`aria-label`,`Resize ${t}`),QE(r,{position:`absolute`,display:`none`,left:n.left,top:n.top,width:`8px`,height:`8px`,padding:`0`,border:`1px solid var(--msr-color-white, #fff)`,"border-radius":`999px`,background:`var(--msr-color-ink-900, #18181b)`,"box-shadow":`0 0 0 1px rgb(0 0 0 / 25%)`,transform:`translate(-50%, -50%)`,cursor:t===`n`||t===`s`?`ns-resize`:t===`e`||t===`w`?`ew-resize`:t===`nw`||t===`se`?`nwse-resize`:`nesw-resize`,"pointer-events":`auto`}),h.append(r),r}),P=e.createElement(`section`);P.dataset.mesurerRecordingStatus=`true`,P.dataset.mesurerInspectorUi=`true`,P.setAttribute(`aria-label`,`Screen recording`),QE(P,{position:`fixed`,display:`none`,height:`34px`,padding:`0 8px`,"align-items":`center`,gap:`8px`,border:`0`,"border-radius":`9px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 8px 24px rgba(0,0,0,.14))`,"font-family":`inherit`,"font-size":`11px`,"pointer-events":`auto`});let F=e.createElement(`span`);F.setAttribute(`aria-hidden`,`true`),QE(F,{width:`6px`,height:`6px`,"border-radius":`999px`,background:`var(--msr-danger-solid-bg, #dc2626)`,"flex-shrink":`0`}),P.append(F);let I=e.createElement(`span`);I.dataset.mesurerRecordingTime=`true`,I.textContent=`00:00`,QE(I,{color:`var(--msr-content, #18181b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`11px`,"font-variant-numeric":`tabular-nums`}),P.append(I);let L=e.createElement(`button`);L.type=`button`,L.dataset.mesurerRecordingStop=`true`,L.textContent=`Stop`,L.setAttribute(`aria-label`,`Stop recording`),QE(L,{height:`24px`,padding:`0 8px`,border:`0`,"border-radius":`6px`,background:`var(--msr-danger-solid-bg, #dc2626)`,color:`var(--msr-danger-solid-text, #fff)`,"font-family":`inherit`,"font-size":`11px`,"font-weight":`500`,cursor:`pointer`}),P.append(L),r.append(P);let R=e.createElement(`div`);R.dataset.mesurerRecordingError=`true`,R.dataset.mesurerInspectorUi=`true`,R.setAttribute(`role`,`status`),QE(R,{position:`fixed`,display:`none`,left:`8px`,top:`8px`,"z-index":`99`,padding:`6px 8px`,"border-radius":`6px`,background:`var(--msr-danger, #b42318)`,color:`#fff`,"font-size":`11px`,"pointer-events":`none`}),r.append(R);let z=null,B=null,V=!1,ee=null,H=0,U=()=>{z=null,B=null,V=!1,ee=null},W=(e,t)=>{for(let n of[`left`,`top`,`width`,`height`]){let r=t[n];r===void 0?e.style.removeProperty(n):e.style.setProperty(n,`${r}px`)}},te=e=>{let n=t.innerWidth,r=t.innerHeight,i=Math.min(n,Math.max(4,Math.round(e.width))),a=Math.min(r,Math.max(4,Math.round(e.height)));return{left:Math.min(Math.max(0,Math.round(e.left)),Math.max(0,n-i)),top:Math.min(Math.max(0,Math.round(e.top)),Math.max(0,r-a)),width:i,height:a}},ne=(e,t)=>t.x>=e.left&&t.x<=e.left+e.width&&t.y>=e.top&&t.y<=e.top+e.height,re=e=>{let n=t.innerWidth,r=t.innerHeight;if(!e||e.width<=0||e.height<=0){W(p[0],{left:0,top:0,width:n,height:r});for(let e of p.slice(1))W(e,{left:0,top:0,width:0,height:0});h.style.display=`none`,h.style.pointerEvents=`none`,j.style.display=`none`;for(let e of N)e.style.display=`none`;g.style.display=`none`,v.style.display=`none`,_.textContent=`Drag to select a region · Esc to cancel`;return}if(W(p[0],{left:0,top:0,width:n,height:e.top}),W(p[1],{left:0,top:e.top,width:e.left,height:e.height}),W(p[2],{left:e.left+e.width,top:e.top,width:Math.max(0,n-e.left-e.width),height:e.height}),W(p[3],{left:0,top:e.top+e.height,width:n,height:Math.max(0,r-e.top-e.height)}),h.style.display=`block`,W(h,e),V){h.style.pointerEvents=`auto`,h.style.cursor=`move`,j.style.display=`block`;for(let e of N)e.style.display=`block`;g.style.display=`none`,S.value=String(Math.round(e.width)),C.value=String(Math.round(e.height)),D.value=String(Math.round(e.left)),O.value=String(Math.round(e.top)),S.max=String(n),C.max=String(r),D.max=String(Math.max(0,n-e.width)),O.max=String(Math.max(0,r-e.height));let t=Math.min(Math.max(118,e.left+e.width/2),Math.max(118,n-110-8)),i=e.top+e.height+12,a=i+112<=r?i:Math.max(8,e.top-112);v.style.left=`${t}px`,v.style.top=`${a}px`,v.style.display=`block`,_.textContent=`Adjust region · Enter to start · Esc to cancel`}else{h.style.pointerEvents=`none`,h.style.cursor=``,j.style.display=`none`;for(let e of N)e.style.display=`none`;v.style.display=`none`,g.style.display=`block`,g.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,W(g,{left:e.left+e.width/2,top:Math.min(r-22,e.top+e.height+6)}),_.textContent=`Drag to select a region · Esc to cancel`}},ie=e=>{let t=te(e);B=t,s(t),re(t)},ae=e=>{U();for(let e of p)W(e,{left:0,top:0,width:0,height:0});W(m,e),m.style.display=`block`,h.style.display=`none`,g.style.display=`none`,v.style.display=`none`,j.style.display=`none`,_.style.display=`none`;for(let e of N)e.style.display=`none`;f.style.display=`block`,f.style.pointerEvents=`none`,f.style.cursor=`default`},oe=()=>{d(!1),m.style.display=`none`,f.style.display=`none`,f.style.pointerEvents=`auto`,f.style.cursor=`crosshair`,_.style.removeProperty(`display`)},se=()=>{U(),re(null),f.style.display=`none`,f.style.cursor=`crosshair`,n.style.pointerEvents=`none`},ce=e=>{let n=t.innerHeight,r=t.innerWidth;P.style.visibility=`hidden`,P.style.display=`flex`;let a=Math.max(112,P.offsetWidth||112),o=Math.min(r-a-8,Math.max(8,e.left+e.width/2-a/2)),s=i?.querySelector(`[data-mesurer-toolbar='true']`)?.getBoundingClientRect(),c=[e.top>=50?e.top-34-8:null,n-(e.top+e.height)>=50?e.top+e.height+8:null].filter(e=>e!==null),l=e=>s?o<s.right&&o+a>s.left&&e<s.bottom&&e+34>s.top:!1,u=c.find(e=>!l(e))??c[0]??null;if(u===null){P.style.display=`none`,P.style.removeProperty(`visibility`);return}P.style.left=`${o}px`,P.style.top=`${u}px`,P.style.removeProperty(`visibility`)},le=()=>{P.style.display=`none`},ue=e=>{H&&t.clearTimeout(H);let n=e instanceof Error?e.message:`Could not record this region.`;R.textContent=n,R.style.display=`block`,H=t.setTimeout(()=>{H=0,R.style.display=`none`},ZE)},de=(e,t,n)=>{let r=B;!V||!r||e.button!==0||(e.preventDefault(),e.stopPropagation(),ee={kind:t,handle:n,pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,rect:{...r}},f.setPointerCapture?.(e.pointerId))},fe=e=>{!a()||e.button!==0||V&&B&&ne(B,{x:e.clientX,y:e.clientY})||(e.preventDefault(),e.stopPropagation(),V=!1,B=null,s(null),f.style.cursor=`crosshair`,z={x:e.clientX,y:e.clientY},re(Yc(z,z,{width:t.innerWidth,height:t.innerHeight})),f.setPointerCapture?.(e.pointerId))},pe=e=>{if(a()){if(ee){let n=ee,r=e.clientX-n.startX,i=e.clientY-n.startY,a=t.innerWidth,o=t.innerHeight;if(n.kind===`move`){ie({...n.rect,left:n.rect.left+r,top:n.rect.top+i});return}let s=n.handle??``,c=n.rect.left,l=n.rect.top,u=n.rect.left+n.rect.width,d=n.rect.top+n.rect.height;s.includes(`w`)&&(c=Math.min(u-4,Math.max(0,n.rect.left+r))),s.includes(`e`)&&(u=Math.max(c+4,Math.min(a,n.rect.left+n.rect.width+r))),s.includes(`n`)&&(l=Math.min(d-4,Math.max(0,n.rect.top+i))),s.includes(`s`)&&(d=Math.max(l+4,Math.min(o,n.rect.top+n.rect.height+i))),ie({left:c,top:l,width:u-c,height:d-l});return}z&&re(Yc(z,{x:e.clientX,y:e.clientY},{width:t.innerWidth,height:t.innerHeight}))}},me=e=>{if(ee){ee=null,f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId),B&&re(B);return}let n=z;if(z=null,!a()||!n)return;f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId);let r=Yc(n,{x:e.clientX,y:e.clientY},{width:t.innerWidth,height:t.innerHeight});if(r.width<4||r.height<4){B=null,V=!1,s(null),re(null);return}B=te(r),V=!0,f.style.cursor=`default`,s(B),re(B)},he=e=>{z=null,ee=null,f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId),re(B&&V?B:null)},ge=e=>{if(e.key===`Enter`&&a()&&V&&B){e.preventDefault(),e.stopImmediatePropagation(),c(B).catch(()=>void 0);return}if(e.key===`Escape`){if(a()){e.preventDefault(),e.stopImmediatePropagation(),l().catch(()=>void 0);return}o()&&(e.preventDefault(),e.stopImmediatePropagation(),u().catch(()=>void 0))}};f.addEventListener(`pointerdown`,fe),f.addEventListener(`pointermove`,pe),f.addEventListener(`pointerup`,me),f.addEventListener(`pointercancel`,he),t.addEventListener(`keydown`,ge,!0),h.addEventListener(`pointerdown`,e=>{let t=e.target;t instanceof Element&&t.closest(`[data-mesurer-recording-resize]`)||de(e,`move`)});for(let e of N)e.addEventListener(`pointerdown`,t=>{de(t,`resize`,e.dataset.mesurerRecordingResize)});v.addEventListener(`pointerdown`,e=>{e.stopPropagation()}),v.addEventListener(`click`,e=>{e.stopPropagation()});let _e=(e,t)=>{let n=B,r=Number(e.value);!n||!Number.isFinite(r)||ie({...n,[t]:r})};return S.addEventListener(`change`,()=>_e(S,`width`)),C.addEventListener(`change`,()=>_e(C,`height`)),D.addEventListener(`change`,()=>_e(D,`left`)),O.addEventListener(`change`,()=>_e(O,`top`)),A.addEventListener(`click`,()=>{a()&&V&&B&&c(B).catch(()=>void 0)}),L.addEventListener(`click`,()=>{if(o()){u().catch(()=>void 0);return}a()&&P.style.display!==`none`&&l().catch(()=>void 0)}),{startSelection:()=>{U(),re(null),f.style.display=`block`,f.style.pointerEvents=`auto`,_.style.removeProperty(`display`),n.style.pointerEvents=`auto`},finishSelection:se,showRecordingMask:ae,hideRecordingMask:oe,placeRecordingStatus:ce,hideRecordingStatus:le,setRecordingTime(e){I.textContent=e},flashError:ue,dispose(){f.removeEventListener(`pointerdown`,fe),f.removeEventListener(`pointermove`,pe),f.removeEventListener(`pointerup`,me),f.removeEventListener(`pointercancel`,he),t.removeEventListener(`keydown`,ge,!0),H&&t.clearTimeout(H),se()}}},eD=e=>{let t=null,n=()=>{let e=t;e&&(t=null,e.pointerEvents||e.pointerEventsPriority?e.element.style.setProperty(`pointer-events`,e.pointerEvents,e.pointerEventsPriority):e.element.style.removeProperty(`pointer-events`),e.cursor||e.cursorPriority?e.element.style.setProperty(`cursor`,e.cursor,e.cursorPriority):e.element.style.removeProperty(`cursor`))};return{setActive(r){if(e?.toggleAttribute(`data-mesurer-recording-active`,r),!r){n();return}let i=e?.querySelector(`[data-mesurer-interaction-overlay='true']`);i&&((!t||t.element!==i)&&(n(),t={element:i,pointerEvents:i.style.getPropertyValue(`pointer-events`),pointerEventsPriority:i.style.getPropertyPriority(`pointer-events`),cursor:i.style.getPropertyValue(`cursor`),cursorPriority:i.style.getPropertyPriority(`cursor`)}),i.style.setProperty(`pointer-events`,`none`,`important`),i.style.setProperty(`cursor`,`default`,`important`))}}},tD=`mesurer.recording`,nD=`recording:v1`,rD=`mesurer.recording.settings`,iD=`runtime:solid`,aD=`recording.toggle`,oD=`recording.stop`,sD=`recording.discard`,cD=`recording.export`,lD=60,uD=60,dD={viewBox:`0 0 24 24`,paths:[`M7 5.75A3.25 3.25 0 0 0 3.75 9v6A3.25 3.25 0 0 0 7 18.25h7A3.25 3.25 0 0 0 17.25 15v-1.03l2.13 1.42a.75.75 0 0 0 1.17-.624V9.234a.75.75 0 0 0-1.17-.624l-2.13 1.42V9A3.25 3.25 0 0 0 14 5.75H7Zm10.25 6.082 1.8-1.2v2.736l-1.8-1.2v-.336Z`,`M10.5 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z`]},fD=e=>e?{...e}:null,pD=e=>({...e,rect:fD(e.rect)}),mD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},hD=e=>e!=null&&!Array.isArray(e)&&typeof e==`object`,gD=e=>typeof e==`number`&&Number.isFinite(e),_D=e=>{if(!hD(e))return{};let t={};return(e.format===`webm`||e.format===`mp4`)&&(t.format=e.format),gD(e.startTime)&&(t.startTime=e.startTime),gD(e.endTime)&&(t.endTime=e.endTime),(e.scale===1||e.scale===2||e.scale===3)&&(t.scale=e.scale),t},vD=e=>({status:e.status,elapsed:e.elapsed,rect:e.rect?{...e.rect}:null,duration:e.duration,width:e.width,height:e.height,error:e.error}),yD=e=>({filename:e.filename,format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size}),bD=e=>({format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size,createdAt:e.createdAt}),xD=(e,t,n)=>{let r=globalThis.URL.createObjectURL(e.blob),i=t.createElement(`a`);i.href=r,i.download=e.filename,i.rel=`noopener`,t.documentElement.append(i),i.click(),i.remove(),n.setTimeout(()=>globalThis.URL.revokeObjectURL(r),1e3)},SD=(e={})=>wc({id:tD,version:`0.1.0`,requires:[iD],provides:[`tool:recording`,nD],setup(t){let n=t.service.get(iD);if(!n)throw Error(`Recording plugin requires the Solid renderer runtime.`);let{ownerDocument:r,ownerWindow:i}=n,a=n.createInspectorMount(),o=a.element,s=n.createInspectorMount(),c=s.element,l=n.rendererRoot??n.portalTarget.querySelector(`[data-mesurer-root='true']`),u=eD(l);o.dataset.mesurerRecording=`true`,c.dataset.mesurerRecordingStatusRoot=`true`,mD(o,{position:`fixed`,inset:`0`,"z-index":`86`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`}),mD(c,{position:`fixed`,inset:`0`,"z-index":`96`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`});let d=Math.max(1,Math.min(600,e.maxDurationSeconds??uD)),f=e.quality??`medium`;t.state.register({id:rD,initial:{toolEnabled:e.toolEnabled??!0,frameRate:e.frameRate??lD},persist:!0});let p=()=>{let e=t.state.get(rD);return{toolEnabled:e?.toolEnabled??!0,frameRate:e?.frameRate===120?120:60}},m=e=>{t.state.update(rD,t=>{let n={...t};return e.toolEnabled!==void 0&&(n.toolEnabled=e.toolEnabled),(e.frameRate===60||e.frameRate===120)&&(n.frameRate=e.frameRate),n})},h={status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null},g=new Set,_=null,v=null,y=null,b=null,x,S=null,C=0,w=0,T=0,E=0,D=-1,O=!1,k=null,A=()=>{let e=pD(h);for(let t of g)t(e)},j=e=>{h={...h,...e,rect:e.rect===void 0?h.rect:fD(e.rect)},A()},M=()=>h.status===`selecting`||h.status===`recording`||h.status===`exporting`,N=()=>{if(S)return;let e=n.portalTarget.querySelector(`[data-mesurer-toolbar='true']`);e&&(S={element:e,value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)},e.style.setProperty(`visibility`,`hidden`,`important`))},P=()=>{if(!S)return;let e=S;S=null,e.value||e.priority?e.element.style.setProperty(`visibility`,e.value,e.priority):e.element.style.removeProperty(`visibility`)},F=async e=>{C&&i.cancelAnimationFrame(C),C=0,w&&i.clearTimeout(w),w=0;let t=b;if(b=null,t)try{await t}catch{}let n=y;y=null,e&&await n?.cancel();let r=v;v=null,r&&CE(r),x.hideRecordingMask(),x.hideRecordingStatus()},I=()=>{_=null,z.dismiss(),j({status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null}),t.hook.emit(`recording:discard`,{})},L=async()=>{let e=_;return NE(e?.width??Math.max(2,Math.round(i.innerWidth)),e?.height??Math.max(2,Math.round(i.innerHeight)),p().frameRate)},R=async(e={})=>{let n=_;if(!n)throw Error(`No recording is ready to export.`);let r=h.status;j({status:`exporting`,error:null});try{let r=await LE(n.blob,e),i={...r,filename:RE(r.format)};return j({status:`ready`,duration:n.duration,width:n.width,height:n.height,error:null}),await t.hook.emit(`recording:export`,{filename:i.filename,format:i.format,duration:i.duration,width:i.width,height:i.height,bytes:i.blob.size}),i}catch(e){throw j({status:r===`ready`?`ready`:`error`,error:e instanceof Error?e.message:`Could not export the recording.`}),e}},z=XE({ownerDocument:r,ownerWindow:i,root:o,formats:async()=>L(),onDiscard:I,onExport:R}),B=async()=>{if(k)return k;if(h.status!==`recording`||!y||!v)throw Error(`No recording is active.`);let e=T,n=y,r=v,a=fD(h.rect);if(!a)throw Error(`Recording region is unavailable.`);return k=(async()=>{C&&i.cancelAnimationFrame(C),C=0,w&&i.clearTimeout(w),w=0;let s=b;b=null,s&&await s;let c=await n.finalize();if(y=null,v=null,CE(r),T!==e||O)throw Error(`Recording was cancelled.`);let l=await IE(c),u={blob:c,format:`webm`,duration:l.duration,width:l.width,height:l.height,createdAt:Date.now()};return _=u,x.hideRecordingMask(),x.hideRecordingStatus(),P(),o.style.pointerEvents=`none`,j({status:`ready`,elapsed:l.duration,duration:l.duration,width:l.width,height:l.height,error:null}),z.show(u),await t.hook.emit(`recording:ready`,{rect:a,duration:l.duration,width:l.width,height:l.height,bytes:c.size}),u})().catch(async t=>{if(await F(!0),P(),T===e&&!O){let e=t instanceof Error?t.message:`Could not finish the recording.`;j({status:`error`,error:e}),x.flashError(t)}throw t}).finally(()=>{k=null}),k},V=(e,t,n,r)=>{let a=1/r,o=r=>{if(O||T!==n||h.status!==`recording`||y!==t||v!==e)return;let s=Math.max(0,(r-E)/1e3);j({elapsed:s}),x.setRecordingTime(`${String(Math.floor(s/60)).padStart(2,`0`)}:${String(Math.floor(s%60)).padStart(2,`0`)}`);let c=s;!b&&c-D>=a*.8&&(SE(e,h.rect??{left:0,top:0,width:i.innerWidth,height:i.innerHeight},aE(i)),D=c,b=t.addFrame(c,a).catch(e=>{throw T===n&&!O&&F(!0).then(()=>{P();let t=e instanceof Error?e.message:`MediaBunny could not encode the recording.`;j({status:`error`,error:t}),x.flashError(e)}),e}).finally(()=>{b=null})),C=i.requestAnimationFrame(o)};C=i.requestAnimationFrame(o)},ee=async e=>{let n=++T,a=p().frameRate;z.dismiss(),_=null,x.showRecordingMask(e),o.style.pointerEvents=`none`,u.setActive(!0),P(),j({status:`selecting`,elapsed:0,rect:e,duration:null,width:null,height:null,error:null}),x.setRecordingTime(`00:00`),x.placeRecordingStatus(e);try{let s=await xE(r,i,e,a);if(O||T!==n){CE(s);return}let c=await FE(s.canvas,{format:`webm`,frameRate:a,quality:f});if(O||T!==n){await c.cancel(),CE(s);return}if(v=s,y=c,E=i.performance.now(),D=0,SE(s,e,aE(i)),await c.addFrame(0,1/a),O||T!==n){await F(!0);return}j({status:`recording`,elapsed:0}),o.style.pointerEvents=`none`,u.setActive(!0),x.showRecordingMask(e),x.setRecordingTime(`00:00`),x.placeRecordingStatus(e),V(s,c,n,a),s.track.addEventListener(`ended`,()=>{T===n&&h.status===`recording`&&B().catch(()=>void 0)},{once:!0}),w=i.setTimeout(()=>{T===n&&h.status===`recording`&&B().catch(()=>void 0)},d*1e3),await t.hook.emit(`recording:start`,{rect:{...e},frameRate:a,maxDurationSeconds:d})}catch(t){if(await F(!0),P(),T!==n||O)return;let r=t instanceof DOMException&&t.name===`AbortError`,i=r?null:t instanceof Error?t.message:`Could not start the recording.`;throw j({status:r?`idle`:`error`,rect:r?null:e,error:i}),r||x.flashError(t),t}},H=()=>{h.status!==`selecting`&&(++T,z.dismiss(),_=null,N(),x.startSelection(),j({status:`selecting`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null}))},U=async e=>{if(h.status===`recording`){await B();return}if(h.status===`selecting`){await W();return}if(!e){H();return}if(e.width<4||e.height<4)throw Error(`Recording selection must be at least 4px by 4px.`);await ee(e)},W=async()=>{++T,x.finishSelection(),await F(!0),P(),h.status!==`ready`&&j({status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null})};x=$E({ownerDocument:r,ownerWindow:i,root:o,statusRoot:c,rendererRoot:l,isSelecting:()=>h.status===`selecting`,isRecording:()=>h.status===`recording`,onRectChange:e=>j({rect:e}),onConfirm:ee,onCancel:W,onStop:async()=>{await B()},setRecordingInteractionActive:u.setActive});let te={snapshot:()=>pD(h),subscribe(e){return g.add(e),()=>g.delete(e)},settings:p,setSettings:m,formats:L,start:U,stop:B,cancel:W,discard:I,export:R};t.tool.register({id:`recording`,label:`Record`,shortcut:`Shift+R`,order:72,command:aD,toolbarMode:`select`,compactPinned:!0,icon:dD,active:M,hidden:()=>!p().toolEnabled,menu:{label:`Recording options`,items:[{id:`new`,label:`New recording`,disabled:()=>h.status===`recording`||h.status===`exporting`,run:()=>U()},{id:`stop`,label:`Stop recording`,disabled:()=>h.status!==`recording`,run:()=>B().then(()=>void 0)},{id:`discard`,label:`Discard clip`,disabled:()=>_===null,run:I}]}}),t.settings.register({id:`recording`,label:`Recording`,order:42,controls:[{type:`toggle`,id:`tool`,label:`Recording tool`,description:`Show selected-region video recording in the Select toolbar.`,value:()=>p().toolEnabled,set:async e=>{m({toolEnabled:e}),!e&&M()&&await W()}},{type:`toggle`,id:`120-fps`,label:`120 fps`,description:`Record at 120 fps when the capture source supports it. Off records at 60 fps.`,value:()=>p().frameRate===120,disabled:M,set:e=>{m({frameRate:e?120:60})}}]}),t.command.register(aD,async()=>(await U(),vD(h))),t.command.register(oD,async()=>bD(await B())),t.command.register(sD,()=>(I(),vD(h))),t.command.register(cD,async e=>{let t=await R(_D(e));return xD(t,r,i),yD(t)}),t.service.provide(nD,te),t.lifecycle.onDispose(()=>{O=!0,++T,g.clear(),z.dispose(),x.dispose(),P(),F(!0),s.dispose(),a.dispose()})}}),CD=144,wD=96,TD=8,ED=4,DD=1800,OD=200,kD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},AD=(e,t)=>({left:Math.min(Math.max(TD,e.left),Math.max(TD,t.innerWidth-CD-TD)),top:Math.min(Math.max(TD,e.top),Math.max(TD,t.innerHeight-wD-TD))}),jD=(e,t)=>{let n=e.createElement(`button`);return n.type=`button`,n.textContent=t,kD(n,{height:`32px`,padding:`0 12px`,border:`1px solid rgb(255 255 255 / 18%)`,"border-radius":`8px`,"background-color":`rgb(28 28 30 / 84%)`,color:`white`,"font-family":`inherit`,"font-size":`12px`,"font-weight":`500`,cursor:`pointer`}),n},MD=({copied:e,downloaded:t,copyFailed:n,downloadFailed:r})=>e&&t?`Copied and saved screenshot`:e&&r?`Copied screenshot · Save unavailable`:t&&n?`Saved screenshot · Copy unavailable`:e?`Copied screenshot`:t?`Saved screenshot`:n&&r?`Screenshot captured · Copy and save unavailable`:n?`Screenshot captured · Copy unavailable`:r?`Screenshot captured · Save unavailable`:`Screenshot captured`,ND=e=>e!==null&&(e.nodeType===1||e.nodeType===11),PD=({ownerDocument:e,ownerWindow:t,root:n,previewDurationMs:r})=>{let i=n.closest(`[data-mesurer-root='true']`)??n.parentNode;if(!ND(i))throw Error(`Screenshot preview requires a mounted Mesurer host.`);let a=e.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerScreenshotInteractive=`true`,kD(a,{position:`fixed`,left:`0`,top:`0`,width:`0`,height:`0`,overflow:`visible`,"z-index":`96`,"pointer-events":`auto`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`}),i.append(a);let o=e.createElement(`div`);o.dataset.mesurerScreenshotPreview=`true`,o.setAttribute(`role`,`button`),o.setAttribute(`aria-label`,`Open captured screenshot`),o.tabIndex=0,kD(o,{position:`fixed`,display:`none`,"z-index":`96`,width:`${CD}px`,height:`${wD}px`,"box-sizing":`border-box`,overflow:`hidden`,"border-radius":`10px`,border:`1px solid rgb(0 0 0 / 14%)`,"background-color":`white`,"box-shadow":`0 2px 8px rgb(0 0 0 / 12%)`,"pointer-events":`auto`,cursor:`grab`,"user-select":`none`,"touch-action":`none`});let s=e.createElement(`img`);s.dataset.mesurerScreenshotPreviewImage=`true`,s.alt=`Captured screenshot`,s.draggable=!1,s.title=`Click to open · Right-click for browser image actions`,kD(s,{display:`block`,width:`100%`,height:`100%`,"object-fit":`contain`,"background-color":`white`}),o.append(s);let c=e.createElement(`button`);c.dataset.mesurerScreenshotPreviewDismiss=`true`,c.type=`button`,c.setAttribute(`aria-label`,`Dismiss screenshot preview`),c.title=`Dismiss`,kD(c,{position:`absolute`,top:`8px`,right:`8px`,width:`20px`,height:`20px`,display:`flex`,"align-items":`center`,"justify-content":`center`,"box-sizing":`border-box`,padding:`0`,border:`0`,"border-radius":`999px`,"background-color":`rgb(48 51 64)`,color:`white`,"font-family":`inherit`,"font-size":`14px`,"line-height":`1`,"z-index":`2`,cursor:`pointer`,"touch-action":`none`});let l=e.createElementNS(`http://www.w3.org/2000/svg`,`svg`);l.setAttribute(`viewBox`,`0 0 16 16`),l.setAttribute(`width`,`12`),l.setAttribute(`height`,`12`),l.setAttribute(`fill`,`none`),l.setAttribute(`aria-hidden`,`true`);let u=e.createElementNS(`http://www.w3.org/2000/svg`,`path`);u.setAttribute(`d`,`m4 4 8 8M12 4l-8 8`),u.setAttribute(`stroke`,`currentColor`),u.setAttribute(`stroke-width`,`1.75`),u.setAttribute(`stroke-linecap`,`round`),l.append(u),c.append(l),o.append(c),a.append(o);let d=e.createElement(`div`);d.dataset.mesurerScreenshotViewer=`true`,d.setAttribute(`role`,`dialog`),d.setAttribute(`aria-modal`,`true`),d.setAttribute(`aria-label`,`Screenshot viewer`),kD(d,{position:`fixed`,inset:`0`,display:`none`,"z-index":`110`,"align-items":`center`,"justify-content":`center`,padding:`56px 48px 40px`,"box-sizing":`border-box`,"background-color":`rgb(0 0 0 / 72%)`,"backdrop-filter":`blur(8px)`,"pointer-events":`auto`});let f=e.createElement(`img`);f.dataset.mesurerScreenshotViewerImage=`true`,f.alt=`Captured screenshot`,kD(f,{display:`block`,"max-width":`calc(100vw - 96px)`,"max-height":`calc(100vh - 112px)`,width:`auto`,height:`auto`,"object-fit":`contain`,"border-radius":`8px`,"box-shadow":`0 8px 30px rgb(0 0 0 / 28%)`}),d.append(f);let p=e.createElement(`div`);p.dataset.mesurerScreenshotViewerControls=`true`,kD(p,{position:`fixed`,top:`16px`,right:`16px`,display:`flex`,gap:`8px`,"pointer-events":`auto`});let m=jD(e,`Copy`);m.dataset.mesurerScreenshotViewerCopy=`true`,m.setAttribute(`aria-label`,`Copy screenshot`);let h=jD(e,`Save`);h.dataset.mesurerScreenshotViewerSave=`true`,h.setAttribute(`aria-label`,`Save screenshot`);let g=jD(e,`Close`);g.dataset.mesurerScreenshotViewerClose=`true`,g.setAttribute(`aria-label`,`Close screenshot viewer`),p.append(m,h,g),d.append(p),a.append(d);let _=e.createElement(`div`);_.dataset.mesurerScreenshotToast=`true`,_.setAttribute(`role`,`status`),kD(_,{position:`fixed`,left:`50%`,bottom:`20px`,display:`none`,"z-index":`120`,transform:`translateX(-50%)`,padding:`7px 10px`,"border-radius":`8px`,"background-color":`rgb(28 28 30 / 90%)`,color:`white`,"font-size":`12px`,"font-weight":`500`,"pointer-events":`none`}),a.append(_);let v=null,y=null,b=null,x=null,S=0,C=0,w=null,T=!1,E=()=>{S&&t.clearTimeout(S),S=0},D=()=>{C&&t.clearTimeout(C),C=0},O=(e,n=!1)=>{D(),_.textContent=e,_.style.backgroundColor=n?`#b42318`:`rgb(28 28 30 / 90%)`,_.style.display=`block`,C=t.setTimeout(()=>{C=0,_.style.display=`none`},DD)},k=()=>{d.style.display=`none`},A=()=>{y&&globalThis.URL.revokeObjectURL(y),y=null,v=null,s.removeAttribute(`src`),f.removeAttribute(`src`)},j=()=>{E(),k(),w&&=(w.cancel(),null),o.style.display=`none`,o.style.opacity=`1`,o.style.transform=`none`,o.style.removeProperty(`will-change`),o.style.pointerEvents=`auto`,A()},M=()=>{if(!v||o.style.display===`none`||w)return;E(),k();let e=o.getBoundingClientRect(),n=Math.max(152,t.innerWidth-e.left+TD);o.style.pointerEvents=`none`,o.style.willChange=`transform, opacity`;let r=o.animate([{transform:`translateX(0) scale(1)`,opacity:1},{transform:`translateX(${n}px) scale(0.92)`,opacity:0}],{duration:OD,easing:`ease`,fill:`forwards`});w=r,r.finished.catch(()=>void 0).then(()=>{w===r&&(r.cancel(),w=null,j())})},N=()=>AD({left:t.innerWidth-CD-TD,top:t.innerHeight-wD-TD},t),P=e=>{let n=AD(e,t);b=n,o.style.left=`${n.left}px`,o.style.top=`${n.top}px`},F=()=>{!v||!y||(E(),d.style.display=`flex`,g.focus())},I=async()=>{let e=v;if(e)try{await Zc(Promise.resolve(e),t),O(`Copied screenshot`)}catch{O(`Could not copy screenshot`,!0)}},L=()=>{let n=v;if(n)try{$c(n,Qc(),e,t),O(`Saved screenshot`)}catch{O(`Could not save screenshot`,!0)}},R=(e,t,n)=>{if(!v)return!1;E();let r=o.getBoundingClientRect();return x={pointerId:n,startX:e,startY:t,left:r.left,top:r.top,moved:!1},o.style.cursor=`grabbing`,!0},z=(e,t)=>{let n=x;if(!n)return;let r=e-n.startX,i=t-n.startY;!n.moved&&Math.hypot(r,i)>=ED&&(n.moved=!0),n.moved&&P({left:n.left+r,top:n.top+i})},B=()=>{let e=x;e&&(x=null,o.style.cursor=`grab`,e.moved||F())},V=()=>{x&&(x=null,o.style.cursor=`grab`)},ee=e=>{e.button!==0||!R(e.clientX,e.clientY,null)||e.preventDefault()},H=e=>{x?.pointerId===null&&z(e.clientX,e.clientY)},U=e=>{e.button===0&&x?.pointerId===null&&B()},W=e=>{e.pointerType!==`mouse`&&e.button===0&&R(e.clientX,e.clientY,e.pointerId)&&(o.setPointerCapture?.(e.pointerId),e.preventDefault())},te=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&z(e.clientX,e.clientY)},ne=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&(o.hasPointerCapture?.(e.pointerId)&&o.releasePointerCapture(e.pointerId),B())},re=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&(o.hasPointerCapture?.(e.pointerId)&&o.releasePointerCapture(e.pointerId),V())},ie=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),F())},ae=e=>{e.target!==s&&e.preventDefault()},oe=e=>{e.target===d&&k()},se=e=>{e.key===`Escape`&&d.style.display!==`none`&&(e.preventDefault(),e.stopImmediatePropagation(),k())};return c.addEventListener(`pointerdown`,e=>e.stopPropagation()),c.addEventListener(`mousedown`,e=>e.stopPropagation()),c.addEventListener(`click`,e=>{e.stopPropagation(),M()}),o.addEventListener(`mousedown`,ee),o.addEventListener(`pointerdown`,W),o.addEventListener(`keydown`,ie),o.addEventListener(`contextmenu`,ae),d.addEventListener(`click`,oe),m.addEventListener(`click`,()=>{I()}),h.addEventListener(`click`,L),g.addEventListener(`click`,k),t.addEventListener(`mousemove`,H,!0),t.addEventListener(`mouseup`,U,!0),t.addEventListener(`pointermove`,te,!0),t.addEventListener(`pointerup`,ne,!0),t.addEventListener(`pointercancel`,re,!0),t.addEventListener(`keydown`,se,!0),{show(e,n){if(T)return;E(),k(),w&&=(w.cancel(),null),o.style.opacity=`1`,o.style.transform=`none`,o.style.willChange=`transform, opacity`,o.style.pointerEvents=`auto`,A(),v=e;let i=globalThis.URL.createObjectURL(e);y=i,s.src=i,f.src=i,o.style.display=`block`,P(b??N()),O(MD(n)),r>0&&(S=t.setTimeout(j,r))},dismiss:j,dispose(){T||(T=!0,E(),D(),j(),t.removeEventListener(`mousemove`,H,!0),t.removeEventListener(`mouseup`,U,!0),t.removeEventListener(`pointermove`,te,!0),t.removeEventListener(`pointerup`,ne,!0),t.removeEventListener(`pointercancel`,re,!0),t.removeEventListener(`keydown`,se,!0),o.removeEventListener(`mousedown`,ee),o.removeEventListener(`pointerdown`,W),o.removeEventListener(`keydown`,ie),o.removeEventListener(`contextmenu`,ae),d.removeEventListener(`click`,oe),a.remove())}}},FD=`mesurer.screenshot`,ID=`screenshot`,LD=`mesurer.screenshot.settings`,RD=`mesurer.screenshot.active`,zD=`runtime:solid`,BD=`screenshot.toggle`,VD=2500,HD=0,UD=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-selection-spacing-target='true']`,`[data-mesurer-guide='true']`,`[data-mesurer-distance='true']`].join(`,`),WD=`${UD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`,GD={viewBox:`0 0 256 256`,paths:[`m 96,50 a 6.0006,6.0006 0 0 0 -4.992188,2.671875 L 76.789062,74 H 40 C 27.920803,74 18,83.920803 18,96 v 96 c 0,12.0792 9.920803,22 22,22 h 176 c 12.0792,0 22,-9.9208 22,-22 V 96 C 238,83.920803 228.0792,74 216,74 H 179.21094 L 164.99219,52.671875 A 6.0006,6.0006 0 0 0 160,50 Z m 3.210937,12 h 57.578123 l 14.21875,21.328125 A 6.0006,6.0006 0 0 0 176,86 h 40 c 5.59392,0 10,4.406085 10,10 v 96 c 0,5.59392 -4.40608,10 -10,10 H 40 c -5.593915,0 -10,-4.40608 -10,-10 V 96 c 0,-5.593915 4.406085,-10 10,-10 h 40 a 6.0006,6.0006 0 0 0 4.992187,-2.671875 z`,`m 128,94 c -23.12489,0 -42,18.87511 -42,42 0,23.12489 18.87511,42 42,42 23.12489,0 42,-18.87511 42,-42 0,-23.12489 -18.87511,-42 -42,-42 z m 0,12 c 16.63961,0 30,13.36039 30,30 0,16.63961 -13.36039,30 -30,30 -16.63961,0 -30,-13.36039 -30,-30 0,-16.63961 13.36039,-30 30,-30 z`]},KD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},qD=(e,t)=>{for(let n of[`left`,`top`,`right`,`bottom`,`width`,`height`]){let r=t[n];r===void 0?e.style.removeProperty(n):e.style.setProperty(n,`${r}px`)}},JD=e=>{let t=e(LD);return{toolEnabled:t?.toolEnabled??!0,copy:t?.copy??!0,download:t?.download??!1,includeMeasurements:t?.includeMeasurements??!1}},YD=e=>({value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),XD=(e,t)=>{t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`)},ZD=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},QD=e=>{let t=e.querySelector(`[data-mesurer-root='true']`);if(!t)return()=>void 0;let n=new Set;for(let e of t.querySelectorAll(`[data-mesurer-rulers='true']`)){let r=ZD(e,t);r&&n.add(r)}for(let e of t.querySelectorAll(UD)){let r=ZD(e,t);r&&n.add(r)}let r=[];for(let e of n)e.dataset.mesurerInspectorUi!==`true`&&(r.push({element:e,display:YD(e)}),e.style.setProperty(`display`,`none`,`important`));return()=>{for(let e of r)XD(e.element,e.display)}},$D=e=>Array.from(e.querySelectorAll(WD)).filter(e=>e.dataset.mesurerInspectorUi===`true`).map(e=>({element:e,display:YD(e)})),eO=e=>{for(let t of e)t.element.isConnected&&XD(t.element,t.display)},tO=(e={})=>wc({id:FD,version:`0.1.0`,requires:[zD],provides:[`tool:screenshot`,`capture:screenshot`,`settings:screenshot`],setup(t){let n=t.service.get(zD);if(!n)throw Error(`Screenshot plugin requires the Solid renderer runtime.`);let{ownerDocument:r,ownerWindow:i}=n,a=n.createWorkspaceRuntime(),o=n.createInspectorMount(),s=e.capture??e.captureVisibleTab,c=s??vl,l=e.previewDurationMs??HD;t.state.register({id:LD,initial:{toolEnabled:e.toolEnabled??!0,copy:e.copy??!0,download:e.download??!1,includeMeasurements:e.includeMeasurements??!1},persist:!0}),t.state.register({id:RD,initial:!1});let u=o.element;u.dataset.mesurerScreenshot=`true`,KD(u,{position:`fixed`,inset:`0`,"z-index":`85`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`});let d=r.createElement(`div`);d.dataset.mesurerScreenshotSelect=`true`,d.setAttribute(`role`,`application`),d.setAttribute(`aria-label`,`Screenshot selection`),KD(d,{position:`fixed`,inset:`0`,display:`none`,"z-index":`85`,cursor:`crosshair`,"pointer-events":`auto`,"user-select":`none`,"touch-action":`none`}),u.append(d);let f=Array.from({length:4},()=>{let e=r.createElement(`div`);return KD(e,{position:`fixed`,"background-color":`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),d.append(e),e}),p=r.createElement(`div`);KD(p,{position:`fixed`,display:`none`,border:`1px solid #0d99ff`,"box-sizing":`border-box`,"pointer-events":`none`}),d.append(p);let m=r.createElement(`div`);KD(m,{position:`fixed`,display:`none`,"z-index":`86`,transform:`translateX(-50%)`,"border-radius":`4px`,padding:`2px 4px`,"background-color":`#0d99ff`,color:`white`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"pointer-events":`none`}),d.append(m);let h=r.createElement(`div`);h.textContent=`Drag to select · Esc to cancel`,KD(h,{position:`fixed`,left:`50%`,bottom:`16px`,transform:`translateX(-50%)`,"border-radius":`4px`,padding:`4px 8px`,"background-color":`black`,color:`white`,"font-size":`11px`,"pointer-events":`none`}),d.append(h);let g=r.createElement(`div`);g.dataset.mesurerScreenshotError=`true`,g.setAttribute(`role`,`status`),g.textContent=`Could not save screenshot`,KD(g,{position:`fixed`,display:`none`,"z-index":`97`,"border-radius":`6px`,padding:`6px 8px`,"background-color":`#b42318`,color:`white`,"font-size":`11px`,"pointer-events":`none`}),u.append(g);let _=null,v=null,y=0,b=0,x=!1,S=!1,C=!1,w=()=>t.state.get(`mesurer.screenshot.active`)??!1,T=()=>JD(t.state.get),E=e=>{t.state.update(LD,t=>{let n={...t};return e.toolEnabled!==void 0&&(n.toolEnabled=e.toolEnabled),e.copy!==void 0&&(n.copy=e.copy),e.download!==void 0&&(n.download=e.download),e.includeMeasurements!==void 0&&(n.includeMeasurements=e.includeMeasurements),n})},D=e=>{w()!==e&&t.state.update(`mesurer.screenshot.active`,()=>e)},O=()=>{if(v)return;let e=n.portalTarget.querySelector(`[data-mesurer-toolbar='true']`);e&&(v={element:e,visibility:{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}},e.style.setProperty(`visibility`,`hidden`,`important`))},k=()=>{if(!v)return;let{element:e,visibility:t}=v;v=null,t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`)},A=e=>{let t=i.innerWidth,n=i.innerHeight;if(!e||e.width<=0||e.height<=0){qD(f[0],{left:0,top:0,width:t,height:n});for(let e of f.slice(1))qD(e,{left:0,top:0,width:0,height:0});p.style.display=`none`,m.style.display=`none`;return}qD(f[0],{left:0,top:0,width:t,height:e.top}),qD(f[1],{left:0,top:e.top,width:e.left,height:e.height}),qD(f[2],{left:e.left+e.width,top:e.top,width:Math.max(0,t-e.left-e.width),height:e.height}),qD(f[3],{left:0,top:e.top+e.height,width:t,height:Math.max(0,n-e.top-e.height)}),p.style.display=`block`,qD(p,e),m.style.display=`block`,m.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,qD(m,{left:e.left+e.width/2,top:Math.min(n-22,e.top+e.height+6)})},j=()=>n.portalTarget.querySelector(`[data-mesurer-tool-id='screenshot']`)?.getBoundingClientRect()??null,M=PD({ownerDocument:r,ownerWindow:i,root:u,previewDurationMs:l}),N=e=>{let t=j(),n=Math.max(140,e.offsetWidth||140),r=Math.max(26,e.offsetHeight||26),a=t?Math.min(i.innerWidth-n-8,Math.max(8,t.left+t.width/2-n/2)):8,o=t?t.bottom+8:8,s=o+r<=i.innerHeight-8?o:Math.max(8,(t?.top??i.innerHeight)-r-8);e.style.left=`${a}px`,e.style.top=`${s}px`},P=()=>{y&&i.clearTimeout(y),g.style.display=`block`,N(g),y=i.setTimeout(()=>{y=0,g.style.display=`none`},VD)},F=()=>{_=null,A(null),d.style.visibility=``,d.style.display=`none`,u.style.pointerEvents=`none`,D(!1),k()},I=()=>{b+=1,F(),yl(i)},L=async e=>{if(x)throw Error(`A screenshot capture is already running.`);if(e.width<4||e.height<4)throw Error(`Screenshot selection must be at least 4px by 4px.`);x=!0;let o=++b,s=T(),l=s.includeMeasurements?$D(r):[],u=s.includeMeasurements?()=>void 0:QD(n.portalTarget);a.prepareCapture(),s.includeMeasurements&&eO(l);try{d.style.visibility=`hidden`,await el(i);let n=await Xc(await c({ownerDocument:r,ownerWindow:i}),e,{width:i.innerWidth,height:i.innerHeight},r,Jc(r));if(b!==o)throw Error(`Screenshot capture was cancelled.`);let a=!1,l=!1,u=s.copy?Zc(Promise.resolve(n),i).then(()=>{a=!0}):Promise.resolve(),f=s.download?Promise.resolve().then(()=>{$c(n,Qc(),r,i),l=!0}):Promise.resolve(),p=await Promise.allSettled([u,f]),m=s.copy&&p[0]?.status===`rejected`,h=s.download&&p[1]?.status===`rejected`;if(b!==o)throw Error(`Screenshot capture was cancelled.`);return w()&&F(),M.show(n,{copied:a,downloaded:l,copyFailed:m,downloadFailed:h}),await t.hook.emit(`screenshot:capture`,{rect:{...e},copied:a,downloaded:l}),{blob:n,rect:{...e},copied:a,downloaded:l}}catch(e){throw b===o&&P(),e}finally{d.style.visibility=``,u(),a.finishCapture(),x=!1}},R=async()=>{if(T().toolEnabled){if(w()){I();return}if(!S){S=!0,M.dismiss();try{if(s||await _l(r,i),C)return;O(),A(null),d.style.visibility=`visible`,u.style.pointerEvents=`auto`,d.style.display=`block`,D(!0)}catch(e){throw e instanceof Error&&e.name===`AbortError`||P(),e}finally{S=!1}}}},z=e=>{!w()||e.button!==0||(e.preventDefault(),e.stopPropagation(),_={x:e.clientX,y:e.clientY},A(Yc(_,_,{width:i.innerWidth,height:i.innerHeight})),d.setPointerCapture?.(e.pointerId))},B=e=>{!w()||!_||A(Yc(_,{x:e.clientX,y:e.clientY},{width:i.innerWidth,height:i.innerHeight}))},V=e=>{let t=_;if(_=null,!w()||!t)return;d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId);let n=Yc(t,{x:e.clientX,y:e.clientY},{width:i.innerWidth,height:i.innerHeight});if(A(n),n.width<4||n.height<4){A(null);return}L(n).catch(()=>void 0).finally(()=>{w()&&F()})},ee=e=>{_=null,d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId),A(null)},H=e=>{e.key!==`Escape`||!w()||(e.preventDefault(),e.stopImmediatePropagation(),I())};d.addEventListener(`pointerdown`,z),d.addEventListener(`pointermove`,B),d.addEventListener(`pointerup`,V),d.addEventListener(`pointercancel`,ee),i.addEventListener(`keydown`,H,!0);let U={active:w,settings:T,setSettings:E,start:R,cancel:I,capture:L};t.tool.register({id:`screenshot`,label:`Screenshot`,shortcut:`Shift+S`,order:70,command:BD,toolbarMode:`select`,compactPinned:!0,icon:GD,active:w,hidden:()=>!T().toolEnabled,menu:{label:`Screenshot options`,items:[{id:`copy`,label:`Auto-copy`,checked:()=>T().copy,run:()=>E({copy:!T().copy})},{id:`download`,label:`Auto-download`,checked:()=>T().download,run:()=>E({download:!T().download})},{id:`measurements`,label:`Include measurements`,checked:()=>T().includeMeasurements,run:()=>E({includeMeasurements:!T().includeMeasurements})}]}}),t.settings.register({id:`screenshot`,label:`Screenshot`,order:40,controls:[{type:`toggle`,id:`tool`,label:`Screenshot tool`,description:`Show the camera tool in the toolbar.`,value:()=>T().toolEnabled,set:e=>{E({toolEnabled:e}),!e&&w()&&I()}},{type:`toggle`,id:`copy`,label:`Auto-copy`,description:`Copy each successful capture when the browser allows it.`,value:()=>T().copy,set:e=>E({copy:e})},{type:`toggle`,id:`download`,label:`Auto-download`,description:`Download each successful capture as a PNG.`,value:()=>T().download,set:e=>E({download:e})},{type:`toggle`,id:`measurements`,label:`Include measurements`,description:`Keep selections, measurements, guides, distances, and rulers in the PNG.`,value:()=>T().includeMeasurements,set:e=>E({includeMeasurements:e})}]}),t.command.register(BD,R),t.service.provide(ID,U),t.lifecycle.onDispose(()=>{C=!0,b+=1,d.removeEventListener(`pointerdown`,z),d.removeEventListener(`pointermove`,B),d.removeEventListener(`pointerup`,V),d.removeEventListener(`pointercancel`,ee),i.removeEventListener(`keydown`,H,!0),y&&i.clearTimeout(y),M.dispose(),k(),yl(i),a.finishCapture(),a.dispose(),o.dispose()})}}),nO=e=>Number.parseFloat(e)||0,rO=0,iO=(e,t)=>{let n=t.CSS;return n?.escape?n.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`)},aO=e=>e.nodeType===9,oO=e=>e.nodeType===11;function sO(e){let t=e.getRootNode();return oO(t)?t:e.ownerDocument}var cO=(e,t)=>{if(aO(e)||oO(e))return e;let n=sO(e);return oO(n)?n:t},lO=600,uO=`audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video`,dO=new WeakMap,fO=e=>{let t=e;for(;t;){if((dO.get(t)??0)>0)return!0;let e=t.getRootNode();t=oO(e)?e.host:t.parentElement}return!1},pO=(e,t)=>t.x>=e.left&&t.x<=e.right&&t.y>=e.top&&t.y<=e.bottom,mO=(e,t)=>Array.from(e.getClientRects()).some(e=>pO(e,t)),hO=(e,t,n)=>{let r=e;for(;r;){let e=n.getComputedStyle(r);if(e.display===`none`||e.visibility===`hidden`||e.visibility===`collapse`||e.contentVisibility===`hidden`||Number(e.opacity)===0)return!0;if(r===t)return!1;r=r.parentElement}return!0},gO=(e,t)=>{if(e.matches(`img, picture, video, canvas, svg image, path, circle, ellipse, line, polygon, polyline, rect, text, use`))return!0;let n=t.getComputedStyle(e),r=n.backgroundImage!==`none`||n.backgroundColor!==`transparent`&&n.backgroundColor!==`rgba(0, 0, 0, 0)`,i=[`top`,`right`,`bottom`,`left`].some(e=>Number.parseFloat(n.getPropertyValue(`border-${e}-width`))>0&&n.getPropertyValue(`border-${e}-style`)!==`none`);return r||i||n.boxShadow!==`none`||n.outlineStyle!==`none`},_O=(e,t)=>!!e.textContent?.trim()||gO(e,t),vO=(e,t,n)=>{let r=t,i=r.caretRangeFromPoint?.(e.x,e.y)?.startContainer??r.caretPositionFromPoint?.(e.x,e.y)?.offsetNode;if(!i)return null;let a=t.defaultView?.Element;if(!a)return null;let o=i instanceof a?i:i.parentElement;for(;o&&o!==n;){if(n.contains(o))return o;o=o.parentElement}return o===n?n:null},yO=(e,t,n)=>{let r=n.defaultView,i=r?.Element;if(!r||!i)return[];let a=[],o=new Set,s=(n,i,s)=>{if(o.has(n)||fO(n)||r.getComputedStyle(n).pointerEvents!==`none`||hO(n,e,r)||!mO(n,t))return;let c=n.getBoundingClientRect();o.add(n),a.push({element:n,area:c.width*c.height,depth:i,order:s})},c=n.createTreeWalker(e,1),l=c.nextNode(),u=1;for(;l&&u<=lO;){if(l instanceof i){let t=l;if(r.getComputedStyle(t).pointerEvents===`none`){let n=1,r=t.parentElement;for(;r&&r!==e;)n+=1,r=r.parentElement;s(t,n,u)}}u+=1,l=c.nextNode()}let d=vO(t,n,e);return d&&r.getComputedStyle(d).pointerEvents===`none`&&s(d,1e4,u),a.sort((e,t)=>t.depth-e.depth||e.area-t.area||t.order-e.order).map(({element:e})=>e)},bO=(e,t,n)=>{let r=t.ownerDocument.defaultView;if(!r)return[];let i=[...new Set(e)],a=new Map;for(let e of i){let t=e instanceof r.HTMLElement||e instanceof r.SVGElement?e:null;t&&(a.set(e,e.getAttribute(`style`)),t.style.setProperty(`pointer-events`,`auto`,`important`))}try{let e=sO(t).elementsFromPoint(n.x,n.y),r=e.findIndex(e=>e===t),a=new Map(e.map((e,t)=>[e,t]));return i.filter(e=>{let t=a.get(e);return t!==void 0&&(r<0||t<r)}).sort((e,t)=>e.contains(t)?1:t.contains(e)?-1:(a.get(e)??2**53-1)-(a.get(t)??2**53-1))}finally{for(let[e,t]of a)t===null?e.removeAttribute(`style`):e.setAttribute(`style`,t)}},xO=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},SO=(e,t,n,r)=>{let i=r.defaultView;if(!i)return[];let a=bO(yO(e,t,r).filter(e=>_O(e,i)),e,t);if(a.length>0)return a;if(e.textContent?.trim()&&!e.matches(uO)||e.matches(`a, button, input, select, textarea, label, summary, [contenteditable='true']`))return[];let o=[],s=new Set,c=!aO(n)&&!oO(n)?n:null,l=e.parentElement;for(;l&&l!==r.body&&l!==r.documentElement&&!(c&&l!==c&&!c.contains(l));){let a=l,u=xO(e,a),d=yO(a,t,r).filter(e=>{if(!wO(e,n)||e.closest(`[aria-hidden='true'], [inert]`))return!1;let t=xO(e,a);return t===null||t!==u});for(let e of d)s.has(e)||!_O(e,i)||(s.add(e),o.push(e));if(a===c)break;l=a.parentElement}return bO(o,e,t)};function CO(e,t,n=aO(t)?t:t.ownerDocument??document){let r=cO(t,n),i=n.defaultView;if(!i)return null;let a=r.elementsFromPoint(e.x,e.y);for(let r of a){let a=r;for(;a?.shadowRoot;){let t=a.shadowRoot.elementFromPoint(e.x,e.y);if(!t||t===a)break;a=t}if(!a||!wO(a,t))continue;let o=SO(a,e,t,n);if(o.length>0)return o[0];if(i.getComputedStyle(a).pointerEvents!==`none`)return a}return null}function wO(e,t){if(aO(t))return!0;let n=e;for(;n;){if(t===n||t.contains(n))return!0;let e=n.getRootNode();if(!oO(e))return!1;n=e.host}return!1}function TO(e,t){if(!e)return t();let n=dO.get(e)??0;dO.set(e,n+1);let r=[e,...e.querySelectorAll(`*`)],i=r.map(e=>[e,e.style.getPropertyValue(`pointer-events`),e.style.getPropertyPriority(`pointer-events`)]);for(let e of r)e.style.setProperty(`pointer-events`,`none`,`important`);try{return t()}finally{n===0?dO.delete(e):dO.set(e,n);for(let[e,t,n]of i)t?e.style.setProperty(`pointer-events`,t,n):e.style.removeProperty(`pointer-events`)}}function EO(e){let t=e.ownerDocument.defaultView??window;if(e.id)return`#${iO(e.id,t)}`;let n=e.getAttribute(`data-testid`);if(n)return`[data-testid=${JSON.stringify(n)}]`;let r=[],i=e;for(;i&&r.length<5;){let e=i.localName,t=i.localName,n=i.parentElement;if(n){let r=[...n.children].filter(e=>e.localName===t);r.length>1&&(e+=`:nth-of-type(${r.indexOf(i)+1})`)}r.unshift(e),i=n}return r.join(` > `)}function DO(e,t,n=`dom-inspection-${++rO}`){let r=e.getBoundingClientRect(),i=t.getComputedStyle(e),a={top:nO(i.paddingTop),right:nO(i.paddingRight),bottom:nO(i.paddingBottom),left:nO(i.paddingLeft)},o={top:nO(i.marginTop),right:nO(i.marginRight),bottom:nO(i.marginBottom),left:nO(i.marginLeft)},s={left:r.left+a.left,top:r.top+a.top,width:Math.max(0,r.width-a.left-a.right),height:Math.max(0,r.height-a.top-a.bottom)},c={left:r.left-o.left,top:r.top-o.top,width:r.width+o.left+o.right,height:r.height+o.top+o.bottom},l=e.tagName.toLowerCase(),u=e.id?`#${e.id}`:``,d=e.classList.item(0),f=d?`.${d}`:``;return{id:n,rect:{left:r.left,top:r.top,width:r.width,height:r.height},paddingRect:s,marginRect:c,padding:a,margin:o,label:`${l}${u}${f}`,elementRef:e}}function OO(e){let t=e.ownerDocument.defaultView??window,n=t.getComputedStyle(e),r=e instanceof t.HTMLElement?e:null,i=e.getBoundingClientRect(),a=r?DO(r,t):null,o=e=>{let t=Number.parseFloat(e);return Number.isFinite(t)?t:0},s=e=>({top:o(n.getPropertyValue(`${e}-top${e===`border`?`-width`:``}`)),right:o(n.getPropertyValue(`${e}-right${e===`border`?`-width`:``}`)),bottom:o(n.getPropertyValue(`${e}-bottom${e===`border`?`-width`:``}`)),left:o(n.getPropertyValue(`${e}-left${e===`border`?`-width`:``}`))});return{selector:EO(e),tag:e.localName,id:e.id||null,classes:[...e.classList],text:(e.textContent??``).replace(/\s+/g,` `).trim().slice(0,500),role:e.getAttribute(`role`),ariaLabel:e.getAttribute(`aria-label`),rect:{left:i.left,top:i.top,right:i.right,bottom:i.bottom,width:i.width,height:i.height,x:i.x,y:i.y},margin:a?.margin??s(`margin`),padding:a?.padding??s(`padding`),border:s(`border`),typography:{fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,textAlign:n.textAlign,color:n.color},appearance:{backgroundColor:n.backgroundColor,borderColor:n.borderColor,borderRadius:n.borderRadius,boxShadow:n.boxShadow,opacity:n.opacity},layout:{display:n.display,position:n.position,zIndex:n.zIndex,overflowX:n.overflowX,overflowY:n.overflowY,flexDirection:n.flexDirection,alignItems:n.alignItems,justifyContent:n.justifyContent,gap:n.gap,gridTemplateColumns:n.gridTemplateColumns,gridTemplateRows:n.gridTemplateRows,transform:n.transform},scroll:{clientWidth:r?.clientWidth??0,clientHeight:r?.clientHeight??0,scrollWidth:r?.scrollWidth??0,scrollHeight:r?.scrollHeight??0,overflowsX:(r?.scrollWidth??0)>(r?.clientWidth??0)+1,overflowsY:(r?.scrollHeight??0)>(r?.clientHeight??0)+1}}}var kO=`text-edit`,AO=e=>OO(e);function jO(e){let t=e.root??e.ownerDocument,n=e.ownerDocument.defaultView??window,r=(e,n=0)=>t.querySelectorAll(e).item(n)||null,i=n=>t===e.ownerDocument||wO(n,t),a=async()=>{let t=(e.getPluginHost()??await e.waitForPluginHost()).service.get(kO);if(!t)throw Error(`Mesurer text editing service is unavailable.`);return t},o=()=>{let t=e.ownerDocument.documentElement,r=e.ownerDocument.body,i=Math.max(t.scrollWidth,r?.scrollWidth??0),a=Math.max(t.scrollHeight,r?.scrollHeight??0);return{width:n.innerWidth,height:n.innerHeight,devicePixelRatio:n.devicePixelRatio,scrollX:n.scrollX,scrollY:n.scrollY,documentWidth:i,documentHeight:a,horizontalOverflow:i>n.innerWidth+1,verticalOverflow:a>n.innerHeight+1}},s=async(t=2)=>{await e.ownerDocument.fonts?.ready;for(let e=0;e<Math.max(1,t);e+=1)await new Promise(e=>n.requestAnimationFrame(()=>e()))};return{async ready(){await e.waitForPluginHost(),await s()},async describe(){return(await e.waitForPluginHost()).describe()},inspect(e,t=0){let n=r(e,t);return n?AO(n):null},inspectAll(e,n=50){return[...t.querySelectorAll(e)].slice(0,Math.max(0,n)).map(AO)},at(n,r){let a=t.querySelector?.(`[data-mesurer-island]`)??null;return TO(a?.shadowRoot?.querySelector(`[data-mesurer-root='true']`)??a,()=>{let a=CO({x:n,y:r},t,e.ownerDocument);return a&&i(a)?AO(a):null})},distance(e,t){let n=r(e),i=r(t);if(!n||!i)return null;let a=AO(n),o=AO(i),s=a.rect,c=o.rect;return{a,b:o,horizontalGap:c.left>=s.right?c.left-s.right:s.left>=c.right?s.left-c.right:0,verticalGap:c.top>=s.bottom?c.top-s.bottom:s.top>=c.bottom?s.top-c.bottom:0,centerDeltaX:c.left+c.width/2-(s.left+s.width/2),centerDeltaY:c.top+c.height/2-(s.top+s.height/2)}},viewport:o,async feedback(n=[]){await s();let r=e.getPluginHost()??await e.waitForPluginHost();return{viewport:o(),elements:n.flatMap(e=>[...t.querySelectorAll(e)].slice(0,50).map(AO)),plugins:r.describe(),pluginState:r.state.serialize(`all`)}},async command(t,n){let r=await(e.getPluginHost()??await e.waitForPluginHost()).command.execute(t,n,{source:`agent-harness`});return await s(1),r},async state(){return(e.getPluginHost()??await e.waitForPluginHost()).state.serialize(`all`)},async textEdits(){return(await a()).intents()},async textEdit(e){let t=(await a()).intent(e);if(!t)throw Error(`Text edit intent not found: ${e}`);return t},stable:s}}var MO=`0.2.5-beta.0`,NO=tb,PO=nb,FO=()=>({...Zb(),version:MO}),IO=PO,LO=(e,t)=>e.left<=t.left+t.width&&e.left+e.width>=t.left&&e.top<=t.top+t.height&&e.top+e.height>=t.top,RO=e=>{if(!e.length)return null;let t=Math.min(...e.map(e=>e.left)),n=Math.min(...e.map(e=>e.top)),r=Math.max(...e.map(e=>e.left+e.width)),i=Math.max(...e.map(e=>e.top+e.height));return{left:t,top:n,width:r-t,height:i-n}},zO=(e,t,n)=>t.some(t=>e.orientation===`vertical`?e.position>=t.left-n&&e.position<=t.left+t.width+n:e.position>=t.top-n&&e.position<=t.top+t.height+n),BO=e=>[...e.measurements,...e.activeMeasurement&&!e.measurements.some(t=>t.id===e.activeMeasurement?.id)?[e.activeMeasurement]:[]];function VO(e){let{workspace:t,scope:n,guideTolerance:r}=e;if(n.kind===`workspace`)return{guides:t.guides.map(e=>({...e})),measurements:BO(t),distances:[...t.distances]};let i=new Set(n.elements),a=e=>e!=null&&i.has(e),o=e=>n.regions.some(t=>LO(e,t));return{guides:t.guides.filter(e=>zO(e,n.regions,r)).map(e=>({...e})),measurements:BO(t).filter(e=>a(e.elementRef)||o(e.rect)),distances:t.distances.filter(e=>a(e.elementRefA)||a(e.elementRefB)||o(e.rectA)||o(e.rectB))}}var HO={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},UO={opacity:1,edgeReveal:!1};({...HO}),{...UO};var WO=10,GO=e=>({left:e.left,top:e.top,width:e.width,height:e.height}),KO=e=>{let t=new Set,n=[];for(let r of e)!r?.isConnected||t.has(r)||(t.add(r),n.push(r));return n},qO=e=>e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`;function JO(e){let{runtime:t,ownerDocument:n,ownerWindow:r}=e,i=e.request??{scope:`workspace`},a=t.snapshot();if(!a)throw Error(`Mesurer workspace is not ready yet.`);let o=e=>GO(t.elementRect?.(e)??e.getBoundingClientRect()),s=[],c=[],l={kind:`workspace`},u=new Map,d=new Map,f;if(`annotation`in i){let e=t.annotation(i.annotation);if(!e)throw Error(`Mesurer annotation not found: ${i.annotation}`);e.anchor.kind===`elements`&&(f=e.anchor.targets.find(e=>e.viewport)?.viewport);for(let t of e.resolvedTargets)t.element?.isConnected&&(u.set(t.element,t.target.id),t.target.viewport&&d.set(t.element,{viewport:{...t.target.viewport},domPath:t.target.domPath?.map(e=>({...e}))??[]}));s=KO(e.resolvedTargets.map(e=>e.element));let n=t.annotationRect(e.id);n&&(c=[n]);let r=e.resolvedTargets.length,a=e.resolvedTargets.filter(e=>e.element?.isConnected).length,o=e.anchor.kind===`region`?`connected`:r===0||a===0?`stale`:a===r?`connected`:`partial`,p={kind:`annotation`,annotationId:e.id,note:e.note,targetStatus:o};e.replies?.length&&(p.replies=e.replies.map(e=>({...e}))),e.status===`resolved`&&(p.status=`resolved`,e.resolvedAt!==void 0&&(p.resolvedAt=e.resolvedAt)),l=p}else if(i.scope===`selection`){let e=t.currentSelection();if(s=KO(e.elements),!s.length&&!e.region)throw Error(`Mesurer has no current selection.`);c=e.region?[e.region]:s.map(o),l={kind:`selection`}}else s=KO([...t.currentSelection().elements,...a.measurements.map(e=>e.elementRef),a.activeMeasurement?.elementRef,...a.heldDistances.flatMap(e=>[e.elementRefA,e.elementRefB])]);let p=l.kind===`workspace`?[]:c.length?c:s.map(o),m=VO({workspace:{guides:a.guides,measurements:a.measurements,activeMeasurement:a.activeMeasurement,distances:a.heldDistances},scope:l.kind===`workspace`?{kind:`workspace`}:{kind:`scoped`,elements:s,regions:p},guideTolerance:a.guideRelevanceTolerance??WO}),h=m.measurements,g=m.distances,_=m.guides,v=KO([...s,...h.map(e=>e.elementRef),...g.flatMap(e=>[e.elementRefA,e.elementRefB])]),y=new Map,b=new Set(u.values()),x=1,S=()=>{let e=`target-${x++}`;for(;b.has(e);)e=`target-${x++}`;return b.add(e),e},C=v.map(e=>{let n=u.get(e)??S(),r=o(e),i=OO(e);return y.set(e,n),{ref:n,...d.get(e)??t.targetScope?.(e),inspection:{...i,rect:{...r,right:r.left+r.width,bottom:r.top+r.height,x:r.left,y:r.top}}}}),w=h.map(e=>{let t={id:e.id,rect:GO(e.rect),deltaX:e.deltaX,deltaY:e.deltaY};e.snapped!==void 0&&(t.snapped=e.snapped);let n=e.elementRef?y.get(e.elementRef):void 0;return n&&(t.targetRef=n),t}),T=g.map(e=>{let t={id:e.id,rectA:GO(e.rectA),rectB:GO(e.rectB),horizontal:e.horizontal?{...e.horizontal}:null,vertical:e.vertical?{...e.vertical}:null},n=e.elementRefA?y.get(e.elementRefA):void 0,r=e.elementRefB?y.get(e.elementRefB):void 0;return n&&(t.targetARef=n),r&&(t.targetBRef=r),t}),E={schema:`mesurer.context/v1`,id:qO(r),createdAt:new Date().toISOString(),scope:l,page:{url:r.location?.href??n.URL,title:n.title},viewport:{width:r.innerWidth,height:r.innerHeight,devicePixelRatio:r.devicePixelRatio,scrollX:r.scrollX,scrollY:r.scrollY},coordinateSpace:`viewport-css-px`,regions:l.kind===`workspace`?[]:c.map(GO),visualState:{rulersVisible:a.rulersVisible,xrayVisible:a.xrayVisible},targets:C,visualContext:{guides:_,layoutGuides:(e.layoutGuides??[]).map(e=>({...e})),measurements:w,distances:T}};return f??=C.find(e=>e.viewport)?.viewport,f&&(E.previewViewport={...f}),E}var YO=e=>`${Math.round(e*100)/100}px`,XO=e=>`x=${YO(e.left)} y=${YO(e.top)} w=${YO(e.width)} h=${YO(e.height)}`;function ZO(e){let t=[`Mesurer visual context`,``,`Page: ${e.page.url}`,`Viewport: ${e.viewport.width} × ${e.viewport.height} CSS px; scroll x=${e.viewport.scrollX} y=${e.viewport.scrollY}`];if(e.scope.kind===`annotation`){t.push(``,`Annotation`,e.scope.note);for(let[n,r]of(e.scope.replies??[]).entries())n===0&&t.push(`Replies`),t.push(`${n+1}. [${r.id}] ${new Date(r.createdAt).toISOString()}`),t.push(...r.text.split(`
+`,t.head.append(s),i.append(a);let c=!1;return{element:a,dispose(){c||(c=!0,o(),s.remove(),a.remove())}}}var rT=e=>`color-mix(in srgb, ${e.color} ${e.opacity*100}%, transparent)`,iT=e=>e===`max`?`end`:e===`center`?`center`:`start`,aT=e=>{let t=e.kind===`columns`,n=e.align===`stretch`,r=n?`repeat(${e.count}, minmax(0, 1fr))`:`repeat(${e.count}, ${e.size}px)`,i=iT(e.align);return{position:`absolute`,inset:`0`,display:`grid`,...t?{"grid-template-columns":r,"column-gap":`${e.gutter}px`,"justify-content":n?void 0:i,"padding-left":n||e.align===`min`?`${e.offset}px`:`0`,"padding-right":n||e.align===`max`?`${e.offset}px`:`0`}:{"grid-template-rows":r,"row-gap":`${e.gutter}px`,"align-content":n?void 0:i,"padding-top":n||e.align===`min`?`${e.offset}px`:`0`,"padding-bottom":n||e.align===`max`?`${e.offset}px`:`0`},transform:e.align===`center`?t?`translateX(${e.offset}px)`:`translateY(${e.offset}px)`:void 0}};function oT(e){let t=()=>e.guides.filter(e=>e.visible);return Y(K,{get when(){return t().length>0},get children(){var e=X(`div`,{"data-mesurer-layout-guides":`true`,"data-mesurer-layer":`evidence`,class:`msr:pointer-events-none msr:absolute msr:inset-0 msr:overflow-hidden`,style:{"z-index":`2`},"aria-hidden":`true`});return Q(e,Y(_o,{get each(){return t()},children:e=>Y(K,{get when(){return e.kind===`grid`},get fallback(){var t=X(`div`,{class:`msr:pointer-events-none msr:absolute msr:inset-0`});return Q(t,Y(_o,{get each(){return Array.from({length:e.count})},children:()=>(()=>{var t=X(`div`,{"data-mesurer-layout-band":`true`});return q(()=>({"min-width":`0`,"min-height":`0`,width:`100%`,height:`100%`,"background-color":rT(e)}),(e,n)=>{$(t,`style`,e,n)}),t})()})),q(()=>({e:e.id,t:e.kind,a:aT(e)}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-layout-guide`,e,i?.e),n!==i?.t&&$(t,`data-mesurer-layout-guide-kind`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t},get children(){var t=X(`div`,{"data-mesurer-layout-guide-kind":`grid`,class:`msr:pointer-events-none msr:absolute msr:inset-0`});return q(()=>({e:e.id,t:{"background-image":`linear-gradient(to right, ${rT(e)} 1px, transparent 1px), linear-gradient(to bottom, ${rT(e)} 1px, transparent 1px)`,"background-size":`${e.size}px ${e.size}px`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`data-mesurer-layout-guide`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}})})),e}})}var sT=`#FF0000`,cT=.1,lT=new Set([`columns`,`rows`,`grid`]),uT=new Set([`stretch`,`min`,`center`,`max`]),dT=(e,t,n)=>Math.min(n,Math.max(t,e)),fT=(e,t)=>e!==void 0&&Number.isFinite(e)?e:t,pT=(e={})=>{let t=e.kind&&lT.has(e.kind)?e.kind:`columns`,n=e.align&&uT.has(e.align)?e.align:t===`grid`?`min`:`stretch`,r=e.id?.trim(),i=e.color?.trim();return{id:r||Ku(),kind:t,visible:e.visible??!0,color:i||`#FF0000`,opacity:dT(fT(e.opacity,cT),0,1),count:dT(Math.round(fT(e.count,5)),1,24),size:dT(fT(e.size,72),1,4096),gutter:dT(fT(e.gutter,20),0,800),offset:dT(fT(e.offset,0),0,4096),align:n}},mT=e=>(e??[]).map(pT),hT=e=>{if(e.kind===`grid`)return`Grid ${Math.round(e.size)}px`;let t=e.kind===`columns`?`columns`:`rows`;return e.align===`stretch`?`${e.count} ${t}`:`${e.count} ${t} (${Math.round(e.size)}px)`},gT=e=>(()=>{var t=X(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,class:`msr:block`});return Z(t,X(`path`,{d:`m6 6 12 12M18 6 6 18`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})),q(()=>({e:e.size??14,t:e.size??14}),({e,t:n},r)=>{e!==r?.e&&$(t,`width`,e,r?.e),n!==r?.t&&$(t,`height`,n,r?.t)}),t})(),_T=e=>e.kind===`rows`?Y(nh,{size:14}):e.kind===`grid`?Y(eh,{size:14}):Y(th,{size:14}),vT=`msr:grid-cols-[78px_minmax(0,1fr)]`,yT=e=>(()=>{var t=X(`label`,{class:`msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700`}),n=X(`span`);return Z(t,n),Q(n,()=>e.label),Q(t,()=>e.children,null),t})(),bT=e=>(()=>{var t=X(`span`,{class:`msr:relative msr:block msr:w-full`}),n=X(`select`,{class:a_,onPointerDown:e=>e.stopPropagation(),onChange:t=>e.onChange(t.currentTarget.value)});return Z(t,n),Q(n,()=>e.children),Q(t,Y(o_,{}),null),q(()=>({e:e.label,t:e.value}),({e,t},r)=>{e!==r?.e&&$(n,`aria-label`,e,r?.e),t!==r?.t&&$(n,`value`,t,r?.t)}),t})(),xT=e=>{let[t,n]=G(!1),[r,i]=G(String(e.value)),a=()=>e.min??0,o=()=>e.max??9999,s=e=>Math.min(o(),Math.max(a(),e)),c=t=>{let n=Number(t.replace(/[^\d.-]/g,``));if(!Number.isFinite(n)){i(String(e.value));return}e.onChange(s(n))};return Y(s_,{get left(){var a=X(`input`,{type:`text`,inputmode:`numeric`,class:`msr:h-full msr:w-full msr:min-w-0 msr:border-0 msr:bg-transparent msr:px-2 msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,onFocus:()=>{i(String(e.value)),n(!0)},onBlur:()=>{c(r()),n(!1)},onInput:t=>{let n=t.currentTarget.value.replace(/[^\d.-]/g,``);i(n);let r=Number(n);Number.isFinite(r)&&e.onChange(s(r))},onKeyDown:t=>{if(t.key!==`ArrowUp`&&t.key!==`ArrowDown`)return;t.preventDefault();let n=Number(r()),a=Number.isFinite(n)?n:e.value,o=s(a+(t.key===`ArrowUp`?1:-1));i(String(o)),e.onChange(o)},onPointerDown:e=>e.stopPropagation()});return q(()=>({e:e.label,t:t()?r():String(e.value)}),({e,t},n)=>{e!==n?.e&&$(a,`aria-label`,e,n?.e),t!==n?.t&&$(a,`value`,t,n?.t)}),a}})},ST=e=>e===`rows`||e===`grid`?e:`columns`,CT=e=>e===`min`||e===`center`||e===`max`?e:`stretch`,wT=e=>{let t=lo(()=>e.guide.kind===`rows`?{stretch:`Stretch`,min:`Top`,center:`Center`,max:`Bottom`}:{stretch:`Stretch`,min:`Left`,center:`Center`,max:`Right`}),n=lo(()=>e.guide.kind===`rows`?`Height`:e.guide.kind===`grid`?`Size`:`Width`);var r=X(`div`,{class:`mesurer-thin-scrollbar msr:flex msr:min-h-0 msr:flex-1 msr:flex-col msr:gap-2 msr:overflow-y-auto msr:p-3`}),i=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2`}),a=X(`button`,{type:`button`,"aria-label":`Back to layout guides`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`});return Z(r,i),Z(i,a),Q(i,Y(bT,{label:`Layout guide type`,get value(){return e.guide.kind},onChange:t=>{let n=ST(t);e.onUpdate({kind:n,align:n===`grid`?`min`:e.guide.align===`stretch`||n===e.guide.kind?e.guide.align:`stretch`})},get children(){return[(()=>{var e=X(`option`,{value:`columns`});return Z(e,ec(`Columns`)),e})(),(()=>{var e=X(`option`,{value:`rows`});return Z(e,ec(`Rows`)),e})(),(()=>{var e=X(`option`,{value:`grid`});return Z(e,ec(`Grid`)),e})()]}}),a),Q(a,Y(gT,{})),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(yT,{label:`Count`,get children(){return Y(xT,{label:`Count`,get value(){return e.guide.count},min:1,max:24,onChange:t=>e.onUpdate({count:t})})}})}}),null),Q(r,Y(c_,{label:`Color`,columns:vT,get value(){return Nc({...jc(e.guide.color)??jc(`#FF0000`),alpha:e.guide.opacity})},fallback:sT,get ownerWindow(){return e.ownerWindow},onChange:t=>{let n=jc(t);e.onUpdate({color:n?Nc({...n,alpha:1}).slice(0,7):t,opacity:n?.alpha??e.guide.opacity})}}),null),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(yT,{label:`Type`,get children(){return Y(bT,{label:`Alignment`,get value(){return e.guide.align},onChange:t=>e.onUpdate({align:CT(t)}),get children(){return Y(_o,{each:[`stretch`,`min`,`center`,`max`],children:e=>(()=>{var n=X(`option`,{value:e});return Q(n,()=>t()[e]),n})()})}})}})}}),null),Q(r,Y(K,{get when(){return e.guide.kind===`grid`||e.guide.align!==`stretch`},get children(){return Y(yT,{get label(){return n()},get children(){return Y(xT,{get label(){return n()},get value(){return e.guide.size},min:1,max:4096,onChange:t=>e.onUpdate({size:t})})}})}}),null),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return[Y(yT,{label:`Offset`,get children(){return Y(xT,{label:`Offset`,get value(){return e.guide.offset},min:0,max:4096,onChange:t=>e.onUpdate({offset:t})})}}),Y(yT,{label:`Gutter`,get children(){return Y(xT,{label:`Gutter`,get value(){return e.guide.gutter},min:0,max:800,onChange:t=>e.onUpdate({gutter:t})})}})]}}),null),q(()=>e.onBack,(e,t)=>{$(a,`onClick`,e,t)}),r};function TT(e){let[t,n]=G(null),r=lo(()=>e.guides.find(e=>e.id===t())??null);var i=X(`div`,{"data-mesurer-layout-guides-panel":`true`,role:`dialog`,"aria-label":`Layout guides`,class:`mesurer-menu-surface msr:pointer-events-auto msr:flex msr:max-h-[min(320px,calc(100vh-16px))] msr:w-60 msr:flex-col msr:overflow-hidden msr:rounded-lg msr:bg-white msr:p-0 msr:text-[12px] msr:leading-[18px]`,onPointerDown:e=>e.stopPropagation(),onPointerMove:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(i,Y(K,{get when(){return r()},get fallback(){var t=X(`div`,{class:`msr:flex msr:min-h-0 msr:flex-1 msr:flex-col msr:gap-1 msr:p-2`}),r=X(`div`,{class:`msr:flex msr:h-7 msr:shrink-0 msr:items-center msr:justify-between msr:px-1`}),i=X(`h2`,{class:`msr:text-[11px] msr:font-semibold msr:text-ink-700`}),a=X(`button`,{type:`button`,"aria-label":`Add layout guide`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`});return Z(t,r),Z(r,i),Z(r,a),Z(i,ec(`Layout guides`)),Q(a,Y(rh,{})),Q(t,Y(K,{get when(){return e.guides.length>0},get fallback(){var e=X(`p`,{class:`msr:px-1 msr:pb-2 msr:text-[11px] msr:text-ink-500`});return Z(e,ec(`Add columns, rows, or a pixel grid on the page.`)),e},get children(){var t=X(`ul`,{class:`mesurer-thin-scrollbar msr:m-0 msr:flex msr:min-h-0 msr:flex-1 msr:list-none msr:flex-col msr:gap-0.5 msr:overflow-y-auto msr:p-0`});return Q(t,Y(_o,{get each(){return e.guides},children:t=>(()=>{var r=X(`li`,{class:`msr:flex msr:items-center msr:gap-0.5`}),i=X(`button`,{type:`button`,class:`msr:flex msr:min-w-0 msr:flex-1 msr:items-center msr:gap-2 msr:rounded-control msr:px-1 msr:py-1 msr:text-left msr:text-[11px] msr:text-ink-700 msr:outline-none msr:hover:bg-ink-100`,onClick:()=>n(t.id)}),a=X(`span`,{class:`msr:flex msr:h-[19px] msr:items-start msr:text-ink-500`}),o=X(`span`,{class:`msr:min-w-0 msr:flex-1 msr:truncate`}),s=X(`button`,{type:`button`,onClick:()=>e.onUpdate(t.id,{visible:!t.visible})}),c=X(`button`,{type:`button`,class:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900`,onClick:()=>e.onRemove(t.id)});return Z(r,i),Z(r,s),Z(r,c),Z(i,a),Z(i,o),Q(a,Y(_T,{get kind(){return t.kind}})),Q(o,()=>hT(t)),Q(i,Y(Wm,{size:8,class:`msr:block msr:-rotate-90 msr:text-ink-400`}),null),Q(s,(()=>{var e=J(()=>!!t.visible);return()=>e()?Y(ih,{}):Y(ah,{})})()),Q(c,Y(Jm,{size:10,class:`msr:block`})),q(()=>({e:t.visible?`Hide ${hT(t)}`:`Show ${hT(t)}`,t:t.visible?`true`:`false`,a:`msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible?`msr:text-ink-700`:`msr:text-ink-400`}`,o:`Remove ${hT(t)}`}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(s,`aria-label`,e,i?.e),t!==i?.t&&$(s,`aria-pressed`,t,i?.t),n!==i?.a&&$(s,`class`,n,i?.a),r!==i?.o&&$(c,`aria-label`,r,i?.o)}),r})()})),t}}),null),q(()=>e.onAdd,(e,t)=>{$(a,`onClick`,e,t)}),t},children:t=>Y(wT,{get guide(){return t()},get ownerWindow(){return e.ownerWindow},onBack:()=>n(null),onUpdate:n=>e.onUpdate(t().id,n)})})),i}var ET=`mesurer.layout-guides`,DT=`layout-guides:v1`,OT=`mesurer.layout-guides.pages`,kT=`mesurer.layout-guides.active`,AT=`runtime:solid`,jT=`layout-guides.toggle`,MT=`layout-guides.add`,NT=`layout-guides.update`,PT=`layout-guides.remove`,FT=`layout-guides.clear`,IT=240,LT=8,RT=8,zT=()=>({pages:{}}),BT=(e,t)=>e.pages[t]??[],VT=e=>typeof e==`object`&&!!e&&!Array.isArray(e),HT=e=>typeof e==`string`,UT=e=>typeof e==`boolean`,WT=e=>typeof e==`number`,GT=e=>e===`columns`||e===`rows`||e===`grid`,KT=e=>e===`stretch`||e===`min`||e===`center`||e===`max`,qT=e=>({...e}),JT=e=>e.map(qT),YT=e=>VT(e)?e:null,XT=e=>{if(!e)return{};let t={};return HT(e.id)&&(t.id=e.id),GT(e.kind)&&(t.kind=e.kind),UT(e.visible)&&(t.visible=e.visible),HT(e.color)&&(t.color=e.color),WT(e.opacity)&&(t.opacity=e.opacity),WT(e.count)&&(t.count=e.count),WT(e.size)&&(t.size=e.size),WT(e.gutter)&&(t.gutter=e.gutter),WT(e.offset)&&(t.offset=e.offset),KT(e.align)&&(t.align=e.align),t},ZT=e=>{let t={};return e.id!==void 0&&(t.id=e.id),e.kind!==void 0&&(t.kind=e.kind),e.visible!==void 0&&(t.visible=e.visible),e.color!==void 0&&(t.color=e.color),e.opacity!==void 0&&(t.opacity=e.opacity),e.count!==void 0&&(t.count=e.count),e.size!==void 0&&(t.size=e.size),e.gutter!==void 0&&(t.gutter=e.gutter),e.offset!==void 0&&(t.offset=e.offset),e.align!==void 0&&(t.align=e.align),t},QT={viewBox:`0 0 256 256`,paths:[`M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z`,`M101 56h8v144h-8zM147 56h8v144h-8z`]},$T=()=>wc({id:ET,version:`0.1.0`,requires:[AT],provides:[DT,`tool:layout-guides`],setup(e){let t=e.service.get(AT);if(!t)throw Error(`Layout Guides requires the Solid renderer runtime.`);let n=t.rendererRoot;if(!n)throw Error(`Layout Guides requires a mounted renderer root.`);e.state.register({id:OT,initial:zT(),history:!0,persist:!0}),e.state.register({id:kT,initial:!1});let r=Rl(t.ownerWindow),i=!1,[a,o]=G(0),s=new Set,c=0,l=()=>e.state.get(`mesurer.layout-guides.pages`)??zT(),u=()=>e.state.get(`mesurer.layout-guides.active`)??!1,d=()=>mT(BT(l(),r)),f=()=>(a(),u()?d():[]),p=t=>{e.state.update(kT,()=>t)},m=t=>{e.state.update(OT,e=>({...e,pages:{...e.pages,[r]:JT(t(mT(e.pages[r])))}}))};e.command.register(jT,()=>{let e=!u();return e&&d().length===0&&m(()=>[pT()]),i=e,p(e),u()}),e.command.register(MT,e=>{let t=pT(XT(YT(e)));return m(e=>[...e,t]),{...t}}),e.command.register(NT,e=>{let t=YT(e),n=t&&HT(t.id)?t.id:null,r=XT(YT(t?.patch));if(!n)throw Error(`layout-guides.update requires a guide id.`);m(e=>e.map(e=>e.id===n?pT({...e,...r,id:e.id}):e));let i=d().find(e=>e.id===n);if(!i)throw Error(`Layout guide not found: ${n}`);return{...i}}),e.command.register(PT,e=>{let t=YT(e),n=t&&HT(t.id)?t.id:null;if(!n)throw Error(`layout-guides.remove requires a guide id.`);let r=d().length;return m(e=>e.filter(e=>e.id!==n)),d().length!==r}),e.command.register(FT,()=>{m(()=>[])});let h=async(t,n)=>{let r=YT(await e.command.execute(t,n));if(!r)throw Error(`${t} did not return a layout guide.`);return pT(XT(r))},g={list:()=>d().map(e=>({...e})),add:(e={})=>h(MT,ZT(e)),update:(e,t)=>h(NT,{id:e,patch:ZT(t)}),async remove(t){return await e.command.execute(PT,{id:t})===!0},async clear(){await e.command.execute(FT)},subscribe(e){s.add(e);let t=!1;return()=>{t||(t=!0,s.delete(e))}}};e.service.provide(DT,g),e.tool.register({id:`layout-guides`,label:`Layout guides`,shortcut:`L`,command:jT,order:38,toolbarMode:`always`,compactPinned:!0,icon:QT,active:u});let _=t.ownerDocument.createElement(`div`);_.dataset.mesurerLayoutGuidesRoot=`true`,_.dataset.mesurerLayer=`evidence`,_.style.position=`absolute`,_.style.inset=`0`,_.style.pointerEvents=`none`,n.prepend(_);let v=$s(()=>Y(oT,{get guides(){return f()}}),_),y=t.createInspectorMount();y.element.dataset.mesurerLayoutGuidesPanelRoot=`true`,Object.assign(y.element.style,{position:`fixed`,left:`0`,top:`0`,width:`${IT}px`,zIndex:`100`,pointerEvents:`none`,display:`none`});let b=()=>{if(c=0,!i)return;let e=t.portalTarget.querySelector(`[data-mesurer-tool-id='layout-guides']`);if(!e)return;let n=e.getBoundingClientRect(),r=Math.min(Math.max(RT,n.right-IT),Math.max(RT,t.ownerWindow.innerWidth-IT-RT)),a=t.ownerWindow.innerHeight-n.bottom-LT-RT,o=Math.min(320,t.ownerWindow.innerHeight-16),s=a>=Math.min(o,320)?n.bottom+LT:Math.max(RT,n.top-LT-o);y.element.style.left=`${r}px`,y.element.style.top=`${s}px`},x=()=>{c||=t.ownerWindow.requestAnimationFrame(b)},S=()=>{y.element.style.display=i?`block`:`none`,i&&x()},C=$s(()=>Y(TT,{get guides(){return f()},get ownerWindow(){return t.ownerWindow},onAdd:()=>{g.add().catch(()=>void 0)},onUpdate:(e,t)=>{g.update(e,t).catch(()=>void 0)},onRemove:e=>{g.remove(e).catch(()=>void 0)}}),y.element),w=()=>{o(e=>e+1);for(let e of s)e();S()},T=e.state.subscribe(w),E=Hl(t.ownerWindow,e=>{r!==e&&(r=e,w())}),D=e=>{if(!i)return;let n=e.composedPath();if(n.includes(y.element))return;let r=t.portalTarget.querySelector(`[data-mesurer-tool-id='layout-guides']`);r&&n.includes(r)||(i=!1,S())},O=e=>{e.key!==`Escape`||!i||(i=!1,S())};S(),t.ownerDocument.addEventListener(`pointerdown`,D,!0),t.ownerDocument.addEventListener(`keydown`,O,!0),t.ownerWindow.addEventListener(`resize`,x),t.ownerWindow.addEventListener(`pointerup`,x,!0),e.lifecycle.onDispose(()=>{t.ownerDocument.removeEventListener(`pointerdown`,D,!0),t.ownerDocument.removeEventListener(`keydown`,O,!0),t.ownerWindow.removeEventListener(`resize`,x),t.ownerWindow.removeEventListener(`pointerup`,x,!0),c&&t.ownerWindow.cancelAnimationFrame(c),c=0,s.clear(),T.dispose(),E(),C(),y.dispose(),v(),_.remove()})}}),eE=`mesurer:recording-bridge-ping`,tE=`mesurer:recording-bridge-request`,nE=`mesurer:recording-bridge-response`,rE=`position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none`,iE=.01,aE=e=>({width:e.innerWidth,height:e.innerHeight}),oE=(e,t,n,r)=>{let i=Math.max(1,r.width),a=Math.max(1,r.height),o=t/i,s=n/a,c=Math.abs(o-s)<=iE*Math.max(o,s),l=c?o:Math.min(o,s),u=c?0:(t-i*l)/2,d=c?0:(n-a*l)/2,f=c?o:l,p=c?s:l,m=u+e.left*f,h=d+e.top*p,g=u+(e.left+e.width)*f,_=d+(e.top+e.height)*p,v=Math.max(g-m,1e-6),y=Math.max(_-h,1e-6),b=Math.max(0,Math.min(t,m)),x=Math.max(0,Math.min(n,h)),S=Math.max(0,Math.min(t,g)),C=Math.max(0,Math.min(n,_)),w=Math.max(0,Math.round(b)),T=Math.max(0,Math.round(x)),E=Math.min(t,Math.round(S)),D=Math.min(n,Math.round(C));return{sx:w,sy:T,sw:Math.max(1,E-w),sh:Math.max(1,D-T),dx:(b-m)/v,dy:(x-h)/y,dw:Math.max(0,S-b)/v,dh:Math.max(0,C-x)/y}},sE=(e,t)=>{let n=e.createElement(`div`);return n.dataset.mesurerRecordingCrop=`true`,n.setAttribute(`aria-hidden`,`true`),n.style.position=`fixed`,n.style.left=`${t.left}px`,n.style.top=`${t.top}px`,n.style.width=`${t.width}px`,n.style.height=`${t.height}px`,n.style.margin=`0`,n.style.padding=`0`,n.style.border=`0`,n.style.background=`transparent`,n.style.opacity=`0`,n.style.pointerEvents=`none`,e.body.append(n),n},cE=async(e,t)=>{let n=e.cropTo,r=globalThis.CropTarget;if(!n||!r)return!1;let i=await r.fromElement(t);return await n.call(e,i),!0},lE=(e,t)=>new Promise(n=>{let r=!1,i=()=>{r||(r=!0,t.clearTimeout(a),n())},a=t.setTimeout(i,250),o=e;if(o.requestVideoFrameCallback){o.requestVideoFrameCallback(i);return}t.requestAnimationFrame(i)}),uE=e=>e.location.origin===`null`?`*`:e.location.origin,dE=(e,t,n=``)=>`${e}:${t}:${n}`,fE=(e,t,n)=>{let r=`${t}:${n}:`;return e.startsWith(r)?e.slice(r.length):null},pE=e=>e.crypto?.randomUUID?.()??`mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`,mE=e=>new Promise(t=>{let n=pE(e),r=e.location.origin,i=o=>{o.source===e&&o.origin===r&&fE(String(o.data??``),`mesurer:recording-bridge-pong`,n)!==null&&(e.removeEventListener(`message`,i),e.clearTimeout(a),t(!0))},a=e.setTimeout(()=>{e.removeEventListener(`message`,i),t(!1)},80);e.addEventListener(`message`,i),e.postMessage(dE(eE,n),uE(e))}),hE=e=>new Promise(t=>{let n=pE(e),r=e.location.origin,i=o=>{if(o.source!==e||o.origin!==r)return;let s=fE(String(o.data??``),nE,n);if(s!==null){if(e.removeEventListener(`message`,i),e.clearTimeout(a),!s.startsWith(`ok:`)){t(null);return}t(s.slice(3)||null)}},a=e.setTimeout(()=>{e.removeEventListener(`message`,i),t(null)},1500);e.addEventListener(`message`,i),e.postMessage(dE(tE,n),uE(e))}),gE=e=>e.__MESURER_RECORDING_HOST__?.captureRecordingStream??e.__MESURER_HOST__?.captureRecordingStream,_E=async(e,t)=>{let n=gE(e);if(!n)throw Error(`Native recording capture is unavailable.`);let r=(await n())?.streamId?.trim();if(!r)throw Error(`Native recording capture returned no stream id.`);let i={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:r}};return t.getUserMedia({audio:!1,video:i})},vE=async(e,t)=>{if(!e.isSecureContext||!await mE(e))return null;let n=await hE(e);if(!n)return null;let r={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:n}};return t.getUserMedia({audio:!1,video:r})},yE=async(e,t)=>{let n=e.getVideoTracks()[0];if(!n?.applyConstraints)return e;try{await n.applyConstraints({frameRate:{ideal:t,max:t}})}catch{}return e},bE=async(e,t)=>{let n=e.navigator.mediaDevices;if(!n)throw Error(`Screen recording is unavailable in this browser.`);if(gE(e))return yE(await _E(e,n),t);try{let r=await vE(e,n);if(r)return yE(r,t)}catch{}if(!n.getDisplayMedia)throw Error(`Screen recording is unavailable in this browser.`);let r={ideal:t,max:t},i={audio:!1,video:{displaySurface:`browser`,frameRate:r},preferCurrentTab:!0,selfBrowserSurface:`include`};try{return yE(await n.getDisplayMedia(i),t)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)throw e;return yE(await n.getDisplayMedia({audio:!1,video:{frameRate:r}}),t)}},xE=async(e,t,n,r=60)=>{let i=await bE(t,r),a=i.getVideoTracks()[0];if(!a)throw i.getTracks().forEach(e=>e.stop()),Error(`No video track was selected.`);if(a.getSettings().displaySurface&&a.getSettings().displaySurface!==`browser`)throw i.getTracks().forEach(e=>e.stop()),Error(`Select the current browser tab to record this region.`);let o=e.createElement(`video`);o.autoplay=!0,o.muted=!0,o.playsInline=!0,o.srcObject=i,o.setAttribute(`playsinline`,``),o.setAttribute(`aria-hidden`,`true`),o.style.cssText=rE,e.body.append(o);try{await o.play(),(o.videoWidth<=0||o.videoHeight<=0)&&await new Promise((e,t)=>{o.addEventListener(`loadeddata`,()=>e(),{once:!0}),o.addEventListener(`error`,()=>t(Error(`Could not read the selected video track.`)),{once:!0})});let r=sE(e,n),s=!1;try{s=await cE(a,r)}catch{s=!1}s||r.remove(),await lE(o,t);let c=t.devicePixelRatio||1,l=oE(n,o.videoWidth,o.videoHeight,aE(t)),u=e.createElement(`canvas`);u.width=s?Math.max(2,Math.round(n.width*c)):l.sw,u.height=s?Math.max(2,Math.round(n.height*c)):l.sh,u.setAttribute(`aria-hidden`,`true`),u.style.cssText=rE,e.body.append(u);let d=u.getContext(`2d`,{alpha:!1});if(!d)throw u.remove(),Error(`Screen recording requires a 2D canvas.`);let f={stream:i,track:a,source:o,canvas:u,context:d,cropTarget:s?r:null,regionLocked:s};return SE(f,n,aE(t)),f}catch(e){throw o.pause(),o.srcObject=null,o.remove(),i.getTracks().forEach(e=>e.stop()),e}},SE=(e,t,n)=>{let{source:r,canvas:i,context:a,regionLocked:o}=e;if(r.videoWidth<=0||r.videoHeight<=0)return;if(o){a.drawImage(r,0,0,i.width,i.height);return}let s=oE(t,r.videoWidth,r.videoHeight,n),c=s.dx<=.001&&s.dy<=.001&&s.dw>=.999&&s.dh>=.999,l=c?0:s.dx*i.width,u=c?0:s.dy*i.height,d=c?i.width:s.dw*i.width,f=c?i.height:s.dh*i.height;c||(a.fillStyle=`#000`,a.fillRect(0,0,i.width,i.height)),!(d<1||f<1||s.dw<=0||s.dh<=0)&&a.drawImage(r,s.sx,s.sy,s.sw,s.sh,l,u,d,f)},CE=e=>{e.source.pause(),e.source.srcObject=null,e.stream.getTracks().forEach(e=>e.stop()),e.cropTarget?.remove(),e.canvas.remove(),e.source.remove()},wE={webm:`video/webm`,mp4:`video/mp4`},TE=[`vp9`,`vp8`],EE=[`avc`],DE=t=>new e.Quality(t),OE=(e,t)=>Number.isFinite(e)&&e>0?e:t,kE=(e,t,n)=>{let r=Math.max(2,Math.round(OE(e,2))),i=Math.max(2,Math.round(OE(t,2)));return n===`mp4`&&(r%2!=0&&(r+=1),i%2!=0&&(i+=1)),{width:r,height:i}},AE=(e,t={})=>{let n=Math.max(.001,OE(e.duration,.001)),r=Math.min(n,Math.max(0,Number.isFinite(t.startTime)?t.startTime??0:0)),i=Number.isFinite(t.endTime)?t.endTime??n:n,a=Math.min(n,Math.max(r+.001,i));return{format:t.format??`webm`,startTime:r,endTime:a,scale:t.scale??1,quality:t.quality??`medium`}},jE=e=>e===`webm`?TE:EE,ME=async(t,n,r,i,a=`medium`)=>{let o=kE(n,r,t),s=DE(a);for(let n of jE(t))if(await(0,e.canEncodeVideo)(n,{width:o.width,height:o.height,frameRate:i,quality:s}))return n;return null},NE=async(e,t,n=30)=>{let r=[];return await ME(`webm`,e,t,n)&&r.push(`webm`),await ME(`mp4`,e,t,n)&&r.push(`mp4`),r},PE=t=>t===`webm`?new e.WebMOutputFormat:new e.Mp4OutputFormat,FE=async(t,n={})=>{let r=n.format??`webm`,i=Math.max(1,Math.min(120,Math.round(n.frameRate??30))),a=n.quality??`medium`,o=t.width,s=t.height,c=await ME(r,o,s,i,a);if(!c)throw Error(`MediaBunny cannot encode ${r.toUpperCase()} at ${o}×${s} in this runtime.`);let l=new e.BufferTarget,u=new e.Output({format:PE(r),target:l}),d=new e.CanvasSource(t,{codec:c,quality:DE(a)});u.addVideoTrack(d,{frameRate:i}),await u.start();let f=!1,p=-1;return{format:r,mimeType:wE[r],codec:c,async addFrame(e,t=1/i){if(f)throw Error(`Recording session is already closed.`);if(!Number.isFinite(e)||e<0)throw TypeError(`Recording frame timestamp must be a non-negative finite number.`);if(!Number.isFinite(t)||t<0)throw TypeError(`Recording frame duration must be a non-negative finite number.`);if(e<=p)throw Error(`Recording frame timestamps must increase monotonically.`);p=e,await d.add(e,t)},finalize:async()=>{if(f)throw Error(`Recording session is already closed.`);if(f=!0,d.close(),await u.finalize(),!l.buffer||l.buffer.byteLength===0)throw Error(`MediaBunny produced an empty recording.`);return new Blob([l.buffer],{type:wE[r]})},async cancel(){if(!f){f=!0,d.close();try{await u.cancel()}catch{}}}}},IE=async t=>{let n=new e.Input({source:new e.BlobSource(t),formats:e.ALL_FORMATS});try{if(!await n.canRead())throw Error(`MediaBunny cannot read the recording.`);let e=await n.getPrimaryVideoTrack();if(!e)throw Error(`Recording has no video track.`);let[t,r,i]=await Promise.all([n.computeDuration(),e.getCodedWidth(),e.getCodedHeight()]);return{duration:Math.max(.001,t),width:r,height:i}}finally{n.dispose()}},LE=async(t,n={})=>{let r=await IE(t),i=AE(r,n),a=kE(r.width*i.scale,r.height*i.scale,i.format),o=await ME(i.format,a.width,a.height,30,i.quality);if(!o)throw Error(`MediaBunny cannot export ${i.format.toUpperCase()} in this runtime.`);let s=new e.Input({source:new e.BlobSource(t),formats:e.ALL_FORMATS}),c=new e.BufferTarget,l=new e.Output({format:PE(i.format),target:c});try{let t=await e.Conversion.init({input:s,output:l,trim:{start:i.startTime,end:i.endTime},video:{codec:o,width:a.width,height:a.height,fit:`fill`,quality:DE(i.quality),forceTranscode:!0},audio:{discard:!0}});if(!t.isValid)throw Error(`MediaBunny cannot convert this recording to ${i.format.toUpperCase()}.`);if(await t.execute(),!c.buffer||c.buffer.byteLength===0)throw Error(`MediaBunny produced an empty export.`);let n=new Blob([c.buffer],{type:wE[i.format]}),r=await IE(n);return{blob:n,format:i.format,duration:r.duration,width:r.width,height:r.height}}finally{s.dispose()}},RE=(e,t=new Date)=>`mesurer-recording-${t.toISOString().replace(/[:.]/g,`-`)}.${e}`,zE=10,BE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},VE=(e,t,n)=>{let r=e.createElement(`button`);return r.type=`button`,r.setAttribute(`aria-label`,t),r.title=t,r.textContent=n,BE(r,{display:`inline-flex`,width:`20px`,height:`20px`,padding:`0`,border:`0`,"border-radius":`5px`,background:`transparent`,color:`var(--msr-content, #18181b)`,"align-items":`center`,"justify-content":`center`,"font-family":`inherit`,"font-size":`11px`,"line-height":`1`,cursor:`pointer`}),r},HE=(e,t)=>{let n=e.createElement(`button`);n.type=`button`,n.setAttribute(`role`,`menuitemradio`),BE(n,{display:`grid`,width:`100%`,height:`28px`,padding:`0 8px`,border:`0`,"border-radius":`6px`,background:`transparent`,color:`var(--msr-content, #18181b)`,"grid-template-columns":`14px minmax(0, 1fr)`,gap:`6px`,"align-items":`center`,"text-align":`left`,"font-family":`inherit`,"font-size":`11px`,cursor:`pointer`});let r=e.createElement(`span`);r.setAttribute(`aria-hidden`,`true`),r.textContent=`✓`,r.style.opacity=`0`;let i=e.createElement(`span`);return i.textContent=t,n.append(r,i),{button:n,check:r,text:i}},UE=({ownerDocument:e,root:t})=>{let n=e.createElement(`section`);n.dataset.mesurerRecordingPreview=`true`,n.dataset.mesurerInspectorUi=`true`,n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-label`,`Screen recording editor`),n.tabIndex=0,BE(n,{position:`fixed`,display:`none`,width:`352px`,"max-width":`calc(100vw - 16px)`,padding:`8px`,"z-index":`98`,"box-sizing":`border-box`,overflow:`visible`,"border-radius":`13px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`,"font-size":`11px`,"pointer-events":`auto`,outline:`none`,transform:`translateX(-50%)`,transition:`width 200ms ease`}),t.append(n);let r=e.createElement(`div`);BE(r,{position:`relative`,display:`flex`,width:`100%`,"min-height":`72px`,"max-height":`144px`,overflow:`hidden`,"border-radius":`8px`,background:`var(--msr-surface-muted, #f8fafc)`,"align-items":`center`,"justify-content":`center`,transition:`max-height 200ms ease`,cursor:`default`}),n.append(r);let i=e.createElement(`video`);i.muted=!0,i.playsInline=!0,i.preload=`auto`,BE(i,{display:`block`,width:`100%`,height:`100%`,"max-width":`100%`,"max-height":`144px`,"object-fit":`contain`,transition:`max-height 200ms ease`}),r.append(i);let a=e.createElement(`div`);a.dataset.mesurerRecordingExporting=`true`,a.textContent=`Exporting…`,BE(a,{position:`absolute`,inset:`0`,display:`none`,"align-items":`center`,"justify-content":`center`,"z-index":`30`,background:`rgb(15 23 42 / 45%)`,color:`#fff`,"font-size":`11px`,"pointer-events":`none`}),r.append(a);let o=VE(e,`Close`,`×`);o.dataset.mesurerRecordingDiscard=`true`,BE(o,{position:`absolute`,top:`6px`,right:`6px`,width:`24px`,height:`24px`,"z-index":`40`,background:`rgb(15 23 42 / 78%)`,color:`#fff`,opacity:`0`,"pointer-events":`none`,transition:`opacity 150ms ease`}),r.append(o),r.addEventListener(`mouseenter`,()=>{o.style.opacity=`1`,o.style.pointerEvents=`auto`}),r.addEventListener(`mouseleave`,()=>{e.activeElement!==o&&(o.style.opacity=`0`,o.style.pointerEvents=`none`)}),o.addEventListener(`focus`,()=>{o.style.opacity=`1`,o.style.pointerEvents=`auto`}),o.addEventListener(`blur`,()=>{o.style.opacity=`0`,o.style.pointerEvents=`none`});let s=e.createElement(`div`);BE(s,{display:`flex`,height:`28px`,"align-items":`center`,gap:`8px`,"margin-top":`8px`}),n.append(s);let c=VE(e,`Play`,`▶`);c.dataset.mesurerRecordingPlay=`true`,s.append(c);let l=e.createElement(`span`);l.dataset.mesurerRecordingCurrentTime=`true`,l.textContent=`0:00.00`,BE(l,{display:`flex`,width:`8ch`,"min-width":`8ch`,height:`20px`,"align-items":`center`,"flex-shrink":`0`,color:`var(--msr-color-ink-500, #64748b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"white-space":`nowrap`}),s.append(l);let u=e.createElement(`div`);u.dataset.mesurerRecordingTimeline=`true`,BE(u,{position:`relative`,height:`28px`,"min-width":`0`,flex:`1 1 0`,cursor:`pointer`,"user-select":`none`}),s.append(u);let d=e.createElement(`div`);d.dataset.mesurerRecordingTimelineTrack=`true`,BE(d,{position:`absolute`,left:`${zE}px`,right:`${zE}px`,top:`0`,bottom:`0`}),u.append(d);let f=e.createElement(`div`);f.dataset.mesurerRecordingTimelineRail=`true`,BE(f,{position:`absolute`,left:`0`,right:`0`,top:`21px`,height:`3px`,transform:`translateY(-50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-200, #e2e8f0)`,"pointer-events":`none`}),d.append(f);let p=e.createElement(`div`);p.dataset.mesurerRecordingTimelineClip=`true`,BE(p,{position:`absolute`,top:`21px`,height:`3px`,transform:`translateY(-50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-300, #cbd5e1)`,"pointer-events":`none`}),d.append(p);let m=e.createElement(`div`);BE(m,{position:`absolute`,display:`none`,top:`21px`,width:`2px`,height:`10px`,transform:`translate(-50%, -50%)`,"border-radius":`999px`,background:`var(--msr-color-ink-500, #64748b)`,opacity:`0.5`,"pointer-events":`none`}),d.append(m);let h=e.createElement(`div`);h.dataset.mesurerRecordingPlayhead=`true`,BE(h,{position:`absolute`,top:`21px`,left:`0`,width:`2px`,height:`9px`,transform:`translate(-50%, -50%)`,"border-radius":`999px`,background:`var(--msr-content, #18181b)`,"z-index":`25`,"pointer-events":`none`,transition:`height 150ms ease`}),d.append(h);let g=(t,n)=>{let r=e.createElement(`button`);r.type=`button`,r.dataset.mesurerRecordingTrimHandle=t,r.setAttribute(`role`,`slider`),r.setAttribute(`aria-label`,n),r.setAttribute(`aria-valuemin`,`0`),BE(r,{position:`absolute`,top:`0`,display:`flex`,width:`20px`,height:`16px`,padding:`0`,border:`0`,"border-radius":`4px`,background:`transparent`,color:`var(--msr-content, #18181b)`,transform:`translateX(-50%)`,"z-index":`30`,"align-items":`center`,"justify-content":`center`,cursor:`ew-resize`,"touch-action":`none`});let i=e.createElementNS(`http://www.w3.org/2000/svg`,`svg`);i.dataset.mesurerRecordingTrimChevron=t,i.setAttribute(`aria-hidden`,`true`),i.setAttribute(`viewBox`,`0 0 12 14`),i.setAttribute(`width`,`12`),i.setAttribute(`height`,`14`);let a=e.createElementNS(`http://www.w3.org/2000/svg`,`path`);a.setAttribute(`d`,t===`start`?`M3.5 2.5L8.5 7L3.5 11.5`:`M8.5 2.5L3.5 7L8.5 11.5`),a.setAttribute(`fill`,`none`),a.setAttribute(`stroke`,`currentColor`),a.setAttribute(`stroke-width`,`2`),a.setAttribute(`stroke-linecap`,`round`),a.setAttribute(`stroke-linejoin`,`round`),i.append(a),r.append(i);let o=e.createElement(`span`);return o.setAttribute(`aria-hidden`,`true`),BE(o,{position:`absolute`,left:`50%`,top:`15px`,width:`1px`,height:`4px`,background:`var(--msr-content, #18181b)`,transform:`translateX(-50%)`,"pointer-events":`none`}),r.append(o),d.append(r),r},_=g(`start`,`Trim start`),v=g(`end`,`Trim end`),y=e.createElement(`span`);y.dataset.mesurerRecordingDuration=`true`,BE(y,{display:`flex`,width:`8ch`,"min-width":`8ch`,height:`20px`,"align-items":`center`,"justify-content":`flex-end`,"flex-shrink":`0`,color:`var(--msr-color-ink-500, #64748b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"white-space":`nowrap`}),s.append(y);let b=e.createElement(`div`);BE(b,{position:`relative`,display:`flex`,height:`20px`,"align-items":`center`}),s.append(b);let x=VE(e,`Export options`,`1×`);x.dataset.mesurerRecordingExportOptions=`true`,x.setAttribute(`aria-haspopup`,`menu`),x.setAttribute(`aria-expanded`,`false`),BE(x,{width:`28px`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`}),b.append(x);let S=e.createElement(`div`);S.dataset.mesurerRecordingExportMenu=`true`,S.setAttribute(`role`,`menu`),BE(S,{position:`absolute`,display:`none`,right:`0`,bottom:`24px`,width:`176px`,padding:`4px`,"z-index":`120`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`9px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))`,"pointer-events":`auto`}),b.append(S);let C=e.createElement(`p`);C.textContent=`Format`,BE(C,{margin:`0`,padding:`4px 8px`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`10px`,"font-weight":`500`}),S.append(C);let w=e.createElement(`div`);S.append(w);let T=e.createElement(`p`);T.textContent=`Size`,BE(T,{margin:`0`,padding:`6px 8px 4px`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`10px`,"font-weight":`500`}),S.append(T);let E=e.createElement(`div`);S.append(E);let D=[1,2,3].map(t=>{let n=HE(e,`${t}×`);return n.button.dataset.mesurerRecordingScale=String(t),E.append(n.button),{scale:t,...n}}),O=VE(e,`Download`,`↓`);O.dataset.mesurerRecordingExport=`true`,s.append(O);let k=VE(e,`Grow preview`,`↗`);k.dataset.mesurerRecordingExpand=`true`,s.append(k);let A=e.createElement(`p`);return A.dataset.mesurerRecordingPreviewStatus=`true`,A.setAttribute(`role`,`status`),BE(A,{display:`none`,margin:`8px 0 0`,color:`var(--msr-color-ink-500, #64748b)`,"font-size":`11px`,"line-height":`16px`}),n.append(A),{panel:n,previewShell:r,video:i,exportingOverlay:a,close:o,play:c,currentTime:l,timeline:u,track:d,clip:p,hoverMarker:m,playhead:h,trimStart:_,trimEnd:v,durationLabel:y,exportAnchor:b,exportOptions:x,exportMenu:S,formatRows:w,scaleRows:D,download:O,expand:k,status:A}},WE=8,GE=8,KE=.05,qE=200,JE=e=>{let t=Number.isFinite(e)?Math.max(0,e):0,n=Math.floor(t/60);return`${n}:${(t-n*60).toFixed(2).padStart(5,`0`)}`},YE=(e,t,n,r)=>{let i=globalThis.URL.createObjectURL(e),a=n.createElement(`a`);a.href=i,a.download=t,a.rel=`noopener`,n.documentElement.append(a),a.click(),a.remove(),r.setTimeout(()=>globalThis.URL.revokeObjectURL(i),1e3)},XE=({ownerDocument:e,ownerWindow:t,root:n,formats:r,onDiscard:i,onExport:a})=>{let{panel:o,previewShell:s,video:c,exportingOverlay:l,close:u,play:d,currentTime:f,timeline:p,track:m,clip:h,hoverMarker:g,playhead:_,trimStart:v,trimEnd:y,durationLabel:b,exportAnchor:x,exportOptions:S,exportMenu:C,formatRows:w,scaleRows:T,download:E,expand:D,status:O}=UE({ownerDocument:e,root:n}),k=null,A=null,j=!1,M=!1,N=0,P=[`webm`],F=`webm`,I=1,L=0,R=0,z=null,B=null,V=null,ee=e=>{let t=k?.duration??0;return t<=0?0:Math.min(1,Math.max(0,e/t))},H=()=>({start:L,end:R}),U=e=>{let t=k?.duration??0,n=m.getBoundingClientRect();return t<=0||n.width<=0?0:Math.min(t,Math.max(0,(e-n.left)/n.width*t))},W=()=>{let e=k?.duration??0,t=Math.min(e,Math.max(0,c.currentTime||0)),n=ee(L)*100,r=ee(R)*100;v.style.left=`${n}%`,y.style.left=`${r}%`,h.style.left=`${n}%`,h.style.width=`${Math.max(0,r-n)}%`,_.style.left=`${ee(t)*100}%`,v.setAttribute(`aria-valuemax`,String(Math.max(0,R-KE))),v.setAttribute(`aria-valuenow`,String(L)),v.setAttribute(`aria-valuetext`,JE(L)),y.setAttribute(`aria-valuemin`,String(Math.min(e,L+KE))),y.setAttribute(`aria-valuemax`,String(e)),y.setAttribute(`aria-valuenow`,String(R)),y.setAttribute(`aria-valuetext`,JE(R)),f.textContent=JE(t),b.textContent=JE(e)},te=(e,t=!0)=>{if(!k)return;let n=Math.min(R,Math.max(L,e));t&&!c.paused&&c.pause(),c.currentTime=n,W()},ne=(e,t=!1)=>{k&&(L=Math.min(Math.max(0,e),Math.max(0,R-KE)),(t||c.currentTime<L)&&te(L),W())},re=(e,t=!1)=>{k&&(R=Math.max(Math.min(k.duration,e),Math.min(k.duration,L+KE)),t?te(R):c.currentTime>R&&te(L),W())},ie=()=>{S.textContent=`${I}×`;for(let e of T){let t=e.scale===I;e.button.setAttribute(`aria-checked`,t?`true`:`false`),e.check.style.opacity=t?`1`:`0`,e.text.textContent=k?`${e.scale}×  ${Math.round(k.width*e.scale)} × ${Math.round(k.height*e.scale)}`:`${e.scale}×`}},ae=()=>{w.replaceChildren();for(let t of P){let n=HE(e,t===`mp4`?`MP4`:`WebM`),r=t===F;n.button.dataset.mesurerRecordingFormat=t,n.button.setAttribute(`aria-checked`,r?`true`:`false`),n.check.style.opacity=r?`1`:`0`,n.button.addEventListener(`click`,()=>{F=t,ae()}),w.append(n.button)}},oe=()=>{if(C.style.display===`none`)return;let e=x.getBoundingClientRect(),n=Math.max(1,C.offsetHeight),r=e.top-WE,i=t.innerHeight-e.bottom-WE;r>=n||r>=i?(C.style.top=`auto`,C.style.bottom=`24px`):(C.style.top=`24px`,C.style.bottom=`auto`)},se=e=>{C.style.display=e?`block`:`none`,S.setAttribute(`aria-expanded`,e?`true`:`false`),e&&oe()},ce=e=>{M=e,l.style.display=e?`flex`:`none`;for(let t of[d,u,v,y,S,E,D,...T.map(e=>e.button)])t.toggleAttribute(`disabled`,e)},le=()=>n.closest(`[data-mesurer-root='true']`)?.querySelector(`[data-mesurer-tool-id='recording']`)??e.querySelector(`[data-mesurer-tool-id='recording']`),ue=()=>{if(o.style.display===`none`)return;let e=Math.min(j?576:352,Math.max(1,t.innerWidth-16)),n=Math.max(180,o.offsetHeight),r=le()?.getBoundingClientRect(),i=r?r.left+r.width/2:t.innerWidth-WE-e/2,a=WE+e/2,s=Math.max(a,t.innerWidth-WE-e/2),c=Math.min(Math.max(a,i),s),l=r?r.bottom+GE:WE;l+n>t.innerHeight-WE&&(l=r?r.top-n-GE:t.innerHeight-n-WE),o.style.left=`${c}px`,o.style.top=`${Math.max(WE,l)}px`,C.style.display!==`none`&&oe()},de=()=>{c.pause(),c.removeAttribute(`src`),c.load(),A&&=(globalThis.URL.revokeObjectURL(A),null)},fe=()=>{N+=1,V&&=(V.cancel(),null),de(),k=null,z=null,B=null,se(!1),o.style.display=`none`,o.style.pointerEvents=`auto`,o.style.opacity=`1`,o.style.transform=`translateX(-50%)`,o.style.removeProperty(`transform-origin`),o.style.removeProperty(`will-change`),O.style.display=`none`,ce(!1)},pe=()=>{if(!k||o.style.display===`none`||V)return;let e=o.getBoundingClientRect(),t=le()?.getBoundingClientRect(),n=t?t.left+t.width/2:e.left+e.width/2,r=t?t.top+t.height/2:e.top+e.height/2;c.pause(),se(!1),o.style.pointerEvents=`none`,o.style.left=`${e.left}px`,o.style.top=`${e.top}px`,o.style.transform=`none`,o.style.transformOrigin=`${n-e.left}px ${r-e.top}px`,o.style.willChange=`transform, opacity`;let a=o.animate([{transform:`scale(1)`,opacity:1},{transform:`scale(0.08)`,opacity:0}],{duration:qE,easing:`ease`,fill:`forwards`});V=a,a.finished.catch(()=>void 0).then(()=>{V===a&&(a.cancel(),V=null,o.style.removeProperty(`will-change`),i())})},me=()=>{if(!(!k||M)){if(!c.paused){c.pause();return}(c.currentTime<L||c.currentTime>=R)&&(c.currentTime=L),c.play()}},he=()=>{z=null,B=null,_.style.height=`8px`},ge=e=>{if(!z)return;let t=U(e);z===`start`?ne(t,!0):z===`end`?re(t,!0):te(t)},_e=(e,t)=>{!k||M||t.button!==0||(t.preventDefault(),t.stopPropagation(),z=e,B=t.pointerId,_.style.height=`10px`,ge(t.clientX))},ve=e=>{B!==null&&e.pointerId===B&&ge(e.clientX)},ye=e=>{B!==null&&e.pointerId===B&&he()};v.addEventListener(`pointerdown`,e=>_e(`start`,e)),y.addEventListener(`pointerdown`,e=>_e(`end`,e)),p.addEventListener(`pointerdown`,e=>{let t=e.target;t instanceof Element&&t.closest(`[data-mesurer-recording-trim-handle]`)||_e(`playhead`,e)}),p.addEventListener(`pointermove`,e=>{B===null&&(g.style.display=`block`,g.style.left=`${ee(U(e.clientX))*100}%`)}),p.addEventListener(`pointerleave`,()=>{g.style.display=`none`});for(let[e,t]of[[`start`,v],[`end`,y]])t.addEventListener(`keydown`,t=>{if(!k||t.key!==`ArrowLeft`&&t.key!==`ArrowRight`)return;t.preventDefault();let n=t.key===`ArrowLeft`?-1:1,r=(e===`start`?L:R)+n*.05;e===`start`?ne(r,!0):re(r,!0)});t.addEventListener(`pointermove`,ve,!0),t.addEventListener(`pointerup`,ye,!0),t.addEventListener(`pointercancel`,ye,!0),u.addEventListener(`click`,e=>{e.stopPropagation(),pe()}),s.addEventListener(`click`,e=>{let t=e.target;t instanceof Element&&t.closest(`button`)||me()}),d.addEventListener(`click`,me),c.addEventListener(`play`,()=>{d.textContent=`Ⅱ`,d.setAttribute(`aria-label`,`Pause`),d.title=`Pause`}),c.addEventListener(`pause`,()=>{d.textContent=`▶`,d.setAttribute(`aria-label`,`Play`),d.title=`Play`}),c.addEventListener(`timeupdate`,()=>{k&&(c.currentTime>=R-.01?(c.pause(),c.currentTime=L):c.currentTime<L&&(c.currentTime=L),W())}),c.addEventListener(`loadedmetadata`,()=>{W()}),S.addEventListener(`click`,()=>{M||se(C.style.display===`none`)});for(let e of T)e.button.addEventListener(`click`,()=>{I=e.scale,ie()});let be=e=>{C.style.display!==`none`&&(e.composedPath().includes(x)||se(!1))};e.addEventListener(`pointerdown`,be,!0),D.addEventListener(`click`,()=>{j=!j,o.style.width=`${j?576:352}px`,s.style.maxHeight=j?`448px`:`144px`,c.style.maxHeight=j?`448px`:`144px`,D.textContent=j?`↙`:`↗`,D.setAttribute(`aria-label`,j?`Shrink preview`:`Grow preview`),D.title=j?`Shrink preview`:`Grow preview`,t.requestAnimationFrame(ue)}),E.addEventListener(`click`,()=>{if(!k||M||P.length===0)return;let n=++N,{start:r,end:i}=H();ce(!0),se(!1),O.style.display=`none`,a({format:F,startTime:r,endTime:i,scale:I}).then(r=>{n===N&&YE(r.blob,r.filename,e,t)}).catch(e=>{n===N&&(O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=e instanceof Error?e.message:`Could not export the recording.`)}).finally(()=>{n===N&&ce(!1)})}),o.addEventListener(`keydown`,e=>{if(e.key===`Escape`){if(C.style.display!==`none`){e.preventDefault(),se(!1);return}e.preventDefault(),pe();return}(e.key===` `||e.code===`Space`)&&e.target===o&&(e.preventDefault(),me())});let xe=()=>ue();return t.addEventListener(`resize`,xe),{show(e){N+=1,V&&=(V.cancel(),null),o.style.pointerEvents=`auto`,o.style.opacity=`1`,o.style.transform=`translateX(-50%)`,o.style.removeProperty(`transform-origin`),o.style.removeProperty(`will-change`),de(),k=e,j=!1,I=1,F=`webm`,P=[`webm`],L=0,R=e.duration,z=null,B=null;let n=globalThis.URL.createObjectURL(e.blob);A=n,c.src=n,c.currentTime=0,s.style.aspectRatio=e.width>0&&e.height>0?`${e.width} / ${e.height}`:`16 / 9`,o.style.width=`352px`,s.style.maxHeight=`144px`,c.style.maxHeight=`144px`,D.textContent=`↗`,D.setAttribute(`aria-label`,`Grow preview`),D.title=`Grow preview`,f.textContent=`0:00.00`,b.textContent=JE(e.duration),O.style.display=`none`,O.style.color=`var(--msr-color-ink-500, #64748b)`,se(!1),ae(),ie(),W(),ce(!1),o.style.display=`block`,ue(),o.focus({preventScroll:!0});let i=N;r(e).then(e=>{i!==N||!k||(P=e,F=e.includes(F)?F:e[0]??`webm`,ae(),E.disabled=e.length===0,e.length===0&&(O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=`No MediaBunny video encoder is available in this runtime.`))}).catch(e=>{i===N&&(P=[],ae(),E.disabled=!0,O.style.display=`block`,O.style.color=`var(--msr-danger-text, #dc2626)`,O.textContent=e instanceof Error?e.message:`Could not inspect export support.`)}),t.requestAnimationFrame(ue)},dismiss:fe,dispose(){fe(),t.removeEventListener(`resize`,xe),t.removeEventListener(`pointermove`,ve,!0),t.removeEventListener(`pointerup`,ye,!0),t.removeEventListener(`pointercancel`,ye,!0),e.removeEventListener(`pointerdown`,be,!0),o.remove()}}},ZE=3e3,QE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},$E=({ownerDocument:e,ownerWindow:t,root:n,statusRoot:r,rendererRoot:i,isSelecting:a,isRecording:o,onRectChange:s,onConfirm:c,onCancel:l,onStop:u,setRecordingInteractionActive:d})=>{let f=e.createElement(`div`);f.dataset.mesurerRecordingSelect=`true`,f.dataset.mesurerInspectorUi=`true`,f.setAttribute(`role`,`application`),f.setAttribute(`aria-label`,`Recording selection`),QE(f,{position:`fixed`,inset:`0`,display:`none`,"z-index":`86`,cursor:`crosshair`,"pointer-events":`auto`,"user-select":`none`,"touch-action":`none`}),n.append(f);let p=Array.from({length:4},()=>{let t=e.createElement(`div`);return t.dataset.mesurerRecordingShade=`true`,QE(t,{position:`fixed`,background:`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(t),t}),m=e.createElement(`div`);m.dataset.mesurerRecordingMask=`true`,QE(m,{position:`fixed`,display:`none`,background:`transparent`,outline:`2px solid var(--msr-accent, #0d99ff)`,"outline-offset":`-1px`,"box-shadow":`0 0 0 100vmax rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(m);let h=e.createElement(`div`);h.dataset.mesurerRecordingSelection=`true`,QE(h,{position:`fixed`,display:`none`,border:`1px solid var(--msr-accent, #0d99ff)`,"box-sizing":`border-box`,"pointer-events":`none`}),f.append(h);let g=e.createElement(`div`);QE(g,{position:`fixed`,display:`none`,transform:`translateX(-50%)`,padding:`2px 5px`,"border-radius":`4px`,background:`var(--msr-accent, #0d99ff)`,color:`#fff`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"pointer-events":`none`}),f.append(g);let _=e.createElement(`div`);_.textContent=`Drag a region to record · Esc to cancel`,QE(_,{position:`fixed`,left:`50%`,bottom:`16px`,transform:`translateX(-50%)`,padding:`5px 8px`,"border-radius":`6px`,background:`var(--msr-content, #18181b)`,color:`var(--msr-surface, #fff)`,"font-size":`11px`,"pointer-events":`none`}),f.append(_);let v=e.createElement(`div`);v.dataset.mesurerRecordingRegion=`true`,v.dataset.mesurerInspectorUi=`true`,v.setAttribute(`role`,`dialog`),v.setAttribute(`aria-label`,`Recording region`),QE(v,{position:`fixed`,display:`none`,width:`220px`,padding:`8px`,"z-index":`90`,"box-sizing":`border-box`,overflow:`hidden`,"border-radius":`10px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 10px 30px rgba(0,0,0,.12))`,"font-size":`11px`,"pointer-events":`auto`,transform:`translateX(-50%)`}),f.append(v);let y=t=>{let n=e.createElement(`label`);QE(n,{display:`grid`,"grid-template-columns":`44px minmax(0,1fr)`,"align-items":`center`,gap:`8px`});let r=e.createElement(`span`);r.textContent=t,r.style.color=`var(--msr-color-ink-500, #64748b)`,n.append(r);let i=e.createElement(`div`);return QE(i,{display:`flex`,"align-items":`center`,gap:`4px`,"min-width":`0`}),n.append(i),v.append(n),i},b=t=>{let n=e.createElement(`input`);return n.type=`number`,n.setAttribute(`aria-label`,t),n.step=`1`,QE(n,{width:`0`,"min-width":`0`,flex:`1 1 0`,height:`26px`,padding:`0 6px`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`6px`,background:`var(--msr-surface, #fff)`,color:`var(--msr-content, #18181b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`}),n},x=y(`Size`),S=b(`Width`),C=b(`Height`);x.append(S);let w=e.createElement(`span`);w.textContent=`×`,w.style.color=`var(--msr-color-ink-500, #64748b)`,x.append(w,C);let T=e.createElement(`span`);T.textContent=`px`,T.style.color=`var(--msr-color-ink-500, #64748b)`,x.append(T);let E=y(`Position`);E.style.marginTop=`8px`;let D=b(`Left`),O=b(`Top`);E.append(D,O);let k=e.createElement(`span`);k.textContent=`px`,k.style.color=`var(--msr-color-ink-500, #64748b)`,E.append(k);let A=e.createElement(`button`);A.type=`button`,A.dataset.mesurerRecordingStart=`true`,A.textContent=`●  Start recording`,QE(A,{width:`100%`,height:`28px`,"margin-top":`8px`,border:`1px solid var(--msr-color-ink-200, #e2e8f0)`,"border-radius":`7px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"font-family":`inherit`,"font-size":`11px`,"font-weight":`500`,cursor:`pointer`}),v.append(A);let j=e.createElement(`div`);j.dataset.mesurerRecordingGrid=`true`,QE(j,{position:`absolute`,inset:`0`,display:`none`,"pointer-events":`none`}),h.append(j);let M=t=>{let n=e.createElement(`div`);QE(n,{position:`absolute`,opacity:`0.3`,...t}),j.append(n)};M({left:`33.333%`,top:`0`,bottom:`0`,borderLeft:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({left:`66.666%`,top:`0`,bottom:`0`,borderLeft:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({top:`33.333%`,left:`0`,right:`0`,borderTop:`1px dashed var(--msr-color-ink-500, #64748b)`}),M({top:`66.666%`,left:`0`,right:`0`,borderTop:`1px dashed var(--msr-color-ink-500, #64748b)`});let N=Object.entries({nw:{left:`0`,top:`0`},n:{left:`50%`,top:`0`},ne:{left:`100%`,top:`0`},e:{left:`100%`,top:`50%`},se:{left:`100%`,top:`100%`},s:{left:`50%`,top:`100%`},sw:{left:`0`,top:`100%`},w:{left:`0`,top:`50%`}}).map(([t,n])=>{let r=e.createElement(`button`);return r.type=`button`,r.dataset.mesurerRecordingResize=t,r.setAttribute(`aria-label`,`Resize ${t}`),QE(r,{position:`absolute`,display:`none`,left:n.left,top:n.top,width:`8px`,height:`8px`,padding:`0`,border:`1px solid var(--msr-color-white, #fff)`,"border-radius":`999px`,background:`var(--msr-color-ink-900, #18181b)`,"box-shadow":`0 0 0 1px rgb(0 0 0 / 25%)`,transform:`translate(-50%, -50%)`,cursor:t===`n`||t===`s`?`ns-resize`:t===`e`||t===`w`?`ew-resize`:t===`nw`||t===`se`?`nwse-resize`:`nesw-resize`,"pointer-events":`auto`}),h.append(r),r}),P=e.createElement(`section`);P.dataset.mesurerRecordingStatus=`true`,P.dataset.mesurerInspectorUi=`true`,P.setAttribute(`aria-label`,`Screen recording`),QE(P,{position:`fixed`,display:`none`,height:`34px`,padding:`0 8px`,"align-items":`center`,gap:`8px`,border:`0`,"border-radius":`9px`,background:`var(--msr-surface-raised, #fff)`,color:`var(--msr-content, #18181b)`,"box-shadow":`var(--msr-shadow-floating, 0 8px 24px rgba(0,0,0,.14))`,"font-family":`inherit`,"font-size":`11px`,"pointer-events":`auto`});let F=e.createElement(`span`);F.setAttribute(`aria-hidden`,`true`),QE(F,{width:`6px`,height:`6px`,"border-radius":`999px`,background:`var(--msr-danger-solid-bg, #dc2626)`,"flex-shrink":`0`}),P.append(F);let I=e.createElement(`span`);I.dataset.mesurerRecordingTime=`true`,I.textContent=`00:00`,QE(I,{color:`var(--msr-content, #18181b)`,"font-family":`ui-monospace, SFMono-Regular, Menlo, monospace`,"font-size":`11px`,"font-variant-numeric":`tabular-nums`}),P.append(I);let L=e.createElement(`button`);L.type=`button`,L.dataset.mesurerRecordingStop=`true`,L.textContent=`Stop`,L.setAttribute(`aria-label`,`Stop recording`),QE(L,{height:`24px`,padding:`0 8px`,border:`0`,"border-radius":`6px`,background:`var(--msr-danger-solid-bg, #dc2626)`,color:`var(--msr-danger-solid-text, #fff)`,"font-family":`inherit`,"font-size":`11px`,"font-weight":`500`,cursor:`pointer`}),P.append(L),r.append(P);let R=e.createElement(`div`);R.dataset.mesurerRecordingError=`true`,R.dataset.mesurerInspectorUi=`true`,R.setAttribute(`role`,`status`),QE(R,{position:`fixed`,display:`none`,left:`8px`,top:`8px`,"z-index":`99`,padding:`6px 8px`,"border-radius":`6px`,background:`var(--msr-danger, #b42318)`,color:`#fff`,"font-size":`11px`,"pointer-events":`none`}),r.append(R);let z=null,B=null,V=!1,ee=null,H=0,U=()=>{z=null,B=null,V=!1,ee=null},W=(e,t)=>{for(let n of[`left`,`top`,`width`,`height`]){let r=t[n];r===void 0?e.style.removeProperty(n):e.style.setProperty(n,`${r}px`)}},te=e=>{let n=t.innerWidth,r=t.innerHeight,i=Math.min(n,Math.max(4,Math.round(e.width))),a=Math.min(r,Math.max(4,Math.round(e.height)));return{left:Math.min(Math.max(0,Math.round(e.left)),Math.max(0,n-i)),top:Math.min(Math.max(0,Math.round(e.top)),Math.max(0,r-a)),width:i,height:a}},ne=(e,t)=>t.x>=e.left&&t.x<=e.left+e.width&&t.y>=e.top&&t.y<=e.top+e.height,re=e=>{let n=t.innerWidth,r=t.innerHeight;if(!e||e.width<=0||e.height<=0){W(p[0],{left:0,top:0,width:n,height:r});for(let e of p.slice(1))W(e,{left:0,top:0,width:0,height:0});h.style.display=`none`,h.style.pointerEvents=`none`,j.style.display=`none`;for(let e of N)e.style.display=`none`;g.style.display=`none`,v.style.display=`none`,_.textContent=`Drag to select a region · Esc to cancel`;return}if(W(p[0],{left:0,top:0,width:n,height:e.top}),W(p[1],{left:0,top:e.top,width:e.left,height:e.height}),W(p[2],{left:e.left+e.width,top:e.top,width:Math.max(0,n-e.left-e.width),height:e.height}),W(p[3],{left:0,top:e.top+e.height,width:n,height:Math.max(0,r-e.top-e.height)}),h.style.display=`block`,W(h,e),V){h.style.pointerEvents=`auto`,h.style.cursor=`move`,j.style.display=`block`;for(let e of N)e.style.display=`block`;g.style.display=`none`,S.value=String(Math.round(e.width)),C.value=String(Math.round(e.height)),D.value=String(Math.round(e.left)),O.value=String(Math.round(e.top)),S.max=String(n),C.max=String(r),D.max=String(Math.max(0,n-e.width)),O.max=String(Math.max(0,r-e.height));let t=Math.min(Math.max(118,e.left+e.width/2),Math.max(118,n-110-8)),i=e.top+e.height+12,a=i+112<=r?i:Math.max(8,e.top-112);v.style.left=`${t}px`,v.style.top=`${a}px`,v.style.display=`block`,_.textContent=`Adjust region · Enter to start · Esc to cancel`}else{h.style.pointerEvents=`none`,h.style.cursor=``,j.style.display=`none`;for(let e of N)e.style.display=`none`;v.style.display=`none`,g.style.display=`block`,g.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,W(g,{left:e.left+e.width/2,top:Math.min(r-22,e.top+e.height+6)}),_.textContent=`Drag to select a region · Esc to cancel`}},ie=e=>{let t=te(e);B=t,s(t),re(t)},ae=e=>{U();for(let e of p)W(e,{left:0,top:0,width:0,height:0});W(m,e),m.style.display=`block`,h.style.display=`none`,g.style.display=`none`,v.style.display=`none`,j.style.display=`none`,_.style.display=`none`;for(let e of N)e.style.display=`none`;f.style.display=`block`,f.style.pointerEvents=`none`,f.style.cursor=`default`},oe=()=>{d(!1),m.style.display=`none`,f.style.display=`none`,f.style.pointerEvents=`auto`,f.style.cursor=`crosshair`,_.style.removeProperty(`display`)},se=()=>{U(),re(null),f.style.display=`none`,f.style.cursor=`crosshair`,n.style.pointerEvents=`none`},ce=e=>{let n=t.innerHeight,r=t.innerWidth;P.style.visibility=`hidden`,P.style.display=`flex`;let a=Math.max(112,P.offsetWidth||112),o=Math.min(r-a-8,Math.max(8,e.left+e.width/2-a/2)),s=i?.querySelector(`[data-mesurer-toolbar='true']`)?.getBoundingClientRect(),c=[e.top>=50?e.top-34-8:null,n-(e.top+e.height)>=50?e.top+e.height+8:null].filter(e=>e!==null),l=e=>s?o<s.right&&o+a>s.left&&e<s.bottom&&e+34>s.top:!1,u=c.find(e=>!l(e))??c[0]??null;if(u===null){P.style.display=`none`,P.style.removeProperty(`visibility`);return}P.style.left=`${o}px`,P.style.top=`${u}px`,P.style.removeProperty(`visibility`)},le=()=>{P.style.display=`none`},ue=e=>{H&&t.clearTimeout(H);let n=e instanceof Error?e.message:`Could not record this region.`;R.textContent=n,R.style.display=`block`,H=t.setTimeout(()=>{H=0,R.style.display=`none`},ZE)},de=(e,t,n)=>{let r=B;!V||!r||e.button!==0||(e.preventDefault(),e.stopPropagation(),ee={kind:t,handle:n,pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,rect:{...r}},f.setPointerCapture?.(e.pointerId))},fe=e=>{!a()||e.button!==0||V&&B&&ne(B,{x:e.clientX,y:e.clientY})||(e.preventDefault(),e.stopPropagation(),V=!1,B=null,s(null),f.style.cursor=`crosshair`,z={x:e.clientX,y:e.clientY},re(Yc(z,z,{width:t.innerWidth,height:t.innerHeight})),f.setPointerCapture?.(e.pointerId))},pe=e=>{if(a()){if(ee){let n=ee,r=e.clientX-n.startX,i=e.clientY-n.startY,a=t.innerWidth,o=t.innerHeight;if(n.kind===`move`){ie({...n.rect,left:n.rect.left+r,top:n.rect.top+i});return}let s=n.handle??``,c=n.rect.left,l=n.rect.top,u=n.rect.left+n.rect.width,d=n.rect.top+n.rect.height;s.includes(`w`)&&(c=Math.min(u-4,Math.max(0,n.rect.left+r))),s.includes(`e`)&&(u=Math.max(c+4,Math.min(a,n.rect.left+n.rect.width+r))),s.includes(`n`)&&(l=Math.min(d-4,Math.max(0,n.rect.top+i))),s.includes(`s`)&&(d=Math.max(l+4,Math.min(o,n.rect.top+n.rect.height+i))),ie({left:c,top:l,width:u-c,height:d-l});return}z&&re(Yc(z,{x:e.clientX,y:e.clientY},{width:t.innerWidth,height:t.innerHeight}))}},me=e=>{if(ee){ee=null,f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId),B&&re(B);return}let n=z;if(z=null,!a()||!n)return;f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId);let r=Yc(n,{x:e.clientX,y:e.clientY},{width:t.innerWidth,height:t.innerHeight});if(r.width<4||r.height<4){B=null,V=!1,s(null),re(null);return}B=te(r),V=!0,f.style.cursor=`default`,s(B),re(B)},he=e=>{z=null,ee=null,f.hasPointerCapture?.(e.pointerId)&&f.releasePointerCapture(e.pointerId),re(B&&V?B:null)},ge=e=>{if(e.key===`Enter`&&a()&&V&&B){e.preventDefault(),e.stopImmediatePropagation(),c(B).catch(()=>void 0);return}if(e.key===`Escape`){if(a()){e.preventDefault(),e.stopImmediatePropagation(),l().catch(()=>void 0);return}o()&&(e.preventDefault(),e.stopImmediatePropagation(),u().catch(()=>void 0))}};f.addEventListener(`pointerdown`,fe),f.addEventListener(`pointermove`,pe),f.addEventListener(`pointerup`,me),f.addEventListener(`pointercancel`,he),t.addEventListener(`keydown`,ge,!0),h.addEventListener(`pointerdown`,e=>{let t=e.target;t instanceof Element&&t.closest(`[data-mesurer-recording-resize]`)||de(e,`move`)});for(let e of N)e.addEventListener(`pointerdown`,t=>{de(t,`resize`,e.dataset.mesurerRecordingResize)});v.addEventListener(`pointerdown`,e=>{e.stopPropagation()}),v.addEventListener(`click`,e=>{e.stopPropagation()});let _e=(e,t)=>{let n=B,r=Number(e.value);!n||!Number.isFinite(r)||ie({...n,[t]:r})};return S.addEventListener(`change`,()=>_e(S,`width`)),C.addEventListener(`change`,()=>_e(C,`height`)),D.addEventListener(`change`,()=>_e(D,`left`)),O.addEventListener(`change`,()=>_e(O,`top`)),A.addEventListener(`click`,()=>{a()&&V&&B&&c(B).catch(()=>void 0)}),L.addEventListener(`click`,()=>{if(o()){u().catch(()=>void 0);return}a()&&P.style.display!==`none`&&l().catch(()=>void 0)}),{startSelection:()=>{U(),re(null),f.style.display=`block`,f.style.pointerEvents=`auto`,_.style.removeProperty(`display`),n.style.pointerEvents=`auto`},finishSelection:se,showRecordingMask:ae,hideRecordingMask:oe,placeRecordingStatus:ce,hideRecordingStatus:le,setRecordingTime(e){I.textContent=e},flashError:ue,dispose(){f.removeEventListener(`pointerdown`,fe),f.removeEventListener(`pointermove`,pe),f.removeEventListener(`pointerup`,me),f.removeEventListener(`pointercancel`,he),t.removeEventListener(`keydown`,ge,!0),H&&t.clearTimeout(H),se()}}},eD=e=>{let t=null,n=()=>{let e=t;e&&(t=null,e.pointerEvents||e.pointerEventsPriority?e.element.style.setProperty(`pointer-events`,e.pointerEvents,e.pointerEventsPriority):e.element.style.removeProperty(`pointer-events`),e.cursor||e.cursorPriority?e.element.style.setProperty(`cursor`,e.cursor,e.cursorPriority):e.element.style.removeProperty(`cursor`))};return{setActive(r){if(e?.toggleAttribute(`data-mesurer-recording-active`,r),!r){n();return}let i=e?.querySelector(`[data-mesurer-interaction-overlay='true']`);i&&((!t||t.element!==i)&&(n(),t={element:i,pointerEvents:i.style.getPropertyValue(`pointer-events`),pointerEventsPriority:i.style.getPropertyPriority(`pointer-events`),cursor:i.style.getPropertyValue(`cursor`),cursorPriority:i.style.getPropertyPriority(`cursor`)}),i.style.setProperty(`pointer-events`,`none`,`important`),i.style.setProperty(`cursor`,`default`,`important`))}}},tD=`mesurer.recording`,nD=`recording:v1`,rD=`mesurer.recording.settings`,iD=`runtime:solid`,aD=`recording.toggle`,oD=`recording.stop`,sD=`recording.discard`,cD=`recording.export`,lD=60,uD=60,dD={viewBox:`0 0 24 24`,paths:[`M7 5.75A3.25 3.25 0 0 0 3.75 9v6A3.25 3.25 0 0 0 7 18.25h7A3.25 3.25 0 0 0 17.25 15v-1.03l2.13 1.42a.75.75 0 0 0 1.17-.624V9.234a.75.75 0 0 0-1.17-.624l-2.13 1.42V9A3.25 3.25 0 0 0 14 5.75H7Zm10.25 6.082 1.8-1.2v2.736l-1.8-1.2v-.336Z`,`M10.5 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z`]},fD=e=>e?{...e}:null,pD=e=>({...e,rect:fD(e.rect)}),mD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},hD=e=>e!=null&&!Array.isArray(e)&&typeof e==`object`,gD=e=>typeof e==`number`&&Number.isFinite(e),_D=e=>{if(!hD(e))return{};let t={};return(e.format===`webm`||e.format===`mp4`)&&(t.format=e.format),gD(e.startTime)&&(t.startTime=e.startTime),gD(e.endTime)&&(t.endTime=e.endTime),(e.scale===1||e.scale===2||e.scale===3)&&(t.scale=e.scale),t},vD=e=>({status:e.status,elapsed:e.elapsed,rect:e.rect?{...e.rect}:null,duration:e.duration,width:e.width,height:e.height,error:e.error}),yD=e=>({filename:e.filename,format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size}),bD=e=>({format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size,createdAt:e.createdAt}),xD=(e,t,n)=>{let r=globalThis.URL.createObjectURL(e.blob),i=t.createElement(`a`);i.href=r,i.download=e.filename,i.rel=`noopener`,t.documentElement.append(i),i.click(),i.remove(),n.setTimeout(()=>globalThis.URL.revokeObjectURL(r),1e3)},SD=(e={})=>wc({id:tD,version:`0.1.0`,requires:[iD],provides:[`tool:recording`,nD],setup(t){let n=t.service.get(iD);if(!n)throw Error(`Recording plugin requires the Solid renderer runtime.`);let{ownerDocument:r,ownerWindow:i}=n,a=n.createInspectorMount(),o=a.element,s=n.createInspectorMount(),c=s.element,l=n.rendererRoot??n.portalTarget.querySelector(`[data-mesurer-root='true']`),u=eD(l);o.dataset.mesurerRecording=`true`,c.dataset.mesurerRecordingStatusRoot=`true`,mD(o,{position:`fixed`,inset:`0`,"z-index":`86`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`}),mD(c,{position:`fixed`,inset:`0`,"z-index":`96`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`});let d=Math.max(1,Math.min(600,e.maxDurationSeconds??uD)),f=e.quality??`medium`;t.state.register({id:rD,initial:{toolEnabled:e.toolEnabled??!0,frameRate:e.frameRate??lD},persist:!0});let p=()=>{let e=t.state.get(rD);return{toolEnabled:e?.toolEnabled??!0,frameRate:e?.frameRate===120?120:60}},m=e=>{t.state.update(rD,t=>{let n={...t};return e.toolEnabled!==void 0&&(n.toolEnabled=e.toolEnabled),(e.frameRate===60||e.frameRate===120)&&(n.frameRate=e.frameRate),n})},h={status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null},g=new Set,_=null,v=null,y=null,b=null,x,S=null,C=0,w=0,T=0,E=0,D=-1,O=!1,k=null,A=()=>{let e=pD(h);for(let t of g)t(e)},j=e=>{h={...h,...e,rect:e.rect===void 0?h.rect:fD(e.rect)},A()},M=()=>h.status===`selecting`||h.status===`recording`||h.status===`exporting`,N=()=>{if(S)return;let e=n.portalTarget.querySelector(`[data-mesurer-toolbar='true']`);e&&(S={element:e,value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)},e.style.setProperty(`visibility`,`hidden`,`important`))},P=()=>{if(!S)return;let e=S;S=null,e.value||e.priority?e.element.style.setProperty(`visibility`,e.value,e.priority):e.element.style.removeProperty(`visibility`)},F=async e=>{C&&i.cancelAnimationFrame(C),C=0,w&&i.clearTimeout(w),w=0;let t=b;if(b=null,t)try{await t}catch{}let n=y;y=null,e&&await n?.cancel();let r=v;v=null,r&&CE(r),x.hideRecordingMask(),x.hideRecordingStatus()},I=()=>{_=null,z.dismiss(),j({status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null}),t.hook.emit(`recording:discard`,{})},L=async()=>{let e=_;return NE(e?.width??Math.max(2,Math.round(i.innerWidth)),e?.height??Math.max(2,Math.round(i.innerHeight)),p().frameRate)},R=async(e={})=>{let n=_;if(!n)throw Error(`No recording is ready to export.`);let r=h.status;j({status:`exporting`,error:null});try{let r=await LE(n.blob,e),i={...r,filename:RE(r.format)};return j({status:`ready`,duration:n.duration,width:n.width,height:n.height,error:null}),await t.hook.emit(`recording:export`,{filename:i.filename,format:i.format,duration:i.duration,width:i.width,height:i.height,bytes:i.blob.size}),i}catch(e){throw j({status:r===`ready`?`ready`:`error`,error:e instanceof Error?e.message:`Could not export the recording.`}),e}},z=XE({ownerDocument:r,ownerWindow:i,root:o,formats:async()=>L(),onDiscard:I,onExport:R}),B=async()=>{if(k)return k;if(h.status!==`recording`||!y||!v)throw Error(`No recording is active.`);let e=T,n=y,r=v,a=fD(h.rect);if(!a)throw Error(`Recording region is unavailable.`);return k=(async()=>{C&&i.cancelAnimationFrame(C),C=0,w&&i.clearTimeout(w),w=0;let s=b;b=null,s&&await s;let c=await n.finalize();if(y=null,v=null,CE(r),T!==e||O)throw Error(`Recording was cancelled.`);let l=await IE(c),u={blob:c,format:`webm`,duration:l.duration,width:l.width,height:l.height,createdAt:Date.now()};return _=u,x.hideRecordingMask(),x.hideRecordingStatus(),P(),o.style.pointerEvents=`none`,j({status:`ready`,elapsed:l.duration,duration:l.duration,width:l.width,height:l.height,error:null}),z.show(u),await t.hook.emit(`recording:ready`,{rect:a,duration:l.duration,width:l.width,height:l.height,bytes:c.size}),u})().catch(async t=>{if(await F(!0),P(),T===e&&!O){let e=t instanceof Error?t.message:`Could not finish the recording.`;j({status:`error`,error:e}),x.flashError(t)}throw t}).finally(()=>{k=null}),k},V=(e,t,n,r)=>{let a=1/r,o=r=>{if(O||T!==n||h.status!==`recording`||y!==t||v!==e)return;let s=Math.max(0,(r-E)/1e3);j({elapsed:s}),x.setRecordingTime(`${String(Math.floor(s/60)).padStart(2,`0`)}:${String(Math.floor(s%60)).padStart(2,`0`)}`);let c=s;!b&&c-D>=a*.8&&(SE(e,h.rect??{left:0,top:0,width:i.innerWidth,height:i.innerHeight},aE(i)),D=c,b=t.addFrame(c,a).catch(e=>{throw T===n&&!O&&F(!0).then(()=>{P();let t=e instanceof Error?e.message:`MediaBunny could not encode the recording.`;j({status:`error`,error:t}),x.flashError(e)}),e}).finally(()=>{b=null})),C=i.requestAnimationFrame(o)};C=i.requestAnimationFrame(o)},ee=async e=>{let n=++T,a=p().frameRate;z.dismiss(),_=null,x.showRecordingMask(e),o.style.pointerEvents=`none`,u.setActive(!0),P(),j({status:`selecting`,elapsed:0,rect:e,duration:null,width:null,height:null,error:null}),x.setRecordingTime(`00:00`),x.placeRecordingStatus(e);try{let s=await xE(r,i,e,a);if(O||T!==n){CE(s);return}let c=await FE(s.canvas,{format:`webm`,frameRate:a,quality:f});if(O||T!==n){await c.cancel(),CE(s);return}if(v=s,y=c,E=i.performance.now(),D=0,SE(s,e,aE(i)),await c.addFrame(0,1/a),O||T!==n){await F(!0);return}j({status:`recording`,elapsed:0}),o.style.pointerEvents=`none`,u.setActive(!0),x.showRecordingMask(e),x.setRecordingTime(`00:00`),x.placeRecordingStatus(e),V(s,c,n,a),s.track.addEventListener(`ended`,()=>{T===n&&h.status===`recording`&&B().catch(()=>void 0)},{once:!0}),w=i.setTimeout(()=>{T===n&&h.status===`recording`&&B().catch(()=>void 0)},d*1e3),await t.hook.emit(`recording:start`,{rect:{...e},frameRate:a,maxDurationSeconds:d})}catch(t){if(await F(!0),P(),T!==n||O)return;let r=t instanceof DOMException&&t.name===`AbortError`,i=r?null:t instanceof Error?t.message:`Could not start the recording.`;throw j({status:r?`idle`:`error`,rect:r?null:e,error:i}),r||x.flashError(t),t}},H=()=>{h.status!==`selecting`&&(++T,z.dismiss(),_=null,N(),x.startSelection(),j({status:`selecting`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null}))},U=async e=>{if(h.status===`recording`){await B();return}if(h.status===`selecting`){await W();return}if(!e){H();return}if(e.width<4||e.height<4)throw Error(`Recording selection must be at least 4px by 4px.`);await ee(e)},W=async()=>{++T,x.finishSelection(),await F(!0),P(),h.status!==`ready`&&j({status:`idle`,elapsed:0,rect:null,duration:null,width:null,height:null,error:null})};x=$E({ownerDocument:r,ownerWindow:i,root:o,statusRoot:c,rendererRoot:l,isSelecting:()=>h.status===`selecting`,isRecording:()=>h.status===`recording`,onRectChange:e=>j({rect:e}),onConfirm:ee,onCancel:W,onStop:async()=>{await B()},setRecordingInteractionActive:u.setActive});let te={snapshot:()=>pD(h),subscribe(e){return g.add(e),()=>g.delete(e)},settings:p,setSettings:m,formats:L,start:U,stop:B,cancel:W,discard:I,export:R};t.tool.register({id:`recording`,label:`Record`,shortcut:`Shift+R`,order:72,command:aD,toolbarMode:`select`,compactPinned:!0,icon:dD,active:M,hidden:()=>!p().toolEnabled,menu:{label:`Recording options`,items:[{id:`new`,label:`New recording`,disabled:()=>h.status===`recording`||h.status===`exporting`,run:()=>U()},{id:`stop`,label:`Stop recording`,disabled:()=>h.status!==`recording`,run:()=>B().then(()=>void 0)},{id:`discard`,label:`Discard clip`,disabled:()=>_===null,run:I}]}}),t.settings.register({id:`recording`,label:`Recording`,order:42,controls:[{type:`toggle`,id:`tool`,label:`Recording tool`,description:`Show selected-region video recording in the Select toolbar.`,value:()=>p().toolEnabled,set:async e=>{m({toolEnabled:e}),!e&&M()&&await W()}},{type:`toggle`,id:`120-fps`,label:`120 fps`,description:`Record at 120 fps when the capture source supports it. Off records at 60 fps.`,value:()=>p().frameRate===120,disabled:M,set:e=>{m({frameRate:e?120:60})}}]}),t.command.register(aD,async()=>(await U(),vD(h))),t.command.register(oD,async()=>bD(await B())),t.command.register(sD,()=>(I(),vD(h))),t.command.register(cD,async e=>{let t=await R(_D(e));return xD(t,r,i),yD(t)}),t.service.provide(nD,te),t.lifecycle.onDispose(()=>{O=!0,++T,g.clear(),z.dispose(),x.dispose(),P(),F(!0),s.dispose(),a.dispose()})}}),CD=144,wD=96,TD=8,ED=4,DD=1800,OD=200,kD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},AD=(e,t)=>({left:Math.min(Math.max(TD,e.left),Math.max(TD,t.innerWidth-CD-TD)),top:Math.min(Math.max(TD,e.top),Math.max(TD,t.innerHeight-wD-TD))}),jD=(e,t)=>{let n=e.createElement(`button`);return n.type=`button`,n.textContent=t,kD(n,{height:`32px`,padding:`0 12px`,border:`1px solid rgb(255 255 255 / 18%)`,"border-radius":`8px`,"background-color":`rgb(28 28 30 / 84%)`,color:`white`,"font-family":`inherit`,"font-size":`12px`,"font-weight":`500`,cursor:`pointer`}),n},MD=({copied:e,downloaded:t,copyFailed:n,downloadFailed:r})=>e&&t?`Copied and saved screenshot`:e&&r?`Copied screenshot · Save unavailable`:t&&n?`Saved screenshot · Copy unavailable`:e?`Copied screenshot`:t?`Saved screenshot`:n&&r?`Screenshot captured · Copy and save unavailable`:n?`Screenshot captured · Copy unavailable`:r?`Screenshot captured · Save unavailable`:`Screenshot captured`,ND=e=>e!==null&&(e.nodeType===1||e.nodeType===11),PD=({ownerDocument:e,ownerWindow:t,root:n,previewDurationMs:r})=>{let i=n.closest(`[data-mesurer-root='true']`)??n.parentNode;if(!ND(i))throw Error(`Screenshot preview requires a mounted Mesurer host.`);let a=e.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerScreenshotInteractive=`true`,kD(a,{position:`fixed`,left:`0`,top:`0`,width:`0`,height:`0`,overflow:`visible`,"z-index":`96`,"pointer-events":`auto`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`}),i.append(a);let o=e.createElement(`div`);o.dataset.mesurerScreenshotPreview=`true`,o.setAttribute(`role`,`button`),o.setAttribute(`aria-label`,`Open captured screenshot`),o.tabIndex=0,kD(o,{position:`fixed`,display:`none`,"z-index":`96`,width:`${CD}px`,height:`${wD}px`,"box-sizing":`border-box`,overflow:`hidden`,"border-radius":`10px`,border:`1px solid rgb(0 0 0 / 14%)`,"background-color":`white`,"box-shadow":`0 2px 8px rgb(0 0 0 / 12%)`,"pointer-events":`auto`,cursor:`grab`,"user-select":`none`,"touch-action":`none`});let s=e.createElement(`img`);s.dataset.mesurerScreenshotPreviewImage=`true`,s.alt=`Captured screenshot`,s.draggable=!1,s.title=`Click to open · Right-click for browser image actions`,kD(s,{display:`block`,width:`100%`,height:`100%`,"object-fit":`contain`,"background-color":`white`}),o.append(s);let c=e.createElement(`button`);c.dataset.mesurerScreenshotPreviewDismiss=`true`,c.type=`button`,c.setAttribute(`aria-label`,`Dismiss screenshot preview`),c.title=`Dismiss`,kD(c,{position:`absolute`,top:`8px`,right:`8px`,width:`20px`,height:`20px`,display:`flex`,"align-items":`center`,"justify-content":`center`,"box-sizing":`border-box`,padding:`0`,border:`0`,"border-radius":`999px`,"background-color":`rgb(48 51 64)`,color:`white`,"font-family":`inherit`,"font-size":`14px`,"line-height":`1`,"z-index":`2`,cursor:`pointer`,"touch-action":`none`});let l=e.createElementNS(`http://www.w3.org/2000/svg`,`svg`);l.setAttribute(`viewBox`,`0 0 16 16`),l.setAttribute(`width`,`12`),l.setAttribute(`height`,`12`),l.setAttribute(`fill`,`none`),l.setAttribute(`aria-hidden`,`true`);let u=e.createElementNS(`http://www.w3.org/2000/svg`,`path`);u.setAttribute(`d`,`m4 4 8 8M12 4l-8 8`),u.setAttribute(`stroke`,`currentColor`),u.setAttribute(`stroke-width`,`1.75`),u.setAttribute(`stroke-linecap`,`round`),l.append(u),c.append(l),o.append(c),a.append(o);let d=e.createElement(`div`);d.dataset.mesurerScreenshotViewer=`true`,d.setAttribute(`role`,`dialog`),d.setAttribute(`aria-modal`,`true`),d.setAttribute(`aria-label`,`Screenshot viewer`),kD(d,{position:`fixed`,inset:`0`,display:`none`,"z-index":`110`,"align-items":`center`,"justify-content":`center`,padding:`56px 48px 40px`,"box-sizing":`border-box`,"background-color":`rgb(0 0 0 / 72%)`,"backdrop-filter":`blur(8px)`,"pointer-events":`auto`});let f=e.createElement(`img`);f.dataset.mesurerScreenshotViewerImage=`true`,f.alt=`Captured screenshot`,kD(f,{display:`block`,"max-width":`calc(100vw - 96px)`,"max-height":`calc(100vh - 112px)`,width:`auto`,height:`auto`,"object-fit":`contain`,"border-radius":`8px`,"box-shadow":`0 8px 30px rgb(0 0 0 / 28%)`}),d.append(f);let p=e.createElement(`div`);p.dataset.mesurerScreenshotViewerControls=`true`,kD(p,{position:`fixed`,top:`16px`,right:`16px`,display:`flex`,gap:`8px`,"pointer-events":`auto`});let m=jD(e,`Copy`);m.dataset.mesurerScreenshotViewerCopy=`true`,m.setAttribute(`aria-label`,`Copy screenshot`);let h=jD(e,`Save`);h.dataset.mesurerScreenshotViewerSave=`true`,h.setAttribute(`aria-label`,`Save screenshot`);let g=jD(e,`Close`);g.dataset.mesurerScreenshotViewerClose=`true`,g.setAttribute(`aria-label`,`Close screenshot viewer`),p.append(m,h,g),d.append(p),a.append(d);let _=e.createElement(`div`);_.dataset.mesurerScreenshotToast=`true`,_.setAttribute(`role`,`status`),kD(_,{position:`fixed`,left:`50%`,bottom:`20px`,display:`none`,"z-index":`120`,transform:`translateX(-50%)`,padding:`7px 10px`,"border-radius":`8px`,"background-color":`rgb(28 28 30 / 90%)`,color:`white`,"font-size":`12px`,"font-weight":`500`,"pointer-events":`none`}),a.append(_);let v=null,y=null,b=null,x=null,S=0,C=0,w=null,T=!1,E=()=>{S&&t.clearTimeout(S),S=0},D=()=>{C&&t.clearTimeout(C),C=0},O=(e,n=!1)=>{D(),_.textContent=e,_.style.backgroundColor=n?`#b42318`:`rgb(28 28 30 / 90%)`,_.style.display=`block`,C=t.setTimeout(()=>{C=0,_.style.display=`none`},DD)},k=()=>{d.style.display=`none`},A=()=>{y&&globalThis.URL.revokeObjectURL(y),y=null,v=null,s.removeAttribute(`src`),f.removeAttribute(`src`)},j=()=>{E(),k(),w&&=(w.cancel(),null),o.style.display=`none`,o.style.opacity=`1`,o.style.transform=`none`,o.style.removeProperty(`will-change`),o.style.pointerEvents=`auto`,A()},M=()=>{if(!v||o.style.display===`none`||w)return;E(),k();let e=o.getBoundingClientRect(),n=Math.max(152,t.innerWidth-e.left+TD);o.style.pointerEvents=`none`,o.style.willChange=`transform, opacity`;let r=o.animate([{transform:`translateX(0) scale(1)`,opacity:1},{transform:`translateX(${n}px) scale(0.92)`,opacity:0}],{duration:OD,easing:`ease`,fill:`forwards`});w=r,r.finished.catch(()=>void 0).then(()=>{w===r&&(r.cancel(),w=null,j())})},N=()=>AD({left:t.innerWidth-CD-TD,top:t.innerHeight-wD-TD},t),P=e=>{let n=AD(e,t);b=n,o.style.left=`${n.left}px`,o.style.top=`${n.top}px`},F=()=>{!v||!y||(E(),d.style.display=`flex`,g.focus())},I=async()=>{let e=v;if(e)try{await Zc(Promise.resolve(e),t),O(`Copied screenshot`)}catch{O(`Could not copy screenshot`,!0)}},L=()=>{let n=v;if(n)try{$c(n,Qc(),e,t),O(`Saved screenshot`)}catch{O(`Could not save screenshot`,!0)}},R=(e,t,n)=>{if(!v)return!1;E();let r=o.getBoundingClientRect();return x={pointerId:n,startX:e,startY:t,left:r.left,top:r.top,moved:!1},o.style.cursor=`grabbing`,!0},z=(e,t)=>{let n=x;if(!n)return;let r=e-n.startX,i=t-n.startY;!n.moved&&Math.hypot(r,i)>=ED&&(n.moved=!0),n.moved&&P({left:n.left+r,top:n.top+i})},B=()=>{let e=x;e&&(x=null,o.style.cursor=`grab`,e.moved||F())},V=()=>{x&&(x=null,o.style.cursor=`grab`)},ee=e=>{e.button!==0||!R(e.clientX,e.clientY,null)||e.preventDefault()},H=e=>{x?.pointerId===null&&z(e.clientX,e.clientY)},U=e=>{e.button===0&&x?.pointerId===null&&B()},W=e=>{e.pointerType!==`mouse`&&e.button===0&&R(e.clientX,e.clientY,e.pointerId)&&(o.setPointerCapture?.(e.pointerId),e.preventDefault())},te=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&z(e.clientX,e.clientY)},ne=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&(o.hasPointerCapture?.(e.pointerId)&&o.releasePointerCapture(e.pointerId),B())},re=e=>{let t=x?.pointerId;t!=null&&t===e.pointerId&&(o.hasPointerCapture?.(e.pointerId)&&o.releasePointerCapture(e.pointerId),V())},ie=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),F())},ae=e=>{e.target!==s&&e.preventDefault()},oe=e=>{e.target===d&&k()},se=e=>{e.key===`Escape`&&d.style.display!==`none`&&(e.preventDefault(),e.stopImmediatePropagation(),k())};return c.addEventListener(`pointerdown`,e=>e.stopPropagation()),c.addEventListener(`mousedown`,e=>e.stopPropagation()),c.addEventListener(`click`,e=>{e.stopPropagation(),M()}),o.addEventListener(`mousedown`,ee),o.addEventListener(`pointerdown`,W),o.addEventListener(`keydown`,ie),o.addEventListener(`contextmenu`,ae),d.addEventListener(`click`,oe),m.addEventListener(`click`,()=>{I()}),h.addEventListener(`click`,L),g.addEventListener(`click`,k),t.addEventListener(`mousemove`,H,!0),t.addEventListener(`mouseup`,U,!0),t.addEventListener(`pointermove`,te,!0),t.addEventListener(`pointerup`,ne,!0),t.addEventListener(`pointercancel`,re,!0),t.addEventListener(`keydown`,se,!0),{show(e,n){if(T)return;E(),k(),w&&=(w.cancel(),null),o.style.opacity=`1`,o.style.transform=`none`,o.style.willChange=`transform, opacity`,o.style.pointerEvents=`auto`,A(),v=e;let i=globalThis.URL.createObjectURL(e);y=i,s.src=i,f.src=i,o.style.display=`block`,P(b??N()),O(MD(n)),r>0&&(S=t.setTimeout(j,r))},dismiss:j,dispose(){T||(T=!0,E(),D(),j(),t.removeEventListener(`mousemove`,H,!0),t.removeEventListener(`mouseup`,U,!0),t.removeEventListener(`pointermove`,te,!0),t.removeEventListener(`pointerup`,ne,!0),t.removeEventListener(`pointercancel`,re,!0),t.removeEventListener(`keydown`,se,!0),o.removeEventListener(`mousedown`,ee),o.removeEventListener(`pointerdown`,W),o.removeEventListener(`keydown`,ie),o.removeEventListener(`contextmenu`,ae),d.removeEventListener(`click`,oe),a.remove())}}},FD=`mesurer.screenshot`,ID=`screenshot`,LD=`mesurer.screenshot.settings`,RD=`mesurer.screenshot.active`,zD=`runtime:solid`,BD=`screenshot.toggle`,VD=2500,HD=0,UD=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-selection-spacing-target='true']`,`[data-mesurer-guide='true']`,`[data-mesurer-distance='true']`].join(`,`),WD=`${UD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`,GD={viewBox:`0 0 256 256`,paths:[`m 96,50 a 6.0006,6.0006 0 0 0 -4.992188,2.671875 L 76.789062,74 H 40 C 27.920803,74 18,83.920803 18,96 v 96 c 0,12.0792 9.920803,22 22,22 h 176 c 12.0792,0 22,-9.9208 22,-22 V 96 C 238,83.920803 228.0792,74 216,74 H 179.21094 L 164.99219,52.671875 A 6.0006,6.0006 0 0 0 160,50 Z m 3.210937,12 h 57.578123 l 14.21875,21.328125 A 6.0006,6.0006 0 0 0 176,86 h 40 c 5.59392,0 10,4.406085 10,10 v 96 c 0,5.59392 -4.40608,10 -10,10 H 40 c -5.593915,0 -10,-4.40608 -10,-10 V 96 c 0,-5.593915 4.406085,-10 10,-10 h 40 a 6.0006,6.0006 0 0 0 4.992187,-2.671875 z`,`m 128,94 c -23.12489,0 -42,18.87511 -42,42 0,23.12489 18.87511,42 42,42 23.12489,0 42,-18.87511 42,-42 0,-23.12489 -18.87511,-42 -42,-42 z m 0,12 c 16.63961,0 30,13.36039 30,30 0,16.63961 -13.36039,30 -30,30 -16.63961,0 -30,-13.36039 -30,-30 0,-16.63961 13.36039,-30 30,-30 z`]},KD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},qD=(e,t)=>{for(let n of[`left`,`top`,`right`,`bottom`,`width`,`height`]){let r=t[n];r===void 0?e.style.removeProperty(n):e.style.setProperty(n,`${r}px`)}},JD=e=>{let t=e(LD);return{toolEnabled:t?.toolEnabled??!0,copy:t?.copy??!0,download:t?.download??!1,includeMeasurements:t?.includeMeasurements??!1}},YD=e=>({value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),XD=(e,t)=>{t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`)},ZD=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},QD=e=>{let t=e.querySelector(`[data-mesurer-root='true']`);if(!t)return()=>void 0;let n=new Set;for(let e of t.querySelectorAll(`[data-mesurer-rulers='true']`)){let r=ZD(e,t);r&&n.add(r)}for(let e of t.querySelectorAll(UD)){let r=ZD(e,t);r&&n.add(r)}let r=[];for(let e of n)e.dataset.mesurerInspectorUi!==`true`&&(r.push({element:e,display:YD(e)}),e.style.setProperty(`display`,`none`,`important`));return()=>{for(let e of r)XD(e.element,e.display)}},$D=e=>Array.from(e.querySelectorAll(WD)).filter(e=>e.dataset.mesurerInspectorUi===`true`).map(e=>({element:e,display:YD(e)})),eO=e=>{for(let t of e)t.element.isConnected&&XD(t.element,t.display)},tO=(e={})=>wc({id:FD,version:`0.1.0`,requires:[zD],provides:[`tool:screenshot`,`capture:screenshot`,`settings:screenshot`],setup(t){let n=t.service.get(zD);if(!n)throw Error(`Screenshot plugin requires the Solid renderer runtime.`);let{ownerDocument:r,ownerWindow:i}=n,a=n.createWorkspaceRuntime(),o=n.createInspectorMount(),s=e.capture??e.captureVisibleTab,c=s??vl,l=e.previewDurationMs??HD;t.state.register({id:LD,initial:{toolEnabled:e.toolEnabled??!0,copy:e.copy??!0,download:e.download??!1,includeMeasurements:e.includeMeasurements??!1},persist:!0}),t.state.register({id:RD,initial:!1});let u=o.element;u.dataset.mesurerScreenshot=`true`,KD(u,{position:`fixed`,inset:`0`,"z-index":`85`,"pointer-events":`none`,"font-family":`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif`});let d=r.createElement(`div`);d.dataset.mesurerScreenshotSelect=`true`,d.setAttribute(`role`,`application`),d.setAttribute(`aria-label`,`Screenshot selection`),KD(d,{position:`fixed`,inset:`0`,display:`none`,"z-index":`85`,cursor:`crosshair`,"pointer-events":`auto`,"user-select":`none`,"touch-action":`none`}),u.append(d);let f=Array.from({length:4},()=>{let e=r.createElement(`div`);return KD(e,{position:`fixed`,"background-color":`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),d.append(e),e}),p=r.createElement(`div`);KD(p,{position:`fixed`,display:`none`,border:`1px solid #0d99ff`,"box-sizing":`border-box`,"pointer-events":`none`}),d.append(p);let m=r.createElement(`div`);KD(m,{position:`fixed`,display:`none`,"z-index":`86`,transform:`translateX(-50%)`,"border-radius":`4px`,padding:`2px 4px`,"background-color":`#0d99ff`,color:`white`,"font-size":`10px`,"font-variant-numeric":`tabular-nums`,"pointer-events":`none`}),d.append(m);let h=r.createElement(`div`);h.textContent=`Drag to select · Esc to cancel`,KD(h,{position:`fixed`,left:`50%`,bottom:`16px`,transform:`translateX(-50%)`,"border-radius":`4px`,padding:`4px 8px`,"background-color":`black`,color:`white`,"font-size":`11px`,"pointer-events":`none`}),d.append(h);let g=r.createElement(`div`);g.dataset.mesurerScreenshotError=`true`,g.setAttribute(`role`,`status`),g.textContent=`Could not save screenshot`,KD(g,{position:`fixed`,display:`none`,"z-index":`97`,"border-radius":`6px`,padding:`6px 8px`,"background-color":`#b42318`,color:`white`,"font-size":`11px`,"pointer-events":`none`}),u.append(g);let _=null,v=null,y=0,b=0,x=!1,S=!1,C=!1,w=()=>t.state.get(`mesurer.screenshot.active`)??!1,T=()=>JD(t.state.get),E=e=>{t.state.update(LD,t=>{let n={...t};return e.toolEnabled!==void 0&&(n.toolEnabled=e.toolEnabled),e.copy!==void 0&&(n.copy=e.copy),e.download!==void 0&&(n.download=e.download),e.includeMeasurements!==void 0&&(n.includeMeasurements=e.includeMeasurements),n})},D=e=>{w()!==e&&t.state.update(`mesurer.screenshot.active`,()=>e)},O=()=>{if(v)return;let e=n.portalTarget.querySelector(`[data-mesurer-toolbar='true']`);e&&(v={element:e,visibility:{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}},e.style.setProperty(`visibility`,`hidden`,`important`))},k=()=>{if(!v)return;let{element:e,visibility:t}=v;v=null,t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`)},A=e=>{let t=i.innerWidth,n=i.innerHeight;if(!e||e.width<=0||e.height<=0){qD(f[0],{left:0,top:0,width:t,height:n});for(let e of f.slice(1))qD(e,{left:0,top:0,width:0,height:0});p.style.display=`none`,m.style.display=`none`;return}qD(f[0],{left:0,top:0,width:t,height:e.top}),qD(f[1],{left:0,top:e.top,width:e.left,height:e.height}),qD(f[2],{left:e.left+e.width,top:e.top,width:Math.max(0,t-e.left-e.width),height:e.height}),qD(f[3],{left:0,top:e.top+e.height,width:t,height:Math.max(0,n-e.top-e.height)}),p.style.display=`block`,qD(p,e),m.style.display=`block`,m.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,qD(m,{left:e.left+e.width/2,top:Math.min(n-22,e.top+e.height+6)})},j=()=>n.portalTarget.querySelector(`[data-mesurer-tool-id='screenshot']`)?.getBoundingClientRect()??null,M=PD({ownerDocument:r,ownerWindow:i,root:u,previewDurationMs:l}),N=e=>{let t=j(),n=Math.max(140,e.offsetWidth||140),r=Math.max(26,e.offsetHeight||26),a=t?Math.min(i.innerWidth-n-8,Math.max(8,t.left+t.width/2-n/2)):8,o=t?t.bottom+8:8,s=o+r<=i.innerHeight-8?o:Math.max(8,(t?.top??i.innerHeight)-r-8);e.style.left=`${a}px`,e.style.top=`${s}px`},P=()=>{y&&i.clearTimeout(y),g.style.display=`block`,N(g),y=i.setTimeout(()=>{y=0,g.style.display=`none`},VD)},F=()=>{_=null,A(null),d.style.visibility=``,d.style.display=`none`,u.style.pointerEvents=`none`,D(!1),k()},I=()=>{b+=1,F(),yl(i)},L=async e=>{if(x)throw Error(`A screenshot capture is already running.`);if(e.width<4||e.height<4)throw Error(`Screenshot selection must be at least 4px by 4px.`);x=!0;let o=++b,s=T(),l=s.includeMeasurements?$D(r):[],u=s.includeMeasurements?()=>void 0:QD(n.portalTarget);a.prepareCapture(),s.includeMeasurements&&eO(l);try{d.style.visibility=`hidden`,await el(i);let n=await Xc(await c({ownerDocument:r,ownerWindow:i}),e,{width:i.innerWidth,height:i.innerHeight},r,Jc(r));if(b!==o)throw Error(`Screenshot capture was cancelled.`);let a=!1,l=!1,u=s.copy?Zc(Promise.resolve(n),i).then(()=>{a=!0}):Promise.resolve(),f=s.download?Promise.resolve().then(()=>{$c(n,Qc(),r,i),l=!0}):Promise.resolve(),p=await Promise.allSettled([u,f]),m=s.copy&&p[0]?.status===`rejected`,h=s.download&&p[1]?.status===`rejected`;if(b!==o)throw Error(`Screenshot capture was cancelled.`);return w()&&F(),M.show(n,{copied:a,downloaded:l,copyFailed:m,downloadFailed:h}),await t.hook.emit(`screenshot:capture`,{rect:{...e},copied:a,downloaded:l}),{blob:n,rect:{...e},copied:a,downloaded:l}}catch(e){throw b===o&&P(),e}finally{d.style.visibility=``,u(),a.finishCapture(),x=!1}},R=async()=>{if(T().toolEnabled){if(w()){I();return}if(!S){S=!0,M.dismiss();try{if(s||await _l(r,i),C)return;O(),A(null),d.style.visibility=`visible`,u.style.pointerEvents=`auto`,d.style.display=`block`,D(!0)}catch(e){throw e instanceof Error&&e.name===`AbortError`||P(),e}finally{S=!1}}}},z=e=>{!w()||e.button!==0||(e.preventDefault(),e.stopPropagation(),_={x:e.clientX,y:e.clientY},A(Yc(_,_,{width:i.innerWidth,height:i.innerHeight})),d.setPointerCapture?.(e.pointerId))},B=e=>{!w()||!_||A(Yc(_,{x:e.clientX,y:e.clientY},{width:i.innerWidth,height:i.innerHeight}))},V=e=>{let t=_;if(_=null,!w()||!t)return;d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId);let n=Yc(t,{x:e.clientX,y:e.clientY},{width:i.innerWidth,height:i.innerHeight});if(A(n),n.width<4||n.height<4){A(null);return}L(n).catch(()=>void 0).finally(()=>{w()&&F()})},ee=e=>{_=null,d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId),A(null)},H=e=>{e.key!==`Escape`||!w()||(e.preventDefault(),e.stopImmediatePropagation(),I())};d.addEventListener(`pointerdown`,z),d.addEventListener(`pointermove`,B),d.addEventListener(`pointerup`,V),d.addEventListener(`pointercancel`,ee),i.addEventListener(`keydown`,H,!0);let U={active:w,settings:T,setSettings:E,start:R,cancel:I,capture:L};t.tool.register({id:`screenshot`,label:`Screenshot`,shortcut:`Shift+S`,order:70,command:BD,toolbarMode:`select`,compactPinned:!0,icon:GD,active:w,hidden:()=>!T().toolEnabled,menu:{label:`Screenshot options`,items:[{id:`copy`,label:`Auto-copy`,checked:()=>T().copy,run:()=>E({copy:!T().copy})},{id:`download`,label:`Auto-download`,checked:()=>T().download,run:()=>E({download:!T().download})},{id:`measurements`,label:`Include measurements`,checked:()=>T().includeMeasurements,run:()=>E({includeMeasurements:!T().includeMeasurements})}]}}),t.settings.register({id:`screenshot`,label:`Screenshot`,order:40,controls:[{type:`toggle`,id:`tool`,label:`Screenshot tool`,description:`Show the camera tool in the toolbar.`,value:()=>T().toolEnabled,set:e=>{E({toolEnabled:e}),!e&&w()&&I()}},{type:`toggle`,id:`copy`,label:`Auto-copy`,description:`Copy each successful capture when the browser allows it.`,value:()=>T().copy,set:e=>E({copy:e})},{type:`toggle`,id:`download`,label:`Auto-download`,description:`Download each successful capture as a PNG.`,value:()=>T().download,set:e=>E({download:e})},{type:`toggle`,id:`measurements`,label:`Include measurements`,description:`Keep selections, measurements, guides, distances, and rulers in the PNG.`,value:()=>T().includeMeasurements,set:e=>E({includeMeasurements:e})}]}),t.command.register(BD,R),t.service.provide(ID,U),t.lifecycle.onDispose(()=>{C=!0,b+=1,d.removeEventListener(`pointerdown`,z),d.removeEventListener(`pointermove`,B),d.removeEventListener(`pointerup`,V),d.removeEventListener(`pointercancel`,ee),i.removeEventListener(`keydown`,H,!0),y&&i.clearTimeout(y),M.dispose(),k(),yl(i),a.finishCapture(),a.dispose(),o.dispose()})}}),nO=e=>Number.parseFloat(e)||0,rO=0,iO=(e,t)=>{let n=t.CSS;return n?.escape?n.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`)},aO=e=>e.nodeType===9,oO=e=>e.nodeType===11;function sO(e){let t=e.getRootNode();return oO(t)?t:e.ownerDocument}var cO=(e,t)=>{if(aO(e)||oO(e))return e;let n=sO(e);return oO(n)?n:t},lO=600,uO=`audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video`,dO=new WeakMap,fO=e=>{let t=e;for(;t;){if((dO.get(t)??0)>0)return!0;let e=t.getRootNode();t=oO(e)?e.host:t.parentElement}return!1},pO=(e,t)=>t.x>=e.left&&t.x<=e.right&&t.y>=e.top&&t.y<=e.bottom,mO=(e,t)=>Array.from(e.getClientRects()).some(e=>pO(e,t)),hO=(e,t,n)=>{let r=e;for(;r;){let e=n.getComputedStyle(r);if(e.display===`none`||e.visibility===`hidden`||e.visibility===`collapse`||e.contentVisibility===`hidden`||Number(e.opacity)===0)return!0;if(r===t)return!1;r=r.parentElement}return!0},gO=(e,t)=>{if(e.matches(`img, picture, video, canvas, svg image, path, circle, ellipse, line, polygon, polyline, rect, text, use`))return!0;let n=t.getComputedStyle(e),r=n.backgroundImage!==`none`||n.backgroundColor!==`transparent`&&n.backgroundColor!==`rgba(0, 0, 0, 0)`,i=[`top`,`right`,`bottom`,`left`].some(e=>Number.parseFloat(n.getPropertyValue(`border-${e}-width`))>0&&n.getPropertyValue(`border-${e}-style`)!==`none`);return r||i||n.boxShadow!==`none`||n.outlineStyle!==`none`},_O=(e,t)=>!!e.textContent?.trim()||gO(e,t),vO=(e,t,n)=>{let r=t,i=r.caretRangeFromPoint?.(e.x,e.y)?.startContainer??r.caretPositionFromPoint?.(e.x,e.y)?.offsetNode;if(!i)return null;let a=t.defaultView?.Element;if(!a)return null;let o=i instanceof a?i:i.parentElement;for(;o&&o!==n;){if(n.contains(o))return o;o=o.parentElement}return o===n?n:null},yO=(e,t,n)=>{let r=n.defaultView,i=r?.Element;if(!r||!i)return[];let a=[],o=new Set,s=(n,i,s)=>{if(o.has(n)||fO(n)||r.getComputedStyle(n).pointerEvents!==`none`||hO(n,e,r)||!mO(n,t))return;let c=n.getBoundingClientRect();o.add(n),a.push({element:n,area:c.width*c.height,depth:i,order:s})},c=n.createTreeWalker(e,1),l=c.nextNode(),u=1;for(;l&&u<=lO;){if(l instanceof i){let t=l;if(r.getComputedStyle(t).pointerEvents===`none`){let n=1,r=t.parentElement;for(;r&&r!==e;)n+=1,r=r.parentElement;s(t,n,u)}}u+=1,l=c.nextNode()}let d=vO(t,n,e);return d&&r.getComputedStyle(d).pointerEvents===`none`&&s(d,1e4,u),a.sort((e,t)=>t.depth-e.depth||e.area-t.area||t.order-e.order).map(({element:e})=>e)},bO=(e,t,n)=>{let r=t.ownerDocument.defaultView;if(!r)return[];let i=[...new Set(e)],a=new Map;for(let e of i){let t=e instanceof r.HTMLElement||e instanceof r.SVGElement?e:null;t&&(a.set(e,e.getAttribute(`style`)),t.style.setProperty(`pointer-events`,`auto`,`important`))}try{let e=sO(t).elementsFromPoint(n.x,n.y),r=e.findIndex(e=>e===t),a=new Map(e.map((e,t)=>[e,t]));return i.filter(e=>{let t=a.get(e);return t!==void 0&&(r<0||t<r)}).sort((e,t)=>e.contains(t)?1:t.contains(e)?-1:(a.get(e)??2**53-1)-(a.get(t)??2**53-1))}finally{for(let[e,t]of a)t===null?e.removeAttribute(`style`):e.setAttribute(`style`,t)}},xO=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},SO=(e,t,n,r)=>{let i=r.defaultView;if(!i)return[];let a=bO(yO(e,t,r).filter(e=>_O(e,i)),e,t);if(a.length>0)return a;if(e.textContent?.trim()&&!e.matches(uO)||e.matches(`a, button, input, select, textarea, label, summary, [contenteditable='true']`))return[];let o=[],s=new Set,c=!aO(n)&&!oO(n)?n:null,l=e.parentElement;for(;l&&l!==r.body&&l!==r.documentElement&&!(c&&l!==c&&!c.contains(l));){let a=l,u=xO(e,a),d=yO(a,t,r).filter(e=>{if(!wO(e,n)||e.closest(`[aria-hidden='true'], [inert]`))return!1;let t=xO(e,a);return t===null||t!==u});for(let e of d)s.has(e)||!_O(e,i)||(s.add(e),o.push(e));if(a===c)break;l=a.parentElement}return bO(o,e,t)};function CO(e,t,n=aO(t)?t:t.ownerDocument??document){let r=cO(t,n),i=n.defaultView;if(!i)return null;let a=r.elementsFromPoint(e.x,e.y);for(let r of a){let a=r;for(;a?.shadowRoot;){let t=a.shadowRoot.elementFromPoint(e.x,e.y);if(!t||t===a)break;a=t}if(!a||!wO(a,t))continue;let o=SO(a,e,t,n);if(o.length>0)return o[0];if(i.getComputedStyle(a).pointerEvents!==`none`)return a}return null}function wO(e,t){if(aO(t))return!0;let n=e;for(;n;){if(t===n||t.contains(n))return!0;let e=n.getRootNode();if(!oO(e))return!1;n=e.host}return!1}function TO(e,t){if(!e)return t();let n=dO.get(e)??0;dO.set(e,n+1);let r=[e,...e.querySelectorAll(`*`)],i=r.map(e=>[e,e.style.getPropertyValue(`pointer-events`),e.style.getPropertyPriority(`pointer-events`)]);for(let e of r)e.style.setProperty(`pointer-events`,`none`,`important`);try{return t()}finally{n===0?dO.delete(e):dO.set(e,n);for(let[e,t,n]of i)t?e.style.setProperty(`pointer-events`,t,n):e.style.removeProperty(`pointer-events`)}}function EO(e){let t=e.ownerDocument.defaultView??window;if(e.id)return`#${iO(e.id,t)}`;let n=e.getAttribute(`data-testid`);if(n)return`[data-testid=${JSON.stringify(n)}]`;let r=[],i=e;for(;i&&r.length<5;){let e=i.localName,t=i.localName,n=i.parentElement;if(n){let r=[...n.children].filter(e=>e.localName===t);r.length>1&&(e+=`:nth-of-type(${r.indexOf(i)+1})`)}r.unshift(e),i=n}return r.join(` > `)}function DO(e,t,n=`dom-inspection-${++rO}`){let r=e.getBoundingClientRect(),i=t.getComputedStyle(e),a={top:nO(i.paddingTop),right:nO(i.paddingRight),bottom:nO(i.paddingBottom),left:nO(i.paddingLeft)},o={top:nO(i.marginTop),right:nO(i.marginRight),bottom:nO(i.marginBottom),left:nO(i.marginLeft)},s={left:r.left+a.left,top:r.top+a.top,width:Math.max(0,r.width-a.left-a.right),height:Math.max(0,r.height-a.top-a.bottom)},c={left:r.left-o.left,top:r.top-o.top,width:r.width+o.left+o.right,height:r.height+o.top+o.bottom},l=e.tagName.toLowerCase(),u=e.id?`#${e.id}`:``,d=e.classList.item(0),f=d?`.${d}`:``;return{id:n,rect:{left:r.left,top:r.top,width:r.width,height:r.height},paddingRect:s,marginRect:c,padding:a,margin:o,label:`${l}${u}${f}`,elementRef:e}}function OO(e){let t=e.ownerDocument.defaultView??window,n=t.getComputedStyle(e),r=e instanceof t.HTMLElement?e:null,i=e.getBoundingClientRect(),a=r?DO(r,t):null,o=e=>{let t=Number.parseFloat(e);return Number.isFinite(t)?t:0},s=e=>({top:o(n.getPropertyValue(`${e}-top${e===`border`?`-width`:``}`)),right:o(n.getPropertyValue(`${e}-right${e===`border`?`-width`:``}`)),bottom:o(n.getPropertyValue(`${e}-bottom${e===`border`?`-width`:``}`)),left:o(n.getPropertyValue(`${e}-left${e===`border`?`-width`:``}`))});return{selector:EO(e),tag:e.localName,id:e.id||null,classes:[...e.classList],text:(e.textContent??``).replace(/\s+/g,` `).trim().slice(0,500),role:e.getAttribute(`role`),ariaLabel:e.getAttribute(`aria-label`),rect:{left:i.left,top:i.top,right:i.right,bottom:i.bottom,width:i.width,height:i.height,x:i.x,y:i.y},margin:a?.margin??s(`margin`),padding:a?.padding??s(`padding`),border:s(`border`),typography:{fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,textAlign:n.textAlign,color:n.color},appearance:{backgroundColor:n.backgroundColor,borderColor:n.borderColor,borderRadius:n.borderRadius,boxShadow:n.boxShadow,opacity:n.opacity},layout:{display:n.display,position:n.position,zIndex:n.zIndex,overflowX:n.overflowX,overflowY:n.overflowY,flexDirection:n.flexDirection,alignItems:n.alignItems,justifyContent:n.justifyContent,gap:n.gap,gridTemplateColumns:n.gridTemplateColumns,gridTemplateRows:n.gridTemplateRows,transform:n.transform},scroll:{clientWidth:r?.clientWidth??0,clientHeight:r?.clientHeight??0,scrollWidth:r?.scrollWidth??0,scrollHeight:r?.scrollHeight??0,overflowsX:(r?.scrollWidth??0)>(r?.clientWidth??0)+1,overflowsY:(r?.scrollHeight??0)>(r?.clientHeight??0)+1}}}var kO=`text-edit`,AO=e=>OO(e);function jO(e){let t=e.root??e.ownerDocument,n=e.ownerDocument.defaultView??window,r=(e,n=0)=>t.querySelectorAll(e).item(n)||null,i=n=>t===e.ownerDocument||wO(n,t),a=async()=>{let t=(e.getPluginHost()??await e.waitForPluginHost()).service.get(kO);if(!t)throw Error(`Mesurer text editing service is unavailable.`);return t},o=()=>{let t=e.ownerDocument.documentElement,r=e.ownerDocument.body,i=Math.max(t.scrollWidth,r?.scrollWidth??0),a=Math.max(t.scrollHeight,r?.scrollHeight??0);return{width:n.innerWidth,height:n.innerHeight,devicePixelRatio:n.devicePixelRatio,scrollX:n.scrollX,scrollY:n.scrollY,documentWidth:i,documentHeight:a,horizontalOverflow:i>n.innerWidth+1,verticalOverflow:a>n.innerHeight+1}},s=async(t=2)=>{await e.ownerDocument.fonts?.ready;for(let e=0;e<Math.max(1,t);e+=1)await new Promise(e=>n.requestAnimationFrame(()=>e()))};return{async ready(){await e.waitForPluginHost(),await s()},async describe(){return(await e.waitForPluginHost()).describe()},inspect(e,t=0){let n=r(e,t);return n?AO(n):null},inspectAll(e,n=50){return[...t.querySelectorAll(e)].slice(0,Math.max(0,n)).map(AO)},at(n,r){let a=t.querySelector?.(`[data-mesurer-island]`)??null;return TO(a?.shadowRoot?.querySelector(`[data-mesurer-root='true']`)??a,()=>{let a=CO({x:n,y:r},t,e.ownerDocument);return a&&i(a)?AO(a):null})},distance(e,t){let n=r(e),i=r(t);if(!n||!i)return null;let a=AO(n),o=AO(i),s=a.rect,c=o.rect;return{a,b:o,horizontalGap:c.left>=s.right?c.left-s.right:s.left>=c.right?s.left-c.right:0,verticalGap:c.top>=s.bottom?c.top-s.bottom:s.top>=c.bottom?s.top-c.bottom:0,centerDeltaX:c.left+c.width/2-(s.left+s.width/2),centerDeltaY:c.top+c.height/2-(s.top+s.height/2)}},viewport:o,async feedback(n=[]){await s();let r=e.getPluginHost()??await e.waitForPluginHost();return{viewport:o(),elements:n.flatMap(e=>[...t.querySelectorAll(e)].slice(0,50).map(AO)),plugins:r.describe(),pluginState:r.state.serialize(`all`)}},async command(t,n){let r=await(e.getPluginHost()??await e.waitForPluginHost()).command.execute(t,n,{source:`agent-harness`});return await s(1),r},async state(){return(e.getPluginHost()??await e.waitForPluginHost()).state.serialize(`all`)},async textEdits(){return(await a()).intents()},async textEdit(e){let t=(await a()).intent(e);if(!t)throw Error(`Text edit intent not found: ${e}`);return t},stable:s}}var MO=`0.2.5-beta.1`,NO=tb,PO=nb,FO=()=>({...Zb(),version:MO}),IO=PO,LO=(e,t)=>e.left<=t.left+t.width&&e.left+e.width>=t.left&&e.top<=t.top+t.height&&e.top+e.height>=t.top,RO=e=>{if(!e.length)return null;let t=Math.min(...e.map(e=>e.left)),n=Math.min(...e.map(e=>e.top)),r=Math.max(...e.map(e=>e.left+e.width)),i=Math.max(...e.map(e=>e.top+e.height));return{left:t,top:n,width:r-t,height:i-n}},zO=(e,t,n)=>t.some(t=>e.orientation===`vertical`?e.position>=t.left-n&&e.position<=t.left+t.width+n:e.position>=t.top-n&&e.position<=t.top+t.height+n),BO=e=>[...e.measurements,...e.activeMeasurement&&!e.measurements.some(t=>t.id===e.activeMeasurement?.id)?[e.activeMeasurement]:[]];function VO(e){let{workspace:t,scope:n,guideTolerance:r}=e;if(n.kind===`workspace`)return{guides:t.guides.map(e=>({...e})),measurements:BO(t),distances:[...t.distances]};let i=new Set(n.elements),a=e=>e!=null&&i.has(e),o=e=>n.regions.some(t=>LO(e,t));return{guides:t.guides.filter(e=>zO(e,n.regions,r)).map(e=>({...e})),measurements:BO(t).filter(e=>a(e.elementRef)||o(e.rect)),distances:t.distances.filter(e=>a(e.elementRefA)||a(e.elementRefB)||o(e.rectA)||o(e.rectB))}}var HO={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},UO={opacity:1,edgeReveal:!1};({...HO}),{...UO};var WO=10,GO=e=>({left:e.left,top:e.top,width:e.width,height:e.height}),KO=e=>{let t=new Set,n=[];for(let r of e)!r?.isConnected||t.has(r)||(t.add(r),n.push(r));return n},qO=e=>e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`;function JO(e){let{runtime:t,ownerDocument:n,ownerWindow:r}=e,i=e.request??{scope:`workspace`},a=t.snapshot();if(!a)throw Error(`Mesurer workspace is not ready yet.`);let o=e=>GO(t.elementRect?.(e)??e.getBoundingClientRect()),s=[],c=[],l={kind:`workspace`},u=new Map,d=new Map,f;if(`annotation`in i){let e=t.annotation(i.annotation);if(!e)throw Error(`Mesurer annotation not found: ${i.annotation}`);e.anchor.kind===`elements`&&(f=e.anchor.targets.find(e=>e.viewport)?.viewport);for(let t of e.resolvedTargets)t.element?.isConnected&&(u.set(t.element,t.target.id),t.target.viewport&&d.set(t.element,{viewport:{...t.target.viewport},domPath:t.target.domPath?.map(e=>({...e}))??[]}));s=KO(e.resolvedTargets.map(e=>e.element));let n=t.annotationRect(e.id);n&&(c=[n]);let r=e.resolvedTargets.length,a=e.resolvedTargets.filter(e=>e.element?.isConnected).length,o=e.anchor.kind===`region`?`connected`:r===0||a===0?`stale`:a===r?`connected`:`partial`,p={kind:`annotation`,annotationId:e.id,note:e.note,targetStatus:o};e.replies?.length&&(p.replies=e.replies.map(e=>({...e}))),e.status===`resolved`&&(p.status=`resolved`,e.resolvedAt!==void 0&&(p.resolvedAt=e.resolvedAt)),l=p}else if(i.scope===`selection`){let e=t.currentSelection();if(s=KO(e.elements),!s.length&&!e.region)throw Error(`Mesurer has no current selection.`);c=e.region?[e.region]:s.map(o),l={kind:`selection`}}else s=KO([...t.currentSelection().elements,...a.measurements.map(e=>e.elementRef),a.activeMeasurement?.elementRef,...a.heldDistances.flatMap(e=>[e.elementRefA,e.elementRefB])]);let p=l.kind===`workspace`?[]:c.length?c:s.map(o),m=VO({workspace:{guides:a.guides,measurements:a.measurements,activeMeasurement:a.activeMeasurement,distances:a.heldDistances},scope:l.kind===`workspace`?{kind:`workspace`}:{kind:`scoped`,elements:s,regions:p},guideTolerance:a.guideRelevanceTolerance??WO}),h=m.measurements,g=m.distances,_=m.guides,v=KO([...s,...h.map(e=>e.elementRef),...g.flatMap(e=>[e.elementRefA,e.elementRefB])]),y=new Map,b=new Set(u.values()),x=1,S=()=>{let e=`target-${x++}`;for(;b.has(e);)e=`target-${x++}`;return b.add(e),e},C=v.map(e=>{let n=u.get(e)??S(),r=o(e),i=OO(e);return y.set(e,n),{ref:n,...d.get(e)??t.targetScope?.(e),inspection:{...i,rect:{...r,right:r.left+r.width,bottom:r.top+r.height,x:r.left,y:r.top}}}}),w=h.map(e=>{let t={id:e.id,rect:GO(e.rect),deltaX:e.deltaX,deltaY:e.deltaY};e.snapped!==void 0&&(t.snapped=e.snapped);let n=e.elementRef?y.get(e.elementRef):void 0;return n&&(t.targetRef=n),t}),T=g.map(e=>{let t={id:e.id,rectA:GO(e.rectA),rectB:GO(e.rectB),horizontal:e.horizontal?{...e.horizontal}:null,vertical:e.vertical?{...e.vertical}:null},n=e.elementRefA?y.get(e.elementRefA):void 0,r=e.elementRefB?y.get(e.elementRefB):void 0;return n&&(t.targetARef=n),r&&(t.targetBRef=r),t}),E={schema:`mesurer.context/v1`,id:qO(r),createdAt:new Date().toISOString(),scope:l,page:{url:r.location?.href??n.URL,title:n.title},viewport:{width:r.innerWidth,height:r.innerHeight,devicePixelRatio:r.devicePixelRatio,scrollX:r.scrollX,scrollY:r.scrollY},coordinateSpace:`viewport-css-px`,regions:l.kind===`workspace`?[]:c.map(GO),visualState:{rulersVisible:a.rulersVisible,xrayVisible:a.xrayVisible},targets:C,visualContext:{guides:_,layoutGuides:(e.layoutGuides??[]).map(e=>({...e})),measurements:w,distances:T}};return f??=C.find(e=>e.viewport)?.viewport,f&&(E.previewViewport={...f}),E}var YO=e=>`${Math.round(e*100)/100}px`,XO=e=>`x=${YO(e.left)} y=${YO(e.top)} w=${YO(e.width)} h=${YO(e.height)}`;function ZO(e){let t=[`Mesurer visual context`,``,`Page: ${e.page.url}`,`Viewport: ${e.viewport.width} × ${e.viewport.height} CSS px; scroll x=${e.viewport.scrollX} y=${e.viewport.scrollY}`];if(e.scope.kind===`annotation`){t.push(``,`Annotation`,e.scope.note);for(let[n,r]of(e.scope.replies??[]).entries())n===0&&t.push(`Replies`),t.push(`${n+1}. [${r.id}] ${new Date(r.createdAt).toISOString()}`),t.push(...r.text.split(`
 `).map(e=>`   ${e}`));e.scope.status===`resolved`&&t.push(`Status: resolved`),t.push(`Target status: ${e.scope.targetStatus}`)}else t.push(``,`Scope: ${e.scope.kind}`);if(e.regions.length&&(t.push(``,`Requested regions`),e.regions.forEach((e,n)=>t.push(`- region-${n+1}: ${XO(e)}`))),(e.visualState.rulersVisible||e.visualState.xrayVisible)&&t.push(``,`Visual state: rulers=${e.visualState.rulersVisible?`on`:`off`}; x-ray=${e.visualState.xrayVisible?`on`:`off`}`),e.targets.length){t.push(``,`Targets`);for(let n of e.targets){let e=n.inspection;n.viewport&&t.push(`Preview: ${n.viewport.url}; ${n.viewport.width} × ${n.viewport.height} CSS px; id=${n.viewport.previewId}`),t.push(`[${n.ref}] ${e.selector}`,`  rect: ${XO(e.rect)}`,`  margin: ${YO(e.margin.top)} ${YO(e.margin.right)} ${YO(e.margin.bottom)} ${YO(e.margin.left)}`,`  padding: ${YO(e.padding.top)} ${YO(e.padding.right)} ${YO(e.padding.bottom)} ${YO(e.padding.left)}`,`  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`,`  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`),e.text&&t.push(`  text: ${JSON.stringify(e.text)}`)}}if(e.visualContext.guides.length){t.push(``,`Relevant guides`);for(let n of e.visualContext.guides)t.push(`- ${n.orientation} ${n.orientation===`vertical`?`x`:`y`}=${YO(n.position)}`)}if(e.visualContext.layoutGuides.length){t.push(``,`Layout guides`);for(let n of e.visualContext.layoutGuides){if(!n.visible)continue;let e=n.kind===`grid`?`grid ${YO(n.size)}`:`${n.count} ${n.kind}; gutter=${YO(n.gutter)}; offset=${YO(n.offset)}; align=${n.align}`;t.push(`- ${e}; color=${n.color}; opacity=${Math.round(n.opacity*100)}%`)}}if(e.visualContext.measurements.length){t.push(``,`Relevant measurements`);for(let n of e.visualContext.measurements)t.push(`- ${n.targetRef?`${n.targetRef}: `:``}${XO(n.rect)}; delta=${YO(n.deltaX)} × ${YO(n.deltaY)}`)}if(e.visualContext.distances.length){t.push(``,`Relevant distances`);for(let n of e.visualContext.distances){let e=[n.targetARef,n.targetBRef].filter(Boolean).join(` → `),r=[n.horizontal?`horizontal=${YO(n.horizontal.value)}`:null,n.vertical?`vertical=${YO(n.vertical.value)}`:null].filter(Boolean).join(`; `);t.push(`- ${e?`${e}: `:``}${r||`overlapping`}`)}}return t.join(`
 `).trimEnd()}function QO(e){let t=RO([...e.regions,...e.targets.map(e=>e.inspection.rect),...e.visualContext.measurements.map(e=>e.rect),...e.visualContext.distances.flatMap(e=>[e.rectA,e.rectB])]),n=[{id:`viewport`,kind:`viewport`}];if(t){let r=Math.max(0,t.left-48),i=Math.max(0,t.top-48),a=Math.min(e.viewport.width,t.left+t.width+48),o=Math.min(e.viewport.height,t.top+t.height+48);a>r&&o>i&&n.push({id:`focus`,kind:`clip`,rect:{left:r,top:i,width:a-r,height:o-i}})}let r={schema:`mesurer.capture/v1`,contextId:e.id,chrome:`hide`,evidence:`show`,captures:n};return e.previewViewport&&(r.previewViewport={...e.previewViewport}),r}var $O=(e,t,n,r,i)=>{!Number.isFinite(r)||!Number.isFinite(i)||Math.abs(r-i)<.01||e.push({kind:t,label:n,before:r,current:i,delta:i-r,unit:`px`})},ek=(e,t,n,r)=>e.push({kind:`missing`,evidence:t,id:n,label:r}),tk=(e,t)=>Math.abs(e.left-t.left)<.01&&Math.abs(e.top-t.top)<.01&&Math.abs(e.width-t.width)<.01&&Math.abs(e.height-t.height)<.01;function nk(e){let t=e.runtime.annotation(e.annotationId);if(!t)throw Error(`Mesurer annotation not found: ${e.annotationId}`);let n=JO({runtime:e.runtime,ownerDocument:e.ownerDocument,ownerWindow:e.ownerWindow,request:{annotation:e.annotationId},layoutGuides:e.layoutGuides});if(n.scope.kind!==`annotation`)throw Error(`Mesurer annotation context invariant failed.`);let r=e.runtime.snapshot();if(!r)throw Error(`Mesurer workspace is not ready yet.`);let i=BO({measurements:r.measurements,activeMeasurement:r.activeMeasurement}),a=[];for(let e of t.baseline.targets){let t=n.targets.find(t=>t.ref===e.id);if(!t){ek(a,`target`,e.id,e.selector);continue}$O(a,`target-rect`,`${t.inspection.selector} left`,e.rect.left,t.inspection.rect.left),$O(a,`target-rect`,`${t.inspection.selector} top`,e.rect.top,t.inspection.rect.top),$O(a,`target-rect`,`${t.inspection.selector} width`,e.rect.width,t.inspection.rect.width),$O(a,`target-rect`,`${t.inspection.selector} height`,e.rect.height,t.inspection.rect.height)}for(let e of t.baseline.guides){let t=n.visualContext.guides.find(t=>t.id===e.id)??r.guides.find(t=>t.id===e.id);if(!t){ek(a,`guide`,e.id,`${e.orientation} guide ${e.id}`);continue}$O(a,`guide`,`${e.orientation} guide ${e.id}`,e.position,t.position)}for(let e of t.baseline.measurements){let r=n.visualContext.measurements.find(t=>t.id===e.id)??i.find(t=>t.id===e.id);if(!r){let r=t.baseline.targets.find(t=>tk(t.rect,e.rect));r&&n.targets.some(e=>e.ref===r.id)||ek(a,`measurement`,e.id,e.id);continue}$O(a,`measurement`,`${e.id} width`,e.rect.width,r.rect.width),$O(a,`measurement`,`${e.id} height`,e.rect.height,r.rect.height)}for(let e of t.baseline.distances){let t=n.visualContext.distances.find(t=>t.id===e.id)??r.heldDistances.find(t=>t.id===e.id);if(!t){ek(a,`distance`,e.id,e.id);continue}e.horizontal&&t.horizontal?$O(a,`distance`,`${e.id} horizontal`,e.horizontal.value,t.horizontal.value):e.horizontal&&!t.horizontal&&ek(a,`distance`,e.id,`${e.id} horizontal`),e.vertical&&t.vertical?$O(a,`distance`,`${e.id} vertical`,e.vertical.value,t.vertical.value):e.vertical&&!t.vertical&&ek(a,`distance`,e.id,`${e.id} vertical`)}return{schema:`mesurer.review/v1`,annotationId:t.id,note:t.note,targetStatus:n.scope.targetStatus,baseline:t.baseline,current:n,changes:a}}async function rk(e,t,n){try{if(t.navigator.clipboard?.writeText){await t.navigator.clipboard.writeText(n);return}}catch{}let r=e.createElement(`textarea`);r.value=n,r.setAttribute(`readonly`,``),r.style.position=`fixed`,r.style.opacity=`0`,r.style.pointerEvents=`none`,e.body.append(r),r.select();let i=e.execCommand?.(`copy`)??!1;if(r.remove(),!i)throw Error(`Unable to copy Mesurer context to the clipboard.`)}var ik=ET,ak=DT,ok=()=>({...$T(),version:MO}),sk=`mesurer.context`,ck=`context:v1`,lk=`mesurer.context.settings`,uk=`context.ui`,dk=`context.notes-open`,fk=`data-mesurer-direct-text-edit-active`,pk={viewBox:`0 0 256 256`,paths:[`M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z`]},mk={viewBox:`0 0 256 256`,paths:[`M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z`]},hk={viewBox:`0 0 256 256`,paths:[`M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z`]},gk={viewBox:`0 0 256 256`,paths:[`M40 40h176v16H40zm0 48h176v16H40zm0 48h112v16H40zm0 48h112v16H40zM184 144l40 40-48 48-40-40z`]},_k=async(e,t,n=1)=>{await e.fonts?.ready;for(let e=0;e<Math.max(1,n);e+=1)await new Promise(e=>t.requestAnimationFrame(()=>e()))},vk=(e,t,n,r)=>{let i=async i=>JO({runtime:e,ownerDocument:t,ownerWindow:n,request:i,layoutGuides:r()}),a=async e=>ZO(await i(e));return{context:i,contextText:a,copyContext:async e=>rk(t,n,await a(e)),select:async r=>{let a=Array.isArray(r)?[...r]:[String(r)];return e.select(a),await _k(t,n),i({scope:`selection`})},annotations:async()=>e.annotations(),removeAnnotation:async(r,i)=>{e.removeAnnotation(r,i),await _k(t,n)},review:async i=>{if(await _k(t,n),i)return nk({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:i,layoutGuides:r()});let a=r();return e.annotations().map(r=>nk({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:r.id,layoutGuides:a}))},capturePlan:async e=>QO(await i(e)),prepareCapture:async()=>{e.prepareCapture(),await _k(t,n)},finishCapture:async()=>{e.finishCapture(),await _k(t,n)}}},yk=(e,t)=>{let n=e.currentSelection();return n.elements.length>0||n.region!==null&&!t?.querySelector(`[data-mesurer-responsive-stage]`)};function bk(e={}){return{id:sk,version:MO,requires:[`runtime:solid`],provides:[ck],setup(t){let n=t.service.get(`runtime:solid`);if(!n)throw Error(`Mesurer context plugin requires the renderer runtime service.`);let r=n.rendererRoot;if(!r)throw Error(`Mesurer Notes requires the renderer root.`);let i=n.createWorkspaceRuntime(sk),a=n.createAnnotationRevealCoordinator(i),[o,s]=G(!1);t.state.register({id:dk,initial:!1});let c=e=>{s(e),t.state.get(dk)!==e&&t.state.update(dk,()=>e)},l=()=>t.state.get(dk)??!1,u=vk(i,n.ownerDocument,n.ownerWindow,()=>t.service.get(ak)?.list()??[]);t.service.provide(ck,u),t.state.register({id:lk,initial:{ui:e.ui??!0},persist:!0}),t.state.register({id:uk,initial:{hasSelection:yk(i,n.rendererRoot)}});let d=()=>t.state.get(`mesurer.context.settings`)?.ui??!0,f=()=>yk(i,n.rendererRoot),p=e=>{e||(c(!1),a.cancel()),t.state.update(lk,t=>({...t,ui:e}))},m=null,h=null,g=null,_=null,[v,y]=G(!!n.rendererRoot?.querySelector(`[data-mesurer-responsive-stage]`)),b=null,x=i.currentSelection(),S={elements:[...x.elements],region:x.region?{...x.region}:null},C=(e,t)=>e.elements.length!==t.elements.length||e.elements.some((e,n)=>e!==t.elements[n])?!1:e.region===t.region?!0:!e.region||!t.region?!1:e.region.left===t.region.left&&e.region.top===t.region.top&&e.region.width===t.region.width&&e.region.height===t.region.height,w=i.subscribe(()=>{let e=i.currentSelection(),r=!C(S,e);S={elements:[...e.elements],region:e.region?{...e.region}:null},i.selectGestureActive()?m?.abandonNoteComposer():r&&m?.closeNoteComposer();let a=yk(i,n.rendererRoot);a!==(t.state.get(uk)?.hasSelection??!1)&&t.state.update(uk,()=>({hasSelection:a}))});t.command.register(`context.copy`,()=>u.copyContext()),t.command.register(`context.copy-selection`,()=>u.copyContext({scope:`selection`}));let T=()=>{let e=g?.element;e&&(n.rendererRoot?.hasAttribute(fk)?e.setAttribute(fk,`true`):e.removeAttribute(fk))},E=()=>{_?.disconnect(),_=null,m=null,h?.(),h=null,g?.dispose(),g=null},D=()=>{if(g)return;if(g=nT(n),b=g.element.parentNode,g.element.dataset.mesurerLayer=`evidence`,g.element.dataset.mesurerContextRoot=`true`,n.rendererRoot){let e=new n.ownerWindow.MutationObserver(T);_=e,e.observe(n.rendererRoot,{attributes:!0,attributeFilter:[fk]}),T()}let e={runtime:i,onCopy:u.copyContext,onController:e=>{m=e},get coordinateSpace(){return v()?`viewport`:`document`},rendererRoot:n.rendererRoot};h=ko(()=>[ho(Xw,Za(e,{get ownerWindow(){return n.ownerWindow}})),ho(Zo,{mount:r,get children(){return ho(Qw,{runtime:i,get ownerWindow(){return n.ownerWindow},get rendererRoot(){return n.rendererRoot},get open(){return o()},onOpenChange:e=>{c(e),e||a.cancel()},get onReveal(){return a.reveal},get onCancel(){return a.cancel},onOpenAnnotation:e=>{if(m){m.openAnnotation(e);return}n.ownerDocument.querySelector(`[data-mesurer-annotation-marker='true'][data-mesurer-annotation-id="${CSS.escape(e)}"]`)?.click()}})}})],g.element),en(v)&&n.rendererRoot&&(n.rendererRoot.append(g.element),g.element.style.zIndex=`90`)},O=()=>{d()?D():E()};O(),t.state.subscribe(O);let k=()=>{let e=!!n.rendererRoot?.querySelector(`[data-mesurer-responsive-stage]`);if(e===en(v)||(y(e),!g))return;let t=e?n.rendererRoot:b;t&&g.element.parentNode!==t&&t.appendChild(g.element),g.element.style.zIndex=e?`90`:``,en(()=>m?.closeNoteComposer())};n.ownerWindow.addEventListener(`mesurer:responsive-stage-change`,k),t.command.register(`context.add-note`,()=>{f()&&m?.openNoteComposer()}),t.command.register(`context.notes`,()=>{d()&&(o()&&a.cancel(),c(!en(o)))}),t.tool.register({id:`context.copy`,label:`Copy context`,shortcut:`C`,command:`context.copy`,order:70,toolbarMode:`always`,icon:pk,hidden:()=>!d()}),t.tool.register({id:`context.copy-selection`,label:`Copy selection`,shortcut:`Shift+C`,command:`context.copy-selection`,order:71,toolbarMode:`always`,icon:mk,hidden:()=>!d(),disabled:()=>!f()}),t.tool.register({id:`context.add-note`,label:`Add note`,shortcut:`N`,command:`context.add-note`,order:72,toolbarMode:`always`,icon:hk,hidden:()=>!d(),disabled:()=>!f()}),t.tool.register({id:`context.notes`,label:`Notes`,command:`context.notes`,order:73,toolbarMode:`always`,compactPinned:!0,icon:gk,active:l,hidden:()=>!d()}),t.settings.register({id:`context`,label:`Context`,order:30,controls:[{type:`toggle`,id:`ui`,label:`Context tools`,description:`Show Copy Context, Copy Selection, Add Note, and annotation controls.`,value:d,set:p}]}),t.lifecycle.onDispose(()=>{a.dispose(),w(),n.ownerWindow.removeEventListener(`mesurer:responsive-stage-change`,k),E(),i.dispose()})}}}var xk={display:`block`,position:`fixed`,inset:`0`,width:`0`,height:`0`,"min-width":`0`,"min-height":`0`,"max-width":`none`,"max-height":`none`,margin:`0`,padding:`0`,border:`0`,overflow:`visible`,background:`transparent`,"box-sizing":`border-box`,"pointer-events":`none`,"z-index":`2147483647`,opacity:`1`,visibility:`visible`,transform:`none`,translate:`none`,rotate:`none`,scale:`none`,filter:`none`,"backdrop-filter":`none`,"clip-path":`none`,mask:`none`,contain:`none`,isolation:`isolate`,"mix-blend-mode":`normal`,animation:`none`,transition:`none`,"color-scheme":`light`,color:`#0f172a`,"font-family":`ui-sans-serif, system-ui, sans-serif`,"font-size":`16px`,"font-weight":`400`,"line-height":`1.5`,"letter-spacing":`normal`,direction:`ltr`};function Sk(e){for(let[t,n]of Object.entries(xk))e.style.setProperty(t,n,`important`)}function Ck(e){return`popover`in e&&`showPopover`in e&&typeof e.showPopover==`function`&&`hidePopover`in e&&typeof e.hidePopover==`function`}var wk=e=>`newState`in e,Tk=e=>e.localName===`dialog`;function Ek(e){if(!Tk(e)||!e.open)return!1;try{return e.matches(`:modal`)}catch{return!1}}function Dk(e,t,n=!0){Sk(e);let r=e.ownerDocument,i=r.defaultView??window,a=t,o=!1,s=`fixed`,c=!1,l=0,u=[];if(n&&Ck(e)&&(e.popover=`manual`),t.append(e),n&&Ck(e))try{e.showPopover(),c=e.matches(`:popover-open`),c&&(s=`top-layer`)}catch{e.removeAttribute(`popover`)}let d=()=>{if(!(!c||!Ck(e)))try{e.matches(`:popover-open`)||e.showPopover()}catch{}},f=t=>{if(e.parentNode===t)return;let n=c&&Ck(e)&&e.matches(`:popover-open`);if(n&&Ck(e))try{e.hidePopover()}catch{}t.append(e),Sk(e),n&&d()},p=()=>{u=u.filter(e=>e.isConnected&&Ek(e)),f(u.at(-1)??a)},m=e=>{u=u.filter(t=>t!==e),u.push(e),p()},h=e=>{u=u.filter(t=>t!==e),p()},g=()=>{if(!(o||!c||!Ck(e)))try{e.matches(`:popover-open`)&&e.hidePopover(),e.showPopover()}catch{}},_=()=>{o||!c||l||(l=i.requestAnimationFrame(()=>{l=0,g()}))},v=t=>{if(!c||t.target===e)return;let n=wk(t)?t.newState:void 0,r=t.target;if(r instanceof i.Element){if(Tk(r)){n===`open`&&Ek(r)?(m(r),_()):n===`closed`?h(r):n===`open`&&_();return}n===`open`&&r.hasAttribute(`popover`)&&_()}},y=e=>{let t=e.target;t instanceof i.Element&&Tk(t)&&h(t)},b=()=>{r.fullscreenElement&&_()},x=e=>{Ek(e)&&m(e);for(let t of e.querySelectorAll(`dialog`))Ek(t)&&m(t)},S=new i.MutationObserver(e=>{if(c)for(let t of e){if(t.type===`attributes`){let e=t.target;e instanceof i.Element&&Tk(e)&&(Ek(e)?m(e):h(e))}for(let e of t.addedNodes)e instanceof i.Element&&x(e);u.some(e=>!e.isConnected)&&p()}});return c&&(r.addEventListener(`toggle`,v,!0),r.addEventListener(`close`,y,!0),r.addEventListener(`fullscreenchange`,b,!0),S.observe(r.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`open`]}),x(r.documentElement)),{mode:s,bringToFront:g,dispose(){if(!o){if(o=!0,l&&i.cancelAnimationFrame(l),r.removeEventListener(`toggle`,v,!0),r.removeEventListener(`close`,y,!0),r.removeEventListener(`fullscreenchange`,b,!0),S.disconnect(),c&&Ck(e)&&e.matches(`:popover-open`))try{e.hidePopover()}catch{}u=[]}}}}var Ok=`mesurer.codex`,kk=`codex:v1`,Ak=`mesurer.plugin.before-disable`,jk=2e3,Mk=750,Nk=2e3,Pk=1800,Fk=2e3,Ik=12e4,Lk=10,Rk=5,zk=`http://127.0.0.1:47365`,Bk=`mesurer-codex`,Vk=2,Hk=[`thread-discovery-v1`,`durable-queue-v1`,`history-recovery-v2`,`client-message-correlation-v1`,`idle-safe-shutdown-v1`,`nonterminal-retention-v1`,`instance-binding-v1`],Uk=1500,Wk=15e3,Gk=5e3,Kk=[`Implement the current human feedback from Mesurer in this project.`,`Treat the rendered page as the source of truth, preserve unrelated Mesurer review state,`,`and verify the affected UI in the live page with Mesurer before claiming completion.`].join(` `),qk={viewBox:`0 0 256 256`,paths:[`M224,48,32,120l88,32,32,88Z M120,152l104-104`]},Jk={viewBox:`0 0 256 256`,paths:[`M72,32H184a8,8,0,0,1,0,16h-8v20.69a40,40,0,0,1-11.72,28.28L137.25,124l27.03,27.03A40,40,0,0,1,176,179.31V208h8a8,8,0,0,1,0,16H72a8,8,0,0,1,0-16h8V179.31a40,40,0,0,1,11.72-28.28L118.75,124,91.72,96.97A40,40,0,0,1,80,68.69V48H72a8,8,0,0,1,0-16Zm24,16V68.69a24,24,0,0,0,7.03,16.97L128,110.63l24.97-24.97A24,24,0,0,0,160,68.69V48Zm32,90.63-24.97,24.97A24,24,0,0,0,96,180.57V208h64V180.57a24,24,0,0,0-7.03-16.97Z`]},Yk={viewBox:`0 0 256 256`,paths:[`M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z`]},Xk=class extends Error{issue;constructor(e,t){super(t),this.issue=e,this.name=`BrowserBridgeConnectionError`}},Zk=()=>{try{let e=globalThis.location;return e?.origin?`mesurer-codex-ui:v2:${e.origin}${e.pathname}`:null}catch{return null}},Qk=()=>{let e=Zk();if(!e)return null;try{let t=globalThis.sessionStorage?.getItem(e);if(!t)return null;let n=JSON.parse(t);if(n.version!==1)return null;let r=n.originThread?.trim()||null,i=n.selectedThread?.trim()||null,a=n.delivery;return{version:1,originThread:r,selectedThread:i,delivery:a&&a.id.trim()&&a.thread.trim()&&(a.status===`queued`||a.status===`working`||a.status===`completed`||a.status===`interrupted`||a.status===`failed`)&&Array.isArray(a.annotationIds)?{id:a.id.trim(),thread:a.thread.trim(),status:a.status,annotationIds:a.annotationIds.filter(e=>e.trim().length>0),queuedSubmissionId:a.queuedSubmissionId?.trim()||null,clientUserMessageId:a.clientUserMessageId?.trim()||null,dispatch:a.dispatch??null,dispatchError:a.dispatchError?.trim()||null,annotationSnapshots:Array.isArray(a.annotationSnapshots)?a.annotationSnapshots:void 0,message:a.message}:null}}catch{return null}},$k=e=>{let t=Zk();if(t)try{globalThis.sessionStorage?.setItem(t,JSON.stringify(e))}catch{}},eA=e=>{let t=zk.endsWith(`/`)?zk:`${zk}/`;return new URL(e,t).toString()},tA=e=>{let t=e.bridge;if(!t)throw new Xk(`port-conflict`,`Another local service or an outdated Mesurer Codex Bridge is using port 47365. Mesurer will not send data to an unverified service.`);if(t.name!==Bk)throw new Xk(`port-conflict`,`Another local service is using port 47365 (${t.name??`unknown`}). Mesurer will not send Codex data to it.`);if(t.protocol!==Vk)throw new Xk(`version-mismatch`,`Mesurer Codex Bridge is out of date (protocol ${t.protocol??`unknown`}; expected ${Vk}). Restart the matching Mesurer Codex Bridge helper.`);if(e.access?.allowed===!1)throw new Xk(`origin-denied`,`Mesurer Codex Bridge does not allow this browser origin (${globalThis.location?.origin??`this page`}). Allow this origin when starting the bridge.`);let n=new Set(Array.isArray(t.capabilities)?t.capabilities:[]),r=Hk.filter(e=>!n.has(e));if(r.length>0)throw new Xk(`capability-mismatch`,`Mesurer Codex Bridge is missing required capabilities: ${r.join(`, `)}. Restart or update the matching helper.`);if(!t.instanceId?.trim())throw new Xk(`capability-mismatch`,`Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.`)},nA=e=>e.includes(`does not allow this browser origin`)?`origin-denied`:e.includes(`out of date`)?`version-mismatch`:e.includes(`missing required capabilities`)||e.includes(`did not provide an instance identity`)?`capability-mismatch`:e.includes(`Another local service`)?`port-conflict`:e.includes(`instance changed`)?`instance-changed`:e.includes(`timed out`)?`timed-out`:e.includes(`companion is unavailable`)?`not-running`:null,rA=e=>e instanceof Xk?e.issue:e instanceof Error?nA(e.message):null,iA=async e=>{let t,n;if(e.action===`health`)t=eA(`health`);else if(e.action===`threads`){let n=new URLSearchParams;n.set(`limit`,String(e.limit??Lk)),e.thread&&n.set(`thread`,e.thread),t=`${eA(`threads`)}?${n.toString()}`}else if(e.action===`target`)t=eA(`target`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({thread:e.thread})};else if(e.action===`queue`)t=eA(`send`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({message:e.message,thread:e.thread})};else if(e.action===`delivery`)t=eA(`deliveries/${encodeURIComponent(String(e.deliveryId??``))}`);else if(e.action===`restore`)t=eA(`deliveries/restore`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({deliveryId:e.deliveryId,thread:e.thread,queuedSubmissionId:e.queuedSubmissionId,clientUserMessageId:e.clientUserMessageId,message:e.message})};else throw Error(`Codex browser companion does not support ${e.action}.`);if(e.action!==`health`){let t=e.bridgeInstanceId?.trim();if(!t)throw new Xk(`instance-changed`,`Mesurer Codex Bridge instance changed before this request could be verified.`);let r=new Headers(n?.headers);r.set(`X-Mesurer-Bridge-Instance`,t),n={...n,headers:r}}let r=new AbortController,i=e.action===`health`||e.action===`threads`?Uk:Wk,a=globalThis.setTimeout(()=>r.abort(),i);try{let i=await fetch(t,{...n,signal:r.signal}),a=await i.text(),o={};if(a)try{o=JSON.parse(a)}catch{o={error:a}}if(e.action===`health`&&tA(o),!i.ok||o.ok===!1){let e=o.error??`Mesurer Codex companion returned HTTP ${i.status}.`,t=nA(e);throw t?new Xk(t,e):Error(e)}return o}catch(e){throw e instanceof Error&&e.name===`AbortError`?new Xk(`timed-out`,`Mesurer Codex companion timed out.`):e instanceof TypeError?new Xk(`not-running`,`Mesurer Codex companion is unavailable at ${zk}.`):e}finally{globalThis.clearTimeout(a)}},aA=async e=>{let t=window.__MESURER_HOST__?.codexBridge;if(!t)throw Error(`Codex native host bridge is unavailable.`);let n=await t(e);if(n.ok===!1)throw Error(n.error??`Codex Bridge request failed.`);return n},oA=e=>{let t=e.runtime;return!t||![`shared`,`standalone`,`desktop`,`none`].includes(t.source)||![`shared-app-server`,`desktop-queue`,`private-stdio`,`none`].includes(t.transport)||t.reason!==null&&t.reason!==`desktop-private-transport`&&t.reason!==`runtime-not-found`?null:{source:t.source,transport:t.transport,available:t.available===!0,reason:t.reason}},sA=e=>({thread:e.thread?.trim()||null,threads:Array.isArray(e.threads)?e.threads.filter(e=>e.trim().length>0):[]}),cA=e=>{let t=e.deliveryId?.trim(),n=e.thread?.trim(),r=e.status;if(!t||!n||!r)throw Error(`Codex Bridge returned an invalid delivery state.`);let i={id:t,thread:n,status:r,turnId:e.turnId?.trim()||null,createdAt:Number.isFinite(e.createdAt)?Number(e.createdAt):0,updatedAt:Number.isFinite(e.updatedAt)?Number(e.updatedAt):0};return e.queuedSubmissionId!==void 0&&(i.queuedSubmissionId=e.queuedSubmissionId?.trim()||null),e.clientUserMessageId!==void 0&&(i.clientUserMessageId=e.clientUserMessageId?.trim()||null),e.dispatch!==void 0&&(i.dispatch=e.dispatch),e.dispatchError!==void 0&&(i.dispatchError=e.dispatchError?.trim()||null),i},lA=e=>({thread:e.thread?.trim()||null,threads:Array.isArray(e.threadDetails)?e.threadDetails.flatMap(e=>{let t=e.id?.trim()??``;return t?[{id:t,title:e.title?.trim()||t,updatedAt:e.updatedAt!=null&&Number.isFinite(e.updatedAt)?e.updatedAt:null,connected:e.connected===!0}]:[]}):[],hasMore:e.hasMore===!0}),uA=async(e,t,n)=>{let r=t?.instruction?.trim()||n,i=await e.annotations(),a=t?.annotationIds,o=(a?a.flatMap(e=>{let t=i.find(t=>t.id===e);return t?[t]:[]}):i).filter(e=>e.status!==`resolved`),s=[],c=[];for(let t of o){let n=await e.context({annotation:t.id});n.scope.kind===`annotation`&&(s.push(ZO(n)),c.push({id:t.id,note:n.scope.note,replies:(n.scope.replies??[]).map(e=>({...e}))}))}if(s.length===0)try{s.push(await e.contextText({scope:`selection`}))}catch{s.push(await e.contextText())}return{annotationIds:o.map(e=>e.id),annotationSnapshots:c,message:[r,``,...s.flatMap((e,t)=>[s.length>1?`Feedback ${t+1}`:`Mesurer evidence`,e,``])].join(`
 `).trimEnd()}},dA=e=>e.length>16?`${e.slice(0,8)}…${e.slice(-4)}`:e,fA=(e,t=42)=>e.length>t?`${e.slice(0,t-1)}…`:e,pA=e=>rA(e)!==null||e instanceof Error&&(e.message===`Codex Bridge is unavailable in this host.`||e.message.includes(`Codex Bridge lease`)||e.message.includes(`Mesurer Codex Bridge`));function mA(e={}){let t=e.instruction?.trim()||Kk,n=e.ui??!0,r=e.clearCompletedAnnotations??!0;return{id:Ok,version:MO,requires:[ck],provides:[kk],async setup(e){let i=e.service.get(ck);if(!i)throw Error(`Mesurer Codex plugin requires context() from mesurer-solid/plugins.`);let a=n?Qk():null,o=`unknown`,s=null,c=!1,l=a?.originThread??null,u=a?.selectedThread??a?.originThread??null,d=!1,f=null,p=[],m=[],h=!1,g=Rk,_,v=``,y=null,b=a?.delivery?{id:a.delivery.id,thread:a.delivery.thread,status:a.delivery.status,annotationIds:a.delivery.annotationIds,queuedSubmissionId:a.delivery.queuedSubmissionId??null,clientUserMessageId:a.delivery.clientUserMessageId??null,dispatch:a.delivery.dispatch??null,dispatchError:a.delivery.dispatchError??null,annotationSnapshots:a.delivery.annotationSnapshots,message:a.delivery.message}:null,x=new WeakMap,S=0,C=0,w=null,T=!1,E=null,D=0,O=null,k=null,A=window.__MESURER_HOST__?.codexBridge!==void 0,j=async e=>{if(!A)try{let t=e.action===`queue`||e.action===`target`||e.action===`delivery`||e.action===`restore`;if(e.action===`health`){let t=await iA(e);return O=t.bridge?.instanceId?.trim()||null,D=Date.now(),t}return(!O||t||Date.now()-D>=Gk)&&(O=(await iA({action:`health`,thread:u??l??void 0})).bridge?.instanceId?.trim()||null,D=Date.now()),await iA({...e,bridgeInstanceId:O??void 0})}catch(e){throw D=0,O=null,e}if(e.action===`activate`||e.action===`runtime`)return aA(e);if(!E)throw Error(`Codex Bridge lease is not active for this plugin.`);return aA({...e,leaseId:E})},M=async()=>{if(!A)return;let e=E;if(e){if((await aA({action:`deactivate`,leaseId:e})).released!==!0)throw Error(`Codex Bridge did not confirm lease release.`);E=null}};if(A){let e=await aA({action:`activate`,thread:u??l??void 0}),t=e.leaseId?.trim();if(!t)throw Error(`Codex Bridge did not return an activation lease.`);E=t,o=`available`,s=oA(e);let n=sA(e);c=!0,f=n.thread,p=n.threads}e.lifecycle.onDispose(()=>{E&&M().catch(e=>{let t=e instanceof Error?e.message:String(e);console.error(`[Mesurer] Failed to release Codex host lease: ${t}`)})}),e.hook.on(Ak,async e=>{e===`mesurer.codex`&&await M()});let N=async()=>{if(!A)return null;let e=oA(await j({action:`runtime`}));if(!e)throw Error(`Codex Bridge returned an invalid runtime state.`);return s=e,e},P=async()=>{let e=await j({action:`health`,thread:u??l??void 0});return s=oA(e)??s,sA(e)},F=P,I=async e=>cA(await j({action:`delivery`,deliveryId:e})),L=async e=>{if(!e.id||!e.thread)throw Error(`Cannot restore a Codex delivery without its id and thread.`);let t={action:`restore`,deliveryId:e.id,thread:e.thread};return e.queuedSubmissionId&&(t.queuedSubmissionId=e.queuedSubmissionId),e.clientUserMessageId&&(t.clientUserMessageId=e.clientUserMessageId),e.message&&(t.message=e.message),cA(await j(t))},R=async(e={})=>{let t={action:`threads`,limit:e.limit??Lk},n=e.thread?.trim();return n&&(t.thread=n),lA(await j(t))},z=()=>u??l??(d?null:f),B=()=>{if(!n)return;let e=b?.id&&(b.status===`queued`||b.status===`working`||b.status===`completed`||b.status===`interrupted`||b.status===`failed`)?{id:b.id,thread:b.thread??z()??``,status:b.status,annotationIds:[...b.annotationIds],queuedSubmissionId:b.queuedSubmissionId,clientUserMessageId:b.clientUserMessageId,dispatch:b.dispatch,dispatchError:b.dispatchError,annotationSnapshots:b.annotationSnapshots,message:b.message}:null;$k({version:1,originThread:l,selectedThread:u,delivery:e?.thread?e:null})},V=(e,t=!1)=>{let n=e.trim();n&&((t||!l)&&(l=n),u=n,d=!1,B())},ee=()=>!b||b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)?!1:[`queueing`,`queued`,`working`,`completed`].includes(b.status),H=e=>e===`queueing`?`Queueing…`:e===`queued`?`Queued`:e===`working`?`Working…`:e===`completed`?`Done`:e===`interrupted`?`Interrupted`:`Failed`,U=()=>b?b.status===`queueing`?`Queueing to Codex…`:b.status===`queued`?b.dispatch===`desktop-wake-failed`?`Queued — open Codex`:`Queued for Codex`:b.status===`working`?`Codex working…`:b.status===`completed`?`Codex finished`:b.status===`interrupted`?`Codex interrupted`:`Queue failed`:null,W=()=>b?[`queueing`,`queued`,`working`].includes(b.status)?Jk:b.status===`completed`?Yk:qk:qk,te=()=>{let e=[],t=new Set,n=n=>{t.has(n.id)||(t.add(n.id),e.push(n))},r=e=>({id:e,title:`Codex ${dA(e)}`,updatedAt:null,connected:!0});l&&n(m.find(e=>e.id===l)??r(l));let i=u;i&&n(m.find(e=>e.id===i)??r(i));for(let e of m)n(e);for(let e of p)n(m.find(t=>t.id===e)??r(e));return e},ne=(e=!1)=>Promise.resolve(),re=(e=!1)=>k===`origin-denied`?e?`Browser origin not allowed`:`Allow this browser origin`:k===`version-mismatch`?e?`Bridge version mismatch`:`Update Mesurer Codex Bridge`:k===`capability-mismatch`?e?`Bridge capability mismatch`:`Update Mesurer Codex Bridge`:k===`port-conflict`?e?`Port 47365 conflict`:`Port 47365 is occupied`:k===`timed-out`?e?`Bridge did not respond`:`Mesurer Codex Bridge did not respond`:k===`instance-changed`?e?`Codex bridge changed`:`Codex bridge changed; reconnecting`:k===`not-running`?e?`Bridge not running`:`Mesurer Codex Bridge is not running`:e?`Codex unavailable`:`Mesurer Codex Bridge is unavailable`,ie=()=>A?s?.source===`desktop`?`Connected · Codex Desktop`:s?.source===`standalone`?`Connected · Codex CLI`:s?.source===`shared`?`Connected · Codex shared server`:`Connected · Codex`:p.length===0?`No reachable local Codex session`:`Connected · Local Codex Bridge`,ae=()=>{if(o!==`available`){let e=s?.source===`desktop`&&s.reason===`desktop-private-transport`,t=!A,n=[];return o===`unavailable`&&t&&n.push({id:`codex.connection.status`,label:re(),disabled:()=>!0,run:()=>void 0}),n.push({id:`codex.thread.connect`,label:o===`unavailable`?t?`Retry Codex connection`:e?`Retry Codex Desktop`:`Retry Codex connection`:`Choose Codex thread…`,run:()=>ne(!0)}),n}let e=te(),t=e.slice(0,g),n=z(),r=[{id:`codex.connection.status`,label:ie(),disabled:()=>!0,run:()=>void 0}];return!A&&p.length===0&&r.push({id:`codex.thread.refresh`,label:`Refresh Codex sessions`,run:()=>ne(!0)}),r.push(...t.map(e=>{let t=e.id===l?`Current · `:e.connected?`Loaded · `:``,r=b?.thread===e.id?` · ${H(b.status)}`:``;return{id:`codex.thread.${e.id}`,label:`${t}${fA(e.title)}${r}`,checked:()=>n===e.id,disabled:()=>ee(),run(){ee()||(V(e.id,!l),oe())}}})),g<Lk&&(e.length>g||h)&&r.push({id:`codex.thread.show-more`,label:`Show 5 more…`,run(){g=Lk,oe()}}),b?.queuedSubmissionId&&b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)&&r.push({id:`codex.delivery.receipt`,label:`Receipt · ${dA(b.queuedSubmissionId)}`,disabled:()=>!0,run:()=>void 0}),r},oe=()=>{if(!n||T)return;let t=z(),r=ae(),i=!ee()&&!d&&o!==`unavailable`&&(o===`unknown`||!!t),a=s?.source===`desktop`&&s.reason===`desktop-private-transport`,c=!A,l=re(!0),u=U()??(o===`unavailable`?c?l:a?`Codex Desktop not connected`:`Codex unavailable`:o===`available`&&!A&&p.length===0?`No reachable Codex session`:d||o===`available`&&!t?`Choose Codex thread`:`Queue to Codex`),f=JSON.stringify({bridgeAvailability:o,codexRuntime:s,routeNeedsSelection:d,target:t,label:u,visibleThreadCount:g,activeDelivery:b,items:r.map(e=>({id:e.id,label:e.label,checked:e.checked?.()??null,disabled:e.disabled?.()??!1}))});f!==v&&(v=f,_?.dispose(),_=e.tool.register({id:`codex.send`,label:u,command:`codex.queue`,order:73,toolbarMode:`always`,icon:W(),disabled:()=>!i,menu:r.length?{label:`Codex destination`,items:r}:void 0}))},se=async e=>{if(o!==`available`)return;let t=await R({limit:Lk,thread:e??void 0});m=t.threads,h=t.hasMore,p=t.threads.filter(e=>e.connected).map(e=>e.id),f=t.thread};ne=(e=!1)=>T||o===`unknown`&&!e?Promise.resolve():y||(y=(async()=>{try{let e=await F();o=`available`,k=null,c=!0,f=e.thread,await se(u??l??e.thread);let t=u??l;t&&p.includes(t)?d=!1:p.length===1?V(p[0],!0):d=!0,!d&&t&&B()}catch(e){throw o=`unavailable`,k=A?null:rA(e)??`unavailable`,s=await N().catch(()=>s),e}finally{y=null,oe()}})(),y);let ce=()=>{S&&=(globalThis.clearTimeout(S),0),C&&=(globalThis.clearTimeout(C),0)},le=()=>{C&&globalThis.clearTimeout(C),C=globalThis.setTimeout(()=>{C=0,b?.status===`completed`&&(b=null,B(),oe())},Pk)},ue=async e=>{if(!(!b||b.id!==e.id)){if(b={...b,thread:e.thread,status:e.status,queuedSubmissionId:e.queuedSubmissionId??b.queuedSubmissionId,clientUserMessageId:e.clientUserMessageId??b.clientUserMessageId,dispatch:e.dispatch??b.dispatch,dispatchError:e.dispatchError??b.dispatchError},B(),e.status===`completed`){if(B(),oe(),r&&b.annotationIds.length>0){let t=!1,n=new Map((b.annotationSnapshots??[]).map(e=>[e.id,e]));for(let e of b.annotationIds)try{let t=n.get(e);if(!t)continue;let r=(await i.annotations()).find(t=>t.id===e);if(!r)continue;r.note===t.note&&(r.replies??[]).length===t.replies.length&&t.replies.every((e,t)=>{let n=r.replies?.[t];return n?.id===e.id&&n.text===e.text&&n.createdAt===e.createdAt})&&await i.removeAnnotation(e,t)}catch{t=!0}if(t){B(),oe(),S=globalThis.setTimeout(()=>{S=0,de(e.id)},Mk);return}}B(),oe(),le();return}if(e.status===`interrupted`){B(),oe();let t=e.updatedAt>0?e.updatedAt:Date.now();Date.now()-t<Ik&&(S=globalThis.setTimeout(()=>{S=0,de(e.id)},Fk));return}oe(),S=globalThis.setTimeout(()=>{S=0,de(e.id)},Nk)}},de=async e=>{if(!(T||b?.id!==e))try{await ue(await I(e))}catch(t){if(b?.id!==e)return;let n=t;if((b.status===`queued`||b.status===`failed`)&&b.thread)try{o!==`available`&&await ne(!0);let e=await L(b);await ue(e);return}catch(e){n=e}if(b?.id!==e)return;if(b.status===`interrupted`){oe();return}b={...b,status:`failed`},B(),pA(n)&&(o=`unavailable`),oe()}},fe={health:P,listThreads:R,delivery:I,async useThread(e){let t=e.trim();if(!t)throw Error(`Codex thread must be a non-empty string.`);let n=await j({action:`target`,thread:t}),r=sA(n);return s=oA(n)??s,V(t,!l),f=r.thread,p=r.threads,o=`available`,c=!0,oe(),r},async queue(e){let r=await uA(i,e,t),a=e?.thread?.trim(),s=a||(n?z():null);if(n&&!a&&(d||!s))throw Error(`Choose a Codex thread before queueing feedback.`);let c={message:r.message};s&&(c.thread=s);try{let e=await j({action:`queue`,...c}),t=e.thread?.trim();if(!t)throw Error(`Codex Bridge did not report the destination thread.`);let n={thread:t,output:e.output??``,delivery:`queued`,deliveryId:e.deliveryId?.trim()||null,status:e.status??`queued`,annotationIds:r.annotationIds};return e.queuedSubmissionId!==void 0&&(n.queuedSubmissionId=e.queuedSubmissionId?.trim()||null),e.clientUserMessageId!==void 0&&(n.clientUserMessageId=e.clientUserMessageId?.trim()||null),e.dispatch!==void 0&&(n.dispatch=e.dispatch),e.dispatchError!==void 0&&(n.dispatchError=e.dispatchError?.trim()||null),x.set(n,{annotationSnapshots:r.annotationSnapshots,message:r.message}),n}catch(e){throw n&&pA(e)&&(o=`unavailable`,k=A?null:rA(e)??`unavailable`,oe()),e}},send(e){return fe.queue(e)}};e.service.provide(kk,fe);let pe=async()=>{if(!(w||ee())){if(b?.status===`failed`&&b.id){ce(),await de(b.id);return}return ce(),b={id:null,thread:z(),status:`queueing`,annotationIds:[],queuedSubmissionId:null,clientUserMessageId:null,dispatch:null,dispatchError:null},oe(),w=(async()=>{try{n&&o!==`available`&&await ne(!0);let e=await fe.queue(),t=x.get(e);b={id:e.deliveryId,thread:e.thread,status:e.status,annotationIds:e.annotationIds,annotationSnapshots:t?.annotationSnapshots,message:t?.message,queuedSubmissionId:e.queuedSubmissionId??null,clientUserMessageId:e.clientUserMessageId??null,dispatch:e.dispatch??null,dispatchError:e.dispatchError??null},V(e.thread,!l),B(),oe(),console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`),e.deliveryId?e.status===`completed`||e.status===`interrupted`?await ue({id:e.deliveryId,thread:e.thread,status:e.status,turnId:null,createdAt:0,updatedAt:0}):S=globalThis.setTimeout(()=>{S=0,de(e.deliveryId)},Mk):C=globalThis.setTimeout(()=>{C=0,b?.id===null&&b?.status===`queued`&&(b=null,B(),oe())},Pk)}catch(e){b=null,B(),oe();let t=e instanceof Error?e.message:String(e);throw console.error(`[Mesurer] Failed to queue feedback for Codex: ${t}`),e}finally{w=null}})(),w}};if(e.command.register(`codex.queue`,pe),e.command.register(`codex.send`,pe),n){if(oe(),A)try{await ne(!0)}catch(e){try{await M()}catch(t){let n=e instanceof Error?e.message:String(e),r=t instanceof Error?t.message:String(t);throw Error(`Codex activation failed: ${n}. Native lease release also failed: ${r}.`)}throw e}else ne(!0).catch(()=>void 0);b?.id&&(c=!0,S=globalThis.setTimeout(()=>{S=0,b?.id&&de(b.id)},0));let t=globalThis.setInterval(()=>{A&&!c||ne(!0).catch(()=>void 0)},A?jk:Gk);e.lifecycle.onDispose(()=>{T=!0,ce(),globalThis.clearInterval(t),_?.dispose(),_=void 0})}}}}var hA=tD,gA=(e={})=>({...SD(e),version:MO}),_A=FD,vA=(e={})=>({...tO(e),version:MO}),yA=()=>globalThis.window?.__MESURER_HOST__?.codexBridge!==void 0,bA=[{id:sk,label:`Context`,order:30,create:bk,settingsIds:[`context`],hiddenSettingsControlIds:[`ui`]},{id:NO,label:`Edit`,order:35,create:FO,settingsIds:[`arrange`]},{id:ik,label:`Layout Guides`,order:38,create:ok},{id:_A,label:`Screenshot`,order:40,create:vA,settingsIds:[`screenshot`],hiddenSettingsControlIds:[`tool`]},{id:hA,label:`Recording`,order:42,create:gA,settingsIds:[`recording`],hiddenSettingsControlIds:[`tool`]},{id:Ok,label:`Codex`,order:45,create:mA}],xA=e=>{let t=e!==void 0,n=new Map((e??[]).map(e=>[e.id,e])),r=new Set(bA.map(e=>e.id)),i=bA.map(e=>{let r=n.get(e.id);return{...e,settingsIds:e.settingsIds?[...e.settingsIds]:void 0,hiddenSettingsControlIds:e.hiddenSettingsControlIds?[...e.hiddenSettingsControlIds]:void 0,enabled:t?!!r:e.id===`mesurer.codex`?yA():e.enabled!==!1,create:r?()=>r:e.create}});for(let[t,n]of(e??[]).entries())r.has(n.id)||i.push({id:n.id,order:1e3+t,enabled:!0,create:()=>n});return i},SA={select:`select`,xray:`xray`,colorPicker:`color-picker`,rulers:`rulers`,responsive:`responsive`,typography:`text-inspector`,guides:`guides`,distance:`distance`,settings:`settings`};function CA(e={}){if(!(`document`in globalThis))throw Error(`mountMesurer() requires a browser or Electron renderer document.`);let{target:t=document.body,isolate:n=!0,shadowMode:r=`open`,topLayer:i=!0,agent:a=!1,signal:o,onPluginHost:s,onPluginsReady:c,plugins:l,excludeBuiltins:u,excludePlugins:d,...f}=e;if(o?.aborted)throw o.reason??new DOMException(`Mesurer mount aborted.`,`AbortError`);if(!t)throw Error(`mountMesurer() requires document.body to exist or an explicit target.`);let p=t.ownerDocument??document,m=p.defaultView??window;try{if(m.frameElement?.hasAttribute(`data-mesurer-responsive-frame`)){let e=p.createElement(`div`),t=async()=>{throw Error(`Mesurer is suppressed inside a Responsive preview frame.`)},n=Promise.reject(Error(`Mesurer is suppressed inside a Responsive preview frame.`));return n.catch(()=>void 0),{element:e,root:e,hostLayer:`fixed`,pluginHost:void 0,ready:n,agent:{capabilities:()=>({protocol:`mesurer.agent/v1`,contextSchema:`mesurer.context/v1`,capabilities:{context:!1,select:!1,annotations:!1,review:!1,capturePlan:!1,arrange:!1,textEdit:!1}}),ready:t,describe:t,inspect:()=>null,inspectAll:()=>[],at:()=>null,distance:()=>null,viewport:()=>({width:m.innerWidth,height:m.innerHeight,scrollX:m.scrollX,scrollY:m.scrollY,devicePixelRatio:m.devicePixelRatio,documentWidth:p.documentElement.scrollWidth,documentHeight:p.documentElement.scrollHeight,horizontalOverflow:p.documentElement.scrollWidth>m.innerWidth,verticalOverflow:p.documentElement.scrollHeight>m.innerHeight}),feedback:t,command:t,state:t,stable:t,context:t,contextText:t,select:t,annotations:t,review:t,capturePlan:t,prepareCapture:t,finishCapture:t,arrangements:t,arrange:t,showArrange:t,arrangeCapturePlan:t,reviewArrange:t,textEdits:t,textEdit:t},service:t,context:t,contextText:t,copyContext:t,select:t,annotations:t,review:t,capturePlan:t,prepareCapture:t,finishCapture:t,arrangements:t,arrange:t,showArrange:t,arrangeCapturePlan:t,reviewArrange:t,textEdits:t,textEdit:t,bringToFront(){},describe:t,dispose(){}}}}catch{}let h=p.createElement(`div`);h.dataset.mesurerIsland=`true`;let g=Dk(h,t,i),_=h,v=h,y=h;if(n){let e=h.attachShadow({mode:r});v=p.createElement(`div`),v.dataset.mesurerIslandMount=`true`,e.append(v),_=e,y=e}let b,x,S,C,w,T=!1,E=!1,D=new Promise((e,t)=>{x=e,S=t}),O=new Promise((e,t)=>{C=e,w=t});D.catch(()=>void 0),O.catch(()=>void 0);let k=async()=>(await(b?Promise.resolve(b):D),O),A=a===!0?{}:a===!1?null:a,j=jO({ownerDocument:p,root:A?.root??(t.nodeType===11?t:p),getPluginHost:()=>b,waitForPluginHost:k}),M=async e=>{await k();let t=b?.service.get(e);if(t===void 0)throw Error(`Mesurer service is unavailable: ${e}.`);return t},N=async()=>{await j.ready();let e=b?.service.get(ck);if(!e)throw Error(`Mesurer Context is disabled. Enable it in Settings or include context() in plugins.`);return e},P=async()=>{await j.ready();let e=b?.service.get(IO);if(!e)throw Error(`Mesurer Edit is disabled. Enable it in Settings or include edit() in plugins.`);return e},F=async e=>(await N()).context(e),I=async e=>(await N()).contextText(e),L=async e=>(await N()).copyContext(e),R=async e=>(await N()).select(e),z=async()=>(await N()).annotations(),B=async e=>(await N()).review(e),V=async e=>(await N()).capturePlan(e),ee=async()=>(await N()).prepareCapture(),H=async()=>(await N()).finishCapture(),U=async()=>(await P()).intents(),W=async e=>{let t=(await P()).intent(e);if(!t)throw Error(`Edit movement intent not found: ${e}`);return t},te=async(e,t)=>{(await P()).show(e,t)},ne=async(e,t)=>(await P()).capturePlan(e,t),re=async(e,t)=>(await P()).review(e,t),ie=()=>j.textEdits(),ae=e=>j.textEdit(e),oe=Object.assign(j,{capabilities:()=>{let e=!!b?.service.get(ck);return{protocol:`mesurer.agent/v1`,contextSchema:`mesurer.context/v1`,capabilities:{context:e,select:e,annotations:e,review:e,capturePlan:e,arrange:!!b?.service.get(IO),textEdit:!!b?.service.get(kO)}}},context:F,contextText:I,select:R,annotations:z,review:B,capturePlan:V,prepareCapture:ee,finishCapture:H,arrangements:U,arrange:W,showArrange:te,arrangeCapturePlan:ne,reviewArrange:re}),se={...f,version:MO,plugins:xA(l),excludePlugins:u?u.map(e=>SA[e]):[...d??[]]},ce=ko(()=>ho(jw,Za(se,{portalTarget:y,pageTarget:t,onPluginHost:e=>{T||(T=!0,x(e)),b=e,s?.(e)},onPluginsReady:e=>{b=e,E||(E=!0,C(e)),c?.(e)}})),v),le,ue=new Promise((e,t)=>{le=t});ue.catch(()=>void 0);let de=Promise.race([(async()=>(await oe.ready(),k()))(),ue]);de.catch(()=>void 0);let fe=null;if(A){let e=A.globalName??`__MESURER__`,t=Object.getOwnPropertyDescriptor(m,e);Reflect.set(m,e,oe),fe=()=>{Object.getOwnPropertyDescriptor(m,e)?.value===oe&&(t?Object.defineProperty(m,e,t):Reflect.deleteProperty(m,e))}}let pe=!1,me=()=>void 0,he=e=>{T||S(e),E||w(e),le(e)},ge={element:h,root:_,hostLayer:g.mode,get pluginHost(){return b},ready:de,agent:oe,service:M,context:F,contextText:I,copyContext:L,select:R,annotations:z,review:B,capturePlan:V,prepareCapture:ee,finishCapture:H,arrangements:U,arrange:W,showArrange:te,arrangeCapturePlan:ne,reviewArrange:re,textEdits:ie,textEdit:ae,bringToFront:g.bringToFront,describe:async()=>(await de).describe(),dispose(){pe||(pe=!0,me(),he(new DOMException(`Mesurer was disposed before it became ready.`,`AbortError`)),fe?.(),ce(),g.dispose(),h.remove())}};if(o){let e=()=>{if(pe)return;let e=o.reason??new DOMException(`Mesurer mount aborted.`,`AbortError`);he(e),ge.dispose()};o.addEventListener(`abort`,e,{once:!0}),me=()=>{o.removeEventListener(`abort`,e)}}return ge}var wA=globalThis.__MESURER_CONFIG__??{},TA=(()=>{try{return!!window.frameElement?.hasAttribute(`data-mesurer-responsive-frame`)}catch{return!1}})(),{target:EA,globalName:DA=`__MESURER__`,reuseExisting:OA=!0,recoverDisconnected:kA=!1,...AA}=wA,jA=globalThis.__MESURER_INSTANCE__,MA=!TA&&OA&&jA?.element.isConnected?jA:void 0,NA=()=>{let e=EA?document.querySelector(EA):document.body;if(!e)throw Error(`Mesurer injection target not found: ${EA}`);return TA||globalThis.__MESURER_INSTANCE__?.dispose(),CA({...AA,target:e,agent:{globalName:DA,root:document}})},PA=e=>{globalThis.__MESURER_INJECT_RECOVERY__?.stop();let t=!1,n=!1,r=()=>{if(n=!1,t||globalThis.__MESURER_INSTANCE__?.element.isConnected)return;let r=e();globalThis.__MESURER_INSTANCE__=r,r.ready.catch(e=>{queueMicrotask(()=>{throw e})})},i=new MutationObserver(()=>{t||n||globalThis.__MESURER_INSTANCE__?.element.isConnected||(n=!0,queueMicrotask(r))});i.observe(document,{childList:!0,subtree:!0}),globalThis.__MESURER_INJECT_RECOVERY__={stop(){t=!0,i.disconnect()}}},FA=MA??NA();TA||(globalThis.__MESURER_INSTANCE__=FA),TA||globalThis.__MESURER_INJECT_RECOVERY__?.stop(),TA||(globalThis.__MESURER_INJECT_RECOVERY__=void 0),kA&&!TA&&PA(NA),TA||FA.ready.catch(e=>{queueMicrotask(()=>{throw e})})})(__MESURER_MEDIABUNNY__);