@base-framework/ui 1.0.201 → 1.0.202

package/dist/{image-scaler-BIZ0dtU2.js → image-scaler-BQ7WdtlV.js}

@@ -1,11 +1,11 @@
 var y = Object.defineProperty;
-var S = (i, t, e) => t in i ? y(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var m = (i, t, e) => S(i, typeof t != "symbol" ? t + "" : t, e);
-import { DateTime as g, base as l } from "@base-framework/base";
+var S = (i, t, n) => t in i ? y(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n;
+var g = (i, t, n) => S(i, typeof t != "symbol" ? t + "" : t, n);
+import { DateTime as f, base as l } from "@base-framework/base";
 const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.push(t), i) : {
   ...i,
   callBack: t
-}), p = (i, t = "") => i ?? t, z = {
+}), x = (i, t = "") => i ?? t, z = {
   /**
    * Formats a number with commas.
    *
@@ -14,10 +14,12 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   number(i, t = null) {
-    return h(i, (n) => {
-      n = p(n, t);
-      const s = /\B(?=(\d{3})+(?!\d))/g;
-      return n.toString().replace(s, ",");
+    return h(i, (e) => {
+      if (!isNaN(e)) {
+        const s = /\B(?=(\d{3})+(?!\d))/g;
+        return e.toString().replace(s, ",");
+      }
+      return t || "";
     });
   },
   /**
@@ -28,8 +30,8 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @param {string} no - Text for false values.
    * @returns {object|array}
    */
-  yesno(i, t = "Yes", e = "No") {
-    return h(i, (s) => s ? t : e);
+  yesno(i, t = "Yes", n = "No") {
+    return h(i, (s) => s ? t : n);
   },
   /**
    * Formats a value as money with two decimals.
@@ -39,12 +41,11 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @param {*} defaultValue - Value if original is invalid.
    * @returns {object|array}
    */
-  money(i, t = "$", e = null) {
+  money(i, t = "$", n = null) {
     return h(i, (s) => {
-      s = p(s, e);
       const o = parseFloat(s);
       if (isNaN(o))
-        return e;
+        return n || "";
       const r = /\B(?=(\d{3})+(?!\d))/g;
       return t + o.toFixed(2).toString().replace(r, ",");
     });
@@ -57,10 +58,10 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   phone(i, t = null) {
-    return h(i, (n) => {
-      n = p(n, t);
-      const s = n.toString().replace(/\D/g, "");
-      return s.length === 10 ? "(" + s.slice(0, 3) + ") " + s.slice(3, 6) + "-" + s.slice(6) : n;
+    return h(i, (e) => {
+      e = e || "";
+      const s = String(e.toString()).replace(/\D/g, "");
+      return s.length === 10 ? "(" + s.slice(0, 3) + ") " + s.slice(3, 6) + "-" + s.slice(6) : e || t;
     });
   },
   /**
@@ -71,9 +72,9 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   integer(i, t = null) {
-    return h(i, (n) => {
-      n = p(n, t);
-      const s = parseInt(n, 10);
+    return h(i, (e) => {
+      e = x(e, t);
+      const s = parseInt(e, 10);
       return isNaN(s) ? t : s.toString();
     });
   },
@@ -85,7 +86,7 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   date(i, t = null) {
-    return h(i, (n) => n ? g.format("standard", n) : t || "");
+    return h(i, (e) => e ? f.format("standard", e) : t || "");
   },
   /**
    * Formats a date and time value to a standard date and time format.
@@ -95,7 +96,7 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   dateTime(i, t = null) {
-    return h(i, (n) => n ? g.format("standard", n) + " " + g.formatTime(n, 12) : t || "");
+    return h(i, (e) => e ? f.format("standard", e) + " " + f.formatTime(e, 12) : t || "");
   },
   /**
    * Formats a time value to a standard time format.
@@ -105,7 +106,7 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   time(i, t = null) {
-    return h(i, (n) => n ? g.formatTime(n, 12) : t || "");
+    return h(i, (e) => e ? f.formatTime(e, 12) : t || "");
   },
   /**
    * Formats a value with a default value if null or undefined.
@@ -115,10 +116,10 @@ const h = (i, t) => (typeof i == "string" && (i = [i]), Array.isArray(i) ? (i.pu
    * @returns {object|array}
    */
   default(i, t = null) {
-    return h(i, (n) => p(n, t));
+    return h(i, (e) => x(e, t));
   }
 };
-class D {
+class v {
   /**
    * Creates an instance of ElementScaler.
    *
@@ -174,10 +175,10 @@ class D {
    * @param {number} scale - Scale factor (e.g., 1.0 = 100%, 0.5 = 50%).
    * @returns {{width: number, height: number}} The new width and height after scaling.
    */
-  transform(t, e, n) {
+  transform(t, n, e) {
     const s = this.element, o = s.style;
-    o.top = e + "px", o.left = t + "px";
-    const r = s.naturalWidth * n, c = s.naturalHeight * n;
+    o.top = n + "px", o.left = t + "px";
+    const r = s.naturalWidth * e, c = s.naturalHeight * e;
     return o.width = r + "px", o.height = c + "px", { width: r, height: c };
   }
   /**
@@ -189,7 +190,7 @@ class D {
     this.setBoundingBox(), this.containerSize = this.container.getBoundingClientRect();
   }
 }
-class v {
+class D {
   /**
    * Creates an EventController instance.
    *
@@ -197,11 +198,11 @@ class v {
    * @param {object} parent - The parent object (ImageScaler) that handles actions.
    * @param {HTMLElement} container - The DOM element to attach events to.
    */
-  constructor(t, e) {
+  constructor(t, n) {
     /**
      * Tracks and measures distances between touches for pinch gestures.
      */
-    m(this, "pinchTracker", {
+    g(this, "pinchTracker", {
       /** @type {number|null} */
       previousDistance: null,
       /** @type {number|null} */
@@ -215,9 +216,9 @@ class v {
        * @param {number} y2
        * @returns {number}
        */
-      distance(t, e, n, s) {
+      distance(t, n, e, s) {
         return Math.sqrt(
-          (t - n) * (t - n) + (e - s) * (e - s)
+          (t - e) * (t - e) + (n - s) * (n - s)
         );
       },
       /**
@@ -235,8 +236,8 @@ class v {
        * @param {object} touch2
        * @returns {void}
        */
-      setCurrentDistance(t, e) {
-        this.currentDistance = this.distance(t.x, t.y, e.x, e.y);
+      setCurrentDistance(t, n) {
+        this.currentDistance = this.distance(t.x, t.y, n.x, n.y);
       },
       /**
        * Updates currentDistance and keeps track of the previous distance.
@@ -245,8 +246,8 @@ class v {
        * @param {object} touch2
        * @returns {number} The updated current distance.
        */
-      updateCurrentDistance(t, e) {
-        return this.setPreviousDistance(), this.setCurrentDistance(t, e), this.currentDistance;
+      updateCurrentDistance(t, n) {
+        return this.setPreviousDistance(), this.setCurrentDistance(t, n), this.currentDistance;
       },
       /**
        * Determines the scale direction (zoom in/out) based on distance changes.
@@ -255,10 +256,10 @@ class v {
        * @param {object} touch2
        * @returns {number} 1 for zoom in, -1 for zoom out, 0 if below threshold.
        */
-      getScale(t, e) {
-        let n = 0;
-        const s = this.updateCurrentDistance(t, e), o = this.previousDistance;
-        return o === null || Math.abs(s - o) < 2 || (s > o ? n = 1 : s < o && (n = -1)), n;
+      getScale(t, n) {
+        let e = 0;
+        const s = this.updateCurrentDistance(t, n), o = this.previousDistance;
+        return o === null || Math.abs(s - o) < 2 || (s > o ? e = 1 : s < o && (e = -1)), e;
       },
       /**
        * Resets the distance measurements.
@@ -269,7 +270,7 @@ class v {
         this.previousDistance = null, this.currentDistance = null;
       }
     });
-    this.parent = t, this.container = e, this.pointer = { x: 0, y: 0, status: "up" }, this.setup();
+    this.parent = t, this.container = n, this.pointer = { x: 0, y: 0, status: "up" }, this.setup();
   }
   /**
    * Initializes event setup.
@@ -293,11 +294,11 @@ class v {
    * @returns {void}
    */
   setupEvents() {
-    const t = this.container, e = l.bind(this, this.pointerMove), n = l.bind(this, this.pointerUp), s = l.bind(this, this.pointerDown), o = l.bind(this, this.wheel), r = l.bind(this, this.resize);
+    const t = this.container, n = l.bind(this, this.pointerMove), e = l.bind(this, this.pointerUp), s = l.bind(this, this.pointerDown), o = l.bind(this, this.wheel), r = l.bind(this, this.resize);
     this.addEvents = function() {
-      l.on(["mousemove", "touchmove"], t, e), l.on(["mouseup", "mouseout", "touchend", "touchcancel"], t, n), l.on(["mousedown", "touchstart"], t, s), l.onMouseWheel(o, t, !0), l.on("resize", globalThis, r);
+      l.on(["mousemove", "touchmove"], t, n), l.on(["mouseup", "mouseout", "touchend", "touchcancel"], t, e), l.on(["mousedown", "touchstart"], t, s), l.onMouseWheel(o, t, !0), l.on("resize", globalThis, r);
     }, this.addEvents(), this.removeEvents = function() {
-      l.off(["mousemove", "touchmove"], t, e), l.off(["mouseup", "mouseout", "touchend", "touchcancel"], t, n), l.off(["mousedown", "touchstart"], t, s), l.offMouseWheel(o, t), l.off("resize", globalThis, r);
+      l.off(["mousemove", "touchmove"], t, n), l.off(["mouseup", "mouseout", "touchend", "touchcancel"], t, e), l.off(["mousedown", "touchstart"], t, s), l.offMouseWheel(o, t), l.off("resize", globalThis, r);
     };
   }
   /**
@@ -307,8 +308,8 @@ class v {
    * @param {Event} e - The associated event.
    * @returns {void}
    */
-  wheel(t, e) {
-    this.parent.callAction("pinch", e, t);
+  wheel(t, n) {
+    this.parent.callAction("pinch", n, t);
   }
   /**
    * Extracts the position from mouse or touch events and updates `this.pointer`.
@@ -317,14 +318,14 @@ class v {
    * @returns {void}
    */
   getEventPosition(t) {
-    let e, n;
+    let n, e;
     const s = t.touches;
     if (s && s.length) {
       const o = s[0];
-      e = o.clientX, n = o.clientY;
+      n = o.clientX, e = o.clientY;
     } else
-      e = t.clientX, n = t.clientY;
-    this.pointer.x = e, this.pointer.y = n;
+      n = t.clientX, e = t.clientY;
+    this.pointer.x = n, this.pointer.y = e;
   }
   /**
    * Called when the pointer goes down (mouse/touch).
@@ -359,11 +360,11 @@ class v {
    * @returns {Array<object>} Array of touch points.
    */
   getTouches(t) {
-    const e = [], n = t.touches;
-    if (n && n.length)
-      for (let s = 0; s < n.length; s++)
-        e.push(n[s]);
-    return e;
+    const n = [], e = t.touches;
+    if (e && e.length)
+      for (let s = 0; s < e.length; s++)
+        n.push(e[s]);
+    return n;
   }
   /**
    * Calculates the midpoint (center) between two sets of coordinates.
@@ -374,10 +375,10 @@ class v {
    * @param {number} y2
    * @returns {{x: number, y: number}} The center coordinates.
    */
-  getCenter(t, e, n, s) {
+  getCenter(t, n, e, s) {
     return {
-      x: (t + n) / 2,
-      y: (e + s) / 2
+      x: (t + e) / 2,
+      y: (n + s) / 2
     };
   }
   /**
@@ -387,11 +388,11 @@ class v {
    * @returns {void}
    */
   pinch(t) {
-    const e = this.getTouches(t);
-    if (e.length === 2) {
+    const n = this.getTouches(t);
+    if (n.length === 2) {
       this.pointer.status = "down";
-      const n = e[0], s = e[1], o = this.getPosition(n.clientX, n.clientY), r = this.getPosition(s.clientX, s.clientY);
-      this.centerMousePinch(n, s);
+      const e = n[0], s = n[1], o = this.getPosition(e.clientX, e.clientY), r = this.getPosition(s.clientX, s.clientY);
+      this.centerMousePinch(e, s);
       const c = this.pinchTracker.getScale(o, r);
       this.parent.callAction("pinch", t, c);
     }
@@ -403,10 +404,10 @@ class v {
    * @param {number} eY
    * @returns {{x: number, y: number}}
    */
-  getPosition(t, e) {
+  getPosition(t, n) {
     return {
       x: parseInt(String(t)),
-      y: parseInt(String(e))
+      y: parseInt(String(n))
     };
   }
   /**
@@ -416,14 +417,14 @@ class v {
    * @param {Touch} touch2
    * @returns {void}
    */
-  centerMousePinch(t, e) {
-    const n = this.getCenter(
+  centerMousePinch(t, n) {
+    const e = this.getCenter(
       t.clientX,
       t.clientY,
-      e.clientX,
-      e.clientY
+      n.clientX,
+      n.clientY
     ), s = this.pointer;
-    s.x = n.x, s.y = n.y;
+    s.x = e.x, s.y = e.y;
   }
   /**
    * Called on a rotate gesture (currently not used).
@@ -441,9 +442,9 @@ class v {
    * @returns {boolean} True if it was a gesture (pinch); false otherwise.
    */
   isGesture(t) {
-    let e = !1;
-    const n = t.touches;
-    return n && n.length > 1 && (t.preventDefault(), this.pinch(t), e = !0), e;
+    let n = !1;
+    const e = t.touches;
+    return e && e.length > 1 && (t.preventDefault(), this.pinch(t), n = !0), n;
   }
   /**
    * Called when the pointer moves (mouse/touch) but might also detect pinch.
@@ -464,8 +465,8 @@ class E {
    */
   constructor(t) {
     /** @type {number} Minimum allowed scale factor. */
-    m(this, "minScale", 0.2);
-    this.elementScaler = new D(t), this.scale = this.getImageScale(t), this.panning = !1, this.events = null, this.start = { x: 0, y: 0 }, this.delta = { x: 0, y: 0 }, this.setup();
+    g(this, "minScale", 0.2);
+    this.elementScaler = new v(t), this.scale = this.getImageScale(t), this.panning = !1, this.events = null, this.start = { x: 0, y: 0 }, this.delta = { x: 0, y: 0 }, this.setup();
   }
   /**
    * Initializes event handling and centers the image.
@@ -491,8 +492,8 @@ class E {
    * @param {*} [data] - Additional data passed to the method.
    * @returns {void}
    */
-  callAction(t, e, n) {
-    this[t](e, n);
+  callAction(t, n, e) {
+    this[t](n, e);
   }
   /**
    * Sets up the event controller for the image.
@@ -500,7 +501,7 @@ class E {
    * @returns {void}
    */
   setupEvents() {
-    this.events = new v(this, this.elementScaler.element);
+    this.events = new D(this, this.elementScaler.element);
   }
   /**
    * Calculates an initial scale based on the element's offsetWidth vs. naturalWidth.
@@ -518,10 +519,10 @@ class E {
    * @returns {{x: number, y: number}} The pointer offset without scale.
    */
   getOffset(t) {
-    const e = this.scale, n = this.delta, s = this.getPointerPosition();
+    const n = this.scale, e = this.delta, s = this.getPointerPosition();
     return {
-      x: (s.x - n.x) / e,
-      y: (s.y - n.y) / e
+      x: (s.x - e.x) / n,
+      y: (s.y - e.y) / n
     };
   }
   /**
@@ -532,8 +533,8 @@ class E {
    * @param {number} scale - The scale factor.
    * @returns {void}
    */
-  scaleElement(t, e, n) {
-    const s = this.elementScaler.transform(t, e, n);
+  scaleElement(t, n, e) {
+    const s = this.elementScaler.transform(t, n, e);
     this.center(s.width, s.height);
   }
   /**
@@ -543,28 +544,28 @@ class E {
    * @param {number} [height] - Height of the scaled element.
    * @returns {void}
    */
-  center(t, e) {
-    const n = this.elementScaler, s = n.containerSize, o = n.elementBoundingBox, r = this.delta;
-    t = t || o.width, e = e || o.height;
+  center(t, n) {
+    const e = this.elementScaler, s = e.containerSize, o = e.elementBoundingBox, r = this.delta;
+    t = t || o.width, n = n || o.height;
     let c, a;
-    const d = s.width;
-    if (t < d)
-      c = d / 2 - t / 2, c = c > 0 ? c : 0;
+    const p = s.width;
+    if (t < p)
+      c = p / 2 - t / 2, c = c > 0 ? c : 0;
     else {
       c = r.x;
       const u = t + r.x;
-      u < d && (c = u + (d - u) - t), r.x > 0 && (c = 0);
+      u < p && (c = u + (p - u) - t), r.x > 0 && (c = 0);
     }
-    const f = s.height;
-    if (e < f)
-      a = f / 2 - e / 2, a = a > 0 ? a : 0;
+    const d = s.height;
+    if (n < d)
+      a = d / 2 - n / 2, a = a > 0 ? a : 0;
     else {
       a = r.y;
-      const u = e + r.y;
-      u < f && (a = u + (f - u) - e), r.y > 0 && (a = 0);
+      const u = n + r.y;
+      u < d && (a = u + (d - u) - n), r.y > 0 && (a = 0);
     }
-    const x = n.element.style;
-    x.left = c + "px", x.top = a + "px", this.delta = { x: c, y: a };
+    const m = e.element.style;
+    m.left = c + "px", m.top = a + "px", this.delta = { x: c, y: a };
   }
   /**
    * Updates the current scale (zoom) value based on scroll delta.
@@ -573,8 +574,8 @@ class E {
    * @returns {number} The updated scale factor.
    */
   updateScale(t) {
-    let e = this.scale;
-    return t !== 0 && (e = t > 0 ? this.scale *= 1.05 : this.scale /= 1.05), e <= this.minScale && (this.scale = this.minScale), this.scale;
+    let n = this.scale;
+    return t !== 0 && (n = t > 0 ? this.scale *= 1.05 : this.scale /= 1.05), n <= this.minScale && (this.scale = this.minScale), this.scale;
   }
   /**
    * Returns the pointer position relative to the container.
@@ -582,10 +583,10 @@ class E {
    * @returns {{x: number, y: number}} The pointer coordinates.
    */
   getPointerPosition() {
-    const t = this.elementScaler.containerSize, e = this.events.pointer;
+    const t = this.elementScaler.containerSize, n = this.events.pointer;
     return {
-      x: e.x - t.left,
-      y: e.y - t.top
+      x: n.x - t.left,
+      y: n.y - t.top
     };
   }
   /**
@@ -595,10 +596,10 @@ class E {
    * @returns {void}
    */
   pointerDown(t) {
-    const e = this.delta, n = this.getPointerPosition();
+    const n = this.delta, e = this.getPointerPosition();
     this.start = {
-      x: n.x - e.x,
-      y: n.y - e.y
+      x: e.x - n.x,
+      y: e.y - n.y
     }, this.panning = !0;
   }
   /**
@@ -610,8 +611,8 @@ class E {
   pointerMove(t) {
     if (t.preventDefault(), !this.panning)
       return;
-    const e = this.getPointerPosition(), n = this.delta, s = this.start;
-    n.x = e.x - s.x, n.y = e.y - s.y, this.scaleElement(n.x, n.y, this.scale);
+    const n = this.getPointerPosition(), e = this.delta, s = this.start;
+    e.x = n.x - s.x, e.y = n.y - s.y, this.scaleElement(e.x, e.y, this.scale);
   }
   /**
    * Called when the user releases the pointer (mouse/touch).
@@ -637,11 +638,11 @@ class E {
    * @param {number} delta - Positive = zoom in, negative = zoom out.
    * @returns {void}
    */
-  pinch(t, e) {
-    const n = this.getOffset(t);
+  pinch(t, n) {
+    const e = this.getOffset(t);
     t.preventDefault();
-    const s = this.updateScale(e), o = this.getPointerPosition(), r = this.delta;
-    r.x = o.x - n.x * s, r.y = o.y - n.y * s, this.scaleElement(r.x, r.y, s);
+    const s = this.updateScale(n), o = this.getPointerPosition(), r = this.delta;
+    r.x = o.x - e.x * s, r.y = o.y - e.y * s, this.scaleElement(r.x, r.y, s);
   }
 }
 export {

package/dist/index.es.js

@@ -10,7 +10,7 @@ import { B as De, I as Ie, M as Se, d as Be, e as Pe, g as Fe, N as Me, b as ke,
 import { B as He, a as Le, C as Ae, F as we, b as Ue, c as Re, M as Ee, P as Oe, S as Ge } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as je, F as qe, M as ze, a as Je, T as _e } from "./aside-template-McEj_Gxc.js";
 import { B as Qe } from "./bside-template-Du2m3rsE.js";
-import { F as Ye, I as Ze, c as $e } from "./image-scaler-BIZ0dtU2.js";
+import { F as Ye, I as Ze, c as $e } from "./image-scaler-BQ7WdtlV.js";
 export {
   O as Alert,
   je as AsideTemplate,

package/dist/utils.es.js

@@ -1,4 +1,4 @@
-import { F as r, I as c, c as t } from "./image-scaler-BIZ0dtU2.js";
+import { F as r, I as c, c as t } from "./image-scaler-BQ7WdtlV.js";
 export {
   r as Format,
   c as ImageScaler,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.201",
+	"version": "1.0.202",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {