@vscode/component-explorer 0.2.1-92 → 0.2.1-94

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/viewer.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var ut = Object.defineProperty;
2
2
  var gt = (r, e, o) => e in r ? ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
3
3
  var p = (r, e, o) => gt(r, typeof e != "symbol" ? e + "" : e, o);
4
- import { f as Co, e as Io, s as Fo, g as We, S as $e, r as Te, _ as mt } from "./runtimeVersion-CgfFmBLs.js";
5
- import { h as _s, d as Ss, a as Bs, b as Cs, c as Is, i as Fs, j as Es } from "./runtimeVersion-CgfFmBLs.js";
4
+ import { f as Co, e as Io, s as Fo, g as We, S as $e, r as Te, _ as mt } from "./runtimeVersion-CfIfQ7Xv.js";
5
+ import { h as _s, d as Ss, a as Bs, b as Cs, c as Is, i as Fs, j as Es } from "./runtimeVersion-CfIfQ7Xv.js";
6
6
  import { createRoot as go } from "react-dom/client";
7
7
  import * as hr from "react";
8
8
  import { createContext as fr, useReducer as ht, useState as ft, useContext as bt, useEffect as Eo, createElement as xt } from "react";
9
9
  import { jsx as l, jsxs as h, Fragment as Se } from "react/jsx-runtime";
10
10
  import { unstable_batchedUpdates as br, createPortal as vt } from "react-dom";
11
- import { z as S } from "zod";
11
+ import { z as k } from "zod";
12
12
  function mo(r) {
13
13
  return typeof r == "object" && r !== null && Fo in r && r[Fo] === !0 && "_options" in r && typeof r._options == "object";
14
14
  }
@@ -813,7 +813,7 @@ class Br {
813
813
  return this._updatingObservers;
814
814
  }
815
815
  }
816
- function k(r, e, o = N.ofCaller()) {
816
+ function w(r, e, o = N.ofCaller()) {
817
817
  let t;
818
818
  return typeof r == "string" ? t = new K(void 0, r, void 0) : t = new K(r, void 0, void 0), new Cr(t, e, he, o);
819
819
  }
@@ -1262,7 +1262,7 @@ class Zt {
1262
1262
  p(this, "_values");
1263
1263
  /** Cache of derived per-fixture override observables. */
1264
1264
  p(this, "_byFixture", /* @__PURE__ */ new Map());
1265
- this._values = k("fixtureInputValues", this._load());
1265
+ this._values = w("fixtureInputValues", this._load());
1266
1266
  }
1267
1267
  /**
1268
1268
  * Returns a derived observable of `fixtureId`'s input overrides, mapped from the shared
@@ -1387,7 +1387,7 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
1387
1387
  d.push(y);
1388
1388
  const x = new z(d.join("/"));
1389
1389
  let v = (g = c.children) == null ? void 0 : g.find(
1390
- (w) => w.type === "folder" && w.name === y
1390
+ (_) => _.type === "folder" && _.name === y
1391
1391
  );
1392
1392
  v || (v = {
1393
1393
  id: x,
@@ -1421,8 +1421,8 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
1421
1421
  labels: [...o._labels ?? []]
1422
1422
  }, c.children || (c.children = []), c.children.push(f));
1423
1423
  for (const [y, x] of Object.entries(o._entries)) {
1424
- const v = o._expectedVisualDescriptions, w = v ? typeof v == "string" ? [v] : [...v] : [], _ = [...i, ...w], F = Ue(a, o._inputSchemaJson);
1425
- Rr(f, [y], x, d, n, _, F);
1424
+ const v = o._expectedVisualDescriptions, _ = v ? typeof v == "string" ? [v] : [...v] : [], S = [...i, ..._], F = Ue(a, o._inputSchemaJson);
1425
+ Rr(f, [y], x, d, n, S, F);
1426
1426
  }
1427
1427
  } else if (fo(o)) {
1428
1428
  const f = {
@@ -1434,11 +1434,11 @@ function Rr(r, e, o, t = [], n = "", i = [], a = void 0) {
1434
1434
  };
1435
1435
  c.children || (c.children = []), c.children.push(f);
1436
1436
  for (const [y, x] of Object.entries(o._variants)) {
1437
- const v = o._expectedVisualDescriptions, w = v ? typeof v == "string" ? [v] : [...v] : [], _ = [...i, ...w], F = Ue(a, o._inputSchemaJson), A = new z([...d, y].join("/")), V = {
1437
+ const v = o._expectedVisualDescriptions, _ = v ? typeof v == "string" ? [v] : [...v] : [], S = [...i, ..._], F = Ue(a, o._inputSchemaJson), A = new z([...d, y].join("/")), V = {
1438
1438
  id: A,
1439
1439
  name: y,
1440
1440
  type: "component",
1441
- component: Ro(x, A.value, y, n, _, F),
1441
+ component: Ro(x, A.value, y, n, S, F),
1442
1442
  labels: [...x._options.labels ?? []]
1443
1443
  };
1444
1444
  f.children.push(V);
@@ -1466,9 +1466,9 @@ function on(r) {
1466
1466
  }
1467
1467
  class rn {
1468
1468
  constructor() {
1469
- p(this, "_fixtures", k(this, /* @__PURE__ */ new Map()));
1470
- p(this, "loading", k(this, !1));
1471
- p(this, "error", k(this, void 0));
1469
+ p(this, "_fixtures", w(this, /* @__PURE__ */ new Map()));
1470
+ p(this, "loading", w(this, !1));
1471
+ p(this, "error", w(this, void 0));
1472
1472
  p(this, "root", E(this, (e) => {
1473
1473
  const o = this._fixtures.read(e);
1474
1474
  return Pe(o);
@@ -1608,7 +1608,7 @@ class un {
1608
1608
  return this.debugName;
1609
1609
  }
1610
1610
  updateProps(e) {
1611
- this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = k(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = E(this, this._render), this._disposable = ln.addDependency(this.rendering, this));
1611
+ this._obsProps ? this._obsProps.set(e, void 0) : (this._obsProps = w(this, e), this._render = this.renderFactory(this._obsProps, () => this.contextValues), this.rendering = E(this, this._render), this._disposable = ln.addDependency(this.rendering, this));
1612
1612
  }
1613
1613
  }
1614
1614
  function yo(r, e, o) {
@@ -1650,14 +1650,14 @@ function gn(r) {
1650
1650
  function P(r, e, o) {
1651
1651
  const t = typeof e == "function" ? {} : e, n = typeof e == "function" ? e : o, i = "_props" in r ? r._props : {}, a = gn({ ...i, ...t }), c = dn(r), d = [...a, c];
1652
1652
  return yo("viewWithModel", (s, u) => {
1653
- const g = u(), b = g.get(c), f = "_props" in r ? pe(r._props, (v, w) => v.create((_) => s.read(_)[w], g.get(v._requiredContext))) : {}, y = b ? { read: () => b, dispose: () => {
1653
+ const g = u(), b = g.get(c), f = "_props" in r ? pe(r._props, (v, _) => v.create((S) => s.read(S)[_], g.get(v._requiredContext))) : {}, y = b ? { read: () => b, dispose: () => {
1654
1654
  } } : Pt((v) => {
1655
- const w = pe(f, (_) => _.read(v));
1656
- return new r(w);
1657
- }), x = pe(t, (v, w) => v.create((_) => s.read(_)[w], g.get(v._requiredContext)));
1655
+ const _ = pe(f, (S) => S.read(v));
1656
+ return new r(_);
1657
+ }), x = pe(t, (v, _) => v.create((S) => s.read(S)[_], g.get(v._requiredContext)));
1658
1658
  return (v) => {
1659
- const w = y.read(v), _ = pe(x, (F) => F.read(v));
1660
- return n(v, w, _);
1659
+ const _ = y.read(v), S = pe(x, (F) => F.read(v));
1660
+ return n(v, _, S);
1661
1661
  };
1662
1662
  }, d.length > 0 ? d : void 0);
1663
1663
  }
@@ -1714,7 +1714,7 @@ function He(r, e) {
1714
1714
  s !== null && (a = i(s));
1715
1715
  } catch {
1716
1716
  }
1717
- const c = k(r, a), d = c.set.bind(c);
1717
+ const c = w(r, a), d = c.set.bind(c);
1718
1718
  return c.set = (s, u) => {
1719
1719
  try {
1720
1720
  localStorage.setItem(o, n(s));
@@ -1724,7 +1724,7 @@ function He(r, e) {
1724
1724
  }, c;
1725
1725
  }
1726
1726
  function Ao(r, e) {
1727
- const t = new URLSearchParams(location.search).get(e) || void 0, n = k(r, t);
1727
+ const t = new URLSearchParams(location.search).get(e) || void 0, n = w(r, t);
1728
1728
  window.addEventListener("popstate", () => {
1729
1729
  const a = new URLSearchParams(location.search);
1730
1730
  n.set(a.get(e) || void 0, void 0);
@@ -1777,7 +1777,7 @@ function vn(r, e, o = 0) {
1777
1777
  class yn {
1778
1778
  constructor() {
1779
1779
  p(this, "_values");
1780
- this._values = k("fixturePageViewports", this._load());
1780
+ this._values = w("fixturePageViewports", this._load());
1781
1781
  }
1782
1782
  read(e, o, t) {
1783
1783
  return $o(this._values.read(e)[o], t);
@@ -1831,7 +1831,7 @@ class yn {
1831
1831
  }
1832
1832
  class kn {
1833
1833
  constructor() {
1834
- p(this, "_entries", k(
1834
+ p(this, "_entries", w(
1835
1835
  this,
1836
1836
  /* @__PURE__ */ new Map()
1837
1837
  ));
@@ -2043,7 +2043,7 @@ class In {
2043
2043
  getLayout(e, o, t) {
2044
2044
  let n = this.layouts.get(e);
2045
2045
  if (!n)
2046
- return n = k(
2046
+ return n = w(
2047
2047
  this,
2048
2048
  Pr(o, t)
2049
2049
  ), this.layouts.set(e, n), n;
@@ -2052,7 +2052,7 @@ class In {
2052
2052
  }
2053
2053
  getActiveEntry(e) {
2054
2054
  let o = this.activeEntries.get(e);
2055
- return o || (o = k(this, void 0), this.activeEntries.set(e, o)), o;
2055
+ return o || (o = w(this, void 0), this.activeEntries.set(e, o)), o;
2056
2056
  }
2057
2057
  }
2058
2058
  class Fn extends M({
@@ -2075,7 +2075,7 @@ class Fn extends M({
2075
2075
  defaultValue: !0
2076
2076
  }));
2077
2077
  p(this, "selectedNodeId", Ao(this, "fixture"));
2078
- p(this, "expandedNodeIds", k(this, this._initialExpandedNodes()));
2078
+ p(this, "expandedNodeIds", w(this, this._initialExpandedNodes()));
2079
2079
  p(this, "viewMode", He(this, {
2080
2080
  storageKey: "component-explorer:viewMode",
2081
2081
  defaultValue: "session"
@@ -2480,7 +2480,7 @@ class En extends M({
2480
2480
  }) {
2481
2481
  constructor() {
2482
2482
  super(...arguments);
2483
- p(this, "isHovered", k(this, !1));
2483
+ p(this, "isHovered", w(this, !1));
2484
2484
  p(this, "setHovered", (o) => {
2485
2485
  this.isHovered.set(o, void 0);
2486
2486
  });
@@ -2678,7 +2678,7 @@ class Wn extends M({
2678
2678
  }) {
2679
2679
  constructor() {
2680
2680
  super(...arguments);
2681
- p(this, "isHovered", k(this, !1));
2681
+ p(this, "isHovered", w(this, !1));
2682
2682
  p(this, "setHovered", (o) => {
2683
2683
  this.isHovered.set(o, void 0);
2684
2684
  });
@@ -2954,20 +2954,20 @@ const Xn = D(
2954
2954
  padding: "12px",
2955
2955
  color: "var(--component-explorer-descriptionForeground)",
2956
2956
  fontSize: "12px"
2957
- }, oi = S.enum([
2957
+ }, oi = k.enum([
2958
2958
  "console.error",
2959
2959
  "console.warn",
2960
2960
  "console.log",
2961
2961
  "window.error",
2962
2962
  "window.unhandledrejection",
2963
2963
  "thrownError"
2964
- ]), ri = S.object({
2964
+ ]), ri = k.object({
2965
2965
  type: oi,
2966
- phase: S.enum(["render", "dispose"]),
2967
- isError: S.boolean(),
2968
- message: S.string(),
2969
- stack: S.string().optional()
2970
- }), Uo = S.object({
2966
+ phase: k.enum(["render", "dispose"]),
2967
+ isError: k.boolean(),
2968
+ message: k.string(),
2969
+ stack: k.string().optional()
2970
+ }), Uo = k.object({
2971
2971
  /**
2972
2972
  * Path (relative to manifest.json) to a JSON file in the standard Istanbul
2973
2973
  * `coverage-final.json` format: `Record<absolutePath, IFileCoverage>`.
@@ -2976,42 +2976,43 @@ const Xn = D(
2976
2976
  * When CSS coverage is collected, CSS files are merged into the same map
2977
2977
  * (one statement per non-blank line) so they appear as ordinary source files.
2978
2978
  */
2979
- coverageDataIstanbul: S.string().optional()
2979
+ coverageDataIstanbul: k.string().optional()
2980
2980
  }).describe("References to coverage report files emitted alongside the manifest");
2981
- S.object({
2982
- version: S.literal(1),
2983
- repository: S.object({
2984
- owner: S.string(),
2985
- name: S.string()
2981
+ k.object({
2982
+ version: k.literal(1),
2983
+ projectId: k.string().min(1).default("main"),
2984
+ repository: k.object({
2985
+ owner: k.string(),
2986
+ name: k.string()
2986
2987
  }),
2987
- commit: S.object({
2988
- hash: S.string(),
2989
- parentHashes: S.array(S.string()),
2990
- author: S.object({
2991
- name: S.string(),
2992
- email: S.string()
2988
+ commit: k.object({
2989
+ hash: k.string(),
2990
+ parentHashes: k.array(k.string()),
2991
+ author: k.object({
2992
+ name: k.string(),
2993
+ email: k.string()
2993
2994
  }),
2994
- timestamp: S.string(),
2995
- message: S.string()
2995
+ timestamp: k.string(),
2996
+ message: k.string()
2996
2997
  }),
2997
2998
  /** Aggregated coverage across all fixtures (always present when coverage was collected). */
2998
2999
  coverage: Uo.optional(),
2999
- fixtures: S.array(S.object({
3000
- fixtureId: S.string(),
3001
- imageHash: S.string().optional(),
3002
- imagePath: S.string().optional(),
3003
- background: S.enum(["light", "dark"]),
3004
- labels: S.array(S.string()),
3005
- expectedVisualDescriptions: S.array(S.string()),
3000
+ fixtures: k.array(k.object({
3001
+ fixtureId: k.string(),
3002
+ imageHash: k.string().optional(),
3003
+ imagePath: k.string().optional(),
3004
+ background: k.enum(["light", "dark"]),
3005
+ labels: k.array(k.string()),
3006
+ expectedVisualDescriptions: k.array(k.string()),
3006
3007
  /** `true` iff at least one event in `events` has `isError: true`. */
3007
- hasError: S.boolean(),
3008
- events: S.array(ri),
3009
- renderTimeMs: S.object({
3010
- sync: S.number(),
3011
- total: S.number()
3008
+ hasError: k.boolean(),
3009
+ events: k.array(ri),
3010
+ renderTimeMs: k.object({
3011
+ sync: k.number(),
3012
+ total: k.number()
3012
3013
  }),
3013
3014
  /** Arbitrary data the fixture provided via `RenderResult.output`. */
3014
- output: S.unknown().optional(),
3015
+ output: k.unknown().optional(),
3015
3016
  /** Coverage attributable to this fixture (only present in per-fixture coverage mode). */
3016
3017
  coverage: Uo.optional()
3017
3018
  }))
@@ -3082,7 +3083,7 @@ const Ae = class Ae {
3082
3083
  p(this, "_installed", !1);
3083
3084
  p(this, "_originalConsoleError");
3084
3085
  p(this, "_originalConsoleWarn");
3085
- this._events = k(this, []);
3086
+ this._events = w(this, []);
3086
3087
  }
3087
3088
  static getInstance() {
3088
3089
  return this._instance || (this._instance = new Ae()), this._instance;
@@ -3308,15 +3309,15 @@ class Bo {
3308
3309
  g.searchParams.set("mode", "embedded"), g.searchParams.set("fixture", o.id), g.searchParams.set("file", o.sourceFile), s.src = g.toString(), e.appendChild(s), this.iframe = s;
3309
3310
  let b, f;
3310
3311
  const y = (x) => {
3311
- var v, w, _, F, A, V, be, xe;
3312
+ var v, _, S, F, A, V, be, xe;
3312
3313
  if (x.source === s.contentWindow) {
3313
3314
  if (((v = x.data) == null ? void 0 : v.type) === "component-explorer:resize") {
3314
3315
  const W = x.data.height, te = x.data.width;
3315
3316
  s.style.height = W + "px", ai(o.id, W), u && te && (s.style.width = te + "px", ci(o.id, te));
3316
- } else if (((w = x.data) == null ? void 0 : w.type) === "component-explorer:error") {
3317
+ } else if (((_ = x.data) == null ? void 0 : _.type) === "component-explorer:error") {
3317
3318
  const W = x.data.error;
3318
3319
  this._resolvedResult = { error: W }, f == null || f(W), f = void 0;
3319
- } else if (((_ = x.data) == null ? void 0 : _.type) === "component-explorer:console")
3320
+ } else if (((S = x.data) == null ? void 0 : S.type) === "component-explorer:console")
3320
3321
  Ne.getInstance().addEvent(
3321
3322
  x.data.eventType,
3322
3323
  x.data.message,
@@ -3530,7 +3531,7 @@ class vi extends M({
3530
3531
  }) {
3531
3532
  constructor() {
3532
3533
  super(...arguments);
3533
- p(this, "expanded", k(this, !1));
3534
+ p(this, "expanded", w(this, !1));
3534
3535
  }
3535
3536
  get store() {
3536
3537
  return this.props.store;
@@ -3732,8 +3733,8 @@ class wi extends M({
3732
3733
  super(o);
3733
3734
  p(this, "allEntries");
3734
3735
  p(this, "layout");
3735
- p(this, "draggedEntryKey", k(this, void 0));
3736
- p(this, "dropTarget", k(this, void 0));
3736
+ p(this, "draggedEntryKey", w(this, void 0));
3737
+ p(this, "dropTarget", w(this, void 0));
3737
3738
  p(this, "entriesByKey", /* @__PURE__ */ new Map());
3738
3739
  p(this, "rootElement", null);
3739
3740
  p(this, "toolbarElement", null);
@@ -3742,7 +3743,7 @@ class wi extends M({
3742
3743
  const t = this.reconcileEntries(this.withConsoleEntry(o.entries.get()));
3743
3744
  if (t.length === 0)
3744
3745
  throw new Error("DebugWorkbench requires at least one entry");
3745
- this.allEntries = k(this, t), this.layout = o.stateStore.getLayout(
3746
+ this.allEntries = w(this, t), this.layout = o.stateStore.getLayout(
3746
3747
  o.workbenchId,
3747
3748
  t.map((n) => n.key),
3748
3749
  o.activeEntryKey.get()
@@ -4299,8 +4300,8 @@ class Oi extends M({
4299
4300
  }) {
4300
4301
  constructor(o) {
4301
4302
  super(o);
4302
- p(this, "text", k(this, ""));
4303
- p(this, "error", k(this, void 0));
4303
+ p(this, "text", w(this, ""));
4304
+ p(this, "error", w(this, void 0));
4304
4305
  p(this, "session");
4305
4306
  this.session = o.rendering.activateDebugPanel(q, (t) => {
4306
4307
  this.text.set(JSON.stringify(t, void 0, 2) ?? "undefined", void 0), this.error.set(void 0, void 0);
@@ -4658,15 +4659,15 @@ class ca extends M({
4658
4659
  p(this, "_debugHeaderHostRef", null);
4659
4660
  p(this, "_stopDebugPaneResize");
4660
4661
  p(this, "_mountSub", null);
4661
- p(this, "measuredWidth", k(this, void 0));
4662
- p(this, "measuredHeight", k(this, void 0));
4663
- p(this, "availableWidth", k(this, 0));
4664
- p(this, "reservedHeight", k(this, 0));
4665
- p(this, "contentHostWidth", k(this, 0));
4666
- p(this, "fixtureColumnHeight", k(this, 0));
4667
- p(this, "debugHeaderHost", k(this, null));
4668
- p(this, "debugPaneFraction", k(this, 0.4));
4669
- p(this, "error", k(this, void 0));
4662
+ p(this, "measuredWidth", w(this, void 0));
4663
+ p(this, "measuredHeight", w(this, void 0));
4664
+ p(this, "availableWidth", w(this, 0));
4665
+ p(this, "reservedHeight", w(this, 0));
4666
+ p(this, "contentHostWidth", w(this, 0));
4667
+ p(this, "fixtureColumnHeight", w(this, 0));
4668
+ p(this, "debugHeaderHost", w(this, null));
4669
+ p(this, "debugPaneFraction", w(this, 0.4));
4670
+ p(this, "error", w(this, void 0));
4670
4671
  p(this, "slotName", `fixture-${sa++}`);
4671
4672
  p(this, "setContentHostRef", (o) => {
4672
4673
  var t;
@@ -4811,9 +4812,9 @@ const Xr = P(
4811
4812
  e.logicalFixtureCount,
4812
4813
  (y == null ? void 0 : y.ready) === !0 && y.hasOutput,
4813
4814
  (y == null ? void 0 : y.outputEditable) === !0
4814
- ), v = e.debugWorkbenchState.getActiveEntry(`inline:${o.id}`).read(r), w = v !== void 0, _ = e.contentHostWidth.read(r), F = e.fixtureColumnHeight.read(r), A = Math.max(0, _ - 8), V = Math.round(A * e.debugPaneFraction.read(r)), be = u && s ? s.mode === "actual" ? u.visualWidth + 24 : void 0 : n !== void 0 ? n + 24 : void 0, xe = _ > 0 ? w ? Math.max(0, _ - 8 - V) : be === void 0 ? void 0 : Math.min(_, be) : void 0, W = u ? Math.max(280, u.visualHeight + 24) : Math.max(280, i ?? 0), te = F > 0 ? F : W, st = `${e.slotName}-debug-tabpanel`;
4815
+ ), v = e.debugWorkbenchState.getActiveEntry(`inline:${o.id}`).read(r), _ = v !== void 0, S = e.contentHostWidth.read(r), F = e.fixtureColumnHeight.read(r), A = Math.max(0, S - 8), V = Math.round(A * e.debugPaneFraction.read(r)), be = u && s ? s.mode === "actual" ? u.visualWidth + 24 : void 0 : n !== void 0 ? n + 24 : void 0, xe = S > 0 ? _ ? Math.max(0, S - 8 - V) : be === void 0 ? void 0 : Math.min(S, be) : void 0, W = u ? Math.max(280, u.visualHeight + 24) : Math.max(280, i ?? 0), te = F > 0 ? F : W, st = `${e.slotName}-debug-tabpanel`;
4815
4816
  return /* @__PURE__ */ h("div", { style: b, children: [
4816
- /* @__PURE__ */ h("div", { style: fa(x.length > 0, w, xe, _), children: [
4817
+ /* @__PURE__ */ h("div", { style: fa(x.length > 0, _, xe, S), children: [
4817
4818
  c && /* @__PURE__ */ l(
4818
4819
  "a",
4819
4820
  {
@@ -4865,7 +4866,7 @@ const Xr = P(
4865
4866
  children: /* @__PURE__ */ h(
4866
4867
  "div",
4867
4868
  {
4868
- style: x.length > 0 ? ha(w, xe, V) : void 0,
4869
+ style: x.length > 0 ? ha(_, xe, V) : void 0,
4869
4870
  children: [
4870
4871
  /* @__PURE__ */ h(
4871
4872
  "div",
@@ -4879,7 +4880,7 @@ const Xr = P(
4879
4880
  }
4880
4881
  ),
4881
4882
  x.length > 0 && /* @__PURE__ */ h(Se, { children: [
4882
- w && /* @__PURE__ */ l(
4883
+ _ && /* @__PURE__ */ l(
4883
4884
  "div",
4884
4885
  {
4885
4886
  role: "separator",
@@ -4901,7 +4902,7 @@ const Xr = P(
4901
4902
  style: {
4902
4903
  ...C.inlineDebug,
4903
4904
  height: te,
4904
- display: w ? "block" : "none"
4905
+ display: _ ? "block" : "none"
4905
4906
  },
4906
4907
  children: /* @__PURE__ */ l(
4907
4908
  Kr,
@@ -4910,7 +4911,7 @@ const Xr = P(
4910
4911
  entries: x,
4911
4912
  activeEntryKey: v ?? x[0].key,
4912
4913
  externalHeaderHost: e.debugHeaderHost.read(r),
4913
- contentVisible: w,
4914
+ contentVisible: _,
4914
4915
  onActiveEntryChange: e.selectDebugEntry,
4915
4916
  onClose: e.closeDebugPane,
4916
4917
  store: e.debugStore,
@@ -5377,7 +5378,7 @@ class va extends M({
5377
5378
  }) {
5378
5379
  constructor(o) {
5379
5380
  super(o);
5380
- p(this, "screenshot", k(this, { status: "idle" }));
5381
+ p(this, "screenshot", w(this, { status: "idle" }));
5381
5382
  p(this, "_fetchVersion", 0);
5382
5383
  this._store.add(Be((t) => {
5383
5384
  this.props.daemon.sourceTreeIds.read(t).get(this.props.sessionName) && this._fetchScreenshot();
@@ -5468,7 +5469,7 @@ class ya extends M({
5468
5469
  }) {
5469
5470
  constructor(o) {
5470
5471
  super(o);
5471
- p(this, "comparisonStatus", k(this, { status: "loading" }));
5472
+ p(this, "comparisonStatus", w(this, { status: "loading" }));
5472
5473
  this._store.add(Be((t) => {
5473
5474
  const n = this.props.daemon.sourceTreeIds.read(t), i = n.get(this.props.baselineSession), a = n.get(this.props.currentSession);
5474
5475
  i && a && this._fetchComparison();
@@ -5875,9 +5876,9 @@ class La extends M({
5875
5876
  }) {
5876
5877
  constructor() {
5877
5878
  super(...arguments);
5878
- p(this, "_rowHeights", k(this, ii()));
5879
- p(this, "_scrollTop", k(this, 0));
5880
- p(this, "viewportHeight", k(this, 0));
5879
+ p(this, "_rowHeights", w(this, ii()));
5880
+ p(this, "_scrollTop", w(this, 0));
5881
+ p(this, "viewportHeight", w(this, 0));
5881
5882
  p(this, "_scrollContainerRef", null);
5882
5883
  p(this, "_resizeObserver", null);
5883
5884
  p(this, "_viewportResizeObserver", null);
@@ -5999,22 +6000,22 @@ const za = P(
5999
6000
  return /* @__PURE__ */ h(
6000
6001
  "div",
6001
6002
  {
6002
- ref: (w) => e.observeRowElement(w, f),
6003
+ ref: (_) => e.observeRowElement(_, f),
6003
6004
  style: { position: "absolute", top: b, left: we, right: we },
6004
6005
  children: [
6005
- v.map((w) => {
6006
- const _ = Pa(w.depth);
6007
- return /* @__PURE__ */ l(_, { style: Va(w.depth), children: /* @__PURE__ */ l(
6006
+ v.map((_) => {
6007
+ const S = Pa(_.depth);
6008
+ return /* @__PURE__ */ l(S, { style: Va(_.depth), children: /* @__PURE__ */ l(
6008
6009
  "a",
6009
6010
  {
6010
- href: Or("fixture", w.nodeId),
6011
+ href: Or("fixture", _.nodeId),
6011
6012
  style: j.headingLink,
6012
6013
  onClick: (F) => {
6013
- F.preventDefault(), e.explorerModel.selectNode(w.nodeId);
6014
+ F.preventDefault(), e.explorerModel.selectNode(_.nodeId);
6014
6015
  },
6015
- children: w.name
6016
+ children: _.name
6016
6017
  }
6017
- ) }, w.depth);
6018
+ ) }, _.depth);
6018
6019
  }),
6019
6020
  s.type === "single" ? /* @__PURE__ */ l(Xr, { fixture: s.fixture, compact: !1, onSelect: e.explorerModel.selectNode, inputStore: e.explorerModel.inputStore, viewportStore: e.explorerModel.viewportStore, availablePageHeight: c, debugStore: e.explorerModel.debugStore, debugWorkbenchState: e.explorerModel.debugWorkbenchState, logicalFixtureCount: 1 }) : s.type === "variants" ? /* @__PURE__ */ l(Na, { row: s, onSelect: e.explorerModel.selectNode, inputStore: e.explorerModel.inputStore, viewportStore: e.explorerModel.viewportStore, availablePageHeight: c, debugStore: e.explorerModel.debugStore, debugWorkbenchState: e.explorerModel.debugWorkbenchState }) : s.type === "screenshot-comparison" && e.explorerModel.daemon ? /* @__PURE__ */ l(
6020
6021
  wa,
@@ -6089,7 +6090,7 @@ class Aa extends M({
6089
6090
  }) {
6090
6091
  constructor() {
6091
6092
  super(...arguments);
6092
- p(this, "headerHost", k(this, null));
6093
+ p(this, "headerHost", w(this, null));
6093
6094
  p(this, "setHeaderHost", (o) => {
6094
6095
  this.headerHost.set(o, void 0);
6095
6096
  });
@@ -6328,8 +6329,8 @@ ${f}` : ""}`;
6328
6329
  let v;
6329
6330
  for (; (v = u.indexOf(`
6330
6331
  `)) >= 0; ) {
6331
- const w = u.slice(0, v).trim();
6332
- u = u.slice(v + 1), w.length > 0 && (yield JSON.parse(w));
6332
+ const _ = u.slice(0, v).trim();
6333
+ u = u.slice(v + 1), _.length > 0 && (yield JSON.parse(_));
6333
6334
  }
6334
6335
  }
6335
6336
  const b = u.trim();
@@ -6339,8 +6340,8 @@ ${f}` : ""}`;
6339
6340
  }
6340
6341
  class Ja {
6341
6342
  constructor(e) {
6342
- p(this, "_sourceTreeIds", k(this, /* @__PURE__ */ new Map()));
6343
- p(this, "_sessions", k(this, []));
6343
+ p(this, "_sourceTreeIds", w(this, /* @__PURE__ */ new Map()));
6344
+ p(this, "_sessions", w(this, []));
6344
6345
  p(this, "_screenshotCache", /* @__PURE__ */ new Map());
6345
6346
  p(this, "_client");
6346
6347
  p(this, "_eventStreamAbort", null);
@@ -6463,7 +6464,7 @@ class Ja {
6463
6464
  }
6464
6465
  class Qa {
6465
6466
  constructor(e) {
6466
- p(this, "state", k(this, { status: "loading" }));
6467
+ p(this, "state", w(this, { status: "loading" }));
6467
6468
  p(this, "_baseUrl");
6468
6469
  this.reportUrl = e;
6469
6470
  const o = e.lastIndexOf("/");
@@ -6643,7 +6644,7 @@ class rs {
6643
6644
  throw new Error(this._loadError);
6644
6645
  const t = this._findFixtureNode(this._root, e);
6645
6646
  if (!t || !t.component) {
6646
- const _ = this._flattenFixtures(this._root).map((V) => V.fixtureId), F = ns(e, _, 5), A = F.length > 0 ? `
6647
+ const S = this._flattenFixtures(this._root).map((V) => V.fixtureId), F = ns(e, S, 5), A = F.length > 0 ? `
6647
6648
  Did you mean one of these?
6648
6649
  ${F.map((V) => ` - ${V}`).join(`
6649
6650
  `)}` : "";
@@ -6657,23 +6658,23 @@ ${F.map((V) => ` - ${V}`).join(`
6657
6658
  i.style.display = "inline-block", this._containerElement.appendChild(i), this._currentContainer = i;
6658
6659
  const a = t.component, c = [];
6659
6660
  let d;
6660
- const s = (_) => {
6661
- d || (d = _);
6661
+ const s = (S) => {
6662
+ d || (d = S);
6662
6663
  }, u = this._captureEvents(c);
6663
6664
  let g;
6664
6665
  const b = performance.now();
6665
6666
  let f;
6666
6667
  try {
6667
- const _ = new Bo(i, a, { kind: "headless", interactive: !1 }, o);
6668
- f = performance.now() - b, this._currentRendering = _, await _.waitForRendering(), g = _.hasOutput ? _.getOutputSnapshot() : void 0;
6669
- } catch (_) {
6670
- s(this._toError(_));
6668
+ const S = new Bo(i, a, { kind: "headless", interactive: !1 }, o);
6669
+ f = performance.now() - b, this._currentRendering = S, await S.waitForRendering(), g = S.hasOutput ? S.getOutputSnapshot() : void 0;
6670
+ } catch (S) {
6671
+ s(this._toError(S));
6671
6672
  } finally {
6672
6673
  u();
6673
6674
  }
6674
- d || await new Promise((_) => requestAnimationFrame(() => requestAnimationFrame(() => _())));
6675
- const y = performance.now() - b, x = !!d || c.some((_) => _.type !== "console.log" && _.type !== "console.warn"), v = { sync: Math.round(f ?? y), total: Math.round(y) }, w = n.hasError || n.events.length > 0 || n.errors.length > 0 ? n : void 0;
6676
- return { hasError: x, error: d, events: c, output: g, renderTimeMs: v, previousDispose: w };
6675
+ d || await new Promise((S) => requestAnimationFrame(() => requestAnimationFrame(() => S())));
6676
+ const y = performance.now() - b, x = !!d || c.some((S) => S.type !== "console.log" && S.type !== "console.warn"), v = { sync: Math.round(f ?? y), total: Math.round(y) }, _ = n.hasError || n.events.length > 0 || n.errors.length > 0 ? n : void 0;
6677
+ return { hasError: x, error: d, events: c, output: g, renderTimeMs: v, previousDispose: _ };
6677
6678
  }
6678
6679
  /**
6679
6680
  * Install console + window error/rejection listeners that push into `events`.