@d3p1/img2pxl 1.18.3 → 1.19.0

package/dist/img2pxl.js

@@ -1,13 +1,13 @@
-var ge = Object.defineProperty;
+var Te = Object.defineProperty;
 var pe = (o) => {
   throw TypeError(o);
 };
-var Me = (o, e, t) => e in o ? ge(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var Me = (o, e, t) => e in o ? Te(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var q = (o, e, t) => Me(o, typeof e != "symbol" ? e + "" : e, t), G = (o, e, t) => e.has(o) || pe("Cannot " + t);
 var i = (o, e, t) => (G(o, e, "read from private field"), t ? t.call(o) : e.get(o)), a = (o, e, t) => e.has(o) ? pe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), l = (o, e, t, s) => (G(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), n = (o, e, t) => (G(o, e, "access private method"), t);
-import { Pane as je } from "tweakpane";
+import { Pane as ke } from "tweakpane";
 import * as V from "three";
-class ke {
+class je {
   constructor() {
     this._previousTime = 0, this._currentTime = 0, this._startTime = B(), this._delta = 0, this._elapsed = 0, this._timescale = 1, this._usePageVisibilityAPI = typeof document < "u" && document.hidden !== void 0, this._usePageVisibilityAPI === !0 && (this._pageVisibilityHandler = Je.bind(this), document.addEventListener("visibilitychange", this._pageVisibilityHandler, !1));
   }
@@ -397,7 +397,7 @@ void main() {
 
     #include <tonemapping_fragment>
     #include <colorspace_fragment>
-}`, x, L, O, F, Ke, H, A, qe;
+}`, x, L, g, F, Ke, H, A, qe;
 let Ge = (qe = class {
   /**
    * Constructor
@@ -426,8 +426,8 @@ let Ge = (qe = class {
     /**
      * @type {Pane}
      */
-    a(this, O);
-    l(this, L, e), l(this, O, t), n(this, F, Ke).call(this, s, r, m, h);
+    a(this, g);
+    l(this, L, e), l(this, g, t), n(this, F, Ke).call(this, s, r, m, h);
   }
   /**
    * Enable debug mode
@@ -435,7 +435,7 @@ let Ge = (qe = class {
    * @returns {void}
    */
   debug() {
-    const e = i(this, O).addFolder({
+    const e = i(this, g).addFolder({
       title: "Image Resolution"
     });
     e.addBinding(
@@ -450,7 +450,7 @@ let Ge = (qe = class {
       { min: 0, max: this.points.geometry.parameters.height, step: 1 }
     ).on("change", (s) => {
       s.last && n(this, F, H).call(this, this.points.geometry.parameters.widthSegments, s.value);
-    }), i(this, O).addFolder({ title: "Image Pixel" }).addBinding(
+    }), i(this, g).addFolder({ title: "Image Pixel" }).addBinding(
       { size: this.points.material.uniforms.uPointSize.value },
       "size",
       { min: 1, max: 100, step: 1 }
@@ -466,7 +466,7 @@ let Ge = (qe = class {
   dispose() {
     this.points.geometry.dispose(), this.points.material.dispose(), i(this, x).dispose();
   }
-}, x = new WeakMap(), L = new WeakMap(), O = new WeakMap(), F = new WeakSet(), /**
+}, x = new WeakMap(), L = new WeakMap(), g = new WeakMap(), F = new WeakSet(), /**
  * Init points
  *
  * @param   {string} imageSrc
@@ -524,7 +524,7 @@ A = function(e, t, s = null) {
   );
   return r.setIndex(null), r.deleteAttribute("normal"), s && (r.attributes = { ...s, ...r.attributes }), r;
 }, qe);
-var R, T, g, b, Xe, Fe, be, Ze;
+var R, O, T, b, Xe, Fe, be, Ze;
 class Be {
   /**
    * Constructor
@@ -557,11 +557,11 @@ class Be {
     /**
      * @type {Function}
      */
-    a(this, T);
+    a(this, O);
     /**
      * @type {Function}
      */
-    a(this, g);
+    a(this, T);
     this.canvas = t, this.coord = new V.Vector2(void 0, void 0), l(this, R, e), n(this, b, be).call(this);
   }
   /**
@@ -601,7 +601,7 @@ class Be {
     this.canvas.dispose(), n(this, b, Ze).call(this);
   }
 }
-R = new WeakMap(), T = new WeakMap(), g = new WeakMap(), b = new WeakSet(), /**
+R = new WeakMap(), O = new WeakMap(), T = new WeakMap(), b = new WeakSet(), /**
  * Process pointer move
  *
  * @param   {PointerEvent} e
@@ -629,12 +629,12 @@ Fe = function() {
  *          working between the raycaster and image points
  */
 be = function() {
-  this.raycaster = new V.Raycaster(), l(this, T, n(this, b, Xe).bind(this)), i(this, R).renderer.domElement.addEventListener(
+  this.raycaster = new V.Raycaster(), l(this, O, n(this, b, Xe).bind(this)), i(this, R).renderer.domElement.addEventListener(
     "pointermove",
-    i(this, T)
-  ), l(this, g, n(this, b, Fe).bind(this)), i(this, R).renderer.domElement.addEventListener(
+    i(this, O)
+  ), l(this, T, n(this, b, Fe).bind(this)), i(this, R).renderer.domElement.addEventListener(
     "pointerleave",
-    i(this, g)
+    i(this, T)
   ), this.raycasterPlane = new V.Mesh(
     new V.PlaneGeometry(
       i(this, R).width,
@@ -650,13 +650,13 @@ be = function() {
 Ze = function() {
   i(this, R).renderer.domElement.removeEventListener(
     "pointermove",
-    i(this, T)
+    i(this, O)
   ), i(this, R).renderer.domElement.removeEventListener(
     "pointerleave",
-    i(this, g)
+    i(this, T)
   ), this.raycasterPlane.geometry.dispose(), this.raycasterPlane.material.dispose();
 };
-var M, c, j, S, k, f, Se, ye, Pe, ze, _;
+var M, c, k, S, j, f, Se, ye, Pe, ze, _;
 class He {
   /**
    * Constructor
@@ -693,7 +693,7 @@ class He {
      *       select which vertices/points/pixels
      *       should be displaced
      */
-    a(this, j);
+    a(this, k);
     /**
      * @type {number}
      * @note This value defines how many pixels are affected by the
@@ -707,8 +707,8 @@ class He {
      *       pointer trailing effect on the
      *       pixels' displacement
      */
-    a(this, k);
-    l(this, M, e), l(this, k, h), n(this, f, Pe).call(this, t, s), n(this, f, ze).call(this, r, m);
+    a(this, j);
+    l(this, M, e), l(this, j, h), n(this, f, Pe).call(this, t, s), n(this, f, ze).call(this, r, m);
   }
   /**
    * Update
@@ -734,7 +734,7 @@ class He {
       max: 1,
       step: 0.01
     }).on("change", (s) => n(this, f, _).call(this, s.value)), e.addBinding(
-      { trailing: i(this, k) },
+      { trailing: i(this, j) },
       "trailing",
       {
         min: 0,
@@ -756,7 +756,7 @@ class He {
     this.texture.dispose();
   }
 }
-M = new WeakMap(), c = new WeakMap(), j = new WeakMap(), S = new WeakMap(), k = new WeakMap(), f = new WeakSet(), /**
+M = new WeakMap(), c = new WeakMap(), k = new WeakMap(), S = new WeakMap(), j = new WeakMap(), f = new WeakSet(), /**
  * Draw
  *
  * @param   {number} dx
@@ -767,7 +767,7 @@ M = new WeakMap(), c = new WeakMap(), j = new WeakMap(), S = new WeakMap(), k =
  */
 Se = function(e, t) {
   e -= i(this, S) / 2, t -= i(this, S) / 2, i(this, c).save(), i(this, c).globalCompositeOperation = "lighten", i(this, c).drawImage(
-    i(this, j),
+    i(this, k),
     e,
     t,
     i(this, S),
@@ -782,7 +782,7 @@ Se = function(e, t) {
  *          That is why it is required to clear the canvas with black color
  */
 ye = function() {
-  i(this, c).save(), i(this, c).globalAlpha = i(this, k), i(this, c).fillStyle = "#000", i(this, c).fillRect(0, 0, this.element.width, this.element.height), i(this, c).restore();
+  i(this, c).save(), i(this, c).globalAlpha = i(this, j), i(this, c).fillStyle = "#000", i(this, c).fillRect(0, 0, this.element.width, this.element.height), i(this, c).restore();
 }, /**
  * Init canvas texture used to detect pointer location and
  * displace points
@@ -806,7 +806,7 @@ Pe = function(e, t) {
  *          a white image that will indicate which pixels should be displaced
  */
 ze = function(e, t) {
-  l(this, j, new Image()), i(this, j).src = e, n(this, f, _).call(this, t);
+  l(this, k, new Image()), i(this, k).src = e, n(this, f, _).call(this, t);
 }, /**
  * Process pointer image size
  *
@@ -957,7 +957,7 @@ we = function(e) {
     );
   l(this, D, e);
 };
-var P, u, z, y, w, E, I, C, d, $, ee, Ne, ie, xe, Le, Oe, Te;
+var P, u, z, y, w, E, I, C, d, $, ee, Ne, ie, xe, Le, ge, Oe;
 class si {
   /**
    * Constructor
@@ -1085,7 +1085,12 @@ class si {
    * @returns {void}
    */
   debug() {
-    i(this, w) || (n(this, d, ie).call(this), l(this, w, !0));
+    i(this, w) || (n(this, d, ie).call(this), i(this, P).debug(), this.debugManager.addButton({
+      title: "Copy"
+    }).on("click", () => {
+      const t = this.debugManager.exportState();
+      console.log(t);
+    }), l(this, w, !0));
   }
   /**
    * Dispose
@@ -1105,7 +1110,7 @@ $ = function() {
   this.rendererManager = new Ee(
     i(this, u).currentImage.width,
     i(this, u).currentImage.height
-  ), l(this, z, new ke()), n(this, d, Oe).call(this), n(this, d, Le).call(this), i(this, y).containerSelector && n(this, d, Te).call(this, i(this, y).containerSelector), l(this, I, n(this, d, Ne).bind(this)), window.addEventListener("keydown", i(this, I)), i(this, w) ? n(this, d, ie).call(this) : n(this, d, xe).call(this), l(this, C, () => {
+  ), l(this, z, new je()), n(this, d, ge).call(this), n(this, d, Le).call(this), i(this, y).containerSelector && n(this, d, Oe).call(this, i(this, y).containerSelector), l(this, I, n(this, d, Ne).bind(this)), window.addEventListener("keydown", i(this, I)), i(this, w) ? n(this, d, ie).call(this) : n(this, d, xe).call(this), l(this, C, () => {
     i(this, u).update() && (this.dispose(), n(this, d, $).call(this));
   }), window.addEventListener("resize", i(this, C)), n(this, d, ee).call(this);
 }, /**
@@ -1130,7 +1135,7 @@ Ne = function(e) {
  * @returns {void}
  */
 ie = function() {
-  i(this, P).debug(), this.debugManager.element.style.display = "block";
+  this.debugManager.element.style.display = "block";
 }, /**
  * Disable debug
  *
@@ -1178,15 +1183,15 @@ Le = function() {
  *
  * @returns {void}
  */
-Oe = function() {
-  this.debugManager = new je();
+ge = function() {
+  this.debugManager = new ke();
 }, /**
  * Init DOM
  *
  * @param   {string} containerSelector
  * @returns {void}
  */
-Te = function(e) {
+Oe = function(e) {
   const t = document.querySelector(e);
   t == null || t.appendChild(this.rendererManager.renderer.domElement), t == null || t.appendChild(this.debugManager.element);
 };