mol_plot_all 1.2.244 → 1.2.245

package/web.esm.js

@@ -468,7 +468,7 @@ var $;
         promote() {
             $mol_wire_auto()?.track_next(this);
         }
-        refresh() { }
+        fresh() { }
         complete() { }
         emit(quant = $mol_wire_cursor.stale) {
             for (let i = this.sub_from; i < this.data.length; i += 2) {
@@ -671,7 +671,7 @@ var $;
             }
             for (let cursor = this.pub_from; cursor < this.cursor; cursor += 2) {
                 const pub = this.data[cursor];
-                pub.refresh();
+                pub.fresh();
             }
             this.cursor = $mol_wire_cursor.fresh;
         }
@@ -747,18 +747,20 @@ var $;
     class $mol_after_frame extends $mol_object2 {
         task;
         static _promise = null;
-        static _timeout = null;
         static get promise() {
             if (this._promise)
                 return this._promise;
             return this._promise = new Promise(done => {
                 const complete = () => {
                     this._promise = null;
-                    clearTimeout(this._timeout);
                     done();
                 };
-                requestAnimationFrame(complete);
-                this._timeout = setTimeout(complete, 100);
+                if (typeof requestAnimationFrame === 'function') {
+                    requestAnimationFrame(complete);
+                }
+                else {
+                    setTimeout(complete, 16);
+                }
             });
         }
         cancelled = false;
@@ -811,7 +813,7 @@ var $;
                         continue;
                     if (fiber.cursor === $mol_wire_cursor.final)
                         continue;
-                    fiber.refresh();
+                    fiber.fresh();
                 }
             }
             while (this.reaping.size) {
@@ -879,7 +881,7 @@ var $;
             else
                 super.emit(quant);
         }
-        refresh() {
+        fresh() {
             if (this.cursor === $mol_wire_cursor.fresh)
                 return;
             if (this.cursor === $mol_wire_cursor.final)
@@ -887,7 +889,7 @@ var $;
             check: if (this.cursor === $mol_wire_cursor.doubt) {
                 for (let i = this.pub_from; i < this.sub_from; i += 2) {
                     ;
-                    this.data[i]?.refresh();
+                    this.data[i]?.fresh();
                     if (this.cursor !== $mol_wire_cursor.doubt)
                         break check;
                 }
@@ -943,12 +945,16 @@ var $;
             this.track_off(bu);
             this.put(result);
         }
+        refresh() {
+            this.cursor = $mol_wire_cursor.stale;
+            this.fresh();
+        }
         sync() {
             if (!$mol_wire_fiber.warm) {
                 return this.result();
             }
             this.promote();
-            this.refresh();
+            this.fresh();
             if (this.cache instanceof Error) {
                 return $mol_fail_hidden(this.cache);
             }
@@ -959,7 +965,7 @@ var $;
         }
         async async() {
             while (true) {
-                this.refresh();
+                this.fresh();
                 if (this.cache instanceof Error) {
                     $mol_fail_hidden(this.cache);
                 }
@@ -1261,6 +1267,22 @@ var $;
                 };
             }
         }
+        static watching = new Set();
+        static watch() {
+            new $mol_after_frame($mol_wire_atom.watch);
+            for (const atom of $mol_wire_atom.watching) {
+                if (atom.cursor === $mol_wire_cursor.final) {
+                    $mol_wire_atom.watching.delete(atom);
+                }
+                else {
+                    atom.cursor = $mol_wire_cursor.stale;
+                    atom.fresh();
+                }
+            }
+        }
+        watch() {
+            $mol_wire_atom.watching.add(this);
+        }
         resync(args) {
             return this.put(this.task.call(this.host, ...args));
         }
@@ -1315,6 +1337,7 @@ var $;
         $mol_wire_method
     ], $mol_wire_atom.prototype, "once", null);
     $.$mol_wire_atom = $mol_wire_atom;
+    $mol_wire_atom.watch();
 })($ || ($ = {}));
 //mol/wire/atom/atom.ts
 ;
@@ -1549,6 +1572,22 @@ var $;
 ;
 "use strict";
 var $;
