@d3plus/core 3.0.10 → 3.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d3plus/core",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations.",
   "license": "MIT",
   "type": "module",
@@ -34,13 +34,13 @@
     "test": "eslint index.js src/**/*.js && eslint --global=it test && mocha 'test/**/*-test.js'"
   },
   "dependencies": {
-    "@d3plus/color": "3.0.10",
-    "@d3plus/data": "3.0.10",
-    "@d3plus/dom": "3.0.10",
-    "@d3plus/format": "3.0.10",
-    "@d3plus/locales": "3.0.10",
-    "@d3plus/math": "3.0.10",
-    "@d3plus/text": "3.0.10",
+    "@d3plus/color": "3.0.11",
+    "@d3plus/data": "3.0.11",
+    "@d3plus/dom": "3.0.11",
+    "@d3plus/format": "3.0.11",
+    "@d3plus/locales": "3.0.11",
+    "@d3plus/math": "3.0.11",
+    "@d3plus/text": "3.0.11",
     "@popperjs/core": "^2.11.8",
     "d3-array": "^3.2.4",
     "d3-brush": "^3.0.0",

package/umd/d3plus-core.full.js

@@ -1,5 +1,5 @@
 /*
-  @d3plus/core v3.0.10
+  @d3plus/core v3.0.11
   Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations.
   Copyright (c) 2025 D3plus - https://d3plus.org
   @license MIT
@@ -31923,7 +31923,7 @@
       }, []);
   }
 
-  function debounce(fn) {
+  function debounce$1(fn) {
       var pending;
       return function() {
           if (!pending) {
@@ -32055,7 +32055,7 @@
               },
               // Async and optimistically optimized update – it will not be executed if
               // not necessary (debounced to run at most once-per-tick)
-              update: debounce(function() {
+              update: debounce$1(function() {
                   return new Promise(function(resolve) {
                       instance.forceUpdate();
                       resolve(state);
@@ -34146,6 +34146,14 @@
       this._tooltipClass.data([]).render();
   }
 
+  function debounce(func, delay) {
+      let timeout;
+      return function(...args) {
+          const context = this;
+          clearTimeout(timeout);
+          timeout = setTimeout(()=>func.apply(context, args), delay);
+      };
+  }
   /**
    * Default padding logic that will return false if the screen is less than 600 pixels wide.
    * @private
@@ -34356,12 +34364,34 @@
      */ _thresholdFunction(data) {
           return data;
       }
+      /**
+     * Detects width and height and sets SVG properties
+     * @private
+     */ _setSVGSize() {
+          const display = this._select.style("display");
+          this._select.style("display", "none");
+          let [w, h] = getSize(this._select.node().parentNode);
+          w -= parseFloat(this._select.style("border-left-width"), 10);
+          w -= parseFloat(this._select.style("border-right-width"), 10);
+          h -= parseFloat(this._select.style("border-top-width"), 10);
+          h -= parseFloat(this._select.style("border-bottom-width"), 10);
+          this._select.style("display", display);
+          if (this._autoWidth) {
+              this.width(w);
+              this._select.style("width", `${this._width}px`).attr("width", `${this._width}px`);
+          }
+          if (this._autoHeight) {
+              this.height(h);
+              this._select.style("height", `${this._height}px`).attr("height", `${this._height}px`);
+          }
+      }
       /**
         @memberof Viz
         @desc Draws the visualization given the specified configuration.
         @param {Function} [*callback*] An optional callback function that, if passed, will be called after animation is complete.
         @chainable
     */ render(callback) {
+          this._callback = callback;
           // Resets margins and padding
           this._margin = {
               bottom: 0,
@@ -34381,29 +34411,11 @@
               const svg = parent.select(".d3plus-viz").size() ? parent.select(".d3plus-viz") : parent.append("svg");
               this.select(svg.node());
           }
-          /** detects width and height and sets SVG properties */ function setSVGSize() {
-              const display = this._select.style("display");
-              this._select.style("display", "none");
-              let [w, h] = getSize(this._select.node().parentNode);
-              w -= parseFloat(this._select.style("border-left-width"), 10);
-              w -= parseFloat(this._select.style("border-right-width"), 10);
-              h -= parseFloat(this._select.style("border-top-width"), 10);
-              h -= parseFloat(this._select.style("border-bottom-width"), 10);
-              this._select.style("display", display);
-              if (this._autoWidth) {
-                  this.width(w);
-                  this._select.style("width", `${this._width}px`).attr("width", `${this._width}px`);
-              }
-              if (this._autoHeight) {
-                  this.height(h);
-                  this._select.style("height", `${this._height}px`).attr("height", `${this._height}px`);
-              }
-          }
           // Calculates the width and/or height of the Viz based on the this._select, if either has not been defined.
           if ((!this._width || !this._height) && (!this._detectVisible || inViewport(this._select.node()))) {
               this._autoWidth = this._width === undefined;
               this._autoHeight = this._height === undefined;
-              setSVGSize.bind(this)();
+              this._setSVGSize();
           }
           this._select.attr("class", "d3plus-viz").attr("aria-hidden", this._ariaHidden).attr("aria-labelledby", `${this._uuid}-title ${this._uuid}-desc`).attr("role", "img").attr("xmlns", "http://www.w3.org/2000/svg").attr("xmlns:xlink", "http://www.w3.org/1999/xlink").transition().duration(this._duration).style("width", this._width !== undefined ? `${this._width}px` : undefined).style("height", this._height !== undefined ? `${this._height}px` : undefined).attr("width", this._width !== undefined ? `${this._width}px` : undefined).attr("height", this._height !== undefined ? `${this._height}px` : undefined);
           // sets "position: relative" on the SVG parent if currently undefined
@@ -34429,7 +34441,6 @@
           this._resizePoll = clearTimeout(this._resizePoll);
           this._scrollPoll = clearTimeout(this._scrollPoll);
           select(this._scrollContainer).on(`scroll.${this._uuid}`, null);
-          select(this._resizeContainer).on(`resize.${this._uuid}`, null);
           if (this._detectVisible && this._select.style("visibility") === "hidden") {
               this._visiblePoll = setInterval(()=>{
                   if (this._select.style("visibility") !== "hidden") {
@@ -34499,14 +34510,9 @@
                       if (this._select.attr("opacity") === "0") this._select.transition().duration(this._duration).attr("opacity", 1);
                   }
                   if (this._detectResize && (this._autoWidth || this._autoHeight)) {
-                      select(this._resizeContainer).on(`resize.${this._uuid}`, ()=>{
-                          this._resizePoll = clearTimeout(this._resizePoll);
-                          this._resizePoll = setTimeout(()=>{
-                              this._resizePoll = clearTimeout(this._resizePoll);
-                              setSVGSize.bind(this)();
-                              this.render(callback);
-                          }, this._detectResizeDelay);
-                      });
+                      this._resizeObserver.observe(this._select.node().parentNode);
+                  } else {
+                      this._resizeObserver.unobserve(this._select.node().parentNode);
                   }
                   if (callback) setTimeout(callback, this._duration + 100);
               });
@@ -34988,14 +34994,6 @@
     */ noDataMessage(_) {
           return arguments.length ? (this._noDataMessage = _, this) : this._noDataMessage;
       }
-      /**
-        @memberof Viz
-        @desc If using resize detection, this method allow a custom override of the element to which the resize detection function gets attached.
-        @param {String|HTMLElement} *selector*
-        @chainable
-    */ resizeContainer(_) {
-          return arguments.length ? (this._resizeContainer = _, this) : this._resizeContainer;
-      }
       /**
         @memberof Viz
         @desc If using scroll or visibility detection, this method allow a custom override of the element to which the scroll detection function gets attached.
@@ -35484,7 +35482,10 @@
               "mousemove.legend": mousemoveLegend.bind(this)
           };
           this._queue = [];
-          this._resizeContainer = typeof window === "undefined" ? "" : window;
+          this._resizeObserver = new ResizeObserver(debounce(()=>{
+              this._setSVGSize();
+              this.render(this._callback);
+          }, this._detectResizeDelay));
           this._scrollContainer = typeof window === "undefined" ? "" : window;
           this._shape = constant$9("Rect");
           this._shapes = [];