mesurer-solid 0.2.5-beta.0 → 0.2.5-beta.2
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.
- package/dist/index.js +2739 -2645
- package/dist/inject-script.js +27 -21
- package/dist/inject.js +2735 -2641
- package/dist/plugins.js +2 -2
- package/package.json +1 -1
package/dist/inject-script.js
CHANGED
|
@@ -588,6 +588,12 @@
|
|
|
588
588
|
.msr\\:cursor-default {
|
|
589
589
|
cursor: default;
|
|
590
590
|
}
|
|
591
|
+
.msr\\:cursor-grab {
|
|
592
|
+
cursor: grab;
|
|
593
|
+
}
|
|
594
|
+
.msr\\:cursor-grabbing {
|
|
595
|
+
cursor: grabbing;
|
|
596
|
+
}
|
|
591
597
|
.msr\\:cursor-pointer {
|
|
592
598
|
cursor: pointer;
|
|
593
599
|
}
|
|
@@ -2390,15 +2396,15 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
|
|
|
2390
2396
|
}
|
|
2391
2397
|
}
|
|
2392
2398
|
}
|
|
2393
|
-
`,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(`
|
|
2394
|
-
`)}}),
|
|
2399
|
+
`;function wf(e,t,n=0,r=0){let i=t||1,a=Math.round((e.left+n)*i)/i,o=Math.round((e.top+r)*i)/i,s=Math.round((e.left+e.width+n)*i)/i,c=Math.round((e.top+e.height+r)*i)/i;return{left:`${a}px`,top:`${o}px`,width:`${s-a}px`,height:`${c-o}px`}}function Tf(e){let t=e||1;return Math.max(1,Math.round(t))/t}var Ef={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},Df={enabled:!0,color:`#2563eb`,diagonals:!1,opacity:1,width:1,pattern:`dashed`,dashLength:4,gap:3},Of={opacity:1,edgeReveal:!1},kf=e=>typeof e==`object`&&!!e&&!Array.isArray(e),Af=e=>typeof e==`object`&&!!e&&!Array.isArray(e),jf=e=>typeof e==`string`,Mf=e=>typeof e==`boolean`,Nf=e=>typeof e==`number`&&Number.isFinite(e),Pf=e=>e===`hex`||e===`rgb`||e===`hsl`||e===`oklch`,Ff=e=>e===`solid`||e===`dashed`||e===`dotted`,If=e=>e===`system`||e===`light`||e===`dark`,Lf=e=>e===`off`||e===`hover`||e===`click`,Rf=e=>e===`none`||e===`select`||e===`guides`||e===`text-inspector`||e===`xray`||e===`rulers`,zf=e=>e===`vertical`||e===`horizontal`,Bf=e=>kf(e)?Nf(e.left)&&Nf(e.top)&&Nf(e.width)&&e.width>=0&&Nf(e.height)&&e.height>=0:!1,Vf=e=>kf(e)?jf(e.id)&&Bf(e.rect)&&Bf(e.normalizedRect)&&Nf(e.deltaX)&&Nf(e.deltaY):!1,Hf=e=>kf(e)?jf(e.id)&&zf(e.orientation)&&Nf(e.position):!1,Uf=e=>kf(e)?jf(e.id)&&Bf(e.rectA)&&Bf(e.rectB)&&Bf(e.normalizedRectA)&&Bf(e.normalizedRectB)&&Array.isArray(e.connectors):!1,Wf=(e,t)=>{if(Af(e))return{opacity:Nf(e.opacity)?Math.min(1,Math.max(0,e.opacity)):t.opacity,width:Nf(e.width)?Math.min(4,Math.max(1,e.width)):t.width,pattern:Ff(e.pattern)?e.pattern:t.pattern,dashLength:Nf(e.dashLength)?Math.min(24,Math.max(2,e.dashLength)):t.dashLength,gap:Nf(e.gap)?Math.min(24,Math.max(0,e.gap)):t.gap}},Gf=e=>Wf(e,Ef),Kf=e=>{if(!Af(e))return;let t=Wf(e,Df);if(t)return{...t,enabled:Mf(e.enabled)?e.enabled:Df.enabled,color:jf(e.color)?e.color:Df.color,diagonals:Mf(e.diagonals)?e.diagonals:Df.diagonals}},qf=e=>{if(Af(e))return{opacity:Nf(e.opacity)?Math.min(1,Math.max(.2,e.opacity)):Of.opacity,edgeReveal:Mf(e.edgeReveal)?e.edgeReveal:Of.edgeReveal}},Jf=e=>{if(!Af(e))return{};let t={};if(jf(e.highlightColor)&&(t.highlightColor=e.highlightColor),jf(e.guideColor)&&(t.guideColor=e.guideColor),Mf(e.hoverHighlightEnabled)&&(t.hoverHighlightEnabled=e.hoverHighlightEnabled),Array.isArray(e.colorPickerFormats)){let n=e.colorPickerFormats.filter(Pf);n.length>0&&(t.colorPickerFormats=n)}Pf(e.colorPickerClickFormat)&&(t.colorPickerClickFormat=e.colorPickerClickFormat),Mf(e.snapEnabled)&&(t.snapEnabled=e.snapEnabled),Mf(e.snapGuidesEnabled)&&(t.snapGuidesEnabled=e.snapGuidesEnabled),Mf(e.selectNewGuideEnabled)&&(t.selectNewGuideEnabled=e.selectNewGuideEnabled),Mf(e.multiMeasureEnabled)&&(t.multiMeasureEnabled=e.multiMeasureEnabled),Mf(e.layoutDetailsEnabled)&&(t.layoutDetailsEnabled=e.layoutDetailsEnabled),Lf(e.infoCardMode)&&(t.infoCardMode=e.infoCardMode),Mf(e.persistOnReload)&&(t.persistOnReload=e.persistOnReload),Mf(e.shortcutsEnabled)&&(t.shortcutsEnabled=e.shortcutsEnabled),If(e.theme)&&(t.theme=e.theme),(e.toolbarDock===`free`||e.toolbarDock===`snap`)&&(t.toolbarDock=e.toolbarDock),Mf(e.toolbarAutoHide)&&(t.toolbarAutoHide=e.toolbarAutoHide);let n=Gf(e.guideStyle);n&&(t.guideStyle=n);let r=Kf(e.selectionSpacingStyle);r&&(t.selectionSpacingStyle=r);let i=qf(e.rulerSettings);return i&&(t.rulerSettings=i),t},Yf=e=>!Af(e)||!Mf(e.enabled)||!Rf(e.toolMode)||!zf(e.guideOrientation)||!Array.isArray(e.guides)||!Array.isArray(e.selectedGuideIds)||!Array.isArray(e.measurements)||!Array.isArray(e.heldDistances)?null:{enabled:e.enabled,xrayVisible:Mf(e.xrayVisible)?e.xrayVisible:e.toolMode===`xray`,toolMode:e.toolMode,rulersVisible:Mf(e.rulersVisible)?e.rulersVisible:e.toolMode===`rulers`,guideOrientation:e.guideOrientation,guides:e.guides.filter(Hf),selectedGuideIds:e.selectedGuideIds.filter(jf),measurements:e.measurements.filter(Vf),activeMeasurement:Vf(e.activeMeasurement)?e.activeMeasurement:null,heldDistances:e.heldDistances.filter(Uf)},Xf=e=>!Af(e)||e.version!==2?null:{settings:Jf(e.settings),workspace:Yf(e.workspace)},Zf=e=>Af(e)?e.version===2?Xf(e):e.version===1?{settings:{},workspace:Yf(e)}:null:null,Qf=e=>JSON.parse(e),$f=`mesurer.pages/v1`,ep=e=>{if(!Af(e)||e.format!==$f||!Af(e.pages))return null;let t={};for(let[n,r]of Object.entries(e.pages)){let e=Yf(r);e&&(t[n]=e)}return{format:$f,settings:Jf(e.settings),pages:t}},tp=(e,t,n=t,r)=>{let i,a=Rl(e),o=t=>{try{let n=e.localStorage.getItem(t);return n?Qf(n):null}catch(e){return i?.(e),null}},s=e=>{let t=o(e);return t?Zf(t):null},c=e=>ep(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:$f,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)}}},np=2,rp=64,ip=`--mesurer-spacing-label-collision-x`,ap=`--mesurer-spacing-label-collision-y`,op=22,sp=16,cp=new WeakMap,lp=(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}),up=(e,t)=>e.left<t.right+np&&e.right+np>t.left&&e.top<t.bottom+np&&e.bottom+np>t.top,dp=(e,t,n)=>e.left>=np&&e.top>=np&&e.right<=t-np&&e.bottom<=n-np,fp=e=>{if(e===0)return 0;let t=Math.ceil(e/2);return e%2==1?t:-t},pp=(e,t)=>{let n=Number.parseFloat(e.style.getPropertyValue(t));return Number.isFinite(n)?n:0},mp=e=>{let t=Number.parseInt(e.getAttribute(`data-mesurer-distance-label-index`)??`0`,10);return Number.isFinite(t)?t:0},hp=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}},gp=(e,t,n,r)=>{Math.abs(n-r)<.5||(r===0?e.style.removeProperty(t):e.style.setProperty(t,`${r}px`))},_p=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=pp(o,ip),c=pp(o,ap),l=e.getAttribute(`data-mesurer-distance-label-axis`),u=hp(e),d={x:-u.y,y:u.x},f=mp(e),p=l===`y`?f*op:0,m=l===`x`?f*sp: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+np:l===`y`?g.height+np:Math.max(g.width,g.height)+np,v=fp(f),y=g,b=0,x=0,S=!1;for(let e=0;e<rp;e+=1){let n=(v+fp(e))*_,r=u.x*n,o=u.y*n,s=lp(g,r,o);if(!(!i&&!dp(s,t.innerWidth,t.innerHeight))&&!a.some(e=>up(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+np:l===`y`?g.width+np:Math.max(g.width,g.height)+np;for(let e=1;e<rp;e+=1){let i=fp(e)*r,o=t+d.x*i,s=n+d.y*i,c=lp(g,o,s);if(!a.some(e=>up(c,e))){y=c,b=o,x=s;break}}}let C=b-p,w=x-m;gp(e,ip,pp(e,ip),C),gp(e,ap,pp(e,ap),w),i&&(gp(i,ip,s,C),gp(i,ap,c,w)),a.push(y)}},vp=e=>{let t=cp.get(e);if(t){t.dirty=!0;return}let n=e.ownerDocument.defaultView;if(!n)return;let r={dirty:!1};cp.set(e,r),n.requestAnimationFrame(()=>{cp.delete(e),e.isConnected&&(_p(e),r.dirty&&vp(e))})},yp=`data-mesurer-spacing-label-pinned`,bp=`data-mesurer-spacing-label-group`,xp=`data-mesurer-spacing-base-opacity`,Sp=`[data-mesurer-selected-measurement="true"], [data-mesurer-selection-spacing-target="true"]`,Cp=`[data-mesurer-distance-hover-target="true"]`,wp=8,Tp=new WeakMap,Ep=new WeakMap,Dp=new WeakMap,Op=new WeakMap,kp=e=>e.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.parentElement??null,Ap=e=>{queueMicrotask(()=>vp(e))},jp=e=>{let t=()=>{let t=kp(e);t&&vp(t)};queueMicrotask(t),e.ownerDocument.defaultView?.requestAnimationFrame(t)},Mp=e=>{let t=kp(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`)}},Np=e=>`${e.style.left}:${e.style.top}:${e.style.width}:${e.style.height}`,Pp=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},Fp=(e,t)=>{let n=t?new Set([...t.querySelectorAll(Cp)].map(Np)):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(Sp),...i?.querySelectorAll(Sp)??[]];for(let e of a){if(!n){let t=e.getAttribute(xp);if(t===null)continue;t?e.style.opacity=t:e.style.removeProperty(`opacity`),e.removeAttribute(xp);continue}e.hasAttribute(xp)||e.setAttribute(xp,e.style.opacity);let t=Pp(e);e.style.opacity=t&&n.has(Np(t))?`1`:`0.32`}},Ip=e=>{let t=Dp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Dp.delete(e))},Lp=e=>{let t=Op.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),Op.delete(e))},Rp=(e,t)=>{if(!e.hasAttribute(bp)){t?.setExpandedKey(null);return}e.removeAttribute(bp),t?.setExpandedKey(null),Ap(e)},zp=(e,t,n)=>{e.getAttribute(bp)!==t&&(e.setAttribute(bp,t),n?.setExpandedKey(t),Ap(e))},Bp=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):[]},Vp=(e,t)=>{let n=Bp(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`),Fp(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`}Fp(e,i)},Hp=e=>{let t=Tp.get(e);t!==void 0&&(e.ownerDocument.defaultView?.clearTimeout(t),Tp.delete(e))},Up=e=>{let t=Ep.get(e);t&&(e.ownerDocument.removeEventListener(`pointerdown`,t,!0),Ep.delete(e))},Wp=(e,t)=>{Hp(e),Ip(e),Up(e),e.removeAttribute(yp),t?.setPinnedKey(null),Rp(e,t),Vp(e,null)},Gp=(e,t)=>{if(Ep.has(e))return;let n=n=>{let r=n.target,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null;i&&kp(i)===e||Wp(e,t)};Ep.set(e,n),e.ownerDocument.addEventListener(`pointerdown`,n,!0)},Kp=(e,t)=>{if(e.hasAttribute(yp)||Tp.has(e))return;let n=e.ownerDocument.defaultView;n&&Tp.set(e,n.setTimeout(()=>{Tp.delete(e),!e.hasAttribute(yp)&&(Ip(e),Rp(e,t),Vp(e,null))},250))},qp=(e,t,n,r,i=wp)=>{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},Jp=(e,t,n)=>{if(e.hasAttribute(yp)){Ip(e);return}if(Dp.get(e)?.key===t)return;Ip(e);let r=r=>{if(!e.isConnected||e.hasAttribute(yp)){Ip(e);return}if(qp(e,t,r.clientX,r.clientY)){Hp(e);return}Kp(e,n)};Dp.set(e,{key:t,handler:r}),e.ownerDocument.addEventListener(`pointermove`,r,!0)},Yp=(e,t)=>{Lp(e);let n=n=>{(!e.isConnected||!qp(e,t,n.clientX,n.clientY,2))&&Lp(e)};Op.set(e,{key:t,handler:n}),e.ownerDocument.addEventListener(`pointermove`,n,!0)},Xp=(e,t)=>Op.get(e)?.key===t,Zp=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=Mp(t.currentTarget);if(!n)return;Hp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(yp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;!r&&i&&n.labelCount>1&&!Xp(n.scope,n.labelKey)?(zp(n.scope,n.labelKey,e.spacingInteraction),Jp(n.scope,n.labelKey,e.spacingInteraction)):!r&&n.scope.getAttribute(bp)===n.labelKey&&Jp(n.scope,n.labelKey,e.spacingInteraction),Vp(n.scope,n.distanceId);for(let t of Bp(n.scope))t.dataset.mesurerDistanceId===n.distanceId&&t.setAttribute(`data-mesurer-spacing-hover-axis`,e.axis)},c=t=>{let n=Mp(t.currentTarget);if(!n)return;for(let e of Bp(n.scope))e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(n.scope.hasAttribute(yp))return;let r=t.relatedTarget,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null,a=i?Mp(i):null;if(a?.scope===n.scope&&a.labelKey===n.labelKey){Hp(n.scope);return}Kp(n.scope,e.spacingInteraction)},l=e=>{Mp(e.currentTarget)&&e.stopPropagation()};var u=X(`div`,{onMouseEnter:s,onMouseLeave:c,onMouseDown:t=>{let n=Mp(t.currentTarget);if(!n||(t.stopPropagation(),n.labelCount<=1))return;Hp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(yp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;if(r===n.labelKey&&i){Wp(n.scope,e.spacingInteraction),Yp(n.scope,n.labelKey);return}Ip(n.scope),Lp(n.scope),n.scope.setAttribute(yp,n.labelKey),e.spacingInteraction?.setPinnedKey(n.labelKey),zp(n.scope,n.labelKey,e.spacingInteraction),Gp(n.scope,e.spacingInteraction),Vp(n.scope,n.distanceId)},onPointerMove:l,onPointerDown:l,onPointerUp:l,onClick:e=>{Mp(e.currentTarget)&&e.stopPropagation()}});return ic(()=>e=>{jp(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},Qp=(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}},$p=(e,t)=>Math.max(0,Math.min(t,e)),em=(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:($p(r,n)+$p(i,n))/2},tm=(e,t,n)=>n&&n>0?em(e,t,n):(e+t)/2,nm=(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))},rm=(e,t,n)=>e+n/2>0&&e-n/2<t,im=(e,t,n)=>Math.max(e,t)>0&&Math.min(e,t)<n;function am(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??Df,s=()=>globalThis.window,c=e=>{if(t())return e;let n=s()?.innerWidth;return n&&n>0?nm(e,n):e},l=e=>{if(t())return e;let n=s()?.innerHeight;return n&&n>0?nm(e,n):e},u=(e,n,r)=>t()?(e+n)/2:tm(e,n,r),d=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||im(n,r,o.innerWidth)&&rm(i,o.innerHeight,a)},f=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||rm(n,o.innerWidth,a)&&im(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`,...Qp(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(Zp,{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`,...Qp(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(Zp,{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%`,...Qp(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(Zp,{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`,...Qp(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(Zp,{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`,...Qp(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(Zp,{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 om=`--mesurer-nested-scroll-x`,sm=`--mesurer-nested-scroll-y`,cm=(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,om,d),h(e,sm,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(om),e.style.removeProperty(sm);a.clear()}}}},lm={top:!0,right:!0,bottom:!0,left:!0},um=e=>Math.round(e),dm=`2147482800`;function fm(e){let t,n,[r,i]=G(null),[a,o]=G(1),s=()=>e.edgeVisibility??lm,c=()=>!!e.measurement?.id.startsWith(`group-`),l=()=>!!(e.measurement&&`paddingRect`in e.measurement);mo(()=>a(),e=>{let n=t?.ownerDocument.defaultView;if(!n)return;if(e!==n.devicePixelRatio){o(n.devicePixelRatio||1);return}let r=n.matchMedia(`(resolution: ${e}dppx)`),i=()=>o(n.devicePixelRatio||1);r.addEventListener(`change`,i),Dn(()=>r.removeEventListener(`change`,i))});let u=()=>Tf(a()),d=e=>`cssRect`in e&&e.cssRect?e.cssRect:e.rect,f=()=>l()?`none`:`left 140ms ease, top 140ms ease, width 140ms ease, height 140ms ease`,p=()=>l()?`none`:`left 140ms ease, top 140ms ease`,m=()=>{let t=e.measurement;if(!t||!(`paddingRect`in t))return null;let n=t.elementRef;return n?.isConnected?n:null},h=()=>{let e=m(),t=r(),n=e?.ownerDocument.defaultView;return!e||!n||t!==e.ownerDocument.body?{x:0,y:0}:{x:n.scrollX,y:n.scrollY}},g=()=>{let r=m();if(!r||!t)return;let i=Wd(r.ownerDocument),o=Gd(qu(r),i),s=r.ownerDocument.defaultView,c=t.parentElement,l=!!(s&&c?.parentNode===r.ownerDocument.body),u=l?s.scrollX:0,d=l?s.scrollY:0,f=o.left+u,p=o.top+d;Object.assign(t.style,{...wf(o,a(),u,d),display:o.width>0&&o.height>0?``:`none`}),n&&Object.assign(n.style,{left:`${f+o.width/2}px`,top:`${p+o.height+2}px`,display:o.width>0&&o.height>0&&v({...e.measurement,rect:o})?``:`none`})};Nn(()=>{let e=m(),r=e?.ownerDocument.defaultView;if(!e||!r)return;o(t?.ownerDocument.defaultView?.devicePixelRatio||1);let a=t?.ownerDocument,s=e.ownerDocument===a&&e.getRootNode()===e.ownerDocument&&!!e.ownerDocument.body;i(s?e.ownerDocument.body:null);let c=t&&s?_f(t,e):null,l=s?cm(r,e,()=>[t,n]):null,u=0,d=()=>{t?.dataset.mesurerNativeScrollAnchor===`box`||u||(u=r.requestAnimationFrame(()=>{u=0,t?.dataset.mesurerNativeScrollAnchor!==`box`&&g()}))},f=new r.ResizeObserver(g),p=(()=>{let e=r;for(;e.frameElement;){let t=e.frameElement.ownerDocument.defaultView;if(!t||t===e)break;e=t}return e})();g(),l?.sync(),f.observe(e),r.addEventListener(`scroll`,d,{capture:!0,passive:!0});let h=Wd(e.ownerDocument)!==void 0;return p!==r&&h&&p.addEventListener(`mesurer:responsive-preview-geometry-change`,d),r.addEventListener(`resize`,g,!0),p!==r&&h&&p.addEventListener(`resize`,g,!0),()=>{f.disconnect(),c?.(),l?.release(),u&&r.cancelAnimationFrame(u),r.removeEventListener(`scroll`,d,!0),p!==r&&h&&p.removeEventListener(`mesurer:responsive-preview-geometry-change`,d),r.removeEventListener(`resize`,g,!0),p!==r&&h&&p.removeEventListener(`resize`,g,!0)}});let _=r=>[Y(K,{get when(){return!c()},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 s().top},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`top`,class:`msr:absolute msr:left-0 msr:top-0 msr:w-full`}),n=X(`line`,{x1:`0`,y1:`50%`,x2:`100%`,y2:`50%`});return Z(t,n),q(()=>({e:{height:`${u()}px`,overflow:`visible`,"shape-rendering":`crispEdges`},t:e.outlineColor,a:u()}),({e,t:r,a:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),r!==a?.t&&$(n,`stroke`,r,a?.t),i!==a?.a&&$(n,`stroke-width`,i,a?.a)}),t}}),null),Q(n,Y(K,{get when(){return s().right},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`right`,class:`msr:absolute msr:right-0 msr:top-0 msr:h-full`}),n=X(`line`,{x1:`50%`,y1:`0`,x2:`50%`,y2:`100%`});return Z(t,n),q(()=>({e:{width:`${u()}px`,overflow:`visible`,"shape-rendering":`crispEdges`},t:e.outlineColor,a:u()}),({e,t:r,a:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),r!==a?.t&&$(n,`stroke`,r,a?.t),i!==a?.a&&$(n,`stroke-width`,i,a?.a)}),t}}),null),Q(n,Y(K,{get when(){return s().bottom},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`bottom`,class:`msr:absolute msr:bottom-0 msr:left-0 msr:w-full`}),n=X(`line`,{x1:`0`,y1:`50%`,x2:`100%`,y2:`50%`});return Z(t,n),q(()=>({e:{height:`${u()}px`,overflow:`visible`,"shape-rendering":`crispEdges`},t:e.outlineColor,a:u()}),({e,t:r,a:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),r!==a?.t&&$(n,`stroke`,r,a?.t),i!==a?.a&&$(n,`stroke-width`,i,a?.a)}),t}}),null),Q(n,Y(K,{get when(){return s().left},get children(){var t=X(`svg`,{"data-mesurer-selection-edge":`left`,class:`msr:absolute msr:left-0 msr:top-0 msr:h-full`}),n=X(`line`,{x1:`50%`,y1:`0`,x2:`50%`,y2:`100%`});return Z(t,n),q(()=>({e:{width:`${u()}px`,overflow:`visible`,"shape-rendering":`crispEdges`},t:e.outlineColor,a:u()}),({e,t:r,a:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),r!==a?.t&&$(n,`stroke`,r,a?.t),i!==a?.a&&$(n,`stroke-width`,i,a?.a)}),t}}),null),q(()=>({e:l()?`true`:void 0,t:{...wf(r().rect,a(),h().x,h().y),"z-index":l()?dm:void 0,"background-color":e.fillColor,transition:f(),"transition-property":l()?`none`:`left, top, width, height`,"transition-duration":l()?`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)()&&v(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,()=>um(d(r()).width),t),Q(e,()=>um(d(r()).height),null),q(()=>({left:`${r().rect.left+h().x+r().rect.width/2}px`,top:`${r().rect.top+h().y+r().rect.height+2}px`,"z-index":l()?dm:void 0,"white-space":`nowrap`,transition:p(),"transition-property":l()?`none`:`left, top`,"transition-duration":l()?`0s`:`140ms`,animation:`none`,"animation-name":`none`}),(t,n)=>{$(e,`style`,t,n)}),e}})],v=t=>{let n=m()?Wd(m().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(()=>!!(l()&&!c()))()?r():null},get fallback(){var e=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`});return Q(e,()=>_(t)),q(()=>({e:`paddingRect`in t()?`true`:void 0,t:c()?`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,()=>_(t)),q(()=>e.theme??`system`,(e,t)=>{$(n,`data-theme`,e,t)}),n}})})})}var pm=e=>Math.round(e),mm=e=>Number.parseFloat(e)||0,hm=e=>e.split(` `).map(e=>`${e}px`).join(` `),gm=e=>{let t=pm(e.top),n=pm(e.right),r=pm(e.bottom),i=pm(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}`},_m=(e,t)=>{let n=pm(e),r=pm(t);return n===0&&r===0?null:n===r?String(n):`${n} ${r}`},vm=e=>{let t=[e.top,e.right,e.bottom,e.left].map(mm).map(pm);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`},ym=e=>{let t=[e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].map(mm);if(t.every(e=>e===0))return null;let n=gm({top:t[0],right:t[1],bottom:t[2],left:t[3]}),r=e.borderTopStyle;return n?`${hm(n)}${r&&r!==`none`&&t.every(e=>e===t[0])?` ${r}`:``}`:null},bm=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}},xm=(e,t)=>e.length<=t?e:`${e.slice(0,t-1)}…`,Sm=(e,t,n)=>{n&&e.push({label:t,value:n})},Cm=(e,t,n)=>{let r=[],i=gm(e.padding),a=_m(mm(t.rowGap),mm(t.columnGap));Sm(r,`padding`,i?hm(i):null),Sm(r,`gap`,a?hm(a):null);let o=gm(e.margin);Sm(r,`margin`,o?hm(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`?(Sm(r,`flex-direction`,t.flexDirection===`row`?null:t.flexDirection),Sm(r,`align-items`,[`normal`,`stretch`].includes(t.alignItems)?null:t.alignItems),Sm(r,`justify-content`,[`normal`,`flex-start`].includes(t.justifyContent)?null:t.justifyContent)):(s===`grid`||s===`inline-grid`)&&(Sm(r,`grid-template-columns`,t.gridTemplateColumns===`none`?null:xm(t.gridTemplateColumns,40)),Sm(r,`grid-template-rows`,t.gridTemplateRows===`none`?null:xm(t.gridTemplateRows,40))),t.position&&t.position!==`static`&&(r.push({label:`position`,value:t.position}),Sm(r,`inset`,vm(t))),t.zIndex.trim()&&![`auto`,`0`].includes(t.zIndex.trim())&&r.push({label:`z-index`,value:t.zIndex.trim()}),Sm(r,`border`,ym(t)),Sm(r,`radius`,[``,`0px`,`0px 0px 0px 0px`].includes(t.borderRadius.trim())?null:t.borderRadius.trim());let c=t.backgroundColor.trim(),l=bm(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=bm(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:xm(t.boxShadow.trim(),52)});let f=Number.parseFloat(t.opacity);return Number.isFinite(f)&&f<.999&&r.push({label:`opacity`,value:String(pm(f*100)/100)}),t.overflow&&t.overflow!==`visible`&&r.push({label:`overflow`,value:t.overflow}),r},wm=(e,t)=>t||e.length<=6?{visible:e,hiddenCount:0}:{visible:e.slice(0,6),hiddenCount:e.length-6},Tm=(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,Em=(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=>!Tm(l,e)))return{left:s,top:c,width:o}}return null},Dm=(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!Tm(n,e)&&r.every(e=>!Tm(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))}},Om=(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||!Tm(l,e),f=i.every(e=>!Tm(l,e));if(u&&d&&f)return t}return{left:l,top:Math.max(c+8,Math.min(u,c+n.height-o-8))}},km=new Map([[`100`,`thin`],[`200`,`extralight`],[`300`,`light`],[`400`,`normal`],[`500`,`medium`],[`600`,`semibold`],[`700`,`bold`],[`800`,`extrabold`],[`900`,`black`]]),Am=[`font-family`,`font-size`,`font-weight`,`line-height`,`letter-spacing`],jm=new Map([[`Family`,`font-family`],[`Size`,`font-size`],[`Weight`,`font-weight`],[`Line`,`line-height`],[`Tracking`,`letter-spacing`]]),Mm=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},Nm=e=>(e.split(`,`)[0]??``).trim().replace(/^['"]|['"]$/g,``),Pm=e=>{let t=km.get(e);return t?`${e} / ${t}`:e},Fm=e=>e?/var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1]??null:null,Im=e=>(e.match(/#[\w-]+/g)??[]).length*1e4+(e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g)??[]).length*100+(e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g)??[]).length,Lm=(e,t)=>!t||(e.important===t.important?e.specificity===t.specificity?e.order>t.order:e.specificity>t.specificity:e.important),Rm=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(Am.map(e=>[e,null])),n=this.getRules();for(let r of Am){let i=e;for(;i&&t.get(r)===null;){let e,a=Fm(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=Fm(t.style.getPropertyValue(r));if(!s)continue;let c={name:s,specificity:Im(t.selectorText),order:o,important:t.style.getPropertyPriority(r)===`important`};Lm(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:Nm(t.fontFamily),varName:null},{label:`Size`,value:Mm(t.fontSize),varName:null},{label:`Weight`,value:Pm(t.fontWeight),varName:null},{label:`Line`,value:t.lineHeight===`normal`?`normal`:Mm(t.lineHeight),varName:null},{label:`Tracking`,value:t.letterSpacing===`normal`?`normal`:Mm(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=jm.get(e.label);return{...e,varName:t?n.get(t)??null:null}})}}},zm=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})(),Bm=e=>Y(zm,{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`})}}),Vm=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},Hm=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})(),Um=e=>Y(zm,{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`})}}),Wm=e=>Y(zm,{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`})}}),Gm=e=>Y(zm,{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`})}}),Km=e=>Y(zm,{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`})}}),qm=e=>Y(zm,{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`})}}),Jm=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})(),Ym=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})(),Xm=e=>Y(zm,{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`})}}),Zm=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})(),Qm=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})(),$m=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})(),eh=(e,t,n)=>t*256/e/n,th=e=>{let t=e.size??20,n=eh(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},nh=e=>Y(th,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M128 48v160M48 128h160`})}}),rh=e=>Y(th,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M101.33 48v160M154.67 48v160`})}}),ih=e=>Y(th,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M48 101.33h160M48 154.67h160`})}}),ah=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})(),oh=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})(),sh=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})(),ch=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})(),lh=e=>Y(zm,{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`})}}),uh=e=>Y(zm,{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`})}}),dh=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})(),fh=e=>Y(zm,{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`})}}),ph=e=>Y(zm,{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 mh(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 hh=240,gh=e=>Math.round(e);function _h(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,b]=G(!1),x,S=null,C=!1,w=()=>e.element.ownerDocument,T=()=>w().defaultView;mo(()=>[e.ownerWindow,e.element,T()],([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 E=lo(()=>(p(),e.measurement,T()?.getComputedStyle(e.element)??null)),D=()=>{let t=T();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},O=lo(()=>{let t=E();return e.layoutDetailsEnabled&&t?Cm(e.measurement,t,D()):[]}),k=()=>e.embedded?{visible:O(),hiddenCount:0}:wm(O(),t()),A=()=>e.measurement.cssRect??e.measurement.rect,j=()=>hu(e.element),M=()=>`${gh(A().width)} x ${gh(A().height)}`,N=()=>[...(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}]:[]}),P=()=>{let t=Wd(w());return t===void 0?{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight}:t??{left:0,top:0,width:0,height:0}},F=()=>{let t=Wd(w()),n=Hd(w());if(t===void 0){let t=Om(e.rect,{width:d(),height:l()},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight},e.passThrough===!0,N());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`};let i=n?.bounds??t;if(e.responsivePosition&&i){let t=R(e.responsivePosition.left,e.responsivePosition.top);return{left:`${t.left}px`,top:`${t.top}px`,"max-width":`${Math.max(0,i.width-16)}px`,"max-height":`${Math.max(0,i.height-16)}px`,overflow:`auto`}}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=Em(r,{width:hh,height:l()},a,n.bounds,[...n.previews,...N()]);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=Dm(r,{width:d(),height:l()},n.bounds,N());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 a=P(),o=Om(r,{width:d(),height:l()},a,!0,N());return o?{left:`${o.left}px`,top:`${o.top}px`,"max-width":`${Math.max(0,a.width-16)}px`,"max-height":`${Math.max(0,a.height-16)}px`}:{display:`none`}},I=()=>({"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)`}),L=()=>e.embedded?{position:`static`,...I()}:Wd(w())===void 0?{position:`fixed`,...F(),...I()}:{position:`fixed`,...F(),overflow:`auto`,...I()},R=(e,t)=>{let n=Hd(w())?.bounds??Wd(w());if(!n)return{left:e,top:t};let r=Math.min(d(),Math.max(0,n.width-16)),i=Math.min(l(),Math.max(0,n.height-16));return{left:Math.max(n.left+8,Math.min(e,n.left+n.width-r-8)),top:Math.max(n.top+8,Math.min(t,n.top+n.height-i-8))}};mo(()=>[e.responsivePosition,p(),d(),l()],([t])=>{if(!t||!e.onResponsivePositionChange)return;let n=R(t.left,t.top);(n.left!==t.left||n.top!==t.top)&&e.onResponsivePositionChange(n)});let z=t=>{if(!e.onResponsivePositionChange||t.button!==0||t.isPrimary===!1)return;C=!1,t.preventDefault(),t.stopPropagation();let n=t.target instanceof Element?t.target:x;S={pointerId:t.pointerId,startX:t.clientX,startY:t.clientY,left:s()?.getBoundingClientRect().left??0,top:s()?.getBoundingClientRect().top??0,moved:!1};try{n?.setPointerCapture(t.pointerId)}catch{S=null}},B=t=>{let n=S;if(!n||n.pointerId!==t.pointerId)return;t.preventDefault(),t.stopPropagation();let r=t.clientX-n.startX,i=t.clientY-n.startY;!n.moved&&Math.hypot(r,i)<3||(n.moved=!0,b(!0),e.onResponsivePositionChange?.(R(n.left+r,n.top+i)))},V=e=>{!S||S.pointerId!==e.pointerId||(S.moved&&(e.stopPropagation(),e.type===`pointerup`&&e.preventDefault(),C=!0),S=null,b(!1))},ee=e=>{x=e,e.addEventListener(`pointerup`,V,!0),e.addEventListener(`pointercancel`,V,!0);let t=e=>{C&&(C=!1,e.preventDefault(),e.stopPropagation())};e.addEventListener(`click`,t,!0),Dn(()=>{e.removeEventListener(`pointerup`,V,!0),e.removeEventListener(`pointercancel`,V,!0),e.removeEventListener(`click`,t,!0)})};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 H,U;mo(()=>[e.element,e.measurement.id],([e,t])=>{(e!==H||t!==U)&&(H=e,U=t,n(!1))});let W;mo(()=>e.element,e=>{e!==W&&(W=e,i(!1),o(!1),g(``))}),mo(()=>[e.element,e.passThrough,e.embedded,T()],([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 te=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||(te=cm(o,t,()=>[e],{trackWindow:!0}),e.style.translate=`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,Dn(()=>{te?.release(),te=null,e.style.removeProperty(`translate`)}))}),mo(()=>e.measurement,()=>te?.rebase());let ne=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}},re=async()=>{let e=await ne(j());i(e)},ie=lo(()=>{let t=T();if(!t)return null;let n=t;return e.element instanceof n.HTMLElement?e.element:null}),ae=lo(()=>{let t=ie();if(!e.singleSelection||!t||!T())return[];p(),E();let n=new Rm(w(),T()).getFast(t);return[...n.textSnippet?[{label:`Text`,value:n.textSnippet}]:[],...n.rows.map(({label:e,value:t})=>({label:e,value:t}))]});var oe=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()}}),se=X(`style`),ce=X(`div`,{"data-mesurer-inspect-header":`true`,onPointerDown:z,onPointerMove:B}),le=X(`div`),ue=X(`div`,{"data-mesurer-inspect-details":`true`,class:`msr:flex msr:flex-col msr:gap-0.5`});return Z(oe,se),Z(oe,ce),Z(oe,le),ic(()=>c,oe),Z(se,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; }`)),ic(()=>ee,ce),Q(ce,(()=>{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,j),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&&re()},onClick:e=>{e.stopPropagation(),e.detail===0&&re()}});return Q(e,j),q(()=>({e:`Copy selector ${j()}`,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(ce,Y(K,{get when(){return r()},get children(){var e=X(`span`,{"aria-label":`Selector copied`});return Q(e,Y(qm,{size:10})),e}}),null),Q(ce,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{class:`msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums`});return Q(e,M),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&&ne(M())},onClick:e=>{e.stopPropagation(),e.detail===0&&ne(M())}});return Q(e,M),q(()=>a()?`Copy failed`:`Click to copy`,(t,n)=>{$(e,`title`,t,n)}),e})()})(),null),Z(le,ue),Q(ue,Y(_o,{get each(){return ae()},children:t=>Y(mh,{row:t,copy:ne,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})}),null),Q(ue,Y(K,{get when(){return e.layoutDetailsEnabled},get children(){return Y(_o,{get each(){return k().visible},children:t=>Y(mh,{row:t,copy:ne,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})})}}),null),Q(oe,Y(K,{get when(){return J(()=>!e.passThrough)()&&(k().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 ${k().hiddenCount} more`})()),q(()=>({e:t()?`true`:`false`,t:t()?`Show less CSS details`:`Show ${k().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(oe,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(w())!==void 0&&!e.passThrough?`true`:void 0,a:y()?`true`:void 0,o:e.theme,i:`${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]`,n:{...L(),transition:y()?`none`:void 0},s:`msr:flex msr:items-center msr:justify-between msr:gap-2 msr:px-2 ${e.onResponsivePositionChange?y()?`msr:cursor-grabbing`:`msr:cursor-grab`:``}`,h:{"touch-action":e.onResponsivePositionChange?`none`:void 0},r:`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,s:o,h:s,r:c},l)=>{e!==l?.e&&$(oe,`data-mesurer-pass-through`,e,l?.e),t!==l?.t&&$(oe,`data-mesurer-shift-pass-through`,t,l?.t),n!==l?.a&&$(oe,`data-mesurer-responsive-dragging`,n,l?.a),r!==l?.o&&$(oe,`data-theme`,r,l?.o),i!==l?.i&&$(oe,`class`,i,l?.i),a!==l?.n&&$(oe,`style`,a,l?.n),o!==l?.s&&$(ce,`class`,o,l?.s),s!==l?.h&&$(ce,`style`,s,l?.h),c!==l?.r&&$(le,`class`,c,l?.r)}),oe}var vh=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 yh(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,S]=G(!1),[C,w]=G(null);mo(()=>e.responsiveOpen,e=>{e||w(null)});let T={expandedKey:d,setExpandedKey:f,pinnedKey:p,setPinnedKey:m},E=()=>e.model.state.toolMode===`select`,D=()=>e.model.state.toolMode===`guides`,O=()=>e.model.state.enabled,k=()=>t?.closest(`[data-mesurer-root='true']`)?.hasAttribute(`data-mesurer-recording-active`)??!1,A=()=>!k()&&e.interactive&&O()&&e.model.state.toolMode!==`none`&&e.model.state.toolMode!==`text-inspector`,j=()=>!k()&&e.interactive&&(e.model.state.toolMode!==`none`||e.model.state.rulersVisible),M=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 80%, transparent)`,N=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 8%, transparent)`,P=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 96%, transparent)`,F=()=>`color-mix(in oklch, ${e.model.state.settings.highlightColor} 15.36%, transparent)`;mo(()=>_(),e=>{let n=t?.ownerDocument.defaultView;if(!n)return;if(e!==n.devicePixelRatio){v(n.devicePixelRatio||1);return}let r=n.matchMedia(`(resolution: ${e}dppx)`),i=()=>v(n.devicePixelRatio||1);r.addEventListener(`change`,i),Dn(()=>r.removeEventListener(`change`,i))}),Nn(()=>{let e=t?.ownerDocument.defaultView;e&&v(e.devicePixelRatio||1)});let I=lo(()=>e.model.state.selectedMeasurements),[L,R]=G(0);Nn(()=>{let e=t?.ownerDocument.defaultView;if(!e)return;let n=0,r=()=>{n||=e.requestAnimationFrame(()=>{n=0,R(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 z=e=>{let t=e.sourceDocument??e.elementRef?.ownerDocument,n=t?Wd(t):void 0;if(n===void 0)return e;L();let r=e.elementRef,i=Gd(r?.isConnected?qu(r):e.rect,n);return i.width>0&&i.height>0?{...e,rect:i}:null},B=lo(()=>ie().map(z).filter(e=>!!e)),V=()=>{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`||y()||r&&r.getBoundingClientRect().height>0||x())},ee=()=>{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},H=e=>e,U=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||k()||V())return null;let t=e.model.state.selectedMeasurement,n=t?.elementRef;if(!t||!n?.isConnected||t.id.startsWith(`group-`)||Wd(n.ownerDocument)!==void 0&&x())return null;let r=z(t);return r?{element:n,measurement:r}:null}),W=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}),te=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||I().length||V())return null;let t=W(),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(()=>I(),()=>{let e=t?.ownerDocument.defaultView;e&&(i=e.scrollX,a=e.scrollY,r?.style.removeProperty(`transform`))});let ne=lo(()=>{let e=I()[0]?.documentScroll;if(e)return e;let n=t?.ownerDocument.defaultView;return{x:n?.scrollX??0,y:n?.scrollY??0}}),re=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(I().map(e=>e.elementRef).filter(e=>!!e));return t.filter(e=>!e.elementRef||!n.has(e.elementRef))}),ie=lo(()=>e.displayedSelectedMeasurements),ae=()=>I().some(e=>{let t=e.elementRef?.ownerDocument;return t?Wd(t)!==void 0:!1}),oe=lo(()=>{let t=e.model.state.hoverElement;return!!(t&&I().some(e=>e.elementRef===t))}),se=lo(()=>e.model.state.heldDistances),ce=lo(()=>cf(re().map(e=>e.rect))),le=lo(()=>cf(ie().map(e=>e.rect))),ue=lo(()=>{let n=I();if(!E()||!e.selectionSpacingStyle.enabled||n.length<2)return[];let r=t?.ownerDocument.defaultView;return r?Ed(n,r):[]}),de=lo(()=>ue().map(e=>e.id)),fe=e=>ue().find(t=>t.id===e),pe=lo(()=>I().map(e=>e.id).join(`|`));mo(()=>pe(),()=>{f(null),m(null)});let me=()=>{let t=e.model.state.hoverRect;return t?cf([t,...ie().map(e=>e.rect)])[0]??null:null},he=()=>lf(t,e.model.state.hoverElement),ge=()=>{let t=e.model.state.hoverElement,n=he(),r=t?.ownerDocument.defaultView;return!t||!r||n!==t.ownerDocument.body?{x:0,y:0}:{x:r.scrollX,y:r.scrollY}},_e=()=>{L();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=!!he(),s=o||i?`2147482700`:void 0,c=ge(),l=wf(a,_(),c.x,c.y),u=Tf(_());var d=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},d),Q(d,Y(K,{get when(){return me()?.top},get children(){var e=X(`svg`,{"data-mesurer-hover-edge":`top`,class:`msr:absolute msr:left-0 msr:top-0 msr:w-full`,style:{position:`absolute`,left:`0`,top:`0`,height:`${u}px`,overflow:`visible`,"shape-rendering":`crispEdges`}}),t=X(`line`,{x1:`0`,y1:`50%`,x2:`100%`,y2:`50%`,"stroke-width":u});return Z(e,t),q(()=>M(),(e,n)=>{$(t,`stroke`,e,n)}),e}}),null),Q(d,Y(K,{get when(){return me()?.right},get children(){var e=X(`svg`,{"data-mesurer-hover-edge":`right`,class:`msr:absolute msr:right-0 msr:top-0 msr:h-full`,style:{position:`absolute`,right:`0`,top:`0`,width:`${u}px`,overflow:`visible`,"shape-rendering":`crispEdges`}}),t=X(`line`,{x1:`50%`,y1:`0`,x2:`50%`,y2:`100%`,"stroke-width":u});return Z(e,t),q(()=>M(),(e,n)=>{$(t,`stroke`,e,n)}),e}}),null),Q(d,Y(K,{get when(){return me()?.bottom},get children(){var e=X(`svg`,{"data-mesurer-hover-edge":`bottom`,class:`msr:absolute msr:bottom-0 msr:left-0 msr:w-full`,style:{position:`absolute`,bottom:`0`,left:`0`,height:`${u}px`,overflow:`visible`,"shape-rendering":`crispEdges`}}),t=X(`line`,{x1:`0`,y1:`50%`,x2:`100%`,y2:`50%`,"stroke-width":u});return Z(e,t),q(()=>M(),(e,n)=>{$(t,`stroke`,e,n)}),e}}),null),Q(d,Y(K,{get when(){return me()?.left},get children(){var e=X(`svg`,{"data-mesurer-hover-edge":`left`,class:`msr:absolute msr:left-0 msr:top-0 msr:h-full`,style:{position:`absolute`,left:`0`,top:`0`,width:`${u}px`,overflow:`visible`,"shape-rendering":`crispEdges`}}),t=X(`line`,{x1:`50%`,y1:`0`,x2:`50%`,y2:`100%`,"stroke-width":u});return Z(e,t),q(()=>M(),(e,n)=>{$(t,`stroke`,e,n)}),e}}),null),q(()=>({position:`absolute`,"pointer-events":`none`,"z-index":s,...l,"background-color":N(),transition:`none`,animation:`none`}),(e,t)=>{$(d,`style`,e,t)}),d},ve=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)`},ye=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}),be=()=>{s&&t?.ownerDocument.defaultView?.clearTimeout(s),s=0,c=null},xe=(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]),be();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)},Se=(t,n)=>{n.stopPropagation(),be(),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!==y()&&b(n),!!r!==x()&&S(!!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)`},v=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)}},C=()=>{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,l=wf(i,_(),o,s);Object.assign(r.style,{...l})},w=()=>{u||=c.requestAnimationFrame(()=>{u=0,n?.dataset.mesurerNativeScrollAnchor!==`box`&&C()})},T=()=>{let e=n;if(e?.isConnected&&e.dataset.mesurerNativeScrollAnchor!==`box`){if(!ff(d)){w();return}e.style.visibility=`hidden`,l&&c.clearTimeout(l),l=c.setTimeout(()=>{l=0,e.dataset.mesurerNativeScrollAnchor!==`box`&&C(),e.isConnected&&e.style.removeProperty(`visibility`)},80)}},E=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})}},D=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}))},O=e=>{let t=o;!t||t.pointerId!==e.pointerId||(t.previousUserSelect!==null&&(d.documentElement.style.userSelect=t.previousUserSelect),o=null)};return C(),s.addEventListener(`pointermove`,m),c.addEventListener(`pointermove`,v,!0),c.addEventListener(`scroll`,T,{capture:!0,passive:!0}),c.addEventListener(`scroll`,h,{capture:!0,passive:!0}),c.addEventListener(`resize`,C,!0),c.addEventListener(`pointerdown`,E,!0),c.addEventListener(`pointermove`,D,!0),c.addEventListener(`pointerup`,O,!0),c.addEventListener(`pointercancel`,O,!0),()=>{s.removeEventListener(`pointermove`,m),c.removeEventListener(`pointermove`,v,!0),c.removeEventListener(`scroll`,T,!0),c.removeEventListener(`scroll`,h,!0),c.removeEventListener(`resize`,C,!0),c.removeEventListener(`pointerdown`,E,!0),c.removeEventListener(`pointermove`,D,!0),c.removeEventListener(`pointerup`,O,!0),c.removeEventListener(`pointercancel`,O,!0),p.disconnect(),l&&c.clearTimeout(l),u&&c.cancelAnimationFrame(u),l=0,u=0,n?.style.removeProperty(`visibility`),be(),o?.previousUserSelect!==null&&o&&(d.documentElement.style.userSelect=o.previousUserSelect),o=null}});let Ce=()=>[Y(_o,{get each(){return B()},keyed:e=>e.id,children:(t,n)=>Y(fm,{get measurement(){return t()},get showLabel(){return e.model.state.selectedMeasurements.length!==1||U()?.element!==t().elementRef},get clipRect(){return Wd(t().sourceDocument??t().elementRef?.ownerDocument)},get edgeVisibility(){return le()[n()]},get outlineColor(){return P()},get fillColor(){return F()},get theme(){return e.model.state.settings.theme}})}),Y(K,{get when(){return J(()=>!!e.editSelectionHover())()?ie()[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:`${ie()[0].rect.left}px`,top:`${ie()[0].rect.top}px`,width:`${ie()[0].rect.width}px`,height:`${ie()[0].rect.height}px`,"box-sizing":`border-box`,border:`1px solid #0d99ff`}),(t,n)=>{$(e,`style`,t,n)}),e}}),Y(K,{get when(){return I().length>1},get children(){return[Y(_o,{get each(){return I()},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 de()},children:t=>Y(am,{get distance(){return fe(t)},kind:`selection-spacing`,showRects:!1,get spacingScopeId(){return pe()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:T,renderPart:`paint`})})]}})];var we=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},we),Q(we,Y(K,{get when(){return E()},get children(){return[Y(_o,{get each(){return re()},children:(t,n)=>Y(fm,{measurement:t,get edgeVisibility(){return ce()[n()]},get outlineColor(){return M()},get fillColor(){return N()},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":N()},t:{"background-color":M()},a:{"background-color":M()},o:{"background-color":M()},i:{"background-color":M()}}),({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(vh,{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()||I().length<=1||ae())))()?!oe():e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||I().length<=1||ae())},get children(){return Y(K,{get when(){return he()},get fallback(){return _e()},children:e=>Y(Zo,{get mount(){return e()},get children(){return _e()}})})}})]}}),null),Q(we,Y(K,{get when(){return U()},children:n=>{let r=ee();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return H(r??t)},get children(){return Y(_h,{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 responsivePosition(){return J(()=>!!(e.responsiveOpen&&Wd(n().element.ownerDocument)!==void 0))()?C():null},get onResponsivePositionChange(){return e.responsiveOpen&&Wd(n().element.ownerDocument)!==void 0?w:void 0},get layoutDetailsEnabled(){return e.model.state.settings.layoutDetailsEnabled},get singleSelection(){return e.model.state.selectedMeasurements.length<=1}})}})}}),null),Q(we,Y(K,{get when(){return J(()=>!U())()&&te()},children:n=>{let r=ee();return Sf(Cf,t.ownerDocument.body),Y(Zo,{get mount(){return H(r??t)},get children(){return Y(_h,{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(we,Y(K,{get when(){return J(()=>!!(e.interactive&&D()&&e.model.state.guidePreview))()?!e.model.state.draggingGuideId:e.interactive&&D()&&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":ve(`preview`)}:{top:`6px`,left:`0`,height:`2px`,width:`100%`,"background-color":ve(`preview`)}}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`style`,r,i?.t)}),t}}),null),Q(we,Y(K,{get when(){return E()},get children(){return Y(K,{get when(){return J(()=>I().length>1&&!ae())()?h():null},get fallback(){return Y(Ce,{})},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(Ce,{})),q(()=>({e:pe(),t:e.model.state.settings.theme,a:{position:`absolute`,left:`${ne().x}px`,top:`${ne().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(we,Y(K,{get when(){return J(()=>!!E())()?I().length>1:E()},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 de()},children:t=>Y(am,{get distance(){return fe(t)},showRects:!1,kind:`selection-spacing`,get spacingScopeId(){return pe()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:T,get renderPart(){return h()?`interaction`:`all`}})})),t}}),null),Q(we,Y(_o,{get each(){return se()},children:t=>Y(am,{distance:t,get onRemove(){return e.model.removeHeldDistance},kind:`held`})}),null),Q(we,Y(K,{get when(){return J(()=>!!(E()&&e.model.state.altPressed))()?e.optionPairOverlay:E()&&e.model.state.altPressed},get children(){return Y(am,{get distance(){return e.optionPairOverlay},kind:`preview`})}}),null),Q(we,Y(K,{get when(){return J(()=>!!(e.interactive&&D()&&e.model.state.altPressed))()?e.guideDistanceOverlay:e.interactive&&D()&&e.model.state.altPressed},get children(){return Y(am,{get distance(){return e.guideDistanceOverlay},kind:`preview`})}}),null),Q(we,Y(K,{get when(){return J(()=>!!(E()&&e.model.state.altPressed))()?e.optionContainerLines:E()&&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(vh,{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(vh,{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(vh,{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(vh,{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(we,Y(_o,{get each(){return ye()},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()?ve(`active`):i()?ve(`hover`):ve(`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`&&xe(t,r)},onPointerUp:r=>{!n()&&e.model.current.toolMode!==`none`&&Se(t,r)},onPointerCancel:r=>{!n()&&e.model.current.toolMode!==`none`&&Se(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()&&j()?`auto`:`none`}:{top:`${t.position-7}px`,left:`0`,height:`14px`,width:`100%`,"pointer-events":!n()&&j()?`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 ${O()?`msr:pointer-events-auto ${D()?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":A()?`auto`:`none`}}),({e,t},n)=>{e!==n?.e&&$(we,`class`,e,n?.e),t!==n?.t&&$(we,`style`,t,n?.t)}),we}var bh=18,xh=5,Sh=32,Ch=Array.from({length:801},(e,t)=>t*xh);function wh(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<=Sh||t.clientX>=e.ownerWindow.innerWidth-Sh,r=t.clientY<=Sh||t.clientY>=e.ownerWindow.innerHeight-Sh;o(n||r)}d(t)},n=t=>{if(!e.settings.edgeReveal)return;let n=t.clientX<=Sh||t.clientX>=e.ownerWindow.innerWidth-Sh,r=t.clientY<=Sh||t.clientY>=e.ownerWindow.innerHeight-Sh;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:Ch,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-bh)),q(()=>({e:e.position-bh-8,t:e.position-bh+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()-bh)),q(()=>({e:t()-bh-8,t:t()-bh+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:Ch,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-bh)),q(()=>({e:e.position-bh-38,t:e.position-bh-16,a:`rotate(-90 9 ${e.position-bh-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()-bh)),q(()=>({e:t()-bh-38,t:t()-bh-16,a:`rotate(-90 9 ${t()-bh-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 Th=e=>Object.prototype.hasOwnProperty.call(e,`__codexWebMcpModelContext`),Eh=new WeakSet,Dh=e=>typeof e==`function`&&typeof e.prototype?.open==`function`,Oh=e=>{Eh.add(e)},kh=e=>{if(Th(e)||Eh.has(e))return!1;let t=e.EyeDropper;return Dh(t)},Ah=e=>Uc(e)||kh(e),jh={x:16,y:16},Mh={x:84,y:48},Nh=e=>e.process?.type===`renderer`||!!e.process?.versions?.electron||/\bElectron\/\d/i.test(e.navigator.userAgent),Ph=e=>{let t=e.navigator.platform||e.navigator.userAgent;return/^Mac/i.test(t)||/\bMacintosh\b/i.test(e.navigator.userAgent)},Fh=e=>Nh(e)&&Ph(e),Ih={x:0,y:0,width:84,height:48},Lh=e=>{if(!Fh(e))return null;let t=e.__MESURER_HOST__?.windowControls;if(t)return t.visible?t.bounds??Ih: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:Ih},Rh=e=>Lh(e)?Mh:jh,zh=(e,t,n,r=0,i=0)=>{let a=Lh(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},Bh=(e,t)=>zh(e,t??Rh(e),8,352,40),Vh=(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 zh(e,{x:Math.min(o,Math.max(i,t.x)),y:Math.min(s,Math.max(a,t.y))},i,n.width,n.height)},Hh=[`top`,`bottom`,`left`,`right`],Uh=8,Wh=e=>e===`left`||e===`right`,Gh=({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))}},Kh=(e,t,n)=>Gh({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}),qh=(e,t,n)=>e+(t-e)*n,Jh=e=>Math.min(1,Math.max(0,e)),Yh=e=>e*e*(3-2*e),Xh=[`center`,`start`,`end`],Zh=(e,t,n,r)=>{let[i,a,o]=Wh(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`},Qh=(e,t,n,r)=>{if(t===`center`)return Kh(e,n,r);let i=t===`start`?-1/0:1/0;return Gh({side:e,point:{x:i,y:i},size:n,viewport:r})},$h=(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)}},eg=(e,t)=>{let n=null;for(let r of Hh){let i=e(r);i<=t&&(!n||i<n.gap)&&(n={side:r,gap:i})}return n},tg=(e,t,n)=>({x:Math.max(Uh,Math.min(e.x,n.width-t.width-Uh)),y:Math.max(Uh,Math.min(e.y,n.height-t.height-Uh))}),ng=({point:e,size:t,viewport:n,glued:r,align:i})=>{let a=r??eg(r=>$h(r,e,t,n),1/0).side,o=r&&i||Zh(a,e,t,n);return{side:a,align:o,position:Qh(a,o,t,n)}},rg=(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(qh(a,e,Yh(Jh((o-c)/(s-c)))))},ig=(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},ag=(e,t,n,r)=>{let i=null;for(let a of Hh)for(let o of Xh){if(o!==`center`&&Wh(a)!==t)continue;let s=Qh(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}},og=(e,t,n=null)=>{let r=n=>$h(n,e,{width:0,height:0},t);return n&&r(n)<=80?n:ig(e,t)?null:eg(r,72)?.side??null},sg=({pointer:e,grab:t,glued:n,upright:r,pushed:i=!1,latched:a=!1,sizeFor:o,viewport:s})=>{let c=og(e,s,n),l=c===null&&!ig(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(Uh-a,a+c-(l-Uh))}},p=d?Wh(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:tg(g,h,s)};let _=Gh({side:d,point:g,size:h,viewport:s}),v=p?rg(g.y,h.height,s.height):rg(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 cg(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=Lh(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 lg=`mesurer-toolbar-turn`,ug=.55,dg=`button`,fg=e=>({x:e.left+e.width/2,y:e.top+e.height/2});function pg(){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=fg(n),l=fg(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:lg,duration:200*ug*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(dg))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 mg=[`transform`,`translate`,`rotate`,`scale`,`opacity`,`filter`,`clip-path`,`width`,`height`,`top`,`left`,`content`],hg=new WeakSet,gg=e=>e.split(/,(?![^()]*\))/).map(e=>e.trim()),_g=(e,t)=>e[t%e.length]??``,vg=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},yg=e=>[...new Set(e.filter(Boolean))],bg=e=>!!(e&&`getKeyframes`in e&&`target`in e),xg=e=>{let t=e?.effect??null;if(!bg(t))return[];try{return t.getKeyframes()}catch{return[]}},Sg=new Set([`offset`,`easing`,`composite`,`computedOffset`]),Cg=e=>`animationName`in e?String(e.animationName??``):``,wg=e=>`transitionProperty`in e?String(e.transitionProperty??``):``,Tg=e=>`animationName`in e?`animation`:`transitionProperty`in e?`transition`:`web-animation`,Eg=(e,t=Ag(e))=>t.some(e=>{if(hg.has(e)||Cg(e)||wg(e)||e.playState!==`running`)return!1;try{let t=e.effect?.getTiming(),n=t?.iterations;return!!(t&&n!==1/0)}catch{return!1}}),Dg=e=>e.startsWith(`--`)?e:e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),Og=e=>yg(xg(e).flatMap(e=>Object.keys(e)).filter(e=>!Sg.has(e))),kg=(e,t)=>xg(e).map(e=>{let n=Object.entries(e).filter(([e])=>!Sg.has(e)).map(([e,t])=>`${Dg(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(`
|
|
2400
|
+
`)}}),Ag=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]},jg=e=>{let t=e.getRootNode();return`host`in t&&t.host instanceof Element?t.host:null},Mg=(e,t)=>{let n=0,r=t;for(;r&&r!==e&&n<=2;)r=r.parentElement??jg(r),n+=1;return r===e&&n<=2?n:null},Ng=(e,t=Ag(e))=>t.filter(t=>{let n=t.effect;return bg(n)?n.pseudoElement?!1:!n.target||Mg(e,n.target)!==null:!0}),Pg=e=>Ag(e).filter(t=>{let n=t.effect;return bg(n)&&n.target===e}),Fg=(e,t,n)=>e.filter(e=>Cg(e)===t)[n]??null,Ig=(e,t)=>t.filter(t=>{let n=t.effect;return!bg(n)||(!n.target||n.target===e)&&!n.pseudoElement}),Lg=(e,t)=>{let n=(e.ownerDocument.defaultView??t).getComputedStyle(e),r=Ag(e),i=Ig(e,r),a=gg(n.animationName),o=gg(n.animationDuration),s=gg(n.animationDelay),c=gg(n.animationTimingFunction),l=gg(n.animationIterationCount),u=gg(n.animationDirection),d=gg(n.animationFillMode),f=a.map((e,t)=>{let n=a.slice(0,t).filter(t=>t===e).length,r=Fg(i,e,n);return{kind:`animation`,name:e,duration:vg(_g(o,t)),delay:vg(_g(s,t)),easing:_g(c,t),properties:Og(r),iterationCount:_g(l,t),direction:_g(u,t),fillMode:_g(d,t),animation:r}}).filter(e=>e.name!==`none`),p=gg(n.transitionProperty),m=gg(n.transitionDuration),h=gg(n.transitionDelay),g=gg(n.transitionTimingFunction),_=i.filter(e=>!!wg(e)),v=p.map((e,t)=>{let n=_.find(t=>wg(t)===e)??(e===`all`?_[0]:null)??null;return{kind:`transition`,name:e,duration:vg(_g(m,t)),delay:vg(_g(h,t)),easing:_g(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=Ng(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=Og(e),i=Number(n.duration);return[{kind:Tg(e),name:Cg(e)||wg(e)||e.id||`js-${Dg(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]},Rg=e=>{let t=Number.parseFloat(e.iterationCount);return Number.isFinite(t)?e.duration*Math.max(0,t):e.duration},zg=(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},Bg=(e,t)=>{let n=e.filter(e=>e.playState===`running`),r=(n.length?n:e).reduce((e,n)=>e?zg(n,t)>zg(e,t)?n:e:n,null);return{playing:n.length>0,progress:r?Vg(r,t):0}},Vg=(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)},Hg=(e,t,n=1)=>{for(let r of Ag(e)){if(hg.add(r),r.playbackRate=n,t===`replay`){r.cancel(),r.play();continue}t===`play`?r.play():r.pause()}},Ug=(e,t,n)=>{let r=Math.max(0,Math.min(1,t))*n;for(let t of e){hg.add(t);let e=t.effect?.getTiming();t.currentTime=(e?.iterations===1/0?r:Math.min(r,zg(t,n)))+(e?.delay??0),t.pause()}},Wg=e=>[...e.matchAll(/var\(\s*(--[\w-]+)/g)].map(([,e])=>e),Gg=e=>`media`in e?e.media?.mediaText??``:``,Kg=e=>`styleSheet`in e?e.styleSheet:null,qg=e=>`cssRules`in e?e.cssRules:null,Jg=e=>`style`in e?e.style:null,Yg=e=>`name`in e?e.name:``,Xg=e=>{if(`selectorText`in e)return e.selectorText};function Zg(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=Kg(e),a=qg(e),s=Gg(e);return[r?e.cssText:``,o(s),i?n(i):a?t(a,!1):``].join(`:`)}).join(`
|
|
2395
2401
|
`);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(`
|
|
2396
|
-
`)},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(`
|
|
2397
|
-
`);let e=m.sheet?.cssRules;c.forEach(({pair:t},n)=>{let r=e?.[n];r&&(t.style=r.style,i.push(t))})};return h(),{root:p,pairs:i,refresh:()=>{i.length=0,c.length=0,u(e),h();let t=new Set(i.map(e=>e.source));for(let[e,n]of a)t.has(e)||(n(),a.delete(e),o.delete(e))},dispose:()=>a.forEach(e=>e())}}var
|
|
2398
|
-
`);return n?[[e,n]]:[]},o=e.ownerWindow.getComputedStyle(e.element),s=[`animation-composition`,`animation-timeline`,`animation-range-start`,`animation-range-end`,`transition-behavior`,...i.includes(`transform`)?[`transform-origin`]:[],...o.perspective===`none`?[]:[`perspective`,`perspective-origin`]].flatMap(e=>{let t=o.getPropertyValue(e).trim();return t&&!/^(auto|normal|replace)(,\s*\1)*$/.test(t)?[[e,t]]:[]});return[...a(`animation`,t),...a(`transition`,n),...a(`web animation`,r),...i?[[`animated properties`,i]]:[],...e.observedProperties.length?[[`observed motion`,e.observedProperties.join(`, `)],[`playback`,`Observed motion is read-only`]]:[],...s]}),i=lo(()=>e.motions.filter(e=>e.kind!==`transition`).map(e=>({name:e.name,frames:
|
|
2402
|
+
`)},l=()=>{t=new WeakMap,n=new WeakSet,r=new WeakMap},u=(e,t,n)=>{for(let r of e){let e=Gg(r);if(!o(e))continue;let i=Kg(r);i&&!i.disabled&&o(i.media?.mediaText)&&u(i.cssRules,t);let a=Jg(r);if(a){let e=new Map;for(let t of mg){let n=Wg(a.getPropertyValue(t));n.length&&e.set(t,n)}e.size&&t.push({selector:Xg(r),animation:n,properties:e})}let s=qg(r);s&&u(s,t,Yg(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 Qg=new WeakMap,$g=e=>!!(e&&`getKeyframes`in e&&`target`in e),e_=e=>`animationName`in e?String(e.animationName??``):``,t_=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null},n_=e=>`style`in e?e.style:null,r_=e=>e.MutationObserver,i_=e=>{let t=Qg.get(e)?.filter(t=>t.element.isConnected&&Mg(e,t.element)!==null);return t?.length?t:Eg(e,Ng(e))?[{element:e,properties:[`animation`]}]:[]};function a_(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 o_(e,t,n){let r=0,i=-1/0,a=0,o=!1,s=!0,c=new WeakMap,l=Zg(e.ownerDocument),u=e.ownerDocument.createElement(`span`).style,d=i_(e);d.length&&Qg.set(e,d);let f=new Map(d.map(e=>[e.element,new Set(e.properties)])),p=[],m=new WeakSet,h=r_(t),g=()=>{if(o)return;let t=[...f].map(([e,t])=>({element:e,properties:[...t]}));Qg.set(e,t),n(t)},_=s=>{if(r=0,!o){if(!e.isConnected){Qg.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=Ag(e);for(let e of a)try{let t=e.effect;if(!$g(t)||!t.target)continue;let i=e_(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(Dg(t));n.set(t.target,a)}catch{}let o=!1;Eg(e,Ng(e,a))&&!f.has(e)&&(f.set(e,new Set([`animation`])),o=!0);let u=a_(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=mg.map(e=>i.getPropertyValue(e)),s=n_(e),u=l.forElement(e,[i.animationName??``,...r.get(e)??[]].join(`,`)),d=new Set(n.get(e)??[]),p=new Set,m=mg.map(e=>s?.getPropertyValue(e)??``),h=mg.map(t=>{let r=s?.getPropertyValue(t)??``,a=[...Wg(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??t_(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&&mg.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=n_(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??t_(e);for(;b;)y(b,!1),b=b.parentElement??t_(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,Qg.delete(e);for(let e of p)e.disconnect();t.clearInterval(x),t.cancelAnimationFrame(r)}}var s_=`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 c_(){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 l_(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 u_(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(l_,{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 d_(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 f_(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(`
|
|
2403
|
+
`);let e=m.sheet?.cssRules;c.forEach(({pair:t},n)=>{let r=e?.[n];r&&(t.style=r.style,i.push(t))})};return h(),{root:p,pairs:i,refresh:()=>{i.length=0,c.length=0,u(e),h();let t=new Set(i.map(e=>e.source));for(let[e,n]of a)t.has(e)||(n(),a.delete(e),o.delete(e))},dispose:()=>a.forEach(e=>e())}}var p_=e=>!!(e&&`getKeyframes`in e&&`target`in e),m_=e=>`style`in e?e.style:null,h_=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null};function g_(e){let t,n=null,r=null;mo(()=>[e.element,e.ownerWindow,e.observedTargets,e.wakeRef],([i,a,o,s])=>{let c=t;if(!c)return;let l=c.shadowRoot??c.attachShadow({mode:`open`});l.replaceChildren();let u=f_(i,a,l);if(!u)return;let{root:d}=u,f=Zg(i.ownerDocument),p=c.ownerDocument.createElement(`span`).style,m=e=>{if(e.localName===`slot`){let t=e.assignedNodes({flatten:!0});if(t.length)return t}return[...e.shadowRoot?.childNodes??e.childNodes]},h=()=>u.pairs.map(e=>{f.forElement(e.source,``);let t=o.filter(t=>t.element===e.source),n=o.some(t=>t.properties.includes(`style`)&&(t.element===i||t.element===e.source||t.element.contains(e.source))),r=t.flatMap(e=>e.properties).filter(e=>mg.includes(e));return{...e,properties:new Set(n?mg:r),written:new Map,sourceText:e.pseudo?[]:m(e.source).filter(e=>e.nodeType===Node.TEXT_NODE),copyText:e.pseudo?[]:[...e.copy.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE)}}),g=h(),_=!1,v=c.ownerDocument.createElement(`div`);v.style.cssText=`position:absolute;transform-origin:top left;pointer-events:none;`,Object.assign(d.style,{position:`absolute`,inset:`auto`,left:`0`,top:`0`,margin:`0`}),v.append(d),l.append(v);let y=0,b=-1/0,x=0,S=-1/0,C=!1,w=!1,T=!1,E=1,D=n===i?r:null,O=a.getComputedStyle(i),k={left:Number.parseFloat(O.left)||0,top:Number.parseFloat(O.top)||0},A=[],j=[],M=new WeakMap,N=()=>{if(!D)return;n=i,r=D;let e=d_({left:D.left,top:D.top,width:D.right-D.left,height:D.bottom-D.top},c.clientWidth,c.clientHeight);E=e.scale,v.style.transform=`translate(${e.left}px, ${e.top}px) scale(${E})`},P=(e=!1)=>{let t=v.getBoundingClientRect();for(let{copy:n,pseudo:r,properties:i}of g){if(r||!n.isConnected||e&&n!==d&&!i.size)continue;let a=n.getBoundingClientRect();if(!a.width||!a.height)continue;let o={left:(a.left-t.left)/E,top:(a.top-t.top)/E,right:(a.right-t.left)/E,bottom:(a.bottom-t.top)/E};D=D?{left:Math.min(D.left,o.left),top:Math.min(D.top,o.top),right:Math.max(D.right,o.right),bottom:Math.max(D.bottom,o.bottom)}:o}},F=(e=!0)=>{if(!i.isConnected)return;let t=a.getComputedStyle(i);d.style.width=v.style.width=t.width,d.style.height=v.style.height=t.height,v.style.transform=`none`,E=1,o.length||(D=null);let n=i.parentElement,r=`rgba(0, 0, 0, 0)`;for(;n&&r===`rgba(0, 0, 0, 0)`;)r=a.getComputedStyle(n).backgroundColor,n=n.parentElement;c.style.background=r;let s=[];try{P();for(let t of o.length||!e?[]:A){let e=g.find(e=>e.source===t.source&&e.pseudo===t.pseudo);if(!(!e||!e.copy.animate))try{let n=e.copy.animate(t.frames,{duration:1e3,fill:`both`,pseudoElement:t.pseudo});n.pause(),s.push(n)}catch{}}for(let e=0;s.length&&e<=32;e+=1){for(let t of s)t.currentTime=e*1e3/32;P()}}finally{for(let e of s)e.cancel()}N()},I={subtree:!0,attributes:!0,attributeOldValue:!0,childList:!0,characterData:!0,attributeFilter:[`style`,`class`,`transform`,`opacity`]},L=null,R=()=>{if(T)return;if(!i.isConnected){w=!1;return}f.refresh(a.performance.now())&&(_=!0,C=!0);let e=Ng(i),t=e.length!==j.length||e.some((e,t)=>e!==j[t]);j=e,w=o.length>0||e.some(e=>e.playState===`running`),A=[];for(let n of e)try{let e=n.effect;if(!p_(e)||!e.target)continue;let r=e.getKeyframes(),i=JSON.stringify(r);M.get(n)!==i&&(M.set(n,i),t=!0);let a=g.find(t=>t.source===e.target&&t.pseudo===(e.pseudoElement??null));if(!a)continue;for(let e of r)for(let t of Object.keys(e))[`offset`,`computedOffset`,`easing`,`composite`].includes(t)||a.properties.add(Dg(t));if(!r.length&&o.some(e=>e.properties.includes(`animation`)))for(let e of mg)a.properties.add(e);A.push({source:e.target,pseudo:e.pseudoElement??null,frames:r})}catch{let e=n.effect;if(!p_(e))continue;for(let t of g)if(t.source===e.target&&t.pseudo===(e.pseudoElement??null))for(let e of mg)t.properties.add(e)}t&&(C=!0),B()},z=t=>{if(y=0,!(T||!i.isConnected||e.suspended?.())){if(t-b>=1e3/(o.length?60:30)-1){if(b=t,_){_=!1,u.refresh(),g=h();for(let e of g)e.source.shadowRoot&&L?.observe(e.source.shadowRoot,I);R(),C=!0}C&&t-S>=250&&(S=t,C=!1,F());let e=g.map(e=>e.pseudo?[]:e.sourceText.flatMap((t,n)=>e.copyText[n]&&e.copyText[n].textContent!==t.textContent?[{copy:e.copyText[n],text:t.textContent}]:[])),n=g.map((t,n)=>{if(!t.source.isConnected||!t.properties.size&&!e[n].length)return null;try{return a.getComputedStyle(t.source,t.pseudo)}catch{return null}}),r=g.map((e,t)=>{let r=n[t];return r?[...e.properties].map(e=>[e,r.getPropertyValue(e)]):[]}),s=n.map((t,n)=>t&&e[n].length?[t.width,t.height]:null);for(let[t,n]of g.entries()){if(e[t].length){for(let n of e[t])n.copy.textContent=n.text;let r=s[t];r&&(n.style.width=r[0],n.style.height=r[1]),C=!0}if(!(!n.properties.size||!n.copy.isConnected))for(let[e,a]of r[t]){if(e===`content`&&!n.pseudo)continue;let t=a;n.source===i&&!n.pseudo&&(e===`left`||e===`top`)&&(t=`${(Number.parseFloat(t)||0)-k[e]}px`),n.written.get(e)!==t&&(n.style.setProperty(e,t),n.written.set(e,t))}}o.length&&t-x>=100&&(x=t,P(!0),N())}w&&!y&&(y=a.requestAnimationFrame(z))}},B=()=>{!T&&!y&&!e.suspended?.()&&(y=a.requestAnimationFrame(z))};s&&(s.current=()=>{b=-1/0,B()}),en(R),F(!1),C=A.length>0&&!o.length,S=a.performance.now();let V=a.ResizeObserver,ee=V?new V(()=>{C=!0,B()}):null;ee?.observe(c),ee?.observe(i);let H=a.MutationObserver;L=H?new H(e=>{e.some(e=>e.type===`childList`)&&(_=!0);for(let t of e){if(t.type!==`attributes`||!(t.target instanceof Element))continue;let e=t.target;if(t.attributeName===`class`&&f.invalidate(),t.attributeName===`style`){let n=m_(e);if(!n)continue;p.cssText=t.oldValue??``;let r=[...new Set([...n,...p])].filter(e=>e.startsWith(`--`)&&n.getPropertyValue(e)!==p.getPropertyValue(e));for(let t of g){let n=r.length?f.forElement(t.source,``):null,i=r.length&&f.hasOpaqueStyles(t.source)?a.getComputedStyle(t.source,t.pseudo):null;for(let a of mg){let o=t.pseudo?``:m_(t.source)?.getPropertyValue(a)??``,s=r.some(e=>[...Wg(o),...n?.get(a)??[]].includes(e)),c=i&&i.getPropertyValue(a)!==(t.written.get(a)??t.style.getPropertyValue(a));(t.source===e&&!t.pseudo&&o!==p.getPropertyValue(a)||s||c)&&t.properties.add(a)}}}else if(t.attributeName===`class`)for(let e of g){let t=a.getComputedStyle(e.source,e.pseudo);for(let n of mg)t.getPropertyValue(n)!==(e.written.get(n)??e.style.getPropertyValue(n))&&e.properties.add(n)}else if(t.attributeName===`transform`||t.attributeName===`opacity`)for(let n of g)n.source===e&&!n.pseudo&&n.properties.add(t.attributeName)}B()}):null,L?.observe(i,I);for(let{source:e}of g)e.shadowRoot&&L?.observe(e.shadowRoot,I);let U=i.parentElement??h_(i);for(;U;)L?.observe(U,{attributes:!0,attributeOldValue:!0,attributeFilter:[`style`,`class`]}),U=U.parentElement??h_(U);let W=H?new H(()=>{f.invalidate(),B()}):null;i.ownerDocument.head&&W?.observe(i.ownerDocument.head,{subtree:!0,childList:!0,characterData:!0});let te=a.setInterval(R,250);Dn(()=>{T=!0,s&&(s.current=null),ee?.disconnect(),L?.disconnect(),W?.disconnect(),a.clearInterval(te),a.cancelAnimationFrame(y),u.dispose(),l.replaceChildren()})});var i=X(`div`,{"data-mesurer-motion-preview":`true`,"aria-hidden":`true`,class:`msr:pointer-events-none msr:relative msr:h-36 msr:w-full msr:overflow-hidden`});return ic(()=>e=>{t=e},i),i}var __=[.25,.5,1],v_=0,y_=e=>{let t=Math.max(0,Math.floor(e/1e3));return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`},b_=e=>e>=1e3?`${e/1e3}s`:`${e}ms`;function x_(){var e=X(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`});return Z(e,X(`path`,{d:`M3.25 2.25 9 6l-5.75 3.75z`,fill:`currentColor`})),e}function S_(){var e=X(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`});return Z(e,X(`path`,{d:`M3 2.25h2v7.5H3zm4 0h2v7.5H7z`,fill:`currentColor`})),e}function C_(){var e=X(`svg`,{width:`10`,height:`10`,viewBox:`0 0 10 10`,fill:`none`,"aria-hidden":`true`});return Z(e,X(`path`,{d:`M3.25 2.5.75 5l2.5 2.5m3.5-5L9.25 5l-2.5 2.5M5.75 1.5l-1.5 7`,stroke:`currentColor`,"stroke-width":`1`,"stroke-linecap":`round`,"stroke-linejoin":`round`})),e}function w_(e){let[t,n]=G(!1),r=lo(()=>{let t=e.motions.filter(e=>e.kind===`animation`),n=e.motions.filter(e=>e.kind===`transition`),r=e.motions.filter(e=>e.kind===`web-animation`),i=[...new Set(e.motions.flatMap(e=>e.properties))].map(Dg).join(`, `),a=(e,t)=>{let n=t.map(e=>[e.name,b_(e.duration),e.easing,e.delay?b_(e.delay):``,...e.kind===`transition`?[]:[e.iterationCount===`1`?``:e.iterationCount,e.direction===`normal`?``:e.direction,e.fillMode===`none`?``:e.fillMode,e.animation?.playState===`paused`?`paused`:``]].filter(Boolean).join(` `)).join(`,
|
|
2404
|
+
`);return n?[[e,n]]:[]},o=e.ownerWindow.getComputedStyle(e.element),s=[`animation-composition`,`animation-timeline`,`animation-range-start`,`animation-range-end`,`transition-behavior`,...i.includes(`transform`)?[`transform-origin`]:[],...o.perspective===`none`?[]:[`perspective`,`perspective-origin`]].flatMap(e=>{let t=o.getPropertyValue(e).trim();return t&&!/^(auto|normal|replace)(,\s*\1)*$/.test(t)?[[e,t]]:[]});return[...a(`animation`,t),...a(`transition`,n),...a(`web animation`,r),...i?[[`animated properties`,i]]:[],...e.observedProperties.length?[[`observed motion`,e.observedProperties.join(`, `)],[`playback`,`Observed motion is read-only`]]:[],...s]}),i=lo(()=>e.motions.filter(e=>e.kind!==`transition`).map(e=>({name:e.name,frames:kg(e.animation,e.easing)})).filter(({frames:e})=>e.length>0)),a=lo(()=>i().map(({name:e,frames:t})=>`@keyframes ${e} {\n${t.map(({offset:e,value:t})=>` ${e} { ${t} }`).join(`
|
|
2399
2405
|
`)}\n}`)),o=lo(()=>i().map(({name:e,frames:t})=>{let n=new Map;for(let{offset:e,value:r,displayValue:i}of t){let t=n.get(r);t?t.offsets.push(e):n.set(r,{offsets:[e],displayValue:i})}return{name:e,frames:[...n].map(([e,t])=>({value:e,...t}))}})),s=t=>{e.ownerWindow.navigator.clipboard?.writeText(t).catch(()=>void 0)};var c=X(`div`,{class:`msr:w-full msr:px-2 msr:pb-2 msr:pt-2 msr:text-[10px] msr:text-ink-900`}),l=X(`div`,{class:`msr:flex msr:flex-col msr:gap-1`});return Z(c,l),Q(l,Y(_o,{get each(){return r()},children:([e,t])=>(()=>{var n=X(`div`,{class:`msr:grid msr:grid-cols-[5.5rem_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),r=X(`span`,{class:`msr:text-ink-500`}),i=X(`button`,{type:`button`,class:`msr:min-w-0 msr:whitespace-pre-wrap msr:break-words msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(t)});return Z(n,r),Z(n,i),Q(r,e),Q(i,t),n})()}),null),Q(l,Y(K,{get when(){return i().length>0},get children(){return[Y(K,{get when(){return!t()},get children(){return Y(_o,{get each(){return i()},children:(e,t)=>(()=>{var n=X(`div`,{class:`msr:grid msr:grid-cols-[3.5rem_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),r=X(`span`,{class:`msr:text-ink-500`}),i=X(`button`,{type:`button`,class:`msr:min-w-0 msr:whitespace-pre-wrap msr:break-words msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(a().join(`
|
|
2400
2406
|
|
|
2401
|
-
`))}),o=ec(`: `);return Z(n,r),Z(n,i),Q(r,()=>t()===0?`keyframes`:``),Z(i,o),Q(i,()=>e.name,o),Q(i,()=>e.frames.map(e=>e.offset).join(`, `),null),q(()=>`Copy keyframes ${e.name}`,(e,t)=>{$(i,`aria-label`,e,t)}),n})()})}}),Y(K,{get when(){return t()},get children(){return Y(_o,{get each(){return o()},children:(e,t)=>(()=>{var n=X(`div`,{class:`msr:mt-1 msr:flex msr:flex-col msr:gap-1`}),r=X(`div`,{class:`msr:grid msr:grid-cols-[auto_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),i=X(`span`,{class:`msr:text-ink-500`}),o=X(`button`,{type:`button`,class:`msr:min-w-0 msr:truncate msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(a()[t()]??``)});return Z(n,r),Z(r,i),Z(r,o),Q(i,()=>t()===0?`keyframes`:``),Q(o,()=>e.name),Q(n,Y(_o,{get each(){return e.frames},children:e=>(()=>{var t=X(`div`,{class:`msr:grid msr:grid-cols-[3.5rem_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),n=X(`span`,{class:`msr:font-mono msr:tabular-nums msr:text-ink-500`}),r=X(`button`,{type:`button`,class:`msr:min-w-0 msr:whitespace-pre-wrap msr:break-words msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(`${e.offsets.join(`, `)} { ${e.value} }`)});return Z(t,n),Z(t,r),Q(n,()=>e.offsets.join(`, `)),Q(r,()=>e.displayValue||`underlying style`),t})()}),null),n})()})}}),(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-keyframes-toggle":`true`,class:`msr:ml-auto msr:bg-transparent msr:p-0 msr:text-[10px] msr:text-ink-500 msr:underline msr:underline-offset-2`,onClick:()=>n(e=>!e)});return Q(e,()=>t()?`Hide keyframes`:`Show keyframes`),q(()=>t()?`true`:`false`,(t,n)=>{$(e,`aria-expanded`,t,n)}),e})()]}}),null),c}function C_(e){let[t,n]=G(0),[r,i]=G(0),[a,o]=G(1),[s,c]=G(!1),[l,u]=G(!1),[d,f]=G([]),[p,m]=G(!1),[h,g]=G(!1),_,v,y,b,[x,S]=G(``),[C,w]=G(!1),T,E=null,D=null,O=`mesurer-motion-custom-speed-${++g_}`,[k,A]=G({left:0,above:!1}),[j,M]=G(null),[N,P]=G(n_(e.element)),F={current:null};mo(()=>e.suspended?.()??!1,e=>{e||en(()=>F.current?.())});let I=[],L=lo(()=>[...new Set(N().filter(t=>Ag(e.element,t.element)!==null).flatMap(e=>e.properties))]),R=()=>L().length>0,z=()=>j()===e.element,B=()=>z()&&!R()&&t()>0&&d().some(e=>e.animation);mo(()=>[e.element,e.ownerWindow],([e,t])=>{P(n_(e)),Dn(i_(e,t,t=>P(t.filter(t=>Ag(e,t.element)!==null))))}),mo(()=>[e.element,e.ownerWindow],([e,t])=>{M(null);let n=t.setTimeout(()=>{e.isConnected&&M(e)},250);Dn(()=>t.clearTimeout(n))}),mo(()=>[e.element,e.ownerWindow],([e,t])=>{i(0),c(!1),m(!1),g(!1),I=[];let r=Mg(e)[0];o(r?.playbackRate??1);let a=()=>{if(!e.isConnected){u(!1),n(0),f([]),I=[];return}try{let r=Fg(e,t),i=[...new Set(r.flatMap(e=>e.animation?[e.animation]:[]))];u(r.length>0||jg(e).length>0),n(Math.max(0,...r.map(Ig))),f(r),I=i}catch{u(!1),n(0),f([]),I=[]}};a();let s=t.setInterval(a,250);Dn(()=>t.clearInterval(s))}),mo(()=>[e.ownerWindow,l(),B(),t()],([t,n,r,a])=>{if(!n||!r)return;let o=0,s=0,l=!1,u=()=>{if(l)return;if(e.suspended?.()){o=t.setTimeout(u,100);return}let n=Rg(I,a);i(n.progress),c(n.playing),e.suspended?.()||F.current?.(),n.playing?s=t.requestAnimationFrame(u):o=t.setTimeout(u,250)};en(u),Dn(()=>{l=!0,t.clearTimeout(o),t.cancelAnimationFrame(s)})});let V=e=>{if(!B())return;let n=Math.max(0,Math.min(1,e));i(n),c(!1),Vg(I,n,t()),F.current?.()},ee=()=>{if(!B())return;let t=s()?`pause`:`play`;Bg(e.element,t,a()),c(t===`play`)},H=t=>{if(!B()||!Number.isFinite(t))return;let n=Math.min(4,Math.max(.1,Math.round(t*100)/100));o(n),Bg(e.element,s()?`play`:`pause`,n)},U=e=>{let t=b?.getBoundingClientRect();if(!t)return;let n=Math.max(1,t.width-16),r=Math.max(0,Math.min(1,(e-t.left-8)/n)),i=Math.round((.1+r*3.9-.1)/.05)*.05+.1;H(i)},W=e=>{if(!B())return;let t=E??T?.getBoundingClientRect();t?.width&&V((e-t.left)/t.width)},te=e=>{if(D!==e)return;D=null,E=null;let t=T;t?.hasPointerCapture(e)&&t.releasePointerCapture(e)};return mo(()=>h(),e=>{if(!e)return;let t=_?.ownerDocument.defaultView;if(!t)return;let n=()=>{let e=_?.getBoundingClientRect();if(!e)return;let n=Math.min(208,t.innerWidth-16),r=Math.max(8-e.left,Math.min(e.width-n,t.innerWidth-n-8-e.left));A({left:r,above:t.innerHeight-e.bottom<46&&e.top>=46})};n(),t.addEventListener(`resize`,n),t.addEventListener(`scroll`,n,!0),Dn(()=>{t.removeEventListener(`resize`,n),t.removeEventListener(`scroll`,n,!0)}),t.queueMicrotask(()=>{h()&&(y?.focus({preventScroll:!0}),y?.select())});let r=e=>{if(e.type===`keydown`){let t=e;if(t.key!==`Escape`)return;t.preventDefault(),t.stopPropagation(),g(!1),v?.focus({preventScroll:!0});return}let t=_;t&&e.composedPath().includes(t)||g(!1)};t.addEventListener(`pointerdown`,r,!0),t.addEventListener(`keydown`,r,!0),Dn(()=>{t.removeEventListener(`pointerdown`,r,!0),t.removeEventListener(`keydown`,r,!0)})}),Y(K,{get when(){return l()||L().length>0},get children(){var n=X(`div`,{"data-mesurer-motion-player":`true`,"data-mesurer-inspector-ui":`true`,"aria-label":`Motion playback`,class:`mesurer-menu-surface msr:relative msr:box-border msr:pointer-events-auto msr:w-full msr:overflow-visible msr:rounded-wide-card msr:bg-white msr:text-ink-900 msr:outline-none`,style:{"border-radius":`var(--radius-wide-card, 13px)`},onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),i=X(`div`,{class:`msr:relative msr:p-2`}),o=X(`button`,{type:`button`,class:`msr:relative msr:block msr:w-full msr:overflow-hidden msr:rounded-control msr:border-0 msr:bg-ink-100 msr:p-0 msr:text-left`,"aria-label":`Motion preview`,onClick:ee}),c=X(`div`,{class:`msr:mt-2 msr:flex msr:h-5 msr:items-center msr:gap-1.5`}),l=X(`button`,{type:`button`,"data-mesurer-motion-inspect":`true`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:leading-none msr:text-ink-900 msr:hover:bg-black/4 msr:focus-visible:outline-none`,onClick:()=>m(e=>!e)}),u=X(`div`,{"data-mesurer-motion-details":`true`,class:`mesurer-thin-scrollbar msr:max-h-[50vh] msr:overflow-y-auto`});return Z(n,i),Z(n,u),Z(i,o),Z(i,c),Q(o,Y(m_,{get element(){return e.element},get ownerWindow(){return e.ownerWindow},get observedTargets(){return N()},wakeRef:F,get suspended(){return e.suspended}})),Z(c,l),Q(c,Y(K,{get when(){return J(()=>!R())()&&z()},get fallback(){var e=X(`div`,{role:`status`,class:`msr:min-w-0 msr:flex-1 msr:truncate msr:font-mono msr:text-[10px] msr:leading-none msr:text-ink-500`});return Q(e,()=>R()?`JavaScript animation. Controls unavailable.`:`Preparing motion…`),e},get children(){return[(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-play":`true`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:leading-none msr:text-ink-900 msr:hover:bg-black/4 msr:focus-visible:outline-none msr:disabled:opacity-40`,onClick:ee});return Q(e,(()=>{var e=J(()=>!!s());return()=>e()?Y(b_,{}):Y(y_,{})})()),q(()=>({e:s()?`Pause motion`:`Play motion`,t:s()?`true`:`false`,a:!B()}),({e:t,t:n,a:r},i)=>{t!==i?.e&&$(e,`aria-label`,t,i?.e),n!==i?.t&&$(e,`aria-pressed`,n,i?.t),r!==i?.a&&$(e,`disabled`,r,i?.a)}),e})(),(()=>{var e=X(`span`,{class:`msr:flex msr:h-5 msr:w-8 msr:shrink-0 msr:items-center msr:font-mono msr:text-[10px] msr:leading-none msr:tabular-nums msr:text-ink-500`});return Q(e,(()=>{var e=J(()=>!!B());return()=>e()?__(r()*t()):`—`})()),e})(),(()=>{var e=X(`div`,{role:`slider`,"data-mesurer-motion-scrubber":`true`,"aria-label":`Scrub motion timeline`,"aria-valuemin":0,class:`mesurer-recording-timeline msr:relative msr:h-5 msr:min-w-0 msr:flex-1 msr:cursor-pointer msr:select-none`,onPointerDown:e=>{B()&&(E=e.currentTarget.getBoundingClientRect(),D=e.pointerId,e.currentTarget.setPointerCapture(e.pointerId),W(e.clientX))},onPointerMove:e=>{e.pointerId===D&&W(e.clientX)},onPointerUp:e=>{e.pointerId===D&&(W(e.clientX),te(e.pointerId))},onPointerCancel:e=>te(e.pointerId),onLostPointerCapture:e=>te(e.pointerId),onKeyDown:e=>{if(B()){if(e.key===`Home`||e.key===`End`){e.preventDefault(),e.stopPropagation(),V(e.key===`Home`?0:1);return}(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),e.stopPropagation(),V(r()+(e.key===`ArrowRight`?.02:-.02)))}}}),n=X(`div`,{class:`mesurer-recording-track-rail msr:pointer-events-none msr:absolute msr:inset-x-0 msr:top-1/2 msr:h-[3px] msr:-translate-y-1/2 msr:rounded-full msr:bg-ink-200`}),i=X(`div`,{class:`msr:pointer-events-none msr:absolute msr:top-1/2 msr:z-[2] msr:h-2 msr:-translate-y-1/2`}),a=X(`div`,{class:`mesurer-recording-playhead msr:h-full msr:w-0.5 msr:rounded-full msr:bg-ink-900`});Z(e,n),Z(e,i);var o=T;return typeof o==`function`||Array.isArray(o)?ic(()=>o,e):T=e,Z(i,a),q(()=>({e:B()?0:-1,t:B()?`false`:`true`,a:t(),o:r()*t(),i:B()?`${Math.round(r()*100)}%`:`Playback unavailable`,n:{left:`${r()*100}%`}}),({e:t,t:n,a:r,o:a,i:o,n:s},c)=>{t!==c?.e&&$(e,`tabindex`,t,c?.e),n!==c?.t&&$(e,`aria-disabled`,n,c?.t),r!==c?.a&&$(e,`aria-valuemax`,r,c?.a),a!==c?.o&&$(e,`aria-valuenow`,a,c?.o),o!==c?.i&&$(e,`aria-valuetext`,o,c?.i),s!==c?.n&&$(i,`style`,s,c?.n)}),e})(),(()=>{var e=X(`span`,{class:`msr:flex msr:h-5 msr:w-8 msr:shrink-0 msr:items-center msr:justify-end msr:font-mono msr:text-[10px] msr:leading-none msr:tabular-nums msr:text-ink-500`});return Q(e,(()=>{var e=J(()=>!!B());return()=>e()?__(t()):`—`})()),e})(),(()=>{var e=X(`div`,{class:`msr:relative msr:flex msr:h-5 msr:shrink-0 msr:items-center`}),t=X(`select`,{"data-mesurer-motion-speed":`true`,"aria-label":`Playback speed`,class:`mesurer-settings-button-ghost msr:h-5 msr:appearance-none msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:text-center msr:font-mono msr:text-[10px] msr:tabular-nums msr:text-ink-500 msr:hover:bg-black/4 msr:focus-visible:bg-black/4 msr:focus-visible:outline-none`,onChange:e=>{if(e.currentTarget.value===`custom`){g(!0);return}g(!1),H(Number(e.currentTarget.value))}}),n=X(`option`,{value:`custom`});Z(e,t);var r=_;typeof r==`function`||Array.isArray(r)?ic(()=>r,e):_=e,Z(t,n);var i=v;return typeof i==`function`||Array.isArray(i)?ic(()=>i,t):v=t,Q(t,Y(_o,{each:h_,children:e=>(()=>{var t=X(`option`),n=ec(`x`);return Z(t,n),Q(t,e,n),q(()=>String(e),(e,n)=>{$(t,`value`,e,n)}),t})()}),n),Q(t,Y(K,{get when(){return!h_.some(e=>e===a())},get children(){var e=X(`option`),t=ec(`x`);return Z(e,t),Q(e,a,t),q(()=>String(a()),(t,n)=>{$(e,`value`,t,n)}),e}}),n),Z(n,ec(`Custom`)),Q(e,Y(K,{get when(){return J(()=>!!h())()?B():h()},get children(){var e=X(`div`,{id:O,role:`dialog`,"data-mesurer-motion-custom-speed":`true`,"aria-label":`Custom playback speed`,class:`mesurer-menu-surface msr:absolute msr:z-[120] msr:flex msr:w-[208px] msr:max-w-[calc(100vw-16px)] msr:items-center msr:gap-1 msr:rounded-[9px] msr:border msr:border-ink-200 msr:bg-white msr:p-1`,onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),t=X(`div`,{class:`msr:min-w-0 msr:flex-1`}),n=X(`div`,{class:`msr:grid msr:h-8 msr:w-full msr:grid-cols-[minmax(0,1fr)] msr:items-center`}),r=X(`button`,{type:`button`,"aria-label":`Close custom speed`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-[6px] msr:bg-transparent msr:text-ink-700 msr:hover:bg-black/4`,onClick:()=>{g(!1),v?.focus({preventScroll:!0})}}),i=X(`span`,{"aria-hidden":`true`});return Z(e,t),Z(e,r),Z(t,n),Q(n,Y(s_,{get left(){var e=X(`div`,{class:`msr:relative msr:min-w-0 msr:flex-1 msr:touch-none msr:select-none msr:px-2`,style:{height:`20px`},"data-slider-container":`true`,onPointerDown:e=>{e.stopPropagation(),e.currentTarget.setPointerCapture(e.pointerId),U(e.clientX)},onPointerMove:e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&U(e.clientX)},onPointerUp:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)},onPointerCancel:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)}}),t=X(`div`,{class:`msr:absolute msr:left-[8px] msr:right-[8px] msr:rounded-full`,style:{top:`8px`,height:`4px`,"background-color":`var(--msr-slider-track)`},"aria-hidden":`true`}),n=X(`div`,{class:`msr:absolute msr:left-[8px] msr:rounded-full`,"aria-hidden":`true`}),r=X(`div`,{role:`slider`,tabindex:0,"aria-label":`Custom playback speed slider`,"aria-valuemin":.1,"aria-valuemax":4,class:`mesurer-control-thumb msr:absolute msr:rounded-[5px] msr:bg-white msr:shadow-sm msr:outline-none msr:focus-visible:ring-1 msr:focus-visible:ring-[var(--msr-accent)]/25`,onKeyDown:e=>{if(e.key===`Home`)H(.1);else if(e.key===`End`)H(4);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)H(a()+.05);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)H(a()-.05);else return;e.preventDefault(),e.stopPropagation()}});Z(e,t),Z(e,n),Z(e,r);var i=b;return typeof i==`function`||Array.isArray(i)?ic(()=>i,e):b=e,q(()=>({e:{top:`8px`,height:`4px`,width:`calc(${(a()-.1)/3.9*100}% - ${(a()-.1)/3.9*16}px)`,"background-color":`var(--msr-accent)`},t:a(),a:`${a()}x`,o:{left:`calc(8px + (100% - 16px) * ${(a()-.1)/3.9})`,top:`4px`,width:`12px`,height:`12px`,transform:`translateX(-50%)`}}),({e,t,a:i,o:a},o)=>{e!==o?.e&&$(n,`style`,e,o?.e),t!==o?.t&&$(r,`aria-valuenow`,t,o?.t),i!==o?.a&&$(r,`aria-valuetext`,i,o?.a),a!==o?.o&&$(r,`style`,a,o?.o)}),e},get right(){var e=X(`input`,{type:`text`,"aria-label":`Custom playback speed value`,class:`msr:h-full msr:w-full msr:border-0 msr:bg-transparent msr:px-1 msr:text-left msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,onFocus:()=>{S(`${a()}x`),w(!0)},onInput:e=>{let t=e.currentTarget.value;S(t);let n=Number.parseFloat(t);Number.isFinite(n)&&H(n)},onBlur:()=>w(!1),onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{if(e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault(),e.stopPropagation(),H(a()+(e.key===`ArrowUp`?.05:-.05));return}e.key===`Enter`&&(e.preventDefault(),e.currentTarget.blur())}}),t=y;return typeof t==`function`||Array.isArray(t)?ic(()=>t,e):y=e,q(()=>C()?x():`${a()}x`,(t,n)=>{$(e,`value`,t,n)}),e}})),Z(r,i),Z(i,ec(`×`)),q(()=>({left:`${k().left}px`,top:k().above?`auto`:`100%`,bottom:k().above?`100%`:`auto`,"margin-top":k().above?`0px`:`4px`,"margin-bottom":k().above?`4px`:`0px`}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),q(()=>({e:h()?O:void 0,t:!B(),a:String(a()),o:{width:`${Math.max(6,`${a()}x`.length+1)}ch`}}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`aria-controls`,e,a?.e),n!==a?.t&&$(t,`disabled`,n,a?.t),r!==a?.a&&$(t,`value`,r,a?.a),i!==a?.o&&$(t,`style`,i,a?.o)}),e})()]}}),l),Q(l,Y(x_,{})),Q(u,Y(K,{get when(){return p()},get children(){return[Y(S_,{get motions(){return d()},get ownerWindow(){return e.ownerWindow},get element(){return e.element},get observedProperties(){return L()}}),J(()=>e.inspectDetails?.())]}})),q(()=>({e:!B(),t:p()?`Hide motion details`:`Show motion details`,a:p()?`true`:`false`,o:!p()}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(o,`disabled`,e,i?.e),t!==i?.t&&$(l,`aria-label`,t,i?.t),n!==i?.a&&$(l,`aria-expanded`,n,i?.a),r!==i?.o&&$(u,`hidden`,r,i?.o)}),n}})}var w_=$a(null),T_=e=>Y(w_,{get value(){return e.runtime},get children(){return e.children}}),E_=()=>eo(w_),D_=[`hex`,`rgb`,`hsl`,`oklch`],O_=e=>D_.some(t=>t===e),k_=e=>e===`system`||e===`light`||e===`dark`,A_=e=>e===`off`||e===`click`||e===`hover`,j_=[{value:`solid`,label:`Solid`},{value:`dashed`,label:`Dashed`},{value:`dotted`,label:`Dotted`}];function M_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:col-span-2 msr:grid msr:h-6 msr:w-full msr:appearance-none msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`),r=X(`span`,{"aria-hidden":`true`,style:{"justify-self":`end`}}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.checked?`true`:`false`,t:e.disabled,a:e.dataCurrentOnlyExtension,o:e.checked?`true`:void 0,i:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,n:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s,n:c},l)=>{e!==l?.e&&$(t,`aria-checked`,e,l?.e),n!==l?.t&&$(t,`disabled`,n,l?.t),a!==l?.a&&$(t,`data-mesurer-current-only-extension`,a,l?.a),o!==l?.o&&$(r,`data-checked`,o,l?.o),s!==l?.i&&$(r,`class`,s,l?.i),c!==l?.n&&$(i,`style`,c,l?.n)}),t}function N_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:flex msr:h-6 msr:w-full msr:items-center msr:justify-between msr:gap-2 msr:pr-0 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`,{class:`mesurer-plugin-setting-label msr:ml-6 msr:min-w-0 msr:flex-1 msr:truncate msr:whitespace-nowrap`}),r=X(`span`,{"aria-hidden":`true`}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.checked?`true`:`false`,t:e.disabled,a:e.checked?`true`:void 0,o:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,i:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s},c)=>{e!==c?.e&&$(t,`aria-checked`,e,c?.e),n!==c?.t&&$(t,`disabled`,n,c?.t),a!==c?.a&&$(r,`data-checked`,a,c?.a),o!==c?.o&&$(r,`class`,o,c?.o),s!==c?.i&&$(i,`style`,s,c?.i)}),t}function P_(e){let t=t=>e.formatValue?.(t)??String(t),n=t=>e.parseInput?.(t)??Number(t),[r,i]=G(!1),[a,o]=G(``),s,c=()=>(e.value-e.min)/(e.max-e.min)*100,l=t=>e.onChange(Number(Math.min(e.max,Math.max(e.min,t)).toFixed(4))),u=(t,n)=>{t.stopPropagation();let r=n.getBoundingClientRect(),i=Math.max(1,r.width-16),a=Math.min(1,Math.max(0,(t.clientX-r.left-8)/i)),o=e.min+a*(e.max-e.min);l(Math.round((o-e.min)/e.step)*e.step+e.min)};Nn(()=>{let e=s;if(!e)return;let t=t=>{e.hasPointerCapture(t.pointerId)&&u(t,e)};return e.addEventListener(`pointermove`,t),()=>e.removeEventListener(`pointermove`,t)});var d=X(`div`,{class:`msr:col-span-2 msr:grid msr:w-full msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),f=X(`span`,{class:`msr:text-[11px] msr:font-medium msr:text-ink-700`});return Z(d,f),Q(f,()=>e.label),Q(d,Y(s_,{variant:`legacy`,get left(){var t=X(`div`,{class:`msr:relative msr:min-w-0 msr:flex-1 msr:touch-none msr:select-none msr:px-2`,style:{height:`20px`},"data-slider-container":`true`,onPointerDown:e=>{e.stopPropagation(),Il(e.currentTarget,e.pointerId),u(e,e.currentTarget)},onPointerUp:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)},onPointerCancel:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)}}),n=X(`div`,{class:`msr:absolute msr:left-[8px] msr:right-[8px] msr:rounded-full`,style:{top:`8px`,height:`4px`,"background-color":`var(--msr-slider-track, rgba(15, 23, 42, 0.16))`}}),r=X(`div`,{class:`msr:absolute msr:left-[8px] msr:rounded-full`}),i=X(`div`,{class:`msr:absolute msr:rounded-[5px] msr:bg-white msr:shadow-sm msr:outline-none msr:focus-visible:ring-1 msr:focus-visible:ring-[#0d99ff]/25`,"data-slider-thumb":`true`,role:`slider`,tabindex:0,onKeyDown:t=>{let n=t.key===`ArrowRight`||t.key===`ArrowUp`?1:t.key===`ArrowLeft`||t.key===`ArrowDown`?-1:0;if(t.key===`Home`)l(e.min);else if(t.key===`End`)l(e.max);else if(n)l(e.value+n*e.step);else return;t.preventDefault(),t.stopPropagation()}});return Z(t,n),Z(t,r),Z(t,i),ic(()=>e=>{s=e},t),q(()=>({e:{top:`8px`,width:`calc(${c()}% - ${c()*.16}px)`,height:`4px`,"background-color":`var(--msr-accent, #0d99ff)`},t:{"background-color":`var(--msr-control-thumb, #fff)`,left:`calc(8px + (100% - 16px) * ${c()/100})`,top:`4px`,width:`12px`,height:`12px`,transform:`translateX(-50%)`},a:e.label,o:e.min,i:e.max,n:e.value}),({e,t,a:n,o:a,i:o,n:s},c)=>{e!==c?.e&&$(r,`style`,e,c?.e),t!==c?.t&&$(i,`style`,t,c?.t),n!==c?.a&&$(i,`aria-label`,n,c?.a),a!==c?.o&&$(i,`aria-valuemin`,a,c?.o),o!==c?.i&&$(i,`aria-valuemax`,o,c?.i),s!==c?.n&&$(i,`aria-valuenow`,s,c?.n)}),t},get right(){var s=X(`input`,{type:`text`,class:`msr:h-full msr:w-full msr:border-0 msr:bg-transparent msr:px-2 msr:text-center msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,style:{"box-sizing":`border-box`,"border-radius":`0 5px 5px 0`,"line-height":`1rem`},onFocus:()=>{o(t(e.value)),i(!0)},onInput:e=>{o(e.currentTarget.value);let t=n(e.currentTarget.value);Number.isFinite(t)&&l(t)},onBlur:()=>{let e=n(a());Number.isFinite(e)&&l(e),i(!1)},onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),e.key===`Enter`&&e.currentTarget.blur()}});return q(()=>({e:`${e.label} value`,t:r()?a():t(e.value)}),({e,t},n)=>{e!==n?.e&&$(s,`aria-label`,e,n?.e),t!==n?.t&&$(s,`value`,t,n?.t)}),s}}),null),d}function F_(e){let t=Sl(e.ownerWindow),[n,r]=G(!1),[i,a]=G([]),o=E_(),s=()=>o?.plugins()??[],c=()=>o?.version()??`0.1.0`,l=()=>{e.onResetSettings(),o?.reset()},u=t=>e.model.setTransient({settingsTab:t}),d=()=>e.model.state.settings,f=t=>e.model.updateSettings({guideStyle:{...e.model.current.settings.guideStyle,...t}}),p=t=>e.onSelectionSpacingStyleChange(t),m=t=>{let n=e.model.current.settings.colorPickerFormats,r=n.includes(t)?n.filter(e=>e!==t):[...n,t];e.model.updateSettings({colorPickerFormats:r.length?r:[`hex`]})},h=[[`guides`,`Guides`],[`select`,`Select`],[`color-picker`,`Color`],[`rulers`,`Rulers`],[`general`,`General`]];var g=X(`div`,{class:`msr:flex msr:max-h-[min(70vh,34rem)] msr:flex-col msr:gap-2 msr:overflow-y-auto`,onPointerDown:e=>e.stopPropagation()}),_=X(`div`,{class:`mesurer-settings-tabs msr:flex msr:h-6 msr:shrink-0 msr:select-none msr:items-stretch msr:gap-0 msr:rounded-[5px] msr:bg-ink-50 msr:p-px`,role:`tablist`,"aria-label":`Settings sections`});return Z(g,_),Q(_,Y(_o,{each:h,children:([t,n])=>(()=>{var r=X(`button`,{type:`button`,role:`tab`,onClick:()=>u(t)});return Q(r,n),q(()=>({e:e.model.state.settingsTab===t?`true`:`false`,t:`mesurer-settings-tab msr:relative msr:flex msr:min-w-0 msr:flex-1 msr:appearance-none msr:items-center msr:justify-center msr:whitespace-nowrap msr:px-1.5 msr:py-0 msr:text-[10px] msr:font-medium msr:transition-colors msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] msr:rounded-[5px] ${e.model.state.settingsTab===t?`msr:bg-white msr:text-ink-900`:`msr:text-ink-500 msr:hover:text-ink-700`}`}),({e,t},n)=>{e!==n?.e&&$(r,`aria-selected`,e,n?.e),t!==n?.t&&$(r,`class`,t,n?.t)}),r})()})),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`guides`},get children(){var n=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Guide settings`}),r=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),i=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),a=X(`div`,{class:`msr:flex msr:gap-1`,role:`radiogroup`,"aria-label":`Guide pattern`});return Z(n,r),Q(n,Y(c_,{variant:`legacy`,label:`Color`,get value(){return d().guideColor},fallback:`#f97316`,get ownerWindow(){return e.ownerWindow},onChange:t=>e.model.updateSettings({guideColor:t})}),r),Q(n,Y(P_,{label:`Weight`,min:1,max:4,step:1,get value(){return d().guideStyle.width},formatValue:e=>`${e}px`,parseInput:e=>Number.parseFloat(e),onChange:e=>f({width:e})}),r),Z(r,i),Z(r,a),Z(i,ec(`Pattern`)),Q(a,Y(_o,{each:j_,children:({value:e,label:n})=>{let r=()=>d().guideStyle.pattern===e,i=`guide-pattern-${e}`;var a=X(`button`,{type:`button`,role:`radio`,"aria-label":`${n} guide pattern`,onClick:()=>f({pattern:e}),onMouseEnter:()=>t.onTooltipEnter(i),onFocus:()=>t.onTooltipEnter(i)});return Z(a,X(`span`,{"aria-hidden":`true`,class:`msr:block msr:w-full msr:border-t-2 msr:border-ink-700 ${e===`dashed`?`msr:border-dashed`:e===`dotted`?`msr:border-dotted`:`msr:border-solid`}`})),Q(a,Y(xl,{label:n,get visible(){return t.visibleTooltipId()===i},get instant(){return t.tooltipInstant()},class:`msr:z-10`}),null),q(()=>({e:r()?`true`:`false`,t:`msr:relative msr:flex msr:h-6 msr:min-w-0 msr:flex-1 msr:items-center msr:justify-center msr:rounded-[5px] msr:border msr:px-1 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${r()?`msr:border-[#0d99ff] msr:bg-[#0d99ff]/10`:`msr:border-ink-200 msr:bg-ink-50 msr:hover:bg-ink-100`}`,a:t.onTooltipLeave}),({e,t,a:n},r)=>{e!==r?.e&&$(a,`aria-checked`,e,r?.e),t!==r?.t&&$(a,`class`,t,r?.t),n!==r?.a&&$(a,`onBlur`,n,r?.a)}),a}})),Q(n,Y(K,{get when(){return d().guideStyle.pattern!==`solid`},get children(){return[Y(P_,{label:`Length`,min:2,max:24,step:1,get value(){return d().guideStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>f({dashLength:e})}),Y(P_,{label:`Gap`,min:0,max:24,step:1,get value(){return d().guideStyle.gap},formatValue:e=>`${e}px`,onChange:e=>f({gap:e})})]}}),null),Q(n,Y(M_,{label:`Snap`,get checked(){return d().snapGuidesEnabled},onChange:t=>e.model.updateSettings({snapGuidesEnabled:t})}),null),Q(n,Y(M_,{label:`Highlight`,get checked(){return d().selectNewGuideEnabled},onChange:t=>e.model.updateSettings({selectNewGuideEnabled:t})}),null),q(()=>t.onTooltipContainerLeave,(e,t)=>{$(a,`onMouseLeave`,e,t)}),n}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`select`},get children(){var n=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Selection settings`}),r=X(`label`,{"data-mesurer-current-only-extension":`inspect-info-mode`,class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),i=X(`span`),a=X(`select`,{"aria-label":`Info card mode`,class:`msr:h-6 msr:w-full msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-surface msr:px-1.5 msr:text-[11px]`,onChange:t=>{let n=t.currentTarget.value;A_(n)&&e.model.updateSettings({infoCardMode:n})}}),o=X(`option`,{value:`off`}),s=X(`option`,{value:`click`}),c=X(`option`,{value:`hover`}),l=X(`div`,{"data-mesurer-distance":`true`,class:`msr:col-span-2 msr:mt-1 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1 msr:border-t msr:border-ink-100 msr:pt-2`}),u=X(`div`,{class:`msr:col-span-2 msr:text-[10px] msr:font-semibold msr:text-ink-500`}),f=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),m=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),h=X(`div`,{class:`msr:flex msr:gap-1`,role:`radiogroup`,"aria-label":`Selection spacing pattern`});return Z(n,r),Z(n,l),Q(n,Y(c_,{variant:`legacy`,label:`Color`,get value(){return d().highlightColor},fallback:`#0d99ff`,get ownerWindow(){return e.ownerWindow},onChange:t=>e.model.updateSettings({highlightColor:t})}),r),Q(n,Y(M_,{label:`Hover`,get checked(){return d().hoverHighlightEnabled},onChange:t=>e.model.updateSettings({hoverHighlightEnabled:t})}),r),Q(n,Y(M_,{label:`Element snap`,get checked(){return d().snapEnabled},onChange:t=>e.model.updateSettings({snapEnabled:t})}),r),Q(n,Y(M_,{label:`Stack`,get checked(){return d().multiMeasureEnabled},onChange:t=>e.model.updateSettings({multiMeasureEnabled:t})}),r),Z(r,i),Z(r,a),Z(i,ec(`Info card mode`)),Z(a,o),Z(a,s),Z(a,c),Z(o,ec(`Off`)),Z(s,ec(`Click`)),Z(c,ec(`Hover`)),Q(n,Y(M_,{dataCurrentOnlyExtension:`inspect-info-layout`,label:`Layout details`,get checked(){return d().layoutDetailsEnabled},onChange:t=>e.model.updateSettings({layoutDetailsEnabled:t})}),l),Z(l,u),Z(l,f),Z(u,ec(`Selection spacing`)),Q(l,Y(M_,{label:`Show`,get checked(){return e.selectionSpacingStyle.enabled},onChange:e=>p({enabled:e})}),f),Q(l,Y(M_,{label:`Diagonals`,get checked(){return e.selectionSpacingStyle.diagonals},onChange:e=>p({diagonals:e})}),f),Q(l,Y(c_,{variant:`legacy`,label:`Line color`,get value(){return e.selectionSpacingStyle.color},fallback:`#2563eb`,get ownerWindow(){return e.ownerWindow},onChange:e=>p({color:e})}),f),Q(l,Y(P_,{label:`Weight`,min:1,max:4,step:1,get value(){return e.selectionSpacingStyle.width},formatValue:e=>`${e}px`,parseInput:e=>Number.parseFloat(e),onChange:e=>p({width:e})}),f),Z(f,m),Z(f,h),Z(m,ec(`Pattern`)),Q(h,Y(_o,{each:j_,children:({value:n,label:r})=>{let i=()=>e.selectionSpacingStyle.pattern===n,a=`spacing-pattern-${n}`;var o=X(`button`,{type:`button`,role:`radio`,"aria-label":`${r} spacing pattern`,onClick:()=>p({pattern:n}),onMouseEnter:()=>t.onTooltipEnter(a),onFocus:()=>t.onTooltipEnter(a)});return Z(o,X(`span`,{"aria-hidden":`true`,class:`msr:block msr:w-full msr:border-t-2 msr:border-ink-700 ${n===`dashed`?`msr:border-dashed`:n===`dotted`?`msr:border-dotted`:`msr:border-solid`}`})),Q(o,Y(xl,{label:r,get visible(){return t.visibleTooltipId()===a},get instant(){return t.tooltipInstant()},class:`msr:z-10`}),null),q(()=>({e:i()?`true`:`false`,t:`msr:relative msr:flex msr:h-6 msr:min-w-0 msr:flex-1 msr:items-center msr:justify-center msr:rounded-[5px] msr:border msr:px-1 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${i()?`msr:border-[#0d99ff] msr:bg-[#0d99ff]/10`:`msr:border-ink-200 msr:bg-ink-50 msr:hover:bg-ink-100`}`,a:t.onTooltipLeave}),({e,t,a:n},r)=>{e!==r?.e&&$(o,`aria-checked`,e,r?.e),t!==r?.t&&$(o,`class`,t,r?.t),n!==r?.a&&$(o,`onBlur`,n,r?.a)}),o}})),Q(l,Y(K,{get when(){return e.selectionSpacingStyle.pattern!==`solid`},get children(){return[Y(P_,{label:`Length`,min:2,max:24,step:1,get value(){return e.selectionSpacingStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>p({dashLength:e})}),Y(P_,{label:`Gap`,min:0,max:24,step:1,get value(){return e.selectionSpacingStyle.gap},formatValue:e=>`${e}px`,onChange:e=>p({gap:e})})]}}),null),q(()=>({e:d().infoCardMode,t:t.onTooltipContainerLeave}),({e,t},n)=>{e!==n?.e&&$(a,`value`,e,n?.e),t!==n?.t&&$(h,`onMouseLeave`,t,n?.t)}),n}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`color-picker`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Color settings`}),n=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),r=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),i=X(`div`,{class:`msr:flex msr:min-w-0 msr:gap-1`}),a=X(`label`,{class:`msr:col-span-2 msr:flex msr:items-center msr:justify-between msr:gap-3 msr:text-[12px] msr:text-ink-700`}),o=ec(`Copy`),s=X(`select`,{class:`msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:py-1 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_#0d99ff]`,onChange:t=>{let n=t.currentTarget.value;O_(n)&&e.model.updateSettings({colorPickerClickFormat:n})}});return Z(t,n),Z(t,a),Z(n,r),Z(n,i),Z(r,ec(`Format`)),Q(i,Y(_o,{each:D_,children:e=>(()=>{var t=X(`button`,{type:`button`,onClick:()=>m(e)});return Q(t,e),q(()=>({e:d().colorPickerFormats.includes(e)?`true`:`false`,t:`msr:h-6 msr:min-w-0 msr:flex-1 msr:rounded-[5px] msr:border msr:px-1 msr:text-[11px] msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${d().colorPickerFormats.includes(e)?`msr:border-[#0d99ff] msr:bg-[#0d99ff] msr:text-white`:`msr:border-ink-200 msr:text-ink-500 msr:hover:bg-ink-50`}`}),({e,t:n},r)=>{e!==r?.e&&$(t,`aria-pressed`,e,r?.e),n!==r?.t&&$(t,`class`,n,r?.t)}),t})()})),Z(a,o),Z(a,s),Q(s,Y(_o,{each:D_,children:e=>(()=>{var t=X(`option`,{value:e});return Q(t,e),t})()})),q(()=>d().colorPickerClickFormat,(e,t)=>{$(s,`value`,e,t)}),t}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`rulers`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Ruler settings`});return Q(t,Y(P_,{label:`Opacity`,min:.2,max:1,step:.05,get value(){return d().rulerSettings.opacity},formatValue:e=>`${Math.round(e*100)}%`,parseInput:e=>Number.parseFloat(e)/100,onChange:t=>e.model.updateSettings({rulerSettings:{...e.model.current.settings.rulerSettings,opacity:t}})}),null),Q(t,Y(M_,{label:`Edge reveal`,get checked(){return d().rulerSettings.edgeReveal},onChange:t=>e.model.updateSettings({rulerSettings:{...e.model.current.settings.rulerSettings,edgeReveal:t}})}),null),t}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`general`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`General settings`}),u=X(`div`,{class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),f=X(`span`),p=X(`select`,{"aria-label":`Appearance`,class:`mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-[5px] 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)]`,onChange:t=>{let n=t.currentTarget.value;k_(n)&&e.model.updateSettings({theme:n})}}),m=X(`option`,{value:`system`}),h=X(`option`,{value:`light`}),g=X(`option`,{value:`dark`}),_=X(`div`,{class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),v=X(`span`),y=X(`span`,{class:`msr:justify-self-end msr:font-mono msr:text-[11px] msr:tabular-nums msr:text-ink-700`}),b=X(`div`,{class:`msr:col-span-2 msr:flex msr:justify-end msr:gap-1`}),x=X(`button`,{type:`button`,"aria-label":`Reset settings to defaults`,class:`msr:rounded-[5px] msr:border msr:border-ink-200 msr:px-2 msr:py-1 msr:text-[11px] msr:text-ink-700 msr:hover:bg-ink-50 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:l}),S=X(`button`,{type:`button`,"aria-label":`Clear workspace`,class:`msr:rounded-[5px] msr:border msr:border-red-200 msr:px-2 msr:py-1 msr:text-[11px] msr:text-red-600 msr:hover:bg-red-50 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#ef4444]`,onClick:()=>e.onClearWorkspace()});return Z(t,u),Z(t,_),Z(t,b),Q(t,Y(M_,{label:`Persist`,get checked(){return d().persistOnReload},onChange:t=>e.model.updateSettings({persistOnReload:t})}),u),Q(t,Y(M_,{label:`Shortcuts`,get checked(){return d().shortcutsEnabled},onChange:t=>e.model.updateSettings({shortcutsEnabled:t})}),u),Z(u,f),Z(u,p),Z(f,ec(`Appearance`)),Z(p,m),Z(p,h),Z(p,g),Z(m,ec(`System`)),Z(h,ec(`Light`)),Z(g,ec(`Dark`)),Q(t,Y(K,{get when(){return s().length>0},get children(){var e=X(`div`,{class:`msr:col-span-2 msr:mt-1 msr:rounded-[6px] msr:bg-ink-50/40`,"data-mesurer-plugin-settings":`true`,style:{overflow:`clip`}}),t=X(`button`,{type:`button`,"data-mesurer-plugin-settings-disclosure":`plugins`,class:`msr:flex msr:h-7 msr:w-full msr:items-center msr:gap-1 msr:px-2 msr:text-left msr:text-[11px] msr:font-medium msr:text-ink-700 msr:hover:bg-ink-50`,onClick:()=>r(e=>!e)}),c=X(`span`,{class:`msr:flex-1`}),l=X(`span`,{class:`msr:text-[10px] msr:font-normal msr:text-ink-400`});return Z(e,t),Z(t,c),Z(t,l),Z(c,ec(`Plugins`)),Q(l,()=>s().length),Q(t,Y(Wm,{size:10,get class(){return n()?`msr:rotate-180`:``}}),null),Q(e,Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:flex msr:flex-col`,"data-mesurer-plugin-settings-list":`true`});return Q(e,Y(_o,{get each(){return s()},children:e=>{let t=()=>i().includes(e.id),n=()=>e.enabled&&e.sections.length>0,r=()=>{n()&&a(t=>t.includes(e.id)?t.filter(t=>t!==e.id):[...t,e.id])},s=t=>{o?.setEnabled(e.id,t)};var c=X(`div`,{class:`msr:relative`}),l=X(`div`,{class:`msr:grid msr:h-7 msr:w-full msr:grid-cols-[minmax(0,1fr)_28px_34px] msr:items-center msr:hover:bg-ink-50`}),u=X(`button`,{type:`button`,role:`switch`,class:`msr:col-start-3 msr:flex msr:h-full msr:w-full msr:items-center msr:justify-end msr:disabled:opacity-45 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:()=>s(!e.enabled)}),d=X(`span`,{"aria-hidden":`true`}),f=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(c,l),Z(l,u),Q(l,Y(K,{get when(){return n()},get fallback(){var t=X(`span`,{class:`msr:col-start-1 msr:col-end-3 msr:ml-2 msr:min-w-0 msr:truncate msr:whitespace-nowrap msr:pr-2 msr:text-[11px] msr:text-ink-600`});return Q(t,()=>e.label),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-label`,e,n)}),t},get children(){var n=X(`button`,{type:`button`,class:`msr:col-start-1 msr:col-end-3 msr:flex msr:h-full msr:min-w-0 msr:items-center msr:text-left msr:text-ink-600 msr:hover:text-ink-700 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:r}),i=X(`span`,{class:`msr:ml-2 msr:min-w-0 msr:flex-1 msr:truncate msr:whitespace-nowrap msr:pr-2 msr:text-[11px]`}),a=X(`span`,{class:`msr:flex msr:size-7 msr:shrink-0 msr:items-center msr:justify-center msr:text-ink-500`});return Z(n,i),Z(n,a),Q(i,()=>e.label),Q(a,Y(Wm,{size:9,get class(){return t()?`msr:rotate-180`:``}})),q(()=>({e:`${e.label} settings`,t:e.id,a:t()?`true`:`false`,o:e.id}),({e,t,a:r,o:a},o)=>{e!==o?.e&&$(n,`aria-label`,e,o?.e),t!==o?.t&&$(n,`data-mesurer-plugin-settings-disclosure`,t,o?.t),r!==o?.a&&$(n,`aria-expanded`,r,o?.a),a!==o?.o&&$(i,`data-mesurer-plugin-label`,a,o?.o)}),n}}),u),Z(u,d),Z(d,f),Q(c,Y(K,{get when(){return e.description||e.error},get children(){var t=X(`div`,{class:`msr:bg-white/60 msr:px-2 msr:pb-1.5 msr:pt-0.5`});return Q(t,Y(K,{get when(){return e.description},get children(){var t=X(`p`,{class:`msr:m-0 msr:text-[10px] msr:leading-4 msr:text-ink-500`});return Q(t,()=>e.description),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-description`,e,n)}),t}}),null),Q(t,Y(K,{get when(){return e.error},get children(){var t=X(`p`,{class:`msr:m-0 msr:text-[10px] msr:leading-4 msr:text-ink-700`,role:`status`});return Q(t,()=>e.error),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-error`,e,n)}),t}}),null),t}}),null),Q(c,Y(K,{get when(){return J(()=>!!n())()?t():n()},get children(){var t=X(`div`,{class:`msr:flex msr:flex-col msr:gap-0.5 msr:bg-white/60 msr:py-1`});return Q(t,Y(_o,{get each(){return e.sections},children:e=>Y(_o,{get each(){return e.controls??[]},children:t=>Y(N_,{get label(){return t.label},get checked(){return t.value()},get disabled(){return t.disabled?.()??!1},onChange:n=>o?.update(e.id,t,n)})})})),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-settings-controls`,e,n)}),t}}),null),q(()=>({e:e.id,t:e.label,a:e.enabled?`true`:`false`,o:e.busy,i:e.id,n:e.enabled?`true`:void 0,s:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.enabled?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,h:{transform:`translateX(${e.enabled?12:0}px)`}}),({e,t,a:n,o:r,i,n:a,s:o,h:s},l)=>{e!==l?.e&&$(c,`data-mesurer-plugin-settings-section`,e,l?.e),t!==l?.t&&$(u,`aria-label`,t,l?.t),n!==l?.a&&$(u,`aria-checked`,n,l?.a),r!==l?.o&&$(u,`disabled`,r,l?.o),i!==l?.i&&$(u,`data-mesurer-plugin-toggle`,i,l?.i),a!==l?.n&&$(d,`data-checked`,a,l?.n),o!==l?.s&&$(d,`class`,o,l?.s),s!==l?.h&&$(f,`style`,s,l?.h)}),c}})),e}}),null),q(()=>n()?`true`:`false`,(e,n)=>{$(t,`aria-expanded`,e,n)}),e}}),_),Z(_,v),Z(_,y),Z(v,ec(`Version`)),Q(y,c),Z(b,x),Z(b,S),Z(x,ec(`Use defaults`)),Z(S,ec(`Clear workspace`)),q(()=>d().theme,(e,t)=>{$(p,`value`,e,t)}),t}}),null),g}var I_=272,L_=8,R_=4;function z_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:col-span-2 msr:grid msr:h-6 msr:w-full msr:appearance-none msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`,{class:`msr:whitespace-nowrap`}),r=X(`span`,{"aria-hidden":`true`,style:{"justify-self":`end`}}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.label,t:e.checked?`true`:`false`,a:e.disabled,o:e.id,i:e.checked?`true`:void 0,n:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,s:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s,n:c,s:l},u)=>{e!==u?.e&&$(t,`aria-label`,e,u?.e),n!==u?.t&&$(t,`aria-checked`,n,u?.t),a!==u?.a&&$(t,`disabled`,a,u?.a),o!==u?.o&&$(t,`data-mesurer-presentation-setting`,o,u?.o),s!==u?.i&&$(r,`data-checked`,s,u?.i),c!==u?.n&&$(r,`class`,c,u?.n),l!==u?.s&&$(i,`style`,l,u?.s)}),t}function B_(e){let t=E_(),[n,r]=G(null),i;Nn(()=>{let t=i,n=e.ownerWindow.document.defaultView??e.ownerWindow,a=n,o=a.MutationObserver;if(!t||!o)return;let s=t.closest(`[role='dialog'][aria-label='Settings']`),c=s?.parentElement??null,l=s?.closest(`[data-mesurer-toolbar='true']`)??null,u=0,d=()=>{if(u=0,!s?.isConnected||!c?.isConnected||l?.dataset.orientation===`vertical`)return;let e=n.innerWidth;if(e<=0)return;let t=s.getBoundingClientRect().width||I_,r=Math.min(t,Math.max(0,e-16)),i=c.getBoundingClientRect(),a=i.right+R_-r,o=Math.max(L_,e-L_-r),d=Math.min(o,Math.max(L_,a))-i.left,f=Number.parseFloat(s.style.left);(!Number.isFinite(f)||Math.abs(f-d)>.25)&&(s.style.left=`${d}px`,s.style.right=`auto`)},f=()=>{u||=n.requestAnimationFrame(d)},p=()=>{r(t.querySelector(`section[aria-label='General settings']`)),f()},m=new o(p);m.observe(t,{childList:!0,subtree:!0});let h=a.ResizeObserver,g=h?new h(f):null;return l&&g?.observe(l),c&&g?.observe(c),n.addEventListener(`resize`,f),p(),f(),()=>{m.disconnect(),g?.disconnect(),n.removeEventListener(`resize`,f),u&&n.cancelAnimationFrame(u)}});var a=X(`div`,{style:{display:`contents`}});return ic(()=>e=>{i=e},a),Q(a,Y(F_,e),null),Q(a,Y(K,{get when(){return n()},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{"data-mesurer-presentation-settings":`true`,class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,style:{order:`-1`}}),r=X(`label`,{class:`msr:col-span-2 msr:grid msr:h-8 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px]`}),i=X(`span`),a=X(`select`,{"aria-label":`Toolbar dock`,class:`msr:h-6 msr:rounded msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:text-[11px]`,onChange:t=>e.model.updateSettings({toolbarDock:t.currentTarget.value===`snap`?`snap`:`free`})}),o=X(`option`,{value:`free`}),s=X(`option`,{value:`snap`});return Z(n,r),Z(r,i),Z(r,a),Z(i,ec(`Dock`)),Z(a,o),Z(a,s),Z(o,ec(`Free`)),Z(s,ec(`Snap to edges`)),Q(n,Y(K,{get when(){return e.model.state.settings.toolbarDock===`snap`},get children(){return Y(z_,{id:`toolbar-auto-hide`,label:`Auto-hide`,get checked(){return e.model.state.settings.toolbarAutoHide},onChange:t=>e.model.updateSettings({toolbarAutoHide:t})})}}),null),Q(n,Y(_o,{get each(){return t?.generalSections?.()??[]},children:e=>Y(_o,{get each(){return e.controls??[]},children:n=>Y(z_,{get id(){return n.id},get label(){return n.label},get checked(){return n.value()},get disabled(){return n.disabled?.()??!1},onChange:r=>t?.update(e.id,n,r)})})}),null),q(()=>e.model.state.settings.toolbarDock,(e,t)=>{$(a,`value`,e,t)}),n}})}),null),a}function V_(e){let t=()=>e.disabled?`msr:bg-transparent msr:text-ink-500 msr:opacity-80 msr:cursor-default`:`msr:bg-transparent msr:text-black msr:hover:bg-black/4`,n=()=>e.shortcutsEnabled?e.shortcut:void 0;var r=X(`div`,{class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(e.id),onMouseLeave:()=>e.onTooltipLeave()}),i=X(`button`,{type:`button`,onClick:()=>e.onClick()});return Z(r,i),Q(i,()=>e.children),Q(r,Y(xl,{get label(){return e.label},get shortcut(){return n()},get visible(){return e.tooltipVisible},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),q(()=>({e:e.builtin,t:e.toolId,a:e.builtin,o:e.toolId,i:e.active?`true`:`false`,n:e.expanded===void 0?void 0:e.expanded?`true`:`false`,s:`${e.label}${n()?` (${n()})`:``}`,h:e.disabled??!1,r:`msr:flex msr:size-8 msr:select-none msr:items-center msr:justify-center msr:rounded-[8px] msr:outline-none ${e.active?`msr:bg-[#0d99ff] msr:text-white`:t()}`}),({e,t,a:n,o:a,i:o,n:s,s:c,h:l,r:u},d)=>{e!==d?.e&&$(r,`data-mesurer-builtin`,e,d?.e),t!==d?.t&&$(r,`data-mesurer-tool-id`,t,d?.t),n!==d?.a&&$(i,`data-mesurer-builtin`,n,d?.a),a!==d?.o&&$(i,`data-mesurer-tool-id`,a,d?.o),o!==d?.i&&$(i,`aria-pressed`,o,d?.i),s!==d?.n&&$(i,`aria-expanded`,s,d?.n),c!==d?.s&&$(i,`aria-label`,c,d?.s),l!==d?.h&&$(i,`disabled`,l,d?.h),u!==d?.r&&$(i,`class`,u,d?.r)}),r}function H_(e){var t=X(`div`,{"data-mesurer-toolbar-compact-item":`true`});return Q(t,()=>e.children),q(()=>({e:e.visible?`true`:`false`,t:e.visible?void 0:`true`,a:!e.visible||void 0,o:`msr:flex msr:min-w-0 msr:flex-none msr:transition-[max-width,opacity,transform,padding] msr:duration-150 msr:ease-[ease] msr:motion-reduce:transition-none ${e.visible?`msr:max-w-20 msr:px-0.5 msr:translate-x-0 msr:overflow-visible msr:opacity-100`:`msr:max-w-0 msr:px-0 msr:-translate-x-1 msr:overflow-hidden msr:opacity-0 msr:pointer-events-none`}`}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`data-visible`,e,a?.e),n!==a?.t&&$(t,`aria-hidden`,n,a?.t),r!==a?.a&&$(t,`inert`,r,a?.a),i!==a?.o&&$(t,`class`,i,a?.o)}),t}function U_(e){let t=()=>e.visible??!0;var n=X(`div`,{"aria-hidden":`true`});return q(()=>({e:e.marker??`true`,t:t()?`true`:`false`,a:`mesurer-toolbar-divider msr:self-stretch msr:flex-none msr:bg-black/10 msr:transition-[width,opacity] msr:duration-150 msr:ease-[ease] msr:motion-reduce:transition-none ${t()?`msr:opacity-100`:`msr:opacity-0`}`}),({e,t,a:r},i)=>{e!==i?.e&&$(n,`data-mesurer-toolbar-divider`,e,i?.e),t!==i?.t&&$(n,`data-visible`,t,i?.t),r!==i?.a&&$(n,`class`,r,i?.a)}),n}function W_(e){let t=t=>e.shortcutsEnabled?t:void 0;var n=X(`div`,{class:`mesurer-toolbar-mode-switch msr:flex msr:flex-none msr:self-center msr:items-center msr:gap-[2px] msr:p-[2px]`,"data-mesurer-toolbar-mode-switch":`true`,role:`group`,"aria-label":`Toolbar mode`}),r=X(`span`,{class:`mesurer-toolbar-mode-switch-pill`,"aria-hidden":`true`}),i=X(`div`,{"data-mesurer-toolbar-mode-select-control":`true`,class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-select`),onMouseLeave:()=>e.onTooltipLeave()}),a=X(`button`,{type:`button`,"data-mesurer-toolbar-mode":`select`,class:`mesurer-toolbar-mode-button`}),o=X(`div`,{"data-mesurer-plugin-menu-root":`true`,"data-mesurer-toolbar-edit-control":`true`,class:`msr:relative msr:flex msr:items-stretch`}),s=X(`div`,{class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-edit`),onMouseLeave:()=>e.onTooltipLeave()}),c=X(`button`,{type:`button`,"data-mesurer-toolbar-mode":`edit`,class:`mesurer-toolbar-mode-button`});return Z(n,r),Z(n,i),Z(n,o),Z(i,a),Q(a,Y(zm,{size:20})),Q(i,Y(xl,{label:`Select`,get shortcut(){return t(`1`)},get visible(){return e.tooltipVisibleId===`toolbar-mode-select`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),Z(o,s),Z(s,c),Q(c,Y(Bm,{size:20})),Q(s,Y(xl,{label:`Edit`,get shortcut(){return t(`2`)},get visible(){return J(()=>!e.editDisabled)()&&e.tooltipVisibleId===`toolbar-mode-edit`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),Q(o,Y(K,{get when(){return e.editOptionsAvailable},get children(){var t=X(`button`,{type:`button`,"aria-label":`Edit options`,"aria-haspopup":`menu`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-edit-options`),onMouseLeave:()=>e.onTooltipLeave(),onClick:t=>e.onEditOptions(t.currentTarget.parentElement??t.currentTarget)});return Q(t,Y(Wm,{size:8}),null),Q(t,Y(xl,{label:`Edit options`,get visible(){return J(()=>!e.editDisabled)()&&e.tooltipVisibleId===`toolbar-mode-edit-options`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),q(()=>({e:e.editToolId,t:e.editOptionsOpen?`true`:`false`,a:e.editDisabled,o:`msr:relative msr:flex msr:h-7 msr:w-4 msr:items-center msr:justify-center msr:self-center msr:rounded-[3px] msr:outline-none ${e.editOptionsOpen?`msr:bg-black/10 msr:text-black`:`msr:text-black msr:hover:bg-black/10`}`}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`data-mesurer-tool-menu-trigger`,e,a?.e),n!==a?.t&&$(t,`aria-expanded`,n,a?.t),r!==a?.a&&$(t,`disabled`,r,a?.a),i!==a?.o&&$(t,`class`,i,a?.o)}),t}}),null),Q(o,()=>e.editOptions,null),q(()=>({e:e.value,t:e.compact?`true`:`false`,a:`Select mode${t(`1`)?` (1)`:``}`,o:t(`1`),i:e.value===`select`?`true`:`false`,n:e.onSelect,s:e.editToolId,h:e.editToolId,r:`Edit mode${t(`2`)?` (2)`:``}`,d:t(`2`),l:e.value===`edit`?`true`:`false`,u:e.editDisabled,c:e.onEdit}),({e,t,a:r,o:i,i:s,n:l,s:u,h:d,r:f,d:p,l:m,u:h,c:g},_)=>{e!==_?.e&&$(n,`data-value`,e,_?.e),t!==_?.t&&$(n,`data-compact`,t,_?.t),r!==_?.a&&$(a,`aria-label`,r,_?.a),i!==_?.o&&$(a,`aria-keyshortcuts`,i,_?.o),s!==_?.i&&$(a,`aria-pressed`,s,_?.i),l!==_?.n&&$(a,`onClick`,l,_?.n),u!==_?.s&&$(o,`data-mesurer-tool-menu-root`,u,_?.s),d!==_?.h&&$(c,`data-mesurer-tool-id`,d,_?.h),f!==_?.r&&$(c,`aria-label`,f,_?.r),p!==_?.d&&$(c,`aria-keyshortcuts`,p,_?.d),m!==_?.l&&$(c,`aria-pressed`,m,_?.l),h!==_?.u&&$(c,`disabled`,h,_?.u),g!==_?.c&&$(c,`onClick`,g,_?.c)}),n}function G_(e){return Y(K,{get when(){return e.tool.icon},get fallback(){var t=X(`span`,{class:`msr:text-[12px] msr:font-semibold`});return Q(t,()=>e.tool.label.slice(0,1).toUpperCase()),t},children:e=>(()=>{var t=X(`svg`,{width:`20`,height:`20`,"aria-hidden":`true`});return Q(t,Y(_o,{get each(){return e().paths},children:e=>X(`path`,{d:e,fill:`currentColor`})})),q(()=>e().viewBox??`0 0 24 24`,(e,n)=>{$(t,`viewBox`,e,n)}),t})()})}var K_=6,q_=`input, textarea, select, [contenteditable], [data-slider-container], [role='menu'], [role='dialog']`,J_=176,Y_=224,X_=360,Z_=6.5,Q_=52,$_=28,ev=8,tv=8,nv=272,rv=8,iv=72,av=360,ov=352,sv=8,cv=260,lv=14;function uv(e){let[t,n]=G(e.initialPosition??{x:16,y:16}),[r,i]=G(e.initialPosition?.edge??null),[a,o]=G(en(()=>e.model.state.settings.toolbarDock===`snap`&&(e.initialPosition?.vertical??Hh(e.initialPosition?.edge??null)))),[s,c]=G(e.initialPosition?.align??`center`),l=e.initialPosition?.align??`center`,u=()=>e.model.state.settings.toolbarDock===`snap`,d=()=>{let n=Fh(e.ownerWindow),i=t(),a=pe();if(r()!==`top`||!n)return 0;let o=i.y-a.height-10;if(!(o<n.y+n.height&&o+a.height>n.y))return 0;let s=n.x+n.width-i.x;return i.x+s+a.width<=e.ownerWindow.innerWidth-8?s:n.x-(i.x+a.width)},f=()=>({width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight}),p=0,[m,h]=G(!1),g=()=>{e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches||(e.ownerWindow.clearTimeout(p),h(!0),p=e.ownerWindow.setTimeout(()=>h(!1),378))},[_,v]=G(null),[y,b]=G(!1),[x,S]=G(!1),[C,w]=G(null),[T,E]=G(!1),[D,O]=G(null),[k,A]=G(0),[j,M]=G(`right`),[N,P]=G(!1),[F,I]=G(0),L=Sl(e.ownerWindow),R,z,B=null,V=!1,ee,H,U,W,te,ne,re=!1,ie=null,ae=null,[oe,se]=G(!1),ce=0,le=0,ue=0,de=0,fe=()=>R?.ownerDocument.defaultView??e.ownerWindow,pe=()=>({width:R?.offsetWidth??0,height:R?.offsetHeight??0}),me=(t,n=pe())=>zh(e.ownerWindow,t,n,f(),u()&&r()?16:8),he=t=>e.onPositionChange?.({...t,edge:u()?r():null,align:l,vertical:a()}),ge=dg(),_e=null,ve=e=>{e!==a()&&(R&&(_e={capture:ge.captureToolbarTurn(R),vertical:e}),o(e),Pe())},ye=()=>{Pe(),_e&&R&&!e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches&&ge.playToolbarTurn(R,_e.capture,_e.vertical),_e=null},be=()=>{if(!u()||y()||!R)return;let e=eg({point:t(),size:pe(),viewport:f(),glued:r(),align:r()?l:void 0});l=e.align,c(l),i(e.side),ve(Hh(e.side)),n(me(Xh(e.side,l,pe(),f()))),ye()},xe=null,Se=()=>(e.pluginTools??[]).some(e=>e.id===`recording`&&(e.active?.()??!1)),Ce=()=>Se()?null:e.motion?.element()??null,we=null;mo(Ce,e=>{e!==we&&(we=e,v(null))});let Te=(e,t)=>{fe().queueMicrotask(()=>{t===de&&(se(e),Pe())})},Ee=()=>{let e=fe(),t=++de;if(ce&&=(e.clearTimeout(ce),0),!Oh(e)){Te(!1,t);return}ce=e.setTimeout(()=>{ce=0,t===de&&Te(Oh(fe()),t)},100)},De=()=>e.model.state.toolMode===`select`,Oe=()=>e.model.state.xrayVisible,ke=()=>e.model.state.colorPickerActive,Ae=()=>e.model.state.rulersVisible,je=()=>e.model.state.toolMode===`text-inspector`||(e.typographyContextActive??!1),Me=()=>e.model.state.toolMode===`guides`,Ne=()=>e.model.state.settingsOpen,Fe=()=>(e.pluginTools??[]).find(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`),Ie=()=>Fe()?.active?.()?`edit`:`select`,Le=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`select`&&!e.modeSwitch),Re=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`edit`&&!e.modeSwitch),ze=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`always`||e.toolbarMode===void 0),Be=e=>e.active?.()??!1,Ve=()=>ze().some(Be),He=()=>Le().some(Be),Ue=()=>Re().some(Be),We=()=>De()||Oe()||ke()||je()||e.responsiveOpen===!0,Ge=()=>Ie()===`select`?We()||He():Ue(),Ke=()=>Ae()||Me(),qe=e=>!N()||e,Je=()=>ze().length>0&&(!N()||Ge()||Ke()||Ve()),Ye=()=>!N()||Ge()||Ke()||Ve()||Ne(),Xe=()=>!T()&&!D()&&!e.model.state.settingsOpen,Ze=()=>T()||D()!==null||e.model.state.settingsOpen,Qe=og({ownerWindow:e.ownerWindow,element:()=>R,enabled:()=>u()&&e.model.state.settings.toolbarAutoHide,edge:r,busy:()=>y()||Ze()||!!Ce()||Se()||x()||ke()||(e.pluginTools??[]).some(Be)||je()}),$e=t=>e.isBuiltinActionDisabled?.(t)??!1,et=()=>e.ownerWindow.innerHeight||0,tt=()=>t().y<56,nt=()=>et()>0&&t().y>et()-56,rt=()=>a()?t().x<e.ownerWindow.innerWidth/2?`right`:`left`:tt()&&!nt()?`bottom`:`top`,it=()=>{t();let e=H?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-rv),r=Math.max(0,e.top-rv);return n>=iv||n>=r?`bottom`:`top`},at=()=>{t();let e=R?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-rv),r=Math.max(0,e.top-rv);return n>=av||n>=r?`bottom`:`top`},ot=()=>{t(),N(),Ne(),F();let n=(N()?R:ee)?.getBoundingClientRect();if(!n)return 0;let r=e.ownerWindow.innerWidth||288,i=Math.min(nv,Math.max(0,r-16)),a=n.right+4-i,o=Math.max(rv,r-rv-i);return Math.min(o,Math.max(rv,a))-n.left},st=()=>{let n=t();N(),F();let r=R?.getBoundingClientRect(),i=r&&{left:u()?r.left:n.x,top:u()?r.top:n.y,right:(u()?r.left:n.x)+r.width,bottom:(u()?r.top:n.y)+r.height},o=e.ownerWindow.innerWidth||368,s=e.ownerWindow.innerHeight||276,c=Math.min(ov,Math.max(0,o-16));if(!i)return{left:rv,top:rv,bottom:null,width:c,maxHeight:Math.max(0,s-16)};if(a()){let e=i.left<o/2,t=e?o-i.right-sv-rv:i.left-sv-rv,n=Math.min(c,Math.max(0,t));return{left:e?i.right+sv:i.left-sv-n,top:Math.min(Math.max(rv,i.top),Math.max(rv,s-cv-rv)),bottom:null,width:n,maxHeight:s-16}}let l=Math.min(Math.max(rv,i.left),Math.max(rv,o-rv-c)),d=Math.max(0,s-i.bottom-sv-rv),f=Math.max(0,i.top-sv-rv);return d>=cv||d>=f?{left:l,top:i.bottom+sv,bottom:null,width:c,maxHeight:d}:{left:l,top:null,bottom:s-i.top+sv,width:c,maxHeight:f}},ct=()=>{let t=st(),n=_();if(!n)return t;let r=Math.max(rv,e.ownerWindow.innerWidth-t.width-rv),i=Math.max(rv,e.ownerWindow.innerHeight-cv-rv);return{...t,left:Math.min(r,Math.max(rv,n.x)),top:Math.min(i,Math.max(rv,n.y)),bottom:null,maxHeight:Math.max(0,e.ownerWindow.innerHeight-16)}},lt=(t,n)=>{if(t.button!==0)return;let r=t.target;if(!(r instanceof e.ownerWindow.Element)||r.closest(`button, input, select, textarea, [role='slider']`)&&!r.closest(`button[aria-label="Motion preview"]`))return;let i=n.getBoundingClientRect(),a=t.clientX,o=t.clientY,s=t.pointerId,c=n.style.transform,l=n.style.willChange,u=0,d=!1,f=i.left,p=i.top;B?.(),V=!1;let m=()=>{u=0,n.style.transform=`translate3d(${f-i.left}px, ${p-i.top}px, 0)`},h=t=>{if(t.pointerId!==s)return;let r=t.clientX-a,c=t.clientY-o;if(!d&&Math.hypot(r,c)<lv)return;d||(d=!0,n.setPointerCapture(s),b(!0),n.style.willChange=`transform`);let l=Math.max(rv,e.ownerWindow.innerWidth-i.width-rv),h=Math.max(rv,e.ownerWindow.innerHeight-i.height-rv);f=Math.min(l,Math.max(rv,i.left+r)),p=Math.min(h,Math.max(rv,i.top+c)),u||=e.ownerWindow.requestAnimationFrame(m)},g=t=>{u&&e.ownerWindow.cancelAnimationFrame(u),u=0,d&&t&&v({x:f,y:p}),n.style.transform=c,n.style.willChange=l,n.hasPointerCapture(s)&&n.releasePointerCapture(s),b(!1),e.ownerWindow.removeEventListener(`pointermove`,h,!0),e.ownerWindow.removeEventListener(`pointerup`,_,!0),e.ownerWindow.removeEventListener(`pointercancel`,_,!0),B=null},_=e=>{e.pointerId===s&&(V=d,g(e.type===`pointerup`))};B=()=>g(!1),e.ownerWindow.addEventListener(`pointermove`,h,!0),e.ownerWindow.addEventListener(`pointerup`,_,!0),e.ownerWindow.addEventListener(`pointercancel`,_,!0)},ut=()=>{let t=H?.getBoundingClientRect();if(!t)return;let n=t.right-J_,r=t.left+J_;if(n<rv){M(`left`);return}if(r>e.ownerWindow.innerWidth-rv){M(`right`);return}M(`right`)},dt=t=>{let n=(t.menu?.items??[]).reduce((t,n)=>{let r=e.model.state.settings.shortcutsEnabled&&n.shortcut?n.shortcut.length+2:0;return Math.max(t,n.label.length+r)},0);return Math.min(X_,Math.max(Y_,Math.ceil(n*Z_+Q_)))},ft=n=>{t(),F();let r=ne?.getBoundingClientRect(),i=e.ownerWindow.innerWidth||240,a=et(),o=Math.min(dt(n),Math.max(0,i-16));if(!r)return{side:nt()?`top`:`bottom`,left:0,width:o,maxHeight:Math.max(0,a-16)};let s=(n.menu?.items.length??0)*$_+ev,c=Math.max(0,a-r.bottom-rv-tv),l=Math.max(0,r.top-rv-tv),u=c>=s||c>=l?`bottom`:`top`,d=u===`bottom`?c:l,f=r.right-o,p=Math.max(rv,i-rv-o);return{side:u,left:Math.min(p,Math.max(rv,f))-r.left,width:o,maxHeight:d}},pt=(e,t)=>{if(D()===e){O(null),ne=void 0;return}ne=t,O(e)},mt=o=>{if(o.button!==0)return;let s=e.ownerWindow.Element,d=o.target;if(d instanceof s&&d.closest(q_))return;let p=e.ownerWindow.document.documentElement;ie===null&&(ie=p.style.userSelect,p.style.setProperty(`user-select`,`none`,`important`));let m=o.clientX,h=o.clientY;ae?.();let v=t(),y=o.currentTarget,x=y.getBoundingClientRect(),S=pe(),C=a(),T=e=>e===C?S:{width:S.height,height:S.width},D=y.style.transform,k=y.style.willChange,A=_()?null:z,j=A?.style.transform??``,M=!1,N=!1,P=0,F=v,I=o.pointerId,L=a()?{along:(h-x.top)/x.height,across:(m-x.left)/x.width}:{along:(m-x.left)/x.width,across:(h-x.top)/x.height},R=!1,B=!1,V={x:m,y:h},ee=()=>{if(P=0,u()){n(F),ye();return}let e=`translate3d(${F.x-v.x}px, ${F.y-v.y}px, 0)`;y.style.transform=e,A&&(A.style.transform=e)},H=t=>{if(t.pointerId!==I)return;let n=t.clientX-m,o=t.clientY-h;if(!M){if(M=Math.abs(n)>K_||Math.abs(o)>K_,!M)return;y.setPointerCapture(I),E(!1),O(null),ne=void 0,y.style.willChange=`transform`,A&&(A.style.willChange=`transform`),b(!0),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})}if(N=!0,V={x:t.clientX,y:t.clientY},u()){let e=ag({pointer:V,grab:L,glued:r(),upright:a(),pushed:R,latched:B,sizeFor:T,viewport:f()});R=e.pushed,B=e.latched,i(e.side),ve(e.upright);let t=ag({pointer:V,grab:L,glued:e.side,upright:e.upright,pushed:R,latched:B,sizeFor:T,viewport:f()});F=me(t.position,T(e.upright));let n=T(e.upright),o=Math.min(n.width,n.height);w(e.side?{side:e.side,align:Yh(e.side,F,n,f())}:rg(V,e.upright,{width:o,height:o},f()))}else F=zh(e.ownerWindow,{x:v.x+n,y:v.y+o},{width:x.width,height:x.height},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight});P||=e.ownerWindow.requestAnimationFrame(ee)},U=t=>{if(P&&e.ownerWindow.cancelAnimationFrame(P),P=0,w(null),y.style.transform=D,y.style.willChange=k,y.hasPointerCapture(I)&&y.releasePointerCapture(I),A&&(A.style.transform=j,A.style.willChange=``),N&&t){if(u()){let e=Math.min(S.width,S.height),t=r()?{side:r(),align:l}:rg(V,a(),{width:e,height:e},f());i(t.side),ve(Hh(t.side));let n=pe();l=r()?Yh(t.side,F,n,f()):t.align,c(l),F=me(Xh(t.side,l,n,f()),n),g()}n(F),ye(),he(F)}b(!1),N&&t&&u()&&xe?.(),ie!==null&&(p.style.userSelect=ie,ie=null),e.ownerWindow.removeEventListener(`pointermove`,H,!0),e.ownerWindow.removeEventListener(`pointerup`,W,!0),e.ownerWindow.removeEventListener(`pointercancel`,W,!0),ae=null},W=e=>{e.pointerId===I&&(re=N,U(e.type===`pointerup`))};ae=()=>U(!1),e.ownerWindow.addEventListener(`pointermove`,H,!0),e.ownerWindow.addEventListener(`pointerup`,W,!0),e.ownerWindow.addEventListener(`pointercancel`,W,!0)},ht=t=>{e.model.setEnabled(!0),e.model.current.toolMode!==`guides`&&e.model.toggleToolMode(`guides`),e.model.setGuideOrientation(t,!0),E(!1)},gt=()=>{let t=!N();t&&(E(!1),O(null),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})),le&&e.ownerWindow.clearTimeout(le),U&&(U.dataset.compactMotion=`true`),P(t),le=e.ownerWindow.setTimeout(()=>{le=0,U&&delete U.dataset.compactMotion,I(e=>e+1)},170)},_t=()=>{ue&&e.ownerWindow.clearTimeout(ue),U&&(U.dataset.modeMotion=`true`),ue=e.ownerWindow.setTimeout(()=>{ue=0,U&&delete U.dataset.modeMotion},170)},vt=()=>{let t=Fe();t?.active?.()&&(O(null),_t(),e.onPluginTool?.(t))},yt=()=>{let t=Fe();!t||t.disabled?.()||(E(!1),O(null),_t(),e.onPluginTool?.(t))},bt=t=>({shortcutsEnabled:e.model.state.settings.shortcutsEnabled,tooltipVisible:Xe()&&L.visibleTooltipId()===t,tooltipInstant:L.tooltipInstant(),tooltipSide:rt(),onTooltipEnter:L.onTooltipEnter,onTooltipLeave:L.onTooltipLeave}),xt=t=>Y(K,{get when(){return D()===t.id},get children(){var n=X(`div`,{role:`menu`,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),O(null))}});return Q(n,Y(_o,{get each(){return t.menu?.items??[]},children:n=>(()=>{var r=X(`button`,{type:`button`,class:`msr:flex msr:h-7 msr:w-full msr:min-w-0 msr:shrink-0 msr:items-center msr:gap-2 msr:overflow-hidden msr:rounded-md msr:px-2 msr:text-left msr:text-[12px] msr:text-ink-700 msr:outline-none msr:whitespace-nowrap msr:hover:bg-[#0d99ff] msr:hover:text-white msr:focus-visible:bg-[#0d99ff] msr:focus-visible:text-white msr:disabled:opacity-40`,onClick:()=>{e.onPluginToolMenuItem?.(t,n),O(null)}}),i=X(`span`,{class:`msr:flex msr:w-3 msr:shrink-0 msr:justify-center`}),a=X(`span`,{class:`msr:min-w-0 msr:flex-1 msr:overflow-hidden msr:text-ellipsis msr:whitespace-nowrap`});return Z(r,i),Z(r,a),Q(i,Y(Gm,{size:12,get class(){return n.checked?.()?`msr:opacity-100`:`msr:opacity-0`}})),Q(a,()=>n.label),Q(r,Y(K,{get when(){return J(()=>!!e.model.state.settings.shortcutsEnabled)()?n.shortcut:e.model.state.settings.shortcutsEnabled},get children(){var e=X(`span`,{class:`msr:shrink-0 msr:text-[10px] msr:opacity-60`});return Q(e,()=>n.shortcut),e}}),null),q(()=>({e:n.checked?`menuitemcheckbox`:`menuitem`,t:n.checked?n.checked()?`true`:`false`:void 0,a:n.id,o:n.disabled?.()??!1}),({e,t,a:n,o:i},a)=>{e!==a?.e&&$(r,`role`,e,a?.e),t!==a?.t&&$(r,`aria-checked`,t,a?.t),n!==a?.a&&$(r,`data-mesurer-tool-menu-item`,n,a?.a),i!==a?.o&&$(r,`disabled`,i,a?.o)}),r})()})),q(()=>({e:t.id,t:ft(t).side,a:`mesurer-menu-surface msr:absolute msr:z-[70] msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-1 msr:outline-none msr:flex msr:flex-col msr:gap-px msr:overflow-x-hidden msr:overflow-y-auto ${ft(t).side===`top`?`msr:bottom-full msr:mb-2`:`msr:top-full msr:mt-2`}`,o:{left:`${ft(t).left}px`,right:`auto`,width:`${ft(t).width}px`,"max-height":`${ft(t).maxHeight}px`},i:t.menu?.label??`${t.label} options`}),({e,t,a:r,o:i,i:a},o)=>{e!==o?.e&&$(n,`data-mesurer-tool-menu`,e,o?.e),t!==o?.t&&$(n,`data-mesurer-menu-side`,t,o?.t),r!==o?.a&&$(n,`class`,r,o?.a),i!==o?.o&&$(n,`style`,i,o?.o),a!==o?.i&&$(n,`aria-label`,a,o?.i)}),n}}),St=t=>Y(H_,{get visible(){return qe(Be(t))},get children(){return Y(K,{get when(){return(t.menu?.items.length??0)>0},get fallback(){return Y(V_,nc({get id(){return`plugin:${t.id}`},get toolId(){return t.id},get active(){return t.active?.()??!1},get expanded(){return J(()=>t.id===`context.notes`)()?t.active?.()??!1:void 0},get disabled(){return t.disabled?.()??!1},get label(){return t.label},get shortcut(){return t.shortcut},onClick:()=>e.onPluginTool?.(t)},()=>bt(`plugin:${t.id}`),{get children(){return Y(G_,{tool:t})}}))},get children(){var n=X(`div`,{"data-mesurer-plugin-menu-root":`true`,class:`msr:relative msr:flex msr:items-stretch`}),r=X(`button`,{type:`button`,onMouseEnter:()=>L.onTooltipEnter(`plugin-menu:${t.id}`),onClick:e=>pt(t.id,e.currentTarget.parentElement??e.currentTarget)});return Z(n,r),Q(n,Y(V_,nc({get id(){return`plugin:${t.id}`},get toolId(){return t.id},get active(){return t.active?.()??!1},get expanded(){return J(()=>t.id===`context.notes`)()?t.active?.()??!1:void 0},get disabled(){return t.disabled?.()??!1},get label(){return t.label},get shortcut(){return t.shortcut},onClick:()=>e.onPluginTool?.(t)},()=>bt(`plugin:${t.id}`),{get children(){return Y(G_,{tool:t})}})),r),Q(r,Y(Wm,{size:8}),null),Q(r,Y(xl,{get label(){return`${t.label} options`},get visible(){return J(()=>!!Xe())()?L.visibleTooltipId()===`plugin-menu:${t.id}`:Xe()},get instant(){return L.tooltipInstant()},get side(){return rt()}}),null),Q(n,()=>xt(t),null),q(()=>({e:t.id,t:t.id,a:`${t.label} options`,o:D()===t.id?`true`:`false`,i:`msr:relative msr:flex msr:h-8 msr:w-4 msr:items-center msr:justify-center msr:rounded-[6px] msr:outline-none msr:hover:bg-black/10 ${D()===t.id?`msr:bg-black/10 msr:text-black`:`msr:text-black`}`,n:L.onTooltipLeave}),({e,t,a:i,o:a,i:o,n:s},c)=>{e!==c?.e&&$(n,`data-mesurer-tool-menu-root`,e,c?.e),t!==c?.t&&$(r,`data-mesurer-tool-menu-trigger`,t,c?.t),i!==c?.a&&$(r,`aria-label`,i,c?.a),a!==c?.o&&$(r,`aria-expanded`,a,c?.o),o!==c?.i&&$(r,`class`,o,c?.i),s!==c?.n&&$(r,`onMouseLeave`,s,c?.n)}),n}})}});Nn(()=>{Ee();let t=()=>Ee(),n=t=>{let n=t.composedPath();T()&&H&&!n.includes(H)&&E(!1);let r=n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-plugin-menu-root`)===`true`);D()&&!r&&O(null);let i=ee&&n.includes(ee)||n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-toolbar-compact-settings`)===`true`);e.model.current.settingsOpen&&!i&&e.model.setTransient({settingsOpen:!1})},r=e=>{re&&=(e.preventDefault(),e.stopPropagation(),!1)},i=e=>{e.key!==`Escape`||!D()||(e.preventDefault(),e.stopPropagation(),O(null))},a=()=>{E(!1),O(null),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})},o=()=>{T()&&ut(),I(e=>e+1)},s=e.ownerWindow.document;return e.ownerWindow.addEventListener(`pointerdown`,n),e.ownerWindow.addEventListener(`focus`,t),e.ownerWindow.addEventListener(`pageshow`,t),e.ownerWindow.document.addEventListener(`visibilitychange`,t),s.addEventListener(`keydown`,i,!0),e.ownerWindow.addEventListener(`resize`,o),e.ownerWindow.addEventListener(`mesurer:responsive-frame-pointerdown`,a),R?.addEventListener(`click`,r,!0),()=>{de+=1,ce&&=(fe().clearTimeout(ce),0),le&&=(e.ownerWindow.clearTimeout(le),0),ue&&=(e.ownerWindow.clearTimeout(ue),0),e.ownerWindow.removeEventListener(`pointerdown`,n),e.ownerWindow.removeEventListener(`focus`,t),e.ownerWindow.removeEventListener(`pageshow`,t),e.ownerWindow.document.removeEventListener(`visibilitychange`,t),s.removeEventListener(`keydown`,i,!0),e.ownerWindow.removeEventListener(`resize`,o),e.ownerWindow.removeEventListener(`mesurer:responsive-frame-pointerdown`,a),R?.removeEventListener(`click`,r,!0),ae?.(),B?.(),ie!==null&&(e.ownerWindow.document.documentElement.style.userSelect=ie)}}),Nn(()=>{let t=U,n=W,r=te;if(!t||!n||!r)return;let i=()=>{t.style.setProperty(`--msr-select-mode-w`,`${n.offsetWidth}px`),t.style.setProperty(`--msr-edit-mode-w`,`${r.offsetWidth}px`),t.style.setProperty(`--msr-select-mode-h`,`${n.offsetHeight}px`),t.style.setProperty(`--msr-edit-mode-h`,`${r.offsetHeight}px`)};i();let a=e.ownerWindow.ResizeObserver,o=0,s=a?new a(()=>{o||=e.ownerWindow.requestAnimationFrame(()=>{o=0,i()})}):null;s?.observe(n),s?.observe(r);let c=e.ownerWindow.requestAnimationFrame(()=>{t.dataset.ready=`true`,i()});return()=>{e.ownerWindow.cancelAnimationFrame(c),o&&e.ownerWindow.cancelAnimationFrame(o),s?.disconnect()}});let Ct=en(u);return mo(u,e=>{e!==Ct&&(Ct=e,en(()=>{e?be():(i(null),ve(!1),n(me(t())),ye(),he(t()))}))}),mo(()=>[Qe.tucked(),m(),a()],()=>{let t=0,n=e.ownerWindow.performance.now()+400,r=()=>{I(e=>e+1),e.ownerWindow.performance.now()<n&&(t=e.ownerWindow.requestAnimationFrame(r))};return t=e.ownerWindow.requestAnimationFrame(r),()=>e.ownerWindow.cancelAnimationFrame(t)}),Nn(()=>{let n=0,r=0,i=0,a=()=>{!u()||y()||(be(),e.ownerWindow.clearTimeout(n),n=e.ownerWindow.setTimeout(()=>he(t()),300))},o=()=>{r||=e.ownerWindow.requestAnimationFrame(()=>{r=0,a()})};xe=()=>{e.ownerWindow.clearTimeout(i),i=e.ownerWindow.setTimeout(()=>{i=0,o()},180)};let s=e.ownerWindow,c=s.ResizeObserver?new s.ResizeObserver(o):null;return R&&c?.observe(R),e.ownerWindow.addEventListener(`resize`,o),a(),()=>{c?.disconnect(),xe=null,e.ownerWindow.removeEventListener(`resize`,o),r&&e.ownerWindow.cancelAnimationFrame(r),e.ownerWindow.clearTimeout(i),e.ownerWindow.clearTimeout(n),e.ownerWindow.clearTimeout(p),ge.cancel()}}),Nn(()=>{let t=R;if(!t)return;let n=0,r=0,i=new Map,o=()=>{n=0;for(let[e,n]of i)if(!(e.isConnected&&t.contains(e))){for(let[t,r]of n)r?e.style.setProperty(t,r):e.style.removeProperty(t);i.delete(e)}if(a()){let n=t.getBoundingClientRect(),r=n.left<e.ownerWindow.innerWidth/2;for(let a of t.querySelectorAll(`[role='menu'], [role='dialog']`)){let t=a.parentElement?.getBoundingClientRect();if(!t)continue;let o=a.getBoundingClientRect(),s=o.width,c=i.get(a)?.get(`width`);if(c!==void 0){let e=a.style.getPropertyValue(`width`);c?a.style.setProperty(`width`,c):a.style.removeProperty(`width`),s=a.getBoundingClientRect().width,e?a.style.setProperty(`width`,e):a.style.removeProperty(`width`)}let l=Math.min(s,Math.max(0,r?e.ownerWindow.innerWidth-n.right-16:n.left-16)),u=r?n.right+8:n.left-l-8,d=Math.max(8,Math.min(t.top,e.ownerWindow.innerHeight-o.height-8)),f=(e,t)=>{let n=i.get(a);n||(n=new Map,i.set(a,n)),n.has(e)||n.set(e,a.style.getPropertyValue(e)),a.style.getPropertyValue(e)!==t&&a.style.setProperty(e,t)};f(`position`,`absolute`),f(`left`,`${u-t.left}px`),f(`top`,`${d-t.top}px`),f(`bottom`,`auto`),f(`right`,`auto`),f(`margin`,`0`),f(`width`,`${l}px`),f(`max-height`,`${e.ownerWindow.innerHeight-16}px`)}}else if(i.size){for(let[e,t]of i)for(let[n,r]of t)r?e.style.setProperty(n,r):e.style.removeProperty(n);i.clear(),I(e=>e+1)}e.ownerWindow.performance.now()<r&&(n=e.ownerWindow.requestAnimationFrame(o))},s=()=>{r=e.ownerWindow.performance.now()+400,n||=e.ownerWindow.requestAnimationFrame(o)},c=e.ownerWindow,l=c.MutationObserver?new c.MutationObserver(s):null;l?.observe(t,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-orientation`,`data-tucked`,`data-dock-edge`]});let u=c.ResizeObserver?new c.ResizeObserver(s):null;return u?.observe(t),e.ownerWindow.addEventListener(`resize`,s),s(),()=>{l?.disconnect(),u?.disconnect(),e.ownerWindow.removeEventListener(`resize`,s),e.ownerWindow.cancelAnimationFrame(n)}}),Nn(()=>{let e=R?.closest(`[data-mesurer-root]`);if(!e)return;let t=`[data-mesurer-screenshot-preview], [data-mesurer-screenshot-viewer], [data-mesurer-recording-preview], [role='dialog']`,n=()=>S(Array.from(e.querySelectorAll(t)).some(e=>!R?.contains(e)&&e.getClientRects().length>0&&getComputedStyle(e).display!==`none`)),r=new MutationObserver(e=>{e.some(e=>e.type===`childList`||e.target instanceof Element&&e.target.matches(t))&&n()});return r.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`style`,`hidden`,`aria-hidden`]}),n(),()=>r.disconnect()}),[Y(K,{get when(){return J(()=>!!u())()?C():u()},get children(){return Y(_o,{each:Bh,children:e=>Y(_o,{get each(){return J(()=>!!Hh(e))()?Jh.slice(0,1):Jh},children:t=>(()=>{var n=X(`div`,{class:`mesurer-toolbar-zone`});return q(()=>({e:C()?.side===e&&C()?.align===t?`true`:void 0,t:(()=>{let n=Math.min(pe().width,pe().height),r=Xh(e,t,{width:n,height:n},f()),i=me(r,{width:n,height:n});return{left:`${i.x}px`,top:`${i.y}px`,width:`${n}px`,height:`${n}px`}})()}),({e,t},r)=>{e!==r?.e&&$(n,`data-active`,e,r?.e),t!==r?.t&&$(n,`style`,t,r?.t)}),n})()})})}}),J((()=>{let t=Ce();if(!t)return null;let n=ct,r=t,i=()=>{let t=e.model.state.selectedMeasurement,n=r.ownerDocument.defaultView??e.ownerWindow;return!t||t.elementRef!==r?null:Y(hh,{element:r,get measurement(){return{...nd(r,n),id:t.id,rect:t.rect}},get rect(){return t.rect},ownerWindow:n,get theme(){return e.model.state.settings.theme},layoutDetailsEnabled:!0,embedded:!0})};var a=X(`div`,{"data-mesurer-motion-surface":`true`,"data-mesurer-inspector-ui":`true`,class:`msr:pointer-events-auto msr:absolute msr:z-[80] msr:overflow-visible`});return ic(()=>e=>{z=e,e.addEventListener(`pointerdown`,t=>lt(t,e),!0),e.addEventListener(`click`,e=>{V&&(V=!1,e.preventDefault(),e.stopImmediatePropagation())},!0)},a),Q(a,Y(C_,{element:r,get ownerWindow(){return r.ownerDocument.defaultView??e.ownerWindow},suspended:y,inspectDetails:i}),null),Q(a,(()=>{var e=J(()=>!!_());return()=>e()?(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-reattach":`true`,"aria-label":`Attach Motion preview to toolbar`,title:`Attach to toolbar`,class:`msr:absolute msr:right-3 msr:top-3 msr:z-[3] msr:rounded msr:bg-white/85 msr:px-1.5 msr:py-0.5 msr:text-[10px] msr:text-ink-700 msr:hover:bg-white`,onClick:e=>{e.stopPropagation(),v(null)}});return Z(e,ec(`↗`)),e})():_()})(),null),q(()=>({e:_()?`true`:`false`,t:{left:`${n().left}px`,top:n().top===null?`auto`:`${n().top}px`,bottom:n().bottom===null?`auto`:`${n().bottom}px`,width:`${n().width}px`,"max-height":`${Math.max(0,n().maxHeight)}px`}}),({e,t},n)=>{e!==n?.e&&$(a,`data-mesurer-motion-detached`,e,n?.e),t!==n?.t&&$(a,`style`,t,n?.t)}),a})),(()=>{var n=X(`div`,{"data-mesurer-toolbar":`true`,"data-mesurer-inspector-ui":`true`,onPointerDown:t=>{t.stopPropagation(),e.model.setTransient({toolbarActive:!0}),mt(t)},onClick:e=>e.stopPropagation(),onMouseEnter:Ee}),i=X(`div`,{class:`mesurer-toolbar-mode-stage`}),o=X(`div`,{class:`mesurer-toolbar-mode-track`}),c=X(`div`,{class:`mesurer-toolbar-mode-slot`,"data-mode":`select`}),l=X(`div`,{class:`mesurer-toolbar-mode-panel`}),f=X(`div`,{role:`group`,"aria-label":`Select tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`}),p=X(`div`,{class:`mesurer-toolbar-mode-slot`,"data-mode":`edit`}),h=X(`div`,{class:`mesurer-toolbar-mode-panel`}),g=X(`div`,{role:`group`,"aria-label":`Shared guide tools`,class:`msr:flex msr:items-stretch msr:py-1`}),_=X(`div`,{class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`}),v=X(`div`,{class:`msr:flex msr:items-center msr:p-1`}),y=X(`button`,{type:`button`,"data-mesurer-toolbar-compact-toggle":`true`,class:`msr:flex msr:size-7 msr:select-none msr:items-center msr:justify-center msr:rounded-[7px] msr:text-black msr:outline-none msr:hover:bg-black/4`,onClick:gt});return Z(n,i),Z(n,g),Z(n,_),Z(n,v),ic(()=>e=>{R=e},n),Q(n,Y(W_,{get value(){return Ie()},get compact(){return N()},get editDisabled(){return!Fe()||(Fe()?.disabled?.()??!1)},get editToolId(){return Fe()?.id},get editOptionsAvailable(){return(Fe()?.menu?.items.length??0)>0},get editOptionsOpen(){return D()===Fe()?.id},get editOptions(){return J(()=>!!Fe())()?xt(Fe()):null},get shortcutsEnabled(){return e.model.state.settings.shortcutsEnabled},get tooltipVisibleId(){return J(()=>!!Xe())()?L.visibleTooltipId():null},get tooltipInstant(){return L.tooltipInstant()},get tooltipSide(){return rt()},get onTooltipEnter(){return L.onTooltipEnter},get onTooltipLeave(){return L.onTooltipLeave},onSelect:vt,onEdit:yt,onEditOptions:e=>{let t=Fe();!t||t.disabled?.()||pt(t.id,e)}}),i),Q(n,Y(U_,{get visible(){return Ye()},marker:`mode`}),i),Z(i,o),ic(()=>e=>{U=e},i),Z(o,c),Z(o,p),Z(c,l),Z(l,f),ic(()=>e=>{W=e},l),Q(f,Y(H_,{get visible(){return qe(De())},get children(){return Y(V_,nc({id:`select`,builtin:`select`,get active(){return De()},label:`Select`,shortcut:`S`,onClick:()=>e.onBuiltinAction(`select`)},()=>bt(`select`),{get children(){return Y(Rm,{size:20})}}))}}),null),Q(f,Y(H_,{get visible(){return qe(Oe())},get children(){return Y(V_,nc({id:`xray`,builtin:`xray`,get active(){return Oe()},label:`X-ray`,shortcut:`X`,onClick:()=>e.onBuiltinAction(`xray`)},()=>bt(`xray`),{get children(){return Y(Hm,{size:20})}}))}}),null),Q(f,Y(K,{get when(){return oe()},get children(){return Y(H_,{get visible(){return qe(ke())},get children(){return Y(V_,nc({id:`color-picker`,builtin:`color-picker`,get active(){return ke()},get disabled(){return $e(`color-picker`)},label:`Color picker`,shortcut:`P`,onClick:()=>e.onBuiltinAction(`color-picker`)},()=>bt(`color-picker`),{get children(){return Y(Zm,{size:20})}}))}})}}),null),Q(f,Y(H_,{get visible(){return qe(je())},get children(){return Y(V_,nc({id:`text-inspector`,builtin:`text-inspector`,get active(){return je()},get disabled(){return $e(`text-inspector`)},label:`Typography`,shortcut:`A`,onClick:()=>e.onBuiltinAction(`text-inspector`)},()=>bt(`text-inspector`),{get children(){return Y(Ym,{size:20})}}))}}),null),Q(f,Y(H_,{get visible(){return qe(e.responsiveOpen===!0)},get children(){return Y(V_,nc({id:`responsive`,builtin:`responsive`,get active(){return e.responsiveOpen===!0},label:`Responsive`,shortcut:`B`,onClick:()=>e.onBuiltinAction(`responsive`)},()=>bt(`responsive`),{get children(){return Y(Xm,{size:20})}}))}}),null),Q(l,Y(K,{get when(){return Le().length>0},get children(){return[Y(U_,{get visible(){return!N()||He()&&We()},marker:`select-plugins`}),(()=>{var e=X(`div`,{role:`group`,"aria-label":`Select plugin tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return Le()},children:e=>St(e)})),e})()]}}),null),Z(p,h),ic(()=>e=>{te=e},h),Q(h,Y(K,{get when(){return Re().length>0},get children(){var e=X(`div`,{role:`group`,"aria-label":`Edit tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return Re()},children:e=>St(e)})),e}})),Q(g,Y(H_,{get visible(){return qe(Ae())},get children(){return Y(V_,nc({id:`rulers`,builtin:`rulers`,get active(){return Ae()},label:`Rulers`,shortcut:`R`,onClick:()=>e.onBuiltinAction(`rulers`)},()=>bt(`rulers`),{get children(){return Y(Um,{size:20})}}))}}),null),Q(g,Y(H_,{get visible(){return qe(Me())},get children(){return[Y(V_,nc({id:`guides`,builtin:`guides`,get active(){return Me()},get disabled(){return $e(`guides`)},label:`Guides`,shortcut:`G`,onClick:()=>e.onBuiltinAction(`guides`)},()=>bt(`guides`),{get children(){return Y(Vm,{size:20,get class(){return e.model.state.guideOrientation===`vertical`?`msr:rotate-[135deg]`:`msr:rotate-[45deg]`}})}})),(()=>{var t=X(`div`,{"data-mesurer-builtin":`guides-menu`,class:`msr:group msr:relative msr:-ml-1 msr:flex msr:items-stretch`,onMouseEnter:()=>L.onTooltipEnter(`guide-menu`)}),n=X(`button`,{type:`button`,"data-mesurer-guide-menu-trigger":`true`,"aria-label":`Guide orientation menu`,"aria-haspopup":`menu`,onClick:()=>{E(t=>(t||(A(e.model.state.guideOrientation===`horizontal`?0:1),ut()),!t))}});return Z(t,n),ic(()=>e=>{H=e},t),Q(n,Y(Wm,{size:8})),Q(t,Y(xl,{label:`Orientation Guide`,get visible(){return J(()=>!!Xe())()?L.visibleTooltipId()===`guide-menu`:Xe()},get instant(){return L.tooltipInstant()},get side(){return rt()}}),null),Q(t,Y(K,{get when(){return T()},get children(){var t=X(`div`,{role:`menu`,tabindex:0,onKeyDown:e=>{let t=e.key.toLowerCase();e.key===`ArrowDown`||e.key===`ArrowUp`?(e.preventDefault(),A(e=>(e+1)%2)):e.key===`Enter`?(e.preventDefault(),ht(k()===0?`horizontal`:`vertical`)):t===`h`||t===`v`?(e.preventDefault(),ht(t===`h`?`horizontal`:`vertical`)):e.key===`Escape`&&(e.preventDefault(),E(!1))}}),n=X(`button`,{type:`button`,onClick:()=>ht(`horizontal`)}),r=X(`span`,{class:`msr:flex-1`}),i=X(`span`),a=X(`button`,{type:`button`,onClick:()=>ht(`vertical`)}),o=X(`span`,{class:`msr:flex-1`}),s=X(`span`);return Z(t,n),Z(t,a),Z(n,r),Z(n,i),Q(n,Y(Gm,{size:12,get class(){return e.model.state.guideOrientation===`horizontal`?`msr:opacity-100`:`msr:opacity-0`}}),r),Q(n,Y(Jm,{size:12}),r),Z(r,ec(`Horizontal`)),Z(i,ec(`H`)),Z(a,o),Z(a,s),Q(a,Y(Gm,{size:12,get class(){return e.model.state.guideOrientation===`vertical`?`msr:opacity-100`:`msr:opacity-0`}}),o),Q(a,Y(Jm,{size:12,class:`msr:rotate-90`}),o),Z(o,ec(`Vertical`)),Z(s,ec(`V`)),q(()=>({e:`mesurer-menu-surface msr:absolute msr:z-[70] msr:w-44 msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-1 msr:outline-none msr:focus:outline-none msr:flex msr:flex-col msr:gap-px ${it()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`} ${j()===`left`?`msr:left-0`:`msr:right-0`}`,t:`msr:group msr:flex msr:w-full msr:items-center msr:gap-2 msr:rounded-md msr:px-2 msr:py-1.5 msr:text-left msr:text-[12px] ${k()===0||e.model.state.guideOrientation===`horizontal`?`msr:bg-[#0d99ff] msr:text-white`:`msr:text-ink-700 msr:hover:bg-[#0d99ff] msr:hover:text-white`}`,a:`msr:group msr:flex msr:w-full msr:items-center msr:gap-2 msr:rounded-md msr:px-2 msr:py-1.5 msr:text-left msr:text-[12px] ${k()===1||e.model.state.guideOrientation===`vertical`?`msr:bg-[#0d99ff] msr:text-white`:`msr:text-ink-700 msr:hover:bg-[#0d99ff] msr:hover:text-white`}`}),({e,t:r,a:i},o)=>{e!==o?.e&&$(t,`class`,e,o?.e),r!==o?.t&&$(n,`class`,r,o?.t),i!==o?.a&&$(a,`class`,i,o?.a)}),t}}),null),q(()=>({e:L.onTooltipLeave,t:T()?`true`:`false`,a:$e(`guides`),o:`msr:flex msr:h-8 msr:w-4 msr:items-center msr:justify-center msr:rounded-[6px] msr:outline-none ${$e(`guides`)?`msr:cursor-default msr:text-black/30`:`msr:hover:bg-black/10`} ${T()?`msr:bg-black/10 msr:text-black`:`msr:text-black`}`}),({e,t:r,a:i,o:a},o)=>{e!==o?.e&&$(t,`onMouseLeave`,e,o?.e),r!==o?.t&&$(n,`aria-expanded`,r,o?.t),i!==o?.a&&$(n,`disabled`,i,o?.a),a!==o?.o&&$(n,`class`,a,o?.o)}),t})()]}}),null),Q(n,Y(K,{get when(){return ze().length>0},get children(){return[Y(U_,{get visible(){return Je()},marker:`plugins`}),(()=>{var e=X(`div`,{role:`group`,"aria-label":`Always available tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return ze()},children:e=>St(e)})),e})()]}}),_),Q(_,Y(H_,{get visible(){return qe(Ne())},get children(){var t=X(`div`,{"data-mesurer-builtin":`settings`,class:`msr:relative msr:flex`});return ic(()=>e=>{ee=e},t),Q(t,Y(V_,nc({id:`settings`,builtin:`settings`,get active(){return Ne()},label:`Settings`,shortcut:`⌘/Ctrl+,`,onClick:()=>e.onBuiltinAction(`settings`)},()=>bt(`settings`),{get children(){return Y(oh,{size:20})}})),null),Q(t,Y(K,{get when(){return J(()=>!!e.model.state.settingsOpen)()?!N():e.model.state.settingsOpen},get children(){var t=X(`div`,{"data-mesurer-inspector-ui":`true`,role:`dialog`,"aria-label":`Settings`,onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(t,Y(B_,{get model(){return e.model},get ownerWindow(){return e.ownerWindow},get onResetSettings(){return e.onResetSettings},get onClearWorkspace(){return e.onClearWorkspace},get selectionSpacingStyle(){return e.selectionSpacingStyle},get onSelectionSpacingStyleChange(){return e.onSelectionSpacingStyleChange}})),q(()=>({e:`mesurer-menu-surface msr:absolute msr:z-[70] msr:box-border msr:w-[272px] msr:max-w-[calc(100vw-16px)] msr:max-h-[calc(100vh-16px)] msr:overflow-y-auto msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-3 ${at()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`}`,t:{left:`${ot()}px`,right:`auto`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}}),null),t}})),Q(n,Y(U_,{get visible(){return Ye()},marker:`compact`}),v),Q(n,Y(K,{get when(){return J(()=>!!N())()?e.model.state.settingsOpen:N()},get children(){var t=X(`div`,{"data-mesurer-toolbar-compact-settings":`true`,"data-mesurer-inspector-ui":`true`,role:`dialog`,"aria-label":`Settings`,onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(t,Y(B_,{get model(){return e.model},get ownerWindow(){return e.ownerWindow},get onResetSettings(){return e.onResetSettings},get onClearWorkspace(){return e.onClearWorkspace},get selectionSpacingStyle(){return e.selectionSpacingStyle},get onSelectionSpacingStyleChange(){return e.onSelectionSpacingStyleChange}})),q(()=>({e:`mesurer-menu-surface msr:pointer-events-auto msr:absolute msr:z-[110] msr:box-border msr:w-[272px] msr:max-w-[calc(100vw-16px)] msr:max-h-[calc(100vh-16px)] msr:overflow-y-auto msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-3 ${at()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`}`,t:{left:`${ot()}px`,right:`auto`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}}),v),Z(v,y),Q(y,Y(Wm,{size:10,get class(){return N()?`msr:-rotate-90`:`msr:rotate-90`}})),q(()=>({e:N()?`true`:`false`,t:Ie(),a:a()?`vertical`:`horizontal`,o:u()?r()??void 0:void 0,i:u()?s():void 0,n:Qe.tucked()?`true`:void 0,s:Qe.pressedOff()?`true`:void 0,h:`mesurer-toolbar-surface msr:pointer-events-auto msr:absolute msr:flex msr:items-stretch msr:rounded-[12px] msr:bg-[#fff] msr:outline msr:outline-transparent ${Ze()?`msr:z-[110]`:`msr:z-[90]`}`,r:{left:`${t().x}px`,top:`${t().y}px`,"--msr-tuck-safe-offset":`${d()}px`,transition:m()?`left 280ms cubic-bezier(0.2, 0.9, 0.3, 1), top 378ms cubic-bezier(0.3, 1.2, 0.5, 1), transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1)`:void 0},d:L.onTooltipContainerLeave,l:Ie(),u:Ie()===`select`?`true`:`false`,c:Ie()===`select`?void 0:`true`,w:Ie()!==`select`||void 0,m:Ie()===`edit`?`true`:`false`,f:Ie()===`edit`?void 0:`true`,y:Ie()!==`edit`||void 0,g:N()?`Expand toolbar`:`Compact toolbar`,p:N()?`true`:`false`}),({e,t,a:r,o:a,i:o,n:s,s:l,h:u,r:d,d:f,l:m,u:h,c:g,w:_,m:v,f:b,y:x,g:S,p:C},w)=>{e!==w?.e&&$(n,`data-mesurer-toolbar-compact`,e,w?.e),t!==w?.t&&$(n,`data-mesurer-toolbar-mode`,t,w?.t),r!==w?.a&&$(n,`data-orientation`,r,w?.a),a!==w?.o&&$(n,`data-dock-edge`,a,w?.o),o!==w?.i&&$(n,`data-dock-align`,o,w?.i),s!==w?.n&&$(n,`data-tucked`,s,w?.n),l!==w?.s&&$(n,`data-tuck-locked`,l,w?.s),u!==w?.h&&$(n,`class`,u,w?.h),d!==w?.r&&$(n,`style`,d,w?.r),f!==w?.d&&$(n,`onMouseLeave`,f,w?.d),m!==w?.l&&$(i,`data-mode`,m,w?.l),h!==w?.u&&$(c,`data-open`,h,w?.u),g!==w?.c&&$(c,`aria-hidden`,g,w?.c),_!==w?.w&&$(c,`inert`,_,w?.w),v!==w?.m&&$(p,`data-open`,v,w?.m),b!==w?.f&&$(p,`aria-hidden`,b,w?.f),x!==w?.y&&$(p,`inert`,x,w?.y),S!==w?.g&&$(y,`aria-label`,S,w?.g),C!==w?.p&&$(y,`aria-pressed`,C,w?.p)}),n})()]}var dv=e=>e.ownerDocument===null,fv=(e,t)=>{let n=t.defaultView?.Element;return!!(n&&e instanceof n)},pv=(e,t={})=>{let n=dv(e)?e:e.ownerDocument,r=[],i=new Set,a=new Set,o=e=>{i.has(e)||(i.add(e),r.push(e),c(e,e))},s=(e,n)=>{if(e.hasAttribute(`data-mesurer-responsive-frame`)&&!t.includeResponsiveFrames)return;e.shadowRoot&&c(e.shadowRoot,n);let r=Pu(e);r&&o(r)},c=(e,t)=>{if(a.has(e))return;a.add(e),fv(e,t)&&s(e,t);let n=t.createTreeWalker(e,1),r=n.nextNode();for(;r;)fv(r,t)&&s(r,t),r=n.nextNode()};return dv(e)?o(e):(i.add(n),r.push(n),c(e,n)),r},mv=e=>{let t=e,n=new Set;for(;!n.has(t);){n.add(t);let e=null;try{e=t.defaultView?.frameElement??null}catch{return!1}if(!e)return!1;if(e.hasAttribute(`data-mesurer-responsive-frame`))return!0;t=e.ownerDocument}return!1},hv=(e,t)=>{if(pu(e,t))return!0;let n=t.ownerDocument,r=e.ownerDocument,i=new Set;for(;r!==n&&!i.has(r);){i.add(r);let e=null;try{e=r.defaultView?.frameElement??null}catch{return!1}if(!e)return!1;if(e.ownerDocument===n&&pu(e,t))return!0;r=e.ownerDocument}return!1},gv=(e,t)=>{if(!e||!t.length)return null;let n=null,r=11;for(let i of t){let t=ad(i,e);t<=10&&t<r&&(n=i,r=t)}return n},_v=(e,t)=>t.length?e.find(e=>e.id===t[t.length-1])??null:null,vv=e=>{let t=e.window??window;if(!e.altPressed||!e.selectedGuide&&!e.primarySelectedMeasurement)return null;let n=e.primarySelectedMeasurement,r=e.selectedGuide?null:n?.elementRef??e.selectedElementRef??null,i=e.selectedGuide?{rect:id(e.selectedGuide,t),guideId:e.selectedGuide.id}:r&&n?{rect:n.rect,element:r}:null,a=e.hoverGuide?{rect:id(e.hoverGuide,t),guideId:e.hoverGuide.id}:e.hoverElement?{rect:qu(e.hoverElement),element:e.hoverElement}:null;if(!i||!a||i.element&&a.element&&(i.element===a.element||i.element.contains(a.element)||a.element.contains(i.element))||i.guideId&&a.guideId&&i.guideId===a.guideId)return null;let o=ud(i.rect,a.rect,i.element??null,a.element??null,t);if(i.element&&a.element&&i.element.ownerDocument===a.element.ownerDocument){let e=i.element.ownerDocument.defaultView??t,n=i.element.getBoundingClientRect(),r=a.element.getBoundingClientRect(),s=ud({left:n.left,top:n.top,width:n.width,height:n.height},{left:r.left,top:r.top,width:r.width,height:r.height},i.element,a.element,e);o.horizontal=o.horizontal&&s.horizontal?{...o.horizontal,value:s.horizontal.value}:o.horizontal,o.vertical=o.vertical&&s.vertical?{...o.vertical,value:s.vertical.value}:o.vertical,o.diagonal&&s.diagonal&&(o.diagonal.value=s.diagonal.value),o.edgeDistances=o.edgeDistances?.map(e=>{let t=s.edgeDistances?.find(t=>t.axis===e.axis&&t.side===e.side);return{...e,value:t?.value??e.value}})}return o},yv=e=>{let t=e.document??document,n=e.window??window;if(!e.altPressed||!e.primarySelectedMeasurement||e.optionPairOverlay||e.selectedGuideIds.length)return null;let r=e.selectedElement?.parentElement??null;e.selectedElement&&e.hoverElement&&e.hoverElement!==e.selectedElement&&e.hoverElement.contains(e.selectedElement)&&(r=e.hoverElement);let i=r&&r!==t.body&&r!==t.documentElement?wu(qu(r),r,n):{left:0,top:0,width:n.innerWidth,height:n.innerHeight},a=e.primarySelectedMeasurement.rect,o=e.primarySelectedMeasurement.cssRect??a,s=a.left+a.width,c=a.top+a.height,l=a.left+a.width/2,u=a.top+a.height/2,d=i.left+i.width,f=i.top+i.height,p=Math.max(i.left,Math.min(l,d)),m=Math.max(i.top,Math.min(u,f)),h=r&&r!==t.body&&r!==t.documentElement?wu(r.getBoundingClientRect(),r,r.ownerDocument.defaultView??n):{left:0,top:0,width:(r?.ownerDocument.defaultView??n).innerWidth,height:(r?.ownerDocument.defaultView??n).innerHeight};return{top:{y1:i.top,y2:a.top,x:p,value:Math.max(0,o.top-h.top)},bottom:{y1:c,y2:f,x:p,value:Math.max(0,h.top+h.height-(o.top+o.height))},left:{x1:i.left,x2:a.left,y:m,value:Math.max(0,o.left-h.left)},right:{x1:s,x2:d,y:m,value:Math.max(0,h.left+h.width-(o.left+o.width))}}},bv=(e,t)=>{let n=[];for(let{element:r,rect:i}of t){let t=Ou(e,i),a=t/Math.max(1,Du(i));t>0&&a>=.45&&n.push({element:r,rect:i,overlapArea:t,elementCoverage:a})}let r=n.filter((e,t)=>!n.some((n,r)=>t!==r&&Du(e.rect)>Du(n.rect)*1.6&&e.rect.left<=n.rect.left&&e.rect.top<=n.rect.top&&e.rect.left+e.rect.width>=n.rect.left+n.rect.width&&e.rect.top+e.rect.height>=n.rect.top+n.rect.height&&e.elementCoverage<.92));return(r.length>0?r:n).sort((e,t)=>Du(e.rect)-Du(t.rect)).map(({element:e})=>e)},xv=(e,t,n)=>{let r=Math.max(1,Du(e)),i=[];for(let{element:a,rect:o}of n){let n=Ou(e,o),s=Math.max(1,Du(o)),c=n/s;if(o.width<8||o.height<8||c<.15)continue;let l=s/r,u=1-Math.min(1,Math.abs(Math.log(l))/2),d=t.x>=o.left&&t.x<=o.left+o.width&&t.y>=o.top&&t.y<=o.top+o.height,f=s>r*4&&c<.9?.25:0;i.push({element:a,rect:o,coverage:c,score:c*.55+u*.35+(d?.2:0)-f})}return i.length===0?null:(i.sort((e,t)=>t.score-e.score),i[0].element)},Sv=(e,t)=>{let n=[];for(let{element:r,rect:i}of t){if(i.width<8||i.height<8)continue;let t=Math.max(1,Du(i)),a=e.x>=i.left&&e.x<=i.left+i.width&&e.y>=i.top&&e.y<=i.top+i.height,o=1/(1+ku(e,i)),s=1/(1+Math.log(t));n.push({element:r,score:(a?2:0)+o*.9+s*.35})}return n.length===0?null:(n.sort((e,t)=>t.score-e.score),n[0].element)},Cv=e=>e.nodeType===11,wv=e=>{if(!e)return null;let t=e.getRootNode();return Cv(t)?t.host:null},Tv=(e,t,n)=>!!(t?.contains(e)||n&&e===n),Ev=(e,t)=>{let n=e;for(;n.shadowRoot;){let e=n.shadowRoot.elementFromPoint(t.x,t.y);if(!e||e===n)break;n=e}return n},Dv=(e,t,n=document,r=n.body)=>{let i=n.defaultView;if(!i)return!1;let a=i,o=wv(t);for(let s of n.elementsFromPoint(e.x,e.y)){if(!(s instanceof a.Element))continue;let n=Ev(s,e);if(!Tv(n,t,o)){if(Al(n,i))return!0;if(pu(n,r)&&!kl(n,i))return!1}}return!1},Ov=(e,t,n,r)=>Dv(e,t,n,r)?null:mu(t,()=>fu(e,r,n)),kv=(e,t,n=document,r=n.body)=>{let i=wv(t),a=Ov(e,t,n,r),o=n.defaultView;if(!o||!a)return null;let s=Nv(a,e);if(!hv(s,r)||Tv(s,t,i)||kl(s,o)||s===s.ownerDocument.body||s===s.ownerDocument.documentElement)return null;let c=Zu(s);return c.width>2&&c.height>2?s:null},Av=(e,t)=>Math.abs(e.x-t.x)<=4&&Math.abs(e.y-t.y)<=4,jv=e=>{try{return e.defaultView?.frameElement??null}catch{return null}},Mv=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return Cv(t)?t.host:jv(e.ownerDocument)},Nv=(e,t)=>{let n=e,r=t;for(let e=0;e<16;e+=1){let e=Pu(n);if(!e)break;let t=Vu(n,r);if(t.x<0||t.y<0)break;let i=fu(t,e,e);if(!i||i===e.body||i===e.documentElement)break;n=i,r=t}return n},Pv=(e,t,n,r)=>{if(Dv(e,t,n,r))return[];let i=n.defaultView;if(!i)return[];let a=i,o=wv(t),s=[],c=new Set,l=e=>{if(!e||c.has(e)||!hv(e,r)||Tv(e,t,o)||kl(e,i)||e===e.ownerDocument.body||e===e.ownerDocument.documentElement)return;let n=Zu(e);n.width<=2||n.height<=2||(c.add(e),s.push(e))},u=e=>{let t=e;for(;t&&(l(t),t!==r);)t=Mv(t)};u(kv(e,t,n,r));let d=mu(t,()=>n.elementsFromPoint(e.x,e.y));for(let t of d)t instanceof a.Element&&u(Ev(t,e));return s},Fv=(e,t,n,r=document,i=r.body,a=e)=>{let o=kv(e,t,r,i);if(!n||!o)return o;let s={left:a.x-20,top:a.y-20,width:40,height:40},c=Uv(s,t,r,i),l=Xl(o),u=l.nodeType===11?c.filter(({element:e})=>Xl(e)===l):c,d=u.find(({element:e})=>e===o);if(d&&d.rect.width>=8&&d.rect.height>=8)return o;let f=d?u:[{element:o,rect:Zu(o)},...u];return Sv(a,f)??xv(s,a,f)??o},Iv=(e,t,n,r=document,i=r.body,a=null,o=e)=>{let s=r.defaultView;if(s&&a&&Av(o,a.point)&&a.stack.length>0){let e=a.stack.filter(e=>e.isConnected&&pu(e,i)&&!kl(e,s));if(e.length>0){let t=a.stack[a.index]??null,n=((t?e.indexOf(t):-1)+1+e.length)%e.length;return{target:e[n]??null,cycle:{point:o,index:n,stack:e}}}}let c=Fv(e,t,n,r,i,o);return c?{target:c,cycle:{point:o,index:0,stack:[c,...Pv(e,t,r,i).filter(e=>e!==c)]}}:{target:null,cycle:null}},Lv=-1,Rv=``,zv=[],Bv=null,Vv=null,Hv=null,Uv=(e,t,n=document,r=n.body)=>{let i=wv(t),a=n.defaultView;if(!a)return[];let o=Xu(),s=`${Math.round(e.left)}:${Math.round(e.top)}:${Math.round(e.width)}:${Math.round(e.height)}`;if(o===Lv&&Rv===s&&Bv===t&&Vv===n&&Hv===r)return zv;let c=e.left-1,l=e.top-1,u=e.left+e.width+1,d=e.top+e.height+1,f=td(n).map(e=>({element:e,rect:Zu(e)})).filter(({element:n,rect:o})=>!hv(n,r)||Tv(n,t,i)||kl(n,a)||n===n.ownerDocument.body||n===n.ownerDocument.documentElement||o.width<8||o.height<8||o.left>u||o.top>d||o.left+o.width<c||o.top+o.height<l?!1:Eu(e,o));return Lv=o,Rv=s,Bv=t,Vv=n,Hv=r,zv=f,f},Wv=(e,t,n,r=document,i=r.body)=>{let a=Xu(),o=`${Math.round(e.left)}:${Math.round(e.top)}:${Math.round(e.width)}:${Math.round(e.height)}`;if(n.key===o&&n.overlayNode===t&&n.frame===a)return n.entries;let s=Uv(e,t,r,i);return n.key=o,n.overlayNode=t,n.frame=a,n.entries=s,s},Gv=(e,t,n,r=document,i=r.body,a)=>{let o=Wv(e,t,n,r,i);return a&&(o=o.filter(({element:e})=>a(e))),o.length?bv(e,o):[]},Kv=e=>e.nodeType===11,qv=e=>{if(!e)return null;let t=e.getRootNode();return Kv(t)?t.host:null},Jv=e=>{let t=e.document??document,n=t.defaultView,r=n?.Element,i=qv(e.overlayNode),a=e.selectedMeasurements.map(e=>{let t=e.elementRef;if(!t||!t.isConnected)return null;let n=qu(t);return{measurement:e,element:t,rect:n,area:n.width*n.height}}).filter(e=>e!==null).sort((e,t)=>e.area-t.area),o=[];if(r&&n){for(let a of t.elementsFromPoint(e.point.x,e.point.y))if(a instanceof r&&!e.overlayNode?.contains(a)&&!(i&&a===i)){if(jl(a,n))return null;o.push(a)}}let s=(n,r)=>{let i=n.element.ownerDocument===t?o:(()=>{let r=Hu(e.point,t,n.element.ownerDocument);return r.x<0||r.y<0?[]:n.element.ownerDocument.elementsFromPoint(r.x,r.y)})();return r?n.element===i[0]:i.some(e=>n.element===e||n.element.contains(e))},c=a.find(t=>s(t,e.exact??!1));if(c)return c.measurement;if(e.exact)return null;for(let t of a){let n=t.rect;if(e.point.x>=n.left&&e.point.x<=n.left+n.width&&e.point.y>=n.top&&e.point.y<=n.top+n.height)return t.measurement}return null},Yv=`mesurer:select-gesture-start`;function Xv(e){let t=e;e.dispatchEvent(new t.Event(Yv))}function Zv(e,t){return e.addEventListener(Yv,t),()=>e.removeEventListener(Yv,t)}var Qv=e=>void 0,$v=$a(Qv);function ey(e={}){let t=et(),n=t?eo($v):Qv,r=Sc(e),[i,a]=uo(r.getSnapshot()),o=r.subscribe(e=>a(()=>e)),s=r.dispose,c=!1,l,u=lo(()=>i.selectedMeasurement??i.selectedMeasurements.at(-1)??null),d=e=>{let t=r.current.guides;t.length===e.length&&t.every((t,n)=>{let r=e[n];return!!(r&&r.id===t.id&&r.orientation===t.orientation&&r.position===t.position)})||r.setGuides(e)},f=e=>{let t=r.current.toolMode===`select`&&r.current.start!==null;r.setTransient(e);let n=r.current.toolMode===`select`&&r.current.start!==null;if(!t&&n){let e=l.rendererRoot?.ownerDocument.defaultView;e&&Xv(e)}};l={...r,setGuides:d,setTransient:f,dispose:p,state:i,activeSelection:u,rendererRoot:null};function p(){c||(c=!0,l.rendererRoot=null,o(),s())}return n(l),t&&Dn(p),l}var ty=200,ny=e=>{e.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1})},ry=e=>{e.setSelectedMeasurements([],null),e.setSelectedGuideIds([]),e.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},iy=(e,t)=>{e.setEnabled(!0,!e.current.enabled),ny(e),e.setTransient({toolbarActive:!0}),e.toggleToolMode(t)},ay=e=>e.current.colorPickerActive?`color-picker`:e.current.rulersVisible?`rulers`:e.current.toolMode===`guides`?`guides`:e.current.toolMode===`select`||e.current.toolMode===`text-inspector`?`select`:`general`,oy=(e,t,n)=>{e.setTransient({colorPickerActive:!0,colorPickerSample:n,colorPickerUnsupported:!1}),t.navigator.clipboard?.writeText(Rc(n,e.current.settings.colorPickerClickFormat)).catch(()=>void 0)},sy=(e,t)=>{Eh(t),ny(e);let n=t.Event;t.dispatchEvent(new n(`focus`))},cy=(e,t)=>{let n=new Map,r=!!t?.querySelector(`[data-mesurer-responsive-stage]`),i=e=>{!e||n.has(e)||(n.set(e,{value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),e.style.setProperty(`display`,`none`,`important`))};i(r?t?.querySelector(`[data-mesurer-toolbar='true']`)??null:t);for(let t of e.querySelectorAll([`[data-mesurer-layer]`,`[data-mesurer-extension-toolbar='true']`,`[data-mesurer-inspector-ui='true']`,`.mesurer-color-picker`].join(`,`)))i(t);return()=>{for(let[e,t]of n)t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`);n.clear()}},ly=async(e,t,n,r)=>{let i=await t.createImageBitmap(n);try{let n=Math.max(1,t.innerWidth),a=Math.max(1,t.innerHeight),o=i.width/n,s=i.height/a,c=Math.min(i.width-1,Math.max(0,Math.floor(r.x*o))),l=Math.min(i.height-1,Math.max(0,Math.floor(r.y*s))),u=e.createElement(`canvas`);u.width=1,u.height=1;let d=u.getContext(`2d`,{willReadFrequently:!0});if(!d)throw Error(`Color Picker could not read the captured application window.`);d.drawImage(i,c,l,1,1,0,0,1,1);let f=d.getImageData(0,0,1,1).data;return{red:f[0]??0,green:f[1]??0,blue:f[2]??0,alpha:(f[3]??255)/255}}finally{i.close()}};function uy(e){let{model:t,ownerWindow:n}=e,r=e.ownerDocument??n.document,i=null,a=0,o=!1,s=0,c=!1,l=()=>{a&&=(n.clearTimeout(a),0)},u=()=>{n.removeEventListener(`blur`,p),r.removeEventListener(`visibilitychange`,m)},d=()=>{s+=1,l(),o=!1,u();let e=i;i=null,e?.abort()},f=()=>{d(),ny(t)};function p(){o&&f()}function m(){r.visibilityState===`hidden`&&p()}let h=()=>{d(),t.setEnabled(!0,!t.current.enabled),t.setToolMode(`none`,t.current.toolMode!==`none`),t.setTransient({colorPickerActive:!0,colorPickerSample:null,colorPickerUnsupported:!1}),o=!0,n.addEventListener(`blur`,p),r.addEventListener(`visibilitychange`,m)},g=async()=>{if(!Dh(n)){f();return}d(),t.setEnabled(!0,!t.current.enabled),t.setToolMode(`none`,t.current.toolMode!==`none`);let e=n.EyeDropper,r=n.AbortController,o=new r;i=o,t.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1});let s=n.performance.now();a=n.setTimeout(()=>{a=0,i===o&&!o.signal.aborted&&t.setTransient({colorPickerActive:!0})},ty);try{let r=await new e().open({signal:o.signal});if(l(),o.signal.aborted||c)return;let i=jc(r.sRGBHex);if(!i){ny(t);return}oy(t,n,i)}catch(e){if(l(),o.signal.aborted||c){ny(t);return}let r=n.performance.now()-s;if(e instanceof n.DOMException&&e.name===`AbortError`){if(r<ty){sy(t,n);return}ny(t);return}sy(t,n)}finally{i===o&&(i=null)}},_=async()=>{if(Uc(n)){h();return}await g()};return{async run(e){switch(e){case`select`:d(),ry(t),iy(t,`select`);return;case`xray`:d(),t.setEnabled(!0),ny(t),t.toggleXray();return;case`color-picker`:if(t.current.colorPickerActive&&t.current.colorPickerSample){await _();return}if(t.current.colorPickerActive||o||i){f();return}await _();return;case`rulers`:d(),t.setEnabled(!0),ny(t),t.toggleRulers();return;case`text-inspector`:d(),iy(t,`text-inspector`);return;case`guides`:d(),iy(t,`guides`);return;case`settings`:{let e=!t.current.settingsOpen;t.setTransient({settingsOpen:e,settingsTab:e?ay(t):t.current.settingsTab});return}}},clearSelection(){ry(t)},deactivate(e){switch(e){case`select`:ry(t),t.current.toolMode===e&&t.setToolMode(`none`);return;case`text-inspector`:case`guides`:t.current.toolMode===e&&t.setToolMode(`none`);return;case`xray`:t.setXrayVisible(!1);return;case`color-picker`:f();return;case`rulers`:t.setRulersVisible(!1);return;case`settings`:t.setTransient({settingsOpen:!1});return;case`distance`:return}},pickColorAt:async i=>{if(c||!o||!Uc(n))return;let a=++s;o=!1,u();let l=cy(r,e.uiRoot?.()??t.rendererRoot);try{await el(n);let e=await Gc(n);if(!e)throw Error(`Color Picker host capture is unavailable.`);let o=await ly(r,n,e,i);if(c||a!==s)return;oy(t,n,o)}catch{!c&&a===s&&ny(t)}finally{l()}},dispose(){c||(c=!0,d())}}}var dy=`var(--msr-color-ink-50, #f8fafc)`,fy=`var(--msr-color-ink-200, #e2e8f0)`,py=`var(--msr-color-ink-500, #64748b)`,my=`var(--msr-content, #0f172a)`,hy=(e,t,n)=>{let r=e.createElement(`div`);return Object.assign(r.style,{position:`absolute`,backgroundColor:n,...t===`top`||t===`bottom`?{left:`0`,[t]:`0`,width:`100%`,height:`1px`}:{top:`0`,[t]:`0`,width:`1px`,height:`100%`}}),r},gy=(e,t,n)=>{let r=e.createElement(`div`);Object.assign(r.style,{position:`fixed`,zIndex:`0`,pointerEvents:`none`,backgroundColor:t,boxSizing:`border-box`}),r.className=`mesurer-ti-box`,r.dataset.state=`hidden`;for(let t of[`top`,`right`,`bottom`,`left`])r.appendChild(hy(e,t,n));return r},_y=(e,t)=>{Object.assign(e.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})},vy=(e,t)=>{let n=e.createElement(`div`);return Object.assign(n.style,{position:`fixed`,zIndex:`1`,pointerEvents:t?`auto`:`none`,background:`var(--msr-surface-raised, #ffffff)`,color:my,borderRadius:`13px`,padding:`10px 12px`,fontSize:`11px`,lineHeight:`1.5`,fontFamily:`ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,fontVariantNumeric:`tabular-nums`,userSelect:`none`,whiteSpace:`nowrap`,width:`320px`,minWidth:`320px`,maxWidth:`320px`,boxSizing:`border-box`,boxShadow:`var(--msr-shadow-floating, 0px 0px 0.5px rgba(0, 0, 0, 0.18), 0px 3px 8px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1))`}),n.className=t?`mesurer-ti-card mesurer-ti-card--pinned`:`mesurer-ti-card`,n.dataset.state=`hidden`,n},yy=(e,t,n,r)=>{t.replaceChildren();let i=e.createElement(`div`);Object.assign(i.style,{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`8px`,paddingBottom:`6px`});let a=e.createElement(`span`);if(Object.assign(a.style,{color:dy,background:my,borderRadius:`4px`,padding:`1px 5px`,fontFamily:`ui-monospace, SFMono-Regular, Menlo, monospace`,fontSize:`10px`,fontWeight:`500`}),a.textContent=n.tagName,i.appendChild(a),n.textSnippet){let t=e.createElement(`span`);Object.assign(t.style,{color:py,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,flex:`1`,minWidth:`0`,fontSize:`10px`}),t.textContent=n.textSnippet,i.appendChild(t)}if(r){let t=e.createElement(`button`);t.type=`button`,t.className=`mesurer-ti-close`,t.setAttribute(`aria-label`,`Close`),t.textContent=`×`,Object.assign(t.style,{all:`unset`,marginLeft:n.textSnippet?`0`:`auto`,flex:`0 0 auto`,width:`16px`,height:`16px`,lineHeight:`14px`,textAlign:`center`,borderRadius:`4px`,color:py,fontSize:`14px`}),i.appendChild(t)}t.appendChild(i);let o=e.createElement(`div`);Object.assign(o.style,{display:`grid`,gridTemplateColumns:`auto 1fr`,columnGap:`12px`,rowGap:`3px`,alignItems:`baseline`});for(let t of n.rows){let n=e.createElement(`span`);n.style.color=py,n.style.fontSize=`11px`,n.textContent=t.label;let r=e.createElement(`span`);if(Object.assign(r.style,{fontFamily:`ui-monospace, SFMono-Regular, Menlo, monospace`,fontSize:`11px`,color:my,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),!t.varName)r.textContent=t.value;else{let n=e.createElement(`span`);n.textContent=t.value;let i=e.createElement(`span`);i.style.color=fy,i.style.margin=`0 6px`,i.textContent=`·`;let a=e.createElement(`span`);a.style.color=`#0369a1`,a.textContent=t.varName,r.append(n,i,a)}o.append(n,r)}t.appendChild(o)},by=(e,t,n,r=0,i=0)=>{let a=Number.parseFloat(t.dataset.mesurerPositionedScrollX??``),o=Number.parseFloat(t.dataset.mesurerPositionedScrollY??``),s=Number.isFinite(a)&&a!==e.scrollX||Number.isFinite(o)&&o!==e.scrollY,c=n.left+n.width/2+r;t.style.left=`${c}px`;let l=t.getBoundingClientRect(),u=n.bottom+4+i;u+l.height>e.innerHeight-8&&(u=n.top-l.height-4+i),t.style.top=`${Math.max(8,u)}px`;let d=l.width/2;t.style.left=`${Math.min(Math.max(c,8+d),e.innerWidth-8-d)}px`,t.dataset.mesurerPositionedScrollX=String(e.scrollX),t.dataset.mesurerPositionedScrollY=String(e.scrollY),s&&!t.dataset.mesurerNativeScrollAnchor&&(t.dataset.mesurerNativeScrollAnchor=`pending`)},xy=[`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`],Sy=`color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)`,Cy=`color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)`,wy=`color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)`,Ty=`color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)`,Ey=80,Dy=0,Oy=(e,t)=>`
|
|
2407
|
+
`))}),o=ec(`: `);return Z(n,r),Z(n,i),Q(r,()=>t()===0?`keyframes`:``),Z(i,o),Q(i,()=>e.name,o),Q(i,()=>e.frames.map(e=>e.offset).join(`, `),null),q(()=>`Copy keyframes ${e.name}`,(e,t)=>{$(i,`aria-label`,e,t)}),n})()})}}),Y(K,{get when(){return t()},get children(){return Y(_o,{get each(){return o()},children:(e,t)=>(()=>{var n=X(`div`,{class:`msr:mt-1 msr:flex msr:flex-col msr:gap-1`}),r=X(`div`,{class:`msr:grid msr:grid-cols-[auto_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),i=X(`span`,{class:`msr:text-ink-500`}),o=X(`button`,{type:`button`,class:`msr:min-w-0 msr:truncate msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(a()[t()]??``)});return Z(n,r),Z(r,i),Z(r,o),Q(i,()=>t()===0?`keyframes`:``),Q(o,()=>e.name),Q(n,Y(_o,{get each(){return e.frames},children:e=>(()=>{var t=X(`div`,{class:`msr:grid msr:grid-cols-[3.5rem_minmax(0,1fr)] msr:items-baseline msr:gap-2`}),n=X(`span`,{class:`msr:font-mono msr:tabular-nums msr:text-ink-500`}),r=X(`button`,{type:`button`,class:`msr:min-w-0 msr:whitespace-pre-wrap msr:break-words msr:bg-transparent msr:p-0 msr:text-right msr:font-mono msr:text-[10px] msr:text-ink-900 msr:hover:underline`,onClick:()=>s(`${e.offsets.join(`, `)} { ${e.value} }`)});return Z(t,n),Z(t,r),Q(n,()=>e.offsets.join(`, `)),Q(r,()=>e.displayValue||`underlying style`),t})()}),null),n})()})}}),(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-keyframes-toggle":`true`,class:`msr:ml-auto msr:bg-transparent msr:p-0 msr:text-[10px] msr:text-ink-500 msr:underline msr:underline-offset-2`,onClick:()=>n(e=>!e)});return Q(e,()=>t()?`Hide keyframes`:`Show keyframes`),q(()=>t()?`true`:`false`,(t,n)=>{$(e,`aria-expanded`,t,n)}),e})()]}}),null),c}function T_(e){let[t,n]=G(0),[r,i]=G(0),[a,o]=G(1),[s,c]=G(!1),[l,u]=G(!1),[d,f]=G([]),[p,m]=G(!1),[h,g]=G(!1),_,v,y,b,[x,S]=G(``),[C,w]=G(!1),T,E=null,D=null,O=`mesurer-motion-custom-speed-${++v_}`,[k,A]=G({left:0,above:!1}),[j,M]=G(null),[N,P]=G(i_(e.element)),F={current:null};mo(()=>e.suspended?.()??!1,e=>{e||en(()=>F.current?.())});let I=[],L=lo(()=>[...new Set(N().filter(t=>Mg(e.element,t.element)!==null).flatMap(e=>e.properties))]),R=()=>L().length>0,z=()=>j()===e.element,B=()=>z()&&!R()&&t()>0&&d().some(e=>e.animation);mo(()=>[e.element,e.ownerWindow],([e,t])=>{P(i_(e)),Dn(o_(e,t,t=>P(t.filter(t=>Mg(e,t.element)!==null))))}),mo(()=>[e.element,e.ownerWindow],([e,t])=>{M(null);let n=t.setTimeout(()=>{e.isConnected&&M(e)},250);Dn(()=>t.clearTimeout(n))}),mo(()=>[e.element,e.ownerWindow],([e,t])=>{i(0),c(!1),m(!1),g(!1),I=[];let r=Pg(e)[0];o(r?.playbackRate??1);let a=()=>{if(!e.isConnected){u(!1),n(0),f([]),I=[];return}try{let r=Lg(e,t),i=[...new Set(r.flatMap(e=>e.animation?[e.animation]:[]))];u(r.length>0||Ng(e).length>0),n(Math.max(0,...r.map(Rg))),f(r),I=i}catch{u(!1),n(0),f([]),I=[]}};a();let s=t.setInterval(a,250);Dn(()=>t.clearInterval(s))}),mo(()=>[e.ownerWindow,l(),B(),t()],([t,n,r,a])=>{if(!n||!r)return;let o=0,s=0,l=!1,u=()=>{if(l)return;if(e.suspended?.()){o=t.setTimeout(u,100);return}let n=Bg(I,a);i(n.progress),c(n.playing),e.suspended?.()||F.current?.(),n.playing?s=t.requestAnimationFrame(u):o=t.setTimeout(u,250)};en(u),Dn(()=>{l=!0,t.clearTimeout(o),t.cancelAnimationFrame(s)})});let V=e=>{if(!B())return;let n=Math.max(0,Math.min(1,e));i(n),c(!1),Ug(I,n,t()),F.current?.()},ee=()=>{if(!B())return;let t=s()?`pause`:`play`;Hg(e.element,t,a()),c(t===`play`)},H=t=>{if(!B()||!Number.isFinite(t))return;let n=Math.min(4,Math.max(.1,Math.round(t*100)/100));o(n),Hg(e.element,s()?`play`:`pause`,n)},U=e=>{let t=b?.getBoundingClientRect();if(!t)return;let n=Math.max(1,t.width-16),r=Math.max(0,Math.min(1,(e-t.left-8)/n)),i=Math.round((.1+r*3.9-.1)/.05)*.05+.1;H(i)},W=e=>{if(!B())return;let t=E??T?.getBoundingClientRect();t?.width&&V((e-t.left)/t.width)},te=e=>{if(D!==e)return;D=null,E=null;let t=T;t?.hasPointerCapture(e)&&t.releasePointerCapture(e)};return mo(()=>h(),e=>{if(!e)return;let t=_?.ownerDocument.defaultView;if(!t)return;let n=()=>{let e=_?.getBoundingClientRect();if(!e)return;let n=Math.min(208,t.innerWidth-16),r=Math.max(8-e.left,Math.min(e.width-n,t.innerWidth-n-8-e.left));A({left:r,above:t.innerHeight-e.bottom<46&&e.top>=46})};n(),t.addEventListener(`resize`,n),t.addEventListener(`scroll`,n,!0),Dn(()=>{t.removeEventListener(`resize`,n),t.removeEventListener(`scroll`,n,!0)}),t.queueMicrotask(()=>{h()&&(y?.focus({preventScroll:!0}),y?.select())});let r=e=>{if(e.type===`keydown`){let t=e;if(t.key!==`Escape`)return;t.preventDefault(),t.stopPropagation(),g(!1),v?.focus({preventScroll:!0});return}let t=_;t&&e.composedPath().includes(t)||g(!1)};t.addEventListener(`pointerdown`,r,!0),t.addEventListener(`keydown`,r,!0),Dn(()=>{t.removeEventListener(`pointerdown`,r,!0),t.removeEventListener(`keydown`,r,!0)})}),Y(K,{get when(){return l()||L().length>0},get children(){var n=X(`div`,{"data-mesurer-motion-player":`true`,"data-mesurer-inspector-ui":`true`,"aria-label":`Motion playback`,class:`mesurer-menu-surface msr:relative msr:box-border msr:pointer-events-auto msr:w-full msr:overflow-visible msr:rounded-wide-card msr:bg-white msr:text-ink-900 msr:outline-none`,style:{"border-radius":`var(--radius-wide-card, 13px)`},onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),i=X(`div`,{class:`msr:relative msr:p-2`}),o=X(`button`,{type:`button`,class:`msr:relative msr:block msr:w-full msr:overflow-hidden msr:rounded-control msr:border-0 msr:bg-ink-100 msr:p-0 msr:text-left`,"aria-label":`Motion preview`,onClick:ee}),c=X(`div`,{class:`msr:mt-2 msr:flex msr:h-5 msr:items-center msr:gap-1.5`}),l=X(`button`,{type:`button`,"data-mesurer-motion-inspect":`true`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:leading-none msr:text-ink-900 msr:hover:bg-black/4 msr:focus-visible:outline-none`,onClick:()=>m(e=>!e)}),u=X(`div`,{"data-mesurer-motion-details":`true`,class:`mesurer-thin-scrollbar msr:max-h-[50vh] msr:overflow-y-auto`});return Z(n,i),Z(n,u),Z(i,o),Z(i,c),Q(o,Y(g_,{get element(){return e.element},get ownerWindow(){return e.ownerWindow},get observedTargets(){return N()},wakeRef:F,get suspended(){return e.suspended}})),Z(c,l),Q(c,Y(K,{get when(){return J(()=>!R())()&&z()},get fallback(){var e=X(`div`,{role:`status`,class:`msr:min-w-0 msr:flex-1 msr:truncate msr:font-mono msr:text-[10px] msr:leading-none msr:text-ink-500`});return Q(e,()=>R()?`JavaScript animation. Controls unavailable.`:`Preparing motion…`),e},get children(){return[(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-play":`true`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:leading-none msr:text-ink-900 msr:hover:bg-black/4 msr:focus-visible:outline-none msr:disabled:opacity-40`,onClick:ee});return Q(e,(()=>{var e=J(()=>!!s());return()=>e()?Y(S_,{}):Y(x_,{})})()),q(()=>({e:s()?`Pause motion`:`Play motion`,t:s()?`true`:`false`,a:!B()}),({e:t,t:n,a:r},i)=>{t!==i?.e&&$(e,`aria-label`,t,i?.e),n!==i?.t&&$(e,`aria-pressed`,n,i?.t),r!==i?.a&&$(e,`disabled`,r,i?.a)}),e})(),(()=>{var e=X(`span`,{class:`msr:flex msr:h-5 msr:w-8 msr:shrink-0 msr:items-center msr:font-mono msr:text-[10px] msr:leading-none msr:tabular-nums msr:text-ink-500`});return Q(e,(()=>{var e=J(()=>!!B());return()=>e()?y_(r()*t()):`—`})()),e})(),(()=>{var e=X(`div`,{role:`slider`,"data-mesurer-motion-scrubber":`true`,"aria-label":`Scrub motion timeline`,"aria-valuemin":0,class:`mesurer-recording-timeline msr:relative msr:h-5 msr:min-w-0 msr:flex-1 msr:cursor-pointer msr:select-none`,onPointerDown:e=>{B()&&(E=e.currentTarget.getBoundingClientRect(),D=e.pointerId,e.currentTarget.setPointerCapture(e.pointerId),W(e.clientX))},onPointerMove:e=>{e.pointerId===D&&W(e.clientX)},onPointerUp:e=>{e.pointerId===D&&(W(e.clientX),te(e.pointerId))},onPointerCancel:e=>te(e.pointerId),onLostPointerCapture:e=>te(e.pointerId),onKeyDown:e=>{if(B()){if(e.key===`Home`||e.key===`End`){e.preventDefault(),e.stopPropagation(),V(e.key===`Home`?0:1);return}(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),e.stopPropagation(),V(r()+(e.key===`ArrowRight`?.02:-.02)))}}}),n=X(`div`,{class:`mesurer-recording-track-rail msr:pointer-events-none msr:absolute msr:inset-x-0 msr:top-1/2 msr:h-[3px] msr:-translate-y-1/2 msr:rounded-full msr:bg-ink-200`}),i=X(`div`,{class:`msr:pointer-events-none msr:absolute msr:top-1/2 msr:z-[2] msr:h-2 msr:-translate-y-1/2`}),a=X(`div`,{class:`mesurer-recording-playhead msr:h-full msr:w-0.5 msr:rounded-full msr:bg-ink-900`});Z(e,n),Z(e,i);var o=T;return typeof o==`function`||Array.isArray(o)?ic(()=>o,e):T=e,Z(i,a),q(()=>({e:B()?0:-1,t:B()?`false`:`true`,a:t(),o:r()*t(),i:B()?`${Math.round(r()*100)}%`:`Playback unavailable`,n:{left:`${r()*100}%`}}),({e:t,t:n,a:r,o:a,i:o,n:s},c)=>{t!==c?.e&&$(e,`tabindex`,t,c?.e),n!==c?.t&&$(e,`aria-disabled`,n,c?.t),r!==c?.a&&$(e,`aria-valuemax`,r,c?.a),a!==c?.o&&$(e,`aria-valuenow`,a,c?.o),o!==c?.i&&$(e,`aria-valuetext`,o,c?.i),s!==c?.n&&$(i,`style`,s,c?.n)}),e})(),(()=>{var e=X(`span`,{class:`msr:flex msr:h-5 msr:w-8 msr:shrink-0 msr:items-center msr:justify-end msr:font-mono msr:text-[10px] msr:leading-none msr:tabular-nums msr:text-ink-500`});return Q(e,(()=>{var e=J(()=>!!B());return()=>e()?y_(t()):`—`})()),e})(),(()=>{var e=X(`div`,{class:`msr:relative msr:flex msr:h-5 msr:shrink-0 msr:items-center`}),t=X(`select`,{"data-mesurer-motion-speed":`true`,"aria-label":`Playback speed`,class:`mesurer-settings-button-ghost msr:h-5 msr:appearance-none msr:rounded-control msr:border msr:border-transparent msr:bg-transparent msr:p-0 msr:text-center msr:font-mono msr:text-[10px] msr:tabular-nums msr:text-ink-500 msr:hover:bg-black/4 msr:focus-visible:bg-black/4 msr:focus-visible:outline-none`,onChange:e=>{if(e.currentTarget.value===`custom`){g(!0);return}g(!1),H(Number(e.currentTarget.value))}}),n=X(`option`,{value:`custom`});Z(e,t);var r=_;typeof r==`function`||Array.isArray(r)?ic(()=>r,e):_=e,Z(t,n);var i=v;return typeof i==`function`||Array.isArray(i)?ic(()=>i,t):v=t,Q(t,Y(_o,{each:__,children:e=>(()=>{var t=X(`option`),n=ec(`x`);return Z(t,n),Q(t,e,n),q(()=>String(e),(e,n)=>{$(t,`value`,e,n)}),t})()}),n),Q(t,Y(K,{get when(){return!__.some(e=>e===a())},get children(){var e=X(`option`),t=ec(`x`);return Z(e,t),Q(e,a,t),q(()=>String(a()),(t,n)=>{$(e,`value`,t,n)}),e}}),n),Z(n,ec(`Custom`)),Q(e,Y(K,{get when(){return J(()=>!!h())()?B():h()},get children(){var e=X(`div`,{id:O,role:`dialog`,"data-mesurer-motion-custom-speed":`true`,"aria-label":`Custom playback speed`,class:`mesurer-menu-surface msr:absolute msr:z-[120] msr:flex msr:w-[208px] msr:max-w-[calc(100vw-16px)] msr:items-center msr:gap-1 msr:rounded-[9px] msr:border msr:border-ink-200 msr:bg-white msr:p-1`,onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),t=X(`div`,{class:`msr:min-w-0 msr:flex-1`}),n=X(`div`,{class:`msr:grid msr:h-8 msr:w-full msr:grid-cols-[minmax(0,1fr)] msr:items-center`}),r=X(`button`,{type:`button`,"aria-label":`Close custom speed`,class:`msr:flex msr:size-5 msr:shrink-0 msr:items-center msr:justify-center msr:rounded-[6px] msr:bg-transparent msr:text-ink-700 msr:hover:bg-black/4`,onClick:()=>{g(!1),v?.focus({preventScroll:!0})}}),i=X(`span`,{"aria-hidden":`true`});return Z(e,t),Z(e,r),Z(t,n),Q(n,Y(l_,{get left(){var e=X(`div`,{class:`msr:relative msr:min-w-0 msr:flex-1 msr:touch-none msr:select-none msr:px-2`,style:{height:`20px`},"data-slider-container":`true`,onPointerDown:e=>{e.stopPropagation(),e.currentTarget.setPointerCapture(e.pointerId),U(e.clientX)},onPointerMove:e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&U(e.clientX)},onPointerUp:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)},onPointerCancel:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)}}),t=X(`div`,{class:`msr:absolute msr:left-[8px] msr:right-[8px] msr:rounded-full`,style:{top:`8px`,height:`4px`,"background-color":`var(--msr-slider-track)`},"aria-hidden":`true`}),n=X(`div`,{class:`msr:absolute msr:left-[8px] msr:rounded-full`,"aria-hidden":`true`}),r=X(`div`,{role:`slider`,tabindex:0,"aria-label":`Custom playback speed slider`,"aria-valuemin":.1,"aria-valuemax":4,class:`mesurer-control-thumb msr:absolute msr:rounded-[5px] msr:bg-white msr:shadow-sm msr:outline-none msr:focus-visible:ring-1 msr:focus-visible:ring-[var(--msr-accent)]/25`,onKeyDown:e=>{if(e.key===`Home`)H(.1);else if(e.key===`End`)H(4);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)H(a()+.05);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)H(a()-.05);else return;e.preventDefault(),e.stopPropagation()}});Z(e,t),Z(e,n),Z(e,r);var i=b;return typeof i==`function`||Array.isArray(i)?ic(()=>i,e):b=e,q(()=>({e:{top:`8px`,height:`4px`,width:`calc(${(a()-.1)/3.9*100}% - ${(a()-.1)/3.9*16}px)`,"background-color":`var(--msr-accent)`},t:a(),a:`${a()}x`,o:{left:`calc(8px + (100% - 16px) * ${(a()-.1)/3.9})`,top:`4px`,width:`12px`,height:`12px`,transform:`translateX(-50%)`}}),({e,t,a:i,o:a},o)=>{e!==o?.e&&$(n,`style`,e,o?.e),t!==o?.t&&$(r,`aria-valuenow`,t,o?.t),i!==o?.a&&$(r,`aria-valuetext`,i,o?.a),a!==o?.o&&$(r,`style`,a,o?.o)}),e},get right(){var e=X(`input`,{type:`text`,"aria-label":`Custom playback speed value`,class:`msr:h-full msr:w-full msr:border-0 msr:bg-transparent msr:px-1 msr:text-left msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,onFocus:()=>{S(`${a()}x`),w(!0)},onInput:e=>{let t=e.currentTarget.value;S(t);let n=Number.parseFloat(t);Number.isFinite(n)&&H(n)},onBlur:()=>w(!1),onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{if(e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault(),e.stopPropagation(),H(a()+(e.key===`ArrowUp`?.05:-.05));return}e.key===`Enter`&&(e.preventDefault(),e.currentTarget.blur())}}),t=y;return typeof t==`function`||Array.isArray(t)?ic(()=>t,e):y=e,q(()=>C()?x():`${a()}x`,(t,n)=>{$(e,`value`,t,n)}),e}})),Z(r,i),Z(i,ec(`×`)),q(()=>({left:`${k().left}px`,top:k().above?`auto`:`100%`,bottom:k().above?`100%`:`auto`,"margin-top":k().above?`0px`:`4px`,"margin-bottom":k().above?`4px`:`0px`}),(t,n)=>{$(e,`style`,t,n)}),e}}),null),q(()=>({e:h()?O:void 0,t:!B(),a:String(a()),o:{width:`${Math.max(6,`${a()}x`.length+1)}ch`}}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`aria-controls`,e,a?.e),n!==a?.t&&$(t,`disabled`,n,a?.t),r!==a?.a&&$(t,`value`,r,a?.a),i!==a?.o&&$(t,`style`,i,a?.o)}),e})()]}}),l),Q(l,Y(C_,{})),Q(u,Y(K,{get when(){return p()},get children(){return[Y(w_,{get motions(){return d()},get ownerWindow(){return e.ownerWindow},get element(){return e.element},get observedProperties(){return L()}}),J(()=>e.inspectDetails?.())]}})),q(()=>({e:!B(),t:p()?`Hide motion details`:`Show motion details`,a:p()?`true`:`false`,o:!p()}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(o,`disabled`,e,i?.e),t!==i?.t&&$(l,`aria-label`,t,i?.t),n!==i?.a&&$(l,`aria-expanded`,n,i?.a),r!==i?.o&&$(u,`hidden`,r,i?.o)}),n}})}var E_=$a(null),D_=e=>Y(E_,{get value(){return e.runtime},get children(){return e.children}}),O_=()=>eo(E_),k_=[`hex`,`rgb`,`hsl`,`oklch`],A_=e=>k_.some(t=>t===e),j_=e=>e===`system`||e===`light`||e===`dark`,M_=e=>e===`off`||e===`click`||e===`hover`,N_=[{value:`solid`,label:`Solid`},{value:`dashed`,label:`Dashed`},{value:`dotted`,label:`Dotted`}];function P_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:col-span-2 msr:grid msr:h-6 msr:w-full msr:appearance-none msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`),r=X(`span`,{"aria-hidden":`true`,style:{"justify-self":`end`}}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.checked?`true`:`false`,t:e.disabled,a:e.dataCurrentOnlyExtension,o:e.checked?`true`:void 0,i:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,n:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s,n:c},l)=>{e!==l?.e&&$(t,`aria-checked`,e,l?.e),n!==l?.t&&$(t,`disabled`,n,l?.t),a!==l?.a&&$(t,`data-mesurer-current-only-extension`,a,l?.a),o!==l?.o&&$(r,`data-checked`,o,l?.o),s!==l?.i&&$(r,`class`,s,l?.i),c!==l?.n&&$(i,`style`,c,l?.n)}),t}function F_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:flex msr:h-6 msr:w-full msr:items-center msr:justify-between msr:gap-2 msr:pr-0 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`,{class:`mesurer-plugin-setting-label msr:ml-6 msr:min-w-0 msr:flex-1 msr:truncate msr:whitespace-nowrap`}),r=X(`span`,{"aria-hidden":`true`}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.checked?`true`:`false`,t:e.disabled,a:e.checked?`true`:void 0,o:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,i:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s},c)=>{e!==c?.e&&$(t,`aria-checked`,e,c?.e),n!==c?.t&&$(t,`disabled`,n,c?.t),a!==c?.a&&$(r,`data-checked`,a,c?.a),o!==c?.o&&$(r,`class`,o,c?.o),s!==c?.i&&$(i,`style`,s,c?.i)}),t}function I_(e){let t=t=>e.formatValue?.(t)??String(t),n=t=>e.parseInput?.(t)??Number(t),[r,i]=G(!1),[a,o]=G(``),s,c=()=>(e.value-e.min)/(e.max-e.min)*100,l=t=>e.onChange(Number(Math.min(e.max,Math.max(e.min,t)).toFixed(4))),u=(t,n)=>{t.stopPropagation();let r=n.getBoundingClientRect(),i=Math.max(1,r.width-16),a=Math.min(1,Math.max(0,(t.clientX-r.left-8)/i)),o=e.min+a*(e.max-e.min);l(Math.round((o-e.min)/e.step)*e.step+e.min)};Nn(()=>{let e=s;if(!e)return;let t=t=>{e.hasPointerCapture(t.pointerId)&&u(t,e)};return e.addEventListener(`pointermove`,t),()=>e.removeEventListener(`pointermove`,t)});var d=X(`div`,{class:`msr:col-span-2 msr:grid msr:w-full msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),f=X(`span`,{class:`msr:text-[11px] msr:font-medium msr:text-ink-700`});return Z(d,f),Q(f,()=>e.label),Q(d,Y(l_,{variant:`legacy`,get left(){var t=X(`div`,{class:`msr:relative msr:min-w-0 msr:flex-1 msr:touch-none msr:select-none msr:px-2`,style:{height:`20px`},"data-slider-container":`true`,onPointerDown:e=>{e.stopPropagation(),Il(e.currentTarget,e.pointerId),u(e,e.currentTarget)},onPointerUp:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)},onPointerCancel:e=>{e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId)}}),n=X(`div`,{class:`msr:absolute msr:left-[8px] msr:right-[8px] msr:rounded-full`,style:{top:`8px`,height:`4px`,"background-color":`var(--msr-slider-track, rgba(15, 23, 42, 0.16))`}}),r=X(`div`,{class:`msr:absolute msr:left-[8px] msr:rounded-full`}),i=X(`div`,{class:`msr:absolute msr:rounded-[5px] msr:bg-white msr:shadow-sm msr:outline-none msr:focus-visible:ring-1 msr:focus-visible:ring-[#0d99ff]/25`,"data-slider-thumb":`true`,role:`slider`,tabindex:0,onKeyDown:t=>{let n=t.key===`ArrowRight`||t.key===`ArrowUp`?1:t.key===`ArrowLeft`||t.key===`ArrowDown`?-1:0;if(t.key===`Home`)l(e.min);else if(t.key===`End`)l(e.max);else if(n)l(e.value+n*e.step);else return;t.preventDefault(),t.stopPropagation()}});return Z(t,n),Z(t,r),Z(t,i),ic(()=>e=>{s=e},t),q(()=>({e:{top:`8px`,width:`calc(${c()}% - ${c()*.16}px)`,height:`4px`,"background-color":`var(--msr-accent, #0d99ff)`},t:{"background-color":`var(--msr-control-thumb, #fff)`,left:`calc(8px + (100% - 16px) * ${c()/100})`,top:`4px`,width:`12px`,height:`12px`,transform:`translateX(-50%)`},a:e.label,o:e.min,i:e.max,n:e.value}),({e,t,a:n,o:a,i:o,n:s},c)=>{e!==c?.e&&$(r,`style`,e,c?.e),t!==c?.t&&$(i,`style`,t,c?.t),n!==c?.a&&$(i,`aria-label`,n,c?.a),a!==c?.o&&$(i,`aria-valuemin`,a,c?.o),o!==c?.i&&$(i,`aria-valuemax`,o,c?.i),s!==c?.n&&$(i,`aria-valuenow`,s,c?.n)}),t},get right(){var s=X(`input`,{type:`text`,class:`msr:h-full msr:w-full msr:border-0 msr:bg-transparent msr:px-2 msr:text-center msr:font-mono msr:text-[12px] msr:font-medium msr:tabular-nums msr:text-ink-700 msr:outline-none`,style:{"box-sizing":`border-box`,"border-radius":`0 5px 5px 0`,"line-height":`1rem`},onFocus:()=>{o(t(e.value)),i(!0)},onInput:e=>{o(e.currentTarget.value);let t=n(e.currentTarget.value);Number.isFinite(t)&&l(t)},onBlur:()=>{let e=n(a());Number.isFinite(e)&&l(e),i(!1)},onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),e.key===`Enter`&&e.currentTarget.blur()}});return q(()=>({e:`${e.label} value`,t:r()?a():t(e.value)}),({e,t},n)=>{e!==n?.e&&$(s,`aria-label`,e,n?.e),t!==n?.t&&$(s,`value`,t,n?.t)}),s}}),null),d}function L_(e){let t=Sl(e.ownerWindow),[n,r]=G(!1),[i,a]=G([]),o=O_(),s=()=>o?.plugins()??[],c=()=>o?.version()??`0.1.0`,l=()=>{e.onResetSettings(),o?.reset()},u=t=>e.model.setTransient({settingsTab:t}),d=()=>e.model.state.settings,f=t=>e.model.updateSettings({guideStyle:{...e.model.current.settings.guideStyle,...t}}),p=t=>e.onSelectionSpacingStyleChange(t),m=t=>{let n=e.model.current.settings.colorPickerFormats,r=n.includes(t)?n.filter(e=>e!==t):[...n,t];e.model.updateSettings({colorPickerFormats:r.length?r:[`hex`]})},h=[[`guides`,`Guides`],[`select`,`Select`],[`color-picker`,`Color`],[`rulers`,`Rulers`],[`general`,`General`]];var g=X(`div`,{class:`msr:flex msr:max-h-[min(70vh,34rem)] msr:flex-col msr:gap-2 msr:overflow-y-auto`,onPointerDown:e=>e.stopPropagation()}),_=X(`div`,{class:`mesurer-settings-tabs msr:flex msr:h-6 msr:shrink-0 msr:select-none msr:items-stretch msr:gap-0 msr:rounded-[5px] msr:bg-ink-50 msr:p-px`,role:`tablist`,"aria-label":`Settings sections`});return Z(g,_),Q(_,Y(_o,{each:h,children:([t,n])=>(()=>{var r=X(`button`,{type:`button`,role:`tab`,onClick:()=>u(t)});return Q(r,n),q(()=>({e:e.model.state.settingsTab===t?`true`:`false`,t:`mesurer-settings-tab msr:relative msr:flex msr:min-w-0 msr:flex-1 msr:appearance-none msr:items-center msr:justify-center msr:whitespace-nowrap msr:px-1.5 msr:py-0 msr:text-[10px] msr:font-medium msr:transition-colors msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] msr:rounded-[5px] ${e.model.state.settingsTab===t?`msr:bg-white msr:text-ink-900`:`msr:text-ink-500 msr:hover:text-ink-700`}`}),({e,t},n)=>{e!==n?.e&&$(r,`aria-selected`,e,n?.e),t!==n?.t&&$(r,`class`,t,n?.t)}),r})()})),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`guides`},get children(){var n=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Guide settings`}),r=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),i=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),a=X(`div`,{class:`msr:flex msr:gap-1`,role:`radiogroup`,"aria-label":`Guide pattern`});return Z(n,r),Q(n,Y(u_,{variant:`legacy`,label:`Color`,get value(){return d().guideColor},fallback:`#f97316`,get ownerWindow(){return e.ownerWindow},onChange:t=>e.model.updateSettings({guideColor:t})}),r),Q(n,Y(I_,{label:`Weight`,min:1,max:4,step:1,get value(){return d().guideStyle.width},formatValue:e=>`${e}px`,parseInput:e=>Number.parseFloat(e),onChange:e=>f({width:e})}),r),Z(r,i),Z(r,a),Z(i,ec(`Pattern`)),Q(a,Y(_o,{each:N_,children:({value:e,label:n})=>{let r=()=>d().guideStyle.pattern===e,i=`guide-pattern-${e}`;var a=X(`button`,{type:`button`,role:`radio`,"aria-label":`${n} guide pattern`,onClick:()=>f({pattern:e}),onMouseEnter:()=>t.onTooltipEnter(i),onFocus:()=>t.onTooltipEnter(i)});return Z(a,X(`span`,{"aria-hidden":`true`,class:`msr:block msr:w-full msr:border-t-2 msr:border-ink-700 ${e===`dashed`?`msr:border-dashed`:e===`dotted`?`msr:border-dotted`:`msr:border-solid`}`})),Q(a,Y(xl,{label:n,get visible(){return t.visibleTooltipId()===i},get instant(){return t.tooltipInstant()},class:`msr:z-10`}),null),q(()=>({e:r()?`true`:`false`,t:`msr:relative msr:flex msr:h-6 msr:min-w-0 msr:flex-1 msr:items-center msr:justify-center msr:rounded-[5px] msr:border msr:px-1 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${r()?`msr:border-[#0d99ff] msr:bg-[#0d99ff]/10`:`msr:border-ink-200 msr:bg-ink-50 msr:hover:bg-ink-100`}`,a:t.onTooltipLeave}),({e,t,a:n},r)=>{e!==r?.e&&$(a,`aria-checked`,e,r?.e),t!==r?.t&&$(a,`class`,t,r?.t),n!==r?.a&&$(a,`onBlur`,n,r?.a)}),a}})),Q(n,Y(K,{get when(){return d().guideStyle.pattern!==`solid`},get children(){return[Y(I_,{label:`Length`,min:2,max:24,step:1,get value(){return d().guideStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>f({dashLength:e})}),Y(I_,{label:`Gap`,min:0,max:24,step:1,get value(){return d().guideStyle.gap},formatValue:e=>`${e}px`,onChange:e=>f({gap:e})})]}}),null),Q(n,Y(P_,{label:`Snap`,get checked(){return d().snapGuidesEnabled},onChange:t=>e.model.updateSettings({snapGuidesEnabled:t})}),null),Q(n,Y(P_,{label:`Highlight`,get checked(){return d().selectNewGuideEnabled},onChange:t=>e.model.updateSettings({selectNewGuideEnabled:t})}),null),q(()=>t.onTooltipContainerLeave,(e,t)=>{$(a,`onMouseLeave`,e,t)}),n}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`select`},get children(){var n=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Selection settings`}),r=X(`label`,{"data-mesurer-current-only-extension":`inspect-info-mode`,class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),i=X(`span`),a=X(`select`,{"aria-label":`Info card mode`,class:`msr:h-6 msr:w-full msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-surface msr:px-1.5 msr:text-[11px]`,onChange:t=>{let n=t.currentTarget.value;M_(n)&&e.model.updateSettings({infoCardMode:n})}}),o=X(`option`,{value:`off`}),s=X(`option`,{value:`click`}),c=X(`option`,{value:`hover`}),l=X(`div`,{"data-mesurer-distance":`true`,class:`msr:col-span-2 msr:mt-1 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1 msr:border-t msr:border-ink-100 msr:pt-2`}),u=X(`div`,{class:`msr:col-span-2 msr:text-[10px] msr:font-semibold msr:text-ink-500`}),f=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),m=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),h=X(`div`,{class:`msr:flex msr:gap-1`,role:`radiogroup`,"aria-label":`Selection spacing pattern`});return Z(n,r),Z(n,l),Q(n,Y(u_,{variant:`legacy`,label:`Color`,get value(){return d().highlightColor},fallback:`#0d99ff`,get ownerWindow(){return e.ownerWindow},onChange:t=>e.model.updateSettings({highlightColor:t})}),r),Q(n,Y(P_,{label:`Hover`,get checked(){return d().hoverHighlightEnabled},onChange:t=>e.model.updateSettings({hoverHighlightEnabled:t})}),r),Q(n,Y(P_,{label:`Element snap`,get checked(){return d().snapEnabled},onChange:t=>e.model.updateSettings({snapEnabled:t})}),r),Q(n,Y(P_,{label:`Stack`,get checked(){return d().multiMeasureEnabled},onChange:t=>e.model.updateSettings({multiMeasureEnabled:t})}),r),Z(r,i),Z(r,a),Z(i,ec(`Info card mode`)),Z(a,o),Z(a,s),Z(a,c),Z(o,ec(`Off`)),Z(s,ec(`Click`)),Z(c,ec(`Hover`)),Q(n,Y(P_,{dataCurrentOnlyExtension:`inspect-info-layout`,label:`Layout details`,get checked(){return d().layoutDetailsEnabled},onChange:t=>e.model.updateSettings({layoutDetailsEnabled:t})}),l),Z(l,u),Z(l,f),Z(u,ec(`Selection spacing`)),Q(l,Y(P_,{label:`Show`,get checked(){return e.selectionSpacingStyle.enabled},onChange:e=>p({enabled:e})}),f),Q(l,Y(P_,{label:`Diagonals`,get checked(){return e.selectionSpacingStyle.diagonals},onChange:e=>p({diagonals:e})}),f),Q(l,Y(u_,{variant:`legacy`,label:`Line color`,get value(){return e.selectionSpacingStyle.color},fallback:`#2563eb`,get ownerWindow(){return e.ownerWindow},onChange:e=>p({color:e})}),f),Q(l,Y(I_,{label:`Weight`,min:1,max:4,step:1,get value(){return e.selectionSpacingStyle.width},formatValue:e=>`${e}px`,parseInput:e=>Number.parseFloat(e),onChange:e=>p({width:e})}),f),Z(f,m),Z(f,h),Z(m,ec(`Pattern`)),Q(h,Y(_o,{each:N_,children:({value:n,label:r})=>{let i=()=>e.selectionSpacingStyle.pattern===n,a=`spacing-pattern-${n}`;var o=X(`button`,{type:`button`,role:`radio`,"aria-label":`${r} spacing pattern`,onClick:()=>p({pattern:n}),onMouseEnter:()=>t.onTooltipEnter(a),onFocus:()=>t.onTooltipEnter(a)});return Z(o,X(`span`,{"aria-hidden":`true`,class:`msr:block msr:w-full msr:border-t-2 msr:border-ink-700 ${n===`dashed`?`msr:border-dashed`:n===`dotted`?`msr:border-dotted`:`msr:border-solid`}`})),Q(o,Y(xl,{label:r,get visible(){return t.visibleTooltipId()===a},get instant(){return t.tooltipInstant()},class:`msr:z-10`}),null),q(()=>({e:i()?`true`:`false`,t:`msr:relative msr:flex msr:h-6 msr:min-w-0 msr:flex-1 msr:items-center msr:justify-center msr:rounded-[5px] msr:border msr:px-1 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${i()?`msr:border-[#0d99ff] msr:bg-[#0d99ff]/10`:`msr:border-ink-200 msr:bg-ink-50 msr:hover:bg-ink-100`}`,a:t.onTooltipLeave}),({e,t,a:n},r)=>{e!==r?.e&&$(o,`aria-checked`,e,r?.e),t!==r?.t&&$(o,`class`,t,r?.t),n!==r?.a&&$(o,`onBlur`,n,r?.a)}),o}})),Q(l,Y(K,{get when(){return e.selectionSpacingStyle.pattern!==`solid`},get children(){return[Y(I_,{label:`Length`,min:2,max:24,step:1,get value(){return e.selectionSpacingStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>p({dashLength:e})}),Y(I_,{label:`Gap`,min:0,max:24,step:1,get value(){return e.selectionSpacingStyle.gap},formatValue:e=>`${e}px`,onChange:e=>p({gap:e})})]}}),null),q(()=>({e:d().infoCardMode,t:t.onTooltipContainerLeave}),({e,t},n)=>{e!==n?.e&&$(a,`value`,e,n?.e),t!==n?.t&&$(h,`onMouseLeave`,t,n?.t)}),n}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`color-picker`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Color settings`}),n=X(`div`,{class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-3`}),r=X(`span`,{class:`msr:text-[12px] msr:text-ink-700`}),i=X(`div`,{class:`msr:flex msr:min-w-0 msr:gap-1`}),a=X(`label`,{class:`msr:col-span-2 msr:flex msr:items-center msr:justify-between msr:gap-3 msr:text-[12px] msr:text-ink-700`}),o=ec(`Copy`),s=X(`select`,{class:`msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:py-1 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_#0d99ff]`,onChange:t=>{let n=t.currentTarget.value;A_(n)&&e.model.updateSettings({colorPickerClickFormat:n})}});return Z(t,n),Z(t,a),Z(n,r),Z(n,i),Z(r,ec(`Format`)),Q(i,Y(_o,{each:k_,children:e=>(()=>{var t=X(`button`,{type:`button`,onClick:()=>m(e)});return Q(t,e),q(()=>({e:d().colorPickerFormats.includes(e)?`true`:`false`,t:`msr:h-6 msr:min-w-0 msr:flex-1 msr:rounded-[5px] msr:border msr:px-1 msr:text-[11px] msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff] ${d().colorPickerFormats.includes(e)?`msr:border-[#0d99ff] msr:bg-[#0d99ff] msr:text-white`:`msr:border-ink-200 msr:text-ink-500 msr:hover:bg-ink-50`}`}),({e,t:n},r)=>{e!==r?.e&&$(t,`aria-pressed`,e,r?.e),n!==r?.t&&$(t,`class`,n,r?.t)}),t})()})),Z(a,o),Z(a,s),Q(s,Y(_o,{each:k_,children:e=>(()=>{var t=X(`option`,{value:e});return Q(t,e),t})()})),q(()=>d().colorPickerClickFormat,(e,t)=>{$(s,`value`,e,t)}),t}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`rulers`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`Ruler settings`});return Q(t,Y(I_,{label:`Opacity`,min:.2,max:1,step:.05,get value(){return d().rulerSettings.opacity},formatValue:e=>`${Math.round(e*100)}%`,parseInput:e=>Number.parseFloat(e)/100,onChange:t=>e.model.updateSettings({rulerSettings:{...e.model.current.settings.rulerSettings,opacity:t}})}),null),Q(t,Y(P_,{label:`Edge reveal`,get checked(){return d().rulerSettings.edgeReveal},onChange:t=>e.model.updateSettings({rulerSettings:{...e.model.current.settings.rulerSettings,edgeReveal:t}})}),null),t}}),null),Q(g,Y(K,{get when(){return e.model.state.settingsTab===`general`},get children(){var t=X(`section`,{class:`msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,"aria-label":`General settings`}),u=X(`div`,{class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),f=X(`span`),p=X(`select`,{"aria-label":`Appearance`,class:`mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-[5px] 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)]`,onChange:t=>{let n=t.currentTarget.value;j_(n)&&e.model.updateSettings({theme:n})}}),m=X(`option`,{value:`system`}),h=X(`option`,{value:`light`}),g=X(`option`,{value:`dark`}),_=X(`div`,{class:`msr:col-span-2 msr:grid msr:h-6 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px] msr:text-ink-700`}),v=X(`span`),y=X(`span`,{class:`msr:justify-self-end msr:font-mono msr:text-[11px] msr:tabular-nums msr:text-ink-700`}),b=X(`div`,{class:`msr:col-span-2 msr:flex msr:justify-end msr:gap-1`}),x=X(`button`,{type:`button`,"aria-label":`Reset settings to defaults`,class:`msr:rounded-[5px] msr:border msr:border-ink-200 msr:px-2 msr:py-1 msr:text-[11px] msr:text-ink-700 msr:hover:bg-ink-50 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:l}),S=X(`button`,{type:`button`,"aria-label":`Clear workspace`,class:`msr:rounded-[5px] msr:border msr:border-red-200 msr:px-2 msr:py-1 msr:text-[11px] msr:text-red-600 msr:hover:bg-red-50 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#ef4444]`,onClick:()=>e.onClearWorkspace()});return Z(t,u),Z(t,_),Z(t,b),Q(t,Y(P_,{label:`Persist`,get checked(){return d().persistOnReload},onChange:t=>e.model.updateSettings({persistOnReload:t})}),u),Q(t,Y(P_,{label:`Shortcuts`,get checked(){return d().shortcutsEnabled},onChange:t=>e.model.updateSettings({shortcutsEnabled:t})}),u),Z(u,f),Z(u,p),Z(f,ec(`Appearance`)),Z(p,m),Z(p,h),Z(p,g),Z(m,ec(`System`)),Z(h,ec(`Light`)),Z(g,ec(`Dark`)),Q(t,Y(K,{get when(){return s().length>0},get children(){var e=X(`div`,{class:`msr:col-span-2 msr:mt-1 msr:rounded-[6px] msr:bg-ink-50/40`,"data-mesurer-plugin-settings":`true`,style:{overflow:`clip`}}),t=X(`button`,{type:`button`,"data-mesurer-plugin-settings-disclosure":`plugins`,class:`msr:flex msr:h-7 msr:w-full msr:items-center msr:gap-1 msr:px-2 msr:text-left msr:text-[11px] msr:font-medium msr:text-ink-700 msr:hover:bg-ink-50`,onClick:()=>r(e=>!e)}),c=X(`span`,{class:`msr:flex-1`}),l=X(`span`,{class:`msr:text-[10px] msr:font-normal msr:text-ink-400`});return Z(e,t),Z(t,c),Z(t,l),Z(c,ec(`Plugins`)),Q(l,()=>s().length),Q(t,Y(Km,{size:10,get class(){return n()?`msr:rotate-180`:``}}),null),Q(e,Y(K,{get when(){return n()},get children(){var e=X(`div`,{class:`msr:flex msr:flex-col`,"data-mesurer-plugin-settings-list":`true`});return Q(e,Y(_o,{get each(){return s()},children:e=>{let t=()=>i().includes(e.id),n=()=>e.enabled&&e.sections.length>0,r=()=>{n()&&a(t=>t.includes(e.id)?t.filter(t=>t!==e.id):[...t,e.id])},s=t=>{o?.setEnabled(e.id,t)};var c=X(`div`,{class:`msr:relative`}),l=X(`div`,{class:`msr:grid msr:h-7 msr:w-full msr:grid-cols-[minmax(0,1fr)_28px_34px] msr:items-center msr:hover:bg-ink-50`}),u=X(`button`,{type:`button`,role:`switch`,class:`msr:col-start-3 msr:flex msr:h-full msr:w-full msr:items-center msr:justify-end msr:disabled:opacity-45 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:()=>s(!e.enabled)}),d=X(`span`,{"aria-hidden":`true`}),f=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(c,l),Z(l,u),Q(l,Y(K,{get when(){return n()},get fallback(){var t=X(`span`,{class:`msr:col-start-1 msr:col-end-3 msr:ml-2 msr:min-w-0 msr:truncate msr:whitespace-nowrap msr:pr-2 msr:text-[11px] msr:text-ink-600`});return Q(t,()=>e.label),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-label`,e,n)}),t},get children(){var n=X(`button`,{type:`button`,class:`msr:col-start-1 msr:col-end-3 msr:flex msr:h-full msr:min-w-0 msr:items-center msr:text-left msr:text-ink-600 msr:hover:text-ink-700 msr:focus-visible:outline-none msr:focus-visible:shadow-[inset_0_0_0_1px_#0d99ff]`,onClick:r}),i=X(`span`,{class:`msr:ml-2 msr:min-w-0 msr:flex-1 msr:truncate msr:whitespace-nowrap msr:pr-2 msr:text-[11px]`}),a=X(`span`,{class:`msr:flex msr:size-7 msr:shrink-0 msr:items-center msr:justify-center msr:text-ink-500`});return Z(n,i),Z(n,a),Q(i,()=>e.label),Q(a,Y(Km,{size:9,get class(){return t()?`msr:rotate-180`:``}})),q(()=>({e:`${e.label} settings`,t:e.id,a:t()?`true`:`false`,o:e.id}),({e,t,a:r,o:a},o)=>{e!==o?.e&&$(n,`aria-label`,e,o?.e),t!==o?.t&&$(n,`data-mesurer-plugin-settings-disclosure`,t,o?.t),r!==o?.a&&$(n,`aria-expanded`,r,o?.a),a!==o?.o&&$(i,`data-mesurer-plugin-label`,a,o?.o)}),n}}),u),Z(u,d),Z(d,f),Q(c,Y(K,{get when(){return e.description||e.error},get children(){var t=X(`div`,{class:`msr:bg-white/60 msr:px-2 msr:pb-1.5 msr:pt-0.5`});return Q(t,Y(K,{get when(){return e.description},get children(){var t=X(`p`,{class:`msr:m-0 msr:text-[10px] msr:leading-4 msr:text-ink-500`});return Q(t,()=>e.description),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-description`,e,n)}),t}}),null),Q(t,Y(K,{get when(){return e.error},get children(){var t=X(`p`,{class:`msr:m-0 msr:text-[10px] msr:leading-4 msr:text-ink-700`,role:`status`});return Q(t,()=>e.error),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-error`,e,n)}),t}}),null),t}}),null),Q(c,Y(K,{get when(){return J(()=>!!n())()?t():n()},get children(){var t=X(`div`,{class:`msr:flex msr:flex-col msr:gap-0.5 msr:bg-white/60 msr:py-1`});return Q(t,Y(_o,{get each(){return e.sections},children:e=>Y(_o,{get each(){return e.controls??[]},children:t=>Y(F_,{get label(){return t.label},get checked(){return t.value()},get disabled(){return t.disabled?.()??!1},onChange:n=>o?.update(e.id,t,n)})})})),q(()=>e.id,(e,n)=>{$(t,`data-mesurer-plugin-settings-controls`,e,n)}),t}}),null),q(()=>({e:e.id,t:e.label,a:e.enabled?`true`:`false`,o:e.busy,i:e.id,n:e.enabled?`true`:void 0,s:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.enabled?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,h:{transform:`translateX(${e.enabled?12:0}px)`}}),({e,t,a:n,o:r,i,n:a,s:o,h:s},l)=>{e!==l?.e&&$(c,`data-mesurer-plugin-settings-section`,e,l?.e),t!==l?.t&&$(u,`aria-label`,t,l?.t),n!==l?.a&&$(u,`aria-checked`,n,l?.a),r!==l?.o&&$(u,`disabled`,r,l?.o),i!==l?.i&&$(u,`data-mesurer-plugin-toggle`,i,l?.i),a!==l?.n&&$(d,`data-checked`,a,l?.n),o!==l?.s&&$(d,`class`,o,l?.s),s!==l?.h&&$(f,`style`,s,l?.h)}),c}})),e}}),null),q(()=>n()?`true`:`false`,(e,n)=>{$(t,`aria-expanded`,e,n)}),e}}),_),Z(_,v),Z(_,y),Z(v,ec(`Version`)),Q(y,c),Z(b,x),Z(b,S),Z(x,ec(`Use defaults`)),Z(S,ec(`Clear workspace`)),q(()=>d().theme,(e,t)=>{$(p,`value`,e,t)}),t}}),null),g}var R_=272,z_=8,B_=4;function V_(e){var t=X(`button`,{type:`button`,role:`switch`,class:`msr:col-span-2 msr:grid msr:h-6 msr:w-full msr:appearance-none msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-left msr:text-[12px] msr:leading-none msr:text-ink-700 msr:disabled:opacity-45`,onClick:()=>e.onChange(!e.checked)}),n=X(`span`,{class:`msr:whitespace-nowrap`}),r=X(`span`,{"aria-hidden":`true`,style:{"justify-self":`end`}}),i=X(`span`,{class:`msr:block msr:size-[10px] msr:shrink-0 msr:rounded-full msr:bg-white msr:shadow-sm msr:transition-transform`});return Z(t,n),Z(t,r),Q(n,()=>e.label),Z(r,i),q(()=>({e:e.label,t:e.checked?`true`:`false`,a:e.disabled,o:e.id,i:e.checked?`true`:void 0,n:`mesurer-switch-track msr:flex msr:h-[14px] msr:w-[26px] msr:shrink-0 msr:items-center msr:rounded-full msr:border msr:p-px msr:transition-colors ${e.checked?`msr:border-[#0d99ff] msr:bg-[#0d99ff]`:`msr:border-ink-200 msr:bg-ink-50`}`,s:{transform:`translateX(${e.checked?12:0}px)`}}),({e,t:n,a,o,i:s,n:c,s:l},u)=>{e!==u?.e&&$(t,`aria-label`,e,u?.e),n!==u?.t&&$(t,`aria-checked`,n,u?.t),a!==u?.a&&$(t,`disabled`,a,u?.a),o!==u?.o&&$(t,`data-mesurer-presentation-setting`,o,u?.o),s!==u?.i&&$(r,`data-checked`,s,u?.i),c!==u?.n&&$(r,`class`,c,u?.n),l!==u?.s&&$(i,`style`,l,u?.s)}),t}function H_(e){let t=O_(),[n,r]=G(null),i;Nn(()=>{let t=i,n=e.ownerWindow.document.defaultView??e.ownerWindow,a=n,o=a.MutationObserver;if(!t||!o)return;let s=t.closest(`[role='dialog'][aria-label='Settings']`),c=s?.parentElement??null,l=s?.closest(`[data-mesurer-toolbar='true']`)??null,u=0,d=()=>{if(u=0,!s?.isConnected||!c?.isConnected||l?.dataset.orientation===`vertical`)return;let e=n.innerWidth;if(e<=0)return;let t=s.getBoundingClientRect().width||R_,r=Math.min(t,Math.max(0,e-16)),i=c.getBoundingClientRect(),a=i.right+B_-r,o=Math.max(z_,e-z_-r),d=Math.min(o,Math.max(z_,a))-i.left,f=Number.parseFloat(s.style.left);(!Number.isFinite(f)||Math.abs(f-d)>.25)&&(s.style.left=`${d}px`,s.style.right=`auto`)},f=()=>{u||=n.requestAnimationFrame(d)},p=()=>{r(t.querySelector(`section[aria-label='General settings']`)),f()},m=new o(p);m.observe(t,{childList:!0,subtree:!0});let h=a.ResizeObserver,g=h?new h(f):null;return l&&g?.observe(l),c&&g?.observe(c),n.addEventListener(`resize`,f),p(),f(),()=>{m.disconnect(),g?.disconnect(),n.removeEventListener(`resize`,f),u&&n.cancelAnimationFrame(u)}});var a=X(`div`,{style:{display:`contents`}});return ic(()=>e=>{i=e},a),Q(a,Y(L_,e),null),Q(a,Y(K,{get when(){return n()},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{"data-mesurer-presentation-settings":`true`,class:`msr:col-span-2 msr:grid msr:grid-cols-[78px_156px] msr:items-center msr:gap-x-3 msr:gap-y-1`,style:{order:`-1`}}),r=X(`label`,{class:`msr:col-span-2 msr:grid msr:h-8 msr:grid-cols-[78px_156px] msr:items-center msr:gap-3 msr:text-[12px]`}),i=X(`span`),a=X(`select`,{"aria-label":`Toolbar dock`,class:`msr:h-6 msr:rounded msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:text-[11px]`,onChange:t=>e.model.updateSettings({toolbarDock:t.currentTarget.value===`snap`?`snap`:`free`})}),o=X(`option`,{value:`free`}),s=X(`option`,{value:`snap`});return Z(n,r),Z(r,i),Z(r,a),Z(i,ec(`Dock`)),Z(a,o),Z(a,s),Z(o,ec(`Free`)),Z(s,ec(`Snap to edges`)),Q(n,Y(K,{get when(){return e.model.state.settings.toolbarDock===`snap`},get children(){return Y(V_,{id:`toolbar-auto-hide`,label:`Auto-hide`,get checked(){return e.model.state.settings.toolbarAutoHide},onChange:t=>e.model.updateSettings({toolbarAutoHide:t})})}}),null),Q(n,Y(_o,{get each(){return t?.generalSections?.()??[]},children:e=>Y(_o,{get each(){return e.controls??[]},children:n=>Y(V_,{get id(){return n.id},get label(){return n.label},get checked(){return n.value()},get disabled(){return n.disabled?.()??!1},onChange:r=>t?.update(e.id,n,r)})})}),null),q(()=>e.model.state.settings.toolbarDock,(e,t)=>{$(a,`value`,e,t)}),n}})}),null),a}function U_(e){let t=()=>e.disabled?`msr:bg-transparent msr:text-ink-500 msr:opacity-80 msr:cursor-default`:`msr:bg-transparent msr:text-black msr:hover:bg-black/4`,n=()=>e.shortcutsEnabled?e.shortcut:void 0;var r=X(`div`,{class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(e.id),onMouseLeave:()=>e.onTooltipLeave()}),i=X(`button`,{type:`button`,onClick:()=>e.onClick()});return Z(r,i),Q(i,()=>e.children),Q(r,Y(xl,{get label(){return e.label},get shortcut(){return n()},get visible(){return e.tooltipVisible},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),q(()=>({e:e.builtin,t:e.toolId,a:e.builtin,o:e.toolId,i:e.active?`true`:`false`,n:e.expanded===void 0?void 0:e.expanded?`true`:`false`,s:`${e.label}${n()?` (${n()})`:``}`,h:e.disabled??!1,r:`msr:flex msr:size-8 msr:select-none msr:items-center msr:justify-center msr:rounded-[8px] msr:outline-none ${e.active?`msr:bg-[#0d99ff] msr:text-white`:t()}`}),({e,t,a:n,o:a,i:o,n:s,s:c,h:l,r:u},d)=>{e!==d?.e&&$(r,`data-mesurer-builtin`,e,d?.e),t!==d?.t&&$(r,`data-mesurer-tool-id`,t,d?.t),n!==d?.a&&$(i,`data-mesurer-builtin`,n,d?.a),a!==d?.o&&$(i,`data-mesurer-tool-id`,a,d?.o),o!==d?.i&&$(i,`aria-pressed`,o,d?.i),s!==d?.n&&$(i,`aria-expanded`,s,d?.n),c!==d?.s&&$(i,`aria-label`,c,d?.s),l!==d?.h&&$(i,`disabled`,l,d?.h),u!==d?.r&&$(i,`class`,u,d?.r)}),r}function W_(e){var t=X(`div`,{"data-mesurer-toolbar-compact-item":`true`});return Q(t,()=>e.children),q(()=>({e:e.visible?`true`:`false`,t:e.visible?void 0:`true`,a:!e.visible||void 0,o:`msr:flex msr:min-w-0 msr:flex-none msr:transition-[max-width,opacity,transform,padding] msr:duration-150 msr:ease-[ease] msr:motion-reduce:transition-none ${e.visible?`msr:max-w-20 msr:px-0.5 msr:translate-x-0 msr:overflow-visible msr:opacity-100`:`msr:max-w-0 msr:px-0 msr:-translate-x-1 msr:overflow-hidden msr:opacity-0 msr:pointer-events-none`}`}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`data-visible`,e,a?.e),n!==a?.t&&$(t,`aria-hidden`,n,a?.t),r!==a?.a&&$(t,`inert`,r,a?.a),i!==a?.o&&$(t,`class`,i,a?.o)}),t}function G_(e){let t=()=>e.visible??!0;var n=X(`div`,{"aria-hidden":`true`});return q(()=>({e:e.marker??`true`,t:t()?`true`:`false`,a:`mesurer-toolbar-divider msr:self-stretch msr:flex-none msr:bg-black/10 msr:transition-[width,opacity] msr:duration-150 msr:ease-[ease] msr:motion-reduce:transition-none ${t()?`msr:opacity-100`:`msr:opacity-0`}`}),({e,t,a:r},i)=>{e!==i?.e&&$(n,`data-mesurer-toolbar-divider`,e,i?.e),t!==i?.t&&$(n,`data-visible`,t,i?.t),r!==i?.a&&$(n,`class`,r,i?.a)}),n}function K_(e){let t=t=>e.shortcutsEnabled?t:void 0;var n=X(`div`,{class:`mesurer-toolbar-mode-switch msr:flex msr:flex-none msr:self-center msr:items-center msr:gap-[2px] msr:p-[2px]`,"data-mesurer-toolbar-mode-switch":`true`,role:`group`,"aria-label":`Toolbar mode`}),r=X(`span`,{class:`mesurer-toolbar-mode-switch-pill`,"aria-hidden":`true`}),i=X(`div`,{"data-mesurer-toolbar-mode-select-control":`true`,class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-select`),onMouseLeave:()=>e.onTooltipLeave()}),a=X(`button`,{type:`button`,"data-mesurer-toolbar-mode":`select`,class:`mesurer-toolbar-mode-button`}),o=X(`div`,{"data-mesurer-plugin-menu-root":`true`,"data-mesurer-toolbar-edit-control":`true`,class:`msr:relative msr:flex msr:items-stretch`}),s=X(`div`,{class:`msr:relative`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-edit`),onMouseLeave:()=>e.onTooltipLeave()}),c=X(`button`,{type:`button`,"data-mesurer-toolbar-mode":`edit`,class:`mesurer-toolbar-mode-button`});return Z(n,r),Z(n,i),Z(n,o),Z(i,a),Q(a,Y(Vm,{size:20})),Q(i,Y(xl,{label:`Select`,get shortcut(){return t(`1`)},get visible(){return e.tooltipVisibleId===`toolbar-mode-select`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),Z(o,s),Z(s,c),Q(c,Y(Hm,{size:20})),Q(s,Y(xl,{label:`Edit`,get shortcut(){return t(`2`)},get visible(){return J(()=>!e.editDisabled)()&&e.tooltipVisibleId===`toolbar-mode-edit`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),Q(o,Y(K,{get when(){return e.editOptionsAvailable},get children(){var t=X(`button`,{type:`button`,"aria-label":`Edit options`,"aria-haspopup":`menu`,onMouseEnter:()=>e.onTooltipEnter(`toolbar-mode-edit-options`),onMouseLeave:()=>e.onTooltipLeave(),onClick:t=>e.onEditOptions(t.currentTarget.parentElement??t.currentTarget)});return Q(t,Y(Km,{size:8}),null),Q(t,Y(xl,{label:`Edit options`,get visible(){return J(()=>!e.editDisabled)()&&e.tooltipVisibleId===`toolbar-mode-edit-options`},get instant(){return e.tooltipInstant},get side(){return e.tooltipSide}}),null),q(()=>({e:e.editToolId,t:e.editOptionsOpen?`true`:`false`,a:e.editDisabled,o:`msr:relative msr:flex msr:h-7 msr:w-4 msr:items-center msr:justify-center msr:self-center msr:rounded-[3px] msr:outline-none ${e.editOptionsOpen?`msr:bg-black/10 msr:text-black`:`msr:text-black msr:hover:bg-black/10`}`}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`data-mesurer-tool-menu-trigger`,e,a?.e),n!==a?.t&&$(t,`aria-expanded`,n,a?.t),r!==a?.a&&$(t,`disabled`,r,a?.a),i!==a?.o&&$(t,`class`,i,a?.o)}),t}}),null),Q(o,()=>e.editOptions,null),q(()=>({e:e.value,t:e.compact?`true`:`false`,a:`Select mode${t(`1`)?` (1)`:``}`,o:t(`1`),i:e.value===`select`?`true`:`false`,n:e.onSelect,s:e.editToolId,h:e.editToolId,r:`Edit mode${t(`2`)?` (2)`:``}`,d:t(`2`),l:e.value===`edit`?`true`:`false`,u:e.editDisabled,c:e.onEdit}),({e,t,a:r,o:i,i:s,n:l,s:u,h:d,r:f,d:p,l:m,u:h,c:g},_)=>{e!==_?.e&&$(n,`data-value`,e,_?.e),t!==_?.t&&$(n,`data-compact`,t,_?.t),r!==_?.a&&$(a,`aria-label`,r,_?.a),i!==_?.o&&$(a,`aria-keyshortcuts`,i,_?.o),s!==_?.i&&$(a,`aria-pressed`,s,_?.i),l!==_?.n&&$(a,`onClick`,l,_?.n),u!==_?.s&&$(o,`data-mesurer-tool-menu-root`,u,_?.s),d!==_?.h&&$(c,`data-mesurer-tool-id`,d,_?.h),f!==_?.r&&$(c,`aria-label`,f,_?.r),p!==_?.d&&$(c,`aria-keyshortcuts`,p,_?.d),m!==_?.l&&$(c,`aria-pressed`,m,_?.l),h!==_?.u&&$(c,`disabled`,h,_?.u),g!==_?.c&&$(c,`onClick`,g,_?.c)}),n}function q_(e){return Y(K,{get when(){return e.tool.icon},get fallback(){var t=X(`span`,{class:`msr:text-[12px] msr:font-semibold`});return Q(t,()=>e.tool.label.slice(0,1).toUpperCase()),t},children:e=>(()=>{var t=X(`svg`,{width:`20`,height:`20`,"aria-hidden":`true`});return Q(t,Y(_o,{get each(){return e().paths},children:e=>X(`path`,{d:e,fill:`currentColor`})})),q(()=>e().viewBox??`0 0 24 24`,(e,n)=>{$(t,`viewBox`,e,n)}),t})()})}var J_=6,Y_=`input, textarea, select, [contenteditable], [data-slider-container], [role='menu'], [role='dialog']`,X_=176,Z_=224,Q_=360,$_=6.5,ev=52,tv=28,nv=8,rv=8,iv=272,av=8,ov=72,sv=360,cv=352,lv=8,uv=260,dv=14;function fv(e){let[t,n]=G(e.initialPosition??{x:16,y:16}),[r,i]=G(e.initialPosition?.edge??null),[a,o]=G(en(()=>e.model.state.settings.toolbarDock===`snap`&&(e.initialPosition?.vertical??Wh(e.initialPosition?.edge??null)))),[s,c]=G(e.initialPosition?.align??`center`),l=e.initialPosition?.align??`center`,u=()=>e.model.state.settings.toolbarDock===`snap`,d=()=>{let n=Lh(e.ownerWindow),i=t(),a=pe();if(r()!==`top`||!n)return 0;let o=i.y-a.height-10;if(!(o<n.y+n.height&&o+a.height>n.y))return 0;let s=n.x+n.width-i.x;return i.x+s+a.width<=e.ownerWindow.innerWidth-8?s:n.x-(i.x+a.width)},f=()=>({width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight}),p=0,[m,h]=G(!1),g=()=>{e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches||(e.ownerWindow.clearTimeout(p),h(!0),p=e.ownerWindow.setTimeout(()=>h(!1),378))},[_,v]=G(null),[y,b]=G(!1),[x,S]=G(!1),[C,w]=G(null),[T,E]=G(!1),[D,O]=G(null),[k,A]=G(0),[j,M]=G(`right`),[N,P]=G(!1),[F,I]=G(0),L=Sl(e.ownerWindow),R,z,B=null,V=!1,ee,H,U,W,te,ne,re=!1,ie=null,ae=null,[oe,se]=G(!1),ce=0,le=0,ue=0,de=0,fe=()=>R?.ownerDocument.defaultView??e.ownerWindow,pe=()=>({width:R?.offsetWidth??0,height:R?.offsetHeight??0}),me=(t,n=pe())=>Vh(e.ownerWindow,t,n,f(),u()&&r()?16:8),he=t=>e.onPositionChange?.({...t,edge:u()?r():null,align:l,vertical:a()}),ge=pg(),_e=null,ve=e=>{e!==a()&&(R&&(_e={capture:ge.captureToolbarTurn(R),vertical:e}),o(e),Pe())},ye=()=>{Pe(),_e&&R&&!e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches&&ge.playToolbarTurn(R,_e.capture,_e.vertical),_e=null},be=()=>{if(!u()||y()||!R)return;let e=ng({point:t(),size:pe(),viewport:f(),glued:r(),align:r()?l:void 0});l=e.align,c(l),i(e.side),ve(Wh(e.side)),n(me(Qh(e.side,l,pe(),f()))),ye()},xe=null,Se=()=>(e.pluginTools??[]).some(e=>e.id===`recording`&&(e.active?.()??!1)),Ce=()=>Se()?null:e.motion?.element()??null,we=null;mo(Ce,e=>{e!==we&&(we=e,v(null))});let Te=(e,t)=>{fe().queueMicrotask(()=>{t===de&&(se(e),Pe())})},Ee=()=>{let e=fe(),t=++de;if(ce&&=(e.clearTimeout(ce),0),!Ah(e)){Te(!1,t);return}ce=e.setTimeout(()=>{ce=0,t===de&&Te(Ah(fe()),t)},100)},De=()=>e.model.state.toolMode===`select`,Oe=()=>e.model.state.xrayVisible,ke=()=>e.model.state.colorPickerActive,Ae=()=>e.model.state.rulersVisible,je=()=>e.model.state.toolMode===`text-inspector`||(e.typographyContextActive??!1),Me=()=>e.model.state.toolMode===`guides`,Ne=()=>e.model.state.settingsOpen,Fe=()=>(e.pluginTools??[]).find(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`),Ie=()=>Fe()?.active?.()?`edit`:`select`,Le=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`select`&&!e.modeSwitch),Re=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`edit`&&!e.modeSwitch),ze=()=>(e.pluginTools??[]).filter(e=>e.toolbarMode===`always`||e.toolbarMode===void 0),Be=e=>e.active?.()??!1,Ve=()=>ze().some(Be),He=()=>Le().some(Be),Ue=()=>Re().some(Be),We=()=>De()||Oe()||ke()||je()||e.responsiveOpen===!0,Ge=()=>Ie()===`select`?We()||He():Ue(),Ke=()=>Ae()||Me(),qe=e=>!N()||e,Je=()=>ze().length>0&&(!N()||Ge()||Ke()||Ve()),Ye=()=>!N()||Ge()||Ke()||Ve()||Ne(),Xe=()=>!T()&&!D()&&!e.model.state.settingsOpen,Ze=()=>T()||D()!==null||e.model.state.settingsOpen,Qe=cg({ownerWindow:e.ownerWindow,element:()=>R,enabled:()=>u()&&e.model.state.settings.toolbarAutoHide,edge:r,busy:()=>y()||Ze()||!!Ce()||Se()||x()||ke()||(e.pluginTools??[]).some(Be)||je()}),$e=t=>e.isBuiltinActionDisabled?.(t)??!1,et=()=>e.ownerWindow.innerHeight||0,tt=()=>t().y<56,nt=()=>et()>0&&t().y>et()-56,rt=()=>a()?t().x<e.ownerWindow.innerWidth/2?`right`:`left`:tt()&&!nt()?`bottom`:`top`,it=()=>{t();let e=H?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-av),r=Math.max(0,e.top-av);return n>=ov||n>=r?`bottom`:`top`},at=()=>{t();let e=R?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-av),r=Math.max(0,e.top-av);return n>=sv||n>=r?`bottom`:`top`},ot=()=>{t(),N(),Ne(),F();let n=(N()?R:ee)?.getBoundingClientRect();if(!n)return 0;let r=e.ownerWindow.innerWidth||288,i=Math.min(iv,Math.max(0,r-16)),a=n.right+4-i,o=Math.max(av,r-av-i);return Math.min(o,Math.max(av,a))-n.left},st=()=>{let n=t();N(),F();let r=R?.getBoundingClientRect(),i=r&&{left:u()?r.left:n.x,top:u()?r.top:n.y,right:(u()?r.left:n.x)+r.width,bottom:(u()?r.top:n.y)+r.height},o=e.ownerWindow.innerWidth||368,s=e.ownerWindow.innerHeight||276,c=Math.min(cv,Math.max(0,o-16));if(!i)return{left:av,top:av,bottom:null,width:c,maxHeight:Math.max(0,s-16)};if(a()){let e=i.left<o/2,t=e?o-i.right-lv-av:i.left-lv-av,n=Math.min(c,Math.max(0,t));return{left:e?i.right+lv:i.left-lv-n,top:Math.min(Math.max(av,i.top),Math.max(av,s-uv-av)),bottom:null,width:n,maxHeight:s-16}}let l=Math.min(Math.max(av,i.left),Math.max(av,o-av-c)),d=Math.max(0,s-i.bottom-lv-av),f=Math.max(0,i.top-lv-av);return d>=uv||d>=f?{left:l,top:i.bottom+lv,bottom:null,width:c,maxHeight:d}:{left:l,top:null,bottom:s-i.top+lv,width:c,maxHeight:f}},ct=()=>{let t=st(),n=_();if(!n)return t;let r=Math.max(av,e.ownerWindow.innerWidth-t.width-av),i=Math.max(av,e.ownerWindow.innerHeight-uv-av);return{...t,left:Math.min(r,Math.max(av,n.x)),top:Math.min(i,Math.max(av,n.y)),bottom:null,maxHeight:Math.max(0,e.ownerWindow.innerHeight-16)}},lt=(t,n)=>{if(t.button!==0)return;let r=t.target;if(!(r instanceof e.ownerWindow.Element)||r.closest(`button, input, select, textarea, [role='slider']`)&&!r.closest(`button[aria-label="Motion preview"]`))return;let i=n.getBoundingClientRect(),a=t.clientX,o=t.clientY,s=t.pointerId,c=n.style.transform,l=n.style.willChange,u=0,d=!1,f=i.left,p=i.top;B?.(),V=!1;let m=()=>{u=0,n.style.transform=`translate3d(${f-i.left}px, ${p-i.top}px, 0)`},h=t=>{if(t.pointerId!==s)return;let r=t.clientX-a,c=t.clientY-o;if(!d&&Math.hypot(r,c)<dv)return;d||(d=!0,n.setPointerCapture(s),b(!0),n.style.willChange=`transform`);let l=Math.max(av,e.ownerWindow.innerWidth-i.width-av),h=Math.max(av,e.ownerWindow.innerHeight-i.height-av);f=Math.min(l,Math.max(av,i.left+r)),p=Math.min(h,Math.max(av,i.top+c)),u||=e.ownerWindow.requestAnimationFrame(m)},g=t=>{u&&e.ownerWindow.cancelAnimationFrame(u),u=0,d&&t&&v({x:f,y:p}),n.style.transform=c,n.style.willChange=l,n.hasPointerCapture(s)&&n.releasePointerCapture(s),b(!1),e.ownerWindow.removeEventListener(`pointermove`,h,!0),e.ownerWindow.removeEventListener(`pointerup`,_,!0),e.ownerWindow.removeEventListener(`pointercancel`,_,!0),B=null},_=e=>{e.pointerId===s&&(V=d,g(e.type===`pointerup`))};B=()=>g(!1),e.ownerWindow.addEventListener(`pointermove`,h,!0),e.ownerWindow.addEventListener(`pointerup`,_,!0),e.ownerWindow.addEventListener(`pointercancel`,_,!0)},ut=()=>{let t=H?.getBoundingClientRect();if(!t)return;let n=t.right-X_,r=t.left+X_;if(n<av){M(`left`);return}if(r>e.ownerWindow.innerWidth-av){M(`right`);return}M(`right`)},dt=t=>{let n=(t.menu?.items??[]).reduce((t,n)=>{let r=e.model.state.settings.shortcutsEnabled&&n.shortcut?n.shortcut.length+2:0;return Math.max(t,n.label.length+r)},0);return Math.min(Q_,Math.max(Z_,Math.ceil(n*$_+ev)))},ft=n=>{t(),F();let r=ne?.getBoundingClientRect(),i=e.ownerWindow.innerWidth||240,a=et(),o=Math.min(dt(n),Math.max(0,i-16));if(!r)return{side:nt()?`top`:`bottom`,left:0,width:o,maxHeight:Math.max(0,a-16)};let s=(n.menu?.items.length??0)*tv+nv,c=Math.max(0,a-r.bottom-av-rv),l=Math.max(0,r.top-av-rv),u=c>=s||c>=l?`bottom`:`top`,d=u===`bottom`?c:l,f=r.right-o,p=Math.max(av,i-av-o);return{side:u,left:Math.min(p,Math.max(av,f))-r.left,width:o,maxHeight:d}},pt=(e,t)=>{if(D()===e){O(null),ne=void 0;return}ne=t,O(e)},mt=o=>{if(o.button!==0)return;let s=e.ownerWindow.Element,d=o.target;if(d instanceof s&&d.closest(Y_))return;let p=e.ownerWindow.document.documentElement;ie===null&&(ie=p.style.userSelect,p.style.setProperty(`user-select`,`none`,`important`));let m=o.clientX,h=o.clientY;ae?.();let v=t(),y=o.currentTarget,x=y.getBoundingClientRect(),S=pe(),C=a(),T=e=>e===C?S:{width:S.height,height:S.width},D=y.style.transform,k=y.style.willChange,A=_()?null:z,j=A?.style.transform??``,M=!1,N=!1,P=0,F=v,I=o.pointerId,L=a()?{along:(h-x.top)/x.height,across:(m-x.left)/x.width}:{along:(m-x.left)/x.width,across:(h-x.top)/x.height},R=!1,B=!1,V={x:m,y:h},ee=()=>{if(P=0,u()){n(F),ye();return}let e=`translate3d(${F.x-v.x}px, ${F.y-v.y}px, 0)`;y.style.transform=e,A&&(A.style.transform=e)},H=t=>{if(t.pointerId!==I)return;let n=t.clientX-m,o=t.clientY-h;if(!M){if(M=Math.abs(n)>J_||Math.abs(o)>J_,!M)return;y.setPointerCapture(I),E(!1),O(null),ne=void 0,y.style.willChange=`transform`,A&&(A.style.willChange=`transform`),b(!0),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})}if(N=!0,V={x:t.clientX,y:t.clientY},u()){let e=sg({pointer:V,grab:L,glued:r(),upright:a(),pushed:R,latched:B,sizeFor:T,viewport:f()});R=e.pushed,B=e.latched,i(e.side),ve(e.upright);let t=sg({pointer:V,grab:L,glued:e.side,upright:e.upright,pushed:R,latched:B,sizeFor:T,viewport:f()});F=me(t.position,T(e.upright));let n=T(e.upright),o=Math.min(n.width,n.height);w(e.side?{side:e.side,align:Zh(e.side,F,n,f())}:ag(V,e.upright,{width:o,height:o},f()))}else F=Vh(e.ownerWindow,{x:v.x+n,y:v.y+o},{width:x.width,height:x.height},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight});P||=e.ownerWindow.requestAnimationFrame(ee)},U=t=>{if(P&&e.ownerWindow.cancelAnimationFrame(P),P=0,w(null),y.style.transform=D,y.style.willChange=k,y.hasPointerCapture(I)&&y.releasePointerCapture(I),A&&(A.style.transform=j,A.style.willChange=``),N&&t){if(u()){let e=Math.min(S.width,S.height),t=r()?{side:r(),align:l}:ag(V,a(),{width:e,height:e},f());i(t.side),ve(Wh(t.side));let n=pe();l=r()?Zh(t.side,F,n,f()):t.align,c(l),F=me(Qh(t.side,l,n,f()),n),g()}n(F),ye(),he(F)}b(!1),N&&t&&u()&&xe?.(),ie!==null&&(p.style.userSelect=ie,ie=null),e.ownerWindow.removeEventListener(`pointermove`,H,!0),e.ownerWindow.removeEventListener(`pointerup`,W,!0),e.ownerWindow.removeEventListener(`pointercancel`,W,!0),ae=null},W=e=>{e.pointerId===I&&(re=N,U(e.type===`pointerup`))};ae=()=>U(!1),e.ownerWindow.addEventListener(`pointermove`,H,!0),e.ownerWindow.addEventListener(`pointerup`,W,!0),e.ownerWindow.addEventListener(`pointercancel`,W,!0)},ht=t=>{e.model.setEnabled(!0),e.model.current.toolMode!==`guides`&&e.model.toggleToolMode(`guides`),e.model.setGuideOrientation(t,!0),E(!1)},gt=()=>{let t=!N();t&&(E(!1),O(null),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})),le&&e.ownerWindow.clearTimeout(le),U&&(U.dataset.compactMotion=`true`),P(t),le=e.ownerWindow.setTimeout(()=>{le=0,U&&delete U.dataset.compactMotion,I(e=>e+1)},170)},_t=()=>{ue&&e.ownerWindow.clearTimeout(ue),U&&(U.dataset.modeMotion=`true`),ue=e.ownerWindow.setTimeout(()=>{ue=0,U&&delete U.dataset.modeMotion},170)},vt=()=>{let t=Fe();t?.active?.()&&(O(null),_t(),e.onPluginTool?.(t))},yt=()=>{let t=Fe();!t||t.disabled?.()||(E(!1),O(null),_t(),e.onPluginTool?.(t))},bt=t=>({shortcutsEnabled:e.model.state.settings.shortcutsEnabled,tooltipVisible:Xe()&&L.visibleTooltipId()===t,tooltipInstant:L.tooltipInstant(),tooltipSide:rt(),onTooltipEnter:L.onTooltipEnter,onTooltipLeave:L.onTooltipLeave}),xt=t=>Y(K,{get when(){return D()===t.id},get children(){var n=X(`div`,{role:`menu`,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),O(null))}});return Q(n,Y(_o,{get each(){return t.menu?.items??[]},children:n=>(()=>{var r=X(`button`,{type:`button`,class:`msr:flex msr:h-7 msr:w-full msr:min-w-0 msr:shrink-0 msr:items-center msr:gap-2 msr:overflow-hidden msr:rounded-md msr:px-2 msr:text-left msr:text-[12px] msr:text-ink-700 msr:outline-none msr:whitespace-nowrap msr:hover:bg-[#0d99ff] msr:hover:text-white msr:focus-visible:bg-[#0d99ff] msr:focus-visible:text-white msr:disabled:opacity-40`,onClick:()=>{e.onPluginToolMenuItem?.(t,n),O(null)}}),i=X(`span`,{class:`msr:flex msr:w-3 msr:shrink-0 msr:justify-center`}),a=X(`span`,{class:`msr:min-w-0 msr:flex-1 msr:overflow-hidden msr:text-ellipsis msr:whitespace-nowrap`});return Z(r,i),Z(r,a),Q(i,Y(qm,{size:12,get class(){return n.checked?.()?`msr:opacity-100`:`msr:opacity-0`}})),Q(a,()=>n.label),Q(r,Y(K,{get when(){return J(()=>!!e.model.state.settings.shortcutsEnabled)()?n.shortcut:e.model.state.settings.shortcutsEnabled},get children(){var e=X(`span`,{class:`msr:shrink-0 msr:text-[10px] msr:opacity-60`});return Q(e,()=>n.shortcut),e}}),null),q(()=>({e:n.checked?`menuitemcheckbox`:`menuitem`,t:n.checked?n.checked()?`true`:`false`:void 0,a:n.id,o:n.disabled?.()??!1}),({e,t,a:n,o:i},a)=>{e!==a?.e&&$(r,`role`,e,a?.e),t!==a?.t&&$(r,`aria-checked`,t,a?.t),n!==a?.a&&$(r,`data-mesurer-tool-menu-item`,n,a?.a),i!==a?.o&&$(r,`disabled`,i,a?.o)}),r})()})),q(()=>({e:t.id,t:ft(t).side,a:`mesurer-menu-surface msr:absolute msr:z-[70] msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-1 msr:outline-none msr:flex msr:flex-col msr:gap-px msr:overflow-x-hidden msr:overflow-y-auto ${ft(t).side===`top`?`msr:bottom-full msr:mb-2`:`msr:top-full msr:mt-2`}`,o:{left:`${ft(t).left}px`,right:`auto`,width:`${ft(t).width}px`,"max-height":`${ft(t).maxHeight}px`},i:t.menu?.label??`${t.label} options`}),({e,t,a:r,o:i,i:a},o)=>{e!==o?.e&&$(n,`data-mesurer-tool-menu`,e,o?.e),t!==o?.t&&$(n,`data-mesurer-menu-side`,t,o?.t),r!==o?.a&&$(n,`class`,r,o?.a),i!==o?.o&&$(n,`style`,i,o?.o),a!==o?.i&&$(n,`aria-label`,a,o?.i)}),n}}),St=t=>Y(W_,{get visible(){return qe(Be(t))},get children(){return Y(K,{get when(){return(t.menu?.items.length??0)>0},get fallback(){return Y(U_,nc({get id(){return`plugin:${t.id}`},get toolId(){return t.id},get active(){return t.active?.()??!1},get expanded(){return J(()=>t.id===`context.notes`)()?t.active?.()??!1:void 0},get disabled(){return t.disabled?.()??!1},get label(){return t.label},get shortcut(){return t.shortcut},onClick:()=>e.onPluginTool?.(t)},()=>bt(`plugin:${t.id}`),{get children(){return Y(q_,{tool:t})}}))},get children(){var n=X(`div`,{"data-mesurer-plugin-menu-root":`true`,class:`msr:relative msr:flex msr:items-stretch`}),r=X(`button`,{type:`button`,onMouseEnter:()=>L.onTooltipEnter(`plugin-menu:${t.id}`),onClick:e=>pt(t.id,e.currentTarget.parentElement??e.currentTarget)});return Z(n,r),Q(n,Y(U_,nc({get id(){return`plugin:${t.id}`},get toolId(){return t.id},get active(){return t.active?.()??!1},get expanded(){return J(()=>t.id===`context.notes`)()?t.active?.()??!1:void 0},get disabled(){return t.disabled?.()??!1},get label(){return t.label},get shortcut(){return t.shortcut},onClick:()=>e.onPluginTool?.(t)},()=>bt(`plugin:${t.id}`),{get children(){return Y(q_,{tool:t})}})),r),Q(r,Y(Km,{size:8}),null),Q(r,Y(xl,{get label(){return`${t.label} options`},get visible(){return J(()=>!!Xe())()?L.visibleTooltipId()===`plugin-menu:${t.id}`:Xe()},get instant(){return L.tooltipInstant()},get side(){return rt()}}),null),Q(n,()=>xt(t),null),q(()=>({e:t.id,t:t.id,a:`${t.label} options`,o:D()===t.id?`true`:`false`,i:`msr:relative msr:flex msr:h-8 msr:w-4 msr:items-center msr:justify-center msr:rounded-[6px] msr:outline-none msr:hover:bg-black/10 ${D()===t.id?`msr:bg-black/10 msr:text-black`:`msr:text-black`}`,n:L.onTooltipLeave}),({e,t,a:i,o:a,i:o,n:s},c)=>{e!==c?.e&&$(n,`data-mesurer-tool-menu-root`,e,c?.e),t!==c?.t&&$(r,`data-mesurer-tool-menu-trigger`,t,c?.t),i!==c?.a&&$(r,`aria-label`,i,c?.a),a!==c?.o&&$(r,`aria-expanded`,a,c?.o),o!==c?.i&&$(r,`class`,o,c?.i),s!==c?.n&&$(r,`onMouseLeave`,s,c?.n)}),n}})}});Nn(()=>{Ee();let t=()=>Ee(),n=t=>{let n=t.composedPath();T()&&H&&!n.includes(H)&&E(!1);let r=n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-plugin-menu-root`)===`true`);D()&&!r&&O(null);let i=ee&&n.includes(ee)||n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-toolbar-compact-settings`)===`true`);e.model.current.settingsOpen&&!i&&e.model.setTransient({settingsOpen:!1})},r=e=>{re&&=(e.preventDefault(),e.stopPropagation(),!1)},i=e=>{e.key!==`Escape`||!D()||(e.preventDefault(),e.stopPropagation(),O(null))},a=()=>{E(!1),O(null),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})},o=()=>{T()&&ut(),I(e=>e+1)},s=e.ownerWindow.document;return e.ownerWindow.addEventListener(`pointerdown`,n),e.ownerWindow.addEventListener(`focus`,t),e.ownerWindow.addEventListener(`pageshow`,t),e.ownerWindow.document.addEventListener(`visibilitychange`,t),s.addEventListener(`keydown`,i,!0),e.ownerWindow.addEventListener(`resize`,o),e.ownerWindow.addEventListener(`mesurer:responsive-frame-pointerdown`,a),R?.addEventListener(`click`,r,!0),()=>{de+=1,ce&&=(fe().clearTimeout(ce),0),le&&=(e.ownerWindow.clearTimeout(le),0),ue&&=(e.ownerWindow.clearTimeout(ue),0),e.ownerWindow.removeEventListener(`pointerdown`,n),e.ownerWindow.removeEventListener(`focus`,t),e.ownerWindow.removeEventListener(`pageshow`,t),e.ownerWindow.document.removeEventListener(`visibilitychange`,t),s.removeEventListener(`keydown`,i,!0),e.ownerWindow.removeEventListener(`resize`,o),e.ownerWindow.removeEventListener(`mesurer:responsive-frame-pointerdown`,a),R?.removeEventListener(`click`,r,!0),ae?.(),B?.(),ie!==null&&(e.ownerWindow.document.documentElement.style.userSelect=ie)}}),Nn(()=>{let t=U,n=W,r=te;if(!t||!n||!r)return;let i=()=>{t.style.setProperty(`--msr-select-mode-w`,`${n.offsetWidth}px`),t.style.setProperty(`--msr-edit-mode-w`,`${r.offsetWidth}px`),t.style.setProperty(`--msr-select-mode-h`,`${n.offsetHeight}px`),t.style.setProperty(`--msr-edit-mode-h`,`${r.offsetHeight}px`)};i();let a=e.ownerWindow.ResizeObserver,o=0,s=a?new a(()=>{o||=e.ownerWindow.requestAnimationFrame(()=>{o=0,i()})}):null;s?.observe(n),s?.observe(r);let c=e.ownerWindow.requestAnimationFrame(()=>{t.dataset.ready=`true`,i()});return()=>{e.ownerWindow.cancelAnimationFrame(c),o&&e.ownerWindow.cancelAnimationFrame(o),s?.disconnect()}});let Ct=en(u);return mo(u,e=>{e!==Ct&&(Ct=e,en(()=>{e?be():(i(null),ve(!1),n(me(t())),ye(),he(t()))}))}),mo(()=>[Qe.tucked(),m(),a()],()=>{let t=0,n=e.ownerWindow.performance.now()+400,r=()=>{I(e=>e+1),e.ownerWindow.performance.now()<n&&(t=e.ownerWindow.requestAnimationFrame(r))};return t=e.ownerWindow.requestAnimationFrame(r),()=>e.ownerWindow.cancelAnimationFrame(t)}),Nn(()=>{let n=0,r=0,i=0,a=()=>{!u()||y()||(be(),e.ownerWindow.clearTimeout(n),n=e.ownerWindow.setTimeout(()=>he(t()),300))},o=()=>{r||=e.ownerWindow.requestAnimationFrame(()=>{r=0,a()})};xe=()=>{e.ownerWindow.clearTimeout(i),i=e.ownerWindow.setTimeout(()=>{i=0,o()},180)};let s=e.ownerWindow,c=s.ResizeObserver?new s.ResizeObserver(o):null;return R&&c?.observe(R),e.ownerWindow.addEventListener(`resize`,o),a(),()=>{c?.disconnect(),xe=null,e.ownerWindow.removeEventListener(`resize`,o),r&&e.ownerWindow.cancelAnimationFrame(r),e.ownerWindow.clearTimeout(i),e.ownerWindow.clearTimeout(n),e.ownerWindow.clearTimeout(p),ge.cancel()}}),Nn(()=>{let t=R;if(!t)return;let n=0,r=0,i=new Map,o=()=>{n=0;for(let[e,n]of i)if(!(e.isConnected&&t.contains(e))){for(let[t,r]of n)r?e.style.setProperty(t,r):e.style.removeProperty(t);i.delete(e)}if(a()){let n=t.getBoundingClientRect(),r=n.left<e.ownerWindow.innerWidth/2;for(let a of t.querySelectorAll(`[role='menu'], [role='dialog']`)){let t=a.parentElement?.getBoundingClientRect();if(!t)continue;let o=a.getBoundingClientRect(),s=o.width,c=i.get(a)?.get(`width`);if(c!==void 0){let e=a.style.getPropertyValue(`width`);c?a.style.setProperty(`width`,c):a.style.removeProperty(`width`),s=a.getBoundingClientRect().width,e?a.style.setProperty(`width`,e):a.style.removeProperty(`width`)}let l=Math.min(s,Math.max(0,r?e.ownerWindow.innerWidth-n.right-16:n.left-16)),u=r?n.right+8:n.left-l-8,d=Math.max(8,Math.min(t.top,e.ownerWindow.innerHeight-o.height-8)),f=(e,t)=>{let n=i.get(a);n||(n=new Map,i.set(a,n)),n.has(e)||n.set(e,a.style.getPropertyValue(e)),a.style.getPropertyValue(e)!==t&&a.style.setProperty(e,t)};f(`position`,`absolute`),f(`left`,`${u-t.left}px`),f(`top`,`${d-t.top}px`),f(`bottom`,`auto`),f(`right`,`auto`),f(`margin`,`0`),f(`width`,`${l}px`),f(`max-height`,`${e.ownerWindow.innerHeight-16}px`)}}else if(i.size){for(let[e,t]of i)for(let[n,r]of t)r?e.style.setProperty(n,r):e.style.removeProperty(n);i.clear(),I(e=>e+1)}e.ownerWindow.performance.now()<r&&(n=e.ownerWindow.requestAnimationFrame(o))},s=()=>{r=e.ownerWindow.performance.now()+400,n||=e.ownerWindow.requestAnimationFrame(o)},c=e.ownerWindow,l=c.MutationObserver?new c.MutationObserver(s):null;l?.observe(t,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-orientation`,`data-tucked`,`data-dock-edge`]});let u=c.ResizeObserver?new c.ResizeObserver(s):null;return u?.observe(t),e.ownerWindow.addEventListener(`resize`,s),s(),()=>{l?.disconnect(),u?.disconnect(),e.ownerWindow.removeEventListener(`resize`,s),e.ownerWindow.cancelAnimationFrame(n)}}),Nn(()=>{let e=R?.closest(`[data-mesurer-root]`);if(!e)return;let t=`[data-mesurer-screenshot-preview], [data-mesurer-screenshot-viewer], [data-mesurer-recording-preview], [role='dialog']`,n=()=>S(Array.from(e.querySelectorAll(t)).some(e=>!R?.contains(e)&&e.getClientRects().length>0&&getComputedStyle(e).display!==`none`)),r=new MutationObserver(e=>{e.some(e=>e.type===`childList`||e.target instanceof Element&&e.target.matches(t))&&n()});return r.observe(e,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`style`,`hidden`,`aria-hidden`]}),n(),()=>r.disconnect()}),[Y(K,{get when(){return J(()=>!!u())()?C():u()},get children(){return Y(_o,{each:Hh,children:e=>Y(_o,{get each(){return J(()=>!!Wh(e))()?Xh.slice(0,1):Xh},children:t=>(()=>{var n=X(`div`,{class:`mesurer-toolbar-zone`});return q(()=>({e:C()?.side===e&&C()?.align===t?`true`:void 0,t:(()=>{let n=Math.min(pe().width,pe().height),r=Qh(e,t,{width:n,height:n},f()),i=me(r,{width:n,height:n});return{left:`${i.x}px`,top:`${i.y}px`,width:`${n}px`,height:`${n}px`}})()}),({e,t},r)=>{e!==r?.e&&$(n,`data-active`,e,r?.e),t!==r?.t&&$(n,`style`,t,r?.t)}),n})()})})}}),J((()=>{let t=Ce();if(!t)return null;let n=ct,r=t,i=()=>{let t=e.model.state.selectedMeasurement,n=r.ownerDocument.defaultView??e.ownerWindow;return!t||t.elementRef!==r?null:Y(_h,{element:r,get measurement(){return{...nd(r,n),id:t.id,rect:t.rect}},get rect(){return t.rect},ownerWindow:n,get theme(){return e.model.state.settings.theme},layoutDetailsEnabled:!0,embedded:!0})};var a=X(`div`,{"data-mesurer-motion-surface":`true`,"data-mesurer-inspector-ui":`true`,class:`msr:pointer-events-auto msr:absolute msr:z-[80] msr:overflow-visible`});return ic(()=>e=>{z=e,e.addEventListener(`pointerdown`,t=>lt(t,e),!0),e.addEventListener(`click`,e=>{V&&(V=!1,e.preventDefault(),e.stopImmediatePropagation())},!0)},a),Q(a,Y(T_,{element:r,get ownerWindow(){return r.ownerDocument.defaultView??e.ownerWindow},suspended:y,inspectDetails:i}),null),Q(a,(()=>{var e=J(()=>!!_());return()=>e()?(()=>{var e=X(`button`,{type:`button`,"data-mesurer-motion-reattach":`true`,"aria-label":`Attach Motion preview to toolbar`,title:`Attach to toolbar`,class:`msr:absolute msr:right-3 msr:top-3 msr:z-[3] msr:rounded msr:bg-white/85 msr:px-1.5 msr:py-0.5 msr:text-[10px] msr:text-ink-700 msr:hover:bg-white`,onClick:e=>{e.stopPropagation(),v(null)}});return Z(e,ec(`↗`)),e})():_()})(),null),q(()=>({e:_()?`true`:`false`,t:{left:`${n().left}px`,top:n().top===null?`auto`:`${n().top}px`,bottom:n().bottom===null?`auto`:`${n().bottom}px`,width:`${n().width}px`,"max-height":`${Math.max(0,n().maxHeight)}px`}}),({e,t},n)=>{e!==n?.e&&$(a,`data-mesurer-motion-detached`,e,n?.e),t!==n?.t&&$(a,`style`,t,n?.t)}),a})),(()=>{var n=X(`div`,{"data-mesurer-toolbar":`true`,"data-mesurer-inspector-ui":`true`,onPointerDown:t=>{t.stopPropagation(),e.model.setTransient({toolbarActive:!0}),mt(t)},onClick:e=>e.stopPropagation(),onMouseEnter:Ee}),i=X(`div`,{class:`mesurer-toolbar-mode-stage`}),o=X(`div`,{class:`mesurer-toolbar-mode-track`}),c=X(`div`,{class:`mesurer-toolbar-mode-slot`,"data-mode":`select`}),l=X(`div`,{class:`mesurer-toolbar-mode-panel`}),f=X(`div`,{role:`group`,"aria-label":`Select tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`}),p=X(`div`,{class:`mesurer-toolbar-mode-slot`,"data-mode":`edit`}),h=X(`div`,{class:`mesurer-toolbar-mode-panel`}),g=X(`div`,{role:`group`,"aria-label":`Shared guide tools`,class:`msr:flex msr:items-stretch msr:py-1`}),_=X(`div`,{class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`}),v=X(`div`,{class:`msr:flex msr:items-center msr:p-1`}),y=X(`button`,{type:`button`,"data-mesurer-toolbar-compact-toggle":`true`,class:`msr:flex msr:size-7 msr:select-none msr:items-center msr:justify-center msr:rounded-[7px] msr:text-black msr:outline-none msr:hover:bg-black/4`,onClick:gt});return Z(n,i),Z(n,g),Z(n,_),Z(n,v),ic(()=>e=>{R=e},n),Q(n,Y(K_,{get value(){return Ie()},get compact(){return N()},get editDisabled(){return!Fe()||(Fe()?.disabled?.()??!1)},get editToolId(){return Fe()?.id},get editOptionsAvailable(){return(Fe()?.menu?.items.length??0)>0},get editOptionsOpen(){return D()===Fe()?.id},get editOptions(){return J(()=>!!Fe())()?xt(Fe()):null},get shortcutsEnabled(){return e.model.state.settings.shortcutsEnabled},get tooltipVisibleId(){return J(()=>!!Xe())()?L.visibleTooltipId():null},get tooltipInstant(){return L.tooltipInstant()},get tooltipSide(){return rt()},get onTooltipEnter(){return L.onTooltipEnter},get onTooltipLeave(){return L.onTooltipLeave},onSelect:vt,onEdit:yt,onEditOptions:e=>{let t=Fe();!t||t.disabled?.()||pt(t.id,e)}}),i),Q(n,Y(G_,{get visible(){return Ye()},marker:`mode`}),i),Z(i,o),ic(()=>e=>{U=e},i),Z(o,c),Z(o,p),Z(c,l),Z(l,f),ic(()=>e=>{W=e},l),Q(f,Y(W_,{get visible(){return qe(De())},get children(){return Y(U_,nc({id:`select`,builtin:`select`,get active(){return De()},label:`Select`,shortcut:`S`,onClick:()=>e.onBuiltinAction(`select`)},()=>bt(`select`),{get children(){return Y(Bm,{size:20})}}))}}),null),Q(f,Y(W_,{get visible(){return qe(Oe())},get children(){return Y(U_,nc({id:`xray`,builtin:`xray`,get active(){return Oe()},label:`X-ray`,shortcut:`X`,onClick:()=>e.onBuiltinAction(`xray`)},()=>bt(`xray`),{get children(){return Y(Wm,{size:20})}}))}}),null),Q(f,Y(K,{get when(){return oe()},get children(){return Y(W_,{get visible(){return qe(ke())},get children(){return Y(U_,nc({id:`color-picker`,builtin:`color-picker`,get active(){return ke()},get disabled(){return $e(`color-picker`)},label:`Color picker`,shortcut:`P`,onClick:()=>e.onBuiltinAction(`color-picker`)},()=>bt(`color-picker`),{get children(){return Y($m,{size:20})}}))}})}}),null),Q(f,Y(W_,{get visible(){return qe(je())},get children(){return Y(U_,nc({id:`text-inspector`,builtin:`text-inspector`,get active(){return je()},get disabled(){return $e(`text-inspector`)},label:`Typography`,shortcut:`A`,onClick:()=>e.onBuiltinAction(`text-inspector`)},()=>bt(`text-inspector`),{get children(){return Y(Zm,{size:20})}}))}}),null),Q(f,Y(W_,{get visible(){return qe(e.responsiveOpen===!0)},get children(){return Y(U_,nc({id:`responsive`,builtin:`responsive`,get active(){return e.responsiveOpen===!0},label:`Responsive`,shortcut:`B`,onClick:()=>e.onBuiltinAction(`responsive`)},()=>bt(`responsive`),{get children(){return Y(Qm,{size:20})}}))}}),null),Q(l,Y(K,{get when(){return Le().length>0},get children(){return[Y(G_,{get visible(){return!N()||He()&&We()},marker:`select-plugins`}),(()=>{var e=X(`div`,{role:`group`,"aria-label":`Select plugin tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return Le()},children:e=>St(e)})),e})()]}}),null),Z(p,h),ic(()=>e=>{te=e},h),Q(h,Y(K,{get when(){return Re().length>0},get children(){var e=X(`div`,{role:`group`,"aria-label":`Edit tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return Re()},children:e=>St(e)})),e}})),Q(g,Y(W_,{get visible(){return qe(Ae())},get children(){return Y(U_,nc({id:`rulers`,builtin:`rulers`,get active(){return Ae()},label:`Rulers`,shortcut:`R`,onClick:()=>e.onBuiltinAction(`rulers`)},()=>bt(`rulers`),{get children(){return Y(Gm,{size:20})}}))}}),null),Q(g,Y(W_,{get visible(){return qe(Me())},get children(){return[Y(U_,nc({id:`guides`,builtin:`guides`,get active(){return Me()},get disabled(){return $e(`guides`)},label:`Guides`,shortcut:`G`,onClick:()=>e.onBuiltinAction(`guides`)},()=>bt(`guides`),{get children(){return Y(Um,{size:20,get class(){return e.model.state.guideOrientation===`vertical`?`msr:rotate-[135deg]`:`msr:rotate-[45deg]`}})}})),(()=>{var t=X(`div`,{"data-mesurer-builtin":`guides-menu`,class:`msr:group msr:relative msr:-ml-1 msr:flex msr:items-stretch`,onMouseEnter:()=>L.onTooltipEnter(`guide-menu`)}),n=X(`button`,{type:`button`,"data-mesurer-guide-menu-trigger":`true`,"aria-label":`Guide orientation menu`,"aria-haspopup":`menu`,onClick:()=>{E(t=>(t||(A(e.model.state.guideOrientation===`horizontal`?0:1),ut()),!t))}});return Z(t,n),ic(()=>e=>{H=e},t),Q(n,Y(Km,{size:8})),Q(t,Y(xl,{label:`Orientation Guide`,get visible(){return J(()=>!!Xe())()?L.visibleTooltipId()===`guide-menu`:Xe()},get instant(){return L.tooltipInstant()},get side(){return rt()}}),null),Q(t,Y(K,{get when(){return T()},get children(){var t=X(`div`,{role:`menu`,tabindex:0,onKeyDown:e=>{let t=e.key.toLowerCase();e.key===`ArrowDown`||e.key===`ArrowUp`?(e.preventDefault(),A(e=>(e+1)%2)):e.key===`Enter`?(e.preventDefault(),ht(k()===0?`horizontal`:`vertical`)):t===`h`||t===`v`?(e.preventDefault(),ht(t===`h`?`horizontal`:`vertical`)):e.key===`Escape`&&(e.preventDefault(),E(!1))}}),n=X(`button`,{type:`button`,onClick:()=>ht(`horizontal`)}),r=X(`span`,{class:`msr:flex-1`}),i=X(`span`),a=X(`button`,{type:`button`,onClick:()=>ht(`vertical`)}),o=X(`span`,{class:`msr:flex-1`}),s=X(`span`);return Z(t,n),Z(t,a),Z(n,r),Z(n,i),Q(n,Y(qm,{size:12,get class(){return e.model.state.guideOrientation===`horizontal`?`msr:opacity-100`:`msr:opacity-0`}}),r),Q(n,Y(Xm,{size:12}),r),Z(r,ec(`Horizontal`)),Z(i,ec(`H`)),Z(a,o),Z(a,s),Q(a,Y(qm,{size:12,get class(){return e.model.state.guideOrientation===`vertical`?`msr:opacity-100`:`msr:opacity-0`}}),o),Q(a,Y(Xm,{size:12,class:`msr:rotate-90`}),o),Z(o,ec(`Vertical`)),Z(s,ec(`V`)),q(()=>({e:`mesurer-menu-surface msr:absolute msr:z-[70] msr:w-44 msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-1 msr:outline-none msr:focus:outline-none msr:flex msr:flex-col msr:gap-px ${it()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`} ${j()===`left`?`msr:left-0`:`msr:right-0`}`,t:`msr:group msr:flex msr:w-full msr:items-center msr:gap-2 msr:rounded-md msr:px-2 msr:py-1.5 msr:text-left msr:text-[12px] ${k()===0||e.model.state.guideOrientation===`horizontal`?`msr:bg-[#0d99ff] msr:text-white`:`msr:text-ink-700 msr:hover:bg-[#0d99ff] msr:hover:text-white`}`,a:`msr:group msr:flex msr:w-full msr:items-center msr:gap-2 msr:rounded-md msr:px-2 msr:py-1.5 msr:text-left msr:text-[12px] ${k()===1||e.model.state.guideOrientation===`vertical`?`msr:bg-[#0d99ff] msr:text-white`:`msr:text-ink-700 msr:hover:bg-[#0d99ff] msr:hover:text-white`}`}),({e,t:r,a:i},o)=>{e!==o?.e&&$(t,`class`,e,o?.e),r!==o?.t&&$(n,`class`,r,o?.t),i!==o?.a&&$(a,`class`,i,o?.a)}),t}}),null),q(()=>({e:L.onTooltipLeave,t:T()?`true`:`false`,a:$e(`guides`),o:`msr:flex msr:h-8 msr:w-4 msr:items-center msr:justify-center msr:rounded-[6px] msr:outline-none ${$e(`guides`)?`msr:cursor-default msr:text-black/30`:`msr:hover:bg-black/10`} ${T()?`msr:bg-black/10 msr:text-black`:`msr:text-black`}`}),({e,t:r,a:i,o:a},o)=>{e!==o?.e&&$(t,`onMouseLeave`,e,o?.e),r!==o?.t&&$(n,`aria-expanded`,r,o?.t),i!==o?.a&&$(n,`disabled`,i,o?.a),a!==o?.o&&$(n,`class`,a,o?.o)}),t})()]}}),null),Q(n,Y(K,{get when(){return ze().length>0},get children(){return[Y(G_,{get visible(){return Je()},marker:`plugins`}),(()=>{var e=X(`div`,{role:`group`,"aria-label":`Always available tools`,class:`msr:flex msr:items-stretch msr:px-0.5 msr:py-1`});return Q(e,Y(_o,{get each(){return ze()},children:e=>St(e)})),e})()]}}),_),Q(_,Y(W_,{get visible(){return qe(Ne())},get children(){var t=X(`div`,{"data-mesurer-builtin":`settings`,class:`msr:relative msr:flex`});return ic(()=>e=>{ee=e},t),Q(t,Y(U_,nc({id:`settings`,builtin:`settings`,get active(){return Ne()},label:`Settings`,shortcut:`⌘/Ctrl+,`,onClick:()=>e.onBuiltinAction(`settings`)},()=>bt(`settings`),{get children(){return Y(ch,{size:20})}})),null),Q(t,Y(K,{get when(){return J(()=>!!e.model.state.settingsOpen)()?!N():e.model.state.settingsOpen},get children(){var t=X(`div`,{"data-mesurer-inspector-ui":`true`,role:`dialog`,"aria-label":`Settings`,onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(t,Y(H_,{get model(){return e.model},get ownerWindow(){return e.ownerWindow},get onResetSettings(){return e.onResetSettings},get onClearWorkspace(){return e.onClearWorkspace},get selectionSpacingStyle(){return e.selectionSpacingStyle},get onSelectionSpacingStyleChange(){return e.onSelectionSpacingStyleChange}})),q(()=>({e:`mesurer-menu-surface msr:absolute msr:z-[70] msr:box-border msr:w-[272px] msr:max-w-[calc(100vw-16px)] msr:max-h-[calc(100vh-16px)] msr:overflow-y-auto msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-3 ${at()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`}`,t:{left:`${ot()}px`,right:`auto`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}}),null),t}})),Q(n,Y(G_,{get visible(){return Ye()},marker:`compact`}),v),Q(n,Y(K,{get when(){return J(()=>!!N())()?e.model.state.settingsOpen:N()},get children(){var t=X(`div`,{"data-mesurer-toolbar-compact-settings":`true`,"data-mesurer-inspector-ui":`true`,role:`dialog`,"aria-label":`Settings`,onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()});return Q(t,Y(H_,{get model(){return e.model},get ownerWindow(){return e.ownerWindow},get onResetSettings(){return e.onResetSettings},get onClearWorkspace(){return e.onClearWorkspace},get selectionSpacingStyle(){return e.selectionSpacingStyle},get onSelectionSpacingStyleChange(){return e.onSelectionSpacingStyleChange}})),q(()=>({e:`mesurer-menu-surface msr:pointer-events-auto msr:absolute msr:z-[110] msr:box-border msr:w-[272px] msr:max-w-[calc(100vw-16px)] msr:max-h-[calc(100vh-16px)] msr:overflow-y-auto msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-3 ${at()===`bottom`?`msr:top-full msr:mt-2`:`msr:bottom-full msr:mb-2`}`,t:{left:`${ot()}px`,right:`auto`}}),({e,t:n},r)=>{e!==r?.e&&$(t,`class`,e,r?.e),n!==r?.t&&$(t,`style`,n,r?.t)}),t}}),v),Z(v,y),Q(y,Y(Km,{size:10,get class(){return N()?`msr:-rotate-90`:`msr:rotate-90`}})),q(()=>({e:N()?`true`:`false`,t:Ie(),a:a()?`vertical`:`horizontal`,o:u()?r()??void 0:void 0,i:u()?s():void 0,n:Qe.tucked()?`true`:void 0,s:Qe.pressedOff()?`true`:void 0,h:`mesurer-toolbar-surface msr:pointer-events-auto msr:absolute msr:flex msr:items-stretch msr:rounded-[12px] msr:bg-[#fff] msr:outline msr:outline-transparent ${Ze()?`msr:z-[110]`:`msr:z-[90]`}`,r:{left:`${t().x}px`,top:`${t().y}px`,"--msr-tuck-safe-offset":`${d()}px`,transition:m()?`left 280ms cubic-bezier(0.2, 0.9, 0.3, 1), top 378ms cubic-bezier(0.3, 1.2, 0.5, 1), transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1)`:void 0},d:L.onTooltipContainerLeave,l:Ie(),u:Ie()===`select`?`true`:`false`,c:Ie()===`select`?void 0:`true`,w:Ie()!==`select`||void 0,m:Ie()===`edit`?`true`:`false`,f:Ie()===`edit`?void 0:`true`,y:Ie()!==`edit`||void 0,g:N()?`Expand toolbar`:`Compact toolbar`,p:N()?`true`:`false`}),({e,t,a:r,o:a,i:o,n:s,s:l,h:u,r:d,d:f,l:m,u:h,c:g,w:_,m:v,f:b,y:x,g:S,p:C},w)=>{e!==w?.e&&$(n,`data-mesurer-toolbar-compact`,e,w?.e),t!==w?.t&&$(n,`data-mesurer-toolbar-mode`,t,w?.t),r!==w?.a&&$(n,`data-orientation`,r,w?.a),a!==w?.o&&$(n,`data-dock-edge`,a,w?.o),o!==w?.i&&$(n,`data-dock-align`,o,w?.i),s!==w?.n&&$(n,`data-tucked`,s,w?.n),l!==w?.s&&$(n,`data-tuck-locked`,l,w?.s),u!==w?.h&&$(n,`class`,u,w?.h),d!==w?.r&&$(n,`style`,d,w?.r),f!==w?.d&&$(n,`onMouseLeave`,f,w?.d),m!==w?.l&&$(i,`data-mode`,m,w?.l),h!==w?.u&&$(c,`data-open`,h,w?.u),g!==w?.c&&$(c,`aria-hidden`,g,w?.c),_!==w?.w&&$(c,`inert`,_,w?.w),v!==w?.m&&$(p,`data-open`,v,w?.m),b!==w?.f&&$(p,`aria-hidden`,b,w?.f),x!==w?.y&&$(p,`inert`,x,w?.y),S!==w?.g&&$(y,`aria-label`,S,w?.g),C!==w?.p&&$(y,`aria-pressed`,C,w?.p)}),n})()]}var pv=e=>e.ownerDocument===null,mv=(e,t)=>{let n=t.defaultView?.Element;return!!(n&&e instanceof n)},hv=(e,t={})=>{let n=pv(e)?e:e.ownerDocument,r=[],i=new Set,a=new Set,o=e=>{i.has(e)||(i.add(e),r.push(e),c(e,e))},s=(e,n)=>{if(e.hasAttribute(`data-mesurer-responsive-frame`)&&!t.includeResponsiveFrames)return;e.shadowRoot&&c(e.shadowRoot,n);let r=Pu(e);r&&o(r)},c=(e,t)=>{if(a.has(e))return;a.add(e),mv(e,t)&&s(e,t);let n=t.createTreeWalker(e,1),r=n.nextNode();for(;r;)mv(r,t)&&s(r,t),r=n.nextNode()};return pv(e)?o(e):(i.add(n),r.push(n),c(e,n)),r},gv=e=>{let t=e,n=new Set;for(;!n.has(t);){n.add(t);let e=null;try{e=t.defaultView?.frameElement??null}catch{return!1}if(!e)return!1;if(e.hasAttribute(`data-mesurer-responsive-frame`))return!0;t=e.ownerDocument}return!1},_v=(e,t)=>{if(pu(e,t))return!0;let n=t.ownerDocument,r=e.ownerDocument,i=new Set;for(;r!==n&&!i.has(r);){i.add(r);let e=null;try{e=r.defaultView?.frameElement??null}catch{return!1}if(!e)return!1;if(e.ownerDocument===n&&pu(e,t))return!0;r=e.ownerDocument}return!1},vv=(e,t)=>{if(!e||!t.length)return null;let n=null,r=11;for(let i of t){let t=ad(i,e);t<=10&&t<r&&(n=i,r=t)}return n},yv=(e,t)=>t.length?e.find(e=>e.id===t[t.length-1])??null:null,bv=e=>{let t=e.window??window;if(!e.altPressed||!e.selectedGuide&&!e.primarySelectedMeasurement)return null;let n=e.primarySelectedMeasurement,r=e.selectedGuide?null:n?.elementRef??e.selectedElementRef??null,i=e.selectedGuide?{rect:id(e.selectedGuide,t),guideId:e.selectedGuide.id}:r&&n?{rect:n.rect,element:r}:null,a=e.hoverGuide?{rect:id(e.hoverGuide,t),guideId:e.hoverGuide.id}:e.hoverElement?{rect:qu(e.hoverElement),element:e.hoverElement}:null;if(!i||!a||i.element&&a.element&&(i.element===a.element||i.element.contains(a.element)||a.element.contains(i.element))||i.guideId&&a.guideId&&i.guideId===a.guideId)return null;let o=ud(i.rect,a.rect,i.element??null,a.element??null,t);if(i.element&&a.element&&i.element.ownerDocument===a.element.ownerDocument){let e=i.element.ownerDocument.defaultView??t,n=i.element.getBoundingClientRect(),r=a.element.getBoundingClientRect(),s=ud({left:n.left,top:n.top,width:n.width,height:n.height},{left:r.left,top:r.top,width:r.width,height:r.height},i.element,a.element,e);o.horizontal=o.horizontal&&s.horizontal?{...o.horizontal,value:s.horizontal.value}:o.horizontal,o.vertical=o.vertical&&s.vertical?{...o.vertical,value:s.vertical.value}:o.vertical,o.diagonal&&s.diagonal&&(o.diagonal.value=s.diagonal.value),o.edgeDistances=o.edgeDistances?.map(e=>{let t=s.edgeDistances?.find(t=>t.axis===e.axis&&t.side===e.side);return{...e,value:t?.value??e.value}})}return o},xv=e=>{let t=e.document??document,n=e.window??window;if(!e.altPressed||!e.primarySelectedMeasurement||e.optionPairOverlay||e.selectedGuideIds.length)return null;let r=e.selectedElement?.parentElement??null;e.selectedElement&&e.hoverElement&&e.hoverElement!==e.selectedElement&&e.hoverElement.contains(e.selectedElement)&&(r=e.hoverElement);let i=r&&r!==t.body&&r!==t.documentElement?wu(qu(r),r,n):{left:0,top:0,width:n.innerWidth,height:n.innerHeight},a=e.primarySelectedMeasurement.rect,o=e.primarySelectedMeasurement.cssRect??a,s=a.left+a.width,c=a.top+a.height,l=a.left+a.width/2,u=a.top+a.height/2,d=i.left+i.width,f=i.top+i.height,p=Math.max(i.left,Math.min(l,d)),m=Math.max(i.top,Math.min(u,f)),h=r&&r!==t.body&&r!==t.documentElement?wu(r.getBoundingClientRect(),r,r.ownerDocument.defaultView??n):{left:0,top:0,width:(r?.ownerDocument.defaultView??n).innerWidth,height:(r?.ownerDocument.defaultView??n).innerHeight};return{top:{y1:i.top,y2:a.top,x:p,value:Math.max(0,o.top-h.top)},bottom:{y1:c,y2:f,x:p,value:Math.max(0,h.top+h.height-(o.top+o.height))},left:{x1:i.left,x2:a.left,y:m,value:Math.max(0,o.left-h.left)},right:{x1:s,x2:d,y:m,value:Math.max(0,h.left+h.width-(o.left+o.width))}}},Sv=(e,t)=>{let n=[];for(let{element:r,rect:i}of t){let t=Ou(e,i),a=t/Math.max(1,Du(i));t>0&&a>=.45&&n.push({element:r,rect:i,overlapArea:t,elementCoverage:a})}let r=n.filter((e,t)=>!n.some((n,r)=>t!==r&&Du(e.rect)>Du(n.rect)*1.6&&e.rect.left<=n.rect.left&&e.rect.top<=n.rect.top&&e.rect.left+e.rect.width>=n.rect.left+n.rect.width&&e.rect.top+e.rect.height>=n.rect.top+n.rect.height&&e.elementCoverage<.92));return(r.length>0?r:n).sort((e,t)=>Du(e.rect)-Du(t.rect)).map(({element:e})=>e)},Cv=(e,t,n)=>{let r=Math.max(1,Du(e)),i=[];for(let{element:a,rect:o}of n){let n=Ou(e,o),s=Math.max(1,Du(o)),c=n/s;if(o.width<8||o.height<8||c<.15)continue;let l=s/r,u=1-Math.min(1,Math.abs(Math.log(l))/2),d=t.x>=o.left&&t.x<=o.left+o.width&&t.y>=o.top&&t.y<=o.top+o.height,f=s>r*4&&c<.9?.25:0;i.push({element:a,rect:o,coverage:c,score:c*.55+u*.35+(d?.2:0)-f})}return i.length===0?null:(i.sort((e,t)=>t.score-e.score),i[0].element)},wv=(e,t)=>{let n=[];for(let{element:r,rect:i}of t){if(i.width<8||i.height<8)continue;let t=Math.max(1,Du(i)),a=e.x>=i.left&&e.x<=i.left+i.width&&e.y>=i.top&&e.y<=i.top+i.height,o=1/(1+ku(e,i)),s=1/(1+Math.log(t));n.push({element:r,score:(a?2:0)+o*.9+s*.35})}return n.length===0?null:(n.sort((e,t)=>t.score-e.score),n[0].element)},Tv=e=>e.nodeType===11,Ev=e=>{if(!e)return null;let t=e.getRootNode();return Tv(t)?t.host:null},Dv=(e,t,n)=>!!(t?.contains(e)||n&&e===n),Ov=(e,t)=>{let n=e;for(;n.shadowRoot;){let e=n.shadowRoot.elementFromPoint(t.x,t.y);if(!e||e===n)break;n=e}return n},kv=(e,t,n=document,r=n.body)=>{let i=n.defaultView;if(!i)return!1;let a=i,o=Ev(t);for(let s of n.elementsFromPoint(e.x,e.y)){if(!(s instanceof a.Element))continue;let n=Ov(s,e);if(!Dv(n,t,o)){if(Al(n,i))return!0;if(pu(n,r)&&!kl(n,i))return!1}}return!1},Av=(e,t,n,r)=>kv(e,t,n,r)?null:mu(t,()=>fu(e,r,n)),jv=(e,t,n=document,r=n.body)=>{let i=Ev(t),a=Av(e,t,n,r),o=n.defaultView;if(!o||!a)return null;let s=Fv(a,e);if(!_v(s,r)||Dv(s,t,i)||kl(s,o)||s===s.ownerDocument.body||s===s.ownerDocument.documentElement)return null;let c=Zu(s);return c.width>2&&c.height>2?s:null},Mv=(e,t)=>Math.abs(e.x-t.x)<=4&&Math.abs(e.y-t.y)<=4,Nv=e=>{try{return e.defaultView?.frameElement??null}catch{return null}},Pv=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return Tv(t)?t.host:Nv(e.ownerDocument)},Fv=(e,t)=>{let n=e,r=t;for(let e=0;e<16;e+=1){let e=Pu(n);if(!e)break;let t=Vu(n,r);if(t.x<0||t.y<0)break;let i=fu(t,e,e);if(!i||i===e.body||i===e.documentElement)break;n=i,r=t}return n},Iv=(e,t,n,r)=>{if(kv(e,t,n,r))return[];let i=n.defaultView;if(!i)return[];let a=i,o=Ev(t),s=[],c=new Set,l=e=>{if(!e||c.has(e)||!_v(e,r)||Dv(e,t,o)||kl(e,i)||e===e.ownerDocument.body||e===e.ownerDocument.documentElement)return;let n=Zu(e);n.width<=2||n.height<=2||(c.add(e),s.push(e))},u=e=>{let t=e;for(;t&&(l(t),t!==r);)t=Pv(t)};u(jv(e,t,n,r));let d=mu(t,()=>n.elementsFromPoint(e.x,e.y));for(let t of d)t instanceof a.Element&&u(Ov(t,e));return s},Lv=(e,t,n,r=document,i=r.body,a=e)=>{let o=jv(e,t,r,i);if(!n||!o)return o;let s={left:a.x-20,top:a.y-20,width:40,height:40},c=Gv(s,t,r,i),l=Xl(o),u=l.nodeType===11?c.filter(({element:e})=>Xl(e)===l):c,d=u.find(({element:e})=>e===o);if(d&&d.rect.width>=8&&d.rect.height>=8)return o;let f=d?u:[{element:o,rect:Zu(o)},...u];return wv(a,f)??Cv(s,a,f)??o},Rv=(e,t,n,r=document,i=r.body,a=null,o=e)=>{let s=r.defaultView;if(s&&a&&Mv(o,a.point)&&a.stack.length>0){let e=a.stack.filter(e=>e.isConnected&&pu(e,i)&&!kl(e,s));if(e.length>0){let t=a.stack[a.index]??null,n=((t?e.indexOf(t):-1)+1+e.length)%e.length;return{target:e[n]??null,cycle:{point:o,index:n,stack:e}}}}let c=Lv(e,t,n,r,i,o);return c?{target:c,cycle:{point:o,index:0,stack:[c,...Iv(e,t,r,i).filter(e=>e!==c)]}}:{target:null,cycle:null}},zv=-1,Bv=``,Vv=[],Hv=null,Uv=null,Wv=null,Gv=(e,t,n=document,r=n.body)=>{let i=Ev(t),a=n.defaultView;if(!a)return[];let o=Xu(),s=`${Math.round(e.left)}:${Math.round(e.top)}:${Math.round(e.width)}:${Math.round(e.height)}`;if(o===zv&&Bv===s&&Hv===t&&Uv===n&&Wv===r)return Vv;let c=e.left-1,l=e.top-1,u=e.left+e.width+1,d=e.top+e.height+1,f=td(n).map(e=>({element:e,rect:Zu(e)})).filter(({element:n,rect:o})=>!_v(n,r)||Dv(n,t,i)||kl(n,a)||n===n.ownerDocument.body||n===n.ownerDocument.documentElement||o.width<8||o.height<8||o.left>u||o.top>d||o.left+o.width<c||o.top+o.height<l?!1:Eu(e,o));return zv=o,Bv=s,Hv=t,Uv=n,Wv=r,Vv=f,f},Kv=(e,t,n,r=document,i=r.body)=>{let a=Xu(),o=`${Math.round(e.left)}:${Math.round(e.top)}:${Math.round(e.width)}:${Math.round(e.height)}`;if(n.key===o&&n.overlayNode===t&&n.frame===a)return n.entries;let s=Gv(e,t,r,i);return n.key=o,n.overlayNode=t,n.frame=a,n.entries=s,s},qv=(e,t,n,r=document,i=r.body,a)=>{let o=Kv(e,t,n,r,i);return a&&(o=o.filter(({element:e})=>a(e))),o.length?Sv(e,o):[]},Jv=e=>e.nodeType===11,Yv=e=>{if(!e)return null;let t=e.getRootNode();return Jv(t)?t.host:null},Xv=e=>{let t=e.document??document,n=t.defaultView,r=n?.Element,i=Yv(e.overlayNode),a=e.selectedMeasurements.map(e=>{let t=e.elementRef;if(!t||!t.isConnected)return null;let n=qu(t);return{measurement:e,element:t,rect:n,area:n.width*n.height}}).filter(e=>e!==null).sort((e,t)=>e.area-t.area),o=[];if(r&&n){for(let a of t.elementsFromPoint(e.point.x,e.point.y))if(a instanceof r&&!e.overlayNode?.contains(a)&&!(i&&a===i)){if(jl(a,n))return null;o.push(a)}}let s=(n,r)=>{let i=n.element.ownerDocument===t?o:(()=>{let r=Hu(e.point,t,n.element.ownerDocument);return r.x<0||r.y<0?[]:n.element.ownerDocument.elementsFromPoint(r.x,r.y)})();return r?n.element===i[0]:i.some(e=>n.element===e||n.element.contains(e))},c=a.find(t=>s(t,e.exact??!1));if(c)return c.measurement;if(e.exact)return null;for(let t of a){let n=t.rect;if(e.point.x>=n.left&&e.point.x<=n.left+n.width&&e.point.y>=n.top&&e.point.y<=n.top+n.height)return t.measurement}return null},Zv=`mesurer:select-gesture-start`;function Qv(e){let t=e;e.dispatchEvent(new t.Event(Zv))}function $v(e,t){return e.addEventListener(Zv,t),()=>e.removeEventListener(Zv,t)}var ey=e=>void 0,ty=$a(ey);function ny(e={}){let t=et(),n=t?eo(ty):ey,r=Sc(e),[i,a]=uo(r.getSnapshot()),o=r.subscribe(e=>a(()=>e)),s=r.dispose,c=!1,l,u=lo(()=>i.selectedMeasurement??i.selectedMeasurements.at(-1)??null),d=e=>{let t=r.current.guides;t.length===e.length&&t.every((t,n)=>{let r=e[n];return!!(r&&r.id===t.id&&r.orientation===t.orientation&&r.position===t.position)})||r.setGuides(e)},f=e=>{let t=r.current.toolMode===`select`&&r.current.start!==null;r.setTransient(e);let n=r.current.toolMode===`select`&&r.current.start!==null;if(!t&&n){let e=l.rendererRoot?.ownerDocument.defaultView;e&&Qv(e)}};l={...r,setGuides:d,setTransient:f,dispose:p,state:i,activeSelection:u,rendererRoot:null};function p(){c||(c=!0,l.rendererRoot=null,o(),s())}return n(l),t&&Dn(p),l}var ry=200,iy=e=>{e.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1})},ay=e=>{e.setSelectedMeasurements([],null),e.setSelectedGuideIds([]),e.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},oy=(e,t)=>{e.setEnabled(!0,!e.current.enabled),iy(e),e.setTransient({toolbarActive:!0}),e.toggleToolMode(t)},sy=e=>e.current.colorPickerActive?`color-picker`:e.current.rulersVisible?`rulers`:e.current.toolMode===`guides`?`guides`:e.current.toolMode===`select`||e.current.toolMode===`text-inspector`?`select`:`general`,cy=(e,t,n)=>{e.setTransient({colorPickerActive:!0,colorPickerSample:n,colorPickerUnsupported:!1}),t.navigator.clipboard?.writeText(Rc(n,e.current.settings.colorPickerClickFormat)).catch(()=>void 0)},ly=(e,t)=>{Oh(t),iy(e);let n=t.Event;t.dispatchEvent(new n(`focus`))},uy=(e,t)=>{let n=new Map,r=!!t?.querySelector(`[data-mesurer-responsive-stage]`),i=e=>{!e||n.has(e)||(n.set(e,{value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),e.style.setProperty(`display`,`none`,`important`))};i(r?t?.querySelector(`[data-mesurer-toolbar='true']`)??null:t);for(let t of e.querySelectorAll([`[data-mesurer-layer]`,`[data-mesurer-extension-toolbar='true']`,`[data-mesurer-inspector-ui='true']`,`.mesurer-color-picker`].join(`,`)))i(t);return()=>{for(let[e,t]of n)t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`);n.clear()}},dy=async(e,t,n,r)=>{let i=await t.createImageBitmap(n);try{let n=Math.max(1,t.innerWidth),a=Math.max(1,t.innerHeight),o=i.width/n,s=i.height/a,c=Math.min(i.width-1,Math.max(0,Math.floor(r.x*o))),l=Math.min(i.height-1,Math.max(0,Math.floor(r.y*s))),u=e.createElement(`canvas`);u.width=1,u.height=1;let d=u.getContext(`2d`,{willReadFrequently:!0});if(!d)throw Error(`Color Picker could not read the captured application window.`);d.drawImage(i,c,l,1,1,0,0,1,1);let f=d.getImageData(0,0,1,1).data;return{red:f[0]??0,green:f[1]??0,blue:f[2]??0,alpha:(f[3]??255)/255}}finally{i.close()}};function fy(e){let{model:t,ownerWindow:n}=e,r=e.ownerDocument??n.document,i=null,a=0,o=!1,s=0,c=!1,l=()=>{a&&=(n.clearTimeout(a),0)},u=()=>{n.removeEventListener(`blur`,p),r.removeEventListener(`visibilitychange`,m)},d=()=>{s+=1,l(),o=!1,u();let e=i;i=null,e?.abort()},f=()=>{d(),iy(t)};function p(){o&&f()}function m(){r.visibilityState===`hidden`&&p()}let h=()=>{d(),t.setEnabled(!0,!t.current.enabled),t.setToolMode(`none`,t.current.toolMode!==`none`),t.setTransient({colorPickerActive:!0,colorPickerSample:null,colorPickerUnsupported:!1}),o=!0,n.addEventListener(`blur`,p),r.addEventListener(`visibilitychange`,m)},g=async()=>{if(!kh(n)){f();return}d(),t.setEnabled(!0,!t.current.enabled),t.setToolMode(`none`,t.current.toolMode!==`none`);let e=n.EyeDropper,r=n.AbortController,o=new r;i=o,t.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1});let s=n.performance.now();a=n.setTimeout(()=>{a=0,i===o&&!o.signal.aborted&&t.setTransient({colorPickerActive:!0})},ry);try{let r=await new e().open({signal:o.signal});if(l(),o.signal.aborted||c)return;let i=jc(r.sRGBHex);if(!i){iy(t);return}cy(t,n,i)}catch(e){if(l(),o.signal.aborted||c){iy(t);return}let r=n.performance.now()-s;if(e instanceof n.DOMException&&e.name===`AbortError`){if(r<ry){ly(t,n);return}iy(t);return}ly(t,n)}finally{i===o&&(i=null)}},_=async()=>{if(Uc(n)){h();return}await g()};return{async run(e){switch(e){case`select`:d(),ay(t),oy(t,`select`);return;case`xray`:d(),t.setEnabled(!0),iy(t),t.toggleXray();return;case`color-picker`:if(t.current.colorPickerActive&&t.current.colorPickerSample){await _();return}if(t.current.colorPickerActive||o||i){f();return}await _();return;case`rulers`:d(),t.setEnabled(!0),iy(t),t.toggleRulers();return;case`text-inspector`:d(),oy(t,`text-inspector`);return;case`guides`:d(),oy(t,`guides`);return;case`settings`:{let e=!t.current.settingsOpen;t.setTransient({settingsOpen:e,settingsTab:e?sy(t):t.current.settingsTab});return}}},clearSelection(){ay(t)},deactivate(e){switch(e){case`select`:ay(t),t.current.toolMode===e&&t.setToolMode(`none`);return;case`text-inspector`:case`guides`:t.current.toolMode===e&&t.setToolMode(`none`);return;case`xray`:t.setXrayVisible(!1);return;case`color-picker`:f();return;case`rulers`:t.setRulersVisible(!1);return;case`settings`:t.setTransient({settingsOpen:!1});return;case`distance`:return}},pickColorAt:async i=>{if(c||!o||!Uc(n))return;let a=++s;o=!1,u();let l=uy(r,e.uiRoot?.()??t.rendererRoot);try{await el(n);let e=await Gc(n);if(!e)throw Error(`Color Picker host capture is unavailable.`);let o=await dy(r,n,e,i);if(c||a!==s)return;cy(t,n,o)}catch{!c&&a===s&&iy(t)}finally{l()}},dispose(){c||(c=!0,d())}}}var py=`var(--msr-color-ink-50, #f8fafc)`,my=`var(--msr-color-ink-200, #e2e8f0)`,hy=`var(--msr-color-ink-500, #64748b)`,gy=`var(--msr-content, #0f172a)`,_y=(e,t,n)=>{let r=e.createElement(`div`);return Object.assign(r.style,{position:`absolute`,backgroundColor:n,...t===`top`||t===`bottom`?{left:`0`,[t]:`0`,width:`100%`,height:`1px`}:{top:`0`,[t]:`0`,width:`1px`,height:`100%`}}),r},vy=(e,t,n)=>{let r=e.createElement(`div`);Object.assign(r.style,{position:`fixed`,zIndex:`0`,pointerEvents:`none`,backgroundColor:t,boxSizing:`border-box`}),r.className=`mesurer-ti-box`,r.dataset.state=`hidden`;for(let t of[`top`,`right`,`bottom`,`left`])r.appendChild(_y(e,t,n));return r},yy=(e,t)=>{Object.assign(e.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})},by=(e,t)=>{let n=e.createElement(`div`);return Object.assign(n.style,{position:`fixed`,zIndex:`1`,pointerEvents:t?`auto`:`none`,background:`var(--msr-surface-raised, #ffffff)`,color:gy,borderRadius:`13px`,padding:`10px 12px`,fontSize:`11px`,lineHeight:`1.5`,fontFamily:`ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,fontVariantNumeric:`tabular-nums`,userSelect:`none`,whiteSpace:`nowrap`,width:`320px`,minWidth:`320px`,maxWidth:`320px`,boxSizing:`border-box`,boxShadow:`var(--msr-shadow-floating, 0px 0px 0.5px rgba(0, 0, 0, 0.18), 0px 3px 8px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1))`}),n.className=t?`mesurer-ti-card mesurer-ti-card--pinned`:`mesurer-ti-card`,n.dataset.state=`hidden`,n},xy=(e,t,n,r)=>{t.replaceChildren();let i=e.createElement(`div`);Object.assign(i.style,{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`8px`,paddingBottom:`6px`});let a=e.createElement(`span`);if(Object.assign(a.style,{color:py,background:gy,borderRadius:`4px`,padding:`1px 5px`,fontFamily:`ui-monospace, SFMono-Regular, Menlo, monospace`,fontSize:`10px`,fontWeight:`500`}),a.textContent=n.tagName,i.appendChild(a),n.textSnippet){let t=e.createElement(`span`);Object.assign(t.style,{color:hy,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,flex:`1`,minWidth:`0`,fontSize:`10px`}),t.textContent=n.textSnippet,i.appendChild(t)}if(r){let t=e.createElement(`button`);t.type=`button`,t.className=`mesurer-ti-close`,t.setAttribute(`aria-label`,`Close`),t.textContent=`×`,Object.assign(t.style,{all:`unset`,marginLeft:n.textSnippet?`0`:`auto`,flex:`0 0 auto`,width:`16px`,height:`16px`,lineHeight:`14px`,textAlign:`center`,borderRadius:`4px`,color:hy,fontSize:`14px`}),i.appendChild(t)}t.appendChild(i);let o=e.createElement(`div`);Object.assign(o.style,{display:`grid`,gridTemplateColumns:`auto 1fr`,columnGap:`12px`,rowGap:`3px`,alignItems:`baseline`});for(let t of n.rows){let n=e.createElement(`span`);n.style.color=hy,n.style.fontSize=`11px`,n.textContent=t.label;let r=e.createElement(`span`);if(Object.assign(r.style,{fontFamily:`ui-monospace, SFMono-Regular, Menlo, monospace`,fontSize:`11px`,color:gy,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),!t.varName)r.textContent=t.value;else{let n=e.createElement(`span`);n.textContent=t.value;let i=e.createElement(`span`);i.style.color=my,i.style.margin=`0 6px`,i.textContent=`·`;let a=e.createElement(`span`);a.style.color=`#0369a1`,a.textContent=t.varName,r.append(n,i,a)}o.append(n,r)}t.appendChild(o)},Sy=(e,t,n,r=0,i=0)=>{let a=Number.parseFloat(t.dataset.mesurerPositionedScrollX??``),o=Number.parseFloat(t.dataset.mesurerPositionedScrollY??``),s=Number.isFinite(a)&&a!==e.scrollX||Number.isFinite(o)&&o!==e.scrollY,c=n.left+n.width/2+r;t.style.left=`${c}px`;let l=t.getBoundingClientRect(),u=n.bottom+4+i;u+l.height>e.innerHeight-8&&(u=n.top-l.height-4+i),t.style.top=`${Math.max(8,u)}px`;let d=l.width/2;t.style.left=`${Math.min(Math.max(c,8+d),e.innerWidth-8-d)}px`,t.dataset.mesurerPositionedScrollX=String(e.scrollX),t.dataset.mesurerPositionedScrollY=String(e.scrollY),s&&!t.dataset.mesurerNativeScrollAnchor&&(t.dataset.mesurerNativeScrollAnchor=`pending`)},Cy=[`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`],wy=`color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)`,Ty=`color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)`,Ey=`color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)`,Dy=`color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)`,Oy=80,ky=0,Ay=(e,t)=>`
|
|
2402
2408
|
.${e},.${e} *{cursor:help!important}
|
|
2403
2409
|
.${e} [data-mesurer-root],.${e} [data-mesurer-root] *{cursor:auto!important}
|
|
2404
2410
|
#${t} .mesurer-ti-card{transform:translateX(-50%);opacity:1;transition:none!important;animation:none!important}
|
|
@@ -2408,16 +2414,16 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
|
|
|
2408
2414
|
#${t} .mesurer-ti-card--draggable:active{cursor:grabbing}
|
|
2409
2415
|
#${t} .mesurer-ti-close{cursor:pointer}
|
|
2410
2416
|
#${t} .mesurer-ti-close:hover{background:color-mix(in srgb,var(--msr-content,#0f172a) 6%,transparent)!important;color:var(--msr-content,#0f172a)!important}
|
|
2411
|
-
`;function
|
|
2417
|
+
`;function jy(e={},t=!1){let n=e.portalTarget?.ownerDocument??globalThis.document,r=n?.defaultView??globalThis.window;if(!n||!r){let e=()=>{};return{enable:e,disable:e,undo:()=>!1,redo:()=>!1,isEnabled:()=>!1,cleanup:e,destroy:e,clear:e,inspect:()=>!1,pin:()=>!1,clearHover:e,clearResponsivePreview:e,canUndo:()=>!1,canRedo:()=>!1}}let i=(e.id??(t?`mesurer-text-inspector`:`mesurer-text-inspector-${++ky}`)).replace(/[^a-zA-Z0-9_-]/g,`-`),a=`${i}-overlay`,o=`${i}-styles`,s=`${i}-mode`,c=new Set((e.ignoredTags??Cy).map(e=>e.toUpperCase())),l=Number.isFinite(e.maxPinned)?Math.max(1,Math.floor(e.maxPinned)):1/0,u=new Rm(n,r),d=r.HTMLElement,f=r.Node,p=!1,m=null,h=null,g=null,_=null,v={x:0,y:0},y=0,b=0,x=0,S=r.scrollX,C=r.scrollY,w=null,T=new Set,E=[],D=[],O=[],k=()=>e.getPortalTarget?.()??e.portalTarget??n.body,A=()=>{let e=[n],t=k();t instanceof r.ShadowRoot&&e.push(t);for(let t of e){if(t.querySelector(`#${o}`))continue;let e=n.createElement(`style`);e.id=o,e.textContent=Ay(s,a),t===n?n.head.append(e):t.append(e),T.add(t)}},j=()=>{m||(m=n.createElement(`div`),m.id=a,m.dataset.mesurerInspectorUi=`true`,m.dataset.theme=e.theme?.()??`system`,w??=e.subscribeTheme?.(e=>{m&&(m.dataset.theme=e)})??null,Object.assign(m.style,{position:`fixed`,inset:`0`,pointerEvents:`none`,zIndex:`2147483646`}));let t=k();return m.parentNode!==t&&(A(),t.appendChild(m)),m},M=(e,t)=>{e&&(e.dataset.state=t?`visible`:`hidden`)},N=()=>{let e=j();h??=vy(n,wy,Ty),g??=by(n,!1),h.parentNode||e.append(h),g.parentNode||e.append(g)},P=e=>Array.from(e.childNodes).some(e=>e.nodeType===f.TEXT_NODE&&!!e.nodeValue?.trim()),F=e=>{let t=e?.ownerDocument.defaultView;return!!e&&!!t&&e instanceof t.HTMLElement&&!(e instanceof t.SVGElement)&&!c.has(e.tagName)&&P(e)&&!e.closest(`[data-mesurer-root], [data-mesurer-inspector-ui='true']`)},I=t=>e.projectRect?.(t,t.getBoundingClientRect())??t.getBoundingClientRect(),L=(e,t)=>{for(let i of n.elementsFromPoint(e,t)){if(Al(i,r))return null;if(F(i))return i}return null},R=()=>{_=null,M(h,!1),M(g,!1)},z=()=>{r.clearTimeout(b),R()},B=()=>{_&&gv(_.ownerDocument)&&R();for(let e of E.slice())gv(e.sourceEl.ownerDocument)&&te(e,!1,!1)},V=(e,t,n)=>{if(!e||e.dataset.state!==`visible`)return!1;let r=e.getBoundingClientRect();return t>=r.left&&t<=r.right&&n>=r.top&&n<=r.bottom},ee=(e,t)=>E.some(n=>V(n.card,e,t)),H=t=>{if(!p||!F(t))return!1;N();let i=I(t),a=u.getFast(t);return _=t,xy(n,g,a,!1),yy(h,i),Sy(r,g,i),M(h,!0),M(g,!0),r.clearTimeout(b),b=r.setTimeout(()=>{if(!p||_!==t||!g)return;let i=u.getFull(t,a);xy(n,g,i,!1),Sy(r,g,I(t)),e.onInspect?.(t,i)},24),!0},U=()=>E.map(e=>({sourceEl:e.sourceEl,left:e.userPlaced?e.card.getBoundingClientRect().left+e.card.getBoundingClientRect().width/2:0,top:e.userPlaced?e.card.getBoundingClientRect().top:0,userPlaced:e.userPlaced})),W=()=>{D.push(U()),D.length>100&&D.shift(),O.length=0},te=(t,n=!0,r=!0)=>{let i=E.indexOf(t);i<0||(n&&W(),E.splice(i,1),t.detach(),t.box.remove(),t.card.remove(),r&&e.onUnpin?.(t.sourceEl))},ne=(e=!1)=>{for(;E.length;)te(E[E.length-1],!1,e)},re=e=>{let t=-1,n=0,i=0,a=0,o=0,s=!1,c=!1,l=l=>{if(l.pointerId!==t)return;let u=l.clientX-n,d=l.clientY-i;!s&&Math.abs(u)<=6&&Math.abs(d)<=6||(s||(s=!0,e.card.classList.add(`mesurer-ti-card--pinned`),delete e.card.dataset.mesurerNativeScrollAnchor,delete e.card.dataset.mesurerNativeScrollOwner,e.card.style.removeProperty(`position-anchor`)),c||=(W(),!0),e.userPlaced=!0,e.card.style.left=`${Math.min(r.innerWidth-8,Math.max(8,a+u))}px`,e.card.style.top=`${Math.min(r.innerHeight-8,Math.max(8,o+d))}px`)},u=e=>{(t===-1||e.pointerId===t)&&(r.removeEventListener(`pointermove`,l),r.removeEventListener(`pointerup`,u),r.removeEventListener(`pointercancel`,u),t=-1,s=!1,c=!1)},f=s=>{if(s.button!==0||s.target instanceof d&&s.target.classList.contains(`mesurer-ti-close`))return;let c=e.card.getBoundingClientRect();t=s.pointerId,n=s.clientX,i=s.clientY,a=c.left+c.width/2,o=c.top,r.addEventListener(`pointermove`,l),r.addEventListener(`pointerup`,u),r.addEventListener(`pointercancel`,u)};return e.card.addEventListener(`pointerdown`,f),()=>{e.card.removeEventListener(`pointerdown`,f),r.removeEventListener(`pointermove`,l),r.removeEventListener(`pointerup`,u),r.removeEventListener(`pointercancel`,u)}},ie=(t,i,a=!0,o=!0)=>{if(E.find(e=>e.sourceEl===t))return;a&&W(),E.length>=l&&te(E[0],!1,!0);let s=j(),c=vy(n,Ey,Dy),d=by(n,!0);d.classList.add(`mesurer-ti-card--draggable`),d.classList.remove(`mesurer-ti-card--pinned`);let f=u.getFull(t);xy(n,d,f,!0),s.append(c,d);let p=I(t);yy(c,p),Sy(r,d,p),i?.userPlaced&&(d.classList.add(`mesurer-ti-card--pinned`),d.style.left=`${i.left}px`,d.style.top=`${i.top}px`),M(c,!0),M(d,!0);let m={sourceEl:t,box:c,card:d,left:i?.left??0,top:i?.top??0,userPlaced:i?.userPlaced??!1,detach:()=>{}};E.push(m),m.detach=re(m),d.querySelector(`.mesurer-ti-close`)?.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),te(m)}),o&&e.onPin?.(t,f)},ae=e=>!p||!F(e)?!1:(ie(e),!0),oe=e=>{ne(!1);for(let t of e)t.sourceEl.isConnected&&ie(t.sourceEl,t,!1,!1)},se=()=>{let e=D.pop();return e?(O.push(U()),oe(e),!0):!1},ce=()=>{let e=O.pop();return e?(D.push(U()),oe(e),!0):!1},le=()=>{E.length&&(W(),ne(!0))},ue=()=>{for(let e of E.slice()){if(!e.sourceEl.isConnected){te(e,!1,!1);continue}let t=I(e.sourceEl);yy(e.box,t),e.userPlaced||Sy(r,e.card,t);let n=t.bottom>=0&&t.right>=0&&t.left<=r.innerWidth&&t.top<=r.innerHeight;M(e.box,n),M(e.card,n),e.card.style.pointerEvents=n?`auto`:`none`}},de=()=>{if(p){if(_&&h&&g){if(!_.isConnected)R();else{let e=I(_);yy(h,e),Sy(r,g,e);let t=e.bottom>=0&&e.right>=0&&e.left<=r.innerWidth&&e.top<=r.innerHeight;M(h,t),M(g,t)}}ue()}},fe=()=>{if(!p)return;let e=L(v.x,v.y);if(!e)R();else if(e!==_)H(e);else if(h&&g){let t=I(e);yy(h,t),Sy(r,g,t)}ue()},pe=()=>{y||=r.requestAnimationFrame(()=>{y=0,fe()})},me=e=>e.composedPath().some(e=>Al(e,r)),he=t=>{if(v={x:t.clientX,y:t.clientY},!e.suppressRootPointer?.()){if(me(t)||ee(t.clientX,t.clientY)){R();return}V(g,t.clientX,t.clientY)||pe()}},ge=(e,t,n)=>{if(!e||e.dataset.mesurerNativeScrollAnchor)return;let r=Number.parseFloat(e.style.left),i=Number.parseFloat(e.style.top);Number.isFinite(r)&&(e.style.left=`${r-t}px`),Number.isFinite(i)&&(e.style.top=`${i-n}px`)},_e=()=>{let e=r.scrollX,t=r.scrollY,i=e-S,a=t-C;if(S=e,C=t,ff(n)){if(i||a){ge(h,i,a),ge(g,i,a);for(let e of E)ge(e.box,i,a),e.userPlaced||ge(e.card,i,a)}x&&r.clearTimeout(x),x=r.setTimeout(()=>{x=0,de()},Oy);return}de(),pe()},ve=e=>{e.relatedTarget||R()},ye=e=>{if(!me(e)){if(V(g,e.clientX,e.clientY)||ee(e.clientX,e.clientY)){e.preventDefault(),e.stopImmediatePropagation();return}if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=L(e.clientX,e.clientY);t&&ie(t)}}},be=e=>{if(!me(e)){if(V(g,e.clientX,e.clientY)||ee(e.clientX,e.clientY)){e.preventDefault(),e.stopImmediatePropagation();return}e.preventDefault(),e.stopImmediatePropagation()}},xe=()=>{p||(p=!0,A(),j(),n.body.classList.add(s),S=r.scrollX,C=r.scrollY,r.addEventListener(`mousemove`,he,!0),r.addEventListener(`mouseout`,ve,!0),r.addEventListener(`click`,ye,!0),r.addEventListener(`auxclick`,be,!0),r.addEventListener(`scroll`,_e,{capture:!0,passive:!0}),r.addEventListener(`resize`,pe,!0))},Se=()=>{p&&(p=!1,r.cancelAnimationFrame(y),y=0,r.clearTimeout(b),r.clearTimeout(x),x=0,r.removeEventListener(`mousemove`,he,!0),r.removeEventListener(`mouseout`,ve,!0),r.removeEventListener(`click`,ye,!0),r.removeEventListener(`auxclick`,be,!0),r.removeEventListener(`scroll`,_e,!0),r.removeEventListener(`resize`,pe,!0),R(),ne(),h?.remove(),g?.remove(),h=null,g=null,D.length=0,O.length=0,n.body.classList.remove(s))},Ce=()=>{Se(),w?.(),w=null,m?.remove(),m=null;for(let e of T)e.querySelector(`#${o}`)?.remove();T.clear()};return{enable:xe,disable:Se,undo:se,redo:ce,clear:le,inspect:H,pin:ae,clearHover:z,clearResponsivePreview:B,isEnabled:()=>p,canUndo:()=>D.length>0,canRedo:()=>O.length>0,cleanup:Ce,destroy:Ce}}jy({},!0);var My=`mesurer-solid-xray`,Ny=e=>`mesurer-xray-${e}`,Py=e=>`
|
|
2412
2418
|
${e} *{outline:solid 1px #2563eb!important}
|
|
2413
2419
|
${e} [data-mesurer-island],${e} [data-mesurer-island] *,${e} [data-mesurer-root],${e} [data-mesurer-root] *{outline:none!important}
|
|
2414
2420
|
${e} .mesurer-ti-box,${e} .mesurer-ti-card,${e} .mesurer-ti-card *{outline:none!important}
|
|
2415
|
-
`,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=`
|
|
2421
|
+
`,Fy=new WeakMap,Iy=e=>{let t=Fy.get(e);if(t)return t;let n=e.createElement(`style`);n.dataset.mesurerXrayStyle=`true`,n.textContent=Py(`.${My}`);let r={activeInstances:new Set,style:n};return Fy.set(e,r),r},Ly=(e,t,n)=>{let r=Iy(e);n?r.activeInstances.add(t):r.activeInstances.delete(t);let i=e.body??e.documentElement,a=r.activeInstances.size>0;i?.classList.toggle(My,a),a?r.style.isConnected||e.head?.append(r.style):r.style.remove()};function Ry(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=Ny(r),c=t.createElement(`style`);c.dataset.mesurerXrayStyle=`true`,c.textContent=Py(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(hv(m?t:n,{includeResponsiveFrames:m}).filter(e=>!m||gv(e))):new Set;for(let t of d)e.has(t)||Ly(t,r,!1);for(let t of e)Ly(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)Ly(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)Ly(e,r,!1);d.clear(),c.remove()}}}var zy=0,By=`mesurer:tab-id`,Vy=`mesurer-settings`,Hy=`mesurer-state`,Uy=80,Wy=(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}},Gy=(e,t,n)=>{try{e.sessionStorage.setItem(`${t}:toolbar-position`,JSON.stringify(n))}catch{}},Ky=e=>{try{let t=e.sessionStorage.getItem(By);if(t)return t;let n=e.crypto.randomUUID();return e.sessionStorage.setItem(By,n),n}catch{return`session`}},qy=(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},Jy=(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 Yy(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=++zy,u=r.persistKey??`mesurer-state:${Ky(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=fy({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=Ry({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(()=>Jy(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(()=>yv(t.state.guides,t.state.selectedGuideIds)),z=lo(()=>vv(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(()=>bv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),selectedGuide:R(),hoverGuide:z(),hoverElement:t.state.hoverElement,selectedElementRef:B()?.elementRef??null})),U=lo(()=>xv({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?jv(e,p,o,c):jv(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?Xv({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=qv(l,p,d,o,r.responsiveOpen?o.body:c,r.responsiveOpen?e=>{let t=C??a;return gv(e.ownerDocument)&&hv(t).includes(e.ownerDocument)}:void 0),m=C??a,h=(p?.querySelector(`[data-mesurer-responsive-stage]`)?u.filter(e=>gv(e.ownerDocument)&&(e.ownerDocument===m||hv(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:Xv({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=jv(l,u,a,m)??Lv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&gv(a)?i:l);else if(r.editSelectionHover?.())f=null,g=Lv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&gv(a)?i:l);else{let e=Rv(l,u,t.current.settings.snapEnabled,a,m,f,r.responsiveOpen&&gv(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(hv(r.responsiveOpen?p??c:c,{includeResponsiveFrames:r.responsiveOpen===!0}).filter(e=>e!==o&&(!r.responsiveOpen||gv(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&&!gv(n)||!t.current.enabled||t.current.settingsOpen)return;if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&gv(n)){if(e.type===`pointerdown`&&(e.preventDefault(),e.stopImmediatePropagation()),e.type===`pointermove`){let t=jv({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=jv({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`&&gv(n)){if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=jv({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=jy({portalTarget:l,getPortalTarget:()=>en(()=>r.responsiveOpen?n.portalTarget:l),projectRect:(e,t)=>{if(!gv(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??tp(s,u,Vy,r.persistKey?void 0:Hy);h=d,d.setErrorHandler?.(r.onPersistenceError);let p=Rl(s);d.setPageKey?.(p);let x=d.load();if(x?.settings){let e=qy(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=qy(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()},Uy)},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(wh,{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(yh,{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(fv,{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 Bh(s,Wy(s,u))},onPositionChange:e=>Gy(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 Xy(e){let t=en(()=>({...Df,...e.selectionSpacingStyle})),[n,r]=G({...t}),i=e=>r(t=>({...t,...e})),a=()=>r({...t}),o=ny({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:{...Ef,...e.guideStyle},rulerSettings:{...Of,...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(Yy,{model:o,get env(){return t()},input:e,get selectionSpacingStyle(){return n()},onSelectionSpacingStyleChange:i,onResetSelectionSpacingStyle:a})})}var Zy=`mesurer.presentation.preferences`,Qy=`presentation`,$y={keepTextChanges:!1,keepArrangeChanges:!1},eb=e=>e.state.get(`mesurer.presentation.preferences`)??$y,tb=(e,t)=>{e.state.update(Zy,e=>({...e,...t}))},nb=e=>{e.state.register({id:Zy,initial:{...$y},persist:!0}),e.settings.register({id:Qy,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:()=>eb(e).keepTextChanges,set:t=>tb(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:()=>eb(e).keepArrangeChanges,set:t=>tb(e,{keepArrangeChanges:t})}]})},rb=`mesurer.arrange`,ib=`arrange`,ab=`mesurer.arrange.intents`,ob=`mesurer.arrange.active`,sb=`mesurer.arrange.settings`,cb=`runtime:solid`,lb=`builtin.select`,ub=`arrange.toggle`,db=`arrange.commit`,fb=`arrange.clear`,pb=`arrange.reset-selection`,mb=`arrange.reset-all`,hb=`mesurer.arrange.selection-available`,gb=1,_b=24,vb=160,yb=500,bb=`#ef4444`,xb=24,Sb=6,Cb=30,wb=.5,Tb=4,Eb=`[data-mesurer-text-editor='true']`,Db={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`]},Ob=(e,t)=>({left:e.left+t.x,top:e.top+t.y,width:e.width,height:e.height}),kb=(e,t)=>({left:e.left-t.left,top:e.top-t.top,width:e.width-t.width,height:e.height-t.height}),Ab=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}},jb=(e,t,n,r)=>Math.max(0,Math.max(e,n)-Math.min(t,r)),Mb=(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]},Nb=(e,t)=>t===`x`?{start:e.top,end:e.top+e.height}:{start:e.left,end:e.left+e.width},Pb=e=>e.kind===`edge`?2:+(e.kind===`guide`),Fb=(e,t,n)=>{let r=Nb(t,e),i=null;for(let a of n)if(a.axis===e&&!(a.source===`element`&&jb(r.start,r.end,a.start,a.end)>vb))for(let n of Mb(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||Pb(a)>Pb(i)))&&(i={...a,delta:e})}return i},Ib=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Lb=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Rb=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:[...e.fingerprintClasses],text:e.fingerprintText}),zb=e=>({id:e.id,selector:e.selector,fingerprint:Rb(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}}),Bb=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,targets:e.targets.map(zb)}),Vb=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),Hb=e=>Vb(e,`transform`),Ub=(e,t)=>e.value===t.value&&e.priority===t.priority,Wb=Ub,Gb=e=>{let{element:t,beforeTransform:n,appliedTransform:r}=e;Wb(Hb(t),r)&&(n.value||n.priority?t.style.setProperty(`transform`,n.value,n.priority):t.style.removeProperty(`transform`))},Kb=e=>e instanceof Element&&!!e.closest(`input, textarea, select, [contenteditable='true'], [contenteditable='']`),qb=()=>wc({id:rb,version:`0.1.0`,requires:[cb,`tool:select`],provides:[`tool:arrange`,`intent:arrange`,`agent:arrange`,`settings:arrange`],setup(e){let t=e.service.get(cb);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:ab,initial:{intents:[]},history:!0,persist:!0}),e.state.register({id:ob,initial:!1}),e.state.register({id:sb,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=bb,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=bb,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=`
|
|
2416
2422
|
body:has([data-mesurer-text-editor="true"]) > [data-mesurer-arrange-native-stroke="true"],
|
|
2417
2423
|
body:has([data-mesurer-text-editor="true"]) > [data-mesurer-multi-selection-document-layer="true"] {
|
|
2418
2424
|
display: none !important;
|
|
2419
2425
|
}
|
|
2420
|
-
`,n.head.append(m);let h=()=>{for(let e of p.values())e.remove();p.clear()},g=new Map,_=e=>{let t=new Set(e);for(let[e,n]of g)t.has(e)&&e.isConnected||(n.outline?e.style.setProperty(`outline`,n.outline,n.outlinePriority):e.style.removeProperty(`outline`),n.offset?e.style.setProperty(`outline-offset`,n.offset,n.offsetPriority):e.style.removeProperty(`outline-offset`),g.delete(e));for(let e of t)g.has(e)||(g.set(e,{outline:e.style.getPropertyValue(`outline`),outlinePriority:e.style.getPropertyPriority(`outline`),offset:e.style.getPropertyValue(`outline-offset`),offsetPriority:e.style.getPropertyPriority(`outline-offset`)}),e.style.setProperty(`outline`,`1px solid #0d99ff`,`important`),e.style.setProperty(`outline-offset`,`-1px`,`important`))},v=e=>{let t=n.body;if(!t||!e.length||!r.CSS?.supports(`left: anchor(left)`))return h(),!1;let i=Array.from(t.children).filter(e=>e instanceof c.HTMLElement&&e.dataset.mesurerSelectedMeasurement===`true`&&e.dataset.mesurerSelectionGroup!==`true`).flatMap(t=>{let r=t.querySelector(`[data-mesurer-measurement-chrome='true']`),i=r?.style.getPropertyValue(`position-anchor`).trim();return!r||r.dataset.mesurerNativeScrollAnchor!==`box`||!i?[]:e.find(e=>e.getRootNode()===n&&e.style.getPropertyValue(`anchor-name`).split(`,`).some(e=>e.trim()===i))?[{chrome:r,anchor:i}]:[]});if(i.length!==e.length)return h(),!1;let a=new Set(i.map(({chrome:e})=>e));for(let[e,t]of p)a.has(e)||(t.remove(),p.delete(e));for(let{chrome:e,anchor:r}of i){let i=p.get(e);i||(i=n.createElement(`div`),i.dataset.mesurerArrangeNativeStroke=`true`,i.dataset.mesurerInspectorUi=`true`,i.style.cssText=`position:absolute!important;left:anchor(left)!important;top:anchor(top)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;box-sizing:border-box;border:1px solid #0d99ff;pointer-events:none;z-index:2147482801;transition:none;animation:none;`,p.set(e,i),t.append(i)),i.style.getPropertyValue(`position-anchor`)!==r&&i.style.setProperty(`position-anchor`,r,`important`)}return!0},y=new Map,b=new Map,x=new Map,S=new Map,C=new Map,w={intentId:null,state:`desired`},T=null,E=null,D=null,O=!1,k=0,A=null,j=()=>e.state.get(`mesurer.arrange.intents`)??{intents:[]},M=()=>e.state.get(`mesurer.arrange.active`)??!1,N=()=>{let t=e.state.get(ab);return{snapping:t?.snapping??!0,elementEdges:t?.elementEdges??!0,elementCenters:t?.elementCenters??!0,guides:t?.guides??!0,preferXrayEdges:t?.preferXrayEdges??!0,snapLines:t?.snapLines??!0}},P=t=>{e.state.update(ab,e=>({...e,...t}))},F=()=>Pb(r),I=()=>j().intents.filter(e=>e.pageUrl===F()),L=e=>!!e.closest(`[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']`),R=e=>pu(e,o)&&!L(e),z=e=>{let t=[];o instanceof c.HTMLElement&&o.matches(e)&&!L(o)&&t.push(o);for(let n of o.querySelectorAll(e))n instanceof c.HTMLElement&&R(n)&&t.push(n);return t},B=(e,t)=>e.localName!==t.fingerprintTag||t.fingerprintId&&e.id!==t.fingerprintId||t.fingerprintTestId&&e.getAttribute(`data-testid`)!==t.fingerprintTestId||t.fingerprintRole&&e.getAttribute(`role`)!==t.fingerprintRole||t.fingerprintAriaLabel&&e.getAttribute(`aria-label`)!==t.fingerprintAriaLabel?!1:t.fingerprintClasses.every(t=>e.classList.contains(t)),V=e=>{let t=Ib(e),n=b.get(e.selector);if(n&&n.isConnected&&R(n)&&B(n,e))return n;if(n&&b.delete(e.selector),!_u(t))return null;let r=[];try{r=z(e.selector).filter(e=>vu(e,t))}catch{return null}if(r.length!==1)return null;if(!t.id&&!t.testId){let e=[];try{e=z(t.tag).filter(e=>vu(e,t))}catch{return null}if(e.length!==1||e[0]!==r[0])return null}return r[0]??null},ee={value:`none`,priority:`important`},H=e=>{let t=zb(e,`transition-property`);(!x.get(e)||!Vb(t,ee))&&x.set(e,t),Vb(t,ee)||e.style.setProperty(`transition-property`,ee.value,ee.priority)},U=e=>{let t=x.get(e);t&&(Vb(zb(e,`transition-property`),ee)&&(t.value||t.priority?e.style.setProperty(`transition-property`,t.value,t.priority):e.style.removeProperty(`transition-property`)),x.delete(e))},W=e=>{for(let t of x.keys())e.has(t)||U(t)},te=()=>{for(let e of x.keys())U(e)},ne=()=>{for(let e of y.values())Ub(e);y.clear()},re=()=>{O||i.refreshSelectionGeometry()},ie=()=>{let e=y.size>0;ne(),te(),e&&re()},ae=()=>{u.style.display=`none`,d.style.display=`none`},oe=(e,t,n)=>{if(ae(),N().snapLines){if(e){let t=Math.min(n.top,e.start),r=Math.max(n.top+n.height,e.end);u.style.display=`block`,u.style.left=`${e.position}px`,u.style.top=`${t}px`,u.style.height=`${Math.max(1,r-t)}px`}if(t){let e=Math.min(n.left,t.start),r=Math.max(n.left+n.width,t.end);d.style.display=`block`,d.style.left=`${e}px`,d.style.top=`${t.position}px`,d.style.width=`${Math.max(1,r-e)}px`}}},se=()=>!!(n.querySelector(wb)||s.querySelector(wb)),ce=()=>{for(let[e,t]of S)t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`);S.clear()},le=()=>{if(se()){ce();return}if(!(S.size>0))for(let e of s.querySelectorAll(`[data-mesurer-measurement='true']`))e instanceof c.HTMLElement&&(e.matches(`[data-mesurer-selected-measurement='true'][data-mesurer-inspector-ui='true']`)&&e.getRootNode()===n&&e.parentElement===n.body||(S.set(e,{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}),e.style.setProperty(`visibility`,`hidden`,`important`)))},ue=e=>{if(e.parentElement instanceof c.HTMLElement)return e.parentElement;let t=e.getRootNode();return t instanceof c.ShadowRoot&&t.host instanceof c.HTMLElement?t.host:null},de=(e,t)=>{let n=ue(e);for(;n;){let e=t.get(n);if(e)return e;n=ue(n)}return{x:0,y:0}},fe=(e=I())=>{let t=new Map;for(let n of e)for(let e of n.targets){let n=V(e);n&&t.set(n,e)}return t},pe=e=>e.offsetSpace!==`local`||e.desiredLocalOffsetX===null||e.desiredLocalOffsetY===null?null:{x:e.desiredLocalOffsetX,y:e.desiredLocalOffsetY},me=(e,t)=>{let n=ue(e);for(;n;){if(t.has(n))return n;n=ue(n)}return null},he=(e=I(),t=new Map)=>{let n=fe(e),r=new Set([...n.keys(),...t.keys()]),i=new Map,a=new Set,o=e=>{let s=i.get(e);if(s)return s;let c=n.get(e),l=t.get(e)??(c?pe(c):null);if(!l&&c){let t={x:c.desiredOffsetX,y:c.desiredOffsetY};return i.set(e,t),t}if(!l)return{x:0,y:0};if(a.has(e))return l;a.add(e);let u=me(e,r),d=u?o(u):{x:0,y:0},f={x:d.x+l.x,y:d.y+l.y};return a.delete(e),i.set(e,f),f};for(let e of r)o(e);return i},ge=()=>{if(w.state===`live`)return new Map;if(!w.intentId)return he();let e=j().intents.find(e=>e.id===w.intentId);if(!e)return he();let t=new Map;for(let n of e.targets){let e=V(n);e&&t.set(e,w.state===`before`?{x:n.beforeOffsetX,y:n.beforeOffsetY}:{x:n.desiredOffsetX,y:n.desiredOffsetY})}return t},_e=e=>{let t=[...e].flatMap(([t,n])=>{if(!t.isConnected||!R(t))return[];let r=de(t,e),i={x:n.x-r.x,y:n.y-r.y};return i.x===0&&i.y===0?[]:[{element:t,offset:i}]}),n=new Set(t.map(({element:e})=>e));for(let{element:e}of t)H(e);let i=new Map([...y].map(([e,t])=>[e,t.appliedTransform]));ne();for(let{element:e,offset:n}of t){let t=Bb(e),i=r.getComputedStyle(e).transform,a=i&&i!==`none`?` ${i}`:``;e.style.setProperty(`transform`,`translate3d(${n.x}px, ${n.y}px, 0)${a}`,`important`),y.set(e,{element:e,beforeTransform:t,appliedTransform:Bb(e)})}W(n),(i.size!==y.size||[...y].some(([e,t])=>i.get(e)!==t.appliedTransform))&&re()},ve=()=>_e(ge()),ye=e=>{ne();try{return e()}finally{!O&&!T&&ve()}},be=()=>i.currentSelection().elements.filter(e=>e instanceof c.HTMLElement&&e.isConnected&&R(e));e.state.register({id:pb,initial:be().length>0});let xe=()=>e.state.get(pb)??!1,Se=()=>{let t=be().length>0;t!==xe()&&e.state.update(pb,()=>t)},Ce=()=>Ob(be().map(e=>Yl(e))),we=()=>{for(let e of C.values())e.remove();C.clear()},Te=e=>{let t=e.getBoundingClientRect(),n=t.right+bb;n+yb>r.innerWidth-4&&(n=Math.max(4,t.left-yb-bb));let i=Math.min(Math.max(4,t.top+xb),Math.max(4,r.innerHeight-yb-4));return{left:n,top:i}},Ee=()=>{if(!M()||T){we();return}let t=I(),r=fe(t),i=he(t),a=new Set;for(let t of be()){let o=r.get(t);if(!o)continue;let s=i.get(t);if(!s)continue;let c=de(t,i),u=pe(o)??{x:s.x-c.x,y:s.y-c.y};if(Math.abs(u.x)<=Sb&&Math.abs(u.y)<=Sb)continue;a.add(t);let d=C.get(t);d||(d=n.createElement(`button`),d.type=`button`,d.dataset.mesurerArrangeReset=`true`,d.dataset.mesurerInspectorUi=`true`,d.setAttribute(`aria-label`,`Reset position`),d.title=`Reset position`,d.textContent=`↺`,d.className=`msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]`,d.style.position=`fixed`,d.addEventListener(`pointerdown`,e=>e.stopPropagation()),d.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),D=[t],e.command.execute(db,void 0,{source:`arrange-reset-button`}).catch(()=>{D=null})}),C.set(t,d),l.append(d));let f=Te(t);d.style.left=`${f.left}px`,d.style.top=`${f.top}px`}for(let[e,t]of C)a.has(e)||(t.remove(),C.delete(e))},De=t=>{let n=new Set(t);n.size&&(e.state.update(`mesurer.arrange.intents`,e=>{let t=!1,r=e.intents.flatMap(e=>{if(e.pageUrl!==F())return[e];let r=e.targets.filter(e=>{let r=V(e),i=r!==null&&n.has(r);return i&&(t=!0),!i});return r.length?r.length===e.targets.length?[e]:[{...e,targets:r}]:[]});return t?{intents:r}:e}),je(),Ae())},Oe=()=>{e.state.update(rb,e=>{let t=e.intents.filter(e=>e.pageUrl!==F());return t.length===e.intents.length?e:{intents:t}}),je(),Ae()},ke=e=>{let t=N();if(!t.snapping)return[];let n=[],a=new Set(e),s=i.snapshot(),l=s.xrayVisible&&t.preferXrayEdges&&t.elementEdges,u=0,d=i=>{if(u>=_b||a.has(i)||e.some(e=>e.contains(i))||!R(i))return;let o=r.getComputedStyle(i);if(o.display===`none`||o.visibility===`hidden`||o.visibility===`collapse`)return;let s=o.outlineStyle===`solid`&&(Number.parseFloat(o.outlineWidth)||0)>0;if(l&&!s)return;let c=Yl(i);if(c.width<=0||c.height<=0)return;let d=gb;if(c.left+c.width<-160||c.top+c.height<-160||c.left>r.innerWidth+d||c.top>r.innerHeight+d)return;u+=1;let f=c.left+c.width,p=c.top+c.height;if(t.elementEdges){for(let e of[c.left,f])n.push({axis:`x`,position:e,start:c.top,end:p,source:`element`,kind:`edge`});for(let e of[c.top,p])n.push({axis:`y`,position:e,start:c.left,end:f,source:`element`,kind:`edge`})}t.elementCenters&&!l&&(n.push({axis:`x`,position:c.left+c.width/2,start:c.top,end:p,source:`element`,kind:`center`}),n.push({axis:`y`,position:c.top+c.height/2,start:c.left,end:f,source:`element`,kind:`center`}))};if(t.elementEdges||t.elementCenters){o instanceof c.HTMLElement&&d(o);for(let e of o.querySelectorAll(`*`)){if(u>=_b)break;e instanceof c.HTMLElement&&d(e)}}if(t.guides)for(let e of s.guides)e.orientation===`vertical`?n.push({axis:`x`,position:e.position,start:0,end:r.innerHeight,source:`guide`,kind:`guide`}):n.push({axis:`y`,position:e.position,start:0,end:r.innerWidth,source:`guide`,kind:`guide`});return n},Ae=e=>{if(!M()){h(),_([]),f.style.display=`none`,we();return}let t=be(),n=se(),r=t.length>1&&!n;_(r?t:[]),r&&h();let i=r||v(t);if(se()){for(let e of p.values())e.style.display=`none`;f.style.display=`none`,we();return}for(let e of p.values())e.style.removeProperty(`display`);f.style.borderColor=i?`transparent`:`#0d99ff`;let a=e===void 0?Ce():e;if(!a){f.style.display=`none`,we();return}f.style.display=`block`,f.style.left=`${a.left}px`,f.style.top=`${a.top}px`,f.style.width=`${a.width}px`,f.style.height=`${a.height}px`,T?we():Ee()},je=()=>{w={intentId:null,state:`desired`},ve(),ae(),M()?le():ce()},Me=()=>{w={intentId:null,state:`live`},ie(),ae(),ce()},Ne=()=>{O||T||(ve(),ae(),M()?le():ce(),Ae())},Pe=()=>{k||O||(k=r.requestAnimationFrame(()=>{k=0,Ne()}))},Fe=async()=>{if(s.querySelector(`[data-mesurer-builtin='select'] button`)?.getAttribute(`aria-pressed`)===`true`)return;let t=i.currentSelection().elements;await e.command.execute(sb,void 0,{source:`arrange`});let n=new Set(i.currentSelection().elements);for(let e of t)n.has(e)||i.toggleSelection(e)},Ie=e=>{if(!M()||e.button!==0)return;let r=be();if(!r.length)return;let a=n.elementsFromPoint&&(!(o instanceof c.ShadowRoot)||o.elementsFromPoint)?mu(t.rendererRoot??null,()=>mu(l,()=>fu({x:e.clientX,y:e.clientY},o,n))):null,s=e.shiftKey?a:null;if(e.shiftKey&&s instanceof c.HTMLElement&&R(s)&&!r.includes(s)){e.preventDefault(),e.stopPropagation(),i.toggleSelection(s);return}e.preventDefault(),e.stopPropagation(),w={intentId:null,state:`desired`},ve();let u=fe(I()),d=he(I()),p=new Set(r);ne();let m=r.map((e,t)=>{let n=Yl(e),r=de(e,d),i=d.get(e)??r,a=u.get(e),o=(a?pe(a):null)??{x:i.x-r.x,y:i.y-r.y},s=Eb(n,i),c=gu(e);return{element:e,movesDirectly:me(e,p)===null,target:{id:`target-${t+1}`,selector:hu(e),fingerprintTag:c.tag,fingerprintId:c.id,fingerprintTestId:c.testId,fingerprintRole:c.role,fingerprintAriaLabel:c.ariaLabel,fingerprintClasses:[...c.classes],fingerprintText:c.text,beforeLeft:s.left,beforeTop:s.top,beforeWidth:s.width,beforeHeight:s.height,desiredLeft:s.left,desiredTop:s.top,desiredWidth:s.width,desiredHeight:s.height,beforeOffsetX:i.x,beforeOffsetY:i.y,desiredOffsetX:i.x,desiredOffsetY:i.y,offsetSpace:`local`,beforeLocalOffsetX:o.x,beforeLocalOffsetY:o.y,desiredLocalOffsetX:o.x,desiredLocalOffsetY:o.y}}}),h=Ob(m.map(({target:e})=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight})));if(!h){ve();return}ve(),le(),ae(),T={pointerId:e.pointerId,originX:e.clientX,originY:e.clientY,targets:m,groupBefore:h,snapCandidates:ke(r),pressTarget:a instanceof c.HTMLElement&&R(a)?a:null,shiftToggleElement:e.shiftKey&&s instanceof c.HTMLElement&&r.includes(s)?s:null,moved:!1,dx:0,dy:0},Ae(h),f.style.cursor=`grabbing`,f.setPointerCapture?.(e.pointerId)},Le=(e,t,n)=>{let r=new Map;for(let i of e.targets){let e={x:i.target.beforeLocalOffsetX??0,y:i.target.beforeLocalOffsetY??0};r.set(i.element,i.movesDirectly?{x:e.x+t,y:e.y+n}:e)}return r},Re=e=>{if(!T||e.pointerId!==T.pointerId)return;let t=e.clientX-T.originX,n=e.clientY-T.originY,r=null;if(!T.moved){if(Math.hypot(t,n)<Cb)return;T.moved=!0}e.shiftKey&&(Math.abs(t)>=Math.abs(n)?(n=0,r=`x`):(t=0,r=`y`));let i=Eb(T.groupBefore,{x:t,y:n}),a=r===`y`?null:Nb(`x`,i,T.snapCandidates),o=r===`x`?null:Nb(`y`,i,T.snapCandidates);t+=a?.delta??0,n+=o?.delta??0,T.dx=t,T.dy=n;let s=he(I(),Le(T,t,n));_e(s);let c=Eb(T.groupBefore,{x:t,y:n});Ae(c),oe(a,o,c)},ze=()=>{if(!T)return;let e=T.pointerId;T=null,f.hasPointerCapture?.(e)&&f.releasePointerCapture(e),f.style.cursor=`grab`,je(),Ae()},Be=t=>{if(!T||t.pointerId!==T.pointerId)return;t.preventDefault(),t.stopPropagation();let n=T;if(T=null,f.hasPointerCapture?.(t.pointerId)&&f.releasePointerCapture(t.pointerId),f.style.cursor=`grab`,ae(),!n.moved){if(n.shiftToggleElement)i.toggleSelection(n.shiftToggleElement);else if(n.pressTarget&&!n.targets.some(({element:e})=>e===n.pressTarget))try{i.select([hu(n.pressTarget)])}catch{i.clearSelection(),i.toggleSelection(n.pressTarget)}je(),Ae();return}let a=he(I(),Le(n,n.dx,n.dy));E={id:Fb(r,`arrange`),createdAt:Date.now(),pageUrl:F(),targets:n.targets.map(({element:e,movesDirectly:t,target:r})=>{let i={x:r.beforeLocalOffsetX??0,y:r.beforeLocalOffsetY??0},o=t?{x:i.x+n.dx,y:i.y+n.dy}:i,s=a.get(e)??{x:r.beforeOffsetX+n.dx,y:r.beforeOffsetY+n.dy};return{...r,desiredLeft:r.beforeLeft+n.dx,desiredTop:r.beforeTop+n.dy,desiredOffsetX:s.x,desiredOffsetY:s.y,desiredLocalOffsetX:o.x,desiredLocalOffsetY:o.y}})};for(let{element:e,target:t}of n.targets)b.set(t.selector,e);e.command.execute(lb).catch(()=>{E=null,je(),Ae()})},Ve=e=>{!T||e.pointerId!==T.pointerId||ze()},He=e=>mu(l,()=>kv({x:e.clientX,y:e.clientY},t.rendererRoot??null,n,o)),Ue=e=>{if(!M())return;if(T||e.buttons!==0||se()){i.clearHover();return}let n=e.composedPath();if(!n.includes(f)&&t.rendererRoot&&n.includes(t.rendererRoot))return;let r=He(e);i.setHover(r instanceof c.HTMLElement&&R(r)?r:null)},We=t=>{if(t.key!==`Escape`||!M()&&!T||Wb(t.target)||s.querySelector(`[data-mesurer-tool-menu]`))return;if(t.preventDefault(),t.stopImmediatePropagation(),T){ze();return}let n=i.currentSelection();if(n.elements.length>0||n.region){i.clearSelection(),Ae();return}e.state.update(ib,()=>!1),Me(),Ae(),e.command.execute(sb,void 0,{source:`arrange-escape`}).catch(()=>void 0)};f.addEventListener(`pointerdown`,Ie),f.addEventListener(`pointermove`,Re),f.addEventListener(`pointerup`,Be),f.addEventListener(`pointercancel`,Ve),r.addEventListener(`pointermove`,Ue,!0),r.addEventListener(`keydown`,We,!0),r.addEventListener(`dblclick`,Pe,!0),r.addEventListener(`keyup`,Pe,!0),r.addEventListener(`pointerup`,Pe,!0),r.addEventListener(`resize`,Pe),r.addEventListener(`scroll`,Pe,!0),o.addEventListener(`scroll`,Pe,!0),A=new c.MutationObserver(()=>{Se(),Pe()}),A.observe(o,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`]});let Ge=i.subscribe(()=>{Se(),Pe()}),Ke=e.state.subscribe(Pe),qe=mf(n,()=>{!O&&M()&&!T&&Ae()}),Je=e=>j().intents.find(t=>t.id===e)??null,Ye=(e,t)=>{let n=null;if(n=t===`before`?Ob(e.targets.map(e=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight}))):t===`desired`?Ob(e.targets.map(e=>({left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight}))):ye(()=>Ob(e.targets.map(e=>V(e)).filter(e=>e!==null).map(e=>Yl(e)))),!n)throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);let i=Math.max(0,n.left-hb),a=Math.max(0,n.top-hb),o=Math.min(r.innerWidth,n.left+n.width+hb),s=Math.min(r.innerHeight,n.top+n.height+hb);return{left:i,top:a,width:Math.max(0,o-i),height:Math.max(0,s-a)}},Xe={active:M,intents:()=>j().intents.map(Rb),intent(e){let t=Je(e);return t?Rb(t):null},show(e,t){if(!Je(e))throw Error(`Edit intent not found: ${e}`);w={intentId:e,state:t},Ne()},showCurrent(){w={intentId:null,state:`desired`},Ne()},capturePlan(e,t){let n=Je(e);if(!n)throw Error(`Edit intent not found: ${e}`);return{schema:`mesurer.arrange-capture/v1`,arrangeId:e,state:t,chrome:`hide`,captures:[{id:`viewport`,kind:`viewport`},{id:`focus`,kind:`clip`,rect:Ye(n,t)}]}},review:(e,t=mb)=>{let n=Je(e);if(!n)throw Error(`Edit movement intent not found: ${e}`);let r=ye(()=>n.targets.map(e=>{let n=V(e),r={left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight};if(!n)return{targetId:e.id,selector:e.selector,desired:r,current:null,delta:null,matched:!1};let i=Yl(n),a=Db(i,r),o=Math.abs(a.left)<=t&&Math.abs(a.top)<=t&&Math.abs(a.width)<=t&&Math.abs(a.height)<=t;return{targetId:e.id,selector:e.selector,desired:r,current:i,delta:a,matched:o}})),i=r.filter(e=>e.current!==null).length,a=i===0?`stale`:i===r.length?`connected`:`partial`;return{schema:`mesurer.arrange-review/v1`,arrangeId:n.id,targetStatus:a,tolerance:t,matched:r.length>0&&r.every(e=>e.matched),targets:r}},resetSelection:async()=>{await e.command.execute(db)},resetAll:async()=>{await e.command.execute(fb)},clear:async()=>{await e.command.execute(ub)}};e.tool.register({id:`arrange`,label:`Edit`,shortcut:`Shift+A`,order:65,command:cb,toolbarMode:`edit`,modeSwitch:!0,icon:Tb,active:M,menu:{label:`Edit options`,items:[{id:`snapping`,label:`Snapping`,checked:()=>N().snapping,run:()=>P({snapping:!N().snapping})},{id:`element-edges`,label:`Element edges`,checked:()=>N().elementEdges,disabled:()=>!N().snapping,run:()=>P({elementEdges:!N().elementEdges})},{id:`element-centers`,label:`Element centers`,checked:()=>N().elementCenters,disabled:()=>!N().snapping,run:()=>P({elementCenters:!N().elementCenters})},{id:`guides`,label:`Guides`,checked:()=>N().guides,disabled:()=>!N().snapping,run:()=>P({guides:!N().guides})},{id:`prefer-xray-edges`,label:`Prefer X-ray edges`,checked:()=>N().preferXrayEdges,disabled:()=>!N().snapping||!N().elementEdges,run:()=>P({preferXrayEdges:!N().preferXrayEdges})},{id:`alignment-rulers`,label:`Alignment rulers`,checked:()=>N().snapLines,disabled:()=>!N().snapping,run:()=>P({snapLines:!N().snapLines})},{id:`reset-all-positions`,label:`Reset all positions`,disabled:()=>I().length===0,run:async()=>{await e.command.execute(fb,void 0,{source:`arrange-menu`})}}]}}),e.settings.register({id:`arrange`,label:`Edit`,order:35,controls:[{type:`toggle`,id:`snapping`,label:`Snapping`,description:`Magnetically align dragged selections to nearby layout anchors.`,value:()=>N().snapping,set:e=>P({snapping:e})},{type:`toggle`,id:`element-edges`,label:`Element edges`,description:`Snap left/right and top/bottom edges to nearby elements.`,value:()=>N().elementEdges,set:e=>P({elementEdges:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`element-centers`,label:`Element centers`,description:`Snap center-to-center when X-ray edge preference is not active.`,value:()=>N().elementCenters,set:e=>P({elementCenters:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`guides`,label:`Guides`,description:`Snap to existing Mesurer guides.`,value:()=>N().guides,set:e=>P({guides:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`prefer-xray-edges`,label:`Prefer X-ray edges`,description:`When X-ray is on, use its visible blue box edges as element snap targets.`,value:()=>N().preferXrayEdges,set:e=>P({preferXrayEdges:e}),disabled:()=>!N().snapping||!N().elementEdges},{type:`toggle`,id:`alignment-rulers`,label:`Alignment rulers`,description:`Show the red alignment ruler while a snap is active.`,value:()=>N().snapLines,set:e=>P({snapLines:e}),disabled:()=>!N().snapping}]}),e.command.register(cb,async()=>{let t=!M();if(t&&await Fe(),e.state.update(`mesurer.arrange.active`,()=>t),!t){T&&ze(),Me(),Ae();return}je(),Ae()}),e.command.register(lb,()=>{let t=E;E=null,t&&(e.state.update(`mesurer.arrange.intents`,e=>({intents:[...e.intents,t].slice(-100)})),je(),Ae())}),e.command.register(db,()=>{let e=D??be();D=null,De(e)}),e.command.register(fb,Oe),e.command.register(ub,()=>{e.state.update(rb,()=>({intents:[]})),w={intentId:null,state:`desired`},ie(),ae(),M()?le():ce(),Ae()}),e.service.provide(nb,Xe),ve(),Ae(),e.lifecycle.onDispose(()=>{O=!0,k&&r.cancelAnimationFrame(k),A?.disconnect(),A=null,f.removeEventListener(`pointerdown`,Ie),f.removeEventListener(`pointermove`,Re),f.removeEventListener(`pointerup`,Be),f.removeEventListener(`pointercancel`,Ve),r.removeEventListener(`pointermove`,Ue,!0),r.removeEventListener(`keydown`,We,!0),r.removeEventListener(`dblclick`,Pe,!0),r.removeEventListener(`keyup`,Pe,!0),r.removeEventListener(`pointerup`,Pe,!0),r.removeEventListener(`resize`,Pe),r.removeEventListener(`scroll`,Pe,!0),o.removeEventListener(`scroll`,Pe,!0),Ge(),qe(),Ke.dispose(),ie(),we(),ae(),ce(),h(),_([]),m.remove(),i.dispose(),a.dispose()})}}),Kb=(e,t,n)=>{let r=!1,i=0,a=null,o=null,s=()=>({visible:(e.state.get(`mesurer.arrange.active`)??!1)||Qy(e).keepArrangeChanges,intents:e.state.get(`mesurer.arrange.intents`)?.intents??[]}),c=(e,t)=>e?.visible===t.visible&&e.intents===t.intents,l=e=>{if(a=e,e.visible){t.showCurrent();return}let n=e.intents.at(-1);n&&t.show(n.id,`live`)},u=()=>{if(i=0,r||!o)return;let e=o;o=null,c(a,e)||l(e)},d=e.state.subscribe(()=>{if(r)return;let e=s();c(o??a,e)||(o=e,i||=n.requestAnimationFrame(u))});l(s()),e.lifecycle.onDispose(()=>{r=!0,i&&n.cancelAnimationFrame(i),i=0,o=null,d.dispose()})},qb=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-inspector-ui='true']`].join(``),Jb=`[data-mesurer-text-edit-runtime='true']`,Yb=`[data-mesurer-text-editor='true']`,Xb=(e,t)=>{let n=t.ownerDocument.body;if(!n)return;let r=t.ownerWindow,i=new Map,a=e.state.get(`mesurer.arrange.active`)??!1,o=[],s=null,c=e=>e.matches(qb)&&e.getRootNode()===t.ownerDocument&&e.parentElement===n,l=()=>{for(let[e,t]of i)e.isConnected&&(t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`));i.clear()},u=()=>o.some(e=>e.isConnected&&!!e.querySelector(Yb)),d=e=>{!a||u()||!c(e)||(i.has(e)||i.set(e,{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}),(e.style.getPropertyValue(`visibility`)!==`hidden`||e.style.getPropertyPriority(`visibility`)!==`important`)&&e.style.setProperty(`visibility`,`hidden`,`important`))},f=()=>{if(!(!a||u()))for(let e of n.querySelectorAll(qb))e instanceof r.HTMLElement&&d(e)},p=()=>{!a||u()?l():f()},m=()=>{let e=Array.from(n.querySelectorAll(Jb));if(!(e.length===o.length&&e.every((e,t)=>e===o[t]))){if(s?.disconnect(),s=null,o=e,e.length>0){s=new r.MutationObserver(p);for(let t of e)s.observe(t,{childList:!0,subtree:!0})}p()}};m();let h=new r.MutationObserver(e=>{let t=!1;for(let n of e){for(let e of n.addedNodes)e instanceof r.HTMLElement&&(e.matches(Jb)&&(t=!0),d(e));for(let e of n.removedNodes)e instanceof r.HTMLElement&&e.matches(Jb)&&(t=!0)}t&&m()});h.observe(n,{childList:!0});let g=e.state.subscribe(()=>{let t=e.state.get(`mesurer.arrange.active`)??!1;t!==a&&(a=t,p())});p(),e.lifecycle.onDispose(()=>{h.disconnect(),s?.disconnect(),s=null,o=[],g.dispose(),l()})},Zb=()=>{let e=Gb();return{...e,async setup(t){await e.setup(t);let n=t.service.get(nb);if(!n)throw Error(`Edit movement presentation policy requires the movement service.`);let r=t.service.get(`runtime:solid`);if(!r)throw Error(`Edit movement presentation policy requires the Solid renderer runtime.`);Kb(t,n,r.ownerWindow),Xb(t,r)}}},Qb=(e,t,n,r)=>wc({id:`mesurer.${e}`,version:`0.1.0`,provides:[`tool:${e}`],setup(i){i.tool.register({id:e,builtin:e,label:t,shortcut:n,order:r,command:`builtin.${e}`})}}),$b=()=>Qb(`select`,`Select`,`S`,10),ex=()=>Qb(`xray`,`X-ray`,`X`,20),tx=()=>Qb(`color-picker`,`Color picker`,`P`,30),nx=()=>Qb(`rulers`,`Rulers`,`R`,40),rx=()=>Qb(`responsive`,`Responsive`,`B`,65),ix=()=>Qb(`text-inspector`,`Typography`,`A`,50),ax=()=>Qb(`guides`,`Guides`,`G`,60),ox=()=>Qb(`settings`,`Settings`,`⌘/Ctrl+,`,90),sx=()=>wc({id:`mesurer.distance`,version:`0.1.0`,provides:[`overlay:distance`,`settings:selection-spacing`],setup(e){e.overlay.register({id:`distance`,builtin:`distance`,order:30}),e.settings.register({id:`selection-spacing`,label:`Selection spacing`,builtin:`distance`,order:30})}}),cx=()=>[$b(),ex(),tx(),nx(),ix(),ax(),rx(),sx(),ox()];function lx(e=[],t=[]){let n=new Set(t.map(e=>`mesurer.${e}`));return[...cx().filter(e=>!n.has(e.id)),...e]}var ux=`arrange.toggle`,dx=`builtin.select`;function fx(e,t){let n=t.createWorkspaceRuntime(),r=!1,i=0,a=!1,o=e.state.get(`mesurer.arrange.active`)??!1,s=t.currentToolMode?.(),c=!1,l=!1,u=()=>{r||i||(i=t.ownerWindow.requestAnimationFrame(()=>{if(i=0,r||a)return;let n=t.currentToolMode?.(),o=e.state.get(`mesurer.arrange.active`)??!1;if(n===void 0||!o){c=!1,l=!1;return}if(n===`select`||n===`guides`){c=!1,l=!1;return}a=!0;let s=l?ux:c?dx:ux,d=s===dx?`arrange-requires-select`:`select-deactivated`;c=!1,l=!1,e.command.execute(s,void 0,{source:d}).catch(()=>void 0).finally(()=>{a=!1,u()})}))},d=()=>{let e=t.currentToolMode?.();(s===`select`||s===`guides`)&&e!==void 0&&e!==`select`&&e!==`guides`&&(l=!0),s=e,u()},f=()=>{let t=e.state.get(`mesurer.arrange.active`)??!1;t&&!o&&(c=!0),o=t,u()},p=n.subscribe(d),m=e.state.subscribe(f);u(),e.lifecycle.onDispose(()=>{r=!0,i&&t.ownerWindow.cancelAnimationFrame(i),i=0,m.dispose(),p(),n.dispose()})}var px=80,mx=8,hx=8,gx=0,_x=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),vx=e=>{let t=Number.parseFloat(e.style.left)||0,n=Number.parseFloat(e.style.top)||0,r=Number.parseFloat(e.style.width)||e.getBoundingClientRect().width,i=Number.parseFloat(e.style.height)||e.getBoundingClientRect().height;return{left:t,top:n,right:t+r,bottom:n+i,width:r,height:i}},yx=(e,t,n,r)=>{let i=vx(e);return t.parentNode===n.body?{...i,left:i.left-r.scrollX,right:i.right-r.scrollX,top:i.top-r.scrollY,bottom:i.bottom-r.scrollY}:i},bx=(e,t,n=5)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,xx=e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0,Sx=e=>!!(e.CSS?.supports(`anchor-name: --mesurer-native-anchor`)&&e.CSS.supports(`position-anchor: --mesurer-native-anchor`)&&e.CSS.supports(`left: anchor(left)`)&&e.CSS.supports(`width: anchor-size(width)`)),Cx=(e,t,n)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==`important`)&&e.style.setProperty(t,n,`important`)},wx=e=>{e&&(delete e.dataset.mesurerNativeScrollAnchor,delete e.dataset.mesurerNativeScrollOwner,e.style.removeProperty(`position-anchor`),e.style.removeProperty(`--mesurer-native-anchor-x`),e.style.removeProperty(`--mesurer-native-anchor-y`))},Tx=(e,t,n)=>{let r=[],i=e;for(;i instanceof n.HTMLElement&&(r.push(i),i!==t);)i=i.parentElement;return r},Ex=(e,t,n,r)=>{if(!xx(e))return null;let i=Math.min(Math.max(e.left+e.width/2,0),Math.max(0,n.innerWidth-1)),a=Math.min(Math.max(e.top+e.height/2,0),Math.max(0,n.innerHeight-1)),o=new Set;for(let s of t.elementsFromPoint(i,a))for(let t of Tx(s,r,n))if(!(o.has(t)||(o.add(t),t!==r&&!r.contains(t))||t.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`))&&bx(_x(t.getBoundingClientRect()),e))return t;return null},Dx=(e,t)=>t.map(t=>({property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)})),Ox=(e,t)=>{for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)},kx=(e,t,n=`none`)=>{let r=e.body,i=t.parentNode,a=i&&i!==r?e.createComment(`mesurer-document-scroll-layer`):null;a&&i&&i.insertBefore(a,t),t.parentNode!==r&&r.append(t);let o=Dx(t,n===`selection-root`?[`display`,`position`,`left`,`top`,`width`,`height`]:n===`runtime`||n===`inspector-overlay`?[`display`,`position`,`inset`,`width`,`height`]:[]);n===`selection-root`?(Cx(t,`display`,`block`),Cx(t,`position`,`absolute`),Cx(t,`left`,`0px`),Cx(t,`top`,`0px`),Cx(t,`width`,`100vw`),Cx(t,`height`,`0px`)):(n===`runtime`||n===`inspector-overlay`)&&(Cx(t,`display`,`block`),Cx(t,`position`,`static`),Cx(t,`inset`,`auto`),Cx(t,`width`,`0px`),Cx(t,`height`,`0px`));let s=!1;return{element:t,release(){s||(s=!0,Ox(t,o),a?.parentNode&&(t.isConnected&&a.parentNode.insertBefore(t,a),a.remove()))}}};function Ax(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r;if(!Sx(o)||a instanceof o.ShadowRoot||i instanceof o.ShadowRoot||a.getRootNode()!==n||i.getRootNode()!==n||!n.body)return;let s=df(n),c=t.createWorkspaceRuntime(),l=new Map,u=new Map,d=new Map,f=new Map,p=new Map,m=new Map,h=null,g=null,_=!1,v=!1,y=0,b=0,x=!1,S=0,C=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),w=C.item(C.length-1),T=w?.isConnected?kx(n,w,`runtime`):null;w&&(w.dataset.mesurerNativeScrollRuntimeLayer=`true`);let E=n.createElement(`style`);E.dataset.mesurerNativeScrollAnchoring=`true`,E.dataset.mesurerInspectorUi=`true`,E.textContent=`
|
|
2426
|
+
`,n.head.append(m);let h=()=>{for(let e of p.values())e.remove();p.clear()},g=new Map,_=e=>{let t=new Set(e);for(let[e,n]of g)t.has(e)&&e.isConnected||(n.outline?e.style.setProperty(`outline`,n.outline,n.outlinePriority):e.style.removeProperty(`outline`),n.offset?e.style.setProperty(`outline-offset`,n.offset,n.offsetPriority):e.style.removeProperty(`outline-offset`),g.delete(e));for(let e of t)g.has(e)||(g.set(e,{outline:e.style.getPropertyValue(`outline`),outlinePriority:e.style.getPropertyPriority(`outline`),offset:e.style.getPropertyValue(`outline-offset`),offsetPriority:e.style.getPropertyPriority(`outline-offset`)}),e.style.setProperty(`outline`,`1px solid #0d99ff`,`important`),e.style.setProperty(`outline-offset`,`-1px`,`important`))},v=e=>{let t=n.body;if(!t||!e.length||!r.CSS?.supports(`left: anchor(left)`))return h(),!1;let i=Array.from(t.children).filter(e=>e instanceof c.HTMLElement&&e.dataset.mesurerSelectedMeasurement===`true`&&e.dataset.mesurerSelectionGroup!==`true`).flatMap(t=>{let r=t.querySelector(`[data-mesurer-measurement-chrome='true']`),i=r?.style.getPropertyValue(`position-anchor`).trim();return!r||r.dataset.mesurerNativeScrollAnchor!==`box`||!i?[]:e.find(e=>e.getRootNode()===n&&e.style.getPropertyValue(`anchor-name`).split(`,`).some(e=>e.trim()===i))?[{chrome:r,anchor:i}]:[]});if(i.length!==e.length)return h(),!1;let a=new Set(i.map(({chrome:e})=>e));for(let[e,t]of p)a.has(e)||(t.remove(),p.delete(e));for(let{chrome:e,anchor:r}of i){let i=p.get(e);i||(i=n.createElement(`div`),i.dataset.mesurerArrangeNativeStroke=`true`,i.dataset.mesurerInspectorUi=`true`,i.style.cssText=`position:absolute!important;left:anchor(left)!important;top:anchor(top)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;box-sizing:border-box;border:1px solid #0d99ff;pointer-events:none;z-index:2147482801;transition:none;animation:none;`,p.set(e,i),t.append(i)),i.style.getPropertyValue(`position-anchor`)!==r&&i.style.setProperty(`position-anchor`,r,`important`)}return!0},y=new Map,b=new Map,x=new Map,S=new Map,C=new Map,w={intentId:null,state:`desired`},T=null,E=null,D=null,O=!1,k=0,A=null,j=()=>e.state.get(`mesurer.arrange.intents`)??{intents:[]},M=()=>e.state.get(`mesurer.arrange.active`)??!1,N=()=>{let t=e.state.get(sb);return{snapping:t?.snapping??!0,elementEdges:t?.elementEdges??!0,elementCenters:t?.elementCenters??!0,guides:t?.guides??!0,preferXrayEdges:t?.preferXrayEdges??!0,snapLines:t?.snapLines??!0}},P=t=>{e.state.update(sb,e=>({...e,...t}))},F=()=>Ib(r),I=()=>j().intents.filter(e=>e.pageUrl===F()),L=e=>!!e.closest(`[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']`),R=e=>pu(e,o)&&!L(e),z=e=>{let t=[];o instanceof c.HTMLElement&&o.matches(e)&&!L(o)&&t.push(o);for(let n of o.querySelectorAll(e))n instanceof c.HTMLElement&&R(n)&&t.push(n);return t},B=(e,t)=>e.localName!==t.fingerprintTag||t.fingerprintId&&e.id!==t.fingerprintId||t.fingerprintTestId&&e.getAttribute(`data-testid`)!==t.fingerprintTestId||t.fingerprintRole&&e.getAttribute(`role`)!==t.fingerprintRole||t.fingerprintAriaLabel&&e.getAttribute(`aria-label`)!==t.fingerprintAriaLabel?!1:t.fingerprintClasses.every(t=>e.classList.contains(t)),V=e=>{let t=Rb(e),n=b.get(e.selector);if(n&&n.isConnected&&R(n)&&B(n,e))return n;if(n&&b.delete(e.selector),!_u(t))return null;let r=[];try{r=z(e.selector).filter(e=>vu(e,t))}catch{return null}if(r.length!==1)return null;if(!t.id&&!t.testId){let e=[];try{e=z(t.tag).filter(e=>vu(e,t))}catch{return null}if(e.length!==1||e[0]!==r[0])return null}return r[0]??null},ee={value:`none`,priority:`important`},H=e=>{let t=Vb(e,`transition-property`);(!x.get(e)||!Ub(t,ee))&&x.set(e,t),Ub(t,ee)||e.style.setProperty(`transition-property`,ee.value,ee.priority)},U=e=>{let t=x.get(e);t&&(Ub(Vb(e,`transition-property`),ee)&&(t.value||t.priority?e.style.setProperty(`transition-property`,t.value,t.priority):e.style.removeProperty(`transition-property`)),x.delete(e))},W=e=>{for(let t of x.keys())e.has(t)||U(t)},te=()=>{for(let e of x.keys())U(e)},ne=()=>{for(let e of y.values())Gb(e);y.clear()},re=()=>{O||i.refreshSelectionGeometry()},ie=()=>{let e=y.size>0;ne(),te(),e&&re()},ae=()=>{u.style.display=`none`,d.style.display=`none`},oe=(e,t,n)=>{if(ae(),N().snapLines){if(e){let t=Math.min(n.top,e.start),r=Math.max(n.top+n.height,e.end);u.style.display=`block`,u.style.left=`${e.position}px`,u.style.top=`${t}px`,u.style.height=`${Math.max(1,r-t)}px`}if(t){let e=Math.min(n.left,t.start),r=Math.max(n.left+n.width,t.end);d.style.display=`block`,d.style.left=`${e}px`,d.style.top=`${t.position}px`,d.style.width=`${Math.max(1,r-e)}px`}}},se=()=>!!(n.querySelector(Eb)||s.querySelector(Eb)),ce=()=>{for(let[e,t]of S)t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`);S.clear()},le=()=>{if(se()){ce();return}if(!(S.size>0))for(let e of s.querySelectorAll(`[data-mesurer-measurement='true']`))e instanceof c.HTMLElement&&(e.matches(`[data-mesurer-selected-measurement='true'][data-mesurer-inspector-ui='true']`)&&e.getRootNode()===n&&e.parentElement===n.body||(S.set(e,{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}),e.style.setProperty(`visibility`,`hidden`,`important`)))},ue=e=>{if(e.parentElement instanceof c.HTMLElement)return e.parentElement;let t=e.getRootNode();return t instanceof c.ShadowRoot&&t.host instanceof c.HTMLElement?t.host:null},de=(e,t)=>{let n=ue(e);for(;n;){let e=t.get(n);if(e)return e;n=ue(n)}return{x:0,y:0}},fe=(e=I())=>{let t=new Map;for(let n of e)for(let e of n.targets){let n=V(e);n&&t.set(n,e)}return t},pe=e=>e.offsetSpace!==`local`||e.desiredLocalOffsetX===null||e.desiredLocalOffsetY===null?null:{x:e.desiredLocalOffsetX,y:e.desiredLocalOffsetY},me=(e,t)=>{let n=ue(e);for(;n;){if(t.has(n))return n;n=ue(n)}return null},he=(e=I(),t=new Map)=>{let n=fe(e),r=new Set([...n.keys(),...t.keys()]),i=new Map,a=new Set,o=e=>{let s=i.get(e);if(s)return s;let c=n.get(e),l=t.get(e)??(c?pe(c):null);if(!l&&c){let t={x:c.desiredOffsetX,y:c.desiredOffsetY};return i.set(e,t),t}if(!l)return{x:0,y:0};if(a.has(e))return l;a.add(e);let u=me(e,r),d=u?o(u):{x:0,y:0},f={x:d.x+l.x,y:d.y+l.y};return a.delete(e),i.set(e,f),f};for(let e of r)o(e);return i},ge=()=>{if(w.state===`live`)return new Map;if(!w.intentId)return he();let e=j().intents.find(e=>e.id===w.intentId);if(!e)return he();let t=new Map;for(let n of e.targets){let e=V(n);e&&t.set(e,w.state===`before`?{x:n.beforeOffsetX,y:n.beforeOffsetY}:{x:n.desiredOffsetX,y:n.desiredOffsetY})}return t},_e=e=>{let t=[...e].flatMap(([t,n])=>{if(!t.isConnected||!R(t))return[];let r=de(t,e),i={x:n.x-r.x,y:n.y-r.y};return i.x===0&&i.y===0?[]:[{element:t,offset:i}]}),n=new Set(t.map(({element:e})=>e));for(let{element:e}of t)H(e);let i=new Map([...y].map(([e,t])=>[e,t.appliedTransform]));ne();for(let{element:e,offset:n}of t){let t=Hb(e),i=r.getComputedStyle(e).transform,a=i&&i!==`none`?` ${i}`:``;e.style.setProperty(`transform`,`translate3d(${n.x}px, ${n.y}px, 0)${a}`,`important`),y.set(e,{element:e,beforeTransform:t,appliedTransform:Hb(e)})}W(n),(i.size!==y.size||[...y].some(([e,t])=>i.get(e)!==t.appliedTransform))&&re()},ve=()=>_e(ge()),ye=e=>{ne();try{return e()}finally{!O&&!T&&ve()}},be=()=>i.currentSelection().elements.filter(e=>e instanceof c.HTMLElement&&e.isConnected&&R(e));e.state.register({id:hb,initial:be().length>0});let xe=()=>e.state.get(hb)??!1,Se=()=>{let t=be().length>0;t!==xe()&&e.state.update(hb,()=>t)},Ce=()=>Ab(be().map(e=>Yl(e))),we=()=>{for(let e of C.values())e.remove();C.clear()},Te=e=>{let t=e.getBoundingClientRect(),n=t.right+Sb;n+xb>r.innerWidth-4&&(n=Math.max(4,t.left-xb-Sb));let i=Math.min(Math.max(4,t.top+Cb),Math.max(4,r.innerHeight-xb-4));return{left:n,top:i}},Ee=()=>{if(!M()||T){we();return}let t=I(),r=fe(t),i=he(t),a=new Set;for(let t of be()){let o=r.get(t);if(!o)continue;let s=i.get(t);if(!s)continue;let c=de(t,i),u=pe(o)??{x:s.x-c.x,y:s.y-c.y};if(Math.abs(u.x)<=wb&&Math.abs(u.y)<=wb)continue;a.add(t);let d=C.get(t);d||(d=n.createElement(`button`),d.type=`button`,d.dataset.mesurerArrangeReset=`true`,d.dataset.mesurerInspectorUi=`true`,d.setAttribute(`aria-label`,`Reset position`),d.title=`Reset position`,d.textContent=`↺`,d.className=`msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]`,d.style.position=`fixed`,d.addEventListener(`pointerdown`,e=>e.stopPropagation()),d.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),D=[t],e.command.execute(pb,void 0,{source:`arrange-reset-button`}).catch(()=>{D=null})}),C.set(t,d),l.append(d));let f=Te(t);d.style.left=`${f.left}px`,d.style.top=`${f.top}px`}for(let[e,t]of C)a.has(e)||(t.remove(),C.delete(e))},De=t=>{let n=new Set(t);n.size&&(e.state.update(`mesurer.arrange.intents`,e=>{let t=!1,r=e.intents.flatMap(e=>{if(e.pageUrl!==F())return[e];let r=e.targets.filter(e=>{let r=V(e),i=r!==null&&n.has(r);return i&&(t=!0),!i});return r.length?r.length===e.targets.length?[e]:[{...e,targets:r}]:[]});return t?{intents:r}:e}),je(),Ae())},Oe=()=>{e.state.update(ab,e=>{let t=e.intents.filter(e=>e.pageUrl!==F());return t.length===e.intents.length?e:{intents:t}}),je(),Ae()},ke=e=>{let t=N();if(!t.snapping)return[];let n=[],a=new Set(e),s=i.snapshot(),l=s.xrayVisible&&t.preferXrayEdges&&t.elementEdges,u=0,d=i=>{if(u>=yb||a.has(i)||e.some(e=>e.contains(i))||!R(i))return;let o=r.getComputedStyle(i);if(o.display===`none`||o.visibility===`hidden`||o.visibility===`collapse`)return;let s=o.outlineStyle===`solid`&&(Number.parseFloat(o.outlineWidth)||0)>0;if(l&&!s)return;let c=Yl(i);if(c.width<=0||c.height<=0)return;let d=vb;if(c.left+c.width<-160||c.top+c.height<-160||c.left>r.innerWidth+d||c.top>r.innerHeight+d)return;u+=1;let f=c.left+c.width,p=c.top+c.height;if(t.elementEdges){for(let e of[c.left,f])n.push({axis:`x`,position:e,start:c.top,end:p,source:`element`,kind:`edge`});for(let e of[c.top,p])n.push({axis:`y`,position:e,start:c.left,end:f,source:`element`,kind:`edge`})}t.elementCenters&&!l&&(n.push({axis:`x`,position:c.left+c.width/2,start:c.top,end:p,source:`element`,kind:`center`}),n.push({axis:`y`,position:c.top+c.height/2,start:c.left,end:f,source:`element`,kind:`center`}))};if(t.elementEdges||t.elementCenters){o instanceof c.HTMLElement&&d(o);for(let e of o.querySelectorAll(`*`)){if(u>=yb)break;e instanceof c.HTMLElement&&d(e)}}if(t.guides)for(let e of s.guides)e.orientation===`vertical`?n.push({axis:`x`,position:e.position,start:0,end:r.innerHeight,source:`guide`,kind:`guide`}):n.push({axis:`y`,position:e.position,start:0,end:r.innerWidth,source:`guide`,kind:`guide`});return n},Ae=e=>{if(!M()){h(),_([]),f.style.display=`none`,we();return}let t=be(),n=se(),r=t.length>1&&!n;_(r?t:[]),r&&h();let i=r||v(t);if(se()){for(let e of p.values())e.style.display=`none`;f.style.display=`none`,we();return}for(let e of p.values())e.style.removeProperty(`display`);f.style.borderColor=i?`transparent`:`#0d99ff`;let a=e===void 0?Ce():e;if(!a){f.style.display=`none`,we();return}f.style.display=`block`,f.style.left=`${a.left}px`,f.style.top=`${a.top}px`,f.style.width=`${a.width}px`,f.style.height=`${a.height}px`,T?we():Ee()},je=()=>{w={intentId:null,state:`desired`},ve(),ae(),M()?le():ce()},Me=()=>{w={intentId:null,state:`live`},ie(),ae(),ce()},Ne=()=>{O||T||(ve(),ae(),M()?le():ce(),Ae())},Pe=()=>{k||O||(k=r.requestAnimationFrame(()=>{k=0,Ne()}))},Fe=async()=>{if(s.querySelector(`[data-mesurer-builtin='select'] button`)?.getAttribute(`aria-pressed`)===`true`)return;let t=i.currentSelection().elements;await e.command.execute(lb,void 0,{source:`arrange`});let n=new Set(i.currentSelection().elements);for(let e of t)n.has(e)||i.toggleSelection(e)},Ie=e=>{if(!M()||e.button!==0)return;let r=be();if(!r.length)return;let a=n.elementsFromPoint&&(!(o instanceof c.ShadowRoot)||o.elementsFromPoint)?mu(t.rendererRoot??null,()=>mu(l,()=>fu({x:e.clientX,y:e.clientY},o,n))):null,s=e.shiftKey?a:null;if(e.shiftKey&&s instanceof c.HTMLElement&&R(s)&&!r.includes(s)){e.preventDefault(),e.stopPropagation(),i.toggleSelection(s);return}e.preventDefault(),e.stopPropagation(),w={intentId:null,state:`desired`},ve();let u=fe(I()),d=he(I()),p=new Set(r);ne();let m=r.map((e,t)=>{let n=Yl(e),r=de(e,d),i=d.get(e)??r,a=u.get(e),o=(a?pe(a):null)??{x:i.x-r.x,y:i.y-r.y},s=Ob(n,i),c=gu(e);return{element:e,movesDirectly:me(e,p)===null,target:{id:`target-${t+1}`,selector:hu(e),fingerprintTag:c.tag,fingerprintId:c.id,fingerprintTestId:c.testId,fingerprintRole:c.role,fingerprintAriaLabel:c.ariaLabel,fingerprintClasses:[...c.classes],fingerprintText:c.text,beforeLeft:s.left,beforeTop:s.top,beforeWidth:s.width,beforeHeight:s.height,desiredLeft:s.left,desiredTop:s.top,desiredWidth:s.width,desiredHeight:s.height,beforeOffsetX:i.x,beforeOffsetY:i.y,desiredOffsetX:i.x,desiredOffsetY:i.y,offsetSpace:`local`,beforeLocalOffsetX:o.x,beforeLocalOffsetY:o.y,desiredLocalOffsetX:o.x,desiredLocalOffsetY:o.y}}}),h=Ab(m.map(({target:e})=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight})));if(!h){ve();return}ve(),le(),ae(),T={pointerId:e.pointerId,originX:e.clientX,originY:e.clientY,targets:m,groupBefore:h,snapCandidates:ke(r),pressTarget:a instanceof c.HTMLElement&&R(a)?a:null,shiftToggleElement:e.shiftKey&&s instanceof c.HTMLElement&&r.includes(s)?s:null,moved:!1,dx:0,dy:0},Ae(h),f.style.cursor=`grabbing`,f.setPointerCapture?.(e.pointerId)},Le=(e,t,n)=>{let r=new Map;for(let i of e.targets){let e={x:i.target.beforeLocalOffsetX??0,y:i.target.beforeLocalOffsetY??0};r.set(i.element,i.movesDirectly?{x:e.x+t,y:e.y+n}:e)}return r},Re=e=>{if(!T||e.pointerId!==T.pointerId)return;let t=e.clientX-T.originX,n=e.clientY-T.originY,r=null;if(!T.moved){if(Math.hypot(t,n)<Tb)return;T.moved=!0}e.shiftKey&&(Math.abs(t)>=Math.abs(n)?(n=0,r=`x`):(t=0,r=`y`));let i=Ob(T.groupBefore,{x:t,y:n}),a=r===`y`?null:Fb(`x`,i,T.snapCandidates),o=r===`x`?null:Fb(`y`,i,T.snapCandidates);t+=a?.delta??0,n+=o?.delta??0,T.dx=t,T.dy=n;let s=he(I(),Le(T,t,n));_e(s);let c=Ob(T.groupBefore,{x:t,y:n});Ae(c),oe(a,o,c)},ze=()=>{if(!T)return;let e=T.pointerId;T=null,f.hasPointerCapture?.(e)&&f.releasePointerCapture(e),f.style.cursor=`grab`,je(),Ae()},Be=t=>{if(!T||t.pointerId!==T.pointerId)return;t.preventDefault(),t.stopPropagation();let n=T;if(T=null,f.hasPointerCapture?.(t.pointerId)&&f.releasePointerCapture(t.pointerId),f.style.cursor=`grab`,ae(),!n.moved){if(n.shiftToggleElement)i.toggleSelection(n.shiftToggleElement);else if(n.pressTarget&&!n.targets.some(({element:e})=>e===n.pressTarget))try{i.select([hu(n.pressTarget)])}catch{i.clearSelection(),i.toggleSelection(n.pressTarget)}je(),Ae();return}let a=he(I(),Le(n,n.dx,n.dy));E={id:Lb(r,`arrange`),createdAt:Date.now(),pageUrl:F(),targets:n.targets.map(({element:e,movesDirectly:t,target:r})=>{let i={x:r.beforeLocalOffsetX??0,y:r.beforeLocalOffsetY??0},o=t?{x:i.x+n.dx,y:i.y+n.dy}:i,s=a.get(e)??{x:r.beforeOffsetX+n.dx,y:r.beforeOffsetY+n.dy};return{...r,desiredLeft:r.beforeLeft+n.dx,desiredTop:r.beforeTop+n.dy,desiredOffsetX:s.x,desiredOffsetY:s.y,desiredLocalOffsetX:o.x,desiredLocalOffsetY:o.y}})};for(let{element:e,target:t}of n.targets)b.set(t.selector,e);e.command.execute(db).catch(()=>{E=null,je(),Ae()})},Ve=e=>{!T||e.pointerId!==T.pointerId||ze()},He=e=>mu(l,()=>jv({x:e.clientX,y:e.clientY},t.rendererRoot??null,n,o)),Ue=e=>{if(!M())return;if(T||e.buttons!==0||se()){i.clearHover();return}let n=e.composedPath();if(!n.includes(f)&&t.rendererRoot&&n.includes(t.rendererRoot))return;let r=He(e);i.setHover(r instanceof c.HTMLElement&&R(r)?r:null)},We=t=>{if(t.key!==`Escape`||!M()&&!T||Kb(t.target)||s.querySelector(`[data-mesurer-tool-menu]`))return;if(t.preventDefault(),t.stopImmediatePropagation(),T){ze();return}let n=i.currentSelection();if(n.elements.length>0||n.region){i.clearSelection(),Ae();return}e.state.update(ob,()=>!1),Me(),Ae(),e.command.execute(lb,void 0,{source:`arrange-escape`}).catch(()=>void 0)};f.addEventListener(`pointerdown`,Ie),f.addEventListener(`pointermove`,Re),f.addEventListener(`pointerup`,Be),f.addEventListener(`pointercancel`,Ve),r.addEventListener(`pointermove`,Ue,!0),r.addEventListener(`keydown`,We,!0),r.addEventListener(`dblclick`,Pe,!0),r.addEventListener(`keyup`,Pe,!0),r.addEventListener(`pointerup`,Pe,!0),r.addEventListener(`resize`,Pe),r.addEventListener(`scroll`,Pe,!0),o.addEventListener(`scroll`,Pe,!0),A=new c.MutationObserver(()=>{Se(),Pe()}),A.observe(o,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`]});let Ge=i.subscribe(()=>{Se(),Pe()}),Ke=e.state.subscribe(Pe),qe=mf(n,()=>{!O&&M()&&!T&&Ae()}),Je=e=>j().intents.find(t=>t.id===e)??null,Ye=(e,t)=>{let n=null;if(n=t===`before`?Ab(e.targets.map(e=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight}))):t===`desired`?Ab(e.targets.map(e=>({left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight}))):ye(()=>Ab(e.targets.map(e=>V(e)).filter(e=>e!==null).map(e=>Yl(e)))),!n)throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);let i=Math.max(0,n.left-_b),a=Math.max(0,n.top-_b),o=Math.min(r.innerWidth,n.left+n.width+_b),s=Math.min(r.innerHeight,n.top+n.height+_b);return{left:i,top:a,width:Math.max(0,o-i),height:Math.max(0,s-a)}},Xe={active:M,intents:()=>j().intents.map(Bb),intent(e){let t=Je(e);return t?Bb(t):null},show(e,t){if(!Je(e))throw Error(`Edit intent not found: ${e}`);w={intentId:e,state:t},Ne()},showCurrent(){w={intentId:null,state:`desired`},Ne()},capturePlan(e,t){let n=Je(e);if(!n)throw Error(`Edit intent not found: ${e}`);return{schema:`mesurer.arrange-capture/v1`,arrangeId:e,state:t,chrome:`hide`,captures:[{id:`viewport`,kind:`viewport`},{id:`focus`,kind:`clip`,rect:Ye(n,t)}]}},review:(e,t=gb)=>{let n=Je(e);if(!n)throw Error(`Edit movement intent not found: ${e}`);let r=ye(()=>n.targets.map(e=>{let n=V(e),r={left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight};if(!n)return{targetId:e.id,selector:e.selector,desired:r,current:null,delta:null,matched:!1};let i=Yl(n),a=kb(i,r),o=Math.abs(a.left)<=t&&Math.abs(a.top)<=t&&Math.abs(a.width)<=t&&Math.abs(a.height)<=t;return{targetId:e.id,selector:e.selector,desired:r,current:i,delta:a,matched:o}})),i=r.filter(e=>e.current!==null).length,a=i===0?`stale`:i===r.length?`connected`:`partial`;return{schema:`mesurer.arrange-review/v1`,arrangeId:n.id,targetStatus:a,tolerance:t,matched:r.length>0&&r.every(e=>e.matched),targets:r}},resetSelection:async()=>{await e.command.execute(pb)},resetAll:async()=>{await e.command.execute(mb)},clear:async()=>{await e.command.execute(fb)}};e.tool.register({id:`arrange`,label:`Edit`,shortcut:`Shift+A`,order:65,command:ub,toolbarMode:`edit`,modeSwitch:!0,icon:Db,active:M,menu:{label:`Edit options`,items:[{id:`snapping`,label:`Snapping`,checked:()=>N().snapping,run:()=>P({snapping:!N().snapping})},{id:`element-edges`,label:`Element edges`,checked:()=>N().elementEdges,disabled:()=>!N().snapping,run:()=>P({elementEdges:!N().elementEdges})},{id:`element-centers`,label:`Element centers`,checked:()=>N().elementCenters,disabled:()=>!N().snapping,run:()=>P({elementCenters:!N().elementCenters})},{id:`guides`,label:`Guides`,checked:()=>N().guides,disabled:()=>!N().snapping,run:()=>P({guides:!N().guides})},{id:`prefer-xray-edges`,label:`Prefer X-ray edges`,checked:()=>N().preferXrayEdges,disabled:()=>!N().snapping||!N().elementEdges,run:()=>P({preferXrayEdges:!N().preferXrayEdges})},{id:`alignment-rulers`,label:`Alignment rulers`,checked:()=>N().snapLines,disabled:()=>!N().snapping,run:()=>P({snapLines:!N().snapLines})},{id:`reset-all-positions`,label:`Reset all positions`,disabled:()=>I().length===0,run:async()=>{await e.command.execute(mb,void 0,{source:`arrange-menu`})}}]}}),e.settings.register({id:`arrange`,label:`Edit`,order:35,controls:[{type:`toggle`,id:`snapping`,label:`Snapping`,description:`Magnetically align dragged selections to nearby layout anchors.`,value:()=>N().snapping,set:e=>P({snapping:e})},{type:`toggle`,id:`element-edges`,label:`Element edges`,description:`Snap left/right and top/bottom edges to nearby elements.`,value:()=>N().elementEdges,set:e=>P({elementEdges:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`element-centers`,label:`Element centers`,description:`Snap center-to-center when X-ray edge preference is not active.`,value:()=>N().elementCenters,set:e=>P({elementCenters:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`guides`,label:`Guides`,description:`Snap to existing Mesurer guides.`,value:()=>N().guides,set:e=>P({guides:e}),disabled:()=>!N().snapping},{type:`toggle`,id:`prefer-xray-edges`,label:`Prefer X-ray edges`,description:`When X-ray is on, use its visible blue box edges as element snap targets.`,value:()=>N().preferXrayEdges,set:e=>P({preferXrayEdges:e}),disabled:()=>!N().snapping||!N().elementEdges},{type:`toggle`,id:`alignment-rulers`,label:`Alignment rulers`,description:`Show the red alignment ruler while a snap is active.`,value:()=>N().snapLines,set:e=>P({snapLines:e}),disabled:()=>!N().snapping}]}),e.command.register(ub,async()=>{let t=!M();if(t&&await Fe(),e.state.update(`mesurer.arrange.active`,()=>t),!t){T&&ze(),Me(),Ae();return}je(),Ae()}),e.command.register(db,()=>{let t=E;E=null,t&&(e.state.update(`mesurer.arrange.intents`,e=>({intents:[...e.intents,t].slice(-100)})),je(),Ae())}),e.command.register(pb,()=>{let e=D??be();D=null,De(e)}),e.command.register(mb,Oe),e.command.register(fb,()=>{e.state.update(ab,()=>({intents:[]})),w={intentId:null,state:`desired`},ie(),ae(),M()?le():ce(),Ae()}),e.service.provide(ib,Xe),ve(),Ae(),e.lifecycle.onDispose(()=>{O=!0,k&&r.cancelAnimationFrame(k),A?.disconnect(),A=null,f.removeEventListener(`pointerdown`,Ie),f.removeEventListener(`pointermove`,Re),f.removeEventListener(`pointerup`,Be),f.removeEventListener(`pointercancel`,Ve),r.removeEventListener(`pointermove`,Ue,!0),r.removeEventListener(`keydown`,We,!0),r.removeEventListener(`dblclick`,Pe,!0),r.removeEventListener(`keyup`,Pe,!0),r.removeEventListener(`pointerup`,Pe,!0),r.removeEventListener(`resize`,Pe),r.removeEventListener(`scroll`,Pe,!0),o.removeEventListener(`scroll`,Pe,!0),Ge(),qe(),Ke.dispose(),ie(),we(),ae(),ce(),h(),_([]),m.remove(),i.dispose(),a.dispose()})}}),Jb=(e,t,n)=>{let r=!1,i=0,a=null,o=null,s=()=>({visible:(e.state.get(`mesurer.arrange.active`)??!1)||eb(e).keepArrangeChanges,intents:e.state.get(`mesurer.arrange.intents`)?.intents??[]}),c=(e,t)=>e?.visible===t.visible&&e.intents===t.intents,l=e=>{if(a=e,e.visible){t.showCurrent();return}let n=e.intents.at(-1);n&&t.show(n.id,`live`)},u=()=>{if(i=0,r||!o)return;let e=o;o=null,c(a,e)||l(e)},d=e.state.subscribe(()=>{if(r)return;let e=s();c(o??a,e)||(o=e,i||=n.requestAnimationFrame(u))});l(s()),e.lifecycle.onDispose(()=>{r=!0,i&&n.cancelAnimationFrame(i),i=0,o=null,d.dispose()})},Yb=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-inspector-ui='true']`].join(``),Xb=`[data-mesurer-text-edit-runtime='true']`,Zb=`[data-mesurer-text-editor='true']`,Qb=(e,t)=>{let n=t.ownerDocument.body;if(!n)return;let r=t.ownerWindow,i=new Map,a=e.state.get(`mesurer.arrange.active`)??!1,o=[],s=null,c=e=>e.matches(Yb)&&e.getRootNode()===t.ownerDocument&&e.parentElement===n,l=()=>{for(let[e,t]of i)e.isConnected&&(t.value||t.priority?e.style.setProperty(`visibility`,t.value,t.priority):e.style.removeProperty(`visibility`));i.clear()},u=()=>o.some(e=>e.isConnected&&!!e.querySelector(Zb)),d=e=>{!a||u()||!c(e)||(i.has(e)||i.set(e,{value:e.style.getPropertyValue(`visibility`),priority:e.style.getPropertyPriority(`visibility`)}),(e.style.getPropertyValue(`visibility`)!==`hidden`||e.style.getPropertyPriority(`visibility`)!==`important`)&&e.style.setProperty(`visibility`,`hidden`,`important`))},f=()=>{if(!(!a||u()))for(let e of n.querySelectorAll(Yb))e instanceof r.HTMLElement&&d(e)},p=()=>{!a||u()?l():f()},m=()=>{let e=Array.from(n.querySelectorAll(Xb));if(!(e.length===o.length&&e.every((e,t)=>e===o[t]))){if(s?.disconnect(),s=null,o=e,e.length>0){s=new r.MutationObserver(p);for(let t of e)s.observe(t,{childList:!0,subtree:!0})}p()}};m();let h=new r.MutationObserver(e=>{let t=!1;for(let n of e){for(let e of n.addedNodes)e instanceof r.HTMLElement&&(e.matches(Xb)&&(t=!0),d(e));for(let e of n.removedNodes)e instanceof r.HTMLElement&&e.matches(Xb)&&(t=!0)}t&&m()});h.observe(n,{childList:!0});let g=e.state.subscribe(()=>{let t=e.state.get(`mesurer.arrange.active`)??!1;t!==a&&(a=t,p())});p(),e.lifecycle.onDispose(()=>{h.disconnect(),s?.disconnect(),s=null,o=[],g.dispose(),l()})},$b=()=>{let e=qb();return{...e,async setup(t){await e.setup(t);let n=t.service.get(ib);if(!n)throw Error(`Edit movement presentation policy requires the movement service.`);let r=t.service.get(`runtime:solid`);if(!r)throw Error(`Edit movement presentation policy requires the Solid renderer runtime.`);Jb(t,n,r.ownerWindow),Qb(t,r)}}},ex=(e,t,n,r)=>wc({id:`mesurer.${e}`,version:`0.1.0`,provides:[`tool:${e}`],setup(i){i.tool.register({id:e,builtin:e,label:t,shortcut:n,order:r,command:`builtin.${e}`})}}),tx=()=>ex(`select`,`Select`,`S`,10),nx=()=>ex(`xray`,`X-ray`,`X`,20),rx=()=>ex(`color-picker`,`Color picker`,`P`,30),ix=()=>ex(`rulers`,`Rulers`,`R`,40),ax=()=>ex(`responsive`,`Responsive`,`B`,65),ox=()=>ex(`text-inspector`,`Typography`,`A`,50),sx=()=>ex(`guides`,`Guides`,`G`,60),cx=()=>ex(`settings`,`Settings`,`⌘/Ctrl+,`,90),lx=()=>wc({id:`mesurer.distance`,version:`0.1.0`,provides:[`overlay:distance`,`settings:selection-spacing`],setup(e){e.overlay.register({id:`distance`,builtin:`distance`,order:30}),e.settings.register({id:`selection-spacing`,label:`Selection spacing`,builtin:`distance`,order:30})}}),ux=()=>[tx(),nx(),rx(),ix(),ox(),sx(),ax(),lx(),cx()];function dx(e=[],t=[]){let n=new Set(t.map(e=>`mesurer.${e}`));return[...ux().filter(e=>!n.has(e.id)),...e]}var fx=`arrange.toggle`,px=`builtin.select`;function mx(e,t){let n=t.createWorkspaceRuntime(),r=!1,i=0,a=!1,o=e.state.get(`mesurer.arrange.active`)??!1,s=t.currentToolMode?.(),c=!1,l=!1,u=()=>{r||i||(i=t.ownerWindow.requestAnimationFrame(()=>{if(i=0,r||a)return;let n=t.currentToolMode?.(),o=e.state.get(`mesurer.arrange.active`)??!1;if(n===void 0||!o){c=!1,l=!1;return}if(n===`select`||n===`guides`){c=!1,l=!1;return}a=!0;let s=l?fx:c?px:fx,d=s===px?`arrange-requires-select`:`select-deactivated`;c=!1,l=!1,e.command.execute(s,void 0,{source:d}).catch(()=>void 0).finally(()=>{a=!1,u()})}))},d=()=>{let e=t.currentToolMode?.();(s===`select`||s===`guides`)&&e!==void 0&&e!==`select`&&e!==`guides`&&(l=!0),s=e,u()},f=()=>{let t=e.state.get(`mesurer.arrange.active`)??!1;t&&!o&&(c=!0),o=t,u()},p=n.subscribe(d),m=e.state.subscribe(f);u(),e.lifecycle.onDispose(()=>{r=!0,i&&t.ownerWindow.cancelAnimationFrame(i),i=0,m.dispose(),p(),n.dispose()})}var hx=80,gx=8,_x=8,vx=0,yx=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),bx=e=>{let t=Number.parseFloat(e.style.left)||0,n=Number.parseFloat(e.style.top)||0,r=Number.parseFloat(e.style.width)||e.getBoundingClientRect().width,i=Number.parseFloat(e.style.height)||e.getBoundingClientRect().height;return{left:t,top:n,right:t+r,bottom:n+i,width:r,height:i}},xx=(e,t,n,r)=>{let i=bx(e);return t.parentNode===n.body?{...i,left:i.left-r.scrollX,right:i.right-r.scrollX,top:i.top-r.scrollY,bottom:i.bottom-r.scrollY}:i},Sx=(e,t,n=5)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,Cx=e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0,wx=e=>!!(e.CSS?.supports(`anchor-name: --mesurer-native-anchor`)&&e.CSS.supports(`position-anchor: --mesurer-native-anchor`)&&e.CSS.supports(`left: anchor(left)`)&&e.CSS.supports(`width: anchor-size(width)`)),Tx=(e,t,n)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==`important`)&&e.style.setProperty(t,n,`important`)},Ex=e=>{e&&(delete e.dataset.mesurerNativeScrollAnchor,delete e.dataset.mesurerNativeScrollOwner,e.style.removeProperty(`position-anchor`),e.style.removeProperty(`--mesurer-native-anchor-x`),e.style.removeProperty(`--mesurer-native-anchor-y`))},Dx=(e,t,n)=>{let r=[],i=e;for(;i instanceof n.HTMLElement&&(r.push(i),i!==t);)i=i.parentElement;return r},Ox=(e,t,n,r)=>{if(!Cx(e))return null;let i=Math.min(Math.max(e.left+e.width/2,0),Math.max(0,n.innerWidth-1)),a=Math.min(Math.max(e.top+e.height/2,0),Math.max(0,n.innerHeight-1)),o=new Set;for(let s of t.elementsFromPoint(i,a))for(let t of Dx(s,r,n))if(!(o.has(t)||(o.add(t),t!==r&&!r.contains(t))||t.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`))&&Sx(yx(t.getBoundingClientRect()),e))return t;return null},kx=(e,t)=>t.map(t=>({property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)})),Ax=(e,t)=>{for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)},jx=(e,t,n=`none`)=>{let r=e.body,i=t.parentNode,a=i&&i!==r?e.createComment(`mesurer-document-scroll-layer`):null;a&&i&&i.insertBefore(a,t),t.parentNode!==r&&r.append(t);let o=kx(t,n===`selection-root`?[`display`,`position`,`left`,`top`,`width`,`height`]:n===`runtime`||n===`inspector-overlay`?[`display`,`position`,`inset`,`width`,`height`]:[]);n===`selection-root`?(Tx(t,`display`,`block`),Tx(t,`position`,`absolute`),Tx(t,`left`,`0px`),Tx(t,`top`,`0px`),Tx(t,`width`,`100vw`),Tx(t,`height`,`0px`)):(n===`runtime`||n===`inspector-overlay`)&&(Tx(t,`display`,`block`),Tx(t,`position`,`static`),Tx(t,`inset`,`auto`),Tx(t,`width`,`0px`),Tx(t,`height`,`0px`));let s=!1;return{element:t,release(){s||(s=!0,Ax(t,o),a?.parentNode&&(t.isConnected&&a.parentNode.insertBefore(t,a),a.remove()))}}};function Mx(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r;if(!wx(o)||a instanceof o.ShadowRoot||i instanceof o.ShadowRoot||a.getRootNode()!==n||i.getRootNode()!==n||!n.body)return;let s=df(n),c=t.createWorkspaceRuntime(),l=new Map,u=new Map,d=new Map,f=new Map,p=new Map,m=new Map,h=null,g=null,_=!1,v=!1,y=0,b=0,x=!1,S=0,C=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),w=C.item(C.length-1),T=w?.isConnected?jx(n,w,`runtime`):null;w&&(w.dataset.mesurerNativeScrollRuntimeLayer=`true`);let E=n.createElement(`style`);E.dataset.mesurerNativeScrollAnchoring=`true`,E.dataset.mesurerInspectorUi=`true`,E.textContent=`
|
|
2421
2427
|
/* The selected page element, not a document-level portal, paints its outline.
|
|
2422
2428
|
The source's own compositor scroll node can then move outline and text in
|
|
2423
2429
|
the same frame. The invisible portaled box remains usable for measurement
|
|
@@ -2477,7 +2483,7 @@ body:has([data-mesurer-text-editor="true"]) [data-mesurer-source-selection-paint
|
|
|
2477
2483
|
transition: none !important;
|
|
2478
2484
|
animation: none !important;
|
|
2479
2485
|
}
|
|
2480
|
-
`,n.head.append(E);let D=[`--mesurer-selected-source-outline`,`--mesurer-selected-source-fill`,`--mesurer-selected-source-background`,`--mesurer-selected-source-text`],O=(e,t)=>{let n=u.get(e);if(n)n.count+=1;else{let n=o.getComputedStyle(e),r=t.querySelector(`:scope > div`),i=r?o.getComputedStyle(r).backgroundColor:`#0d99ff`,a=o.getComputedStyle(t).backgroundColor,s=Dx(e,D);u.set(e,{count:1,previous:e.getAttribute(`data-mesurer-source-selection-paint`),styles:s}),e.style.setProperty(`--mesurer-selected-source-outline`,i),e.style.setProperty(`--mesurer-selected-source-fill`,a),e.style.setProperty(`--mesurer-selected-source-background`,n.backgroundImage),e.style.setProperty(`--mesurer-selected-source-text`,n.color),e.dataset.mesurerSourceSelectionPaint=`true`}let r=!1;return()=>{if(r)return;r=!0;let t=u.get(e);t&&(--t.count,!(t.count>0)&&(t.previous===null?e.removeAttribute(`data-mesurer-source-selection-paint`):e.setAttribute(`data-mesurer-source-selection-paint`,t.previous),Ox(e,t.styles),u.delete(e)))}},k=(e,t)=>{let n=t.original.trim(),r=Array.from(t.names),i=[n&&n!==`none`?n:``,...r].filter(Boolean).join(`, `);i?e.style.setProperty(`anchor-name`,i,t.originalPriority):e.style.removeProperty(`anchor-name`)},A=(e,t)=>{let n=l.get(e);n||(n={original:e.style.getPropertyValue(`anchor-name`),originalPriority:e.style.getPropertyPriority(`anchor-name`),names:new Set},l.set(e,n)),n.names.add(t),k(e,n);let r=!1;return()=>{if(r)return;r=!0;let n=l.get(e);if(n){if(n.names.delete(t),n.names.size){k(e,n);return}n.original?e.style.setProperty(`anchor-name`,n.original,n.originalPriority):e.style.removeProperty(`anchor-name`),l.delete(e)}}},j=(e,t)=>{let n=`--mesurer-${t}-${++gx}`;return{target:e,name:n,release:A(e,n)}},M=(e,t,n)=>{e.dataset.mesurerNativeScrollAnchor=n,Cx(e,`position-anchor`,t.name)},N=e=>{delete e.root.dataset.mesurerSourceSelectionOwner,wx(e.chrome),wx(e.label),e.releaseSourcePaint(),e.release(),e.placement.release()},P=(e,t,r,i)=>{let a=d.get(e);a&&N(a);let o=j(t,`selection`),s=kx(n,e,e.parentNode===n.body?`none`:`selection-root`),c={...o,root:e,chrome:r,label:i,placement:s,releaseSourcePaint:O(t,r)};e.dataset.mesurerSourceSelectionOwner=`true`,d.set(e,c),M(r,c,`box`),i&&M(i,c,`label`)},F=(e,t)=>t.find(t=>bx(_x(t.getBoundingClientRect()),e))||(t.length===1?t[0]:null),I=()=>Array.from(d.values(),e=>e.name).join(`|`),L=()=>{let e=I();R(),I()!==e&&hf(n)},R=()=>{let e=new Set;for(let t of d.keys())t.isConnected&&e.add(t);for(let t of a.querySelectorAll(`[data-mesurer-selected-measurement='true']`))t.dataset.mesurerSelectionGroup!==`true`&&e.add(t);let t=c.currentSelection().elements.filter(e=>e instanceof o.HTMLElement);for(let a of e){let e=d.get(a);if(e?.target.isConnected&&e.chrome.isConnected){if(M(e.chrome,e,`box`),e.label?.isConnected&&M(e.label,e,`label`),t.includes(e.target)||x)continue;let s=vf(e.chrome),c=yx(e.chrome,a,n,r),l=s instanceof o.HTMLElement&&s.isConnected?s:F(c,t)??Ex(c,n,o,i);l&&P(a,l,e.chrome,e.label);continue}e&&(N(e),d.delete(a));let s=a.children.item(0);if(!(s instanceof o.HTMLElement))continue;let c=a.children.item(a.children.length-1),l=c instanceof o.HTMLElement&&c!==s?c:null,u=vf(s),f=yx(s,a,n,r),p=u instanceof o.HTMLElement&&u.isConnected?u:F(f,t)??Ex(f,n,o,i);p&&P(a,p,s,l)}for(let[e,t]of Array.from(d))e.isConnected||(N(t),d.delete(e))},z=()=>{h&&=(wx(h.surface),h.release(),h.placement.release(),null)},B=()=>{let e=h?.surface.isConnected?h.surface:a.querySelector(`[data-mesurer-hover-measurement='true']`);if(!e?.isConnected){z();return}let t=vx(e);if(h?.surface===e&&h.target.isConnected&&(M(e,h,`box`),x||bx(_x(h.target.getBoundingClientRect()),t)))return;let r=Ex(t,n,o,i);if(!r)return;z();let s=j(r,`hover`),c=kx(n,e);h={...s,surface:e,placement:c},M(e,h,`box`)},V=()=>{g&&=(wx(g.ring),g.release(),null)},ee=(e,t,n)=>{let i=t.getBoundingClientRect();if(i.width<=0||i.height<=0)return;let a=i.width,o=Math.max(i.height,t.scrollHeight),s=r.innerWidth-mx,c=r.innerHeight-mx,l=Math.max(mx,s-a),u=Math.max(mx,c-o),d=Math.min(Math.max(n.left+n.width/2-a/2,mx),l),f=Math.min(Math.max(n.top+n.height/2-o/2,mx),u),p=[{left:d,top:n.top-hx-o,placement:`above`},{left:d,top:n.bottom+hx,placement:`below`},{left:n.right+hx,top:f,placement:`side`},{left:n.left-hx-a,top:f,placement:`side`}],m=(e,t)=>e>=mx&&t>=mx&&e+a<=s&&t+o<=c,h=(e,t)=>Math.max(0,Math.min(e+a,n.right)-Math.max(e,n.left))>0&&Math.max(0,Math.min(t+o,n.bottom)-Math.max(t,n.top))>0,g=p.find(e=>m(e.left,e.top)&&!h(e.left,e.top)),_=d,v=mx,y=`viewport`;if(g)({left:_,top:v,placement:y}=g),t.style.maxHeight=`calc(100vh - 16px)`;else{let e=[{name:`above`,top:mx,height:Math.max(0,n.top-hx-mx)},{name:`below`,top:n.bottom+hx,height:Math.max(0,c-n.bottom-hx)}].sort((e,t)=>t.height-e.height)[0];e&&e.height>0&&(v=e.top,y=e.name,t.style.maxHeight=`${e.height}px`)}e.style.setProperty(`--mesurer-native-anchor-x`,`${_-n.left}px`),e.style.setProperty(`--mesurer-native-anchor-y`,`${v-n.top}px`),t.dataset.mesurerTextInspectorPlacement=y},H=()=>{if(!w?.isConnected){V();return}let e=w.querySelectorAll(`[data-mesurer-text-edit-ring='true']`),t=g?.ring.isConnected?g.ring:e.item(e.length-1);if(!t?.isConnected){V();return}let a=vx(t);if(!g||g.ring!==t||!g.target.isConnected||!x&&!bx(_x(g.target.getBoundingClientRect()),a)){let e=Ex(a,n,o,i);e&&(V(),g={...j(e,`edit`),ring:t})}if(!g)return;M(t,g,`box`);let s=_x(g.target.getBoundingClientRect()),c=new Set;for(let e of n.querySelectorAll(`[data-mesurer-text-selection-highlight='true']`)){if(!e.isConnected)continue;c.add(e);let t=vx(e);f.has(e)||f.set(e,kx(n,e)),M(e,g,`offset`),x||(e.style.setProperty(`--mesurer-native-anchor-x`,`${t.left-s.left}px`),e.style.setProperty(`--mesurer-native-anchor-y`,`${t.top-s.top}px`))}for(let[e,t]of Array.from(f))c.has(e)&&e.isConnected||(wx(e),t.release(),f.delete(e));let l=w.querySelector(`[data-mesurer-text-inspector-placement-shell='true']`),u=w.querySelector(`[data-mesurer-text-inspector-info='true']`);if(l?.isConnected&&u?.isConnected){let e=l.dataset.mesurerNativeScrollOwner===`typography`&&l.dataset.mesurerNativeScrollAnchor===`offset`;l.dataset.mesurerNativeScrollOwner=`typography`,M(l,g,`offset`);let t=s.right>0&&s.bottom>0&&s.left<r.innerWidth&&s.top<r.innerHeight;!e&&t&&ee(l,u,s)}},U=e=>{wx(e.box),wx(e.card),e.release()},W=()=>{let e=new Set;for(let t of m.keys())t.isConnected&&e.add(t);for(let t of a.querySelectorAll(`.mesurer-ti-box`)){let n=t.parentElement;n?.dataset.mesurerInspectorUi===`true`&&e.add(n)}let t=new Set;for(let a of e){let e=Array.from(a.children).filter(e=>e instanceof o.HTMLElement),s=[];for(let n=0;n<e.length;n+=1){let r=e[n];if(!r.classList.contains(`mesurer-ti-box`)||r.dataset.state!==`visible`)continue;let i=e[n+1],a=i?.classList.contains(`mesurer-ti-card`)?i:null;s.push({box:r,card:a}),t.add(r)}if(s.length){m.has(a)||m.set(a,kx(n,a,`inspector-overlay`));for(let{box:e,card:t}of s){let a=vx(e),s=p.get(e),c=!1;if(s?.target.isConnected){let t=_x(s.target.getBoundingClientRect());if(bx(t,a))s.fallbackScrollX=r.scrollX,s.fallbackScrollY=r.scrollY,c=!0;else{let n=r.scrollX-s.fallbackScrollX,i=r.scrollY-s.fallbackScrollY,o=bx(t,{left:a.left-n,top:a.top-i,right:a.right-n,bottom:a.bottom-i,width:a.width,height:a.height});!x&&!o&&(U(s),p.delete(e),s=void 0)}}else s&&=(U(s),p.delete(e),void 0);if(!s){let l=Ex(a,n,o,i);if(!l)continue;s={...j(l,`typography`),box:e,card:t,fallbackScrollX:r.scrollX,fallbackScrollY:r.scrollY},p.set(e,s),c=!0}if(e.dataset.mesurerNativeScrollOwner=`typography`,M(e,s,`box`),t?.isConnected&&!t.classList.contains(`mesurer-ti-card--pinned`)){if(t.dataset.mesurerNativeScrollOwner=`typography`,M(t,s,`offset`),!x&&c){let e=_x(s.target.getBoundingClientRect()),n=Number.parseFloat(t.style.left),r=Number.parseFloat(t.style.top);Number.isFinite(n)&&t.style.setProperty(`--mesurer-native-anchor-x`,`${n-e.left}px`),Number.isFinite(r)&&t.style.setProperty(`--mesurer-native-anchor-y`,`${r-e.top}px`)}}else t&&wx(t)}}}for(let[e,n]of Array.from(p))t.has(e)&&e.isConnected||(U(n),p.delete(e));for(let[e,t]of Array.from(m))e.isConnected||(t.release(),m.delete(e))},te=()=>{_||(L(),B(),H(),W())},ne=(e=!1)=>{_||(v||(v=!0,r.queueMicrotask(()=>{v=!1,te()})),e&&!y&&(y=r.requestAnimationFrame(()=>{y=0,te()})))},re=()=>{_||x||b||(b=r.requestAnimationFrame(()=>{b=0,!(_||x)&&B()}))},ie=new o.MutationObserver(()=>{x||ne()});ie.observe(a,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-state`]}),w&&ie.observe(w,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-state`]});let ae=()=>{x=!0,S&&r.clearTimeout(S),S=r.setTimeout(()=>{S=0,x=!1,ne(!0)},px)},oe=()=>ne(!0);r.addEventListener(`scroll`,ae,{capture:!0,passive:!0}),r.addEventListener(`resize`,oe,!0),r.addEventListener(`pointermove`,re,!0),r.addEventListener(`pointerup`,oe,!0),r.addEventListener(`dblclick`,oe,!0),ne(!0),e.lifecycle.onDispose(()=>{_=!0,ie.disconnect(),y&&r.cancelAnimationFrame(y),b&&r.cancelAnimationFrame(b),S&&r.clearTimeout(S),r.removeEventListener(`scroll`,ae,!0),r.removeEventListener(`resize`,oe,!0),r.removeEventListener(`pointermove`,re,!0),r.removeEventListener(`pointerup`,oe,!0),r.removeEventListener(`dblclick`,oe,!0);for(let e of d.values())N(e);d.clear();for(let[e,t]of u)t.previous===null?e.removeAttribute(`data-mesurer-source-selection-paint`):e.setAttribute(`data-mesurer-source-selection-paint`,t.previous),Ox(e,t.styles);u.clear(),z(),V();for(let[e,t]of f)wx(e),t.release();f.clear();for(let e of p.values())U(e);p.clear();for(let e of m.values())e.release();m.clear(),w&&delete w.dataset.mesurerNativeScrollRuntimeLayer,T?.release(),c.dispose();for(let[e,t]of l)t.original?e.style.setProperty(`anchor-name`,t.original,t.originalPriority):e.style.removeProperty(`anchor-name`);l.clear(),s(),E.remove()})}var jx=(e,t)=>e.portalTarget instanceof t.ShadowRoot&&!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument;function Mx(e){let{ownerDocument:t,ownerWindow:n}=e,r=n;if(!t.body||!jx(e,r))return{runtime:e,isolated:!1};Sf(Cf,t.body);let i=()=>{let n=t.createElement(`div`);n.dataset.mesurerInspectorUi=`true`,n.dataset.mesurerIsolatedDocumentRuntime=`true`,n.dataset.theme=e.theme?.()??`system`;let r=e.subscribeTheme?.(e=>{n.dataset.theme=e})??(()=>void 0);t.body.append(n);let i=!1;return{element:n,dispose(){i||(i=!0,r(),n.remove())}}};return{isolated:!0,runtime:{...e,portalTarget:t.body,createInspectorMount:i}}}var Nx=`[data-mesurer-inspector-ui='true'], [data-mesurer-annotation-marker='true']`,Px=80,Fx=(e,t)=>!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument&&(e.portalTarget instanceof t.ShadowRoot?e.portalTarget.host.getRootNode()===e.ownerDocument:e.portalTarget.getRootNode()===e.ownerDocument),Ix=(e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom;function Lx(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r;if(!n.body||!Fx(t,a))return;let o=t.rendererRoot??i.querySelector(`[data-mesurer-root='true']`);if(!o)return;let s=n.createElement(`style`);s.dataset.mesurerDocumentUiPassthroughStyle=`true`,s.textContent=`
|
|
2486
|
+
`,n.head.append(E);let D=[`--mesurer-selected-source-outline`,`--mesurer-selected-source-fill`,`--mesurer-selected-source-background`,`--mesurer-selected-source-text`],O=(e,t)=>{let n=u.get(e);if(n)n.count+=1;else{let n=o.getComputedStyle(e),r=t.querySelector(`:scope > [data-mesurer-selection-edge]`),i=r?.querySelector(`line`),a=i?o.getComputedStyle(i).stroke:r?o.getComputedStyle(r).backgroundColor:`#0d99ff`,s=o.getComputedStyle(t).backgroundColor,c=kx(e,D);u.set(e,{count:1,previous:e.getAttribute(`data-mesurer-source-selection-paint`),styles:c}),e.style.setProperty(`--mesurer-selected-source-outline`,a),e.style.setProperty(`--mesurer-selected-source-fill`,s),e.style.setProperty(`--mesurer-selected-source-background`,n.backgroundImage),e.style.setProperty(`--mesurer-selected-source-text`,n.color),e.dataset.mesurerSourceSelectionPaint=`true`}let r=!1;return()=>{if(r)return;r=!0;let t=u.get(e);t&&(--t.count,!(t.count>0)&&(t.previous===null?e.removeAttribute(`data-mesurer-source-selection-paint`):e.setAttribute(`data-mesurer-source-selection-paint`,t.previous),Ax(e,t.styles),u.delete(e)))}},k=(e,t)=>{let n=t.original.trim(),r=Array.from(t.names),i=[n&&n!==`none`?n:``,...r].filter(Boolean).join(`, `);i?e.style.setProperty(`anchor-name`,i,t.originalPriority):e.style.removeProperty(`anchor-name`)},A=(e,t)=>{let n=l.get(e);n||(n={original:e.style.getPropertyValue(`anchor-name`),originalPriority:e.style.getPropertyPriority(`anchor-name`),names:new Set},l.set(e,n)),n.names.add(t),k(e,n);let r=!1;return()=>{if(r)return;r=!0;let n=l.get(e);if(n){if(n.names.delete(t),n.names.size){k(e,n);return}n.original?e.style.setProperty(`anchor-name`,n.original,n.originalPriority):e.style.removeProperty(`anchor-name`),l.delete(e)}}},j=(e,t)=>{let n=`--mesurer-${t}-${++vx}`;return{target:e,name:n,release:A(e,n)}},M=(e,t,n)=>{e.dataset.mesurerNativeScrollAnchor=n,Tx(e,`position-anchor`,t.name)},N=e=>{delete e.root.dataset.mesurerSourceSelectionOwner,Ex(e.chrome),Ex(e.label),e.releaseSourcePaint(),e.release(),e.placement.release()},P=(e,t,r,i)=>{let a=d.get(e);a&&N(a);let o=j(t,`selection`),s=jx(n,e,e.parentNode===n.body?`none`:`selection-root`),c={...o,root:e,chrome:r,label:i,placement:s,releaseSourcePaint:O(t,r)};e.dataset.mesurerSourceSelectionOwner=`true`,d.set(e,c),M(r,c,`box`),i&&M(i,c,`label`)},F=(e,t)=>t.find(t=>Sx(yx(t.getBoundingClientRect()),e))||(t.length===1?t[0]:null),I=()=>Array.from(d.values(),e=>e.name).join(`|`),L=()=>{let e=I();R(),I()!==e&&hf(n)},R=()=>{let e=new Set;for(let t of d.keys())t.isConnected&&e.add(t);for(let t of a.querySelectorAll(`[data-mesurer-selected-measurement='true']`))t.dataset.mesurerSelectionGroup!==`true`&&e.add(t);let t=c.currentSelection().elements.filter(e=>e instanceof o.HTMLElement);for(let a of e){let e=d.get(a);if(e?.target.isConnected&&e.chrome.isConnected){if(M(e.chrome,e,`box`),e.label?.isConnected&&M(e.label,e,`label`),t.includes(e.target)||x)continue;let s=vf(e.chrome),c=xx(e.chrome,a,n,r),l=s instanceof o.HTMLElement&&s.isConnected?s:F(c,t)??Ox(c,n,o,i);l&&P(a,l,e.chrome,e.label);continue}e&&(N(e),d.delete(a));let s=a.children.item(0);if(!(s instanceof o.HTMLElement))continue;let c=a.children.item(a.children.length-1),l=c instanceof o.HTMLElement&&c!==s?c:null,u=vf(s),f=xx(s,a,n,r),p=u instanceof o.HTMLElement&&u.isConnected?u:F(f,t)??Ox(f,n,o,i);p&&P(a,p,s,l)}for(let[e,t]of Array.from(d))e.isConnected||(N(t),d.delete(e))},z=()=>{h&&=(Ex(h.surface),h.release(),h.placement.release(),null)},B=()=>{let e=h?.surface.isConnected?h.surface:a.querySelector(`[data-mesurer-hover-measurement='true']`);if(!e?.isConnected){z();return}let t=bx(e);if(h?.surface===e&&h.target.isConnected&&(M(e,h,`box`),x||Sx(yx(h.target.getBoundingClientRect()),t)))return;let r=Ox(t,n,o,i);if(!r)return;z();let s=j(r,`hover`),c=jx(n,e);h={...s,surface:e,placement:c},M(e,h,`box`)},V=()=>{g&&=(Ex(g.ring),g.release(),null)},ee=(e,t,n)=>{let i=t.getBoundingClientRect();if(i.width<=0||i.height<=0)return;let a=i.width,o=Math.max(i.height,t.scrollHeight),s=r.innerWidth-gx,c=r.innerHeight-gx,l=Math.max(gx,s-a),u=Math.max(gx,c-o),d=Math.min(Math.max(n.left+n.width/2-a/2,gx),l),f=Math.min(Math.max(n.top+n.height/2-o/2,gx),u),p=[{left:d,top:n.top-_x-o,placement:`above`},{left:d,top:n.bottom+_x,placement:`below`},{left:n.right+_x,top:f,placement:`side`},{left:n.left-_x-a,top:f,placement:`side`}],m=(e,t)=>e>=gx&&t>=gx&&e+a<=s&&t+o<=c,h=(e,t)=>Math.max(0,Math.min(e+a,n.right)-Math.max(e,n.left))>0&&Math.max(0,Math.min(t+o,n.bottom)-Math.max(t,n.top))>0,g=p.find(e=>m(e.left,e.top)&&!h(e.left,e.top)),_=d,v=gx,y=`viewport`;if(g)({left:_,top:v,placement:y}=g),t.style.maxHeight=`calc(100vh - 16px)`;else{let e=[{name:`above`,top:gx,height:Math.max(0,n.top-_x-gx)},{name:`below`,top:n.bottom+_x,height:Math.max(0,c-n.bottom-_x)}].sort((e,t)=>t.height-e.height)[0];e&&e.height>0&&(v=e.top,y=e.name,t.style.maxHeight=`${e.height}px`)}e.style.setProperty(`--mesurer-native-anchor-x`,`${_-n.left}px`),e.style.setProperty(`--mesurer-native-anchor-y`,`${v-n.top}px`),t.dataset.mesurerTextInspectorPlacement=y},H=()=>{if(!w?.isConnected){V();return}let e=w.querySelectorAll(`[data-mesurer-text-edit-ring='true']`),t=g?.ring.isConnected?g.ring:e.item(e.length-1);if(!t?.isConnected){V();return}let a=bx(t);if(!g||g.ring!==t||!g.target.isConnected||!x&&!Sx(yx(g.target.getBoundingClientRect()),a)){let e=Ox(a,n,o,i);e&&(V(),g={...j(e,`edit`),ring:t})}if(!g)return;M(t,g,`box`);let s=yx(g.target.getBoundingClientRect()),c=new Set;for(let e of n.querySelectorAll(`[data-mesurer-text-selection-highlight='true']`)){if(!e.isConnected)continue;c.add(e);let t=bx(e);f.has(e)||f.set(e,jx(n,e)),M(e,g,`offset`),x||(e.style.setProperty(`--mesurer-native-anchor-x`,`${t.left-s.left}px`),e.style.setProperty(`--mesurer-native-anchor-y`,`${t.top-s.top}px`))}for(let[e,t]of Array.from(f))c.has(e)&&e.isConnected||(Ex(e),t.release(),f.delete(e));let l=w.querySelector(`[data-mesurer-text-inspector-placement-shell='true']`),u=w.querySelector(`[data-mesurer-text-inspector-info='true']`);if(l?.isConnected&&u?.isConnected){let e=l.dataset.mesurerNativeScrollOwner===`typography`&&l.dataset.mesurerNativeScrollAnchor===`offset`;l.dataset.mesurerNativeScrollOwner=`typography`,M(l,g,`offset`);let t=s.right>0&&s.bottom>0&&s.left<r.innerWidth&&s.top<r.innerHeight;!e&&t&&ee(l,u,s)}},U=e=>{Ex(e.box),Ex(e.card),e.release()},W=()=>{let e=new Set;for(let t of m.keys())t.isConnected&&e.add(t);for(let t of a.querySelectorAll(`.mesurer-ti-box`)){let n=t.parentElement;n?.dataset.mesurerInspectorUi===`true`&&e.add(n)}let t=new Set;for(let a of e){let e=Array.from(a.children).filter(e=>e instanceof o.HTMLElement),s=[];for(let n=0;n<e.length;n+=1){let r=e[n];if(!r.classList.contains(`mesurer-ti-box`)||r.dataset.state!==`visible`)continue;let i=e[n+1],a=i?.classList.contains(`mesurer-ti-card`)?i:null;s.push({box:r,card:a}),t.add(r)}if(s.length){m.has(a)||m.set(a,jx(n,a,`inspector-overlay`));for(let{box:e,card:t}of s){let a=bx(e),s=p.get(e),c=!1;if(s?.target.isConnected){let t=yx(s.target.getBoundingClientRect());if(Sx(t,a))s.fallbackScrollX=r.scrollX,s.fallbackScrollY=r.scrollY,c=!0;else{let n=r.scrollX-s.fallbackScrollX,i=r.scrollY-s.fallbackScrollY,o=Sx(t,{left:a.left-n,top:a.top-i,right:a.right-n,bottom:a.bottom-i,width:a.width,height:a.height});!x&&!o&&(U(s),p.delete(e),s=void 0)}}else s&&=(U(s),p.delete(e),void 0);if(!s){let l=Ox(a,n,o,i);if(!l)continue;s={...j(l,`typography`),box:e,card:t,fallbackScrollX:r.scrollX,fallbackScrollY:r.scrollY},p.set(e,s),c=!0}if(e.dataset.mesurerNativeScrollOwner=`typography`,M(e,s,`box`),t?.isConnected&&!t.classList.contains(`mesurer-ti-card--pinned`)){if(t.dataset.mesurerNativeScrollOwner=`typography`,M(t,s,`offset`),!x&&c){let e=yx(s.target.getBoundingClientRect()),n=Number.parseFloat(t.style.left),r=Number.parseFloat(t.style.top);Number.isFinite(n)&&t.style.setProperty(`--mesurer-native-anchor-x`,`${n-e.left}px`),Number.isFinite(r)&&t.style.setProperty(`--mesurer-native-anchor-y`,`${r-e.top}px`)}}else t&&Ex(t)}}}for(let[e,n]of Array.from(p))t.has(e)&&e.isConnected||(U(n),p.delete(e));for(let[e,t]of Array.from(m))e.isConnected||(t.release(),m.delete(e))},te=()=>{_||(L(),B(),H(),W())},ne=(e=!1)=>{_||(v||(v=!0,r.queueMicrotask(()=>{v=!1,te()})),e&&!y&&(y=r.requestAnimationFrame(()=>{y=0,te()})))},re=()=>{_||x||b||(b=r.requestAnimationFrame(()=>{b=0,!(_||x)&&B()}))},ie=new o.MutationObserver(()=>{x||ne()});ie.observe(a,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-state`]}),w&&ie.observe(w,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`data-state`]});let ae=()=>{x=!0,S&&r.clearTimeout(S),S=r.setTimeout(()=>{S=0,x=!1,ne(!0)},hx)},oe=()=>ne(!0);r.addEventListener(`scroll`,ae,{capture:!0,passive:!0}),r.addEventListener(`resize`,oe,!0),r.addEventListener(`pointermove`,re,!0),r.addEventListener(`pointerup`,oe,!0),r.addEventListener(`dblclick`,oe,!0),ne(!0),e.lifecycle.onDispose(()=>{_=!0,ie.disconnect(),y&&r.cancelAnimationFrame(y),b&&r.cancelAnimationFrame(b),S&&r.clearTimeout(S),r.removeEventListener(`scroll`,ae,!0),r.removeEventListener(`resize`,oe,!0),r.removeEventListener(`pointermove`,re,!0),r.removeEventListener(`pointerup`,oe,!0),r.removeEventListener(`dblclick`,oe,!0);for(let e of d.values())N(e);d.clear();for(let[e,t]of u)t.previous===null?e.removeAttribute(`data-mesurer-source-selection-paint`):e.setAttribute(`data-mesurer-source-selection-paint`,t.previous),Ax(e,t.styles);u.clear(),z(),V();for(let[e,t]of f)Ex(e),t.release();f.clear();for(let e of p.values())U(e);p.clear();for(let e of m.values())e.release();m.clear(),w&&delete w.dataset.mesurerNativeScrollRuntimeLayer,T?.release(),c.dispose();for(let[e,t]of l)t.original?e.style.setProperty(`anchor-name`,t.original,t.originalPriority):e.style.removeProperty(`anchor-name`);l.clear(),s(),E.remove()})}var Nx=(e,t)=>e.portalTarget instanceof t.ShadowRoot&&!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument;function Px(e){let{ownerDocument:t,ownerWindow:n}=e,r=n;if(!t.body||!Nx(e,r))return{runtime:e,isolated:!1};Sf(Cf,t.body);let i=()=>{let n=t.createElement(`div`);n.dataset.mesurerInspectorUi=`true`,n.dataset.mesurerIsolatedDocumentRuntime=`true`,n.dataset.theme=e.theme?.()??`system`;let r=e.subscribeTheme?.(e=>{n.dataset.theme=e})??(()=>void 0);t.body.append(n);let i=!1;return{element:n,dispose(){i||(i=!0,r(),n.remove())}}};return{isolated:!0,runtime:{...e,portalTarget:t.body,createInspectorMount:i}}}var Fx=`[data-mesurer-inspector-ui='true'], [data-mesurer-annotation-marker='true']`,Ix=80,Lx=(e,t)=>!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument&&(e.portalTarget instanceof t.ShadowRoot?e.portalTarget.host.getRootNode()===e.ownerDocument:e.portalTarget.getRootNode()===e.ownerDocument),Rx=(e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom;function zx(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r;if(!n.body||!Lx(t,a))return;let o=t.rendererRoot??i.querySelector(`[data-mesurer-root='true']`);if(!o)return;let s=n.createElement(`style`);s.dataset.mesurerDocumentUiPassthroughStyle=`true`,s.textContent=`
|
|
2481
2487
|
[data-mesurer-document-ui-passthrough="true"] {
|
|
2482
2488
|
pointer-events: none !important;
|
|
2483
2489
|
}
|
|
@@ -2485,33 +2491,33 @@ body:has([data-mesurer-text-editor="true"]) [data-mesurer-source-selection-paint
|
|
|
2485
2491
|
[data-mesurer-document-ui-passthrough="true"] > :not([data-mesurer-inspector-ui="true"]) * {
|
|
2486
2492
|
pointer-events: none !important;
|
|
2487
2493
|
}
|
|
2488
|
-
`,i.append(s);let c=!1,l=0,u=0,d=!1,f=[],p=null,m=r.scrollX,h=r.scrollY,g=e=>{e?o.dataset.mesurerDocumentUiPassthrough=`true`:delete o.dataset.mesurerDocumentUiPassthrough},_=()=>{if(!p){g(!1);return}g(f.some(e=>
|
|
2494
|
+
`,i.append(s);let c=!1,l=0,u=0,d=!1,f=[],p=null,m=r.scrollX,h=r.scrollY,g=e=>{e?o.dataset.mesurerDocumentUiPassthrough=`true`:delete o.dataset.mesurerDocumentUiPassthrough},_=()=>{if(!p){g(!1);return}g(f.some(e=>Rx(e,p.x,p.y)))},v=()=>{if(l=0,d=!1,c)return;let e=[];for(let t of n.body.querySelectorAll(Fx)){if(!t.isConnected||t.getRootNode()!==n||t.getAttribute(`aria-hidden`)===`true`)continue;let i=r.getComputedStyle(t);if(i.display===`none`||i.visibility===`hidden`||i.pointerEvents===`none`)continue;let a=t.getBoundingClientRect();a.width<=0||a.height<=0||a.right<=0||a.bottom<=0||a.left>=r.innerWidth||a.top>=r.innerHeight||e.push({left:a.left,top:a.top,right:a.right,bottom:a.bottom})}f=e,m=r.scrollX,h=r.scrollY,_()},y=()=>{c||l||(l=r.requestAnimationFrame(v))},b=()=>!d&&!l?!1:(l&&r.cancelAnimationFrame(l),l=0,v(),!0),x=e=>e instanceof a.Element?e.matches(Fx)||!!e.closest(Fx)||!!e.querySelector(Fx):!1,S=new a.MutationObserver(e=>{e.some(e=>e.type===`attributes`?x(e.target):x(e.target)?!0:[...e.addedNodes,...e.removedNodes].some(x))&&y()});S.observe(n.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`style`,`class`,`hidden`,`aria-hidden`]});let C=e=>{p={x:e.clientX,y:e.clientY},b()||_()},w=()=>{p=null,g(!1)},T=()=>y(),E=()=>{let e=r.scrollX,t=r.scrollY,n=e-m,i=t-h;m=e,h=t,n||i?(f=f.map(e=>({left:e.left-n,top:e.top-i,right:e.right-n,bottom:e.bottom-i})),_()):d=!0,u&&r.clearTimeout(u),u=r.setTimeout(()=>{u=0,y()},Ix)};r.addEventListener(`pointermove`,C,!0),r.addEventListener(`pointerover`,C,!0),r.addEventListener(`blur`,w,!0),r.addEventListener(`resize`,T,!0),r.addEventListener(`scroll`,E,!0),y(),e.lifecycle.onDispose(()=>{c=!0,S.disconnect(),l&&r.cancelAnimationFrame(l),u&&r.clearTimeout(u),r.removeEventListener(`pointermove`,C,!0),r.removeEventListener(`pointerover`,C,!0),r.removeEventListener(`blur`,w,!0),r.removeEventListener(`resize`,T,!0),r.removeEventListener(`scroll`,E,!0),g(!1),s.remove(),d=!1,f=[],p=null})}var Bx=48,Vx=`[data-mesurer-text-selection-highlight='true']`;function Hx(e,t){let{ownerDocument:n,ownerWindow:r}=t,i=r,a=n.createElement(`style`);a.dataset.mesurerNativeScrollStability=`true`,a.dataset.mesurerInspectorUi=`true`,a.textContent=`
|
|
2489
2495
|
[data-mesurer-selected-measurement="true"] > div {
|
|
2490
2496
|
transition: none !important;
|
|
2491
2497
|
animation: none !important;
|
|
2492
2498
|
}
|
|
2493
|
-
`,n.head.append(a);let o=new Map,s=r.scrollX,c=r.scrollY,l=0,u=!1,d=e=>{o.has(e)||o.set(e,{x:s,y:c})},f=e=>{if(e instanceof i.HTMLElement){e.matches(zx)&&d(e);for(let t of e.querySelectorAll(zx))d(t)}};for(let e of n.querySelectorAll(zx))d(e);let p=new i.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)f(e)});n.body&&p.observe(n.body,{childList:!0,subtree:!0});let m=()=>{if(l=0,!u)for(let[e,t]of Array.from(o)){if(!e.isConnected){o.delete(e);continue}let n=s-t.x,r=c-t.y;if(t.x=s,t.y=c,n===0&&r===0||e.dataset.mesurerNativeScrollAnchor!==`offset`)continue;let i=Number.parseFloat(e.style.left),a=Number.parseFloat(e.style.top);Number.isFinite(i)&&(e.style.left=`${i-n}px`),Number.isFinite(a)&&(e.style.top=`${a-r}px`)}},h=()=>{u||(s=r.scrollX,c=r.scrollY,l&&r.clearTimeout(l),l=r.setTimeout(m,Rx))};r.addEventListener(`scroll`,h,{capture:!0,passive:!0}),e.lifecycle.onDispose(()=>{u=!0,p.disconnect(),l&&r.clearTimeout(l),r.removeEventListener(`scroll`,h,!0),o.clear(),a.remove()})}var Vx=new WeakMap,Hx=e=>{let t=Vx.get(e.pageTarget);t&&(e.ownerWindow.clearTimeout(t.clearTimer),Vx.delete(e.pageTarget))},Ux=(e,t)=>{Hx(e);let n=e.pageTarget,r={target:t,clearTimer:0};Vx.set(n,r),r.clearTimer=e.ownerWindow.setTimeout(()=>{Vx.get(n)===r&&Vx.delete(n)},0)},Wx=e=>Vx.get(e.pageTarget)?.target??null,Gx=`mesurer.text-edit.intents`,Kx=`text-edit`,qx=`text-edit.commit`,Jx=`text-edit.clear`,Yx=600,Xx=360,Zx=24,Qx=80,$x=`var(--msr-accent, #0d99ff)`,eS=`var(--msr-content, #0f172a)`,tS=`var(--msr-color-ink-500, #8a8a8a)`,nS=288,rS=`var(--msr-shadow-floating, 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1))`,iS=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),aS=[`font-family`,`font-size`,`font-weight`,`font-style`,`line-height`,`letter-spacing`,`text-transform`,`color`],oS=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},sS=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,cS=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:e.fingerprintClasses,text:e.fingerprintText}),lS=e=>({property:e.property,before:e.before,desired:e.desired}),uS=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,selector:e.selector,nodeIndex:e.nodeIndex,before:e.beforeText,desired:e.desiredText,styles:e.styleChanges.map(lS)}),dS=e=>{let t=e.match(/^\s*/)?.[0]??``,n=e.slice(t.length),r=n.match(/\s*$/)?.[0]??``;return{leading:t,trailing:r,value:n.slice(0,Math.max(0,n.length-r.length))}},fS=e=>e.map(e=>({...e})),pS=e=>(e.split(`,`)[0]??e).trim().replace(/^['"]|['"]$/g,``),mS=e=>{if(e===`bold`)return 700;if(e===`normal`)return 400;let t=Number(e);return Number.isFinite(t)?t:400},hS=e=>e===`transparent`||/^rgba\([^)]*,\s*0(?:\.0+)?\s*\)$/.test(e)||/^rgba\(0\s+0\s+0\s*\/\s*0(?:\.0+)?\)$/.test(e),gS=e=>{let t=/^rgba?\(\s*(\d+(?:\.\d+)?)\D+(\d+(?:\.\d+)?)\D+(\d+(?:\.\d+)?)/.exec(e);if(!t)return`#000000`;let n=e=>Math.max(0,Math.min(255,Math.round(Number(e)))).toString(16).padStart(2,`0`);return`#${n(t[1])}${n(t[2])}${n(t[3])}`},_S=(e,t)=>[...e.entries()].sort((e,t)=>t[1]-e[1]||e[0].localeCompare(t[0])).slice(0,t).map(([e])=>e),vS=(e,t)=>t?[t,...e.filter(e=>e!==t)]:e;function yS(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=t.createWorkspaceRuntime(),s=new Im(n,r),c=t.createInspectorMount();c.element.dataset.mesurerTextEditRuntime=`true`,c.element.style.position=`fixed`,c.element.style.inset=`0`,c.element.style.zIndex=`2147483646`,c.element.style.pointerEvents=`none`,e.state.register({id:Gx,initial:{edits:[]},history:!0,persist:!0});let l=()=>e.state.get(`mesurer.text-edit.intents`)??{edits:[]},u=new Map,d=new Map,f=new WeakMap,p=null,m=null,h=null,g=!1,_=0,v=0,y=()=>t.currentToolMode?.()??`none`,b=()=>{if(t.currentToolbarMode)return t.currentToolbarMode()===`edit`;let e=y();return e===`text-inspector`||e===`select`},x=()=>{let e=y();return t.currentToolbarMode?e===`text-inspector`:e===`text-inspector`||e===`select`},S=e=>pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`),C=e=>Array.from(e.childNodes).some(e=>e.nodeType===a.Node.TEXT_NODE&&!!e.nodeValue?.trim()),w=e=>{let t=[];i instanceof a.HTMLElement&&i.matches(e)&&S(i)&&t.push(i);for(let n of i.querySelectorAll(e))n instanceof a.HTMLElement&&S(n)&&t.push(n);return t},T=e=>{let t=u.get(e.id);if(t?.element.isConnected&&t.node.isConnected&&S(t.element))return t;u.delete(e.id);let n=cS(e);if(!_u(n))return null;let r=[];try{r=w(e.selector).filter(e=>vu(e,n))}catch{return null}if(r.length!==1)return null;if(!n.id&&!n.testId){let e=[];try{e=w(n.tag).filter(e=>vu(e,n))}catch{return null}if(e.length!==1||e[0]!==r[0])return null}let i=r[0],o=i.childNodes.item(e.nodeIndex);if(!o||o.nodeType!==a.Node.TEXT_NODE)return null;let s={element:i,node:o};return u.set(e.id,s),s},E=(e,t)=>{e.nodeValue!==t&&(f.set(e,(f.get(e)??0)+1),e.nodeValue=t)},D=(e,t)=>{let r=n.createElement(`span`);return r.style.setProperty(e,t),r.style.getPropertyValue(e)||t},O=(e,t)=>{if(e.style.getPropertyValue(t.property)===t.desired&&!e.style.getPropertyPriority(t.property)){if(t.beforeInline){e.style.setProperty(t.property,t.beforeInline,t.beforePriority);return}e.style.removeProperty(t.property)}},k=(e,t)=>{for(let n of t)O(e,n)},A=(e,t,n)=>{let r=new Map(t.map(e=>[e.property,e])),i=new Map(n.map(e=>[e.property,e])),a=new Map;for(let[t,n]of i){let i=e.style.getPropertyValue(t),o=e.style.getPropertyPriority(t);if(i!==n.desired||o)continue;let s=r.get(t);if(!s){n.beforeInline?e.style.setProperty(t,n.beforeInline,n.beforePriority):e.style.removeProperty(t);continue}i!==s.desired&&e.style.setProperty(t,s.desired),a.set(t,s)}for(let n of t){if(a.has(n.property)||i.has(n.property))continue;let t=e.style.getPropertyValue(n.property),r=e.style.getPropertyPriority(n.property);t===n.beforeInline&&r===n.beforePriority&&(e.style.setProperty(n.property,n.desired),a.set(n.property,n))}return t.filter(e=>a.has(e.property))},j=()=>{for(let e of d.values())e.node.isConnected&&e.node.nodeValue===e.desiredText&&E(e.node,e.beforeText),e.element.isConnected&&k(e.element,e.styleChanges);d.clear()},M=()=>{let e=l().edits.filter(e=>e.pageUrl===oS(r)),t=new Set(e.map(e=>e.id));for(let[e,n]of d)t.has(e)&&n.node.isConnected&&n.element.isConnected||(n.node.isConnected&&n.node.nodeValue===n.desiredText&&E(n.node,n.beforeText),n.element.isConnected&&k(n.element,n.styleChanges),d.delete(e));for(let t of e){let e=T(t);if(!e)continue;let n=e.node.nodeValue??``,r=d.get(t.id),i=!1;r?.node===e.node&&n===r.desiredText?(n!==t.desiredText&&E(e.node,t.desiredText),i=!0):n===t.beforeText&&(E(e.node,t.desiredText),i=!0);let a=A(e.element,t.styleChanges,r?.element===e.element?r.styleChanges:[]);if(!i&&a.length===0){d.delete(t.id);continue}d.set(t.id,{...e,beforeText:t.beforeText,desiredText:t.desiredText,styleChanges:a})}},N=e=>({"font-family":e.fontFamily,"font-size":e.fontSize,"font-weight":e.fontWeight,"font-style":e.fontStyle,"line-height":e.lineHeight,"letter-spacing":e.letterSpacing,"text-transform":e.textTransform,color:e.color}),P=(e,t)=>{let n=N(t),r=JSON.stringify(n),i=e.get(r);if(i){i.count+=1;return}e.set(r,{styles:n,count:1})},F=e=>[...e.values()].sort((e,t)=>t.count-e.count)[0]??null,I=e=>{let t=new Map,n=new Map,o=new Map,s=new Map,c=[],l=new Map,u=new Map,d=null;i instanceof a.HTMLElement&&c.push(i);for(let e of i.querySelectorAll(`*`))if(e instanceof a.HTMLElement&&c.push(e),c.length>=Yx)break;for(let e of c){if(!S(e)||!C(e)||iS.has(e.tagName))continue;let i=r.getComputedStyle(e);if(i.display===`none`||i.visibility===`hidden`)continue;let a=(e,t)=>{let n=t.trim();n&&e.set(n,(e.get(n)??0)+1)};if(a(t,i.fontFamily),a(n,i.fontSize),a(o,i.fontWeight),a(s,i.color),d??=e,(e.tagName===`P`||e.tagName===`SPAN`)&&P(l,i),e.tagName===`H1`||e.tagName===`H2`||e.tagName===`H3`){let t=e.tagName,n=u.get(t)??new Map;P(n,i),u.set(t,n)}}let f=r.getComputedStyle(e),p=[{id:`text`,label:`Text`,shortcut:`0`,styles:F(l)?.styles??N(r.getComputedStyle(d??e))}];for(let[e,t,n,r]of[[`H1`,`heading-1`,`Heading 1`,`1`],[`H2`,`heading-2`,`Heading 2`,`2`],[`H3`,`heading-3`,`Heading 3`,`3`]]){let i=F(u.get(e)??new Map);i&&p.push({id:t,label:n,shortcut:r,styles:i.styles})}return{fontFamilies:vS(_S(t,12),f.fontFamily),fontSizes:vS(_S(n,12),f.fontSize),fontWeights:vS(_S(o,9).sort((e,t)=>mS(e)-mS(t)),f.fontWeight),colors:vS(_S(s,10),f.color),presets:p}},L=e=>{let t=e;for(;t;){let e=r.getComputedStyle(t).backgroundColor;if(e&&!hS(e))return e;t=t.parentElement}return`Canvas`},R=(e,t)=>e.styleChanges.find(e=>e.property===t)??null,z=(e,t)=>{let r=s.getFast(e.element);if(t)e.inspectorInfo=s.getFull(e.element,r);else{let t=new Map(e.inspectorInfo.rows.map(e=>[e.label,e.varName]));e.inspectorInfo={...r,rows:r.rows.map(e=>({...e,varName:t.get(e.label)??null}))}}yy(n,e.inspectorCard,e.inspectorInfo,!1),e.inspectorCard.dataset.mesurerTextInspectorInfo=`true`,e.inspectorCard.dataset.state=`visible`,e.inspectorCard.setAttribute(`aria-label`,`Text inspector`)},B=(e,t)=>r.getComputedStyle(e.element).getPropertyValue(t).trim(),V=(e,t,n)=>{let i=D(t,n),a=R(e,t),o=a?.before??r.getComputedStyle(e.element).getPropertyValue(t).trim(),s=a?.beforeInline??e.element.style.getPropertyValue(t),c=a?.beforePriority??e.element.style.getPropertyPriority(t);if(i===o)a&&O(e.element,a),e.styleChanges=e.styleChanges.filter(e=>e.property!==t);else{e.element.style.setProperty(t,i);let n={property:t,before:o,desired:i,beforeInline:s,beforePriority:c};e.styleChanges=[...e.styleChanges.filter(e=>e.property!==t),n]}},ee=(e,t)=>{for(let[n,r]of t)V(e,n,r);pe(e),z(e,!0),me()},H=(e,t,n)=>ee(e,[[t,n]]),U=(e,t)=>aS.every(n=>{let r=t.styles[n];return r===void 0||B(e,n)===D(n,r)}),W=e=>e.catalog.presets.find(t=>U(e,t))??null,te=(e,t)=>{e.menuOpen=!1;let n=aS.flatMap(e=>{let n=t.styles[e];return n===void 0?[]:[[e,n]]});ee(e,n),e.editor.focus({preventScroll:!0})},ne=e=>{let t=B(e,`font-weight`),n=R(e,`font-weight`);if(n&&mS(n.desired)>=600&&mS(n.before)<600){H(e,`font-weight`,n.before);return}H(e,`font-weight`,mS(t)>=600?`400`:`700`)},re=e=>{let t=B(e,`font-style`),n=R(e,`font-style`);if(n&&n.desired!==`normal`&&n.before===`normal`){H(e,`font-style`,n.before);return}H(e,`font-style`,t===`normal`?`italic`:`normal`)},ie=e=>{let t=B(e,`text-decoration-line`),n=R(e,`text-decoration-line`);if(n&&n.desired.includes(`underline`)&&!n.before.includes(`underline`)){H(e,`text-decoration-line`,n.before);return}H(e,`text-decoration-line`,t.includes(`underline`)?`none`:`underline`)},ae=(e,t,r,i,a)=>{let o=n.createElement(`button`);return o.type=`button`,o.textContent=t,o.title=r,o.setAttribute(`aria-label`,r),o.setAttribute(`aria-pressed`,i?`true`:`false`),o.dataset.mesurerTextStyleButton=r.toLowerCase(),Object.assign(o.style,{width:`32px`,height:`32px`,border:`0`,borderRadius:`8px`,background:i?$x:`transparent`,color:i?`var(--msr-color-white, #ffffff)`:`var(--msr-content, #000000)`,font:`600 13px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,textDecoration:r===`Underline`?`underline`:`none`,fontStyle:r===`Italic`?`italic`:`normal`,cursor:`pointer`,outline:`none`}),o.addEventListener(`mouseenter`,()=>{i||(o.style.background=`rgba(0, 0, 0, 0.04)`)}),o.addEventListener(`mouseleave`,()=>{o.style.background=i?$x:`transparent`}),o.addEventListener(`click`,t=>{t.preventDefault(),t.stopPropagation(),m===e&&(a(),e.editor.focus({preventScroll:!0}))}),o},oe=(e,t,r,i,a,o)=>{let s=n.createElement(`label`);Object.assign(s.style,{display:`grid`,gridTemplateColumns:`72px minmax(0, 1fr)`,alignItems:`center`,gap:`8px`,minHeight:`38px`,padding:`0 8px`,color:eS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let c=n.createElement(`span`);c.textContent=t,c.style.color=tS;let l=n.createElement(`select`);l.setAttribute(`aria-label`,t),l.dataset.mesurerTextStyleSelect=t.toLowerCase().replace(/\s+/g,`-`),Object.assign(l.style,{width:`100%`,height:`32px`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,color:eS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 8px`,cursor:`pointer`,outline:`none`});for(let e of vS(r,i)){let t=n.createElement(`option`);t.value=e,t.textContent=a(e),t.selected=e===i,l.append(t)}return l.addEventListener(`change`,()=>{m===e&&o(l.value)}),s.append(c,l),s},se=(e,t,r,i)=>{let a=n.createElement(`label`);Object.assign(a.style,{display:`grid`,gridTemplateColumns:`72px minmax(0, 1fr)`,alignItems:`center`,gap:`8px`,minHeight:`38px`,padding:`0 8px`,color:eS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let o=n.createElement(`span`);o.textContent=t,o.style.color=tS;let s=n.createElement(`input`);s.type=`text`,s.value=i,s.setAttribute(`aria-label`,t),s.dataset.mesurerTextStyleInput=t.toLowerCase().replace(/\s+/g,`-`),Object.assign(s.style,{width:`100%`,height:`32px`,boxSizing:`border-box`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,color:eS,font:`500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace`,padding:`0 8px`,outline:`none`});let c=()=>{if(m!==e)return;let a=s.value.trim();if(!a){s.value=i;return}let o=n.createElement(`span`);if(o.style.setProperty(r,a),!o.style.getPropertyValue(r)){s.setCustomValidity(`Invalid ${t.toLowerCase()} value`),s.reportValidity();return}s.setCustomValidity(``),H(e,r,a)};return s.addEventListener(`change`,c),s.addEventListener(`keydown`,t=>{t.key===`Enter`&&(t.preventDefault(),t.stopPropagation(),c(),e.editor.focus({preventScroll:!0}))}),a.append(o,s),a},ce=e=>/Mac|iPhone|iPad|iPod/i.test(r.navigator.platform||r.navigator.userAgent)?`⌥⌘${e}`:`Alt+Ctrl+${e}`,le=(e,t,r)=>{let i=n.createElement(`button`);i.type=`button`,i.dataset.mesurerTextStylePreset=t.id,i.setAttribute(`aria-label`,t.label),i.setAttribute(`aria-current`,r?`true`:`false`),Object.assign(i.style,{width:`100%`,minHeight:`40px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`16px`,border:`0`,borderRadius:`8px`,padding:`0 10px`,background:r?`rgba(0, 0, 0, 0.05)`:`transparent`,color:`var(--msr-content, #111111)`,cursor:`pointer`,outline:`none`,textAlign:`left`,font:t.id===`text`?`500 14px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`:`650 14px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let a=n.createElement(`span`);a.textContent=t.label;let o=n.createElement(`span`);return o.textContent=ce(t.shortcut),Object.assign(o.style,{color:tS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,whiteSpace:`nowrap`}),i.append(a,o),i.addEventListener(`mouseenter`,()=>{i.style.background=`rgba(0, 0, 0, 0.05)`}),i.addEventListener(`mouseleave`,()=>{i.style.background=r?`rgba(0, 0, 0, 0.05)`:`transparent`}),i.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),m===e&&te(e,t)}),i},ue=()=>{let e=n.createElement(`div`);return e.setAttribute(`role`,`separator`),Object.assign(e.style,{height:`1px`,margin:`5px 8px`,background:`rgba(0, 0, 0, 0.09)`}),e},de=e=>{let t=e.menu;t.replaceChildren();let r=W(e);for(let n of e.catalog.presets)t.append(le(e,n,r?.id===n.id));t.append(ue());let i=B(e,`font-family`),a=B(e,`font-size`),o=B(e,`font-weight`),s=B(e,`line-height`),c=B(e,`letter-spacing`),l=B(e,`color`);t.append(oe(e,`Font`,e.catalog.fontFamilies,i,pS,t=>H(e,`font-family`,t)),oe(e,`Size`,e.catalog.fontSizes,a,e=>e,t=>H(e,`font-size`,t)),oe(e,`Weight`,e.catalog.fontWeights,o,e=>e,t=>H(e,`font-weight`,t)),se(e,`Line`,`line-height`,s),se(e,`Tracking`,`letter-spacing`,c)),t.append(ue());let u=n.createElement(`div`);Object.assign(u.style,{display:`grid`,gap:`7px`,padding:`5px 8px 8px`});let d=n.createElement(`div`);d.textContent=`Text color`,Object.assign(d.style,{color:tS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let f=n.createElement(`div`);f.setAttribute(`aria-label`,`Page text colors`),f.dataset.mesurerTextColorSwatches=`true`,Object.assign(f.style,{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:`7px`});for(let t of e.catalog.colors.slice(0,10)){let r=n.createElement(`button`);r.type=`button`,r.title=`Use ${t}`,r.setAttribute(`aria-label`,`Use text color ${t}`),r.dataset.mesurerTextColor=t,Object.assign(r.style,{width:`22px`,height:`22px`,borderRadius:`50%`,border:t===l?`2px solid ${$x}`:`1px solid rgba(0, 0, 0, 0.18)`,boxShadow:t===l?`0 0 0 2px var(--msr-color-white, #ffffff) inset`:`none`,background:t,cursor:`pointer`,padding:`0`}),r.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),m===e&&H(e,`color`,t)}),f.append(r)}let p=n.createElement(`input`);p.type=`color`,p.value=gS(l),p.title=`Custom text color`,p.setAttribute(`aria-label`,`Custom text color`),p.dataset.mesurerTextCustomColor=`true`,Object.assign(p.style,{width:`28px`,height:`28px`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,padding:`4px`,cursor:`pointer`}),p.addEventListener(`change`,()=>{m===e&&H(e,`color`,p.value)}),f.append(p),u.append(d,f),t.append(u),t.hidden=!e.menuOpen,t.style.display=e.menuOpen?`block`:`none`},fe=e=>{let t=W(e),r=n.createElement(`button`);r.type=`button`,r.dataset.mesurerTextStyleMenuButton=`true`,r.setAttribute(`aria-label`,`Text style`),r.setAttribute(`aria-haspopup`,`menu`),r.setAttribute(`aria-expanded`,e.menuOpen?`true`:`false`),Object.assign(r.style,{minWidth:`96px`,height:`32px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`10px`,border:`0`,borderRadius:`8px`,background:e.menuOpen?`rgba(0, 0, 0, 0.05)`:`transparent`,color:`var(--msr-content, #111111)`,padding:`0 10px`,cursor:`pointer`,outline:`none`,font:`500 13px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let i=n.createElement(`span`);i.textContent=t?.label??`Text`;let a=n.createElement(`span`);return a.textContent=`⌄`,a.setAttribute(`aria-hidden`,`true`),Object.assign(a.style,{color:tS,fontSize:`15px`,transform:e.menuOpen?`rotate(180deg)`:`none`,transformOrigin:`center`}),r.append(i,a),r.addEventListener(`mouseenter`,()=>{r.style.background=`rgba(0, 0, 0, 0.05)`}),r.addEventListener(`mouseleave`,()=>{r.style.background=e.menuOpen?`rgba(0, 0, 0, 0.05)`:`transparent`}),r.addEventListener(`click`,t=>{t.preventDefault(),t.stopPropagation(),m===e&&(e.menuOpen=!e.menuOpen,pe(e),me())}),r},pe=e=>{let t=e.toolbar;t.replaceChildren();let n=B(e,`font-weight`),r=B(e,`font-style`),i=B(e,`text-decoration-line`);t.append(ae(e,`B`,`Bold`,mS(n)>=600,()=>ne(e)),ae(e,`I`,`Italic`,r===`italic`||r===`oblique`,()=>re(e)),ae(e,`U`,`Underline`,i.includes(`underline`),()=>ie(e)),fe(e)),de(e)},me=()=>{let e=m;if(!e||!e.element.isConnected)return;let t=e.element.getBoundingClientRect(),n=r.getComputedStyle(e.element),i=Math.min(Math.max(120,t.width),Math.max(120,r.innerWidth-16)),a=Math.min(Math.max(8,t.left),Math.max(8,r.innerWidth-i-8)),o=Math.max(1,t.height),s=Math.min(Math.max(8,t.top),Math.max(8,r.innerHeight-o-8));Object.assign(e.editor.style,{left:`${a}px`,top:`${s}px`,width:`${i}px`,minHeight:`0px`,height:`${o}px`,fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,fontStyle:n.fontStyle,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,textAlign:n.textAlign,textTransform:n.textTransform,textDecorationLine:n.textDecorationLine,color:n.color,padding:n.padding,borderRadius:n.borderRadius,background:L(e.element)});let c=e.toolbar.getBoundingClientRect(),l=Math.max(40,c.height),u=Math.max(1,e.editor.getBoundingClientRect().height),d=s+u+8,f=d+l<=r.innerHeight-8?d:Math.max(8,s-l-8),p=Math.max(0,c.width),h=Math.min(Math.max(8,a),Math.max(8,r.innerWidth-p-8));e.toolbar.style.left=`${h}px`,e.toolbar.style.top=`${f}px`;let g=f,_=f,v=!1;if(e.menuOpen){let t=e.menu.getBoundingClientRect(),n=Math.max(0,t.height),i=Math.max(nS,t.width),a=f-n-8;v=a>=8,g=v?a:Math.min(r.innerHeight-n-8,f+l+8);let o=Math.min(Math.max(8,h+p-i),Math.max(8,r.innerWidth-i-8));e.menu.style.left=`${o}px`,e.menu.style.top=`${Math.max(8,g)}px`,_=Math.max(8,g)+n}let y=e.inspectorCard.getBoundingClientRect(),b=Math.max(0,y.height),x=Math.max(320,y.width)/2,S;if(e.menuOpen){let e=f+l+8,t=f-b-8;S=v&&e+b<=r.innerHeight-8?e:!v&&t>=8?t:v?Math.max(8,g-b-8):Math.min(r.innerHeight-b-8,_+8)}else{let e=f>=s+u,t=f+l+8;S=e&&t+b<=r.innerHeight-8?t:Math.max(8,f-b-8)}let C=Math.min(Math.max(h+p/2,8+x),r.innerWidth-8-x);e.inspectorCard.style.left=`${C}px`,e.inspectorCard.style.top=`${Math.max(8,S)}px`},he=()=>{let e=m;e&&(e.editor.remove(),e.toolbar.remove(),e.menu.remove(),e.inspectorCard.remove(),m=null)},ge=()=>{let e=m;if(!e)return;E(e.node,e.initialText),k(e.element,e.styleChanges);let t=new Set;for(let n of e.initialStyleChanges){let r=e.element.style.getPropertyValue(n.property),i=e.element.style.getPropertyPriority(n.property);r===n.beforeInline&&i===n.beforePriority&&(e.element.style.setProperty(n.property,n.desired),t.add(n.property))}let n=d.get(e.editId);n?.element===e.element&&d.set(e.editId,{...n,styleChanges:e.initialStyleChanges.filter(e=>t.has(e.property))}),he()},_e=()=>{let t=m;if(!t)return;let n=`${t.leading}${t.editor.value}${t.trailing}`,i=fS(t.styleChanges);if(n===t.initialText&&JSON.stringify(i)===JSON.stringify(t.initialStyleChanges)){E(t.node,t.initialText),he();return}p={id:t.editId,createdAt:Date.now(),pageUrl:oS(r),selector:t.selector,nodeIndex:t.nodeIndex,beforeText:t.beforeText,desiredText:n,styleChanges:i,fingerprintTag:t.fingerprint.tag,fingerprintId:t.fingerprint.id,fingerprintTestId:t.fingerprint.testId,fingerprintRole:t.fingerprint.role,fingerprintAriaLabel:t.fingerprint.ariaLabel,fingerprintClasses:t.fingerprint.classes,fingerprintText:t.fingerprint.text},u.set(t.editId,{element:t.element,node:t.node}),d.set(t.editId,{element:t.element,node:t.node,beforeText:t.beforeText,desiredText:n,styleChanges:i}),E(t.node,n),he(),e.command.execute(qx,void 0,{source:`text-inspector`}).catch(()=>{let e=d.get(t.editId);e&&(e.node.isConnected&&e.node.nodeValue===n&&E(e.node,t.beforeText),e.element.isConnected&&k(e.element,e.styleChanges)),d.delete(t.editId)})},ve=(e,r)=>{let i=Wx(t);if(i&&i.element.isConnected&&i.node.isConnected&&i.node.parentNode===i.element&&i.node.nodeValue?.trim()&&S(i.element)&&!iS.has(i.element.tagName)&&!i.element.isContentEditable)return i;for(let t of n.elementsFromPoint(e,r)){if(!(t instanceof a.HTMLElement)||!S(t)||iS.has(t.tagName)||t.isContentEditable)continue;let e=Array.from(t.childNodes).map((e,t)=>({node:e,index:t})).filter(({node:e})=>e.nodeType===a.Node.TEXT_NODE&&!!e.nodeValue?.trim());if(e.length===1)return{element:t,node:e[0].node,nodeIndex:e[0].index}}return null},ye=(e,t,n,i)=>{let a=oS(r);return l().edits.find(r=>{if(r.pageUrl!==a||r.nodeIndex!==i)return!1;let o=T(r);return o?.element===e&&o.node===t||r.selector===n})??null},be=(e,t,i)=>{if(!b())return;let a=ve(e,t);if(!a)return;i?.preventDefault(),i?.stopImmediatePropagation(),ge();let o=hu(a.element),l=gu(a.element),u=ye(a.element,a.node,o,a.nodeIndex),f=a.node.nodeValue??``,p=u?d.get(u.id):void 0,h=!!(u&&p?.node===a.node&&(f===p.desiredText||p.styleChanges.length>0)),g=f,_=f,v=[],y=u?.id??sS(r,`text-edit`);if(u&&h)g=u.beforeText,_=u.desiredText,v=fS(u.styleChanges),E(a.node,_);else if(u&&f===u.beforeText){g=u.beforeText,_=u.desiredText,v=fS(u.styleChanges),E(a.node,_);let e=A(a.element,v,[]);d.set(u.id,{...a,beforeText:g,desiredText:_,styleChanges:e})}else u&&f===u.desiredText&&(g=f,_=f,v=[]);let x=dS(_),S=n.createElement(`textarea`);S.dataset.mesurerTextEditor=`true`,S.dataset.mesurerInspectorUi=`true`,S.setAttribute(`aria-label`,`Edit text`),S.rows=1,S.value=x.value,Object.assign(S.style,{position:`fixed`,boxSizing:`border-box`,zIndex:`2147483647`,pointerEvents:`auto`,resize:`none`,overflow:`hidden`,border:`0`,outline:`none`,boxShadow:`0 0 0 2px var(--msr-accent, #0d99ff), var(--msr-shadow-select-menu, 0 8px 24px rgba(15,23,42,.18))`});let C=n.createElement(`div`);C.className=`mesurer-toolbar-surface`,C.dataset.mesurerTextStyleToolbar=`true`,C.dataset.mesurerTextStyleSurface=`toolbar`,C.dataset.mesurerInspectorUi=`true`,C.setAttribute(`role`,`toolbar`),C.setAttribute(`aria-label`,`Text styles`),Object.assign(C.style,{position:`fixed`,zIndex:`2147483647`,pointerEvents:`auto`,display:`flex`,alignItems:`center`,flexWrap:`nowrap`,gap:`4px`,maxWidth:`calc(100vw - 16px)`,padding:`4px`,borderRadius:`12px`,background:`var(--msr-surface-raised, #ffffff)`,color:eS,boxShadow:rS});let w=n.createElement(`div`);w.className=`mesurer-toolbar-surface`,w.dataset.mesurerTextStyleMenu=`true`,w.dataset.mesurerInspectorUi=`true`,w.setAttribute(`role`,`menu`),w.setAttribute(`aria-label`,`Text style menu`),Object.assign(w.style,{position:`fixed`,zIndex:`2147483647`,width:`${nS}px`,maxWidth:`calc(100vw - 16px)`,maxHeight:`min(520px, calc(100vh - 16px))`,overflowY:`auto`,pointerEvents:`auto`,boxSizing:`border-box`,padding:`6px`,borderRadius:`12px`,background:`var(--msr-surface-raised, #ffffff)`,color:eS,boxShadow:rS});let T=vy(n,!1);T.dataset.mesurerTextInspectorInfo=`true`,T.dataset.mesurerInspectorUi=`true`,T.setAttribute(`aria-label`,`Text inspector`),Object.assign(T.style,{zIndex:`2147483647`,pointerEvents:`auto`,transform:`translateX(-50%)`,opacity:`1`}),c.element.append(S,C,w,T);let D=s.getFull(a.element);m={element:a.element,node:a.node,editor:S,toolbar:C,menu:w,menuOpen:!1,inspectorCard:T,inspectorInfo:D,editId:y,beforeText:g,initialText:_,leading:x.leading,trailing:x.trailing,nodeIndex:a.nodeIndex,selector:o,fingerprint:l,initialStyleChanges:fS(v),styleChanges:v,catalog:I(a.element)},pe(m),z(m,!1),me(),S.addEventListener(`input`,()=>{let e=m;!e||e.editor!==S||(E(e.node,`${e.leading}${S.value}${e.trailing}`),z(e,!1),me())}),S.focus({preventScroll:!0}),S.setSelectionRange(0,S.value.length)},xe=e=>{e instanceof a.MouseEvent&&be(e.clientX,e.clientY,e)},Se=e=>{if(!e.pointerType||e.pointerType===`mouse`||!b())return;let t=ve(e.clientX,e.clientY);if(!t){h=null;return}let n=r.performance.now(),i=h;if(i&&i.element===t.element&&n-i.time<=Xx&&Math.hypot(e.clientX-i.x,e.clientY-i.y)<=Zx){h=null,be(e.clientX,e.clientY,e);return}h={time:n,x:e.clientX,y:e.clientY,element:t.element}},Ce=()=>{if(_=0,!g){if(m&&!b()&&ge(),!x()){j();return}M(),me()}},we=()=>{g||_||(_=r.requestAnimationFrame(Ce))},Te=()=>{if(c.element.dataset.mesurerNativeScrollRuntimeLayer!==`true`){we();return}_&&=(r.cancelAnimationFrame(_),0),v&&r.clearTimeout(v),v=r.setTimeout(()=>{v=0,we()},Qx)},Ee=e=>{let t=m;if(!t)return;let n=e.composedPath();n.includes(t.editor)||n.includes(t.toolbar)||n.includes(t.menu)||n.includes(t.inspectorCard)||_e()},De=t=>{let n=m;if(n){let e=t.composedPath().includes(n.editor);if(t.key===`Escape`){if(t.preventDefault(),t.stopImmediatePropagation(),n.menuOpen){n.menuOpen=!1,pe(n),me(),n.editor.focus({preventScroll:!0});return}ge();return}if(e&&t.altKey&&(t.metaKey||t.ctrlKey)&&!t.shiftKey){let e=t.key===`0`?`text`:t.key===`1`?`heading-1`:t.key===`2`?`heading-2`:t.key===`3`?`heading-3`:null,r=e?n.catalog.presets.find(t=>t.id===e):null;if(r){t.preventDefault(),t.stopImmediatePropagation(),te(n,r);return}}if(e&&(t.metaKey||t.ctrlKey)&&!t.altKey&&!t.shiftKey){let e=t.key.toLowerCase();if(e===`b`||e===`i`||e===`u`){t.preventDefault(),t.stopImmediatePropagation(),e===`b`?ne(n):e===`i`?re(n):ie(n),n.editor.focus({preventScroll:!0});return}}e&&t.key===`Enter`&&!t.shiftKey&&(t.preventDefault(),t.stopImmediatePropagation(),_e());return}t.key===`Escape`&&y()===`text-inspector`&&e.command.execute(Jx,void 0,{source:`text-inspector-clear`})},Oe=new a.MutationObserver(e=>{for(let t of e){if(t.type!==`characterData`||!(t.target instanceof a.Text))continue;let e=t.target,n=f.get(e)??0;if(n>0){n===1?f.delete(e):f.set(e,n-1);continue}for(let[t,n]of d)n.node===e&&d.delete(t)}we()});Oe.observe(i,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`]}),e.command.register(qx,()=>{let t=p;p=null,t&&e.state.update(`mesurer.text-edit.intents`,e=>{let n=e.edits.filter(e=>e.id!==t.id);return{edits:t.desiredText!==t.beforeText||t.styleChanges.length>0?[...n,t].slice(-100):n}})}),e.command.register(Jx,()=>{p=null,e.state.update(Gx,()=>({edits:[]}))}),e.service.provide(Kx,{intents:()=>l().edits.map(uS),intent:e=>{let t=l().edits.find(t=>t.id===e);return t?uS(t):null},clear:async()=>{await e.command.execute(Jx)}});let ke=o.subscribe(we);e.state.subscribe(we),r.addEventListener(`dblclick`,xe,!0),r.addEventListener(`pointerup`,Se,!0),r.addEventListener(`pointerdown`,Ee,!0),r.addEventListener(`keydown`,De,!0),r.addEventListener(`resize`,we),r.addEventListener(`scroll`,Te,!0),we(),e.lifecycle.onDispose(()=>{g=!0,_&&r.cancelAnimationFrame(_),_=0,v&&r.clearTimeout(v),v=0,ge(),j(),Oe.disconnect(),ke(),r.removeEventListener(`dblclick`,xe,!0),r.removeEventListener(`pointerup`,Se,!0),r.removeEventListener(`pointerdown`,Ee,!0),r.removeEventListener(`keydown`,De,!0),r.removeEventListener(`resize`,we),r.removeEventListener(`scroll`,Te,!0),u.clear(),o.dispose(),c.dispose()})}var bS=`[data-mesurer-text-editor='true']`,xS=`[data-mesurer-text-edit-runtime='true']`,SS=`[data-mesurer-root='true']`,CS=`data-mesurer-direct-text-edit-active`;function wS(e,t,n){let{ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(xS),s=o.item(o.length-1),c=n.rendererRoot??s?.closest(SS)??null;if(!s?.isConnected||!c?.isConnected)return;let l=!1,u=()=>{let e=!!s.querySelector(bS);e!==l&&(l=e,l?c.setAttribute(CS,`true`):c.removeAttribute(CS))},d=new a.MutationObserver(u);d.observe(s,{childList:!0,subtree:!0}),u(),e.lifecycle.onDispose(()=>{d.disconnect(),c.removeAttribute(CS)})}var TS=8,ES=2,DS=4,OS=20,kS=`[data-mesurer-selected-measurement='true']`,AS=`[data-mesurer-measurement-chrome='true']`,jS=`[data-mesurer-measurement-label='true']`,MS=`[data-mesurer-text-editor='true']`,NS=`[data-mesurer-text-edit-ring='true']`,PS=`[data-mesurer-text-inspector-info='true']`,FS=`[data-mesurer-text-inspector-placement-shell='true']`,IS=`data-mesurer-measurement-label-clearance`,LS=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),RS=(e,t,n=DS)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,zS=(e,t)=>Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left))>0&&Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top))>0,BS=e=>e.reduce((e,t)=>({left:Math.min(e.left,t.left),top:Math.min(e.top,t.top),right:Math.max(e.right,t.right),bottom:Math.max(e.bottom,t.bottom),width:Math.max(e.right,t.right)-Math.min(e.left,t.left),height:Math.max(e.bottom,t.bottom)-Math.min(e.top,t.top)})),VS=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+OS,width:e.width,height:OS});function HS(e,t,n,r){let i=BS(t.length>0?[e,...t]:[e,VS(e)]),a=n.width,o=n.height,s=r.width-TS,c=r.height-TS,l=Math.max(TS,s-a),u=Math.max(TS,c-o),d=Math.min(Math.max(e.left+e.width/2-a/2,TS),l),f=Math.min(Math.max(e.top+e.height/2-o/2,TS),u),p=[{left:d,top:i.top-ES-o,placement:`above`,maxHeight:null},{left:d,top:i.bottom+ES,placement:`below`,maxHeight:null},{left:i.right+ES,top:f,placement:`side`,maxHeight:null},{left:i.left-ES-a,top:f,placement:`side`,maxHeight:null}],m=e=>e.left>=TS&&e.top>=TS&&e.left+a<=s&&e.top+o<=c,h=p.find(e=>m(e));if(h)return h;let g=[{placement:`above`,top:TS,height:Math.max(0,i.top-ES-TS)},{placement:`below`,top:i.bottom+ES,height:Math.max(0,c-i.bottom-ES)}].sort((e,t)=>t.height-e.height)[0];return g&&g.height>0?{left:d,top:g.top,placement:g.placement,maxHeight:g.height}:{left:d,top:TS,placement:`viewport`,maxHeight:Math.max(0,r.height-16)}}var US=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),WS=(e,t,n,r=``)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==r)&&e.style.setProperty(t,n,r)},GS=(e,t,n)=>{(e.style.getPropertyValue(t)!==n.value||e.style.getPropertyPriority(t)!==n.priority)&&(n.value||n.priority?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t))},KS=(e,t,n)=>{e.getAttribute(t)!==n&&e.setAttribute(t,n)},qS=(e,t)=>{let n=t.bottom+2,r=t.left+t.width/2,i=e.left+e.width/2;return Math.abs(e.top-n)<=8&&Math.abs(i-r)<=8},JS=(e,t,n)=>{let r=new Set;for(let t of e)for(let e of t.querySelectorAll(kS))r.add(e);let i=[];for(let e of r){let r=n.getComputedStyle(e);if(r.display===`none`||r.visibility===`hidden`)continue;let a=e.querySelector(jS);if(!a)continue;let o=n.getComputedStyle(a);if(o.display===`none`||o.visibility===`hidden`)continue;let s=LS(a.getBoundingClientRect());if(s.width<=0||s.height<=0)continue;let c=e.querySelector(AS),l=c?.isConnected?LS(c.getBoundingClientRect()):null;!(l&&l.width>0&&l.height>0&&RS(l,t))&&!qS(s,t)||i.push(s)}return i},YS=(e,t)=>e instanceof t.HTMLElement?e.matches(kS)||!!e.closest(kS)||!!e.querySelector(kS):!1;function XS(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=null,u=0,d=!1,f=()=>{let e=[a];return n!==a&&e.push(n),r.body&&!e.includes(r.body)&&e.push(r.body),e},p=()=>{let e=l;if(!e)return;let{shell:t,card:n}=e;t.isConnected&&(GS(t,`left`,e.shellLeft),GS(t,`top`,e.shellTop),GS(t,`--mesurer-native-anchor-x`,e.anchorX),GS(t,`--mesurer-native-anchor-y`,e.anchorY),e.marker===null?t.removeAttribute(IS):KS(t,IS,e.marker)),n.isConnected&&(GS(n,`max-height`,e.cardMaxHeight),e.placement===null?delete n.dataset.mesurerTextInspectorPlacement:n.dataset.mesurerTextInspectorPlacement!==e.placement&&(n.dataset.mesurerTextInspectorPlacement=e.placement)),l=null},m=(e,t)=>{l={shell:e,card:t,shellLeft:US(e,`left`),shellTop:US(e,`top`),anchorX:US(e,`--mesurer-native-anchor-x`),anchorY:US(e,`--mesurer-native-anchor-y`),cardMaxHeight:US(t,`max-height`),placement:t.getAttribute(`data-mesurer-text-inspector-placement`),marker:e.getAttribute(IS)}},h=()=>{if(d)return;let e=c.querySelector(MS),t=c.querySelector(FS),n=c.querySelector(PS),r=c.querySelectorAll(NS),a=r.item(r.length-1);if(!e?.isConnected||!t?.isConnected||!n?.isConnected||!a?.isConnected){p();return}l&&(l.shell!==t||l.card!==n)&&p();let s=LS(a.getBoundingClientRect());if(s.width<=0||s.height<=0)return;let u=t.dataset.mesurerNativeScrollOwner===`typography`&&t.dataset.mesurerNativeScrollAnchor===`offset`,h=s.right>0&&s.bottom>0&&s.left<i.innerWidth&&s.top<i.innerHeight;if(u&&!h)return;let g=JS(f(),s,o),_=VS(s),v=LS(n.getBoundingClientRect()),y=zS(v,_)||g.some(e=>zS(v,e));if(!l&&!y)return;l||m(t,n);let b=Math.max(v.height,n.scrollHeight),x=HS(s,g,{width:v.width,height:b},{width:i.innerWidth,height:i.innerHeight});u?(WS(t,`--mesurer-native-anchor-x`,`${x.left-s.left}px`),WS(t,`--mesurer-native-anchor-y`,`${x.top-s.top}px`)):(WS(t,`left`,`${x.left}px`),WS(t,`top`,`${x.top}px`)),x.maxHeight===null&&l?GS(n,`max-height`,l.cardMaxHeight):x.maxHeight!==null&&WS(n,`max-height`,`${x.maxHeight}px`),n.dataset.mesurerTextInspectorPlacement!==x.placement&&(n.dataset.mesurerTextInspectorPlacement=x.placement),KS(t,IS,`true`)},g=()=>{d||u||(u=i.requestAnimationFrame(()=>{u=0,h()}))},_=new o.MutationObserver(g);_.observe(c,{childList:!0,subtree:!0});let v=n===a?null:new o.MutationObserver(e=>{e.some(e=>e.type===`attributes`?YS(e.target,o):YS(e.target,o)?!0:[...e.addedNodes,...e.removedNodes].some(e=>YS(e,o)))&&g()});v?.observe(n,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`data-mesurer-selected-measurement`]}),i.addEventListener(`resize`,g,!0),i.addEventListener(`dblclick`,g,!0),g(),e.lifecycle.onDispose(()=>{d=!0,_.disconnect(),v?.disconnect(),i.removeEventListener(`resize`,g,!0),i.removeEventListener(`dblclick`,g,!0),u&&i.cancelAnimationFrame(u),p()})}var ZS=`var(--msr-accent, #0d99ff)`,QS=`var(--msr-color-ink-500, #8a8a8a)`,$S=288,eC=1.5,tC=80,nC=(e,t,n=2)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,rC=(e,t,n)=>Math.min(Math.max(e,t),n);function iC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=c.closest(`[data-mesurer-root='true']`),u=null,d=new Map,f=null,p=!1,m=null,h=null,g=null,_=0,v=0,y=!1,b=!1,x=()=>l?.querySelector(`button[data-mesurer-builtin='text-inspector']`)??null,S=()=>{for(let e of a.querySelectorAll(`.mesurer-ti-card, .mesurer-ti-box`))c.contains(e)||d.has(e)||(d.set(e,{element:e,display:e.style.getPropertyValue(`display`),displayPriority:e.style.getPropertyPriority(`display`),ariaHidden:e.getAttribute(`aria-hidden`)}),e.style.setProperty(`display`,`none`,`important`),e.setAttribute(`aria-hidden`,`true`))},C=()=>{for(let e of d.values()){let{element:t}=e;t.isConnected&&(e.display||e.displayPriority?t.style.setProperty(`display`,e.display,e.displayPriority):t.style.removeProperty(`display`),e.ariaHidden===null?t.removeAttribute(`aria-hidden`):t.setAttribute(`aria-hidden`,e.ariaHidden))}d.clear()},w=()=>{let e=f;if(!e)return;let{element:t}=e;t.isConnected&&(e.visibility||e.visibilityPriority?t.style.setProperty(`visibility`,e.visibility,e.visibilityPriority):t.style.removeProperty(`visibility`),e.pointerEvents||e.pointerEventsPriority?t.style.setProperty(`pointer-events`,e.pointerEvents,e.pointerEventsPriority):t.style.removeProperty(`pointer-events`),e.ariaHidden===null?t.removeAttribute(`aria-hidden`):t.setAttribute(`aria-hidden`,e.ariaHidden),delete t.dataset.mesurerTextInspectorAutoHidden),f=null},T=(e,t)=>{if(!t){f?.element===e&&w();return}f?.element!==e&&(w(),f={element:e,visibility:e.style.getPropertyValue(`visibility`),visibilityPriority:e.style.getPropertyPriority(`visibility`),pointerEvents:e.style.getPropertyValue(`pointer-events`),pointerEventsPriority:e.style.getPropertyPriority(`pointer-events`),ariaHidden:e.getAttribute(`aria-hidden`)},e.dataset.mesurerTextInspectorAutoHidden=`true`,e.style.setProperty(`visibility`,`hidden`,`important`),e.style.setProperty(`pointer-events`,`none`,`important`),e.setAttribute(`aria-hidden`,`true`))},E=e=>{if(!l||p===e)return;let t=x();if(p=e,e){if(l.dataset.mesurerTypographyContextActive=`true`,!t)return;u={ariaPressed:t.getAttribute(`aria-pressed`),background:t.style.backgroundColor,color:t.style.color},t.setAttribute(`aria-pressed`,`true`),t.style.backgroundColor=ZS,t.style.color=`var(--msr-color-white, #ffffff)`;return}if(delete l.dataset.mesurerTypographyContextActive,!t||!u){u=null;return}t.classList.contains(`msr:bg-[#0d99ff]`)?t.setAttribute(`aria-pressed`,`true`):u.ariaPressed===null?t.removeAttribute(`aria-pressed`):t.setAttribute(`aria-pressed`,u.ariaPressed),t.style.backgroundColor=u.background,t.style.color=u.color,u=null},D=e=>{let t=e.dataset.mesurerTextStyleSelect??``;Object.assign(e.style,{width:`auto`,height:`32px`,maxWidth:t===`font`?`128px`:`72px`,minWidth:t===`font`?`92px`:`56px`,border:`0`,borderRadius:`8px`,background:`transparent`,color:`var(--msr-content, #0f172a)`,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 8px`,cursor:`pointer`,outline:`none`})},O=e=>{Object.assign(e.style,{display:`flex`,alignItems:`center`,flexWrap:`nowrap`,gap:`4px`,marginLeft:`2px`,paddingLeft:`8px`,borderLeft:`1px solid var(--msr-color-ink-200, rgba(0, 0, 0, 0.10))`});let t=Array.from(e.querySelectorAll(`[data-mesurer-text-color]`));for(let[e,n]of t.entries())Object.assign(n.style,{display:e<6?`block`:`none`,width:`18px`,height:`18px`,borderRadius:`50%`,padding:`0`});let n=e.querySelector(`[data-mesurer-text-custom-color='true']`);n&&Object.assign(n.style,{width:`32px`,height:`32px`,border:`0`,borderRadius:`8px`,background:`transparent`,padding:`5px`,cursor:`pointer`})},k=e=>{e.setAttribute(`aria-label`,`Text preset`),e.style.marginLeft=`0`;let t=e.querySelectorAll(`:scope > span`),n=t.item(t.length-1);n&&(n.textContent&&=``,n.dataset.mesurerTextStyleChevron=`true`,Object.assign(n.style,{width:`7px`,height:`7px`,flex:`0 0 7px`,boxSizing:`border-box`,borderRight:`1.5px solid ${QS}`,borderBottom:`1.5px solid ${QS}`,color:`transparent`,fontSize:`0`,lineHeight:`0`,transform:e.getAttribute(`aria-expanded`)===`true`?`rotate(225deg)`:`rotate(45deg)`,transformOrigin:`50% 50%`}))},A=(e,t)=>{let n=e.getBoundingClientRect(),i=Math.min(Math.max(8,n.left),Math.max(8,r.innerWidth-n.width-8));if(e.style.left=`${i}px`,t.style.display!==`none`&&!t.hidden){let e=t.getBoundingClientRect(),a=Math.min(Math.max(8,i+n.width-e.width),Math.max(8,r.innerWidth-e.width-8));t.style.left=`${a}px`}},j=()=>{g?.remove(),g=null},M=()=>g?.isConnected?g:(g=n.createElement(`div`),g.dataset.mesurerTextCaret=`true`,g.dataset.mesurerInspectorUi=`true`,g.setAttribute(`aria-hidden`,`true`),Object.assign(g.style,{position:`fixed`,zIndex:`2147483647`,width:`${eC}px`,pointerEvents:`none`,transform:`translateX(-${eC/2}px)`,transformOrigin:`center`}),a.append(g),g.animate?.([{opacity:`1`,offset:0},{opacity:`1`,offset:.49},{opacity:`0`,offset:.5},{opacity:`0`,offset:1}],{duration:1e3,iterations:1/0}),g),N=(e,t)=>{let n=e.nodeValue??``,r=n.indexOf(t);return r>=0&&!n.slice(0,r).trim()&&!n.slice(r+t.length).trim()?{leadingLength:r}:n.trim()===t.trim()?{leadingLength:n.length-n.trimStart().length}:null},P=(e,t)=>{if(h?.node.isConnected&&h.node.parentNode===h.element){let t=N(h.node,e.value);if(t)return h.leadingLength=t.leadingLength,h}let r=t.getBoundingClientRect(),a=[[r.left+r.width/2,r.top+r.height/2],[r.left+2,r.top+2],[r.right-2,r.bottom-2]],s=[];for(let[e,t]of a)for(let r of n.elementsFromPoint(e,t))!(r instanceof o.HTMLElement)||s.includes(r)||i.contains(r)&&(r.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`)||s.push(r));for(let t of s){if(!nC(t.getBoundingClientRect(),r))continue;let n=Array.from(t.childNodes).filter(e=>e.nodeType===o.Node.TEXT_NODE).flatMap(t=>{let n=N(t,e.value);return n?[{node:t,leadingLength:n.leadingLength}]:[]});if(n.length===1)return h={element:t,node:n[0].node,leadingLength:n[0].leadingLength},h}return null},F=(e,t)=>{let r=n.createRange();try{r.setStart(e,t),r.collapse(!0);let n=r.getClientRects()[0]??r.getBoundingClientRect();if(n&&n.height>0)return{left:n.left,top:n.top,height:n.height}}catch{return null}let i=e.nodeValue?.length??0,a=n.createRange();try{if(t<i){a.setStart(e,t),a.setEnd(e,t+1);let n=a.getClientRects()[0]??a.getBoundingClientRect();if(n&&n.height>0)return{left:n.left,top:n.top,height:n.height}}if(t>0){a.setStart(e,t-1),a.setEnd(e,t);let n=Array.from(a.getClientRects()),r=n[n.length-1]??a.getBoundingClientRect();if(r&&r.height>0)return{left:r.right,top:r.top,height:r.height}}}catch{return null}return null},I=(e,t)=>{let i=e.selectionStart??0;if(i!==(e.selectionEnd??i)||n.activeElement!==e){j();return}let a=P(e,t);if(!a){j();return}let o=a.leadingLength+rC(i,0,e.value.length),s=F(a.node,o);if(!s||s.left<0||s.top<0||s.left>r.innerWidth||s.top>r.innerHeight){j();return}let c=r.getComputedStyle(a.element),l=M();Object.assign(l.style,{left:`${s.left}px`,top:`${s.top}px`,height:`${Math.max(1,s.height)}px`,background:c.color&&c.color!==`transparent`?c.color:ZS})},L=()=>{if(_=0,y)return;let e=c.querySelector(`[data-mesurer-text-editor='true']`),t=a.querySelector(`[data-mesurer-text-edit-ring='true']`),n=c.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!e||!t){w(),j();return}n?T(n,!1):w(),I(e,t)},R=()=>{y||_||(_=r.requestAnimationFrame(L))},z=()=>{_&&=(r.cancelAnimationFrame(_),0),g&&j(),v&&r.clearTimeout(v),v=r.setTimeout(()=>{v=0,R()},tC)},B=()=>{m&&(m.removeEventListener(`input`,R),m.removeEventListener(`select`,R),m.removeEventListener(`keyup`,R),m.removeEventListener(`pointerup`,R),m.removeEventListener(`focus`,R),m.removeEventListener(`blur`,R),m=null,h=null)},V=e=>{m!==e&&(B(),m=e,e.addEventListener(`input`,R),e.addEventListener(`select`,R),e.addEventListener(`keyup`,R),e.addEventListener(`pointerup`,R),e.addEventListener(`focus`,R),e.addEventListener(`blur`,R))},ee=()=>{if(!(y||b)){b=!0;try{let e=c.querySelector(`[data-mesurer-text-editor='true']`),t=c.querySelector(`[data-mesurer-text-style-toolbar='true']`),r=c.querySelector(`[data-mesurer-text-style-menu='true']`),i=c.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!e||!t||!r){B(),w(),j(),C(),E(!1);return}V(e),E(!0),S(),i&&i.setAttribute(`aria-label`,`Typography details`);let a=t.querySelector(`[data-mesurer-text-style-menu-button='true']`);if(!a)return;let s=Array.from(r.querySelectorAll(`[data-mesurer-text-style-select]`));for(let e of s){let n=e.parentElement;D(e),t.insertBefore(e,a),n?.isConnected&&n!==t&&n.remove()}let l=Array.from(r.querySelectorAll(`[data-mesurer-text-style-input]`));for(let e of l){let n=e.parentElement;t.insertBefore(e,a),n?.isConnected&&n!==t&&n.remove()}let u=r.querySelector(`[data-mesurer-text-color-swatches='true']`);if(u){let e=u.parentElement;O(u),t.insertBefore(u,a),e?.isConnected&&e!==t&&e.remove()}for(let e of Array.from(r.children))e instanceof o.HTMLButtonElement&&e.hasAttribute(`data-mesurer-text-style-preset`)||e.remove();Object.assign(r.style,{width:`${$S}px`,maxHeight:`min(260px, calc(100vh - 16px))`,overflowY:`auto`}),r.setAttribute(`aria-label`,`Text presets`);let d=t.querySelector(`[data-mesurer-text-preset-separator='true']`);d?d.nextSibling!==a&&t.insertBefore(d,a):(d=n.createElement(`span`),d.dataset.mesurerTextPresetSeparator=`true`,d.setAttribute(`aria-hidden`,`true`),Object.assign(d.style,{width:`1px`,height:`20px`,flex:`0 0 1px`,margin:`0 2px`,background:`rgba(0, 0, 0, 0.10)`}),t.insertBefore(d,a)),t.lastElementChild!==a&&t.append(a),k(a),A(t,r),R()}finally{b=!1}}},H=new o.MutationObserver(()=>ee());H.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,R),r.addEventListener(`scroll`,z,{capture:!0,passive:!0}),ee(),e.lifecycle.onDispose(()=>{y=!0,H.disconnect(),r.removeEventListener(`resize`,R),r.removeEventListener(`scroll`,z,!0),_&&r.cancelAnimationFrame(_),v&&r.clearTimeout(v),_=0,v=0,B(),w(),j(),C(),E(!1)})}var aC=`#0d99ff`,oC=`rgba(13, 153, 255, 0.22)`,sC=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),cC=(e,t)=>Array.from(e.childNodes).map((e,t)=>({node:e,index:t})).filter(e=>e.node.nodeType===t.Node.TEXT_NODE&&!!e.node.nodeValue?.trim()),lC=(e,t,n,r,i)=>{let a=e,o=a.caretPositionFromPoint?.(r,i);if(o?.offsetNode instanceof t.Text){let e=n.find(e=>e.node===o.offsetNode);if(e)return e}let s=a.caretRangeFromPoint?.(r,i);if(s?.startContainer instanceof t.Text){let e=n.find(e=>e.node===s.startContainer);if(e)return e}for(let t of n){let n=e.createRange();n.selectNodeContents(t.node);let a;try{a=n.getClientRects()}catch{continue}if(Array.from(a).some(e=>r>=e.left-1&&r<=e.right+1&&i>=e.top-1&&i<=e.bottom+1))return t}return null},uC=(e,t,n)=>Math.min(Math.max(e,t),n);function dC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=()=>{if(t.currentToolbarMode)return t.currentToolbarMode()===`edit`;let e=t.currentToolMode?.()??`none`;return e===`text-inspector`||e===`select`},s=e=>pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`),c=(e,i)=>{if(Hx(t),o())for(let o of n.elementsFromPoint(e,i)){if(Al(o,r))return;if(!(o instanceof a.HTMLElement)||!s(o)||sC.has(o.tagName)||o.isContentEditable)continue;let c=cC(o,a);if(c.length===0)continue;if(c.length===1){Ux(t,{element:o,node:c[0].node,nodeIndex:c[0].index});return}let l=lC(n,a,c,e,i);if(l){Ux(t,{element:o,node:l.node,nodeIndex:l.index});return}}},l=e=>c(e.clientX,e.clientY),u=e=>{!e.pointerType||e.pointerType===`mouse`||c(e.clientX,e.clientY)};r.addEventListener(`dblclick`,l,!0),r.addEventListener(`pointerup`,u,!0),e.lifecycle.onDispose(()=>{Hx(t),r.removeEventListener(`dblclick`,l,!0),r.removeEventListener(`pointerup`,u,!0)})}function fC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=t.createWorkspaceRuntime(),u=null,d=[],f=null,p=null,m=!1,h=0,g=!1,_=()=>{u?.remove(),u=null},v=()=>{for(let e of d)e.remove();d=[]},y=e=>{let t=d[e];if(t?.isConnected)return t;let r=n.createElement(`div`);return r.dataset.mesurerTextSelectionHighlight=`true`,r.dataset.mesurerInspectorUi=`true`,r.setAttribute(`aria-hidden`,`true`),Object.assign(r.style,{position:`fixed`,zIndex:`2147483644`,pointerEvents:`none`,borderRadius:`2px`,background:oC,transition:`none`,animation:`none`}),a.append(r),d[e]=r,r},b=e=>{for(;d.length>e;)d.pop()?.remove()},x=()=>u?.isConnected?u:(u=n.createElement(`div`),u.dataset.mesurerTextEditRing=`true`,u.dataset.mesurerInspectorUi=`true`,u.setAttribute(`aria-hidden`,`true`),Object.assign(u.style,{position:`fixed`,zIndex:`2147483645`,pointerEvents:`none`,boxSizing:`border-box`,background:`transparent`,boxShadow:`inset 0 0 0 1.5px ${aC}`,transition:`none`,animation:`none`}),c.append(u),u),S=()=>{g||m||(m=!0,r.queueMicrotask(()=>{m=!1,E()}))},C=(e,t)=>{if(!t?.node.isConnected||t.node.parentNode!==t.element){v();return}let i=e.selectionStart??0,a=e.selectionEnd??i;if(i===a){v();return}let o=t.node.nodeValue??``,s=o.length-o.trimStart().length,c=o.length-o.trimEnd().length,l=Math.max(0,o.length-s-c),u=s+uC(Math.min(i,a),0,l),d=s+uC(Math.max(i,a),0,l);if(u===d){v();return}let f=n.createRange();try{f.setStart(t.node,u),f.setEnd(t.node,d)}catch{v();return}let p;try{p=Array.from(f.getClientRects()).filter(e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0&&e.left<r.innerWidth&&e.top<r.innerHeight)}catch{v();return}for(let[e,t]of p.entries()){let n=y(e);Object.assign(n.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})}b(p.length)},w=e=>{f!==e&&(f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),f=e,p=null,e.addEventListener(`input`,S),e.addEventListener(`select`,S),e.addEventListener(`keyup`,S),e.addEventListener(`pointerup`,S))},T=e=>{let t=l.currentSelection().elements.filter(e=>e instanceof o.HTMLElement&&e.isConnected&&pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`));if(t.length!==1)return null;let n=t[0],r=cC(n,o);if(!r.length)return null;let a=e.value.trim(),s=r.find(({node:e})=>(e.nodeValue??``).trim()===a)??(r.length===1?r[0]:null);return s?{element:n,node:s.node,nodeIndex:s.index}:null},E=()=>{if(g)return;let e=c.querySelector(`[data-mesurer-text-editor='true']`);if(!e){f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),f=null,p=null,v(),_();return}e.style.opacity=`0`,e.style.background=`transparent`,e.style.boxShadow=`none`,w(e);let n=Wx(t)??p??T(e);n?.element.isConnected&&n.node.isConnected&&(p=n);let a=n?.element??null,o=a?.isConnected&&pu(a,i)&&!a.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`)?a:null,s=o?.getBoundingClientRect()??e.getBoundingClientRect(),l=r.getComputedStyle(o??e),u=x();Object.assign(u.style,{left:`${s.left}px`,top:`${s.top}px`,width:`${s.width}px`,height:`${s.height}px`,borderRadius:l.borderRadius}),C(e,o?n:null)},D=()=>{u?.dataset.mesurerNativeScrollAnchor===`box`||h||(h=r.requestAnimationFrame(()=>{h=0,u?.dataset.mesurerNativeScrollAnchor!==`box`&&E()}))},O=new o.MutationObserver(S);O.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,S),r.addEventListener(`scroll`,D,{capture:!0,passive:!0}),E(),e.lifecycle.onDispose(()=>{g=!0,Hx(t),O.disconnect(),r.removeEventListener(`resize`,S),r.removeEventListener(`scroll`,D,!0),h&&r.cancelAnimationFrame(h),f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),p=null,v(),_(),l.dispose()})}var pC=`[data-mesurer-selected-measurement='true']`,mC=`[data-mesurer-hover-measurement='true']`,hC=`[data-mesurer-text-editor='true']`,gC=`data-mesurer-direct-edit-selection-suppressed`,_C=`data-mesurer-direct-edit-hover-suppressed`;function vC(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=r.createElement(`style`);l.dataset.mesurerEditSelectionPaintGuard=`true`,l.textContent=`
|
|
2499
|
+
`,n.head.append(a);let o=new Map,s=r.scrollX,c=r.scrollY,l=0,u=!1,d=e=>{o.has(e)||o.set(e,{x:s,y:c})},f=e=>{if(e instanceof i.HTMLElement){e.matches(Vx)&&d(e);for(let t of e.querySelectorAll(Vx))d(t)}};for(let e of n.querySelectorAll(Vx))d(e);let p=new i.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)f(e)});n.body&&p.observe(n.body,{childList:!0,subtree:!0});let m=()=>{if(l=0,!u)for(let[e,t]of Array.from(o)){if(!e.isConnected){o.delete(e);continue}let n=s-t.x,r=c-t.y;if(t.x=s,t.y=c,n===0&&r===0||e.dataset.mesurerNativeScrollAnchor!==`offset`)continue;let i=Number.parseFloat(e.style.left),a=Number.parseFloat(e.style.top);Number.isFinite(i)&&(e.style.left=`${i-n}px`),Number.isFinite(a)&&(e.style.top=`${a-r}px`)}},h=()=>{u||(s=r.scrollX,c=r.scrollY,l&&r.clearTimeout(l),l=r.setTimeout(m,Bx))};r.addEventListener(`scroll`,h,{capture:!0,passive:!0}),e.lifecycle.onDispose(()=>{u=!0,p.disconnect(),l&&r.clearTimeout(l),r.removeEventListener(`scroll`,h,!0),o.clear(),a.remove()})}var Ux=new WeakMap,Wx=e=>{let t=Ux.get(e.pageTarget);t&&(e.ownerWindow.clearTimeout(t.clearTimer),Ux.delete(e.pageTarget))},Gx=(e,t)=>{Wx(e);let n=e.pageTarget,r={target:t,clearTimer:0};Ux.set(n,r),r.clearTimer=e.ownerWindow.setTimeout(()=>{Ux.get(n)===r&&Ux.delete(n)},0)},Kx=e=>Ux.get(e.pageTarget)?.target??null,qx=`mesurer.text-edit.intents`,Jx=`text-edit`,Yx=`text-edit.commit`,Xx=`text-edit.clear`,Zx=600,Qx=360,$x=24,eS=80,tS=`var(--msr-accent, #0d99ff)`,nS=`var(--msr-content, #0f172a)`,rS=`var(--msr-color-ink-500, #8a8a8a)`,iS=288,aS=`var(--msr-shadow-floating, 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1))`,oS=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),sS=[`font-family`,`font-size`,`font-weight`,`font-style`,`line-height`,`letter-spacing`,`text-transform`,`color`],cS=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},lS=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,uS=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:e.fingerprintClasses,text:e.fingerprintText}),dS=e=>({property:e.property,before:e.before,desired:e.desired}),fS=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,selector:e.selector,nodeIndex:e.nodeIndex,before:e.beforeText,desired:e.desiredText,styles:e.styleChanges.map(dS)}),pS=e=>{let t=e.match(/^\s*/)?.[0]??``,n=e.slice(t.length),r=n.match(/\s*$/)?.[0]??``;return{leading:t,trailing:r,value:n.slice(0,Math.max(0,n.length-r.length))}},mS=e=>e.map(e=>({...e})),hS=e=>(e.split(`,`)[0]??e).trim().replace(/^['"]|['"]$/g,``),gS=e=>{if(e===`bold`)return 700;if(e===`normal`)return 400;let t=Number(e);return Number.isFinite(t)?t:400},_S=e=>e===`transparent`||/^rgba\([^)]*,\s*0(?:\.0+)?\s*\)$/.test(e)||/^rgba\(0\s+0\s+0\s*\/\s*0(?:\.0+)?\)$/.test(e),vS=e=>{let t=/^rgba?\(\s*(\d+(?:\.\d+)?)\D+(\d+(?:\.\d+)?)\D+(\d+(?:\.\d+)?)/.exec(e);if(!t)return`#000000`;let n=e=>Math.max(0,Math.min(255,Math.round(Number(e)))).toString(16).padStart(2,`0`);return`#${n(t[1])}${n(t[2])}${n(t[3])}`},yS=(e,t)=>[...e.entries()].sort((e,t)=>t[1]-e[1]||e[0].localeCompare(t[0])).slice(0,t).map(([e])=>e),bS=(e,t)=>t?[t,...e.filter(e=>e!==t)]:e;function xS(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=t.createWorkspaceRuntime(),s=new Rm(n,r),c=t.createInspectorMount();c.element.dataset.mesurerTextEditRuntime=`true`,c.element.style.position=`fixed`,c.element.style.inset=`0`,c.element.style.zIndex=`2147483646`,c.element.style.pointerEvents=`none`,e.state.register({id:qx,initial:{edits:[]},history:!0,persist:!0});let l=()=>e.state.get(`mesurer.text-edit.intents`)??{edits:[]},u=new Map,d=new Map,f=new WeakMap,p=null,m=null,h=null,g=!1,_=0,v=0,y=()=>t.currentToolMode?.()??`none`,b=()=>{if(t.currentToolbarMode)return t.currentToolbarMode()===`edit`;let e=y();return e===`text-inspector`||e===`select`},x=()=>{let e=y();return t.currentToolbarMode?e===`text-inspector`:e===`text-inspector`||e===`select`},S=e=>pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`),C=e=>Array.from(e.childNodes).some(e=>e.nodeType===a.Node.TEXT_NODE&&!!e.nodeValue?.trim()),w=e=>{let t=[];i instanceof a.HTMLElement&&i.matches(e)&&S(i)&&t.push(i);for(let n of i.querySelectorAll(e))n instanceof a.HTMLElement&&S(n)&&t.push(n);return t},T=e=>{let t=u.get(e.id);if(t?.element.isConnected&&t.node.isConnected&&S(t.element))return t;u.delete(e.id);let n=uS(e);if(!_u(n))return null;let r=[];try{r=w(e.selector).filter(e=>vu(e,n))}catch{return null}if(r.length!==1)return null;if(!n.id&&!n.testId){let e=[];try{e=w(n.tag).filter(e=>vu(e,n))}catch{return null}if(e.length!==1||e[0]!==r[0])return null}let i=r[0],o=i.childNodes.item(e.nodeIndex);if(!o||o.nodeType!==a.Node.TEXT_NODE)return null;let s={element:i,node:o};return u.set(e.id,s),s},E=(e,t)=>{e.nodeValue!==t&&(f.set(e,(f.get(e)??0)+1),e.nodeValue=t)},D=(e,t)=>{let r=n.createElement(`span`);return r.style.setProperty(e,t),r.style.getPropertyValue(e)||t},O=(e,t)=>{if(e.style.getPropertyValue(t.property)===t.desired&&!e.style.getPropertyPriority(t.property)){if(t.beforeInline){e.style.setProperty(t.property,t.beforeInline,t.beforePriority);return}e.style.removeProperty(t.property)}},k=(e,t)=>{for(let n of t)O(e,n)},A=(e,t,n)=>{let r=new Map(t.map(e=>[e.property,e])),i=new Map(n.map(e=>[e.property,e])),a=new Map;for(let[t,n]of i){let i=e.style.getPropertyValue(t),o=e.style.getPropertyPriority(t);if(i!==n.desired||o)continue;let s=r.get(t);if(!s){n.beforeInline?e.style.setProperty(t,n.beforeInline,n.beforePriority):e.style.removeProperty(t);continue}i!==s.desired&&e.style.setProperty(t,s.desired),a.set(t,s)}for(let n of t){if(a.has(n.property)||i.has(n.property))continue;let t=e.style.getPropertyValue(n.property),r=e.style.getPropertyPriority(n.property);t===n.beforeInline&&r===n.beforePriority&&(e.style.setProperty(n.property,n.desired),a.set(n.property,n))}return t.filter(e=>a.has(e.property))},j=()=>{for(let e of d.values())e.node.isConnected&&e.node.nodeValue===e.desiredText&&E(e.node,e.beforeText),e.element.isConnected&&k(e.element,e.styleChanges);d.clear()},M=()=>{let e=l().edits.filter(e=>e.pageUrl===cS(r)),t=new Set(e.map(e=>e.id));for(let[e,n]of d)t.has(e)&&n.node.isConnected&&n.element.isConnected||(n.node.isConnected&&n.node.nodeValue===n.desiredText&&E(n.node,n.beforeText),n.element.isConnected&&k(n.element,n.styleChanges),d.delete(e));for(let t of e){let e=T(t);if(!e)continue;let n=e.node.nodeValue??``,r=d.get(t.id),i=!1;r?.node===e.node&&n===r.desiredText?(n!==t.desiredText&&E(e.node,t.desiredText),i=!0):n===t.beforeText&&(E(e.node,t.desiredText),i=!0);let a=A(e.element,t.styleChanges,r?.element===e.element?r.styleChanges:[]);if(!i&&a.length===0){d.delete(t.id);continue}d.set(t.id,{...e,beforeText:t.beforeText,desiredText:t.desiredText,styleChanges:a})}},N=e=>({"font-family":e.fontFamily,"font-size":e.fontSize,"font-weight":e.fontWeight,"font-style":e.fontStyle,"line-height":e.lineHeight,"letter-spacing":e.letterSpacing,"text-transform":e.textTransform,color:e.color}),P=(e,t)=>{let n=N(t),r=JSON.stringify(n),i=e.get(r);if(i){i.count+=1;return}e.set(r,{styles:n,count:1})},F=e=>[...e.values()].sort((e,t)=>t.count-e.count)[0]??null,I=e=>{let t=new Map,n=new Map,o=new Map,s=new Map,c=[],l=new Map,u=new Map,d=null;i instanceof a.HTMLElement&&c.push(i);for(let e of i.querySelectorAll(`*`))if(e instanceof a.HTMLElement&&c.push(e),c.length>=Zx)break;for(let e of c){if(!S(e)||!C(e)||oS.has(e.tagName))continue;let i=r.getComputedStyle(e);if(i.display===`none`||i.visibility===`hidden`)continue;let a=(e,t)=>{let n=t.trim();n&&e.set(n,(e.get(n)??0)+1)};if(a(t,i.fontFamily),a(n,i.fontSize),a(o,i.fontWeight),a(s,i.color),d??=e,(e.tagName===`P`||e.tagName===`SPAN`)&&P(l,i),e.tagName===`H1`||e.tagName===`H2`||e.tagName===`H3`){let t=e.tagName,n=u.get(t)??new Map;P(n,i),u.set(t,n)}}let f=r.getComputedStyle(e),p=[{id:`text`,label:`Text`,shortcut:`0`,styles:F(l)?.styles??N(r.getComputedStyle(d??e))}];for(let[e,t,n,r]of[[`H1`,`heading-1`,`Heading 1`,`1`],[`H2`,`heading-2`,`Heading 2`,`2`],[`H3`,`heading-3`,`Heading 3`,`3`]]){let i=F(u.get(e)??new Map);i&&p.push({id:t,label:n,shortcut:r,styles:i.styles})}return{fontFamilies:bS(yS(t,12),f.fontFamily),fontSizes:bS(yS(n,12),f.fontSize),fontWeights:bS(yS(o,9).sort((e,t)=>gS(e)-gS(t)),f.fontWeight),colors:bS(yS(s,10),f.color),presets:p}},L=e=>{let t=e;for(;t;){let e=r.getComputedStyle(t).backgroundColor;if(e&&!_S(e))return e;t=t.parentElement}return`Canvas`},R=(e,t)=>e.styleChanges.find(e=>e.property===t)??null,z=(e,t)=>{let r=s.getFast(e.element);if(t)e.inspectorInfo=s.getFull(e.element,r);else{let t=new Map(e.inspectorInfo.rows.map(e=>[e.label,e.varName]));e.inspectorInfo={...r,rows:r.rows.map(e=>({...e,varName:t.get(e.label)??null}))}}xy(n,e.inspectorCard,e.inspectorInfo,!1),e.inspectorCard.dataset.mesurerTextInspectorInfo=`true`,e.inspectorCard.dataset.state=`visible`,e.inspectorCard.setAttribute(`aria-label`,`Text inspector`)},B=(e,t)=>r.getComputedStyle(e.element).getPropertyValue(t).trim(),V=(e,t,n)=>{let i=D(t,n),a=R(e,t),o=a?.before??r.getComputedStyle(e.element).getPropertyValue(t).trim(),s=a?.beforeInline??e.element.style.getPropertyValue(t),c=a?.beforePriority??e.element.style.getPropertyPriority(t);if(i===o)a&&O(e.element,a),e.styleChanges=e.styleChanges.filter(e=>e.property!==t);else{e.element.style.setProperty(t,i);let n={property:t,before:o,desired:i,beforeInline:s,beforePriority:c};e.styleChanges=[...e.styleChanges.filter(e=>e.property!==t),n]}},ee=(e,t)=>{for(let[n,r]of t)V(e,n,r);pe(e),z(e,!0),me()},H=(e,t,n)=>ee(e,[[t,n]]),U=(e,t)=>sS.every(n=>{let r=t.styles[n];return r===void 0||B(e,n)===D(n,r)}),W=e=>e.catalog.presets.find(t=>U(e,t))??null,te=(e,t)=>{e.menuOpen=!1;let n=sS.flatMap(e=>{let n=t.styles[e];return n===void 0?[]:[[e,n]]});ee(e,n),e.editor.focus({preventScroll:!0})},ne=e=>{let t=B(e,`font-weight`),n=R(e,`font-weight`);if(n&&gS(n.desired)>=600&&gS(n.before)<600){H(e,`font-weight`,n.before);return}H(e,`font-weight`,gS(t)>=600?`400`:`700`)},re=e=>{let t=B(e,`font-style`),n=R(e,`font-style`);if(n&&n.desired!==`normal`&&n.before===`normal`){H(e,`font-style`,n.before);return}H(e,`font-style`,t===`normal`?`italic`:`normal`)},ie=e=>{let t=B(e,`text-decoration-line`),n=R(e,`text-decoration-line`);if(n&&n.desired.includes(`underline`)&&!n.before.includes(`underline`)){H(e,`text-decoration-line`,n.before);return}H(e,`text-decoration-line`,t.includes(`underline`)?`none`:`underline`)},ae=(e,t,r,i,a)=>{let o=n.createElement(`button`);return o.type=`button`,o.textContent=t,o.title=r,o.setAttribute(`aria-label`,r),o.setAttribute(`aria-pressed`,i?`true`:`false`),o.dataset.mesurerTextStyleButton=r.toLowerCase(),Object.assign(o.style,{width:`32px`,height:`32px`,border:`0`,borderRadius:`8px`,background:i?tS:`transparent`,color:i?`var(--msr-color-white, #ffffff)`:`var(--msr-content, #000000)`,font:`600 13px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,textDecoration:r===`Underline`?`underline`:`none`,fontStyle:r===`Italic`?`italic`:`normal`,cursor:`pointer`,outline:`none`}),o.addEventListener(`mouseenter`,()=>{i||(o.style.background=`rgba(0, 0, 0, 0.04)`)}),o.addEventListener(`mouseleave`,()=>{o.style.background=i?tS:`transparent`}),o.addEventListener(`click`,t=>{t.preventDefault(),t.stopPropagation(),m===e&&(a(),e.editor.focus({preventScroll:!0}))}),o},oe=(e,t,r,i,a,o)=>{let s=n.createElement(`label`);Object.assign(s.style,{display:`grid`,gridTemplateColumns:`72px minmax(0, 1fr)`,alignItems:`center`,gap:`8px`,minHeight:`38px`,padding:`0 8px`,color:nS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let c=n.createElement(`span`);c.textContent=t,c.style.color=rS;let l=n.createElement(`select`);l.setAttribute(`aria-label`,t),l.dataset.mesurerTextStyleSelect=t.toLowerCase().replace(/\s+/g,`-`),Object.assign(l.style,{width:`100%`,height:`32px`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,color:nS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 8px`,cursor:`pointer`,outline:`none`});for(let e of bS(r,i)){let t=n.createElement(`option`);t.value=e,t.textContent=a(e),t.selected=e===i,l.append(t)}return l.addEventListener(`change`,()=>{m===e&&o(l.value)}),s.append(c,l),s},se=(e,t,r,i)=>{let a=n.createElement(`label`);Object.assign(a.style,{display:`grid`,gridTemplateColumns:`72px minmax(0, 1fr)`,alignItems:`center`,gap:`8px`,minHeight:`38px`,padding:`0 8px`,color:nS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let o=n.createElement(`span`);o.textContent=t,o.style.color=rS;let s=n.createElement(`input`);s.type=`text`,s.value=i,s.setAttribute(`aria-label`,t),s.dataset.mesurerTextStyleInput=t.toLowerCase().replace(/\s+/g,`-`),Object.assign(s.style,{width:`100%`,height:`32px`,boxSizing:`border-box`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,color:nS,font:`500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace`,padding:`0 8px`,outline:`none`});let c=()=>{if(m!==e)return;let a=s.value.trim();if(!a){s.value=i;return}let o=n.createElement(`span`);if(o.style.setProperty(r,a),!o.style.getPropertyValue(r)){s.setCustomValidity(`Invalid ${t.toLowerCase()} value`),s.reportValidity();return}s.setCustomValidity(``),H(e,r,a)};return s.addEventListener(`change`,c),s.addEventListener(`keydown`,t=>{t.key===`Enter`&&(t.preventDefault(),t.stopPropagation(),c(),e.editor.focus({preventScroll:!0}))}),a.append(o,s),a},ce=e=>/Mac|iPhone|iPad|iPod/i.test(r.navigator.platform||r.navigator.userAgent)?`⌥⌘${e}`:`Alt+Ctrl+${e}`,le=(e,t,r)=>{let i=n.createElement(`button`);i.type=`button`,i.dataset.mesurerTextStylePreset=t.id,i.setAttribute(`aria-label`,t.label),i.setAttribute(`aria-current`,r?`true`:`false`),Object.assign(i.style,{width:`100%`,minHeight:`40px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`16px`,border:`0`,borderRadius:`8px`,padding:`0 10px`,background:r?`rgba(0, 0, 0, 0.05)`:`transparent`,color:`var(--msr-content, #111111)`,cursor:`pointer`,outline:`none`,textAlign:`left`,font:t.id===`text`?`500 14px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`:`650 14px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let a=n.createElement(`span`);a.textContent=t.label;let o=n.createElement(`span`);return o.textContent=ce(t.shortcut),Object.assign(o.style,{color:rS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,whiteSpace:`nowrap`}),i.append(a,o),i.addEventListener(`mouseenter`,()=>{i.style.background=`rgba(0, 0, 0, 0.05)`}),i.addEventListener(`mouseleave`,()=>{i.style.background=r?`rgba(0, 0, 0, 0.05)`:`transparent`}),i.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),m===e&&te(e,t)}),i},ue=()=>{let e=n.createElement(`div`);return e.setAttribute(`role`,`separator`),Object.assign(e.style,{height:`1px`,margin:`5px 8px`,background:`rgba(0, 0, 0, 0.09)`}),e},de=e=>{let t=e.menu;t.replaceChildren();let r=W(e);for(let n of e.catalog.presets)t.append(le(e,n,r?.id===n.id));t.append(ue());let i=B(e,`font-family`),a=B(e,`font-size`),o=B(e,`font-weight`),s=B(e,`line-height`),c=B(e,`letter-spacing`),l=B(e,`color`);t.append(oe(e,`Font`,e.catalog.fontFamilies,i,hS,t=>H(e,`font-family`,t)),oe(e,`Size`,e.catalog.fontSizes,a,e=>e,t=>H(e,`font-size`,t)),oe(e,`Weight`,e.catalog.fontWeights,o,e=>e,t=>H(e,`font-weight`,t)),se(e,`Line`,`line-height`,s),se(e,`Tracking`,`letter-spacing`,c)),t.append(ue());let u=n.createElement(`div`);Object.assign(u.style,{display:`grid`,gap:`7px`,padding:`5px 8px 8px`});let d=n.createElement(`div`);d.textContent=`Text color`,Object.assign(d.style,{color:rS,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let f=n.createElement(`div`);f.setAttribute(`aria-label`,`Page text colors`),f.dataset.mesurerTextColorSwatches=`true`,Object.assign(f.style,{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:`7px`});for(let t of e.catalog.colors.slice(0,10)){let r=n.createElement(`button`);r.type=`button`,r.title=`Use ${t}`,r.setAttribute(`aria-label`,`Use text color ${t}`),r.dataset.mesurerTextColor=t,Object.assign(r.style,{width:`22px`,height:`22px`,borderRadius:`50%`,border:t===l?`2px solid ${tS}`:`1px solid rgba(0, 0, 0, 0.18)`,boxShadow:t===l?`0 0 0 2px var(--msr-color-white, #ffffff) inset`:`none`,background:t,cursor:`pointer`,padding:`0`}),r.addEventListener(`click`,n=>{n.preventDefault(),n.stopPropagation(),m===e&&H(e,`color`,t)}),f.append(r)}let p=n.createElement(`input`);p.type=`color`,p.value=vS(l),p.title=`Custom text color`,p.setAttribute(`aria-label`,`Custom text color`),p.dataset.mesurerTextCustomColor=`true`,Object.assign(p.style,{width:`28px`,height:`28px`,border:`0`,borderRadius:`8px`,background:`rgba(0, 0, 0, 0.035)`,padding:`4px`,cursor:`pointer`}),p.addEventListener(`change`,()=>{m===e&&H(e,`color`,p.value)}),f.append(p),u.append(d,f),t.append(u),t.hidden=!e.menuOpen,t.style.display=e.menuOpen?`block`:`none`},fe=e=>{let t=W(e),r=n.createElement(`button`);r.type=`button`,r.dataset.mesurerTextStyleMenuButton=`true`,r.setAttribute(`aria-label`,`Text style`),r.setAttribute(`aria-haspopup`,`menu`),r.setAttribute(`aria-expanded`,e.menuOpen?`true`:`false`),Object.assign(r.style,{minWidth:`96px`,height:`32px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`10px`,border:`0`,borderRadius:`8px`,background:e.menuOpen?`rgba(0, 0, 0, 0.05)`:`transparent`,color:`var(--msr-content, #111111)`,padding:`0 10px`,cursor:`pointer`,outline:`none`,font:`500 13px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`});let i=n.createElement(`span`);i.textContent=t?.label??`Text`;let a=n.createElement(`span`);return a.textContent=`⌄`,a.setAttribute(`aria-hidden`,`true`),Object.assign(a.style,{color:rS,fontSize:`15px`,transform:e.menuOpen?`rotate(180deg)`:`none`,transformOrigin:`center`}),r.append(i,a),r.addEventListener(`mouseenter`,()=>{r.style.background=`rgba(0, 0, 0, 0.05)`}),r.addEventListener(`mouseleave`,()=>{r.style.background=e.menuOpen?`rgba(0, 0, 0, 0.05)`:`transparent`}),r.addEventListener(`click`,t=>{t.preventDefault(),t.stopPropagation(),m===e&&(e.menuOpen=!e.menuOpen,pe(e),me())}),r},pe=e=>{let t=e.toolbar;t.replaceChildren();let n=B(e,`font-weight`),r=B(e,`font-style`),i=B(e,`text-decoration-line`);t.append(ae(e,`B`,`Bold`,gS(n)>=600,()=>ne(e)),ae(e,`I`,`Italic`,r===`italic`||r===`oblique`,()=>re(e)),ae(e,`U`,`Underline`,i.includes(`underline`),()=>ie(e)),fe(e)),de(e)},me=()=>{let e=m;if(!e||!e.element.isConnected)return;let t=e.element.getBoundingClientRect(),n=r.getComputedStyle(e.element),i=Math.min(Math.max(120,t.width),Math.max(120,r.innerWidth-16)),a=Math.min(Math.max(8,t.left),Math.max(8,r.innerWidth-i-8)),o=Math.max(1,t.height),s=Math.min(Math.max(8,t.top),Math.max(8,r.innerHeight-o-8));Object.assign(e.editor.style,{left:`${a}px`,top:`${s}px`,width:`${i}px`,minHeight:`0px`,height:`${o}px`,fontFamily:n.fontFamily,fontSize:n.fontSize,fontWeight:n.fontWeight,fontStyle:n.fontStyle,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing,textAlign:n.textAlign,textTransform:n.textTransform,textDecorationLine:n.textDecorationLine,color:n.color,padding:n.padding,borderRadius:n.borderRadius,background:L(e.element)});let c=e.toolbar.getBoundingClientRect(),l=Math.max(40,c.height),u=Math.max(1,e.editor.getBoundingClientRect().height),d=s+u+8,f=d+l<=r.innerHeight-8?d:Math.max(8,s-l-8),p=Math.max(0,c.width),h=Math.min(Math.max(8,a),Math.max(8,r.innerWidth-p-8));e.toolbar.style.left=`${h}px`,e.toolbar.style.top=`${f}px`;let g=f,_=f,v=!1;if(e.menuOpen){let t=e.menu.getBoundingClientRect(),n=Math.max(0,t.height),i=Math.max(iS,t.width),a=f-n-8;v=a>=8,g=v?a:Math.min(r.innerHeight-n-8,f+l+8);let o=Math.min(Math.max(8,h+p-i),Math.max(8,r.innerWidth-i-8));e.menu.style.left=`${o}px`,e.menu.style.top=`${Math.max(8,g)}px`,_=Math.max(8,g)+n}let y=e.inspectorCard.getBoundingClientRect(),b=Math.max(0,y.height),x=Math.max(320,y.width)/2,S;if(e.menuOpen){let e=f+l+8,t=f-b-8;S=v&&e+b<=r.innerHeight-8?e:!v&&t>=8?t:v?Math.max(8,g-b-8):Math.min(r.innerHeight-b-8,_+8)}else{let e=f>=s+u,t=f+l+8;S=e&&t+b<=r.innerHeight-8?t:Math.max(8,f-b-8)}let C=Math.min(Math.max(h+p/2,8+x),r.innerWidth-8-x);e.inspectorCard.style.left=`${C}px`,e.inspectorCard.style.top=`${Math.max(8,S)}px`},he=()=>{let e=m;e&&(e.editor.remove(),e.toolbar.remove(),e.menu.remove(),e.inspectorCard.remove(),m=null)},ge=()=>{let e=m;if(!e)return;E(e.node,e.initialText),k(e.element,e.styleChanges);let t=new Set;for(let n of e.initialStyleChanges){let r=e.element.style.getPropertyValue(n.property),i=e.element.style.getPropertyPriority(n.property);r===n.beforeInline&&i===n.beforePriority&&(e.element.style.setProperty(n.property,n.desired),t.add(n.property))}let n=d.get(e.editId);n?.element===e.element&&d.set(e.editId,{...n,styleChanges:e.initialStyleChanges.filter(e=>t.has(e.property))}),he()},_e=()=>{let t=m;if(!t)return;let n=`${t.leading}${t.editor.value}${t.trailing}`,i=mS(t.styleChanges);if(n===t.initialText&&JSON.stringify(i)===JSON.stringify(t.initialStyleChanges)){E(t.node,t.initialText),he();return}p={id:t.editId,createdAt:Date.now(),pageUrl:cS(r),selector:t.selector,nodeIndex:t.nodeIndex,beforeText:t.beforeText,desiredText:n,styleChanges:i,fingerprintTag:t.fingerprint.tag,fingerprintId:t.fingerprint.id,fingerprintTestId:t.fingerprint.testId,fingerprintRole:t.fingerprint.role,fingerprintAriaLabel:t.fingerprint.ariaLabel,fingerprintClasses:t.fingerprint.classes,fingerprintText:t.fingerprint.text},u.set(t.editId,{element:t.element,node:t.node}),d.set(t.editId,{element:t.element,node:t.node,beforeText:t.beforeText,desiredText:n,styleChanges:i}),E(t.node,n),he(),e.command.execute(Yx,void 0,{source:`text-inspector`}).catch(()=>{let e=d.get(t.editId);e&&(e.node.isConnected&&e.node.nodeValue===n&&E(e.node,t.beforeText),e.element.isConnected&&k(e.element,e.styleChanges)),d.delete(t.editId)})},ve=(e,r)=>{let i=Kx(t);if(i&&i.element.isConnected&&i.node.isConnected&&i.node.parentNode===i.element&&i.node.nodeValue?.trim()&&S(i.element)&&!oS.has(i.element.tagName)&&!i.element.isContentEditable)return i;for(let t of n.elementsFromPoint(e,r)){if(!(t instanceof a.HTMLElement)||!S(t)||oS.has(t.tagName)||t.isContentEditable)continue;let e=Array.from(t.childNodes).map((e,t)=>({node:e,index:t})).filter(({node:e})=>e.nodeType===a.Node.TEXT_NODE&&!!e.nodeValue?.trim());if(e.length===1)return{element:t,node:e[0].node,nodeIndex:e[0].index}}return null},ye=(e,t,n,i)=>{let a=cS(r);return l().edits.find(r=>{if(r.pageUrl!==a||r.nodeIndex!==i)return!1;let o=T(r);return o?.element===e&&o.node===t||r.selector===n})??null},be=(e,t,i)=>{if(!b())return;let a=ve(e,t);if(!a)return;i?.preventDefault(),i?.stopImmediatePropagation(),ge();let o=hu(a.element),l=gu(a.element),u=ye(a.element,a.node,o,a.nodeIndex),f=a.node.nodeValue??``,p=u?d.get(u.id):void 0,h=!!(u&&p?.node===a.node&&(f===p.desiredText||p.styleChanges.length>0)),g=f,_=f,v=[],y=u?.id??lS(r,`text-edit`);if(u&&h)g=u.beforeText,_=u.desiredText,v=mS(u.styleChanges),E(a.node,_);else if(u&&f===u.beforeText){g=u.beforeText,_=u.desiredText,v=mS(u.styleChanges),E(a.node,_);let e=A(a.element,v,[]);d.set(u.id,{...a,beforeText:g,desiredText:_,styleChanges:e})}else u&&f===u.desiredText&&(g=f,_=f,v=[]);let x=pS(_),S=n.createElement(`textarea`);S.dataset.mesurerTextEditor=`true`,S.dataset.mesurerInspectorUi=`true`,S.setAttribute(`aria-label`,`Edit text`),S.rows=1,S.value=x.value,Object.assign(S.style,{position:`fixed`,boxSizing:`border-box`,zIndex:`2147483647`,pointerEvents:`auto`,resize:`none`,overflow:`hidden`,border:`0`,outline:`none`,boxShadow:`0 0 0 2px var(--msr-accent, #0d99ff), var(--msr-shadow-select-menu, 0 8px 24px rgba(15,23,42,.18))`});let C=n.createElement(`div`);C.className=`mesurer-toolbar-surface`,C.dataset.mesurerTextStyleToolbar=`true`,C.dataset.mesurerTextStyleSurface=`toolbar`,C.dataset.mesurerInspectorUi=`true`,C.setAttribute(`role`,`toolbar`),C.setAttribute(`aria-label`,`Text styles`),Object.assign(C.style,{position:`fixed`,zIndex:`2147483647`,pointerEvents:`auto`,display:`flex`,alignItems:`center`,flexWrap:`nowrap`,gap:`4px`,maxWidth:`calc(100vw - 16px)`,padding:`4px`,borderRadius:`12px`,background:`var(--msr-surface-raised, #ffffff)`,color:nS,boxShadow:aS});let w=n.createElement(`div`);w.className=`mesurer-toolbar-surface`,w.dataset.mesurerTextStyleMenu=`true`,w.dataset.mesurerInspectorUi=`true`,w.setAttribute(`role`,`menu`),w.setAttribute(`aria-label`,`Text style menu`),Object.assign(w.style,{position:`fixed`,zIndex:`2147483647`,width:`${iS}px`,maxWidth:`calc(100vw - 16px)`,maxHeight:`min(520px, calc(100vh - 16px))`,overflowY:`auto`,pointerEvents:`auto`,boxSizing:`border-box`,padding:`6px`,borderRadius:`12px`,background:`var(--msr-surface-raised, #ffffff)`,color:nS,boxShadow:aS});let T=by(n,!1);T.dataset.mesurerTextInspectorInfo=`true`,T.dataset.mesurerInspectorUi=`true`,T.setAttribute(`aria-label`,`Text inspector`),Object.assign(T.style,{zIndex:`2147483647`,pointerEvents:`auto`,transform:`translateX(-50%)`,opacity:`1`}),c.element.append(S,C,w,T);let D=s.getFull(a.element);m={element:a.element,node:a.node,editor:S,toolbar:C,menu:w,menuOpen:!1,inspectorCard:T,inspectorInfo:D,editId:y,beforeText:g,initialText:_,leading:x.leading,trailing:x.trailing,nodeIndex:a.nodeIndex,selector:o,fingerprint:l,initialStyleChanges:mS(v),styleChanges:v,catalog:I(a.element)},pe(m),z(m,!1),me(),S.addEventListener(`input`,()=>{let e=m;!e||e.editor!==S||(E(e.node,`${e.leading}${S.value}${e.trailing}`),z(e,!1),me())}),S.focus({preventScroll:!0}),S.setSelectionRange(0,S.value.length)},xe=e=>{e instanceof a.MouseEvent&&be(e.clientX,e.clientY,e)},Se=e=>{if(!e.pointerType||e.pointerType===`mouse`||!b())return;let t=ve(e.clientX,e.clientY);if(!t){h=null;return}let n=r.performance.now(),i=h;if(i&&i.element===t.element&&n-i.time<=Qx&&Math.hypot(e.clientX-i.x,e.clientY-i.y)<=$x){h=null,be(e.clientX,e.clientY,e);return}h={time:n,x:e.clientX,y:e.clientY,element:t.element}},Ce=()=>{if(_=0,!g){if(m&&!b()&&ge(),!x()){j();return}M(),me()}},we=()=>{g||_||(_=r.requestAnimationFrame(Ce))},Te=()=>{if(c.element.dataset.mesurerNativeScrollRuntimeLayer!==`true`){we();return}_&&=(r.cancelAnimationFrame(_),0),v&&r.clearTimeout(v),v=r.setTimeout(()=>{v=0,we()},eS)},Ee=e=>{let t=m;if(!t)return;let n=e.composedPath();n.includes(t.editor)||n.includes(t.toolbar)||n.includes(t.menu)||n.includes(t.inspectorCard)||_e()},De=t=>{let n=m;if(n){let e=t.composedPath().includes(n.editor);if(t.key===`Escape`){if(t.preventDefault(),t.stopImmediatePropagation(),n.menuOpen){n.menuOpen=!1,pe(n),me(),n.editor.focus({preventScroll:!0});return}ge();return}if(e&&t.altKey&&(t.metaKey||t.ctrlKey)&&!t.shiftKey){let e=t.key===`0`?`text`:t.key===`1`?`heading-1`:t.key===`2`?`heading-2`:t.key===`3`?`heading-3`:null,r=e?n.catalog.presets.find(t=>t.id===e):null;if(r){t.preventDefault(),t.stopImmediatePropagation(),te(n,r);return}}if(e&&(t.metaKey||t.ctrlKey)&&!t.altKey&&!t.shiftKey){let e=t.key.toLowerCase();if(e===`b`||e===`i`||e===`u`){t.preventDefault(),t.stopImmediatePropagation(),e===`b`?ne(n):e===`i`?re(n):ie(n),n.editor.focus({preventScroll:!0});return}}e&&t.key===`Enter`&&!t.shiftKey&&(t.preventDefault(),t.stopImmediatePropagation(),_e());return}t.key===`Escape`&&y()===`text-inspector`&&e.command.execute(Xx,void 0,{source:`text-inspector-clear`})},Oe=new a.MutationObserver(e=>{for(let t of e){if(t.type!==`characterData`||!(t.target instanceof a.Text))continue;let e=t.target,n=f.get(e)??0;if(n>0){n===1?f.delete(e):f.set(e,n-1);continue}for(let[t,n]of d)n.node===e&&d.delete(t)}we()});Oe.observe(i,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`]}),e.command.register(Yx,()=>{let t=p;p=null,t&&e.state.update(`mesurer.text-edit.intents`,e=>{let n=e.edits.filter(e=>e.id!==t.id);return{edits:t.desiredText!==t.beforeText||t.styleChanges.length>0?[...n,t].slice(-100):n}})}),e.command.register(Xx,()=>{p=null,e.state.update(qx,()=>({edits:[]}))}),e.service.provide(Jx,{intents:()=>l().edits.map(fS),intent:e=>{let t=l().edits.find(t=>t.id===e);return t?fS(t):null},clear:async()=>{await e.command.execute(Xx)}});let ke=o.subscribe(we);e.state.subscribe(we),r.addEventListener(`dblclick`,xe,!0),r.addEventListener(`pointerup`,Se,!0),r.addEventListener(`pointerdown`,Ee,!0),r.addEventListener(`keydown`,De,!0),r.addEventListener(`resize`,we),r.addEventListener(`scroll`,Te,!0),we(),e.lifecycle.onDispose(()=>{g=!0,_&&r.cancelAnimationFrame(_),_=0,v&&r.clearTimeout(v),v=0,ge(),j(),Oe.disconnect(),ke(),r.removeEventListener(`dblclick`,xe,!0),r.removeEventListener(`pointerup`,Se,!0),r.removeEventListener(`pointerdown`,Ee,!0),r.removeEventListener(`keydown`,De,!0),r.removeEventListener(`resize`,we),r.removeEventListener(`scroll`,Te,!0),u.clear(),o.dispose(),c.dispose()})}var SS=`[data-mesurer-text-editor='true']`,CS=`[data-mesurer-text-edit-runtime='true']`,wS=`[data-mesurer-root='true']`,TS=`data-mesurer-direct-text-edit-active`;function ES(e,t,n){let{ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(CS),s=o.item(o.length-1),c=n.rendererRoot??s?.closest(wS)??null;if(!s?.isConnected||!c?.isConnected)return;let l=!1,u=()=>{let e=!!s.querySelector(SS);e!==l&&(l=e,l?c.setAttribute(TS,`true`):c.removeAttribute(TS))},d=new a.MutationObserver(u);d.observe(s,{childList:!0,subtree:!0}),u(),e.lifecycle.onDispose(()=>{d.disconnect(),c.removeAttribute(TS)})}var DS=8,OS=2,kS=4,AS=20,jS=`[data-mesurer-selected-measurement='true']`,MS=`[data-mesurer-measurement-chrome='true']`,NS=`[data-mesurer-measurement-label='true']`,PS=`[data-mesurer-text-editor='true']`,FS=`[data-mesurer-text-edit-ring='true']`,IS=`[data-mesurer-text-inspector-info='true']`,LS=`[data-mesurer-text-inspector-placement-shell='true']`,RS=`data-mesurer-measurement-label-clearance`,zS=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),BS=(e,t,n=kS)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,VS=(e,t)=>Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left))>0&&Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top))>0,HS=e=>e.reduce((e,t)=>({left:Math.min(e.left,t.left),top:Math.min(e.top,t.top),right:Math.max(e.right,t.right),bottom:Math.max(e.bottom,t.bottom),width:Math.max(e.right,t.right)-Math.min(e.left,t.left),height:Math.max(e.bottom,t.bottom)-Math.min(e.top,t.top)})),US=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+AS,width:e.width,height:AS});function WS(e,t,n,r){let i=HS(t.length>0?[e,...t]:[e,US(e)]),a=n.width,o=n.height,s=r.width-DS,c=r.height-DS,l=Math.max(DS,s-a),u=Math.max(DS,c-o),d=Math.min(Math.max(e.left+e.width/2-a/2,DS),l),f=Math.min(Math.max(e.top+e.height/2-o/2,DS),u),p=[{left:d,top:i.top-OS-o,placement:`above`,maxHeight:null},{left:d,top:i.bottom+OS,placement:`below`,maxHeight:null},{left:i.right+OS,top:f,placement:`side`,maxHeight:null},{left:i.left-OS-a,top:f,placement:`side`,maxHeight:null}],m=e=>e.left>=DS&&e.top>=DS&&e.left+a<=s&&e.top+o<=c,h=p.find(e=>m(e));if(h)return h;let g=[{placement:`above`,top:DS,height:Math.max(0,i.top-OS-DS)},{placement:`below`,top:i.bottom+OS,height:Math.max(0,c-i.bottom-OS)}].sort((e,t)=>t.height-e.height)[0];return g&&g.height>0?{left:d,top:g.top,placement:g.placement,maxHeight:g.height}:{left:d,top:DS,placement:`viewport`,maxHeight:Math.max(0,r.height-16)}}var GS=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),KS=(e,t,n,r=``)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==r)&&e.style.setProperty(t,n,r)},qS=(e,t,n)=>{(e.style.getPropertyValue(t)!==n.value||e.style.getPropertyPriority(t)!==n.priority)&&(n.value||n.priority?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t))},JS=(e,t,n)=>{e.getAttribute(t)!==n&&e.setAttribute(t,n)},YS=(e,t)=>{let n=t.bottom+2,r=t.left+t.width/2,i=e.left+e.width/2;return Math.abs(e.top-n)<=8&&Math.abs(i-r)<=8},XS=(e,t,n)=>{let r=new Set;for(let t of e)for(let e of t.querySelectorAll(jS))r.add(e);let i=[];for(let e of r){let r=n.getComputedStyle(e);if(r.display===`none`||r.visibility===`hidden`)continue;let a=e.querySelector(NS);if(!a)continue;let o=n.getComputedStyle(a);if(o.display===`none`||o.visibility===`hidden`)continue;let s=zS(a.getBoundingClientRect());if(s.width<=0||s.height<=0)continue;let c=e.querySelector(MS),l=c?.isConnected?zS(c.getBoundingClientRect()):null;!(l&&l.width>0&&l.height>0&&BS(l,t))&&!YS(s,t)||i.push(s)}return i},ZS=(e,t)=>e instanceof t.HTMLElement?e.matches(jS)||!!e.closest(jS)||!!e.querySelector(jS):!1;function QS(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=null,u=0,d=!1,f=()=>{let e=[a];return n!==a&&e.push(n),r.body&&!e.includes(r.body)&&e.push(r.body),e},p=()=>{let e=l;if(!e)return;let{shell:t,card:n}=e;t.isConnected&&(qS(t,`left`,e.shellLeft),qS(t,`top`,e.shellTop),qS(t,`--mesurer-native-anchor-x`,e.anchorX),qS(t,`--mesurer-native-anchor-y`,e.anchorY),e.marker===null?t.removeAttribute(RS):JS(t,RS,e.marker)),n.isConnected&&(qS(n,`max-height`,e.cardMaxHeight),e.placement===null?delete n.dataset.mesurerTextInspectorPlacement:n.dataset.mesurerTextInspectorPlacement!==e.placement&&(n.dataset.mesurerTextInspectorPlacement=e.placement)),l=null},m=(e,t)=>{l={shell:e,card:t,shellLeft:GS(e,`left`),shellTop:GS(e,`top`),anchorX:GS(e,`--mesurer-native-anchor-x`),anchorY:GS(e,`--mesurer-native-anchor-y`),cardMaxHeight:GS(t,`max-height`),placement:t.getAttribute(`data-mesurer-text-inspector-placement`),marker:e.getAttribute(RS)}},h=()=>{if(d)return;let e=c.querySelector(PS),t=c.querySelector(LS),n=c.querySelector(IS),r=c.querySelectorAll(FS),a=r.item(r.length-1);if(!e?.isConnected||!t?.isConnected||!n?.isConnected||!a?.isConnected){p();return}l&&(l.shell!==t||l.card!==n)&&p();let s=zS(a.getBoundingClientRect());if(s.width<=0||s.height<=0)return;let u=t.dataset.mesurerNativeScrollOwner===`typography`&&t.dataset.mesurerNativeScrollAnchor===`offset`,h=s.right>0&&s.bottom>0&&s.left<i.innerWidth&&s.top<i.innerHeight;if(u&&!h)return;let g=XS(f(),s,o),_=US(s),v=zS(n.getBoundingClientRect()),y=VS(v,_)||g.some(e=>VS(v,e));if(!l&&!y)return;l||m(t,n);let b=Math.max(v.height,n.scrollHeight),x=WS(s,g,{width:v.width,height:b},{width:i.innerWidth,height:i.innerHeight});u?(KS(t,`--mesurer-native-anchor-x`,`${x.left-s.left}px`),KS(t,`--mesurer-native-anchor-y`,`${x.top-s.top}px`)):(KS(t,`left`,`${x.left}px`),KS(t,`top`,`${x.top}px`)),x.maxHeight===null&&l?qS(n,`max-height`,l.cardMaxHeight):x.maxHeight!==null&&KS(n,`max-height`,`${x.maxHeight}px`),n.dataset.mesurerTextInspectorPlacement!==x.placement&&(n.dataset.mesurerTextInspectorPlacement=x.placement),JS(t,RS,`true`)},g=()=>{d||u||(u=i.requestAnimationFrame(()=>{u=0,h()}))},_=new o.MutationObserver(g);_.observe(c,{childList:!0,subtree:!0});let v=n===a?null:new o.MutationObserver(e=>{e.some(e=>e.type===`attributes`?ZS(e.target,o):ZS(e.target,o)?!0:[...e.addedNodes,...e.removedNodes].some(e=>ZS(e,o)))&&g()});v?.observe(n,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`data-mesurer-selected-measurement`]}),i.addEventListener(`resize`,g,!0),i.addEventListener(`dblclick`,g,!0),g(),e.lifecycle.onDispose(()=>{d=!0,_.disconnect(),v?.disconnect(),i.removeEventListener(`resize`,g,!0),i.removeEventListener(`dblclick`,g,!0),u&&i.cancelAnimationFrame(u),p()})}var $S=`var(--msr-accent, #0d99ff)`,eC=`var(--msr-color-ink-500, #8a8a8a)`,tC=288,nC=1.5,rC=80,iC=(e,t,n=2)=>Math.abs(e.left-t.left)<=n&&Math.abs(e.top-t.top)<=n&&Math.abs(e.width-t.width)<=n&&Math.abs(e.height-t.height)<=n,aC=(e,t,n)=>Math.min(Math.max(e,t),n);function oC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=c.closest(`[data-mesurer-root='true']`),u=null,d=new Map,f=null,p=!1,m=null,h=null,g=null,_=0,v=0,y=!1,b=!1,x=()=>l?.querySelector(`button[data-mesurer-builtin='text-inspector']`)??null,S=()=>{for(let e of a.querySelectorAll(`.mesurer-ti-card, .mesurer-ti-box`))c.contains(e)||d.has(e)||(d.set(e,{element:e,display:e.style.getPropertyValue(`display`),displayPriority:e.style.getPropertyPriority(`display`),ariaHidden:e.getAttribute(`aria-hidden`)}),e.style.setProperty(`display`,`none`,`important`),e.setAttribute(`aria-hidden`,`true`))},C=()=>{for(let e of d.values()){let{element:t}=e;t.isConnected&&(e.display||e.displayPriority?t.style.setProperty(`display`,e.display,e.displayPriority):t.style.removeProperty(`display`),e.ariaHidden===null?t.removeAttribute(`aria-hidden`):t.setAttribute(`aria-hidden`,e.ariaHidden))}d.clear()},w=()=>{let e=f;if(!e)return;let{element:t}=e;t.isConnected&&(e.visibility||e.visibilityPriority?t.style.setProperty(`visibility`,e.visibility,e.visibilityPriority):t.style.removeProperty(`visibility`),e.pointerEvents||e.pointerEventsPriority?t.style.setProperty(`pointer-events`,e.pointerEvents,e.pointerEventsPriority):t.style.removeProperty(`pointer-events`),e.ariaHidden===null?t.removeAttribute(`aria-hidden`):t.setAttribute(`aria-hidden`,e.ariaHidden),delete t.dataset.mesurerTextInspectorAutoHidden),f=null},T=(e,t)=>{if(!t){f?.element===e&&w();return}f?.element!==e&&(w(),f={element:e,visibility:e.style.getPropertyValue(`visibility`),visibilityPriority:e.style.getPropertyPriority(`visibility`),pointerEvents:e.style.getPropertyValue(`pointer-events`),pointerEventsPriority:e.style.getPropertyPriority(`pointer-events`),ariaHidden:e.getAttribute(`aria-hidden`)},e.dataset.mesurerTextInspectorAutoHidden=`true`,e.style.setProperty(`visibility`,`hidden`,`important`),e.style.setProperty(`pointer-events`,`none`,`important`),e.setAttribute(`aria-hidden`,`true`))},E=e=>{if(!l||p===e)return;let t=x();if(p=e,e){if(l.dataset.mesurerTypographyContextActive=`true`,!t)return;u={ariaPressed:t.getAttribute(`aria-pressed`),background:t.style.backgroundColor,color:t.style.color},t.setAttribute(`aria-pressed`,`true`),t.style.backgroundColor=$S,t.style.color=`var(--msr-color-white, #ffffff)`;return}if(delete l.dataset.mesurerTypographyContextActive,!t||!u){u=null;return}t.classList.contains(`msr:bg-[#0d99ff]`)?t.setAttribute(`aria-pressed`,`true`):u.ariaPressed===null?t.removeAttribute(`aria-pressed`):t.setAttribute(`aria-pressed`,u.ariaPressed),t.style.backgroundColor=u.background,t.style.color=u.color,u=null},D=e=>{let t=e.dataset.mesurerTextStyleSelect??``;Object.assign(e.style,{width:`auto`,height:`32px`,maxWidth:t===`font`?`128px`:`72px`,minWidth:t===`font`?`92px`:`56px`,border:`0`,borderRadius:`8px`,background:`transparent`,color:`var(--msr-content, #0f172a)`,font:`500 12px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 8px`,cursor:`pointer`,outline:`none`})},O=e=>{Object.assign(e.style,{display:`flex`,alignItems:`center`,flexWrap:`nowrap`,gap:`4px`,marginLeft:`2px`,paddingLeft:`8px`,borderLeft:`1px solid var(--msr-color-ink-200, rgba(0, 0, 0, 0.10))`});let t=Array.from(e.querySelectorAll(`[data-mesurer-text-color]`));for(let[e,n]of t.entries())Object.assign(n.style,{display:e<6?`block`:`none`,width:`18px`,height:`18px`,borderRadius:`50%`,padding:`0`});let n=e.querySelector(`[data-mesurer-text-custom-color='true']`);n&&Object.assign(n.style,{width:`32px`,height:`32px`,border:`0`,borderRadius:`8px`,background:`transparent`,padding:`5px`,cursor:`pointer`})},k=e=>{e.setAttribute(`aria-label`,`Text preset`),e.style.marginLeft=`0`;let t=e.querySelectorAll(`:scope > span`),n=t.item(t.length-1);n&&(n.textContent&&=``,n.dataset.mesurerTextStyleChevron=`true`,Object.assign(n.style,{width:`7px`,height:`7px`,flex:`0 0 7px`,boxSizing:`border-box`,borderRight:`1.5px solid ${eC}`,borderBottom:`1.5px solid ${eC}`,color:`transparent`,fontSize:`0`,lineHeight:`0`,transform:e.getAttribute(`aria-expanded`)===`true`?`rotate(225deg)`:`rotate(45deg)`,transformOrigin:`50% 50%`}))},A=(e,t)=>{let n=e.getBoundingClientRect(),i=Math.min(Math.max(8,n.left),Math.max(8,r.innerWidth-n.width-8));if(e.style.left=`${i}px`,t.style.display!==`none`&&!t.hidden){let e=t.getBoundingClientRect(),a=Math.min(Math.max(8,i+n.width-e.width),Math.max(8,r.innerWidth-e.width-8));t.style.left=`${a}px`}},j=()=>{g?.remove(),g=null},M=()=>g?.isConnected?g:(g=n.createElement(`div`),g.dataset.mesurerTextCaret=`true`,g.dataset.mesurerInspectorUi=`true`,g.setAttribute(`aria-hidden`,`true`),Object.assign(g.style,{position:`fixed`,zIndex:`2147483647`,width:`${nC}px`,pointerEvents:`none`,transform:`translateX(-${nC/2}px)`,transformOrigin:`center`}),a.append(g),g.animate?.([{opacity:`1`,offset:0},{opacity:`1`,offset:.49},{opacity:`0`,offset:.5},{opacity:`0`,offset:1}],{duration:1e3,iterations:1/0}),g),N=(e,t)=>{let n=e.nodeValue??``,r=n.indexOf(t);return r>=0&&!n.slice(0,r).trim()&&!n.slice(r+t.length).trim()?{leadingLength:r}:n.trim()===t.trim()?{leadingLength:n.length-n.trimStart().length}:null},P=(e,t)=>{if(h?.node.isConnected&&h.node.parentNode===h.element){let t=N(h.node,e.value);if(t)return h.leadingLength=t.leadingLength,h}let r=t.getBoundingClientRect(),a=[[r.left+r.width/2,r.top+r.height/2],[r.left+2,r.top+2],[r.right-2,r.bottom-2]],s=[];for(let[e,t]of a)for(let r of n.elementsFromPoint(e,t))!(r instanceof o.HTMLElement)||s.includes(r)||i.contains(r)&&(r.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`)||s.push(r));for(let t of s){if(!iC(t.getBoundingClientRect(),r))continue;let n=Array.from(t.childNodes).filter(e=>e.nodeType===o.Node.TEXT_NODE).flatMap(t=>{let n=N(t,e.value);return n?[{node:t,leadingLength:n.leadingLength}]:[]});if(n.length===1)return h={element:t,node:n[0].node,leadingLength:n[0].leadingLength},h}return null},F=(e,t)=>{let r=n.createRange();try{r.setStart(e,t),r.collapse(!0);let n=r.getClientRects()[0]??r.getBoundingClientRect();if(n&&n.height>0)return{left:n.left,top:n.top,height:n.height}}catch{return null}let i=e.nodeValue?.length??0,a=n.createRange();try{if(t<i){a.setStart(e,t),a.setEnd(e,t+1);let n=a.getClientRects()[0]??a.getBoundingClientRect();if(n&&n.height>0)return{left:n.left,top:n.top,height:n.height}}if(t>0){a.setStart(e,t-1),a.setEnd(e,t);let n=Array.from(a.getClientRects()),r=n[n.length-1]??a.getBoundingClientRect();if(r&&r.height>0)return{left:r.right,top:r.top,height:r.height}}}catch{return null}return null},I=(e,t)=>{let i=e.selectionStart??0;if(i!==(e.selectionEnd??i)||n.activeElement!==e){j();return}let a=P(e,t);if(!a){j();return}let o=a.leadingLength+aC(i,0,e.value.length),s=F(a.node,o);if(!s||s.left<0||s.top<0||s.left>r.innerWidth||s.top>r.innerHeight){j();return}let c=r.getComputedStyle(a.element),l=M();Object.assign(l.style,{left:`${s.left}px`,top:`${s.top}px`,height:`${Math.max(1,s.height)}px`,background:c.color&&c.color!==`transparent`?c.color:$S})},L=()=>{if(_=0,y)return;let e=c.querySelector(`[data-mesurer-text-editor='true']`),t=a.querySelector(`[data-mesurer-text-edit-ring='true']`),n=c.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!e||!t){w(),j();return}n?T(n,!1):w(),I(e,t)},R=()=>{y||_||(_=r.requestAnimationFrame(L))},z=()=>{_&&=(r.cancelAnimationFrame(_),0),g&&j(),v&&r.clearTimeout(v),v=r.setTimeout(()=>{v=0,R()},rC)},B=()=>{m&&(m.removeEventListener(`input`,R),m.removeEventListener(`select`,R),m.removeEventListener(`keyup`,R),m.removeEventListener(`pointerup`,R),m.removeEventListener(`focus`,R),m.removeEventListener(`blur`,R),m=null,h=null)},V=e=>{m!==e&&(B(),m=e,e.addEventListener(`input`,R),e.addEventListener(`select`,R),e.addEventListener(`keyup`,R),e.addEventListener(`pointerup`,R),e.addEventListener(`focus`,R),e.addEventListener(`blur`,R))},ee=()=>{if(!(y||b)){b=!0;try{let e=c.querySelector(`[data-mesurer-text-editor='true']`),t=c.querySelector(`[data-mesurer-text-style-toolbar='true']`),r=c.querySelector(`[data-mesurer-text-style-menu='true']`),i=c.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!e||!t||!r){B(),w(),j(),C(),E(!1);return}V(e),E(!0),S(),i&&i.setAttribute(`aria-label`,`Typography details`);let a=t.querySelector(`[data-mesurer-text-style-menu-button='true']`);if(!a)return;let s=Array.from(r.querySelectorAll(`[data-mesurer-text-style-select]`));for(let e of s){let n=e.parentElement;D(e),t.insertBefore(e,a),n?.isConnected&&n!==t&&n.remove()}let l=Array.from(r.querySelectorAll(`[data-mesurer-text-style-input]`));for(let e of l){let n=e.parentElement;t.insertBefore(e,a),n?.isConnected&&n!==t&&n.remove()}let u=r.querySelector(`[data-mesurer-text-color-swatches='true']`);if(u){let e=u.parentElement;O(u),t.insertBefore(u,a),e?.isConnected&&e!==t&&e.remove()}for(let e of Array.from(r.children))e instanceof o.HTMLButtonElement&&e.hasAttribute(`data-mesurer-text-style-preset`)||e.remove();Object.assign(r.style,{width:`${tC}px`,maxHeight:`min(260px, calc(100vh - 16px))`,overflowY:`auto`}),r.setAttribute(`aria-label`,`Text presets`);let d=t.querySelector(`[data-mesurer-text-preset-separator='true']`);d?d.nextSibling!==a&&t.insertBefore(d,a):(d=n.createElement(`span`),d.dataset.mesurerTextPresetSeparator=`true`,d.setAttribute(`aria-hidden`,`true`),Object.assign(d.style,{width:`1px`,height:`20px`,flex:`0 0 1px`,margin:`0 2px`,background:`rgba(0, 0, 0, 0.10)`}),t.insertBefore(d,a)),t.lastElementChild!==a&&t.append(a),k(a),A(t,r),R()}finally{b=!1}}},H=new o.MutationObserver(()=>ee());H.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,R),r.addEventListener(`scroll`,z,{capture:!0,passive:!0}),ee(),e.lifecycle.onDispose(()=>{y=!0,H.disconnect(),r.removeEventListener(`resize`,R),r.removeEventListener(`scroll`,z,!0),_&&r.cancelAnimationFrame(_),v&&r.clearTimeout(v),_=0,v=0,B(),w(),j(),C(),E(!1)})}var sC=`#0d99ff`,cC=`rgba(13, 153, 255, 0.22)`,lC=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),uC=(e,t)=>Array.from(e.childNodes).map((e,t)=>({node:e,index:t})).filter(e=>e.node.nodeType===t.Node.TEXT_NODE&&!!e.node.nodeValue?.trim()),dC=(e,t,n,r,i)=>{let a=e,o=a.caretPositionFromPoint?.(r,i);if(o?.offsetNode instanceof t.Text){let e=n.find(e=>e.node===o.offsetNode);if(e)return e}let s=a.caretRangeFromPoint?.(r,i);if(s?.startContainer instanceof t.Text){let e=n.find(e=>e.node===s.startContainer);if(e)return e}for(let t of n){let n=e.createRange();n.selectNodeContents(t.node);let a;try{a=n.getClientRects()}catch{continue}if(Array.from(a).some(e=>r>=e.left-1&&r<=e.right+1&&i>=e.top-1&&i<=e.bottom+1))return t}return null},fC=(e,t,n)=>Math.min(Math.max(e,t),n);function pC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=()=>{if(t.currentToolbarMode)return t.currentToolbarMode()===`edit`;let e=t.currentToolMode?.()??`none`;return e===`text-inspector`||e===`select`},s=e=>pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`),c=(e,i)=>{if(Wx(t),o())for(let o of n.elementsFromPoint(e,i)){if(Al(o,r))return;if(!(o instanceof a.HTMLElement)||!s(o)||lC.has(o.tagName)||o.isContentEditable)continue;let c=uC(o,a);if(c.length===0)continue;if(c.length===1){Gx(t,{element:o,node:c[0].node,nodeIndex:c[0].index});return}let l=dC(n,a,c,e,i);if(l){Gx(t,{element:o,node:l.node,nodeIndex:l.index});return}}},l=e=>c(e.clientX,e.clientY),u=e=>{!e.pointerType||e.pointerType===`mouse`||c(e.clientX,e.clientY)};r.addEventListener(`dblclick`,l,!0),r.addEventListener(`pointerup`,u,!0),e.lifecycle.onDispose(()=>{Wx(t),r.removeEventListener(`dblclick`,l,!0),r.removeEventListener(`pointerup`,u,!0)})}function mC(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=t.createWorkspaceRuntime(),u=null,d=[],f=null,p=null,m=!1,h=0,g=!1,_=()=>{u?.remove(),u=null},v=()=>{for(let e of d)e.remove();d=[]},y=e=>{let t=d[e];if(t?.isConnected)return t;let r=n.createElement(`div`);return r.dataset.mesurerTextSelectionHighlight=`true`,r.dataset.mesurerInspectorUi=`true`,r.setAttribute(`aria-hidden`,`true`),Object.assign(r.style,{position:`fixed`,zIndex:`2147483644`,pointerEvents:`none`,borderRadius:`2px`,background:cC,transition:`none`,animation:`none`}),a.append(r),d[e]=r,r},b=e=>{for(;d.length>e;)d.pop()?.remove()},x=()=>u?.isConnected?u:(u=n.createElement(`div`),u.dataset.mesurerTextEditRing=`true`,u.dataset.mesurerInspectorUi=`true`,u.setAttribute(`aria-hidden`,`true`),Object.assign(u.style,{position:`fixed`,zIndex:`2147483645`,pointerEvents:`none`,boxSizing:`border-box`,background:`transparent`,boxShadow:`inset 0 0 0 1.5px ${sC}`,transition:`none`,animation:`none`}),c.append(u),u),S=()=>{g||m||(m=!0,r.queueMicrotask(()=>{m=!1,E()}))},C=(e,t)=>{if(!t?.node.isConnected||t.node.parentNode!==t.element){v();return}let i=e.selectionStart??0,a=e.selectionEnd??i;if(i===a){v();return}let o=t.node.nodeValue??``,s=o.length-o.trimStart().length,c=o.length-o.trimEnd().length,l=Math.max(0,o.length-s-c),u=s+fC(Math.min(i,a),0,l),d=s+fC(Math.max(i,a),0,l);if(u===d){v();return}let f=n.createRange();try{f.setStart(t.node,u),f.setEnd(t.node,d)}catch{v();return}let p;try{p=Array.from(f.getClientRects()).filter(e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0&&e.left<r.innerWidth&&e.top<r.innerHeight)}catch{v();return}for(let[e,t]of p.entries()){let n=y(e);Object.assign(n.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})}b(p.length)},w=e=>{f!==e&&(f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),f=e,p=null,e.addEventListener(`input`,S),e.addEventListener(`select`,S),e.addEventListener(`keyup`,S),e.addEventListener(`pointerup`,S))},T=e=>{let t=l.currentSelection().elements.filter(e=>e instanceof o.HTMLElement&&e.isConnected&&pu(e,i)&&!e.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`));if(t.length!==1)return null;let n=t[0],r=uC(n,o);if(!r.length)return null;let a=e.value.trim(),s=r.find(({node:e})=>(e.nodeValue??``).trim()===a)??(r.length===1?r[0]:null);return s?{element:n,node:s.node,nodeIndex:s.index}:null},E=()=>{if(g)return;let e=c.querySelector(`[data-mesurer-text-editor='true']`);if(!e){f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),f=null,p=null,v(),_();return}e.style.opacity=`0`,e.style.background=`transparent`,e.style.boxShadow=`none`,w(e);let n=Kx(t)??p??T(e);n?.element.isConnected&&n.node.isConnected&&(p=n);let a=n?.element??null,o=a?.isConnected&&pu(a,i)&&!a.closest(`[data-mesurer-root='true'], [data-mesurer-inspector-ui='true']`)?a:null,s=o?.getBoundingClientRect()??e.getBoundingClientRect(),l=r.getComputedStyle(o??e),u=x();Object.assign(u.style,{left:`${s.left}px`,top:`${s.top}px`,width:`${s.width}px`,height:`${s.height}px`,borderRadius:l.borderRadius}),C(e,o?n:null)},D=()=>{u?.dataset.mesurerNativeScrollAnchor===`box`||h||(h=r.requestAnimationFrame(()=>{h=0,u?.dataset.mesurerNativeScrollAnchor!==`box`&&E()}))},O=new o.MutationObserver(S);O.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,S),r.addEventListener(`scroll`,D,{capture:!0,passive:!0}),E(),e.lifecycle.onDispose(()=>{g=!0,Wx(t),O.disconnect(),r.removeEventListener(`resize`,S),r.removeEventListener(`scroll`,D,!0),h&&r.cancelAnimationFrame(h),f&&(f.removeEventListener(`input`,S),f.removeEventListener(`select`,S),f.removeEventListener(`keyup`,S),f.removeEventListener(`pointerup`,S)),p=null,v(),_(),l.dispose()})}var hC=`[data-mesurer-selected-measurement='true']`,gC=`[data-mesurer-hover-measurement='true']`,_C=`[data-mesurer-text-editor='true']`,vC=`data-mesurer-direct-edit-selection-suppressed`,yC=`data-mesurer-direct-edit-hover-suppressed`;function bC(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=r.createElement(`style`);l.dataset.mesurerEditSelectionPaintGuard=`true`,l.textContent=`
|
|
2494
2500
|
body:has([data-mesurer-text-editor="true"]) [data-mesurer-selected-measurement="true"],
|
|
2495
2501
|
body:has([data-mesurer-text-editor="true"]) [data-mesurer-hover-measurement="true"] {
|
|
2496
2502
|
opacity: 0 !important;
|
|
2497
2503
|
}
|
|
2498
|
-
`,r.head.append(l);let u=t.createWorkspaceRuntime(),d=new Map,f=new Map,p=new Set,m=new Set,h=!1,g=!1,_=!1,v=null,y=()=>{let e=[a];return n!==a&&e.push(n),r.body&&!e.includes(r.body)&&e.push(r.body),e},b=e=>{e.matches(pC)&&p.add(e),e.matches(mC)&&m.add(e)},x=e=>{if(e instanceof o.HTMLElement){b(e);for(let t of e.querySelectorAll(`${pC}, ${mC}`))b(t)}},S=e=>{for(let t of e.querySelectorAll(`${pC}, ${mC}`))b(t)};for(let e of y())S(e);let C=(e,t,n)=>{t.has(e)||t.set(e,{value:e.style.getPropertyValue(`opacity`),priority:e.style.getPropertyPriority(`opacity`),marker:e.getAttribute(n)}),e.getAttribute(n)!==`true`&&e.setAttribute(n,`true`),(e.style.getPropertyValue(`opacity`)!==`0`||e.style.getPropertyPriority(`opacity`)!==`important`)&&e.style.setProperty(`opacity`,`0`,`important`)},w=(e,t,n,r)=>{e.isConnected&&(t.value||t.priority?e.style.setProperty(`opacity`,t.value,t.priority):e.style.removeProperty(`opacity`),t.marker===null?e.removeAttribute(r):e.setAttribute(r,t.marker)),n.delete(e)},T=(e,t)=>{for(let[n,r]of Array.from(e))w(n,r,e,t)},E=()=>{for(let e of Array.from(p)){if(!e.isConnected){p.delete(e);let t=d.get(e);t&&w(e,t,d,gC);continue}C(e,d,gC)}for(let[e,t]of Array.from(d))(!e.isConnected||!p.has(e))&&w(e,t,d,gC)},D=()=>{for(let e of Array.from(m)){if(!e.isConnected){m.delete(e);let t=f.get(e);t&&w(e,t,f,_C);continue}C(e,f,_C)}for(let[e,t]of Array.from(f))(!e.isConnected||!m.has(e))&&w(e,t,f,_C)},O=()=>{_||g||(g=!0,i.queueMicrotask(()=>{g=!1,M()}))},k=e=>{for(let t of e)for(let e of t.addedNodes)x(e);O()},A=()=>{if(v)return;v=new o.MutationObserver(k);let e=new Set,t=(t,n)=>{e.has(t)||(e.add(t),v.observe(t,{childList:!0,subtree:n}))};for(let e of y())S(e);t(a,a!==r.body),n!==a&&t(n,!0),r.body&&t(r.body,!1)},j=()=>{v?.disconnect(),v=null},M=()=>{if(!_){if(c.querySelector(hC)){h=!0,E(),D(),A();return}!h&&d.size===0&&f.size===0||(h=!1,j(),T(d,gC),T(f,_C))}},N=new o.MutationObserver(k);N.observe(c,{childList:!0,subtree:!0});let P=u.subscribe(O);M(),e.lifecycle.onDispose(()=>{_=!0,N.disconnect(),j(),P(),u.dispose(),T(d,gC),T(f,_C),p.clear(),m.clear(),l.remove()})}var yC=`[data-mesurer-text-editor='true']`,bC=`[data-mesurer-text-edit-ring='true']`,xC=`[data-mesurer-text-inspector-info='true']`,SC=`[data-mesurer-text-inspector-placement-shell='true']`,CC=`[data-mesurer-measurement='true']`,wC=`[data-mesurer-measurement-chrome='true']`,TC=`[data-mesurer-measurement-label='true']`,EC=20,DC=.75,OC=`data-mesurer-symmetric-measurement-spacing`,kC=`mesurerSymmetricCardOffsetY`,AC=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),jC=(e,t)=>Math.abs(e.left-t.left)+Math.abs(e.top-t.top)+Math.abs(e.width-t.width)+Math.abs(e.height-t.height),MC=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+EC,width:e.width,height:EC}),NC=(e,t,n)=>e.style.getPropertyValue(t)!==n&&(e.style.setProperty(t,n),!0);function PC(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=new Set,u=null,d=null,f=null,p=null,m=!1,h=0,g=!1,_=e=>{e instanceof o.HTMLTextAreaElement&&e.matches(yC)&&(u=e),e.matches(bC)&&(d=e),e.matches(SC)&&(f=e),e.matches(xC)&&(p=e),e.matches(TC)&&l.add(e)},v=e=>{if(e instanceof o.HTMLElement&&(_(e),e===c||e.matches(`${CC}, [data-mesurer-text-edit-runtime='true'], [data-mesurer-root='true']`)))for(let t of[yC,bC,SC,xC,TC])for(let n of e.querySelectorAll(t))_(n)},y=e=>{for(let t of e.querySelectorAll(CC))v(t)};v(c),y(a),n!==a&&y(n);let b=e=>{let t=null;for(let n of Array.from(l)){if(!n.isConnected){l.delete(n);continue}let r=n.closest(CC);if(!(r instanceof o.HTMLElement)||r.getAttribute(`data-mesurer-selected-measurement`)!==`true`)continue;let i=AC(n.getBoundingClientRect());if(i.width<=0||i.height<=0)continue;let a=r.querySelector(wC),s=a?.isConnected?AC(a.getBoundingClientRect()):null,c=e.bottom+2,u=e.left+e.width/2,d=i.left+i.width/2,f=s&&s.width>0&&s.height>0?jC(s,e):Math.abs(i.top-c)+Math.abs(d-u);f>32||(!t||f<t.score)&&(t={rect:i,score:f})}return t?.rect??MC(e)},x=()=>{if(g||!u?.isConnected||!d?.isConnected||!f?.isConnected||!p?.isConnected)return;let e=AC(d.getBoundingClientRect());if(e.width<=0||e.height<=0||!(e.right>0&&e.bottom>0&&e.left<i.innerWidth&&e.top<i.innerHeight))return;let t=AC(p.getBoundingClientRect());if(t.width<=0||t.height<=0||t.top<e.bottom)return;y(a),n!==a&&y(n),r.body&&r.body!==a&&y(r.body);let o=b(e),s=o.top-e.bottom,c=t.top-o.bottom,l=c-s;if(f.setAttribute(OC,`true`),f.dataset.mesurerSymmetricSourceGap=s.toFixed(3),f.dataset.mesurerSymmetricTypographyGap=c.toFixed(3),Math.abs(l)<=DC)return;let m=Number.parseFloat(p.dataset[kC]??`0`),h=(Number.isFinite(m)?m:0)-l;p.dataset[kC]=h.toFixed(3),NC(p,`translate`,`0px ${h}px`)},S=()=>{g||m||(m=!0,i.queueMicrotask(()=>{m=!1,!h&&(h=i.requestAnimationFrame(()=>{h=0,x()}))}))},C=new o.MutationObserver(e=>{let t=!1;for(let n of e){if(n.type===`childList`){for(let e of n.addedNodes)v(e);t=!0;continue}n.target instanceof o.HTMLElement&&n.target.matches(SC)&&(_(n.target),t=!0)}t&&S()});C.observe(c,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`style`,`data-mesurer-native-scroll-owner`,`data-mesurer-native-scroll-anchor`]});let w=new o.MutationObserver(e=>{let t=!1;for(let n of e)for(let e of n.addedNodes)e instanceof o.HTMLElement&&e.matches(`${CC}, [data-mesurer-root='true']`)&&(v(e),t=!0);t&&S()}),T=new Set,E=(e,t)=>{T.has(e)||e===c||(T.add(e),w.observe(e,{childList:!0,subtree:t}))};E(a,a!==r.body),n!==a&&E(n,!0),r.body&&E(r.body,!1),i.addEventListener(`resize`,S,!0),i.addEventListener(`dblclick`,S,!0),S(),e.lifecycle.onDispose(()=>{g=!0,C.disconnect(),w.disconnect(),i.removeEventListener(`resize`,S,!0),i.removeEventListener(`dblclick`,S,!0),h&&i.cancelAnimationFrame(h),l.clear(),f?.removeAttribute(OC),p&&(p.style.removeProperty(`translate`),delete p.dataset[kC])})}var FC=(e,t)=>{let n={document:e.document,location:e.location,crypto:e.crypto,navigator:e.navigator,performance:e.performance,CSS:e.CSS,Node:e.Node,Text:e.Text,Element:e.Element,HTMLElement:e.HTMLElement,ShadowRoot:e.ShadowRoot,MouseEvent:e.MouseEvent,MutationObserver:e.MutationObserver,get innerWidth(){return e.innerWidth},get innerHeight(){return e.innerHeight},get scrollX(){return e.scrollX},get scrollY(){return e.scrollY},getComputedStyle:(t,n)=>e.getComputedStyle(t,n),matchMedia:t=>e.matchMedia(t),setTimeout:e.setTimeout.bind(e),clearTimeout:e.clearTimeout.bind(e),cancelAnimationFrame:e.cancelAnimationFrame.bind(e),addEventListener:e.addEventListener.bind(e),removeEventListener:e.removeEventListener.bind(e),requestAnimationFrame:t};return Object.defineProperties(Object.create(null),Object.getOwnPropertyDescriptors(n))},IC=(e,t)=>{let n=t.ownerWindow,r=!1,i=!1,a=null,o=FC(n,e=>n.requestAnimationFrame(t=>{r=!0;try{e(t)}finally{r=!1}})),s=()=>{let n=t.currentToolMode?.()??`none`;return!r||e.state.get(`mesurer.presentation.preferences`)===void 0?n:i?`text-inspector`:t.currentToolbarMode?t.currentToolbarMode()===`edit`||Qy(e).keepTextChanges?`text-inspector`:`none`:n===`text-inspector`||Qy(e).keepTextChanges?`text-inspector`:`none`},c=()=>{let e=t.createInspectorMount();a?.disconnect();let r=()=>{i=!!e.element.querySelector(`[data-mesurer-text-editor='true']`)};return a=new n.MutationObserver(r),a.observe(e.element,{childList:!0,subtree:!0}),r(),{element:e.element,dispose(){a?.disconnect(),a=null,i=!1,e.dispose()}}};return e.lifecycle.onDispose(()=>{a?.disconnect(),a=null,i=!1,r=!1}),{...t,ownerWindow:o,currentToolMode:s,createInspectorMount:c}},LC=`var(--msr-color-ink-50, #f8fafc)`,RC=`var(--msr-color-ink-100, #f1f5f9)`,zC=`var(--msr-color-ink-200, #e2e8f0)`,BC=`var(--msr-color-ink-500, #64748b)`,VC=`var(--msr-color-ink-700, #334155)`,HC=`var(--msr-content, #0f172a)`,UC=`var(--msr-accent, #0d99ff)`,WC=8,GC=8,KC=(e,t)=>{let n=new Map,r=Array.from(e.children).filter(e=>e instanceof t.HTMLElement);for(let e=0;e+1<r.length;e+=2){let t=r[e],i=r[e+1],a=t.textContent?.trim();a&&n.set(a,{label:t,value:i})}return n},qC=e=>Array.from(e.querySelectorAll(`span`)).map(e=>e.textContent?.trim()??``).find(e=>e.startsWith(`--`))??null;function JC(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=0,d=0,f=null,p=()=>{if(c)return;let e=s.querySelector(`[data-mesurer-text-editor='true']`);e?.isConnected&&e.focus({preventScroll:!0})},m=()=>{r.setTimeout(p,0)},h=e=>{if(f?.isConnected&&f.contains(e))return f;f?.remove();let t=n.createElement(`div`);return t.dataset.mesurerTextInspectorPlacementShell=`true`,t.dataset.mesurerInspectorUi=`true`,Object.assign(t.style,{position:`fixed`,left:`0px`,top:`0px`,zIndex:`2147483647`,width:`max-content`,maxWidth:`calc(100vw - 16px)`,overflow:`visible`,pointerEvents:`auto`,transition:`none`,animation:`none`}),e.before(t),t.append(e),Object.assign(e.style,{position:`static`,left:`auto`,top:`auto`,transform:`none`,zIndex:`auto`,transition:`none`,animation:`none`}),f=t,t},g=()=>{f?.remove(),f=null},_=()=>{if(c)return;let e=s.querySelector(`[data-mesurer-text-inspector-info='true']`),t=i.querySelectorAll(`[data-mesurer-text-edit-ring='true']`),n=t.item(t.length-1);if(!e?.isConnected||!n?.isConnected)return;let a=h(e);if(a.dataset.mesurerNativeScrollOwner===`typography`&&a.dataset.mesurerNativeScrollAnchor===`offset`)return;Object.assign(e.style,{position:`static`,left:`auto`,top:`auto`,transform:`none`,boxSizing:`border-box`,maxHeight:`calc(100vh - 16px)`,overflowY:`auto`,transition:`none`,animation:`none`});let o=n.getBoundingClientRect(),l=e.getBoundingClientRect();if(l.width<=0||l.height<=0)return;let u=l.width,d=l.height,f=r.innerWidth-WC,p=r.innerHeight-WC,m=Math.max(WC,f-u),g=Math.max(WC,p-d),_=Math.min(Math.max(o.left+o.width/2-u/2,WC),m),v=Math.min(Math.max(o.top+o.height/2-d/2,WC),g),y=[{left:_,top:o.top-GC-d,placement:`above`},{left:_,top:o.bottom+GC,placement:`below`},{left:o.right+GC,top:v,placement:`side`},{left:o.left-GC-u,top:v,placement:`side`}],b=(e,t)=>e>=WC&&t>=WC&&e+u<=f&&t+d<=p,x=(e,t)=>{let n=Math.max(0,Math.min(e+u,o.right)-Math.max(e,o.left)),r=Math.max(0,Math.min(t+d,o.bottom)-Math.max(t,o.top));return n>0&&r>0},S=y.find(e=>b(e.left,e.top)&&!x(e.left,e.top));if(S){a.style.left=`${S.left}px`,a.style.top=`${S.top}px`,e.dataset.mesurerTextInspectorPlacement=S.placement;return}let C=[{name:`above`,top:WC,height:Math.max(0,o.top-GC-WC)},{name:`below`,top:o.bottom+GC,height:Math.max(0,p-o.bottom-GC)}].sort((e,t)=>t.height-e.height)[0];if(C&&C.height>0){e.style.maxHeight=`${C.height}px`,a.style.left=`${_}px`,a.style.top=`${C.top}px`,e.dataset.mesurerTextInspectorPlacement=C.name;return}a.style.left=`${_}px`,a.style.top=`${WC}px`,e.dataset.mesurerTextInspectorPlacement=`viewport`},v=()=>{c||u||(u=r.requestAnimationFrame(()=>{u=0,_()}))},y=()=>{(f?.dataset.mesurerNativeScrollOwner!==`typography`||f.dataset.mesurerNativeScrollAnchor!==`offset`)&&v()},b=()=>{_(),v(),d&&r.clearTimeout(d),d=r.setTimeout(()=>{d=0,_(),v()},0)},x=e=>{Object.assign(e.style,{boxSizing:`border-box`,border:`1px solid transparent`,borderRadius:`5px`,background:LC,color:VC,outline:`none`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=zC}),e.addEventListener(`mouseleave`,()=>{n.activeElement!==e&&(e.style.borderColor=`transparent`)}),e.addEventListener(`focus`,()=>{e.style.borderColor=`transparent`,e.style.boxShadow=`inset 0 0 0 1px ${UC}`}),e.addEventListener(`blur`,()=>{e.style.boxShadow=`none`,e.style.borderColor=`transparent`})},S=e=>{let t=n.createElement(`div`);t.dataset.mesurerUnifiedSelectShell=`true`,Object.assign(t.style,{position:`relative`,width:`100%`,minWidth:`0`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:LC,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),Object.assign(e.style,{appearance:`none`,WebkitAppearance:`none`,width:`100%`,minWidth:`0`,height:`100%`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:`transparent`,color:VC,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 27px 0 8px`,outline:`none`,cursor:`pointer`});let r=n.createElement(`span`);return r.dataset.mesurerUnifiedSelectChevron=`true`,r.setAttribute(`aria-hidden`,`true`),Object.assign(r.style,{position:`absolute`,right:`9px`,top:`8px`,width:`7px`,height:`7px`,borderRight:`1.5px solid ${BC}`,borderBottom:`1.5px solid ${BC}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`}),t.addEventListener(`mouseenter`,()=>{t.style.borderColor=zC}),t.addEventListener(`mouseleave`,()=>{n.activeElement!==e&&(t.style.borderColor=`transparent`)}),e.addEventListener(`focus`,()=>{t.style.borderColor=`transparent`,t.style.boxShadow=`inset 0 0 0 1px ${UC}`}),e.addEventListener(`blur`,()=>{t.style.boxShadow=`none`,t.style.borderColor=`transparent`}),t.append(e,r),t},C=e=>{Object.assign(e.style,{width:`100%`,minWidth:`0`,height:`28px`,font:`500 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace`,padding:`0 8px`}),x(e)},w=e=>{let t=e.getAttribute(`aria-pressed`)===`true`;Object.assign(e.style,{width:`28px`,height:`28px`,border:`1px solid ${t?UC:`transparent`}`,borderRadius:`5px`,background:t?`rgba(13, 153, 255, 0.10)`:LC,color:HC,padding:`0`,fontSize:`12px`,cursor:`pointer`,transition:`border-color 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{t||(e.style.borderColor=zC)}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=t?UC:`transparent`})},T=e=>{Object.assign(e.style,{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:`5px`,margin:`0`,padding:`0`,border:`0`});let t=Array.from(e.querySelectorAll(`[data-mesurer-text-color]`));for(let[e,n]of t.entries())Object.assign(n.style,{display:e<7?`block`:`none`,width:`20px`,height:`20px`,padding:`0`});let n=e.querySelector(`[data-mesurer-text-custom-color='true']`);n&&(Object.assign(n.style,{display:`block`,width:`28px`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:LC,padding:`3px`}),n.addEventListener(`mouseenter`,()=>{n.style.borderColor=zC}),n.addEventListener(`mouseleave`,()=>{n.style.borderColor=`transparent`}))},E=e=>{Object.assign(e.style,{width:`100%`,minWidth:`0`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:LC,color:VC,padding:`0 8px`,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=zC}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=`transparent`}),e.addEventListener(`focus`,()=>{e.style.boxShadow=`inset 0 0 0 1px ${UC}`}),e.addEventListener(`blur`,()=>{e.style.boxShadow=`none`})},D=(e,t)=>{let r=n.createElement(`div`);if(Object.assign(r.style,{display:`flex`,alignItems:`center`,gap:`7px`,minWidth:`0`}),e.style.flex=`1 1 auto`,r.append(e),t){let e=n.createElement(`span`);e.textContent=t,e.title=t,Object.assign(e.style,{flex:`0 1 auto`,minWidth:`0`,maxWidth:`104px`,overflow:`hidden`,textOverflow:`ellipsis`,color:`#0369a1`,font:`500 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace`}),r.append(e)}return r},O=(e,t,n)=>{if(!n)return;let r=e.get(t);if(!r)return;let i=qC(r.value);r.value.replaceChildren(D(n,i)),Object.assign(r.value.style,{overflow:`visible`,textOverflow:`clip`,whiteSpace:`normal`,fontFamily:`inherit`})},k=(e,t,r)=>{if(!r)return;let i=n.createElement(`span`);i.textContent=t,i.dataset.mesurerUnifiedTextRow=`true`,Object.assign(i.style,{color:BC,fontSize:`11px`,alignSelf:`center`});let a=n.createElement(`div`);a.dataset.mesurerUnifiedTextRow=`true`,a.append(r),Object.assign(a.style,{minWidth:`0`,display:`flex`,alignItems:`center`}),e.append(i,a)},A=e=>{let t=e.target instanceof a.HTMLElement?e.target:null;if(!t||!s.contains(t))return;let n=t.closest(`[data-mesurer-text-style-menu-button='true']`);if(n){n.getAttribute(`aria-expanded`)===`true`&&p(),r.setTimeout(()=>{c||s.querySelector(`[data-mesurer-text-style-menu-button='true']`)?.getAttribute(`aria-expanded`)===`false`&&p()},0);return}t.closest(`[data-mesurer-text-style-button], [data-mesurer-text-color], [data-mesurer-text-style-preset]`)&&(p(),m())},j=e=>{let t=e.target instanceof a.HTMLElement?e.target:null;!t||!s.contains(t)||t.matches(`[data-mesurer-text-style-select], [data-mesurer-text-custom-color='true']`)&&(p(),m())},M=e=>{if(e.key!==`Enter`)return;let t=e.target instanceof a.HTMLElement?e.target:null;!t||!s.contains(t)||t.matches(`[data-mesurer-text-style-input]`)&&m()},N=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-editor='true']`),t=s.querySelector(`[data-mesurer-text-style-toolbar='true']`),r=s.querySelector(`[data-mesurer-text-style-menu='true']`),i=s.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!i){g();return}if(!e||!t||!r)return;let o=i.children.item(1);if(!(o instanceof a.HTMLElement))return;if(t.querySelector(`[data-mesurer-text-style-menu-button='true']`))for(let e of i.querySelectorAll(`[data-mesurer-unified-text-row='true'], [data-mesurer-unified-text-presets='true']`))e.remove();let c=KC(o,a);i.dataset.mesurerTextInspectorUnified=`true`,i.setAttribute(`aria-label`,`Typography editor`),i.removeAttribute(`aria-hidden`),i.style.removeProperty(`visibility`),Object.assign(i.style,{pointerEvents:`auto`,position:`static`,left:`auto`,top:`auto`,transform:`none`,zIndex:`auto`,boxSizing:`border-box`,width:`min(360px, calc(100vw - 16px))`,minWidth:`0`,maxWidth:`calc(100vw - 16px)`,maxHeight:`calc(100vh - 16px)`,overflowY:`auto`,padding:`11px 12px 12px`,whiteSpace:`normal`,transition:`none`,animation:`none`}),h(i),Object.assign(o.style,{gridTemplateColumns:`72px minmax(0, 1fr)`,columnGap:`10px`,rowGap:`7px`,alignItems:`center`});let l=t.querySelector(`[data-mesurer-text-style-select='font']`),u=t.querySelector(`[data-mesurer-text-style-select='size']`),d=t.querySelector(`[data-mesurer-text-style-select='weight']`),f=t.querySelector(`[data-mesurer-text-style-input='line']`),p=t.querySelector(`[data-mesurer-text-style-input='tracking']`),m=l?S(l):null,_=u?S(u):null,v=d?S(d):null;for(let e of[f,p])e&&C(e);O(c,`Family`,m),O(c,`Size`,_),O(c,`Weight`,v),O(c,`Line`,f),O(c,`Tracking`,p);let y=n.createElement(`div`);y.dataset.mesurerUnifiedTextFormat=`true`,Object.assign(y.style,{display:`flex`,alignItems:`center`,gap:`5px`});for(let e of Array.from(t.querySelectorAll(`[data-mesurer-text-style-button]`)))w(e),y.append(e);k(o,`Format`,y.childElementCount?y:null);let x=t.querySelector(`[data-mesurer-text-color-swatches='true']`);x&&T(x),k(o,`Color`,x);let D=t.querySelector(`[data-mesurer-text-style-menu-button='true']`);if(D&&E(D),k(o,`Style`,D),D?.getAttribute(`aria-expanded`)===`true`){let e=n.createElement(`div`);e.dataset.mesurerUnifiedTextPresets=`true`,Object.assign(e.style,{display:`grid`,gap:`3px`,marginTop:`9px`,paddingTop:`8px`,borderTop:`1px solid ${RC}`});for(let t of Array.from(r.querySelectorAll(`[data-mesurer-text-style-preset]`)))t.style.width=`100%`,t.style.minHeight=`34px`,e.append(t);e.childElementCount&&i.append(e)}t.style.display=`none`,t.setAttribute(`aria-hidden`,`true`),r.style.display=`none`,r.setAttribute(`aria-hidden`,`true`),b()}finally{l=!1}}};s.addEventListener(`click`,A,!0),s.addEventListener(`change`,j,!0),s.addEventListener(`keydown`,M,!0),r.addEventListener(`resize`,v),r.addEventListener(`scroll`,y,{capture:!0,passive:!0});let P=new a.MutationObserver(N);P.observe(s,{childList:!0,subtree:!0}),N(),e.lifecycle.onDispose(()=>{c=!0,P.disconnect(),u&&r.cancelAnimationFrame(u),d&&r.clearTimeout(d),s.removeEventListener(`click`,A,!0),s.removeEventListener(`change`,j,!0),s.removeEventListener(`keydown`,M,!0),r.removeEventListener(`resize`,v),r.removeEventListener(`scroll`,y,!0),g()})}var YC=4,XC=4,ZC=220,QC=60,$C=(e,t,n)=>Math.min(Math.max(e,t),n);function ew(e,t){let{ownerWindow:n,portalTarget:r}=t,i=n,a=e=>{if(e.key!==`Escape`)return;let t=e.composedPath().find(e=>e instanceof i.HTMLElement&&e.dataset.mesurerUnifiedSelectPopup===`true`),n=t instanceof i.HTMLElement?t:r.querySelector(`[data-mesurer-unified-select-popup='true']`);if(!n)return;let a=n.dataset.mesurerUnifiedSelectKind;if(!a)return;let o=n.closest(`[data-mesurer-text-inspector-info='true']`)?.querySelectorAll(`[data-mesurer-unified-select-trigger]`)??r.querySelectorAll(`[data-mesurer-unified-select-trigger]`),s=Array.from(o).find(e=>e.dataset.mesurerUnifiedSelectTrigger===a);s&&(e.preventDefault(),e.stopImmediatePropagation(),s.click())};n.addEventListener(`keydown`,a,!0),e.lifecycle.onDispose(()=>{n.removeEventListener(`keydown`,a,!0)})}function tw(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=0,d=null,f=new Map,p=e=>{let t=e.dataset.mesurerUnifiedSelectKind;return t?Array.from(s.querySelectorAll(`[data-mesurer-unified-select-trigger]`)).find(e=>e.dataset.mesurerUnifiedSelectTrigger===t)??null:null},m=e=>{if(e.dataset.mesurerUnifiedSelectKind===`font`)for(let t of e.querySelectorAll(`[data-mesurer-unified-select-option]`)){let e=t.dataset.mesurerUnifiedSelectOption;e&&t.setAttribute(`aria-label`,e)}},h=()=>{let e=d;if(e?.isConnected)for(let[t,n]of f){if(!t.isConnected||!e.contains(t)){f.delete(t);continue}let r=n.left-e.scrollLeft,i=n.top-e.scrollTop;t.style.transform=r===0&&i===0?`none`:`translate(${r}px, ${i}px)`}},g=e=>{d!==e&&(d?.removeEventListener(`scroll`,h),f.clear(),d=e,d?.addEventListener(`scroll`,h,{passive:!0}))},_=(e,t,n)=>{let r=p(e);if(!r?.isConnected)return;let i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o=n.getBoundingClientRect();if(i.width<=0||i.height<=0||a.width<=0||a.height<=0||o.width<=0||o.height<=0)return;e.style.position=`absolute`,e.style.inset=`auto`,e.style.margin=`0`,e.style.pointerEvents=`auto`,e.style.zIndex=`2147483647`,e.style.transform=`none`;let s=Math.max(1,o.width-8),c=Math.min(Math.max(i.width,120),s);e.style.width=`${c}px`,e.style.maxWidth=`${s}px`;let l=Math.max(1,o.height-8),u=Math.min(ZC,Math.max(QC,e.scrollHeight)),d=Math.min(u,l);e.style.maxHeight=`${d}px`;let m=o.left-a.left,h=o.top-a.top,g=i.left-a.left,_=i.top-a.top,v=i.bottom-a.top,y=Math.max(0,_-h-YC-XC),b=o.bottom-a.top,x=Math.max(0,b-v-YC-XC),S=x>=d||x>=y?v+YC:_-YC-d,C=m+XC,w=Math.max(C,m+o.width-XC-c),T=h+XC,E=Math.max(T,h+o.height-XC-d);e.style.left=`${$C(g,C,w)}px`,e.style.top=`${$C(S,T,E)}px`,f.set(e,{left:n.scrollLeft,top:n.scrollTop})},v=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-inspector-placement-shell='true']`),t=s.querySelector(`[data-mesurer-text-inspector-info='true'][data-mesurer-text-inspector-unified='true']`);if(!e||!t){g(null);return}g(t);for(let e of Array.from(f.keys()))(!e.isConnected||!t.contains(e))&&f.delete(e);for(let r of Array.from(s.querySelectorAll(`[data-mesurer-unified-select-popup='true']`))){let i=n.activeElement,o=i instanceof a.HTMLElement&&r.contains(i)?i:null;(r.parentElement!==t||t.lastElementChild!==r)&&(t.append(r),o?.isConnected&&o.focus({preventScroll:!0})),m(r),_(r,e,t)}}finally{l=!1}}},y=()=>{v(),!(c||u)&&(u=r.requestAnimationFrame(()=>{u=0,v()}))},b=new a.MutationObserver(y);b.observe(s,{childList:!0,subtree:!0}),r.addEventListener(`resize`,y),y(),e.lifecycle.onDispose(()=>{c=!0,b.disconnect(),u&&r.cancelAnimationFrame(u),r.removeEventListener(`resize`,y),g(null)})}var nw=`var(--msr-color-ink-50, #f8fafc)`,rw=`var(--msr-color-ink-100, #f1f5f9)`,iw=`var(--msr-color-ink-200, #e2e8f0)`,aw=`var(--msr-color-ink-500, #64748b)`,ow=`var(--msr-color-ink-700, #334155)`,sw=`var(--msr-content, #0f172a)`,cw=`var(--msr-accent, #0d99ff)`,lw=8,uw=4;function dw(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=null,d=(e=!1)=>{let t=u;if(!t)return;t.popup.remove(),t.trigger.setAttribute(`aria-expanded`,`false`),t.chevron?.style.setProperty(`transform`,`rotate(45deg)`);let n=t.trigger.closest(`[data-mesurer-unified-select-shell='true'], [data-mesurer-unified-style-shell='true']`);n&&(n.style.boxShadow=`none`,n.style.borderColor=`transparent`),u=null,e&&t.trigger.isConnected&&t.trigger.focus({preventScroll:!0})},f=()=>{if(!u?.trigger.isConnected||!u.popup.isConnected){d();return}let e=u.trigger.getBoundingClientRect(),t=u.popup.getBoundingClientRect(),n=Math.max(e.width,Math.min(260,t.width||e.width));u.popup.style.width=`${n}px`;let i=u.popup.getBoundingClientRect(),a=r.innerWidth-lw,o=r.innerHeight-lw,s=Math.max(lw,a-i.width),c=Math.min(Math.max(e.left,lw),s),l=e.bottom+uw,f=e.top-uw-i.height,p=l+i.height<=o||f<lw?Math.min(l,Math.max(lw,o-i.height)):f;u.popup.style.left=`${c}px`,u.popup.style.top=`${Math.max(lw,p)}px`},p=e=>{let t=n.createElement(`button`);t.type=`button`,t.dataset.mesurerUnifiedSelectOption=e.key,t.setAttribute(`role`,`option`),t.setAttribute(`aria-selected`,e.selected?`true`:`false`),t.disabled=e.disabled,Object.assign(t.style,{width:`100%`,minHeight:`30px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`12px`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:e.selected?rw:`transparent`,color:e.disabled?aw:sw,padding:`0 9px`,textAlign:`left`,font:`${e.selected?`600`:`500`} 11px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,cursor:e.disabled?`default`:`pointer`,opacity:e.disabled?`0.55`:`1`,pointerEvents:`auto`});let r=n.createElement(`span`);if(r.textContent=e.label,Object.assign(r.style,{minWidth:`0`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),t.append(r),e.shortcut){let r=n.createElement(`span`);r.textContent=e.shortcut,Object.assign(r.style,{flex:`0 0 auto`,color:aw,font:`500 10px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,whiteSpace:`nowrap`}),t.append(r)}return t.addEventListener(`mouseenter`,()=>{e.disabled||(t.style.background=e.selected?rw:nw)}),t.addEventListener(`mouseleave`,()=>{t.style.background=e.selected?rw:`transparent`}),t.addEventListener(`click`,()=>{e.disabled||(e.activate(),d())}),t.addEventListener(`keydown`,e=>{if(e.key===`Escape`){e.preventDefault(),d(!0);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;e.preventDefault();let n=t.closest(`[data-mesurer-unified-select-popup='true']`);if(!n)return;let r=Array.from(n.querySelectorAll(`[data-mesurer-unified-select-option]`)).filter(e=>!e.disabled),i=r.indexOf(t);i<0||r.length===0||r[(i+(e.key===`ArrowDown`?1:-1)+r.length)%r.length]?.focus({preventScroll:!0})}),t},m=(e,t,r)=>{if(u?.trigger===e){d(!0);return}d();let i=n.createElement(`div`);i.dataset.mesurerUnifiedSelectPopup=`true`,i.dataset.mesurerUnifiedSelectKind=e.dataset.mesurerUnifiedSelectTrigger??`select`,i.dataset.mesurerInspectorUi=`true`,i.setAttribute(`role`,`listbox`),Object.assign(i.style,{position:`fixed`,zIndex:`2147483647`,minWidth:`120px`,maxWidth:`min(260px, calc(100vw - 16px))`,maxHeight:`220px`,overflowY:`auto`,boxSizing:`border-box`,border:`1px solid ${iw}`,borderRadius:`8px`,background:`var(--msr-surface-raised, #ffffff)`,padding:`4px`,boxShadow:`var(--msr-shadow-select-menu, 0 8px 24px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.08))`,pointerEvents:`auto`});for(let e of r)i.append(p(e));s.append(i),e.setAttribute(`aria-expanded`,`true`),t?.style.setProperty(`transform`,`rotate(225deg)`);let a=e.closest(`[data-mesurer-unified-select-shell='true'], [data-mesurer-unified-style-shell='true']`);a&&(a.style.borderColor=`transparent`,a.style.boxShadow=`inset 0 0 0 1px ${cw}`),u={popup:i,trigger:e,chevron:t},f(),(i.querySelector(`[aria-selected='true']:not(:disabled)`)??i.querySelector(`[data-mesurer-unified-select-option]:not(:disabled)`))?.focus({preventScroll:!0})},h=(e,t)=>{Object.assign(e.style,{position:`absolute`,inset:`0`,zIndex:`1`,width:`100%`,height:`100%`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:`transparent`,color:ow,padding:`0 28px 0 8px`,textAlign:`left`,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,cursor:`pointer`,outline:`none`}),e.addEventListener(`focus`,()=>{t.style.borderColor=`transparent`,t.style.boxShadow=`inset 0 0 0 1px ${cw}`}),e.addEventListener(`blur`,()=>{u?.trigger!==e&&(t.style.boxShadow=`none`)})},g=e=>{let t=e.closest(`[data-mesurer-unified-select-shell='true']`);if(!t||t.dataset.mesurerUnifiedCustomSelect===`true`)return;t.dataset.mesurerUnifiedCustomSelect=`true`,Object.assign(e.style,{position:`absolute`,inset:`0`,width:`100%`,height:`100%`,opacity:`0`,pointerEvents:`none`}),e.tabIndex=-1,e.setAttribute(`aria-hidden`,`true`);let r=e.dataset.mesurerTextStyleSelect??e.getAttribute(`aria-label`)??`select`,i=n.createElement(`button`);i.type=`button`,i.dataset.mesurerUnifiedSelectTrigger=r,i.setAttribute(`aria-haspopup`,`listbox`),i.setAttribute(`aria-expanded`,`false`),i.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??r);let o=t.querySelector(`[data-mesurer-unified-select-chevron='true']`);o&&(o.style.zIndex=`2`),h(i,t);let s=()=>{let t=e.selectedOptions.item(0);i.textContent=t?.textContent?.trim()||e.value};s(),e.addEventListener(`change`,s);let c=()=>Array.from(e.options).map(t=>({key:t.value,label:t.textContent?.trim()||t.value,shortcut:null,selected:t.selected,disabled:t.disabled,activate:()=>{if(e.value===t.value){d();return}e.value=t.value,e.dispatchEvent(new a.Event(`input`,{bubbles:!0})),e.dispatchEvent(new a.Event(`change`,{bubbles:!0})),s()}}));i.addEventListener(`click`,()=>m(i,o,c())),i.addEventListener(`keydown`,e=>{if(e.key===`Escape`){d(!0);return}[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),m(i,o,c()))}),o?t.insertBefore(i,o):t.append(i)},_=e=>{let t=e.querySelector(`[data-mesurer-text-style-menu-button='true']:not([data-mesurer-unified-select-trigger='style'])`);if(!t||t.dataset.mesurerUnifiedCustomStyle===`true`)return;t.dataset.mesurerUnifiedCustomStyle=`true`,delete t.dataset.mesurerTextStyleMenuButton,t.style.display=`none`,t.tabIndex=-1,t.setAttribute(`aria-hidden`,`true`);for(let t of e.querySelectorAll(`[data-mesurer-unified-text-presets='true']`))t.remove();let r=t.parentElement;if(!r)return;let i=n.createElement(`div`);i.dataset.mesurerUnifiedStyleShell=`true`,Object.assign(i.style,{position:`relative`,width:`100%`,minWidth:`0`,height:`28px`,boxSizing:`border-box`,border:`1px solid transparent`,borderRadius:`5px`,background:nw,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`});let a=n.createElement(`button`);a.type=`button`,a.dataset.mesurerUnifiedSelectTrigger=`style`,a.dataset.mesurerTextStyleMenuButton=`true`,a.setAttribute(`aria-haspopup`,`listbox`),a.setAttribute(`aria-expanded`,`false`),a.setAttribute(`aria-label`,`Text style`),h(a,i),i.addEventListener(`mouseenter`,()=>{i.style.borderColor=iw}),i.addEventListener(`mouseleave`,()=>{u?.trigger!==a&&n.activeElement!==a&&(i.style.borderColor=`transparent`)});let o=n.createElement(`span`);o.dataset.mesurerUnifiedSelectChevron=`true`,o.setAttribute(`aria-hidden`,`true`),Object.assign(o.style,{position:`absolute`,zIndex:`2`,right:`9px`,top:`8px`,width:`7px`,height:`7px`,borderRight:`1.5px solid ${aw}`,borderBottom:`1.5px solid ${aw}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`});let c=s.querySelector(`[data-mesurer-text-style-menu='true']`),l=()=>c?Array.from(c.querySelectorAll(`[data-mesurer-text-style-preset]`)):[],f=()=>{let e=l(),t=e.find(e=>e.getAttribute(`aria-current`)===`true`)??e[0];a.textContent=t?.getAttribute(`aria-label`)??`Text`};f();let p=()=>l().map(e=>({key:e.dataset.mesurerTextStylePreset??e.getAttribute(`aria-label`)??`preset`,label:e.getAttribute(`aria-label`)??e.textContent?.trim()??`Text`,shortcut:e.lastElementChild?.textContent?.trim()||null,selected:e.getAttribute(`aria-current`)===`true`,disabled:e.disabled,activate:()=>{e.click(),f()}}));a.addEventListener(`click`,()=>m(a,o,p())),a.addEventListener(`keydown`,e=>{if(e.key===`Escape`){d(!0);return}[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),m(a,o,p()))}),i.append(a,o),r.append(i)},v=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-inspector-info='true'][data-mesurer-text-inspector-unified='true']`);if(!e){d();return}for(let t of Array.from(e.querySelectorAll(`[data-mesurer-text-style-select]`)))g(t);_(e)}finally{l=!1}}},y=e=>{if(!u)return;let t=e.composedPath();t.includes(u.popup)||t.includes(u.trigger)||d()},b=()=>f();r.addEventListener(`pointerdown`,y,!0),r.addEventListener(`resize`,b);let x=new a.MutationObserver(v);x.observe(s,{childList:!0,subtree:!0}),v(),e.lifecycle.onDispose(()=>{c=!0,x.disconnect(),d(),r.removeEventListener(`pointerdown`,y,!0),r.removeEventListener(`resize`,b)})}function fw(e,t){Lx(e,t);let{runtime:n}=Mx(t);dC(e,n),ew(e,n),yS(e,IC(e,n)),iC(e,n),JC(e,n),vC(e,n,t.portalTarget),wS(e,n,t),fC(e,n),dw(e,n),tw(e,n),Ax(e,n),Bx(e,n),XS(e,n,t.portalTarget),PC(e,n,t.portalTarget)}function pw(e){let t=e,n=[];for(;;){let e=t.getRootNode();if(`host`in e){let r=e.host;n.unshift({kind:`shadow`,selector:hu(r)}),t=r;continue}let r=t.ownerDocument,i=r.defaultView?.frameElement;if(!i)return{};if(i.hasAttribute(`data-mesurer-responsive-frame`)){let e=r.defaultView;return{viewport:{url:e.location.href.split(`#`)[0],width:e.innerWidth,height:e.innerHeight,previewId:i.getAttribute(`data-mesurer-responsive-preview-id`)},domPath:n}}n.unshift({kind:`frame`,selector:hu(i)}),t=i}}function mw(e,t){let n=t.viewport;if(!n||!e)return null;let r=[...e.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)].filter(e=>{let t=Pu(e)?.defaultView;return t&&t.location.href.split(`#`)[0]===n.url&&t.innerWidth===n.width&&t.innerHeight===n.height}),i=r.find(e=>e.getAttribute(`data-mesurer-responsive-preview-id`)===n.previewId)??(r.length===1?r[0]:void 0),a=i?Pu(i):null;for(let e of t.domPath??[]){let t=a?.querySelectorAll(e.selector);if(t?.length!==1)return null;a=e.kind===`frame`?Pu(t[0]):t[0].shadowRoot}return a}function hw(e){return[...e?.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)??[]].flatMap(e=>{let t=Pu(e);return t?pv(t):[]})}var gw=1,_w=e=>{if(typeof e!=`object`||!e||Array.isArray(e))return!1;let t=e;return typeof t.id==`string`&&!!t.id.trim()&&typeof t.text==`string`&&!!t.text.trim()&&Number.isFinite(t.createdAt)},vw=(e,t)=>{if(!t)return[];try{let n=e.sessionStorage.getItem(t);if(!n)return[];let r=JSON.parse(n);return r.version!==gw||!Array.isArray(r.annotations)?[]:r.annotations.map(e=>{let t=new Set,n=Array.isArray(e.replies)?e.replies.flatMap(e=>!_w(e)||t.has(e.id)?[]:(t.add(e.id),[{id:e.id,text:e.text,createdAt:e.createdAt}])):void 0,r={...e};return n?.length?r.replies=n:delete r.replies,e.status===`resolved`?(r.status=`resolved`,Number.isFinite(e.resolvedAt)&&(r.resolvedAt=e.resolvedAt)):e.status===`open`&&(r.status=`open`),yw(r)})}catch{return[]}},yw=e=>{let t={...e,anchor:e.anchor.kind===`elements`?{kind:`elements`,region:e.anchor.region?ac(e.anchor.region):null,targets:e.anchor.targets.map(e=>{let t={...e,fingerprint:{...e.fingerprint,classes:[...e.fingerprint.classes]},lastRect:ac(e.lastRect)};return e.viewport&&(t.viewport={...e.viewport}),e.domPath&&(t.domPath=e.domPath.map(e=>({...e}))),t})}:{kind:`region`,rect:ac(e.anchor.rect)},baseline:{targets:e.baseline.targets.map(e=>({...e,rect:ac(e.rect)})),guides:e.baseline.guides.map(e=>({...e})),measurements:e.baseline.measurements.map(e=>({...e,rect:ac(e.rect)})),distances:e.baseline.distances.map(e=>({...e,rectA:ac(e.rectA),rectB:ac(e.rectB),horizontal:e.horizontal?{...e.horizontal}:null,vertical:e.vertical?{...e.vertical}:null}))}};return e.replies?t.replies=e.replies.map(e=>({...e})):delete t.replies,t},bw=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,xw=e=>{let t=new Set,n=[];for(let r of e.current.selectedMeasurements){let e=r.elementRef;!e?.isConnected||t.has(e)||(t.add(e),n.push(e))}let r=e.current.selectedMeasurement?.elementRef;return r?.isConnected&&!t.has(r)&&n.push(r),n};function Sw(e){let{model:t,ownerDocument:n,ownerWindow:r,uiRoot:i}=e,a=r,o=e.pageTarget??n.body??n.documentElement,s=o instanceof a.ShadowRoot?o:o.getRootNode(),c=s instanceof a.ShadowRoot?s:n,l=Rl(r),u=()=>e.persistenceKey?`${e.persistenceKey}:${l}`:void 0,d=()=>e.persistenceKey?`${e.persistenceKey}${r.location.pathname}`:void 0,f=()=>{let e=u();if(!e)return{annotations:[],migrated:!1};try{if(r.sessionStorage.getItem(e)!==null)return{annotations:vw(r,e),migrated:!1}}catch{return{annotations:[],migrated:!1}}let t=d();if(!t)return{annotations:[],migrated:!1};let n=vw(r,t);return{annotations:n,migrated:n.length>0}},p=f(),m=p.annotations,h=p.migrated,g=new Set,_=new Map,v=new Map,y=new Map,b=!1,x=0,S=new Map,C=new Map,w=!1,T=(e,t)=>`${e}:${t}`,E=e=>hv(e,o)||hw(i).includes(e.ownerDocument),D=(e,t)=>t.viewport?e.getRootNode()===mw(i,t):!mv(e.ownerDocument),O=e=>{let t=[],r=new Set,i=e=>{r.has(e)||!E(e)||(r.add(e),t.push(e))};o instanceof a.HTMLElement&&o.matches(e)&&i(o);for(let t of pv(o)){let r=t===n?c:t;for(let t of r.querySelectorAll(e))i(t)}return t},k=()=>{let e=u();if(e)try{if(m.length===0){r.sessionStorage.removeItem(e);return}r.sessionStorage.setItem(e,JSON.stringify({version:gw,annotations:m.map(yw)}))}catch{}};h&&=(k(),!1);let A=()=>{for(let e of g)e()},j=e=>{if(!_u(e.fingerprint))return null;let t=[];try{let n=e.viewport?mw(i,e):null;t=e.viewport?[...n?.querySelectorAll(e.selector)??[]]:O(e.selector).filter(t=>D(t,e))}catch{return null}let n=t.filter(t=>vu(t,e.fingerprint));if(t.length===1&&n.length===1)return n[0]??null;if(t.length!==1||e.fingerprint.id||e.fingerprint.testId)return null;let r=t[0];if(!r||r.localName!==e.fingerprint.tag)return null;let a=qu(r),o=e.lastRect,s=Math.max(4,Math.max(o.width,o.height)*.05),c=Math.max(2,Math.max(o.width,o.height)*.03);return Math.abs(a.left-o.left)<=s&&Math.abs(a.top-o.top)<=s&&Math.abs(a.width-o.width)<=c&&Math.abs(a.height-o.height)<=c?r:null},M=(e,t)=>{let n=T(e,t.id),r=v.get(n);if(r?.isConnected&&E(r)&&D(r,t))return r;r&&v.delete(n);let i=j(t);return i&&v.set(n,i),i},N=()=>{let e=!1;for(let t of m)if(t.anchor.kind===`elements`)for(let n of t.anchor.targets){let r=T(t.id,n.id),i=M(t.id,n),a=!!i;if(y.get(r)!==a&&(y.set(r,a),e=!0),!i)continue;let o=qu(i);(o.left!==n.lastRect.left||o.top!==n.lastRect.top||o.width!==n.lastRect.width||o.height!==n.lastRect.height)&&(n.lastRect=o,e=!0)}e&&(k(),A())},P=()=>{x||b||m.length===0||(x=r.requestAnimationFrame(()=>{x=0,N()}))},F=e=>{let t=S.get(e);t&&(e.removeEventListener(`load`,t.load,!0),e.removeEventListener(`scroll`,P,!0),t.removeResizeListener(),t.unsubscribeLocation(),t.observer?.disconnect(),S.delete(e))},I=()=>{let e=new Set;for(let t of m)if(t.anchor.kind===`elements`)for(let n of t.anchor.targets){if(!n.viewport)continue;let t=mw(i,{...n,domPath:[]});for(let r of n.domPath??[]){let n=t?.querySelectorAll(r.selector);if(n?.length!==1)break;let i=n[0],a=r.kind===`shadow`?i.shadowRoot:null;t=r.kind===`frame`?Pu(i):a,a&&e.add(a)}}for(let t of e){if(C.has(t))continue;let e=t.ownerDocument.defaultView?.MutationObserver;if(!e)continue;let n=new e(()=>{L(),P()});n.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`,`style`]}),C.set(t,n)}for(let[t,n]of C)e.has(t)||(n.disconnect(),C.delete(t))},L=()=>{if(!w)return;let e=new Set([...pv(o),...hw(i)]);for(let t of e){if(S.has(t))continue;let e=()=>{L(),P()},n=t.defaultView?.MutationObserver,r=n&&t.body?new n(()=>{L(),I(),P()}):null;t.addEventListener(`load`,e,!0),t.addEventListener(`scroll`,P,!0);let i=t.defaultView;i?.addEventListener(`resize`,P);let a=i?.removeEventListener.bind(i);r?.observe(t.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`,`style`]}),S.set(t,{load:e,observer:r,removeResizeListener:()=>a?.(`resize`,P),unsubscribeLocation:t.defaultView&&mv(t)?Hl(t.defaultView,P):()=>{}})}for(let t of S.keys())e.has(t)||F(t);I()},R=()=>{b||m.length===0||(w=!0,L())},z=()=>{if(w){w=!1;for(let e of S.keys())F(e);for(let e of C.values())e.disconnect();C.clear(),x&&r.cancelAnimationFrame(x),x=0}},B=()=>{L(),N(),A()};r.addEventListener(`mesurer:responsive-stage-change`,B),i?.addEventListener(`scroll`,P,!0),m.length>0&&(N(),R());let V=Hl(r,e=>{if(e===l||b)return;k(),z(),v.clear(),y.clear(),l=e,m.length=0;let t=f();m.push(...t.annotations),t.migrated&&k(),m.length>0&&(N(),R()),A()}),ee=t.subscribe(A),H=()=>({guides:t.current.guides,measurements:t.current.measurements,activeMeasurement:t.current.activeMeasurement,distances:t.current.heldDistances}),U=e=>dc({...e,workspace:H(),guideTolerance:10}),W=(e,t)=>({id:`target-${t+1}`,selector:hu(e),fingerprint:gu(e),lastRect:qu(e),...pw(e)}),te=e=>{let n=[],i=new Set;for(let t of e){let e=t.trim();!e||i.has(e)||(i.add(e),n.push(e))}if(!n.length)throw Error(`Mesurer select() requires at least one selector.`);let a=n.map(e=>{let t;try{t=O(e)}catch{throw Error(`Invalid Mesurer selection selector: ${e}`)}if(t.length===0)throw Error(`Mesurer selection target not found: ${e}`);if(t.length>1)throw Error(`Mesurer selection target is ambiguous (${t.length} matches): ${e}`);return t[0]});t.checkpoint(),t.setEnabled(!0),t.setToolMode(`select`);let o=a.map(e=>nd(e,r));return t.setSelectedMeasurements(o,o.at(-1)??null),t.setTransient({selectionOriginRect:null}),a},ne=(e,t=[])=>(m.push(e),e.anchor.kind===`elements`&&e.anchor.targets.forEach((n,r)=>{let i=t[r],a=T(e.id,n.id);i&&E(i)&&v.set(a,i),y.set(a,!!(i&&E(i)))}),R(),k(),A(),yw(e)),re=(e,t)=>{if(i?.querySelector(`[data-mesurer-responsive-stage]`))throw Error(`Select a preview element before adding a Responsive annotation.`);let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let a=ac(t);return ne({id:bw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`region`,rect:a},baseline:U({targets:[],region:a})})},ie=e=>{let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let i=xw(t).filter(E),a=t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null;if(!i.length){if(!a)throw Error(`Select a page element or drag a region before adding an annotation.`);return re(n,a)}let o=i.map(W);if(new Set(o.map(e=>JSON.stringify(e.viewport))).size>1)throw Error(`Select elements within one Responsive preview before adding an annotation.`);return ne({id:bw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`elements`,targets:o,region:a},baseline:U({targets:o,elements:i})},i)},ae=()=>{for(let[e,t]of _)t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`);_.clear()};return{snapshot(){return{enabled:t.current.enabled,rulersVisible:t.current.rulersVisible,xrayVisible:t.current.xrayVisible,guideRelevanceTolerance:10,selectedMeasurements:[...t.current.selectedMeasurements],selectionOriginRect:t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null,measurements:[...t.current.measurements],activeMeasurement:t.current.activeMeasurement,heldDistances:[...t.current.heldDistances],guides:t.current.guides.map(e=>({...e})),annotations:m.map(yw)}},elementRect(e){return qu(e)},targetScope:pw,annotationVisible(e){let t=m.find(t=>t.id===e);if(!t)return!1;let n=!!i?.querySelector(`[data-mesurer-responsive-stage]`),r=t.anchor.kind===`elements`&&t.anchor.targets.some(e=>e.viewport);return n===r&&(!r||t.anchor.kind===`elements`&&t.anchor.targets.some(e=>M(t.id,e)))},currentSelection(){return{elements:xw(t).filter(E),region:t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null}},refreshSelectionGeometry(){let e=t.current.selectedMeasurements;if(!e.length)return;let n=(e,t)=>e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height,i=!1,a=e.flatMap(e=>{if(!e.elementRef?.isConnected)return[];let t={...nd(e.elementRef,r),id:e.id,originRect:e.originRect};return(!n(t.rect,e.rect)||!n(t.paddingRect,e.paddingRect)||!n(t.marginRect,e.marginRect))&&(i=!0),[t]});if(a.length!==e.length&&(i=!0),!i)return;let o=t.current.selectedMeasurement?.id;t.setSelectedMeasurements(a,a.find(e=>e.id===o)??a.at(-1)??null)},clearSelection(){t.checkpoint(),t.setSelectedMeasurements([],null),t.setSelectedGuideIds([]),t.setHoverTarget(null,null),t.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},toggleSelection(e){if(!e.isConnected||!E(e))return;let n=t.current.selectedMeasurements.some(t=>t.elementRef===e)?t.current.selectedMeasurements.filter(t=>t.elementRef!==e):[...t.current.selectedMeasurements,nd(e,r)];t.checkpoint(),t.setSelectedMeasurements(n,n.at(-1)??null),t.setTransient({selectionOriginRect:null})},selectGestureActive(){return t.current.toolMode===`select`&&t.current.start!==null},select:te,setHover(e){if(!e?.isConnected||!E(e)){t.setHoverTarget(null,null);return}let n=qu(e);t.setHoverTarget(e,t.current.settings.hoverHighlightEnabled?{left:n.left,top:n.top,width:n.width,height:n.height}:null)},clearHover(){t.setHoverTarget(null,null)},hoveredElement(){return t.current.hoverElement?.isConnected&&E(t.current.hoverElement)?t.current.hoverElement:null},annotations(){return m.map(yw)},annotation(e){let t=m.find(t=>t.id===e);if(!t)return null;let n=yw(t),r=[];if(n.anchor.kind===`elements`&&t.anchor.kind===`elements`){let e=t.anchor.targets;r=n.anchor.targets.map((n,r)=>({target:n,element:M(t.id,e[r])}))}return{...n,resolvedTargets:r}},annotationRect(e){let t=m.find(t=>t.id===e);if(!t)return null;if(t.anchor.kind===`region`)return ac(t.anchor.rect);let n=t.anchor.targets.map(e=>{let n=M(t.id,e);return n?qu(n):void 0}).filter(e=>e!==void 0);if(!n.length){let e=sc(t.anchor.targets.map(e=>e.lastRect));return e?ac(e):null}return sc(n.map(e=>({left:e.left,top:e.top,width:e.width,height:e.height})))},addSelectionAnnotation:ie,addRegionAnnotation:re,removeAnnotation(e,t){let n=m.findIndex(t=>t.id===e);if(n<0)return!1;let r=m[n];if(t){let e=r.replies??[];if(r.note!==t.note||e.length!==t.replies.length||e.some((e,n)=>{let r=t.replies[n];return!r||e.id!==r.id||e.text!==r.text||e.createdAt!==r.createdAt}))return!1}let[i]=m.splice(n,1);if(i.anchor.kind===`elements`)for(let e of i.anchor.targets){let t=T(i.id,e.id);v.delete(t),y.delete(t)}return m.length===0&&z(),k(),A(),!0},addAnnotationReply(e,t){let n=m.find(t=>t.id===e),i=t.trim();if(!n)throw Error(`Mesurer annotation not found: ${e}`);if(!i)throw Error(`Annotation reply cannot be empty.`);let a={id:bw(r,`reply`),text:i,createdAt:Date.now()};return n.replies=[...n.replies??[],a],k(),A(),{...a}},updateAnnotationReply(e,t,n){let r=m.find(t=>t.id===e),i=n.trim();if(!r)throw Error(`Mesurer annotation not found: ${e}`);if(!i)throw Error(`Annotation reply cannot be empty.`);let a=r.replies??[],o=a.findIndex(e=>e.id===t);if(o<0)throw Error(`Mesurer annotation reply not found: ${t}`);let s={...a[o],text:i};return r.replies=a.map((e,t)=>t===o?s:e),k(),A(),{...s}},removeAnnotationReply(e,t){let n=m.find(t=>t.id===e);if(!n)throw Error(`Mesurer annotation not found: ${e}`);let r=n.replies??[];if(!r.some(e=>e.id===t))throw Error(`Mesurer annotation reply not found: ${t}`);let i=r.filter(e=>e.id!==t);i.length?n.replies=i:delete n.replies,k(),A()},setAnnotationStatus(e,t){let n=m.find(t=>t.id===e);if(!n)throw Error(`Mesurer annotation not found: ${e}`);n.status=t,t===`resolved`?n.resolvedAt=Date.now():delete n.resolvedAt,k(),A()},subscribe(e){return g.add(e),()=>g.delete(e)},prepareCapture(){let e=[`[data-mesurer-layer='chrome']`,`[data-mesurer-toolbar='true']`,`[data-mesurer-extension-toolbar='true']`,`[data-mesurer-inspector-ui='true']:not([data-mesurer-layer='evidence'])`,`.mesurer-color-picker`].join(`,`),t=new Set;i&&t.add(i),t.add(n);for(let n of t)for(let t of n.querySelectorAll(e))_.has(t)||(_.set(t,{value:t.style.getPropertyValue(`display`),priority:t.style.getPropertyPriority(`display`)}),t.style.setProperty(`display`,`none`,`important`))},finishCapture(){ae()},dispose(){b||(b=!0,z(),V(),ee(),r.removeEventListener(`mesurer:responsive-stage-change`,B),i?.removeEventListener(`scroll`,P,!0),ae(),v.clear(),y.clear(),m.length=0,g.clear())}}}var Cw=[`select`,`xray`,`color-picker`,`rulers`,`responsive`,`text-inspector`,`guides`,`settings`],ww=`mesurer-plugin-settings`,Tw=e=>(e.startsWith(`mesurer.`)?e.slice(8):e).split(/[.-]/g).filter(Boolean).map(e=>e[0]?.toUpperCase()+e.slice(1)).join(` `)||e,Ew=e=>`create`in e&&typeof e.create==`function`,Dw=e=>e===`select`||e===`xray`||e===`color-picker`||e===`rulers`||e===`responsive`||e===`text-inspector`||e===`guides`||e===`distance`||e===`settings`,Ow=e=>`builtin.${e}`,kw=(e,t)=>{let n=t.toLowerCase().replaceAll(`cmd`,`meta`).split(`+`).map(e=>e.trim()).filter(Boolean);if(!n.length)return!1;let r=n.at(-1),i=new Set(n.slice(0,-1)),a=i.has(`mod`),o=i.has(`meta`),s=i.has(`ctrl`)||i.has(`control`),c=i.has(`shift`),l=i.has(`alt`)||i.has(`option`);return(a?!(e.metaKey||e.ctrlKey):o!==e.metaKey||s!==e.ctrlKey)||c!==e.shiftKey||l!==e.altKey||!a&&!o&&!s&&(e.metaKey||e.ctrlKey)?!1:e.key.toLowerCase()===r},Aw=({host:e,getBuiltinController:t,getModel:n,arrangeActive:r,isBuiltinPluginId:i,onPluginError:a})=>{let o=()=>e.tools().find(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`),s=null,c=async()=>{let r=s;if(s=null,!r)return;let i=t(),a=n();i&&a&&(r.toolMode===`none`&&a.current.toolMode===`select`?i.deactivate(`select`):r.toolMode&&r.toolMode!==`none`&&a.current.toolMode!==r.toolMode&&await i.run(r.toolMode),r.xrayVisible&&!a.current.xrayVisible&&await i.run(`xray`),r.rulersVisible&&!a.current.rulersVisible&&await i.run(`rulers`));for(let t of r.pluginToolIds){let n=e.tools().find(e=>e.id===t);!n||n.toolbarMode!==`select`||(n.active?.()??!1)||await e.command.execute(n.command,void 0,{source:`select-mode-restore`,toolId:n.id})}},l=async t=>{let n=o();n?.active?.()&&(await e.command.execute(n.command,void 0,{source:t,toolId:n.id}),await c())},u=async()=>{let r=t(),a=n(),o=e.tools().filter(e=>e.modeSwitch!==!0&&e.toolbarMode===`select`&&!(e.builtin&&i(e.builtin))&&!i(e.id)&&(e.active?.()??!1)).map(e=>e.id),c=a?.current.toolMode;s={toolMode:c===`none`||c===`select`||c===`text-inspector`||c===`guides`?c:null,xrayVisible:a?.current.xrayVisible??!1,rulersVisible:a?.current.rulersVisible??!1,pluginToolIds:o},r&&a&&(a.current.xrayVisible&&r.deactivate(`xray`),a.current.colorPickerActive&&r.deactivate(`color-picker`),a.current.toolMode===`text-inspector`&&r.deactivate(`text-inspector`));for(let t of o){let n=e.tools().find(e=>e.id===t);!n||!(n.active?.()??!1)||await e.command.execute(n.command,void 0,{source:`edit-mode-suspend`,toolId:n.id})}},d=async(t,n=`toolbar`)=>{if(!t.disabled?.())try{let i=t.modeSwitch===!0&&t.toolbarMode===`edit`&&!(t.active?.()??!1),a=t.modeSwitch===!0&&t.toolbarMode===`edit`&&(t.active?.()??!1);i&&await u(),t.toolbarMode===`select`&&r()&&await l(`select-mode-tool`),await e.command.execute(t.command,void 0,{source:n,toolId:t.id}),a&&!r()&&await c()}catch(e){throw a?.(e,t.id),e}};return{editModeTool:o,executeTool:d,leaveEditMode:l,runTool:(e,t=`toolbar`)=>{d(e,t).catch(()=>void 0)}}};function jw(e){let t=en(()=>e.pluginHost),n=t??Ec(),r=!t,i=en(()=>e.version??`0.1.0`),a=t=>e.version&&t.id.startsWith(`mesurer.`)?{...t,version:i}:t,o=new Set(en(()=>e.excludePlugins??[])),s=en(()=>[...e.plugins??[]]),c=s.some(e=>e.id===`mesurer.responsive`),l=en(()=>lx([],e.excludePlugins??[]).filter(e=>!c||e.id!==`mesurer.responsive`).map(a)),u=new Map,d=new Map,f=l.find(e=>e.id===`mesurer.responsive`);f&&!u.has(f.id)&&u.set(f.id,{id:f.id,label:Tw(f.id),order:-100,enabled:!0,create:()=>f});for(let[e,t]of s.entries()){if(Ew(t)){u.set(t.id,{...t,label:t.label??Tw(t.id),order:t.order??1e3+e});continue}let n=a(t);u.set(n.id,{id:n.id,label:Tw(n.id),order:1e3+e,enabled:!0,create:()=>n})}let p=new Set;for(let e of u.values())e.enabled!==!1&&p.add(e.id);let m=new Map([...u.values()].map(e=>[e.id,new Set(e.settingsIds??[])])),h=new Map,g=new Map,_=new Set,v=new Map,y=null,b=null,x=()=>void 0,S=async()=>void 0,[C,w]=G(0),[T,E]=G(!1),[D,O]=G(!1),k=e=>(C(),n.tools().find(t=>(t.builtin===e||t.id===e)&&t.command!==Ow(e))),A=e=>(C(),T()?e===`distance`?n.overlays().some(t=>t.builtin===e||t.id===e):n.tools().some(t=>t.builtin===e||t.id===e):!o.has(e)),j=()=>(C(),n.state.get(`mesurer.arrange.active`)??!1),M=e=>!1;mo(j,e=>{e&&O(!1)});let N=lo(()=>(C(),n.tools().filter(e=>e.hidden?.()?!1:!e.builtin||!Dw(e.builtin)||e.command!==Ow(e.builtin)))),P=lo(()=>{C();let e=n.settings();return[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0)).map(t=>{let r=m.get(t.id)??new Set,i=new Set(t.hiddenSettingsControlIds??[]),a=e.filter(e=>r.has(e.id)).map(e=>({...e,controls:(e.controls??[]).filter(e=>!i.has(e.id))})).filter(e=>(e.controls?.length??0)>0);return{id:t.id,label:t.label??Tw(t.id),description:t.description,error:d.get(t.id),enabled:n.has(t.id),busy:_.has(t.id),sections:a}})}),F=lo(()=>(C(),n.settings().filter(e=>e.id===Xy))),I=()=>{C();let e=[];for(let t of Cw)(!A(t)||k(t))&&e.push(`[data-mesurer-builtin='${t}']{display:none!important}`);return(!A(`guides`)||k(`guides`))&&e.push(`[data-mesurer-builtin='guides-menu']{display:none!important}`),A(`guides`)||e.push(`[data-mesurer-guide='true']{display:none!important}`),A(`distance`)||e.push(`[data-mesurer-distance='true']{display:none!important}`),A(`rulers`)||e.push(`[data-mesurer-rulers='true']{display:none!important}`),A(`color-picker`)||e.push(`.mesurer-color-picker{display:none!important}`),e.join(`
|
|
2499
|
-
`)},{editModeTool:L,executeTool:R,leaveEditMode:z,runTool:B}=Aw({host:n,getBuiltinController:()=>b,getModel:()=>y,arrangeActive:j,isBuiltinPluginId:Dw,onPluginError:e.onPluginError}),V=e=>{D()&&[`arrange`,`edit`,`rulers`].includes(e)&&O(!1)},ee=async()=>{if(A(`responsive`)){if(D()){O(!1);return}j()&&await z(`responsive-open`),y?.current.toolMode!==`select`&&y?.current.toolMode!==`text-inspector`&&await b?.run(`select`),b?.clearSelection(),O(!0)}},H=(e,t)=>{V(e.id),B(e,t)},U=H,W=(t,n)=>{n.disabled?.()||(V(t.id),Promise.resolve(n.run()).catch(r=>{e.onPluginError?.(r,`${t.id}.${n.id}`)}))},te=async(t,n,r)=>{try{await n.set(r)}catch(r){e.onPluginError?.(r,`${t}.${n.id}`)}},ne=(e,t,n)=>{te(e,t,n)},re=async e=>{for(let t of n.settings()){if(e&&!e.has(t.id))continue;let n=v.get(t.id);if(n)for(let e of t.controls??[]){let r=n.get(e.id);r!==void 0&&await te(t.id,e,r)}}};return Nn(()=>{let t=!0,o=0,s=!1,c=Promise.resolve(),f=new Set,C=n,P=e,F=P.portalTarget??document.body,B=F.ownerDocument??document,V=B.defaultView??window,W=P.pageTarget??B.body,te=()=>{if(!y)throw Error(`Mesurer renderer model is unavailable for runtime bridge setup.`);return y},ne=()=>{let e=te().rendererRoot;if(!e?.isConnected)throw Error(`Mesurer renderer root is unavailable for runtime bridge setup.`);return e},ie=()=>{if(!b)throw Error(`Mesurer built-in controller is unavailable for runtime bridge setup.`);return b},ae=()=>te().current.settings.theme,oe=e=>{let t=ae();return e(t),te().subscribe(()=>{let n=ae();n!==t&&(t=n,e(n))})},se=()=>{let e=B.createElement(`div`);e.dataset.mesurerInspectorUi=`true`;let t=oe(t=>{e.dataset.theme=t});ne().append(e);let n=!1;return{element:e,dispose(){n||(n=!0,t(),e.remove())}}},ce=e=>Sw({model:te(),ownerDocument:B,ownerWindow:V,uiRoot:F,pageTarget:W,persistenceKey:e?`${P.persistKey??`mesurer-plugin-settings`}:${e}:${V.location.origin}`:void 0}),le=B.createElement(`style`);le.dataset.mesurerPluginVisibility=`true`,le.dataset.mesurerInspectorUi=`true`,le.textContent=I(),F.append(le);let ue=P.persistKey?`${P.persistKey}:plugins`:ww,de=`${ue}:availability`,fe=new Map;try{let e=V.localStorage.getItem(de);if(e){let t=JSON.parse(e);if(t?.version===1||t?.version===2||t?.version===3){for(let[e,n]of Object.entries(t.enabled??{}))(t.version!==2||e!==`mesurer.codex`)&&fe.set(e,n);for(let[e,n]of Object.entries(t.state??{}))g.set(e,n)}}}catch(e){P.onPluginError?.(e,`plugin-registry-persistence`)}let pe=()=>{let e=Object.fromEntries([...u.keys()].map(e=>[e,C.has(e)])),t=Object.fromEntries(g);try{V.localStorage.setItem(de,JSON.stringify({version:3,enabled:e,state:t}))}catch(e){P.onPluginError?.(e,`plugin-registry-persistence`)}},me=()=>{o=0;try{V.localStorage.setItem(ue,JSON.stringify(C.state.serialize(`persist`)))}catch(e){P.onPluginError?.(e,`plugin-persistence`)}},he=()=>{V.clearTimeout(o),o=V.setTimeout(me,50)},ge=()=>{o&&(V.clearTimeout(o),me())},_e=()=>ge();V.addEventListener(`pagehide`,_e);let ve=C.subscribe(e=>{if(w(e=>e+1),le.textContent=I(),D()&&(j()||n.tools().some(e=>e.id===`rulers`&&(e.active?.()??!1)))&&O(!1),(e.reason===`state`||e.reason===`history`||e.reason===`remove`||e.reason===`replace`)&&he(),T()&&!s&&(e.reason===`load`||e.reason===`remove`||e.reason===`replace`)&&pe(),e.reason===`remove`&&e.pluginId?.startsWith(`mesurer.`)){let t=e.pluginId.slice(8);Dw(t)&&t!==`responsive`&&b?.deactivate(t),t===`responsive`&&O(!1)}});P.onPluginHost?.(C);let ye=async(e,n=e.id)=>{if(!t)return!1;f.add(e);try{await C.load(e),d.delete(n)}catch(e){return t&&(d.set(n,e instanceof Error?e.message:String(e)),w(e=>e+1),P.onPluginError?.(e,n)),!1}finally{f.delete(e)}return t?!0:(C.plugin(e.id)===e&&C.remove(e.id),!1)},be=e=>ye(e),xe=e=>{for(let t of C.settings())!e.has(t.id)||v.has(t.id)||v.set(t.id,new Map((t.controls??[]).map(e=>[e.id,e.value()])))},Se=async e=>{if(!t||C.has(e.id))return C.has(e.id);let n=new Set(C.settings().map(e=>e.id)),r=new Set(C.describe().state.map(e=>e.id));try{let i=a(await e.create());if(!t)return!1;if(i.id!==e.id)throw Error(`Plugin registration ${e.id} created mismatched plugin ${i.id}.`);if(!await ye(i,e.id))return!1;let o=new Set(m.get(e.id)??e.settingsIds??[]);for(let e of C.settings())n.has(e.id)||o.add(e.id);m.set(e.id,o);let s=new Set(h.get(e.id)??[]);for(let e of C.describe().state)r.has(e.id)||s.add(e.id);h.set(e.id,s),xe(o);let c=g.get(e.id);return c&&(C.state.restore(c,`persist`),g.delete(e.id)),!0}catch(n){return t&&P.onPluginError?.(n,e.id),!1}},Ce=e=>{let t=h.get(e);if(!t?.size)return;let n=C.state.serialize(`persist`),r={};for(let e of t)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e]);Object.keys(r).length&&g.set(e,r)},we=async(e,t=!0)=>C.has(e)?(await C.hook.emit(Cc,e),t?Ce(e):g.delete(e),C.remove(e)):!1,Te=async(e,t,n=!0)=>{let r=u.get(e);if(!(!r||_.has(e)||C.has(e)===t)){_.add(e),d.delete(e),w(e=>e+1);try{t?await Se(r):await we(e,n),s||pe()}finally{_.delete(e),w(e=>e+1)}}},Ee=e=>{let t=c.then(e,e);return c=t.catch(()=>void 0),t};x=(e,t)=>{Ee(async()=>{await Te(e,t)}).catch(t=>{d.set(e,t instanceof Error?t.message:String(t)),w(e=>e+1),P.onPluginError?.(t,e)})},S=()=>Ee(async()=>{s=!0;try{await re();let e=[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0));for(let t of e){let e=p.has(t.id);!C.has(t.id)&&(g.delete(t.id),!e||!await Se(t))||(await re(m.get(t.id)),e?g.delete(t.id):await we(t.id))}}finally{s=!1}o&&V.clearTimeout(o),me(),pe()});let De=e=>{let t=y?.current;return t?e===`select`?t.toolMode===`select`:e===`xray`?t.xrayVisible:e===`color-picker`?t.colorPickerActive:e===`rulers`?t.rulersVisible:e===`text-inspector`?t.toolMode===`text-inspector`:e===`guides`?t.toolMode===`guides`:e===`settings`?t.settingsOpen:e===`responsive`&&D():!1},Oe=async e=>{if(M(e))return;if(e===`responsive`){ee();return}if(D()&&e===`rulers`&&O(!1),e!==`settings`&&e!==`rulers`&&e!==`guides`&&j()&&(await z(`select-mode-builtin`),e===`select`||De(e)))return;let t=k(e);if(t){await R(t,{source:`builtin-command`,builtin:e});return}if(!A(e))return;let n=ie();if(e===`guides`&&j()&&De(`guides`)){await n.run(`select`);return}await n.run(e)};(async()=>{for(let e of l)await be(e);if(t&&(await be({id:`mesurer.runtime-bridge`,version:i,provides:[`runtime:solid`],setup(e){let t={ownerDocument:B,ownerWindow:V,portalTarget:F,pageTarget:W,rendererRoot:ne(),currentToolMode:()=>te().current.toolMode,currentToolbarMode:()=>j()?`edit`:`select`,theme:ae,subscribeTheme:oe,createWorkspaceRuntime:ce,createInspectorMount:se,createAnnotationRevealCoordinator:e=>Bd({root:ne(),ownerWindow:V,runtime:e,responsiveEnabled:()=>A(`responsive`),responsiveOpen:D,openResponsive:async()=>{D()||await ee(),await new Promise(e=>V.requestAnimationFrame(()=>e()))},closeResponsive:async()=>{D()&&O(!1),await new Promise(e=>V.requestAnimationFrame(()=>e()))}})};e.service.provide(`runtime:solid`,t),eb(e),fx(e,t),fw(e,t);for(let t of Cw)e.command.register(Ow(t),()=>Oe(t))}}),t)){for(let e of[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0))){let n=fe.has(e.id)?fe.get(e.id)===!0:e.enabled!==!1;if(C.has(e.id)){n||await we(e.id);continue}if(n&&await Se(e),!t)return}v.clear();for(let e of C.settings())v.set(e.id,new Map((e.controls??[]).map(e=>[e.id,e.value()])));try{let e=V.localStorage.getItem(ue);if(e){let t=JSON.parse(e);C.state.restore(t,`persist`)}}catch(e){P.onPluginError?.(e,`plugin-persistence`)}t&&(E(!0),le.textContent=I(),P.onPluginsReady?.(C))}})();let ke=e=>{let t=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;return n&&!e.shiftKey&&!e.altKey&&t===`,`?`settings`:n||e.shiftKey||e.altKey?null:t===`s`?`select`:t===`a`?`text-inspector`:t===`g`?`guides`:t===`p`?`color-picker`:t===`x`?`xray`:t===`r`?`rulers`:t===`b`?`responsive`:null},Ae=e=>{if(Pl(e,V)||y?.current.settings.shortcutsEnabled===!1)return;let t=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;if(!n&&!e.shiftKey&&!e.altKey&&(t===`1`||t===`2`)){let n=L();if(t===`1`&&n?.active?.()){e.preventDefault(),e.stopImmediatePropagation(),U(n,`toolbar-mode-shortcut`);return}if(t===`2`&&n&&!n.disabled?.()&&!n.active?.()){e.preventDefault(),e.stopImmediatePropagation(),U(n,`toolbar-mode-shortcut`);return}}let r=ke(e);if(r===`responsive`){if(!A(`responsive`)){e.preventDefault(),e.stopImmediatePropagation();return}e.preventDefault(),e.stopImmediatePropagation(),e.repeat||Oe(`responsive`).catch(()=>void 0);return}if(r&&r!==`settings`&&j()){e.preventDefault(),e.stopImmediatePropagation(),Oe(r).catch(()=>void 0);return}if(r&&M(r)){e.preventDefault(),e.stopImmediatePropagation();return}let i=r?k(r):void 0;if(r&&i){e.preventDefault(),e.stopImmediatePropagation(),U(i,{source:`builtin-shortcut`,builtin:r});return}if((t===`h`||t===`v`)&&M(`guides`)){e.preventDefault(),e.stopImmediatePropagation();return}if((t===`h`||t===`v`)&&k(`guides`)){e.preventDefault(),e.stopImmediatePropagation();return}let a=N().find(t=>t.shortcut&&!t.disabled?.()&&kw(e,t.shortcut));if(a){e.preventDefault(),e.stopImmediatePropagation(),H(a);return}if(n&&t===`z`&&(e.shiftKey?C.redo():C.undo())){e.preventDefault(),e.stopImmediatePropagation();return}(n&&t===`,`&&!A(`settings`)||t===`s`&&!A(`select`)||t===`a`&&!A(`text-inspector`)||t===`g`&&!A(`guides`)||(t===`h`||t===`v`)&&!A(`guides`)||t===`p`&&!A(`color-picker`)||t===`x`&&!A(`xray`)||t===`r`&&!A(`rulers`)||e.key===`Alt`&&!A(`distance`))&&(e.preventDefault(),e.stopImmediatePropagation())};return V.addEventListener(`keydown`,Ae,!0),()=>{t=!1;for(let e of f)C.cancelLoad(e);f.clear(),ge(),V.removeEventListener(`pagehide`,_e),V.removeEventListener(`keydown`,Ae,!0),ve(),le.remove(),y=null,b=null,x=()=>void 0,S=async()=>void 0,r&&C.dispose()}}),Y(T_,{runtime:{plugins:P,generalSections:F,version:()=>i,setEnabled:(e,t)=>x(e,t),update:ne,reset:async()=>{await S()}},get children(){return Y($v,{value:e=>{y=e},get children(){return Y(Jy,nc(e,{get pluginTools(){return N()},onPluginTool:e=>{H(e)},onPluginToolMenuItem:W,isBuiltinActionDisabled:M,onBuiltinController:e=>{b=e},get responsiveOpen(){return D()},responsiveShortcutsEnabled:()=>y?.current.settings.shortcutsEnabled!==!1,onResponsiveClose:()=>O(!1),onResponsiveToggle:()=>{ee()},editSelectionHover:j}))}})}})}var Mw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Nw=(e,t,n=0)=>!(e.left+e.width+n<=t.left||t.left+t.width+n<=e.left||e.top+e.height+n<=t.top||t.top+t.height+n<=e.top),Pw=(e,t,n,r,i)=>{let a=e.left+e.width,o=e.top+e.height,s=[{axis:`vertical`,space:t.width-a,points:[{left:a+r,top:e.top},{left:a+r,top:o-n}]},{axis:`vertical`,space:e.left,points:[{left:e.left-n-r,top:e.top},{left:e.left-n-r,top:o-n}]},{axis:`horizontal`,space:t.height-o,points:[{left:a-n,top:o+r},{left:e.left,top:o+r}]},{axis:`horizontal`,space:e.top,points:[{left:a-n,top:e.top-n-r},{left:e.left,top:e.top-n-r}]}];return i?s.sort((e,t)=>t.space-e.space):s},Fw=(e,t,n)=>{let r=[];for(let i=0;i<=n;i+=1){let n=i*t;for(let t of e)for(let e of t.points){if(i===0){r.push(e);continue}t.axis===`vertical`?r.push({left:e.left,top:e.top+n},{left:e.left,top:e.top-n}):r.push({left:e.left+n,top:e.top},{left:e.left-n,top:e.top})}}return r};function Iw(e,t,n={}){let r=n.markerSize??24,i=n.markerGap??4,a=n.targetGap??6,o=n.targetClearance??2,s=n.viewportPadding??4,c=n.obstacles??[],l=Math.max(0,n.maxShiftRings??2),u=n.viewportAware??!1,d=r+i,f=Math.max(s,t.width-r-s),p=Math.max(s,t.height-r-s),m=[],h=e.map(e=>e.rect),g=[];for(let n of e){let e=new Set,_=[],v=Pw(n.rect,t,r,a,u);for(let t of Fw(v,d,l)){let n=u?{left:Mw(t.left,s,f),top:Mw(t.top,s,p)}:t,r=`${n.left}:${n.top}`;e.has(r)||(e.add(r),_.push(n))}let y=_.filter(e=>{let t={...e,width:r,height:r};return h.every(e=>!Nw(t,e,o))&&c.every(e=>!Nw(t,e,i))}),b=y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Nw(t,e,i))})??y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Nw(t,e))})??y[0]??_[0]??{left:s,top:s};m.push({...b,width:r,height:r}),g.push({id:n.id,...b})}return g}function Lw(e){let[t,n]=G(``),[r,i]=G(!1),a,o=()=>{let r=t().trim();r&&(e.onSubmit(r),n(``),i(!1),e.onDraftChange?.(``),a&&(a.style.height=`34px`,a.scrollTop=0,a.style.overflowY=`hidden`,a.focus()))},s=()=>{n(``),i(!1),e.onDraftChange?.(``),a&&(a.style.height=`34px`,a.scrollTop=0,a.style.overflowY=`hidden`),e.onEscape?.()};var c=X(`div`,{class:`msr:relative msr:mt-2`}),l=X(`textarea`,{rows:1,class:`msr:block msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-none msr:rounded-[5px] msr:border msr:border-ink-200 msr:px-2 msr:py-1.5 msr:text-[12px] msr:leading-5 msr:outline-none msr:placeholder:text-ink-400 msr:focus:border-[#0d99ff]`,onInput:t=>{let r=t.currentTarget;n(r.value),e.onDraftChange?.(r.value),r.style.height=`auto`;let a=r.scrollHeight>34;i(a),r.style.height=`${Math.min(128,Math.max(34,r.scrollHeight))}px`},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&!e.isComposing&&(e.stopPropagation(),e.preventDefault(),o()),e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),s())}}),u=X(`button`,{type:`button`,onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),o()},onClick:o});return Z(c,l),Z(c,u),ic(()=>e=>{a=e},l),Q(u,Y(lh,{size:16,class:`mesurer-send-icon`})),q(()=>({e:e.label,t:e.placeholder,a:t(),o:{height:`34px`,"padding-right":r()?`8px`:`36px`,"padding-bottom":r()?`32px`:`6px`,"overflow-y":`auto`,"overflow-wrap":`anywhere`,background:`var(--msr-surface)`,color:`var(--msr-content)`},i:e.label===`Reply to note`?`Send reply`:e.label,n:`${e.label===`Reply to note`?`Send reply`:e.label} · Enter`,s:!t().trim(),h:`msr:absolute msr:right-1.5 msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-full msr:bg-[#0d99ff] msr:text-white msr:outline-none msr:disabled:opacity-40 ${r()?`msr:bottom-1.5`:`msr:top-1/2 msr:-translate-y-1/2`}`}),({e,t,a:n,o:r,i,n:a,s:o,h:s},c)=>{e!==c?.e&&$(l,`aria-label`,e,c?.e),t!==c?.t&&$(l,`placeholder`,t,c?.t),n!==c?.a&&$(l,`value`,n,c?.a),r!==c?.o&&$(l,`style`,r,c?.o),i!==c?.i&&$(u,`aria-label`,i,c?.i),a!==c?.n&&$(u,`title`,a,c?.n),o!==c?.s&&$(u,`disabled`,o,c?.s),s!==c?.h&&$(u,`class`,s,c?.h)}),c}function Rw(e){let t,n,r=new WeakSet,i=e.owner.ownerDocument,a=n=>{t&&n.composedPath().includes(t)||(n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation(),e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus()))},o=t=>{t.key===`Escape`&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus()))},s=(e,t)=>{e.preventDefault(),e.stopPropagation(),r.add(e.currentTarget),t()},c=(e,t)=>{e.stopPropagation(),!r.delete(e.currentTarget)&&t()};i.defaultView?.addEventListener(`pointerdown`,a,!0),i.defaultView?.addEventListener(`keydown`,o,!0),queueMicrotask(()=>n?.focus()),Dn(()=>{i.defaultView?.removeEventListener(`pointerdown`,a,!0),i.defaultView?.removeEventListener(`keydown`,o,!0)});var l=X(`div`,{role:`dialog`,class:`mesurer-context-floating-surface msr:absolute msr:right-0 msr:top-full msr:z-[110] msr:mt-1 msr:w-48 msr:rounded-lg msr:p-3 msr:text-[12px] msr:text-[var(--msr-content)]`,onPointerDown:e=>e.stopPropagation()}),u=X(`p`),d=X(`div`,{class:`msr:mt-3 msr:flex msr:justify-end msr:gap-2`}),f=X(`button`,{type:`button`,class:`msr:rounded-control msr:px-2 msr:py-1 msr:text-[11px] msr:text-ink-700 msr:hover:bg-ink-200`,onPointerDown:t=>s(t,()=>{e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus())}),onClick:t=>c(t,()=>{e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus())})}),p=X(`button`,{type:`button`,class:`msr:rounded-control msr:bg-[var(--msr-danger-bg)] msr:px-2 msr:py-1 msr:text-[11px] msr:text-[var(--msr-danger-text)] msr:hover:brightness-95`,onPointerDown:t=>s(t,e.onConfirm),onClick:t=>c(t,e.onConfirm)});return Z(l,u),Z(l,d),ic(()=>e=>{t=e},l),Q(u,()=>e.message),Z(d,f),Z(d,p),Z(f,ec(`No`)),ic(()=>e=>{n=e},f),Z(p,ec(`Yes`)),q(()=>e.ariaLabel,(e,t)=>{$(l,`aria-label`,e,t)}),l}function zw(e){let[t,n]=G(null),[r,i]=G(``),[a,o]=G(null),[s,c]=G(``),[l,u]=G(!1),[d,f]=G([]),p=new Map,m=new Map,[h,g]=G(null),_=!1,v=new WeakSet;mo(()=>({id:e.annotation.id,replies:e.annotation.replies}),(e,t)=>{t&&e.id!==t.id&&(n(null),i(``),o(null),g(null),c(``),u(!1));let r=new Set,a=(e.replies??[]).map(e=>{r.add(e.id);let t=p.get(e.id);if(t)t.update(e);else{let[n,r]=G({...e});t={id:e.id,get text(){return n().text},get createdAt(){return n().createdAt},update:r},p.set(e.id,t)}return t});for(let e of p.keys())r.has(e)||p.delete(e);f(a)});let y=e=>{queueMicrotask(()=>m.get(e)?.focus())},b=()=>{queueMicrotask(()=>{let t=[...m.values()].find(e=>e.isConnected);t?t.focus():e.panelElement()?.querySelector(`[aria-label='Reply to note']`)?.focus()})};e.onGlobalHandlers({pointerdown:n=>{let i=e.panelElement();if(i&&n.composedPath().includes(i)){u(!1);return}if(!s().trim()&&!(t()&&r().trim())){e.onClose();return}n.preventDefault(),n.stopImmediatePropagation(),_=!0,l()?e.onClose():u(!0)},click:t=>{if(!_)return;_=!1;let n=e.panelElement();n&&t.composedPath().includes(n)||(t.preventDefault(),t.stopImmediatePropagation())},keydown:r=>{if(r.key!==`Escape`)return;let s=e.panelElement();r.preventDefault(),r.stopImmediatePropagation();let l=t();if(l){n(null),i(``),y(l);return}if(a()){let e=a();o(null),y(e);return}let u=s?.querySelector(`[aria-label='Reply to note']`);u&&(u.value=``,u.style.height=`34px`,u.scrollTop=0,u.style.overflowY=`hidden`),c(``),e.onClose()}});let x=(e,t)=>{e.preventDefault(),e.stopPropagation(),v.add(e.currentTarget),t()},S=(e,t)=>{e.stopPropagation(),!v.delete(e.currentTarget)&&t()};var C=X(`div`,{class:`msr:flex msr:min-h-0 msr:flex-1 msr:flex-col`}),w=X(`div`,{class:`msr:min-h-0 msr:flex-1 msr:overflow-y-auto msr:px-1 msr:pb-1`,"data-mesurer-annotation-thread-history":`true`}),T=X(`div`,{class:`msr:px-2 msr:pt-2 msr:text-[11px] msr:text-ink-500`}),E=X(`div`,{class:`msr:whitespace-pre-wrap msr:break-words msr:px-2 msr:pb-2 msr:pt-0.5 msr:text-[12px] msr:leading-[1.45]`}),D=X(`div`,{class:`msr:border-t msr:border-ink-100 msr:px-1 msr:pt-1`});return Z(C,w),Z(C,D),Z(w,T),Z(w,E),Q(T,Y(K,{get when(){return e.annotation.createdAt},get children(){return[(()=>{var e=X(`span`,{class:`msr:font-medium msr:text-ink-700`});return Z(e,ec(`You`)),e})(),` · `,J(()=>new Date(e.annotation.createdAt).toLocaleString())]}})),Q(E,()=>e.annotation.note),Q(w,Y(_o,{get each(){return d()},keyed:!0,children:s=>(()=>{var c=X(`div`,{class:`msr:relative msr:mt-3 msr:rounded-[5px] msr:px-2 msr:py-1.5`}),l=X(`div`,{class:`msr:flex msr:items-center msr:gap-1 msr:text-[11px] msr:text-ink-500`}),u=X(`span`,{class:`msr:flex-1`}),d=ec(`You · `),f=X(`button`,{type:`button`,title:`More actions`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:hover:bg-ink-100`,onPointerDown:e=>x(e,()=>o(a()===s.id?null:s.id)),onClick:e=>S(e,()=>o(a()===s.id?null:s.id))});return Z(c,l),Z(l,u),Z(l,f),Z(u,d),Q(u,()=>new Date(s.createdAt).toLocaleString(),null),ic(()=>e=>m.set(s.id,e),f),Q(f,Y(qm,{size:14})),Q(c,Y(K,{get when(){return t()===s.id},get fallback(){var e=X(`div`,{class:`msr:whitespace-pre-wrap msr:break-words msr:py-1 msr:text-[12px] msr:leading-[1.45]`});return Q(e,()=>s.text),e},get children(){var t=X(`textarea`,{"aria-label":`Edit reply`,class:`msr:mt-1 msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-y msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-[var(--msr-surface)] msr:px-2 msr:py-1.5 msr:text-[12px] msr:text-[var(--msr-content)]`,onInput:e=>i(e.currentTarget.value),onKeyDown:t=>{t.stopPropagation(),t.key===`Enter`&&!t.shiftKey&&!t.isComposing&&(t.preventDefault(),r().trim()&&e.runtime.updateAnnotationReply(e.annotation.id,s.id,r()),n(null),y(s.id))}});return q(()=>r(),(e,n)=>{$(t,`value`,e,n)}),t}}),null),Q(c,Y(K,{get when(){return a()===s.id},get children(){var t=X(`div`,{class:`mesurer-context-floating-surface msr:absolute msr:right-0 msr:top-full msr:z-20 msr:mt-1 msr:w-32 msr:rounded-lg msr:p-1`,role:`menu`}),r=X(`button`,{type:`button`,class:`msr:block msr:w-full msr:rounded-control msr:px-2 msr:py-1 msr:text-left msr:text-[11px] msr:hover:bg-ink-100`,onPointerDown:t=>x(t,()=>{i(s.text),n(s.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())}),onClick:t=>S(t,()=>{i(s.text),n(s.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())})}),a=X(`button`,{type:`button`,class:`msr:block msr:w-full msr:rounded-control msr:px-2 msr:py-1 msr:text-left msr:text-[11px] msr:text-[var(--msr-danger-text)] msr:hover:bg-ink-100`,onPointerDown:e=>x(e,()=>{g(s.id),o(null)}),onClick:e=>S(e,()=>{g(s.id),o(null)})});return Z(t,r),Z(t,a),Z(r,ec(`Edit`)),Z(a,ec(`Delete`)),t}}),null),Q(c,Y(K,{get when(){return J(()=>h()===s.id)()&&e.panelElement()},get children(){return Y(Rw,{get owner(){return e.panelElement()},get focusTarget(){return m.get(s.id)},ariaLabel:`Delete reply`,message:`Delete this reply?`,onCancel:()=>g(null),onConfirm:()=>{e.runtime.removeAnnotationReply(e.annotation.id,s.id),g(null),b()}})}}),null),q(()=>({e:s.id,t:`More actions for reply ${s.id}`,a:a()===s.id?`true`:`false`}),({e,t,a:n},r)=>{e!==r?.e&&$(c,`data-mesurer-annotation-reply`,e,r?.e),t!==r?.t&&$(f,`aria-label`,t,r?.t),n!==r?.a&&$(f,`aria-expanded`,n,r?.a)}),c})()}),null),Q(D,Y(K,{get when(){return e.annotation.id},keyed:!0,children:t=>Y(Lw,{label:`Reply to note`,placeholder:`Reply to note`,onSubmit:n=>{e.annotation.id===t&&e.runtime.addAnnotationReply(t,n)},onDraftChange:c,get onEscape(){return e.onClose}})}),null),Q(D,Y(K,{get when(){return l()},get children(){var e=X(`div`,{class:`msr:px-1 msr:pt-1 msr:text-[10px] msr:text-ink-500`,role:`status`});return Z(e,ec(`Press Enter or Send to save, or click outside again to discard.`)),e}}),null),C}var Bw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Vw=`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,Hw=0,Uw=e=>e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0&&e!==`none`),Ww=e=>{let t=e.ownerDocument.defaultView?.HTMLElement;return!!(t&&e instanceof t)},Gw=(e,t)=>{let n=e.style.getPropertyValue(`anchor-name`),r=e.style.getPropertyPriority(`anchor-name`),i=Uw(n);i.includes(t)||e.style.setProperty(`anchor-name`,[...i,t].join(`, `),r);let a=!1;return()=>{if(a)return;a=!0;let i=Uw(e.style.getPropertyValue(`anchor-name`)).filter(e=>e!==t);i.length?e.style.setProperty(`anchor-name`,i.join(`, `),e.style.getPropertyPriority(`anchor-name`)):n.trim()===`none`?e.style.setProperty(`anchor-name`,n,r):e.style.removeProperty(`anchor-name`)}},Kw=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}},qw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=r.innerHeight-n-8,s=e.left+e.width+i,c=e.left-t-i;return{left:s+t<=r.innerWidth-8?s:c>=8?c:Bw(e.left+e.width-t,8,a),top:Bw(e.top,8,o)}},Jw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=Bw(e.left+e.width/2-t/2,8,a),s=e.top+e.height+i;if(s+n<=r.innerHeight-8)return{left:o,top:s};let c=e.top-n-i;return c>=8?{left:o,top:c}:qw(e,t,n,r,i)};function Yw(e){let[t,n]=G(0),[r,i]=G(0),[a,o]=G(null),[s,c]=G(null),[l,u]=G(null),[d,f]=G({}),[p,m]=G(!1),[h,g]=G(``),[_,v]=G(!1),[y,b]=G(null),[x,S]=G(!1),[C,w]=G(null),[T,E]=G(null),D=`--mesurer-annotation-trigger-${++Hw}`,O=null,k=e.initialTriggerFallback===`current-and-next`,A=null,j=null,M=null,N,P,F=null,I=null,L=!1,R=null,z=null,B=null,V=null,ee=null,H=null,U=new Map,W=()=>N?.ownerDocument.defaultView??window,te=null,ne=e=>{a()&&te?.pointerdown(e)},re=e=>{a()&&te?.click(e)},ie=e=>{e.key===`Escape`&&e.composedPath().some(e=>e instanceof Element&&e.matches(`[role='dialog']`))||a()&&te?.keydown(e)};W().document.addEventListener(`pointerdown`,ne,!0),W().document.addEventListener(`click`,re,!0),W().document.addEventListener(`keydown`,ie,!0),Dn(()=>{W().document.removeEventListener(`pointerdown`,ne,!0),W().document.removeEventListener(`click`,re,!0),W().document.removeEventListener(`keydown`,ie,!0)});let ae=Sl(W()),oe=`context-annotation-send`,se=()=>e.coordinateSpace===`viewport`,ce=e=>e?`native-anchor`:se()?`cached-delta`:`document`,le=e=>{if(se())return e;let t=W();return{left:e.left+t.scrollX,top:e.top+t.scrollY}},ue=()=>{let t=e.runtime.currentSelection();return{elements:[...t.elements],region:t.region?{...t.region}:null}},de=(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,fe=()=>{F&&=(W().document.removeEventListener(`pointerdown`,F,!0),null)},pe=()=>{fe(),A=null,g(``),v(!1),m(!1),b(null)},me=()=>{let e=W();return!!(e.CSS?.supports(`anchor-name: --mesurer-annotation-trigger`)&&e.CSS.supports(`position-anchor: --mesurer-annotation-trigger`)&&e.CSS.supports(`left: anchor(left)`))},he=()=>{let t=e.runtime.currentSelection().elements;if(!t.length)return null;let n=e.runtime.hoveredElement();return t.find(e=>e===n)??t.find(e=>n&&e.contains(n))??t[0]},ge=()=>N?.parentElement,_e=()=>{let e=ge();return e?[...e.querySelectorAll(`[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']`)].filter(e=>e!==P||z===null):[]},ve=e=>{let t=ge();return t?[...t.querySelectorAll(`[data-mesurer-annotation-id]`)].filter(t=>t.dataset.mesurerAnnotationId===e):[]},ye=e=>{let t=U.get(e);t&&(t.scroll.release(),t.releaseAnchor?.(),U.delete(e))},be=t=>{let n=e.runtime.annotation(t);return!n||n.anchor.kind!==`elements`||!e.runtime.annotationVisible(t)?null:n.resolvedTargets.find(({element:e})=>e?.isConnected&&!mv(e.ownerDocument))?.element??null},xe=e=>!!(Ww(e)&&se()&&N&&me()&&e.getRootNode()===N.getRootNode()),Se=e=>{let t=be(e),n=U.get(e);if(!t){n&&(ye(e),i(e=>e+1));return}let r=xe(t);if(n?.target===t&&!!n.anchorName===r){n.scroll.sync();return}ye(e);let a=t.ownerDocument.defaultView;if(a){if(r&&Ww(t)){let n=`--mesurer-annotation-${++Hw}`;U.set(e,{target:t,anchorName:n,releaseAnchor:Gw(t,n),scroll:om(a,t,()=>ve(e),{trackWindow:!1})})}else U.set(e,{target:t,anchorName:null,releaseAnchor:null,scroll:om(a,t,()=>ve(e),{trackWindow:se()})});i(e=>e+1)}},Ce=()=>{let t=new Set(e.runtime.annotations().map(e=>e.id));for(let e of U.keys())t.has(e)||ye(e);for(let e of t)Se(e)},we=e=>{W().queueMicrotask(()=>Se(e))},Te=()=>{W().queueMicrotask(()=>{Ce();for(let e of U.values())e.anchorName||e.scroll.rebase()})};e.initialTriggerFallback&&(O=he());let Ee=()=>{V?.release(),V=null,B?.(),B=null,R=null,z=null},De=e=>!!(Ww(e)&&se()&&N&&e!==O&&me()&&e.getRootNode()===N.getRootNode()),Oe=()=>{let e=he();if(e&&mv(e.ownerDocument)){Ee();return}O&&e!==O&&(O=null);let t=R,n=!!(e?.isConnected&&De(e)),r=z===e;if(e===R&&e?.isConnected&&n===r){V?.sync();return}let i=e===t?D:`--mesurer-annotation-trigger-${++Hw}`;if(Ee(),!e?.isConnected)return;R=e;let a=e.ownerDocument.defaultView;if(a){if(n&&Ww(e)){B=Gw(e,i),z=e,D=i,V=om(a,e,_e,{trackWindow:!1});return}D=i,V=om(a,e,_e,{trackWindow:se()})}},ke=e=>{if(ee?.disconnect(),ee=null,!e?.isConnected)return;let t=e.ownerDocument.defaultView;t&&(ee=new t.ResizeObserver(()=>{i(e=>e+1)}),ee.observe(e))},Ae=()=>{let e=W();H!==e&&(H?.removeEventListener(`resize`,je),H=e,H.addEventListener(`resize`,je,{passive:!0}))};function je(){i(e=>e+1)}let Me=()=>{let t=e.rendererRoot;return t?[...t.querySelectorAll(`[data-mesurer-motion-surface='true']`)].flatMap(e=>{if(!e.isConnected)return[];let t=e.getBoundingClientRect();return t.width<=0||t.height<=0?[]:[{left:t.left,top:t.top,width:t.width,height:t.height}]}):[]},Ne=e.rendererRoot,Pe=Ne?.ownerDocument.defaultView,Fe=Pe?.MutationObserver,Ie=Pe?.Element,Le=`[data-mesurer-motion-surface='true']`,Re=Fe&&Ie?new Fe(e=>{let t=e=>e instanceof Ie&&(e.matches(Le)||!!e.querySelector(Le));e.some(e=>e.type===`attributes`?e.target instanceof Ie&&e.target.matches(Le):e.target instanceof Ie&&e.target.closest(Le)?!0:[...e.addedNodes,...e.removedNodes].some(t))&&je()}):null;Ne&&Re&&Re.observe(Ne,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`style`,`hidden`]});let ze=he();ke(ze);let Be=e.runtime.subscribe(()=>en(()=>{let t=e.runtime.selectGestureActive();p()&&t?(k=!0,pe()):p()&&A!==null&&!de(A,ue())&&(O=he(),k=!1,pe());let r=he(),i=r!==ze;i&&(ze=r,ke(ze),k&&(k=!1,O=r)),Oe(),(i||r&&mv(r.ownerDocument))&&je(),n(e=>e+1),Te()}));Oe(),W().queueMicrotask(Ce),Dn(()=>{ee?.disconnect(),ee=null,fe(),H?.removeEventListener(`resize`,je),H=null,Re?.disconnect(),Ee();for(let e of U.keys())ye(e);Be()});let Ve=lo(()=>(t(),e.runtime.currentSelection())),He=lo(()=>(t(),e.runtime.annotations().filter(t=>e.runtime.annotationVisible(t.id)))),Ue=lo(()=>{let e=a();return e?He().find(t=>t.id===e)??null:null}),We=lo(()=>s()??l()??a()),Ge=e=>He().findIndex(t=>t.id===e)+1,Ke=lo(()=>{t(),r();let n=We();if(!n||!e.runtime.annotationVisible(n))return[];let i=e.runtime.annotation(n);if(!i)return[];if(i.anchor.kind===`region`)return[{...i.anchor.rect}];let a=i.resolvedTargets.flatMap(({element:e})=>{if(!e?.isConnected)return[];let t=qu(e);return[{left:t.left,top:t.top,width:t.width,height:t.height}]});if(a.length)return a;let o=e.runtime.annotationRect(n);return o?[{...o}]:[]}),qe=()=>Ve().elements.length>0||Ve().region!==null,Je=()=>{t();let e=A;return e!==null&&de(e,ue())},Ye=lo(()=>{let e=Ve(),t=e.elements.filter(e=>e.isConnected).map(e=>{let t=qu(e);return{left:t.left,top:t.top,width:t.width,height:t.height}});return e.region&&t.push({...e.region}),t}),Xe=lo(()=>Kw(Ye())),Ze=e=>e.anchor.kind===`elements`?`${e.anchor.targets.length} selected ${e.anchor.targets.length===1?`element`:`elements`}`:`Selected region`,Qe=lo(()=>{r();let t=e.runtime.currentSelection().elements;if(!t.length)return null;let n=e.runtime.hoveredElement();return t.find(e=>e===n)??t.find(e=>n&&e.contains(n))??t[0]}),$e=()=>{r();let e=Qe();if(!e?.isConnected)return null;let t=qu(e),n={left:t.left,top:t.top,width:t.width,height:t.height},i=W(),a=[...en(et).values()].map(e=>({left:e.left,top:e.top,width:24,height:24})),[o]=Iw([{id:`selection-note-trigger`,rect:n}],{width:i.innerWidth,height:i.innerHeight},{obstacles:[...a,...Me()],maxShiftRings:Math.ceil(Math.max(i.innerWidth,i.innerHeight)/28),viewportAware:!0}),s=o?.left??Bw(n.left+n.width+6,4,i.innerWidth-24-4),c=o?.top??Bw(n.top,4,i.innerHeight-24-4),l=z===e,u=se()&&!l;return{left:l||u?s:s+i.scrollX,top:l||u?c:c+i.scrollY,anchorX:s-n.left,anchorY:c-n.top,nativeAnchor:l,viewportOwned:u}},et=lo(()=>{t(),r();let n=W(),i=He().flatMap(t=>{let n=e.runtime.annotationRect(t.id);return n?[{id:t.id,rect:n}]:[]});return new Map(Iw(i,{width:n.innerWidth,height:n.innerHeight},{obstacles:Ye()}).map(e=>[e.id,e]))}),tt=e=>et().get(e)??null,nt=(e,t)=>{r();let n=U.get(e);if(!n?.anchorName||!n.target.isConnected)return{...le(t),nativeAnchor:!1};let i=qu(n.target);return{...t,nativeAnchor:!0,anchorName:n.anchorName,anchorX:t.left-i.left,anchorY:t.top-i.top}},rt=()=>{let e=Xe(),t=W();return e?Jw(e,256,160,t):{left:8,top:8}},it=()=>{r();let e=rt(),t=Qe();if(!t?.isConnected||z!==t)return{...le(e),nativeAnchor:!1};let n=qu(t);return{...e,nativeAnchor:!0,anchorName:D,anchorX:e.left-n.left,anchorY:e.top-n.top}},at=(e,t)=>{let n=W(),r=et(),i=r.get(e);if(!i)return qw(t,272,176,n);let a=n.innerWidth-272-8,o=n.innerHeight-176-8,s=[...r.values()].map(e=>({left:e.left,top:e.top,width:24,height:24})),c=(e,t)=>Math.max(0,Math.min(e.left+e.width,t.left+t.width)-Math.max(e.left,t.left))*Math.max(0,Math.min(e.top+e.height,t.top+t.height)-Math.max(e.top,t.top)),l=new Set,u=[];for(let e of[{left:i.left+24+8,top:i.top},{left:i.left-272-8,top:i.top},{left:i.left,top:i.top+24+8},{left:i.left,top:i.top-176-8}]){let t={left:Bw(e.left,8,a),top:Bw(e.top,8,o)},n=`${t.left}:${t.top}`;l.has(n)||(l.add(n),u.push(t))}return u.map((e,n)=>{let r={...e,width:272,height:176};return{candidate:e,markerOverlap:s.reduce((e,t)=>e+c(r,t),0),targetOverlap:c(r,t),index:n}}).sort((e,t)=>e.markerOverlap-t.markerOverlap||e.targetOverlap-t.targetOverlap||e.index-t.index)[0]?.candidate??qw(t,272,176,n)},ot=t=>{let n=e.runtime.annotationRect(t);if(!n)return{left:8,top:8};let r=d()[t];return r?{left:n.left+r.left,top:n.top+r.top}:at(t,n)},st=t=>{W().queueMicrotask(()=>{let n=e.runtime.annotationRect(t);n&&f(e=>{if(e[t])return e;let r=at(t,n);return{...e,[t]:{left:r.left-n.left,top:r.top-n.top}}})})},ct=e=>nt(e,ot(e)),lt=e=>{k=!1,A=null,m(!1),Se(e),st(e),o(e),w(null),we(e)},ut=e=>{e.stopPropagation();let t=e.currentTarget.ownerDocument.defaultView?.HTMLButtonElement,n=e.composedPath().find(e=>t&&e instanceof t);!t||!(n instanceof t)||!e.currentTarget.contains(n)||Il(n,e.pointerId)},dt=(t,n)=>{let r=t.currentTarget.ownerDocument.defaultView?.Element,i=t.target;if(t.button!==0||r&&i instanceof r&&i.closest(`button`))return;let a=t.currentTarget.parentElement;if(!a)return;let o=a.getBoundingClientRect(),s=W(),c=s.document.documentElement,l=c.style.userSelect;c.style.setProperty(`user-select`,`none`,`important`),j={surfaceId:n,pointerId:t.pointerId,startX:t.clientX,startY:t.clientY,originLeft:o.left,originTop:o.top,width:o.width,height:o.height},E(n),t.preventDefault(),t.stopPropagation();let u=t=>{if(!j||t.pointerId!==j.pointerId)return;let r=j,i=Math.max(8,s.innerWidth-r.width-8),a=Math.max(8,s.innerHeight-r.height-8),o={left:Bw(r.originLeft+t.clientX-r.startX,8,i),top:Bw(r.originTop+t.clientY-r.startY,8,a)},c=e.runtime.annotationRect(n);c&&f(e=>({...e,[n]:{left:o.left-c.left,top:o.top-c.top}}))},d=e=>{!j||e.pointerId!==t.pointerId||(c.style.userSelect=l,s.removeEventListener(`pointermove`,u),s.removeEventListener(`pointerup`,d),s.removeEventListener(`pointercancel`,d),j=null,E(null),M=null)};s.addEventListener(`pointermove`,u),s.addEventListener(`pointerup`,d),s.addEventListener(`pointercancel`,d),M=()=>{c.style.userSelect=l,s.removeEventListener(`pointermove`,u),s.removeEventListener(`pointerup`,d),s.removeEventListener(`pointercancel`,d),E(null)}};Dn(()=>{M?.(),M=null,j=null});let ft=async(e,t)=>{if(!x()){S(!0),w(null);try{await e(),w(t)}catch(e){w(e instanceof Error?e.message:String(e))}finally{S(!1)}}},pt=pe,mt=()=>{qe()&&(k=!1,A=ue(),g(``),v(!1),b(null),w(null),o(null),m(!0),F=e=>{let t=ge()?.querySelector(`[data-mesurer-annotation-composer='true']`),n=W().Node;if(!(t&&n&&e.target instanceof n&&t.contains(e.target))){if(h().trim()&&!y()){b(`Press Enter or Send to save, or Escape to discard.`);return}ht()}},W().document.addEventListener(`pointerdown`,F,!0),W().queueMicrotask(()=>V?.sync()))},ht=()=>{let e=p();A!==null&&!de(A,ue())?(O=he(),k=!1,Oe(),je()):e&&(k=!1),pt()},gt=()=>{p()&&(k=!0,pt())},_t=()=>{if(!(!h().trim()||x()))try{let t=e.runtime.addSelectionAnnotation(h());k=!1,A=null,g(``),v(!1),b(null),m(!1),fe(),Se(t.id),st(t.id),o(t.id),w(null),we(t.id)}catch(e){b(e instanceof Error?e.message:String(e))}},vt={openNoteComposer:mt,closeNoteComposer:ht,abandonNoteComposer:gt,openAnnotation:lt};return e.onController?.(vt),Dn(()=>e.onController?.(null)),[(()=>{var e=X(`span`,{"aria-hidden":`true`,style:{display:`none`}});return ic(()=>e=>{N=e,Ae(),Oe()},e),e})(),Y(K,{get when(){return J(()=>Ve().elements.length>0)()&&!p()},get children(){return Y(K,{get when(){return Qe()},keyed:!0,children:e=>Y(K,{get when(){return $e()},children:e=>(()=>{var t=X(`button`,{type:`button`,"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-trigger":`true`,"aria-label":`Annotate selection`,title:`Annotate selection`,class:`msr:pointer-events-auto msr:z-[95] msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]`,onPointerDown:e=>{e.stopPropagation(),I=e.pointerId,L=!1,Il(e.currentTarget,e.pointerId)},onPointerMove:e=>{if(I!==e.pointerId)return;let t=e.currentTarget.getBoundingClientRect();L=e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom},onPointerUp:e=>{if(e.stopPropagation(),I===e.pointerId){let t=e.currentTarget.getBoundingClientRect();L=e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),I=null}},onPointerCancel:e=>{e.stopPropagation(),L=!0,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),I===e.pointerId&&(I=null)},onClick:e=>{if(e.stopPropagation(),L){L=!1;return}mt()}});return ic(()=>e=>{P=e,V?.sync()},t),Q(t,Y(ch,{size:14})),q(()=>({e:se()?`viewport`:`document`,t:ce(e().nativeAnchor),a:{position:e().nativeAnchor||e().viewportOwned?`fixed`:`absolute`,left:e().nativeAnchor?`calc(anchor(left) + ${e().anchorX}px)`:`${e().left}px`,top:e().nativeAnchor?`calc(anchor(top) + ${e().anchorY}px)`:`${e().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":e().nativeAnchor?D:void 0,"z-index":`2147483647`}}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-context-coordinate-space`,e,i?.e),n!==i?.t&&$(t,`data-mesurer-annotation-scroll-mode`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t})()})})}}),Y(K,{get when(){return J(()=>!!(p()&&Je()))()?Xe():p()&&Je()},get children(){return Y(K,{get when(){return it()},children:e=>(()=>{var t=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-composer":`true`,class:`mesurer-menu-surface msr:pointer-events-auto msr:z-[95] msr:w-64 msr:max-w-[calc(100vw-16px)] msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-2 msr:text-black`,onPointerDown:ut,onClick:e=>e.stopPropagation()}),n=X(`div`,{class:`msr:relative`}),r=X(`textarea`,{autofocus:!0,rows:1,"aria-label":`Note`,placeholder:`Add a note`,onInput:e=>{let t=e.currentTarget;g(t.value),b(null),t.style.height=`auto`,t.style.paddingRight=`36px`,t.style.paddingBottom=`6px`;let n=t.scrollHeight>34;t.style.paddingRight=n?`8px`:`36px`,t.style.paddingBottom=n?`32px`:`6px`,v(n),t.style.height=`${Math.min(128,Math.max(34,t.scrollHeight))}px`,t.style.overflowY=t.scrollHeight>128?`auto`:`hidden`},onKeyDown:e=>{if(e.stopPropagation(),e.key===`Enter`&&!e.shiftKey&&!e.isComposing){e.preventDefault(),_t();return}e.key===`Escape`&&(e.preventDefault(),ht())},class:`msr:block msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-none msr:rounded-[7px] msr:border msr:border-ink-200 msr:px-2 msr:py-1.5 msr:text-[12px] msr:leading-5 msr:outline-none msr:placeholder:text-ink-400 msr:focus:border-[#0d99ff]`,style:{height:`34px`,"padding-right":`36px`,"padding-bottom":`6px`,"overflow-y":`hidden`,"overflow-wrap":`anywhere`,"word-break":`break-word`,background:`var(--msr-surface)`,color:`var(--msr-content)`}}),i=X(`button`,{type:`button`,"aria-label":`Add note`,title:`Add note · Enter`,"data-mesurer-annotation-send":`true`,onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>h().trim()&&ae.onTooltipEnter(oe),onMouseLeave:()=>ae.onTooltipLeave(),onFocus:()=>h().trim()&&ae.onTooltipEnter(oe),onBlur:()=>ae.onTooltipLeave(),onClick:_t});return Z(t,n),Z(n,r),Z(n,i),ic(()=>e=>W().queueMicrotask(()=>e.focus()),r),Q(i,Y(lh,{size:16,class:`mesurer-send-icon`}),null),Q(i,Y(xl,{label:`Add note`,shortcut:`Enter`,get visible(){return ae.visibleTooltipId()===oe},get instant(){return ae.tooltipInstant()},class:`msr:z-10`}),null),Q(t,Y(K,{get when(){return y()},children:e=>(()=>{var t=X(`div`,{class:`msr:mt-1.5 msr:px-1 msr:text-[10px] msr:text-red-600`});return Q(t,e),t})()}),null),q(()=>({e:se()?`viewport`:`document`,t:ce(e().nativeAnchor),a:{position:e().nativeAnchor||se()?`fixed`:`absolute`,left:e().nativeAnchor?`calc(anchor(left) + ${e().anchorX}px)`:`${e().left}px`,top:e().nativeAnchor?`calc(anchor(top) + ${e().anchorY}px)`:`${e().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":e().nativeAnchor?e().anchorName:void 0,"z-index":`2147483647`},o:h(),i:!h().trim()||x(),n:`msr:absolute msr:right-1.5 msr:outline-none msr:disabled:cursor-default ${_()?`msr:bottom-1.5`:`msr:top-1/2 msr:-translate-y-1/2`}`}),({e,t:n,a,o,i:s,n:c},l)=>{e!==l?.e&&$(t,`data-mesurer-context-coordinate-space`,e,l?.e),n!==l?.t&&$(t,`data-mesurer-annotation-scroll-mode`,n,l?.t),a!==l?.a&&$(t,`style`,a,l?.a),o!==l?.o&&$(r,`value`,o,l?.o),s!==l?.i&&$(i,`disabled`,s,l?.i),c!==l?.n&&$(i,`class`,c,l?.n)}),t})()})}}),Y(_o,{get each(){return Ke()},children:e=>{let t=()=>We(),n=()=>{let n=t();return n?nt(n,{left:e.left,top:e.top}):{...le({left:e.left,top:e.top}),nativeAnchor:!1}};var r=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-target-highlight":`true`,"aria-hidden":`true`,class:`msr:pointer-events-none`});return q(()=>({e:t()??void 0,t:ce(n().nativeAnchor),a:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,width:`${e.width}px`,height:`${e.height}px`,"box-sizing":`border-box`,border:`1.5px solid #0d99ff`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,"z-index":`2147483645`}}),({e,t,a:n},i)=>{e!==i?.e&&$(r,`data-mesurer-annotation-id`,e,i?.e),t!==i?.t&&$(r,`data-mesurer-annotation-scroll-mode`,t,i?.t),n!==i?.a&&$(r,`style`,n,i?.a)}),r}}),Y(_o,{get each(){return He()},children:(e,t)=>{let n=()=>tt(e.id),r=()=>{let t=n();return t?nt(e.id,t):null},i=()=>We()===e.id,o=()=>We()!==null&&!i();return Y(K,{get when(){return r()},children:n=>(()=>{var r=X(`button`,{type:`button`,"data-mesurer-layer":`evidence`,"data-mesurer-annotation-marker":`true`,onPointerEnter:()=>{c(e.id),we(e.id)},onPointerLeave:()=>c(t=>t===e.id?null:t),onFocus:()=>{u(e.id),we(e.id)},onBlur:()=>u(t=>t===e.id?null:t),onPointerDown:t=>{t.preventDefault(),t.stopPropagation(),lt(e.id)},onPointerUp:e=>e.stopPropagation(),onClick:t=>{t.preventDefault(),t.stopPropagation(),lt(e.id)},class:`msr:pointer-events-auto msr:z-[94] msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:border-0 msr:bg-transparent msr:p-0 msr:outline-none`}),s=X(`span`,{"data-mesurer-annotation-badge":`true`,"aria-hidden":`true`,class:`msr:flex msr:h-5 msr:w-5 msr:items-center msr:justify-center msr:rounded-[6px] msr:border msr:text-[10px] msr:font-semibold msr:leading-none`});return Z(r,s),Q(s,()=>t()+1),q(()=>({e:e.id,t:t()+1,a:i()?`true`:void 0,o:o()?`true`:void 0,i:e.status??`open`,n:ce(n().nativeAnchor),s:se()?`viewport`:`document`,h:`Mesurer annotation ${t()+1}: ${e.note}`,r:e.note,d:a()===e.id?`true`:`false`,l:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,opacity:o()||e.status===`resolved`?`0.48`:`1`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,transition:`opacity 150ms ease`,"z-index":`2147483647`},u:{border:e.status===`resolved`?`1px solid #8b919a`:`1px solid #0d99ff`,color:i()&&e.status!==`resolved`?`white`:e.status===`resolved`?`#747b84`:`#0d99ff`,background:i()&&e.status!==`resolved`?`#0d99ff`:`var(--msr-surface)`,transform:i()?`scale(1.2)`:`scale(1)`,"box-shadow":i()?`0 3px 10px rgba(13, 153, 255, 0.28)`:`0 1px 3px rgba(15, 23, 42, 0.12)`,transition:`transform 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease`,"font-variant-numeric":`tabular-nums`}}),({e,t,a:n,o:i,i:a,n:o,s:c,h:l,r:u,d,l:f,u:p},m)=>{e!==m?.e&&$(r,`data-mesurer-annotation-id`,e,m?.e),t!==m?.t&&$(r,`data-mesurer-annotation-number`,t,m?.t),n!==m?.a&&$(r,`data-mesurer-annotation-highlighted`,n,m?.a),i!==m?.o&&$(r,`data-mesurer-annotation-muted`,i,m?.o),a!==m?.i&&$(r,`data-mesurer-annotation-status`,a,m?.i),o!==m?.n&&$(r,`data-mesurer-annotation-scroll-mode`,o,m?.n),c!==m?.s&&$(r,`data-mesurer-context-coordinate-space`,c,m?.s),l!==m?.h&&$(r,`aria-label`,l,m?.h),u!==m?.r&&$(r,`title`,u,m?.r),d!==m?.d&&$(r,`aria-expanded`,d,m?.d),f!==m?.l&&$(r,`style`,f,m?.l),p!==m?.u&&$(s,`style`,p,m?.u)}),r})()})}}),Y(K,{get when(){return Ue()},children:t=>{let n=()=>ct(t().id),r=()=>Ge(t().id),i=!1,a=null,s,[l,d]=G(!1),p=()=>{let e=a?.querySelector(`[aria-label='Reply to note']`);e&&(e.value=``,e.style.height=`34px`,e.scrollTop=0,e.style.overflowY=`hidden`),o(null),w(null)},m=()=>e.runtime.setAnnotationStatus(t().id,t().status===`resolved`?`open`:`resolved`);var h=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-panel":`true`,class:`mesurer-menu-surface msr:pointer-events-auto msr:z-[95] msr:flex msr:w-[272px] msr:max-h-[calc(100vh-16px)] msr:flex-col msr:rounded-[10px] msr:border msr:border-ink-200 msr:p-1.5`,onClick:e=>e.stopPropagation()}),g=X(`div`,{class:`msr:flex msr:h-8 msr:shrink-0 msr:items-center msr:gap-1.5 msr:border-b msr:border-ink-100 msr:px-1`,"aria-label":`Drag annotation panel`,onPointerDown:e=>dt(e,t().id)}),_=X(`span`,{"data-mesurer-annotation-panel-badge":`true`,"aria-hidden":`true`,class:`msr:flex msr:h-[18px] msr:w-[18px] msr:items-center msr:justify-center msr:rounded-[5px] msr:text-[9px] msr:font-semibold msr:leading-none msr:text-white`,style:{background:`#0d99ff`,"font-variant-numeric":`tabular-nums`}}),v=X(`div`,{class:`msr:min-w-0 msr:flex-1 msr:leading-4`}),y=X(`div`,{class:`msr:truncate msr:text-[11px] msr:font-medium msr:leading-4 msr:text-ink-700`}),b=ec(`Note `),S=X(`div`,{class:`msr:truncate msr:whitespace-nowrap msr:text-[9px] msr:leading-3 msr:text-ink-500`}),E=X(`div`,{class:`msr:flex msr:shrink-0 msr:items-center msr:gap-1`}),D=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Copy annotation context`,title:`Copy context`,onClick:()=>void ft(()=>e.onCopy({annotation:t().id}),`Copied`)}),O=X(`button`,{type:`button`,onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),i=!0,m()},onClick:()=>{if(i){i=!1;return}m()}}),k=X(`div`,{class:`msr:relative`}),A=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Delete annotation`,title:`Delete`,onClick:()=>d(!0)}),j=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Close annotation`,title:`Close`,onClick:()=>{p()}});return Z(h,g),ic(()=>e=>{a=e},h),Z(g,_),Z(g,v),Z(g,E),Q(_,r),Z(v,y),Z(v,S),Z(y,b),Q(y,r,null),Q(S,()=>Ze(t()),null),Q(S,(()=>{var e=J(()=>!!t().replies?.length);return()=>e()?` · ${t().replies.length} replies`:``})(),null),Z(E,D),Z(E,O),Z(E,k),Z(E,j),Q(D,Y(sh,{size:14})),Q(O,Y(Km,{size:14,get resolved(){return t().status===`resolved`}})),Z(k,A),ic(()=>e=>{s=e},A),Q(A,Y(uh,{size:14})),Q(k,Y(K,{get when(){return l()&&a},get children(){return Y(Rw,{owner:a,focusTarget:s,ariaLabel:`Delete note`,message:`Delete this note?`,onCancel:()=>d(!1),onConfirm:()=>{let n=t().id;e.runtime.removeAnnotation(n),d(!1),f(e=>{let t={...e};return delete t[n],t}),ye(n),c(e=>e===n?null:e),u(e=>e===n?null:e),p()}})}}),null),Q(j,Y(dh,{size:14})),Q(h,Y(zw,{get annotation(){return t()},get runtime(){return e.runtime},panelElement:()=>a,onGlobalHandlers:e=>{te=e},onClose:p}),null),Q(h,Y(K,{get when(){return C()},children:e=>(()=>{var t=X(`div`,{class:`msr:mt-1.5 msr:px-1 msr:text-[10px] msr:text-ink-500`,role:`status`});return Q(t,e),t})()}),null),q(()=>({e:t().id,t:ce(n().nativeAnchor),a:se()?`viewport`:`document`,o:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,"z-index":`2147483646`,background:`var(--msr-surface)`,color:`var(--msr-content)`,"box-shadow":`var(--msr-shadow-floating)`},i:{cursor:T()===t().id?`grabbing`:`grab`},n:x(),s:t().status===`resolved`?`Reopen note`:`Resolve note`,h:t().status===`resolved`?`Reopen`:`Mark as resolved`,r:t().status===`resolved`?`true`:`false`,d:`${Vw} ${t().status===`resolved`?`msr:text-ink-700`:``}`,l:l()?`true`:`false`}),({e,t,a:n,o:r,i,n:a,s:o,h:s,r:c,d:l,l:u},d)=>{e!==d?.e&&$(h,`data-mesurer-annotation-id`,e,d?.e),t!==d?.t&&$(h,`data-mesurer-annotation-scroll-mode`,t,d?.t),n!==d?.a&&$(h,`data-mesurer-context-coordinate-space`,n,d?.a),r!==d?.o&&$(h,`style`,r,d?.o),i!==d?.i&&$(g,`style`,i,d?.i),a!==d?.n&&$(D,`disabled`,a,d?.n),o!==d?.s&&$(O,`aria-label`,o,d?.s),s!==d?.h&&$(O,`title`,s,d?.h),c!==d?.r&&$(O,`aria-pressed`,c,d?.r),l!==d?.d&&$(O,`class`,l,d?.d),u!==d?.l&&$(A,`aria-expanded`,u,d?.l)}),h}})]}function Xw(e){let t=null;return Dn(Zv(e.ownerWindow,()=>{t?.abandonNoteComposer()})),Y(Yw,{get runtime(){return e.runtime},get onCopy(){return e.onCopy},get initialTriggerFallback(){return e.initialTriggerFallback},get coordinateSpace(){return e.coordinateSpace},get rendererRoot(){return e.rendererRoot},onController:n=>{t=n,e.onController?.(n)}})}var Zw={border:`0`,borderRadius:`5px`,background:`transparent`,color:`var(--msr-content)`,cursor:`pointer`,font:`inherit`};function Qw(e){let[t,n]=G(0),[r,i]=G(``),[a,o]=G(`open`),[s,c]=G(null),[l,u]=G({}),d=null,f=null;Dn(e.runtime.subscribe(()=>{n(e=>e+1);let t=en(s);t&&!e.runtime.annotations().some(e=>e.id===t)&&(e.onCancel(),c(null))}));let p=lo(()=>(t(),e.runtime.annotations().map((e,t)=>({annotation:e,index:t})).filter(({annotation:e})=>a()===`all`||(e.status??`open`)===a()).filter(({annotation:e})=>{let t=r().trim().toLocaleLowerCase();return!t||[e.note,...(e.replies??[]).map(({text:e})=>e)].some(e=>e.toLocaleLowerCase().includes(t))}).sort((e,t)=>{let n=e=>e.replies?.at(-1)?.createdAt??e.createdAt;return n(t.annotation)-n(e.annotation)||e.index-t.index}).map(({annotation:e})=>e))),m=()=>{let t=(e.rendererRoot?.querySelector(`[data-mesurer-tool-id="context.notes"]`))?.getBoundingClientRect(),n=e.ownerWindow,r=t?Math.max(8,Math.min(n.innerWidth-288-8,t.left)):Math.max(8,n.innerWidth-288-16),i=t?Math.max(8,Math.min(n.innerHeight-280,t.bottom+8)):72;return{left:`${r}px`,top:`${i}px`}},h=async t=>{c(t.id),u(e=>({...e,[t.id]:`Opening…`}));let n;try{n=await e.onReveal(t)}catch(e){n={status:`refused`,message:e instanceof Error?e.message:`This note could not be revealed.`}}n.status===`revealed`?(u(e=>{let n={...e};return delete n[t.id],n}),e.onOpenAnnotation(t.id)):n.status===`cancelled`?u(e=>{let n={...e};return delete n[t.id],n}):u(e=>({...e,[t.id]:n.message})),s()===t.id&&c(null)},g=t=>{let n=d;if(!n)return;d=null;let r=Math.hypot(t.clientX-n.x,t.clientY-n.y),i=e.runtime.annotations().find(e=>e.id===n.id);r>8||!i||(f=n.id,h(i))},_=()=>{e.onCancel(),e.onOpenChange(!1),e.ownerWindow.queueMicrotask(()=>{e.rendererRoot?.querySelector(`button[data-mesurer-tool-id="context.notes"]`)?.focus()})};e.ownerWindow.addEventListener(`pointerup`,g,!0),Dn(()=>e.ownerWindow.removeEventListener(`pointerup`,g,!0));let v=t=>{if(t.key!==`Escape`||!e.open||e.rendererRoot?.querySelector(`[data-mesurer-annotation-panel='true']`))return;let n=t.target;if(n instanceof HTMLInputElement&&n.type===`search`&&n.value){n.value=``,n.dispatchEvent(new Event(`input`,{bubbles:!0})),t.preventDefault(),t.stopImmediatePropagation();return}t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),_()};return e.ownerWindow.addEventListener(`keydown`,v,!0),Dn(()=>e.ownerWindow.removeEventListener(`keydown`,v,!0)),Y(K,{get when(){return e.open},get children(){var t=X(`section`,{role:`dialog`,"aria-label":`Notes`,"data-mesurer-inspector-ui":`true`,"data-mesurer-notes-panel":`true`,onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),c=X(`header`,{style:{display:`flex`,"align-items":`center`,gap:`8px`,padding:`10px 12px`,"border-bottom":`1px solid var(--msr-color-ink-100)`}}),u=X(`strong`,{style:{flex:`1`,"font-size":`12px`}}),g=X(`select`,{"aria-label":`Filter notes`,onChange:e=>{let t=e.currentTarget.value;(t===`open`||t===`resolved`||t===`all`)&&o(t),n(e=>e+1)},style:{border:`0`,background:`transparent`,color:`inherit`,"font-size":`11px`}}),v=X(`option`,{value:`open`}),y=X(`option`,{value:`resolved`}),b=X(`option`,{value:`all`}),x=X(`button`,{type:`button`,"aria-label":`Close Notes`,onClick:_}),S=X(`div`,{style:{padding:`8px 10px`}}),C=X(`input`,{type:`search`,"aria-label":`Search notes`,placeholder:`Search notes`,onInput:e=>i(e.currentTarget.value),style:{width:`100%`,"box-sizing":`border-box`,height:`30px`,padding:`0 8px`,border:`1px solid var(--msr-color-ink-200)`,"border-radius":`5px`,background:`var(--msr-surface-raised)`,color:`inherit`,"font-size":`11px`}});return Z(t,c),Z(t,S),Z(c,u),Z(c,g),Z(c,x),Q(c,Y(ch,{size:14}),u),Z(u,ec(`Notes`)),Z(g,v),Z(g,y),Z(g,b),Z(v,ec(`Open`)),Z(y,ec(`Resolved`)),Z(b,ec(`All`)),Q(x,Y(dh,{size:12})),Z(S,C),Q(t,Y(K,{get when(){return p().length},get fallback(){var e=X(`p`,{style:{padding:`18px 12px`,margin:`0`,"text-align":`center`,color:`var(--msr-color-ink-500)`}});return Q(e,(()=>{var e=J(()=>!!r().trim());return()=>e()?`No matching notes.`:J(()=>a()===`resolved`)()?`No resolved notes.`:a()===`open`?`No open notes.`:`No notes yet.`})()),e},get children(){var t=X(`ul`,{"aria-label":`Saved notes`,style:{margin:`0`,padding:`0`,"min-height":`0`,overflow:`auto`,"list-style":`none`}});return Q(t,Y(_o,{get each(){return p()},children:(t,n)=>{let r=t.anchor.kind===`elements`?t.anchor.targets.find(e=>e.viewport)?.viewport:void 0,i=(t.status??`open`)===`resolved`,a=e.runtime.annotation(t.id)?.resolvedTargets.some(({element:e})=>e?.isConnected)??!1,o=!!e.rendererRoot?.querySelector(`[data-mesurer-responsive-stage]`),c=r?o?a?``:`Target not found`:`Preview not open`:a||t.anchor.kind===`region`?``:`Target not found`;var u=X(`li`,{style:{padding:`8px 12px`,"border-top":`1px solid var(--msr-color-ink-100)`,opacity:i?`0.62`:`1`}}),p=X(`button`,{type:`button`,onPointerDown:e=>{d={id:t.id,x:e.clientX,y:e.clientY},f=null},onClick:()=>{if(f===t.id){f=null;return}h(t)}}),m=X(`span`,{style:{width:`100%`,overflow:`hidden`,display:`-webkit-box`,"-webkit-line-clamp":`2`,"-webkit-box-orient":`vertical`,"overflow-wrap":`anywhere`,"line-height":`16px`}}),g=X(`span`,{style:{color:`var(--msr-color-ink-500)`,"font-size":`10px`}}),_=ec(` `);return Z(u,p),Z(p,m),Z(p,g),Q(m,()=>t.note),Z(g,_),Q(g,()=>t.replies?.length??0,_),Q(g,()=>(t.replies?.length??0)===1?`reply`:`replies`,null),Q(g,()=>r?` · ${r.width} × ${r.height} preview`:``,null),Q(g,i?` · Resolved`:``,null),Q(g,c?` · ${c}`:``,null),Q(u,Y(K,{get when(){return l()[t.id]},get children(){var e=X(`span`,{role:`status`,style:{display:`block`,"margin-top":`4px`,color:`var(--msr-color-ink-500)`,"font-size":`10px`}});return Q(e,()=>l()[t.id]),e}}),null),q(()=>({e:t.id,t:`Note ${n()+1}: ${t.note}`,a:s()===t.id,o:{...Zw,display:`flex`,width:`100%`,"flex-direction":`column`,"align-items":`flex-start`,gap:`4px`,padding:`0`,"text-align":`left`}}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(p,`data-mesurer-note-id`,e,i?.e),t!==i?.t&&$(p,`aria-label`,t,i?.t),n!==i?.a&&$(p,`disabled`,n,i?.a),r!==i?.o&&$(p,`style`,r,i?.o)}),u}})),t}}),null),q(()=>({e:{position:`fixed`,...m(),width:`288px`,"max-height":`min(70vh, 560px)`,display:`flex`,"flex-direction":`column`,overflow:`hidden`,"box-sizing":`border-box`,"z-index":`2147483647`,background:`var(--msr-surface)`,color:`var(--msr-content)`,border:`1px solid var(--msr-color-ink-100)`,"border-radius":`9px`,"box-shadow":`var(--msr-shadow-floating)`,"font-family":`ui-sans-serif, system-ui, sans-serif`,"font-size":`12px`,"pointer-events":`auto`},t:a(),a:{...Zw,width:`24px`,height:`24px`},o:r()}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),n!==a?.t&&$(g,`value`,n,a?.t),r!==a?.a&&$(x,`style`,r,a?.a),i!==a?.o&&$(C,`value`,i,a?.o)}),t}})}var $w=`2147482950`,eT=`2147483646`,tT=`2147483647`;function nT(e){let{ownerDocument:t,ownerWindow:n,pageTarget:r}=e,i=t.body;if(!(i&&!(r instanceof n.ShadowRoot)&&r.getRootNode()===t))return e.createInspectorMount();Sf(Cf,i);let a=t.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerDocumentInspectorMount=`true`,a.dataset.theme=e.theme?.()??`system`;let o=e.subscribeTheme?.(e=>{a.dataset.theme=e})??(()=>void 0);Object.assign(a.style,{position:`absolute`,left:`0px`,top:`0px`,width:`0px`,height:`0px`,overflow:`visible`});let s=t.createElement(`style`);s.dataset.mesurerDocumentInspectorLayerStyle=`true`,s.textContent=`
|
|
2504
|
+
`,r.head.append(l);let u=t.createWorkspaceRuntime(),d=new Map,f=new Map,p=new Set,m=new Set,h=!1,g=!1,_=!1,v=null,y=()=>{let e=[a];return n!==a&&e.push(n),r.body&&!e.includes(r.body)&&e.push(r.body),e},b=e=>{e.matches(hC)&&p.add(e),e.matches(gC)&&m.add(e)},x=e=>{if(e instanceof o.HTMLElement){b(e);for(let t of e.querySelectorAll(`${hC}, ${gC}`))b(t)}},S=e=>{for(let t of e.querySelectorAll(`${hC}, ${gC}`))b(t)};for(let e of y())S(e);let C=(e,t,n)=>{t.has(e)||t.set(e,{value:e.style.getPropertyValue(`opacity`),priority:e.style.getPropertyPriority(`opacity`),marker:e.getAttribute(n)}),e.getAttribute(n)!==`true`&&e.setAttribute(n,`true`),(e.style.getPropertyValue(`opacity`)!==`0`||e.style.getPropertyPriority(`opacity`)!==`important`)&&e.style.setProperty(`opacity`,`0`,`important`)},w=(e,t,n,r)=>{e.isConnected&&(t.value||t.priority?e.style.setProperty(`opacity`,t.value,t.priority):e.style.removeProperty(`opacity`),t.marker===null?e.removeAttribute(r):e.setAttribute(r,t.marker)),n.delete(e)},T=(e,t)=>{for(let[n,r]of Array.from(e))w(n,r,e,t)},E=()=>{for(let e of Array.from(p)){if(!e.isConnected){p.delete(e);let t=d.get(e);t&&w(e,t,d,vC);continue}C(e,d,vC)}for(let[e,t]of Array.from(d))(!e.isConnected||!p.has(e))&&w(e,t,d,vC)},D=()=>{for(let e of Array.from(m)){if(!e.isConnected){m.delete(e);let t=f.get(e);t&&w(e,t,f,yC);continue}C(e,f,yC)}for(let[e,t]of Array.from(f))(!e.isConnected||!m.has(e))&&w(e,t,f,yC)},O=()=>{_||g||(g=!0,i.queueMicrotask(()=>{g=!1,M()}))},k=e=>{for(let t of e)for(let e of t.addedNodes)x(e);O()},A=()=>{if(v)return;v=new o.MutationObserver(k);let e=new Set,t=(t,n)=>{e.has(t)||(e.add(t),v.observe(t,{childList:!0,subtree:n}))};for(let e of y())S(e);t(a,a!==r.body),n!==a&&t(n,!0),r.body&&t(r.body,!1)},j=()=>{v?.disconnect(),v=null},M=()=>{if(!_){if(c.querySelector(_C)){h=!0,E(),D(),A();return}!h&&d.size===0&&f.size===0||(h=!1,j(),T(d,vC),T(f,yC))}},N=new o.MutationObserver(k);N.observe(c,{childList:!0,subtree:!0});let P=u.subscribe(O);M(),e.lifecycle.onDispose(()=>{_=!0,N.disconnect(),j(),P(),u.dispose(),T(d,vC),T(f,yC),p.clear(),m.clear(),l.remove()})}var xC=`[data-mesurer-text-editor='true']`,SC=`[data-mesurer-text-edit-ring='true']`,CC=`[data-mesurer-text-inspector-info='true']`,wC=`[data-mesurer-text-inspector-placement-shell='true']`,TC=`[data-mesurer-measurement='true']`,EC=`[data-mesurer-measurement-chrome='true']`,DC=`[data-mesurer-measurement-label='true']`,OC=20,kC=.75,AC=`data-mesurer-symmetric-measurement-spacing`,jC=`mesurerSymmetricCardOffsetY`,MC=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),NC=(e,t)=>Math.abs(e.left-t.left)+Math.abs(e.top-t.top)+Math.abs(e.width-t.width)+Math.abs(e.height-t.height),PC=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+OC,width:e.width,height:OC}),FC=(e,t,n)=>e.style.getPropertyValue(t)!==n&&(e.style.setProperty(t,n),!0);function IC(e,t,n=t.portalTarget){let{ownerDocument:r,ownerWindow:i,portalTarget:a}=t,o=i,s=a.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),c=s.item(s.length-1);if(!c)return;let l=new Set,u=null,d=null,f=null,p=null,m=!1,h=0,g=!1,_=e=>{e instanceof o.HTMLTextAreaElement&&e.matches(xC)&&(u=e),e.matches(SC)&&(d=e),e.matches(wC)&&(f=e),e.matches(CC)&&(p=e),e.matches(DC)&&l.add(e)},v=e=>{if(e instanceof o.HTMLElement&&(_(e),e===c||e.matches(`${TC}, [data-mesurer-text-edit-runtime='true'], [data-mesurer-root='true']`)))for(let t of[xC,SC,wC,CC,DC])for(let n of e.querySelectorAll(t))_(n)},y=e=>{for(let t of e.querySelectorAll(TC))v(t)};v(c),y(a),n!==a&&y(n);let b=e=>{let t=null;for(let n of Array.from(l)){if(!n.isConnected){l.delete(n);continue}let r=n.closest(TC);if(!(r instanceof o.HTMLElement)||r.getAttribute(`data-mesurer-selected-measurement`)!==`true`)continue;let i=MC(n.getBoundingClientRect());if(i.width<=0||i.height<=0)continue;let a=r.querySelector(EC),s=a?.isConnected?MC(a.getBoundingClientRect()):null,c=e.bottom+2,u=e.left+e.width/2,d=i.left+i.width/2,f=s&&s.width>0&&s.height>0?NC(s,e):Math.abs(i.top-c)+Math.abs(d-u);f>32||(!t||f<t.score)&&(t={rect:i,score:f})}return t?.rect??PC(e)},x=()=>{if(g||!u?.isConnected||!d?.isConnected||!f?.isConnected||!p?.isConnected)return;let e=MC(d.getBoundingClientRect());if(e.width<=0||e.height<=0||!(e.right>0&&e.bottom>0&&e.left<i.innerWidth&&e.top<i.innerHeight))return;let t=MC(p.getBoundingClientRect());if(t.width<=0||t.height<=0||t.top<e.bottom)return;y(a),n!==a&&y(n),r.body&&r.body!==a&&y(r.body);let o=b(e),s=o.top-e.bottom,c=t.top-o.bottom,l=c-s;if(f.setAttribute(AC,`true`),f.dataset.mesurerSymmetricSourceGap=s.toFixed(3),f.dataset.mesurerSymmetricTypographyGap=c.toFixed(3),Math.abs(l)<=kC)return;let m=Number.parseFloat(p.dataset[jC]??`0`),h=(Number.isFinite(m)?m:0)-l;p.dataset[jC]=h.toFixed(3),FC(p,`translate`,`0px ${h}px`)},S=()=>{g||m||(m=!0,i.queueMicrotask(()=>{m=!1,!h&&(h=i.requestAnimationFrame(()=>{h=0,x()}))}))},C=new o.MutationObserver(e=>{let t=!1;for(let n of e){if(n.type===`childList`){for(let e of n.addedNodes)v(e);t=!0;continue}n.target instanceof o.HTMLElement&&n.target.matches(wC)&&(_(n.target),t=!0)}t&&S()});C.observe(c,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`style`,`data-mesurer-native-scroll-owner`,`data-mesurer-native-scroll-anchor`]});let w=new o.MutationObserver(e=>{let t=!1;for(let n of e)for(let e of n.addedNodes)e instanceof o.HTMLElement&&e.matches(`${TC}, [data-mesurer-root='true']`)&&(v(e),t=!0);t&&S()}),T=new Set,E=(e,t)=>{T.has(e)||e===c||(T.add(e),w.observe(e,{childList:!0,subtree:t}))};E(a,a!==r.body),n!==a&&E(n,!0),r.body&&E(r.body,!1),i.addEventListener(`resize`,S,!0),i.addEventListener(`dblclick`,S,!0),S(),e.lifecycle.onDispose(()=>{g=!0,C.disconnect(),w.disconnect(),i.removeEventListener(`resize`,S,!0),i.removeEventListener(`dblclick`,S,!0),h&&i.cancelAnimationFrame(h),l.clear(),f?.removeAttribute(AC),p&&(p.style.removeProperty(`translate`),delete p.dataset[jC])})}var LC=(e,t)=>{let n={document:e.document,location:e.location,crypto:e.crypto,navigator:e.navigator,performance:e.performance,CSS:e.CSS,Node:e.Node,Text:e.Text,Element:e.Element,HTMLElement:e.HTMLElement,ShadowRoot:e.ShadowRoot,MouseEvent:e.MouseEvent,MutationObserver:e.MutationObserver,get innerWidth(){return e.innerWidth},get innerHeight(){return e.innerHeight},get scrollX(){return e.scrollX},get scrollY(){return e.scrollY},getComputedStyle:(t,n)=>e.getComputedStyle(t,n),matchMedia:t=>e.matchMedia(t),setTimeout:e.setTimeout.bind(e),clearTimeout:e.clearTimeout.bind(e),cancelAnimationFrame:e.cancelAnimationFrame.bind(e),addEventListener:e.addEventListener.bind(e),removeEventListener:e.removeEventListener.bind(e),requestAnimationFrame:t};return Object.defineProperties(Object.create(null),Object.getOwnPropertyDescriptors(n))},RC=(e,t)=>{let n=t.ownerWindow,r=!1,i=!1,a=null,o=LC(n,e=>n.requestAnimationFrame(t=>{r=!0;try{e(t)}finally{r=!1}})),s=()=>{let n=t.currentToolMode?.()??`none`;return!r||e.state.get(`mesurer.presentation.preferences`)===void 0?n:i?`text-inspector`:t.currentToolbarMode?t.currentToolbarMode()===`edit`||eb(e).keepTextChanges?`text-inspector`:`none`:n===`text-inspector`||eb(e).keepTextChanges?`text-inspector`:`none`},c=()=>{let e=t.createInspectorMount();a?.disconnect();let r=()=>{i=!!e.element.querySelector(`[data-mesurer-text-editor='true']`)};return a=new n.MutationObserver(r),a.observe(e.element,{childList:!0,subtree:!0}),r(),{element:e.element,dispose(){a?.disconnect(),a=null,i=!1,e.dispose()}}};return e.lifecycle.onDispose(()=>{a?.disconnect(),a=null,i=!1,r=!1}),{...t,ownerWindow:o,currentToolMode:s,createInspectorMount:c}},zC=`var(--msr-color-ink-50, #f8fafc)`,BC=`var(--msr-color-ink-100, #f1f5f9)`,VC=`var(--msr-color-ink-200, #e2e8f0)`,HC=`var(--msr-color-ink-500, #64748b)`,UC=`var(--msr-color-ink-700, #334155)`,WC=`var(--msr-content, #0f172a)`,GC=`var(--msr-accent, #0d99ff)`,KC=8,qC=8,JC=(e,t)=>{let n=new Map,r=Array.from(e.children).filter(e=>e instanceof t.HTMLElement);for(let e=0;e+1<r.length;e+=2){let t=r[e],i=r[e+1],a=t.textContent?.trim();a&&n.set(a,{label:t,value:i})}return n},YC=e=>Array.from(e.querySelectorAll(`span`)).map(e=>e.textContent?.trim()??``).find(e=>e.startsWith(`--`))??null;function XC(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=0,d=0,f=null,p=()=>{if(c)return;let e=s.querySelector(`[data-mesurer-text-editor='true']`);e?.isConnected&&e.focus({preventScroll:!0})},m=()=>{r.setTimeout(p,0)},h=e=>{if(f?.isConnected&&f.contains(e))return f;f?.remove();let t=n.createElement(`div`);return t.dataset.mesurerTextInspectorPlacementShell=`true`,t.dataset.mesurerInspectorUi=`true`,Object.assign(t.style,{position:`fixed`,left:`0px`,top:`0px`,zIndex:`2147483647`,width:`max-content`,maxWidth:`calc(100vw - 16px)`,overflow:`visible`,pointerEvents:`auto`,transition:`none`,animation:`none`}),e.before(t),t.append(e),Object.assign(e.style,{position:`static`,left:`auto`,top:`auto`,transform:`none`,zIndex:`auto`,transition:`none`,animation:`none`}),f=t,t},g=()=>{f?.remove(),f=null},_=()=>{if(c)return;let e=s.querySelector(`[data-mesurer-text-inspector-info='true']`),t=i.querySelectorAll(`[data-mesurer-text-edit-ring='true']`),n=t.item(t.length-1);if(!e?.isConnected||!n?.isConnected)return;let a=h(e);if(a.dataset.mesurerNativeScrollOwner===`typography`&&a.dataset.mesurerNativeScrollAnchor===`offset`)return;Object.assign(e.style,{position:`static`,left:`auto`,top:`auto`,transform:`none`,boxSizing:`border-box`,maxHeight:`calc(100vh - 16px)`,overflowY:`auto`,transition:`none`,animation:`none`});let o=n.getBoundingClientRect(),l=e.getBoundingClientRect();if(l.width<=0||l.height<=0)return;let u=l.width,d=l.height,f=r.innerWidth-KC,p=r.innerHeight-KC,m=Math.max(KC,f-u),g=Math.max(KC,p-d),_=Math.min(Math.max(o.left+o.width/2-u/2,KC),m),v=Math.min(Math.max(o.top+o.height/2-d/2,KC),g),y=[{left:_,top:o.top-qC-d,placement:`above`},{left:_,top:o.bottom+qC,placement:`below`},{left:o.right+qC,top:v,placement:`side`},{left:o.left-qC-u,top:v,placement:`side`}],b=(e,t)=>e>=KC&&t>=KC&&e+u<=f&&t+d<=p,x=(e,t)=>{let n=Math.max(0,Math.min(e+u,o.right)-Math.max(e,o.left)),r=Math.max(0,Math.min(t+d,o.bottom)-Math.max(t,o.top));return n>0&&r>0},S=y.find(e=>b(e.left,e.top)&&!x(e.left,e.top));if(S){a.style.left=`${S.left}px`,a.style.top=`${S.top}px`,e.dataset.mesurerTextInspectorPlacement=S.placement;return}let C=[{name:`above`,top:KC,height:Math.max(0,o.top-qC-KC)},{name:`below`,top:o.bottom+qC,height:Math.max(0,p-o.bottom-qC)}].sort((e,t)=>t.height-e.height)[0];if(C&&C.height>0){e.style.maxHeight=`${C.height}px`,a.style.left=`${_}px`,a.style.top=`${C.top}px`,e.dataset.mesurerTextInspectorPlacement=C.name;return}a.style.left=`${_}px`,a.style.top=`${KC}px`,e.dataset.mesurerTextInspectorPlacement=`viewport`},v=()=>{c||u||(u=r.requestAnimationFrame(()=>{u=0,_()}))},y=()=>{(f?.dataset.mesurerNativeScrollOwner!==`typography`||f.dataset.mesurerNativeScrollAnchor!==`offset`)&&v()},b=()=>{_(),v(),d&&r.clearTimeout(d),d=r.setTimeout(()=>{d=0,_(),v()},0)},x=e=>{Object.assign(e.style,{boxSizing:`border-box`,border:`1px solid transparent`,borderRadius:`5px`,background:zC,color:UC,outline:`none`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=VC}),e.addEventListener(`mouseleave`,()=>{n.activeElement!==e&&(e.style.borderColor=`transparent`)}),e.addEventListener(`focus`,()=>{e.style.borderColor=`transparent`,e.style.boxShadow=`inset 0 0 0 1px ${GC}`}),e.addEventListener(`blur`,()=>{e.style.boxShadow=`none`,e.style.borderColor=`transparent`})},S=e=>{let t=n.createElement(`div`);t.dataset.mesurerUnifiedSelectShell=`true`,Object.assign(t.style,{position:`relative`,width:`100%`,minWidth:`0`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:zC,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),Object.assign(e.style,{appearance:`none`,WebkitAppearance:`none`,width:`100%`,minWidth:`0`,height:`100%`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:`transparent`,color:UC,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,padding:`0 27px 0 8px`,outline:`none`,cursor:`pointer`});let r=n.createElement(`span`);return r.dataset.mesurerUnifiedSelectChevron=`true`,r.setAttribute(`aria-hidden`,`true`),Object.assign(r.style,{position:`absolute`,right:`9px`,top:`8px`,width:`7px`,height:`7px`,borderRight:`1.5px solid ${HC}`,borderBottom:`1.5px solid ${HC}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`}),t.addEventListener(`mouseenter`,()=>{t.style.borderColor=VC}),t.addEventListener(`mouseleave`,()=>{n.activeElement!==e&&(t.style.borderColor=`transparent`)}),e.addEventListener(`focus`,()=>{t.style.borderColor=`transparent`,t.style.boxShadow=`inset 0 0 0 1px ${GC}`}),e.addEventListener(`blur`,()=>{t.style.boxShadow=`none`,t.style.borderColor=`transparent`}),t.append(e,r),t},C=e=>{Object.assign(e.style,{width:`100%`,minWidth:`0`,height:`28px`,font:`500 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace`,padding:`0 8px`}),x(e)},w=e=>{let t=e.getAttribute(`aria-pressed`)===`true`;Object.assign(e.style,{width:`28px`,height:`28px`,border:`1px solid ${t?GC:`transparent`}`,borderRadius:`5px`,background:t?`rgba(13, 153, 255, 0.10)`:zC,color:WC,padding:`0`,fontSize:`12px`,cursor:`pointer`,transition:`border-color 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{t||(e.style.borderColor=VC)}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=t?GC:`transparent`})},T=e=>{Object.assign(e.style,{display:`flex`,alignItems:`center`,flexWrap:`wrap`,gap:`5px`,margin:`0`,padding:`0`,border:`0`});let t=Array.from(e.querySelectorAll(`[data-mesurer-text-color]`));for(let[e,n]of t.entries())Object.assign(n.style,{display:e<7?`block`:`none`,width:`20px`,height:`20px`,padding:`0`});let n=e.querySelector(`[data-mesurer-text-custom-color='true']`);n&&(Object.assign(n.style,{display:`block`,width:`28px`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:zC,padding:`3px`}),n.addEventListener(`mouseenter`,()=>{n.style.borderColor=VC}),n.addEventListener(`mouseleave`,()=>{n.style.borderColor=`transparent`}))},E=e=>{Object.assign(e.style,{width:`100%`,minWidth:`0`,height:`28px`,border:`1px solid transparent`,borderRadius:`5px`,background:zC,color:UC,padding:`0 8px`,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=VC}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=`transparent`}),e.addEventListener(`focus`,()=>{e.style.boxShadow=`inset 0 0 0 1px ${GC}`}),e.addEventListener(`blur`,()=>{e.style.boxShadow=`none`})},D=(e,t)=>{let r=n.createElement(`div`);if(Object.assign(r.style,{display:`flex`,alignItems:`center`,gap:`7px`,minWidth:`0`}),e.style.flex=`1 1 auto`,r.append(e),t){let e=n.createElement(`span`);e.textContent=t,e.title=t,Object.assign(e.style,{flex:`0 1 auto`,minWidth:`0`,maxWidth:`104px`,overflow:`hidden`,textOverflow:`ellipsis`,color:`#0369a1`,font:`500 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace`}),r.append(e)}return r},O=(e,t,n)=>{if(!n)return;let r=e.get(t);if(!r)return;let i=YC(r.value);r.value.replaceChildren(D(n,i)),Object.assign(r.value.style,{overflow:`visible`,textOverflow:`clip`,whiteSpace:`normal`,fontFamily:`inherit`})},k=(e,t,r)=>{if(!r)return;let i=n.createElement(`span`);i.textContent=t,i.dataset.mesurerUnifiedTextRow=`true`,Object.assign(i.style,{color:HC,fontSize:`11px`,alignSelf:`center`});let a=n.createElement(`div`);a.dataset.mesurerUnifiedTextRow=`true`,a.append(r),Object.assign(a.style,{minWidth:`0`,display:`flex`,alignItems:`center`}),e.append(i,a)},A=e=>{let t=e.target instanceof a.HTMLElement?e.target:null;if(!t||!s.contains(t))return;let n=t.closest(`[data-mesurer-text-style-menu-button='true']`);if(n){n.getAttribute(`aria-expanded`)===`true`&&p(),r.setTimeout(()=>{c||s.querySelector(`[data-mesurer-text-style-menu-button='true']`)?.getAttribute(`aria-expanded`)===`false`&&p()},0);return}t.closest(`[data-mesurer-text-style-button], [data-mesurer-text-color], [data-mesurer-text-style-preset]`)&&(p(),m())},j=e=>{let t=e.target instanceof a.HTMLElement?e.target:null;!t||!s.contains(t)||t.matches(`[data-mesurer-text-style-select], [data-mesurer-text-custom-color='true']`)&&(p(),m())},M=e=>{if(e.key!==`Enter`)return;let t=e.target instanceof a.HTMLElement?e.target:null;!t||!s.contains(t)||t.matches(`[data-mesurer-text-style-input]`)&&m()},N=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-editor='true']`),t=s.querySelector(`[data-mesurer-text-style-toolbar='true']`),r=s.querySelector(`[data-mesurer-text-style-menu='true']`),i=s.querySelector(`[data-mesurer-text-inspector-info='true']`);if(!i){g();return}if(!e||!t||!r)return;let o=i.children.item(1);if(!(o instanceof a.HTMLElement))return;if(t.querySelector(`[data-mesurer-text-style-menu-button='true']`))for(let e of i.querySelectorAll(`[data-mesurer-unified-text-row='true'], [data-mesurer-unified-text-presets='true']`))e.remove();let c=JC(o,a);i.dataset.mesurerTextInspectorUnified=`true`,i.setAttribute(`aria-label`,`Typography editor`),i.removeAttribute(`aria-hidden`),i.style.removeProperty(`visibility`),Object.assign(i.style,{pointerEvents:`auto`,position:`static`,left:`auto`,top:`auto`,transform:`none`,zIndex:`auto`,boxSizing:`border-box`,width:`min(360px, calc(100vw - 16px))`,minWidth:`0`,maxWidth:`calc(100vw - 16px)`,maxHeight:`calc(100vh - 16px)`,overflowY:`auto`,padding:`11px 12px 12px`,whiteSpace:`normal`,transition:`none`,animation:`none`}),h(i),Object.assign(o.style,{gridTemplateColumns:`72px minmax(0, 1fr)`,columnGap:`10px`,rowGap:`7px`,alignItems:`center`});let l=t.querySelector(`[data-mesurer-text-style-select='font']`),u=t.querySelector(`[data-mesurer-text-style-select='size']`),d=t.querySelector(`[data-mesurer-text-style-select='weight']`),f=t.querySelector(`[data-mesurer-text-style-input='line']`),p=t.querySelector(`[data-mesurer-text-style-input='tracking']`),m=l?S(l):null,_=u?S(u):null,v=d?S(d):null;for(let e of[f,p])e&&C(e);O(c,`Family`,m),O(c,`Size`,_),O(c,`Weight`,v),O(c,`Line`,f),O(c,`Tracking`,p);let y=n.createElement(`div`);y.dataset.mesurerUnifiedTextFormat=`true`,Object.assign(y.style,{display:`flex`,alignItems:`center`,gap:`5px`});for(let e of Array.from(t.querySelectorAll(`[data-mesurer-text-style-button]`)))w(e),y.append(e);k(o,`Format`,y.childElementCount?y:null);let x=t.querySelector(`[data-mesurer-text-color-swatches='true']`);x&&T(x),k(o,`Color`,x);let D=t.querySelector(`[data-mesurer-text-style-menu-button='true']`);if(D&&E(D),k(o,`Style`,D),D?.getAttribute(`aria-expanded`)===`true`){let e=n.createElement(`div`);e.dataset.mesurerUnifiedTextPresets=`true`,Object.assign(e.style,{display:`grid`,gap:`3px`,marginTop:`9px`,paddingTop:`8px`,borderTop:`1px solid ${BC}`});for(let t of Array.from(r.querySelectorAll(`[data-mesurer-text-style-preset]`)))t.style.width=`100%`,t.style.minHeight=`34px`,e.append(t);e.childElementCount&&i.append(e)}t.style.display=`none`,t.setAttribute(`aria-hidden`,`true`),r.style.display=`none`,r.setAttribute(`aria-hidden`,`true`),b()}finally{l=!1}}};s.addEventListener(`click`,A,!0),s.addEventListener(`change`,j,!0),s.addEventListener(`keydown`,M,!0),r.addEventListener(`resize`,v),r.addEventListener(`scroll`,y,{capture:!0,passive:!0});let P=new a.MutationObserver(N);P.observe(s,{childList:!0,subtree:!0}),N(),e.lifecycle.onDispose(()=>{c=!0,P.disconnect(),u&&r.cancelAnimationFrame(u),d&&r.clearTimeout(d),s.removeEventListener(`click`,A,!0),s.removeEventListener(`change`,j,!0),s.removeEventListener(`keydown`,M,!0),r.removeEventListener(`resize`,v),r.removeEventListener(`scroll`,y,!0),g()})}var ZC=4,QC=4,$C=220,ew=60,tw=(e,t,n)=>Math.min(Math.max(e,t),n);function nw(e,t){let{ownerWindow:n,portalTarget:r}=t,i=n,a=e=>{if(e.key!==`Escape`)return;let t=e.composedPath().find(e=>e instanceof i.HTMLElement&&e.dataset.mesurerUnifiedSelectPopup===`true`),n=t instanceof i.HTMLElement?t:r.querySelector(`[data-mesurer-unified-select-popup='true']`);if(!n)return;let a=n.dataset.mesurerUnifiedSelectKind;if(!a)return;let o=n.closest(`[data-mesurer-text-inspector-info='true']`)?.querySelectorAll(`[data-mesurer-unified-select-trigger]`)??r.querySelectorAll(`[data-mesurer-unified-select-trigger]`),s=Array.from(o).find(e=>e.dataset.mesurerUnifiedSelectTrigger===a);s&&(e.preventDefault(),e.stopImmediatePropagation(),s.click())};n.addEventListener(`keydown`,a,!0),e.lifecycle.onDispose(()=>{n.removeEventListener(`keydown`,a,!0)})}function rw(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=0,d=null,f=new Map,p=e=>{let t=e.dataset.mesurerUnifiedSelectKind;return t?Array.from(s.querySelectorAll(`[data-mesurer-unified-select-trigger]`)).find(e=>e.dataset.mesurerUnifiedSelectTrigger===t)??null:null},m=e=>{if(e.dataset.mesurerUnifiedSelectKind===`font`)for(let t of e.querySelectorAll(`[data-mesurer-unified-select-option]`)){let e=t.dataset.mesurerUnifiedSelectOption;e&&t.setAttribute(`aria-label`,e)}},h=()=>{let e=d;if(e?.isConnected)for(let[t,n]of f){if(!t.isConnected||!e.contains(t)){f.delete(t);continue}let r=n.left-e.scrollLeft,i=n.top-e.scrollTop;t.style.transform=r===0&&i===0?`none`:`translate(${r}px, ${i}px)`}},g=e=>{d!==e&&(d?.removeEventListener(`scroll`,h),f.clear(),d=e,d?.addEventListener(`scroll`,h,{passive:!0}))},_=(e,t,n)=>{let r=p(e);if(!r?.isConnected)return;let i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o=n.getBoundingClientRect();if(i.width<=0||i.height<=0||a.width<=0||a.height<=0||o.width<=0||o.height<=0)return;e.style.position=`absolute`,e.style.inset=`auto`,e.style.margin=`0`,e.style.pointerEvents=`auto`,e.style.zIndex=`2147483647`,e.style.transform=`none`;let s=Math.max(1,o.width-8),c=Math.min(Math.max(i.width,120),s);e.style.width=`${c}px`,e.style.maxWidth=`${s}px`;let l=Math.max(1,o.height-8),u=Math.min($C,Math.max(ew,e.scrollHeight)),d=Math.min(u,l);e.style.maxHeight=`${d}px`;let m=o.left-a.left,h=o.top-a.top,g=i.left-a.left,_=i.top-a.top,v=i.bottom-a.top,y=Math.max(0,_-h-ZC-QC),b=o.bottom-a.top,x=Math.max(0,b-v-ZC-QC),S=x>=d||x>=y?v+ZC:_-ZC-d,C=m+QC,w=Math.max(C,m+o.width-QC-c),T=h+QC,E=Math.max(T,h+o.height-QC-d);e.style.left=`${tw(g,C,w)}px`,e.style.top=`${tw(S,T,E)}px`,f.set(e,{left:n.scrollLeft,top:n.scrollTop})},v=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-inspector-placement-shell='true']`),t=s.querySelector(`[data-mesurer-text-inspector-info='true'][data-mesurer-text-inspector-unified='true']`);if(!e||!t){g(null);return}g(t);for(let e of Array.from(f.keys()))(!e.isConnected||!t.contains(e))&&f.delete(e);for(let r of Array.from(s.querySelectorAll(`[data-mesurer-unified-select-popup='true']`))){let i=n.activeElement,o=i instanceof a.HTMLElement&&r.contains(i)?i:null;(r.parentElement!==t||t.lastElementChild!==r)&&(t.append(r),o?.isConnected&&o.focus({preventScroll:!0})),m(r),_(r,e,t)}}finally{l=!1}}},y=()=>{v(),!(c||u)&&(u=r.requestAnimationFrame(()=>{u=0,v()}))},b=new a.MutationObserver(y);b.observe(s,{childList:!0,subtree:!0}),r.addEventListener(`resize`,y),y(),e.lifecycle.onDispose(()=>{c=!0,b.disconnect(),u&&r.cancelAnimationFrame(u),r.removeEventListener(`resize`,y),g(null)})}var iw=`var(--msr-color-ink-50, #f8fafc)`,aw=`var(--msr-color-ink-100, #f1f5f9)`,ow=`var(--msr-color-ink-200, #e2e8f0)`,sw=`var(--msr-color-ink-500, #64748b)`,cw=`var(--msr-color-ink-700, #334155)`,lw=`var(--msr-content, #0f172a)`,uw=`var(--msr-accent, #0d99ff)`,dw=8,fw=4;function pw(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(`[data-mesurer-text-edit-runtime='true']`),s=o.item(o.length-1);if(!s)return;let c=!1,l=!1,u=null,d=(e=!1)=>{let t=u;if(!t)return;t.popup.remove(),t.trigger.setAttribute(`aria-expanded`,`false`),t.chevron?.style.setProperty(`transform`,`rotate(45deg)`);let n=t.trigger.closest(`[data-mesurer-unified-select-shell='true'], [data-mesurer-unified-style-shell='true']`);n&&(n.style.boxShadow=`none`,n.style.borderColor=`transparent`),u=null,e&&t.trigger.isConnected&&t.trigger.focus({preventScroll:!0})},f=()=>{if(!u?.trigger.isConnected||!u.popup.isConnected){d();return}let e=u.trigger.getBoundingClientRect(),t=u.popup.getBoundingClientRect(),n=Math.max(e.width,Math.min(260,t.width||e.width));u.popup.style.width=`${n}px`;let i=u.popup.getBoundingClientRect(),a=r.innerWidth-dw,o=r.innerHeight-dw,s=Math.max(dw,a-i.width),c=Math.min(Math.max(e.left,dw),s),l=e.bottom+fw,f=e.top-fw-i.height,p=l+i.height<=o||f<dw?Math.min(l,Math.max(dw,o-i.height)):f;u.popup.style.left=`${c}px`,u.popup.style.top=`${Math.max(dw,p)}px`},p=e=>{let t=n.createElement(`button`);t.type=`button`,t.dataset.mesurerUnifiedSelectOption=e.key,t.setAttribute(`role`,`option`),t.setAttribute(`aria-selected`,e.selected?`true`:`false`),t.disabled=e.disabled,Object.assign(t.style,{width:`100%`,minHeight:`30px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`12px`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:e.selected?aw:`transparent`,color:e.disabled?sw:lw,padding:`0 9px`,textAlign:`left`,font:`${e.selected?`600`:`500`} 11px/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,cursor:e.disabled?`default`:`pointer`,opacity:e.disabled?`0.55`:`1`,pointerEvents:`auto`});let r=n.createElement(`span`);if(r.textContent=e.label,Object.assign(r.style,{minWidth:`0`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),t.append(r),e.shortcut){let r=n.createElement(`span`);r.textContent=e.shortcut,Object.assign(r.style,{flex:`0 0 auto`,color:sw,font:`500 10px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,whiteSpace:`nowrap`}),t.append(r)}return t.addEventListener(`mouseenter`,()=>{e.disabled||(t.style.background=e.selected?aw:iw)}),t.addEventListener(`mouseleave`,()=>{t.style.background=e.selected?aw:`transparent`}),t.addEventListener(`click`,()=>{e.disabled||(e.activate(),d())}),t.addEventListener(`keydown`,e=>{if(e.key===`Escape`){e.preventDefault(),d(!0);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;e.preventDefault();let n=t.closest(`[data-mesurer-unified-select-popup='true']`);if(!n)return;let r=Array.from(n.querySelectorAll(`[data-mesurer-unified-select-option]`)).filter(e=>!e.disabled),i=r.indexOf(t);i<0||r.length===0||r[(i+(e.key===`ArrowDown`?1:-1)+r.length)%r.length]?.focus({preventScroll:!0})}),t},m=(e,t,r)=>{if(u?.trigger===e){d(!0);return}d();let i=n.createElement(`div`);i.dataset.mesurerUnifiedSelectPopup=`true`,i.dataset.mesurerUnifiedSelectKind=e.dataset.mesurerUnifiedSelectTrigger??`select`,i.dataset.mesurerInspectorUi=`true`,i.setAttribute(`role`,`listbox`),Object.assign(i.style,{position:`fixed`,zIndex:`2147483647`,minWidth:`120px`,maxWidth:`min(260px, calc(100vw - 16px))`,maxHeight:`220px`,overflowY:`auto`,boxSizing:`border-box`,border:`1px solid ${ow}`,borderRadius:`8px`,background:`var(--msr-surface-raised, #ffffff)`,padding:`4px`,boxShadow:`var(--msr-shadow-select-menu, 0 8px 24px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.08))`,pointerEvents:`auto`});for(let e of r)i.append(p(e));s.append(i),e.setAttribute(`aria-expanded`,`true`),t?.style.setProperty(`transform`,`rotate(225deg)`);let a=e.closest(`[data-mesurer-unified-select-shell='true'], [data-mesurer-unified-style-shell='true']`);a&&(a.style.borderColor=`transparent`,a.style.boxShadow=`inset 0 0 0 1px ${uw}`),u={popup:i,trigger:e,chevron:t},f(),(i.querySelector(`[aria-selected='true']:not(:disabled)`)??i.querySelector(`[data-mesurer-unified-select-option]:not(:disabled)`))?.focus({preventScroll:!0})},h=(e,t)=>{Object.assign(e.style,{position:`absolute`,inset:`0`,zIndex:`1`,width:`100%`,height:`100%`,boxSizing:`border-box`,border:`0`,borderRadius:`5px`,background:`transparent`,color:cw,padding:`0 28px 0 8px`,textAlign:`left`,font:`500 11px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`,cursor:`pointer`,outline:`none`}),e.addEventListener(`focus`,()=>{t.style.borderColor=`transparent`,t.style.boxShadow=`inset 0 0 0 1px ${uw}`}),e.addEventListener(`blur`,()=>{u?.trigger!==e&&(t.style.boxShadow=`none`)})},g=e=>{let t=e.closest(`[data-mesurer-unified-select-shell='true']`);if(!t||t.dataset.mesurerUnifiedCustomSelect===`true`)return;t.dataset.mesurerUnifiedCustomSelect=`true`,Object.assign(e.style,{position:`absolute`,inset:`0`,width:`100%`,height:`100%`,opacity:`0`,pointerEvents:`none`}),e.tabIndex=-1,e.setAttribute(`aria-hidden`,`true`);let r=e.dataset.mesurerTextStyleSelect??e.getAttribute(`aria-label`)??`select`,i=n.createElement(`button`);i.type=`button`,i.dataset.mesurerUnifiedSelectTrigger=r,i.setAttribute(`aria-haspopup`,`listbox`),i.setAttribute(`aria-expanded`,`false`),i.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??r);let o=t.querySelector(`[data-mesurer-unified-select-chevron='true']`);o&&(o.style.zIndex=`2`),h(i,t);let s=()=>{let t=e.selectedOptions.item(0);i.textContent=t?.textContent?.trim()||e.value};s(),e.addEventListener(`change`,s);let c=()=>Array.from(e.options).map(t=>({key:t.value,label:t.textContent?.trim()||t.value,shortcut:null,selected:t.selected,disabled:t.disabled,activate:()=>{if(e.value===t.value){d();return}e.value=t.value,e.dispatchEvent(new a.Event(`input`,{bubbles:!0})),e.dispatchEvent(new a.Event(`change`,{bubbles:!0})),s()}}));i.addEventListener(`click`,()=>m(i,o,c())),i.addEventListener(`keydown`,e=>{if(e.key===`Escape`){d(!0);return}[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),m(i,o,c()))}),o?t.insertBefore(i,o):t.append(i)},_=e=>{let t=e.querySelector(`[data-mesurer-text-style-menu-button='true']:not([data-mesurer-unified-select-trigger='style'])`);if(!t||t.dataset.mesurerUnifiedCustomStyle===`true`)return;t.dataset.mesurerUnifiedCustomStyle=`true`,delete t.dataset.mesurerTextStyleMenuButton,t.style.display=`none`,t.tabIndex=-1,t.setAttribute(`aria-hidden`,`true`);for(let t of e.querySelectorAll(`[data-mesurer-unified-text-presets='true']`))t.remove();let r=t.parentElement;if(!r)return;let i=n.createElement(`div`);i.dataset.mesurerUnifiedStyleShell=`true`,Object.assign(i.style,{position:`relative`,width:`100%`,minWidth:`0`,height:`28px`,boxSizing:`border-box`,border:`1px solid transparent`,borderRadius:`5px`,background:iw,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`});let a=n.createElement(`button`);a.type=`button`,a.dataset.mesurerUnifiedSelectTrigger=`style`,a.dataset.mesurerTextStyleMenuButton=`true`,a.setAttribute(`aria-haspopup`,`listbox`),a.setAttribute(`aria-expanded`,`false`),a.setAttribute(`aria-label`,`Text style`),h(a,i),i.addEventListener(`mouseenter`,()=>{i.style.borderColor=ow}),i.addEventListener(`mouseleave`,()=>{u?.trigger!==a&&n.activeElement!==a&&(i.style.borderColor=`transparent`)});let o=n.createElement(`span`);o.dataset.mesurerUnifiedSelectChevron=`true`,o.setAttribute(`aria-hidden`,`true`),Object.assign(o.style,{position:`absolute`,zIndex:`2`,right:`9px`,top:`8px`,width:`7px`,height:`7px`,borderRight:`1.5px solid ${sw}`,borderBottom:`1.5px solid ${sw}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`});let c=s.querySelector(`[data-mesurer-text-style-menu='true']`),l=()=>c?Array.from(c.querySelectorAll(`[data-mesurer-text-style-preset]`)):[],f=()=>{let e=l(),t=e.find(e=>e.getAttribute(`aria-current`)===`true`)??e[0];a.textContent=t?.getAttribute(`aria-label`)??`Text`};f();let p=()=>l().map(e=>({key:e.dataset.mesurerTextStylePreset??e.getAttribute(`aria-label`)??`preset`,label:e.getAttribute(`aria-label`)??e.textContent?.trim()??`Text`,shortcut:e.lastElementChild?.textContent?.trim()||null,selected:e.getAttribute(`aria-current`)===`true`,disabled:e.disabled,activate:()=>{e.click(),f()}}));a.addEventListener(`click`,()=>m(a,o,p())),a.addEventListener(`keydown`,e=>{if(e.key===`Escape`){d(!0);return}[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),m(a,o,p()))}),i.append(a,o),r.append(i)},v=()=>{if(!(c||l)){l=!0;try{let e=s.querySelector(`[data-mesurer-text-inspector-info='true'][data-mesurer-text-inspector-unified='true']`);if(!e){d();return}for(let t of Array.from(e.querySelectorAll(`[data-mesurer-text-style-select]`)))g(t);_(e)}finally{l=!1}}},y=e=>{if(!u)return;let t=e.composedPath();t.includes(u.popup)||t.includes(u.trigger)||d()},b=()=>f();r.addEventListener(`pointerdown`,y,!0),r.addEventListener(`resize`,b);let x=new a.MutationObserver(v);x.observe(s,{childList:!0,subtree:!0}),v(),e.lifecycle.onDispose(()=>{c=!0,x.disconnect(),d(),r.removeEventListener(`pointerdown`,y,!0),r.removeEventListener(`resize`,b)})}function mw(e,t){zx(e,t);let{runtime:n}=Px(t);pC(e,n),nw(e,n),xS(e,RC(e,n)),oC(e,n),XC(e,n),bC(e,n,t.portalTarget),ES(e,n,t),mC(e,n),pw(e,n),rw(e,n),Mx(e,n),Hx(e,n),QS(e,n,t.portalTarget),IC(e,n,t.portalTarget)}function hw(e){let t=e,n=[];for(;;){let e=t.getRootNode();if(`host`in e){let r=e.host;n.unshift({kind:`shadow`,selector:hu(r)}),t=r;continue}let r=t.ownerDocument,i=r.defaultView?.frameElement;if(!i)return{};if(i.hasAttribute(`data-mesurer-responsive-frame`)){let e=r.defaultView;return{viewport:{url:e.location.href.split(`#`)[0],width:e.innerWidth,height:e.innerHeight,previewId:i.getAttribute(`data-mesurer-responsive-preview-id`)},domPath:n}}n.unshift({kind:`frame`,selector:hu(i)}),t=i}}function gw(e,t){let n=t.viewport;if(!n||!e)return null;let r=[...e.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)].filter(e=>{let t=Pu(e)?.defaultView;return t&&t.location.href.split(`#`)[0]===n.url&&t.innerWidth===n.width&&t.innerHeight===n.height}),i=r.find(e=>e.getAttribute(`data-mesurer-responsive-preview-id`)===n.previewId)??(r.length===1?r[0]:void 0),a=i?Pu(i):null;for(let e of t.domPath??[]){let t=a?.querySelectorAll(e.selector);if(t?.length!==1)return null;a=e.kind===`frame`?Pu(t[0]):t[0].shadowRoot}return a}function _w(e){return[...e?.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)??[]].flatMap(e=>{let t=Pu(e);return t?hv(t):[]})}var vw=1,yw=e=>{if(typeof e!=`object`||!e||Array.isArray(e))return!1;let t=e;return typeof t.id==`string`&&!!t.id.trim()&&typeof t.text==`string`&&!!t.text.trim()&&Number.isFinite(t.createdAt)},bw=(e,t)=>{if(!t)return[];try{let n=e.sessionStorage.getItem(t);if(!n)return[];let r=JSON.parse(n);return r.version!==vw||!Array.isArray(r.annotations)?[]:r.annotations.map(e=>{let t=new Set,n=Array.isArray(e.replies)?e.replies.flatMap(e=>!yw(e)||t.has(e.id)?[]:(t.add(e.id),[{id:e.id,text:e.text,createdAt:e.createdAt}])):void 0,r={...e};return n?.length?r.replies=n:delete r.replies,e.status===`resolved`?(r.status=`resolved`,Number.isFinite(e.resolvedAt)&&(r.resolvedAt=e.resolvedAt)):e.status===`open`&&(r.status=`open`),xw(r)})}catch{return[]}},xw=e=>{let t={...e,anchor:e.anchor.kind===`elements`?{kind:`elements`,region:e.anchor.region?ac(e.anchor.region):null,targets:e.anchor.targets.map(e=>{let t={...e,fingerprint:{...e.fingerprint,classes:[...e.fingerprint.classes]},lastRect:ac(e.lastRect)};return e.viewport&&(t.viewport={...e.viewport}),e.domPath&&(t.domPath=e.domPath.map(e=>({...e}))),t})}:{kind:`region`,rect:ac(e.anchor.rect)},baseline:{targets:e.baseline.targets.map(e=>({...e,rect:ac(e.rect)})),guides:e.baseline.guides.map(e=>({...e})),measurements:e.baseline.measurements.map(e=>({...e,rect:ac(e.rect)})),distances:e.baseline.distances.map(e=>({...e,rectA:ac(e.rectA),rectB:ac(e.rectB),horizontal:e.horizontal?{...e.horizontal}:null,vertical:e.vertical?{...e.vertical}:null}))}};return e.replies?t.replies=e.replies.map(e=>({...e})):delete t.replies,t},Sw=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Cw=e=>{let t=new Set,n=[];for(let r of e.current.selectedMeasurements){let e=r.elementRef;!e?.isConnected||t.has(e)||(t.add(e),n.push(e))}let r=e.current.selectedMeasurement?.elementRef;return r?.isConnected&&!t.has(r)&&n.push(r),n};function ww(e){let{model:t,ownerDocument:n,ownerWindow:r,uiRoot:i}=e,a=r,o=e.pageTarget??n.body??n.documentElement,s=o instanceof a.ShadowRoot?o:o.getRootNode(),c=s instanceof a.ShadowRoot?s:n,l=Rl(r),u=()=>e.persistenceKey?`${e.persistenceKey}:${l}`:void 0,d=()=>e.persistenceKey?`${e.persistenceKey}${r.location.pathname}`:void 0,f=()=>{let e=u();if(!e)return{annotations:[],migrated:!1};try{if(r.sessionStorage.getItem(e)!==null)return{annotations:bw(r,e),migrated:!1}}catch{return{annotations:[],migrated:!1}}let t=d();if(!t)return{annotations:[],migrated:!1};let n=bw(r,t);return{annotations:n,migrated:n.length>0}},p=f(),m=p.annotations,h=p.migrated,g=new Set,_=new Map,v=new Map,y=new Map,b=!1,x=0,S=new Map,C=new Map,w=!1,T=(e,t)=>`${e}:${t}`,E=e=>_v(e,o)||_w(i).includes(e.ownerDocument),D=(e,t)=>t.viewport?e.getRootNode()===gw(i,t):!gv(e.ownerDocument),O=e=>{let t=[],r=new Set,i=e=>{r.has(e)||!E(e)||(r.add(e),t.push(e))};o instanceof a.HTMLElement&&o.matches(e)&&i(o);for(let t of hv(o)){let r=t===n?c:t;for(let t of r.querySelectorAll(e))i(t)}return t},k=()=>{let e=u();if(e)try{if(m.length===0){r.sessionStorage.removeItem(e);return}r.sessionStorage.setItem(e,JSON.stringify({version:vw,annotations:m.map(xw)}))}catch{}};h&&=(k(),!1);let A=()=>{for(let e of g)e()},j=e=>{if(!_u(e.fingerprint))return null;let t=[];try{let n=e.viewport?gw(i,e):null;t=e.viewport?[...n?.querySelectorAll(e.selector)??[]]:O(e.selector).filter(t=>D(t,e))}catch{return null}let n=t.filter(t=>vu(t,e.fingerprint));if(t.length===1&&n.length===1)return n[0]??null;if(t.length!==1||e.fingerprint.id||e.fingerprint.testId)return null;let r=t[0];if(!r||r.localName!==e.fingerprint.tag)return null;let a=qu(r),o=e.lastRect,s=Math.max(4,Math.max(o.width,o.height)*.05),c=Math.max(2,Math.max(o.width,o.height)*.03);return Math.abs(a.left-o.left)<=s&&Math.abs(a.top-o.top)<=s&&Math.abs(a.width-o.width)<=c&&Math.abs(a.height-o.height)<=c?r:null},M=(e,t)=>{let n=T(e,t.id),r=v.get(n);if(r?.isConnected&&E(r)&&D(r,t))return r;r&&v.delete(n);let i=j(t);return i&&v.set(n,i),i},N=()=>{let e=!1;for(let t of m)if(t.anchor.kind===`elements`)for(let n of t.anchor.targets){let r=T(t.id,n.id),i=M(t.id,n),a=!!i;if(y.get(r)!==a&&(y.set(r,a),e=!0),!i)continue;let o=qu(i);(o.left!==n.lastRect.left||o.top!==n.lastRect.top||o.width!==n.lastRect.width||o.height!==n.lastRect.height)&&(n.lastRect=o,e=!0)}e&&(k(),A())},P=()=>{x||b||m.length===0||(x=r.requestAnimationFrame(()=>{x=0,N()}))},F=e=>{let t=S.get(e);t&&(e.removeEventListener(`load`,t.load,!0),e.removeEventListener(`scroll`,P,!0),t.removeResizeListener(),t.unsubscribeLocation(),t.observer?.disconnect(),S.delete(e))},I=()=>{let e=new Set;for(let t of m)if(t.anchor.kind===`elements`)for(let n of t.anchor.targets){if(!n.viewport)continue;let t=gw(i,{...n,domPath:[]});for(let r of n.domPath??[]){let n=t?.querySelectorAll(r.selector);if(n?.length!==1)break;let i=n[0],a=r.kind===`shadow`?i.shadowRoot:null;t=r.kind===`frame`?Pu(i):a,a&&e.add(a)}}for(let t of e){if(C.has(t))continue;let e=t.ownerDocument.defaultView?.MutationObserver;if(!e)continue;let n=new e(()=>{L(),P()});n.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`,`style`]}),C.set(t,n)}for(let[t,n]of C)e.has(t)||(n.disconnect(),C.delete(t))},L=()=>{if(!w)return;let e=new Set([...hv(o),..._w(i)]);for(let t of e){if(S.has(t))continue;let e=()=>{L(),P()},n=t.defaultView?.MutationObserver,r=n&&t.body?new n(()=>{L(),I(),P()}):null;t.addEventListener(`load`,e,!0),t.addEventListener(`scroll`,P,!0);let i=t.defaultView;i?.addEventListener(`resize`,P);let a=i?.removeEventListener.bind(i);r?.observe(t.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`id`,`class`,`data-testid`,`role`,`aria-label`,`style`]}),S.set(t,{load:e,observer:r,removeResizeListener:()=>a?.(`resize`,P),unsubscribeLocation:t.defaultView&&gv(t)?Hl(t.defaultView,P):()=>{}})}for(let t of S.keys())e.has(t)||F(t);I()},R=()=>{b||m.length===0||(w=!0,L())},z=()=>{if(w){w=!1;for(let e of S.keys())F(e);for(let e of C.values())e.disconnect();C.clear(),x&&r.cancelAnimationFrame(x),x=0}},B=()=>{L(),N(),A()};r.addEventListener(`mesurer:responsive-stage-change`,B),i?.addEventListener(`scroll`,P,!0),m.length>0&&(N(),R());let V=Hl(r,e=>{if(e===l||b)return;k(),z(),v.clear(),y.clear(),l=e,m.length=0;let t=f();m.push(...t.annotations),t.migrated&&k(),m.length>0&&(N(),R()),A()}),ee=t.subscribe(A),H=()=>({guides:t.current.guides,measurements:t.current.measurements,activeMeasurement:t.current.activeMeasurement,distances:t.current.heldDistances}),U=e=>dc({...e,workspace:H(),guideTolerance:10}),W=(e,t)=>({id:`target-${t+1}`,selector:hu(e),fingerprint:gu(e),lastRect:qu(e),...hw(e)}),te=e=>{let n=[],i=new Set;for(let t of e){let e=t.trim();!e||i.has(e)||(i.add(e),n.push(e))}if(!n.length)throw Error(`Mesurer select() requires at least one selector.`);let a=n.map(e=>{let t;try{t=O(e)}catch{throw Error(`Invalid Mesurer selection selector: ${e}`)}if(t.length===0)throw Error(`Mesurer selection target not found: ${e}`);if(t.length>1)throw Error(`Mesurer selection target is ambiguous (${t.length} matches): ${e}`);return t[0]});t.checkpoint(),t.setEnabled(!0),t.setToolMode(`select`);let o=a.map(e=>nd(e,r));return t.setSelectedMeasurements(o,o.at(-1)??null),t.setTransient({selectionOriginRect:null}),a},ne=(e,t=[])=>(m.push(e),e.anchor.kind===`elements`&&e.anchor.targets.forEach((n,r)=>{let i=t[r],a=T(e.id,n.id);i&&E(i)&&v.set(a,i),y.set(a,!!(i&&E(i)))}),R(),k(),A(),xw(e)),re=(e,t)=>{if(i?.querySelector(`[data-mesurer-responsive-stage]`))throw Error(`Select a preview element before adding a Responsive annotation.`);let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let a=ac(t);return ne({id:Sw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`region`,rect:a},baseline:U({targets:[],region:a})})},ie=e=>{let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let i=Cw(t).filter(E),a=t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null;if(!i.length){if(!a)throw Error(`Select a page element or drag a region before adding an annotation.`);return re(n,a)}let o=i.map(W);if(new Set(o.map(e=>JSON.stringify(e.viewport))).size>1)throw Error(`Select elements within one Responsive preview before adding an annotation.`);return ne({id:Sw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`elements`,targets:o,region:a},baseline:U({targets:o,elements:i})},i)},ae=()=>{for(let[e,t]of _)t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`);_.clear()};return{snapshot(){return{enabled:t.current.enabled,rulersVisible:t.current.rulersVisible,xrayVisible:t.current.xrayVisible,guideRelevanceTolerance:10,selectedMeasurements:[...t.current.selectedMeasurements],selectionOriginRect:t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null,measurements:[...t.current.measurements],activeMeasurement:t.current.activeMeasurement,heldDistances:[...t.current.heldDistances],guides:t.current.guides.map(e=>({...e})),annotations:m.map(xw)}},elementRect(e){return qu(e)},targetScope:hw,annotationVisible(e){let t=m.find(t=>t.id===e);if(!t)return!1;let n=!!i?.querySelector(`[data-mesurer-responsive-stage]`),r=t.anchor.kind===`elements`&&t.anchor.targets.some(e=>e.viewport);return n===r&&(!r||t.anchor.kind===`elements`&&t.anchor.targets.some(e=>M(t.id,e)))},currentSelection(){return{elements:Cw(t).filter(E),region:t.current.selectionOriginRect?ac(t.current.selectionOriginRect):null}},refreshSelectionGeometry(){let e=t.current.selectedMeasurements;if(!e.length)return;let n=(e,t)=>e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height,i=!1,a=e.flatMap(e=>{if(!e.elementRef?.isConnected)return[];let t={...nd(e.elementRef,r),id:e.id,originRect:e.originRect};return(!n(t.rect,e.rect)||!n(t.paddingRect,e.paddingRect)||!n(t.marginRect,e.marginRect))&&(i=!0),[t]});if(a.length!==e.length&&(i=!0),!i)return;let o=t.current.selectedMeasurement?.id;t.setSelectedMeasurements(a,a.find(e=>e.id===o)??a.at(-1)??null)},clearSelection(){t.checkpoint(),t.setSelectedMeasurements([],null),t.setSelectedGuideIds([]),t.setHoverTarget(null,null),t.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},toggleSelection(e){if(!e.isConnected||!E(e))return;let n=t.current.selectedMeasurements.some(t=>t.elementRef===e)?t.current.selectedMeasurements.filter(t=>t.elementRef!==e):[...t.current.selectedMeasurements,nd(e,r)];t.checkpoint(),t.setSelectedMeasurements(n,n.at(-1)??null),t.setTransient({selectionOriginRect:null})},selectGestureActive(){return t.current.toolMode===`select`&&t.current.start!==null},select:te,setHover(e){if(!e?.isConnected||!E(e)){t.setHoverTarget(null,null);return}let n=qu(e);t.setHoverTarget(e,t.current.settings.hoverHighlightEnabled?{left:n.left,top:n.top,width:n.width,height:n.height}:null)},clearHover(){t.setHoverTarget(null,null)},hoveredElement(){return t.current.hoverElement?.isConnected&&E(t.current.hoverElement)?t.current.hoverElement:null},annotations(){return m.map(xw)},annotation(e){let t=m.find(t=>t.id===e);if(!t)return null;let n=xw(t),r=[];if(n.anchor.kind===`elements`&&t.anchor.kind===`elements`){let e=t.anchor.targets;r=n.anchor.targets.map((n,r)=>({target:n,element:M(t.id,e[r])}))}return{...n,resolvedTargets:r}},annotationRect(e){let t=m.find(t=>t.id===e);if(!t)return null;if(t.anchor.kind===`region`)return ac(t.anchor.rect);let n=t.anchor.targets.map(e=>{let n=M(t.id,e);return n?qu(n):void 0}).filter(e=>e!==void 0);if(!n.length){let e=sc(t.anchor.targets.map(e=>e.lastRect));return e?ac(e):null}return sc(n.map(e=>({left:e.left,top:e.top,width:e.width,height:e.height})))},addSelectionAnnotation:ie,addRegionAnnotation:re,removeAnnotation(e,t){let n=m.findIndex(t=>t.id===e);if(n<0)return!1;let r=m[n];if(t){let e=r.replies??[];if(r.note!==t.note||e.length!==t.replies.length||e.some((e,n)=>{let r=t.replies[n];return!r||e.id!==r.id||e.text!==r.text||e.createdAt!==r.createdAt}))return!1}let[i]=m.splice(n,1);if(i.anchor.kind===`elements`)for(let e of i.anchor.targets){let t=T(i.id,e.id);v.delete(t),y.delete(t)}return m.length===0&&z(),k(),A(),!0},addAnnotationReply(e,t){let n=m.find(t=>t.id===e),i=t.trim();if(!n)throw Error(`Mesurer annotation not found: ${e}`);if(!i)throw Error(`Annotation reply cannot be empty.`);let a={id:Sw(r,`reply`),text:i,createdAt:Date.now()};return n.replies=[...n.replies??[],a],k(),A(),{...a}},updateAnnotationReply(e,t,n){let r=m.find(t=>t.id===e),i=n.trim();if(!r)throw Error(`Mesurer annotation not found: ${e}`);if(!i)throw Error(`Annotation reply cannot be empty.`);let a=r.replies??[],o=a.findIndex(e=>e.id===t);if(o<0)throw Error(`Mesurer annotation reply not found: ${t}`);let s={...a[o],text:i};return r.replies=a.map((e,t)=>t===o?s:e),k(),A(),{...s}},removeAnnotationReply(e,t){let n=m.find(t=>t.id===e);if(!n)throw Error(`Mesurer annotation not found: ${e}`);let r=n.replies??[];if(!r.some(e=>e.id===t))throw Error(`Mesurer annotation reply not found: ${t}`);let i=r.filter(e=>e.id!==t);i.length?n.replies=i:delete n.replies,k(),A()},setAnnotationStatus(e,t){let n=m.find(t=>t.id===e);if(!n)throw Error(`Mesurer annotation not found: ${e}`);n.status=t,t===`resolved`?n.resolvedAt=Date.now():delete n.resolvedAt,k(),A()},subscribe(e){return g.add(e),()=>g.delete(e)},prepareCapture(){let e=[`[data-mesurer-layer='chrome']`,`[data-mesurer-toolbar='true']`,`[data-mesurer-extension-toolbar='true']`,`[data-mesurer-inspector-ui='true']:not([data-mesurer-layer='evidence'])`,`.mesurer-color-picker`].join(`,`),t=new Set;i&&t.add(i),t.add(n);for(let n of t)for(let t of n.querySelectorAll(e))_.has(t)||(_.set(t,{value:t.style.getPropertyValue(`display`),priority:t.style.getPropertyPriority(`display`)}),t.style.setProperty(`display`,`none`,`important`))},finishCapture(){ae()},dispose(){b||(b=!0,z(),V(),ee(),r.removeEventListener(`mesurer:responsive-stage-change`,B),i?.removeEventListener(`scroll`,P,!0),ae(),v.clear(),y.clear(),m.length=0,g.clear())}}}var Tw=[`select`,`xray`,`color-picker`,`rulers`,`responsive`,`text-inspector`,`guides`,`settings`],Ew=`mesurer-plugin-settings`,Dw=e=>(e.startsWith(`mesurer.`)?e.slice(8):e).split(/[.-]/g).filter(Boolean).map(e=>e[0]?.toUpperCase()+e.slice(1)).join(` `)||e,Ow=e=>`create`in e&&typeof e.create==`function`,kw=e=>e===`select`||e===`xray`||e===`color-picker`||e===`rulers`||e===`responsive`||e===`text-inspector`||e===`guides`||e===`distance`||e===`settings`,Aw=e=>`builtin.${e}`,jw=(e,t)=>{let n=t.toLowerCase().replaceAll(`cmd`,`meta`).split(`+`).map(e=>e.trim()).filter(Boolean);if(!n.length)return!1;let r=n.at(-1),i=new Set(n.slice(0,-1)),a=i.has(`mod`),o=i.has(`meta`),s=i.has(`ctrl`)||i.has(`control`),c=i.has(`shift`),l=i.has(`alt`)||i.has(`option`);return(a?!(e.metaKey||e.ctrlKey):o!==e.metaKey||s!==e.ctrlKey)||c!==e.shiftKey||l!==e.altKey||!a&&!o&&!s&&(e.metaKey||e.ctrlKey)?!1:e.key.toLowerCase()===r},Mw=({host:e,getBuiltinController:t,getModel:n,arrangeActive:r,isBuiltinPluginId:i,onPluginError:a})=>{let o=()=>e.tools().find(e=>e.modeSwitch===!0&&e.toolbarMode===`edit`),s=null,c=async()=>{let r=s;if(s=null,!r)return;let i=t(),a=n();i&&a&&(r.toolMode===`none`&&a.current.toolMode===`select`?i.deactivate(`select`):r.toolMode&&r.toolMode!==`none`&&a.current.toolMode!==r.toolMode&&await i.run(r.toolMode),r.xrayVisible&&!a.current.xrayVisible&&await i.run(`xray`),r.rulersVisible&&!a.current.rulersVisible&&await i.run(`rulers`));for(let t of r.pluginToolIds){let n=e.tools().find(e=>e.id===t);!n||n.toolbarMode!==`select`||(n.active?.()??!1)||await e.command.execute(n.command,void 0,{source:`select-mode-restore`,toolId:n.id})}},l=async t=>{let n=o();n?.active?.()&&(await e.command.execute(n.command,void 0,{source:t,toolId:n.id}),await c())},u=async()=>{let r=t(),a=n(),o=e.tools().filter(e=>e.modeSwitch!==!0&&e.toolbarMode===`select`&&!(e.builtin&&i(e.builtin))&&!i(e.id)&&(e.active?.()??!1)).map(e=>e.id),c=a?.current.toolMode;s={toolMode:c===`none`||c===`select`||c===`text-inspector`||c===`guides`?c:null,xrayVisible:a?.current.xrayVisible??!1,rulersVisible:a?.current.rulersVisible??!1,pluginToolIds:o},r&&a&&(a.current.xrayVisible&&r.deactivate(`xray`),a.current.colorPickerActive&&r.deactivate(`color-picker`),a.current.toolMode===`text-inspector`&&r.deactivate(`text-inspector`));for(let t of o){let n=e.tools().find(e=>e.id===t);!n||!(n.active?.()??!1)||await e.command.execute(n.command,void 0,{source:`edit-mode-suspend`,toolId:n.id})}},d=async(t,n=`toolbar`)=>{if(!t.disabled?.())try{let i=t.modeSwitch===!0&&t.toolbarMode===`edit`&&!(t.active?.()??!1),a=t.modeSwitch===!0&&t.toolbarMode===`edit`&&(t.active?.()??!1);i&&await u(),t.toolbarMode===`select`&&r()&&await l(`select-mode-tool`),await e.command.execute(t.command,void 0,{source:n,toolId:t.id}),a&&!r()&&await c()}catch(e){throw a?.(e,t.id),e}};return{editModeTool:o,executeTool:d,leaveEditMode:l,runTool:(e,t=`toolbar`)=>{d(e,t).catch(()=>void 0)}}};function Nw(e){let t=en(()=>e.pluginHost),n=t??Ec(),r=!t,i=en(()=>e.version??`0.1.0`),a=t=>e.version&&t.id.startsWith(`mesurer.`)?{...t,version:i}:t,o=new Set(en(()=>e.excludePlugins??[])),s=en(()=>[...e.plugins??[]]),c=s.some(e=>e.id===`mesurer.responsive`),l=en(()=>dx([],e.excludePlugins??[]).filter(e=>!c||e.id!==`mesurer.responsive`).map(a)),u=new Map,d=new Map,f=l.find(e=>e.id===`mesurer.responsive`);f&&!u.has(f.id)&&u.set(f.id,{id:f.id,label:Dw(f.id),order:-100,enabled:!0,create:()=>f});for(let[e,t]of s.entries()){if(Ow(t)){u.set(t.id,{...t,label:t.label??Dw(t.id),order:t.order??1e3+e});continue}let n=a(t);u.set(n.id,{id:n.id,label:Dw(n.id),order:1e3+e,enabled:!0,create:()=>n})}let p=new Set;for(let e of u.values())e.enabled!==!1&&p.add(e.id);let m=new Map([...u.values()].map(e=>[e.id,new Set(e.settingsIds??[])])),h=new Map,g=new Map,_=new Set,v=new Map,y=null,b=null,x=()=>void 0,S=async()=>void 0,[C,w]=G(0),[T,E]=G(!1),[D,O]=G(!1),k=e=>(C(),n.tools().find(t=>(t.builtin===e||t.id===e)&&t.command!==Aw(e))),A=e=>(C(),T()?e===`distance`?n.overlays().some(t=>t.builtin===e||t.id===e):n.tools().some(t=>t.builtin===e||t.id===e):!o.has(e)),j=()=>(C(),n.state.get(`mesurer.arrange.active`)??!1),M=e=>!1;mo(j,e=>{e&&O(!1)});let N=lo(()=>(C(),n.tools().filter(e=>e.hidden?.()?!1:!e.builtin||!kw(e.builtin)||e.command!==Aw(e.builtin)))),P=lo(()=>{C();let e=n.settings();return[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0)).map(t=>{let r=m.get(t.id)??new Set,i=new Set(t.hiddenSettingsControlIds??[]),a=e.filter(e=>r.has(e.id)).map(e=>({...e,controls:(e.controls??[]).filter(e=>!i.has(e.id))})).filter(e=>(e.controls?.length??0)>0);return{id:t.id,label:t.label??Dw(t.id),description:t.description,error:d.get(t.id),enabled:n.has(t.id),busy:_.has(t.id),sections:a}})}),F=lo(()=>(C(),n.settings().filter(e=>e.id===Qy))),I=()=>{C();let e=[];for(let t of Tw)(!A(t)||k(t))&&e.push(`[data-mesurer-builtin='${t}']{display:none!important}`);return(!A(`guides`)||k(`guides`))&&e.push(`[data-mesurer-builtin='guides-menu']{display:none!important}`),A(`guides`)||e.push(`[data-mesurer-guide='true']{display:none!important}`),A(`distance`)||e.push(`[data-mesurer-distance='true']{display:none!important}`),A(`rulers`)||e.push(`[data-mesurer-rulers='true']{display:none!important}`),A(`color-picker`)||e.push(`.mesurer-color-picker{display:none!important}`),e.join(`
|
|
2505
|
+
`)},{editModeTool:L,executeTool:R,leaveEditMode:z,runTool:B}=Mw({host:n,getBuiltinController:()=>b,getModel:()=>y,arrangeActive:j,isBuiltinPluginId:kw,onPluginError:e.onPluginError}),V=e=>{D()&&[`arrange`,`edit`,`rulers`].includes(e)&&O(!1)},ee=async()=>{if(A(`responsive`)){if(D()){O(!1);return}j()&&await z(`responsive-open`),y?.current.toolMode!==`select`&&y?.current.toolMode!==`text-inspector`&&await b?.run(`select`),b?.clearSelection(),O(!0)}},H=(e,t)=>{V(e.id),B(e,t)},U=H,W=(t,n)=>{n.disabled?.()||(V(t.id),Promise.resolve(n.run()).catch(r=>{e.onPluginError?.(r,`${t.id}.${n.id}`)}))},te=async(t,n,r)=>{try{await n.set(r)}catch(r){e.onPluginError?.(r,`${t}.${n.id}`)}},ne=(e,t,n)=>{te(e,t,n)},re=async e=>{for(let t of n.settings()){if(e&&!e.has(t.id))continue;let n=v.get(t.id);if(n)for(let e of t.controls??[]){let r=n.get(e.id);r!==void 0&&await te(t.id,e,r)}}};return Nn(()=>{let t=!0,o=0,s=!1,c=Promise.resolve(),f=new Set,C=n,P=e,F=P.portalTarget??document.body,B=F.ownerDocument??document,V=B.defaultView??window,W=P.pageTarget??B.body,te=()=>{if(!y)throw Error(`Mesurer renderer model is unavailable for runtime bridge setup.`);return y},ne=()=>{let e=te().rendererRoot;if(!e?.isConnected)throw Error(`Mesurer renderer root is unavailable for runtime bridge setup.`);return e},ie=()=>{if(!b)throw Error(`Mesurer built-in controller is unavailable for runtime bridge setup.`);return b},ae=()=>te().current.settings.theme,oe=e=>{let t=ae();return e(t),te().subscribe(()=>{let n=ae();n!==t&&(t=n,e(n))})},se=()=>{let e=B.createElement(`div`);e.dataset.mesurerInspectorUi=`true`;let t=oe(t=>{e.dataset.theme=t});ne().append(e);let n=!1;return{element:e,dispose(){n||(n=!0,t(),e.remove())}}},ce=e=>ww({model:te(),ownerDocument:B,ownerWindow:V,uiRoot:F,pageTarget:W,persistenceKey:e?`${P.persistKey??`mesurer-plugin-settings`}:${e}:${V.location.origin}`:void 0}),le=B.createElement(`style`);le.dataset.mesurerPluginVisibility=`true`,le.dataset.mesurerInspectorUi=`true`,le.textContent=I(),F.append(le);let ue=P.persistKey?`${P.persistKey}:plugins`:Ew,de=`${ue}:availability`,fe=new Map;try{let e=V.localStorage.getItem(de);if(e){let t=JSON.parse(e);if(t?.version===1||t?.version===2||t?.version===3){for(let[e,n]of Object.entries(t.enabled??{}))(t.version!==2||e!==`mesurer.codex`)&&fe.set(e,n);for(let[e,n]of Object.entries(t.state??{}))g.set(e,n)}}}catch(e){P.onPluginError?.(e,`plugin-registry-persistence`)}let pe=()=>{let e=Object.fromEntries([...u.keys()].map(e=>[e,C.has(e)])),t=Object.fromEntries(g);try{V.localStorage.setItem(de,JSON.stringify({version:3,enabled:e,state:t}))}catch(e){P.onPluginError?.(e,`plugin-registry-persistence`)}},me=()=>{o=0;try{V.localStorage.setItem(ue,JSON.stringify(C.state.serialize(`persist`)))}catch(e){P.onPluginError?.(e,`plugin-persistence`)}},he=()=>{V.clearTimeout(o),o=V.setTimeout(me,50)},ge=()=>{o&&(V.clearTimeout(o),me())},_e=()=>ge();V.addEventListener(`pagehide`,_e);let ve=C.subscribe(e=>{if(w(e=>e+1),le.textContent=I(),D()&&(j()||n.tools().some(e=>e.id===`rulers`&&(e.active?.()??!1)))&&O(!1),(e.reason===`state`||e.reason===`history`||e.reason===`remove`||e.reason===`replace`)&&he(),T()&&!s&&(e.reason===`load`||e.reason===`remove`||e.reason===`replace`)&&pe(),e.reason===`remove`&&e.pluginId?.startsWith(`mesurer.`)){let t=e.pluginId.slice(8);kw(t)&&t!==`responsive`&&b?.deactivate(t),t===`responsive`&&O(!1)}});P.onPluginHost?.(C);let ye=async(e,n=e.id)=>{if(!t)return!1;f.add(e);try{await C.load(e),d.delete(n)}catch(e){return t&&(d.set(n,e instanceof Error?e.message:String(e)),w(e=>e+1),P.onPluginError?.(e,n)),!1}finally{f.delete(e)}return t?!0:(C.plugin(e.id)===e&&C.remove(e.id),!1)},be=e=>ye(e),xe=e=>{for(let t of C.settings())!e.has(t.id)||v.has(t.id)||v.set(t.id,new Map((t.controls??[]).map(e=>[e.id,e.value()])))},Se=async e=>{if(!t||C.has(e.id))return C.has(e.id);let n=new Set(C.settings().map(e=>e.id)),r=new Set(C.describe().state.map(e=>e.id));try{let i=a(await e.create());if(!t)return!1;if(i.id!==e.id)throw Error(`Plugin registration ${e.id} created mismatched plugin ${i.id}.`);if(!await ye(i,e.id))return!1;let o=new Set(m.get(e.id)??e.settingsIds??[]);for(let e of C.settings())n.has(e.id)||o.add(e.id);m.set(e.id,o);let s=new Set(h.get(e.id)??[]);for(let e of C.describe().state)r.has(e.id)||s.add(e.id);h.set(e.id,s),xe(o);let c=g.get(e.id);return c&&(C.state.restore(c,`persist`),g.delete(e.id)),!0}catch(n){return t&&P.onPluginError?.(n,e.id),!1}},Ce=e=>{let t=h.get(e);if(!t?.size)return;let n=C.state.serialize(`persist`),r={};for(let e of t)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e]);Object.keys(r).length&&g.set(e,r)},we=async(e,t=!0)=>C.has(e)?(await C.hook.emit(Cc,e),t?Ce(e):g.delete(e),C.remove(e)):!1,Te=async(e,t,n=!0)=>{let r=u.get(e);if(!(!r||_.has(e)||C.has(e)===t)){_.add(e),d.delete(e),w(e=>e+1);try{t?await Se(r):await we(e,n),s||pe()}finally{_.delete(e),w(e=>e+1)}}},Ee=e=>{let t=c.then(e,e);return c=t.catch(()=>void 0),t};x=(e,t)=>{Ee(async()=>{await Te(e,t)}).catch(t=>{d.set(e,t instanceof Error?t.message:String(t)),w(e=>e+1),P.onPluginError?.(t,e)})},S=()=>Ee(async()=>{s=!0;try{await re();let e=[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0));for(let t of e){let e=p.has(t.id);!C.has(t.id)&&(g.delete(t.id),!e||!await Se(t))||(await re(m.get(t.id)),e?g.delete(t.id):await we(t.id))}}finally{s=!1}o&&V.clearTimeout(o),me(),pe()});let De=e=>{let t=y?.current;return t?e===`select`?t.toolMode===`select`:e===`xray`?t.xrayVisible:e===`color-picker`?t.colorPickerActive:e===`rulers`?t.rulersVisible:e===`text-inspector`?t.toolMode===`text-inspector`:e===`guides`?t.toolMode===`guides`:e===`settings`?t.settingsOpen:e===`responsive`&&D():!1},Oe=async e=>{if(M(e))return;if(e===`responsive`){ee();return}if(D()&&e===`rulers`&&O(!1),e!==`settings`&&e!==`rulers`&&e!==`guides`&&j()&&(await z(`select-mode-builtin`),e===`select`||De(e)))return;let t=k(e);if(t){await R(t,{source:`builtin-command`,builtin:e});return}if(!A(e))return;let n=ie();if(e===`guides`&&j()&&De(`guides`)){await n.run(`select`);return}await n.run(e)};(async()=>{for(let e of l)await be(e);if(t&&(await be({id:`mesurer.runtime-bridge`,version:i,provides:[`runtime:solid`],setup(e){let t={ownerDocument:B,ownerWindow:V,portalTarget:F,pageTarget:W,rendererRoot:ne(),currentToolMode:()=>te().current.toolMode,currentToolbarMode:()=>j()?`edit`:`select`,theme:ae,subscribeTheme:oe,createWorkspaceRuntime:ce,createInspectorMount:se,createAnnotationRevealCoordinator:e=>Bd({root:ne(),ownerWindow:V,runtime:e,responsiveEnabled:()=>A(`responsive`),responsiveOpen:D,openResponsive:async()=>{D()||await ee(),await new Promise(e=>V.requestAnimationFrame(()=>e()))},closeResponsive:async()=>{D()&&O(!1),await new Promise(e=>V.requestAnimationFrame(()=>e()))}})};e.service.provide(`runtime:solid`,t),nb(e),mx(e,t),mw(e,t);for(let t of Tw)e.command.register(Aw(t),()=>Oe(t))}}),t)){for(let e of[...u.values()].sort((e,t)=>(e.order??0)-(t.order??0))){let n=fe.has(e.id)?fe.get(e.id)===!0:e.enabled!==!1;if(C.has(e.id)){n||await we(e.id);continue}if(n&&await Se(e),!t)return}v.clear();for(let e of C.settings())v.set(e.id,new Map((e.controls??[]).map(e=>[e.id,e.value()])));try{let e=V.localStorage.getItem(ue);if(e){let t=JSON.parse(e);C.state.restore(t,`persist`)}}catch(e){P.onPluginError?.(e,`plugin-persistence`)}t&&(E(!0),le.textContent=I(),P.onPluginsReady?.(C))}})();let ke=e=>{let t=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;return n&&!e.shiftKey&&!e.altKey&&t===`,`?`settings`:n||e.shiftKey||e.altKey?null:t===`s`?`select`:t===`a`?`text-inspector`:t===`g`?`guides`:t===`p`?`color-picker`:t===`x`?`xray`:t===`r`?`rulers`:t===`b`?`responsive`:null},Ae=e=>{if(Pl(e,V)||y?.current.settings.shortcutsEnabled===!1)return;let t=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;if(!n&&!e.shiftKey&&!e.altKey&&(t===`1`||t===`2`)){let n=L();if(t===`1`&&n?.active?.()){e.preventDefault(),e.stopImmediatePropagation(),U(n,`toolbar-mode-shortcut`);return}if(t===`2`&&n&&!n.disabled?.()&&!n.active?.()){e.preventDefault(),e.stopImmediatePropagation(),U(n,`toolbar-mode-shortcut`);return}}let r=ke(e);if(r===`responsive`){if(!A(`responsive`)){e.preventDefault(),e.stopImmediatePropagation();return}e.preventDefault(),e.stopImmediatePropagation(),e.repeat||Oe(`responsive`).catch(()=>void 0);return}if(r&&r!==`settings`&&j()){e.preventDefault(),e.stopImmediatePropagation(),Oe(r).catch(()=>void 0);return}if(r&&M(r)){e.preventDefault(),e.stopImmediatePropagation();return}let i=r?k(r):void 0;if(r&&i){e.preventDefault(),e.stopImmediatePropagation(),U(i,{source:`builtin-shortcut`,builtin:r});return}if((t===`h`||t===`v`)&&M(`guides`)){e.preventDefault(),e.stopImmediatePropagation();return}if((t===`h`||t===`v`)&&k(`guides`)){e.preventDefault(),e.stopImmediatePropagation();return}let a=N().find(t=>t.shortcut&&!t.disabled?.()&&jw(e,t.shortcut));if(a){e.preventDefault(),e.stopImmediatePropagation(),H(a);return}if(n&&t===`z`&&(e.shiftKey?C.redo():C.undo())){e.preventDefault(),e.stopImmediatePropagation();return}(n&&t===`,`&&!A(`settings`)||t===`s`&&!A(`select`)||t===`a`&&!A(`text-inspector`)||t===`g`&&!A(`guides`)||(t===`h`||t===`v`)&&!A(`guides`)||t===`p`&&!A(`color-picker`)||t===`x`&&!A(`xray`)||t===`r`&&!A(`rulers`)||e.key===`Alt`&&!A(`distance`))&&(e.preventDefault(),e.stopImmediatePropagation())};return V.addEventListener(`keydown`,Ae,!0),()=>{t=!1;for(let e of f)C.cancelLoad(e);f.clear(),ge(),V.removeEventListener(`pagehide`,_e),V.removeEventListener(`keydown`,Ae,!0),ve(),le.remove(),y=null,b=null,x=()=>void 0,S=async()=>void 0,r&&C.dispose()}}),Y(D_,{runtime:{plugins:P,generalSections:F,version:()=>i,setEnabled:(e,t)=>x(e,t),update:ne,reset:async()=>{await S()}},get children(){return Y(ty,{value:e=>{y=e},get children(){return Y(Xy,nc(e,{get pluginTools(){return N()},onPluginTool:e=>{H(e)},onPluginToolMenuItem:W,isBuiltinActionDisabled:M,onBuiltinController:e=>{b=e},get responsiveOpen(){return D()},responsiveShortcutsEnabled:()=>y?.current.settings.shortcutsEnabled!==!1,onResponsiveClose:()=>O(!1),onResponsiveToggle:()=>{ee()},editSelectionHover:j}))}})}})}var Pw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Fw=(e,t,n=0)=>!(e.left+e.width+n<=t.left||t.left+t.width+n<=e.left||e.top+e.height+n<=t.top||t.top+t.height+n<=e.top),Iw=(e,t,n,r,i)=>{let a=e.left+e.width,o=e.top+e.height,s=[{axis:`vertical`,space:t.width-a,points:[{left:a+r,top:e.top},{left:a+r,top:o-n}]},{axis:`vertical`,space:e.left,points:[{left:e.left-n-r,top:e.top},{left:e.left-n-r,top:o-n}]},{axis:`horizontal`,space:t.height-o,points:[{left:a-n,top:o+r},{left:e.left,top:o+r}]},{axis:`horizontal`,space:e.top,points:[{left:a-n,top:e.top-n-r},{left:e.left,top:e.top-n-r}]}];return i?s.sort((e,t)=>t.space-e.space):s},Lw=(e,t,n)=>{let r=[];for(let i=0;i<=n;i+=1){let n=i*t;for(let t of e)for(let e of t.points){if(i===0){r.push(e);continue}t.axis===`vertical`?r.push({left:e.left,top:e.top+n},{left:e.left,top:e.top-n}):r.push({left:e.left+n,top:e.top},{left:e.left-n,top:e.top})}}return r};function Rw(e,t,n={}){let r=n.markerSize??24,i=n.markerGap??4,a=n.targetGap??6,o=n.targetClearance??2,s=n.viewportPadding??4,c=n.obstacles??[],l=Math.max(0,n.maxShiftRings??2),u=n.viewportAware??!1,d=r+i,f=Math.max(s,t.width-r-s),p=Math.max(s,t.height-r-s),m=[],h=e.map(e=>e.rect),g=[];for(let n of e){let e=new Set,_=[],v=Iw(n.rect,t,r,a,u);for(let t of Lw(v,d,l)){let n=u?{left:Pw(t.left,s,f),top:Pw(t.top,s,p)}:t,r=`${n.left}:${n.top}`;e.has(r)||(e.add(r),_.push(n))}let y=_.filter(e=>{let t={...e,width:r,height:r};return h.every(e=>!Fw(t,e,o))&&c.every(e=>!Fw(t,e,i))}),b=y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Fw(t,e,i))})??y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Fw(t,e))})??y[0]??_[0]??{left:s,top:s};m.push({...b,width:r,height:r}),g.push({id:n.id,...b})}return g}function zw(e){let[t,n]=G(``),[r,i]=G(!1),a,o=()=>{let r=t().trim();r&&(e.onSubmit(r),n(``),i(!1),e.onDraftChange?.(``),a&&(a.style.height=`34px`,a.scrollTop=0,a.style.overflowY=`hidden`,a.focus()))},s=()=>{n(``),i(!1),e.onDraftChange?.(``),a&&(a.style.height=`34px`,a.scrollTop=0,a.style.overflowY=`hidden`),e.onEscape?.()};var c=X(`div`,{class:`msr:relative msr:mt-2`}),l=X(`textarea`,{rows:1,class:`msr:block msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-none msr:rounded-[5px] msr:border msr:border-ink-200 msr:px-2 msr:py-1.5 msr:text-[12px] msr:leading-5 msr:outline-none msr:placeholder:text-ink-400 msr:focus:border-[#0d99ff]`,onInput:t=>{let r=t.currentTarget;n(r.value),e.onDraftChange?.(r.value),r.style.height=`auto`;let a=r.scrollHeight>34;i(a),r.style.height=`${Math.min(128,Math.max(34,r.scrollHeight))}px`},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&!e.isComposing&&(e.stopPropagation(),e.preventDefault(),o()),e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),s())}}),u=X(`button`,{type:`button`,onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),o()},onClick:o});return Z(c,l),Z(c,u),ic(()=>e=>{a=e},l),Q(u,Y(dh,{size:16,class:`mesurer-send-icon`})),q(()=>({e:e.label,t:e.placeholder,a:t(),o:{height:`34px`,"padding-right":r()?`8px`:`36px`,"padding-bottom":r()?`32px`:`6px`,"overflow-y":`auto`,"overflow-wrap":`anywhere`,background:`var(--msr-surface)`,color:`var(--msr-content)`},i:e.label===`Reply to note`?`Send reply`:e.label,n:`${e.label===`Reply to note`?`Send reply`:e.label} · Enter`,s:!t().trim(),h:`msr:absolute msr:right-1.5 msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-full msr:bg-[#0d99ff] msr:text-white msr:outline-none msr:disabled:opacity-40 ${r()?`msr:bottom-1.5`:`msr:top-1/2 msr:-translate-y-1/2`}`}),({e,t,a:n,o:r,i,n:a,s:o,h:s},c)=>{e!==c?.e&&$(l,`aria-label`,e,c?.e),t!==c?.t&&$(l,`placeholder`,t,c?.t),n!==c?.a&&$(l,`value`,n,c?.a),r!==c?.o&&$(l,`style`,r,c?.o),i!==c?.i&&$(u,`aria-label`,i,c?.i),a!==c?.n&&$(u,`title`,a,c?.n),o!==c?.s&&$(u,`disabled`,o,c?.s),s!==c?.h&&$(u,`class`,s,c?.h)}),c}function Bw(e){let t,n,r=new WeakSet,i=e.owner.ownerDocument,a=n=>{t&&n.composedPath().includes(t)||(n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation(),e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus()))},o=t=>{t.key===`Escape`&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus()))},s=(e,t)=>{e.preventDefault(),e.stopPropagation(),r.add(e.currentTarget),t()},c=(e,t)=>{e.stopPropagation(),!r.delete(e.currentTarget)&&t()};i.defaultView?.addEventListener(`pointerdown`,a,!0),i.defaultView?.addEventListener(`keydown`,o,!0),queueMicrotask(()=>n?.focus()),Dn(()=>{i.defaultView?.removeEventListener(`pointerdown`,a,!0),i.defaultView?.removeEventListener(`keydown`,o,!0)});var l=X(`div`,{role:`dialog`,class:`mesurer-context-floating-surface msr:absolute msr:right-0 msr:top-full msr:z-[110] msr:mt-1 msr:w-48 msr:rounded-lg msr:p-3 msr:text-[12px] msr:text-[var(--msr-content)]`,onPointerDown:e=>e.stopPropagation()}),u=X(`p`),d=X(`div`,{class:`msr:mt-3 msr:flex msr:justify-end msr:gap-2`}),f=X(`button`,{type:`button`,class:`msr:rounded-control msr:px-2 msr:py-1 msr:text-[11px] msr:text-ink-700 msr:hover:bg-ink-200`,onPointerDown:t=>s(t,()=>{e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus())}),onClick:t=>c(t,()=>{e.onCancel(),queueMicrotask(()=>e.focusTarget?.focus())})}),p=X(`button`,{type:`button`,class:`msr:rounded-control msr:bg-[var(--msr-danger-bg)] msr:px-2 msr:py-1 msr:text-[11px] msr:text-[var(--msr-danger-text)] msr:hover:brightness-95`,onPointerDown:t=>s(t,e.onConfirm),onClick:t=>c(t,e.onConfirm)});return Z(l,u),Z(l,d),ic(()=>e=>{t=e},l),Q(u,()=>e.message),Z(d,f),Z(d,p),Z(f,ec(`No`)),ic(()=>e=>{n=e},f),Z(p,ec(`Yes`)),q(()=>e.ariaLabel,(e,t)=>{$(l,`aria-label`,e,t)}),l}function Vw(e){let[t,n]=G(null),[r,i]=G(``),[a,o]=G(null),[s,c]=G(``),[l,u]=G(!1),[d,f]=G([]),p=new Map,m=new Map,[h,g]=G(null),_=!1,v=new WeakSet;mo(()=>({id:e.annotation.id,replies:e.annotation.replies}),(e,t)=>{t&&e.id!==t.id&&(n(null),i(``),o(null),g(null),c(``),u(!1));let r=new Set,a=(e.replies??[]).map(e=>{r.add(e.id);let t=p.get(e.id);if(t)t.update(e);else{let[n,r]=G({...e});t={id:e.id,get text(){return n().text},get createdAt(){return n().createdAt},update:r},p.set(e.id,t)}return t});for(let e of p.keys())r.has(e)||p.delete(e);f(a)});let y=e=>{queueMicrotask(()=>m.get(e)?.focus())},b=()=>{queueMicrotask(()=>{let t=[...m.values()].find(e=>e.isConnected);t?t.focus():e.panelElement()?.querySelector(`[aria-label='Reply to note']`)?.focus()})};e.onGlobalHandlers({pointerdown:n=>{let i=e.panelElement();if(i&&n.composedPath().includes(i)){u(!1);return}if(!s().trim()&&!(t()&&r().trim())){e.onClose();return}n.preventDefault(),n.stopImmediatePropagation(),_=!0,l()?e.onClose():u(!0)},click:t=>{if(!_)return;_=!1;let n=e.panelElement();n&&t.composedPath().includes(n)||(t.preventDefault(),t.stopImmediatePropagation())},keydown:r=>{if(r.key!==`Escape`)return;let s=e.panelElement();r.preventDefault(),r.stopImmediatePropagation();let l=t();if(l){n(null),i(``),y(l);return}if(a()){let e=a();o(null),y(e);return}let u=s?.querySelector(`[aria-label='Reply to note']`);u&&(u.value=``,u.style.height=`34px`,u.scrollTop=0,u.style.overflowY=`hidden`),c(``),e.onClose()}});let x=(e,t)=>{e.preventDefault(),e.stopPropagation(),v.add(e.currentTarget),t()},S=(e,t)=>{e.stopPropagation(),!v.delete(e.currentTarget)&&t()};var C=X(`div`,{class:`msr:flex msr:min-h-0 msr:flex-1 msr:flex-col`}),w=X(`div`,{class:`msr:min-h-0 msr:flex-1 msr:overflow-y-auto msr:px-1 msr:pb-1`,"data-mesurer-annotation-thread-history":`true`}),T=X(`div`,{class:`msr:px-2 msr:pt-2 msr:text-[11px] msr:text-ink-500`}),E=X(`div`,{class:`msr:whitespace-pre-wrap msr:break-words msr:px-2 msr:pb-2 msr:pt-0.5 msr:text-[12px] msr:leading-[1.45]`}),D=X(`div`,{class:`msr:border-t msr:border-ink-100 msr:px-1 msr:pt-1`});return Z(C,w),Z(C,D),Z(w,T),Z(w,E),Q(T,Y(K,{get when(){return e.annotation.createdAt},get children(){return[(()=>{var e=X(`span`,{class:`msr:font-medium msr:text-ink-700`});return Z(e,ec(`You`)),e})(),` · `,J(()=>new Date(e.annotation.createdAt).toLocaleString())]}})),Q(E,()=>e.annotation.note),Q(w,Y(_o,{get each(){return d()},keyed:!0,children:s=>(()=>{var c=X(`div`,{class:`msr:relative msr:mt-3 msr:rounded-[5px] msr:px-2 msr:py-1.5`}),l=X(`div`,{class:`msr:flex msr:items-center msr:gap-1 msr:text-[11px] msr:text-ink-500`}),u=X(`span`,{class:`msr:flex-1`}),d=ec(`You · `),f=X(`button`,{type:`button`,title:`More actions`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:hover:bg-ink-100`,onPointerDown:e=>x(e,()=>o(a()===s.id?null:s.id)),onClick:e=>S(e,()=>o(a()===s.id?null:s.id))});return Z(c,l),Z(l,u),Z(l,f),Z(u,d),Q(u,()=>new Date(s.createdAt).toLocaleString(),null),ic(()=>e=>m.set(s.id,e),f),Q(f,Y(Ym,{size:14})),Q(c,Y(K,{get when(){return t()===s.id},get fallback(){var e=X(`div`,{class:`msr:whitespace-pre-wrap msr:break-words msr:py-1 msr:text-[12px] msr:leading-[1.45]`});return Q(e,()=>s.text),e},get children(){var t=X(`textarea`,{"aria-label":`Edit reply`,class:`msr:mt-1 msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-y msr:rounded-[5px] msr:border msr:border-ink-200 msr:bg-[var(--msr-surface)] msr:px-2 msr:py-1.5 msr:text-[12px] msr:text-[var(--msr-content)]`,onInput:e=>i(e.currentTarget.value),onKeyDown:t=>{t.stopPropagation(),t.key===`Enter`&&!t.shiftKey&&!t.isComposing&&(t.preventDefault(),r().trim()&&e.runtime.updateAnnotationReply(e.annotation.id,s.id,r()),n(null),y(s.id))}});return q(()=>r(),(e,n)=>{$(t,`value`,e,n)}),t}}),null),Q(c,Y(K,{get when(){return a()===s.id},get children(){var t=X(`div`,{class:`mesurer-context-floating-surface msr:absolute msr:right-0 msr:top-full msr:z-20 msr:mt-1 msr:w-32 msr:rounded-lg msr:p-1`,role:`menu`}),r=X(`button`,{type:`button`,class:`msr:block msr:w-full msr:rounded-control msr:px-2 msr:py-1 msr:text-left msr:text-[11px] msr:hover:bg-ink-100`,onPointerDown:t=>x(t,()=>{i(s.text),n(s.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())}),onClick:t=>S(t,()=>{i(s.text),n(s.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())})}),a=X(`button`,{type:`button`,class:`msr:block msr:w-full msr:rounded-control msr:px-2 msr:py-1 msr:text-left msr:text-[11px] msr:text-[var(--msr-danger-text)] msr:hover:bg-ink-100`,onPointerDown:e=>x(e,()=>{g(s.id),o(null)}),onClick:e=>S(e,()=>{g(s.id),o(null)})});return Z(t,r),Z(t,a),Z(r,ec(`Edit`)),Z(a,ec(`Delete`)),t}}),null),Q(c,Y(K,{get when(){return J(()=>h()===s.id)()&&e.panelElement()},get children(){return Y(Bw,{get owner(){return e.panelElement()},get focusTarget(){return m.get(s.id)},ariaLabel:`Delete reply`,message:`Delete this reply?`,onCancel:()=>g(null),onConfirm:()=>{e.runtime.removeAnnotationReply(e.annotation.id,s.id),g(null),b()}})}}),null),q(()=>({e:s.id,t:`More actions for reply ${s.id}`,a:a()===s.id?`true`:`false`}),({e,t,a:n},r)=>{e!==r?.e&&$(c,`data-mesurer-annotation-reply`,e,r?.e),t!==r?.t&&$(f,`aria-label`,t,r?.t),n!==r?.a&&$(f,`aria-expanded`,n,r?.a)}),c})()}),null),Q(D,Y(K,{get when(){return e.annotation.id},keyed:!0,children:t=>Y(zw,{label:`Reply to note`,placeholder:`Reply to note`,onSubmit:n=>{e.annotation.id===t&&e.runtime.addAnnotationReply(t,n)},onDraftChange:c,get onEscape(){return e.onClose}})}),null),Q(D,Y(K,{get when(){return l()},get children(){var e=X(`div`,{class:`msr:px-1 msr:pt-1 msr:text-[10px] msr:text-ink-500`,role:`status`});return Z(e,ec(`Press Enter or Send to save, or click outside again to discard.`)),e}}),null),C}var Hw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Uw=`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,Ww=0,Gw=e=>e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0&&e!==`none`),Kw=e=>{let t=e.ownerDocument.defaultView?.HTMLElement;return!!(t&&e instanceof t)},qw=(e,t)=>{let n=e.style.getPropertyValue(`anchor-name`),r=e.style.getPropertyPriority(`anchor-name`),i=Gw(n);i.includes(t)||e.style.setProperty(`anchor-name`,[...i,t].join(`, `),r);let a=!1;return()=>{if(a)return;a=!0;let i=Gw(e.style.getPropertyValue(`anchor-name`)).filter(e=>e!==t);i.length?e.style.setProperty(`anchor-name`,i.join(`, `),e.style.getPropertyPriority(`anchor-name`)):n.trim()===`none`?e.style.setProperty(`anchor-name`,n,r):e.style.removeProperty(`anchor-name`)}},Jw=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}},Yw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=r.innerHeight-n-8,s=e.left+e.width+i,c=e.left-t-i;return{left:s+t<=r.innerWidth-8?s:c>=8?c:Hw(e.left+e.width-t,8,a),top:Hw(e.top,8,o)}},Xw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=Hw(e.left+e.width/2-t/2,8,a),s=e.top+e.height+i;if(s+n<=r.innerHeight-8)return{left:o,top:s};let c=e.top-n-i;return c>=8?{left:o,top:c}:Yw(e,t,n,r,i)};function Zw(e){let[t,n]=G(0),[r,i]=G(0),[a,o]=G(null),[s,c]=G(null),[l,u]=G(null),[d,f]=G({}),[p,m]=G(!1),[h,g]=G(``),[_,v]=G(!1),[y,b]=G(null),[x,S]=G(!1),[C,w]=G(null),[T,E]=G(null),D=`--mesurer-annotation-trigger-${++Ww}`,O=null,k=e.initialTriggerFallback===`current-and-next`,A=null,j=null,M=null,N,P,F=null,I=null,L=!1,R=null,z=null,B=null,V=null,ee=null,H=null,U=new Map,W=()=>N?.ownerDocument.defaultView??window,te=null,ne=e=>{a()&&te?.pointerdown(e)},re=e=>{a()&&te?.click(e)},ie=e=>{e.key===`Escape`&&e.composedPath().some(e=>e instanceof Element&&e.matches(`[role='dialog']`))||a()&&te?.keydown(e)};W().document.addEventListener(`pointerdown`,ne,!0),W().document.addEventListener(`click`,re,!0),W().document.addEventListener(`keydown`,ie,!0),Dn(()=>{W().document.removeEventListener(`pointerdown`,ne,!0),W().document.removeEventListener(`click`,re,!0),W().document.removeEventListener(`keydown`,ie,!0)});let ae=Sl(W()),oe=`context-annotation-send`,se=()=>e.coordinateSpace===`viewport`,ce=e=>e?`native-anchor`:se()?`cached-delta`:`document`,le=e=>{if(se())return e;let t=W();return{left:e.left+t.scrollX,top:e.top+t.scrollY}},ue=()=>{let t=e.runtime.currentSelection();return{elements:[...t.elements],region:t.region?{...t.region}:null}},de=(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,fe=()=>{F&&=(W().document.removeEventListener(`pointerdown`,F,!0),null)},pe=()=>{fe(),A=null,g(``),v(!1),m(!1),b(null)},me=()=>{let e=W();return!!(e.CSS?.supports(`anchor-name: --mesurer-annotation-trigger`)&&e.CSS.supports(`position-anchor: --mesurer-annotation-trigger`)&&e.CSS.supports(`left: anchor(left)`))},he=()=>{let t=e.runtime.currentSelection().elements;if(!t.length)return null;let n=e.runtime.hoveredElement();return t.find(e=>e===n)??t.find(e=>n&&e.contains(n))??t[0]},ge=()=>N?.parentElement,_e=()=>{let e=ge();return e?[...e.querySelectorAll(`[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']`)].filter(e=>e!==P||z===null):[]},ve=e=>{let t=ge();return t?[...t.querySelectorAll(`[data-mesurer-annotation-id]`)].filter(t=>t.dataset.mesurerAnnotationId===e):[]},ye=e=>{let t=U.get(e);t&&(t.scroll.release(),t.releaseAnchor?.(),U.delete(e))},be=t=>{let n=e.runtime.annotation(t);return!n||n.anchor.kind!==`elements`||!e.runtime.annotationVisible(t)?null:n.resolvedTargets.find(({element:e})=>e?.isConnected&&!gv(e.ownerDocument))?.element??null},xe=e=>!!(Kw(e)&&se()&&N&&me()&&e.getRootNode()===N.getRootNode()),Se=e=>{let t=be(e),n=U.get(e);if(!t){n&&(ye(e),i(e=>e+1));return}let r=xe(t);if(n?.target===t&&!!n.anchorName===r){n.scroll.sync();return}ye(e);let a=t.ownerDocument.defaultView;if(a){if(r&&Kw(t)){let n=`--mesurer-annotation-${++Ww}`;U.set(e,{target:t,anchorName:n,releaseAnchor:qw(t,n),scroll:cm(a,t,()=>ve(e),{trackWindow:!1})})}else U.set(e,{target:t,anchorName:null,releaseAnchor:null,scroll:cm(a,t,()=>ve(e),{trackWindow:se()})});i(e=>e+1)}},Ce=()=>{let t=new Set(e.runtime.annotations().map(e=>e.id));for(let e of U.keys())t.has(e)||ye(e);for(let e of t)Se(e)},we=e=>{W().queueMicrotask(()=>Se(e))},Te=()=>{W().queueMicrotask(()=>{Ce();for(let e of U.values())e.anchorName||e.scroll.rebase()})};e.initialTriggerFallback&&(O=he());let Ee=()=>{V?.release(),V=null,B?.(),B=null,R=null,z=null},De=e=>!!(Kw(e)&&se()&&N&&e!==O&&me()&&e.getRootNode()===N.getRootNode()),Oe=()=>{let e=he();if(e&&gv(e.ownerDocument)){Ee();return}O&&e!==O&&(O=null);let t=R,n=!!(e?.isConnected&&De(e)),r=z===e;if(e===R&&e?.isConnected&&n===r){V?.sync();return}let i=e===t?D:`--mesurer-annotation-trigger-${++Ww}`;if(Ee(),!e?.isConnected)return;R=e;let a=e.ownerDocument.defaultView;if(a){if(n&&Kw(e)){B=qw(e,i),z=e,D=i,V=cm(a,e,_e,{trackWindow:!1});return}D=i,V=cm(a,e,_e,{trackWindow:se()})}},ke=e=>{if(ee?.disconnect(),ee=null,!e?.isConnected)return;let t=e.ownerDocument.defaultView;t&&(ee=new t.ResizeObserver(()=>{i(e=>e+1)}),ee.observe(e))},Ae=()=>{let e=W();H!==e&&(H?.removeEventListener(`resize`,je),H=e,H.addEventListener(`resize`,je,{passive:!0}))};function je(){i(e=>e+1)}let Me=()=>{let t=e.rendererRoot;return t?[...t.querySelectorAll(`[data-mesurer-motion-surface='true']`)].flatMap(e=>{if(!e.isConnected)return[];let t=e.getBoundingClientRect();return t.width<=0||t.height<=0?[]:[{left:t.left,top:t.top,width:t.width,height:t.height}]}):[]},Ne=e.rendererRoot,Pe=Ne?.ownerDocument.defaultView,Fe=Pe?.MutationObserver,Ie=Pe?.Element,Le=`[data-mesurer-motion-surface='true']`,Re=Fe&&Ie?new Fe(e=>{let t=e=>e instanceof Ie&&(e.matches(Le)||!!e.querySelector(Le));e.some(e=>e.type===`attributes`?e.target instanceof Ie&&e.target.matches(Le):e.target instanceof Ie&&e.target.closest(Le)?!0:[...e.addedNodes,...e.removedNodes].some(t))&&je()}):null;Ne&&Re&&Re.observe(Ne,{subtree:!0,childList:!0,attributes:!0,attributeFilter:[`style`,`hidden`]});let ze=he();ke(ze);let Be=e.runtime.subscribe(()=>en(()=>{let t=e.runtime.selectGestureActive();p()&&t?(k=!0,pe()):p()&&A!==null&&!de(A,ue())&&(O=he(),k=!1,pe());let r=he(),i=r!==ze;i&&(ze=r,ke(ze),k&&(k=!1,O=r)),Oe(),(i||r&&gv(r.ownerDocument))&&je(),n(e=>e+1),Te()}));Oe(),W().queueMicrotask(Ce),Dn(()=>{ee?.disconnect(),ee=null,fe(),H?.removeEventListener(`resize`,je),H=null,Re?.disconnect(),Ee();for(let e of U.keys())ye(e);Be()});let Ve=lo(()=>(t(),e.runtime.currentSelection())),He=lo(()=>(t(),e.runtime.annotations().filter(t=>e.runtime.annotationVisible(t.id)))),Ue=lo(()=>{let e=a();return e?He().find(t=>t.id===e)??null:null}),We=lo(()=>s()??l()??a()),Ge=e=>He().findIndex(t=>t.id===e)+1,Ke=lo(()=>{t(),r();let n=We();if(!n||!e.runtime.annotationVisible(n))return[];let i=e.runtime.annotation(n);if(!i)return[];if(i.anchor.kind===`region`)return[{...i.anchor.rect}];let a=i.resolvedTargets.flatMap(({element:e})=>{if(!e?.isConnected)return[];let t=qu(e);return[{left:t.left,top:t.top,width:t.width,height:t.height}]});if(a.length)return a;let o=e.runtime.annotationRect(n);return o?[{...o}]:[]}),qe=()=>Ve().elements.length>0||Ve().region!==null,Je=()=>{t();let e=A;return e!==null&&de(e,ue())},Ye=lo(()=>{let e=Ve(),t=e.elements.filter(e=>e.isConnected).map(e=>{let t=qu(e);return{left:t.left,top:t.top,width:t.width,height:t.height}});return e.region&&t.push({...e.region}),t}),Xe=lo(()=>Jw(Ye())),Ze=e=>e.anchor.kind===`elements`?`${e.anchor.targets.length} selected ${e.anchor.targets.length===1?`element`:`elements`}`:`Selected region`,Qe=lo(()=>{r();let t=e.runtime.currentSelection().elements;if(!t.length)return null;let n=e.runtime.hoveredElement();return t.find(e=>e===n)??t.find(e=>n&&e.contains(n))??t[0]}),$e=()=>{r();let e=Qe();if(!e?.isConnected)return null;let t=qu(e),n={left:t.left,top:t.top,width:t.width,height:t.height},i=W(),a=[...en(et).values()].map(e=>({left:e.left,top:e.top,width:24,height:24})),[o]=Rw([{id:`selection-note-trigger`,rect:n}],{width:i.innerWidth,height:i.innerHeight},{obstacles:[...a,...Me()],maxShiftRings:Math.ceil(Math.max(i.innerWidth,i.innerHeight)/28),viewportAware:!0}),s=o?.left??Hw(n.left+n.width+6,4,i.innerWidth-24-4),c=o?.top??Hw(n.top,4,i.innerHeight-24-4),l=z===e,u=se()&&!l;return{left:l||u?s:s+i.scrollX,top:l||u?c:c+i.scrollY,anchorX:s-n.left,anchorY:c-n.top,nativeAnchor:l,viewportOwned:u}},et=lo(()=>{t(),r();let n=W(),i=He().flatMap(t=>{let n=e.runtime.annotationRect(t.id);return n?[{id:t.id,rect:n}]:[]});return new Map(Rw(i,{width:n.innerWidth,height:n.innerHeight},{obstacles:Ye()}).map(e=>[e.id,e]))}),tt=e=>et().get(e)??null,nt=(e,t)=>{r();let n=U.get(e);if(!n?.anchorName||!n.target.isConnected)return{...le(t),nativeAnchor:!1};let i=qu(n.target);return{...t,nativeAnchor:!0,anchorName:n.anchorName,anchorX:t.left-i.left,anchorY:t.top-i.top}},rt=()=>{let e=Xe(),t=W();return e?Xw(e,256,160,t):{left:8,top:8}},it=()=>{r();let e=rt(),t=Qe();if(!t?.isConnected||z!==t)return{...le(e),nativeAnchor:!1};let n=qu(t);return{...e,nativeAnchor:!0,anchorName:D,anchorX:e.left-n.left,anchorY:e.top-n.top}},at=(e,t)=>{let n=W(),r=et(),i=r.get(e);if(!i)return Yw(t,272,176,n);let a=n.innerWidth-272-8,o=n.innerHeight-176-8,s=[...r.values()].map(e=>({left:e.left,top:e.top,width:24,height:24})),c=(e,t)=>Math.max(0,Math.min(e.left+e.width,t.left+t.width)-Math.max(e.left,t.left))*Math.max(0,Math.min(e.top+e.height,t.top+t.height)-Math.max(e.top,t.top)),l=new Set,u=[];for(let e of[{left:i.left+24+8,top:i.top},{left:i.left-272-8,top:i.top},{left:i.left,top:i.top+24+8},{left:i.left,top:i.top-176-8}]){let t={left:Hw(e.left,8,a),top:Hw(e.top,8,o)},n=`${t.left}:${t.top}`;l.has(n)||(l.add(n),u.push(t))}return u.map((e,n)=>{let r={...e,width:272,height:176};return{candidate:e,markerOverlap:s.reduce((e,t)=>e+c(r,t),0),targetOverlap:c(r,t),index:n}}).sort((e,t)=>e.markerOverlap-t.markerOverlap||e.targetOverlap-t.targetOverlap||e.index-t.index)[0]?.candidate??Yw(t,272,176,n)},ot=t=>{let n=e.runtime.annotationRect(t);if(!n)return{left:8,top:8};let r=d()[t];return r?{left:n.left+r.left,top:n.top+r.top}:at(t,n)},st=t=>{W().queueMicrotask(()=>{let n=e.runtime.annotationRect(t);n&&f(e=>{if(e[t])return e;let r=at(t,n);return{...e,[t]:{left:r.left-n.left,top:r.top-n.top}}})})},ct=e=>nt(e,ot(e)),lt=e=>{k=!1,A=null,m(!1),Se(e),st(e),o(e),w(null),we(e)},ut=e=>{e.stopPropagation();let t=e.currentTarget.ownerDocument.defaultView?.HTMLButtonElement,n=e.composedPath().find(e=>t&&e instanceof t);!t||!(n instanceof t)||!e.currentTarget.contains(n)||Il(n,e.pointerId)},dt=(t,n)=>{let r=t.currentTarget.ownerDocument.defaultView?.Element,i=t.target;if(t.button!==0||r&&i instanceof r&&i.closest(`button`))return;let a=t.currentTarget.parentElement;if(!a)return;let o=a.getBoundingClientRect(),s=W(),c=s.document.documentElement,l=c.style.userSelect;c.style.setProperty(`user-select`,`none`,`important`),j={surfaceId:n,pointerId:t.pointerId,startX:t.clientX,startY:t.clientY,originLeft:o.left,originTop:o.top,width:o.width,height:o.height},E(n),t.preventDefault(),t.stopPropagation();let u=t=>{if(!j||t.pointerId!==j.pointerId)return;let r=j,i=Math.max(8,s.innerWidth-r.width-8),a=Math.max(8,s.innerHeight-r.height-8),o={left:Hw(r.originLeft+t.clientX-r.startX,8,i),top:Hw(r.originTop+t.clientY-r.startY,8,a)},c=e.runtime.annotationRect(n);c&&f(e=>({...e,[n]:{left:o.left-c.left,top:o.top-c.top}}))},d=e=>{!j||e.pointerId!==t.pointerId||(c.style.userSelect=l,s.removeEventListener(`pointermove`,u),s.removeEventListener(`pointerup`,d),s.removeEventListener(`pointercancel`,d),j=null,E(null),M=null)};s.addEventListener(`pointermove`,u),s.addEventListener(`pointerup`,d),s.addEventListener(`pointercancel`,d),M=()=>{c.style.userSelect=l,s.removeEventListener(`pointermove`,u),s.removeEventListener(`pointerup`,d),s.removeEventListener(`pointercancel`,d),E(null)}};Dn(()=>{M?.(),M=null,j=null});let ft=async(e,t)=>{if(!x()){S(!0),w(null);try{await e(),w(t)}catch(e){w(e instanceof Error?e.message:String(e))}finally{S(!1)}}},pt=pe,mt=()=>{qe()&&(k=!1,A=ue(),g(``),v(!1),b(null),w(null),o(null),m(!0),F=e=>{let t=ge()?.querySelector(`[data-mesurer-annotation-composer='true']`),n=W().Node;if(!(t&&n&&e.target instanceof n&&t.contains(e.target))){if(h().trim()&&!y()){b(`Press Enter or Send to save, or Escape to discard.`);return}ht()}},W().document.addEventListener(`pointerdown`,F,!0),W().queueMicrotask(()=>V?.sync()))},ht=()=>{let e=p();A!==null&&!de(A,ue())?(O=he(),k=!1,Oe(),je()):e&&(k=!1),pt()},gt=()=>{p()&&(k=!0,pt())},_t=()=>{if(!(!h().trim()||x()))try{let t=e.runtime.addSelectionAnnotation(h());k=!1,A=null,g(``),v(!1),b(null),m(!1),fe(),Se(t.id),st(t.id),o(t.id),w(null),we(t.id)}catch(e){b(e instanceof Error?e.message:String(e))}},vt={openNoteComposer:mt,closeNoteComposer:ht,abandonNoteComposer:gt,openAnnotation:lt};return e.onController?.(vt),Dn(()=>e.onController?.(null)),[(()=>{var e=X(`span`,{"aria-hidden":`true`,style:{display:`none`}});return ic(()=>e=>{N=e,Ae(),Oe()},e),e})(),Y(K,{get when(){return J(()=>Ve().elements.length>0)()&&!p()},get children(){return Y(K,{get when(){return Qe()},keyed:!0,children:e=>Y(K,{get when(){return $e()},children:e=>(()=>{var t=X(`button`,{type:`button`,"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-trigger":`true`,"aria-label":`Annotate selection`,title:`Annotate selection`,class:`msr:pointer-events-auto msr:z-[95] msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]`,onPointerDown:e=>{e.stopPropagation(),I=e.pointerId,L=!1,Il(e.currentTarget,e.pointerId)},onPointerMove:e=>{if(I!==e.pointerId)return;let t=e.currentTarget.getBoundingClientRect();L=e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom},onPointerUp:e=>{if(e.stopPropagation(),I===e.pointerId){let t=e.currentTarget.getBoundingClientRect();L=e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),I=null}},onPointerCancel:e=>{e.stopPropagation(),L=!0,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),I===e.pointerId&&(I=null)},onClick:e=>{if(e.stopPropagation(),L){L=!1;return}mt()}});return ic(()=>e=>{P=e,V?.sync()},t),Q(t,Y(uh,{size:14})),q(()=>({e:se()?`viewport`:`document`,t:ce(e().nativeAnchor),a:{position:e().nativeAnchor||e().viewportOwned?`fixed`:`absolute`,left:e().nativeAnchor?`calc(anchor(left) + ${e().anchorX}px)`:`${e().left}px`,top:e().nativeAnchor?`calc(anchor(top) + ${e().anchorY}px)`:`${e().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":e().nativeAnchor?D:void 0,"z-index":`2147483647`}}),({e,t:n,a:r},i)=>{e!==i?.e&&$(t,`data-mesurer-context-coordinate-space`,e,i?.e),n!==i?.t&&$(t,`data-mesurer-annotation-scroll-mode`,n,i?.t),r!==i?.a&&$(t,`style`,r,i?.a)}),t})()})})}}),Y(K,{get when(){return J(()=>!!(p()&&Je()))()?Xe():p()&&Je()},get children(){return Y(K,{get when(){return it()},children:e=>(()=>{var t=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-composer":`true`,class:`mesurer-menu-surface msr:pointer-events-auto msr:z-[95] msr:w-64 msr:max-w-[calc(100vw-16px)] msr:rounded-lg msr:border msr:border-ink-200 msr:bg-white msr:p-2 msr:text-black`,onPointerDown:ut,onClick:e=>e.stopPropagation()}),n=X(`div`,{class:`msr:relative`}),r=X(`textarea`,{autofocus:!0,rows:1,"aria-label":`Note`,placeholder:`Add a note`,onInput:e=>{let t=e.currentTarget;g(t.value),b(null),t.style.height=`auto`,t.style.paddingRight=`36px`,t.style.paddingBottom=`6px`;let n=t.scrollHeight>34;t.style.paddingRight=n?`8px`:`36px`,t.style.paddingBottom=n?`32px`:`6px`,v(n),t.style.height=`${Math.min(128,Math.max(34,t.scrollHeight))}px`,t.style.overflowY=t.scrollHeight>128?`auto`:`hidden`},onKeyDown:e=>{if(e.stopPropagation(),e.key===`Enter`&&!e.shiftKey&&!e.isComposing){e.preventDefault(),_t();return}e.key===`Escape`&&(e.preventDefault(),ht())},class:`msr:block msr:box-border msr:min-h-[34px] msr:max-h-32 msr:w-full msr:resize-none msr:rounded-[7px] msr:border msr:border-ink-200 msr:px-2 msr:py-1.5 msr:text-[12px] msr:leading-5 msr:outline-none msr:placeholder:text-ink-400 msr:focus:border-[#0d99ff]`,style:{height:`34px`,"padding-right":`36px`,"padding-bottom":`6px`,"overflow-y":`hidden`,"overflow-wrap":`anywhere`,"word-break":`break-word`,background:`var(--msr-surface)`,color:`var(--msr-content)`}}),i=X(`button`,{type:`button`,"aria-label":`Add note`,title:`Add note · Enter`,"data-mesurer-annotation-send":`true`,onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>h().trim()&&ae.onTooltipEnter(oe),onMouseLeave:()=>ae.onTooltipLeave(),onFocus:()=>h().trim()&&ae.onTooltipEnter(oe),onBlur:()=>ae.onTooltipLeave(),onClick:_t});return Z(t,n),Z(n,r),Z(n,i),ic(()=>e=>W().queueMicrotask(()=>e.focus()),r),Q(i,Y(dh,{size:16,class:`mesurer-send-icon`}),null),Q(i,Y(xl,{label:`Add note`,shortcut:`Enter`,get visible(){return ae.visibleTooltipId()===oe},get instant(){return ae.tooltipInstant()},class:`msr:z-10`}),null),Q(t,Y(K,{get when(){return y()},children:e=>(()=>{var t=X(`div`,{class:`msr:mt-1.5 msr:px-1 msr:text-[10px] msr:text-red-600`});return Q(t,e),t})()}),null),q(()=>({e:se()?`viewport`:`document`,t:ce(e().nativeAnchor),a:{position:e().nativeAnchor||se()?`fixed`:`absolute`,left:e().nativeAnchor?`calc(anchor(left) + ${e().anchorX}px)`:`${e().left}px`,top:e().nativeAnchor?`calc(anchor(top) + ${e().anchorY}px)`:`${e().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":e().nativeAnchor?e().anchorName:void 0,"z-index":`2147483647`},o:h(),i:!h().trim()||x(),n:`msr:absolute msr:right-1.5 msr:outline-none msr:disabled:cursor-default ${_()?`msr:bottom-1.5`:`msr:top-1/2 msr:-translate-y-1/2`}`}),({e,t:n,a,o,i:s,n:c},l)=>{e!==l?.e&&$(t,`data-mesurer-context-coordinate-space`,e,l?.e),n!==l?.t&&$(t,`data-mesurer-annotation-scroll-mode`,n,l?.t),a!==l?.a&&$(t,`style`,a,l?.a),o!==l?.o&&$(r,`value`,o,l?.o),s!==l?.i&&$(i,`disabled`,s,l?.i),c!==l?.n&&$(i,`class`,c,l?.n)}),t})()})}}),Y(_o,{get each(){return Ke()},children:e=>{let t=()=>We(),n=()=>{let n=t();return n?nt(n,{left:e.left,top:e.top}):{...le({left:e.left,top:e.top}),nativeAnchor:!1}};var r=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-target-highlight":`true`,"aria-hidden":`true`,class:`msr:pointer-events-none`});return q(()=>({e:t()??void 0,t:ce(n().nativeAnchor),a:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,width:`${e.width}px`,height:`${e.height}px`,"box-sizing":`border-box`,border:`1.5px solid #0d99ff`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,"z-index":`2147483645`}}),({e,t,a:n},i)=>{e!==i?.e&&$(r,`data-mesurer-annotation-id`,e,i?.e),t!==i?.t&&$(r,`data-mesurer-annotation-scroll-mode`,t,i?.t),n!==i?.a&&$(r,`style`,n,i?.a)}),r}}),Y(_o,{get each(){return He()},children:(e,t)=>{let n=()=>tt(e.id),r=()=>{let t=n();return t?nt(e.id,t):null},i=()=>We()===e.id,o=()=>We()!==null&&!i();return Y(K,{get when(){return r()},children:n=>(()=>{var r=X(`button`,{type:`button`,"data-mesurer-layer":`evidence`,"data-mesurer-annotation-marker":`true`,onPointerEnter:()=>{c(e.id),we(e.id)},onPointerLeave:()=>c(t=>t===e.id?null:t),onFocus:()=>{u(e.id),we(e.id)},onBlur:()=>u(t=>t===e.id?null:t),onPointerDown:t=>{t.preventDefault(),t.stopPropagation(),lt(e.id)},onPointerUp:e=>e.stopPropagation(),onClick:t=>{t.preventDefault(),t.stopPropagation(),lt(e.id)},class:`msr:pointer-events-auto msr:z-[94] msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:border-0 msr:bg-transparent msr:p-0 msr:outline-none`}),s=X(`span`,{"data-mesurer-annotation-badge":`true`,"aria-hidden":`true`,class:`msr:flex msr:h-5 msr:w-5 msr:items-center msr:justify-center msr:rounded-[6px] msr:border msr:text-[10px] msr:font-semibold msr:leading-none`});return Z(r,s),Q(s,()=>t()+1),q(()=>({e:e.id,t:t()+1,a:i()?`true`:void 0,o:o()?`true`:void 0,i:e.status??`open`,n:ce(n().nativeAnchor),s:se()?`viewport`:`document`,h:`Mesurer annotation ${t()+1}: ${e.note}`,r:e.note,d:a()===e.id?`true`:`false`,l:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,opacity:o()||e.status===`resolved`?`0.48`:`1`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,transition:`opacity 150ms ease`,"z-index":`2147483647`},u:{border:e.status===`resolved`?`1px solid #8b919a`:`1px solid #0d99ff`,color:i()&&e.status!==`resolved`?`white`:e.status===`resolved`?`#747b84`:`#0d99ff`,background:i()&&e.status!==`resolved`?`#0d99ff`:`var(--msr-surface)`,transform:i()?`scale(1.2)`:`scale(1)`,"box-shadow":i()?`0 3px 10px rgba(13, 153, 255, 0.28)`:`0 1px 3px rgba(15, 23, 42, 0.12)`,transition:`transform 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease`,"font-variant-numeric":`tabular-nums`}}),({e,t,a:n,o:i,i:a,n:o,s:c,h:l,r:u,d,l:f,u:p},m)=>{e!==m?.e&&$(r,`data-mesurer-annotation-id`,e,m?.e),t!==m?.t&&$(r,`data-mesurer-annotation-number`,t,m?.t),n!==m?.a&&$(r,`data-mesurer-annotation-highlighted`,n,m?.a),i!==m?.o&&$(r,`data-mesurer-annotation-muted`,i,m?.o),a!==m?.i&&$(r,`data-mesurer-annotation-status`,a,m?.i),o!==m?.n&&$(r,`data-mesurer-annotation-scroll-mode`,o,m?.n),c!==m?.s&&$(r,`data-mesurer-context-coordinate-space`,c,m?.s),l!==m?.h&&$(r,`aria-label`,l,m?.h),u!==m?.r&&$(r,`title`,u,m?.r),d!==m?.d&&$(r,`aria-expanded`,d,m?.d),f!==m?.l&&$(r,`style`,f,m?.l),p!==m?.u&&$(s,`style`,p,m?.u)}),r})()})}}),Y(K,{get when(){return Ue()},children:t=>{let n=()=>ct(t().id),r=()=>Ge(t().id),i=!1,a=null,s,[l,d]=G(!1),p=()=>{let e=a?.querySelector(`[aria-label='Reply to note']`);e&&(e.value=``,e.style.height=`34px`,e.scrollTop=0,e.style.overflowY=`hidden`),o(null),w(null)},m=()=>e.runtime.setAnnotationStatus(t().id,t().status===`resolved`?`open`:`resolved`);var h=X(`div`,{"data-mesurer-layer":`chrome`,"data-mesurer-inspector-ui":`true`,"data-mesurer-annotation-panel":`true`,class:`mesurer-menu-surface msr:pointer-events-auto msr:z-[95] msr:flex msr:w-[272px] msr:max-h-[calc(100vh-16px)] msr:flex-col msr:rounded-[10px] msr:border msr:border-ink-200 msr:p-1.5`,onClick:e=>e.stopPropagation()}),g=X(`div`,{class:`msr:flex msr:h-8 msr:shrink-0 msr:items-center msr:gap-1.5 msr:border-b msr:border-ink-100 msr:px-1`,"aria-label":`Drag annotation panel`,onPointerDown:e=>dt(e,t().id)}),_=X(`span`,{"data-mesurer-annotation-panel-badge":`true`,"aria-hidden":`true`,class:`msr:flex msr:h-[18px] msr:w-[18px] msr:items-center msr:justify-center msr:rounded-[5px] msr:text-[9px] msr:font-semibold msr:leading-none msr:text-white`,style:{background:`#0d99ff`,"font-variant-numeric":`tabular-nums`}}),v=X(`div`,{class:`msr:min-w-0 msr:flex-1 msr:leading-4`}),y=X(`div`,{class:`msr:truncate msr:text-[11px] msr:font-medium msr:leading-4 msr:text-ink-700`}),b=ec(`Note `),S=X(`div`,{class:`msr:truncate msr:whitespace-nowrap msr:text-[9px] msr:leading-3 msr:text-ink-500`}),E=X(`div`,{class:`msr:flex msr:shrink-0 msr:items-center msr:gap-1`}),D=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Copy annotation context`,title:`Copy context`,onClick:()=>void ft(()=>e.onCopy({annotation:t().id}),`Copied`)}),O=X(`button`,{type:`button`,onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),i=!0,m()},onClick:()=>{if(i){i=!1;return}m()}}),k=X(`div`,{class:`msr:relative`}),A=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Delete annotation`,title:`Delete`,onClick:()=>d(!0)}),j=X(`button`,{type:`button`,class:`msr:flex msr:size-5 msr:items-center msr:justify-center msr:rounded-control msr:border-0 msr:bg-transparent msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Close annotation`,title:`Close`,onClick:()=>{p()}});return Z(h,g),ic(()=>e=>{a=e},h),Z(g,_),Z(g,v),Z(g,E),Q(_,r),Z(v,y),Z(v,S),Z(y,b),Q(y,r,null),Q(S,()=>Ze(t()),null),Q(S,(()=>{var e=J(()=>!!t().replies?.length);return()=>e()?` · ${t().replies.length} replies`:``})(),null),Z(E,D),Z(E,O),Z(E,k),Z(E,j),Q(D,Y(lh,{size:14})),Q(O,Y(Jm,{size:14,get resolved(){return t().status===`resolved`}})),Z(k,A),ic(()=>e=>{s=e},A),Q(A,Y(fh,{size:14})),Q(k,Y(K,{get when(){return l()&&a},get children(){return Y(Bw,{owner:a,focusTarget:s,ariaLabel:`Delete note`,message:`Delete this note?`,onCancel:()=>d(!1),onConfirm:()=>{let n=t().id;e.runtime.removeAnnotation(n),d(!1),f(e=>{let t={...e};return delete t[n],t}),ye(n),c(e=>e===n?null:e),u(e=>e===n?null:e),p()}})}}),null),Q(j,Y(ph,{size:14})),Q(h,Y(Vw,{get annotation(){return t()},get runtime(){return e.runtime},panelElement:()=>a,onGlobalHandlers:e=>{te=e},onClose:p}),null),Q(h,Y(K,{get when(){return C()},children:e=>(()=>{var t=X(`div`,{class:`msr:mt-1.5 msr:px-1 msr:text-[10px] msr:text-ink-500`,role:`status`});return Q(t,e),t})()}),null),q(()=>({e:t().id,t:ce(n().nativeAnchor),a:se()?`viewport`:`document`,o:{position:n().nativeAnchor||se()?`fixed`:`absolute`,left:n().nativeAnchor?`calc(anchor(left) + ${n().anchorX}px)`:`${n().left}px`,top:n().nativeAnchor?`calc(anchor(top) + ${n().anchorY}px)`:`${n().top}px`,translate:`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,"position-anchor":n().nativeAnchor?n().anchorName:void 0,"z-index":`2147483646`,background:`var(--msr-surface)`,color:`var(--msr-content)`,"box-shadow":`var(--msr-shadow-floating)`},i:{cursor:T()===t().id?`grabbing`:`grab`},n:x(),s:t().status===`resolved`?`Reopen note`:`Resolve note`,h:t().status===`resolved`?`Reopen`:`Mark as resolved`,r:t().status===`resolved`?`true`:`false`,d:`${Uw} ${t().status===`resolved`?`msr:text-ink-700`:``}`,l:l()?`true`:`false`}),({e,t,a:n,o:r,i,n:a,s:o,h:s,r:c,d:l,l:u},d)=>{e!==d?.e&&$(h,`data-mesurer-annotation-id`,e,d?.e),t!==d?.t&&$(h,`data-mesurer-annotation-scroll-mode`,t,d?.t),n!==d?.a&&$(h,`data-mesurer-context-coordinate-space`,n,d?.a),r!==d?.o&&$(h,`style`,r,d?.o),i!==d?.i&&$(g,`style`,i,d?.i),a!==d?.n&&$(D,`disabled`,a,d?.n),o!==d?.s&&$(O,`aria-label`,o,d?.s),s!==d?.h&&$(O,`title`,s,d?.h),c!==d?.r&&$(O,`aria-pressed`,c,d?.r),l!==d?.d&&$(O,`class`,l,d?.d),u!==d?.l&&$(A,`aria-expanded`,u,d?.l)}),h}})]}function Qw(e){let t=null;return Dn($v(e.ownerWindow,()=>{t?.abandonNoteComposer()})),Y(Zw,{get runtime(){return e.runtime},get onCopy(){return e.onCopy},get initialTriggerFallback(){return e.initialTriggerFallback},get coordinateSpace(){return e.coordinateSpace},get rendererRoot(){return e.rendererRoot},onController:n=>{t=n,e.onController?.(n)}})}var $w={border:`0`,borderRadius:`5px`,background:`transparent`,color:`var(--msr-content)`,cursor:`pointer`,font:`inherit`};function eT(e){let[t,n]=G(0),[r,i]=G(``),[a,o]=G(`open`),[s,c]=G(null),[l,u]=G({}),d=null,f=null;Dn(e.runtime.subscribe(()=>{n(e=>e+1);let t=en(s);t&&!e.runtime.annotations().some(e=>e.id===t)&&(e.onCancel(),c(null))}));let p=lo(()=>(t(),e.runtime.annotations().map((e,t)=>({annotation:e,index:t})).filter(({annotation:e})=>a()===`all`||(e.status??`open`)===a()).filter(({annotation:e})=>{let t=r().trim().toLocaleLowerCase();return!t||[e.note,...(e.replies??[]).map(({text:e})=>e)].some(e=>e.toLocaleLowerCase().includes(t))}).sort((e,t)=>{let n=e=>e.replies?.at(-1)?.createdAt??e.createdAt;return n(t.annotation)-n(e.annotation)||e.index-t.index}).map(({annotation:e})=>e))),m=()=>{let t=(e.rendererRoot?.querySelector(`[data-mesurer-tool-id="context.notes"]`))?.getBoundingClientRect(),n=e.ownerWindow,r=t?Math.max(8,Math.min(n.innerWidth-288-8,t.left)):Math.max(8,n.innerWidth-288-16),i=t?Math.max(8,Math.min(n.innerHeight-280,t.bottom+8)):72;return{left:`${r}px`,top:`${i}px`}},h=async t=>{c(t.id),u(e=>({...e,[t.id]:`Opening…`}));let n;try{n=await e.onReveal(t)}catch(e){n={status:`refused`,message:e instanceof Error?e.message:`This note could not be revealed.`}}n.status===`revealed`?(u(e=>{let n={...e};return delete n[t.id],n}),e.onOpenAnnotation(t.id)):n.status===`cancelled`?u(e=>{let n={...e};return delete n[t.id],n}):u(e=>({...e,[t.id]:n.message})),s()===t.id&&c(null)},g=t=>{let n=d;if(!n)return;d=null;let r=Math.hypot(t.clientX-n.x,t.clientY-n.y),i=e.runtime.annotations().find(e=>e.id===n.id);r>8||!i||(f=n.id,h(i))},_=()=>{e.onCancel(),e.onOpenChange(!1),e.ownerWindow.queueMicrotask(()=>{e.rendererRoot?.querySelector(`button[data-mesurer-tool-id="context.notes"]`)?.focus()})};e.ownerWindow.addEventListener(`pointerup`,g,!0),Dn(()=>e.ownerWindow.removeEventListener(`pointerup`,g,!0));let v=t=>{if(t.key!==`Escape`||!e.open||e.rendererRoot?.querySelector(`[data-mesurer-annotation-panel='true']`))return;let n=t.target;if(n instanceof HTMLInputElement&&n.type===`search`&&n.value){n.value=``,n.dispatchEvent(new Event(`input`,{bubbles:!0})),t.preventDefault(),t.stopImmediatePropagation();return}t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),_()};return e.ownerWindow.addEventListener(`keydown`,v,!0),Dn(()=>e.ownerWindow.removeEventListener(`keydown`,v,!0)),Y(K,{get when(){return e.open},get children(){var t=X(`section`,{role:`dialog`,"aria-label":`Notes`,"data-mesurer-inspector-ui":`true`,"data-mesurer-notes-panel":`true`,onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),c=X(`header`,{style:{display:`flex`,"align-items":`center`,gap:`8px`,padding:`10px 12px`,"border-bottom":`1px solid var(--msr-color-ink-100)`}}),u=X(`strong`,{style:{flex:`1`,"font-size":`12px`}}),g=X(`select`,{"aria-label":`Filter notes`,onChange:e=>{let t=e.currentTarget.value;(t===`open`||t===`resolved`||t===`all`)&&o(t),n(e=>e+1)},style:{border:`0`,background:`transparent`,color:`inherit`,"font-size":`11px`}}),v=X(`option`,{value:`open`}),y=X(`option`,{value:`resolved`}),b=X(`option`,{value:`all`}),x=X(`button`,{type:`button`,"aria-label":`Close Notes`,onClick:_}),S=X(`div`,{style:{padding:`8px 10px`}}),C=X(`input`,{type:`search`,"aria-label":`Search notes`,placeholder:`Search notes`,onInput:e=>i(e.currentTarget.value),style:{width:`100%`,"box-sizing":`border-box`,height:`30px`,padding:`0 8px`,border:`1px solid var(--msr-color-ink-200)`,"border-radius":`5px`,background:`var(--msr-surface-raised)`,color:`inherit`,"font-size":`11px`}});return Z(t,c),Z(t,S),Z(c,u),Z(c,g),Z(c,x),Q(c,Y(uh,{size:14}),u),Z(u,ec(`Notes`)),Z(g,v),Z(g,y),Z(g,b),Z(v,ec(`Open`)),Z(y,ec(`Resolved`)),Z(b,ec(`All`)),Q(x,Y(ph,{size:12})),Z(S,C),Q(t,Y(K,{get when(){return p().length},get fallback(){var e=X(`p`,{style:{padding:`18px 12px`,margin:`0`,"text-align":`center`,color:`var(--msr-color-ink-500)`}});return Q(e,(()=>{var e=J(()=>!!r().trim());return()=>e()?`No matching notes.`:J(()=>a()===`resolved`)()?`No resolved notes.`:a()===`open`?`No open notes.`:`No notes yet.`})()),e},get children(){var t=X(`ul`,{"aria-label":`Saved notes`,style:{margin:`0`,padding:`0`,"min-height":`0`,overflow:`auto`,"list-style":`none`}});return Q(t,Y(_o,{get each(){return p()},children:(t,n)=>{let r=t.anchor.kind===`elements`?t.anchor.targets.find(e=>e.viewport)?.viewport:void 0,i=(t.status??`open`)===`resolved`,a=e.runtime.annotation(t.id)?.resolvedTargets.some(({element:e})=>e?.isConnected)??!1,o=!!e.rendererRoot?.querySelector(`[data-mesurer-responsive-stage]`),c=r?o?a?``:`Target not found`:`Preview not open`:a||t.anchor.kind===`region`?``:`Target not found`;var u=X(`li`,{style:{padding:`8px 12px`,"border-top":`1px solid var(--msr-color-ink-100)`,opacity:i?`0.62`:`1`}}),p=X(`button`,{type:`button`,onPointerDown:e=>{d={id:t.id,x:e.clientX,y:e.clientY},f=null},onClick:()=>{if(f===t.id){f=null;return}h(t)}}),m=X(`span`,{style:{width:`100%`,overflow:`hidden`,display:`-webkit-box`,"-webkit-line-clamp":`2`,"-webkit-box-orient":`vertical`,"overflow-wrap":`anywhere`,"line-height":`16px`}}),g=X(`span`,{style:{color:`var(--msr-color-ink-500)`,"font-size":`10px`}}),_=ec(` `);return Z(u,p),Z(p,m),Z(p,g),Q(m,()=>t.note),Z(g,_),Q(g,()=>t.replies?.length??0,_),Q(g,()=>(t.replies?.length??0)===1?`reply`:`replies`,null),Q(g,()=>r?` · ${r.width} × ${r.height} preview`:``,null),Q(g,i?` · Resolved`:``,null),Q(g,c?` · ${c}`:``,null),Q(u,Y(K,{get when(){return l()[t.id]},get children(){var e=X(`span`,{role:`status`,style:{display:`block`,"margin-top":`4px`,color:`var(--msr-color-ink-500)`,"font-size":`10px`}});return Q(e,()=>l()[t.id]),e}}),null),q(()=>({e:t.id,t:`Note ${n()+1}: ${t.note}`,a:s()===t.id,o:{...$w,display:`flex`,width:`100%`,"flex-direction":`column`,"align-items":`flex-start`,gap:`4px`,padding:`0`,"text-align":`left`}}),({e,t,a:n,o:r},i)=>{e!==i?.e&&$(p,`data-mesurer-note-id`,e,i?.e),t!==i?.t&&$(p,`aria-label`,t,i?.t),n!==i?.a&&$(p,`disabled`,n,i?.a),r!==i?.o&&$(p,`style`,r,i?.o)}),u}})),t}}),null),q(()=>({e:{position:`fixed`,...m(),width:`288px`,"max-height":`min(70vh, 560px)`,display:`flex`,"flex-direction":`column`,overflow:`hidden`,"box-sizing":`border-box`,"z-index":`2147483647`,background:`var(--msr-surface)`,color:`var(--msr-content)`,border:`1px solid var(--msr-color-ink-100)`,"border-radius":`9px`,"box-shadow":`var(--msr-shadow-floating)`,"font-family":`ui-sans-serif, system-ui, sans-serif`,"font-size":`12px`,"pointer-events":`auto`},t:a(),a:{...$w,width:`24px`,height:`24px`},o:r()}),({e,t:n,a:r,o:i},a)=>{e!==a?.e&&$(t,`style`,e,a?.e),n!==a?.t&&$(g,`value`,n,a?.t),r!==a?.a&&$(x,`style`,r,a?.a),i!==a?.o&&$(C,`value`,i,a?.o)}),t}})}var tT=`2147482950`,nT=`2147483646`,rT=`2147483647`;function iT(e){let{ownerDocument:t,ownerWindow:n,pageTarget:r}=e,i=t.body;if(!(i&&!(r instanceof n.ShadowRoot)&&r.getRootNode()===t))return e.createInspectorMount();Sf(Cf,i);let a=t.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerDocumentInspectorMount=`true`,a.dataset.theme=e.theme?.()??`system`;let o=e.subscribeTheme?.(e=>{a.dataset.theme=e})??(()=>void 0);Object.assign(a.style,{position:`absolute`,left:`0px`,top:`0px`,width:`0px`,height:`0px`,overflow:`visible`});let s=t.createElement(`style`);s.dataset.mesurerDocumentInspectorLayerStyle=`true`,s.textContent=`
|
|
2500
2506
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
|
|
2501
2507
|
position: absolute !important;
|
|
2502
|
-
z-index: ${
|
|
2508
|
+
z-index: ${tT} !important;
|
|
2503
2509
|
}
|
|
2504
2510
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
|
|
2505
2511
|
position: absolute !important;
|
|
2506
|
-
z-index: ${
|
|
2512
|
+
z-index: ${nT} !important;
|
|
2507
2513
|
}
|
|
2508
2514
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
|
|
2509
2515
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
|
|
2510
2516
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
|
|
2511
2517
|
position: absolute !important;
|
|
2512
|
-
z-index: ${
|
|
2518
|
+
z-index: ${rT} !important;
|
|
2513
2519
|
}
|
|
2514
|
-
`,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(`
|
|
2515
|
-
`).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}: ${
|
|
2516
|
-
`).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(`
|
|
2517
|
-
`).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__);
|
|
2520
|
+
`,t.head.append(s),i.append(a);let c=!1;return{element:a,dispose(){c||(c=!0,o(),s.remove(),a.remove())}}}var aT=e=>`color-mix(in srgb, ${e.color} ${e.opacity*100}%, transparent)`,oT=e=>e===`max`?`end`:e===`center`?`center`:`start`,sT=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=oT(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 cT(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":aT(e)}),(e,n)=>{$(t,`style`,e,n)}),t})()})),q(()=>({e:e.id,t:e.kind,a:sT(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, ${aT(e)} 1px, transparent 1px), linear-gradient(to bottom, ${aT(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 lT=`#FF0000`,uT=.1,dT=new Set([`columns`,`rows`,`grid`]),fT=new Set([`stretch`,`min`,`center`,`max`]),pT=(e,t,n)=>Math.min(n,Math.max(t,e)),mT=(e,t)=>e!==void 0&&Number.isFinite(e)?e:t,hT=(e={})=>{let t=e.kind&&dT.has(e.kind)?e.kind:`columns`,n=e.align&&fT.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:pT(mT(e.opacity,uT),0,1),count:pT(Math.round(mT(e.count,5)),1,24),size:pT(mT(e.size,72),1,4096),gutter:pT(mT(e.gutter,20),0,800),offset:pT(mT(e.offset,0),0,4096),align:n}},gT=e=>(e??[]).map(hT),_T=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)`},vT=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})(),yT=e=>e.kind===`rows`?Y(ih,{size:14}):e.kind===`grid`?Y(nh,{size:14}):Y(rh,{size:14}),bT=`msr:grid-cols-[78px_minmax(0,1fr)]`,xT=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})(),ST=e=>(()=>{var t=X(`span`,{class:`msr:relative msr:block msr:w-full`}),n=X(`select`,{class:s_,onPointerDown:e=>e.stopPropagation(),onChange:t=>e.onChange(t.currentTarget.value)});return Z(t,n),Q(n,()=>e.children),Q(t,Y(c_,{}),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})(),CT=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(l_,{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}})},wT=e=>e===`rows`||e===`grid`?e:`columns`,TT=e=>e===`min`||e===`center`||e===`max`?e:`stretch`,ET=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(ST,{label:`Layout guide type`,get value(){return e.guide.kind},onChange:t=>{let n=wT(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(vT,{})),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(xT,{label:`Count`,get children(){return Y(CT,{label:`Count`,get value(){return e.guide.count},min:1,max:24,onChange:t=>e.onUpdate({count:t})})}})}}),null),Q(r,Y(u_,{label:`Color`,columns:bT,get value(){return Nc({...jc(e.guide.color)??jc(`#FF0000`),alpha:e.guide.opacity})},fallback:lT,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(xT,{label:`Type`,get children(){return Y(ST,{label:`Alignment`,get value(){return e.guide.align},onChange:t=>e.onUpdate({align:TT(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(xT,{get label(){return n()},get children(){return Y(CT,{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(xT,{label:`Offset`,get children(){return Y(CT,{label:`Offset`,get value(){return e.guide.offset},min:0,max:4096,onChange:t=>e.onUpdate({offset:t})})}}),Y(xT,{label:`Gutter`,get children(){return Y(CT,{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 DT(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(ah,{})),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(yT,{get kind(){return t.kind}})),Q(o,()=>_T(t)),Q(i,Y(Km,{size:8,class:`msr:block msr:-rotate-90 msr:text-ink-400`}),null),Q(s,(()=>{var e=J(()=>!!t.visible);return()=>e()?Y(oh,{}):Y(sh,{})})()),Q(c,Y(Xm,{size:10,class:`msr:block`})),q(()=>({e:t.visible?`Hide ${_T(t)}`:`Show ${_T(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 ${_T(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(ET,{get guide(){return t()},get ownerWindow(){return e.ownerWindow},onBack:()=>n(null),onUpdate:n=>e.onUpdate(t().id,n)})})),i}var OT=`mesurer.layout-guides`,kT=`layout-guides:v1`,AT=`mesurer.layout-guides.pages`,jT=`mesurer.layout-guides.active`,MT=`runtime:solid`,NT=`layout-guides.toggle`,PT=`layout-guides.add`,FT=`layout-guides.update`,IT=`layout-guides.remove`,LT=`layout-guides.clear`,RT=240,zT=8,BT=8,VT=()=>({pages:{}}),HT=(e,t)=>e.pages[t]??[],UT=e=>typeof e==`object`&&!!e&&!Array.isArray(e),WT=e=>typeof e==`string`,GT=e=>typeof e==`boolean`,KT=e=>typeof e==`number`,qT=e=>e===`columns`||e===`rows`||e===`grid`,JT=e=>e===`stretch`||e===`min`||e===`center`||e===`max`,YT=e=>({...e}),XT=e=>e.map(YT),ZT=e=>UT(e)?e:null,QT=e=>{if(!e)return{};let t={};return WT(e.id)&&(t.id=e.id),qT(e.kind)&&(t.kind=e.kind),GT(e.visible)&&(t.visible=e.visible),WT(e.color)&&(t.color=e.color),KT(e.opacity)&&(t.opacity=e.opacity),KT(e.count)&&(t.count=e.count),KT(e.size)&&(t.size=e.size),KT(e.gutter)&&(t.gutter=e.gutter),KT(e.offset)&&(t.offset=e.offset),JT(e.align)&&(t.align=e.align),t},$T=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},eE={viewBox:`0 0 256 256`,paths:[`M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z`,`M101 56h8v144h-8zM147 56h8v144h-8z`]},tE=()=>wc({id:OT,version:`0.1.0`,requires:[MT],provides:[kT,`tool:layout-guides`],setup(e){let t=e.service.get(MT);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:AT,initial:VT(),history:!0,persist:!0}),e.state.register({id:jT,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`)??VT(),u=()=>e.state.get(`mesurer.layout-guides.active`)??!1,d=()=>gT(HT(l(),r)),f=()=>(a(),u()?d():[]),p=t=>{e.state.update(jT,()=>t)},m=t=>{e.state.update(AT,e=>({...e,pages:{...e.pages,[r]:XT(t(gT(e.pages[r])))}}))};e.command.register(NT,()=>{let e=!u();return e&&d().length===0&&m(()=>[hT()]),i=e,p(e),u()}),e.command.register(PT,e=>{let t=hT(QT(ZT(e)));return m(e=>[...e,t]),{...t}}),e.command.register(FT,e=>{let t=ZT(e),n=t&&WT(t.id)?t.id:null,r=QT(ZT(t?.patch));if(!n)throw Error(`layout-guides.update requires a guide id.`);m(e=>e.map(e=>e.id===n?hT({...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(IT,e=>{let t=ZT(e),n=t&&WT(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(LT,()=>{m(()=>[])});let h=async(t,n)=>{let r=ZT(await e.command.execute(t,n));if(!r)throw Error(`${t} did not return a layout guide.`);return hT(QT(r))},g={list:()=>d().map(e=>({...e})),add:(e={})=>h(PT,$T(e)),update:(e,t)=>h(FT,{id:e,patch:$T(t)}),async remove(t){return await e.command.execute(IT,{id:t})===!0},async clear(){await e.command.execute(LT)},subscribe(e){s.add(e);let t=!1;return()=>{t||(t=!0,s.delete(e))}}};e.service.provide(kT,g),e.tool.register({id:`layout-guides`,label:`Layout guides`,shortcut:`L`,command:NT,order:38,toolbarMode:`always`,compactPinned:!0,icon:eE,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(cT,{get guides(){return f()}}),_),y=t.createInspectorMount();y.element.dataset.mesurerLayoutGuidesPanelRoot=`true`,Object.assign(y.element.style,{position:`fixed`,left:`0`,top:`0`,width:`${RT}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(BT,n.right-RT),Math.max(BT,t.ownerWindow.innerWidth-RT-BT)),a=t.ownerWindow.innerHeight-n.bottom-zT-BT,o=Math.min(320,t.ownerWindow.innerHeight-16),s=a>=Math.min(o,320)?n.bottom+zT:Math.max(BT,n.top-zT-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(DT,{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()})}}),nE=`mesurer:recording-bridge-ping`,rE=`mesurer:recording-bridge-request`,iE=`mesurer:recording-bridge-response`,aE=`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`,oE=.01,sE=e=>({width:e.innerWidth,height:e.innerHeight}),cE=(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)<=oE*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}},lE=(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},uE=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},dE=(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)}),fE=e=>e.location.origin===`null`?`*`:e.location.origin,pE=(e,t,n=``)=>`${e}:${t}:${n}`,mE=(e,t,n)=>{let r=`${t}:${n}:`;return e.startsWith(r)?e.slice(r.length):null},hE=e=>e.crypto?.randomUUID?.()??`mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`,gE=e=>new Promise(t=>{let n=hE(e),r=e.location.origin,i=o=>{o.source===e&&o.origin===r&&mE(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(pE(nE,n),fE(e))}),_E=e=>new Promise(t=>{let n=hE(e),r=e.location.origin,i=o=>{if(o.source!==e||o.origin!==r)return;let s=mE(String(o.data??``),iE,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(pE(rE,n),fE(e))}),vE=e=>e.__MESURER_RECORDING_HOST__?.captureRecordingStream??e.__MESURER_HOST__?.captureRecordingStream,yE=async(e,t)=>{let n=vE(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})},bE=async(e,t)=>{if(!e.isSecureContext||!await gE(e))return null;let n=await _E(e);if(!n)return null;let r={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:n}};return t.getUserMedia({audio:!1,video:r})},xE=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},SE=async(e,t)=>{let n=e.navigator.mediaDevices;if(!n)throw Error(`Screen recording is unavailable in this browser.`);if(vE(e))return xE(await yE(e,n),t);try{let r=await bE(e,n);if(r)return xE(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 xE(await n.getDisplayMedia(i),t)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)throw e;return xE(await n.getDisplayMedia({audio:!1,video:{frameRate:r}}),t)}},CE=async(e,t,n,r=60)=>{let i=await SE(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=aE,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=lE(e,n),s=!1;try{s=await uE(a,r)}catch{s=!1}s||r.remove(),await dE(o,t);let c=t.devicePixelRatio||1,l=cE(n,o.videoWidth,o.videoHeight,sE(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=aE,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 wE(f,n,sE(t)),f}catch(e){throw o.pause(),o.srcObject=null,o.remove(),i.getTracks().forEach(e=>e.stop()),e}},wE=(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=cE(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)},TE=e=>{e.source.pause(),e.source.srcObject=null,e.stream.getTracks().forEach(e=>e.stop()),e.cropTarget?.remove(),e.canvas.remove(),e.source.remove()},EE={webm:`video/webm`,mp4:`video/mp4`},DE=[`vp9`,`vp8`],OE=[`avc`],kE=t=>new e.Quality(t),AE=(e,t)=>Number.isFinite(e)&&e>0?e:t,jE=(e,t,n)=>{let r=Math.max(2,Math.round(AE(e,2))),i=Math.max(2,Math.round(AE(t,2)));return n===`mp4`&&(r%2!=0&&(r+=1),i%2!=0&&(i+=1)),{width:r,height:i}},ME=(e,t={})=>{let n=Math.max(.001,AE(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`}},NE=e=>e===`webm`?DE:OE,PE=async(t,n,r,i,a=`medium`)=>{let o=jE(n,r,t),s=kE(a);for(let n of NE(t))if(await(0,e.canEncodeVideo)(n,{width:o.width,height:o.height,frameRate:i,quality:s}))return n;return null},FE=async(e,t,n=30)=>{let r=[];return await PE(`webm`,e,t,n)&&r.push(`webm`),await PE(`mp4`,e,t,n)&&r.push(`mp4`),r},IE=t=>t===`webm`?new e.WebMOutputFormat:new e.Mp4OutputFormat,LE=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 PE(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:IE(r),target:l}),d=new e.CanvasSource(t,{codec:c,quality:kE(a)});u.addVideoTrack(d,{frameRate:i}),await u.start();let f=!1,p=-1;return{format:r,mimeType:EE[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:EE[r]})},async cancel(){if(!f){f=!0,d.close();try{await u.cancel()}catch{}}}}},RE=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()}},zE=async(t,n={})=>{let r=await RE(t),i=ME(r,n),a=jE(r.width*i.scale,r.height*i.scale,i.format),o=await PE(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:IE(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:kE(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:EE[i.format]}),r=await RE(n);return{blob:n,format:i.format,duration:r.duration,width:r.width,height:r.height}}finally{s.dispose()}},BE=(e,t=new Date)=>`mesurer-recording-${t.toISOString().replace(/[:.]/g,`-`)}.${e}`,VE=10,HE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},UE=(e,t,n)=>{let r=e.createElement(`button`);return r.type=`button`,r.setAttribute(`aria-label`,t),r.title=t,r.textContent=n,HE(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},WE=(e,t)=>{let n=e.createElement(`button`);n.type=`button`,n.setAttribute(`role`,`menuitemradio`),HE(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}},GE=({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,HE(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`);HE(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`,HE(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…`,HE(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=UE(e,`Close`,`×`);o.dataset.mesurerRecordingDiscard=`true`,HE(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`);HE(s,{display:`flex`,height:`28px`,"align-items":`center`,gap:`8px`,"margin-top":`8px`}),n.append(s);let c=UE(e,`Play`,`▶`);c.dataset.mesurerRecordingPlay=`true`,s.append(c);let l=e.createElement(`span`);l.dataset.mesurerRecordingCurrentTime=`true`,l.textContent=`0:00.00`,HE(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`,HE(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`,HE(d,{position:`absolute`,left:`${VE}px`,right:`${VE}px`,top:`0`,bottom:`0`}),u.append(d);let f=e.createElement(`div`);f.dataset.mesurerRecordingTimelineRail=`true`,HE(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`,HE(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`);HE(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`,HE(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`),HE(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`),HE(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`,HE(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`);HE(b,{position:`relative`,display:`flex`,height:`20px`,"align-items":`center`}),s.append(b);let x=UE(e,`Export options`,`1×`);x.dataset.mesurerRecordingExportOptions=`true`,x.setAttribute(`aria-haspopup`,`menu`),x.setAttribute(`aria-expanded`,`false`),HE(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`),HE(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`,HE(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`,HE(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=WE(e,`${t}×`);return n.button.dataset.mesurerRecordingScale=String(t),E.append(n.button),{scale:t,...n}}),O=UE(e,`Download`,`↓`);O.dataset.mesurerRecordingExport=`true`,s.append(O);let k=UE(e,`Grow preview`,`↗`);k.dataset.mesurerRecordingExpand=`true`,s.append(k);let A=e.createElement(`p`);return A.dataset.mesurerRecordingPreviewStatus=`true`,A.setAttribute(`role`,`status`),HE(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}},KE=8,qE=8,JE=.05,YE=200,XE=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`)}`},ZE=(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)},QE=({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}=GE({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-JE))),v.setAttribute(`aria-valuenow`,String(L)),v.setAttribute(`aria-valuetext`,XE(L)),y.setAttribute(`aria-valuemin`,String(Math.min(e,L+JE))),y.setAttribute(`aria-valuemax`,String(e)),y.setAttribute(`aria-valuenow`,String(R)),y.setAttribute(`aria-valuetext`,XE(R)),f.textContent=XE(t),b.textContent=XE(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-JE)),(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+JE)),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=WE(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-KE,i=t.innerHeight-e.bottom-KE;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-KE-e/2,a=KE+e/2,s=Math.max(a,t.innerWidth-KE-e/2),c=Math.min(Math.max(a,i),s),l=r?r.bottom+qE:KE;l+n>t.innerHeight-KE&&(l=r?r.top-n-qE:t.innerHeight-n-KE),o.style.left=`${c}px`,o.style.top=`${Math.max(KE,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:YE,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&&ZE(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=XE(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()}}},$E=3e3,eD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},tD=({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`),eD(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`,eD(t,{position:`fixed`,background:`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(t),t}),m=e.createElement(`div`);m.dataset.mesurerRecordingMask=`true`,eD(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`,eD(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`);eD(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`,eD(_,{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`),eD(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`);eD(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 eD(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`,eD(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`,eD(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`,eD(j,{position:`absolute`,inset:`0`,display:`none`,"pointer-events":`none`}),h.append(j);let M=t=>{let n=e.createElement(`div`);eD(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}`),eD(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`),eD(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`),eD(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`,eD(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`),eD(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`),eD(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`},$E)},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()}}},nD=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`))}}},rD=`mesurer.recording`,iD=`recording:v1`,aD=`mesurer.recording.settings`,oD=`runtime:solid`,sD=`recording.toggle`,cD=`recording.stop`,lD=`recording.discard`,uD=`recording.export`,dD=60,fD=60,pD={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`]},mD=e=>e?{...e}:null,hD=e=>({...e,rect:mD(e.rect)}),gD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},_D=e=>e!=null&&!Array.isArray(e)&&typeof e==`object`,vD=e=>typeof e==`number`&&Number.isFinite(e),yD=e=>{if(!_D(e))return{};let t={};return(e.format===`webm`||e.format===`mp4`)&&(t.format=e.format),vD(e.startTime)&&(t.startTime=e.startTime),vD(e.endTime)&&(t.endTime=e.endTime),(e.scale===1||e.scale===2||e.scale===3)&&(t.scale=e.scale),t},bD=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}),xD=e=>({filename:e.filename,format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size}),SD=e=>({format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size,createdAt:e.createdAt}),CD=(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)},wD=(e={})=>wc({id:rD,version:`0.1.0`,requires:[oD],provides:[`tool:recording`,iD],setup(t){let n=t.service.get(oD);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=nD(l);o.dataset.mesurerRecording=`true`,c.dataset.mesurerRecordingStatusRoot=`true`,gD(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`}),gD(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??fD)),f=e.quality??`medium`;t.state.register({id:aD,initial:{toolEnabled:e.toolEnabled??!0,frameRate:e.frameRate??dD},persist:!0});let p=()=>{let e=t.state.get(aD);return{toolEnabled:e?.toolEnabled??!0,frameRate:e?.frameRate===120?120:60}},m=e=>{t.state.update(aD,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=hD(h);for(let t of g)t(e)},j=e=>{h={...h,...e,rect:e.rect===void 0?h.rect:mD(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&&TE(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 FE(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 zE(n.blob,e),i={...r,filename:BE(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=QE({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=mD(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,TE(r),T!==e||O)throw Error(`Recording was cancelled.`);let l=await RE(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&&(wE(e,h.rect??{left:0,top:0,width:i.innerWidth,height:i.innerHeight},sE(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 CE(r,i,e,a);if(O||T!==n){TE(s);return}let c=await LE(s.canvas,{format:`webm`,frameRate:a,quality:f});if(O||T!==n){await c.cancel(),TE(s);return}if(v=s,y=c,E=i.performance.now(),D=0,wE(s,e,sE(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=tD({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:()=>hD(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:sD,toolbarMode:`select`,compactPinned:!0,icon:pD,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(sD,async()=>(await U(),bD(h))),t.command.register(cD,async()=>SD(await B())),t.command.register(lD,()=>(I(),bD(h))),t.command.register(uD,async e=>{let t=await R(yD(e));return CD(t,r,i),xD(t)}),t.service.provide(iD,te),t.lifecycle.onDispose(()=>{O=!0,++T,g.clear(),z.dispose(),x.dispose(),P(),F(!0),s.dispose(),a.dispose()})}}),TD=144,ED=96,DD=8,OD=4,kD=1800,AD=200,jD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},MD=(e,t)=>({left:Math.min(Math.max(DD,e.left),Math.max(DD,t.innerWidth-TD-DD)),top:Math.min(Math.max(DD,e.top),Math.max(DD,t.innerHeight-ED-DD))}),ND=(e,t)=>{let n=e.createElement(`button`);return n.type=`button`,n.textContent=t,jD(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},PD=({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`,FD=e=>e!==null&&(e.nodeType===1||e.nodeType===11),ID=({ownerDocument:e,ownerWindow:t,root:n,previewDurationMs:r})=>{let i=n.closest(`[data-mesurer-root='true']`)??n.parentNode;if(!FD(i))throw Error(`Screenshot preview requires a mounted Mesurer host.`);let a=e.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerScreenshotInteractive=`true`,jD(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,jD(o,{position:`fixed`,display:`none`,"z-index":`96`,width:`${TD}px`,height:`${ED}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`,jD(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`,jD(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`),jD(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`,jD(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`,jD(p,{position:`fixed`,top:`16px`,right:`16px`,display:`flex`,gap:`8px`,"pointer-events":`auto`});let m=ND(e,`Copy`);m.dataset.mesurerScreenshotViewerCopy=`true`,m.setAttribute(`aria-label`,`Copy screenshot`);let h=ND(e,`Save`);h.dataset.mesurerScreenshotViewerSave=`true`,h.setAttribute(`aria-label`,`Save screenshot`);let g=ND(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`),jD(_,{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`},kD)},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+DD);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:AD,easing:`ease`,fill:`forwards`});w=r,r.finished.catch(()=>void 0).then(()=>{w===r&&(r.cancel(),w=null,j())})},N=()=>MD({left:t.innerWidth-TD-DD,top:t.innerHeight-ED-DD},t),P=e=>{let n=MD(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)>=OD&&(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(PD(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())}}},LD=`mesurer.screenshot`,RD=`screenshot`,zD=`mesurer.screenshot.settings`,BD=`mesurer.screenshot.active`,VD=`runtime:solid`,HD=`screenshot.toggle`,UD=2500,WD=0,GD=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-selection-spacing-target='true']`,`[data-mesurer-guide='true']`,`[data-mesurer-distance='true']`].join(`,`),KD=`${GD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`,qD={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`]},JD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},YD=(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`)}},XD=e=>{let t=e(zD);return{toolEnabled:t?.toolEnabled??!0,copy:t?.copy??!0,download:t?.download??!1,includeMeasurements:t?.includeMeasurements??!1}},ZD=e=>({value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),QD=(e,t)=>{t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`)},$D=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},eO=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=$D(e,t);r&&n.add(r)}for(let e of t.querySelectorAll(GD)){let r=$D(e,t);r&&n.add(r)}let r=[];for(let e of n)e.dataset.mesurerInspectorUi!==`true`&&(r.push({element:e,display:ZD(e)}),e.style.setProperty(`display`,`none`,`important`));return()=>{for(let e of r)QD(e.element,e.display)}},tO=e=>Array.from(e.querySelectorAll(KD)).filter(e=>e.dataset.mesurerInspectorUi===`true`).map(e=>({element:e,display:ZD(e)})),nO=e=>{for(let t of e)t.element.isConnected&&QD(t.element,t.display)},rO=(e={})=>wc({id:LD,version:`0.1.0`,requires:[VD],provides:[`tool:screenshot`,`capture:screenshot`,`settings:screenshot`],setup(t){let n=t.service.get(VD);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??WD;t.state.register({id:zD,initial:{toolEnabled:e.toolEnabled??!0,copy:e.copy??!0,download:e.download??!1,includeMeasurements:e.includeMeasurements??!1},persist:!0}),t.state.register({id:BD,initial:!1});let u=o.element;u.dataset.mesurerScreenshot=`true`,JD(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`),JD(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 JD(e,{position:`fixed`,"background-color":`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),d.append(e),e}),p=r.createElement(`div`);JD(p,{position:`fixed`,display:`none`,border:`1px solid #0d99ff`,"box-sizing":`border-box`,"pointer-events":`none`}),d.append(p);let m=r.createElement(`div`);JD(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`,JD(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`,JD(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=()=>XD(t.state.get),E=e=>{t.state.update(zD,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){YD(f[0],{left:0,top:0,width:t,height:n});for(let e of f.slice(1))YD(e,{left:0,top:0,width:0,height:0});p.style.display=`none`,m.style.display=`none`;return}YD(f[0],{left:0,top:0,width:t,height:e.top}),YD(f[1],{left:0,top:e.top,width:e.left,height:e.height}),YD(f[2],{left:e.left+e.width,top:e.top,width:Math.max(0,t-e.left-e.width),height:e.height}),YD(f[3],{left:0,top:e.top+e.height,width:t,height:Math.max(0,n-e.top-e.height)}),p.style.display=`block`,YD(p,e),m.style.display=`block`,m.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,YD(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=ID({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`},UD)},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?tO(r):[],u=s.includeMeasurements?()=>void 0:eO(n.portalTarget);a.prepareCapture(),s.includeMeasurements&&nO(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:HD,toolbarMode:`select`,compactPinned:!0,icon:qD,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(HD,R),t.service.provide(RD,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()})}}),iO=e=>Number.parseFloat(e)||0,aO=0,oO=(e,t)=>{let n=t.CSS;return n?.escape?n.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`)},sO=e=>e.nodeType===9,cO=e=>e.nodeType===11;function lO(e){let t=e.getRootNode();return cO(t)?t:e.ownerDocument}var uO=(e,t)=>{if(sO(e)||cO(e))return e;let n=lO(e);return cO(n)?n:t},dO=600,fO=`audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video`,pO=new WeakMap,mO=e=>{let t=e;for(;t;){if((pO.get(t)??0)>0)return!0;let e=t.getRootNode();t=cO(e)?e.host:t.parentElement}return!1},hO=(e,t)=>t.x>=e.left&&t.x<=e.right&&t.y>=e.top&&t.y<=e.bottom,gO=(e,t)=>Array.from(e.getClientRects()).some(e=>hO(e,t)),_O=(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},vO=(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`},yO=(e,t)=>!!e.textContent?.trim()||vO(e,t),bO=(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},xO=(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)||mO(n)||r.getComputedStyle(n).pointerEvents!==`none`||_O(n,e,r)||!gO(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<=dO;){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=bO(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)},SO=(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=lO(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)}},CO=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},wO=(e,t,n,r)=>{let i=r.defaultView;if(!i)return[];let a=SO(xO(e,t,r).filter(e=>yO(e,i)),e,t);if(a.length>0)return a;if(e.textContent?.trim()&&!e.matches(fO)||e.matches(`a, button, input, select, textarea, label, summary, [contenteditable='true']`))return[];let o=[],s=new Set,c=!sO(n)&&!cO(n)?n:null,l=e.parentElement;for(;l&&l!==r.body&&l!==r.documentElement&&!(c&&l!==c&&!c.contains(l));){let a=l,u=CO(e,a),d=xO(a,t,r).filter(e=>{if(!EO(e,n)||e.closest(`[aria-hidden='true'], [inert]`))return!1;let t=CO(e,a);return t===null||t!==u});for(let e of d)s.has(e)||!yO(e,i)||(s.add(e),o.push(e));if(a===c)break;l=a.parentElement}return SO(o,e,t)};function TO(e,t,n=sO(t)?t:t.ownerDocument??document){let r=uO(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||!EO(a,t))continue;let o=wO(a,e,t,n);if(o.length>0)return o[0];if(i.getComputedStyle(a).pointerEvents!==`none`)return a}return null}function EO(e,t){if(sO(t))return!0;let n=e;for(;n;){if(t===n||t.contains(n))return!0;let e=n.getRootNode();if(!cO(e))return!1;n=e.host}return!1}function DO(e,t){if(!e)return t();let n=pO.get(e)??0;pO.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?pO.delete(e):pO.set(e,n);for(let[e,t,n]of i)t?e.style.setProperty(`pointer-events`,t,n):e.style.removeProperty(`pointer-events`)}}function OO(e){let t=e.ownerDocument.defaultView??window;if(e.id)return`#${oO(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 kO(e,t,n=`dom-inspection-${++aO}`){let r=e.getBoundingClientRect(),i=t.getComputedStyle(e),a={top:iO(i.paddingTop),right:iO(i.paddingRight),bottom:iO(i.paddingBottom),left:iO(i.paddingLeft)},o={top:iO(i.marginTop),right:iO(i.marginRight),bottom:iO(i.marginBottom),left:iO(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 AO(e){let t=e.ownerDocument.defaultView??window,n=t.getComputedStyle(e),r=e instanceof t.HTMLElement?e:null,i=e.getBoundingClientRect(),a=r?kO(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:OO(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 jO=`text-edit`,MO=e=>AO(e);function NO(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||EO(n,t),a=async()=>{let t=(e.getPluginHost()??await e.waitForPluginHost()).service.get(jO);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?MO(n):null},inspectAll(e,n=50){return[...t.querySelectorAll(e)].slice(0,Math.max(0,n)).map(MO)},at(n,r){let a=t.querySelector?.(`[data-mesurer-island]`)??null;return DO(a?.shadowRoot?.querySelector(`[data-mesurer-root='true']`)??a,()=>{let a=TO({x:n,y:r},t,e.ownerDocument);return a&&i(a)?MO(a):null})},distance(e,t){let n=r(e),i=r(t);if(!n||!i)return null;let a=MO(n),o=MO(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(MO)),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 PO=`0.2.5-beta.2`,FO=rb,IO=ib,LO=()=>({...$b(),version:PO}),RO=IO,zO=(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,BO=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}},VO=(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),HO=e=>[...e.measurements,...e.activeMeasurement&&!e.measurements.some(t=>t.id===e.activeMeasurement?.id)?[e.activeMeasurement]:[]];function UO(e){let{workspace:t,scope:n,guideTolerance:r}=e;if(n.kind===`workspace`)return{guides:t.guides.map(e=>({...e})),measurements:HO(t),distances:[...t.distances]};let i=new Set(n.elements),a=e=>e!=null&&i.has(e),o=e=>n.regions.some(t=>zO(e,t));return{guides:t.guides.filter(e=>VO(e,n.regions,r)).map(e=>({...e})),measurements:HO(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 WO={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},GO={opacity:1,edgeReveal:!1};({...WO}),{...GO};var KO=10,qO=e=>({left:e.left,top:e.top,width:e.width,height:e.height}),JO=e=>{let t=new Set,n=[];for(let r of e)!r?.isConnected||t.has(r)||(t.add(r),n.push(r));return n},YO=e=>e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`;function XO(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=>qO(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=JO(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=JO(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=JO([...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=UO({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??KO}),h=m.measurements,g=m.distances,_=m.guides,v=JO([...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=AO(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:qO(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:qO(e.rectA),rectB:qO(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:YO(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(qO),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 ZO=e=>`${Math.round(e*100)/100}px`,QO=e=>`x=${ZO(e.left)} y=${ZO(e.top)} w=${ZO(e.width)} h=${ZO(e.height)}`;function $O(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(`
|
|
2521
|
+
`).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}: ${QO(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: ${QO(e.rect)}`,` margin: ${ZO(e.margin.top)} ${ZO(e.margin.right)} ${ZO(e.margin.bottom)} ${ZO(e.margin.left)}`,` padding: ${ZO(e.padding.top)} ${ZO(e.padding.right)} ${ZO(e.padding.bottom)} ${ZO(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`}=${ZO(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 ${ZO(n.size)}`:`${n.count} ${n.kind}; gutter=${ZO(n.gutter)}; offset=${ZO(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}: `:``}${QO(n.rect)}; delta=${ZO(n.deltaX)} × ${ZO(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=${ZO(n.horizontal.value)}`:null,n.vertical?`vertical=${ZO(n.vertical.value)}`:null].filter(Boolean).join(`; `);t.push(`- ${e?`${e}: `:``}${r||`overlapping`}`)}}return t.join(`
|
|
2522
|
+
`).trimEnd()}function ek(e){let t=BO([...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 tk=(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`})},nk=(e,t,n,r)=>e.push({kind:`missing`,evidence:t,id:n,label:r}),rk=(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 ik(e){let t=e.runtime.annotation(e.annotationId);if(!t)throw Error(`Mesurer annotation not found: ${e.annotationId}`);let n=XO({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=HO({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){nk(a,`target`,e.id,e.selector);continue}tk(a,`target-rect`,`${t.inspection.selector} left`,e.rect.left,t.inspection.rect.left),tk(a,`target-rect`,`${t.inspection.selector} top`,e.rect.top,t.inspection.rect.top),tk(a,`target-rect`,`${t.inspection.selector} width`,e.rect.width,t.inspection.rect.width),tk(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){nk(a,`guide`,e.id,`${e.orientation} guide ${e.id}`);continue}tk(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=>rk(t.rect,e.rect));r&&n.targets.some(e=>e.ref===r.id)||nk(a,`measurement`,e.id,e.id);continue}tk(a,`measurement`,`${e.id} width`,e.rect.width,r.rect.width),tk(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){nk(a,`distance`,e.id,e.id);continue}e.horizontal&&t.horizontal?tk(a,`distance`,`${e.id} horizontal`,e.horizontal.value,t.horizontal.value):e.horizontal&&!t.horizontal&&nk(a,`distance`,e.id,`${e.id} horizontal`),e.vertical&&t.vertical?tk(a,`distance`,`${e.id} vertical`,e.vertical.value,t.vertical.value):e.vertical&&!t.vertical&&nk(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 ak(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 ok=OT,sk=kT,ck=()=>({...tE(),version:PO}),lk=`mesurer.context`,uk=`context:v1`,dk=`mesurer.context.settings`,fk=`context.ui`,pk=`context.notes-open`,mk=`data-mesurer-direct-text-edit-active`,hk={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`]},gk={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`]},_k={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`]},vk={viewBox:`0 0 256 256`,paths:[`M40 40h176v16H40zm0 48h176v16H40zm0 48h112v16H40zm0 48h112v16H40zM184 144l40 40-48 48-40-40z`]},yk=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()))},bk=(e,t,n,r)=>{let i=async i=>XO({runtime:e,ownerDocument:t,ownerWindow:n,request:i,layoutGuides:r()}),a=async e=>$O(await i(e));return{context:i,contextText:a,copyContext:async e=>ak(t,n,await a(e)),select:async r=>{let a=Array.isArray(r)?[...r]:[String(r)];return e.select(a),await yk(t,n),i({scope:`selection`})},annotations:async()=>e.annotations(),removeAnnotation:async(r,i)=>{e.removeAnnotation(r,i),await yk(t,n)},review:async i=>{if(await yk(t,n),i)return ik({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:i,layoutGuides:r()});let a=r();return e.annotations().map(r=>ik({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:r.id,layoutGuides:a}))},capturePlan:async e=>ek(await i(e)),prepareCapture:async()=>{e.prepareCapture(),await yk(t,n)},finishCapture:async()=>{e.finishCapture(),await yk(t,n)}}},xk=(e,t)=>{let n=e.currentSelection();return n.elements.length>0||n.region!==null&&!t?.querySelector(`[data-mesurer-responsive-stage]`)};function Sk(e={}){return{id:lk,version:PO,requires:[`runtime:solid`],provides:[uk],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(lk),a=n.createAnnotationRevealCoordinator(i),[o,s]=G(!1);t.state.register({id:pk,initial:!1});let c=e=>{s(e),t.state.get(pk)!==e&&t.state.update(pk,()=>e)},l=()=>t.state.get(pk)??!1,u=bk(i,n.ownerDocument,n.ownerWindow,()=>t.service.get(sk)?.list()??[]);t.service.provide(uk,u),t.state.register({id:dk,initial:{ui:e.ui??!0},persist:!0}),t.state.register({id:fk,initial:{hasSelection:xk(i,n.rendererRoot)}});let d=()=>t.state.get(`mesurer.context.settings`)?.ui??!0,f=()=>xk(i,n.rendererRoot),p=e=>{e||(c(!1),a.cancel()),t.state.update(dk,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=xk(i,n.rendererRoot);a!==(t.state.get(fk)?.hasSelection??!1)&&t.state.update(fk,()=>({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(mk)?e.setAttribute(mk,`true`):e.removeAttribute(mk))},E=()=>{_?.disconnect(),_=null,m=null,h?.(),h=null,g?.dispose(),g=null},D=()=>{if(g)return;if(g=iT(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:[mk]}),T()}let e={runtime:i,onCopy:u.copyContext,onController:e=>{m=e},get coordinateSpace(){return v()?`viewport`:`document`},rendererRoot:n.rendererRoot};h=ko(()=>[ho(Qw,Za(e,{get ownerWindow(){return n.ownerWindow}})),ho(Zo,{mount:r,get children(){return ho(eT,{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:hk,hidden:()=>!d()}),t.tool.register({id:`context.copy-selection`,label:`Copy selection`,shortcut:`Shift+C`,command:`context.copy-selection`,order:71,toolbarMode:`always`,icon:gk,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:_k,hidden:()=>!d(),disabled:()=>!f()}),t.tool.register({id:`context.notes`,label:`Notes`,command:`context.notes`,order:73,toolbarMode:`always`,compactPinned:!0,icon:vk,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 Ck={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 wk(e){for(let[t,n]of Object.entries(Ck))e.style.setProperty(t,n,`important`)}function Tk(e){return`popover`in e&&`showPopover`in e&&typeof e.showPopover==`function`&&`hidePopover`in e&&typeof e.hidePopover==`function`}var Ek=e=>`newState`in e,Dk=e=>e.localName===`dialog`;function Ok(e){if(!Dk(e)||!e.open)return!1;try{return e.matches(`:modal`)}catch{return!1}}function kk(e,t,n=!0){wk(e);let r=e.ownerDocument,i=r.defaultView??window,a=t,o=!1,s=`fixed`,c=!1,l=0,u=[];if(n&&Tk(e)&&(e.popover=`manual`),t.append(e),n&&Tk(e))try{e.showPopover(),c=e.matches(`:popover-open`),c&&(s=`top-layer`)}catch{e.removeAttribute(`popover`)}let d=()=>{if(!(!c||!Tk(e)))try{e.matches(`:popover-open`)||e.showPopover()}catch{}},f=t=>{if(e.parentNode===t)return;let n=c&&Tk(e)&&e.matches(`:popover-open`);if(n&&Tk(e))try{e.hidePopover()}catch{}t.append(e),wk(e),n&&d()},p=()=>{u=u.filter(e=>e.isConnected&&Ok(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||!Tk(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=Ek(t)?t.newState:void 0,r=t.target;if(r instanceof i.Element){if(Dk(r)){n===`open`&&Ok(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&&Dk(t)&&h(t)},b=()=>{r.fullscreenElement&&_()},x=e=>{Ok(e)&&m(e);for(let t of e.querySelectorAll(`dialog`))Ok(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&&Dk(e)&&(Ok(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&&Tk(e)&&e.matches(`:popover-open`))try{e.hidePopover()}catch{}u=[]}}}}var Ak=`mesurer.codex`,jk=`codex:v1`,Mk=`mesurer.plugin.before-disable`,Nk=2e3,Pk=750,Fk=2e3,Ik=1800,Lk=2e3,Rk=12e4,zk=10,Bk=5,Vk=`http://127.0.0.1:47365`,Hk=`mesurer-codex`,Uk=2,Wk=[`thread-discovery-v1`,`durable-queue-v1`,`history-recovery-v2`,`client-message-correlation-v1`,`idle-safe-shutdown-v1`,`nonterminal-retention-v1`,`instance-binding-v1`],Gk=1500,Kk=15e3,qk=5e3,Jk=[`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(` `),Yk={viewBox:`0 0 256 256`,paths:[`M224,48,32,120l88,32,32,88Z M120,152l104-104`]},Xk={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`]},Zk={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`]},Qk=class extends Error{issue;constructor(e,t){super(t),this.issue=e,this.name=`BrowserBridgeConnectionError`}},$k=()=>{try{let e=globalThis.location;return e?.origin?`mesurer-codex-ui:v2:${e.origin}${e.pathname}`:null}catch{return null}},eA=()=>{let e=$k();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}},tA=e=>{let t=$k();if(t)try{globalThis.sessionStorage?.setItem(t,JSON.stringify(e))}catch{}},nA=e=>{let t=Vk.endsWith(`/`)?Vk:`${Vk}/`;return new URL(e,t).toString()},rA=e=>{let t=e.bridge;if(!t)throw new Qk(`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!==Hk)throw new Qk(`port-conflict`,`Another local service is using port 47365 (${t.name??`unknown`}). Mesurer will not send Codex data to it.`);if(t.protocol!==Uk)throw new Qk(`version-mismatch`,`Mesurer Codex Bridge is out of date (protocol ${t.protocol??`unknown`}; expected ${Uk}). Restart the matching Mesurer Codex Bridge helper.`);if(e.access?.allowed===!1)throw new Qk(`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=Wk.filter(e=>!n.has(e));if(r.length>0)throw new Qk(`capability-mismatch`,`Mesurer Codex Bridge is missing required capabilities: ${r.join(`, `)}. Restart or update the matching helper.`);if(!t.instanceId?.trim())throw new Qk(`capability-mismatch`,`Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.`)},iA=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,aA=e=>e instanceof Qk?e.issue:e instanceof Error?iA(e.message):null,oA=async e=>{let t,n;if(e.action===`health`)t=nA(`health`);else if(e.action===`threads`){let n=new URLSearchParams;n.set(`limit`,String(e.limit??zk)),e.thread&&n.set(`thread`,e.thread),t=`${nA(`threads`)}?${n.toString()}`}else if(e.action===`target`)t=nA(`target`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({thread:e.thread})};else if(e.action===`queue`)t=nA(`send`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({message:e.message,thread:e.thread})};else if(e.action===`delivery`)t=nA(`deliveries/${encodeURIComponent(String(e.deliveryId??``))}`);else if(e.action===`restore`)t=nA(`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 Qk(`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`?Gk:Kk,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`&&rA(o),!i.ok||o.ok===!1){let e=o.error??`Mesurer Codex companion returned HTTP ${i.status}.`,t=iA(e);throw t?new Qk(t,e):Error(e)}return o}catch(e){throw e instanceof Error&&e.name===`AbortError`?new Qk(`timed-out`,`Mesurer Codex companion timed out.`):e instanceof TypeError?new Qk(`not-running`,`Mesurer Codex companion is unavailable at ${Vk}.`):e}finally{globalThis.clearTimeout(a)}},sA=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},cA=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}},lA=e=>({thread:e.thread?.trim()||null,threads:Array.isArray(e.threads)?e.threads.filter(e=>e.trim().length>0):[]}),uA=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},dA=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}),fA=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($O(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(`
|
|
2523
|
+
`).trimEnd()}},pA=e=>e.length>16?`${e.slice(0,8)}…${e.slice(-4)}`:e,mA=(e,t=42)=>e.length>t?`${e.slice(0,t-1)}…`:e,hA=e=>aA(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 gA(e={}){let t=e.instruction?.trim()||Jk,n=e.ui??!0,r=e.clearCompletedAnnotations??!0;return{id:Ak,version:PO,requires:[uk],provides:[jk],async setup(e){let i=e.service.get(uk);if(!i)throw Error(`Mesurer Codex plugin requires context() from mesurer-solid/plugins.`);let a=n?eA():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=Bk,_,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 oA(e);return O=t.bridge?.instanceId?.trim()||null,D=Date.now(),t}return(!O||t||Date.now()-D>=qk)&&(O=(await oA({action:`health`,thread:u??l??void 0})).bridge?.instanceId?.trim()||null,D=Date.now()),await oA({...e,bridgeInstanceId:O??void 0})}catch(e){throw D=0,O=null,e}if(e.action===`activate`||e.action===`runtime`)return sA(e);if(!E)throw Error(`Codex Bridge lease is not active for this plugin.`);return sA({...e,leaseId:E})},M=async()=>{if(!A)return;let e=E;if(e){if((await sA({action:`deactivate`,leaseId:e})).released!==!0)throw Error(`Codex Bridge did not confirm lease release.`);E=null}};if(A){let e=await sA({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=cA(e);let n=lA(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(Mk,async e=>{e===`mesurer.codex`&&await M()});let N=async()=>{if(!A)return null;let e=cA(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=cA(e)??s,lA(e)},F=P,I=async e=>uA(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),uA(await j(t))},R=async(e={})=>{let t={action:`threads`,limit:e.limit??zk},n=e.thread?.trim();return n&&(t.thread=n),dA(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;tA({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)?Xk:b.status===`completed`?Zk:Yk:Yk,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 ${pA(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}${mA(e.title)}${r}`,checked:()=>n===e.id,disabled:()=>ee(),run(){ee()||(V(e.id,!l),oe())}}})),g<zk&&(e.length>g||h)&&r.push({id:`codex.thread.show-more`,label:`Show 5 more…`,run(){g=zk,oe()}}),b?.queuedSubmissionId&&b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)&&r.push({id:`codex.delivery.receipt`,label:`Receipt · ${pA(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:zk,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:aA(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())},Ik)},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)},Pk);return}}B(),oe(),le();return}if(e.status===`interrupted`){B(),oe();let t=e.updatedAt>0?e.updatedAt:Date.now();Date.now()-t<Rk&&(S=globalThis.setTimeout(()=>{S=0,de(e.id)},Lk));return}oe(),S=globalThis.setTimeout(()=>{S=0,de(e.id)},Fk)}},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(),hA(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=lA(n);return s=cA(n)??s,V(t,!l),f=r.thread,p=r.threads,o=`available`,c=!0,oe(),r},async queue(e){let r=await fA(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&&hA(e)&&(o=`unavailable`,k=A?null:aA(e)??`unavailable`,oe()),e}},send(e){return fe.queue(e)}};e.service.provide(jk,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)},Pk):C=globalThis.setTimeout(()=>{C=0,b?.id===null&&b?.status===`queued`&&(b=null,B(),oe())},Ik)}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?Nk:qk);e.lifecycle.onDispose(()=>{T=!0,ce(),globalThis.clearInterval(t),_?.dispose(),_=void 0})}}}}var _A=rD,vA=(e={})=>({...wD(e),version:PO}),yA=LD,bA=(e={})=>({...rO(e),version:PO}),xA=()=>globalThis.window?.__MESURER_HOST__?.codexBridge!==void 0,SA=[{id:lk,label:`Context`,order:30,create:Sk,settingsIds:[`context`],hiddenSettingsControlIds:[`ui`]},{id:FO,label:`Edit`,order:35,create:LO,settingsIds:[`arrange`]},{id:ok,label:`Layout Guides`,order:38,create:ck},{id:yA,label:`Screenshot`,order:40,create:bA,settingsIds:[`screenshot`],hiddenSettingsControlIds:[`tool`]},{id:_A,label:`Recording`,order:42,create:vA,settingsIds:[`recording`],hiddenSettingsControlIds:[`tool`]},{id:Ak,label:`Codex`,order:45,create:gA}],CA=e=>{let t=e!==void 0,n=new Map((e??[]).map(e=>[e.id,e])),r=new Set(SA.map(e=>e.id)),i=SA.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`?xA():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},wA={select:`select`,xray:`xray`,colorPicker:`color-picker`,rulers:`rulers`,responsive:`responsive`,typography:`text-inspector`,guides:`guides`,distance:`distance`,settings:`settings`};function TA(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=kk(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=NO({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(uk);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(RO);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(uk);return{protocol:`mesurer.agent/v1`,contextSchema:`mesurer.context/v1`,capabilities:{context:e,select:e,annotations:e,review:e,capturePlan:e,arrange:!!b?.service.get(RO),textEdit:!!b?.service.get(jO)}}},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:PO,plugins:CA(l),excludePlugins:u?u.map(e=>wA[e]):[...d??[]]},ce=ko(()=>ho(Nw,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 EA=globalThis.__MESURER_CONFIG__??{},DA=(()=>{try{return!!window.frameElement?.hasAttribute(`data-mesurer-responsive-frame`)}catch{return!1}})(),{target:OA,globalName:kA=`__MESURER__`,reuseExisting:AA=!0,recoverDisconnected:jA=!1,...MA}=EA,NA=globalThis.__MESURER_INSTANCE__,PA=!DA&&AA&&NA?.element.isConnected?NA:void 0,FA=()=>{let e=OA?document.querySelector(OA):document.body;if(!e)throw Error(`Mesurer injection target not found: ${OA}`);return DA||globalThis.__MESURER_INSTANCE__?.dispose(),TA({...MA,target:e,agent:{globalName:kA,root:document}})},IA=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()}}},LA=PA??FA();DA||(globalThis.__MESURER_INSTANCE__=LA),DA||globalThis.__MESURER_INJECT_RECOVERY__?.stop(),DA||(globalThis.__MESURER_INJECT_RECOVERY__=void 0),jA&&!DA&&IA(FA),DA||LA.ready.catch(e=>{queueMicrotask(()=>{throw e})})})(__MESURER_MEDIABUNNY__);
|