mesurer-solid 0.2.3-beta.13 → 0.2.3-beta.14
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 +2098 -1972
- package/dist/inject-script.js +141 -22
- package/dist/inject.js +2094 -1968
- package/dist/plugins.js +2014 -1888
- package/package.json +1 -1
package/dist/inject-script.js
CHANGED
|
@@ -28,6 +28,8 @@
|
|
|
28
28
|
--msr-color-ink-500: #64748b;
|
|
29
29
|
--msr-color-ink-700: #334155;
|
|
30
30
|
--msr-color-ink-900: #0f172a;
|
|
31
|
+
--msr-color-ink-100: #f1f5f9;
|
|
32
|
+
--msr-color-ink-300: #cbd5e1;
|
|
31
33
|
}
|
|
32
34
|
}
|
|
33
35
|
@layer base {
|
|
@@ -257,6 +259,9 @@
|
|
|
257
259
|
.msr\\:z-10 {
|
|
258
260
|
z-index: 10;
|
|
259
261
|
}
|
|
262
|
+
.msr\\:z-20 {
|
|
263
|
+
z-index: 20;
|
|
264
|
+
}
|
|
260
265
|
.msr\\:z-\\[2\\] {
|
|
261
266
|
z-index: 2;
|
|
262
267
|
}
|
|
@@ -486,9 +491,15 @@
|
|
|
486
491
|
.msr\\:w-12 {
|
|
487
492
|
width: calc(var(--msr-spacing) * 12);
|
|
488
493
|
}
|
|
494
|
+
.msr\\:w-32 {
|
|
495
|
+
width: calc(var(--msr-spacing) * 32);
|
|
496
|
+
}
|
|
489
497
|
.msr\\:w-44 {
|
|
490
498
|
width: calc(var(--msr-spacing) * 44);
|
|
491
499
|
}
|
|
500
|
+
.msr\\:w-48 {
|
|
501
|
+
width: calc(var(--msr-spacing) * 48);
|
|
502
|
+
}
|
|
492
503
|
.msr\\:w-60 {
|
|
493
504
|
width: calc(var(--msr-spacing) * 60);
|
|
494
505
|
}
|
|
@@ -805,6 +816,9 @@
|
|
|
805
816
|
border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);
|
|
806
817
|
}
|
|
807
818
|
}
|
|
819
|
+
.msr\\:border-ink-100 {
|
|
820
|
+
border-color: var(--msr-color-ink-100);
|
|
821
|
+
}
|
|
808
822
|
.msr\\:border-ink-200 {
|
|
809
823
|
border-color: var(--msr-color-ink-200);
|
|
810
824
|
}
|
|
@@ -832,6 +846,9 @@
|
|
|
832
846
|
.msr\\:bg-\\[\\#fff\\] {
|
|
833
847
|
background-color: #fff;
|
|
834
848
|
}
|
|
849
|
+
.msr\\:bg-\\[var\\(--msr-danger-bg\\)\\] {
|
|
850
|
+
background-color: var(--msr-danger-bg);
|
|
851
|
+
}
|
|
835
852
|
.msr\\:bg-\\[var\\(--msr-surface\\)\\] {
|
|
836
853
|
background-color: var(--msr-surface);
|
|
837
854
|
}
|
|
@@ -853,6 +870,9 @@
|
|
|
853
870
|
background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);
|
|
854
871
|
}
|
|
855
872
|
}
|
|
873
|
+
.msr\\:bg-ink-100 {
|
|
874
|
+
background-color: var(--msr-color-ink-100);
|
|
875
|
+
}
|
|
856
876
|
.msr\\:bg-ink-200 {
|
|
857
877
|
background-color: var(--msr-color-ink-200);
|
|
858
878
|
}
|
|
@@ -988,6 +1008,10 @@
|
|
|
988
1008
|
.msr\\:text-\\[14px\\] {
|
|
989
1009
|
font-size: 14px;
|
|
990
1010
|
}
|
|
1011
|
+
.msr\\:leading-3 {
|
|
1012
|
+
--tw-leading: calc(var(--msr-spacing) * 3);
|
|
1013
|
+
line-height: calc(var(--msr-spacing) * 3);
|
|
1014
|
+
}
|
|
991
1015
|
.msr\\:leading-4 {
|
|
992
1016
|
--tw-leading: calc(var(--msr-spacing) * 4);
|
|
993
1017
|
line-height: calc(var(--msr-spacing) * 4);
|
|
@@ -1038,6 +1062,9 @@
|
|
|
1038
1062
|
.msr\\:text-\\[var\\(--msr-content\\)\\] {
|
|
1039
1063
|
color: var(--msr-content);
|
|
1040
1064
|
}
|
|
1065
|
+
.msr\\:text-\\[var\\(--msr-danger-text\\)\\] {
|
|
1066
|
+
color: var(--msr-danger-text);
|
|
1067
|
+
}
|
|
1041
1068
|
.msr\\:text-black {
|
|
1042
1069
|
color: var(--msr-color-black);
|
|
1043
1070
|
}
|
|
@@ -1214,6 +1241,12 @@
|
|
|
1214
1241
|
.msr\\:hover\\:bg-ink-50:hover {
|
|
1215
1242
|
background-color: var(--msr-color-ink-50);
|
|
1216
1243
|
}
|
|
1244
|
+
.msr\\:hover\\:bg-ink-100:hover {
|
|
1245
|
+
background-color: var(--msr-color-ink-100);
|
|
1246
|
+
}
|
|
1247
|
+
.msr\\:hover\\:bg-ink-200:hover {
|
|
1248
|
+
background-color: var(--msr-color-ink-200);
|
|
1249
|
+
}
|
|
1217
1250
|
.msr\\:hover\\:bg-red-50:hover {
|
|
1218
1251
|
background-color: var(--msr-color-red-50);
|
|
1219
1252
|
}
|
|
@@ -1232,6 +1265,10 @@
|
|
|
1232
1265
|
.msr\\:hover\\:underline:hover {
|
|
1233
1266
|
text-decoration-line: underline;
|
|
1234
1267
|
}
|
|
1268
|
+
.msr\\:hover\\:brightness-95:hover {
|
|
1269
|
+
--tw-brightness: brightness(95%);
|
|
1270
|
+
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
1271
|
+
}
|
|
1235
1272
|
}
|
|
1236
1273
|
.msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {
|
|
1237
1274
|
border-color: #0d99ff;
|
|
@@ -1452,10 +1489,23 @@
|
|
|
1452
1489
|
color: inherit !important;
|
|
1453
1490
|
flex-shrink: 0 !important;
|
|
1454
1491
|
}
|
|
1455
|
-
[data-mesurer-context-root="true"] :is( [data-mesurer-annotation-trigger="true"], [data-mesurer-annotation-composer="true"], [data-mesurer-annotation-panel="true"] ) svg path {
|
|
1492
|
+
[data-mesurer-context-root="true"] :is( [data-mesurer-annotation-trigger="true"], [data-mesurer-annotation-composer="true"], [data-mesurer-annotation-panel="true"] ) svg path:not([data-mesurer-annotation-resolve-check="true"]) {
|
|
1456
1493
|
fill: currentColor !important;
|
|
1457
1494
|
stroke: none !important;
|
|
1458
1495
|
}
|
|
1496
|
+
[data-mesurer-context-root="true"] [data-mesurer-annotation-panel="true"] svg [data-mesurer-annotation-resolve-check="true"] {
|
|
1497
|
+
fill: none !important;
|
|
1498
|
+
stroke: currentColor !important;
|
|
1499
|
+
}
|
|
1500
|
+
[data-mesurer-context-root="true"] [data-mesurer-annotation-panel="true"] [aria-pressed="true"] svg [data-mesurer-annotation-resolve-check="true"] {
|
|
1501
|
+
stroke: var(--msr-surface) !important;
|
|
1502
|
+
}
|
|
1503
|
+
[data-mesurer-context-root="true"] [data-mesurer-annotation-panel="true"] :is([role="dialog"], [role="menu"]).mesurer-context-floating-surface {
|
|
1504
|
+
border: 1px solid var(--msr-color-ink-200);
|
|
1505
|
+
background-color: var(--msr-surface-raised);
|
|
1506
|
+
color: var(--msr-content);
|
|
1507
|
+
box-shadow: var(--msr-shadow-floating);
|
|
1508
|
+
}
|
|
1459
1509
|
[data-mesurer-context-root="true"] [data-mesurer-annotation-send="true"] {
|
|
1460
1510
|
appearance: none !important;
|
|
1461
1511
|
box-sizing: border-box !important;
|
|
@@ -1474,6 +1524,9 @@
|
|
|
1474
1524
|
color: #fff !important;
|
|
1475
1525
|
opacity: 1 !important;
|
|
1476
1526
|
}
|
|
1527
|
+
[data-mesurer-context-root="true"] [data-mesurer-annotation-send="true"] .mesurer-send-icon {
|
|
1528
|
+
color: #fff !important;
|
|
1529
|
+
}
|
|
1477
1530
|
[data-mesurer-context-root="true"] [data-mesurer-annotation-send="true"]:disabled {
|
|
1478
1531
|
opacity: 0.4 !important;
|
|
1479
1532
|
}
|
|
@@ -2175,6 +2228,59 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
|
|
|
2175
2228
|
syntax: "*";
|
|
2176
2229
|
inherits: false;
|
|
2177
2230
|
}
|
|
2231
|
+
@property --tw-blur {
|
|
2232
|
+
syntax: "*";
|
|
2233
|
+
inherits: false;
|
|
2234
|
+
}
|
|
2235
|
+
@property --tw-brightness {
|
|
2236
|
+
syntax: "*";
|
|
2237
|
+
inherits: false;
|
|
2238
|
+
}
|
|
2239
|
+
@property --tw-contrast {
|
|
2240
|
+
syntax: "*";
|
|
2241
|
+
inherits: false;
|
|
2242
|
+
}
|
|
2243
|
+
@property --tw-grayscale {
|
|
2244
|
+
syntax: "*";
|
|
2245
|
+
inherits: false;
|
|
2246
|
+
}
|
|
2247
|
+
@property --tw-hue-rotate {
|
|
2248
|
+
syntax: "*";
|
|
2249
|
+
inherits: false;
|
|
2250
|
+
}
|
|
2251
|
+
@property --tw-invert {
|
|
2252
|
+
syntax: "*";
|
|
2253
|
+
inherits: false;
|
|
2254
|
+
}
|
|
2255
|
+
@property --tw-opacity {
|
|
2256
|
+
syntax: "*";
|
|
2257
|
+
inherits: false;
|
|
2258
|
+
}
|
|
2259
|
+
@property --tw-saturate {
|
|
2260
|
+
syntax: "*";
|
|
2261
|
+
inherits: false;
|
|
2262
|
+
}
|
|
2263
|
+
@property --tw-sepia {
|
|
2264
|
+
syntax: "*";
|
|
2265
|
+
inherits: false;
|
|
2266
|
+
}
|
|
2267
|
+
@property --tw-drop-shadow {
|
|
2268
|
+
syntax: "*";
|
|
2269
|
+
inherits: false;
|
|
2270
|
+
}
|
|
2271
|
+
@property --tw-drop-shadow-color {
|
|
2272
|
+
syntax: "*";
|
|
2273
|
+
inherits: false;
|
|
2274
|
+
}
|
|
2275
|
+
@property --tw-drop-shadow-alpha {
|
|
2276
|
+
syntax: "<percentage>";
|
|
2277
|
+
inherits: false;
|
|
2278
|
+
initial-value: 100%;
|
|
2279
|
+
}
|
|
2280
|
+
@property --tw-drop-shadow-size {
|
|
2281
|
+
syntax: "*";
|
|
2282
|
+
inherits: false;
|
|
2283
|
+
}
|
|
2178
2284
|
@layer properties {
|
|
2179
2285
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2180
2286
|
*, ::before, ::after, ::backdrop {
|
|
@@ -2206,18 +2312,31 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
|
|
|
2206
2312
|
--tw-outline-style: solid;
|
|
2207
2313
|
--tw-duration: initial;
|
|
2208
2314
|
--tw-ease: initial;
|
|
2315
|
+
--tw-blur: initial;
|
|
2316
|
+
--tw-brightness: initial;
|
|
2317
|
+
--tw-contrast: initial;
|
|
2318
|
+
--tw-grayscale: initial;
|
|
2319
|
+
--tw-hue-rotate: initial;
|
|
2320
|
+
--tw-invert: initial;
|
|
2321
|
+
--tw-opacity: initial;
|
|
2322
|
+
--tw-saturate: initial;
|
|
2323
|
+
--tw-sepia: initial;
|
|
2324
|
+
--tw-drop-shadow: initial;
|
|
2325
|
+
--tw-drop-shadow-color: initial;
|
|
2326
|
+
--tw-drop-shadow-alpha: 100%;
|
|
2327
|
+
--tw-drop-shadow-size: initial;
|
|
2209
2328
|
}
|
|
2210
2329
|
}
|
|
2211
2330
|
}
|
|
2212
|
-
`,yf={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},bf={enabled:!0,color:`#2563eb`,diagonals:!1,opacity:1,width:1,pattern:`dashed`,dashLength:4,gap:3},xf={opacity:1,edgeReveal:!1},Sf=e=>typeof e==`object`&&!!e&&!Array.isArray(e),Cf=e=>typeof e==`object`&&!!e&&!Array.isArray(e),wf=e=>typeof e==`string`,Tf=e=>typeof e==`boolean`,Ef=e=>typeof e==`number`&&Number.isFinite(e),Df=e=>e===`hex`||e===`rgb`||e===`hsl`||e===`oklch`,Of=e=>e===`solid`||e===`dashed`||e===`dotted`,kf=e=>e===`system`||e===`light`||e===`dark`,Af=e=>e===`off`||e===`hover`||e===`click`,jf=e=>e===`none`||e===`select`||e===`guides`||e===`text-inspector`||e===`xray`||e===`rulers`,Mf=e=>e===`vertical`||e===`horizontal`,Nf=e=>Sf(e)?Ef(e.left)&&Ef(e.top)&&Ef(e.width)&&e.width>=0&&Ef(e.height)&&e.height>=0:!1,Pf=e=>Sf(e)?wf(e.id)&&Nf(e.rect)&&Nf(e.normalizedRect)&&Ef(e.deltaX)&&Ef(e.deltaY):!1,Ff=e=>Sf(e)?wf(e.id)&&Mf(e.orientation)&&Ef(e.position):!1,If=e=>Sf(e)?wf(e.id)&&Nf(e.rectA)&&Nf(e.rectB)&&Nf(e.normalizedRectA)&&Nf(e.normalizedRectB)&&Array.isArray(e.connectors):!1,Lf=(e,t)=>{if(Cf(e))return{opacity:Ef(e.opacity)?Math.min(1,Math.max(0,e.opacity)):t.opacity,width:Ef(e.width)?Math.min(4,Math.max(1,e.width)):t.width,pattern:Of(e.pattern)?e.pattern:t.pattern,dashLength:Ef(e.dashLength)?Math.min(24,Math.max(2,e.dashLength)):t.dashLength,gap:Ef(e.gap)?Math.min(24,Math.max(0,e.gap)):t.gap}},Rf=e=>Lf(e,yf),zf=e=>{if(!Cf(e))return;let t=Lf(e,bf);if(t)return{...t,enabled:Tf(e.enabled)?e.enabled:bf.enabled,color:wf(e.color)?e.color:bf.color,diagonals:Tf(e.diagonals)?e.diagonals:bf.diagonals}},Bf=e=>{if(Cf(e))return{opacity:Ef(e.opacity)?Math.min(1,Math.max(.2,e.opacity)):xf.opacity,edgeReveal:Tf(e.edgeReveal)?e.edgeReveal:xf.edgeReveal}},Vf=e=>{if(!Cf(e))return{};let t={};if(wf(e.highlightColor)&&(t.highlightColor=e.highlightColor),wf(e.guideColor)&&(t.guideColor=e.guideColor),Tf(e.hoverHighlightEnabled)&&(t.hoverHighlightEnabled=e.hoverHighlightEnabled),Array.isArray(e.colorPickerFormats)){let n=e.colorPickerFormats.filter(Df);n.length>0&&(t.colorPickerFormats=n)}Df(e.colorPickerClickFormat)&&(t.colorPickerClickFormat=e.colorPickerClickFormat),Tf(e.snapEnabled)&&(t.snapEnabled=e.snapEnabled),Tf(e.snapGuidesEnabled)&&(t.snapGuidesEnabled=e.snapGuidesEnabled),Tf(e.selectNewGuideEnabled)&&(t.selectNewGuideEnabled=e.selectNewGuideEnabled),Tf(e.multiMeasureEnabled)&&(t.multiMeasureEnabled=e.multiMeasureEnabled),Tf(e.layoutDetailsEnabled)&&(t.layoutDetailsEnabled=e.layoutDetailsEnabled),Af(e.infoCardMode)&&(t.infoCardMode=e.infoCardMode),Tf(e.persistOnReload)&&(t.persistOnReload=e.persistOnReload),Tf(e.shortcutsEnabled)&&(t.shortcutsEnabled=e.shortcutsEnabled),kf(e.theme)&&(t.theme=e.theme),(e.toolbarDock===`free`||e.toolbarDock===`snap`)&&(t.toolbarDock=e.toolbarDock),Tf(e.toolbarAutoHide)&&(t.toolbarAutoHide=e.toolbarAutoHide);let n=Rf(e.guideStyle);n&&(t.guideStyle=n);let r=zf(e.selectionSpacingStyle);r&&(t.selectionSpacingStyle=r);let i=Bf(e.rulerSettings);return i&&(t.rulerSettings=i),t},Hf=e=>!Cf(e)||!Tf(e.enabled)||!jf(e.toolMode)||!Mf(e.guideOrientation)||!Array.isArray(e.guides)||!Array.isArray(e.selectedGuideIds)||!Array.isArray(e.measurements)||!Array.isArray(e.heldDistances)?null:{enabled:e.enabled,xrayVisible:Tf(e.xrayVisible)?e.xrayVisible:e.toolMode===`xray`,toolMode:e.toolMode,rulersVisible:Tf(e.rulersVisible)?e.rulersVisible:e.toolMode===`rulers`,guideOrientation:e.guideOrientation,guides:e.guides.filter(Ff),selectedGuideIds:e.selectedGuideIds.filter(wf),measurements:e.measurements.filter(Pf),activeMeasurement:Pf(e.activeMeasurement)?e.activeMeasurement:null,heldDistances:e.heldDistances.filter(If)},Uf=e=>!Cf(e)||e.version!==2?null:{settings:Vf(e.settings),workspace:Hf(e.workspace)},Wf=e=>Cf(e)?e.version===2?Uf(e):e.version===1?{settings:{},workspace:Hf(e)}:null:null,Gf=e=>JSON.parse(e),Kf=`mesurer.pages/v1`,qf=e=>{if(!Cf(e)||e.format!==Kf||!Cf(e.pages))return null;let t={};for(let[n,r]of Object.entries(e.pages)){let e=Hf(r);e&&(t[n]=e)}return{format:Kf,settings:Vf(e.settings),pages:t}},Jf=(e,t,n=t,r)=>{let i,a=Rl(e),o=t=>{try{let n=e.localStorage.getItem(t);return n?Gf(n):null}catch(e){return i?.(e),null}},s=e=>{let t=o(e);return t?Wf(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:Kf,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)}}},Yf=2,Xf=64,Zf=`--mesurer-spacing-label-collision-x`,Qf=`--mesurer-spacing-label-collision-y`,$f=22,ep=16,tp=new WeakMap,np=(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}),rp=(e,t)=>e.left<t.right+Yf&&e.right+Yf>t.left&&e.top<t.bottom+Yf&&e.bottom+Yf>t.top,ip=(e,t,n)=>e.left>=Yf&&e.top>=Yf&&e.right<=t-Yf&&e.bottom<=n-Yf,ap=e=>{if(e===0)return 0;let t=Math.ceil(e/2);return e%2==1?t:-t},op=(e,t)=>{let n=Number.parseFloat(e.style.getPropertyValue(t));return Number.isFinite(n)?n:0},sp=e=>{let t=Number.parseInt(e.getAttribute(`data-mesurer-distance-label-index`)??`0`,10);return Number.isFinite(t)?t:0},cp=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}},lp=(e,t,n,r)=>{Math.abs(n-r)<.5||(r===0?e.style.removeProperty(t):e.style.setProperty(t,`${r}px`))},up=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=op(o,Zf),c=op(o,Qf),l=e.getAttribute(`data-mesurer-distance-label-axis`),u=cp(e),d={x:-u.y,y:u.x},f=sp(e),p=l===`y`?f*$f:0,m=l===`x`?f*ep: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+Yf:l===`y`?g.height+Yf:Math.max(g.width,g.height)+Yf,v=ap(f),y=g,b=0,x=0,S=!1;for(let e=0;e<Xf;e+=1){let n=(v+ap(e))*_,r=u.x*n,o=u.y*n,s=np(g,r,o);if(!(!i&&!ip(s,t.innerWidth,t.innerHeight))&&!a.some(e=>rp(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+Yf:l===`y`?g.width+Yf:Math.max(g.width,g.height)+Yf;for(let e=1;e<Xf;e+=1){let i=ap(e)*r,o=t+d.x*i,s=n+d.y*i,c=np(g,o,s);if(!a.some(e=>rp(c,e))){y=c,b=o,x=s;break}}}let C=b-p,w=x-m;lp(e,Zf,op(e,Zf),C),lp(e,Qf,op(e,Qf),w),i&&(lp(i,Zf,s,C),lp(i,Qf,c,w)),a.push(y)}},dp=e=>{let t=tp.get(e);if(t){t.dirty=!0;return}let n=e.ownerDocument.defaultView;if(!n)return;let r={dirty:!1};tp.set(e,r),n.requestAnimationFrame(()=>{tp.delete(e),e.isConnected&&(up(e),r.dirty&&dp(e))})},fp=`data-mesurer-spacing-label-pinned`,pp=`data-mesurer-spacing-label-group`,mp=`data-mesurer-spacing-base-opacity`,hp=`[data-mesurer-selected-measurement="true"], [data-mesurer-selection-spacing-target="true"]`,gp=`[data-mesurer-distance-hover-target="true"]`,_p=8,vp=new WeakMap,yp=new WeakMap,bp=new WeakMap,xp=new WeakMap,Sp=e=>e.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.parentElement??null,Cp=e=>{queueMicrotask(()=>dp(e))},wp=e=>{let t=()=>{let t=Sp(e);t&&dp(t)};queueMicrotask(t),e.ownerDocument.defaultView?.requestAnimationFrame(t)},Tp=e=>{let t=Sp(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`)}},Ep=e=>`${e.style.left}:${e.style.top}:${e.style.width}:${e.style.height}`,Dp=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},Op=(e,t)=>{let n=t?new Set([...t.querySelectorAll(gp)].map(Ep)):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(hp),...i?.querySelectorAll(hp)??[]];for(let e of a){if(!n){let t=e.getAttribute(mp);if(t===null)continue;t?e.style.opacity=t:e.style.removeProperty(`opacity`),e.removeAttribute(mp);continue}e.hasAttribute(mp)||e.setAttribute(mp,e.style.opacity);let t=Dp(e);e.style.opacity=t&&n.has(Ep(t))?`1`:`0.32`}},kp=e=>{let t=bp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),bp.delete(e))},Ap=e=>{let t=xp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),xp.delete(e))},jp=(e,t)=>{if(!e.hasAttribute(pp)){t?.setExpandedKey(null);return}e.removeAttribute(pp),t?.setExpandedKey(null),Cp(e)},Mp=(e,t,n)=>{e.getAttribute(pp)!==t&&(e.setAttribute(pp,t),n?.setExpandedKey(t),Cp(e))},Np=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):[]},Pp=(e,t)=>{let n=Np(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`),Op(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`}Op(e,i)},Fp=e=>{let t=vp.get(e);t!==void 0&&(e.ownerDocument.defaultView?.clearTimeout(t),vp.delete(e))},Ip=e=>{let t=yp.get(e);t&&(e.ownerDocument.removeEventListener(`pointerdown`,t,!0),yp.delete(e))},Lp=(e,t)=>{Fp(e),kp(e),Ip(e),e.removeAttribute(fp),t?.setPinnedKey(null),jp(e,t),Pp(e,null)},Rp=(e,t)=>{if(yp.has(e))return;let n=n=>{let r=n.target,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null;i&&Sp(i)===e||Lp(e,t)};yp.set(e,n),e.ownerDocument.addEventListener(`pointerdown`,n,!0)},zp=(e,t)=>{if(e.hasAttribute(fp)||vp.has(e))return;let n=e.ownerDocument.defaultView;n&&vp.set(e,n.setTimeout(()=>{vp.delete(e),!e.hasAttribute(fp)&&(kp(e),jp(e,t),Pp(e,null))},250))},Bp=(e,t,n,r,i=_p)=>{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},Vp=(e,t,n)=>{if(e.hasAttribute(fp)){kp(e);return}if(bp.get(e)?.key===t)return;kp(e);let r=r=>{if(!e.isConnected||e.hasAttribute(fp)){kp(e);return}if(Bp(e,t,r.clientX,r.clientY)){Fp(e);return}zp(e,n)};bp.set(e,{key:t,handler:r}),e.ownerDocument.addEventListener(`pointermove`,r,!0)},Hp=(e,t)=>{Ap(e);let n=n=>{(!e.isConnected||!Bp(e,t,n.clientX,n.clientY,2))&&Ap(e)};xp.set(e,{key:t,handler:n}),e.ownerDocument.addEventListener(`pointermove`,n,!0)},Up=(e,t)=>xp.get(e)?.key===t,Wp=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=Tp(t.currentTarget);if(!n)return;Fp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(fp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;!r&&i&&n.labelCount>1&&!Up(n.scope,n.labelKey)?(Mp(n.scope,n.labelKey,e.spacingInteraction),Vp(n.scope,n.labelKey,e.spacingInteraction)):!r&&n.scope.getAttribute(pp)===n.labelKey&&Vp(n.scope,n.labelKey,e.spacingInteraction),Pp(n.scope,n.distanceId);for(let t of Np(n.scope))t.dataset.mesurerDistanceId===n.distanceId&&t.setAttribute(`data-mesurer-spacing-hover-axis`,e.axis)},c=t=>{let n=Tp(t.currentTarget);if(!n)return;for(let e of Np(n.scope))e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(n.scope.hasAttribute(fp))return;let r=t.relatedTarget,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null,a=i?Tp(i):null;if(a?.scope===n.scope&&a.labelKey===n.labelKey){Fp(n.scope);return}zp(n.scope,e.spacingInteraction)},l=e=>{Tp(e.currentTarget)&&e.stopPropagation()};var u=X(`div`,{onMouseEnter:s,onMouseLeave:c,onMouseDown:t=>{let n=Tp(t.currentTarget);if(!n||(t.stopPropagation(),n.labelCount<=1))return;Fp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(fp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;if(r===n.labelKey&&i){Lp(n.scope,e.spacingInteraction),Hp(n.scope,n.labelKey);return}kp(n.scope),Ap(n.scope),n.scope.setAttribute(fp,n.labelKey),e.spacingInteraction?.setPinnedKey(n.labelKey),Mp(n.scope,n.labelKey,e.spacingInteraction),Rp(n.scope,e.spacingInteraction),Pp(n.scope,n.distanceId)},onPointerMove:l,onPointerDown:l,onPointerUp:l,onClick:e=>{Tp(e.currentTarget)&&e.stopPropagation()}});return ic(()=>e=>{wp(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},Gp=(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}},Kp=(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:(Kp(r,n)+Kp(i,n))/2},Jp=(e,t,n)=>n&&n>0?qp(e,t,n):(e+t)/2,Yp=(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))},Xp=(e,t,n)=>e+n/2>0&&e-n/2<t,Zp=(e,t,n)=>Math.max(e,t)>0&&Math.min(e,t)<n;function Qp(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??bf,s=()=>globalThis.window,c=e=>{if(t())return e;let n=s()?.innerWidth;return n&&n>0?Yp(e,n):e},l=e=>{if(t())return e;let n=s()?.innerHeight;return n&&n>0?Yp(e,n):e},u=(e,n,r)=>t()?(e+n)/2:Jp(e,n,r),d=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Zp(n,r,o.innerWidth)&&Xp(i,o.innerHeight,a)},f=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Xp(n,o.innerWidth,a)&&Zp(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`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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%`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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 $p=`--mesurer-nested-scroll-x`,em=`--mesurer-nested-scroll-y`,tm=(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,$p,d),h(e,em,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($p),e.style.removeProperty(em);a.clear()}}}},nm={top:!0,right:!0,bottom:!0,left:!0},rm=e=>Math.round(e),im=`2147482800`;function am(e){let t,n,[r,i]=G(null),a=()=>e.edgeVisibility??nm,o=()=>!!e.measurement?.id.startsWith(`group-`),s=()=>!!(e.measurement&&`paddingRect`in e.measurement),c=e=>`cssRect`in e&&e.cssRect?e.cssRect:e.rect,l=()=>s()?`none`:`left 140ms ease, top 140ms ease, width 140ms ease, height 140ms ease`,u=()=>s()?`none`:`left 140ms ease, top 140ms ease`,d=()=>{let t=e.measurement;if(!t||!(`paddingRect`in t))return null;let n=t.elementRef;return n?.isConnected?n:null},f=()=>{let e=d(),t=r(),n=e?.ownerDocument.defaultView;return!e||!n||t!==e.ownerDocument.body?{x:0,y:0}:{x:n.scrollX,y:n.scrollY}},p=()=>{let e=d();if(!e||!t||!n)return;let r=qu(e),i=e.ownerDocument.defaultView,a=t.parentElement,o=!!(i&&a?.parentNode===e.ownerDocument.body),s=o?i.scrollX:0,c=o?i.scrollY:0,l=r.left+s,u=r.top+c;Object.assign(t.style,{left:`${l}px`,top:`${u}px`,width:`${r.width}px`,height:`${r.height}px`}),Object.assign(n.style,{left:`${l+r.width/2}px`,top:`${u+r.height+2}px`})};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?ff(t,e):null,c=o?tm(r,e,()=>[t,n]):null,l=0,u=()=>{t?.dataset.mesurerNativeScrollAnchor===`box`||l||(l=r.requestAnimationFrame(()=>{l=0,t?.dataset.mesurerNativeScrollAnchor!==`box`&&p()}))},f=new r.ResizeObserver(p);return p(),c?.sync(),f.observe(e),r.addEventListener(`scroll`,u,{capture:!0,passive:!0}),r.addEventListener(`resize`,p,!0),()=>{f.disconnect(),s?.(),c?.release(),l&&r.cancelAnimationFrame(l),r.removeEventListener(`scroll`,u,!0),r.removeEventListener(`resize`,p,!0)}});let m=r=>[Y(K,{get when(){return!o()},get children(){var n=X(`div`,{"data-mesurer-measurement-chrome":`true`,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{t=e},n),Q(n,Y(K,{get when(){return a().top},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().right},get children(){var t=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().bottom},get children(){var t=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().left},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),q(()=>({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()?im: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)=>{$(n,`style`,e,t)}),n}}),Y(K,{get when(){return e.showLabel!==!1},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,()=>rm(c(r()).width),t),Q(e,()=>rm(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()?im: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}})];return Y(K,{get when(){return e.measurement},children:t=>Y(K,{get when(){return J(()=>!!(s()&&!o()))()?r():null},get fallback(){var e=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`});return Q(e,()=>m(t)),q(()=>({e:`paddingRect`in t()?`true`:void 0,t:o()?`true`:void 0}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`data-mesurer-selected-measurement`,t,r?.e),n!==r?.t&&$(e,`data-mesurer-selection-group`,n,r?.t)}),e},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`,"data-mesurer-selected-measurement":`true`,"data-mesurer-inspector-ui":`true`});return Q(n,()=>m(t)),q(()=>e.theme??`system`,(e,t)=>{$(n,`data-theme`,e,t)}),n}})})})}var om=e=>Math.round(e),sm=e=>Number.parseFloat(e)||0,cm=e=>e.split(` `).map(e=>`${e}px`).join(` `),lm=e=>{let t=om(e.top),n=om(e.right),r=om(e.bottom),i=om(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}`},um=(e,t)=>{let n=om(e),r=om(t);return n===0&&r===0?null:n===r?String(n):`${n} ${r}`},dm=e=>{let t=[e.top,e.right,e.bottom,e.left].map(sm).map(om);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`},fm=e=>{let t=[e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].map(sm);if(t.every(e=>e===0))return null;let n=lm({top:t[0],right:t[1],bottom:t[2],left:t[3]}),r=e.borderTopStyle;return n?`${cm(n)}${r&&r!==`none`&&t.every(e=>e===t[0])?` ${r}`:``}`:null},pm=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}},mm=(e,t)=>e.length<=t?e:`${e.slice(0,t-1)}…`,hm=(e,t,n)=>{n&&e.push({label:t,value:n})},gm=(e,t,n)=>{let r=[],i=lm(e.padding),a=um(sm(t.rowGap),sm(t.columnGap));hm(r,`padding`,i?cm(i):null),hm(r,`gap`,a?cm(a):null);let o=lm(e.margin);hm(r,`margin`,o?cm(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`?(hm(r,`flex-direction`,t.flexDirection===`row`?null:t.flexDirection),hm(r,`align-items`,[`normal`,`stretch`].includes(t.alignItems)?null:t.alignItems),hm(r,`justify-content`,[`normal`,`flex-start`].includes(t.justifyContent)?null:t.justifyContent)):(s===`grid`||s===`inline-grid`)&&(hm(r,`grid-template-columns`,t.gridTemplateColumns===`none`?null:mm(t.gridTemplateColumns,40)),hm(r,`grid-template-rows`,t.gridTemplateRows===`none`?null:mm(t.gridTemplateRows,40))),t.position&&t.position!==`static`&&(r.push({label:`position`,value:t.position}),hm(r,`inset`,dm(t))),t.zIndex.trim()&&![`auto`,`0`].includes(t.zIndex.trim())&&r.push({label:`z-index`,value:t.zIndex.trim()}),hm(r,`border`,fm(t)),hm(r,`radius`,[``,`0px`,`0px 0px 0px 0px`].includes(t.borderRadius.trim())?null:t.borderRadius.trim());let c=t.backgroundColor.trim(),l=pm(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=pm(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:mm(t.boxShadow.trim(),52)});let f=Number.parseFloat(t.opacity);return Number.isFinite(f)&&f<.999&&r.push({label:`opacity`,value:String(om(f*100)/100)}),t.overflow&&t.overflow!==`visible`&&r.push({label:`overflow`,value:t.overflow}),r},_m=(e,t)=>t||e.length<=6?{visible:e,hiddenCount:0}:{visible:e.slice(0,6),hiddenCount:e.length-6},vm=(e,t,n,r=!1,i=[])=>{let a=Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),o=e.top+e.height+4,s=e.top-t.height-4,c=Math.max(8,Math.min(e.top,n.height-t.height-8)),l=[{left:a,top:o},{left:a,top:s},{left:Math.max(8,e.left-t.width-4),top:c},{left:Math.min(e.left+e.width+4,n.width-t.width-8),top:c},{left:a,top:Math.max(8,Math.min(o,n.height-t.height-8))}],u=(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;for(let a of l){let o={...a,width:t.width,height:t.height},s=a.left>=8&&a.top>=8&&a.left+t.width<=n.width-8&&a.top+t.height<=n.height-8,c=!r||!u(o,e),l=i.every(e=>!u(o,e));if(s&&c&&l)return a}return{left:a,top:Math.max(8,Math.min(o,n.height-t.height-8))}},ym=new Map([[`100`,`thin`],[`200`,`extralight`],[`300`,`light`],[`400`,`normal`],[`500`,`medium`],[`600`,`semibold`],[`700`,`bold`],[`800`,`extrabold`],[`900`,`black`]]),bm=[`font-family`,`font-size`,`font-weight`,`line-height`,`letter-spacing`],xm=new Map([[`Family`,`font-family`],[`Size`,`font-size`],[`Weight`,`font-weight`],[`Line`,`line-height`],[`Tracking`,`letter-spacing`]]),Sm=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},Cm=e=>(e.split(`,`)[0]??``).trim().replace(/^['"]|['"]$/g,``),wm=e=>{let t=ym.get(e);return t?`${e} / ${t}`:e},Tm=e=>e?/var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1]??null:null,Em=e=>(e.match(/#[\w-]+/g)??[]).length*1e4+(e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g)??[]).length*100+(e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g)??[]).length,Dm=(e,t)=>!t||(e.important===t.important?e.specificity===t.specificity?e.order>t.order:e.specificity>t.specificity:e.important),Om=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(bm.map(e=>[e,null])),n=this.getRules();for(let r of bm){let i=e;for(;i&&t.get(r)===null;){let e,a=Tm(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=Tm(t.style.getPropertyValue(r));if(!s)continue;let c={name:s,specificity:Em(t.selectorText),order:o,important:t.style.getPropertyPriority(r)===`important`};Dm(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:Cm(t.fontFamily),varName:null},{label:`Size`,value:Sm(t.fontSize),varName:null},{label:`Weight`,value:wm(t.fontWeight),varName:null},{label:`Line`,value:t.lineHeight===`normal`?`normal`:Sm(t.lineHeight),varName:null},{label:`Tracking`,value:t.letterSpacing===`normal`?`normal`:Sm(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=xm.get(e.label);return{...e,varName:t?n.get(t)??null:null}})}}},km=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})(),Am=e=>Y(km,{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`})}}),jm=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},Mm=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})(),Nm=e=>Y(km,{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`})}}),Pm=e=>Y(km,{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`})}}),Fm=e=>Y(km,{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`})}}),Im=e=>Y(km,{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`})}}),Lm=e=>Y(km,{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`})}}),Rm=e=>Y(km,{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})(),Bm=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})(),Vm=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})(),Hm=(e,t,n)=>t*256/e/n,Um=e=>{let t=e.size??20,n=Hm(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},Wm=e=>Y(Um,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M128 48v160M48 128h160`})}}),Gm=e=>Y(Um,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M101.33 48v160M154.67 48v160`})}}),Km=e=>Y(Um,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M48 101.33h160M48 154.67h160`})}}),qm=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})(),Jm=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})(),Ym=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})(),Xm=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})(),Zm=e=>Y(km,{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`})}}),Qm=e=>Y(km,{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`})}}),$m=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})(),eh=e=>Y(km,{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`})}}),th=e=>Y(km,{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 nh(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 rh=e=>Math.round(e);function ih(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(``),_=()=>e.element.ownerDocument,v=()=>_().defaultView,y=lo(()=>(p(),e.measurement,v()?.getComputedStyle(e.element)??null)),b=()=>{let t=v();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},x=lo(()=>{let t=y();return e.layoutDetailsEnabled&&t?gm(e.measurement,t,b()):[]}),S=()=>e.embedded?{visible:x(),hiddenCount:0}:_m(x(),t()),C=()=>e.measurement.cssRect??e.measurement.rect,w=()=>hu(e.element),T=()=>`${rh(C().width)} x ${rh(C().height)}`,E=()=>[...(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']`)??[]].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}]:[]}),D=()=>{let t=vm(e.rect,{width:d(),height:l()},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight},e.passThrough===!0,E());return{left:`${t.left}px`,top:`${t.top}px`}},O=()=>({"pointer-events":e.passThrough?`none`:`auto`,"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)`}),k=()=>e.embedded?{position:`static`,...O()}:{position:`fixed`,...D(),...O()};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 A,j;mo(()=>[e.element,e.measurement.id],([e,t])=>{(e!==A||t!==j)&&(A=e,j=t,n(!1))});let M;mo(()=>e.element,e=>{e!==M&&(M=e,i(!1),o(!1),g(``))}),mo(()=>[e.element,e.passThrough,e.embedded,v()],([e,t,n,r])=>{if(!r||t||n)return;let i=r,a=0,o=()=>{a||=i.requestAnimationFrame(()=>{a=0,m(e=>e+1)})},s=new i.MutationObserver(t=>{t.some(t=>t.type===`attributes`||t.type===`characterData`||t.type===`childList`&&e.contains(t.target))&&o()});s.observe(e,{attributes:!0,attributeFilter:[`class`,`style`],characterData:!0,childList:!0,subtree:!0});let c=e.parentElement;for(;c;){s.observe(c,{attributes:!0,attributeFilter:[`class`,`style`]});let e=c.getRootNode();c=c.parentElement??(e instanceof i.ShadowRoot?e.host:null)}return()=>{s.disconnect(),a&&i.cancelAnimationFrame(a)}});let N=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||(N=tm(o,t,()=>[e],{trackWindow:!0}),e.style.translate=`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,Dn(()=>{N?.release(),N=null,e.style.removeProperty(`translate`)}))}),mo(()=>e.measurement,()=>N?.rebase());let P=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}},F=async()=>{let e=await P(w());i(e)},I=lo(()=>{let t=v();if(!t)return null;let n=t;return e.element instanceof n.HTMLElement?e.element:null}),L=lo(()=>{let t=I();if(!e.singleSelection||!t||!v())return[];p(),y();let n=new Om(_(),v()).getFast(t);return[...n.textSnippet?[{label:`Text`,value:n.textSnippet}]:[],...n.rows.map(({label:e,value:t})=>({label:e,value:t}))]});var R=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()}}),z=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2 msr:px-2`}),B=X(`div`),V=X(`div`,{"data-mesurer-inspect-details":`true`,class:`msr:flex msr:flex-col msr:gap-0.5`});return Z(R,z),Z(R,B),ic(()=>c,R),Q(z,(()=>{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,w),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&&F()},onClick:e=>{e.stopPropagation(),e.detail===0&&F()}});return Q(e,w),q(()=>({e:`Copy selector ${w()}`,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(z,Y(K,{get when(){return r()},get children(){var e=X(`span`,{"aria-label":`Selector copied`});return Q(e,Y(Lm,{size:10})),e}}),null),Q(z,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{class:`msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums`});return Q(e,T),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&&P(T())},onClick:e=>{e.stopPropagation(),e.detail===0&&P(T())}});return Q(e,T),q(()=>a()?`Copy failed`:`Click to copy`,(t,n)=>{$(e,`title`,t,n)}),e})()})(),null),Z(B,V),Q(V,Y(_o,{get each(){return L()},children:t=>Y(nh,{row:t,copy:P,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})}),null),Q(V,Y(K,{get when(){return e.layoutDetailsEnabled},get children(){return Y(_o,{get each(){return S().visible},children:t=>Y(nh,{row:t,copy:P,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})})}}),null),Q(R,Y(K,{get when(){return J(()=>!e.passThrough)()&&(S().hiddenCount>0||t())},get children(){var r=X(`div`,{class:`msr:mt-2 msr:px-2`}),i=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(r,i),Q(i,(()=>{var e=J(()=>!!t());return()=>e()?`Show less`:`Show ${S().hiddenCount} more`})()),q(()=>({e:t()?`true`:`false`,t:t()?`Show less CSS details`:`Show ${S().hiddenCount} more CSS details`,a:{"pointer-events":e.passThrough?`none`:`auto`}}),({e,t,a:n},r)=>{e!==r?.e&&$(i,`aria-expanded`,e,r?.e),t!==r?.t&&$(i,`aria-label`,t,r?.t),n!==r?.a&&$(i,`style`,n,r?.a)}),r}}),null),Q(R,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.theme,t:`${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]`,a:{...k(),"pointer-events":e.passThrough?`none`:`auto`},o:`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)=>{e!==i?.e&&$(R,`data-theme`,e,i?.e),t!==i?.t&&$(R,`class`,t,i?.t),n!==i?.a&&$(R,`style`,n,i?.a),r!==i?.o&&$(B,`class`,r,i?.o)}),R}var ah=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 oh(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=()=>{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())},P=()=>{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},F=e=>e,I=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()||N())return null;let t=e.model.state.selectedMeasurement,n=t?.elementRef;return!t||!n?.isConnected||t.id.startsWith(`group-`)?null:{element:n,measurement:t}}),L=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}),R=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||N())return null;let t=L(),n=e.model.state.hoverRect;return!t||!n?null:{...t,rect:n}});mo(()=>M(),()=>{let e=t?.ownerDocument.defaultView;e&&(i=e.scrollX,a=e.scrollY,r?.style.removeProperty(`transform`))});let z=lo(()=>{let e=M()[0]?.documentScroll;if(e)return e;let n=t?.ownerDocument.defaultView;return{x:n?.scrollX??0,y:n?.scrollY??0}}),B=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))}),V=lo(()=>e.displayedSelectedMeasurements),H=lo(()=>{let t=e.model.state.hoverElement;return!!(t&&M().some(e=>e.elementRef===t))}),U=lo(()=>e.model.state.heldDistances),ee=lo(()=>nf(B().map(e=>e.rect))),W=lo(()=>nf(V().map(e=>e.rect))),te=lo(()=>{let n=M();if(!S()||!e.selectionSpacingStyle.enabled||n.length<2)return[];let r=t?.ownerDocument.defaultView;return r?Ed(n,r):[]}),ne=lo(()=>te().map(e=>e.id)),re=e=>te().find(t=>t.id===e),ie=lo(()=>M().map(e=>e.id).join(`|`));mo(()=>ie(),()=>{f(null),m(null)});let ae=()=>{let t=e.model.state.hoverRect;return t?nf([t,...V().map(e=>e.rect)])[0]??null:null},oe=()=>rf(t,e.model.state.hoverElement),se=()=>{let t=e.model.state.hoverElement,n=oe(),r=t?.ownerDocument.defaultView;return!t||!r||n!==t.ownerDocument.body?{x:0,y:0}:{x:r.scrollX,y:r.scrollY}},ce=()=>{let t=e.model.state.hoverRect,r=!!oe(),i=se();var a=X(`div`,{"data-mesurer-hover-measurement":`true`,"data-mesurer-document-hover-layer":r?`true`:void 0,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{n=e},a),Q(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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":r?`2147482700`:void 0,left:`${t.left+i.x}px`,top:`${t.top+i.y}px`,width:`${t.width}px`,height:`${t.height}px`,"background-color":k(),transition:`none`,animation:`none`}),(e,t)=>{$(a,`style`,e,t)}),a},le=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)`},ue=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}),de=()=>{s&&t?.ownerDocument.defaultView?.clearTimeout(s),s=0,c=null},fe=(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]),de();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)},pe=(t,n)=>{n.stopPropagation(),de(),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&&(_f(vf,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']`)??d.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true']`)??d.querySelector(`[data-mesurer-island='true']`)?.shadowRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='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=t.getBoundingClientRect(),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(!sf(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`),de(),o?.previousUserSelect!==null&&o&&(d.documentElement.style.userSelect=o.previousUserSelect),o=null}});let me=()=>[Y(_o,{get each(){return V()},keyed:e=>e.id,children:(t,n)=>Y(am,{get measurement(){return t()},get showLabel(){return e.model.state.selectedMeasurements.length!==1||I()?.element!==t().elementRef},get edgeVisibility(){return W()[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())()?V()[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:`${V()[0].rect.left}px`,top:`${V()[0].rect.top}px`,width:`${V()[0].rect.width}px`,height:`${V()[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 ne()},children:t=>Y(Qp,{get distance(){return re(t)},kind:`selection-spacing`,showRects:!1,get spacingScopeId(){return ie()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,renderPart:`paint`})})]}})];var he=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},he),Q(he,Y(K,{get when(){return S()},get children(){return[Y(_o,{get each(){return B()},children:(t,n)=>Y(am,{measurement:t,get edgeVisibility(){return ee()[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(ah,{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)))()?!H():e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)},get children(){return Y(K,{get when(){return oe()},get fallback(){return ce()},children:e=>Y(Zo,{get mount(){return e()},get children(){return ce()}})})}})]}}),null),Q(he,Y(K,{get when(){return I()},children:n=>{let r=P();return _f(vf,t.ownerDocument.body),Y(Zo,{get mount(){return F(r??t)},get children(){return Y(ih,{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(he,Y(K,{get when(){return J(()=>!I())()&&R()},children:n=>{let r=P();return _f(vf,t.ownerDocument.body),Y(Zo,{get mount(){return F(r??t)},get children(){return Y(ih,{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(he,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":le(`preview`)}:{top:`6px`,left:`0`,height:`2px`,width:`100%`,"background-color":le(`preview`)}}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`style`,r,i?.t)}),t}}),null),Q(he,Y(K,{get when(){return S()},get children(){return Y(K,{get when(){return J(()=>M().length>1)()?h():null},get fallback(){return Y(me,{})},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(me,{})),q(()=>({e:ie(),t:e.model.state.settings.theme,a:{position:`absolute`,left:`${z().x}px`,top:`${z().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(he,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 ne()},children:t=>Y(Qp,{get distance(){return re(t)},showRects:!1,kind:`selection-spacing`,get spacingScopeId(){return ie()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,get renderPart(){return h()?`interaction`:`all`}})})),t}}),null),Q(he,Y(_o,{get each(){return U()},children:t=>Y(Qp,{distance:t,get onRemove(){return e.model.removeHeldDistance},kind:`held`})}),null),Q(he,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionPairOverlay:S()&&e.model.state.altPressed},get children(){return Y(Qp,{get distance(){return e.optionPairOverlay},kind:`preview`})}}),null),Q(he,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(Qp,{get distance(){return e.guideDistanceOverlay},kind:`preview`})}}),null),Q(he,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(ah,{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(ah,{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(ah,{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(ah,{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(he,Y(_o,{get each(){return ue()},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()?le(`active`):i()?le(`hover`):le(`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`&&fe(t,r)},onPointerUp:r=>{!n()&&e.model.current.toolMode!==`none`&&pe(t,r)},onPointerCancel:r=>{!n()&&e.model.current.toolMode!==`none`&&pe(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&&$(he,`class`,e,n?.e),t!==n?.t&&$(he,`style`,t,n?.t)}),he}var sh=18,ch=5,lh=32,uh=Array.from({length:801},(e,t)=>t*ch);function dh(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<=lh||t.clientX>=e.ownerWindow.innerWidth-lh,r=t.clientY<=lh||t.clientY>=e.ownerWindow.innerHeight-lh;o(n||r)}d(t)},n=t=>{if(!e.settings.edgeReveal)return;let n=t.clientX<=lh||t.clientX>=e.ownerWindow.innerWidth-lh,r=t.clientY<=lh||t.clientY>=e.ownerWindow.innerHeight-lh;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:uh,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-sh)),q(()=>({e:e.position-sh-8,t:e.position-sh+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()-sh)),q(()=>({e:t()-sh-8,t:t()-sh+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:uh,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-sh)),q(()=>({e:e.position-sh-38,t:e.position-sh-16,a:`rotate(-90 9 ${e.position-sh-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()-sh)),q(()=>({e:t()-sh-38,t:t()-sh-16,a:`rotate(-90 9 ${t()-sh-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 fh=e=>Object.prototype.hasOwnProperty.call(e,`__codexWebMcpModelContext`),ph=new WeakSet,mh=e=>typeof e==`function`&&typeof e.prototype?.open==`function`,hh=e=>{ph.add(e)},gh=e=>{if(fh(e)||ph.has(e))return!1;let t=e.EyeDropper;return mh(t)},_h=e=>Uc(e)||gh(e),vh={x:16,y:16},yh={x:84,y:48},bh=e=>e.process?.type===`renderer`||!!e.process?.versions?.electron||/\bElectron\/\d/i.test(e.navigator.userAgent),xh=e=>{let t=e.navigator.platform||e.navigator.userAgent;return/^Mac/i.test(t)||/\bMacintosh\b/i.test(e.navigator.userAgent)},Sh=e=>bh(e)&&xh(e),Ch={x:0,y:0,width:84,height:48},wh=e=>{if(!Sh(e))return null;let t=e.__MESURER_HOST__?.windowControls;if(t)return t.visible?t.bounds??Ch: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:Ch},Th=e=>wh(e)?yh:vh,Eh=(e,t,n,r=0,i=0)=>{let a=wh(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},Dh=(e,t)=>Eh(e,t??Th(e),8,352,40),Oh=(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 Eh(e,{x:Math.min(o,Math.max(i,t.x)),y:Math.min(s,Math.max(a,t.y))},i,n.width,n.height)},kh=[`top`,`bottom`,`left`,`right`],Ah=8,jh=e=>e===`left`||e===`right`,Mh=({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))}},Nh=(e,t,n)=>Mh({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}),Ph=(e,t,n)=>e+(t-e)*n,Fh=e=>Math.min(1,Math.max(0,e)),Ih=e=>e*e*(3-2*e),Lh=[`center`,`start`,`end`],Rh=(e,t,n,r)=>{let[i,a,o]=jh(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`},zh=(e,t,n,r)=>{if(t===`center`)return Nh(e,n,r);let i=t===`start`?-1/0:1/0;return Mh({side:e,point:{x:i,y:i},size:n,viewport:r})},Bh=(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)}},Vh=(e,t)=>{let n=null;for(let r of kh){let i=e(r);i<=t&&(!n||i<n.gap)&&(n={side:r,gap:i})}return n},Hh=(e,t,n)=>({x:Math.max(Ah,Math.min(e.x,n.width-t.width-Ah)),y:Math.max(Ah,Math.min(e.y,n.height-t.height-Ah))}),Uh=({point:e,size:t,viewport:n,glued:r,align:i})=>{let a=r??Vh(r=>Bh(r,e,t,n),1/0).side,o=r&&i||Rh(a,e,t,n);return{side:a,align:o,position:zh(a,o,t,n)}},Wh=(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(Ph(a,e,Ih(Fh((o-c)/(s-c)))))},Gh=(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},Kh=(e,t,n,r)=>{let i=null;for(let a of kh)for(let o of Lh){if(o!==`center`&&jh(a)!==t)continue;let s=zh(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}},qh=(e,t,n=null)=>{let r=n=>Bh(n,e,{width:0,height:0},t);return n&&r(n)<=80?n:Gh(e,t)?null:Vh(r,72)?.side??null},Jh=({pointer:e,grab:t,glued:n,upright:r,pushed:i=!1,latched:a=!1,sizeFor:o,viewport:s})=>{let c=qh(e,s,n),l=c===null&&!Gh(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(Ah-a,a+c-(l-Ah))}},p=d?jh(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:Hh(g,h,s)};let _=Mh({side:d,point:g,size:h,viewport:s}),v=p?Wh(g.y,h.height,s.height):Wh(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 Yh(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=wh(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 Xh=`mesurer-toolbar-turn`,Zh=.55,Qh=`button`,$h=e=>({x:e.left+e.width/2,y:e.top+e.height/2});function eg(){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=$h(n),l=$h(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:Xh,duration:200*Zh*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(Qh))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 tg=[`transform`,`translate`,`rotate`,`scale`,`opacity`,`filter`,`clip-path`,`width`,`height`,`top`,`left`,`content`],ng=new WeakSet,rg=e=>e.split(/,(?![^()]*\))/).map(e=>e.trim()),ig=(e,t)=>e[t%e.length]??``,ag=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},og=e=>[...new Set(e.filter(Boolean))],sg=e=>!!(e&&`getKeyframes`in e&&`target`in e),cg=e=>{let t=e?.effect??null;if(!sg(t))return[];try{return t.getKeyframes()}catch{return[]}},lg=new Set([`offset`,`easing`,`composite`,`computedOffset`]),ug=e=>`animationName`in e?String(e.animationName??``):``,dg=e=>`transitionProperty`in e?String(e.transitionProperty??``):``,fg=e=>`animationName`in e?`animation`:`transitionProperty`in e?`transition`:`web-animation`,pg=(e,t=_g(e))=>t.some(e=>{if(ng.has(e)||ug(e)||dg(e)||e.playState!==`running`)return!1;try{let t=e.effect?.getTiming(),n=t?.iterations;return!!(t&&n!==1/0)}catch{return!1}}),mg=e=>e.startsWith(`--`)?e:e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),hg=e=>og(cg(e).flatMap(e=>Object.keys(e)).filter(e=>!lg.has(e))),gg=(e,t)=>cg(e).map(e=>{let n=Object.entries(e).filter(([e])=>!lg.has(e)).map(([e,t])=>`${mg(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(`
|
|
2213
|
-
`)}}),
|
|
2331
|
+
`,yf={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},bf={enabled:!0,color:`#2563eb`,diagonals:!1,opacity:1,width:1,pattern:`dashed`,dashLength:4,gap:3},xf={opacity:1,edgeReveal:!1},Sf=e=>typeof e==`object`&&!!e&&!Array.isArray(e),Cf=e=>typeof e==`object`&&!!e&&!Array.isArray(e),wf=e=>typeof e==`string`,Tf=e=>typeof e==`boolean`,Ef=e=>typeof e==`number`&&Number.isFinite(e),Df=e=>e===`hex`||e===`rgb`||e===`hsl`||e===`oklch`,Of=e=>e===`solid`||e===`dashed`||e===`dotted`,kf=e=>e===`system`||e===`light`||e===`dark`,Af=e=>e===`off`||e===`hover`||e===`click`,jf=e=>e===`none`||e===`select`||e===`guides`||e===`text-inspector`||e===`xray`||e===`rulers`,Mf=e=>e===`vertical`||e===`horizontal`,Nf=e=>Sf(e)?Ef(e.left)&&Ef(e.top)&&Ef(e.width)&&e.width>=0&&Ef(e.height)&&e.height>=0:!1,Pf=e=>Sf(e)?wf(e.id)&&Nf(e.rect)&&Nf(e.normalizedRect)&&Ef(e.deltaX)&&Ef(e.deltaY):!1,Ff=e=>Sf(e)?wf(e.id)&&Mf(e.orientation)&&Ef(e.position):!1,If=e=>Sf(e)?wf(e.id)&&Nf(e.rectA)&&Nf(e.rectB)&&Nf(e.normalizedRectA)&&Nf(e.normalizedRectB)&&Array.isArray(e.connectors):!1,Lf=(e,t)=>{if(Cf(e))return{opacity:Ef(e.opacity)?Math.min(1,Math.max(0,e.opacity)):t.opacity,width:Ef(e.width)?Math.min(4,Math.max(1,e.width)):t.width,pattern:Of(e.pattern)?e.pattern:t.pattern,dashLength:Ef(e.dashLength)?Math.min(24,Math.max(2,e.dashLength)):t.dashLength,gap:Ef(e.gap)?Math.min(24,Math.max(0,e.gap)):t.gap}},Rf=e=>Lf(e,yf),zf=e=>{if(!Cf(e))return;let t=Lf(e,bf);if(t)return{...t,enabled:Tf(e.enabled)?e.enabled:bf.enabled,color:wf(e.color)?e.color:bf.color,diagonals:Tf(e.diagonals)?e.diagonals:bf.diagonals}},Bf=e=>{if(Cf(e))return{opacity:Ef(e.opacity)?Math.min(1,Math.max(.2,e.opacity)):xf.opacity,edgeReveal:Tf(e.edgeReveal)?e.edgeReveal:xf.edgeReveal}},Vf=e=>{if(!Cf(e))return{};let t={};if(wf(e.highlightColor)&&(t.highlightColor=e.highlightColor),wf(e.guideColor)&&(t.guideColor=e.guideColor),Tf(e.hoverHighlightEnabled)&&(t.hoverHighlightEnabled=e.hoverHighlightEnabled),Array.isArray(e.colorPickerFormats)){let n=e.colorPickerFormats.filter(Df);n.length>0&&(t.colorPickerFormats=n)}Df(e.colorPickerClickFormat)&&(t.colorPickerClickFormat=e.colorPickerClickFormat),Tf(e.snapEnabled)&&(t.snapEnabled=e.snapEnabled),Tf(e.snapGuidesEnabled)&&(t.snapGuidesEnabled=e.snapGuidesEnabled),Tf(e.selectNewGuideEnabled)&&(t.selectNewGuideEnabled=e.selectNewGuideEnabled),Tf(e.multiMeasureEnabled)&&(t.multiMeasureEnabled=e.multiMeasureEnabled),Tf(e.layoutDetailsEnabled)&&(t.layoutDetailsEnabled=e.layoutDetailsEnabled),Af(e.infoCardMode)&&(t.infoCardMode=e.infoCardMode),Tf(e.persistOnReload)&&(t.persistOnReload=e.persistOnReload),Tf(e.shortcutsEnabled)&&(t.shortcutsEnabled=e.shortcutsEnabled),kf(e.theme)&&(t.theme=e.theme),(e.toolbarDock===`free`||e.toolbarDock===`snap`)&&(t.toolbarDock=e.toolbarDock),Tf(e.toolbarAutoHide)&&(t.toolbarAutoHide=e.toolbarAutoHide);let n=Rf(e.guideStyle);n&&(t.guideStyle=n);let r=zf(e.selectionSpacingStyle);r&&(t.selectionSpacingStyle=r);let i=Bf(e.rulerSettings);return i&&(t.rulerSettings=i),t},Hf=e=>!Cf(e)||!Tf(e.enabled)||!jf(e.toolMode)||!Mf(e.guideOrientation)||!Array.isArray(e.guides)||!Array.isArray(e.selectedGuideIds)||!Array.isArray(e.measurements)||!Array.isArray(e.heldDistances)?null:{enabled:e.enabled,xrayVisible:Tf(e.xrayVisible)?e.xrayVisible:e.toolMode===`xray`,toolMode:e.toolMode,rulersVisible:Tf(e.rulersVisible)?e.rulersVisible:e.toolMode===`rulers`,guideOrientation:e.guideOrientation,guides:e.guides.filter(Ff),selectedGuideIds:e.selectedGuideIds.filter(wf),measurements:e.measurements.filter(Pf),activeMeasurement:Pf(e.activeMeasurement)?e.activeMeasurement:null,heldDistances:e.heldDistances.filter(If)},Uf=e=>!Cf(e)||e.version!==2?null:{settings:Vf(e.settings),workspace:Hf(e.workspace)},Wf=e=>Cf(e)?e.version===2?Uf(e):e.version===1?{settings:{},workspace:Hf(e)}:null:null,Gf=e=>JSON.parse(e),Kf=`mesurer.pages/v1`,qf=e=>{if(!Cf(e)||e.format!==Kf||!Cf(e.pages))return null;let t={};for(let[n,r]of Object.entries(e.pages)){let e=Hf(r);e&&(t[n]=e)}return{format:Kf,settings:Vf(e.settings),pages:t}},Jf=(e,t,n=t,r)=>{let i,a=Rl(e),o=t=>{try{let n=e.localStorage.getItem(t);return n?Gf(n):null}catch(e){return i?.(e),null}},s=e=>{let t=o(e);return t?Wf(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:Kf,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)}}},Yf=2,Xf=64,Zf=`--mesurer-spacing-label-collision-x`,Qf=`--mesurer-spacing-label-collision-y`,$f=22,ep=16,tp=new WeakMap,np=(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}),rp=(e,t)=>e.left<t.right+Yf&&e.right+Yf>t.left&&e.top<t.bottom+Yf&&e.bottom+Yf>t.top,ip=(e,t,n)=>e.left>=Yf&&e.top>=Yf&&e.right<=t-Yf&&e.bottom<=n-Yf,ap=e=>{if(e===0)return 0;let t=Math.ceil(e/2);return e%2==1?t:-t},op=(e,t)=>{let n=Number.parseFloat(e.style.getPropertyValue(t));return Number.isFinite(n)?n:0},sp=e=>{let t=Number.parseInt(e.getAttribute(`data-mesurer-distance-label-index`)??`0`,10);return Number.isFinite(t)?t:0},cp=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}},lp=(e,t,n,r)=>{Math.abs(n-r)<.5||(r===0?e.style.removeProperty(t):e.style.setProperty(t,`${r}px`))},up=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=op(o,Zf),c=op(o,Qf),l=e.getAttribute(`data-mesurer-distance-label-axis`),u=cp(e),d={x:-u.y,y:u.x},f=sp(e),p=l===`y`?f*$f:0,m=l===`x`?f*ep: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+Yf:l===`y`?g.height+Yf:Math.max(g.width,g.height)+Yf,v=ap(f),y=g,b=0,x=0,S=!1;for(let e=0;e<Xf;e+=1){let n=(v+ap(e))*_,r=u.x*n,o=u.y*n,s=np(g,r,o);if(!(!i&&!ip(s,t.innerWidth,t.innerHeight))&&!a.some(e=>rp(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+Yf:l===`y`?g.width+Yf:Math.max(g.width,g.height)+Yf;for(let e=1;e<Xf;e+=1){let i=ap(e)*r,o=t+d.x*i,s=n+d.y*i,c=np(g,o,s);if(!a.some(e=>rp(c,e))){y=c,b=o,x=s;break}}}let C=b-p,w=x-m;lp(e,Zf,op(e,Zf),C),lp(e,Qf,op(e,Qf),w),i&&(lp(i,Zf,s,C),lp(i,Qf,c,w)),a.push(y)}},dp=e=>{let t=tp.get(e);if(t){t.dirty=!0;return}let n=e.ownerDocument.defaultView;if(!n)return;let r={dirty:!1};tp.set(e,r),n.requestAnimationFrame(()=>{tp.delete(e),e.isConnected&&(up(e),r.dirty&&dp(e))})},fp=`data-mesurer-spacing-label-pinned`,pp=`data-mesurer-spacing-label-group`,mp=`data-mesurer-spacing-base-opacity`,hp=`[data-mesurer-selected-measurement="true"], [data-mesurer-selection-spacing-target="true"]`,gp=`[data-mesurer-distance-hover-target="true"]`,_p=8,vp=new WeakMap,yp=new WeakMap,bp=new WeakMap,xp=new WeakMap,Sp=e=>e.closest(`[data-mesurer-distance-kind="selection-spacing"]`)?.parentElement??null,Cp=e=>{queueMicrotask(()=>dp(e))},wp=e=>{let t=()=>{let t=Sp(e);t&&dp(t)};queueMicrotask(t),e.ownerDocument.defaultView?.requestAnimationFrame(t)},Tp=e=>{let t=Sp(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`)}},Ep=e=>`${e.style.left}:${e.style.top}:${e.style.width}:${e.style.height}`,Dp=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},Op=(e,t)=>{let n=t?new Set([...t.querySelectorAll(gp)].map(Ep)):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(hp),...i?.querySelectorAll(hp)??[]];for(let e of a){if(!n){let t=e.getAttribute(mp);if(t===null)continue;t?e.style.opacity=t:e.style.removeProperty(`opacity`),e.removeAttribute(mp);continue}e.hasAttribute(mp)||e.setAttribute(mp,e.style.opacity);let t=Dp(e);e.style.opacity=t&&n.has(Ep(t))?`1`:`0.32`}},kp=e=>{let t=bp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),bp.delete(e))},Ap=e=>{let t=xp.get(e);t&&(e.ownerDocument.removeEventListener(`pointermove`,t.handler,!0),xp.delete(e))},jp=(e,t)=>{if(!e.hasAttribute(pp)){t?.setExpandedKey(null);return}e.removeAttribute(pp),t?.setExpandedKey(null),Cp(e)},Mp=(e,t,n)=>{e.getAttribute(pp)!==t&&(e.setAttribute(pp,t),n?.setExpandedKey(t),Cp(e))},Np=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):[]},Pp=(e,t)=>{let n=Np(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`),Op(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`}Op(e,i)},Fp=e=>{let t=vp.get(e);t!==void 0&&(e.ownerDocument.defaultView?.clearTimeout(t),vp.delete(e))},Ip=e=>{let t=yp.get(e);t&&(e.ownerDocument.removeEventListener(`pointerdown`,t,!0),yp.delete(e))},Lp=(e,t)=>{Fp(e),kp(e),Ip(e),e.removeAttribute(fp),t?.setPinnedKey(null),jp(e,t),Pp(e,null)},Rp=(e,t)=>{if(yp.has(e))return;let n=n=>{let r=n.target,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null;i&&Sp(i)===e||Lp(e,t)};yp.set(e,n),e.ownerDocument.addEventListener(`pointerdown`,n,!0)},zp=(e,t)=>{if(e.hasAttribute(fp)||vp.has(e))return;let n=e.ownerDocument.defaultView;n&&vp.set(e,n.setTimeout(()=>{vp.delete(e),!e.hasAttribute(fp)&&(kp(e),jp(e,t),Pp(e,null))},250))},Bp=(e,t,n,r,i=_p)=>{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},Vp=(e,t,n)=>{if(e.hasAttribute(fp)){kp(e);return}if(bp.get(e)?.key===t)return;kp(e);let r=r=>{if(!e.isConnected||e.hasAttribute(fp)){kp(e);return}if(Bp(e,t,r.clientX,r.clientY)){Fp(e);return}zp(e,n)};bp.set(e,{key:t,handler:r}),e.ownerDocument.addEventListener(`pointermove`,r,!0)},Hp=(e,t)=>{Ap(e);let n=n=>{(!e.isConnected||!Bp(e,t,n.clientX,n.clientY,2))&&Ap(e)};xp.set(e,{key:t,handler:n}),e.ownerDocument.addEventListener(`pointermove`,n,!0)},Up=(e,t)=>xp.get(e)?.key===t,Wp=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=Tp(t.currentTarget);if(!n)return;Fp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(fp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;!r&&i&&n.labelCount>1&&!Up(n.scope,n.labelKey)?(Mp(n.scope,n.labelKey,e.spacingInteraction),Vp(n.scope,n.labelKey,e.spacingInteraction)):!r&&n.scope.getAttribute(pp)===n.labelKey&&Vp(n.scope,n.labelKey,e.spacingInteraction),Pp(n.scope,n.distanceId);for(let t of Np(n.scope))t.dataset.mesurerDistanceId===n.distanceId&&t.setAttribute(`data-mesurer-spacing-hover-axis`,e.axis)},c=t=>{let n=Tp(t.currentTarget);if(!n)return;for(let e of Np(n.scope))e.removeAttribute(`data-mesurer-spacing-hover-axis`);if(n.scope.hasAttribute(fp))return;let r=t.relatedTarget,i=r instanceof Element?r.closest(`[data-mesurer-distance-label-key]`):null,a=i?Tp(i):null;if(a?.scope===n.scope&&a.labelKey===n.labelKey){Fp(n.scope);return}zp(n.scope,e.spacingInteraction)},l=e=>{Tp(e.currentTarget)&&e.stopPropagation()};var u=X(`div`,{onMouseEnter:s,onMouseLeave:c,onMouseDown:t=>{let n=Tp(t.currentTarget);if(!n||(t.stopPropagation(),n.labelCount<=1))return;Fp(n.scope);let r=e.spacingInteraction?.pinnedKey()??n.scope.getAttribute(fp),i=t.currentTarget.getAttribute(`data-mesurer-distance-label-state`)===`primary`;if(r===n.labelKey&&i){Lp(n.scope,e.spacingInteraction),Hp(n.scope,n.labelKey);return}kp(n.scope),Ap(n.scope),n.scope.setAttribute(fp,n.labelKey),e.spacingInteraction?.setPinnedKey(n.labelKey),Mp(n.scope,n.labelKey,e.spacingInteraction),Rp(n.scope,e.spacingInteraction),Pp(n.scope,n.distanceId)},onPointerMove:l,onPointerDown:l,onPointerUp:l,onClick:e=>{Tp(e.currentTarget)&&e.stopPropagation()}});return ic(()=>e=>{wp(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},Gp=(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}},Kp=(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:(Kp(r,n)+Kp(i,n))/2},Jp=(e,t,n)=>n&&n>0?qp(e,t,n):(e+t)/2,Yp=(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))},Xp=(e,t,n)=>e+n/2>0&&e-n/2<t,Zp=(e,t,n)=>Math.max(e,t)>0&&Math.min(e,t)<n;function Qp(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??bf,s=()=>globalThis.window,c=e=>{if(t())return e;let n=s()?.innerWidth;return n&&n>0?Yp(e,n):e},l=e=>{if(t())return e;let n=s()?.innerHeight;return n&&n>0?Yp(e,n):e},u=(e,n,r)=>t()?(e+n)/2:Jp(e,n,r),d=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Zp(n,r,o.innerWidth)&&Xp(i,o.innerHeight,a)},f=(n,r,i,a)=>{if(t()&&e.renderPart&&e.renderPart!==`all`)return!0;let o=s();return!o||Xp(n,o.innerWidth,a)&&Zp(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`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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%`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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`,...Gp(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(Wp,{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 $p=`--mesurer-nested-scroll-x`,em=`--mesurer-nested-scroll-y`,tm=(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,$p,d),h(e,em,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($p),e.style.removeProperty(em);a.clear()}}}},nm={top:!0,right:!0,bottom:!0,left:!0},rm=e=>Math.round(e),im=`2147482800`;function am(e){let t,n,[r,i]=G(null),a=()=>e.edgeVisibility??nm,o=()=>!!e.measurement?.id.startsWith(`group-`),s=()=>!!(e.measurement&&`paddingRect`in e.measurement),c=e=>`cssRect`in e&&e.cssRect?e.cssRect:e.rect,l=()=>s()?`none`:`left 140ms ease, top 140ms ease, width 140ms ease, height 140ms ease`,u=()=>s()?`none`:`left 140ms ease, top 140ms ease`,d=()=>{let t=e.measurement;if(!t||!(`paddingRect`in t))return null;let n=t.elementRef;return n?.isConnected?n:null},f=()=>{let e=d(),t=r(),n=e?.ownerDocument.defaultView;return!e||!n||t!==e.ownerDocument.body?{x:0,y:0}:{x:n.scrollX,y:n.scrollY}},p=()=>{let e=d();if(!e||!t||!n)return;let r=qu(e),i=e.ownerDocument.defaultView,a=t.parentElement,o=!!(i&&a?.parentNode===e.ownerDocument.body),s=o?i.scrollX:0,c=o?i.scrollY:0,l=r.left+s,u=r.top+c;Object.assign(t.style,{left:`${l}px`,top:`${u}px`,width:`${r.width}px`,height:`${r.height}px`}),Object.assign(n.style,{left:`${l+r.width/2}px`,top:`${u+r.height+2}px`})};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?ff(t,e):null,c=o?tm(r,e,()=>[t,n]):null,l=0,u=()=>{t?.dataset.mesurerNativeScrollAnchor===`box`||l||(l=r.requestAnimationFrame(()=>{l=0,t?.dataset.mesurerNativeScrollAnchor!==`box`&&p()}))},f=new r.ResizeObserver(p);return p(),c?.sync(),f.observe(e),r.addEventListener(`scroll`,u,{capture:!0,passive:!0}),r.addEventListener(`resize`,p,!0),()=>{f.disconnect(),s?.(),c?.release(),l&&r.cancelAnimationFrame(l),r.removeEventListener(`scroll`,u,!0),r.removeEventListener(`resize`,p,!0)}});let m=r=>[Y(K,{get when(){return!o()},get children(){var n=X(`div`,{"data-mesurer-measurement-chrome":`true`,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{t=e},n),Q(n,Y(K,{get when(){return a().top},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().right},get children(){var t=X(`div`,{class:`msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().bottom},get children(){var t=X(`div`,{class:`msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),Q(n,Y(K,{get when(){return a().left},get children(){var t=X(`div`,{class:`msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px`});return q(()=>({"background-color":e.outlineColor}),(e,n)=>{$(t,`style`,e,n)}),t}}),null),q(()=>({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()?im: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)=>{$(n,`style`,e,t)}),n}}),Y(K,{get when(){return e.showLabel!==!1},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,()=>rm(c(r()).width),t),Q(e,()=>rm(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()?im: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}})];return Y(K,{get when(){return e.measurement},children:t=>Y(K,{get when(){return J(()=>!!(s()&&!o()))()?r():null},get fallback(){var e=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`});return Q(e,()=>m(t)),q(()=>({e:`paddingRect`in t()?`true`:void 0,t:o()?`true`:void 0}),({e:t,t:n},r)=>{t!==r?.e&&$(e,`data-mesurer-selected-measurement`,t,r?.e),n!==r?.t&&$(e,`data-mesurer-selection-group`,n,r?.t)}),e},children:n=>Y(Zo,{get mount(){return n()},get children(){var n=X(`div`,{class:`msr:pointer-events-none`,"data-mesurer-measurement":`true`,"data-mesurer-selected-measurement":`true`,"data-mesurer-inspector-ui":`true`});return Q(n,()=>m(t)),q(()=>e.theme??`system`,(e,t)=>{$(n,`data-theme`,e,t)}),n}})})})}var om=e=>Math.round(e),sm=e=>Number.parseFloat(e)||0,cm=e=>e.split(` `).map(e=>`${e}px`).join(` `),lm=e=>{let t=om(e.top),n=om(e.right),r=om(e.bottom),i=om(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}`},um=(e,t)=>{let n=om(e),r=om(t);return n===0&&r===0?null:n===r?String(n):`${n} ${r}`},dm=e=>{let t=[e.top,e.right,e.bottom,e.left].map(sm).map(om);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`},fm=e=>{let t=[e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].map(sm);if(t.every(e=>e===0))return null;let n=lm({top:t[0],right:t[1],bottom:t[2],left:t[3]}),r=e.borderTopStyle;return n?`${cm(n)}${r&&r!==`none`&&t.every(e=>e===t[0])?` ${r}`:``}`:null},pm=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}},mm=(e,t)=>e.length<=t?e:`${e.slice(0,t-1)}…`,hm=(e,t,n)=>{n&&e.push({label:t,value:n})},gm=(e,t,n)=>{let r=[],i=lm(e.padding),a=um(sm(t.rowGap),sm(t.columnGap));hm(r,`padding`,i?cm(i):null),hm(r,`gap`,a?cm(a):null);let o=lm(e.margin);hm(r,`margin`,o?cm(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`?(hm(r,`flex-direction`,t.flexDirection===`row`?null:t.flexDirection),hm(r,`align-items`,[`normal`,`stretch`].includes(t.alignItems)?null:t.alignItems),hm(r,`justify-content`,[`normal`,`flex-start`].includes(t.justifyContent)?null:t.justifyContent)):(s===`grid`||s===`inline-grid`)&&(hm(r,`grid-template-columns`,t.gridTemplateColumns===`none`?null:mm(t.gridTemplateColumns,40)),hm(r,`grid-template-rows`,t.gridTemplateRows===`none`?null:mm(t.gridTemplateRows,40))),t.position&&t.position!==`static`&&(r.push({label:`position`,value:t.position}),hm(r,`inset`,dm(t))),t.zIndex.trim()&&![`auto`,`0`].includes(t.zIndex.trim())&&r.push({label:`z-index`,value:t.zIndex.trim()}),hm(r,`border`,fm(t)),hm(r,`radius`,[``,`0px`,`0px 0px 0px 0px`].includes(t.borderRadius.trim())?null:t.borderRadius.trim());let c=t.backgroundColor.trim(),l=pm(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=pm(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:mm(t.boxShadow.trim(),52)});let f=Number.parseFloat(t.opacity);return Number.isFinite(f)&&f<.999&&r.push({label:`opacity`,value:String(om(f*100)/100)}),t.overflow&&t.overflow!==`visible`&&r.push({label:`overflow`,value:t.overflow}),r},_m=(e,t)=>t||e.length<=6?{visible:e,hiddenCount:0}:{visible:e.slice(0,6),hiddenCount:e.length-6},vm=(e,t,n,r=!1,i=[])=>{let a=Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),o=e.top+e.height+4,s=e.top-t.height-4,c=Math.max(8,Math.min(e.top,n.height-t.height-8)),l=[{left:a,top:o},{left:a,top:s},{left:Math.max(8,e.left-t.width-4),top:c},{left:Math.min(e.left+e.width+4,n.width-t.width-8),top:c},{left:a,top:Math.max(8,Math.min(o,n.height-t.height-8))}],u=(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;for(let a of l){let o={...a,width:t.width,height:t.height},s=a.left>=8&&a.top>=8&&a.left+t.width<=n.width-8&&a.top+t.height<=n.height-8,c=!r||!u(o,e),l=i.every(e=>!u(o,e));if(s&&c&&l)return a}return{left:a,top:Math.max(8,Math.min(o,n.height-t.height-8))}},ym=new Map([[`100`,`thin`],[`200`,`extralight`],[`300`,`light`],[`400`,`normal`],[`500`,`medium`],[`600`,`semibold`],[`700`,`bold`],[`800`,`extrabold`],[`900`,`black`]]),bm=[`font-family`,`font-size`,`font-weight`,`line-height`,`letter-spacing`],xm=new Map([[`Family`,`font-family`],[`Size`,`font-size`],[`Weight`,`font-weight`],[`Line`,`line-height`],[`Tracking`,`letter-spacing`]]),Sm=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},Cm=e=>(e.split(`,`)[0]??``).trim().replace(/^['"]|['"]$/g,``),wm=e=>{let t=ym.get(e);return t?`${e} / ${t}`:e},Tm=e=>e?/var\(\s*(--[a-zA-Z0-9_-]+)/.exec(e)?.[1]??null:null,Em=e=>(e.match(/#[\w-]+/g)??[]).length*1e4+(e.match(/\.[\w-]+|\[[^\]]+\]|:[\w-]+/g)??[]).length*100+(e.match(/(?:^|[ >+~])([a-zA-Z][\w-]*)/g)??[]).length,Dm=(e,t)=>!t||(e.important===t.important?e.specificity===t.specificity?e.order>t.order:e.specificity>t.specificity:e.important),Om=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(bm.map(e=>[e,null])),n=this.getRules();for(let r of bm){let i=e;for(;i&&t.get(r)===null;){let e,a=Tm(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=Tm(t.style.getPropertyValue(r));if(!s)continue;let c={name:s,specificity:Em(t.selectorText),order:o,important:t.style.getPropertyPriority(r)===`important`};Dm(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:Cm(t.fontFamily),varName:null},{label:`Size`,value:Sm(t.fontSize),varName:null},{label:`Weight`,value:wm(t.fontWeight),varName:null},{label:`Line`,value:t.lineHeight===`normal`?`normal`:Sm(t.lineHeight),varName:null},{label:`Tracking`,value:t.letterSpacing===`normal`?`normal`:Sm(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=xm.get(e.label);return{...e,varName:t?n.get(t)??null:null}})}}},km=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})(),Am=e=>Y(km,{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`})}}),jm=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},Mm=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})(),Nm=e=>Y(km,{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`})}}),Pm=e=>Y(km,{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`})}}),Fm=e=>Y(km,{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`})}}),Im=e=>Y(km,{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`})}}),Lm=e=>Y(km,{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`})}}),Rm=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})(),zm=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})(),Bm=e=>Y(km,{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`})}}),Vm=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})(),Hm=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})(),Um=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})(),Wm=(e,t,n)=>t*256/e/n,Gm=e=>{let t=e.size??20,n=Wm(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},Km=e=>Y(Gm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M128 48v160M48 128h160`})}}),qm=e=>Y(Gm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M101.33 48v160M154.67 48v160`})}}),Jm=e=>Y(Gm,{get size(){return e.size??20},get class(){return e.class},get children(){return X(`path`,{d:`M48 101.33h160M48 154.67h160`})}}),Ym=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})(),Xm=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})(),Zm=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})(),Qm=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})(),$m=e=>Y(km,{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`})}}),eh=e=>Y(km,{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`})}}),th=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})(),nh=e=>Y(km,{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`})}}),rh=e=>Y(km,{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 ih(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 ah=e=>Math.round(e);function oh(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(``),_=()=>e.element.ownerDocument,v=()=>_().defaultView,y=lo(()=>(p(),e.measurement,v()?.getComputedStyle(e.element)??null)),b=()=>{let t=v();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},x=lo(()=>{let t=y();return e.layoutDetailsEnabled&&t?gm(e.measurement,t,b()):[]}),S=()=>e.embedded?{visible:x(),hiddenCount:0}:_m(x(),t()),C=()=>e.measurement.cssRect??e.measurement.rect,w=()=>hu(e.element),T=()=>`${ah(C().width)} x ${ah(C().height)}`,E=()=>[...(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']`)??[]].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}]:[]}),D=()=>{let t=vm(e.rect,{width:d(),height:l()},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight},e.passThrough===!0,E());return{left:`${t.left}px`,top:`${t.top}px`}},O=()=>({"pointer-events":e.passThrough?`none`:`auto`,"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)`}),k=()=>e.embedded?{position:`static`,...O()}:{position:`fixed`,...D(),...O()};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 A,j;mo(()=>[e.element,e.measurement.id],([e,t])=>{(e!==A||t!==j)&&(A=e,j=t,n(!1))});let M;mo(()=>e.element,e=>{e!==M&&(M=e,i(!1),o(!1),g(``))}),mo(()=>[e.element,e.passThrough,e.embedded,v()],([e,t,n,r])=>{if(!r||t||n)return;let i=r,a=0,o=()=>{a||=i.requestAnimationFrame(()=>{a=0,m(e=>e+1)})},s=new i.MutationObserver(t=>{t.some(t=>t.type===`attributes`||t.type===`characterData`||t.type===`childList`&&e.contains(t.target))&&o()});s.observe(e,{attributes:!0,attributeFilter:[`class`,`style`],characterData:!0,childList:!0,subtree:!0});let c=e.parentElement;for(;c;){s.observe(c,{attributes:!0,attributeFilter:[`class`,`style`]});let e=c.getRootNode();c=c.parentElement??(e instanceof i.ShadowRoot?e.host:null)}return()=>{s.disconnect(),a&&i.cancelAnimationFrame(a)}});let N=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||(N=tm(o,t,()=>[e],{trackWindow:!0}),e.style.translate=`var(--mesurer-nested-scroll-x, 0px) var(--mesurer-nested-scroll-y, 0px)`,Dn(()=>{N?.release(),N=null,e.style.removeProperty(`translate`)}))}),mo(()=>e.measurement,()=>N?.rebase());let P=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}},F=async()=>{let e=await P(w());i(e)},I=lo(()=>{let t=v();if(!t)return null;let n=t;return e.element instanceof n.HTMLElement?e.element:null}),L=lo(()=>{let t=I();if(!e.singleSelection||!t||!v())return[];p(),y();let n=new Om(_(),v()).getFast(t);return[...n.textSnippet?[{label:`Text`,value:n.textSnippet}]:[],...n.rows.map(({label:e,value:t})=>({label:e,value:t}))]});var R=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()}}),z=X(`div`,{class:`msr:flex msr:items-center msr:justify-between msr:gap-2 msr:px-2`}),B=X(`div`),V=X(`div`,{"data-mesurer-inspect-details":`true`,class:`msr:flex msr:flex-col msr:gap-0.5`});return Z(R,z),Z(R,B),ic(()=>c,R),Q(z,(()=>{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,w),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&&F()},onClick:e=>{e.stopPropagation(),e.detail===0&&F()}});return Q(e,w),q(()=>({e:`Copy selector ${w()}`,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(z,Y(K,{get when(){return r()},get children(){var e=X(`span`,{"aria-label":`Selector copied`});return Q(e,Y(Lm,{size:10})),e}}),null),Q(z,(()=>{var t=J(()=>!!e.passThrough);return()=>t()?(()=>{var e=X(`span`,{class:`msr:shrink-0 msr:whitespace-nowrap msr:tabular-nums`});return Q(e,T),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&&P(T())},onClick:e=>{e.stopPropagation(),e.detail===0&&P(T())}});return Q(e,T),q(()=>a()?`Copy failed`:`Click to copy`,(t,n)=>{$(e,`title`,t,n)}),e})()})(),null),Z(B,V),Q(V,Y(_o,{get each(){return L()},children:t=>Y(ih,{row:t,copy:P,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})}),null),Q(V,Y(K,{get when(){return e.layoutDetailsEnabled},get children(){return Y(_o,{get each(){return S().visible},children:t=>Y(ih,{row:t,copy:P,get passThrough(){return e.passThrough},onCopyResult:e=>g(e?`Copied!`:`Copy failed`)})})}}),null),Q(R,Y(K,{get when(){return J(()=>!e.passThrough)()&&(S().hiddenCount>0||t())},get children(){var r=X(`div`,{class:`msr:mt-2 msr:px-2`}),i=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(r,i),Q(i,(()=>{var e=J(()=>!!t());return()=>e()?`Show less`:`Show ${S().hiddenCount} more`})()),q(()=>({e:t()?`true`:`false`,t:t()?`Show less CSS details`:`Show ${S().hiddenCount} more CSS details`,a:{"pointer-events":e.passThrough?`none`:`auto`}}),({e,t,a:n},r)=>{e!==r?.e&&$(i,`aria-expanded`,e,r?.e),t!==r?.t&&$(i,`aria-label`,t,r?.t),n!==r?.a&&$(i,`style`,n,r?.a)}),r}}),null),Q(R,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.theme,t:`${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]`,a:{...k(),"pointer-events":e.passThrough?`none`:`auto`},o:`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)=>{e!==i?.e&&$(R,`data-theme`,e,i?.e),t!==i?.t&&$(R,`class`,t,i?.t),n!==i?.a&&$(R,`style`,n,i?.a),r!==i?.o&&$(B,`class`,r,i?.o)}),R}var sh=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 ch(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=()=>{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())},P=()=>{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},F=e=>e,I=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()||N())return null;let t=e.model.state.selectedMeasurement,n=t?.elementRef;return!t||!n?.isConnected||t.id.startsWith(`group-`)?null:{element:n,measurement:t}}),L=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}),R=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||N())return null;let t=L(),n=e.model.state.hoverRect;return!t||!n?null:{...t,rect:n}});mo(()=>M(),()=>{let e=t?.ownerDocument.defaultView;e&&(i=e.scrollX,a=e.scrollY,r?.style.removeProperty(`transform`))});let z=lo(()=>{let e=M()[0]?.documentScroll;if(e)return e;let n=t?.ownerDocument.defaultView;return{x:n?.scrollX??0,y:n?.scrollY??0}}),B=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))}),V=lo(()=>e.displayedSelectedMeasurements),H=lo(()=>{let t=e.model.state.hoverElement;return!!(t&&M().some(e=>e.elementRef===t))}),U=lo(()=>e.model.state.heldDistances),ee=lo(()=>nf(B().map(e=>e.rect))),W=lo(()=>nf(V().map(e=>e.rect))),te=lo(()=>{let n=M();if(!S()||!e.selectionSpacingStyle.enabled||n.length<2)return[];let r=t?.ownerDocument.defaultView;return r?Ed(n,r):[]}),ne=lo(()=>te().map(e=>e.id)),re=e=>te().find(t=>t.id===e),ie=lo(()=>M().map(e=>e.id).join(`|`));mo(()=>ie(),()=>{f(null),m(null)});let ae=()=>{let t=e.model.state.hoverRect;return t?nf([t,...V().map(e=>e.rect)])[0]??null:null},oe=()=>rf(t,e.model.state.hoverElement),se=()=>{let t=e.model.state.hoverElement,n=oe(),r=t?.ownerDocument.defaultView;return!t||!r||n!==t.ownerDocument.body?{x:0,y:0}:{x:r.scrollX,y:r.scrollY}},ce=()=>{let t=e.model.state.hoverRect,r=!!oe(),i=se();var a=X(`div`,{"data-mesurer-hover-measurement":`true`,"data-mesurer-document-hover-layer":r?`true`:void 0,class:`msr:pointer-events-none msr:absolute`});return ic(()=>e=>{n=e},a),Q(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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(a,Y(K,{get when(){return ae()?.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":r?`2147482700`:void 0,left:`${t.left+i.x}px`,top:`${t.top+i.y}px`,width:`${t.width}px`,height:`${t.height}px`,"background-color":k(),transition:`none`,animation:`none`}),(e,t)=>{$(a,`style`,e,t)}),a},le=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)`},ue=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}),de=()=>{s&&t?.ownerDocument.defaultView?.clearTimeout(s),s=0,c=null},fe=(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]),de();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)},pe=(t,n)=>{n.stopPropagation(),de(),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&&(_f(vf,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']`)??d.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='true']`)??d.querySelector(`[data-mesurer-island='true']`)?.shadowRoot?.querySelector(`[data-mesurer-annotation-composer='true'], [data-mesurer-annotation-panel='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=t.getBoundingClientRect(),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(!sf(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`),de(),o?.previousUserSelect!==null&&o&&(d.documentElement.style.userSelect=o.previousUserSelect),o=null}});let me=()=>[Y(_o,{get each(){return V()},keyed:e=>e.id,children:(t,n)=>Y(am,{get measurement(){return t()},get showLabel(){return e.model.state.selectedMeasurements.length!==1||I()?.element!==t().elementRef},get edgeVisibility(){return W()[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())()?V()[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:`${V()[0].rect.left}px`,top:`${V()[0].rect.top}px`,width:`${V()[0].rect.width}px`,height:`${V()[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 ne()},children:t=>Y(Qp,{get distance(){return re(t)},kind:`selection-spacing`,showRects:!1,get spacingScopeId(){return ie()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,renderPart:`paint`})})]}})];var he=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},he),Q(he,Y(K,{get when(){return S()},get children(){return[Y(_o,{get each(){return B()},children:(t,n)=>Y(am,{measurement:t,get edgeVisibility(){return ee()[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(sh,{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)))()?!H():e.model.state.hoverRect&&e.model.state.settings.hoverHighlightEnabled&&(e.editSelectionHover()||M().length<=1)},get children(){return Y(K,{get when(){return oe()},get fallback(){return ce()},children:e=>Y(Zo,{get mount(){return e()},get children(){return ce()}})})}})]}}),null),Q(he,Y(K,{get when(){return I()},children:n=>{let r=P();return _f(vf,t.ownerDocument.body),Y(Zo,{get mount(){return F(r??t)},get children(){return Y(oh,{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(he,Y(K,{get when(){return J(()=>!I())()&&R()},children:n=>{let r=P();return _f(vf,t.ownerDocument.body),Y(Zo,{get mount(){return F(r??t)},get children(){return Y(oh,{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(he,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":le(`preview`)}:{top:`6px`,left:`0`,height:`2px`,width:`100%`,"background-color":le(`preview`)}}),({e,t:r},i)=>{e!==i?.e&&$(t,`style`,e,i?.e),r!==i?.t&&$(n,`style`,r,i?.t)}),t}}),null),Q(he,Y(K,{get when(){return S()},get children(){return Y(K,{get when(){return J(()=>M().length>1)()?h():null},get fallback(){return Y(me,{})},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(me,{})),q(()=>({e:ie(),t:e.model.state.settings.theme,a:{position:`absolute`,left:`${z().x}px`,top:`${z().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(he,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 ne()},children:t=>Y(Qp,{get distance(){return re(t)},showRects:!1,kind:`selection-spacing`,get spacingScopeId(){return ie()},get selectionSpacingStyle(){return e.selectionSpacingStyle},spacingInteraction:x,get renderPart(){return h()?`interaction`:`all`}})})),t}}),null),Q(he,Y(_o,{get each(){return U()},children:t=>Y(Qp,{distance:t,get onRemove(){return e.model.removeHeldDistance},kind:`held`})}),null),Q(he,Y(K,{get when(){return J(()=>!!(S()&&e.model.state.altPressed))()?e.optionPairOverlay:S()&&e.model.state.altPressed},get children(){return Y(Qp,{get distance(){return e.optionPairOverlay},kind:`preview`})}}),null),Q(he,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(Qp,{get distance(){return e.guideDistanceOverlay},kind:`preview`})}}),null),Q(he,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(sh,{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(sh,{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(sh,{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(sh,{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(he,Y(_o,{get each(){return ue()},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()?le(`active`):i()?le(`hover`):le(`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`&&fe(t,r)},onPointerUp:r=>{!n()&&e.model.current.toolMode!==`none`&&pe(t,r)},onPointerCancel:r=>{!n()&&e.model.current.toolMode!==`none`&&pe(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&&$(he,`class`,e,n?.e),t!==n?.t&&$(he,`style`,t,n?.t)}),he}var lh=18,uh=5,dh=32,fh=Array.from({length:801},(e,t)=>t*uh);function ph(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<=dh||t.clientX>=e.ownerWindow.innerWidth-dh,r=t.clientY<=dh||t.clientY>=e.ownerWindow.innerHeight-dh;o(n||r)}d(t)},n=t=>{if(!e.settings.edgeReveal)return;let n=t.clientX<=dh||t.clientX>=e.ownerWindow.innerWidth-dh,r=t.clientY<=dh||t.clientY>=e.ownerWindow.innerHeight-dh;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:fh,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-lh)),q(()=>({e:e.position-lh-8,t:e.position-lh+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()-lh)),q(()=>({e:t()-lh-8,t:t()-lh+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:fh,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-lh)),q(()=>({e:e.position-lh-38,t:e.position-lh-16,a:`rotate(-90 9 ${e.position-lh-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()-lh)),q(()=>({e:t()-lh-38,t:t()-lh-16,a:`rotate(-90 9 ${t()-lh-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 mh=e=>Object.prototype.hasOwnProperty.call(e,`__codexWebMcpModelContext`),hh=new WeakSet,gh=e=>typeof e==`function`&&typeof e.prototype?.open==`function`,_h=e=>{hh.add(e)},vh=e=>{if(mh(e)||hh.has(e))return!1;let t=e.EyeDropper;return gh(t)},yh=e=>Uc(e)||vh(e),bh={x:16,y:16},xh={x:84,y:48},Sh=e=>e.process?.type===`renderer`||!!e.process?.versions?.electron||/\bElectron\/\d/i.test(e.navigator.userAgent),Ch=e=>{let t=e.navigator.platform||e.navigator.userAgent;return/^Mac/i.test(t)||/\bMacintosh\b/i.test(e.navigator.userAgent)},wh=e=>Sh(e)&&Ch(e),Th={x:0,y:0,width:84,height:48},Eh=e=>{if(!wh(e))return null;let t=e.__MESURER_HOST__?.windowControls;if(t)return t.visible?t.bounds??Th: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:Th},Dh=e=>Eh(e)?xh:bh,Oh=(e,t,n,r=0,i=0)=>{let a=Eh(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},kh=(e,t)=>Oh(e,t??Dh(e),8,352,40),Ah=(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 Oh(e,{x:Math.min(o,Math.max(i,t.x)),y:Math.min(s,Math.max(a,t.y))},i,n.width,n.height)},jh=[`top`,`bottom`,`left`,`right`],Mh=8,Nh=e=>e===`left`||e===`right`,Ph=({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))}},Fh=(e,t,n)=>Ph({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}),Ih=(e,t,n)=>e+(t-e)*n,Lh=e=>Math.min(1,Math.max(0,e)),Rh=e=>e*e*(3-2*e),zh=[`center`,`start`,`end`],Bh=(e,t,n,r)=>{let[i,a,o]=Nh(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`},Vh=(e,t,n,r)=>{if(t===`center`)return Fh(e,n,r);let i=t===`start`?-1/0:1/0;return Ph({side:e,point:{x:i,y:i},size:n,viewport:r})},Hh=(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)}},Uh=(e,t)=>{let n=null;for(let r of jh){let i=e(r);i<=t&&(!n||i<n.gap)&&(n={side:r,gap:i})}return n},Wh=(e,t,n)=>({x:Math.max(Mh,Math.min(e.x,n.width-t.width-Mh)),y:Math.max(Mh,Math.min(e.y,n.height-t.height-Mh))}),Gh=({point:e,size:t,viewport:n,glued:r,align:i})=>{let a=r??Uh(r=>Hh(r,e,t,n),1/0).side,o=r&&i||Bh(a,e,t,n);return{side:a,align:o,position:Vh(a,o,t,n)}},Kh=(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(Ih(a,e,Rh(Lh((o-c)/(s-c)))))},qh=(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},Jh=(e,t,n,r)=>{let i=null;for(let a of jh)for(let o of zh){if(o!==`center`&&Nh(a)!==t)continue;let s=Vh(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}},Yh=(e,t,n=null)=>{let r=n=>Hh(n,e,{width:0,height:0},t);return n&&r(n)<=80?n:qh(e,t)?null:Uh(r,72)?.side??null},Xh=({pointer:e,grab:t,glued:n,upright:r,pushed:i=!1,latched:a=!1,sizeFor:o,viewport:s})=>{let c=Yh(e,s,n),l=c===null&&!qh(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(Mh-a,a+c-(l-Mh))}},p=d?Nh(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:Wh(g,h,s)};let _=Ph({side:d,point:g,size:h,viewport:s}),v=p?Kh(g.y,h.height,s.height):Kh(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 Zh(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=Eh(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 Qh=`mesurer-toolbar-turn`,$h=.55,eg=`button`,tg=e=>({x:e.left+e.width/2,y:e.top+e.height/2});function ng(){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=tg(n),l=tg(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:Qh,duration:200*$h*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(eg))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 rg=[`transform`,`translate`,`rotate`,`scale`,`opacity`,`filter`,`clip-path`,`width`,`height`,`top`,`left`,`content`],ig=new WeakSet,ag=e=>e.split(/,(?![^()]*\))/).map(e=>e.trim()),og=(e,t)=>e[t%e.length]??``,sg=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},cg=e=>[...new Set(e.filter(Boolean))],lg=e=>!!(e&&`getKeyframes`in e&&`target`in e),ug=e=>{let t=e?.effect??null;if(!lg(t))return[];try{return t.getKeyframes()}catch{return[]}},dg=new Set([`offset`,`easing`,`composite`,`computedOffset`]),fg=e=>`animationName`in e?String(e.animationName??``):``,pg=e=>`transitionProperty`in e?String(e.transitionProperty??``):``,mg=e=>`animationName`in e?`animation`:`transitionProperty`in e?`transition`:`web-animation`,hg=(e,t=yg(e))=>t.some(e=>{if(ig.has(e)||fg(e)||pg(e)||e.playState!==`running`)return!1;try{let t=e.effect?.getTiming(),n=t?.iterations;return!!(t&&n!==1/0)}catch{return!1}}),gg=e=>e.startsWith(`--`)?e:e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),_g=e=>cg(ug(e).flatMap(e=>Object.keys(e)).filter(e=>!dg.has(e))),vg=(e,t)=>ug(e).map(e=>{let n=Object.entries(e).filter(([e])=>!dg.has(e)).map(([e,t])=>`${gg(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(`
|
|
2332
|
+
`)}}),yg=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]},bg=e=>{let t=e.getRootNode();return`host`in t&&t.host instanceof Element?t.host:null},xg=(e,t)=>{let n=0,r=t;for(;r&&r!==e&&n<=2;)r=r.parentElement??bg(r),n+=1;return r===e&&n<=2?n:null},Sg=(e,t=yg(e))=>t.filter(t=>{let n=t.effect;return lg(n)?n.pseudoElement?!1:!n.target||xg(e,n.target)!==null:!0}),Cg=e=>yg(e).filter(t=>{let n=t.effect;return lg(n)&&n.target===e}),wg=(e,t,n)=>e.filter(e=>fg(e)===t)[n]??null,Tg=(e,t)=>t.filter(t=>{let n=t.effect;return!lg(n)||(!n.target||n.target===e)&&!n.pseudoElement}),Eg=(e,t)=>{let n=(e.ownerDocument.defaultView??t).getComputedStyle(e),r=yg(e),i=Tg(e,r),a=ag(n.animationName),o=ag(n.animationDuration),s=ag(n.animationDelay),c=ag(n.animationTimingFunction),l=ag(n.animationIterationCount),u=ag(n.animationDirection),d=ag(n.animationFillMode),f=a.map((e,t)=>{let n=a.slice(0,t).filter(t=>t===e).length,r=wg(i,e,n);return{kind:`animation`,name:e,duration:sg(og(o,t)),delay:sg(og(s,t)),easing:og(c,t),properties:_g(r),iterationCount:og(l,t),direction:og(u,t),fillMode:og(d,t),animation:r}}).filter(e=>e.name!==`none`),p=ag(n.transitionProperty),m=ag(n.transitionDuration),h=ag(n.transitionDelay),g=ag(n.transitionTimingFunction),_=i.filter(e=>!!pg(e)),v=p.map((e,t)=>{let n=_.find(t=>pg(t)===e)??(e===`all`?_[0]:null)??null;return{kind:`transition`,name:e,duration:sg(og(m,t)),delay:sg(og(h,t)),easing:og(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=Sg(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=_g(e),i=Number(n.duration);return[{kind:mg(e),name:fg(e)||pg(e)||e.id||`js-${gg(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]},Dg=e=>{let t=Number.parseFloat(e.iterationCount);return Number.isFinite(t)?e.duration*Math.max(0,t):e.duration},Og=(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},kg=(e,t)=>{let n=e.filter(e=>e.playState===`running`),r=(n.length?n:e).reduce((e,n)=>e?Og(n,t)>Og(e,t)?n:e:n,null);return{playing:n.length>0,progress:r?Ag(r,t):0}},Ag=(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)},jg=(e,t,n=1)=>{for(let r of yg(e)){if(ig.add(r),r.playbackRate=n,t===`replay`){r.cancel(),r.play();continue}t===`play`?r.play():r.pause()}},Mg=(e,t,n)=>{let r=Math.max(0,Math.min(1,t))*n;for(let t of e){ig.add(t);let e=t.effect?.getTiming();t.currentTime=(e?.iterations===1/0?r:Math.min(r,Og(t,n)))+(e?.delay??0),t.pause()}},Ng=e=>[...e.matchAll(/var\(\s*(--[\w-]+)/g)].map(([,e])=>e),Pg=e=>`media`in e?e.media?.mediaText??``:``,Fg=e=>`styleSheet`in e?e.styleSheet:null,Ig=e=>`cssRules`in e?e.cssRules:null,Lg=e=>`style`in e?e.style:null,Rg=e=>`name`in e?e.name:``,zg=e=>{if(`selectorText`in e)return e.selectorText};function Bg(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=Fg(e),a=Ig(e),s=Pg(e);return[r?e.cssText:``,o(s),i?n(i):a?t(a,!1):``].join(`:`)}).join(`
|
|
2214
2333
|
`);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(`
|
|
2215
|
-
`)},l=()=>{t=new WeakMap,n=new WeakSet,r=new WeakMap},u=(e,t,n)=>{for(let r of e){let e=Mg(r);if(!o(e))continue;let i=Ng(r);i&&!i.disabled&&o(i.media?.mediaText)&&u(i.cssRules,t);let a=Fg(r);if(a){let e=new Map;for(let t of tg){let n=jg(a.getPropertyValue(t));n.length&&e.set(t,n)}e.size&&t.push({selector:Lg(r),animation:n,properties:e})}let s=Pg(r);s&&u(s,t,Ig(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 zg=new WeakMap,Bg=e=>!!(e&&`getKeyframes`in e&&`target`in e),Vg=e=>`animationName`in e?String(e.animationName??``):``,Hg=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null},Ug=e=>`style`in e?e.style:null,Wg=e=>e.MutationObserver,Gg=e=>{let t=zg.get(e)?.filter(t=>t.element.isConnected&&yg(e,t.element)!==null);return t?.length?t:pg(e,bg(e))?[{element:e,properties:[`animation`]}]:[]};function Kg(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 qg(e,t,n){let r=0,i=-1/0,a=0,o=!1,s=!0,c=new WeakMap,l=Rg(e.ownerDocument),u=e.ownerDocument.createElement(`span`).style,d=Gg(e);d.length&&zg.set(e,d);let f=new Map(d.map(e=>[e.element,new Set(e.properties)])),p=[],m=new WeakSet,h=Wg(t),g=()=>{if(o)return;let t=[...f].map(([e,t])=>({element:e,properties:[...t]}));zg.set(e,t),n(t)},_=s=>{if(r=0,!o){if(!e.isConnected){zg.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=_g(e);for(let e of a)try{let t=e.effect;if(!Bg(t)||!t.target)continue;let i=Vg(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(mg(t));n.set(t.target,a)}catch{}let o=!1;pg(e,bg(e,a))&&!f.has(e)&&(f.set(e,new Set([`animation`])),o=!0);let u=Kg(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=tg.map(e=>i.getPropertyValue(e)),s=Ug(e),u=l.forElement(e,[i.animationName??``,...r.get(e)??[]].join(`,`)),d=new Set(n.get(e)??[]),p=new Set,m=tg.map(e=>s?.getPropertyValue(e)??``),h=tg.map(t=>{let r=s?.getPropertyValue(t)??``,a=[...jg(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??Hg(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&&tg.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=Ug(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??Hg(e);for(;b;)y(b,!1),b=b.parentElement??Hg(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,zg.delete(e);for(let e of p)e.disconnect();t.clearInterval(x),t.cancelAnimationFrame(r)}}var Jg=`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 Yg(){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 Xg(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 Zg(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(Xg,{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 Qg(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 $g(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(`
|
|
2216
|
-
`);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
|
|
2217
|
-
`);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:
|
|
2334
|
+
`)},l=()=>{t=new WeakMap,n=new WeakSet,r=new WeakMap},u=(e,t,n)=>{for(let r of e){let e=Pg(r);if(!o(e))continue;let i=Fg(r);i&&!i.disabled&&o(i.media?.mediaText)&&u(i.cssRules,t);let a=Lg(r);if(a){let e=new Map;for(let t of rg){let n=Ng(a.getPropertyValue(t));n.length&&e.set(t,n)}e.size&&t.push({selector:zg(r),animation:n,properties:e})}let s=Ig(r);s&&u(s,t,Rg(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 Vg=new WeakMap,Hg=e=>!!(e&&`getKeyframes`in e&&`target`in e),Ug=e=>`animationName`in e?String(e.animationName??``):``,Wg=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null},Gg=e=>`style`in e?e.style:null,Kg=e=>e.MutationObserver,qg=e=>{let t=Vg.get(e)?.filter(t=>t.element.isConnected&&xg(e,t.element)!==null);return t?.length?t:hg(e,Sg(e))?[{element:e,properties:[`animation`]}]:[]};function Jg(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 Yg(e,t,n){let r=0,i=-1/0,a=0,o=!1,s=!0,c=new WeakMap,l=Bg(e.ownerDocument),u=e.ownerDocument.createElement(`span`).style,d=qg(e);d.length&&Vg.set(e,d);let f=new Map(d.map(e=>[e.element,new Set(e.properties)])),p=[],m=new WeakSet,h=Kg(t),g=()=>{if(o)return;let t=[...f].map(([e,t])=>({element:e,properties:[...t]}));Vg.set(e,t),n(t)},_=s=>{if(r=0,!o){if(!e.isConnected){Vg.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=yg(e);for(let e of a)try{let t=e.effect;if(!Hg(t)||!t.target)continue;let i=Ug(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(gg(t));n.set(t.target,a)}catch{}let o=!1;hg(e,Sg(e,a))&&!f.has(e)&&(f.set(e,new Set([`animation`])),o=!0);let u=Jg(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=rg.map(e=>i.getPropertyValue(e)),s=Gg(e),u=l.forElement(e,[i.animationName??``,...r.get(e)??[]].join(`,`)),d=new Set(n.get(e)??[]),p=new Set,m=rg.map(e=>s?.getPropertyValue(e)??``),h=rg.map(t=>{let r=s?.getPropertyValue(t)??``,a=[...Ng(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??Wg(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&&rg.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=Gg(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??Wg(e);for(;b;)y(b,!1),b=b.parentElement??Wg(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,Vg.delete(e);for(let e of p)e.disconnect();t.clearInterval(x),t.cancelAnimationFrame(r)}}var Xg=`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 Zg(){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 Qg(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 $g(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(Qg,{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 e_(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 t_(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(`
|
|
2335
|
+
`);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 n_=e=>!!(e&&`getKeyframes`in e&&`target`in e),r_=e=>`style`in e?e.style:null,i_=e=>{let t=e.getRootNode();if(!(`host`in t))return null;let n=t.host;return n instanceof Element?n:null};function a_(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=t_(i,a,l);if(!u)return;let{root:d}=u,f=Bg(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=>rg.includes(e));return{...e,properties:new Set(n?rg: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=e_({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=Sg(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(!n_(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(gg(t));if(!r.length&&o.some(e=>e.properties.includes(`animation`)))for(let e of rg)a.properties.add(e);A.push({source:e.target,pseudo:e.pseudoElement??null,frames:r})}catch{let e=n.effect;if(!n_(e))continue;for(let t of g)if(t.source===e.target&&t.pseudo===(e.pseudoElement??null))for(let e of rg)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,H=V?new V(()=>{C=!0,B()}):null;H?.observe(c),H?.observe(i);let U=a.MutationObserver;L=U?new U(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=r_(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 rg){let o=t.pseudo?``:r_(t.source)?.getPropertyValue(a)??``,s=r.some(e=>[...Ng(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 rg)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 ee=i.parentElement??i_(i);for(;ee;)L?.observe(ee,{attributes:!0,attributeOldValue:!0,attributeFilter:[`style`,`class`]}),ee=ee.parentElement??i_(ee);let W=U?new U(()=>{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),H?.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 o_=[.25,.5,1],s_=0,c_=e=>{let t=Math.max(0,Math.floor(e/1e3));return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`},l_=e=>e>=1e3?`${e/1e3}s`:`${e}ms`;function u_(){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 d_(){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 f_(){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 p_(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(gg).join(`, `),a=(e,t)=>{let n=t.map(e=>[e.name,l_(e.duration),e.easing,e.delay?l_(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(`,
|
|
2336
|
+
`);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:vg(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(`
|
|
2218
2337
|
`)}\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(`
|
|
2219
2338
|
|
|
2220
|
-
`))}),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 f_(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-${++a_}`,[k,A]=G({left:0,above:!1}),[j,M]=G(null),[N,P]=G(Gg(e.element)),F={current:null};mo(()=>e.suspended?.()??!1,e=>{e||en(()=>F.current?.())});let I=[],L=lo(()=>[...new Set(N().filter(t=>yg(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(Gg(e)),Dn(qg(e,t,t=>P(t.filter(t=>yg(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=xg(e)[0];o(r?.playbackRate??1);let a=()=>{if(!e.isConnected){u(!1),n(0),f([]),I=[];return}try{let r=wg(e,t),i=[...new Set(r.flatMap(e=>e.animation?[e.animation]:[]))];u(r.length>0||bg(e).length>0),n(Math.max(0,...r.map(Tg))),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=Dg(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),Ag(I,n,t()),F.current?.()},H=()=>{if(!B())return;let t=s()?`pause`:`play`;kg(e.element,t,a()),c(t===`play`)},U=t=>{if(!B()||!Number.isFinite(t))return;let n=Math.min(4,Math.max(.1,Math.round(t*100)/100));o(n),kg(e.element,s()?`play`:`pause`,n)},ee=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;U(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:H}),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(r_,{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:H});return Q(e,(()=>{var e=J(()=>!!s());return()=>e()?Y(l_,{}):Y(c_,{})})()),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()?o_(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()?o_(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),U(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:i_,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!i_.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(Xg,{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),ee(e.clientX)},onPointerMove:e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&ee(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`)U(.1);else if(e.key===`End`)U(4);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)U(a()+.05);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)U(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)&&U(n)},onBlur:()=>w(!1),onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{if(e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault(),e.stopPropagation(),U(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(u_,{})),Q(u,Y(K,{get when(){return p()},get children(){return[Y(d_,{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 p_=$a(null),m_=e=>Y(p_,{get value(){return e.runtime},get children(){return e.children}}),h_=()=>eo(p_),g_=[`hex`,`rgb`,`hsl`,`oklch`],__=e=>g_.some(t=>t===e),v_=e=>e===`system`||e===`light`||e===`dark`,y_=e=>e===`off`||e===`click`||e===`hover`,b_=[{value:`solid`,label:`Solid`},{value:`dashed`,label:`Dashed`},{value:`dotted`,label:`Dotted`}];function x_(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 S_(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 C_(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(Xg,{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 w_(e){let t=Sl(e.ownerWindow),[n,r]=G(!1),[i,a]=G([]),o=h_(),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(Zg,{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(C_,{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:b_,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(C_,{label:`Length`,min:2,max:24,step:1,get value(){return d().guideStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>f({dashLength:e})}),Y(C_,{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(x_,{label:`Snap`,get checked(){return d().snapGuidesEnabled},onChange:t=>e.model.updateSettings({snapGuidesEnabled:t})}),null),Q(n,Y(x_,{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;y_(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(Zg,{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(x_,{label:`Hover`,get checked(){return d().hoverHighlightEnabled},onChange:t=>e.model.updateSettings({hoverHighlightEnabled:t})}),r),Q(n,Y(x_,{label:`Element snap`,get checked(){return d().snapEnabled},onChange:t=>e.model.updateSettings({snapEnabled:t})}),r),Q(n,Y(x_,{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(x_,{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(x_,{label:`Show`,get checked(){return e.selectionSpacingStyle.enabled},onChange:e=>p({enabled:e})}),f),Q(l,Y(x_,{label:`Diagonals`,get checked(){return e.selectionSpacingStyle.diagonals},onChange:e=>p({diagonals:e})}),f),Q(l,Y(Zg,{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(C_,{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:b_,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(C_,{label:`Length`,min:2,max:24,step:1,get value(){return e.selectionSpacingStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>p({dashLength:e})}),Y(C_,{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;__(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:g_,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:g_,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(C_,{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(x_,{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;v_(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(x_,{label:`Persist`,get checked(){return d().persistOnReload},onChange:t=>e.model.updateSettings({persistOnReload:t})}),u),Q(t,Y(x_,{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(Im,{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(Im,{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(S_,{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 T_=272,E_=8,D_=4;function O_(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 k_(e){let t=h_(),[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||T_,r=Math.min(t,Math.max(0,e-16)),i=c.getBoundingClientRect(),a=i.right+D_-r,o=Math.max(E_,e-E_-r),d=Math.min(o,Math.max(E_,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(w_,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(O_,{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(O_,{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 A_(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 j_(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 M_(e){let t=()=>e.visible??!0;var n=X(`div`,{"aria-hidden":`true`});return q(()=>({e:e.marker??`true`,t:`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:w-px msr:opacity-100`:`msr:w-0 msr:opacity-0`}`}),({e,t},r)=>{e!==r?.e&&$(n,`data-mesurer-toolbar-divider`,e,r?.e),t!==r?.t&&$(n,`class`,t,r?.t)}),n}function N_(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(jm,{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(Mm,{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(Im,{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 P_(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 F_=6,I_=`input, textarea, select, [contenteditable], [data-slider-container], [role='menu'], [role='dialog']`,L_=176,R_=224,z_=360,B_=6.5,V_=52,H_=28,U_=8,W_=8,G_=272,K_=8,q_=72,J_=360,Y_=352,X_=8,Z_=260,Q_=14;function $_(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??jh(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=wh(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,H,U,ee,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=e=>{let t=pe();return e===a()?t:{width:t.height,height:t.width}},he=(t,n=pe())=>Oh(e.ownerWindow,t,n,f(),u()&&r()?16:8),ge=t=>e.onPositionChange?.({...t,edge:u()?r():null,align:l,vertical:a()}),_e=eg(),ve=null,ye=e=>{e!==a()&&(R&&(ve={capture:_e.captureToolbarTurn(R),vertical:e}),o(e),Pe())},be=()=>{Pe(),ve&&R&&!e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches&&_e.playToolbarTurn(R,ve.capture,ve.vertical),ve=null},xe=()=>{if(!u()||y()||!R)return;let e=Uh({point:t(),size:pe(),viewport:f(),glued:r(),align:r()?l:void 0});l=e.align,c(l),i(e.side),ye(jh(e.side)),n(he(zh(e.side,l,pe(),f()))),be()},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),!_h(e)){Te(!1,t);return}ce=e.setTimeout(()=>{ce=0,t===de&&Te(_h(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=Yh({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=U?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-K_),r=Math.max(0,e.top-K_);return n>=q_||n>=r?`bottom`:`top`},at=()=>{t();let e=R?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-K_),r=Math.max(0,e.top-K_);return n>=J_||n>=r?`bottom`:`top`},ot=()=>{t(),N(),Ne(),F();let n=(N()?R:H)?.getBoundingClientRect();if(!n)return 0;let r=e.ownerWindow.innerWidth||288,i=Math.min(G_,Math.max(0,r-16)),a=n.right+4-i,o=Math.max(K_,r-K_-i);return Math.min(o,Math.max(K_,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(Y_,Math.max(0,o-16));if(!i)return{left:K_,top:K_,bottom:null,width:c,maxHeight:Math.max(0,s-16)};if(a()){let e=i.left<o/2,t=e?o-i.right-X_-K_:i.left-X_-K_,n=Math.min(c,Math.max(0,t));return{left:e?i.right+X_:i.left-X_-n,top:Math.min(Math.max(K_,i.top),Math.max(K_,s-Z_-K_)),bottom:null,width:n,maxHeight:s-16}}let l=Math.min(Math.max(K_,i.left),Math.max(K_,o-K_-c)),d=Math.max(0,s-i.bottom-X_-K_),f=Math.max(0,i.top-X_-K_);return d>=Z_||d>=f?{left:l,top:i.bottom+X_,bottom:null,width:c,maxHeight:d}:{left:l,top:null,bottom:s-i.top+X_,width:c,maxHeight:f}},ct=()=>{let t=st(),n=_();if(!n)return t;let r=Math.max(K_,e.ownerWindow.innerWidth-t.width-K_),i=Math.max(K_,e.ownerWindow.innerHeight-Z_-K_);return{...t,left:Math.min(r,Math.max(K_,n.x)),top:Math.min(i,Math.max(K_,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)<Q_)return;d||(d=!0,n.setPointerCapture(s),b(!0),n.style.willChange=`transform`);let l=Math.max(K_,e.ownerWindow.innerWidth-i.width-K_),h=Math.max(K_,e.ownerWindow.innerHeight-i.height-K_);f=Math.min(l,Math.max(K_,i.left+r)),p=Math.min(h,Math.max(K_,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=U?.getBoundingClientRect();if(!t)return;let n=t.right-L_,r=t.left+L_;if(n<K_){M(`left`);return}if(r>e.ownerWindow.innerWidth-K_){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(z_,Math.max(R_,Math.ceil(n*B_+V_)))},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)*H_+U_,c=Math.max(0,a-r.bottom-K_-W_),l=Math.max(0,r.top-K_-W_),u=c>=s||c>=l?`bottom`:`top`,d=u===`bottom`?c:l,f=r.right-o,p=Math.max(K_,i-K_-o);return{side:u,left:Math.min(p,Math.max(K_,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(I_))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=y.style.transform,C=y.style.willChange,T=_()?null:z,D=T?.style.transform??``,k=!1,A=!1,j=0,M=v,N=o.pointerId,P=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},F=!1,I=!1,L={x:m,y:h},R=()=>{if(j=0,u()){n(M),be();return}let e=`translate3d(${M.x-v.x}px, ${M.y-v.y}px, 0)`;y.style.transform=e,T&&(T.style.transform=e)},B=t=>{if(t.pointerId!==N)return;let n=t.clientX-m,o=t.clientY-h;if(!k){if(k=Math.abs(n)>F_||Math.abs(o)>F_,!k)return;y.setPointerCapture(N),E(!1),O(null),ne=void 0,y.style.willChange=`transform`,T&&(T.style.willChange=`transform`),b(!0),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})}if(A=!0,L={x:t.clientX,y:t.clientY},u()){let e=Jh({pointer:L,grab:P,glued:r(),upright:a(),pushed:F,latched:I,sizeFor:me,viewport:f()});F=e.pushed,I=e.latched,i(e.side),ye(e.upright);let t=Jh({pointer:L,grab:P,glued:e.side,upright:e.upright,pushed:F,latched:I,sizeFor:me,viewport:f()});M=he(t.position);let n=Math.min(pe().width,pe().height);w(e.side?{side:e.side,align:Rh(e.side,M,pe(),f())}:Kh(L,e.upright,{width:n,height:n},f()))}else M=Oh(e.ownerWindow,{x:v.x+n,y:v.y+o},{width:x.width,height:x.height},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight});j||=e.ownerWindow.requestAnimationFrame(R)},V=t=>{if(j&&e.ownerWindow.cancelAnimationFrame(j),j=0,w(null),y.style.transform=S,y.style.willChange=C,y.hasPointerCapture(N)&&y.releasePointerCapture(N),T&&(T.style.transform=D,T.style.willChange=``),A&&t){if(u()){let e=Math.min(pe().width,pe().height),t=r()?{side:r(),align:Rh(r(),M,pe(),f())}:Kh(L,a(),{width:e,height:e},f());i(t.side),l=t.align,c(l),ye(jh(t.side)),M=he(zh(t.side,l,pe(),f())),g()}n(M),be(),ge(M)}b(!1),ie!==null&&(p.style.userSelect=ie,ie=null),e.ownerWindow.removeEventListener(`pointermove`,B,!0),e.ownerWindow.removeEventListener(`pointerup`,H,!0),e.ownerWindow.removeEventListener(`pointercancel`,H,!0),ae=null},H=e=>{e.pointerId===N&&(re=A,V(e.type===`pointerup`))};ae=()=>V(!1),e.ownerWindow.addEventListener(`pointermove`,B,!0),e.ownerWindow.addEventListener(`pointerup`,H,!0),e.ownerWindow.addEventListener(`pointercancel`,H,!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),ee&&(ee.dataset.compactMotion=`true`),P(t),le=e.ownerWindow.setTimeout(()=>{le=0,ee&&delete ee.dataset.compactMotion,I(e=>e+1)},170)},_t=()=>{ue&&e.ownerWindow.clearTimeout(ue),ee&&(ee.dataset.modeMotion=`true`),ue=e.ownerWindow.setTimeout(()=>{ue=0,ee&&delete ee.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(Lm,{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(j_,{get visible(){return qe(Be(t))},get children(){return Y(K,{get when(){return(t.menu?.items.length??0)>0},get fallback(){return Y(A_,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(P_,{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(A_,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(P_,{tool:t})}})),r),Q(r,Y(Im,{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()&&U&&!n.includes(U)&&E(!1);let r=n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-plugin-menu-root`)===`true`);D()&&!r&&O(null);let i=H&&n.includes(H)||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=ee,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?xe():(i(null),ye(!1),n(he(t())),be(),ge(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=()=>{!u()||y()||(xe(),e.ownerWindow.clearTimeout(n),n=e.ownerWindow.setTimeout(()=>ge(t()),300))},a=()=>{r||=e.ownerWindow.requestAnimationFrame(()=>{r=0,i()})},o=e.ownerWindow,s=o.ResizeObserver?new o.ResizeObserver(a):null;return R&&s?.observe(R),e.ownerWindow.addEventListener(`resize`,a),i(),()=>{s?.disconnect(),e.ownerWindow.removeEventListener(`resize`,a),r&&e.ownerWindow.cancelAnimationFrame(r),e.ownerWindow.clearTimeout(n),e.ownerWindow.clearTimeout(p),_e.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:kh,children:e=>Y(_o,{get each(){return J(()=>!!jh(e))()?Lh.slice(0,1):Lh},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=zh(e,t,{width:n,height:n},f()),i=he(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(ih,{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(f_,{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(N_,{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(M_,{get visible(){return Ye()},marker:`mode`}),i),Z(i,o),ic(()=>e=>{ee=e},i),Z(o,c),Z(o,p),Z(c,l),Z(l,f),ic(()=>e=>{W=e},l),Q(f,Y(j_,{get visible(){return qe(De())},get children(){return Y(A_,nc({id:`select`,builtin:`select`,get active(){return De()},label:`Select`,shortcut:`S`,onClick:()=>e.onBuiltinAction(`select`)},()=>bt(`select`),{get children(){return Y(Am,{size:20})}}))}}),null),Q(f,Y(j_,{get visible(){return qe(Oe())},get children(){return Y(A_,nc({id:`xray`,builtin:`xray`,get active(){return Oe()},label:`X-ray`,shortcut:`X`,onClick:()=>e.onBuiltinAction(`xray`)},()=>bt(`xray`),{get children(){return Y(Pm,{size:20})}}))}}),null),Q(f,Y(K,{get when(){return oe()},get children(){return Y(j_,{get visible(){return qe(ke())},get children(){return Y(A_,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(Vm,{size:20})}}))}})}}),null),Q(f,Y(j_,{get visible(){return qe(je())},get children(){return Y(A_,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(j_,{get visible(){return qe(e.responsiveOpen===!0)},get children(){return Y(A_,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(Bm,{size:20})}}))}}),null),Q(l,Y(K,{get when(){return Le().length>0},get children(){return[Y(M_,{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(j_,{get visible(){return qe(Ae())},get children(){return Y(A_,nc({id:`rulers`,builtin:`rulers`,get active(){return Ae()},label:`Rulers`,shortcut:`R`,onClick:()=>e.onBuiltinAction(`rulers`)},()=>bt(`rulers`),{get children(){return Y(Fm,{size:20})}}))}}),null),Q(g,Y(j_,{get visible(){return qe(Me())},get children(){return[Y(A_,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(Nm,{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`,"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=>{U=e},t),Q(n,Y(Im,{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(Lm,{size:12,get class(){return e.model.state.guideOrientation===`horizontal`?`msr:opacity-100`:`msr:opacity-0`}}),r),Q(n,Y(Rm,{size:12}),r),Z(r,ec(`Horizontal`)),Z(i,ec(`H`)),Z(a,o),Z(a,s),Q(a,Y(Lm,{size:12,get class(){return e.model.state.guideOrientation===`vertical`?`msr:opacity-100`:`msr:opacity-0`}}),o),Q(a,Y(Rm,{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(M_,{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(j_,{get visible(){return qe(Ne())},get children(){var t=X(`div`,{"data-mesurer-builtin":`settings`,class:`msr:relative msr:flex`});return ic(()=>e=>{H=e},t),Q(t,Y(A_,nc({id:`settings`,builtin:`settings`,get active(){return Ne()},label:`Settings`,shortcut:`⌘/Ctrl+,`,onClick:()=>e.onBuiltinAction(`settings`)},()=>bt(`settings`),{get children(){return Y(Xm,{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(k_,{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(M_,{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(k_,{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(Im,{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 ev=e=>e.ownerDocument===null,tv=(e,t)=>{let n=t.defaultView?.Element;return!!(n&&e instanceof n)},nv=(e,t={})=>{let n=ev(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),tv(e,t)&&s(e,t);let n=t.createTreeWalker(e,1),r=n.nextNode();for(;r;)tv(r,t)&&s(r,t),r=n.nextNode()};return ev(e)?o(e):(i.add(n),r.push(n),c(e,n)),r},rv=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},iv=(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},av=(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},ov=(e,t)=>t.length?e.find(e=>e.id===t[t.length-1])??null:null,sv=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},cv=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))}}},lv=(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)},uv=(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)},dv=(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)},fv=e=>e.nodeType===11,pv=e=>{if(!e)return null;let t=e.getRootNode();return fv(t)?t.host:null},mv=(e,t,n)=>!!(t?.contains(e)||n&&e===n),hv=(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},gv=(e,t,n=document,r=n.body)=>{let i=n.defaultView;if(!i)return!1;let a=i,o=pv(t);for(let s of n.elementsFromPoint(e.x,e.y)){if(!(s instanceof a.Element))continue;let n=hv(s,e);if(!mv(n,t,o)){if(Al(n,i))return!0;if(pu(n,r)&&!kl(n,i))return!1}}return!1},_v=(e,t,n,r)=>gv(e,t,n,r)?null:mu(t,()=>fu(e,r,n)),vv=(e,t,n=document,r=n.body)=>{let i=pv(t),a=_v(e,t,n,r),o=n.defaultView;if(!o||!a)return null;let s=Sv(a,e);if(!iv(s,r)||mv(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},yv=(e,t)=>Math.abs(e.x-t.x)<=4&&Math.abs(e.y-t.y)<=4,bv=e=>{try{return e.defaultView?.frameElement??null}catch{return null}},xv=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return fv(t)?t.host:bv(e.ownerDocument)},Sv=(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},Cv=(e,t,n,r)=>{if(gv(e,t,n,r))return[];let i=n.defaultView;if(!i)return[];let a=i,o=pv(t),s=[],c=new Set,l=e=>{if(!e||c.has(e)||!iv(e,r)||mv(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=xv(t)};u(vv(e,t,n,r));let d=mu(t,()=>n.elementsFromPoint(e.x,e.y));for(let t of d)t instanceof a.Element&&u(hv(t,e));return s},wv=(e,t,n,r=document,i=r.body,a=e)=>{let o=vv(e,t,r,i);if(!n||!o)return o;let s={left:a.x-20,top:a.y-20,width:40,height:40},c=Mv(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 dv(a,f)??uv(s,a,f)??o},Tv=(e,t,n,r=document,i=r.body,a=null,o=e)=>{let s=r.defaultView;if(s&&a&&yv(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=wv(e,t,n,r,i,o);return c?{target:c,cycle:{point:o,index:0,stack:[c,...Cv(e,t,r,i).filter(e=>e!==c)]}}:{target:null,cycle:null}},Ev=-1,Dv=``,Ov=[],kv=null,Av=null,jv=null,Mv=(e,t,n=document,r=n.body)=>{let i=pv(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===Ev&&Dv===s&&kv===t&&Av===n&&jv===r)return Ov;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})=>!iv(n,r)||mv(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 Ev=o,Dv=s,kv=t,Av=n,jv=r,Ov=f,f},Nv=(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=Mv(e,t,r,i);return n.key=o,n.overlayNode=t,n.frame=a,n.entries=s,s},Pv=(e,t,n,r=document,i=r.body,a)=>{let o=Nv(e,t,n,r,i);return a&&(o=o.filter(({element:e})=>a(e))),o.length?lv(e,o):[]},Fv=e=>e.nodeType===11,Iv=e=>{if(!e)return null;let t=e.getRootNode();return Fv(t)?t.host:null},Lv=e=>{let t=e.document??document,n=t.defaultView,r=n?.Element,i=Iv(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},Rv=`mesurer:select-gesture-start`;function zv(e){let t=e;e.dispatchEvent(new t.Event(Rv))}function Bv(e,t){return e.addEventListener(Rv,t),()=>e.removeEventListener(Rv,t)}var Vv=e=>void 0,Hv=$a(Vv);function Uv(e={}){let t=et(),n=t?eo(Hv):Vv,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&&zv(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 Wv=200,Gv=e=>{e.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1})},Kv=e=>{e.setSelectedMeasurements([],null),e.setSelectedGuideIds([]),e.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},qv=(e,t)=>{e.setEnabled(!0,!e.current.enabled),Gv(e),e.setTransient({toolbarActive:!0}),e.toggleToolMode(t)},Jv=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`,Yv=(e,t,n)=>{e.setTransient({colorPickerActive:!0,colorPickerSample:n,colorPickerUnsupported:!1}),t.navigator.clipboard?.writeText(Rc(n,e.current.settings.colorPickerClickFormat)).catch(()=>void 0)},Xv=(e,t)=>{hh(t),Gv(e);let n=t.Event;t.dispatchEvent(new n(`focus`))},Zv=(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()}},Qv=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 $v(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(),Gv(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(!gh(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})},Wv);try{let r=await new e().open({signal:o.signal});if(l(),o.signal.aborted||c)return;let i=jc(r.sRGBHex);if(!i){Gv(t);return}Yv(t,n,i)}catch(e){if(l(),o.signal.aborted||c){Gv(t);return}let r=n.performance.now()-s;if(e instanceof n.DOMException&&e.name===`AbortError`){if(r<Wv){Xv(t,n);return}Gv(t);return}Xv(t,n)}finally{i===o&&(i=null)}},_=async()=>{if(Uc(n)){h();return}await g()};return{async run(e){switch(e){case`select`:d(),Kv(t),qv(t,`select`);return;case`xray`:d(),t.setEnabled(!0),Gv(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),Gv(t),t.toggleRulers();return;case`text-inspector`:d(),qv(t,`text-inspector`);return;case`guides`:d(),qv(t,`guides`);return;case`settings`:{let e=!t.current.settingsOpen;t.setTransient({settingsOpen:e,settingsTab:e?Jv(t):t.current.settingsTab});return}}},clearSelection(){Kv(t)},deactivate(e){switch(e){case`select`:Kv(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=Zv(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 Qv(r,n,e,i);if(c||a!==s)return;Yv(t,n,o)}catch{!c&&a===s&&Gv(t)}finally{l()}},dispose(){c||(c=!0,d())}}}var ey=`var(--msr-color-ink-50, #f8fafc)`,ty=`var(--msr-color-ink-200, #e2e8f0)`,ny=`var(--msr-color-ink-500, #64748b)`,ry=`var(--msr-content, #0f172a)`,iy=(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},ay=(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(iy(e,t,n));return r},oy=(e,t)=>{Object.assign(e.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})},sy=(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:ry,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},cy=(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:ey,background:ry,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:ny,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:ny,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=ny,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:ry,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=ty,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)},ly=(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`)},uy=[`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`],dy=`color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)`,fy=`color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)`,py=`color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)`,my=`color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)`,hy=80,gy=0,_y=(e,t)=>`
|
|
2339
|
+
`))}),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 m_(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-${++s_}`,[k,A]=G({left:0,above:!1}),[j,M]=G(null),[N,P]=G(qg(e.element)),F={current:null};mo(()=>e.suspended?.()??!1,e=>{e||en(()=>F.current?.())});let I=[],L=lo(()=>[...new Set(N().filter(t=>xg(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(qg(e)),Dn(Yg(e,t,t=>P(t.filter(t=>xg(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=Cg(e)[0];o(r?.playbackRate??1);let a=()=>{if(!e.isConnected){u(!1),n(0),f([]),I=[];return}try{let r=Eg(e,t),i=[...new Set(r.flatMap(e=>e.animation?[e.animation]:[]))];u(r.length>0||Sg(e).length>0),n(Math.max(0,...r.map(Dg))),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=kg(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),Mg(I,n,t()),F.current?.()},H=()=>{if(!B())return;let t=s()?`pause`:`play`;jg(e.element,t,a()),c(t===`play`)},U=t=>{if(!B()||!Number.isFinite(t))return;let n=Math.min(4,Math.max(.1,Math.round(t*100)/100));o(n),jg(e.element,s()?`play`:`pause`,n)},ee=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;U(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:H}),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(a_,{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:H});return Q(e,(()=>{var e=J(()=>!!s());return()=>e()?Y(d_,{}):Y(u_,{})})()),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()?c_(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()?c_(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),U(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:o_,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!o_.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(Qg,{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),ee(e.clientX)},onPointerMove:e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&ee(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`)U(.1);else if(e.key===`End`)U(4);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)U(a()+.05);else if(e.key===`ArrowLeft`||e.key===`ArrowDown`)U(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)&&U(n)},onBlur:()=>w(!1),onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{if(e.key===`ArrowUp`||e.key===`ArrowDown`){e.preventDefault(),e.stopPropagation(),U(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(f_,{})),Q(u,Y(K,{get when(){return p()},get children(){return[Y(p_,{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 h_=$a(null),g_=e=>Y(h_,{get value(){return e.runtime},get children(){return e.children}}),__=()=>eo(h_),v_=[`hex`,`rgb`,`hsl`,`oklch`],y_=e=>v_.some(t=>t===e),b_=e=>e===`system`||e===`light`||e===`dark`,x_=e=>e===`off`||e===`click`||e===`hover`,S_=[{value:`solid`,label:`Solid`},{value:`dashed`,label:`Dashed`},{value:`dotted`,label:`Dotted`}];function C_(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 w_(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 T_(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(Qg,{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 E_(e){let t=Sl(e.ownerWindow),[n,r]=G(!1),[i,a]=G([]),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($g,{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(T_,{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:S_,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(T_,{label:`Length`,min:2,max:24,step:1,get value(){return d().guideStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>f({dashLength:e})}),Y(T_,{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(C_,{label:`Snap`,get checked(){return d().snapGuidesEnabled},onChange:t=>e.model.updateSettings({snapGuidesEnabled:t})}),null),Q(n,Y(C_,{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;x_(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($g,{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(C_,{label:`Hover`,get checked(){return d().hoverHighlightEnabled},onChange:t=>e.model.updateSettings({hoverHighlightEnabled:t})}),r),Q(n,Y(C_,{label:`Element snap`,get checked(){return d().snapEnabled},onChange:t=>e.model.updateSettings({snapEnabled:t})}),r),Q(n,Y(C_,{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(C_,{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(C_,{label:`Show`,get checked(){return e.selectionSpacingStyle.enabled},onChange:e=>p({enabled:e})}),f),Q(l,Y(C_,{label:`Diagonals`,get checked(){return e.selectionSpacingStyle.diagonals},onChange:e=>p({diagonals:e})}),f),Q(l,Y($g,{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(T_,{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:S_,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(T_,{label:`Length`,min:2,max:24,step:1,get value(){return e.selectionSpacingStyle.dashLength},formatValue:e=>`${e}px`,onChange:e=>p({dashLength:e})}),Y(T_,{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;y_(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:v_,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:v_,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(T_,{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(C_,{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;b_(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(C_,{label:`Persist`,get checked(){return d().persistOnReload},onChange:t=>e.model.updateSettings({persistOnReload:t})}),u),Q(t,Y(C_,{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(Im,{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(Im,{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(w_,{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 D_=272,O_=8,k_=4;function A_(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 j_(e){let t=__(),[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||D_,r=Math.min(t,Math.max(0,e-16)),i=c.getBoundingClientRect(),a=i.right+k_-r,o=Math.max(O_,e-O_-r),d=Math.min(o,Math.max(O_,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(E_,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(A_,{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(A_,{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 M_(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 N_(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 P_(e){let t=()=>e.visible??!0;var n=X(`div`,{"aria-hidden":`true`});return q(()=>({e:e.marker??`true`,t:`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:w-px msr:opacity-100`:`msr:w-0 msr:opacity-0`}`}),({e,t},r)=>{e!==r?.e&&$(n,`data-mesurer-toolbar-divider`,e,r?.e),t!==r?.t&&$(n,`class`,t,r?.t)}),n}function F_(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(jm,{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(Mm,{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(Im,{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 I_(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 L_=6,R_=`input, textarea, select, [contenteditable], [data-slider-container], [role='menu'], [role='dialog']`,z_=176,B_=224,V_=360,H_=6.5,U_=52,W_=28,G_=8,K_=8,q_=272,J_=8,Y_=72,X_=360,Z_=352,Q_=8,$_=260,ev=14;function tv(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??Nh(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=Eh(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,H,U,ee,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=e=>{let t=pe();return e===a()?t:{width:t.height,height:t.width}},he=(t,n=pe())=>Ah(e.ownerWindow,t,n,f(),u()&&r()?16:8),ge=t=>e.onPositionChange?.({...t,edge:u()?r():null,align:l,vertical:a()}),_e=ng(),ve=null,ye=e=>{e!==a()&&(R&&(ve={capture:_e.captureToolbarTurn(R),vertical:e}),o(e),Pe())},be=()=>{Pe(),ve&&R&&!e.ownerWindow.matchMedia(`(prefers-reduced-motion: reduce)`).matches&&_e.playToolbarTurn(R,ve.capture,ve.vertical),ve=null},xe=()=>{if(!u()||y()||!R)return;let e=Gh({point:t(),size:pe(),viewport:f(),glued:r(),align:r()?l:void 0});l=e.align,c(l),i(e.side),ye(Nh(e.side)),n(he(Vh(e.side,l,pe(),f()))),be()},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),!yh(e)){Te(!1,t);return}ce=e.setTimeout(()=>{ce=0,t===de&&Te(yh(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=Zh({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=U?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-J_),r=Math.max(0,e.top-J_);return n>=Y_||n>=r?`bottom`:`top`},at=()=>{t();let e=R?.getBoundingClientRect();if(!e)return nt()?`top`:`bottom`;let n=Math.max(0,et()-e.bottom-J_),r=Math.max(0,e.top-J_);return n>=X_||n>=r?`bottom`:`top`},ot=()=>{t(),N(),Ne(),F();let n=(N()?R:H)?.getBoundingClientRect();if(!n)return 0;let r=e.ownerWindow.innerWidth||288,i=Math.min(q_,Math.max(0,r-16)),a=n.right+4-i,o=Math.max(J_,r-J_-i);return Math.min(o,Math.max(J_,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(Z_,Math.max(0,o-16));if(!i)return{left:J_,top:J_,bottom:null,width:c,maxHeight:Math.max(0,s-16)};if(a()){let e=i.left<o/2,t=e?o-i.right-Q_-J_:i.left-Q_-J_,n=Math.min(c,Math.max(0,t));return{left:e?i.right+Q_:i.left-Q_-n,top:Math.min(Math.max(J_,i.top),Math.max(J_,s-$_-J_)),bottom:null,width:n,maxHeight:s-16}}let l=Math.min(Math.max(J_,i.left),Math.max(J_,o-J_-c)),d=Math.max(0,s-i.bottom-Q_-J_),f=Math.max(0,i.top-Q_-J_);return d>=$_||d>=f?{left:l,top:i.bottom+Q_,bottom:null,width:c,maxHeight:d}:{left:l,top:null,bottom:s-i.top+Q_,width:c,maxHeight:f}},ct=()=>{let t=st(),n=_();if(!n)return t;let r=Math.max(J_,e.ownerWindow.innerWidth-t.width-J_),i=Math.max(J_,e.ownerWindow.innerHeight-$_-J_);return{...t,left:Math.min(r,Math.max(J_,n.x)),top:Math.min(i,Math.max(J_,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)<ev)return;d||(d=!0,n.setPointerCapture(s),b(!0),n.style.willChange=`transform`);let l=Math.max(J_,e.ownerWindow.innerWidth-i.width-J_),h=Math.max(J_,e.ownerWindow.innerHeight-i.height-J_);f=Math.min(l,Math.max(J_,i.left+r)),p=Math.min(h,Math.max(J_,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=U?.getBoundingClientRect();if(!t)return;let n=t.right-z_,r=t.left+z_;if(n<J_){M(`left`);return}if(r>e.ownerWindow.innerWidth-J_){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(V_,Math.max(B_,Math.ceil(n*H_+U_)))},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)*W_+G_,c=Math.max(0,a-r.bottom-J_-K_),l=Math.max(0,r.top-J_-K_),u=c>=s||c>=l?`bottom`:`top`,d=u===`bottom`?c:l,f=r.right-o,p=Math.max(J_,i-J_-o);return{side:u,left:Math.min(p,Math.max(J_,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(R_))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=y.style.transform,C=y.style.willChange,T=_()?null:z,D=T?.style.transform??``,k=!1,A=!1,j=0,M=v,N=o.pointerId,P=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},F=!1,I=!1,L={x:m,y:h},R=()=>{if(j=0,u()){n(M),be();return}let e=`translate3d(${M.x-v.x}px, ${M.y-v.y}px, 0)`;y.style.transform=e,T&&(T.style.transform=e)},B=t=>{if(t.pointerId!==N)return;let n=t.clientX-m,o=t.clientY-h;if(!k){if(k=Math.abs(n)>L_||Math.abs(o)>L_,!k)return;y.setPointerCapture(N),E(!1),O(null),ne=void 0,y.style.willChange=`transform`,T&&(T.style.willChange=`transform`),b(!0),e.model.current.settingsOpen&&e.model.setTransient({settingsOpen:!1})}if(A=!0,L={x:t.clientX,y:t.clientY},u()){let e=Xh({pointer:L,grab:P,glued:r(),upright:a(),pushed:F,latched:I,sizeFor:me,viewport:f()});F=e.pushed,I=e.latched,i(e.side),ye(e.upright);let t=Xh({pointer:L,grab:P,glued:e.side,upright:e.upright,pushed:F,latched:I,sizeFor:me,viewport:f()});M=he(t.position);let n=Math.min(pe().width,pe().height);w(e.side?{side:e.side,align:Bh(e.side,M,pe(),f())}:Jh(L,e.upright,{width:n,height:n},f()))}else M=Ah(e.ownerWindow,{x:v.x+n,y:v.y+o},{width:x.width,height:x.height},{width:e.ownerWindow.innerWidth,height:e.ownerWindow.innerHeight});j||=e.ownerWindow.requestAnimationFrame(R)},V=t=>{if(j&&e.ownerWindow.cancelAnimationFrame(j),j=0,w(null),y.style.transform=S,y.style.willChange=C,y.hasPointerCapture(N)&&y.releasePointerCapture(N),T&&(T.style.transform=D,T.style.willChange=``),A&&t){if(u()){let e=Math.min(pe().width,pe().height),t=r()?{side:r(),align:Bh(r(),M,pe(),f())}:Jh(L,a(),{width:e,height:e},f());i(t.side),l=t.align,c(l),ye(Nh(t.side)),M=he(Vh(t.side,l,pe(),f())),g()}n(M),be(),ge(M)}b(!1),ie!==null&&(p.style.userSelect=ie,ie=null),e.ownerWindow.removeEventListener(`pointermove`,B,!0),e.ownerWindow.removeEventListener(`pointerup`,H,!0),e.ownerWindow.removeEventListener(`pointercancel`,H,!0),ae=null},H=e=>{e.pointerId===N&&(re=A,V(e.type===`pointerup`))};ae=()=>V(!1),e.ownerWindow.addEventListener(`pointermove`,B,!0),e.ownerWindow.addEventListener(`pointerup`,H,!0),e.ownerWindow.addEventListener(`pointercancel`,H,!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),ee&&(ee.dataset.compactMotion=`true`),P(t),le=e.ownerWindow.setTimeout(()=>{le=0,ee&&delete ee.dataset.compactMotion,I(e=>e+1)},170)},_t=()=>{ue&&e.ownerWindow.clearTimeout(ue),ee&&(ee.dataset.modeMotion=`true`),ue=e.ownerWindow.setTimeout(()=>{ue=0,ee&&delete ee.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(Lm,{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(N_,{get visible(){return qe(Be(t))},get children(){return Y(K,{get when(){return(t.menu?.items.length??0)>0},get fallback(){return Y(M_,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(I_,{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(M_,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(I_,{tool:t})}})),r),Q(r,Y(Im,{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()&&U&&!n.includes(U)&&E(!1);let r=n.some(e=>e instanceof Element&&e.getAttribute(`data-mesurer-plugin-menu-root`)===`true`);D()&&!r&&O(null);let i=H&&n.includes(H)||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=ee,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?xe():(i(null),ye(!1),n(he(t())),be(),ge(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=()=>{!u()||y()||(xe(),e.ownerWindow.clearTimeout(n),n=e.ownerWindow.setTimeout(()=>ge(t()),300))},a=()=>{r||=e.ownerWindow.requestAnimationFrame(()=>{r=0,i()})},o=e.ownerWindow,s=o.ResizeObserver?new o.ResizeObserver(a):null;return R&&s?.observe(R),e.ownerWindow.addEventListener(`resize`,a),i(),()=>{s?.disconnect(),e.ownerWindow.removeEventListener(`resize`,a),r&&e.ownerWindow.cancelAnimationFrame(r),e.ownerWindow.clearTimeout(n),e.ownerWindow.clearTimeout(p),_e.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:jh,children:e=>Y(_o,{get each(){return J(()=>!!Nh(e))()?zh.slice(0,1):zh},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=Vh(e,t,{width:n,height:n},f()),i=he(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(oh,{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(m_,{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(F_,{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(P_,{get visible(){return Ye()},marker:`mode`}),i),Z(i,o),ic(()=>e=>{ee=e},i),Z(o,c),Z(o,p),Z(c,l),Z(l,f),ic(()=>e=>{W=e},l),Q(f,Y(N_,{get visible(){return qe(De())},get children(){return Y(M_,nc({id:`select`,builtin:`select`,get active(){return De()},label:`Select`,shortcut:`S`,onClick:()=>e.onBuiltinAction(`select`)},()=>bt(`select`),{get children(){return Y(Am,{size:20})}}))}}),null),Q(f,Y(N_,{get visible(){return qe(Oe())},get children(){return Y(M_,nc({id:`xray`,builtin:`xray`,get active(){return Oe()},label:`X-ray`,shortcut:`X`,onClick:()=>e.onBuiltinAction(`xray`)},()=>bt(`xray`),{get children(){return Y(Pm,{size:20})}}))}}),null),Q(f,Y(K,{get when(){return oe()},get children(){return Y(N_,{get visible(){return qe(ke())},get children(){return Y(M_,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(Um,{size:20})}}))}})}}),null),Q(f,Y(N_,{get visible(){return qe(je())},get children(){return Y(M_,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(Vm,{size:20})}}))}}),null),Q(f,Y(N_,{get visible(){return qe(e.responsiveOpen===!0)},get children(){return Y(M_,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(Hm,{size:20})}}))}}),null),Q(l,Y(K,{get when(){return Le().length>0},get children(){return[Y(P_,{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(N_,{get visible(){return qe(Ae())},get children(){return Y(M_,nc({id:`rulers`,builtin:`rulers`,get active(){return Ae()},label:`Rulers`,shortcut:`R`,onClick:()=>e.onBuiltinAction(`rulers`)},()=>bt(`rulers`),{get children(){return Y(Fm,{size:20})}}))}}),null),Q(g,Y(N_,{get visible(){return qe(Me())},get children(){return[Y(M_,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(Nm,{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`,"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=>{U=e},t),Q(n,Y(Im,{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(Lm,{size:12,get class(){return e.model.state.guideOrientation===`horizontal`?`msr:opacity-100`:`msr:opacity-0`}}),r),Q(n,Y(Bm,{size:12}),r),Z(r,ec(`Horizontal`)),Z(i,ec(`H`)),Z(a,o),Z(a,s),Q(a,Y(Lm,{size:12,get class(){return e.model.state.guideOrientation===`vertical`?`msr:opacity-100`:`msr:opacity-0`}}),o),Q(a,Y(Bm,{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(P_,{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(N_,{get visible(){return qe(Ne())},get children(){var t=X(`div`,{"data-mesurer-builtin":`settings`,class:`msr:relative msr:flex`});return ic(()=>e=>{H=e},t),Q(t,Y(M_,nc({id:`settings`,builtin:`settings`,get active(){return Ne()},label:`Settings`,shortcut:`⌘/Ctrl+,`,onClick:()=>e.onBuiltinAction(`settings`)},()=>bt(`settings`),{get children(){return Y(Qm,{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(j_,{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(P_,{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(j_,{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(Im,{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 nv=e=>e.ownerDocument===null,rv=(e,t)=>{let n=t.defaultView?.Element;return!!(n&&e instanceof n)},iv=(e,t={})=>{let n=nv(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),rv(e,t)&&s(e,t);let n=t.createTreeWalker(e,1),r=n.nextNode();for(;r;)rv(r,t)&&s(r,t),r=n.nextNode()};return nv(e)?o(e):(i.add(n),r.push(n),c(e,n)),r},av=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},ov=(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},sv=(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},cv=(e,t)=>t.length?e.find(e=>e.id===t[t.length-1])??null:null,lv=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},uv=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))}}},dv=(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)},fv=(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)},pv=(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)},mv=e=>e.nodeType===11,hv=e=>{if(!e)return null;let t=e.getRootNode();return mv(t)?t.host:null},gv=(e,t,n)=>!!(t?.contains(e)||n&&e===n),_v=(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},vv=(e,t,n=document,r=n.body)=>{let i=n.defaultView;if(!i)return!1;let a=i,o=hv(t);for(let s of n.elementsFromPoint(e.x,e.y)){if(!(s instanceof a.Element))continue;let n=_v(s,e);if(!gv(n,t,o)){if(Al(n,i))return!0;if(pu(n,r)&&!kl(n,i))return!1}}return!1},yv=(e,t,n,r)=>vv(e,t,n,r)?null:mu(t,()=>fu(e,r,n)),bv=(e,t,n=document,r=n.body)=>{let i=hv(t),a=yv(e,t,n,r),o=n.defaultView;if(!o||!a)return null;let s=wv(a,e);if(!ov(s,r)||gv(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},xv=(e,t)=>Math.abs(e.x-t.x)<=4&&Math.abs(e.y-t.y)<=4,Sv=e=>{try{return e.defaultView?.frameElement??null}catch{return null}},Cv=e=>{if(e.parentElement)return e.parentElement;let t=e.getRootNode();return mv(t)?t.host:Sv(e.ownerDocument)},wv=(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},Tv=(e,t,n,r)=>{if(vv(e,t,n,r))return[];let i=n.defaultView;if(!i)return[];let a=i,o=hv(t),s=[],c=new Set,l=e=>{if(!e||c.has(e)||!ov(e,r)||gv(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=Cv(t)};u(bv(e,t,n,r));let d=mu(t,()=>n.elementsFromPoint(e.x,e.y));for(let t of d)t instanceof a.Element&&u(_v(t,e));return s},Ev=(e,t,n,r=document,i=r.body,a=e)=>{let o=bv(e,t,r,i);if(!n||!o)return o;let s={left:a.x-20,top:a.y-20,width:40,height:40},c=Pv(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 pv(a,f)??fv(s,a,f)??o},Dv=(e,t,n,r=document,i=r.body,a=null,o=e)=>{let s=r.defaultView;if(s&&a&&xv(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=Ev(e,t,n,r,i,o);return c?{target:c,cycle:{point:o,index:0,stack:[c,...Tv(e,t,r,i).filter(e=>e!==c)]}}:{target:null,cycle:null}},Ov=-1,kv=``,Av=[],jv=null,Mv=null,Nv=null,Pv=(e,t,n=document,r=n.body)=>{let i=hv(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===Ov&&kv===s&&jv===t&&Mv===n&&Nv===r)return Av;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})=>!ov(n,r)||gv(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 Ov=o,kv=s,jv=t,Mv=n,Nv=r,Av=f,f},Fv=(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=Pv(e,t,r,i);return n.key=o,n.overlayNode=t,n.frame=a,n.entries=s,s},Iv=(e,t,n,r=document,i=r.body,a)=>{let o=Fv(e,t,n,r,i);return a&&(o=o.filter(({element:e})=>a(e))),o.length?dv(e,o):[]},Lv=e=>e.nodeType===11,Rv=e=>{if(!e)return null;let t=e.getRootNode();return Lv(t)?t.host:null},zv=e=>{let t=e.document??document,n=t.defaultView,r=n?.Element,i=Rv(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},Bv=`mesurer:select-gesture-start`;function Vv(e){let t=e;e.dispatchEvent(new t.Event(Bv))}function Hv(e,t){return e.addEventListener(Bv,t),()=>e.removeEventListener(Bv,t)}var Uv=e=>void 0,Wv=$a(Uv);function Gv(e={}){let t=et(),n=t?eo(Wv):Uv,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&&Vv(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 Kv=200,qv=e=>{e.setTransient({colorPickerActive:!1,colorPickerSample:null,colorPickerUnsupported:!1})},Jv=e=>{e.setSelectedMeasurements([],null),e.setSelectedGuideIds([]),e.setTransient({start:null,end:null,isDragging:!1,selectionOriginRect:null})},Yv=(e,t)=>{e.setEnabled(!0,!e.current.enabled),qv(e),e.setTransient({toolbarActive:!0}),e.toggleToolMode(t)},Xv=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`,Zv=(e,t,n)=>{e.setTransient({colorPickerActive:!0,colorPickerSample:n,colorPickerUnsupported:!1}),t.navigator.clipboard?.writeText(Rc(n,e.current.settings.colorPickerClickFormat)).catch(()=>void 0)},Qv=(e,t)=>{_h(t),qv(e);let n=t.Event;t.dispatchEvent(new n(`focus`))},$v=(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()}},ey=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 ty(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(),qv(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(!vh(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})},Kv);try{let r=await new e().open({signal:o.signal});if(l(),o.signal.aborted||c)return;let i=jc(r.sRGBHex);if(!i){qv(t);return}Zv(t,n,i)}catch(e){if(l(),o.signal.aborted||c){qv(t);return}let r=n.performance.now()-s;if(e instanceof n.DOMException&&e.name===`AbortError`){if(r<Kv){Qv(t,n);return}qv(t);return}Qv(t,n)}finally{i===o&&(i=null)}},_=async()=>{if(Uc(n)){h();return}await g()};return{async run(e){switch(e){case`select`:d(),Jv(t),Yv(t,`select`);return;case`xray`:d(),t.setEnabled(!0),qv(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),qv(t),t.toggleRulers();return;case`text-inspector`:d(),Yv(t,`text-inspector`);return;case`guides`:d(),Yv(t,`guides`);return;case`settings`:{let e=!t.current.settingsOpen;t.setTransient({settingsOpen:e,settingsTab:e?Xv(t):t.current.settingsTab});return}}},clearSelection(){Jv(t)},deactivate(e){switch(e){case`select`:Jv(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=$v(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 ey(r,n,e,i);if(c||a!==s)return;Zv(t,n,o)}catch{!c&&a===s&&qv(t)}finally{l()}},dispose(){c||(c=!0,d())}}}var ny=`var(--msr-color-ink-50, #f8fafc)`,ry=`var(--msr-color-ink-200, #e2e8f0)`,iy=`var(--msr-color-ink-500, #64748b)`,ay=`var(--msr-content, #0f172a)`,oy=(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},sy=(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(oy(e,t,n));return r},cy=(e,t)=>{Object.assign(e.style,{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`})},ly=(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:ay,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},uy=(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:ny,background:ay,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:iy,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:iy,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=iy,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:ay,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=ry,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)},dy=(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`)},fy=[`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`],py=`color-mix(in oklch, oklch(0.62 0.18 255) 8%, transparent)`,my=`color-mix(in oklch, oklch(0.62 0.18 255) 80%, transparent)`,hy=`color-mix(in oklch, oklch(0.62 0.18 255) 4%, transparent)`,gy=`color-mix(in oklch, oklch(0.62 0.18 255) 35%, transparent)`,_y=80,vy=0,yy=(e,t)=>`
|
|
2221
2340
|
.${e},.${e} *{cursor:help!important}
|
|
2222
2341
|
.${e} [data-mesurer-root],.${e} [data-mesurer-root] *{cursor:auto!important}
|
|
2223
2342
|
#${t} .mesurer-ti-card{transform:translateX(-50%);opacity:1;transition:none!important;animation:none!important}
|
|
@@ -2227,16 +2346,16 @@ body.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesur
|
|
|
2227
2346
|
#${t} .mesurer-ti-card--draggable:active{cursor:grabbing}
|
|
2228
2347
|
#${t} .mesurer-ti-close{cursor:pointer}
|
|
2229
2348
|
#${t} .mesurer-ti-close:hover{background:color-mix(in srgb,var(--msr-content,#0f172a) 6%,transparent)!important;color:var(--msr-content,#0f172a)!important}
|
|
2230
|
-
`;function
|
|
2349
|
+
`;function by(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-${++vy}`)).replace(/[^a-zA-Z0-9_-]/g,`-`),a=`${i}-overlay`,o=`${i}-styles`,s=`${i}-mode`,c=new Set((e.ignoredTags??fy).map(e=>e.toUpperCase())),l=Number.isFinite(e.maxPinned)?Math.max(1,Math.floor(e.maxPinned)):1/0,u=new Om(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=yy(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??=sy(n,py,my),g??=ly(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=()=>{_&&av(_.ownerDocument)&&R();for(let e of E.slice())av(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},H=(e,t)=>E.some(n=>V(n.card,e,t)),U=t=>{if(!p||!F(t))return!1;N();let i=I(t),a=u.getFast(t);return _=t,uy(n,g,a,!1),cy(h,i),dy(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);uy(n,g,i,!1),dy(r,g,I(t)),e.onInspect?.(t,i)},24),!0},ee=()=>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(ee()),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=sy(n,hy,gy),d=ly(n,!0);d.classList.add(`mesurer-ti-card--draggable`),d.classList.remove(`mesurer-ti-card--pinned`);let f=u.getFull(t);uy(n,d,f,!0),s.append(c,d);let p=I(t);cy(c,p),dy(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(ee()),oe(e),!0):!1},ce=()=>{let e=O.pop();return e?(D.push(ee()),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);cy(e.box,t),e.userPlaced||dy(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(_);cy(h,e),dy(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!==_)U(e);else if(h&&g){let t=I(e);cy(h,t),dy(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)||H(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,sf(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()},_y);return}de(),pe()},ve=e=>{e.relatedTarget||R()},ye=e=>{if(!me(e)){if(V(g,e.clientX,e.clientY)||H(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)||H(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:U,pin:ae,clearHover:z,clearResponsivePreview:B,isEnabled:()=>p,canUndo:()=>D.length>0,canRedo:()=>O.length>0,cleanup:Ce,destroy:Ce}}by({},!0);var xy=`mesurer-solid-xray`,Sy=e=>`mesurer-xray-${e}`,Cy=e=>`
|
|
2231
2350
|
${e} *{outline:solid 1px #2563eb!important}
|
|
2232
2351
|
${e} [data-mesurer-island],${e} [data-mesurer-island] *,${e} [data-mesurer-root],${e} [data-mesurer-root] *{outline:none!important}
|
|
2233
2352
|
${e} .mesurer-ti-box,${e} .mesurer-ti-card,${e} .mesurer-ti-card *{outline:none!important}
|
|
2234
|
-
`,Sy=new WeakMap,Cy=e=>{let t=Sy.get(e);if(t)return t;let n=e.createElement(`style`);n.dataset.mesurerXrayStyle=`true`,n.textContent=xy(`.${yy}`);let r={activeInstances:new Set,style:n};return Sy.set(e,r),r},wy=(e,t,n)=>{let r=Cy(e);n?r.activeInstances.add(t):r.activeInstances.delete(t);let i=e.body??e.documentElement,a=r.activeInstances.size>0;i?.classList.toggle(yy,a),a?r.style.isConnected||e.head?.append(r.style):r.style.remove()};function Ty(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=by(r),c=t.createElement(`style`);c.dataset.mesurerXrayStyle=`true`,c.textContent=xy(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(nv(m?t:n,{includeResponsiveFrames:m}).filter(e=>!m||rv(e))):new Set;for(let t of d)e.has(t)||wy(t,r,!1);for(let t of e)wy(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)wy(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)wy(e,r,!1);d.clear(),c.remove()}}}var Ey=0,Dy=`mesurer:tab-id`,Oy=`mesurer-settings`,ky=`mesurer-state`,Ay=80,jy=(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}},My=(e,t,n)=>{try{e.sessionStorage.setItem(`${t}:toolbar-position`,JSON.stringify(n))}catch{}},Ny=e=>{try{let t=e.sessionStorage.getItem(Dy);if(t)return t;let n=e.crypto.randomUUID();return e.sessionStorage.setItem(Dy,n),n}catch{return`session`}},Py=(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},Fy=(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 Iy(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=++Ey,u=r.persistKey??`mesurer-state:${Ny(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=$v({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=Ty({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(()=>Fy(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(()=>ov(t.state.guides,t.state.selectedGuideIds)),z=lo(()=>av(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)),H=lo(()=>{if(V())return null;let e=B()?.elementRef??null;return e?.isConnected?e:null}),U=lo(()=>sv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),selectedGuide:R(),hoverGuide:z(),hoverElement:t.state.hoverElement,selectedElementRef:B()?.elementRef??null})),ee=lo(()=>cv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),optionPairOverlay:U(),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?vv(e,p,o,c):vv(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&&U()){e.preventDefault(),r(),t.addHeldDistance({...U(),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?Lv({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=Pv(l,p,d,o,r.responsiveOpen?o.body:c,r.responsiveOpen?e=>{let t=C??a;return rv(e.ownerDocument)&&nv(t).includes(e.ownerDocument)}:void 0),m=C??a,h=(p?.querySelector(`[data-mesurer-responsive-stage]`)?u.filter(e=>rv(e.ownerDocument)&&(e.ownerDocument===m||nv(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:Lv({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=vv(l,u,a,m)??wv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&rv(a)?i:l);else if(r.editSelectionHover?.())f=null,g=wv(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&rv(a)?i:l);else{let e=Tv(l,u,t.current.settings.snapEnabled,a,m,f,r.responsiveOpen&&rv(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(nv(r.responsiveOpen?p??c:c,{includeResponsiveFrames:r.responsiveOpen===!0}).filter(e=>e!==o&&(!r.responsiveOpen||rv(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&&!rv(n)||!t.current.enabled||t.current.settingsOpen)return;if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&rv(n)){if(e.type===`pointerdown`&&(e.preventDefault(),e.stopImmediatePropagation()),e.type===`pointermove`){let t=vv({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=vv({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`&&rv(n)){if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=vv({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(()=>{_f(vf,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&&_f(vf,l),m=vy({portalTarget:l,getPortalTarget:()=>en(()=>r.responsiveOpen?n.portalTarget:l),projectRect:(e,t)=>{if(!rv(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??Jf(s,u,Oy,r.persistKey?void 0:ky);h=d,d.setErrorHandler?.(r.onPersistenceError);let p=Rl(s);d.setPageKey?.(p);let x=d.load();if(x?.settings){let e=Py(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=Py(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=()=>sf(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()},Ay)},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(dh,{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(oh,{model:t,get displayedSelectedMeasurements(){return L()},get activeRect(){return F()},get optionPairOverlay(){return U()},get guideDistanceOverlay(){return W()},get optionContainerLines(){return ee()},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($_,{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 Dh(s,jy(s,u))},onPositionChange:e=>My(s,u,e),motion:{element:H}}),null),Q(n,Y(K,{get when(){return r.responsiveOpen},get children(){return Y(ef,{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 Ly(e){let t=en(()=>({...bf,...e.selectionSpacingStyle})),[n,r]=G({...t}),i=e=>r(t=>({...t,...e})),a=()=>r({...t}),o=Uv({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:{...yf,...e.guideStyle},rulerSettings:{...xf,...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(Iy,{model:o,get env(){return t()},input:e,get selectionSpacingStyle(){return n()},onSelectionSpacingStyleChange:i,onResetSelectionSpacingStyle:a})})}var Ry=`mesurer.presentation.preferences`,zy=`presentation`,By={keepTextChanges:!1,keepArrangeChanges:!1},Vy=e=>e.state.get(`mesurer.presentation.preferences`)??By,Hy=(e,t)=>{e.state.update(Ry,e=>({...e,...t}))},Uy=e=>{e.state.register({id:Ry,initial:{...By},persist:!0}),e.settings.register({id:zy,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:()=>Vy(e).keepTextChanges,set:t=>Hy(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:()=>Vy(e).keepArrangeChanges,set:t=>Hy(e,{keepArrangeChanges:t})}]})},Wy=`mesurer.arrange`,Gy=`arrange`,Ky=`mesurer.arrange.intents`,qy=`mesurer.arrange.active`,Jy=`mesurer.arrange.settings`,Yy=`runtime:solid`,Xy=`builtin.select`,Zy=`arrange.toggle`,Qy=`arrange.commit`,$y=`arrange.clear`,eb=`arrange.reset-selection`,tb=`arrange.reset-all`,nb=`mesurer.arrange.selection-available`,rb=1,ib=24,ab=160,ob=500,sb=`#ef4444`,cb=24,lb=6,ub=30,db=.5,fb=4,pb=`[data-mesurer-text-editor='true']`,mb={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`]},hb=(e,t)=>({left:e.left+t.x,top:e.top+t.y,width:e.width,height:e.height}),gb=(e,t)=>({left:e.left-t.left,top:e.top-t.top,width:e.width-t.width,height:e.height-t.height}),_b=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}},vb=(e,t,n,r)=>Math.max(0,Math.max(e,n)-Math.min(t,r)),yb=(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]},bb=(e,t)=>t===`x`?{start:e.top,end:e.top+e.height}:{start:e.left,end:e.left+e.width},xb=e=>e.kind===`edge`?2:+(e.kind===`guide`),Sb=(e,t,n)=>{let r=bb(t,e),i=null;for(let a of n)if(a.axis===e&&!(a.source===`element`&&vb(r.start,r.end,a.start,a.end)>ab))for(let n of yb(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||xb(a)>xb(i)))&&(i={...a,delta:e})}return i},Cb=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},wb=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Tb=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:[...e.fingerprintClasses],text:e.fingerprintText}),Eb=e=>({id:e.id,selector:e.selector,fingerprint:Tb(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}}),Db=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,targets:e.targets.map(Eb)}),Ob=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),kb=e=>Ob(e,`transform`),Ab=(e,t)=>e.value===t.value&&e.priority===t.priority,jb=Ab,Mb=e=>{let{element:t,beforeTransform:n,appliedTransform:r}=e;jb(kb(t),r)&&(n.value||n.priority?t.style.setProperty(`transform`,n.value,n.priority):t.style.removeProperty(`transform`))},Nb=e=>e instanceof Element&&!!e.closest(`input, textarea, select, [contenteditable='true'], [contenteditable='']`),Pb=()=>wc({id:Wy,version:`0.1.0`,requires:[Yy,`tool:select`],provides:[`tool:arrange`,`intent:arrange`,`agent:arrange`,`settings:arrange`],setup(e){let t=e.service.get(Yy);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:Ky,initial:{intents:[]},history:!0,persist:!0}),e.state.register({id:qy,initial:!1}),e.state.register({id:Jy,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=sb,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=sb,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=`
|
|
2353
|
+
`,wy=new WeakMap,Ty=e=>{let t=wy.get(e);if(t)return t;let n=e.createElement(`style`);n.dataset.mesurerXrayStyle=`true`,n.textContent=Cy(`.${xy}`);let r={activeInstances:new Set,style:n};return wy.set(e,r),r},Ey=(e,t,n)=>{let r=Ty(e);n?r.activeInstances.add(t):r.activeInstances.delete(t);let i=e.body??e.documentElement,a=r.activeInstances.size>0;i?.classList.toggle(xy,a),a?r.style.isConnected||e.head?.append(r.style):r.style.remove()};function Dy(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=Sy(r),c=t.createElement(`style`);c.dataset.mesurerXrayStyle=`true`,c.textContent=Cy(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(iv(m?t:n,{includeResponsiveFrames:m}).filter(e=>!m||av(e))):new Set;for(let t of d)e.has(t)||Ey(t,r,!1);for(let t of e)Ey(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)Ey(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)Ey(e,r,!1);d.clear(),c.remove()}}}var Oy=0,ky=`mesurer:tab-id`,Ay=`mesurer-settings`,jy=`mesurer-state`,My=80,Ny=(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}},Py=(e,t,n)=>{try{e.sessionStorage.setItem(`${t}:toolbar-position`,JSON.stringify(n))}catch{}},Fy=e=>{try{let t=e.sessionStorage.getItem(ky);if(t)return t;let n=e.crypto.randomUUID();return e.sessionStorage.setItem(ky,n),n}catch{return`session`}},Iy=(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},Ly=(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 Ry(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=++Oy,u=r.persistKey??`mesurer-state:${Fy(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=ty({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=Dy({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(()=>Ly(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(()=>cv(t.state.guides,t.state.selectedGuideIds)),z=lo(()=>sv(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)),H=lo(()=>{if(V())return null;let e=B()?.elementRef??null;return e?.isConnected?e:null}),U=lo(()=>lv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),selectedGuide:R(),hoverGuide:z(),hoverElement:t.state.hoverElement,selectedElementRef:B()?.elementRef??null})),ee=lo(()=>uv({document:o,window:s,altPressed:t.state.altPressed,primarySelectedMeasurement:B(),optionPairOverlay:U(),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?bv(e,p,o,c):bv(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&&U()){e.preventDefault(),r(),t.addHeldDistance({...U(),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?zv({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=Iv(l,p,d,o,r.responsiveOpen?o.body:c,r.responsiveOpen?e=>{let t=C??a;return av(e.ownerDocument)&&iv(t).includes(e.ownerDocument)}:void 0),m=C??a,h=(p?.querySelector(`[data-mesurer-responsive-stage]`)?u.filter(e=>av(e.ownerDocument)&&(e.ownerDocument===m||iv(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:zv({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=bv(l,u,a,m)??Ev(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&av(a)?i:l);else if(r.editSelectionHover?.())f=null,g=Ev(l,u,t.current.settings.snapEnabled,a,m,r.responsiveOpen&&av(a)?i:l);else{let e=Dv(l,u,t.current.settings.snapEnabled,a,m,f,r.responsiveOpen&&av(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(iv(r.responsiveOpen?p??c:c,{includeResponsiveFrames:r.responsiveOpen===!0}).filter(e=>e!==o&&(!r.responsiveOpen||av(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&&!av(n)||!t.current.enabled||t.current.settingsOpen)return;if(r.responsiveOpen&&t.current.toolMode===`text-inspector`&&av(n)){if(e.type===`pointerdown`&&(e.preventDefault(),e.stopImmediatePropagation()),e.type===`pointermove`){let t=bv({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=bv({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`&&av(n)){if(e.preventDefault(),e.stopImmediatePropagation(),e.button===0){let t=bv({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(()=>{_f(vf,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&&_f(vf,l),m=by({portalTarget:l,getPortalTarget:()=>en(()=>r.responsiveOpen?n.portalTarget:l),projectRect:(e,t)=>{if(!av(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??Jf(s,u,Ay,r.persistKey?void 0:jy);h=d,d.setErrorHandler?.(r.onPersistenceError);let p=Rl(s);d.setPageKey?.(p);let x=d.load();if(x?.settings){let e=Iy(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=Iy(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=()=>sf(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()},My)},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(ph,{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(ch,{model:t,get displayedSelectedMeasurements(){return L()},get activeRect(){return F()},get optionPairOverlay(){return U()},get guideDistanceOverlay(){return W()},get optionContainerLines(){return ee()},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(tv,{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 kh(s,Ny(s,u))},onPositionChange:e=>Py(s,u,e),motion:{element:H}}),null),Q(n,Y(K,{get when(){return r.responsiveOpen},get children(){return Y(ef,{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 zy(e){let t=en(()=>({...bf,...e.selectionSpacingStyle})),[n,r]=G({...t}),i=e=>r(t=>({...t,...e})),a=()=>r({...t}),o=Gv({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:{...yf,...e.guideStyle},rulerSettings:{...xf,...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(Ry,{model:o,get env(){return t()},input:e,get selectionSpacingStyle(){return n()},onSelectionSpacingStyleChange:i,onResetSelectionSpacingStyle:a})})}var By=`mesurer.presentation.preferences`,Vy=`presentation`,Hy={keepTextChanges:!1,keepArrangeChanges:!1},Uy=e=>e.state.get(`mesurer.presentation.preferences`)??Hy,Wy=(e,t)=>{e.state.update(By,e=>({...e,...t}))},Gy=e=>{e.state.register({id:By,initial:{...Hy},persist:!0}),e.settings.register({id:Vy,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:()=>Uy(e).keepTextChanges,set:t=>Wy(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:()=>Uy(e).keepArrangeChanges,set:t=>Wy(e,{keepArrangeChanges:t})}]})},Ky=`mesurer.arrange`,qy=`arrange`,Jy=`mesurer.arrange.intents`,Yy=`mesurer.arrange.active`,Xy=`mesurer.arrange.settings`,Zy=`runtime:solid`,Qy=`builtin.select`,$y=`arrange.toggle`,eb=`arrange.commit`,tb=`arrange.clear`,nb=`arrange.reset-selection`,rb=`arrange.reset-all`,ib=`mesurer.arrange.selection-available`,ab=1,ob=24,sb=160,cb=500,lb=`#ef4444`,ub=24,db=6,fb=30,pb=.5,mb=4,hb=`[data-mesurer-text-editor='true']`,gb={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`]},_b=(e,t)=>({left:e.left+t.x,top:e.top+t.y,width:e.width,height:e.height}),vb=(e,t)=>({left:e.left-t.left,top:e.top-t.top,width:e.width-t.width,height:e.height-t.height}),yb=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}},bb=(e,t,n,r)=>Math.max(0,Math.max(e,n)-Math.min(t,r)),xb=(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]},Sb=(e,t)=>t===`x`?{start:e.top,end:e.top+e.height}:{start:e.left,end:e.left+e.width},Cb=e=>e.kind===`edge`?2:+(e.kind===`guide`),wb=(e,t,n)=>{let r=Sb(t,e),i=null;for(let a of n)if(a.axis===e&&!(a.source===`element`&&bb(r.start,r.end,a.start,a.end)>sb))for(let n of xb(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||Cb(a)>Cb(i)))&&(i={...a,delta:e})}return i},Tb=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Eb=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Db=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:[...e.fingerprintClasses],text:e.fingerprintText}),Ob=e=>({id:e.id,selector:e.selector,fingerprint:Db(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}}),kb=e=>({id:e.id,createdAt:e.createdAt,pageUrl:e.pageUrl,targets:e.targets.map(Ob)}),Ab=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),jb=e=>Ab(e,`transform`),Mb=(e,t)=>e.value===t.value&&e.priority===t.priority,Nb=Mb,Pb=e=>{let{element:t,beforeTransform:n,appliedTransform:r}=e;Nb(jb(t),r)&&(n.value||n.priority?t.style.setProperty(`transform`,n.value,n.priority):t.style.removeProperty(`transform`))},Fb=e=>e instanceof Element&&!!e.closest(`input, textarea, select, [contenteditable='true'], [contenteditable='']`),Ib=()=>wc({id:Ky,version:`0.1.0`,requires:[Zy,`tool:select`],provides:[`tool:arrange`,`intent:arrange`,`agent:arrange`,`settings:arrange`],setup(e){let t=e.service.get(Zy);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:Jy,initial:{intents:[]},history:!0,persist:!0}),e.state.register({id:Yy,initial:!1}),e.state.register({id:Xy,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=lb,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=lb,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=`
|
|
2235
2354
|
body:has([data-mesurer-text-editor="true"]) > [data-mesurer-arrange-native-stroke="true"],
|
|
2236
2355
|
body:has([data-mesurer-text-editor="true"]) > [data-mesurer-multi-selection-document-layer="true"] {
|
|
2237
2356
|
display: none !important;
|
|
2238
2357
|
}
|
|
2239
|
-
`,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(Jy);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(Jy,e=>({...e,...t}))},F=()=>Cb(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=Tb(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},H={value:`none`,priority:`important`},U=e=>{let t=Ob(e,`transition-property`);(!x.get(e)||!Ab(t,H))&&x.set(e,t),Ab(t,H)||e.style.setProperty(`transition-property`,H.value,H.priority)},ee=e=>{let t=x.get(e);t&&(Ab(Ob(e,`transition-property`),H)&&(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)||ee(t)},te=()=>{for(let e of x.keys())ee(e)},ne=()=>{for(let e of y.values())Mb(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(pb)||s.querySelector(pb)),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)U(e);let i=new Map([...y].map(([e,t])=>[e,t.appliedTransform]));ne();for(let{element:e,offset:n}of t){let t=kb(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:kb(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:nb,initial:be().length>0});let xe=()=>e.state.get(nb)??!1,Se=()=>{let t=be().length>0;t!==xe()&&e.state.update(nb,()=>t)},Ce=()=>_b(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+lb;n+cb>r.innerWidth-4&&(n=Math.max(4,t.left-cb-lb));let i=Math.min(Math.max(4,t.top+ub),Math.max(4,r.innerHeight-cb-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)<=db&&Math.abs(u.y)<=db)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(eb,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(Ky,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>=ob||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=ab;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>=ob)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(Xy,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=hb(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=_b(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)<fb)return;T.moved=!0}e.shiftKey&&(Math.abs(t)>=Math.abs(n)?(n=0,r=`x`):(t=0,r=`y`));let i=hb(T.groupBefore,{x:t,y:n}),a=r===`y`?null:Sb(`x`,i,T.snapCandidates),o=r===`x`?null:Sb(`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=hb(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:wb(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(Qy).catch(()=>{E=null,je(),Ae()})},Ve=e=>{!T||e.pointerId!==T.pointerId||ze()},He=e=>mu(l,()=>vv({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||Nb(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(qy,()=>!1),Me(),Ae(),e.command.execute(Xy,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=lf(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`?_b(e.targets.map(e=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight}))):t===`desired`?_b(e.targets.map(e=>({left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight}))):ye(()=>_b(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-ib),a=Math.max(0,n.top-ib),o=Math.min(r.innerWidth,n.left+n.width+ib),s=Math.min(r.innerHeight,n.top+n.height+ib);return{left:i,top:a,width:Math.max(0,o-i),height:Math.max(0,s-a)}},Xe={active:M,intents:()=>j().intents.map(Db),intent(e){let t=Je(e);return t?Db(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=rb)=>{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=gb(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(eb)},resetAll:async()=>{await e.command.execute(tb)},clear:async()=>{await e.command.execute($y)}};e.tool.register({id:`arrange`,label:`Edit`,shortcut:`Shift+A`,order:65,command:Zy,toolbarMode:`edit`,modeSwitch:!0,icon:mb,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(tb,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(Zy,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(Qy,()=>{let t=E;E=null,t&&(e.state.update(`mesurer.arrange.intents`,e=>({intents:[...e.intents,t].slice(-100)})),je(),Ae())}),e.command.register(eb,()=>{let e=D??be();D=null,De(e)}),e.command.register(tb,Oe),e.command.register($y,()=>{e.state.update(Ky,()=>({intents:[]})),w={intentId:null,state:`desired`},ie(),ae(),M()?le():ce(),Ae()}),e.service.provide(Gy,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()})}}),Fb=(e,t,n)=>{let r=!1,i=0,a=null,o=null,s=()=>({visible:(e.state.get(`mesurer.arrange.active`)??!1)||Vy(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()})},Ib=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-inspector-ui='true']`].join(``),Lb=`[data-mesurer-text-edit-runtime='true']`,Rb=`[data-mesurer-text-editor='true']`,zb=(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(Ib)&&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(Rb)),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(Ib))e instanceof r.HTMLElement&&d(e)},p=()=>{!a||u()?l():f()},m=()=>{let e=Array.from(n.querySelectorAll(Lb));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(Lb)&&(t=!0),d(e));for(let e of n.removedNodes)e instanceof r.HTMLElement&&e.matches(Lb)&&(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()})},Bb=()=>{let e=Pb();return{...e,async setup(t){await e.setup(t);let n=t.service.get(Gy);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.`);Fb(t,n,r.ownerWindow),zb(t,r)}}},Vb=(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}`})}}),Hb=()=>Vb(`select`,`Select`,`S`,10),Ub=()=>Vb(`xray`,`X-ray`,`X`,20),Wb=()=>Vb(`color-picker`,`Color picker`,`P`,30),Gb=()=>Vb(`rulers`,`Rulers`,`R`,40),Kb=()=>Vb(`responsive`,`Responsive`,`B`,65),qb=()=>Vb(`text-inspector`,`Typography`,`A`,50),Jb=()=>Vb(`guides`,`Guides`,`G`,60),Yb=()=>Vb(`settings`,`Settings`,`⌘/Ctrl+,`,90),Xb=()=>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})}}),Zb=()=>[Hb(),Ub(),Wb(),Gb(),qb(),Jb(),Kb(),Xb(),Yb()];function Qb(e=[],t=[]){let n=new Set(t.map(e=>`mesurer.${e}`));return[...Zb().filter(e=>!n.has(e.id)),...e]}var $b=`arrange.toggle`,ex=`builtin.select`;function tx(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?$b:c?ex:$b,d=s===ex?`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 nx=80,rx=8,ix=8,ax=0,ox=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),sx=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}},cx=(e,t,n,r)=>{let i=sx(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},lx=(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,ux=e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0,dx=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)`)),fx=(e,t,n)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==`important`)&&e.style.setProperty(t,n,`important`)},px=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`))},mx=(e,t,n)=>{let r=[],i=e;for(;i instanceof n.HTMLElement&&(r.push(i),i!==t);)i=i.parentElement;return r},hx=(e,t,n,r)=>{if(!ux(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 mx(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']`))&&lx(ox(t.getBoundingClientRect()),e))return t;return null},gx=(e,t)=>t.map(t=>({property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)})),_x=(e,t)=>{for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)},vx=(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=gx(t,n===`selection-root`?[`display`,`position`,`left`,`top`,`width`,`height`]:n===`runtime`||n===`inspector-overlay`?[`display`,`position`,`inset`,`width`,`height`]:[]);n===`selection-root`?(fx(t,`display`,`block`),fx(t,`position`,`absolute`),fx(t,`left`,`0px`),fx(t,`top`,`0px`),fx(t,`width`,`100vw`),fx(t,`height`,`0px`)):(n===`runtime`||n===`inspector-overlay`)&&(fx(t,`display`,`block`),fx(t,`position`,`static`),fx(t,`inset`,`auto`),fx(t,`width`,`0px`),fx(t,`height`,`0px`));let s=!1;return{element:t,release(){s||(s=!0,_x(t,o),a?.parentNode&&(t.isConnected&&a.parentNode.insertBefore(t,a),a.remove()))}}};function yx(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r;if(!dx(o)||a instanceof o.ShadowRoot||i instanceof o.ShadowRoot||a.getRootNode()!==n||i.getRootNode()!==n||!n.body)return;let s=of(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?vx(n,w,`runtime`):null;w&&(w.dataset.mesurerNativeScrollRuntimeLayer=`true`);let E=n.createElement(`style`);E.dataset.mesurerNativeScrollAnchoring=`true`,E.dataset.mesurerInspectorUi=`true`,E.textContent=`
|
|
2358
|
+
`,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(Xy);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(Xy,e=>({...e,...t}))},F=()=>Tb(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=Db(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},H={value:`none`,priority:`important`},U=e=>{let t=Ab(e,`transition-property`);(!x.get(e)||!Mb(t,H))&&x.set(e,t),Mb(t,H)||e.style.setProperty(`transition-property`,H.value,H.priority)},ee=e=>{let t=x.get(e);t&&(Mb(Ab(e,`transition-property`),H)&&(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)||ee(t)},te=()=>{for(let e of x.keys())ee(e)},ne=()=>{for(let e of y.values())Pb(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(hb)||s.querySelector(hb)),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)U(e);let i=new Map([...y].map(([e,t])=>[e,t.appliedTransform]));ne();for(let{element:e,offset:n}of t){let t=jb(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:jb(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:ib,initial:be().length>0});let xe=()=>e.state.get(ib)??!1,Se=()=>{let t=be().length>0;t!==xe()&&e.state.update(ib,()=>t)},Ce=()=>yb(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+db;n+ub>r.innerWidth-4&&(n=Math.max(4,t.left-ub-db));let i=Math.min(Math.max(4,t.top+fb),Math.max(4,r.innerHeight-ub-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)<=pb&&Math.abs(u.y)<=pb)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(nb,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(Jy,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>=cb||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=sb;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>=cb)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(Qy,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=_b(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=yb(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)<mb)return;T.moved=!0}e.shiftKey&&(Math.abs(t)>=Math.abs(n)?(n=0,r=`x`):(t=0,r=`y`));let i=_b(T.groupBefore,{x:t,y:n}),a=r===`y`?null:wb(`x`,i,T.snapCandidates),o=r===`x`?null:wb(`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=_b(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:Eb(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(eb).catch(()=>{E=null,je(),Ae()})},Ve=e=>{!T||e.pointerId!==T.pointerId||ze()},He=e=>mu(l,()=>bv({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||Fb(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(Yy,()=>!1),Me(),Ae(),e.command.execute(Qy,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=lf(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`?yb(e.targets.map(e=>({left:e.beforeLeft,top:e.beforeTop,width:e.beforeWidth,height:e.beforeHeight}))):t===`desired`?yb(e.targets.map(e=>({left:e.desiredLeft,top:e.desiredTop,width:e.desiredWidth,height:e.desiredHeight}))):ye(()=>yb(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-ob),a=Math.max(0,n.top-ob),o=Math.min(r.innerWidth,n.left+n.width+ob),s=Math.min(r.innerHeight,n.top+n.height+ob);return{left:i,top:a,width:Math.max(0,o-i),height:Math.max(0,s-a)}},Xe={active:M,intents:()=>j().intents.map(kb),intent(e){let t=Je(e);return t?kb(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=ab)=>{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=vb(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(nb)},resetAll:async()=>{await e.command.execute(rb)},clear:async()=>{await e.command.execute(tb)}};e.tool.register({id:`arrange`,label:`Edit`,shortcut:`Shift+A`,order:65,command:$y,toolbarMode:`edit`,modeSwitch:!0,icon:gb,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(rb,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($y,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(eb,()=>{let t=E;E=null,t&&(e.state.update(`mesurer.arrange.intents`,e=>({intents:[...e.intents,t].slice(-100)})),je(),Ae())}),e.command.register(nb,()=>{let e=D??be();D=null,De(e)}),e.command.register(rb,Oe),e.command.register(tb,()=>{e.state.update(Jy,()=>({intents:[]})),w={intentId:null,state:`desired`},ie(),ae(),M()?le():ce(),Ae()}),e.service.provide(qy,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()})}}),Lb=(e,t,n)=>{let r=!1,i=0,a=null,o=null,s=()=>({visible:(e.state.get(`mesurer.arrange.active`)??!1)||Uy(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()})},Rb=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-inspector-ui='true']`].join(``),zb=`[data-mesurer-text-edit-runtime='true']`,Bb=`[data-mesurer-text-editor='true']`,Vb=(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(Rb)&&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(Bb)),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(Rb))e instanceof r.HTMLElement&&d(e)},p=()=>{!a||u()?l():f()},m=()=>{let e=Array.from(n.querySelectorAll(zb));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(zb)&&(t=!0),d(e));for(let e of n.removedNodes)e instanceof r.HTMLElement&&e.matches(zb)&&(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()})},Hb=()=>{let e=Ib();return{...e,async setup(t){await e.setup(t);let n=t.service.get(qy);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.`);Lb(t,n,r.ownerWindow),Vb(t,r)}}},Ub=(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}`})}}),Wb=()=>Ub(`select`,`Select`,`S`,10),Gb=()=>Ub(`xray`,`X-ray`,`X`,20),Kb=()=>Ub(`color-picker`,`Color picker`,`P`,30),qb=()=>Ub(`rulers`,`Rulers`,`R`,40),Jb=()=>Ub(`responsive`,`Responsive`,`B`,65),Yb=()=>Ub(`text-inspector`,`Typography`,`A`,50),Xb=()=>Ub(`guides`,`Guides`,`G`,60),Zb=()=>Ub(`settings`,`Settings`,`⌘/Ctrl+,`,90),Qb=()=>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})}}),$b=()=>[Wb(),Gb(),Kb(),qb(),Yb(),Xb(),Jb(),Qb(),Zb()];function ex(e=[],t=[]){let n=new Set(t.map(e=>`mesurer.${e}`));return[...$b().filter(e=>!n.has(e.id)),...e]}var tx=`arrange.toggle`,nx=`builtin.select`;function rx(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?tx:c?nx:tx,d=s===nx?`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 ix=80,ax=8,ox=8,sx=0,cx=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),lx=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}},ux=(e,t,n,r)=>{let i=lx(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},dx=(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,fx=e=>e.width>0&&e.height>0&&e.right>0&&e.bottom>0,px=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)`)),mx=(e,t,n)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==`important`)&&e.style.setProperty(t,n,`important`)},hx=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`))},gx=(e,t,n)=>{let r=[],i=e;for(;i instanceof n.HTMLElement&&(r.push(i),i!==t);)i=i.parentElement;return r},_x=(e,t,n,r)=>{if(!fx(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 gx(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']`))&&dx(cx(t.getBoundingClientRect()),e))return t;return null},vx=(e,t)=>t.map(t=>({property:t,value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)})),yx=(e,t)=>{for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)},bx=(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=vx(t,n===`selection-root`?[`display`,`position`,`left`,`top`,`width`,`height`]:n===`runtime`||n===`inspector-overlay`?[`display`,`position`,`inset`,`width`,`height`]:[]);n===`selection-root`?(mx(t,`display`,`block`),mx(t,`position`,`absolute`),mx(t,`left`,`0px`),mx(t,`top`,`0px`),mx(t,`width`,`100vw`),mx(t,`height`,`0px`)):(n===`runtime`||n===`inspector-overlay`)&&(mx(t,`display`,`block`),mx(t,`position`,`static`),mx(t,`inset`,`auto`),mx(t,`width`,`0px`),mx(t,`height`,`0px`));let s=!1;return{element:t,release(){s||(s=!0,yx(t,o),a?.parentNode&&(t.isConnected&&a.parentNode.insertBefore(t,a),a.remove()))}}};function xx(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i,portalTarget:a}=t,o=r;if(!px(o)||a instanceof o.ShadowRoot||i instanceof o.ShadowRoot||a.getRootNode()!==n||i.getRootNode()!==n||!n.body)return;let s=of(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?bx(n,w,`runtime`):null;w&&(w.dataset.mesurerNativeScrollRuntimeLayer=`true`);let E=n.createElement(`style`);E.dataset.mesurerNativeScrollAnchoring=`true`,E.dataset.mesurerInspectorUi=`true`,E.textContent=`
|
|
2240
2359
|
/* The selected page element, not a document-level portal, paints its outline.
|
|
2241
2360
|
The source's own compositor scroll node can then move outline and text in
|
|
2242
2361
|
the same frame. The invisible portaled box remains usable for measurement
|
|
@@ -2296,7 +2415,7 @@ body:has([data-mesurer-text-editor="true"]) [data-mesurer-source-selection-paint
|
|
|
2296
2415
|
transition: none !important;
|
|
2297
2416
|
animation: none !important;
|
|
2298
2417
|
}
|
|
2299
|
-
`,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=gx(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),_x(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}-${++ax}`;return{target:e,name:n,release:A(e,n)}},M=(e,t,n)=>{e.dataset.mesurerNativeScrollAnchor=n,fx(e,`position-anchor`,t.name)},N=e=>{delete e.root.dataset.mesurerSourceSelectionOwner,px(e.chrome),px(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=vx(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=>lx(ox(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&&uf(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=pf(e.chrome),c=cx(e.chrome,a,n,r),l=s instanceof o.HTMLElement&&s.isConnected?s:F(c,t)??hx(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=pf(s),f=cx(s,a,n,r),p=u instanceof o.HTMLElement&&u.isConnected?u:F(f,t)??hx(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&&=(px(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=sx(e);if(h?.surface===e&&h.target.isConnected&&(M(e,h,`box`),x||lx(ox(h.target.getBoundingClientRect()),t)))return;let r=hx(t,n,o,i);if(!r)return;z();let s=j(r,`hover`),c=vx(n,e);h={...s,surface:e,placement:c},M(e,h,`box`)},V=()=>{g&&=(px(g.ring),g.release(),null)},H=(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-rx,c=r.innerHeight-rx,l=Math.max(rx,s-a),u=Math.max(rx,c-o),d=Math.min(Math.max(n.left+n.width/2-a/2,rx),l),f=Math.min(Math.max(n.top+n.height/2-o/2,rx),u),p=[{left:d,top:n.top-ix-o,placement:`above`},{left:d,top:n.bottom+ix,placement:`below`},{left:n.right+ix,top:f,placement:`side`},{left:n.left-ix-a,top:f,placement:`side`}],m=(e,t)=>e>=rx&&t>=rx&&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=rx,y=`viewport`;if(g)({left:_,top:v,placement:y}=g),t.style.maxHeight=`calc(100vh - 16px)`;else{let e=[{name:`above`,top:rx,height:Math.max(0,n.top-ix-rx)},{name:`below`,top:n.bottom+ix,height:Math.max(0,c-n.bottom-ix)}].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},U=()=>{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=sx(t);if(!g||g.ring!==t||!g.target.isConnected||!x&&!lx(ox(g.target.getBoundingClientRect()),a)){let e=hx(a,n,o,i);e&&(V(),g={...j(e,`edit`),ring:t})}if(!g)return;M(t,g,`box`);let s=ox(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=sx(e);f.has(e)||f.set(e,vx(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||(px(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&&H(l,u,s)}},ee=e=>{px(e.box),px(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,vx(n,a,`inspector-overlay`));for(let{box:e,card:t}of s){let a=sx(e),s=p.get(e),c=!1;if(s?.target.isConnected){let t=ox(s.target.getBoundingClientRect());if(lx(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=lx(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&&(ee(s),p.delete(e),s=void 0)}}else s&&=(ee(s),p.delete(e),void 0);if(!s){let l=hx(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=ox(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&&px(t)}}}for(let[e,n]of Array.from(p))t.has(e)&&e.isConnected||(ee(n),p.delete(e));for(let[e,t]of Array.from(m))e.isConnected||(t.release(),m.delete(e))},te=()=>{_||(L(),B(),U(),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)},nx)},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),_x(e,t.styles);u.clear(),z(),V();for(let[e,t]of f)px(e),t.release();f.clear();for(let e of p.values())ee(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 bx=(e,t)=>e.portalTarget instanceof t.ShadowRoot&&!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument;function xx(e){let{ownerDocument:t,ownerWindow:n}=e,r=n;if(!t.body||!bx(e,r))return{runtime:e,isolated:!1};_f(vf,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 Sx=`[data-mesurer-inspector-ui='true'], [data-mesurer-annotation-marker='true']`,Cx=80,wx=(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),Tx=(e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom;function Ex(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r;if(!n.body||!wx(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=`
|
|
2418
|
+
`,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=vx(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),yx(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}-${++sx}`;return{target:e,name:n,release:A(e,n)}},M=(e,t,n)=>{e.dataset.mesurerNativeScrollAnchor=n,mx(e,`position-anchor`,t.name)},N=e=>{delete e.root.dataset.mesurerSourceSelectionOwner,hx(e.chrome),hx(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=bx(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=>dx(cx(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&&uf(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=pf(e.chrome),c=ux(e.chrome,a,n,r),l=s instanceof o.HTMLElement&&s.isConnected?s:F(c,t)??_x(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=pf(s),f=ux(s,a,n,r),p=u instanceof o.HTMLElement&&u.isConnected?u:F(f,t)??_x(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&&=(hx(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=lx(e);if(h?.surface===e&&h.target.isConnected&&(M(e,h,`box`),x||dx(cx(h.target.getBoundingClientRect()),t)))return;let r=_x(t,n,o,i);if(!r)return;z();let s=j(r,`hover`),c=bx(n,e);h={...s,surface:e,placement:c},M(e,h,`box`)},V=()=>{g&&=(hx(g.ring),g.release(),null)},H=(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-ax,c=r.innerHeight-ax,l=Math.max(ax,s-a),u=Math.max(ax,c-o),d=Math.min(Math.max(n.left+n.width/2-a/2,ax),l),f=Math.min(Math.max(n.top+n.height/2-o/2,ax),u),p=[{left:d,top:n.top-ox-o,placement:`above`},{left:d,top:n.bottom+ox,placement:`below`},{left:n.right+ox,top:f,placement:`side`},{left:n.left-ox-a,top:f,placement:`side`}],m=(e,t)=>e>=ax&&t>=ax&&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=ax,y=`viewport`;if(g)({left:_,top:v,placement:y}=g),t.style.maxHeight=`calc(100vh - 16px)`;else{let e=[{name:`above`,top:ax,height:Math.max(0,n.top-ox-ax)},{name:`below`,top:n.bottom+ox,height:Math.max(0,c-n.bottom-ox)}].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},U=()=>{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=lx(t);if(!g||g.ring!==t||!g.target.isConnected||!x&&!dx(cx(g.target.getBoundingClientRect()),a)){let e=_x(a,n,o,i);e&&(V(),g={...j(e,`edit`),ring:t})}if(!g)return;M(t,g,`box`);let s=cx(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=lx(e);f.has(e)||f.set(e,bx(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||(hx(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&&H(l,u,s)}},ee=e=>{hx(e.box),hx(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,bx(n,a,`inspector-overlay`));for(let{box:e,card:t}of s){let a=lx(e),s=p.get(e),c=!1;if(s?.target.isConnected){let t=cx(s.target.getBoundingClientRect());if(dx(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=dx(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&&(ee(s),p.delete(e),s=void 0)}}else s&&=(ee(s),p.delete(e),void 0);if(!s){let l=_x(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=cx(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&&hx(t)}}}for(let[e,n]of Array.from(p))t.has(e)&&e.isConnected||(ee(n),p.delete(e));for(let[e,t]of Array.from(m))e.isConnected||(t.release(),m.delete(e))},te=()=>{_||(L(),B(),U(),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)},ix)},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),yx(e,t.styles);u.clear(),z(),V();for(let[e,t]of f)hx(e),t.release();f.clear();for(let e of p.values())ee(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 Sx=(e,t)=>e.portalTarget instanceof t.ShadowRoot&&!(e.pageTarget instanceof t.ShadowRoot)&&e.pageTarget.getRootNode()===e.ownerDocument;function Cx(e){let{ownerDocument:t,ownerWindow:n}=e,r=n;if(!t.body||!Sx(e,r))return{runtime:e,isolated:!1};_f(vf,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 wx=`[data-mesurer-inspector-ui='true'], [data-mesurer-annotation-marker='true']`,Tx=80,Ex=(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),Dx=(e,t,n)=>t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom;function Ox(e,t){let{ownerDocument:n,ownerWindow:r,portalTarget:i}=t,a=r;if(!n.body||!Ex(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=`
|
|
2300
2419
|
[data-mesurer-document-ui-passthrough="true"] {
|
|
2301
2420
|
pointer-events: none !important;
|
|
2302
2421
|
}
|
|
@@ -2304,33 +2423,33 @@ body:has([data-mesurer-text-editor="true"]) [data-mesurer-source-selection-paint
|
|
|
2304
2423
|
[data-mesurer-document-ui-passthrough="true"] > :not([data-mesurer-inspector-ui="true"]) * {
|
|
2305
2424
|
pointer-events: none !important;
|
|
2306
2425
|
}
|
|
2307
|
-
`,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=>
|
|
2426
|
+
`,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=>Dx(e,p.x,p.y)))},v=()=>{if(l=0,d=!1,c)return;let e=[];for(let t of n.body.querySelectorAll(wx)){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(wx)||!!e.closest(wx)||!!e.querySelector(wx):!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()},Tx)};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 kx=48,Ax=`[data-mesurer-text-selection-highlight='true']`;function jx(e,t){let{ownerDocument:n,ownerWindow:r}=t,i=r,a=n.createElement(`style`);a.dataset.mesurerNativeScrollStability=`true`,a.dataset.mesurerInspectorUi=`true`,a.textContent=`
|
|
2308
2427
|
[data-mesurer-selected-measurement="true"] > div {
|
|
2309
2428
|
transition: none !important;
|
|
2310
2429
|
animation: none !important;
|
|
2311
2430
|
}
|
|
2312
|
-
`,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(Ox)&&d(e);for(let t of e.querySelectorAll(Ox))d(t)}};for(let e of n.querySelectorAll(Ox))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,Dx))};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 Ax=new WeakMap,jx=e=>{let t=Ax.get(e.pageTarget);t&&(e.ownerWindow.clearTimeout(t.clearTimer),Ax.delete(e.pageTarget))},Mx=(e,t)=>{jx(e);let n=e.pageTarget,r={target:t,clearTimer:0};Ax.set(n,r),r.clearTimer=e.ownerWindow.setTimeout(()=>{Ax.get(n)===r&&Ax.delete(n)},0)},Nx=e=>Ax.get(e.pageTarget)?.target??null,Px=`mesurer.text-edit.intents`,Fx=`text-edit`,Ix=`text-edit.commit`,Lx=`text-edit.clear`,Rx=600,zx=360,Bx=24,Vx=80,Hx=`var(--msr-accent, #0d99ff)`,Ux=`var(--msr-content, #0f172a)`,Wx=`var(--msr-color-ink-500, #8a8a8a)`,Gx=288,Kx=`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))`,qx=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),Jx=[`font-family`,`font-size`,`font-weight`,`font-style`,`line-height`,`letter-spacing`,`text-transform`,`color`],Yx=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Xx=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,Zx=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:e.fingerprintClasses,text:e.fingerprintText}),Qx=e=>({property:e.property,before:e.before,desired:e.desired}),$x=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(Qx)}),eS=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))}},tS=e=>e.map(e=>({...e})),nS=e=>(e.split(`,`)[0]??e).trim().replace(/^['"]|['"]$/g,``),rS=e=>{if(e===`bold`)return 700;if(e===`normal`)return 400;let t=Number(e);return Number.isFinite(t)?t:400},iS=e=>e===`transparent`||/^rgba\([^)]*,\s*0(?:\.0+)?\s*\)$/.test(e)||/^rgba\(0\s+0\s+0\s*\/\s*0(?:\.0+)?\)$/.test(e),aS=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])}`},oS=(e,t)=>[...e.entries()].sort((e,t)=>t[1]-e[1]||e[0].localeCompare(t[0])).slice(0,t).map(([e])=>e),sS=(e,t)=>t?[t,...e.filter(e=>e!==t)]:e;function cS(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=t.createWorkspaceRuntime(),s=new Om(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:Px,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=Zx(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===Yx(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>=Rx)break;for(let e of c){if(!S(e)||!C(e)||qx.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:sS(oS(t,12),f.fontFamily),fontSizes:sS(oS(n,12),f.fontSize),fontWeights:sS(oS(o,9).sort((e,t)=>rS(e)-rS(t)),f.fontWeight),colors:sS(oS(s,10),f.color),presets:p}},L=e=>{let t=e;for(;t;){let e=r.getComputedStyle(t).backgroundColor;if(e&&!iS(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}))}}cy(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]}},H=(e,t)=>{for(let[n,r]of t)V(e,n,r);pe(e),z(e,!0),me()},U=(e,t,n)=>H(e,[[t,n]]),ee=(e,t)=>Jx.every(n=>{let r=t.styles[n];return r===void 0||B(e,n)===D(n,r)}),W=e=>e.catalog.presets.find(t=>ee(e,t))??null,te=(e,t)=>{e.menuOpen=!1;let n=Jx.flatMap(e=>{let n=t.styles[e];return n===void 0?[]:[[e,n]]});H(e,n),e.editor.focus({preventScroll:!0})},ne=e=>{let t=B(e,`font-weight`),n=R(e,`font-weight`);if(n&&rS(n.desired)>=600&&rS(n.before)<600){U(e,`font-weight`,n.before);return}U(e,`font-weight`,rS(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`){U(e,`font-style`,n.before);return}U(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`)){U(e,`text-decoration-line`,n.before);return}U(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?Hx:`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?Hx:`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:Ux,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=Wx;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:Ux,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 sS(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:Ux,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=Wx;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:Ux,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(``),U(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:Wx,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,nS,t=>U(e,`font-family`,t)),oe(e,`Size`,e.catalog.fontSizes,a,e=>e,t=>U(e,`font-size`,t)),oe(e,`Weight`,e.catalog.fontWeights,o,e=>e,t=>U(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:Wx,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 ${Hx}`:`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&&U(e,`color`,t)}),f.append(r)}let p=n.createElement(`input`);p.type=`color`,p.value=aS(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&&U(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:Wx,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`,rS(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(Gx,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=tS(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:Yx(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(Ix,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=Nx(t);if(i&&i.element.isConnected&&i.node.isConnected&&i.node.parentNode===i.element&&i.node.nodeValue?.trim()&&S(i.element)&&!qx.has(i.element.tagName)&&!i.element.isContentEditable)return i;for(let t of n.elementsFromPoint(e,r)){if(!(t instanceof a.HTMLElement)||!S(t)||qx.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=Yx(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??Xx(r,`text-edit`);if(u&&h)g=u.beforeText,_=u.desiredText,v=tS(u.styleChanges),E(a.node,_);else if(u&&f===u.beforeText){g=u.beforeText,_=u.desiredText,v=tS(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=eS(_),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:Ux,boxShadow:Kx});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:`${Gx}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:Ux,boxShadow:Kx});let T=sy(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:tS(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<=zx&&Math.hypot(e.clientX-i.x,e.clientY-i.y)<=Bx){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()},Vx)},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(Lx,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(Ix,()=>{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(Lx,()=>{p=null,e.state.update(Px,()=>({edits:[]}))}),e.service.provide(Fx,{intents:()=>l().edits.map($x),intent:e=>{let t=l().edits.find(t=>t.id===e);return t?$x(t):null},clear:async()=>{await e.command.execute(Lx)}});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 lS=`[data-mesurer-text-editor='true']`,uS=`[data-mesurer-text-edit-runtime='true']`,dS=`[data-mesurer-root='true']`,fS=`data-mesurer-direct-text-edit-active`;function pS(e,t,n){let{ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(uS),s=o.item(o.length-1),c=n.rendererRoot??s?.closest(dS)??null;if(!s?.isConnected||!c?.isConnected)return;let l=!1,u=()=>{let e=!!s.querySelector(lS);e!==l&&(l=e,l?c.setAttribute(fS,`true`):c.removeAttribute(fS))},d=new a.MutationObserver(u);d.observe(s,{childList:!0,subtree:!0}),u(),e.lifecycle.onDispose(()=>{d.disconnect(),c.removeAttribute(fS)})}var mS=8,hS=2,gS=4,_S=20,vS=`[data-mesurer-selected-measurement='true']`,yS=`[data-mesurer-measurement-chrome='true']`,bS=`[data-mesurer-measurement-label='true']`,xS=`[data-mesurer-text-editor='true']`,SS=`[data-mesurer-text-edit-ring='true']`,CS=`[data-mesurer-text-inspector-info='true']`,wS=`[data-mesurer-text-inspector-placement-shell='true']`,TS=`data-mesurer-measurement-label-clearance`,ES=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),DS=(e,t,n=gS)=>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,OS=(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,kS=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)})),AS=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+_S,width:e.width,height:_S});function jS(e,t,n,r){let i=kS(t.length>0?[e,...t]:[e,AS(e)]),a=n.width,o=n.height,s=r.width-mS,c=r.height-mS,l=Math.max(mS,s-a),u=Math.max(mS,c-o),d=Math.min(Math.max(e.left+e.width/2-a/2,mS),l),f=Math.min(Math.max(e.top+e.height/2-o/2,mS),u),p=[{left:d,top:i.top-hS-o,placement:`above`,maxHeight:null},{left:d,top:i.bottom+hS,placement:`below`,maxHeight:null},{left:i.right+hS,top:f,placement:`side`,maxHeight:null},{left:i.left-hS-a,top:f,placement:`side`,maxHeight:null}],m=e=>e.left>=mS&&e.top>=mS&&e.left+a<=s&&e.top+o<=c,h=p.find(e=>m(e));if(h)return h;let g=[{placement:`above`,top:mS,height:Math.max(0,i.top-hS-mS)},{placement:`below`,top:i.bottom+hS,height:Math.max(0,c-i.bottom-hS)}].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:mS,placement:`viewport`,maxHeight:Math.max(0,r.height-16)}}var MS=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),NS=(e,t,n,r=``)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==r)&&e.style.setProperty(t,n,r)},PS=(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))},FS=(e,t,n)=>{e.getAttribute(t)!==n&&e.setAttribute(t,n)},IS=(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},LS=(e,t,n)=>{let r=new Set;for(let t of e)for(let e of t.querySelectorAll(vS))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(bS);if(!a)continue;let o=n.getComputedStyle(a);if(o.display===`none`||o.visibility===`hidden`)continue;let s=ES(a.getBoundingClientRect());if(s.width<=0||s.height<=0)continue;let c=e.querySelector(yS),l=c?.isConnected?ES(c.getBoundingClientRect()):null;!(l&&l.width>0&&l.height>0&&DS(l,t))&&!IS(s,t)||i.push(s)}return i},RS=(e,t)=>e instanceof t.HTMLElement?e.matches(vS)||!!e.closest(vS)||!!e.querySelector(vS):!1;function zS(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&&(PS(t,`left`,e.shellLeft),PS(t,`top`,e.shellTop),PS(t,`--mesurer-native-anchor-x`,e.anchorX),PS(t,`--mesurer-native-anchor-y`,e.anchorY),e.marker===null?t.removeAttribute(TS):FS(t,TS,e.marker)),n.isConnected&&(PS(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:MS(e,`left`),shellTop:MS(e,`top`),anchorX:MS(e,`--mesurer-native-anchor-x`),anchorY:MS(e,`--mesurer-native-anchor-y`),cardMaxHeight:MS(t,`max-height`),placement:t.getAttribute(`data-mesurer-text-inspector-placement`),marker:e.getAttribute(TS)}},h=()=>{if(d)return;let e=c.querySelector(xS),t=c.querySelector(wS),n=c.querySelector(CS),r=c.querySelectorAll(SS),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=ES(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=LS(f(),s,o),_=AS(s),v=ES(n.getBoundingClientRect()),y=OS(v,_)||g.some(e=>OS(v,e));if(!l&&!y)return;l||m(t,n);let b=Math.max(v.height,n.scrollHeight),x=jS(s,g,{width:v.width,height:b},{width:i.innerWidth,height:i.innerHeight});u?(NS(t,`--mesurer-native-anchor-x`,`${x.left-s.left}px`),NS(t,`--mesurer-native-anchor-y`,`${x.top-s.top}px`)):(NS(t,`left`,`${x.left}px`),NS(t,`top`,`${x.top}px`)),x.maxHeight===null&&l?PS(n,`max-height`,l.cardMaxHeight):x.maxHeight!==null&&NS(n,`max-height`,`${x.maxHeight}px`),n.dataset.mesurerTextInspectorPlacement!==x.placement&&(n.dataset.mesurerTextInspectorPlacement=x.placement),FS(t,TS,`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`?RS(e.target,o):RS(e.target,o)?!0:[...e.addedNodes,...e.removedNodes].some(e=>RS(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 BS=`var(--msr-accent, #0d99ff)`,VS=`var(--msr-color-ink-500, #8a8a8a)`,HS=288,US=1.5,WS=80,GS=(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,KS=(e,t,n)=>Math.min(Math.max(e,t),n);function qS(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=BS,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 ${VS}`,borderBottom:`1.5px solid ${VS}`,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:`${US}px`,pointerEvents:`none`,transform:`translateX(-${US/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(!GS(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+KS(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:BS})},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()},WS)},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))},H=()=>{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:`${HS}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}}},U=new o.MutationObserver(()=>H());U.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,R),r.addEventListener(`scroll`,z,{capture:!0,passive:!0}),H(),e.lifecycle.onDispose(()=>{y=!0,U.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 JS=`#0d99ff`,YS=`rgba(13, 153, 255, 0.22)`,XS=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),ZS=(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()),QS=(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},$S=(e,t,n)=>Math.min(Math.max(e,t),n);function eC(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(jx(t),o())for(let o of n.elementsFromPoint(e,i)){if(Al(o,r))return;if(!(o instanceof a.HTMLElement)||!s(o)||XS.has(o.tagName)||o.isContentEditable)continue;let c=ZS(o,a);if(c.length===0)continue;if(c.length===1){Mx(t,{element:o,node:c[0].node,nodeIndex:c[0].index});return}let l=QS(n,a,c,e,i);if(l){Mx(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(()=>{jx(t),r.removeEventListener(`dblclick`,l,!0),r.removeEventListener(`pointerup`,u,!0)})}function tC(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:YS,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 ${JS}`,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+$S(Math.min(i,a),0,l),d=s+$S(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=ZS(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=Nx(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,jx(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 nC=`[data-mesurer-selected-measurement='true']`,rC=`[data-mesurer-hover-measurement='true']`,iC=`[data-mesurer-text-editor='true']`,aC=`data-mesurer-direct-edit-selection-suppressed`,oC=`data-mesurer-direct-edit-hover-suppressed`;function sC(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=`
|
|
2431
|
+
`,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(Ax)&&d(e);for(let t of e.querySelectorAll(Ax))d(t)}};for(let e of n.querySelectorAll(Ax))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,kx))};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 Mx=new WeakMap,Nx=e=>{let t=Mx.get(e.pageTarget);t&&(e.ownerWindow.clearTimeout(t.clearTimer),Mx.delete(e.pageTarget))},Px=(e,t)=>{Nx(e);let n=e.pageTarget,r={target:t,clearTimer:0};Mx.set(n,r),r.clearTimer=e.ownerWindow.setTimeout(()=>{Mx.get(n)===r&&Mx.delete(n)},0)},Fx=e=>Mx.get(e.pageTarget)?.target??null,Ix=`mesurer.text-edit.intents`,Lx=`text-edit`,Rx=`text-edit.commit`,zx=`text-edit.clear`,Bx=600,Vx=360,Hx=24,Ux=80,Wx=`var(--msr-accent, #0d99ff)`,Gx=`var(--msr-content, #0f172a)`,Kx=`var(--msr-color-ink-500, #8a8a8a)`,qx=288,Jx=`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))`,Yx=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),Xx=[`font-family`,`font-size`,`font-weight`,`font-style`,`line-height`,`letter-spacing`,`text-transform`,`color`],Zx=e=>{let{origin:t,pathname:n,search:r}=e.location;return`${t}${n}${r}`},Qx=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,$x=e=>({tag:e.fingerprintTag,id:e.fingerprintId,testId:e.fingerprintTestId,role:e.fingerprintRole,ariaLabel:e.fingerprintAriaLabel,classes:e.fingerprintClasses,text:e.fingerprintText}),eS=e=>({property:e.property,before:e.before,desired:e.desired}),tS=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(eS)}),nS=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))}},rS=e=>e.map(e=>({...e})),iS=e=>(e.split(`,`)[0]??e).trim().replace(/^['"]|['"]$/g,``),aS=e=>{if(e===`bold`)return 700;if(e===`normal`)return 400;let t=Number(e);return Number.isFinite(t)?t:400},oS=e=>e===`transparent`||/^rgba\([^)]*,\s*0(?:\.0+)?\s*\)$/.test(e)||/^rgba\(0\s+0\s+0\s*\/\s*0(?:\.0+)?\)$/.test(e),sS=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])}`},cS=(e,t)=>[...e.entries()].sort((e,t)=>t[1]-e[1]||e[0].localeCompare(t[0])).slice(0,t).map(([e])=>e),lS=(e,t)=>t?[t,...e.filter(e=>e!==t)]:e;function uS(e,t){let{ownerDocument:n,ownerWindow:r,pageTarget:i}=t,a=r,o=t.createWorkspaceRuntime(),s=new Om(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:Ix,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=$x(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===Zx(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>=Bx)break;for(let e of c){if(!S(e)||!C(e)||Yx.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:lS(cS(t,12),f.fontFamily),fontSizes:lS(cS(n,12),f.fontSize),fontWeights:lS(cS(o,9).sort((e,t)=>aS(e)-aS(t)),f.fontWeight),colors:lS(cS(s,10),f.color),presets:p}},L=e=>{let t=e;for(;t;){let e=r.getComputedStyle(t).backgroundColor;if(e&&!oS(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}))}}uy(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]}},H=(e,t)=>{for(let[n,r]of t)V(e,n,r);pe(e),z(e,!0),me()},U=(e,t,n)=>H(e,[[t,n]]),ee=(e,t)=>Xx.every(n=>{let r=t.styles[n];return r===void 0||B(e,n)===D(n,r)}),W=e=>e.catalog.presets.find(t=>ee(e,t))??null,te=(e,t)=>{e.menuOpen=!1;let n=Xx.flatMap(e=>{let n=t.styles[e];return n===void 0?[]:[[e,n]]});H(e,n),e.editor.focus({preventScroll:!0})},ne=e=>{let t=B(e,`font-weight`),n=R(e,`font-weight`);if(n&&aS(n.desired)>=600&&aS(n.before)<600){U(e,`font-weight`,n.before);return}U(e,`font-weight`,aS(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`){U(e,`font-style`,n.before);return}U(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`)){U(e,`text-decoration-line`,n.before);return}U(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?Wx:`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?Wx:`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:Gx,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=Kx;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:Gx,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 lS(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:Gx,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=Kx;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:Gx,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(``),U(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:Kx,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,iS,t=>U(e,`font-family`,t)),oe(e,`Size`,e.catalog.fontSizes,a,e=>e,t=>U(e,`font-size`,t)),oe(e,`Weight`,e.catalog.fontWeights,o,e=>e,t=>U(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:Kx,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 ${Wx}`:`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&&U(e,`color`,t)}),f.append(r)}let p=n.createElement(`input`);p.type=`color`,p.value=sS(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&&U(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:Kx,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`,aS(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(qx,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=rS(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:Zx(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(Rx,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=Fx(t);if(i&&i.element.isConnected&&i.node.isConnected&&i.node.parentNode===i.element&&i.node.nodeValue?.trim()&&S(i.element)&&!Yx.has(i.element.tagName)&&!i.element.isContentEditable)return i;for(let t of n.elementsFromPoint(e,r)){if(!(t instanceof a.HTMLElement)||!S(t)||Yx.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=Zx(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??Qx(r,`text-edit`);if(u&&h)g=u.beforeText,_=u.desiredText,v=rS(u.styleChanges),E(a.node,_);else if(u&&f===u.beforeText){g=u.beforeText,_=u.desiredText,v=rS(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=nS(_),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:Gx,boxShadow:Jx});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:`${qx}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:Gx,boxShadow:Jx});let T=ly(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:rS(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<=Vx&&Math.hypot(e.clientX-i.x,e.clientY-i.y)<=Hx){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()},Ux)},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(zx,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(Rx,()=>{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(zx,()=>{p=null,e.state.update(Ix,()=>({edits:[]}))}),e.service.provide(Lx,{intents:()=>l().edits.map(tS),intent:e=>{let t=l().edits.find(t=>t.id===e);return t?tS(t):null},clear:async()=>{await e.command.execute(zx)}});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 dS=`[data-mesurer-text-editor='true']`,fS=`[data-mesurer-text-edit-runtime='true']`,pS=`[data-mesurer-root='true']`,mS=`data-mesurer-direct-text-edit-active`;function hS(e,t,n){let{ownerWindow:r,portalTarget:i}=t,a=r,o=i.querySelectorAll(fS),s=o.item(o.length-1),c=n.rendererRoot??s?.closest(pS)??null;if(!s?.isConnected||!c?.isConnected)return;let l=!1,u=()=>{let e=!!s.querySelector(dS);e!==l&&(l=e,l?c.setAttribute(mS,`true`):c.removeAttribute(mS))},d=new a.MutationObserver(u);d.observe(s,{childList:!0,subtree:!0}),u(),e.lifecycle.onDispose(()=>{d.disconnect(),c.removeAttribute(mS)})}var gS=8,_S=2,vS=4,yS=20,bS=`[data-mesurer-selected-measurement='true']`,xS=`[data-mesurer-measurement-chrome='true']`,SS=`[data-mesurer-measurement-label='true']`,CS=`[data-mesurer-text-editor='true']`,wS=`[data-mesurer-text-edit-ring='true']`,TS=`[data-mesurer-text-inspector-info='true']`,ES=`[data-mesurer-text-inspector-placement-shell='true']`,DS=`data-mesurer-measurement-label-clearance`,OS=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),kS=(e,t,n=vS)=>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,AS=(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,jS=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)})),MS=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+yS,width:e.width,height:yS});function NS(e,t,n,r){let i=jS(t.length>0?[e,...t]:[e,MS(e)]),a=n.width,o=n.height,s=r.width-gS,c=r.height-gS,l=Math.max(gS,s-a),u=Math.max(gS,c-o),d=Math.min(Math.max(e.left+e.width/2-a/2,gS),l),f=Math.min(Math.max(e.top+e.height/2-o/2,gS),u),p=[{left:d,top:i.top-_S-o,placement:`above`,maxHeight:null},{left:d,top:i.bottom+_S,placement:`below`,maxHeight:null},{left:i.right+_S,top:f,placement:`side`,maxHeight:null},{left:i.left-_S-a,top:f,placement:`side`,maxHeight:null}],m=e=>e.left>=gS&&e.top>=gS&&e.left+a<=s&&e.top+o<=c,h=p.find(e=>m(e));if(h)return h;let g=[{placement:`above`,top:gS,height:Math.max(0,i.top-_S-gS)},{placement:`below`,top:i.bottom+_S,height:Math.max(0,c-i.bottom-_S)}].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:gS,placement:`viewport`,maxHeight:Math.max(0,r.height-16)}}var PS=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),FS=(e,t,n,r=``)=>{(e.style.getPropertyValue(t)!==n||e.style.getPropertyPriority(t)!==r)&&e.style.setProperty(t,n,r)},IS=(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))},LS=(e,t,n)=>{e.getAttribute(t)!==n&&e.setAttribute(t,n)},RS=(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},zS=(e,t,n)=>{let r=new Set;for(let t of e)for(let e of t.querySelectorAll(bS))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(SS);if(!a)continue;let o=n.getComputedStyle(a);if(o.display===`none`||o.visibility===`hidden`)continue;let s=OS(a.getBoundingClientRect());if(s.width<=0||s.height<=0)continue;let c=e.querySelector(xS),l=c?.isConnected?OS(c.getBoundingClientRect()):null;!(l&&l.width>0&&l.height>0&&kS(l,t))&&!RS(s,t)||i.push(s)}return i},BS=(e,t)=>e instanceof t.HTMLElement?e.matches(bS)||!!e.closest(bS)||!!e.querySelector(bS):!1;function VS(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&&(IS(t,`left`,e.shellLeft),IS(t,`top`,e.shellTop),IS(t,`--mesurer-native-anchor-x`,e.anchorX),IS(t,`--mesurer-native-anchor-y`,e.anchorY),e.marker===null?t.removeAttribute(DS):LS(t,DS,e.marker)),n.isConnected&&(IS(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:PS(e,`left`),shellTop:PS(e,`top`),anchorX:PS(e,`--mesurer-native-anchor-x`),anchorY:PS(e,`--mesurer-native-anchor-y`),cardMaxHeight:PS(t,`max-height`),placement:t.getAttribute(`data-mesurer-text-inspector-placement`),marker:e.getAttribute(DS)}},h=()=>{if(d)return;let e=c.querySelector(CS),t=c.querySelector(ES),n=c.querySelector(TS),r=c.querySelectorAll(wS),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=OS(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=zS(f(),s,o),_=MS(s),v=OS(n.getBoundingClientRect()),y=AS(v,_)||g.some(e=>AS(v,e));if(!l&&!y)return;l||m(t,n);let b=Math.max(v.height,n.scrollHeight),x=NS(s,g,{width:v.width,height:b},{width:i.innerWidth,height:i.innerHeight});u?(FS(t,`--mesurer-native-anchor-x`,`${x.left-s.left}px`),FS(t,`--mesurer-native-anchor-y`,`${x.top-s.top}px`)):(FS(t,`left`,`${x.left}px`),FS(t,`top`,`${x.top}px`)),x.maxHeight===null&&l?IS(n,`max-height`,l.cardMaxHeight):x.maxHeight!==null&&FS(n,`max-height`,`${x.maxHeight}px`),n.dataset.mesurerTextInspectorPlacement!==x.placement&&(n.dataset.mesurerTextInspectorPlacement=x.placement),LS(t,DS,`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`?BS(e.target,o):BS(e.target,o)?!0:[...e.addedNodes,...e.removedNodes].some(e=>BS(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 HS=`var(--msr-accent, #0d99ff)`,US=`var(--msr-color-ink-500, #8a8a8a)`,WS=288,GS=1.5,KS=80,qS=(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,JS=(e,t,n)=>Math.min(Math.max(e,t),n);function YS(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=HS,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 ${US}`,borderBottom:`1.5px solid ${US}`,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:`${GS}px`,pointerEvents:`none`,transform:`translateX(-${GS/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(!qS(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+JS(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:HS})},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()},KS)},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))},H=()=>{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:`${WS}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}}},U=new o.MutationObserver(()=>H());U.observe(c,{childList:!0,subtree:!0}),r.addEventListener(`resize`,R),r.addEventListener(`scroll`,z,{capture:!0,passive:!0}),H(),e.lifecycle.onDispose(()=>{y=!0,U.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 XS=`#0d99ff`,ZS=`rgba(13, 153, 255, 0.22)`,QS=new Set([`HTML`,`BODY`,`SCRIPT`,`STYLE`,`META`,`LINK`,`NOSCRIPT`,`IMG`,`VIDEO`,`AUDIO`,`IFRAME`,`INPUT`,`TEXTAREA`,`SELECT`,`OPTION`]),$S=(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()),eC=(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},tC=(e,t,n)=>Math.min(Math.max(e,t),n);function nC(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(Nx(t),o())for(let o of n.elementsFromPoint(e,i)){if(Al(o,r))return;if(!(o instanceof a.HTMLElement)||!s(o)||QS.has(o.tagName)||o.isContentEditable)continue;let c=$S(o,a);if(c.length===0)continue;if(c.length===1){Px(t,{element:o,node:c[0].node,nodeIndex:c[0].index});return}let l=eC(n,a,c,e,i);if(l){Px(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(()=>{Nx(t),r.removeEventListener(`dblclick`,l,!0),r.removeEventListener(`pointerup`,u,!0)})}function rC(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:ZS,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 ${XS}`,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+tC(Math.min(i,a),0,l),d=s+tC(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=$S(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=Fx(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,Nx(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 iC=`[data-mesurer-selected-measurement='true']`,aC=`[data-mesurer-hover-measurement='true']`,oC=`[data-mesurer-text-editor='true']`,sC=`data-mesurer-direct-edit-selection-suppressed`,cC=`data-mesurer-direct-edit-hover-suppressed`;function lC(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=`
|
|
2313
2432
|
body:has([data-mesurer-text-editor="true"]) [data-mesurer-selected-measurement="true"],
|
|
2314
2433
|
body:has([data-mesurer-text-editor="true"]) [data-mesurer-hover-measurement="true"] {
|
|
2315
2434
|
opacity: 0 !important;
|
|
2316
2435
|
}
|
|
2317
|
-
`,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(nC)&&p.add(e),e.matches(rC)&&m.add(e)},x=e=>{if(e instanceof o.HTMLElement){b(e);for(let t of e.querySelectorAll(`${nC}, ${rC}`))b(t)}},S=e=>{for(let t of e.querySelectorAll(`${nC}, ${rC}`))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,aC);continue}C(e,d,aC)}for(let[e,t]of Array.from(d))(!e.isConnected||!p.has(e))&&w(e,t,d,aC)},D=()=>{for(let e of Array.from(m)){if(!e.isConnected){m.delete(e);let t=f.get(e);t&&w(e,t,f,oC);continue}C(e,f,oC)}for(let[e,t]of Array.from(f))(!e.isConnected||!m.has(e))&&w(e,t,f,oC)},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(iC)){h=!0,E(),D(),A();return}!h&&d.size===0&&f.size===0||(h=!1,j(),T(d,aC),T(f,oC))}},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,aC),T(f,oC),p.clear(),m.clear(),l.remove()})}var cC=`[data-mesurer-text-editor='true']`,lC=`[data-mesurer-text-edit-ring='true']`,uC=`[data-mesurer-text-inspector-info='true']`,dC=`[data-mesurer-text-inspector-placement-shell='true']`,fC=`[data-mesurer-measurement='true']`,pC=`[data-mesurer-measurement-chrome='true']`,mC=`[data-mesurer-measurement-label='true']`,hC=20,gC=.75,_C=`data-mesurer-symmetric-measurement-spacing`,vC=`mesurerSymmetricCardOffsetY`,yC=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),bC=(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),xC=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+hC,width:e.width,height:hC}),SC=(e,t,n)=>e.style.getPropertyValue(t)!==n&&(e.style.setProperty(t,n),!0);function CC(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(cC)&&(u=e),e.matches(lC)&&(d=e),e.matches(dC)&&(f=e),e.matches(uC)&&(p=e),e.matches(mC)&&l.add(e)},v=e=>{if(e instanceof o.HTMLElement&&(_(e),e===c||e.matches(`${fC}, [data-mesurer-text-edit-runtime='true'], [data-mesurer-root='true']`)))for(let t of[cC,lC,dC,uC,mC])for(let n of e.querySelectorAll(t))_(n)},y=e=>{for(let t of e.querySelectorAll(fC))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(fC);if(!(r instanceof o.HTMLElement)||r.getAttribute(`data-mesurer-selected-measurement`)!==`true`)continue;let i=yC(n.getBoundingClientRect());if(i.width<=0||i.height<=0)continue;let a=r.querySelector(pC),s=a?.isConnected?yC(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?bC(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??xC(e)},x=()=>{if(g||!u?.isConnected||!d?.isConnected||!f?.isConnected||!p?.isConnected)return;let e=yC(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=yC(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(_C,`true`),f.dataset.mesurerSymmetricSourceGap=s.toFixed(3),f.dataset.mesurerSymmetricTypographyGap=c.toFixed(3),Math.abs(l)<=gC)return;let m=Number.parseFloat(p.dataset[vC]??`0`),h=(Number.isFinite(m)?m:0)-l;p.dataset[vC]=h.toFixed(3),SC(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(dC)&&(_(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(`${fC}, [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(_C),p&&(p.style.removeProperty(`translate`),delete p.dataset[vC])})}var wC=(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))},TC=(e,t)=>{let n=t.ownerWindow,r=!1,i=!1,a=null,o=wC(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`||Vy(e).keepTextChanges?`text-inspector`:`none`:n===`text-inspector`||Vy(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}},EC=`var(--msr-color-ink-50, #f8fafc)`,DC=`var(--msr-color-ink-100, #f1f5f9)`,OC=`var(--msr-color-ink-200, #e2e8f0)`,kC=`var(--msr-color-ink-500, #64748b)`,AC=`var(--msr-color-ink-700, #334155)`,jC=`var(--msr-content, #0f172a)`,MC=`var(--msr-accent, #0d99ff)`,NC=8,PC=8,FC=(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},IC=e=>Array.from(e.querySelectorAll(`span`)).map(e=>e.textContent?.trim()??``).find(e=>e.startsWith(`--`))??null;function LC(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-NC,p=r.innerHeight-NC,m=Math.max(NC,f-u),g=Math.max(NC,p-d),_=Math.min(Math.max(o.left+o.width/2-u/2,NC),m),v=Math.min(Math.max(o.top+o.height/2-d/2,NC),g),y=[{left:_,top:o.top-PC-d,placement:`above`},{left:_,top:o.bottom+PC,placement:`below`},{left:o.right+PC,top:v,placement:`side`},{left:o.left-PC-u,top:v,placement:`side`}],b=(e,t)=>e>=NC&&t>=NC&&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:NC,height:Math.max(0,o.top-PC-NC)},{name:`below`,top:o.bottom+PC,height:Math.max(0,p-o.bottom-PC)}].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=`${NC}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:EC,color:AC,outline:`none`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=OC}),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 ${MC}`}),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:EC,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:AC,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 ${kC}`,borderBottom:`1.5px solid ${kC}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`}),t.addEventListener(`mouseenter`,()=>{t.style.borderColor=OC}),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 ${MC}`}),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?MC:`transparent`}`,borderRadius:`5px`,background:t?`rgba(13, 153, 255, 0.10)`:EC,color:jC,padding:`0`,fontSize:`12px`,cursor:`pointer`,transition:`border-color 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{t||(e.style.borderColor=OC)}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=t?MC:`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:EC,padding:`3px`}),n.addEventListener(`mouseenter`,()=>{n.style.borderColor=OC}),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:EC,color:AC,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=OC}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=`transparent`}),e.addEventListener(`focus`,()=>{e.style.boxShadow=`inset 0 0 0 1px ${MC}`}),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=IC(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:kC,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=FC(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 ${DC}`});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 RC=4,zC=4,BC=220,VC=60,HC=(e,t,n)=>Math.min(Math.max(e,t),n);function UC(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 WC(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(BC,Math.max(VC,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-RC-zC),b=o.bottom-a.top,x=Math.max(0,b-v-RC-zC),S=x>=d||x>=y?v+RC:_-RC-d,C=m+zC,w=Math.max(C,m+o.width-zC-c),T=h+zC,E=Math.max(T,h+o.height-zC-d);e.style.left=`${HC(g,C,w)}px`,e.style.top=`${HC(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 GC=`var(--msr-color-ink-50, #f8fafc)`,KC=`var(--msr-color-ink-100, #f1f5f9)`,qC=`var(--msr-color-ink-200, #e2e8f0)`,JC=`var(--msr-color-ink-500, #64748b)`,YC=`var(--msr-color-ink-700, #334155)`,XC=`var(--msr-content, #0f172a)`,ZC=`var(--msr-accent, #0d99ff)`,QC=8,$C=4;function ew(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-QC,o=r.innerHeight-QC,s=Math.max(QC,a-i.width),c=Math.min(Math.max(e.left,QC),s),l=e.bottom+$C,f=e.top-$C-i.height,p=l+i.height<=o||f<QC?Math.min(l,Math.max(QC,o-i.height)):f;u.popup.style.left=`${c}px`,u.popup.style.top=`${Math.max(QC,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?KC:`transparent`,color:e.disabled?JC:XC,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:JC,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?KC:GC)}),t.addEventListener(`mouseleave`,()=>{t.style.background=e.selected?KC:`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 ${qC}`,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 ${ZC}`),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:YC,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 ${ZC}`}),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:GC,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=qC}),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 ${JC}`,borderBottom:`1.5px solid ${JC}`,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 tw(e,t){Ex(e,t);let{runtime:n}=xx(t);eC(e,n),UC(e,n),cS(e,TC(e,n)),qS(e,n),LC(e,n),sC(e,n,t.portalTarget),pS(e,n,t),tC(e,n),ew(e,n),WC(e,n),yx(e,n),kx(e,n),zS(e,n,t.portalTarget),CC(e,n,t.portalTarget)}function nw(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 rw(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 iw(e){return[...e?.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)??[]].flatMap(e=>{let t=Pu(e);return t?nv(t):[]})}var aw=1,ow=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)},sw=(e,t)=>{if(!t)return[];try{let n=e.sessionStorage.getItem(t);if(!n)return[];let r=JSON.parse(n);return r.version!==aw||!Array.isArray(r.annotations)?[]:r.annotations.map(e=>{let t=new Set,n=Array.isArray(e.replies)?e.replies.flatMap(e=>!ow(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`),cw(r)})}catch{return[]}},cw=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},lw=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,uw=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 dw(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:sw(r,e),migrated:!1}}catch{return{annotations:[],migrated:!1}}let t=d();if(!t)return{annotations:[],migrated:!1};let n=sw(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=>iv(e,o)||iw(i).includes(e.ownerDocument),D=(e,t)=>t.viewport?e.getRootNode()===rw(i,t):!rv(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 nv(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:aw,annotations:m.map(cw)}))}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?rw(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=rw(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([...nv(o),...iw(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&&rv(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()}),H=t.subscribe(A),U=()=>({guides:t.current.guides,measurements:t.current.measurements,activeMeasurement:t.current.activeMeasurement,distances:t.current.heldDistances}),ee=e=>dc({...e,workspace:U(),guideTolerance:10}),W=(e,t)=>({id:`target-${t+1}`,selector:hu(e),fingerprint:gu(e),lastRect:qu(e),...nw(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(),cw(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:lw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`region`,rect:a},baseline:ee({targets:[],region:a})})},ie=e=>{let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let i=uw(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:lw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`elements`,targets:o,region:a},baseline:ee({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(cw)}},elementRect(e){return qu(e)},targetScope:nw,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:uw(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(cw)},annotation(e){let t=m.find(t=>t.id===e);if(!t)return null;let n=cw(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:lw(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(),H(),r.removeEventListener(`mesurer:responsive-stage-change`,B),i?.removeEventListener(`scroll`,P,!0),ae(),v.clear(),y.clear(),m.length=0,g.clear())}}}var fw=[`select`,`xray`,`color-picker`,`rulers`,`responsive`,`text-inspector`,`guides`,`settings`],pw=`mesurer-plugin-settings`,mw=e=>(e.startsWith(`mesurer.`)?e.slice(8):e).split(/[.-]/g).filter(Boolean).map(e=>e[0]?.toUpperCase()+e.slice(1)).join(` `)||e,hw=e=>`create`in e&&typeof e.create==`function`,gw=e=>e===`select`||e===`xray`||e===`color-picker`||e===`rulers`||e===`responsive`||e===`text-inspector`||e===`guides`||e===`distance`||e===`settings`,_w=e=>`builtin.${e}`,vw=(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},yw=({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 bw(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(()=>Qb([],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:mw(f.id),order:-100,enabled:!0,create:()=>f});for(let[e,t]of s.entries()){if(hw(t)){u.set(t.id,{...t,label:t.label??mw(t.id),order:t.order??1e3+e});continue}let n=a(t);u.set(n.id,{id:n.id,label:mw(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!==_w(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||!gw(e.builtin)||e.command!==_w(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??mw(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===zy))),I=()=>{C();let e=[];for(let t of fw)(!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(`
|
|
2318
|
-
`)},{editModeTool:L,executeTool:R,leaveEditMode:z,runTool:B}=yw({host:n,getBuiltinController:()=>b,getModel:()=>y,arrangeActive:j,isBuiltinPluginId:gw,onPluginError:e.onPluginError}),V=e=>{D()&&[`arrange`,`edit`,`rulers`].includes(e)&&O(!1)},H=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)}},U=(e,t)=>{V(e.id),B(e,t)},ee=U,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=>dw({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`:pw,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);gw(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`){H();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 H(),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),Uy(e),tx(e,t),tw(e,t);for(let t of fw)e.command.register(_w(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(),ee(n,`toolbar-mode-shortcut`);return}if(t===`2`&&n&&!n.disabled?.()&&!n.active?.()){e.preventDefault(),e.stopImmediatePropagation(),ee(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(),ee(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?.()&&vw(e,t.shortcut));if(a){e.preventDefault(),e.stopImmediatePropagation(),U(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(m_,{runtime:{plugins:P,generalSections:F,version:()=>i,setEnabled:(e,t)=>x(e,t),update:ne,reset:async()=>{await S()}},get children(){return Y(Hv,{value:e=>{y=e},get children(){return Y(Ly,nc(e,{get pluginTools(){return N()},onPluginTool:e=>{U(e)},onPluginToolMenuItem:W,isBuiltinActionDisabled:M,onBuiltinController:e=>{b=e},get responsiveOpen(){return D()},responsiveShortcutsEnabled:()=>y?.current.settings.shortcutsEnabled!==!1,onResponsiveClose:()=>O(!1),onResponsiveToggle:()=>{H()},editSelectionHover:j}))}})}})}var xw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Sw=(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),Cw=(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},ww=(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 Tw(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=Cw(n.rect,t,r,a,u);for(let t of ww(v,d,l)){let n=u?{left:xw(t.left,s,f),top:xw(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=>!Sw(t,e,o))&&c.every(e=>!Sw(t,e,i))}),b=y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Sw(t,e,i))})??y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!Sw(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 Ew(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($m,{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: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 Dw(e){let[t,n]=G(null),[r,i]=G(``),[a,o]=G(null),[s,c]=G(null),[l,u]=G(``),[d,f]=G(!1),[p,m]=G([]),h=new Map,g=new Map,_=!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),c(null),u(``),f(!1));let r=new Set,a=(e.replies??[]).map(e=>{r.add(e.id);let t=h.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},h.set(e.id,t)}return t});for(let e of h.keys())r.has(e)||h.delete(e);m(a)});let y=e=>{queueMicrotask(()=>g.get(e)?.focus())},b=()=>{queueMicrotask(()=>{let t=[...g.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)){f(!1);return}if(!l().trim()&&!(t()&&r().trim())){e.onClose();return}n.preventDefault(),n.stopImmediatePropagation(),_=!0,d()?e.onClose():f(!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 l=e.panelElement();r.preventDefault(),r.stopImmediatePropagation();let d=t();if(d){n(null),i(``),y(d);return}if(s()){let e=s();c(null),y(e);return}if(a()){let e=a();o(null),y(e);return}let f=l?.querySelector(`[aria-label='Reply to note']`);f&&(f.value=``,f.style.height=`34px`,f.scrollTop=0,f.style.overflowY=`hidden`),u(``),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:whitespace-pre-wrap msr:break-words msr:px-2 msr:py-2 msr:text-[12px] msr:leading-[1.45]`}),E=X(`div`,{class:`msr:border-t msr:border-ink-100 msr:px-1 msr:pt-2`});return Z(C,w),Z(C,E),Z(w,T),Q(T,()=>e.annotation.note),Q(w,Y(_o,{get each(){return p()},keyed:!0,children:l=>(()=>{var u=X(`div`,{class:`msr:mt-3 msr:rounded-[5px] msr:px-2 msr:py-1.5`}),d=X(`div`,{class:`msr:flex msr:items-center msr:gap-1 msr:text-[11px] msr:text-ink-500`}),f=X(`span`,{class:`msr:flex-1`}),p=ec(`You · `),m=X(`button`,{type:`button`,onPointerDown:e=>x(e,()=>o(a()===l.id?null:l.id)),onClick:e=>S(e,()=>o(a()===l.id?null:l.id))});return Z(u,d),Z(d,f),Z(d,m),Z(f,p),Q(f,()=>new Date(l.createdAt).toLocaleString(),null),Z(m,ec(`•••`)),ic(()=>e=>g.set(l.id,e),m),Q(u,Y(K,{get when(){return t()===l.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,()=>l.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,l.id,r()),n(null),y(l.id))}});return q(()=>r(),(e,n)=>{$(t,`value`,e,n)}),t}}),null),Q(u,Y(K,{get when(){return a()===l.id},get children(){var t=X(`div`,{class:`msr:flex msr:gap-2 msr:text-[11px]`}),r=X(`button`,{type:`button`,onPointerDown:t=>x(t,()=>{i(l.text),n(l.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())}),onClick:t=>S(t,()=>{i(l.text),n(l.id),o(null),queueMicrotask(()=>e.panelElement()?.querySelector(`[aria-label='Edit reply']`)?.focus())})}),a=X(`button`,{type:`button`,onPointerDown:e=>x(e,()=>{c(l.id),o(null)}),onClick:e=>S(e,()=>{c(l.id),o(null)})});return Z(t,r),Z(t,a),Z(r,ec(`Edit`)),Z(a,ec(`Delete`)),t}}),null),Q(u,Y(K,{get when(){return s()===l.id},get children(){var t=X(`div`,{class:`msr:flex msr:items-center msr:gap-2 msr:text-[11px]`,role:`group`,"aria-label":`Confirm delete reply`}),n=X(`span`),r=X(`button`,{type:`button`,onPointerDown:e=>x(e,()=>{c(null),y(l.id)}),onClick:e=>S(e,()=>{c(null),y(l.id)})}),i=X(`button`,{type:`button`,onPointerDown:t=>x(t,()=>{e.runtime.removeAnnotationReply(e.annotation.id,l.id),c(null),b()}),onClick:t=>S(t,()=>{e.runtime.removeAnnotationReply(e.annotation.id,l.id),c(null),b()})});return Z(t,n),Z(t,r),Z(t,i),Z(n,ec(`Delete this reply?`)),Z(r,ec(`Cancel`)),Z(i,ec(`Confirm`)),t}}),null),q(()=>({e:l.id,t:`More actions for reply ${l.id}`}),({e,t},n)=>{e!==n?.e&&$(u,`data-mesurer-annotation-reply`,e,n?.e),t!==n?.t&&$(m,`aria-label`,t,n?.t)}),u})()}),null),Q(E,Y(K,{get when(){return e.annotation.id},keyed:!0,children:t=>Y(Ew,{label:`Reply to note`,placeholder:`Reply to note`,onSubmit:n=>{e.annotation.id===t&&e.runtime.addAnnotationReply(t,n)},onDraftChange:u,get onEscape(){return e.onClose}})}),null),Q(E,Y(K,{get when(){return d()},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 Ow=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),kw=0,Aw=e=>e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0&&e!==`none`),jw=e=>{let t=e.ownerDocument.defaultView?.HTMLElement;return!!(t&&e instanceof t)},Mw=(e,t)=>{let n=e.style.getPropertyValue(`anchor-name`),r=e.style.getPropertyPriority(`anchor-name`),i=Aw(n);i.includes(t)||e.style.setProperty(`anchor-name`,[...i,t].join(`, `),r);let a=!1;return()=>{if(a)return;a=!0;let i=Aw(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`)}},Nw=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}},Pw=(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:Ow(e.left+e.width-t,8,a),top:Ow(e.top,8,o)}},Fw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=Ow(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}:Pw(e,t,n,r,i)};function Iw(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-${++kw}`,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,H=null,U=null,ee=new Map,W=()=>N?.ownerDocument.defaultView??window,te=null,ne=e=>{a()&&te?.pointerdown(e)},re=e=>{a()&&te?.click(e)},ie=e=>{a()&&te?.keydown(e)};W().document.addEventListener(`pointerdown`,ne,!0),W().document.addEventListener(`click`,re,!0),W().addEventListener(`keydown`,ie,!0),Dn(()=>{W().document.removeEventListener(`pointerdown`,ne,!0),W().document.removeEventListener(`click`,re,!0),W().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=ee.get(e);t&&(t.scroll.release(),t.releaseAnchor?.(),ee.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&&!rv(e.ownerDocument))?.element??null},xe=e=>!!(jw(e)&&se()&&N&&me()&&e.getRootNode()===N.getRootNode()),Se=e=>{let t=be(e),n=ee.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&&jw(t)){let n=`--mesurer-annotation-${++kw}`;ee.set(e,{target:t,anchorName:n,releaseAnchor:Mw(t,n),scroll:tm(a,t,()=>ve(e),{trackWindow:!1})})}else ee.set(e,{target:t,anchorName:null,releaseAnchor:null,scroll:tm(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 ee.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 ee.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=>!!(jw(e)&&se()&&N&&e!==O&&me()&&e.getRootNode()===N.getRootNode()),Oe=()=>{let e=he();if(e&&rv(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-${++kw}`;if(Ee(),!e?.isConnected)return;R=e;let a=e.ownerDocument.defaultView;if(a){if(n&&jw(e)){B=Mw(e,i),z=e,D=i,V=tm(a,e,_e,{trackWindow:!1});return}D=i,V=tm(a,e,_e,{trackWindow:se()})}},ke=e=>{if(H?.disconnect(),H=null,!e?.isConnected)return;let t=e.ownerDocument.defaultView;t&&(H=new t.ResizeObserver(()=>{i(e=>e+1)}),H.observe(e))},Ae=()=>{let e=W();U!==e&&(U?.removeEventListener(`resize`,je),U=e,U.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&&rv(r.ownerDocument))&&je(),n(e=>e+1),Te()}));Oe(),W().queueMicrotask(Ce),Dn(()=>{H?.disconnect(),H=null,fe(),U?.removeEventListener(`resize`,je),U=null,Re?.disconnect(),Ee();for(let e of ee.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(()=>Nw(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]=Tw([{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??Ow(n.left+n.width+6,4,i.innerWidth-24-4),c=o?.top??Ow(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(Tw(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=ee.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?Fw(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 Pw(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:Ow(e.left,8,a),top:Ow(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??Pw(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:Ow(r.originLeft+t.clientX-r.startX,8,i),top:Ow(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(Qm,{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($m,{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=()=>{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)},l=()=>e.runtime.setAnnotationStatus(t().id,t().status===`resolved`?`open`:`resolved`);var d=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()}),p=X(`div`,{class:`msr:flex msr:h-7 msr:items-center msr:gap-1.5 msr:px-1`,"aria-label":`Drag annotation panel`,onPointerDown:e=>dt(e,t().id)}),m=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`}}),h=X(`div`,{class:`msr:min-w-0 msr:flex-1`}),g=X(`div`,{class:`msr:text-[11px] msr:font-medium msr:text-ink-700`}),_=ec(`Note `),v=X(`div`,{class:`msr:text-[9px] msr:text-ink-500`}),y=X(`div`,{class:`msr:flex msr:items-center msr:gap-0.5`}),b=X(`button`,{type:`button`,class:`msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border-0 msr:bg-transparent msr:text-black msr:outline-none msr:hover:bg-black/4 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`)}),S=X(`button`,{type:`button`,class:`msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border-0 msr:bg-transparent msr:text-black msr:outline-none msr:hover:bg-black/4 msr:disabled:cursor-default msr:disabled:opacity-40`,onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),i=!0,l()},onClick:()=>{if(i){i=!1;return}l()}}),E=X(`button`,{type:`button`,class:`msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border-0 msr:bg-transparent msr:text-black msr:outline-none msr:hover:bg-black/4 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Delete annotation`,title:`Delete`,onClick:()=>{let n=t().id;e.runtime.removeAnnotation(n),f(e=>{let t={...e};return delete t[n],t}),ye(n),c(e=>e===n?null:e),u(e=>e===n?null:e),s()}}),D=X(`button`,{type:`button`,class:`msr:flex msr:w-6 msr:h-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border-0 msr:bg-transparent msr:text-black msr:outline-none msr:hover:bg-black/4 msr:disabled:cursor-default msr:disabled:opacity-40`,"aria-label":`Close annotation`,title:`Close`,onClick:()=>{s()}});return Z(d,p),ic(()=>e=>{a=e},d),Z(p,m),Z(p,h),Z(p,y),Q(m,r),Z(h,g),Z(h,v),Z(g,_),Q(g,r,null),Q(v,()=>Ze(t()),null),Q(v,(()=>{var e=J(()=>!!t().replies?.length);return()=>e()?` · ${t().replies.length} replies`:``})(),null),Z(y,b),Z(y,S),Z(y,E),Z(y,D),Q(b,Y(Zm,{size:14})),Q(S,()=>t().status===`resolved`?`↶`:`✓`),Q(E,Y(eh,{size:14})),Q(D,Y(th,{size:14})),Q(d,Y(Dw,{get annotation(){return t()},get runtime(){return e.runtime},panelElement:()=>a,onGlobalHandlers:e=>{te=e},onClose:s}),null),Q(d,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`:`Resolve`}),({e,t,a:n,o:r,i,n:a,s:o,h:s},c)=>{e!==c?.e&&$(d,`data-mesurer-annotation-id`,e,c?.e),t!==c?.t&&$(d,`data-mesurer-annotation-scroll-mode`,t,c?.t),n!==c?.a&&$(d,`data-mesurer-context-coordinate-space`,n,c?.a),r!==c?.o&&$(d,`style`,r,c?.o),i!==c?.i&&$(p,`style`,i,c?.i),a!==c?.n&&$(b,`disabled`,a,c?.n),o!==c?.s&&$(S,`aria-label`,o,c?.s),s!==c?.h&&$(S,`title`,s,c?.h)}),d}})]}function Lw(e){let t=null;return Dn(Bv(e.ownerWindow,()=>{t?.abandonNoteComposer()})),Y(Iw,{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 Rw={border:`0`,borderRadius:`5px`,background:`transparent`,color:`var(--msr-content)`,cursor:`pointer`,font:`inherit`};function zw(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(Qm,{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(th,{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:{...Rw,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:{...Rw,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 Bw=`2147482950`,Vw=`2147483646`,Hw=`2147483647`;function Uw(e){let{ownerDocument:t,ownerWindow:n,pageTarget:r}=e,i=t.body;if(!(i&&!(r instanceof n.ShadowRoot)&&r.getRootNode()===t))return e.createInspectorMount();_f(vf,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=`
|
|
2436
|
+
`,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(iC)&&p.add(e),e.matches(aC)&&m.add(e)},x=e=>{if(e instanceof o.HTMLElement){b(e);for(let t of e.querySelectorAll(`${iC}, ${aC}`))b(t)}},S=e=>{for(let t of e.querySelectorAll(`${iC}, ${aC}`))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,sC);continue}C(e,d,sC)}for(let[e,t]of Array.from(d))(!e.isConnected||!p.has(e))&&w(e,t,d,sC)},D=()=>{for(let e of Array.from(m)){if(!e.isConnected){m.delete(e);let t=f.get(e);t&&w(e,t,f,cC);continue}C(e,f,cC)}for(let[e,t]of Array.from(f))(!e.isConnected||!m.has(e))&&w(e,t,f,cC)},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(oC)){h=!0,E(),D(),A();return}!h&&d.size===0&&f.size===0||(h=!1,j(),T(d,sC),T(f,cC))}},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,sC),T(f,cC),p.clear(),m.clear(),l.remove()})}var uC=`[data-mesurer-text-editor='true']`,dC=`[data-mesurer-text-edit-ring='true']`,fC=`[data-mesurer-text-inspector-info='true']`,pC=`[data-mesurer-text-inspector-placement-shell='true']`,mC=`[data-mesurer-measurement='true']`,hC=`[data-mesurer-measurement-chrome='true']`,gC=`[data-mesurer-measurement-label='true']`,_C=20,vC=.75,yC=`data-mesurer-symmetric-measurement-spacing`,bC=`mesurerSymmetricCardOffsetY`,xC=e=>({left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),SC=(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),CC=e=>({left:e.left,top:e.bottom+2,right:e.right,bottom:e.bottom+2+_C,width:e.width,height:_C}),wC=(e,t,n)=>e.style.getPropertyValue(t)!==n&&(e.style.setProperty(t,n),!0);function TC(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(uC)&&(u=e),e.matches(dC)&&(d=e),e.matches(pC)&&(f=e),e.matches(fC)&&(p=e),e.matches(gC)&&l.add(e)},v=e=>{if(e instanceof o.HTMLElement&&(_(e),e===c||e.matches(`${mC}, [data-mesurer-text-edit-runtime='true'], [data-mesurer-root='true']`)))for(let t of[uC,dC,pC,fC,gC])for(let n of e.querySelectorAll(t))_(n)},y=e=>{for(let t of e.querySelectorAll(mC))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(mC);if(!(r instanceof o.HTMLElement)||r.getAttribute(`data-mesurer-selected-measurement`)!==`true`)continue;let i=xC(n.getBoundingClientRect());if(i.width<=0||i.height<=0)continue;let a=r.querySelector(hC),s=a?.isConnected?xC(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?SC(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??CC(e)},x=()=>{if(g||!u?.isConnected||!d?.isConnected||!f?.isConnected||!p?.isConnected)return;let e=xC(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=xC(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(yC,`true`),f.dataset.mesurerSymmetricSourceGap=s.toFixed(3),f.dataset.mesurerSymmetricTypographyGap=c.toFixed(3),Math.abs(l)<=vC)return;let m=Number.parseFloat(p.dataset[bC]??`0`),h=(Number.isFinite(m)?m:0)-l;p.dataset[bC]=h.toFixed(3),wC(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(pC)&&(_(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(`${mC}, [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(yC),p&&(p.style.removeProperty(`translate`),delete p.dataset[bC])})}var EC=(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))},DC=(e,t)=>{let n=t.ownerWindow,r=!1,i=!1,a=null,o=EC(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`||Uy(e).keepTextChanges?`text-inspector`:`none`:n===`text-inspector`||Uy(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}},OC=`var(--msr-color-ink-50, #f8fafc)`,kC=`var(--msr-color-ink-100, #f1f5f9)`,AC=`var(--msr-color-ink-200, #e2e8f0)`,jC=`var(--msr-color-ink-500, #64748b)`,MC=`var(--msr-color-ink-700, #334155)`,NC=`var(--msr-content, #0f172a)`,PC=`var(--msr-accent, #0d99ff)`,FC=8,IC=8,LC=(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},RC=e=>Array.from(e.querySelectorAll(`span`)).map(e=>e.textContent?.trim()??``).find(e=>e.startsWith(`--`))??null;function zC(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-FC,p=r.innerHeight-FC,m=Math.max(FC,f-u),g=Math.max(FC,p-d),_=Math.min(Math.max(o.left+o.width/2-u/2,FC),m),v=Math.min(Math.max(o.top+o.height/2-d/2,FC),g),y=[{left:_,top:o.top-IC-d,placement:`above`},{left:_,top:o.bottom+IC,placement:`below`},{left:o.right+IC,top:v,placement:`side`},{left:o.left-IC-u,top:v,placement:`side`}],b=(e,t)=>e>=FC&&t>=FC&&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:FC,height:Math.max(0,o.top-IC-FC)},{name:`below`,top:o.bottom+IC,height:Math.max(0,p-o.bottom-IC)}].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=`${FC}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:OC,color:MC,outline:`none`,transition:`border-color 120ms ease, box-shadow 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{e.style.borderColor=AC}),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 ${PC}`}),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:OC,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:MC,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 ${jC}`,borderBottom:`1.5px solid ${jC}`,transform:`rotate(45deg)`,transformOrigin:`center`,pointerEvents:`none`}),t.addEventListener(`mouseenter`,()=>{t.style.borderColor=AC}),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 ${PC}`}),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?PC:`transparent`}`,borderRadius:`5px`,background:t?`rgba(13, 153, 255, 0.10)`:OC,color:NC,padding:`0`,fontSize:`12px`,cursor:`pointer`,transition:`border-color 120ms ease, background 120ms ease`}),e.addEventListener(`mouseenter`,()=>{t||(e.style.borderColor=AC)}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=t?PC:`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:OC,padding:`3px`}),n.addEventListener(`mouseenter`,()=>{n.style.borderColor=AC}),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:OC,color:MC,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=AC}),e.addEventListener(`mouseleave`,()=>{e.style.borderColor=`transparent`}),e.addEventListener(`focus`,()=>{e.style.boxShadow=`inset 0 0 0 1px ${PC}`}),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=RC(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:jC,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=LC(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 ${kC}`});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 BC=4,VC=4,HC=220,UC=60,WC=(e,t,n)=>Math.min(Math.max(e,t),n);function GC(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 KC(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(HC,Math.max(UC,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-BC-VC),b=o.bottom-a.top,x=Math.max(0,b-v-BC-VC),S=x>=d||x>=y?v+BC:_-BC-d,C=m+VC,w=Math.max(C,m+o.width-VC-c),T=h+VC,E=Math.max(T,h+o.height-VC-d);e.style.left=`${WC(g,C,w)}px`,e.style.top=`${WC(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 qC=`var(--msr-color-ink-50, #f8fafc)`,JC=`var(--msr-color-ink-100, #f1f5f9)`,YC=`var(--msr-color-ink-200, #e2e8f0)`,XC=`var(--msr-color-ink-500, #64748b)`,ZC=`var(--msr-color-ink-700, #334155)`,QC=`var(--msr-content, #0f172a)`,$C=`var(--msr-accent, #0d99ff)`,ew=8,tw=4;function nw(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-ew,o=r.innerHeight-ew,s=Math.max(ew,a-i.width),c=Math.min(Math.max(e.left,ew),s),l=e.bottom+tw,f=e.top-tw-i.height,p=l+i.height<=o||f<ew?Math.min(l,Math.max(ew,o-i.height)):f;u.popup.style.left=`${c}px`,u.popup.style.top=`${Math.max(ew,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?JC:`transparent`,color:e.disabled?XC:QC,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:XC,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?JC:qC)}),t.addEventListener(`mouseleave`,()=>{t.style.background=e.selected?JC:`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 ${YC}`,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 ${$C}`),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:ZC,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 ${$C}`}),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:qC,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=YC}),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 ${XC}`,borderBottom:`1.5px solid ${XC}`,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 rw(e,t){Ox(e,t);let{runtime:n}=Cx(t);nC(e,n),GC(e,n),uS(e,DC(e,n)),YS(e,n),zC(e,n),lC(e,n,t.portalTarget),hS(e,n,t),rC(e,n),nw(e,n),KC(e,n),xx(e,n),jx(e,n),VS(e,n,t.portalTarget),TC(e,n,t.portalTarget)}function iw(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 aw(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 ow(e){return[...e?.querySelectorAll(`iframe[data-mesurer-responsive-frame]`)??[]].flatMap(e=>{let t=Pu(e);return t?iv(t):[]})}var sw=1,cw=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)},lw=(e,t)=>{if(!t)return[];try{let n=e.sessionStorage.getItem(t);if(!n)return[];let r=JSON.parse(n);return r.version!==sw||!Array.isArray(r.annotations)?[]:r.annotations.map(e=>{let t=new Set,n=Array.isArray(e.replies)?e.replies.flatMap(e=>!cw(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`),uw(r)})}catch{return[]}},uw=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},dw=(e,t)=>`${t}-${e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`}`,fw=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 pw(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:lw(r,e),migrated:!1}}catch{return{annotations:[],migrated:!1}}let t=d();if(!t)return{annotations:[],migrated:!1};let n=lw(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=>ov(e,o)||ow(i).includes(e.ownerDocument),D=(e,t)=>t.viewport?e.getRootNode()===aw(i,t):!av(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 iv(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:sw,annotations:m.map(uw)}))}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?aw(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=aw(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([...iv(o),...ow(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&&av(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()}),H=t.subscribe(A),U=()=>({guides:t.current.guides,measurements:t.current.measurements,activeMeasurement:t.current.activeMeasurement,distances:t.current.heldDistances}),ee=e=>dc({...e,workspace:U(),guideTolerance:10}),W=(e,t)=>({id:`target-${t+1}`,selector:hu(e),fingerprint:gu(e),lastRect:qu(e),...iw(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(),uw(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:dw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`region`,rect:a},baseline:ee({targets:[],region:a})})},ie=e=>{let n=e.trim();if(!n)throw Error(`Annotation note cannot be empty.`);let i=fw(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:dw(r,`annotation`),note:n,createdAt:Date.now(),anchor:{kind:`elements`,targets:o,region:a},baseline:ee({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(uw)}},elementRect(e){return qu(e)},targetScope:iw,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:fw(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(uw)},annotation(e){let t=m.find(t=>t.id===e);if(!t)return null;let n=uw(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:dw(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(),H(),r.removeEventListener(`mesurer:responsive-stage-change`,B),i?.removeEventListener(`scroll`,P,!0),ae(),v.clear(),y.clear(),m.length=0,g.clear())}}}var mw=[`select`,`xray`,`color-picker`,`rulers`,`responsive`,`text-inspector`,`guides`,`settings`],hw=`mesurer-plugin-settings`,gw=e=>(e.startsWith(`mesurer.`)?e.slice(8):e).split(/[.-]/g).filter(Boolean).map(e=>e[0]?.toUpperCase()+e.slice(1)).join(` `)||e,_w=e=>`create`in e&&typeof e.create==`function`,vw=e=>e===`select`||e===`xray`||e===`color-picker`||e===`rulers`||e===`responsive`||e===`text-inspector`||e===`guides`||e===`distance`||e===`settings`,yw=e=>`builtin.${e}`,bw=(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},xw=({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 Sw(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(()=>ex([],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:gw(f.id),order:-100,enabled:!0,create:()=>f});for(let[e,t]of s.entries()){if(_w(t)){u.set(t.id,{...t,label:t.label??gw(t.id),order:t.order??1e3+e});continue}let n=a(t);u.set(n.id,{id:n.id,label:gw(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!==yw(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||!vw(e.builtin)||e.command!==yw(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??gw(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===Vy))),I=()=>{C();let e=[];for(let t of mw)(!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(`
|
|
2437
|
+
`)},{editModeTool:L,executeTool:R,leaveEditMode:z,runTool:B}=xw({host:n,getBuiltinController:()=>b,getModel:()=>y,arrangeActive:j,isBuiltinPluginId:vw,onPluginError:e.onPluginError}),V=e=>{D()&&[`arrange`,`edit`,`rulers`].includes(e)&&O(!1)},H=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)}},U=(e,t)=>{V(e.id),B(e,t)},ee=U,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=>pw({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`:hw,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);vw(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`){H();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 H(),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),Gy(e),rx(e,t),rw(e,t);for(let t of mw)e.command.register(yw(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(),ee(n,`toolbar-mode-shortcut`);return}if(t===`2`&&n&&!n.disabled?.()&&!n.active?.()){e.preventDefault(),e.stopImmediatePropagation(),ee(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(),ee(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?.()&&bw(e,t.shortcut));if(a){e.preventDefault(),e.stopImmediatePropagation(),U(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(g_,{runtime:{plugins:P,generalSections:F,version:()=>i,setEnabled:(e,t)=>x(e,t),update:ne,reset:async()=>{await S()}},get children(){return Y(Wv,{value:e=>{y=e},get children(){return Y(zy,nc(e,{get pluginTools(){return N()},onPluginTool:e=>{U(e)},onPluginToolMenuItem:W,isBuiltinActionDisabled:M,onBuiltinController:e=>{b=e},get responsiveOpen(){return D()},responsiveShortcutsEnabled:()=>y?.current.settings.shortcutsEnabled!==!1,onResponsiveClose:()=>O(!1),onResponsiveToggle:()=>{H()},editSelectionHover:j}))}})}})}var Cw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),ww=(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),Tw=(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},Ew=(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 Dw(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=Tw(n.rect,t,r,a,u);for(let t of Ew(v,d,l)){let n=u?{left:Cw(t.left,s,f),top:Cw(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=>!ww(t,e,o))&&c.every(e=>!ww(t,e,i))}),b=y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!ww(t,e,i))})??y.find(e=>{let t={...e,width:r,height:r};return m.every(e=>!ww(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 Ow(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(th,{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 kw(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 Aw(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(zm,{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(kw,{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(Ow,{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 jw=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n)),Mw=`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`,Nw=0,Pw=e=>e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0&&e!==`none`),Fw=e=>{let t=e.ownerDocument.defaultView?.HTMLElement;return!!(t&&e instanceof t)},Iw=(e,t)=>{let n=e.style.getPropertyValue(`anchor-name`),r=e.style.getPropertyPriority(`anchor-name`),i=Pw(n);i.includes(t)||e.style.setProperty(`anchor-name`,[...i,t].join(`, `),r);let a=!1;return()=>{if(a)return;a=!0;let i=Pw(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`)}},Lw=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}},Rw=(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:jw(e.left+e.width-t,8,a),top:jw(e.top,8,o)}},zw=(e,t,n,r,i=8)=>{let a=r.innerWidth-t-8,o=jw(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}:Rw(e,t,n,r,i)};function Bw(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-${++Nw}`,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,H=null,U=null,ee=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=ee.get(e);t&&(t.scroll.release(),t.releaseAnchor?.(),ee.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&&!av(e.ownerDocument))?.element??null},xe=e=>!!(Fw(e)&&se()&&N&&me()&&e.getRootNode()===N.getRootNode()),Se=e=>{let t=be(e),n=ee.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&&Fw(t)){let n=`--mesurer-annotation-${++Nw}`;ee.set(e,{target:t,anchorName:n,releaseAnchor:Iw(t,n),scroll:tm(a,t,()=>ve(e),{trackWindow:!1})})}else ee.set(e,{target:t,anchorName:null,releaseAnchor:null,scroll:tm(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 ee.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 ee.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=>!!(Fw(e)&&se()&&N&&e!==O&&me()&&e.getRootNode()===N.getRootNode()),Oe=()=>{let e=he();if(e&&av(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-${++Nw}`;if(Ee(),!e?.isConnected)return;R=e;let a=e.ownerDocument.defaultView;if(a){if(n&&Fw(e)){B=Iw(e,i),z=e,D=i,V=tm(a,e,_e,{trackWindow:!1});return}D=i,V=tm(a,e,_e,{trackWindow:se()})}},ke=e=>{if(H?.disconnect(),H=null,!e?.isConnected)return;let t=e.ownerDocument.defaultView;t&&(H=new t.ResizeObserver(()=>{i(e=>e+1)}),H.observe(e))},Ae=()=>{let e=W();U!==e&&(U?.removeEventListener(`resize`,je),U=e,U.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&&av(r.ownerDocument))&&je(),n(e=>e+1),Te()}));Oe(),W().queueMicrotask(Ce),Dn(()=>{H?.disconnect(),H=null,fe(),U?.removeEventListener(`resize`,je),U=null,Re?.disconnect(),Ee();for(let e of ee.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(()=>Lw(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]=Dw([{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??jw(n.left+n.width+6,4,i.innerWidth-24-4),c=o?.top??jw(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(Dw(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=ee.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?zw(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 Rw(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:jw(e.left,8,a),top:jw(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??Rw(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:jw(r.originLeft+t.clientX-r.startX,8,i),top:jw(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(eh,{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(th,{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($m,{size:14})),Q(O,Y(Rm,{size:14,get resolved(){return t().status===`resolved`}})),Z(k,A),ic(()=>e=>{s=e},A),Q(A,Y(nh,{size:14})),Q(k,Y(K,{get when(){return l()&&a},get children(){return Y(kw,{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(rh,{size:14})),Q(h,Y(Aw,{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:`${Mw} ${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 Vw(e){let t=null;return Dn(Hv(e.ownerWindow,()=>{t?.abandonNoteComposer()})),Y(Bw,{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 Hw={border:`0`,borderRadius:`5px`,background:`transparent`,color:`var(--msr-content)`,cursor:`pointer`,font:`inherit`};function Uw(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(eh,{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(rh,{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:{...Hw,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:{...Hw,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 Ww=`2147482950`,Gw=`2147483646`,Kw=`2147483647`;function qw(e){let{ownerDocument:t,ownerWindow:n,pageTarget:r}=e,i=t.body;if(!(i&&!(r instanceof n.ShadowRoot)&&r.getRootNode()===t))return e.createInspectorMount();_f(vf,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=`
|
|
2319
2438
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
|
|
2320
2439
|
position: absolute !important;
|
|
2321
|
-
z-index: ${
|
|
2440
|
+
z-index: ${Ww} !important;
|
|
2322
2441
|
}
|
|
2323
2442
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
|
|
2324
2443
|
position: absolute !important;
|
|
2325
|
-
z-index: ${
|
|
2444
|
+
z-index: ${Gw} !important;
|
|
2326
2445
|
}
|
|
2327
2446
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
|
|
2328
2447
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
|
|
2329
2448
|
[data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
|
|
2330
2449
|
position: absolute !important;
|
|
2331
|
-
z-index: ${
|
|
2450
|
+
z-index: ${Kw} !important;
|
|
2332
2451
|
}
|
|
2333
|
-
`,t.head.append(s),i.append(a);let c=!1;return{element:a,dispose(){c||(c=!0,o(),s.remove(),a.remove())}}}var Ww=e=>`color-mix(in srgb, ${e.color} ${e.opacity*100}%, transparent)`,Gw=e=>e===`max`?`end`:e===`center`?`center`:`start`,Kw=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=Gw(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 qw(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":Ww(e)}),(e,n)=>{$(t,`style`,e,n)}),t})()})),q(()=>({e:e.id,t:e.kind,a:Kw(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, ${Ww(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Ww(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 Jw=`#FF0000`,Yw=.1,Xw=new Set([`columns`,`rows`,`grid`]),Zw=new Set([`stretch`,`min`,`center`,`max`]),Qw=(e,t,n)=>Math.min(n,Math.max(t,e)),$w=(e,t)=>e!==void 0&&Number.isFinite(e)?e:t,eT=(e={})=>{let t=e.kind&&Xw.has(e.kind)?e.kind:`columns`,n=e.align&&Zw.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:Qw($w(e.opacity,Yw),0,1),count:Qw(Math.round($w(e.count,5)),1,24),size:Qw($w(e.size,72),1,4096),gutter:Qw($w(e.gutter,20),0,800),offset:Qw($w(e.offset,0),0,4096),align:n}},tT=e=>(e??[]).map(eT),nT=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)`},rT=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})(),iT=e=>e.kind===`rows`?Y(Km,{size:14}):e.kind===`grid`?Y(Wm,{size:14}):Y(Gm,{size:14}),aT=`msr:grid-cols-[78px_minmax(0,1fr)]`,oT=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:Jg,onPointerDown:e=>e.stopPropagation(),onChange:t=>e.onChange(t.currentTarget.value)});return Z(t,n),Q(n,()=>e.children),Q(t,Y(Yg,{}),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(Xg,{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}})},lT=e=>e===`rows`||e===`grid`?e:`columns`,uT=e=>e===`min`||e===`center`||e===`max`?e:`stretch`,dT=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=lT(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(rT,{})),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(oT,{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(Zg,{label:`Color`,columns:aT,get value(){return Nc({...jc(e.guide.color)??jc(`#FF0000`),alpha:e.guide.opacity})},fallback:Jw,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(oT,{label:`Type`,get children(){return Y(sT,{label:`Alignment`,get value(){return e.guide.align},onChange:t=>e.onUpdate({align:uT(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(oT,{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(oT,{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(oT,{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 fT(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(qm,{})),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(iT,{get kind(){return t.kind}})),Q(o,()=>nT(t)),Q(i,Y(Im,{size:8,class:`msr:block msr:-rotate-90 msr:text-ink-400`}),null),Q(s,(()=>{var e=J(()=>!!t.visible);return()=>e()?Y(Jm,{}):Y(Ym,{})})()),Q(c,Y(Rm,{size:10,class:`msr:block`})),q(()=>({e:t.visible?`Hide ${nT(t)}`:`Show ${nT(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 ${nT(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(dT,{get guide(){return t()},get ownerWindow(){return e.ownerWindow},onBack:()=>n(null),onUpdate:n=>e.onUpdate(t().id,n)})})),i}var pT=`mesurer.layout-guides`,mT=`layout-guides:v1`,hT=`mesurer.layout-guides.pages`,gT=`mesurer.layout-guides.active`,_T=`runtime:solid`,vT=`layout-guides.toggle`,yT=`layout-guides.add`,bT=`layout-guides.update`,xT=`layout-guides.remove`,ST=`layout-guides.clear`,CT=240,wT=8,TT=8,ET=()=>({pages:{}}),DT=(e,t)=>e.pages[t]??[],OT=e=>typeof e==`object`&&!!e&&!Array.isArray(e),kT=e=>typeof e==`string`,AT=e=>typeof e==`boolean`,jT=e=>typeof e==`number`,MT=e=>e===`columns`||e===`rows`||e===`grid`,NT=e=>e===`stretch`||e===`min`||e===`center`||e===`max`,PT=e=>({...e}),FT=e=>e.map(PT),IT=e=>OT(e)?e:null,LT=e=>{if(!e)return{};let t={};return kT(e.id)&&(t.id=e.id),MT(e.kind)&&(t.kind=e.kind),AT(e.visible)&&(t.visible=e.visible),kT(e.color)&&(t.color=e.color),jT(e.opacity)&&(t.opacity=e.opacity),jT(e.count)&&(t.count=e.count),jT(e.size)&&(t.size=e.size),jT(e.gutter)&&(t.gutter=e.gutter),jT(e.offset)&&(t.offset=e.offset),NT(e.align)&&(t.align=e.align),t},RT=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},zT={viewBox:`0 0 256 256`,paths:[`M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z`,`M101 56h8v144h-8zM147 56h8v144h-8z`]},BT=()=>wc({id:pT,version:`0.1.0`,requires:[_T],provides:[mT,`tool:layout-guides`],setup(e){let t=e.service.get(_T);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:hT,initial:ET(),history:!0,persist:!0}),e.state.register({id:gT,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`)??ET(),u=()=>e.state.get(`mesurer.layout-guides.active`)??!1,d=()=>tT(DT(l(),r)),f=()=>(a(),u()?d():[]),p=t=>{e.state.update(gT,()=>t)},m=t=>{e.state.update(hT,e=>({...e,pages:{...e.pages,[r]:FT(t(tT(e.pages[r])))}}))};e.command.register(vT,()=>{let e=!u();return e&&d().length===0&&m(()=>[eT()]),i=e,p(e),u()}),e.command.register(yT,e=>{let t=eT(LT(IT(e)));return m(e=>[...e,t]),{...t}}),e.command.register(bT,e=>{let t=IT(e),n=t&&kT(t.id)?t.id:null,r=LT(IT(t?.patch));if(!n)throw Error(`layout-guides.update requires a guide id.`);m(e=>e.map(e=>e.id===n?eT({...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(xT,e=>{let t=IT(e),n=t&&kT(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(ST,()=>{m(()=>[])});let h=async(t,n)=>{let r=IT(await e.command.execute(t,n));if(!r)throw Error(`${t} did not return a layout guide.`);return eT(LT(r))},g={list:()=>d().map(e=>({...e})),add:(e={})=>h(yT,RT(e)),update:(e,t)=>h(bT,{id:e,patch:RT(t)}),async remove(t){return await e.command.execute(xT,{id:t})===!0},async clear(){await e.command.execute(ST)},subscribe(e){s.add(e);let t=!1;return()=>{t||(t=!0,s.delete(e))}}};e.service.provide(mT,g),e.tool.register({id:`layout-guides`,label:`Layout guides`,shortcut:`L`,command:vT,order:38,toolbarMode:`always`,compactPinned:!0,icon:zT,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(qw,{get guides(){return f()}}),_),y=t.createInspectorMount();y.element.dataset.mesurerLayoutGuidesPanelRoot=`true`,Object.assign(y.element.style,{position:`fixed`,left:`0`,top:`0`,width:`${CT}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(TT,n.right-CT),Math.max(TT,t.ownerWindow.innerWidth-CT-TT)),a=t.ownerWindow.innerHeight-n.bottom-wT-TT,o=Math.min(320,t.ownerWindow.innerHeight-16),s=a>=Math.min(o,320)?n.bottom+wT:Math.max(TT,n.top-wT-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(fT,{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()})}}),VT=`mesurer:recording-bridge-ping`,HT=`mesurer:recording-bridge-request`,UT=`mesurer:recording-bridge-response`,WT=`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`,GT=.01,KT=e=>({width:e.innerWidth,height:e.innerHeight}),qT=(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)<=GT*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}},JT=(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},YT=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},XT=(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)}),ZT=e=>e.location.origin===`null`?`*`:e.location.origin,QT=(e,t,n=``)=>`${e}:${t}:${n}`,$T=(e,t,n)=>{let r=`${t}:${n}:`;return e.startsWith(r)?e.slice(r.length):null},eE=e=>e.crypto?.randomUUID?.()??`mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`,tE=e=>new Promise(t=>{let n=eE(e),r=e.location.origin,i=o=>{o.source===e&&o.origin===r&&$T(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(QT(VT,n),ZT(e))}),nE=e=>new Promise(t=>{let n=eE(e),r=e.location.origin,i=o=>{if(o.source!==e||o.origin!==r)return;let s=$T(String(o.data??``),UT,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(QT(HT,n),ZT(e))}),rE=e=>e.__MESURER_RECORDING_HOST__?.captureRecordingStream??e.__MESURER_HOST__?.captureRecordingStream,iE=async(e,t)=>{let n=rE(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})},aE=async(e,t)=>{if(!e.isSecureContext||!await tE(e))return null;let n=await nE(e);if(!n)return null;let r={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:n}};return t.getUserMedia({audio:!1,video:r})},oE=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(rE(e))return oE(await iE(e,n),t);try{let r=await aE(e,n);if(r)return oE(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 oE(await n.getDisplayMedia(i),t)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)throw e;return oE(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=WT,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=JT(e,n),s=!1;try{s=await YT(a,r)}catch{s=!1}s||r.remove(),await XT(o,t);let c=t.devicePixelRatio||1,l=qT(n,o.videoWidth,o.videoHeight,KT(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=WT,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 lE(f,n,KT(t)),f}catch(e){throw o.pause(),o.srcObject=null,o.remove(),i.getTracks().forEach(e=>e.stop()),e}},lE=(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=qT(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)},uE=e=>{e.source.pause(),e.source.srcObject=null,e.stream.getTracks().forEach(e=>e.stop()),e.cropTarget?.remove(),e.canvas.remove(),e.source.remove()},dE={webm:`video/webm`,mp4:`video/mp4`},fE=[`vp9`,`vp8`],pE=[`avc`],mE=t=>new e.Quality(t),hE=(e,t)=>Number.isFinite(e)&&e>0?e:t,gE=(e,t,n)=>{let r=Math.max(2,Math.round(hE(e,2))),i=Math.max(2,Math.round(hE(t,2)));return n===`mp4`&&(r%2!=0&&(r+=1),i%2!=0&&(i+=1)),{width:r,height:i}},_E=(e,t={})=>{let n=Math.max(.001,hE(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`}},vE=e=>e===`webm`?fE:pE,yE=async(t,n,r,i,a=`medium`)=>{let o=gE(n,r,t),s=mE(a);for(let n of vE(t))if(await(0,e.canEncodeVideo)(n,{width:o.width,height:o.height,frameRate:i,quality:s}))return n;return null},bE=async(e,t,n=30)=>{let r=[];return await yE(`webm`,e,t,n)&&r.push(`webm`),await yE(`mp4`,e,t,n)&&r.push(`mp4`),r},xE=t=>t===`webm`?new e.WebMOutputFormat:new e.Mp4OutputFormat,SE=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 yE(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:xE(r),target:l}),d=new e.CanvasSource(t,{codec:c,quality:mE(a)});u.addVideoTrack(d,{frameRate:i}),await u.start();let f=!1,p=-1;return{format:r,mimeType:dE[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:dE[r]})},async cancel(){if(!f){f=!0,d.close();try{await u.cancel()}catch{}}}}},CE=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()}},wE=async(t,n={})=>{let r=await CE(t),i=_E(r,n),a=gE(r.width*i.scale,r.height*i.scale,i.format),o=await yE(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:xE(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:mE(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:dE[i.format]}),r=await CE(n);return{blob:n,format:i.format,duration:r.duration,width:r.width,height:r.height}}finally{s.dispose()}},TE=(e,t=new Date)=>`mesurer-recording-${t.toISOString().replace(/[:.]/g,`-`)}.${e}`,EE=10,DE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},OE=(e,t,n)=>{let r=e.createElement(`button`);return r.type=`button`,r.setAttribute(`aria-label`,t),r.title=t,r.textContent=n,DE(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},kE=(e,t)=>{let n=e.createElement(`button`);n.type=`button`,n.setAttribute(`role`,`menuitemradio`),DE(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}},AE=({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,DE(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`);DE(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`,DE(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…`,DE(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=OE(e,`Close`,`×`);o.dataset.mesurerRecordingDiscard=`true`,DE(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`);DE(s,{display:`flex`,height:`28px`,"align-items":`center`,gap:`8px`,"margin-top":`8px`}),n.append(s);let c=OE(e,`Play`,`▶`);c.dataset.mesurerRecordingPlay=`true`,s.append(c);let l=e.createElement(`span`);l.dataset.mesurerRecordingCurrentTime=`true`,l.textContent=`0:00.00`,DE(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`,DE(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`,DE(d,{position:`absolute`,left:`${EE}px`,right:`${EE}px`,top:`0`,bottom:`0`}),u.append(d);let f=e.createElement(`div`);f.dataset.mesurerRecordingTimelineRail=`true`,DE(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`,DE(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`);DE(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`,DE(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`),DE(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`),DE(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`,DE(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`);DE(b,{position:`relative`,display:`flex`,height:`20px`,"align-items":`center`}),s.append(b);let x=OE(e,`Export options`,`1×`);x.dataset.mesurerRecordingExportOptions=`true`,x.setAttribute(`aria-haspopup`,`menu`),x.setAttribute(`aria-expanded`,`false`),DE(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`),DE(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`,DE(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`,DE(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=kE(e,`${t}×`);return n.button.dataset.mesurerRecordingScale=String(t),E.append(n.button),{scale:t,...n}}),O=OE(e,`Download`,`↓`);O.dataset.mesurerRecordingExport=`true`,s.append(O);let k=OE(e,`Grow preview`,`↗`);k.dataset.mesurerRecordingExpand=`true`,s.append(k);let A=e.createElement(`p`);return A.dataset.mesurerRecordingPreviewStatus=`true`,A.setAttribute(`role`,`status`),DE(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}},jE=8,ME=8,NE=.05,PE=200,FE=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`)}`},IE=(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)},LE=({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}=AE({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,H=e=>{let t=k?.duration??0;return t<=0?0:Math.min(1,Math.max(0,e/t))},U=()=>({start:L,end:R}),ee=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=H(L)*100,r=H(R)*100;v.style.left=`${n}%`,y.style.left=`${r}%`,h.style.left=`${n}%`,h.style.width=`${Math.max(0,r-n)}%`,_.style.left=`${H(t)*100}%`,v.setAttribute(`aria-valuemax`,String(Math.max(0,R-NE))),v.setAttribute(`aria-valuenow`,String(L)),v.setAttribute(`aria-valuetext`,FE(L)),y.setAttribute(`aria-valuemin`,String(Math.min(e,L+NE))),y.setAttribute(`aria-valuemax`,String(e)),y.setAttribute(`aria-valuenow`,String(R)),y.setAttribute(`aria-valuetext`,FE(R)),f.textContent=FE(t),b.textContent=FE(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-NE)),(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+NE)),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=kE(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-jE,i=t.innerHeight-e.bottom-jE;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-jE-e/2,a=jE+e/2,s=Math.max(a,t.innerWidth-jE-e/2),c=Math.min(Math.max(a,i),s),l=r?r.bottom+ME:jE;l+n>t.innerHeight-jE&&(l=r?r.top-n-ME:t.innerHeight-n-jE),o.style.left=`${c}px`,o.style.top=`${Math.max(jE,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:PE,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=ee(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=`${H(ee(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}=U();ce(!0),se(!1),O.style.display=`none`,a({format:F,startTime:r,endTime:i,scale:I}).then(r=>{n===N&&IE(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=FE(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()}}},RE=3e3,zE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},BE=({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`),zE(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`,zE(t,{position:`fixed`,background:`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(t),t}),m=e.createElement(`div`);m.dataset.mesurerRecordingMask=`true`,zE(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`,zE(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`);zE(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`,zE(_,{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`),zE(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`);zE(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 zE(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`,zE(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`,zE(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`,zE(j,{position:`absolute`,inset:`0`,display:`none`,"pointer-events":`none`}),h.append(j);let M=t=>{let n=e.createElement(`div`);zE(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}`),zE(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`),zE(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`),zE(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`,zE(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`),zE(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`),zE(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,H=null,U=0,ee=()=>{z=null,B=null,V=!1,H=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=>{ee();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=()=>{ee(),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=>{U&&t.clearTimeout(U);let n=e instanceof Error?e.message:`Could not record this region.`;R.textContent=n,R.style.display=`block`,U=t.setTimeout(()=>{U=0,R.style.display=`none`},RE)},de=(e,t,n)=>{let r=B;!V||!r||e.button!==0||(e.preventDefault(),e.stopPropagation(),H={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(H){let n=H,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(H){H=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,H=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:()=>{ee(),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),U&&t.clearTimeout(U),se()}}},VE=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`))}}},HE=`mesurer.recording`,UE=`recording:v1`,WE=`mesurer.recording.settings`,GE=`runtime:solid`,KE=`recording.toggle`,qE=`recording.stop`,JE=`recording.discard`,YE=`recording.export`,XE=60,ZE=60,QE={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`]},$E=e=>e?{...e}:null,eD=e=>({...e,rect:$E(e.rect)}),tD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},nD=e=>e!=null&&!Array.isArray(e)&&typeof e==`object`,rD=e=>typeof e==`number`&&Number.isFinite(e),iD=e=>{if(!nD(e))return{};let t={};return(e.format===`webm`||e.format===`mp4`)&&(t.format=e.format),rD(e.startTime)&&(t.startTime=e.startTime),rD(e.endTime)&&(t.endTime=e.endTime),(e.scale===1||e.scale===2||e.scale===3)&&(t.scale=e.scale),t},aD=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}),oD=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)},lD=(e={})=>wc({id:HE,version:`0.1.0`,requires:[GE],provides:[`tool:recording`,UE],setup(t){let n=t.service.get(GE);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=VE(l);o.dataset.mesurerRecording=`true`,c.dataset.mesurerRecordingStatusRoot=`true`,tD(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`}),tD(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??ZE)),f=e.quality??`medium`;t.state.register({id:WE,initial:{toolEnabled:e.toolEnabled??!0,frameRate:e.frameRate??XE},persist:!0});let p=()=>{let e=t.state.get(WE);return{toolEnabled:e?.toolEnabled??!0,frameRate:e?.frameRate===120?120:60}},m=e=>{t.state.update(WE,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=eD(h);for(let t of g)t(e)},j=e=>{h={...h,...e,rect:e.rect===void 0?h.rect:$E(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&&uE(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 bE(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 wE(n.blob,e),i={...r,filename:TE(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=LE({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=$E(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,uE(r),T!==e||O)throw Error(`Recording was cancelled.`);let l=await CE(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&&(lE(e,h.rect??{left:0,top:0,width:i.innerWidth,height:i.innerHeight},KT(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)},H=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){uE(s);return}let c=await SE(s.canvas,{format:`webm`,frameRate:a,quality:f});if(O||T!==n){await c.cancel(),uE(s);return}if(v=s,y=c,E=i.performance.now(),D=0,lE(s,e,KT(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}},U=()=>{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}))},ee=async e=>{if(h.status===`recording`){await B();return}if(h.status===`selecting`){await W();return}if(!e){U();return}if(e.width<4||e.height<4)throw Error(`Recording selection must be at least 4px by 4px.`);await H(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=BE({ownerDocument:r,ownerWindow:i,root:o,statusRoot:c,rendererRoot:l,isSelecting:()=>h.status===`selecting`,isRecording:()=>h.status===`recording`,onRectChange:e=>j({rect:e}),onConfirm:H,onCancel:W,onStop:async()=>{await B()},setRecordingInteractionActive:u.setActive});let te={snapshot:()=>eD(h),subscribe(e){return g.add(e),()=>g.delete(e)},settings:p,setSettings:m,formats:L,start:ee,stop:B,cancel:W,discard:I,export:R};t.tool.register({id:`recording`,label:`Record`,shortcut:`Shift+R`,order:72,command:KE,toolbarMode:`select`,compactPinned:!0,icon:QE,active:M,hidden:()=>!p().toolEnabled,menu:{label:`Recording options`,items:[{id:`new`,label:`New recording`,disabled:()=>h.status===`recording`||h.status===`exporting`,run:()=>ee()},{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(KE,async()=>(await ee(),aD(h))),t.command.register(qE,async()=>sD(await B())),t.command.register(JE,()=>(I(),aD(h))),t.command.register(YE,async e=>{let t=await R(iD(e));return cD(t,r,i),oD(t)}),t.service.provide(UE,te),t.lifecycle.onDispose(()=>{O=!0,++T,g.clear(),z.dispose(),x.dispose(),P(),F(!0),s.dispose(),a.dispose()})}}),uD=144,dD=96,fD=8,pD=4,mD=1800,hD=200,gD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},_D=(e,t)=>({left:Math.min(Math.max(fD,e.left),Math.max(fD,t.innerWidth-uD-fD)),top:Math.min(Math.max(fD,e.top),Math.max(fD,t.innerHeight-dD-fD))}),vD=(e,t)=>{let n=e.createElement(`button`);return n.type=`button`,n.textContent=t,gD(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},yD=({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`,bD=e=>e!==null&&(e.nodeType===1||e.nodeType===11),xD=({ownerDocument:e,ownerWindow:t,root:n,previewDurationMs:r})=>{let i=n.closest(`[data-mesurer-root='true']`)??n.parentNode;if(!bD(i))throw Error(`Screenshot preview requires a mounted Mesurer host.`);let a=e.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerScreenshotInteractive=`true`,gD(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,gD(o,{position:`fixed`,display:`none`,"z-index":`96`,width:`${uD}px`,height:`${dD}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`,gD(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`,gD(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`),gD(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`,gD(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`,gD(p,{position:`fixed`,top:`16px`,right:`16px`,display:`flex`,gap:`8px`,"pointer-events":`auto`});let m=vD(e,`Copy`);m.dataset.mesurerScreenshotViewerCopy=`true`,m.setAttribute(`aria-label`,`Copy screenshot`);let h=vD(e,`Save`);h.dataset.mesurerScreenshotViewerSave=`true`,h.setAttribute(`aria-label`,`Save screenshot`);let g=vD(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`),gD(_,{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`},mD)},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+fD);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:hD,easing:`ease`,fill:`forwards`});w=r,r.finished.catch(()=>void 0).then(()=>{w===r&&(r.cancel(),w=null,j())})},N=()=>_D({left:t.innerWidth-uD-fD,top:t.innerHeight-dD-fD},t),P=e=>{let n=_D(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)>=pD&&(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`)},H=e=>{e.button!==0||!R(e.clientX,e.clientY,null)||e.preventDefault()},U=e=>{x?.pointerId===null&&z(e.clientX,e.clientY)},ee=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`,H),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`,U,!0),t.addEventListener(`mouseup`,ee,!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(yD(n)),r>0&&(S=t.setTimeout(j,r))},dismiss:j,dispose(){T||(T=!0,E(),D(),j(),t.removeEventListener(`mousemove`,U,!0),t.removeEventListener(`mouseup`,ee,!0),t.removeEventListener(`pointermove`,te,!0),t.removeEventListener(`pointerup`,ne,!0),t.removeEventListener(`pointercancel`,re,!0),t.removeEventListener(`keydown`,se,!0),o.removeEventListener(`mousedown`,H),o.removeEventListener(`pointerdown`,W),o.removeEventListener(`keydown`,ie),o.removeEventListener(`contextmenu`,ae),d.removeEventListener(`click`,oe),a.remove())}}},SD=`mesurer.screenshot`,CD=`screenshot`,wD=`mesurer.screenshot.settings`,TD=`mesurer.screenshot.active`,ED=`runtime:solid`,DD=`screenshot.toggle`,OD=2500,kD=0,AD=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-selection-spacing-target='true']`,`[data-mesurer-guide='true']`,`[data-mesurer-distance='true']`].join(`,`),jD=`${AD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`,MD={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`]},ND=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},PD=(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`)}},FD=e=>{let t=e(wD);return{toolEnabled:t?.toolEnabled??!0,copy:t?.copy??!0,download:t?.download??!1,includeMeasurements:t?.includeMeasurements??!1}},ID=e=>({value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),LD=(e,t)=>{t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`)},RD=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},zD=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=RD(e,t);r&&n.add(r)}for(let e of t.querySelectorAll(AD)){let r=RD(e,t);r&&n.add(r)}let r=[];for(let e of n)e.dataset.mesurerInspectorUi!==`true`&&(r.push({element:e,display:ID(e)}),e.style.setProperty(`display`,`none`,`important`));return()=>{for(let e of r)LD(e.element,e.display)}},BD=e=>Array.from(e.querySelectorAll(jD)).filter(e=>e.dataset.mesurerInspectorUi===`true`).map(e=>({element:e,display:ID(e)})),VD=e=>{for(let t of e)t.element.isConnected&&LD(t.element,t.display)},HD=(e={})=>wc({id:SD,version:`0.1.0`,requires:[ED],provides:[`tool:screenshot`,`capture:screenshot`,`settings:screenshot`],setup(t){let n=t.service.get(ED);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??kD;t.state.register({id:wD,initial:{toolEnabled:e.toolEnabled??!0,copy:e.copy??!0,download:e.download??!1,includeMeasurements:e.includeMeasurements??!1},persist:!0}),t.state.register({id:TD,initial:!1});let u=o.element;u.dataset.mesurerScreenshot=`true`,ND(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`),ND(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 ND(e,{position:`fixed`,"background-color":`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),d.append(e),e}),p=r.createElement(`div`);ND(p,{position:`fixed`,display:`none`,border:`1px solid #0d99ff`,"box-sizing":`border-box`,"pointer-events":`none`}),d.append(p);let m=r.createElement(`div`);ND(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`,ND(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`,ND(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=()=>FD(t.state.get),E=e=>{t.state.update(wD,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){PD(f[0],{left:0,top:0,width:t,height:n});for(let e of f.slice(1))PD(e,{left:0,top:0,width:0,height:0});p.style.display=`none`,m.style.display=`none`;return}PD(f[0],{left:0,top:0,width:t,height:e.top}),PD(f[1],{left:0,top:e.top,width:e.left,height:e.height}),PD(f[2],{left:e.left+e.width,top:e.top,width:Math.max(0,t-e.left-e.width),height:e.height}),PD(f[3],{left:0,top:e.top+e.height,width:t,height:Math.max(0,n-e.top-e.height)}),p.style.display=`block`,PD(p,e),m.style.display=`block`,m.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,PD(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=xD({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`},OD)},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?BD(r):[],u=s.includeMeasurements?()=>void 0:zD(n.portalTarget);a.prepareCapture(),s.includeMeasurements&&VD(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()})},H=e=>{_=null,d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId),A(null)},U=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`,H),i.addEventListener(`keydown`,U,!0);let ee={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:DD,toolbarMode:`select`,compactPinned:!0,icon:MD,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(DD,R),t.service.provide(CD,ee),t.lifecycle.onDispose(()=>{C=!0,b+=1,d.removeEventListener(`pointerdown`,z),d.removeEventListener(`pointermove`,B),d.removeEventListener(`pointerup`,V),d.removeEventListener(`pointercancel`,H),i.removeEventListener(`keydown`,U,!0),y&&i.clearTimeout(y),M.dispose(),k(),yl(i),a.finishCapture(),a.dispose(),o.dispose()})}}),UD=e=>Number.parseFloat(e)||0,WD=0,GD=(e,t)=>{let n=t.CSS;return n?.escape?n.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`)},KD=e=>e.nodeType===9,qD=e=>e.nodeType===11;function JD(e){let t=e.getRootNode();return qD(t)?t:e.ownerDocument}var YD=(e,t)=>{if(KD(e)||qD(e))return e;let n=JD(e);return qD(n)?n:t},XD=600,ZD=`audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video`,QD=new WeakMap,$D=e=>{let t=e;for(;t;){if((QD.get(t)??0)>0)return!0;let e=t.getRootNode();t=qD(e)?e.host:t.parentElement}return!1},eO=(e,t)=>t.x>=e.left&&t.x<=e.right&&t.y>=e.top&&t.y<=e.bottom,tO=(e,t)=>Array.from(e.getClientRects()).some(e=>eO(e,t)),nO=(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},rO=(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`},iO=(e,t)=>!!e.textContent?.trim()||rO(e,t),aO=(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},oO=(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)||$D(n)||r.getComputedStyle(n).pointerEvents!==`none`||nO(n,e,r)||!tO(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<=XD;){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=aO(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=JD(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},lO=(e,t,n,r)=>{let i=r.defaultView;if(!i)return[];let a=sO(oO(e,t,r).filter(e=>iO(e,i)),e,t);if(a.length>0)return a;if(e.textContent?.trim()&&!e.matches(ZD)||e.matches(`a, button, input, select, textarea, label, summary, [contenteditable='true']`))return[];let o=[],s=new Set,c=!KD(n)&&!qD(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=oO(a,t,r).filter(e=>{if(!dO(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)||!iO(e,i)||(s.add(e),o.push(e));if(a===c)break;l=a.parentElement}return sO(o,e,t)};function uO(e,t,n=KD(t)?t:t.ownerDocument??document){let r=YD(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||!dO(a,t))continue;let o=lO(a,e,t,n);if(o.length>0)return o[0];if(i.getComputedStyle(a).pointerEvents!==`none`)return a}return null}function dO(e,t){if(KD(t))return!0;let n=e;for(;n;){if(t===n||t.contains(n))return!0;let e=n.getRootNode();if(!qD(e))return!1;n=e.host}return!1}function fO(e,t){if(!e)return t();let n=QD.get(e)??0;QD.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?QD.delete(e):QD.set(e,n);for(let[e,t,n]of i)t?e.style.setProperty(`pointer-events`,t,n):e.style.removeProperty(`pointer-events`)}}function pO(e){let t=e.ownerDocument.defaultView??window;if(e.id)return`#${GD(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 mO(e,t,n=`dom-inspection-${++WD}`){let r=e.getBoundingClientRect(),i=t.getComputedStyle(e),a={top:UD(i.paddingTop),right:UD(i.paddingRight),bottom:UD(i.paddingBottom),left:UD(i.paddingLeft)},o={top:UD(i.marginTop),right:UD(i.marginRight),bottom:UD(i.marginBottom),left:UD(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 hO(e){let t=e.ownerDocument.defaultView??window,n=t.getComputedStyle(e),r=e instanceof t.HTMLElement?e:null,i=e.getBoundingClientRect(),a=r?mO(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:pO(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 gO=`text-edit`,_O=e=>hO(e);function vO(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||dO(n,t),a=async()=>{let t=(e.getPluginHost()??await e.waitForPluginHost()).service.get(gO);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?_O(n):null},inspectAll(e,n=50){return[...t.querySelectorAll(e)].slice(0,Math.max(0,n)).map(_O)},at(n,r){let a=t.querySelector?.(`[data-mesurer-island]`)??null;return fO(a?.shadowRoot?.querySelector(`[data-mesurer-root='true']`)??a,()=>{let a=uO({x:n,y:r},t,e.ownerDocument);return a&&i(a)?_O(a):null})},distance(e,t){let n=r(e),i=r(t);if(!n||!i)return null;let a=_O(n),o=_O(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(_O)),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 yO=`0.2.3-beta.13`,bO=Wy,xO=Gy,SO=()=>({...Bb(),version:yO}),CO=xO,wO=(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,TO=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}},EO=(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),DO=e=>[...e.measurements,...e.activeMeasurement&&!e.measurements.some(t=>t.id===e.activeMeasurement?.id)?[e.activeMeasurement]:[]];function OO(e){let{workspace:t,scope:n,guideTolerance:r}=e;if(n.kind===`workspace`)return{guides:t.guides.map(e=>({...e})),measurements:DO(t),distances:[...t.distances]};let i=new Set(n.elements),a=e=>e!=null&&i.has(e),o=e=>n.regions.some(t=>wO(e,t));return{guides:t.guides.filter(e=>EO(e,n.regions,r)).map(e=>({...e})),measurements:DO(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 kO={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},AO={opacity:1,edgeReveal:!1};({...kO}),{...AO};var jO=10,MO=e=>({left:e.left,top:e.top,width:e.width,height:e.height}),NO=e=>{let t=new Set,n=[];for(let r of e)!r?.isConnected||t.has(r)||(t.add(r),n.push(r));return n},PO=e=>e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`;function FO(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=>MO(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=NO(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=NO(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=NO([...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=OO({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??jO}),h=m.measurements,g=m.distances,_=m.guides,v=NO([...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=hO(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:MO(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:MO(e.rectA),rectB:MO(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:PO(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(MO),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 IO=e=>`${Math.round(e*100)/100}px`,LO=e=>`x=${IO(e.left)} y=${IO(e.top)} w=${IO(e.width)} h=${IO(e.height)}`;function RO(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(`
|
|
2334
|
-
`).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}: ${
|
|
2335
|
-
`).trimEnd()}function zO(e){let t=TO([...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 BO=(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`})},VO=(e,t,n,r)=>e.push({kind:`missing`,evidence:t,id:n,label:r}),HO=(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 UO(e){let t=e.runtime.annotation(e.annotationId);if(!t)throw Error(`Mesurer annotation not found: ${e.annotationId}`);let n=FO({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=DO({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){VO(a,`target`,e.id,e.selector);continue}BO(a,`target-rect`,`${t.inspection.selector} left`,e.rect.left,t.inspection.rect.left),BO(a,`target-rect`,`${t.inspection.selector} top`,e.rect.top,t.inspection.rect.top),BO(a,`target-rect`,`${t.inspection.selector} width`,e.rect.width,t.inspection.rect.width),BO(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){VO(a,`guide`,e.id,`${e.orientation} guide ${e.id}`);continue}BO(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=>HO(t.rect,e.rect));r&&n.targets.some(e=>e.ref===r.id)||VO(a,`measurement`,e.id,e.id);continue}BO(a,`measurement`,`${e.id} width`,e.rect.width,r.rect.width),BO(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){VO(a,`distance`,e.id,e.id);continue}e.horizontal&&t.horizontal?BO(a,`distance`,`${e.id} horizontal`,e.horizontal.value,t.horizontal.value):e.horizontal&&!t.horizontal&&VO(a,`distance`,e.id,`${e.id} horizontal`),e.vertical&&t.vertical?BO(a,`distance`,`${e.id} vertical`,e.vertical.value,t.vertical.value):e.vertical&&!t.vertical&&VO(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 WO(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 GO=pT,KO=mT,qO=()=>({...BT(),version:yO}),JO=`mesurer.context`,YO=`context:v1`,XO=`mesurer.context.settings`,ZO=`context.ui`,QO=`context.notes-open`,$O=`data-mesurer-direct-text-edit-active`,ek={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`]},tk={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`]},nk={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`]},rk={viewBox:`0 0 256 256`,paths:[`M40 40h176v16H40zm0 48h176v16H40zm0 48h112v16H40zm0 48h112v16H40zM184 144l40 40-48 48-40-40z`]},ik=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()))},ak=(e,t,n,r)=>{let i=async i=>FO({runtime:e,ownerDocument:t,ownerWindow:n,request:i,layoutGuides:r()}),a=async e=>RO(await i(e));return{context:i,contextText:a,copyContext:async e=>WO(t,n,await a(e)),select:async r=>{let a=Array.isArray(r)?[...r]:[String(r)];return e.select(a),await ik(t,n),i({scope:`selection`})},annotations:async()=>e.annotations(),removeAnnotation:async(r,i)=>{e.removeAnnotation(r,i),await ik(t,n)},review:async i=>{if(await ik(t,n),i)return UO({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:i,layoutGuides:r()});let a=r();return e.annotations().map(r=>UO({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:r.id,layoutGuides:a}))},capturePlan:async e=>zO(await i(e)),prepareCapture:async()=>{e.prepareCapture(),await ik(t,n)},finishCapture:async()=>{e.finishCapture(),await ik(t,n)}}},ok=(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:JO,version:yO,requires:[`runtime:solid`],provides:[YO],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(JO),a=n.createAnnotationRevealCoordinator(i),[o,s]=G(!1);t.state.register({id:QO,initial:!1});let c=e=>{s(e),t.state.get(QO)!==e&&t.state.update(QO,()=>e)},l=()=>t.state.get(QO)??!1,u=ak(i,n.ownerDocument,n.ownerWindow,()=>t.service.get(KO)?.list()??[]);t.service.provide(YO,u),t.state.register({id:XO,initial:{ui:e.ui??!0},persist:!0}),t.state.register({id:ZO,initial:{hasSelection:ok(i,n.rendererRoot)}});let d=()=>t.state.get(`mesurer.context.settings`)?.ui??!0,f=()=>ok(i,n.rendererRoot),p=e=>{e||(c(!1),a.cancel()),t.state.update(XO,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=ok(i,n.rendererRoot);a!==(t.state.get(ZO)?.hasSelection??!1)&&t.state.update(ZO,()=>({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($O)?e.setAttribute($O,`true`):e.removeAttribute($O))},E=()=>{_?.disconnect(),_=null,m=null,h?.(),h=null,g?.dispose(),g=null},D=()=>{if(g)return;if(g=Uw(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:[$O]}),T()}let e={runtime:i,onCopy:u.copyContext,onController:e=>{m=e},get coordinateSpace(){return v()?`viewport`:`document`},rendererRoot:n.rendererRoot};h=ko(()=>[ho(Lw,Za(e,{get ownerWindow(){return n.ownerWindow}})),ho(Zo,{mount:r,get children(){return ho(zw,{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:ek,hidden:()=>!d()}),t.tool.register({id:`context.copy-selection`,label:`Copy selection`,shortcut:`Shift+C`,command:`context.copy-selection`,order:71,toolbarMode:`always`,icon:tk,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:nk,hidden:()=>!d(),disabled:()=>!f()}),t.tool.register({id:`context.notes`,label:`Notes`,command:`context.notes`,order:73,toolbarMode:`always`,compactPinned:!0,icon:rk,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 lk(e){for(let[t,n]of Object.entries(ck))e.style.setProperty(t,n,`important`)}function uk(e){return`popover`in e&&`showPopover`in e&&typeof e.showPopover==`function`&&`hidePopover`in e&&typeof e.hidePopover==`function`}var dk=e=>`newState`in e,fk=e=>e.localName===`dialog`;function pk(e){if(!fk(e)||!e.open)return!1;try{return e.matches(`:modal`)}catch{return!1}}function mk(e,t,n=!0){lk(e);let r=e.ownerDocument,i=r.defaultView??window,a=t,o=!1,s=`fixed`,c=!1,l=0,u=[];if(n&&uk(e)&&(e.popover=`manual`),t.append(e),n&&uk(e))try{e.showPopover(),c=e.matches(`:popover-open`),c&&(s=`top-layer`)}catch{e.removeAttribute(`popover`)}let d=()=>{if(!(!c||!uk(e)))try{e.matches(`:popover-open`)||e.showPopover()}catch{}},f=t=>{if(e.parentNode===t)return;let n=c&&uk(e)&&e.matches(`:popover-open`);if(n&&uk(e))try{e.hidePopover()}catch{}t.append(e),lk(e),n&&d()},p=()=>{u=u.filter(e=>e.isConnected&&pk(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||!uk(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=dk(t)?t.newState:void 0,r=t.target;if(r instanceof i.Element){if(fk(r)){n===`open`&&pk(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&&fk(t)&&h(t)},b=()=>{r.fullscreenElement&&_()},x=e=>{pk(e)&&m(e);for(let t of e.querySelectorAll(`dialog`))pk(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&&fk(e)&&(pk(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&&uk(e)&&e.matches(`:popover-open`))try{e.hidePopover()}catch{}u=[]}}}}var hk=`mesurer.codex`,gk=`codex:v1`,_k=`mesurer.plugin.before-disable`,vk=2e3,yk=750,bk=2e3,xk=1800,Sk=2e3,Ck=12e4,wk=10,Tk=5,Ek=`http://127.0.0.1:47365`,Dk=`mesurer-codex`,Ok=2,kk=[`thread-discovery-v1`,`durable-queue-v1`,`history-recovery-v2`,`client-message-correlation-v1`,`idle-safe-shutdown-v1`,`nonterminal-retention-v1`,`instance-binding-v1`],Ak=1500,jk=15e3,Mk=5e3,Nk=[`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(` `),Pk={viewBox:`0 0 256 256`,paths:[`M224,48,32,120l88,32,32,88Z M120,152l104-104`]},Fk={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`]},Ik={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`]},Lk=class extends Error{issue;constructor(e,t){super(t),this.issue=e,this.name=`BrowserBridgeConnectionError`}},Rk=()=>{try{let e=globalThis.location;return e?.origin?`mesurer-codex-ui:v2:${e.origin}${e.pathname}`:null}catch{return null}},zk=()=>{let e=Rk();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}},Bk=e=>{let t=Rk();if(t)try{globalThis.sessionStorage?.setItem(t,JSON.stringify(e))}catch{}},Vk=e=>{let t=Ek.endsWith(`/`)?Ek:`${Ek}/`;return new URL(e,t).toString()},Hk=e=>{let t=e.bridge;if(!t)throw new Lk(`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!==Dk)throw new Lk(`port-conflict`,`Another local service is using port 47365 (${t.name??`unknown`}). Mesurer will not send Codex data to it.`);if(t.protocol!==Ok)throw new Lk(`version-mismatch`,`Mesurer Codex Bridge is out of date (protocol ${t.protocol??`unknown`}; expected ${Ok}). Restart the matching Mesurer Codex Bridge helper.`);if(e.access?.allowed===!1)throw new Lk(`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=kk.filter(e=>!n.has(e));if(r.length>0)throw new Lk(`capability-mismatch`,`Mesurer Codex Bridge is missing required capabilities: ${r.join(`, `)}. Restart or update the matching helper.`);if(!t.instanceId?.trim())throw new Lk(`capability-mismatch`,`Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.`)},Uk=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,Wk=e=>e instanceof Lk?e.issue:e instanceof Error?Uk(e.message):null,Gk=async e=>{let t,n;if(e.action===`health`)t=Vk(`health`);else if(e.action===`threads`){let n=new URLSearchParams;n.set(`limit`,String(e.limit??wk)),e.thread&&n.set(`thread`,e.thread),t=`${Vk(`threads`)}?${n.toString()}`}else if(e.action===`target`)t=Vk(`target`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({thread:e.thread})};else if(e.action===`queue`)t=Vk(`send`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({message:e.message,thread:e.thread})};else if(e.action===`delivery`)t=Vk(`deliveries/${encodeURIComponent(String(e.deliveryId??``))}`);else if(e.action===`restore`)t=Vk(`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 Lk(`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`?Ak:jk,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`&&Hk(o),!i.ok||o.ok===!1){let e=o.error??`Mesurer Codex companion returned HTTP ${i.status}.`,t=Uk(e);throw t?new Lk(t,e):Error(e)}return o}catch(e){throw e instanceof Error&&e.name===`AbortError`?new Lk(`timed-out`,`Mesurer Codex companion timed out.`):e instanceof TypeError?new Lk(`not-running`,`Mesurer Codex companion is unavailable at ${Ek}.`):e}finally{globalThis.clearTimeout(a)}},Kk=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},qk=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}},Jk=e=>({thread:e.thread?.trim()||null,threads:Array.isArray(e.threads)?e.threads.filter(e=>e.trim().length>0):[]}),Yk=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},Xk=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}),Zk=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(RO(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(`
|
|
2336
|
-
`).trimEnd()}},Qk=e=>e.length>16?`${e.slice(0,8)}…${e.slice(-4)}`:e,$k=(e,t=42)=>e.length>t?`${e.slice(0,t-1)}…`:e,eA=e=>Wk(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 tA(e={}){let t=e.instruction?.trim()||Nk,n=e.ui??!0,r=e.clearCompletedAnnotations??!0;return{id:hk,version:yO,requires:[YO],provides:[gk],async setup(e){let i=e.service.get(YO);if(!i)throw Error(`Mesurer Codex plugin requires context() from mesurer-solid/plugins.`);let a=n?zk():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=Tk,_,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 Gk(e);return O=t.bridge?.instanceId?.trim()||null,D=Date.now(),t}return(!O||t||Date.now()-D>=Mk)&&(O=(await Gk({action:`health`,thread:u??l??void 0})).bridge?.instanceId?.trim()||null,D=Date.now()),await Gk({...e,bridgeInstanceId:O??void 0})}catch(e){throw D=0,O=null,e}if(e.action===`activate`||e.action===`runtime`)return Kk(e);if(!E)throw Error(`Codex Bridge lease is not active for this plugin.`);return Kk({...e,leaseId:E})},M=async()=>{if(!A)return;let e=E;if(e){if((await Kk({action:`deactivate`,leaseId:e})).released!==!0)throw Error(`Codex Bridge did not confirm lease release.`);E=null}};if(A){let e=await Kk({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=qk(e);let n=Jk(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(_k,async e=>{e===`mesurer.codex`&&await M()});let N=async()=>{if(!A)return null;let e=qk(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=qk(e)??s,Jk(e)},F=P,I=async e=>Yk(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),Yk(await j(t))},R=async(e={})=>{let t={action:`threads`,limit:e.limit??wk},n=e.thread?.trim();return n&&(t.thread=n),Xk(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;Bk({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())},H=()=>!b||b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)?!1:[`queueing`,`queued`,`working`,`completed`].includes(b.status),U=e=>e===`queueing`?`Queueing…`:e===`queued`?`Queued`:e===`working`?`Working…`:e===`completed`?`Done`:e===`interrupted`?`Interrupted`:`Failed`,ee=()=>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)?Fk:b.status===`completed`?Ik:Pk:Pk,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 ${Qk(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?` · ${U(b.status)}`:``;return{id:`codex.thread.${e.id}`,label:`${t}${$k(e.title)}${r}`,checked:()=>n===e.id,disabled:()=>H(),run(){H()||(V(e.id,!l),oe())}}})),g<wk&&(e.length>g||h)&&r.push({id:`codex.thread.show-more`,label:`Show 5 more…`,run(){g=wk,oe()}}),b?.queuedSubmissionId&&b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)&&r.push({id:`codex.delivery.receipt`,label:`Receipt · ${Qk(b.queuedSubmissionId)}`,disabled:()=>!0,run:()=>void 0}),r},oe=()=>{if(!n||T)return;let t=z(),r=ae(),i=!H()&&!d&&o!==`unavailable`&&(o===`unknown`||!!t),a=s?.source===`desktop`&&s.reason===`desktop-private-transport`,c=!A,l=re(!0),u=ee()??(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:wk,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:Wk(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())},xk)},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)},yk);return}}B(),oe(),le();return}if(e.status===`interrupted`){B(),oe();let t=e.updatedAt>0?e.updatedAt:Date.now();Date.now()-t<Ck&&(S=globalThis.setTimeout(()=>{S=0,de(e.id)},Sk));return}oe(),S=globalThis.setTimeout(()=>{S=0,de(e.id)},bk)}},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(),eA(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=Jk(n);return s=qk(n)??s,V(t,!l),f=r.thread,p=r.threads,o=`available`,c=!0,oe(),r},async queue(e){let r=await Zk(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&&eA(e)&&(o=`unavailable`,k=A?null:Wk(e)??`unavailable`,oe()),e}},send(e){return fe.queue(e)}};e.service.provide(gk,fe);let pe=async()=>{if(!(w||H())){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)},yk):C=globalThis.setTimeout(()=>{C=0,b?.id===null&&b?.status===`queued`&&(b=null,B(),oe())},xk)}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?vk:Mk);e.lifecycle.onDispose(()=>{T=!0,ce(),globalThis.clearInterval(t),_?.dispose(),_=void 0})}}}}var nA=HE,rA=(e={})=>({...lD(e),version:yO}),iA=SD,aA=(e={})=>({...HD(e),version:yO}),oA=()=>globalThis.window?.__MESURER_HOST__?.codexBridge!==void 0,sA=[{id:JO,label:`Context`,order:30,create:sk,settingsIds:[`context`],hiddenSettingsControlIds:[`ui`]},{id:bO,label:`Edit`,order:35,create:SO,settingsIds:[`arrange`]},{id:GO,label:`Layout Guides`,order:38,create:qO},{id:iA,label:`Screenshot`,order:40,create:aA,settingsIds:[`screenshot`],hiddenSettingsControlIds:[`tool`]},{id:nA,label:`Recording`,order:42,create:rA,settingsIds:[`recording`],hiddenSettingsControlIds:[`tool`]},{id:hk,label:`Codex`,order:45,create:tA}],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`?oA():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},lA={select:`select`,xray:`xray`,colorPicker:`color-picker`,rulers:`rulers`,responsive:`responsive`,typography:`text-inspector`,guides:`guides`,distance:`distance`,settings:`settings`};function uA(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=mk(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=vO({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(YO);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(CO);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),H=async()=>(await N()).prepareCapture(),U=async()=>(await N()).finishCapture(),ee=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(YO);return{protocol:`mesurer.agent/v1`,contextSchema:`mesurer.context/v1`,capabilities:{context:e,select:e,annotations:e,review:e,capturePlan:e,arrange:!!b?.service.get(CO),textEdit:!!b?.service.get(gO)}}},context:F,contextText:I,select:R,annotations:z,review:B,capturePlan:V,prepareCapture:H,finishCapture:U,arrangements:ee,arrange:W,showArrange:te,arrangeCapturePlan:ne,reviewArrange:re}),se={...f,version:yO,plugins:cA(l),excludePlugins:u?u.map(e=>lA[e]):[...d??[]]},ce=ko(()=>ho(bw,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:H,finishCapture:U,arrangements:ee,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 dA=globalThis.__MESURER_CONFIG__??{},fA=(()=>{try{return!!window.frameElement?.hasAttribute(`data-mesurer-responsive-frame`)}catch{return!1}})(),{target:pA,globalName:mA=`__MESURER__`,reuseExisting:hA=!0,recoverDisconnected:gA=!1,..._A}=dA,vA=globalThis.__MESURER_INSTANCE__,yA=!fA&&hA&&vA?.element.isConnected?vA:void 0,bA=()=>{let e=pA?document.querySelector(pA):document.body;if(!e)throw Error(`Mesurer injection target not found: ${pA}`);return fA||globalThis.__MESURER_INSTANCE__?.dispose(),uA({..._A,target:e,agent:{globalName:mA,root:document}})},xA=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()}}},SA=yA??bA();fA||(globalThis.__MESURER_INSTANCE__=SA),fA||globalThis.__MESURER_INJECT_RECOVERY__?.stop(),fA||(globalThis.__MESURER_INJECT_RECOVERY__=void 0),gA&&!fA&&xA(bA),fA||SA.ready.catch(e=>{queueMicrotask(()=>{throw e})})})(__MESURER_MEDIABUNNY__);
|
|
2452
|
+
`,t.head.append(s),i.append(a);let c=!1;return{element:a,dispose(){c||(c=!0,o(),s.remove(),a.remove())}}}var Jw=e=>`color-mix(in srgb, ${e.color} ${e.opacity*100}%, transparent)`,Yw=e=>e===`max`?`end`:e===`center`?`center`:`start`,Xw=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=Yw(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 Zw(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":Jw(e)}),(e,n)=>{$(t,`style`,e,n)}),t})()})),q(()=>({e:e.id,t:e.kind,a:Xw(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, ${Jw(e)} 1px, transparent 1px), linear-gradient(to bottom, ${Jw(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 Qw=`#FF0000`,$w=.1,eT=new Set([`columns`,`rows`,`grid`]),tT=new Set([`stretch`,`min`,`center`,`max`]),nT=(e,t,n)=>Math.min(n,Math.max(t,e)),rT=(e,t)=>e!==void 0&&Number.isFinite(e)?e:t,iT=(e={})=>{let t=e.kind&&eT.has(e.kind)?e.kind:`columns`,n=e.align&&tT.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:nT(rT(e.opacity,$w),0,1),count:nT(Math.round(rT(e.count,5)),1,24),size:nT(rT(e.size,72),1,4096),gutter:nT(rT(e.gutter,20),0,800),offset:nT(rT(e.offset,0),0,4096),align:n}},aT=e=>(e??[]).map(iT),oT=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)`},sT=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})(),cT=e=>e.kind===`rows`?Y(Jm,{size:14}):e.kind===`grid`?Y(Km,{size:14}):Y(qm,{size:14}),lT=`msr:grid-cols-[78px_minmax(0,1fr)]`,uT=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})(),dT=e=>(()=>{var t=X(`span`,{class:`msr:relative msr:block msr:w-full`}),n=X(`select`,{class:Xg,onPointerDown:e=>e.stopPropagation(),onChange:t=>e.onChange(t.currentTarget.value)});return Z(t,n),Q(n,()=>e.children),Q(t,Y(Zg,{}),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})(),fT=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(Qg,{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}})},pT=e=>e===`rows`||e===`grid`?e:`columns`,mT=e=>e===`min`||e===`center`||e===`max`?e:`stretch`,hT=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(dT,{label:`Layout guide type`,get value(){return e.guide.kind},onChange:t=>{let n=pT(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(sT,{})),Q(r,Y(K,{get when(){return e.guide.kind!==`grid`},get children(){return Y(uT,{label:`Count`,get children(){return Y(fT,{label:`Count`,get value(){return e.guide.count},min:1,max:24,onChange:t=>e.onUpdate({count:t})})}})}}),null),Q(r,Y($g,{label:`Color`,columns:lT,get value(){return Nc({...jc(e.guide.color)??jc(`#FF0000`),alpha:e.guide.opacity})},fallback:Qw,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(uT,{label:`Type`,get children(){return Y(dT,{label:`Alignment`,get value(){return e.guide.align},onChange:t=>e.onUpdate({align:mT(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(uT,{get label(){return n()},get children(){return Y(fT,{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(uT,{label:`Offset`,get children(){return Y(fT,{label:`Offset`,get value(){return e.guide.offset},min:0,max:4096,onChange:t=>e.onUpdate({offset:t})})}}),Y(uT,{label:`Gutter`,get children(){return Y(fT,{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 gT(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(Ym,{})),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(cT,{get kind(){return t.kind}})),Q(o,()=>oT(t)),Q(i,Y(Im,{size:8,class:`msr:block msr:-rotate-90 msr:text-ink-400`}),null),Q(s,(()=>{var e=J(()=>!!t.visible);return()=>e()?Y(Xm,{}):Y(Zm,{})})()),Q(c,Y(Bm,{size:10,class:`msr:block`})),q(()=>({e:t.visible?`Hide ${oT(t)}`:`Show ${oT(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 ${oT(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(hT,{get guide(){return t()},get ownerWindow(){return e.ownerWindow},onBack:()=>n(null),onUpdate:n=>e.onUpdate(t().id,n)})})),i}var _T=`mesurer.layout-guides`,vT=`layout-guides:v1`,yT=`mesurer.layout-guides.pages`,bT=`mesurer.layout-guides.active`,xT=`runtime:solid`,ST=`layout-guides.toggle`,CT=`layout-guides.add`,wT=`layout-guides.update`,TT=`layout-guides.remove`,ET=`layout-guides.clear`,DT=240,OT=8,kT=8,AT=()=>({pages:{}}),jT=(e,t)=>e.pages[t]??[],MT=e=>typeof e==`object`&&!!e&&!Array.isArray(e),NT=e=>typeof e==`string`,PT=e=>typeof e==`boolean`,FT=e=>typeof e==`number`,IT=e=>e===`columns`||e===`rows`||e===`grid`,LT=e=>e===`stretch`||e===`min`||e===`center`||e===`max`,RT=e=>({...e}),zT=e=>e.map(RT),BT=e=>MT(e)?e:null,VT=e=>{if(!e)return{};let t={};return NT(e.id)&&(t.id=e.id),IT(e.kind)&&(t.kind=e.kind),PT(e.visible)&&(t.visible=e.visible),NT(e.color)&&(t.color=e.color),FT(e.opacity)&&(t.opacity=e.opacity),FT(e.count)&&(t.count=e.count),FT(e.size)&&(t.size=e.size),FT(e.gutter)&&(t.gutter=e.gutter),FT(e.offset)&&(t.offset=e.offset),LT(e.align)&&(t.align=e.align),t},HT=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},UT={viewBox:`0 0 256 256`,paths:[`M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z`,`M101 56h8v144h-8zM147 56h8v144h-8z`]},WT=()=>wc({id:_T,version:`0.1.0`,requires:[xT],provides:[vT,`tool:layout-guides`],setup(e){let t=e.service.get(xT);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:yT,initial:AT(),history:!0,persist:!0}),e.state.register({id:bT,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`)??AT(),u=()=>e.state.get(`mesurer.layout-guides.active`)??!1,d=()=>aT(jT(l(),r)),f=()=>(a(),u()?d():[]),p=t=>{e.state.update(bT,()=>t)},m=t=>{e.state.update(yT,e=>({...e,pages:{...e.pages,[r]:zT(t(aT(e.pages[r])))}}))};e.command.register(ST,()=>{let e=!u();return e&&d().length===0&&m(()=>[iT()]),i=e,p(e),u()}),e.command.register(CT,e=>{let t=iT(VT(BT(e)));return m(e=>[...e,t]),{...t}}),e.command.register(wT,e=>{let t=BT(e),n=t&&NT(t.id)?t.id:null,r=VT(BT(t?.patch));if(!n)throw Error(`layout-guides.update requires a guide id.`);m(e=>e.map(e=>e.id===n?iT({...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(TT,e=>{let t=BT(e),n=t&&NT(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(ET,()=>{m(()=>[])});let h=async(t,n)=>{let r=BT(await e.command.execute(t,n));if(!r)throw Error(`${t} did not return a layout guide.`);return iT(VT(r))},g={list:()=>d().map(e=>({...e})),add:(e={})=>h(CT,HT(e)),update:(e,t)=>h(wT,{id:e,patch:HT(t)}),async remove(t){return await e.command.execute(TT,{id:t})===!0},async clear(){await e.command.execute(ET)},subscribe(e){s.add(e);let t=!1;return()=>{t||(t=!0,s.delete(e))}}};e.service.provide(vT,g),e.tool.register({id:`layout-guides`,label:`Layout guides`,shortcut:`L`,command:ST,order:38,toolbarMode:`always`,compactPinned:!0,icon:UT,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(Zw,{get guides(){return f()}}),_),y=t.createInspectorMount();y.element.dataset.mesurerLayoutGuidesPanelRoot=`true`,Object.assign(y.element.style,{position:`fixed`,left:`0`,top:`0`,width:`${DT}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(kT,n.right-DT),Math.max(kT,t.ownerWindow.innerWidth-DT-kT)),a=t.ownerWindow.innerHeight-n.bottom-OT-kT,o=Math.min(320,t.ownerWindow.innerHeight-16),s=a>=Math.min(o,320)?n.bottom+OT:Math.max(kT,n.top-OT-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(gT,{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()})}}),GT=`mesurer:recording-bridge-ping`,KT=`mesurer:recording-bridge-request`,qT=`mesurer:recording-bridge-response`,JT=`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`,YT=.01,XT=e=>({width:e.innerWidth,height:e.innerHeight}),ZT=(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)<=YT*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}},QT=(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},$T=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},eE=(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)}),tE=e=>e.location.origin===`null`?`*`:e.location.origin,nE=(e,t,n=``)=>`${e}:${t}:${n}`,rE=(e,t,n)=>{let r=`${t}:${n}:`;return e.startsWith(r)?e.slice(r.length):null},iE=e=>e.crypto?.randomUUID?.()??`mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`,aE=e=>new Promise(t=>{let n=iE(e),r=e.location.origin,i=o=>{o.source===e&&o.origin===r&&rE(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(nE(GT,n),tE(e))}),oE=e=>new Promise(t=>{let n=iE(e),r=e.location.origin,i=o=>{if(o.source!==e||o.origin!==r)return;let s=rE(String(o.data??``),qT,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(nE(KT,n),tE(e))}),sE=e=>e.__MESURER_RECORDING_HOST__?.captureRecordingStream??e.__MESURER_HOST__?.captureRecordingStream,cE=async(e,t)=>{let n=sE(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})},lE=async(e,t)=>{if(!e.isSecureContext||!await aE(e))return null;let n=await oE(e);if(!n)return null;let r={mandatory:{chromeMediaSource:`tab`,chromeMediaSourceId:n}};return t.getUserMedia({audio:!1,video:r})},uE=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},dE=async(e,t)=>{let n=e.navigator.mediaDevices;if(!n)throw Error(`Screen recording is unavailable in this browser.`);if(sE(e))return uE(await cE(e,n),t);try{let r=await lE(e,n);if(r)return uE(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 uE(await n.getDisplayMedia(i),t)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)throw e;return uE(await n.getDisplayMedia({audio:!1,video:{frameRate:r}}),t)}},fE=async(e,t,n,r=60)=>{let i=await dE(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=JT,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=QT(e,n),s=!1;try{s=await $T(a,r)}catch{s=!1}s||r.remove(),await eE(o,t);let c=t.devicePixelRatio||1,l=ZT(n,o.videoWidth,o.videoHeight,XT(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=JT,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 pE(f,n,XT(t)),f}catch(e){throw o.pause(),o.srcObject=null,o.remove(),i.getTracks().forEach(e=>e.stop()),e}},pE=(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=ZT(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)},mE=e=>{e.source.pause(),e.source.srcObject=null,e.stream.getTracks().forEach(e=>e.stop()),e.cropTarget?.remove(),e.canvas.remove(),e.source.remove()},hE={webm:`video/webm`,mp4:`video/mp4`},gE=[`vp9`,`vp8`],_E=[`avc`],vE=t=>new e.Quality(t),yE=(e,t)=>Number.isFinite(e)&&e>0?e:t,bE=(e,t,n)=>{let r=Math.max(2,Math.round(yE(e,2))),i=Math.max(2,Math.round(yE(t,2)));return n===`mp4`&&(r%2!=0&&(r+=1),i%2!=0&&(i+=1)),{width:r,height:i}},xE=(e,t={})=>{let n=Math.max(.001,yE(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`}},SE=e=>e===`webm`?gE:_E,CE=async(t,n,r,i,a=`medium`)=>{let o=bE(n,r,t),s=vE(a);for(let n of SE(t))if(await(0,e.canEncodeVideo)(n,{width:o.width,height:o.height,frameRate:i,quality:s}))return n;return null},wE=async(e,t,n=30)=>{let r=[];return await CE(`webm`,e,t,n)&&r.push(`webm`),await CE(`mp4`,e,t,n)&&r.push(`mp4`),r},TE=t=>t===`webm`?new e.WebMOutputFormat:new e.Mp4OutputFormat,EE=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 CE(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:TE(r),target:l}),d=new e.CanvasSource(t,{codec:c,quality:vE(a)});u.addVideoTrack(d,{frameRate:i}),await u.start();let f=!1,p=-1;return{format:r,mimeType:hE[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:hE[r]})},async cancel(){if(!f){f=!0,d.close();try{await u.cancel()}catch{}}}}},DE=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()}},OE=async(t,n={})=>{let r=await DE(t),i=xE(r,n),a=bE(r.width*i.scale,r.height*i.scale,i.format),o=await CE(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:TE(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:vE(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:hE[i.format]}),r=await DE(n);return{blob:n,format:i.format,duration:r.duration,width:r.width,height:r.height}}finally{s.dispose()}},kE=(e,t=new Date)=>`mesurer-recording-${t.toISOString().replace(/[:.]/g,`-`)}.${e}`,AE=10,jE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},ME=(e,t,n)=>{let r=e.createElement(`button`);return r.type=`button`,r.setAttribute(`aria-label`,t),r.title=t,r.textContent=n,jE(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},NE=(e,t)=>{let n=e.createElement(`button`);n.type=`button`,n.setAttribute(`role`,`menuitemradio`),jE(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}},PE=({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,jE(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`);jE(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`,jE(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…`,jE(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=ME(e,`Close`,`×`);o.dataset.mesurerRecordingDiscard=`true`,jE(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`);jE(s,{display:`flex`,height:`28px`,"align-items":`center`,gap:`8px`,"margin-top":`8px`}),n.append(s);let c=ME(e,`Play`,`▶`);c.dataset.mesurerRecordingPlay=`true`,s.append(c);let l=e.createElement(`span`);l.dataset.mesurerRecordingCurrentTime=`true`,l.textContent=`0:00.00`,jE(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`,jE(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`,jE(d,{position:`absolute`,left:`${AE}px`,right:`${AE}px`,top:`0`,bottom:`0`}),u.append(d);let f=e.createElement(`div`);f.dataset.mesurerRecordingTimelineRail=`true`,jE(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`,jE(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`);jE(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`,jE(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`),jE(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`),jE(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`,jE(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`);jE(b,{position:`relative`,display:`flex`,height:`20px`,"align-items":`center`}),s.append(b);let x=ME(e,`Export options`,`1×`);x.dataset.mesurerRecordingExportOptions=`true`,x.setAttribute(`aria-haspopup`,`menu`),x.setAttribute(`aria-expanded`,`false`),jE(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`),jE(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`,jE(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`,jE(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=NE(e,`${t}×`);return n.button.dataset.mesurerRecordingScale=String(t),E.append(n.button),{scale:t,...n}}),O=ME(e,`Download`,`↓`);O.dataset.mesurerRecordingExport=`true`,s.append(O);let k=ME(e,`Grow preview`,`↗`);k.dataset.mesurerRecordingExpand=`true`,s.append(k);let A=e.createElement(`p`);return A.dataset.mesurerRecordingPreviewStatus=`true`,A.setAttribute(`role`,`status`),jE(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}},FE=8,IE=8,LE=.05,RE=200,zE=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`)}`},BE=(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)},VE=({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}=PE({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,H=e=>{let t=k?.duration??0;return t<=0?0:Math.min(1,Math.max(0,e/t))},U=()=>({start:L,end:R}),ee=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=H(L)*100,r=H(R)*100;v.style.left=`${n}%`,y.style.left=`${r}%`,h.style.left=`${n}%`,h.style.width=`${Math.max(0,r-n)}%`,_.style.left=`${H(t)*100}%`,v.setAttribute(`aria-valuemax`,String(Math.max(0,R-LE))),v.setAttribute(`aria-valuenow`,String(L)),v.setAttribute(`aria-valuetext`,zE(L)),y.setAttribute(`aria-valuemin`,String(Math.min(e,L+LE))),y.setAttribute(`aria-valuemax`,String(e)),y.setAttribute(`aria-valuenow`,String(R)),y.setAttribute(`aria-valuetext`,zE(R)),f.textContent=zE(t),b.textContent=zE(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-LE)),(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+LE)),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=NE(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-FE,i=t.innerHeight-e.bottom-FE;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-FE-e/2,a=FE+e/2,s=Math.max(a,t.innerWidth-FE-e/2),c=Math.min(Math.max(a,i),s),l=r?r.bottom+IE:FE;l+n>t.innerHeight-FE&&(l=r?r.top-n-IE:t.innerHeight-n-FE),o.style.left=`${c}px`,o.style.top=`${Math.max(FE,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:RE,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=ee(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=`${H(ee(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}=U();ce(!0),se(!1),O.style.display=`none`,a({format:F,startTime:r,endTime:i,scale:I}).then(r=>{n===N&&BE(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=zE(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()}}},HE=3e3,UE=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},WE=({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`),UE(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`,UE(t,{position:`fixed`,background:`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),f.append(t),t}),m=e.createElement(`div`);m.dataset.mesurerRecordingMask=`true`,UE(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`,UE(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`);UE(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`,UE(_,{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`),UE(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`);UE(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 UE(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`,UE(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`,UE(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`,UE(j,{position:`absolute`,inset:`0`,display:`none`,"pointer-events":`none`}),h.append(j);let M=t=>{let n=e.createElement(`div`);UE(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}`),UE(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`),UE(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`),UE(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`,UE(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`),UE(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`),UE(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,H=null,U=0,ee=()=>{z=null,B=null,V=!1,H=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=>{ee();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=()=>{ee(),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=>{U&&t.clearTimeout(U);let n=e instanceof Error?e.message:`Could not record this region.`;R.textContent=n,R.style.display=`block`,U=t.setTimeout(()=>{U=0,R.style.display=`none`},HE)},de=(e,t,n)=>{let r=B;!V||!r||e.button!==0||(e.preventDefault(),e.stopPropagation(),H={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(H){let n=H,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(H){H=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,H=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:()=>{ee(),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),U&&t.clearTimeout(U),se()}}},GE=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`))}}},KE=`mesurer.recording`,qE=`recording:v1`,JE=`mesurer.recording.settings`,YE=`runtime:solid`,XE=`recording.toggle`,ZE=`recording.stop`,QE=`recording.discard`,$E=`recording.export`,eD=60,tD=60,nD={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`]},rD=e=>e?{...e}:null,iD=e=>({...e,rect:rD(e.rect)}),aD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},oD=e=>e!=null&&!Array.isArray(e)&&typeof e==`object`,sD=e=>typeof e==`number`&&Number.isFinite(e),cD=e=>{if(!oD(e))return{};let t={};return(e.format===`webm`||e.format===`mp4`)&&(t.format=e.format),sD(e.startTime)&&(t.startTime=e.startTime),sD(e.endTime)&&(t.endTime=e.endTime),(e.scale===1||e.scale===2||e.scale===3)&&(t.scale=e.scale),t},lD=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}),uD=e=>({filename:e.filename,format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size}),dD=e=>({format:e.format,duration:e.duration,width:e.width,height:e.height,bytes:e.blob.size,createdAt:e.createdAt}),fD=(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)},pD=(e={})=>wc({id:KE,version:`0.1.0`,requires:[YE],provides:[`tool:recording`,qE],setup(t){let n=t.service.get(YE);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=GE(l);o.dataset.mesurerRecording=`true`,c.dataset.mesurerRecordingStatusRoot=`true`,aD(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`}),aD(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??tD)),f=e.quality??`medium`;t.state.register({id:JE,initial:{toolEnabled:e.toolEnabled??!0,frameRate:e.frameRate??eD},persist:!0});let p=()=>{let e=t.state.get(JE);return{toolEnabled:e?.toolEnabled??!0,frameRate:e?.frameRate===120?120:60}},m=e=>{t.state.update(JE,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=iD(h);for(let t of g)t(e)},j=e=>{h={...h,...e,rect:e.rect===void 0?h.rect:rD(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&&mE(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 wE(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 OE(n.blob,e),i={...r,filename:kE(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=VE({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=rD(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,mE(r),T!==e||O)throw Error(`Recording was cancelled.`);let l=await DE(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&&(pE(e,h.rect??{left:0,top:0,width:i.innerWidth,height:i.innerHeight},XT(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)},H=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 fE(r,i,e,a);if(O||T!==n){mE(s);return}let c=await EE(s.canvas,{format:`webm`,frameRate:a,quality:f});if(O||T!==n){await c.cancel(),mE(s);return}if(v=s,y=c,E=i.performance.now(),D=0,pE(s,e,XT(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}},U=()=>{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}))},ee=async e=>{if(h.status===`recording`){await B();return}if(h.status===`selecting`){await W();return}if(!e){U();return}if(e.width<4||e.height<4)throw Error(`Recording selection must be at least 4px by 4px.`);await H(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=WE({ownerDocument:r,ownerWindow:i,root:o,statusRoot:c,rendererRoot:l,isSelecting:()=>h.status===`selecting`,isRecording:()=>h.status===`recording`,onRectChange:e=>j({rect:e}),onConfirm:H,onCancel:W,onStop:async()=>{await B()},setRecordingInteractionActive:u.setActive});let te={snapshot:()=>iD(h),subscribe(e){return g.add(e),()=>g.delete(e)},settings:p,setSettings:m,formats:L,start:ee,stop:B,cancel:W,discard:I,export:R};t.tool.register({id:`recording`,label:`Record`,shortcut:`Shift+R`,order:72,command:XE,toolbarMode:`select`,compactPinned:!0,icon:nD,active:M,hidden:()=>!p().toolEnabled,menu:{label:`Recording options`,items:[{id:`new`,label:`New recording`,disabled:()=>h.status===`recording`||h.status===`exporting`,run:()=>ee()},{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(XE,async()=>(await ee(),lD(h))),t.command.register(ZE,async()=>dD(await B())),t.command.register(QE,()=>(I(),lD(h))),t.command.register($E,async e=>{let t=await R(cD(e));return fD(t,r,i),uD(t)}),t.service.provide(qE,te),t.lifecycle.onDispose(()=>{O=!0,++T,g.clear(),z.dispose(),x.dispose(),P(),F(!0),s.dispose(),a.dispose()})}}),mD=144,hD=96,gD=8,_D=4,vD=1800,yD=200,bD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},xD=(e,t)=>({left:Math.min(Math.max(gD,e.left),Math.max(gD,t.innerWidth-mD-gD)),top:Math.min(Math.max(gD,e.top),Math.max(gD,t.innerHeight-hD-gD))}),SD=(e,t)=>{let n=e.createElement(`button`);return n.type=`button`,n.textContent=t,bD(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},CD=({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`,wD=e=>e!==null&&(e.nodeType===1||e.nodeType===11),TD=({ownerDocument:e,ownerWindow:t,root:n,previewDurationMs:r})=>{let i=n.closest(`[data-mesurer-root='true']`)??n.parentNode;if(!wD(i))throw Error(`Screenshot preview requires a mounted Mesurer host.`);let a=e.createElement(`div`);a.dataset.mesurerInspectorUi=`true`,a.dataset.mesurerScreenshotInteractive=`true`,bD(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,bD(o,{position:`fixed`,display:`none`,"z-index":`96`,width:`${mD}px`,height:`${hD}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`,bD(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`,bD(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`),bD(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`,bD(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`,bD(p,{position:`fixed`,top:`16px`,right:`16px`,display:`flex`,gap:`8px`,"pointer-events":`auto`});let m=SD(e,`Copy`);m.dataset.mesurerScreenshotViewerCopy=`true`,m.setAttribute(`aria-label`,`Copy screenshot`);let h=SD(e,`Save`);h.dataset.mesurerScreenshotViewerSave=`true`,h.setAttribute(`aria-label`,`Save screenshot`);let g=SD(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`),bD(_,{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`},vD)},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+gD);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:yD,easing:`ease`,fill:`forwards`});w=r,r.finished.catch(()=>void 0).then(()=>{w===r&&(r.cancel(),w=null,j())})},N=()=>xD({left:t.innerWidth-mD-gD,top:t.innerHeight-hD-gD},t),P=e=>{let n=xD(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)>=_D&&(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`)},H=e=>{e.button!==0||!R(e.clientX,e.clientY,null)||e.preventDefault()},U=e=>{x?.pointerId===null&&z(e.clientX,e.clientY)},ee=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`,H),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`,U,!0),t.addEventListener(`mouseup`,ee,!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(CD(n)),r>0&&(S=t.setTimeout(j,r))},dismiss:j,dispose(){T||(T=!0,E(),D(),j(),t.removeEventListener(`mousemove`,U,!0),t.removeEventListener(`mouseup`,ee,!0),t.removeEventListener(`pointermove`,te,!0),t.removeEventListener(`pointerup`,ne,!0),t.removeEventListener(`pointercancel`,re,!0),t.removeEventListener(`keydown`,se,!0),o.removeEventListener(`mousedown`,H),o.removeEventListener(`pointerdown`,W),o.removeEventListener(`keydown`,ie),o.removeEventListener(`contextmenu`,ae),d.removeEventListener(`click`,oe),a.remove())}}},ED=`mesurer.screenshot`,DD=`screenshot`,OD=`mesurer.screenshot.settings`,kD=`mesurer.screenshot.active`,AD=`runtime:solid`,jD=`screenshot.toggle`,MD=2500,ND=0,PD=[`[data-mesurer-measurement='true']`,`[data-mesurer-selected-measurement='true']`,`[data-mesurer-selection-spacing-target='true']`,`[data-mesurer-guide='true']`,`[data-mesurer-distance='true']`].join(`,`),FD=`${PD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`,ID={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`]},LD=(e,t)=>{for(let[n,r]of Object.entries(t))e.style.setProperty(n,r)},RD=(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`)}},zD=e=>{let t=e(OD);return{toolEnabled:t?.toolEnabled??!0,copy:t?.copy??!0,download:t?.download??!1,includeMeasurements:t?.includeMeasurements??!1}},BD=e=>({value:e.style.getPropertyValue(`display`),priority:e.style.getPropertyPriority(`display`)}),VD=(e,t)=>{t.value||t.priority?e.style.setProperty(`display`,t.value,t.priority):e.style.removeProperty(`display`)},HD=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},UD=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=HD(e,t);r&&n.add(r)}for(let e of t.querySelectorAll(PD)){let r=HD(e,t);r&&n.add(r)}let r=[];for(let e of n)e.dataset.mesurerInspectorUi!==`true`&&(r.push({element:e,display:BD(e)}),e.style.setProperty(`display`,`none`,`important`));return()=>{for(let e of r)VD(e.element,e.display)}},WD=e=>Array.from(e.querySelectorAll(FD)).filter(e=>e.dataset.mesurerInspectorUi===`true`).map(e=>({element:e,display:BD(e)})),GD=e=>{for(let t of e)t.element.isConnected&&VD(t.element,t.display)},KD=(e={})=>wc({id:ED,version:`0.1.0`,requires:[AD],provides:[`tool:screenshot`,`capture:screenshot`,`settings:screenshot`],setup(t){let n=t.service.get(AD);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??ND;t.state.register({id:OD,initial:{toolEnabled:e.toolEnabled??!0,copy:e.copy??!0,download:e.download??!1,includeMeasurements:e.includeMeasurements??!1},persist:!0}),t.state.register({id:kD,initial:!1});let u=o.element;u.dataset.mesurerScreenshot=`true`,LD(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`),LD(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 LD(e,{position:`fixed`,"background-color":`rgb(0 0 0 / 40%)`,"pointer-events":`none`}),d.append(e),e}),p=r.createElement(`div`);LD(p,{position:`fixed`,display:`none`,border:`1px solid #0d99ff`,"box-sizing":`border-box`,"pointer-events":`none`}),d.append(p);let m=r.createElement(`div`);LD(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`,LD(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`,LD(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=()=>zD(t.state.get),E=e=>{t.state.update(OD,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){RD(f[0],{left:0,top:0,width:t,height:n});for(let e of f.slice(1))RD(e,{left:0,top:0,width:0,height:0});p.style.display=`none`,m.style.display=`none`;return}RD(f[0],{left:0,top:0,width:t,height:e.top}),RD(f[1],{left:0,top:e.top,width:e.left,height:e.height}),RD(f[2],{left:e.left+e.width,top:e.top,width:Math.max(0,t-e.left-e.width),height:e.height}),RD(f[3],{left:0,top:e.top+e.height,width:t,height:Math.max(0,n-e.top-e.height)}),p.style.display=`block`,RD(p,e),m.style.display=`block`,m.textContent=`${Math.round(e.width)} × ${Math.round(e.height)}`,RD(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=TD({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`},MD)},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?WD(r):[],u=s.includeMeasurements?()=>void 0:UD(n.portalTarget);a.prepareCapture(),s.includeMeasurements&&GD(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()})},H=e=>{_=null,d.hasPointerCapture?.(e.pointerId)&&d.releasePointerCapture(e.pointerId),A(null)},U=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`,H),i.addEventListener(`keydown`,U,!0);let ee={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:jD,toolbarMode:`select`,compactPinned:!0,icon:ID,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(jD,R),t.service.provide(DD,ee),t.lifecycle.onDispose(()=>{C=!0,b+=1,d.removeEventListener(`pointerdown`,z),d.removeEventListener(`pointermove`,B),d.removeEventListener(`pointerup`,V),d.removeEventListener(`pointercancel`,H),i.removeEventListener(`keydown`,U,!0),y&&i.clearTimeout(y),M.dispose(),k(),yl(i),a.finishCapture(),a.dispose(),o.dispose()})}}),qD=e=>Number.parseFloat(e)||0,JD=0,YD=(e,t)=>{let n=t.CSS;return n?.escape?n.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`)},XD=e=>e.nodeType===9,ZD=e=>e.nodeType===11;function QD(e){let t=e.getRootNode();return ZD(t)?t:e.ownerDocument}var $D=(e,t)=>{if(XD(e)||ZD(e))return e;let n=QD(e);return ZD(n)?n:t},eO=600,tO=`audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video`,nO=new WeakMap,rO=e=>{let t=e;for(;t;){if((nO.get(t)??0)>0)return!0;let e=t.getRootNode();t=ZD(e)?e.host:t.parentElement}return!1},iO=(e,t)=>t.x>=e.left&&t.x<=e.right&&t.y>=e.top&&t.y<=e.bottom,aO=(e,t)=>Array.from(e.getClientRects()).some(e=>iO(e,t)),oO=(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},sO=(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`},cO=(e,t)=>!!e.textContent?.trim()||sO(e,t),lO=(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},uO=(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)||rO(n)||r.getComputedStyle(n).pointerEvents!==`none`||oO(n,e,r)||!aO(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<=eO;){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=lO(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)},dO=(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=QD(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)}},fO=(e,t)=>{let n=e;for(;n.parentElement&&n.parentElement!==t;)n=n.parentElement;return n.parentElement===t?n:null},pO=(e,t,n,r)=>{let i=r.defaultView;if(!i)return[];let a=dO(uO(e,t,r).filter(e=>cO(e,i)),e,t);if(a.length>0)return a;if(e.textContent?.trim()&&!e.matches(tO)||e.matches(`a, button, input, select, textarea, label, summary, [contenteditable='true']`))return[];let o=[],s=new Set,c=!XD(n)&&!ZD(n)?n:null,l=e.parentElement;for(;l&&l!==r.body&&l!==r.documentElement&&!(c&&l!==c&&!c.contains(l));){let a=l,u=fO(e,a),d=uO(a,t,r).filter(e=>{if(!hO(e,n)||e.closest(`[aria-hidden='true'], [inert]`))return!1;let t=fO(e,a);return t===null||t!==u});for(let e of d)s.has(e)||!cO(e,i)||(s.add(e),o.push(e));if(a===c)break;l=a.parentElement}return dO(o,e,t)};function mO(e,t,n=XD(t)?t:t.ownerDocument??document){let r=$D(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||!hO(a,t))continue;let o=pO(a,e,t,n);if(o.length>0)return o[0];if(i.getComputedStyle(a).pointerEvents!==`none`)return a}return null}function hO(e,t){if(XD(t))return!0;let n=e;for(;n;){if(t===n||t.contains(n))return!0;let e=n.getRootNode();if(!ZD(e))return!1;n=e.host}return!1}function gO(e,t){if(!e)return t();let n=nO.get(e)??0;nO.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?nO.delete(e):nO.set(e,n);for(let[e,t,n]of i)t?e.style.setProperty(`pointer-events`,t,n):e.style.removeProperty(`pointer-events`)}}function _O(e){let t=e.ownerDocument.defaultView??window;if(e.id)return`#${YD(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 vO(e,t,n=`dom-inspection-${++JD}`){let r=e.getBoundingClientRect(),i=t.getComputedStyle(e),a={top:qD(i.paddingTop),right:qD(i.paddingRight),bottom:qD(i.paddingBottom),left:qD(i.paddingLeft)},o={top:qD(i.marginTop),right:qD(i.marginRight),bottom:qD(i.marginBottom),left:qD(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 yO(e){let t=e.ownerDocument.defaultView??window,n=t.getComputedStyle(e),r=e instanceof t.HTMLElement?e:null,i=e.getBoundingClientRect(),a=r?vO(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:_O(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 bO=`text-edit`,xO=e=>yO(e);function SO(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||hO(n,t),a=async()=>{let t=(e.getPluginHost()??await e.waitForPluginHost()).service.get(bO);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?xO(n):null},inspectAll(e,n=50){return[...t.querySelectorAll(e)].slice(0,Math.max(0,n)).map(xO)},at(n,r){let a=t.querySelector?.(`[data-mesurer-island]`)??null;return gO(a?.shadowRoot?.querySelector(`[data-mesurer-root='true']`)??a,()=>{let a=mO({x:n,y:r},t,e.ownerDocument);return a&&i(a)?xO(a):null})},distance(e,t){let n=r(e),i=r(t);if(!n||!i)return null;let a=xO(n),o=xO(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(xO)),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 CO=`0.2.3-beta.14`,wO=Ky,TO=qy,EO=()=>({...Hb(),version:CO}),DO=TO,OO=(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,kO=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}},AO=(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),jO=e=>[...e.measurements,...e.activeMeasurement&&!e.measurements.some(t=>t.id===e.activeMeasurement?.id)?[e.activeMeasurement]:[]];function MO(e){let{workspace:t,scope:n,guideTolerance:r}=e;if(n.kind===`workspace`)return{guides:t.guides.map(e=>({...e})),measurements:jO(t),distances:[...t.distances]};let i=new Set(n.elements),a=e=>e!=null&&i.has(e),o=e=>n.regions.some(t=>OO(e,t));return{guides:t.guides.filter(e=>AO(e,n.regions,r)).map(e=>({...e})),measurements:jO(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 NO={opacity:1,width:1,pattern:`solid`,dashLength:6,gap:4},PO={opacity:1,edgeReveal:!1};({...NO}),{...PO};var FO=10,IO=e=>({left:e.left,top:e.top,width:e.width,height:e.height}),LO=e=>{let t=new Set,n=[];for(let r of e)!r?.isConnected||t.has(r)||(t.add(r),n.push(r));return n},RO=e=>e.crypto?.randomUUID?.()??`${Date.now()}-${Math.random().toString(36).slice(2)}`;function zO(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=>IO(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=LO(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=LO(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=LO([...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=MO({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??FO}),h=m.measurements,g=m.distances,_=m.guides,v=LO([...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=yO(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:IO(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:IO(e.rectA),rectB:IO(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:RO(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(IO),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 BO=e=>`${Math.round(e*100)/100}px`,VO=e=>`x=${BO(e.left)} y=${BO(e.top)} w=${BO(e.width)} h=${BO(e.height)}`;function HO(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(`
|
|
2453
|
+
`).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}: ${VO(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: ${VO(e.rect)}`,` margin: ${BO(e.margin.top)} ${BO(e.margin.right)} ${BO(e.margin.bottom)} ${BO(e.margin.left)}`,` padding: ${BO(e.padding.top)} ${BO(e.padding.right)} ${BO(e.padding.bottom)} ${BO(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`}=${BO(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 ${BO(n.size)}`:`${n.count} ${n.kind}; gutter=${BO(n.gutter)}; offset=${BO(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}: `:``}${VO(n.rect)}; delta=${BO(n.deltaX)} × ${BO(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=${BO(n.horizontal.value)}`:null,n.vertical?`vertical=${BO(n.vertical.value)}`:null].filter(Boolean).join(`; `);t.push(`- ${e?`${e}: `:``}${r||`overlapping`}`)}}return t.join(`
|
|
2454
|
+
`).trimEnd()}function UO(e){let t=kO([...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 WO=(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`})},GO=(e,t,n,r)=>e.push({kind:`missing`,evidence:t,id:n,label:r}),KO=(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 qO(e){let t=e.runtime.annotation(e.annotationId);if(!t)throw Error(`Mesurer annotation not found: ${e.annotationId}`);let n=zO({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=jO({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){GO(a,`target`,e.id,e.selector);continue}WO(a,`target-rect`,`${t.inspection.selector} left`,e.rect.left,t.inspection.rect.left),WO(a,`target-rect`,`${t.inspection.selector} top`,e.rect.top,t.inspection.rect.top),WO(a,`target-rect`,`${t.inspection.selector} width`,e.rect.width,t.inspection.rect.width),WO(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){GO(a,`guide`,e.id,`${e.orientation} guide ${e.id}`);continue}WO(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=>KO(t.rect,e.rect));r&&n.targets.some(e=>e.ref===r.id)||GO(a,`measurement`,e.id,e.id);continue}WO(a,`measurement`,`${e.id} width`,e.rect.width,r.rect.width),WO(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){GO(a,`distance`,e.id,e.id);continue}e.horizontal&&t.horizontal?WO(a,`distance`,`${e.id} horizontal`,e.horizontal.value,t.horizontal.value):e.horizontal&&!t.horizontal&&GO(a,`distance`,e.id,`${e.id} horizontal`),e.vertical&&t.vertical?WO(a,`distance`,`${e.id} vertical`,e.vertical.value,t.vertical.value):e.vertical&&!t.vertical&&GO(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 JO(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 YO=_T,XO=vT,ZO=()=>({...WT(),version:CO}),QO=`mesurer.context`,$O=`context:v1`,ek=`mesurer.context.settings`,tk=`context.ui`,nk=`context.notes-open`,rk=`data-mesurer-direct-text-edit-active`,ik={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`]},ak={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`]},ok={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`]},sk={viewBox:`0 0 256 256`,paths:[`M40 40h176v16H40zm0 48h176v16H40zm0 48h112v16H40zm0 48h112v16H40zM184 144l40 40-48 48-40-40z`]},ck=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()))},lk=(e,t,n,r)=>{let i=async i=>zO({runtime:e,ownerDocument:t,ownerWindow:n,request:i,layoutGuides:r()}),a=async e=>HO(await i(e));return{context:i,contextText:a,copyContext:async e=>JO(t,n,await a(e)),select:async r=>{let a=Array.isArray(r)?[...r]:[String(r)];return e.select(a),await ck(t,n),i({scope:`selection`})},annotations:async()=>e.annotations(),removeAnnotation:async(r,i)=>{e.removeAnnotation(r,i),await ck(t,n)},review:async i=>{if(await ck(t,n),i)return qO({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:i,layoutGuides:r()});let a=r();return e.annotations().map(r=>qO({runtime:e,ownerDocument:t,ownerWindow:n,annotationId:r.id,layoutGuides:a}))},capturePlan:async e=>UO(await i(e)),prepareCapture:async()=>{e.prepareCapture(),await ck(t,n)},finishCapture:async()=>{e.finishCapture(),await ck(t,n)}}},uk=(e,t)=>{let n=e.currentSelection();return n.elements.length>0||n.region!==null&&!t?.querySelector(`[data-mesurer-responsive-stage]`)};function dk(e={}){return{id:QO,version:CO,requires:[`runtime:solid`],provides:[$O],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(QO),a=n.createAnnotationRevealCoordinator(i),[o,s]=G(!1);t.state.register({id:nk,initial:!1});let c=e=>{s(e),t.state.get(nk)!==e&&t.state.update(nk,()=>e)},l=()=>t.state.get(nk)??!1,u=lk(i,n.ownerDocument,n.ownerWindow,()=>t.service.get(XO)?.list()??[]);t.service.provide($O,u),t.state.register({id:ek,initial:{ui:e.ui??!0},persist:!0}),t.state.register({id:tk,initial:{hasSelection:uk(i,n.rendererRoot)}});let d=()=>t.state.get(`mesurer.context.settings`)?.ui??!0,f=()=>uk(i,n.rendererRoot),p=e=>{e||(c(!1),a.cancel()),t.state.update(ek,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=uk(i,n.rendererRoot);a!==(t.state.get(tk)?.hasSelection??!1)&&t.state.update(tk,()=>({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(rk)?e.setAttribute(rk,`true`):e.removeAttribute(rk))},E=()=>{_?.disconnect(),_=null,m=null,h?.(),h=null,g?.dispose(),g=null},D=()=>{if(g)return;if(g=qw(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:[rk]}),T()}let e={runtime:i,onCopy:u.copyContext,onController:e=>{m=e},get coordinateSpace(){return v()?`viewport`:`document`},rendererRoot:n.rendererRoot};h=ko(()=>[ho(Vw,Za(e,{get ownerWindow(){return n.ownerWindow}})),ho(Zo,{mount:r,get children(){return ho(Uw,{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:ik,hidden:()=>!d()}),t.tool.register({id:`context.copy-selection`,label:`Copy selection`,shortcut:`Shift+C`,command:`context.copy-selection`,order:71,toolbarMode:`always`,icon:ak,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:ok,hidden:()=>!d(),disabled:()=>!f()}),t.tool.register({id:`context.notes`,label:`Notes`,command:`context.notes`,order:73,toolbarMode:`always`,compactPinned:!0,icon:sk,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 fk={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 pk(e){for(let[t,n]of Object.entries(fk))e.style.setProperty(t,n,`important`)}function mk(e){return`popover`in e&&`showPopover`in e&&typeof e.showPopover==`function`&&`hidePopover`in e&&typeof e.hidePopover==`function`}var hk=e=>`newState`in e,gk=e=>e.localName===`dialog`;function _k(e){if(!gk(e)||!e.open)return!1;try{return e.matches(`:modal`)}catch{return!1}}function vk(e,t,n=!0){pk(e);let r=e.ownerDocument,i=r.defaultView??window,a=t,o=!1,s=`fixed`,c=!1,l=0,u=[];if(n&&mk(e)&&(e.popover=`manual`),t.append(e),n&&mk(e))try{e.showPopover(),c=e.matches(`:popover-open`),c&&(s=`top-layer`)}catch{e.removeAttribute(`popover`)}let d=()=>{if(!(!c||!mk(e)))try{e.matches(`:popover-open`)||e.showPopover()}catch{}},f=t=>{if(e.parentNode===t)return;let n=c&&mk(e)&&e.matches(`:popover-open`);if(n&&mk(e))try{e.hidePopover()}catch{}t.append(e),pk(e),n&&d()},p=()=>{u=u.filter(e=>e.isConnected&&_k(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||!mk(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=hk(t)?t.newState:void 0,r=t.target;if(r instanceof i.Element){if(gk(r)){n===`open`&&_k(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&&gk(t)&&h(t)},b=()=>{r.fullscreenElement&&_()},x=e=>{_k(e)&&m(e);for(let t of e.querySelectorAll(`dialog`))_k(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&&gk(e)&&(_k(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&&mk(e)&&e.matches(`:popover-open`))try{e.hidePopover()}catch{}u=[]}}}}var yk=`mesurer.codex`,bk=`codex:v1`,xk=`mesurer.plugin.before-disable`,Sk=2e3,Ck=750,wk=2e3,Tk=1800,Ek=2e3,Dk=12e4,Ok=10,kk=5,Ak=`http://127.0.0.1:47365`,jk=`mesurer-codex`,Mk=2,Nk=[`thread-discovery-v1`,`durable-queue-v1`,`history-recovery-v2`,`client-message-correlation-v1`,`idle-safe-shutdown-v1`,`nonterminal-retention-v1`,`instance-binding-v1`],Pk=1500,Fk=15e3,Ik=5e3,Lk=[`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(` `),Rk={viewBox:`0 0 256 256`,paths:[`M224,48,32,120l88,32,32,88Z M120,152l104-104`]},zk={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`]},Bk={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`]},Vk=class extends Error{issue;constructor(e,t){super(t),this.issue=e,this.name=`BrowserBridgeConnectionError`}},Hk=()=>{try{let e=globalThis.location;return e?.origin?`mesurer-codex-ui:v2:${e.origin}${e.pathname}`:null}catch{return null}},Uk=()=>{let e=Hk();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}},Wk=e=>{let t=Hk();if(t)try{globalThis.sessionStorage?.setItem(t,JSON.stringify(e))}catch{}},Gk=e=>{let t=Ak.endsWith(`/`)?Ak:`${Ak}/`;return new URL(e,t).toString()},Kk=e=>{let t=e.bridge;if(!t)throw new Vk(`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!==jk)throw new Vk(`port-conflict`,`Another local service is using port 47365 (${t.name??`unknown`}). Mesurer will not send Codex data to it.`);if(t.protocol!==Mk)throw new Vk(`version-mismatch`,`Mesurer Codex Bridge is out of date (protocol ${t.protocol??`unknown`}; expected ${Mk}). Restart the matching Mesurer Codex Bridge helper.`);if(e.access?.allowed===!1)throw new Vk(`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=Nk.filter(e=>!n.has(e));if(r.length>0)throw new Vk(`capability-mismatch`,`Mesurer Codex Bridge is missing required capabilities: ${r.join(`, `)}. Restart or update the matching helper.`);if(!t.instanceId?.trim())throw new Vk(`capability-mismatch`,`Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.`)},qk=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,Jk=e=>e instanceof Vk?e.issue:e instanceof Error?qk(e.message):null,Yk=async e=>{let t,n;if(e.action===`health`)t=Gk(`health`);else if(e.action===`threads`){let n=new URLSearchParams;n.set(`limit`,String(e.limit??Ok)),e.thread&&n.set(`thread`,e.thread),t=`${Gk(`threads`)}?${n.toString()}`}else if(e.action===`target`)t=Gk(`target`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({thread:e.thread})};else if(e.action===`queue`)t=Gk(`send`),n={method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({message:e.message,thread:e.thread})};else if(e.action===`delivery`)t=Gk(`deliveries/${encodeURIComponent(String(e.deliveryId??``))}`);else if(e.action===`restore`)t=Gk(`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 Vk(`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`?Pk:Fk,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`&&Kk(o),!i.ok||o.ok===!1){let e=o.error??`Mesurer Codex companion returned HTTP ${i.status}.`,t=qk(e);throw t?new Vk(t,e):Error(e)}return o}catch(e){throw e instanceof Error&&e.name===`AbortError`?new Vk(`timed-out`,`Mesurer Codex companion timed out.`):e instanceof TypeError?new Vk(`not-running`,`Mesurer Codex companion is unavailable at ${Ak}.`):e}finally{globalThis.clearTimeout(a)}},Xk=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},Zk=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}},Qk=e=>({thread:e.thread?.trim()||null,threads:Array.isArray(e.threads)?e.threads.filter(e=>e.trim().length>0):[]}),$k=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},eA=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}),tA=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(HO(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(`
|
|
2455
|
+
`).trimEnd()}},nA=e=>e.length>16?`${e.slice(0,8)}…${e.slice(-4)}`:e,rA=(e,t=42)=>e.length>t?`${e.slice(0,t-1)}…`:e,iA=e=>Jk(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 aA(e={}){let t=e.instruction?.trim()||Lk,n=e.ui??!0,r=e.clearCompletedAnnotations??!0;return{id:yk,version:CO,requires:[$O],provides:[bk],async setup(e){let i=e.service.get($O);if(!i)throw Error(`Mesurer Codex plugin requires context() from mesurer-solid/plugins.`);let a=n?Uk():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=kk,_,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 Yk(e);return O=t.bridge?.instanceId?.trim()||null,D=Date.now(),t}return(!O||t||Date.now()-D>=Ik)&&(O=(await Yk({action:`health`,thread:u??l??void 0})).bridge?.instanceId?.trim()||null,D=Date.now()),await Yk({...e,bridgeInstanceId:O??void 0})}catch(e){throw D=0,O=null,e}if(e.action===`activate`||e.action===`runtime`)return Xk(e);if(!E)throw Error(`Codex Bridge lease is not active for this plugin.`);return Xk({...e,leaseId:E})},M=async()=>{if(!A)return;let e=E;if(e){if((await Xk({action:`deactivate`,leaseId:e})).released!==!0)throw Error(`Codex Bridge did not confirm lease release.`);E=null}};if(A){let e=await Xk({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=Zk(e);let n=Qk(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(xk,async e=>{e===`mesurer.codex`&&await M()});let N=async()=>{if(!A)return null;let e=Zk(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=Zk(e)??s,Qk(e)},F=P,I=async e=>$k(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),$k(await j(t))},R=async(e={})=>{let t={action:`threads`,limit:e.limit??Ok},n=e.thread?.trim();return n&&(t.thread=n),eA(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;Wk({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())},H=()=>!b||b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)?!1:[`queueing`,`queued`,`working`,`completed`].includes(b.status),U=e=>e===`queueing`?`Queueing…`:e===`queued`?`Queued`:e===`working`?`Working…`:e===`completed`?`Done`:e===`interrupted`?`Interrupted`:`Failed`,ee=()=>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)?zk:b.status===`completed`?Bk:Rk:Rk,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 ${nA(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?` · ${U(b.status)}`:``;return{id:`codex.thread.${e.id}`,label:`${t}${rA(e.title)}${r}`,checked:()=>n===e.id,disabled:()=>H(),run(){H()||(V(e.id,!l),oe())}}})),g<Ok&&(e.length>g||h)&&r.push({id:`codex.thread.show-more`,label:`Show 5 more…`,run(){g=Ok,oe()}}),b?.queuedSubmissionId&&b.status===`queued`&&(b.dispatch===`desktop-opened`||b.dispatch===`desktop-wake-failed`)&&r.push({id:`codex.delivery.receipt`,label:`Receipt · ${nA(b.queuedSubmissionId)}`,disabled:()=>!0,run:()=>void 0}),r},oe=()=>{if(!n||T)return;let t=z(),r=ae(),i=!H()&&!d&&o!==`unavailable`&&(o===`unknown`||!!t),a=s?.source===`desktop`&&s.reason===`desktop-private-transport`,c=!A,l=re(!0),u=ee()??(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:Ok,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:Jk(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())},Tk)},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)},Ck);return}}B(),oe(),le();return}if(e.status===`interrupted`){B(),oe();let t=e.updatedAt>0?e.updatedAt:Date.now();Date.now()-t<Dk&&(S=globalThis.setTimeout(()=>{S=0,de(e.id)},Ek));return}oe(),S=globalThis.setTimeout(()=>{S=0,de(e.id)},wk)}},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(),iA(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=Qk(n);return s=Zk(n)??s,V(t,!l),f=r.thread,p=r.threads,o=`available`,c=!0,oe(),r},async queue(e){let r=await tA(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&&iA(e)&&(o=`unavailable`,k=A?null:Jk(e)??`unavailable`,oe()),e}},send(e){return fe.queue(e)}};e.service.provide(bk,fe);let pe=async()=>{if(!(w||H())){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)},Ck):C=globalThis.setTimeout(()=>{C=0,b?.id===null&&b?.status===`queued`&&(b=null,B(),oe())},Tk)}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?Sk:Ik);e.lifecycle.onDispose(()=>{T=!0,ce(),globalThis.clearInterval(t),_?.dispose(),_=void 0})}}}}var oA=KE,sA=(e={})=>({...pD(e),version:CO}),cA=ED,lA=(e={})=>({...KD(e),version:CO}),uA=()=>globalThis.window?.__MESURER_HOST__?.codexBridge!==void 0,dA=[{id:QO,label:`Context`,order:30,create:dk,settingsIds:[`context`],hiddenSettingsControlIds:[`ui`]},{id:wO,label:`Edit`,order:35,create:EO,settingsIds:[`arrange`]},{id:YO,label:`Layout Guides`,order:38,create:ZO},{id:cA,label:`Screenshot`,order:40,create:lA,settingsIds:[`screenshot`],hiddenSettingsControlIds:[`tool`]},{id:oA,label:`Recording`,order:42,create:sA,settingsIds:[`recording`],hiddenSettingsControlIds:[`tool`]},{id:yk,label:`Codex`,order:45,create:aA}],fA=e=>{let t=e!==void 0,n=new Map((e??[]).map(e=>[e.id,e])),r=new Set(dA.map(e=>e.id)),i=dA.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`?uA():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},pA={select:`select`,xray:`xray`,colorPicker:`color-picker`,rulers:`rulers`,responsive:`responsive`,typography:`text-inspector`,guides:`guides`,distance:`distance`,settings:`settings`};function mA(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=vk(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=SO({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($O);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(DO);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),H=async()=>(await N()).prepareCapture(),U=async()=>(await N()).finishCapture(),ee=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($O);return{protocol:`mesurer.agent/v1`,contextSchema:`mesurer.context/v1`,capabilities:{context:e,select:e,annotations:e,review:e,capturePlan:e,arrange:!!b?.service.get(DO),textEdit:!!b?.service.get(bO)}}},context:F,contextText:I,select:R,annotations:z,review:B,capturePlan:V,prepareCapture:H,finishCapture:U,arrangements:ee,arrange:W,showArrange:te,arrangeCapturePlan:ne,reviewArrange:re}),se={...f,version:CO,plugins:fA(l),excludePlugins:u?u.map(e=>pA[e]):[...d??[]]},ce=ko(()=>ho(Sw,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:H,finishCapture:U,arrangements:ee,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 hA=globalThis.__MESURER_CONFIG__??{},gA=(()=>{try{return!!window.frameElement?.hasAttribute(`data-mesurer-responsive-frame`)}catch{return!1}})(),{target:_A,globalName:vA=`__MESURER__`,reuseExisting:yA=!0,recoverDisconnected:bA=!1,...xA}=hA,SA=globalThis.__MESURER_INSTANCE__,CA=!gA&&yA&&SA?.element.isConnected?SA:void 0,wA=()=>{let e=_A?document.querySelector(_A):document.body;if(!e)throw Error(`Mesurer injection target not found: ${_A}`);return gA||globalThis.__MESURER_INSTANCE__?.dispose(),mA({...xA,target:e,agent:{globalName:vA,root:document}})},TA=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()}}},EA=CA??wA();gA||(globalThis.__MESURER_INSTANCE__=EA),gA||globalThis.__MESURER_INJECT_RECOVERY__?.stop(),gA||(globalThis.__MESURER_INJECT_RECOVERY__=void 0),bA&&!gA&&TA(wA),gA||EA.ready.catch(e=>{queueMicrotask(()=>{throw e})})})(__MESURER_MEDIABUNNY__);
|