+(function ($) {
+    function $mol_wire_watch() {
+        const atom = $mol_wire_auto();
+        if (atom instanceof $mol_wire_atom) {
+            atom.watch();
+        }
+        else {
+            $mol_fail(new Error('Atom is equired for watching'));
+        }
+    }
+    $.$mol_wire_watch = $mol_wire_watch;
+})($ || ($ = {}));
+//mol/wire/watch/watch.ts
+;
+"use strict";
+var $;
 (function ($) {
     function $mol_const(value) {
         var getter = (() => value);
@@ -1831,15 +1870,9 @@ var $;
         }
         static watchers = new Set();
         view_rect() {
-            this.view_rect_watcher();
-            return this.view_rect_cache();
-        }
-        view_rect_cache(next = null) {
-            return next;
-        }
-        view_rect_watcher() {
-            $mol_view.watchers.add(this);
-            return { destructor: () => $mol_view.watchers.delete(this) };
+            $mol_wire_watch();
+            const { width, height, left, right, top, bottom } = this.dom_node().getBoundingClientRect();
+            return { width, height, left, right, top, bottom };
         }
         dom_id() {
             return this.toString();
@@ -2056,12 +2089,6 @@ var $;
     __decorate([
         $mol_mem
     ], $mol_view.prototype, "view_rect", null);
-    __decorate([
-        $mol_mem
-    ], $mol_view.prototype, "view_rect_cache", null);
-    __decorate([
-        $mol_mem
-    ], $mol_view.prototype, "view_rect_watcher", null);
     __decorate([
         $mol_mem
     ], $mol_view.prototype, "dom_node", null);
@@ -2108,22 +2135,6 @@ var $;
 (function ($) {
     if ($mol_dom_context.document) {
         setTimeout(() => $mol_view.autobind());
-        function $mol_view_watch() {
-            new $mol_after_frame($mol_view_watch);
-            for (const view of $mol_view.watchers) {
-                const prev = view.view_rect_cache();
-                const next = view.dom_node().getBoundingClientRect();
-                if (next.left === 0 && next.right === 0 && next.width === 0) {
-                    if (prev)
-                        view.view_rect_cache(null);
-                    continue;
-                }
-                if (!prev || prev.x !== next.x || prev.y !== next.y || prev.width !== next.width || prev.height !== next.height) {
-                    view.view_rect_cache(next);
-                }
-            }
-        }
-        $mol_view_watch();
     }
 })($ || ($ = {}));
 //mol/view/view/view.web.ts
@@ -3679,14 +3690,12 @@ var $;
                 const size_real = this.size_real();
                 const max_x = (viewport.x.max - viewport.x.min) / size_real.x;
                 const max_y = (viewport.y.max - viewport.y.min) / size_real.y;
-                return this.graphs().filter(graph => {
+                return this.graphs_positioned().filter(graph => {
                     const dims = graph.dimensions();
                     if (dims.x.min > dims.x.max)
                         return true;
                     if (dims.y.min > dims.y.max)
                         return true;
-                    if (dims.x.max - dims.x.min < max_x && dims.y.max - dims.y.min < max_y)
-                        return false;
                     if (dims.x.min > viewport.x.max)
                         return false;
                     if (dims.x.max < viewport.x.min)
@@ -3699,7 +3708,7 @@ var $;
                 });
             }
             graphs_positioned() {
-                const graphs = this.graphs_visible();
+                const graphs = this.graphs();
                 for (let graph of graphs) {
                     graph.shift = () => this.shift();
                     graph.scale = () => this.scale();
@@ -4147,12 +4156,6 @@ var $;
                 const size_x = Math.max(0, Math.ceil((1 / aspect - 1) * diameter));
                 return points.map(point => `M ${point[0] - shift_x} ${point[1] - shift_y} l ${size_x} ${size_y}`).join(' ');
             }
-            dimensions() {
-                const scale = this.scale();
-                const radius = this.diameter() / Math.min(...scale) / 2;
-                const dims = super.dimensions();
-                return new this.$.$mol_vector_2d(new $mol_vector_range(dims.x.min - radius, dims.x.max + radius), new $mol_vector_range(dims.y.min - radius, dims.y.max + radius));
-            }
         }
         __decorate([
             $mol_mem
@@ -4160,9 +4163,6 @@ var $;
         __decorate([
             $mol_mem
         ], $mol_plot_dot.prototype, "indexes", null);
-        __decorate([
-            $mol_mem
-        ], $mol_plot_dot.prototype, "dimensions", null);
         $$.$mol_plot_dot = $mol_plot_dot;
     })($$ = $.$$ || ($.$$ = {}));
 })($ || ($ = {}));