@ulu/frontend 0.2.0-beta.8 → 0.2.1

package/dist/es/ui/modal-builder.js

@@ -1,13 +1,24 @@
-import { ComponentInitializer as C } from "../core/component.js";
+var I = Object.defineProperty;
+var m = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var p = (s, t, e) => t in s ? I(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, $ = (s, t) => {
+  for (var e in t || (t = {}))
+    E.call(t, e) && p(s, e, t[e]);
+  if (m)
+    for (var e of m(t))
+      v.call(t, e) && p(s, e, t[e]);
+  return s;
+};
+import { ComponentInitializer as R } from "../core/component.js";
 import { wrapSettingString as d } from "../core/settings.js";
-import { getCoreEventName as m } from "../core/events.js";
-import { Resizer as _ } from "./resizer.js";
-import { closeAttribute as y, baseAttribute as I, defaults as E } from "./dialog.js";
-import { createElementFromHtml as v, getElement as R } from "@ulu/utils/browser/dom.js";
-const n = new C({
+import { getCoreEventName as f } from "../core/events.js";
+import { Resizer as w } from "./resizer.js";
+import { baseAttribute as A, closeAttribute as g, defaults as D } from "./dialog.js";
+import { createElementFromHtml as O, getElement as M } from "@ulu/utils/browser/dom.js";
+const n = new R({
   type: "modal-builder",
   baseAttribute: "data-ulu-modal-builder"
-}), w = {
+}), B = {
   title: null,
   titleIcon: null,
   titleClass: "",
@@ -70,7 +81,7 @@ const n = new C({
               ${t.titleIcon ? `<span class="${e}__title-icon ${t.titleIcon}" aria-hidden="true"></span>` : ""}
               <span class="${e}__title-text">${t.title}</span>
             </h2>
-            <button class="${e}__close ${t.classClose}" aria-label="Close modal" ${y} autofocus>
+            <button class="${e}__close ${t.classClose}" aria-label="Close modal" ${g} autofocus>
               ${t.templateCloseIcon(t)}
             </button>
           </header>
@@ -84,53 +95,53 @@ const n = new C({
     `;
   }
 };
-let c = { ...w };
-function j(s) {
+let c = $({}, B);
+function x(s) {
   c = Object.assign({}, c, s);
 }
-function N() {
+function q() {
   n.init({
     withData: !0,
     coreEvents: ["pageModified"],
     setup({ element: s, data: t }) {
-      A(s, t);
+      H(s, t);
     }
   });
 }
-function A(s, t) {
+function H(s, t) {
   const e = Object.assign({}, c, t), { position: i } = e;
   if (e.debug && n.log(e, s), !s.id)
     throw new Error("Missing ID on modal");
-  const r = e.template(s.id, e), o = v(r.trim()), a = (l) => o.querySelector(n.attributeSelector(l)), u = a("body"), p = a("resizer"), $ = g(e);
-  if (s.removeAttribute("id"), s.removeAttribute("hidden"), s.removeAttribute(n.getAttribute()), s.parentNode.replaceChild(o, s), u.appendChild(s), o.setAttribute(I, JSON.stringify($)), e.footerElement) {
-    const l = R(e.footerElement);
+  const r = e.template(s.id, e), o = O(r.trim()), a = (l) => o.querySelector(n.attributeSelector(l)), u = a("body"), h = a("resizer"), z = S(e);
+  if (s.removeAttribute("id"), s.removeAttribute("hidden"), s.removeAttribute(n.getAttribute()), s.parentNode.replaceChild(o, s), u.appendChild(s), o.setAttribute(A, JSON.stringify(z)), e.footerElement) {
+    const l = M(e.footerElement);
     l && (l.classList.add(`${e.baseClass}__footer`), u.after(l));
   }
   let b;
-  const f = ["left", "right", "center"], h = i === "center", z = i === "right";
+  const C = ["left", "right", "center"], _ = i === "center", y = i === "right";
   if (e.allowResize)
-    if (f.includes(i)) {
-      const l = h ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: z ? "left" : "right" };
-      b = new _(o, p, l);
+    if (C.includes(i)) {
+      const l = _ ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: y ? "left" : "right" };
+      b = new w(o, h, l);
     } else
       console.warn(`${i} is not supported for resizing`);
   if (e.print) {
     let l;
-    document.addEventListener(m("beforePrint"), () => {
+    document.addEventListener(f("beforePrint"), () => {
       l = s.cloneNode(!0), o.after(l);
-    }), document.addEventListener(m("afterPrint"), () => {
+    }), document.addEventListener(f("afterPrint"), () => {
       l.remove();
     });
   }
   return { modal: o, resizer: b };
 }
-function g(s) {
-  return Object.keys(E).reduce((t, e) => (e in s && (t[e] = s[e]), t), {});
+function S(s) {
+  return Object.keys(D).reduce((t, e) => (e in s && (t[e] = s[e]), t), {});
 }
 export {
-  A as buildModal,
-  w as defaults,
-  N as init,
+  H as buildModal,
+  B as defaults,
+  q as init,
   n as initializer,
-  j as setDefaults
+  x as setDefaults
 };

package/dist/es/ui/overflow-scroller.js

@@ -1,31 +1,37 @@
-var v = Object.defineProperty;
-var C = (a, s, t) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var u = (a, s, t) => C(a, typeof s != "symbol" ? s + "" : s, t);
-import { wrapSettingString as p } from "../core/settings.js";
-import { hasRequiredProps as b } from "@ulu/utils/object.js";
-import { logError as m } from "../utils/class-logger.js";
-const x = [
+var x = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var u = (i, s, t) => s in i ? x(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t, p = (i, s) => {
+  for (var t in s || (s = {}))
+    E.call(s, t) && u(i, t, s[t]);
+  if (f)
+    for (var t of f(s))
+      L.call(s, t) && u(i, t, s[t]);
+  return i;
+};
+var m = (i, s, t) => u(i, typeof s != "symbol" ? s + "" : s, t);
+import { wrapSettingString as v } from "../core/settings.js";
+import { hasRequiredProps as g } from "@ulu/utils/object.js";
+import { logError as C } from "../utils/class-logger.js";
+const S = [
   "track",
   "controls"
 ], c = class c {
   constructor(s, t) {
-    this.options = Object.assign({}, c.defaults, t), b(x) || m(this, "Missing a required Element"), this.elements = {
-      ...s,
-      ...this.createControls(s.controls)
-    }, this.nextEnabled = !0, this.previousEnabled = !0, this.scrollHandler = (e) => this.onScroll(e), this.elements.track.addEventListener("scroll", this.scrollHandler, { passive: !0 }), this.checkOverflow(), this.onScroll();
+    this.options = Object.assign({}, c.defaults, t), g(S) || C(this, "Missing a required Element"), this.elements = p(p({}, s), this.createControls(s.controls)), this.nextEnabled = !0, this.previousEnabled = !0, this.scrollHandler = (e) => this.onScroll(e), this.elements.track.addEventListener("scroll", this.scrollHandler, { passive: !0 }), this.checkOverflow(), this.onScroll();
   }
   checkOverflow() {
     const { track: s } = this.elements;
     this.hasOverflow = s.scrollWidth > s.clientWidth;
   }
   createControls(s) {
-    const t = document.createElement("ul"), e = document.createElement("li"), o = document.createElement("li"), n = this.createControlButton("previous"), r = this.createControlButton("next"), i = this.getClass("controls-item");
-    return o.classList.add(i), o.classList.add(i + "--next"), e.classList.add(i), e.classList.add(i + "--previous"), t.classList.add(this.getClass("controls")), e.appendChild(n), o.appendChild(r), t.appendChild(e), t.appendChild(o), n.addEventListener("click", this.previous.bind(this)), r.addEventListener("click", this.next.bind(this)), s.appendChild(t), {
+    const t = document.createElement("ul"), e = document.createElement("li"), o = document.createElement("li"), n = this.createControlButton("previous"), l = this.createControlButton("next"), r = this.getClass("controls-item");
+    return o.classList.add(r), o.classList.add(r + "--next"), e.classList.add(r), e.classList.add(r + "--previous"), t.classList.add(this.getClass("controls")), e.appendChild(n), o.appendChild(l), t.appendChild(e), t.appendChild(o), n.addEventListener("click", this.previous.bind(this)), l.addEventListener("click", this.next.bind(this)), s.appendChild(t), {
       controls: t,
       previousItem: e,
       nextItem: o,
       previous: n,
-      next: r
+      next: l
     };
   }
   createControlButton(s) {
@@ -43,16 +49,16 @@ const x = [
     this.hasOverflow && this.onScrollHorizontal();
   }
   onScrollHorizontal() {
-    const { nextEnabled: s, previousEnabled: t } = this, { track: e } = this.elements, { offsetStart: o, offsetEnd: n } = this.options, { scrollWidth: r, clientWidth: i, scrollLeft: d } = e, l = d <= o, h = r - d - n <= i;
-    l && t ? this.setControlState("previous", !1) : !l && !t && this.setControlState("previous", !0), h && s ? this.setControlState("next", !1) : !h && !s && this.setControlState("next", !0);
+    const { nextEnabled: s, previousEnabled: t } = this, { track: e } = this.elements, { offsetStart: o, offsetEnd: n } = this.options, { scrollWidth: l, clientWidth: r, scrollLeft: d } = e, a = d <= o, h = l - d - n <= r;
+    a && t ? this.setControlState("previous", !1) : !a && !t && this.setControlState("previous", !0), h && s ? this.setControlState("next", !1) : !h && !s && this.setControlState("next", !0);
   }
   setControlState(s, t) {
-    const e = s === "next", { next: o, nextItem: n, previous: r, previousItem: i } = this.elements, d = e ? n : i, l = e ? o : r, h = t ? "remove" : "add";
-    d.classList[h](this.getClass("controls-item--disabled")), l.classList[t ? "remove" : "add"](this.getClass("control--disabled")), t ? l.removeAttribute("disabled") : l.setAttribute("disabled", ""), this[e ? "nextEnabled" : "previousEnabled"] = t;
+    const e = s === "next", { next: o, nextItem: n, previous: l, previousItem: r } = this.elements, d = e ? n : r, a = e ? o : l, h = t ? "remove" : "add";
+    d.classList[h](this.getClass("controls-item--disabled")), a.classList[t ? "remove" : "add"](this.getClass("control--disabled")), t ? a.removeAttribute("disabled") : a.setAttribute("disabled", ""), this[e ? "nextEnabled" : "previousEnabled"] = t;
   }
   resolveAmount(s) {
     const t = s === "next", { amount: e } = this.options, { scrollLeft: o, offsetWidth: n } = this.elements.track;
-    return e === "auto" ? t ? o + n : o - n : typeof e == "function" ? e(this, s) : typeof e == "number" ? t ? o + e : o - e : (m("Unable to resolve amount for scroll"), 500);
+    return e === "auto" ? t ? o + n : o - n : typeof e == "function" ? e(this, s) : typeof e == "number" ? t ? o + e : o - e : (C("Unable to resolve amount for scroll"), 500);
   }
   next() {
     this.elements.track.scrollTo({
@@ -73,7 +79,7 @@ const x = [
     return `${t}__${s}`;
   }
 };
-u(c, "instances", []), u(c, "defaults", {
+m(c, "instances", []), m(c, "defaults", {
   namespace: "OverflowScroller",
   events: {},
   horizontal: !0,
@@ -81,10 +87,10 @@ u(c, "instances", []), u(c, "defaults", {
   offsetEnd: 100,
   amount: "auto",
   buttonClasses: ["button", "button--icon"],
-  iconClassPrevious: p("iconClassPrevious"),
-  iconClassNext: p("iconClassNext")
+  iconClassPrevious: v("iconClassPrevious"),
+  iconClassNext: v("iconClassNext")
 });
-let f = c;
+let b = c;
 export {
-  f as OverflowScroller
+  b as OverflowScroller
 };

package/dist/es/ui/programmatic-modal.js

@@ -0,0 +1,55 @@
+var p = Object.defineProperty;
+var v = (n, e, t) => e in n ? p(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var a = (n, e, t) => v(n, typeof e != "symbol" ? e + "" : e, t);
+import { getCoreEventName as T, dispatchCoreEvent as E } from "../core/events.js";
+import { newId as k } from "../utils/id.js";
+import { buildModal as C } from "./modal-builder.js";
+import { getElement as L } from "@ulu/utils/browser/dom.js";
+const c = class c {
+  constructor(e) {
+    const t = Object.assign({}, c.defaults, e);
+    this.options = t, this.triggers = null, this.cachedTrigger = null, this.triggerListener, this.onTriggerClick = (i) => {
+      const r = i.target.closest(t.triggerSelector);
+      r && (this.cachedTrigger = r);
+    }, this.onPageModified = () => {
+      this.setupTriggers();
+    }, document.addEventListener(T("pageModified"), this.onPageModified), this.setupTriggers();
+  }
+  setupTriggers() {
+    const { triggerSelector: e, triggerInitAttr: t } = this.options;
+    document.querySelectorAll(`${e}:not([${t}])`).forEach((r) => {
+      r.addEventListener("click", this.onTriggerClick);
+    });
+  }
+  destroy() {
+    const { triggerSelector: e } = this.options;
+    document.querySelectorAll(e).forEach((i) => {
+      i.removeEventListener("click", this.onTriggerClick);
+    });
+  }
+  createAndOpen(e, t) {
+    const { noClickTrigger: i, removeOnClose: r, element: u, classes: l } = e, g = L(u);
+    g.id || (g.id = k()), l && g.classList.add(...l);
+    let o;
+    if (i || (o = this.cachedTrigger, this.cachedTrigger = null), !g) {
+      console.error("No element found from config.element. ", e);
+      return;
+    }
+    const { modal: s } = C(g, e.modal), d = { trigger: o, modal: s, config: e };
+    t && t(d);
+    const m = () => {
+      r && s.remove(), o && o.focus();
+    };
+    return s.addEventListener("close", m, { once: !0 }), !r && o && o.addEventListener("click", (f) => {
+      f.preventDefault(), s.showModal();
+    }), E("pageModified", s), s.showModal(), d;
+  }
+};
+a(c, "defaults", {
+  triggerSelector: "[data-ulu-programmatic-modal-trigger]",
+  triggerInitAttr: "data-ulu-programmatic-modal-init"
+});
+let h = c;
+export {
+  h as ProgrammaticModalManager
+};

package/dist/es/ui/proxy-click.js

@@ -1,44 +1,55 @@
-import { ComponentInitializer as d } from "../core/component.js";
-const p = new d({
+var v = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var u = (t, o, e) => o in t ? v(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, d = (t, o) => {
+  for (var e in o || (o = {}))
+    P.call(o, e) && u(t, e, o[e]);
+  if (l)
+    for (var e of l(o))
+      b.call(o, e) && u(t, e, o[e]);
+  return t;
+};
+import { ComponentInitializer as m } from "../core/component.js";
+const x = new m({
   type: "proxy-click",
   baseAttribute: "data-ulu-proxy-click"
-}), f = {
+}), y = {
   selector: "[data-ulu-proxy-click-source]",
   selectorPreventBase: "input, select, textarea, button, a, [tabindex='-1']",
   selectorPrevent: "",
   mousedownDurationPrevent: 250
 };
-let c = { ...f };
-function m(e) {
-  c = Object.assign({}, c, e);
+let c = d({}, y);
+function E(t) {
+  c = Object.assign({}, c, t);
 }
-function x() {
-  p.init({
+function $() {
+  x.init({
     withData: !0,
     coreEvents: ["pageModified"],
-    setup({ element: e, data: o, initialize: t }) {
-      v(e, o), t();
+    setup({ element: t, data: o, initialize: e }) {
+      h(t, o), e();
     }
   });
 }
-function v(e, o) {
-  const t = Object.assign({}, c, o), s = e.querySelector(t.selector);
-  s ? P(e, s, t) : console.error("Unable to locate proxy click source", t.selector);
+function h(t, o) {
+  const e = Object.assign({}, c, o), s = t.querySelector(e.selector);
+  s ? k(t, s, e) : console.error("Unable to locate proxy click source", e.selector);
 }
-function P(e, o, t) {
-  const { selectorPreventBase: s, selectorPrevent: i } = t, l = `${s}${i ? `, ${i}` : ""}`;
+function k(t, o, e) {
+  const { selectorPreventBase: s, selectorPrevent: i } = e, p = `${s}${i ? `, ${i}` : ""}`;
   let a, n;
-  e.addEventListener("mousedown", ({ target: r, timeStamp: u }) => {
-    n = !1, r.matches(l) || (n = !0, a = u);
-  }), e.addEventListener("mouseup", ({ timeStamp: r }) => {
-    n && r - a < t.mousedownDurationPrevent && o.click();
-  }), e.style.cursor = "pointer";
+  t.addEventListener("mousedown", ({ target: r, timeStamp: f }) => {
+    n = !1, r.matches(p) || (n = !0, a = f);
+  }), t.addEventListener("mouseup", ({ timeStamp: r }) => {
+    n && r - a < e.mousedownDurationPrevent && o.click();
+  }), t.style.cursor = "pointer";
 }
 export {
-  P as attachHandlers,
-  f as defaults,
-  x as init,
-  p as initializer,
-  m as setDefaults,
-  v as setupProxy
+  k as attachHandlers,
+  y as defaults,
+  $ as init,
+  x as initializer,
+  E as setDefaults,
+  h as setupProxy
 };

package/dist/es/ui/resizer.js

@@ -1,13 +1,22 @@
-var S = Object.defineProperty;
-var P = (n) => {
+var V = Object.defineProperty;
+var k = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var H = (n) => {
   throw TypeError(n);
 };
-var T = (n, t, e) => t in n ? S(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var k = (n, t, e) => T(n, typeof t != "symbol" ? t + "" : t, e), L = (n, t, e) => t.has(n) || P("Cannot " + e);
-var i = (n, t, e) => (L(n, t, "read from private field"), e ? e.call(n) : t.get(n)), u = (n, t, e) => t.has(n) ? P("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), a = (n, t, e, r) => (L(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), p = (n, t, e) => (L(n, t, "access private method"), e);
-import { createUluEvent as M } from "../core/events.js";
+var L = (n, e, t) => e in n ? V(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, S = (n, e) => {
+  for (var t in e || (e = {}))
+    C.call(e, t) && L(n, t, e[t]);
+  if (k)
+    for (var t of k(e))
+      W.call(e, t) && L(n, t, e[t]);
+  return n;
+};
+var T = (n, e, t) => L(n, typeof e != "symbol" ? e + "" : e, t), x = (n, e, t) => e.has(n) || H("Cannot " + t);
+var i = (n, e, t) => (x(n, e, "read from private field"), t ? t.call(n) : e.get(n)), u = (n, e, t) => e.has(n) ? H("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), a = (n, e, t, r) => (x(n, e, "write to private field"), r ? r.call(n, t) : e.set(n, t), t), p = (n, e, t) => (x(n, e, "access private method"), t);
+import { createUluEvent as $ } from "../core/events.js";
 import { logError as I, log as b } from "../utils/class-logger.js";
-var z, v, f, d, y, w, g, E, R, l, X, x, A, D;
+var z, v, f, d, y, w, g, E, R, l, X, A, D, K;
 const Y = class Y {
   /**
    * @param {Node} container Container to be resized
@@ -25,7 +34,7 @@ const Y = class Y {
    * @param {boolean} [config.enablePointerResizing=true] If true, pointer events will enable resizing.
    * @param {boolean} [config.enableKeyboardResizing=true] If true, keyboard events will enable resizing.
    */
-  constructor(t, e, r) {
+  constructor(e, t, r) {
     u(this, l);
     // Declare private fields without initial assignments
     u(this, z);
@@ -37,12 +46,12 @@ const Y = class Y {
     u(this, g);
     u(this, E);
     u(this, R);
-    if (!e || !t) {
+    if (!t || !e) {
       I(this, "Missing required elements: control, container");
       return;
     }
     const s = Object.assign({}, Y.defaults, r);
-    this.options = s, this.container = t, this.control = e, this.debug = s.debug;
+    this.options = s, this.container = e, this.control = t, this.debug = s.debug;
     const o = ["left", "right"], c = ["top", "bottom"], { fromX: h, fromY: m } = s;
     if (!o.includes(h) && h !== null) {
       I(this, `Invalid fromX: ${h} (left|right|null)`);
@@ -56,55 +65,55 @@ const Y = class Y {
       I(this, "Invalid fromX/fromY, failed to setup resizer (at least one of fromX or fromY must be set)");
       return;
     }
-    this.resizeHorizontal = s.fromX !== null, this.resizeVertical = s.fromY !== null, s.manageEvents && (a(this, z, this.onPointerdown.bind(this)), a(this, v, this.onKeydown.bind(this)), s.enablePointerResizing && e.addEventListener("pointerdown", i(this, z)), s.enableKeyboardResizing && e.addEventListener("keydown", i(this, v))), p(this, l, X).call(this), s.manageAriaLabel && e.setAttribute("aria-label", this.getAriaLabel());
+    this.resizeHorizontal = s.fromX !== null, this.resizeVertical = s.fromY !== null, s.manageEvents && (a(this, z, this.onPointerdown.bind(this)), a(this, v, this.onKeydown.bind(this)), s.enablePointerResizing && t.addEventListener("pointerdown", i(this, z)), s.enableKeyboardResizing && t.addEventListener("keydown", i(this, v))), p(this, l, X).call(this), s.manageAriaLabel && t.setAttribute("aria-label", this.getAriaLabel());
   }
   /**
    * Cleans up event listeners and internal state to prevent memory leaks.
    */
   destroy() {
-    const { control: t, options: e } = this;
-    e.manageEvents && (e.enablePointerResizing && t.removeEventListener("pointerdown", i(this, z)), e.enableKeyboardResizing && t.removeEventListener("keydown", i(this, v))), i(this, f) && clearTimeout(i(this, f)), p(this, l, X).call(this), e.manageAriaLabel && t.removeAttribute("aria-label"), b(this, "Resizer destroyed.");
+    const { control: e, options: t } = this;
+    t.manageEvents && (t.enablePointerResizing && e.removeEventListener("pointerdown", i(this, z)), t.enableKeyboardResizing && e.removeEventListener("keydown", i(this, v))), i(this, f) && clearTimeout(i(this, f)), p(this, l, X).call(this), t.manageAriaLabel && e.removeAttribute("aria-label"), b(this, "Resizer destroyed.");
   }
   /**
    * Public handler for pointerdown events. Call this method from your own event listeners
    * if `manageEvents` is false. Its logic will only execute if `enablePointerResizing` is true.
    * @param {PointerEvent} e The pointerdown event.
    */
-  onPointerdown(t) {
+  onPointerdown(e) {
     if (!this.options.enablePointerResizing) {
       b(this, "Pointer resizing disabled. Ignoring pointerdown event.");
       return;
     }
-    t.preventDefault();
-    const e = document.documentElement;
-    a(this, E, t.clientX), a(this, R, t.clientY), p(this, l, x).call(this, {
+    e.preventDefault();
+    const t = document.documentElement;
+    a(this, E, e.clientX), a(this, R, e.clientY), p(this, l, A).call(this, {
       inputType: "pointer",
-      startX: t.clientX,
-      startY: t.clientY,
-      pointerId: t.pointerId
-    }), this.control.setPointerCapture(t.pointerId);
+      startX: e.clientX,
+      startY: e.clientY,
+      pointerId: e.pointerId
+    }), this.control.setPointerCapture(e.pointerId);
     const r = (o) => {
       const c = o.clientX - i(this, E), h = o.clientY - i(this, R);
-      p(this, l, D).call(this, c, h, o);
+      p(this, l, K).call(this, c, h, o);
     }, s = (o) => {
-      e.removeEventListener("pointermove", r, !1), e.removeEventListener("pointerup", s, { capture: !0, once: !0 }), this.control.hasPointerCapture(o.pointerId) && this.control.releasePointerCapture(o.pointerId), p(this, l, A).call(this);
+      t.removeEventListener("pointermove", r, !1), t.removeEventListener("pointerup", s, { capture: !0, once: !0 }), this.control.hasPointerCapture(o.pointerId) && this.control.releasePointerCapture(o.pointerId), p(this, l, D).call(this);
     };
-    e.addEventListener("pointermove", r, !1), e.addEventListener("pointerup", s, { capture: !0, once: !0 });
+    t.addEventListener("pointermove", r, !1), t.addEventListener("pointerup", s, { capture: !0, once: !0 });
   }
   /**
    * Public handler for keydown events. Call this method from your own event listeners
    * if `manageEvents` is false. Its logic will only execute if `enableKeyboardResizing` is true.
    * @param {KeyboardEvent} e The keydown event.
    */
-  onKeydown(t) {
+  onKeydown(e) {
     if (!this.options.enableKeyboardResizing) {
       b(this, "Keyboard resizing disabled. Ignoring keydown event.");
       return;
     }
-    const { key: e } = t, { keyboardStep: r, keyboardDebounceTime: s } = this.options;
+    const { key: t } = e, { keyboardStep: r, keyboardDebounceTime: s } = this.options;
     let o = 0, c = 0, h = !1;
-    this.resizeHorizontal && (e === "ArrowLeft" ? (o = -r, h = !0) : e === "ArrowRight" && (o = r, h = !0)), this.resizeVertical && (e === "ArrowUp" ? (c = -r, h = !0) : e === "ArrowDown" && (c = r, h = !0)), h && (t.preventDefault(), t.stopPropagation(), (!i(this, g) || i(this, f) === null) && p(this, l, x).call(this, { inputType: "keyboard", keyboardKey: e }), a(this, y, i(this, y) + o), a(this, w, i(this, w) + c), p(this, l, D).call(this, i(this, y), i(this, w), t), i(this, f) && clearTimeout(i(this, f)), a(this, f, setTimeout(() => {
-      p(this, l, A).call(this), a(this, f, null);
+    this.resizeHorizontal && (t === "ArrowLeft" ? (o = -r, h = !0) : t === "ArrowRight" && (o = r, h = !0)), this.resizeVertical && (t === "ArrowUp" ? (c = -r, h = !0) : t === "ArrowDown" && (c = r, h = !0)), h && (e.preventDefault(), e.stopPropagation(), (!i(this, g) || i(this, f) === null) && p(this, l, A).call(this, { inputType: "keyboard", keyboardKey: t }), a(this, y, i(this, y) + o), a(this, w, i(this, w) + c), p(this, l, K).call(this, i(this, y), i(this, w), e), i(this, f) && clearTimeout(i(this, f)), a(this, f, setTimeout(() => {
+      p(this, l, D).call(this), a(this, f, null);
     }, s)));
   }
   /**
@@ -113,7 +122,7 @@ const Y = class Y {
    * @returns {string} The suggested aria-label for the control.
    */
   getAriaLabel() {
-    const { fromY: t, fromX: e } = this.options, r = [t, e].filter((s) => s);
+    const { fromY: e, fromX: t } = this.options, r = [e, t].filter((s) => s);
     return r.length === 0 ? "Resize control" : `Resize from ${r.join(" ")} edge`;
   }
   /**
@@ -121,8 +130,8 @@ const Y = class Y {
    * @param {string} type The event type (e.g., "resizer:start", "resizer:update", "resizer:end").
    * @param {Object} [data={}] Optional data to attach to the event's detail property.
    */
-  dispatchEvent(t, e = {}) {
-    this.container.dispatchEvent(M(t, e));
+  dispatchEvent(e, t = {}) {
+    this.container.dispatchEvent($(e, t));
   }
 };
 z = new WeakMap(), v = new WeakMap(), f = new WeakMap(), d = new WeakMap(), y = new WeakMap(), w = new WeakMap(), g = new WeakMap(), E = new WeakMap(), R = new WeakMap(), l = new WeakSet(), /**
@@ -138,24 +147,23 @@ X = function() {
  * @param {Object} eventDetails Additional details about the initiating event.
  * @private
  */
-x = function(t) {
-  const { container: e, options: r } = this;
+A = function(e) {
+  const { container: t, options: r } = this;
   if (i(this, g)) {
-    r.overrideMaxDimensions && (this.resizeHorizontal && (e.style.maxWidth = "none"), this.resizeVertical && (e.style.maxHeight = "none"));
+    r.overrideMaxDimensions && (this.resizeHorizontal && (t.style.maxWidth = "none"), this.resizeVertical && (t.style.maxHeight = "none"));
     return;
   }
-  const o = document.defaultView.getComputedStyle(e);
-  i(this, d).width = parseInt(o.width, 10), i(this, d).height = parseInt(o.height, 10), r.overrideMaxDimensions && (this.resizeHorizontal && (e.style.maxWidth = "none"), this.resizeVertical && (e.style.maxHeight = "none")), a(this, g, !0), this.dispatchEvent("resizer:start", t), b(this, "Resize started.", {
+  const o = document.defaultView.getComputedStyle(t);
+  i(this, d).width = parseInt(o.width, 10), i(this, d).height = parseInt(o.height, 10), r.overrideMaxDimensions && (this.resizeHorizontal && (t.style.maxWidth = "none"), this.resizeVertical && (t.style.maxHeight = "none")), a(this, g, !0), this.dispatchEvent("resizer:start", e), b(this, "Resize started.", S({
     initialWidth: i(this, d).width,
-    initialHeight: i(this, d).height,
-    ...t
-  });
+    initialHeight: i(this, d).height
+  }, e));
 }, /**
  * Ends a resize operation.
  * Dispatches 'resizer:end' event and resets internal state.
  * @private
  */
-A = function() {
+D = function() {
   i(this, g) && (this.dispatchEvent("resizer:end"), p(this, l, X).call(this), b(this, "Resize ended."));
 }, /**
  * Core logic for calculating and applying the new size of the container.
@@ -166,19 +174,19 @@ A = function() {
  * @param {Event} originalEvent The original DOM event (PointerEvent or KeyboardEvent) that triggered the update.
  * @private
  */
-D = function(t, e, r) {
+K = function(e, t, r) {
   let s = i(this, d).width, o = i(this, d).height;
   const { fromX: c, fromY: h, multiplier: m } = this.options;
-  this.resizeHorizontal && (c === "right" ? s = i(this, d).width + t * m : c === "left" && (s = i(this, d).width - t * m), this.container.style.width = `${Math.max(0, s)}px`), this.resizeVertical && (h === "bottom" ? o = i(this, d).height + e * m : h === "top" && (o = i(this, d).height - e * m), this.container.style.height = `${Math.max(0, o)}px`);
-  const K = {
+  this.resizeHorizontal && (c === "right" ? s = i(this, d).width + e * m : c === "left" && (s = i(this, d).width - e * m), this.container.style.width = `${Math.max(0, s)}px`), this.resizeVertical && (h === "bottom" ? o = i(this, d).height + t * m : h === "top" && (o = i(this, d).height - t * m), this.container.style.height = `${Math.max(0, o)}px`);
+  const P = {
     newWidth: s,
     newHeight: o,
-    totalDeltaX: t,
-    totalDeltaY: e,
+    totalDeltaX: e,
+    totalDeltaY: t,
     event: r
   };
-  this.dispatchEvent("resizer:update", K), b(this, "Resizing update.", K);
-}, k(Y, "defaults", {
+  this.dispatchEvent("resizer:update", P), b(this, "Resizing update.", P);
+}, T(Y, "defaults", {
   debug: !1,
   /**
    * Amount to increase size by (ie. pointer movement * multiplier)
@@ -236,7 +244,7 @@ D = function(t, e, r) {
    */
   enableKeyboardResizing: !0
 });
-let H = Y;
+let M = Y;
 export {
-  H as Resizer
+  M as Resizer
 };

package/dist/es/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/slider.js"],"names":[],"mappings":"AAiEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,WACJ,MAAM,QAiBhB;AA1DD;;GAEG;AACH,+CAGG;AAsDH;;GAEG;AACH;IACE,wBAAsB;IACtB,mCAAkC;IAClC,6BAA4B;IAE5B,kCAYC;IACD;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCAoCC;IAjCC,aAAsB;IACtB;;;;aAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,6CAAyB;IACzB,kDAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;wBACgF;IAMlF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,2CAqChB;IACD;;OAEG;IACH,kDASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,kDAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;sBAOC;IACD,qDA0CC;IACD,cAmBC;IACD,mBAsBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCA1iBoC,sBAAsB"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/slider.js"],"names":[],"mappings":"AAgEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,WACJ,MAAM,QAiBhB;AA1DD;;GAEG;AACH,+CAGG;AAsDH;;GAEG;AACH;IACE,wBAAsB;IACtB,mCAAkC;IAClC,6BAA4B;IAE5B,kCAYC;IACD;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCAoCC;IAjCC,aAAsB;IACtB;;;;aAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,6CAAyB;IACzB,kDAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;wBACgF;IAMlF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,2CAqChB;IACD;;OAEG;IACH,kDASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,kDAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;sBAOC;IACD,qDA2CC;IACD,cAmBC;IACD,mBAsBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCA1iBoC,sBAAsB"}