streetui 2.6.0 → 2.7.0

package/dist/testing.cjs

@@ -971,6 +971,13 @@ function applyProp(dom, element, name, value) {
     }
     return;
   }
+  if (name.startsWith("style.")) {
+    const el = element;
+    const prop = name.slice("style.".length);
+    if (value === null || value === void 0) el.style.removeProperty(prop);
+    else el.style.setProperty(prop, String(value));
+    return;
+  }
   if (value === null || value === void 0 || value === false) {
     dom.removeAttribute(element, name);
     return;
@@ -2063,6 +2070,188 @@ function wireComponentBehavior(ctx, graphNode, instance) {
   for (const cleanup of fn()) instance.trackCleanup(cleanup);
 }
 
+// ../state/src/signal.ts
+var _activeConsumer = null;
+function withConsumer(consumer, fn) {
+  const prev = _activeConsumer;
+  _activeConsumer = consumer;
+  try {
+    return fn();
+  } finally {
+    _activeConsumer = prev;
+  }
+}
+var _batchDepth = 0;
+var _pendingFlushes = /* @__PURE__ */ new Map();
+function _enqueueBatchFlush(sig, value) {
+  _pendingFlushes.set(sig, { signal: sig, value });
+}
+var Signal = class {
+  _value;
+  _subscribers = /* @__PURE__ */ new Set();
+  _consumers = /* @__PURE__ */ new Set();
+  constructor(initial) {
+    this._value = initial;
+  }
+  get() {
+    if (_activeConsumer !== null) {
+      this._consumers.add(_activeConsumer);
+      _activeConsumer._addSource(this);
+    }
+    return this._value;
+  }
+  peek() {
+    return this._value;
+  }
+  set(value) {
+    if (Object.is(this._value, value)) return;
+    this._value = value;
+    if (_batchDepth > 0) {
+      _enqueueBatchFlush(this, value);
+    } else {
+      this._flush(value);
+    }
+  }
+  update(fn) {
+    this.set(fn(this._value));
+  }
+  subscribe(fn) {
+    this._subscribers.add(fn);
+    return () => {
+      this._subscribers.delete(fn);
+    };
+  }
+  _removeConsumer(consumer) {
+    this._consumers.delete(consumer);
+  }
+  /**
+   * Called by the batch machinery after the batch has completed.
+   * Notifies subscribers with the final coalesced value.
+   */
+  _flushBatch(value) {
+    this._flush(value);
+  }
+  _flush(value) {
+    for (const sub of [...this._subscribers]) sub(value);
+    for (const consumer of [...this._consumers]) consumer._invalidate();
+  }
+  /**
+   * @internal DevTools inspection only. The number of live observers
+   * (direct subscribers plus derived/effect consumers). Read-only; never
+   * mutates reactive state.
+   */
+  _observerCount() {
+    return this._subscribers.size + this._consumers.size;
+  }
+};
+var DerivedSignal = class {
+  _value = void 0;
+  _dirty = true;
+  _disposed = false;
+  _fn;
+  _subscribers = /* @__PURE__ */ new Set();
+  /** All upstream sources this derived currently reads from. */
+  _sources = /* @__PURE__ */ new Set();
+  /** Downstream consumers that depend on this derived. */
+  _consumers = /* @__PURE__ */ new Set();
+  constructor(fn) {
+    this._fn = fn;
+  }
+  get() {
+    if (_activeConsumer !== null) {
+      this._consumers.add(_activeConsumer);
+      _activeConsumer._addSource(this);
+    }
+    if (this._dirty) this._recompute();
+    return this._value;
+  }
+  peek() {
+    if (this._dirty) this._recompute();
+    return this._value;
+  }
+  subscribe(fn) {
+    if (this._dirty) this._recompute();
+    this._subscribers.add(fn);
+    return () => {
+      this._subscribers.delete(fn);
+    };
+  }
+  _addSource(src) {
+    this._sources.add(src);
+  }
+  _removeConsumer(consumer) {
+    this._consumers.delete(consumer);
+  }
+  _invalidate() {
+    if (this._disposed) return;
+    this._dirty = true;
+    const newVal = this.peek();
+    for (const sub of [...this._subscribers]) sub(newVal);
+    for (const consumer of [...this._consumers]) consumer._invalidate();
+  }
+  _recompute() {
+    for (const src of this._sources) src._removeConsumer(this);
+    this._sources.clear();
+    this._value = withConsumer(this, this._fn);
+    this._dirty = false;
+  }
+  dispose() {
+    this._disposed = true;
+    for (const src of this._sources) src._removeConsumer(this);
+    this._sources.clear();
+    this._subscribers.clear();
+    this._consumers.clear();
+  }
+  /**
+   * @internal DevTools inspection only. Live observers (subscribers plus
+   * downstream consumers). Read-only.
+   */
+  _observerCount() {
+    return this._subscribers.size + this._consumers.size;
+  }
+};
+var Effect = class {
+  _fn;
+  _cleanup = void 0;
+  _disposed = false;
+  _sources = /* @__PURE__ */ new Set();
+  constructor(fn) {
+    this._fn = fn;
+    this._run();
+  }
+  _addSource(src) {
+    this._sources.add(src);
+  }
+  _invalidate() {
+    if (this._disposed) return;
+    this._run();
+  }
+  _run() {
+    for (const src of this._sources) src._removeConsumer(this);
+    this._sources.clear();
+    if (typeof this._cleanup === "function") this._cleanup();
+    const result = withConsumer(this, this._fn);
+    this._cleanup = typeof result === "function" ? result : void 0;
+  }
+  dispose() {
+    this._disposed = true;
+    for (const src of this._sources) src._removeConsumer(this);
+    this._sources.clear();
+    if (typeof this._cleanup === "function") this._cleanup();
+    this._cleanup = void 0;
+  }
+};
+function signal(initial) {
+  return new Signal(initial);
+}
+function derived(fn) {
+  return new DerivedSignal(fn);
+}
+function effect(fn) {
+  const e = new Effect(fn);
+  return () => e.dispose();
+}
+
 // ../renderer/src/hydration-diagnostics.ts
 function formatHydrationDiagnostic(d) {
   const at = ` at ${d.path}`;
@@ -3025,188 +3214,6 @@ function resolveHead(config) {
   return { entries };
 }
 
-// ../state/src/signal.ts
-var _activeConsumer = null;
-function withConsumer(consumer, fn) {
-  const prev = _activeConsumer;
-  _activeConsumer = consumer;
-  try {
-    return fn();
-  } finally {
-    _activeConsumer = prev;
-  }
-}
-var _batchDepth = 0;
-var _pendingFlushes = /* @__PURE__ */ new Map();
-function _enqueueBatchFlush(sig, value) {
-  _pendingFlushes.set(sig, { signal: sig, value });
-}
-var Signal = class {
-  _value;
-  _subscribers = /* @__PURE__ */ new Set();
-  _consumers = /* @__PURE__ */ new Set();
-  constructor(initial) {
-    this._value = initial;
-  }
-  get() {
-    if (_activeConsumer !== null) {
-      this._consumers.add(_activeConsumer);
-      _activeConsumer._addSource(this);
-    }
-    return this._value;
-  }
-  peek() {
-    return this._value;
-  }
-  set(value) {
-    if (Object.is(this._value, value)) return;
-    this._value = value;
-    if (_batchDepth > 0) {
-      _enqueueBatchFlush(this, value);
-    } else {
-      this._flush(value);
-    }
-  }
-  update(fn) {
-    this.set(fn(this._value));
-  }
-  subscribe(fn) {
-    this._subscribers.add(fn);
-    return () => {
-      this._subscribers.delete(fn);
-    };
-  }
-  _removeConsumer(consumer) {
-    this._consumers.delete(consumer);
-  }
-  /**
-   * Called by the batch machinery after the batch has completed.
-   * Notifies subscribers with the final coalesced value.
-   */
-  _flushBatch(value) {
-    this._flush(value);
-  }
-  _flush(value) {
-    for (const sub of [...this._subscribers]) sub(value);
-    for (const consumer of [...this._consumers]) consumer._invalidate();
-  }
-  /**
-   * @internal DevTools inspection only. The number of live observers
-   * (direct subscribers plus derived/effect consumers). Read-only; never
-   * mutates reactive state.
-   */
-  _observerCount() {
-    return this._subscribers.size + this._consumers.size;
-  }
-};
-var DerivedSignal = class {
-  _value = void 0;
-  _dirty = true;
-  _disposed = false;
-  _fn;
-  _subscribers = /* @__PURE__ */ new Set();
-  /** All upstream sources this derived currently reads from. */
-  _sources = /* @__PURE__ */ new Set();
-  /** Downstream consumers that depend on this derived. */
-  _consumers = /* @__PURE__ */ new Set();
-  constructor(fn) {
-    this._fn = fn;
-  }
-  get() {
-    if (_activeConsumer !== null) {
-      this._consumers.add(_activeConsumer);
-      _activeConsumer._addSource(this);
-    }
-    if (this._dirty) this._recompute();
-    return this._value;
-  }
-  peek() {
-    if (this._dirty) this._recompute();
-    return this._value;
-  }
-  subscribe(fn) {
-    if (this._dirty) this._recompute();
-    this._subscribers.add(fn);
-    return () => {
-      this._subscribers.delete(fn);
-    };
-  }
-  _addSource(src) {
-    this._sources.add(src);
-  }
-  _removeConsumer(consumer) {
-    this._consumers.delete(consumer);
-  }
-  _invalidate() {
-    if (this._disposed) return;
-    this._dirty = true;
-    const newVal = this.peek();
-    for (const sub of [...this._subscribers]) sub(newVal);
-    for (const consumer of [...this._consumers]) consumer._invalidate();
-  }
-  _recompute() {
-    for (const src of this._sources) src._removeConsumer(this);
-    this._sources.clear();
-    this._value = withConsumer(this, this._fn);
-    this._dirty = false;
-  }
-  dispose() {
-    this._disposed = true;
-    for (const src of this._sources) src._removeConsumer(this);
-    this._sources.clear();
-    this._subscribers.clear();
-    this._consumers.clear();
-  }
-  /**
-   * @internal DevTools inspection only. Live observers (subscribers plus
-   * downstream consumers). Read-only.
-   */
-  _observerCount() {
-    return this._subscribers.size + this._consumers.size;
-  }
-};
-var Effect = class {
-  _fn;
-  _cleanup = void 0;
-  _disposed = false;
-  _sources = /* @__PURE__ */ new Set();
-  constructor(fn) {
-    this._fn = fn;
-    this._run();
-  }
-  _addSource(src) {
-    this._sources.add(src);
-  }
-  _invalidate() {
-    if (this._disposed) return;
-    this._run();
-  }
-  _run() {
-    for (const src of this._sources) src._removeConsumer(this);
-    this._sources.clear();
-    if (typeof this._cleanup === "function") this._cleanup();
-    const result = withConsumer(this, this._fn);
-    this._cleanup = typeof result === "function" ? result : void 0;
-  }
-  dispose() {
-    this._disposed = true;
-    for (const src of this._sources) src._removeConsumer(this);
-    this._sources.clear();
-    if (typeof this._cleanup === "function") this._cleanup();
-    this._cleanup = void 0;
-  }
-};
-function signal(initial) {
-  return new Signal(initial);
-}
-function derived(fn) {
-  return new DerivedSignal(fn);
-}
-function effect(fn) {
-  const e = new Effect(fn);
-  return () => e.dispose();
-}
-
 // ../dsl/src/builders.ts
 function isSignal(v) {
   return v !== null && typeof v === "object" && typeof v["get"] === "function" && typeof v["subscribe"] === "function";
@@ -4177,7 +4184,7 @@ function trigger(el, type, init = {}) {
 }
 
 // src/version.ts
-var VERSION = "2.6.0";
+var VERSION = "2.7.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   VERSION,