@tachui/viewport 0.8.26 → 0.8.28

package/dist/index.js

@@ -863,6 +863,7 @@ class je {
 }
 class Qe {
   constructor(e, t) {
+    o(this, "container");
     o(this, "id");
     o(this, "type", "portal");
     o(this, "config");
@@ -1200,12 +1201,7 @@ class B {
    * Create default adapter based on platform
    */
   createDefaultAdapter() {
-    switch (this.environment.platform) {
-      case "electron":
-        return new V(this.platformConfig);
-      default:
-        return new V(this.platformConfig);
-    }
+    return this.environment.platform === "electron" ? new V(this.platformConfig) : new V(this.platformConfig);
   }
   // ==================== Phase 2: Global State Management ====================
   /**
@@ -1270,6 +1266,9 @@ class B {
 }
 class Ke {
   constructor(e, t, i = "any") {
+    o(this, "id");
+    o(this, "manager");
+    o(this, "dataType");
     o(this, "windows", /* @__PURE__ */ new Map());
     o(this, "defaultOptions", {});
     o(this, "maxInstances", 1 / 0);
@@ -1557,12 +1556,12 @@ class Ke {
   arrangeWindowsAsTiles(e) {
     const t = typeof window < "u" ? window.screen.width : 1920, i = typeof window < "u" ? window.screen.height : 1080, s = Math.ceil(Math.sqrt(e.length)), a = Math.ceil(e.length / s), r = t / s, c = i / a;
     e.forEach((d, l) => {
-      const h = l % s, g = Math.floor(l / s);
+      const u = l % s, g = Math.floor(l / s);
       this.setWindowGroupMetadata(d, {
         tilePosition: {
-          col: h,
+          col: u,
           row: g,
-          x: h * r,
+          x: u * r,
           y: g * c,
           width: r,
           height: c
@@ -1617,7 +1616,7 @@ class Ke {
   }
 }
 let m = null;
-function u(n = {}) {
+function h(n = {}) {
   return m || (m = new B(void 0, n)), m;
 }
 function oe(n) {
@@ -1651,17 +1650,17 @@ function W(n) {
     },
     // Open this window
     async open() {
-      const e = u(), t = Ce(() => Me((i) => n.children(), `Window-${n.id}`)({}));
+      const e = h(), t = Ce(() => Me((i) => n.children(), `Window-${n.id}`)({}));
       await e.openWindow(n.id, t, n);
     },
     // Close this window
     async close() {
-      await u().dismissWindow(n.id);
+      await h().dismissWindow(n.id);
     }
   };
 }
 function G(n) {
-  const e = u(), t = e.createWindowGroup(n.id);
+  const e = h(), t = e.createWindowGroup(n.id);
   n.groupingStrategy && t.setGroupingStrategy(n.groupingStrategy), n.tabConfig && t.configureTabbing(n.tabConfig), n.poolConfig && t.configurePool(n.poolConfig), n.stateSyncScope && t.enableStateSync(n.stateSyncScope), n.maxInstances && t.setMaxInstances(n.maxInstances);
   const {
     groupingStrategy: i,
@@ -1702,8 +1701,8 @@ function G(n) {
           n.children
         );
       else {
-        const h = n.children();
-        await e.openWindow(n.id, h, n);
+        const u = n.children();
+        await e.openWindow(n.id, u, n);
       }
     },
     // Open window for specific data
@@ -1738,14 +1737,14 @@ function G(n) {
     enableStateSync(l) {
       t.enableStateSync(l);
     },
-    syncGroupState(l, h) {
-      t.syncState(l, h);
+    syncGroupState(l, u) {
+      t.syncState(l, u);
     },
     getGroupState(l) {
       return t.getSharedState(l);
     },
-    onGroupStateChange(l, h) {
-      return t.onStateChange(l, h);
+    onGroupStateChange(l, u) {
+      return t.onStateChange(l, u);
     }
   };
 }
@@ -1769,8 +1768,8 @@ function x(n) {
     },
     // Initialize all scenes
     async initialize() {
-      if (!u(n.platformConfig)) {
-        const { initializeViewportSystem: t } = await Promise.resolve().then(() => _t);
+      if (!h(n.platformConfig)) {
+        const { initializeViewportSystem: t } = await Promise.resolve().then(() => Nt);
         t();
       }
     },
@@ -1925,7 +1924,7 @@ function de({
   children: n,
   manager: e
 }) {
-  const t = e || u(), i = {
+  const t = e || h(), i = {
     openWindow: async (s, a, r) => await t.openWindow(s, a, r),
     dismissWindow: async (s) => await t.dismissWindow(s),
     viewportEnvironment: t.environment,
@@ -1964,7 +1963,7 @@ function Xe() {
   return n;
 }
 function Je() {
-  return u();
+  return h();
 }
 function Ze(n, e) {
   return (t) => de({
@@ -1999,7 +1998,7 @@ function it() {
   return typeof window > "u" ? 0 : window.innerHeight;
 }
 let O, A, le, ce, T = 0, D = !1;
-function he() {
+function ue() {
   typeof window > "u" || (le?.(window.innerWidth), ce?.(window.innerHeight));
 }
 function st() {
@@ -2008,12 +2007,12 @@ function st() {
   O = n, A = t, le = e, ce = i;
 }
 function ot() {
-  typeof window > "u" || D || (window.addEventListener("resize", he), D = !0);
+  typeof window > "u" || D || (window.addEventListener("resize", ue), D = !0);
 }
 function rt() {
-  typeof window > "u" || !D || T > 0 || (window.removeEventListener("resize", he), D = !1);
+  typeof window > "u" || !D || T > 0 || (window.removeEventListener("resize", ue), D = !1);
 }
-function ue() {
+function he() {
   if (st(), T += 1, typeof window > "u")
     return {
       width: O,
@@ -2032,18 +2031,18 @@ function ue() {
     dispose: e
   };
 }
-const at = "0.8.26", dt = at, b = {
+const at = "0.8.28", dt = at, b = {
   Clean: 0,
   Check: 1,
   Dirty: 2,
   Disposed: 3
 };
 var lt = Object.defineProperty, ct = (n, e, t) => e in n ? lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e, t) => ct(n, typeof e != "symbol" ? e + "" : e, t);
-let ht = 0;
-const ut = Math.random().toString(36).substr(2, 6);
+let ut = 0;
+const ht = Math.random().toString(36).substr(2, 6);
 let q = null, X = null;
 const wt = /* @__PURE__ */ new Set();
-wt.add(ut);
+wt.add(ht);
 const C = {
   get currentComputation() {
     return q;
@@ -2063,7 +2062,7 @@ function we() {
 }
 class pt {
   constructor(e, t = null) {
-    p(this, "id"), p(this, "owner"), p(this, "fn"), p(this, "sources", /* @__PURE__ */ new Set()), p(this, "observers", /* @__PURE__ */ new Set()), p(this, "state", b.Dirty), p(this, "value"), this.id = ++ht, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
+    p(this, "id"), p(this, "owner"), p(this, "fn"), p(this, "sources", /* @__PURE__ */ new Set()), p(this, "observers", /* @__PURE__ */ new Set()), p(this, "state", b.Dirty), p(this, "value"), this.id = ++ut, this.fn = e, this.owner = t, t && !t.disposed && t.sources.add(this);
   }
   execute() {
     if (this.state === b.Disposed)
@@ -2097,12 +2096,12 @@ function ft() {
   return C.currentOwner;
 }
 function J(n) {
-  return typeof n == "function" && Symbol.for("tachui.signal") in n;
+  return typeof n == "function" && /* @__PURE__ */ Symbol.for("tachui.signal") in n;
 }
 var mt = Object.defineProperty, gt = (n, e, t) => e in n ? mt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, w = (n, e, t) => gt(n, typeof e != "symbol" ? e + "" : e, t), N = /* @__PURE__ */ ((n) => (n[n.Immediate = 0] = "Immediate", n[n.High = 1] = "High", n[n.Normal = 2] = "Normal", n[n.Low = 3] = "Low", n[n.Idle = 4] = "Idle", n))(N || {});
 let bt = class extends Error {
   constructor(e, t, i) {
-    super(e), this.cause = t, this.node = i, this.name = "ReactiveError";
+    super(e), w(this, "cause", t), w(this, "node", i), this.name = "ReactiveError";
   }
 };
 const yt = class y {
@@ -2311,10 +2310,10 @@ const yt = class y {
 };
 w(yt, "instance", null);
 function U(n) {
-  return typeof n == "function" && Symbol.for("tachui.computed") in n;
+  return typeof n == "function" && /* @__PURE__ */ Symbol.for("tachui.computed") in n;
 }
 function vt(n) {
-  return n[Symbol.for("tachui.computed")] || null;
+  return n[/* @__PURE__ */ Symbol.for("tachui.computed")] || null;
 }
 function Wt(n) {
   const e = vt(n);
@@ -2412,7 +2411,7 @@ function Pt({
     a = { effect: pe(() => {
       const l = e();
       d.forEach(
-        (h, g) => Z(h, l, g)
+        (u, g) => Z(u, l, g)
       );
     }), updaters: d }, s.set(e, a);
   }
@@ -2425,12 +2424,13 @@ function Pt({
   };
   ft() ? St(c) : r = kt(n, c);
 }
-const ee = Symbol.for("tachui.modifier.instanceId"), Tt = "core";
+var Tt = Object.defineProperty, xt = (n, e, t) => e in n ? Tt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, It = (n, e, t) => xt(n, e + "", t);
+const ee = /* @__PURE__ */ Symbol.for("tachui.modifier.instanceId"), Ht = "core";
 let te = 0;
 function ne(n) {
   return typeof HTMLElement < "u" && n instanceof HTMLElement;
 }
-function xt(n) {
+function zt(n) {
   const e = n[ee];
   if (typeof e == "number") return e;
   te += 1;
@@ -2442,9 +2442,12 @@ function xt(n) {
     writable: !1
   }), t;
 }
-class It {
+class Ot {
   constructor(e) {
-    this.properties = e;
+    It(this, "properties", e);
+  }
+  getStaticCSS(e) {
+    return [];
   }
   /**
    * Helper to resolve reactive properties
@@ -2530,11 +2533,11 @@ class It {
         if (c !== void 0) {
           const d = this.toCSSProperty(r);
           if (J(c) || U(c)) {
-            const l = c, h = xt(this);
+            const l = c, u = zt(this);
             Pt({
               element: e,
               accessor: l,
-              updaterId: `${Tt}:${h}:${d}`,
+              updaterId: `${Ht}:${u}:${d}`,
               updater: (g) => {
                 const ve = this.toCSSValueForProperty(d, g);
                 a(d, ve);
@@ -2573,7 +2576,7 @@ class It {
   }
 }
 const k = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap();
-class me extends It {
+class me extends Ot {
   constructor() {
     super(...arguments);
     o(this, "type", "viewportLifecycle");
@@ -2597,8 +2600,8 @@ class me extends It {
             a.unobserve(d), P.delete(d), k.delete(d);
             return;
           }
-          const l = k.get(d) ?? { isVisible: !1 }, h = c.isIntersecting;
-          h !== l.isVisible && (l.isVisible = h, k.set(d, l), h && i.onAppear ? i.onAppear() : !h && i.onDisappear && i.onDisappear());
+          const l = k.get(d) ?? { isVisible: !1 }, u = c.isIntersecting;
+          u !== l.isVisible && (l.isVisible = u, k.set(d, l), u && i.onAppear ? i.onAppear() : !u && i.onDisappear && i.onDisappear());
         });
       },
       {
@@ -2617,7 +2620,7 @@ function ge(n) {
 function be(n) {
   return new me({ onDisappear: n });
 }
-const Ht = {
+const At = {
   name: "@tachui/viewport",
   version: dt,
   author: "TachUI Team",
@@ -2630,7 +2633,7 @@ const Ht = {
 };
 let se = !1;
 function ye(n) {
-  const e = n?.registry, t = n?.plugin ?? Ht, i = n?.force === !0, s = !!(e || n?.plugin);
+  const e = n?.registry, t = n?.plugin ?? At, i = n?.force === !0, s = !!(e || n?.plugin);
   !s && se && !i || (Q(
     "onAppear",
     ge,
@@ -2652,14 +2655,14 @@ function ye(n) {
   ), s || (se = !0));
 }
 ye();
-const zt = {
+const Dt = {
   // Manager
-  getManager: u,
+  getManager: h,
   // Environment
   useOpenWindow: H,
   useDismissWindow: z,
   useViewportInfo: j,
-  useViewport: ue,
+  useViewport: he,
   // Components
   Window: W,
   WindowGroup: G,
@@ -2668,38 +2671,38 @@ const zt = {
   Utils: I,
   Examples: re
 };
-function Ot(n) {
+function Ft(n) {
   const e = new B(n?.customAdapter);
   return oe(e), e;
 }
-const At = {
+const Gt = {
   isWindow: (n) => n.type === "window",
   isModal: (n) => n.type === "modal",
   isPortal: (n) => n.type === "portal",
   isSheet: (n) => n.type === "sheet",
   isPopover: (n) => n.type === "popover"
-}, Dt = {
+}, _t = {
   /**
    * Check if running in Electron
    */
-  isElectron: () => u().environment.platform === "electron",
+  isElectron: () => h().environment.platform === "electron",
   /**
    * Check if on mobile
    */
-  isMobile: () => u().environment.platform === "mobile",
+  isMobile: () => h().environment.platform === "mobile",
   /**
    * Check if multi-window is supported
    */
-  supportsMultiWindow: () => u().environment.capabilities.multiWindow,
+  supportsMultiWindow: () => h().environment.capabilities.multiWindow,
   /**
    * Check if native windows are supported
    */
-  supportsNativeWindows: () => u().environment.capabilities.nativeWindows,
+  supportsNativeWindows: () => h().environment.capabilities.nativeWindows,
   /**
    * Get optimal window type for current platform
    */
-  getOptimalWindowType: (n = !1) => u().getOptimalWindowType({ preferNativeWindow: n })
-}, Ft = {
+  getOptimalWindowType: (n = !1) => h().getOptimalWindowType({ preferNativeWindow: n })
+}, Lt = {
   /**
    * Standard document window
    */
@@ -2766,7 +2769,7 @@ const At = {
     minimizable: !1,
     maximizable: !1
   })
-}, Gt = {
+}, Vt = {
   DEFAULT_WINDOW_WIDTH: 800,
   DEFAULT_WINDOW_HEIGHT: 600,
   MIN_WINDOW_WIDTH: 300,
@@ -2774,20 +2777,20 @@ const At = {
   MODAL_Z_INDEX: 1e3,
   PORTAL_Z_INDEX: 999,
   ANIMATION_DURATION: 200
-}, _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   App: x,
   EnvironmentKeys: et,
   ExampleScenes: re,
-  PlatformUtils: Dt,
+  PlatformUtils: _t,
   TachUIViewportManager: B,
-  Viewport: zt,
-  ViewportConstants: Gt,
+  Viewport: Dt,
+  ViewportConstants: Vt,
   ViewportEnvironmentProvider: de,
-  ViewportTypeGuards: At,
+  ViewportTypeGuards: Gt,
   WebViewportAdapter: V,
   Window: W,
-  WindowConfigs: Ft,
+  WindowConfigs: Lt,
   WindowGroup: G,
   WindowUtils: I,
   checkFeatureSupport: Re,
@@ -2798,8 +2801,8 @@ const At = {
   getBrowserInfo: Ne,
   getEnvironmentValue: tt,
   getOSInfo: Ue,
-  getViewportManager: u,
-  initializeViewportSystem: Ot,
+  getViewportManager: h,
+  initializeViewportSystem: Ft,
   onAppear: ge,
   onDisappear: be,
   registerViewportModifiers: ye,
@@ -2809,7 +2812,7 @@ const At = {
   useEnvironmentDismissWindow: z,
   useEnvironmentOpenWindow: H,
   useOpenWindow: H,
-  useViewport: ue,
+  useViewport: he,
   useViewportEnvironment: S,
   useViewportInfo: j,
   useViewportManager: Je,
@@ -2819,15 +2822,15 @@ export {
   x as App,
   et as EnvironmentKeys,
   re as ExampleScenes,
-  Dt as PlatformUtils,
+  _t as PlatformUtils,
   B as TachUIViewportManager,
-  zt as Viewport,
-  Gt as ViewportConstants,
+  Dt as Viewport,
+  Vt as ViewportConstants,
   de as ViewportEnvironmentProvider,
-  At as ViewportTypeGuards,
+  Gt as ViewportTypeGuards,
   V as WebViewportAdapter,
   W as Window,
-  Ft as WindowConfigs,
+  Lt as WindowConfigs,
   G as WindowGroup,
   I as WindowUtils,
   Re as checkFeatureSupport,
@@ -2838,8 +2841,8 @@ export {
   Ne as getBrowserInfo,
   tt as getEnvironmentValue,
   Ue as getOSInfo,
-  u as getViewportManager,
-  Ot as initializeViewportSystem,
+  h as getViewportManager,
+  Ft as initializeViewportSystem,
   ge as onAppear,
   be as onDisappear,
   ye as registerViewportModifiers,
@@ -2849,7 +2852,7 @@ export {
   z as useEnvironmentDismissWindow,
   H as useEnvironmentOpenWindow,
   H as useOpenWindow,
-  ue as useViewport,
+  he as useViewport,
   S as useViewportEnvironment,
   j as useViewportInfo,
   Je as useViewportManager,