@tachui/core 0.8.0-alpha → 0.8.1-alpha

package/dist/minimal.js

@@ -1,11 +1,12 @@
-import { Y as t, $ as r, j as o, c as n, _ as i, g as c, S as d, Q as p, h as f, k as m, G as l, f as u, H as g, P as C, V as M, W as h, l as y, m as S, I as x, X as E, i as I, J as R, o as A, r as b, Z as v, u as B } from "./scheduler-BKeqwrYE.js";
-import { c as F, a as w, b as D, d as O, e as P, g as L, i as U } from "./effect-B9Knft0b.js";
-import { D as H, f as j, h as G, i as N, m as T, r as W, u as Q, j as _, k as z } from "./dom-bridge-CAa1N2zX.js";
-import { g as K, C as X, P as Y, R as Z, c as $, h as q, a as ee, l as ae, b as se, i as te, d as re, e as oe, j as ne, k as ie, f as ce, p as de, w as pe } from "./component-XAzF1xqs.js";
-import { f as me, h as le, i as ue, O as ge, P as Ce, Q as Me, R as he, j as ye, l as Se, N as xe, p as Ee } from "./concatenated-component-ByPl3_FF.js";
-import { c as Re, a as Ae, b as be, i as ve, d as Be, h as ke, e as Fe, f as we, m as De, r as Oe, s as Pe, g as Le } from "./index-DIvMCJQO.js";
-import { a as Ve, A as He, C as je, F as Ge, I as Ne, L as Te, a6 as We, a0 as Qe, f as _e, h as ze, g as Je, a1 as Ke, a5 as Xe, r as Ye, a7 as Ze } from "./production-minimal-BY_gMc-l.js";
-import { Layout as qe, infinity as ea, isInfinity as aa } from "./constants/layout.js";
+import { Y as t, $ as r, j as n, c as o, _ as i, g as c, S as m, Q as d, h as p, k as f, G as l, K as C, f as u, H as g, P as M, V as h, W as x, L as y, l as b, m as E, I as S, X as v, i as I, J as O, o as R, r as A, Z as w, N as B, u as F } from "./scheduler-BKeqwrYE.js";
+import { c as j, a as D, b as L, d as P, e as G, g as T, i as U } from "./effect-B9Knft0b.js";
+import { D as H, b as N, d as K, f as W, g as Q, h as _, i as z, m as J, r as X, s as Y, u as Z, j as $, k as q, w as ee } from "./dom-bridge-CAa1N2zX.js";
+import { g as se, C as te, P as re, R as ne, c as oe, h as ie, a as ce, l as me, b as de, i as pe, d as fe, e as le, j as Ce, k as ue, f as ge, p as Me, w as he } from "./component-XAzF1xqs.js";
+import { E as ye, O as be, p as Ee } from "./observed-object-Cos-FtjP.js";
+import { f as ve, h as Ie, i as Oe, O as Re, P as Ae, Q as we, R as Be, j as Fe, l as ke, N as je, p as De } from "./concatenated-component-ByPl3_FF.js";
+import { c as Pe, a as Ge, b as Te, i as Ue, d as Ve, h as He, e as Ne, f as Ke, m as We, r as Qe, s as _e, g as ze } from "./index-DIvMCJQO.js";
+import { a as Xe, A as Ye, C as Ze, F as $e, I as qe, L as ea, a6 as aa, w as sa, a0 as ta, f as ra, h as na, d as oa, g as ia, a1 as ca, a5 as ma, r as da, a7 as pa } from "./production-minimal-BY_gMc-l.js";
+import { Layout as la, infinity as Ca, isInfinity as ua } from "./constants/layout.js";
 const e = {
   name: "@tachui/core/minimal",
   version: "0.1.0",
@@ -24,105 +25,118 @@ const e = {
   }
 };
 export {
-  Ve as Asset,
-  He as Assets,
+  Xe as Asset,
+  Ye as Assets,
   e as BUNDLE_INFO,
-  K as ChildrenManager,
-  je as ColorAsset,
-  X as ComponentManager,
+  se as ChildrenManager,
+  Ze as ColorAsset,
+  te as ComponentManager,
   t as ComputationImpl,
   r as DEBUG,
   H as DOMBridgeDebug,
-  Ge as FontAsset,
-  Ne as ImageAsset,
-  qe as Layout,
-  Te as LinearGradient,
-  Y as PropsManager,
-  Z as RefManager,
-  We as State,
-  me as animationModifiers,
-  le as appearanceModifiers,
-  o as batch,
-  Re as classModifier,
-  Ae as combineModifiers,
-  be as conditionalModifier,
-  ue as coreModifiers,
-  $ as createAdvancedComponent,
-  Qe as createBinding,
-  q as createChildrenManager,
-  n as createCleanupGroup,
-  _e as createColorAsset,
-  ee as createComponent,
-  ve as createComponentVariant,
+  ye as EnvironmentObject,
+  $e as FontAsset,
+  qe as ImageAsset,
+  la as Layout,
+  ea as LinearGradient,
+  be as ObservableObjectBase,
+  re as PropsManager,
+  ne as RefManager,
+  aa as State,
+  sa as StateGradient,
+  ve as animationModifiers,
+  Ie as appearanceModifiers,
+  n as batch,
+  Pe as classModifier,
+  Ge as combineModifiers,
+  Te as conditionalModifier,
+  Oe as coreModifiers,
+  oe as createAdvancedComponent,
+  ta as createBinding,
+  ie as createChildrenManager,
+  o as createCleanupGroup,
+  ra as createColorAsset,
+  ce as createComponent,
+  N as createComponentContext,
+  Ue as createComponentVariant,
   i as createComputation,
   c as createComputed,
-  d as createConditionalComputed,
-  Be as createCustomModifier,
-  p as createDerivedSignal,
-  F as createEffect,
-  ae as createErrorBoundary,
-  ze as createFontAsset,
-  se as createFragment,
-  Je as createImageAsset,
-  f as createMemo,
-  w as createOnceEffect,
-  ke as createPresetModifier,
-  te as createPropsManager,
-  re as createReactiveComponent,
-  oe as createRef,
-  ne as createRefManager,
-  D as createRenderEffect,
-  m as createRoot,
+  m as createConditionalComputed,
+  Ve as createCustomModifier,
+  d as createDerivedSignal,
+  j as createEffect,
+  K as createEnvironmentKey,
+  me as createErrorBoundary,
+  na as createFontAsset,
+  de as createFragment,
+  oa as createGoogleFont,
+  ia as createImageAsset,
+  p as createMemo,
+  D as createOnceEffect,
+  He as createPresetModifier,
+  pe as createPropsManager,
+  fe as createReactiveComponent,
+  le as createRef,
+  Ce as createRefManager,
+  L as createRenderEffect,
+  f as createRoot,
   l as createSignal,
-  Fe as createStyleModifier,
-  O as createSyncEffect,
-  ge as css,
-  Ce as cssProperty,
-  Me as cssVariable,
-  he as cssVendor,
-  ie as defaultChildrenRenderer,
+  Ne as createStyleModifier,
+  P as createSyncEffect,
+  Re as css,
+  Ae as cssProperty,
+  we as cssVariable,
+  Be as cssVendor,
+  ue as defaultChildrenRenderer,
+  C as detectSystemTheme,
   u as dispose,
-  P as disposeEffect,
-  we as eventModifier,
+  G as disposeEffect,
+  Ke as eventModifier,
   g as flushSync,
-  ce as forwardRef,
-  j as getComponentFromElement,
-  C as getComputedImpl,
-  M as getCurrentComputation,
-  h as getCurrentOwner,
-  L as getEffectInfo,
-  y as getOwner,
-  S as getReactiveContext,
-  x as getSignalImpl,
-  ea as infinity,
-  ye as interactionModifiers,
-  E as isBatchingUpdates,
-  Ke as isBinding,
+  ge as forwardRef,
+  W as getComponentFromElement,
+  M as getComputedImpl,
+  Q as getCurrentComponentContext,
+  h as getCurrentComputation,
+  x as getCurrentOwner,
+  y as getCurrentTheme,
+  T as getEffectInfo,
+  b as getOwner,
+  E as getReactiveContext,
+  S as getSignalImpl,
+  Ca as infinity,
+  Fe as interactionModifiers,
+  v as isBatchingUpdates,
+  ca as isBinding,
   I as isComputed,
   U as isEffectDisposed,
-  aa as isInfinity,
-  R as isSignal,
-  Xe as isState,
-  Se as layoutModifiers,
-  xe as lifecycleModifiers,
-  De as modifierHelpers,
-  G as mountComponentChildren,
-  N as mountComponentTree,
-  T as mountRoot,
-  A as onCleanup,
-  Ee as presetModifiers,
-  de as propsUtils,
-  Ye as registerAsset,
-  W as registerComponentWithLifecycleHooks,
-  Oe as responsiveModifier,
-  b as runWithOwner,
-  v as setFlushFunction,
-  Pe as stateModifier,
-  Le as styleModifier,
-  Q as unmountComponent,
-  _ as unmountComponentEnhanced,
-  B as untrack,
-  Ze as unwrapValue,
-  z as updateComponent,
-  pe as withLifecycle
+  ua as isInfinity,
+  O as isSignal,
+  ma as isState,
+  ke as layoutModifiers,
+  je as lifecycleModifiers,
+  We as modifierHelpers,
+  _ as mountComponentChildren,
+  z as mountComponentTree,
+  J as mountRoot,
+  R as onCleanup,
+  De as presetModifiers,
+  Me as propsUtils,
+  Ee as provideEnvironmentObject,
+  da as registerAsset,
+  X as registerComponentWithLifecycleHooks,
+  Qe as responsiveModifier,
+  A as runWithOwner,
+  Y as setCurrentComponentContext,
+  w as setFlushFunction,
+  B as setTheme,
+  _e as stateModifier,
+  ze as styleModifier,
+  Z as unmountComponent,
+  $ as unmountComponentEnhanced,
+  F as untrack,
+  pa as unwrapValue,
+  q as updateComponent,
+  ee as withComponentContext,
+  he as withLifecycle
 };

package/dist/observed-object-Cos-FtjP.js

@@ -0,0 +1,269 @@
+import { c as l } from "./effect-B9Knft0b.js";
+import { G as f, W as p } from "./scheduler-BKeqwrYE.js";
+import { d as a, g as d, p as g, c as y } from "./dom-bridge-CAa1N2zX.js";
+var j = Object.defineProperty, O = (e, t, n) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t, n) => O(e, typeof t != "symbol" ? t + "" : t, n);
+class v {
+  constructor(t) {
+    s(this, "_signal"), s(this, "_setter"), s(this, "_subscribers", /* @__PURE__ */ new Set());
+    const [n, i] = f(t);
+    this._signal = n, this._setter = i;
+  }
+  get value() {
+    return this._signal();
+  }
+  set value(t) {
+    this._setter(t), this.notifySubscribers();
+  }
+  /**
+   * Update a property of the environment object
+   */
+  updateProperty(t, n) {
+    const r = { ...this._signal(), [t]: n };
+    this._setter(r), this.notifySubscribers();
+  }
+  /**
+   * Subscribe to changes
+   */
+  subscribe(t) {
+    return this._subscribers.add(t), () => this._subscribers.delete(t);
+  }
+  notifySubscribers() {
+    for (const t of this._subscribers)
+      try {
+        t();
+      } catch (n) {
+        console.error("Error in environment object subscriber:", n);
+      }
+  }
+  /**
+   * Create a reactive effect that runs when this object changes
+   */
+  onChange(t) {
+    const n = l(() => {
+      t(this._signal());
+    });
+    return () => n.dispose();
+  }
+}
+class _ {
+  constructor(t, n) {
+    s(this, "key"), s(this, "componentContext"), s(this, "_cachedValue"), s(this, "_subscriptionCleanup"), this.key = t, this.componentContext = n, n.onCleanup(() => {
+      this._subscriptionCleanup && this._subscriptionCleanup();
+    });
+  }
+  get wrappedValue() {
+    if (this._cachedValue === void 0 && (this._cachedValue = y(this.key), this._cachedValue && typeof this._cachedValue == "object" && "subscribe" in this._cachedValue)) {
+      const t = this._cachedValue;
+      typeof t.subscribe == "function" && (this._subscriptionCleanup = t.subscribe(() => {
+        this.componentContext.setState(`_env_${this.key.name}_trigger`, Date.now());
+      }));
+    }
+    return this._cachedValue;
+  }
+  get projectedValue() {
+    return this;
+  }
+}
+function $(e) {
+  const t = d();
+  return new _(e, t);
+}
+function I(e, t) {
+  g(e, t);
+}
+function T(e, t) {
+  return new v(t);
+}
+function k(e) {
+  return e && typeof e == "object" && "wrappedValue" in e && "key" in e && "componentContext" in e && e instanceof _;
+}
+const z = {
+  /**
+   * Application theme
+   */
+  Theme: a("Theme", {
+    mode: "light",
+    primaryColor: "#007AFF",
+    secondaryColor: "#5856D6"
+  }),
+  /**
+   * Localization service
+   */
+  Localization: a("Localization"),
+  /**
+   * Navigation service
+   */
+  Navigation: a("Navigation"),
+  /**
+   * Application configuration
+   */
+  Config: a("Config"),
+  /**
+   * User authentication
+   */
+  Auth: a("Auth")
+};
+var w = Object.defineProperty, V = (e, t, n) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, c = (e, t, n) => V(e, typeof t != "symbol" ? t + "" : t, n);
+class m {
+  constructor() {
+    c(this, "_objectWillChange"), c(this, "_notifyCount", 0);
+    const [t, n] = f(void 0);
+    this._objectWillChange = {
+      getValue: t,
+      peek: t
+    }, this._notifySetter = n;
+  }
+  get objectWillChange() {
+    return this._objectWillChange;
+  }
+  /**
+   * Notify observers that the object has changed
+   * Call this method whenever properties of the object change
+   */
+  notifyChange() {
+    this._notifyCount++;
+    const t = this._notifySetter;
+    t && t(void 0);
+  }
+  /**
+   * Get the current notification count (for debugging)
+   */
+  get notificationCount() {
+    return this._notifyCount;
+  }
+}
+class x {
+  constructor(t, n, i, r = {}) {
+    c(this, "_object"), c(this, "_metadata"), c(this, "_effectCleanup"), this._object = t, this._metadata = {
+      type: "ObservedObject",
+      propertyName: i,
+      componentId: n.id,
+      options: r
+    }, this.setupObservation();
+    const o = p();
+    o && o.cleanups.push(() => {
+      this.cleanup();
+    });
+  }
+  get wrappedValue() {
+    return this._object;
+  }
+  get projectedValue() {
+    return this;
+  }
+  /**
+   * Get property wrapper metadata
+   */
+  get metadata() {
+    return this._metadata;
+  }
+  /**
+   * Set up reactive observation of the object
+   */
+  setupObservation() {
+    const t = l(() => {
+      this._object.objectWillChange();
+    });
+    this._effectCleanup = () => t.dispose();
+  }
+  /**
+   * Cleanup observation
+   */
+  cleanup() {
+    this._effectCleanup && (this._effectCleanup(), this._effectCleanup = void 0);
+  }
+  /**
+   * Replace the observed object (advanced usage)
+   */
+  updateObject(t) {
+    this.cleanup(), this._object = t, this.setupObservation();
+  }
+}
+const E = (e, t = {}) => {
+  const n = W(), i = P() || "observedObject";
+  return new x(e, n, i, t);
+};
+function N(e, t = {}) {
+  const n = new m();
+  return new Proxy(e, {
+    set(r, o, u) {
+      const C = r[o], b = Reflect.set(r, o, u);
+      return b && C !== u && t.autoNotify !== !1 && n.notifyChange(), b;
+    },
+    get(r, o) {
+      return o === "objectWillChange" ? n.objectWillChange : o === "notifyChange" ? () => n.notifyChange() : o === "notificationCount" ? n.notificationCount : Reflect.get(r, o);
+    }
+  });
+}
+function D(e = {}) {
+  return (t) => class extends t {
+    constructor(...n) {
+      super(...n), c(this, "_observableBase", new m()), e.autoNotify !== !1 && this.setupAutoNotification();
+    }
+    get objectWillChange() {
+      return this._observableBase.objectWillChange;
+    }
+    get notificationCount() {
+      return this._observableBase.notificationCount;
+    }
+    notifyChange() {
+      this._observableBase.notifyChange();
+    }
+    setupAutoNotification() {
+      const n = Object.getOwnPropertyNames(this);
+      for (const i of n) {
+        if (i.startsWith("_") || typeof this[i] == "function")
+          continue;
+        let r = this[i];
+        Object.defineProperty(this, i, {
+          get: () => r,
+          set: (o) => {
+            r !== o && (r = o, this.notifyChange());
+          },
+          enumerable: !0,
+          configurable: !0
+        });
+      }
+    }
+  };
+}
+function W() {
+  const e = p();
+  if (!e?.context.has(h))
+    throw new Error("@ObservedObject can only be used within a component context");
+  return e.context.get(h);
+}
+function P() {
+  try {
+    const e = new Error().stack;
+    if (e)
+      return e.match(/at (\w+)\./)?.[1] || null;
+  } catch {
+  }
+  return null;
+}
+const h = Symbol("TachUI.ComponentContext");
+function S(e) {
+  return e && typeof e == "object" && "objectWillChange" in e && "notifyChange" in e;
+}
+function K(e) {
+  return e && typeof e == "object" && "wrappedValue" in e && "projectedValue" in e && S(e.wrappedValue);
+}
+function L(e, t = {}) {
+  return N({ ...e }, t);
+}
+const R = E;
+export {
+  z as C,
+  $ as E,
+  m as O,
+  L as a,
+  S as b,
+  T as c,
+  K as d,
+  R as e,
+  k as i,
+  N as m,
+  D as o,
+  I as p
+};