@base-framework/ui 1.0.200 → 1.0.202

package/dist/image-scaler-BQ7WdtlV.js

@@ -0,0 +1,652 @@
+var y = Object.defineProperty;
+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
+}), x = (i, t = "") => i ?? t, z = {
+  /**
+   * Formats a number with commas.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string|null} defaultValue - Value if original is null or undefined.
+   * @returns {object|array}
+   */
+  number(i, t = null) {
+    return h(i, (e) => {
+      if (!isNaN(e)) {
+        const s = /\B(?=(\d{3})+(?!\d))/g;
+        return e.toString().replace(s, ",");
+      }
+      return t || "";
+    });
+  },
+  /**
+   * Formats a boolean value as a yes/no string.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string} yes - Text for true values.
+   * @param {string} no - Text for false values.
+   * @returns {object|array}
+   */
+  yesno(i, t = "Yes", n = "No") {
+    return h(i, (s) => s ? t : n);
+  },
+  /**
+   * Formats a value as money with two decimals.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string} currency - Currency symbol.
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  money(i, t = "$", n = null) {
+    return h(i, (s) => {
+      const o = parseFloat(s);
+      if (isNaN(o))
+        return n || "";
+      const r = /\B(?=(\d{3})+(?!\d))/g;
+      return t + o.toFixed(2).toString().replace(r, ",");
+    });
+  },
+  /**
+   * Formats a value as a US phone number (10 digits).
+   *
+   * @param {string|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  phone(i, t = null) {
+    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;
+    });
+  },
+  /**
+   * Formats a value as an integer (rounds down).
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  integer(i, t = null) {
+    return h(i, (e) => {
+      e = x(e, t);
+      const s = parseInt(e, 10);
+      return isNaN(s) ? t : s.toString();
+    });
+  },
+  /**
+   * Formats a date value to a standard date format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  date(i, t = null) {
+    return h(i, (e) => e ? f.format("standard", e) : t || "");
+  },
+  /**
+   * Formats a date and time value to a standard date and time format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  dateTime(i, t = null) {
+    return h(i, (e) => e ? f.format("standard", e) + " " + f.formatTime(e, 12) : t || "");
+  },
+  /**
+   * Formats a time value to a standard time format.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {*} defaultValue - Value if original is invalid.
+   * @returns {object|array}
+   */
+  time(i, t = null) {
+    return h(i, (e) => e ? f.formatTime(e, 12) : t || "");
+  },
+  /**
+   * Formats a value with a default value if null or undefined.
+   *
+   * @param {string|number|object|array} watcher
+   * @param {string|null} defaultValue - Value if original is null or undefined.
+   * @returns {object|array}
+   */
+  default(i, t = null) {
+    return h(i, (e) => x(e, t));
+  }
+};
+class v {
+  /**
+   * Creates an instance of ElementScaler.
+   *
+   * @constructor
+   * @param {HTMLElement} element - The DOM element to scale.
+   */
+  constructor(t) {
+    this.element = t, this.elementBoundingBox = null, this.container = t.parentNode, this.containerSize = {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0
+    }, this.setup();
+  }
+  /**
+   * Initializes the scaling behavior by removing margins
+   * and triggering a resize check.
+   *
+   * @returns {void}
+   */
+  setup() {
+    this.removeMargin(), this.resize();
+  }
+  /**
+   * Removes all margin from the element (top/right/bottom/left).
+   *
+   * @returns {void}
+   */
+  removeMargin() {
+    this.element.style.margin = "0px 0px 0px 0px";
+  }
+  /**
+   * Gets the current bounding box of the element.
+   *
+   * @returns {DOMRect|null} The bounding box or null if not set.
+   */
+  getSize() {
+    return this.elementBoundingBox;
+  }
+  /**
+   * Calculates and caches the bounding client rect for the element.
+   *
+   * @returns {void}
+   */
+  setBoundingBox() {
+    this.elementBoundingBox = this.element.getBoundingClientRect();
+  }
+  /**
+   * Applies translation and scaling (width/height) to the element.
+   *
+   * @param {number} x - The horizontal position (left).
+   * @param {number} y - The vertical position (top).
+   * @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, n, e) {
+    const s = this.element, o = s.style;
+    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 };
+  }
+  /**
+   * Updates internal bounding boxes for both the element and its container.
+   *
+   * @returns {void}
+   */
+  resize() {
+    this.setBoundingBox(), this.containerSize = this.container.getBoundingClientRect();
+  }
+}
+class D {
+  /**
+   * Creates an EventController instance.
+   *
+   * @constructor
+   * @param {object} parent - The parent object (ImageScaler) that handles actions.
+   * @param {HTMLElement} container - The DOM element to attach events to.
+   */
+  constructor(t, n) {
+    /**
+     * Tracks and measures distances between touches for pinch gestures.
+     */
+    g(this, "pinchTracker", {
+      /** @type {number|null} */
+      previousDistance: null,
+      /** @type {number|null} */
+      currentDistance: null,
+      /**
+       * Calculates Euclidean distance between two points.
+       *
+       * @param {number} x1
+       * @param {number} y1
+       * @param {number} x2
+       * @param {number} y2
+       * @returns {number}
+       */
+      distance(t, n, e, s) {
+        return Math.sqrt(
+          (t - e) * (t - e) + (n - s) * (n - s)
+        );
+      },
+      /**
+       * If currentDistance is set, store it as previousDistance.
+       *
+       * @returns {void}
+       */
+      setPreviousDistance() {
+        this.currentDistance !== null && (this.previousDistance = this.currentDistance);
+      },
+      /**
+       * Sets the current distance between two touch points.
+       *
+       * @param {object} touch1
+       * @param {object} touch2
+       * @returns {void}
+       */
+      setCurrentDistance(t, n) {
+        this.currentDistance = this.distance(t.x, t.y, n.x, n.y);
+      },
+      /**
+       * Updates currentDistance and keeps track of the previous distance.
+       *
+       * @param {object} touch1
+       * @param {object} touch2
+       * @returns {number} The updated current distance.
+       */
+      updateCurrentDistance(t, n) {
+        return this.setPreviousDistance(), this.setCurrentDistance(t, n), this.currentDistance;
+      },
+      /**
+       * Determines the scale direction (zoom in/out) based on distance changes.
+       *
+       * @param {object} touch1
+       * @param {object} touch2
+       * @returns {number} 1 for zoom in, -1 for zoom out, 0 if below threshold.
+       */
+      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.
+       *
+       * @returns {void}
+       */
+      reset() {
+        this.previousDistance = null, this.currentDistance = null;
+      }
+    });
+    this.parent = t, this.container = n, this.pointer = { x: 0, y: 0, status: "up" }, this.setup();
+  }
+  /**
+   * Initializes event setup.
+   *
+   * @returns {void}
+   */
+  setup() {
+    this.setupEvents();
+  }
+  /**
+   * Removes all event listeners.
+   *
+   * @returns {void}
+   */
+  remove() {
+    this.removeEvents();
+  }
+  /**
+   * Creates and binds all required event listeners.
+   *
+   * @returns {void}
+   */
+  setupEvents() {
+    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, 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, n), l.off(["mouseup", "mouseout", "touchend", "touchcancel"], t, e), l.off(["mousedown", "touchstart"], t, s), l.offMouseWheel(o, t), l.off("resize", globalThis, r);
+    };
+  }
+  /**
+   * Handles mouse wheel or pinch events.
+   *
+   * @param {number} delta - The wheel direction (positive or negative).
+   * @param {Event} e - The associated event.
+   * @returns {void}
+   */
+  wheel(t, n) {
+    this.parent.callAction("pinch", n, t);
+  }
+  /**
+   * Extracts the position from mouse or touch events and updates `this.pointer`.
+   *
+   * @param {Event} e - The event object.
+   * @returns {void}
+   */
+  getEventPosition(t) {
+    let n, e;
+    const s = t.touches;
+    if (s && s.length) {
+      const o = s[0];
+      n = o.clientX, e = o.clientY;
+    } else
+      n = t.clientX, e = t.clientY;
+    this.pointer.x = n, this.pointer.y = e;
+  }
+  /**
+   * Called when the pointer goes down (mouse/touch).
+   *
+   * @param {Event} e - The associated event.
+   * @returns {void}
+   */
+  pointerDown(t) {
+    this.getEventPosition(t), this.pointer.status = "down", this.isGesture(t) === !1 && this.parent.callAction("pointerDown", t);
+  }
+  /**
+   * Called when the pointer is released.
+   *
+   * @param {Event} e - The associated event.
+   * @returns {void}
+   */
+  pointerUp(t) {
+    this.pointer.status = "up", this.parent.callAction("pointerUp", t), this.pinchTracker.reset();
+  }
+  /**
+   * Handles window resize actions.
+   *
+   * @returns {void}
+   */
+  resize() {
+    this.parent.resize();
+  }
+  /**
+   * Extracts all touches from the event object.
+   *
+   * @param {Event} e - The touch event.
+   * @returns {Array<object>} Array of touch points.
+   */
+  getTouches(t) {
+    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.
+   *
+   * @param {number} x1
+   * @param {number} y1
+   * @param {number} x2
+   * @param {number} y2
+   * @returns {{x: number, y: number}} The center coordinates.
+   */
+  getCenter(t, n, e, s) {
+    return {
+      x: (t + e) / 2,
+      y: (n + s) / 2
+    };
+  }
+  /**
+   * Attempts a pinch gesture if two touches are present.
+   *
+   * @param {Event} e - The touch event.
+   * @returns {void}
+   */
+  pinch(t) {
+    const n = this.getTouches(t);
+    if (n.length === 2) {
+      this.pointer.status = "down";
+      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);
+    }
+  }
+  /**
+   * Creates a coordinate object from x/y.
+   *
+   * @param {number} eX
+   * @param {number} eY
+   * @returns {{x: number, y: number}}
+   */
+  getPosition(t, n) {
+    return {
+      x: parseInt(String(t)),
+      y: parseInt(String(n))
+    };
+  }
+  /**
+   * Moves pointer coordinates to the midpoint of two touches for pinch usage.
+   *
+   * @param {Touch} touch1
+   * @param {Touch} touch2
+   * @returns {void}
+   */
+  centerMousePinch(t, n) {
+    const e = this.getCenter(
+      t.clientX,
+      t.clientY,
+      n.clientX,
+      n.clientY
+    ), s = this.pointer;
+    s.x = e.x, s.y = e.y;
+  }
+  /**
+   * Called on a rotate gesture (currently not used).
+   *
+   * @param {Event} e - The associated event.
+   * @returns {void}
+   */
+  rotate(t) {
+    this.pointer.status = "down", this.parent.callAction("rotate", t);
+  }
+  /**
+   * Checks if the event is a multi-touch gesture. If yes, performs pinch logic.
+   *
+   * @param {Event} e - The event object.
+   * @returns {boolean} True if it was a gesture (pinch); false otherwise.
+   */
+  isGesture(t) {
+    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.
+   *
+   * @param {Event} e - The associated event.
+   * @returns {void}
+   */
+  pointerMove(t) {
+    this.getEventPosition(t), this.isGesture(t) === !1 && this.parent.callAction("pointerMove", t);
+  }
+}
+class E {
+  /**
+   * Creates an instance of ImageScaler.
+   *
+   * @constructor
+   * @param {HTMLImageElement} element - The image element to scale.
+   */
+  constructor(t) {
+    /** @type {number} Minimum allowed scale factor. */
+    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.
+   *
+   * @returns {void}
+   */
+  setup() {
+    this.setupEvents(), this.center();
+  }
+  /**
+   * Removes all event bindings.
+   *
+   * @returns {void}
+   */
+  remove() {
+    this.events.remove();
+  }
+  /**
+   * Invokes a method on this class by name, passing event/data.
+   *
+   * @param {string} action - The method name to call.
+   * @param {Event} e - The associated event object.
+   * @param {*} [data] - Additional data passed to the method.
+   * @returns {void}
+   */
+  callAction(t, n, e) {
+    this[t](n, e);
+  }
+  /**
+   * Sets up the event controller for the image.
+   *
+   * @returns {void}
+   */
+  setupEvents() {
+    this.events = new D(this, this.elementScaler.element);
+  }
+  /**
+   * Calculates an initial scale based on the element's offsetWidth vs. naturalWidth.
+   *
+   * @param {HTMLImageElement} element - The image element.
+   * @returns {number} The initial scale factor.
+   */
+  getImageScale(t) {
+    return t.offsetWidth / t.naturalWidth;
+  }
+  /**
+   * Gets the offset position of the pointer, adjusted by scale and delta.
+   *
+   * @param {Event} e - The associated event object.
+   * @returns {{x: number, y: number}} The pointer offset without scale.
+   */
+  getOffset(t) {
+    const n = this.scale, e = this.delta, s = this.getPointerPosition();
+    return {
+      x: (s.x - e.x) / n,
+      y: (s.y - e.y) / n
+    };
+  }
+  /**
+   * Transforms the element (x, y, scale) and then re-centers it if needed.
+   *
+   * @param {number} x - The new left offset.
+   * @param {number} y - The new top offset.
+   * @param {number} scale - The scale factor.
+   * @returns {void}
+   */
+  scaleElement(t, n, e) {
+    const s = this.elementScaler.transform(t, n, e);
+    this.center(s.width, s.height);
+  }
+  /**
+   * Attempts to center the scaled element within its container, respecting boundaries.
+   *
+   * @param {number} [width] - Width of the scaled element.
+   * @param {number} [height] - Height of the scaled element.
+   * @returns {void}
+   */
+  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 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 < p && (c = u + (p - u) - t), r.x > 0 && (c = 0);
+    }
+    const d = s.height;
+    if (n < d)
+      a = d / 2 - n / 2, a = a > 0 ? a : 0;
+    else {
+      a = r.y;
+      const u = n + r.y;
+      u < d && (a = u + (d - u) - n), r.y > 0 && (a = 0);
+    }
+    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.
+   *
+   * @param {number} delta - Positive = zoom in, negative = zoom out.
+   * @returns {number} The updated scale factor.
+   */
+  updateScale(t) {
+    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.
+   *
+   * @returns {{x: number, y: number}} The pointer coordinates.
+   */
+  getPointerPosition() {
+    const t = this.elementScaler.containerSize, n = this.events.pointer;
+    return {
+      x: n.x - t.left,
+      y: n.y - t.top
+    };
+  }
+  /**
+   * Called when the user presses down on the pointer (mouse/touch).
+   *
+   * @param {Event} e - The associated event object.
+   * @returns {void}
+   */
+  pointerDown(t) {
+    const n = this.delta, e = this.getPointerPosition();
+    this.start = {
+      x: e.x - n.x,
+      y: e.y - n.y
+    }, this.panning = !0;
+  }
+  /**
+   * Called when the user moves the pointer (mouse/touch).
+   *
+   * @param {Event} e - The associated event object.
+   * @returns {void}
+   */
+  pointerMove(t) {
+    if (t.preventDefault(), !this.panning)
+      return;
+    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).
+   *
+   * @param {Event} e - The associated event object.
+   * @returns {void}
+   */
+  pointerUp(t) {
+    this.panning = !1;
+  }
+  /**
+   * Recalculates container/element bounding sizes, e.g., on window resize.
+   *
+   * @returns {void}
+   */
+  resize() {
+    this.elementScaler.resize();
+  }
+  /**
+   * Called on pinch gesture (usually from a wheel or multi-touch).
+   *
+   * @param {Event} e - The associated event.
+   * @param {number} delta - Positive = zoom in, negative = zoom out.
+   * @returns {void}
+   */
+  pinch(t, n) {
+    const e = this.getOffset(t);
+    t.preventDefault();
+    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 {
+  z as F,
+  E as I,
+  h as c
+};

package/dist/index.es.js

@@ -1,36 +1,37 @@
-import { B as e, C as t, a as o, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-CYtKjefM.js";
-import { B as g, I as T, L as c } from "./buttons-Cm9etaEG.js";
-import { C as D, d as b, D as I, c as S, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, T as x, a as y, b as h, U as W, W as H } from "./inputs-CMjx5-IX.js";
+import { B as s, C as t, a as o, F as r, L as n, P as l, R as i, S as p, b as u, T as m } from "./tooltip-CYtKjefM.js";
+import { B as c, I as g, L as C } from "./buttons-Cm9etaEG.js";
+import { C as b, d as D, D as I, c as S, E as B, F as P, H as F, I as M, M as k, N, P as f, R as v, T as x, a as y, b as h, U as W, W as H } from "./inputs-CMjx5-IX.js";
 import { V as A, a as w } from "./veil-D4dRxILB.js";
 import { Icons as R } from "./icons.es.js";
-import { A as O, B as G, C as V, t as j, E as q, v as z, w as J, x as _, D as K, j as Q, k as X, H as Y, G as Z, s as $, c as aa, a as sa, b as ea, I as ta, i as oa, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ta, P as ca, p as Ca, q as Da, S as ba, n as Ia, o as Sa, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./empty-state-CWXZVNA5.js";
-import { A as va, b as fa, C as xa, D as ya, a as ha, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
-import { B as Ea, p as Oa, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, o as $a, t as as, s as ss, q as es, r as ts, T as os, l as rs, U as ns, W as is, f as ls, h as ps, i as us, c as ms, d as ds, b as gs, e as Ts, a as cs, g as Cs } from "./signature-panel-CJVWNEzI.js";
-import { B as bs, I as Is, M as Ss, d as Bs, e as Ps, g as Fs, N as Ms, b as ks, a as Ns, f as vs, P as fs, c as xs, S as ys, T as hs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
-import { B as Hs, a as Ls, C as As, F as ws, b as Us, c as Rs, M as Es, P as Os, S as Gs } from "./sidebar-menu-page-BVryQj2Z.js";
-import { A as js, F as qs, M as zs, a as Js, T as _s } from "./aside-template-McEj_Gxc.js";
-import { B as Qs } from "./bside-template-Du2m3rsE.js";
+import { A as O, B as G, C as V, t as j, E as q, v as z, w as J, x as _, D as K, j as Q, k as X, H as Y, G as Z, s as $, c as aa, a as ea, b as sa, I as ta, i as oa, g as ra, e as na, h as la, F as ia, d as pa, f as ua, u as ma, M as da, l as ca, N as ga, P as Ca, p as Ta, q as ba, S as Da, n as Ia, o as Sa, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./empty-state-CWXZVNA5.js";
+import { A as fa, b as va, C as xa, D as ya, a as ha, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
+import { B as Ea, p as Oa, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, o as $a, t as ae, s as ee, q as se, r as te, T as oe, l as re, U as ne, W as le, f as ie, h as pe, i as ue, c as me, d as de, b as ce, e as ge, a as Ce, g as Te } from "./signature-panel-CJVWNEzI.js";
+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, a as Ne, f as fe, P as ve, c as xe, S as ye, T as he } from "./mobile-nav-wrapper-Dj67Pb8l.js";
+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-BQ7WdtlV.js";
 export {
   O as Alert,
-  js as AsideTemplate,
-  va as Avatar,
+  je as AsideTemplate,
+  fa as Avatar,
   Ea as BackButton,
-  bs as Backdrop,
-  e as Badge,
-  Hs as BasicPage,
-  Ls as BlankPage,
+  De as Backdrop,
+  s as Badge,
+  He as BasicPage,
+  Le as BlankPage,
   G as Breadcrumb,
-  Qs as BsideTemplate,
-  g as Button,
+  Qe as BsideTemplate,
+  c as Button,
   Oa as ButtonTab,
-  fa as Calendar,
+  va as Calendar,
   xa as CalendarCells,
   t as Card,
-  As as CenterPage,
-  D as Checkbox,
+  Ae as CenterPage,
+  b as Checkbox,
   Ga as CheckboxCol,
   o as CircleGraph,
-  b as ColorInput,
+  D as ColorInput,
   V as ColumnRow,
   j as Combobox,
   q as Confirmation,
@@ -51,8 +52,8 @@ export {
   qa as DockableOverlay,
   $ as DotsIndicator,
   aa as Dropdown,
-  sa as DropdownItem,
-  ea as DropdownMenu,
+  ea as DropdownItem,
+  sa as DropdownMenu,
   za as DynamicDataTable,
   B as EmailInput,
   ta as EmptyState,
@@ -61,99 +62,102 @@ export {
   oa as Form,
   ra as FormControl,
   na as FormDescription,
-  ia as FormField,
-  la as FormItem,
+  la as FormField,
+  ia as FormItem,
   pa as FormLabel,
   ua as FormMessage,
+  Ye as Format,
   Wa as FormatDate,
-  ws as FullContainPage,
-  Us as FullPage,
-  qs as FullTemplate,
-  Rs as FullscreenPage,
+  we as FullContainPage,
+  Ue as FullPage,
+  qe as FullTemplate,
+  Re as FullscreenPage,
   Ja as HeaderCol,
   F as HiddenInput,
-  T as Icon,
+  g as Icon,
   R as Icons,
-  Is as InlineNavigation,
+  Ze as ImageScaler,
+  Ie as InlineNavigation,
   _a as InlineOverlay,
   M as Input,
   n as Legend,
-  c as LoadingButton,
-  zs as MainColumn,
-  Ss as MainLink,
-  Es as MainSection,
+  C as LoadingButton,
+  ze as MainColumn,
+  Se as MainLink,
+  Ee as MainSection,
   ma as MinusButton,
-  Bs as MobileNavButton,
-  Ps as MobileNavWrapper,
+  Be as MobileNavButton,
+  Pe as MobileNavWrapper,
   da as Modal,
   Ha as MonthCalendar,
   k as MonthInput,
-  Fs as NavButton,
-  Ms as NavButtonLink,
-  ks as Navigation,
-  Ns as NavigationGroup,
+  Fe as NavButton,
+  Me as NavButtonLink,
+  ke as Navigation,
+  Ne as NavigationGroup,
   Ka as NavigationMenu,
-  vs as NavigationPopover,
-  ga as Notification,
-  Ta as NotificationContainer,
+  fe as NavigationPopover,
+  ca as Notification,
+  ga as NotificationContainer,
   N as NumberInput,
   Qa as Overlay,
-  Os as Page,
+  Oe as Page,
   Xa as Panel,
-  v as PasswordInput,
-  ca as PlusButton,
+  f as PasswordInput,
+  Ca as PlusButton,
   La as PopOver,
-  fs as PopupHeader,
-  i as ProgressBar,
-  f as Radio,
-  l as RangeSlider,
-  Ca as STATUSES,
-  Da as STATUS_CLASS,
+  ve as PopupHeader,
+  l as ProgressBar,
+  v as Radio,
+  i as RangeSlider,
+  Ta as STATUSES,
+  ba as STATUS_CLASS,
   Ya as ScrollableDataTable,
   Za as SearchDropdown,
   $a as SearchInput,
   p as Select,
-  xs as SidebarMenu,
-  Gs as SidebarMenuPage,
-  as as SignaturePanel,
+  xe as SidebarMenu,
+  Ge as SidebarMenuPage,
+  ae as SignaturePanel,
   u as Skeleton,
-  ba as SplitRow,
+  Da as SplitRow,
   Ia as StaticStatusIndicator,
   Sa as StatusIndicator,
-  ys as SubNavigation,
-  ss as Tab,
-  es as TabGroup,
-  ts as TabNavigation,
-  os as TableHeader,
+  ye as SubNavigation,
+  ee as Tab,
+  se as TabGroup,
+  te as TabNavigation,
+  oe as TableHeader,
   x as TelInput,
-  Js as Template,
+  Je as Template,
   y as Textarea,
   Ba as ThemeToggle,
   Pa as TimeFrame,
   h as TimeInput,
   Fa as TimePicker,
-  hs as TitleHeader,
+  he as TitleHeader,
   Ma as Toggle,
   m as Tooltip,
-  _s as TopBar,
+  _e as TopBar,
   W as UrlInput,
-  rs as UserList,
-  ns as UserListItem,
+  re as UserList,
+  ne as UserListItem,
   A as Veil,
   w as VeilJot,
-  is as WeekCalendar,
-  ls as WeekCell,
-  ps as WeekCells,
-  us as WeekHeader,
+  le as WeekCalendar,
+  ie as WeekCell,
+  pe as WeekCells,
+  ue as WeekHeader,
   H as WeekInput,
   Aa as addTime,
-  ms as calculateWeekNumber,
-  ds as generateWeeks,
-  gs as getDateFromWeek,
-  Ts as getMonthDays,
-  cs as getNextMonthDays,
+  me as calculateWeekNumber,
+  $e as createWatcherCallback,
+  de as generateWeeks,
+  ce as getDateFromWeek,
+  ge as getMonthDays,
+  Ce as getNextMonthDays,
   wa as getPosition,
-  Cs as getPreviousMonthDays,
+  Te as getPreviousMonthDays,
   ka as getStatusClass,
   Ua as pad
 };

package/dist/types/ui.d.ts

@@ -4,3 +4,4 @@ export * from "./components/molecules/molecules.js";
 export * from "./components/organisms/organisms.js";
 export * from "./components/pages/pages.js";
 export * from "./components/pages/templates/templates.js";
+export * from "./utils/utils.js";

package/dist/types/utils/format/format.d.ts

@@ -0,0 +1,78 @@
+export function createWatcherCallback(watcher: string | object | any[], callBack: Function): any[] | object;
+export namespace Format {
+    /**
+     * Formats a number with commas.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string|null} defaultValue - Value if original is null or undefined.
+     * @returns {object|array}
+     */
+    export function number(watcher: string | number | object | any[], defaultValue?: string | null): object | any[];
+    /**
+     * Formats a boolean value as a yes/no string.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string} yes - Text for true values.
+     * @param {string} no - Text for false values.
+     * @returns {object|array}
+     */
+    export function yesno(watcher: string | number | object | any[], yes?: string, no?: string): object | any[];
+    /**
+     * Formats a value as money with two decimals.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string} currency - Currency symbol.
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function money(watcher: string | number | object | any[], currency?: string, defaultValue?: any): object | any[];
+    /**
+     * Formats a value as a US phone number (10 digits).
+     *
+     * @param {string|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function phone(watcher: string | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a value as an integer (rounds down).
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function integer(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a date value to a standard date format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function date(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a date and time value to a standard date and time format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function dateTime(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a time value to a standard time format.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {*} defaultValue - Value if original is invalid.
+     * @returns {object|array}
+     */
+    export function time(watcher: string | number | object | any[], defaultValue?: any): object | any[];
+    /**
+     * Formats a value with a default value if null or undefined.
+     *
+     * @param {string|number|object|array} watcher
+     * @param {string|null} defaultValue - Value if original is null or undefined.
+     * @returns {object|array}
+     */
+    function _default(watcher: string | number | object | any[], defaultValue?: string | null): object | any[];
+    export { _default as default };
+}

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export * from "./format/format.js";
+export * from "./scaling/image-scaler/image-scaler.js";

package/dist/utils.es.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.200",
+	"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": {