@ulu/frontend 0.1.0-beta.80 → 0.1.0-beta.81

package/js/ui/resizer.js

@@ -1,63 +1,213 @@
 /**
  * @module ui/resizer
  */
-// =============================================================================
-// Element Resizer
-// =============================================================================
 
-// Version:         1.0.1
-
-// Description:     Adds resizing ability to an element (only horizontal currently)
-
-// Reference:       - http://jsfiddle.net/3jMQD/614/
-
-import { logError } from "../utils/class-logger.js";
+import { createEvent } from "../events/index.js";
+import { logError, log } from "../utils/class-logger.js"; // Assuming this utility exists
 
 export class Resizer {
   static defaults = {
     debug: false,
-    overrideMaxWidth: false, 
-    fromLeft: false
+    /**
+     * Amount to increase size by (ie. pointer movement * multiplier)
+     */
+    multiplier: 1,
+    /**
+     * Remove max-width, max-height
+     */
+    overrideMaxDimensions: false,
+    /**
+     * @type {"left"|"right"|null}
+     * Specifies the horizontal edge from which resizing occurs.
+     * `null` means no horizontal resizing.
+     * - Default null
+     */
+    fromX: null, 
+    /**
+     * @type {"top"|"bottom"|null}
+     * Specifies the vertical edge from which resizing occurs.
+     * - `null` means no vertical resizing.
+     * - Default null
+     */
+    fromY: null 
   };
+
+  // Declare any runtime populated private fields
+  #handlerPointerdown;
+
   /**
-   * 
-   * @param {Node} container Container to be resize   
-   * @param {Node} control Resize handle element 
-   * @param {Object} options Defualt can be changed on class
-   * @param {Boolean} options.debug Enable non-essential debugging logs
-   * @param {Boolean} options.overrideMaxWidth When script is activated by handle remove the elements max-width and allow the width of the resize to exceed the max (default false)
-   * @param {Boolean} options.fromLeft The script should assume the handle is on the left side of the element
+   * @param {Node} container Container to be resized
+   * @param {Node} control Resize handle element
+   * @param {Object} options Options to configure the resizer.
+   * @param {Boolean} options.debug Enable non-essential debugging logs.
+   * @param {Boolean} options.overrideMaxDimensions When script is activated by handle, remove the element's max-width/max-height and allow the resize to exceed them (default false).
+   * @param {"left"|"right"|null} [options.fromX=null] Horizontal resizing direction.
+   * @param {"top"|"bottom"|null} [options.fromY=null] Vertical resizing direction.
    */
   constructor(container, control, options) {
     if (!control || !container) {
-      logError(this, "Missing required elements 'control' or 'container'");
+      logError(this, "Missing required elements: control, container");
+      return;
     }
     this.options = Object.assign({}, Resizer.defaults, options);
+    log(this, "Resolved options", this.options);
+    
     this.container = container;
     this.control = control;
-    this.handlerMousedown = this.onMousedown.bind(this);
-    this.control.addEventListener('mousedown', this.handlerMousedown);
+    this.debug = this.options.debug; // for logger
+
+    // Validate and normalize fromX/fromY
+    const validX = ["left", "right"];
+    const validY = ["top", "bottom"];
+
+    const { fromX, fromY } = this.options;
+
+    if (!validX.includes(fromX) && fromX !== null) {
+      logError(this, `Invalid fromX: ${ fromX } (left|right|null)`);
+      return; 
+    }
+    if (!validY.includes(fromY) && fromY !== null) {
+      logError(this, `Invalid fromY: ${ fromY } (top|bottom|null)`);
+      return;
+    }
+
+    if (!fromX && !fromY) {
+      logError(this, "Invalid fromX/fromY, failed to setup resizer");
+      return;
+    }
+
+    // Determine effective resizing directions based on fromX/fromY being non-null
+    this.resizeHorizontal = this.options.fromX !== null;
+    this.resizeVertical = this.options.fromY !== null;
+
+    // Bind event handlers
+    this.#handlerPointerdown = this.#onPointerdown.bind(this);
+
+    // Attach event listener
+    this.control.addEventListener("pointerdown", this.#handlerPointerdown);
   }
+
+  /**
+   * Cleans up event listeners to prevent memory leaks.
+   */
   destroy() {
-    this.control.removeEventListener('mousedown', this.handlerMousedown);
+    this.control.removeEventListener("pointerdown", this.#handlerPointerdown);
   }
-  onMousedown(e) {
-    const { overrideMaxWidth, fromLeft } = this.options;
+
+  /**
+   * Handles the pointerdown event on the resize control.
+   * @param {PointerEvent} e The pointerdown event.
+   * @private
+   */
+  #onPointerdown(e) {
+    e.preventDefault(); // Prevent default browser drag behavior
+
+    const { overrideMaxDimensions, fromX, fromY, multiplier } = this.options; // Destructure fromX, fromY
     const doc = document.documentElement;
     const win = document.defaultView;
-    const x = e.clientX;
-    const width = parseInt(win.getComputedStyle(this.container).width, 10);
-    if (overrideMaxWidth) {
-      this.container.style.maxWidth = 'none';
+    const containerStyle = win.getComputedStyle(this.container);
+
+    // Initial pointer coordinates
+    const startX = e.clientX;
+    const startY = e.clientY;
+
+    // Initial dimensions of the container
+    const initialWidth = parseInt(containerStyle.width, 10);
+    const initialHeight = parseInt(containerStyle.height, 10);
+
+    // Set pointer capture on the control element
+    this.control.setPointerCapture(e.pointerId);
+
+    // Optionally remove max-width/max-height to allow unrestricted resizing
+    if (overrideMaxDimensions) {
+      if (this.resizeHorizontal) {
+        this.container.style.maxWidth = "none";
+      }
+      if (this.resizeVertical) {
+        this.container.style.maxHeight = "none";
+      }
     }
-    const mousemove = event => {
-      const polarity = fromLeft ? -1 : 1;
-      this.container.style.width = `${ width + ((event.clientX - x) * polarity) }px`;
+
+    const initialInfo = {
+      event: e,
+      startX,
+      startY,
+      initialWidth,
+      initialHeight,
+      fromX, // Log fromX and fromY separately
+      fromY,
+      pointerId: e.pointerId
+    };
+
+    this.dispatchEvent("resizer:start", initialInfo);
+    log(this, "Pointerdown initiated/captured.", initialInfo);
+
+    /**
+     * Handles the pointermove event to resize the container.
+     * @param {PointerEvent} event The pointermove event.
+     */
+    const pointermove = (event) => {
+      let newWidth = initialWidth;
+      let newHeight = initialHeight;
+
+      const deltaX = event.clientX - startX;
+      const deltaY = event.clientY - startY;
+
+      // Handle horizontal resizing
+      if (this.resizeHorizontal) {
+        if (fromX === "right") { 
+          newWidth = (initialWidth + (deltaX * multiplier));
+        } else if (fromX === "left") { 
+          newWidth = (initialWidth - (deltaX * multiplier));
+        }
+        this.container.style.width = `${ Math.max(0, newWidth) }px`; // Ensure non-negative width
+      }
+
+      // Handle vertical resizing
+      if (this.resizeVertical) {
+        if (fromY === "bottom") { // Use fromY directly
+          newHeight = (initialHeight + (deltaY * multiplier));
+        } else if (fromY === "top") { // Use fromY directly
+          newHeight = (initialHeight - (deltaY * multiplier));
+        }
+        this.container.style.height = `${ Math.max(0, newHeight) }px`; // Ensure non-negative height
+      }
+
+      const updateInfo = {
+        clientX: event.clientX,
+        clientY: event.clientY,
+        newWidth,
+        newHeight,
+        event
+      };
+
+      this.dispatchEvent("resizer:update", updateInfo);
+      log(this, "Pointermove.", updateInfo);
     };
-    const cleanup = () => {
-      doc.removeEventListener('mousemove', mousemove, false);    
+
+    /**
+     * Cleans up event listeners after the pointerup event.
+     * @param {PointerEvent} event The pointerup event.
+     */
+    const cleanup = (event) => {
+      doc.removeEventListener("pointermove", pointermove, false);
+      doc.removeEventListener("pointerup", cleanup, { capture: true, once: true });
+
+      // Release pointer capture from the control element
+      this.control.releasePointerCapture(event.pointerId);
+      this.dispatchEvent("resizer:end");
+
+      log(this, "Pointerup cleanup complete. Pointer released.", {
+        pointerId: event.pointerId
+      });
+      
     };
-    doc.addEventListener('mousemove', mousemove, false);
-    doc.addEventListener('mouseup', cleanup, { capture: true, once: true });
+
+    // Attach global event listeners for dragging
+    doc.addEventListener("pointermove", pointermove, false);
+    doc.addEventListener("pointerup", cleanup, { capture: true, once: true });
+  }
+  dispatchEvent(type, data) {
+    this.container.dispatchEvent(createEvent(type, data));
   }
 }

package/js/utils/class-logger.js

@@ -2,10 +2,10 @@
  * @module utils/class-logger
  */
 
-// Goal: minimzing console conditions for nessasary production log statements
+// Goal: minimizing console conditions for nessasary production log statements
 
 /**
- * Configuration Object
+ * Global Configuration Object
  */
 const config = {
   debug: false,
@@ -18,7 +18,7 @@ const hasConsole = "console" in window;
 
 // If no context output only if config (global) debug is enabled
 function allow(context) {
-  return hasConsole && config.debug && (context?.debug || context == null);
+  return hasConsole && config.debug && (context?.debug || context?.options?.debug || context == null);
 }
 function getName(context) {
   return typeof context === "object" && context?.constructor?.name;

package/js/utils/font-awesome.js

@@ -12,6 +12,7 @@ export function configureIcons() {
   updateSettings({
     iconClassClose: "fas fa-xmark",
     iconClassDragX: "fas fa-solid fa-grip-lines-vertical",
+    iconClassDragBoth: "fas fa-solid fa-grip", // Not really any good icons for this (no diagonal arrows, etc)
     iconClassPrevious: "fas fa-solid fa-chevron-left",
     iconClassNext: "fas fa-solid fa-chevron-right"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.80",
+  "version": "0.1.0-beta.81",
   "description": "A versatile SCSS and JavaScript component library offering configurable, accessible components and flexible integration into any project, with SCSS modules suitable for modern JS frameworks.",
   "browser": "js/index.js",
   "main": "index.js",

package/scss/components/_css-icon.scss

@@ -377,6 +377,16 @@ $config: (
   .css-icon--arrow-down {
     transform: rotate(90deg);
   }
+  .css-icon--drag-both {
+    transform: rotate(-45deg);
+    &::before {
+      transform: translateX(-50%) scale(0.8);
+      margin-top: -($stroke-width);
+    }
+    &::after {
+      transform: translateX(-50%) scaleX(0.5) scaleY(0.8);
+    }
+  }
 
   // Active icons
   .css-icon--plus-to-minus {

package/scss/components/_modal.scss

@@ -62,6 +62,7 @@ $-fallbacks: (
 /// @prop {Color} resizer-color [rgb(99, 99, 99)] The type color of the resizer.
 /// @prop {Color} resizer-color-hover [black] The type color of the resizer when hovered or focused.
 /// @prop {Dimension} resizer-width [1rem] The width of the resizer.
+/// @prop {Dimension} resizer-center-size [1.65rem] The width/height of the resizer (in bottom right corner) used when position center with resize enabled
 /// @prop {Color} title-color [white] Type color of the title.
 /// @prop {CssValue} title-font-weight [bold] Font weight of the title.
 /// @prop {CssValue} title-font-family [null] Font family for title
@@ -104,6 +105,7 @@ $config: (
   "resizer-color":                  rgb(99, 99, 99),
   "resizer-color-hover":            black,
   "resizer-width":                  1.25rem,
+  "resizer-center-size" :           1.65rem,
   "title-color":                    white,
   "title-font-weight":              bold,
   "title-font-family" :             null,
@@ -239,6 +241,7 @@ $config: (
   }
   #{ $prefix }__resizer {
     position: absolute;
+    overflow: hidden;
     top: 0;
     bottom: 0;
     left: 0;
@@ -261,6 +264,16 @@ $config: (
       left: auto;
       right: 0;
     }
+    #{ $prefix }--center & {
+      left: auto;
+      right: 0;
+      bottom: 0;
+      top: auto;
+      height: get("resizer-center-size");
+      width: get("resizer-center-size");
+      background-color: transparent;
+      cursor: nwse-resize;
+    }
   }
 
   // Modifiers
@@ -329,15 +342,15 @@ $config: (
     }
   }
   #{ $prefix }--resize {
-    &#{ $prefix }--center  {
-      resize: both;  
-    }
     &#{ $prefix }--right  {
       padding-left: get("resizer-width");  
     }
     &#{ $prefix }--left  {
       padding-right: get("resizer-width");  
     }
+    // &#{ $prefix }--center  {
+    //   resize: both;  
+    // }
   }
   #{ $prefix }--body-fills {
     #{ $prefix }__header {

package/types/events/index.d.ts

@@ -1,5 +1,6 @@
 /**
- * Triggers one of our custom events
+ * Triggers one of our custom events (page/document level events)
+ * - UI components may dispatch their own events, this is just used for system wide events
  * @param {String} type Type of event to dispatch
  * @param {Node} context Element to trigger the event from
  * @example
@@ -10,8 +11,16 @@
 export function dispatch(type: string, context: Node): void;
 /**
  * Namespaced event
+ * - Should be used for all ulu script/component events
  * @param {String} type Type of event to get the actual event name for
  * @returns {String}
  */
 export function getName(type: string): string;
+/**
+ * Create ulu namespaced custom event
+ * @param {String} type Event base name (not prefixed)
+ * @param {any} data Custom data to pass with the event (will be available as `event.detail`)
+ * @param {Object} options CustomEvent options default `{ bubbles: true }`. If `detail` is also provided, it will be merged with this options object and will override the 'data' argument for this function
+ */
+export function createEvent(type: string, data?: any, options?: any): CustomEvent<any>;
 //# sourceMappingURL=index.d.ts.map

package/types/events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/events/index.js"],"names":[],"mappings":"AA6CA;;;;;;;;GAQG;AACH,gDANW,IAAI,QAYd;AAED;;;;GAIG;AACH,8CAEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../js/events/index.js"],"names":[],"mappings":"AA6CA;;;;;;;;;GASG;AACH,gDANW,IAAI,QAYd;AAED;;;;;GAKG;AACH,8CAEC;AAED;;;;;GAKG;AACH,iDAHW,GAAG,mCAKb"}

package/types/settings.d.ts

@@ -50,6 +50,10 @@ export type Defaults = {
      * - The CSS class string for the drag X icon
      */
     iconClassDragX: string;
+    /**
+     * - The CSS class string for the dragging in both directions
+     */
+    iconClassDragBoth: string;
     /**
      * - The CSS class string for the previous icon
      */

package/types/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../js/settings.js"],"names":[],"mappings":"AA6BA;;;GAGG;AACH,sCAFa,MAAM,CAIlB;AAED;;;GAGG;AACH,wCAFW,MAAM,QAIhB;AAED;;;GAGG;AACH,+BAFa,MAAM,CAIlB;AAED;;;;GAIG;AACH,gCAHW,MAAM,OAShB;AAED;;;;GAIG;AACH,mCAHW,MAAM,oBAKhB;AAED;;;;;;;;;;;GAWG;AACH,yEAOC;;;;;;;;oBAtFa,MAAM;;;;oBACN,MAAM;;;;uBACN,MAAM;;;;mBACN,MAAM;;;;kBACN,MAAM"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../js/settings.js"],"names":[],"mappings":"AA+BA;;;GAGG;AACH,sCAFa,MAAM,CAIlB;AAED;;;GAGG;AACH,wCAFW,MAAM,QAIhB;AAED;;;GAGG;AACH,+BAFa,MAAM,CAIlB;AAED;;;;GAIG;AACH,gCAHW,MAAM,OAShB;AAED;;;;GAIG;AACH,mCAHW,MAAM,oBAKhB;AAED;;;;;;;;;;;GAWG;AACH,yEAOC;;;;;;;;oBAxFa,MAAM;;;;oBACN,MAAM;;;;uBACN,MAAM;;;;uBACN,MAAM;;;;mBACN,MAAM;;;;kBACN,MAAM"}

package/types/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AA4DA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAqBC;AAED;;;;GAIG;AACH,sCAHW,IAAI,0BA2Bd;AAED;;;GAGG;AACH,oCAFW,IAAI,0BA8Cd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAKd;AA9KD;;GAEG;AACH,8CAA+C;AAE/C;;GAEG;AACH,+CAAuF;AAEvF;;GAEG;AACH,oCAAgE;;;;;;;;;qCAjB3B,oBAAoB"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../js/ui/dialog.js"],"names":[],"mappings":"AA6DA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAqBC;AAED;;;;GAIG;AACH,sCAHW,IAAI,0BA2Bd;AAED;;;GAGG;AACH,oCAFW,IAAI,0BAyFd;AAED;;;;GAIG;AACH,yCAHW,IAAI,OAKd;AAzND;;GAEG;AACH,8CAA+C;AAE/C;;GAEG;AACH,+CAAuF;AAEvF;;GAEG;AACH,oCAAgE;;;;;;;;;qCAlB3B,oBAAoB"}

package/types/ui/modal-builder.d.ts

@@ -14,6 +14,7 @@ export function init(): void;
  */
 export function buildModal(content: Node, options: any): {
     modal: Element;
+    resizer: Resizer;
 };
 /**
  * Modal Builder Component Initializer
@@ -41,6 +42,7 @@ export namespace defaults {
     export let footerHtml: any;
     export let classCloseIcon: any;
     export let classResizerIcon: any;
+    export let classResizerIconBoth: any;
     export let debug: boolean;
     export function templateCloseIcon(config: any): string;
     export function templateResizerIcon(config: any): string;
@@ -152,5 +154,6 @@ export type DefaultModalOptions = {
      */
     config: (arg0: object) => string;
 };
+import { Resizer } from "./resizer.js";
 import { ComponentInitializer } from "../utils/system.js";
 //# sourceMappingURL=modal-builder.d.ts.map

package/types/ui/modal-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"AAgJA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAQC;AAED;;;;GAIG;AACH,oCAHW,IAAI;;EA6Dd;AAvND;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;;IA8DD,uDAGC;IACD,yDAGC;IACD;;;;;OAKG;IACH,0DA2CC;;;;;;;;;;;;WA/GW,MAAM,GAAC,IAAI;;;;eACX,MAAM,GAAC,IAAI;;;;gBACX,MAAM;;;;gBACN,MAAM;;;;iBACN,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;iBACP,OAAO;;;;cACP,QAAQ,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,aAAa,GAAC,eAAe,GAAC,cAAc;;;;eACzF,OAAO;;;;gBACP,OAAO;;;;UACP,SAAS,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY;;;;WACtC,OAAO;;;;iBACP,OAAO;;;;WACP,MAAM;;;;eACN,MAAM;;;;oBACN,MAAM;;;;sBACN,MAAM;;;;mBACN,MAAM,GAAC,IAAI;;;;gBACX,MAAM,GAAC,IAAI;;;;WACX,OAAO;;;;8BACE,MAAM,KAAG,MAAM;;;;mBACf,MAAM,KAAG,MAAM;;qCA5CD,oBAAoB"}
+{"version":3,"file":"modal-builder.d.ts","sourceRoot":"","sources":["../../js/ui/modal-builder.js"],"names":[],"mappings":"AAkJA;;GAEG;AACH,gDAEC;AAED;;;GAGG;AACH,6BAQC;AAED;;;;GAIG;AACH,oCAHW,IAAI;;;EAsEd;AAlOD;;GAEG;AACH,+CAGG;;;;;;;;;;;;;;;;;;;;;;;;;IA+DD,uDAGC;IACD,yDAIC;IACD;;;;;OAKG;IACH,0DA2CC;;;;;;;;;;;;WAjHW,MAAM,GAAC,IAAI;;;;eACX,MAAM,GAAC,IAAI;;;;gBACX,MAAM;;;;gBACN,MAAM;;;;iBACN,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;iBACP,OAAO;;;;cACP,QAAQ,GAAC,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,aAAa,GAAC,eAAe,GAAC,cAAc;;;;eACzF,OAAO;;;;gBACP,OAAO;;;;UACP,SAAS,GAAC,OAAO,GAAC,OAAO,GAAC,YAAY;;;;WACtC,OAAO;;;;iBACP,OAAO;;;;WACP,MAAM;;;;eACN,MAAM;;;;oBACN,MAAM;;;;sBACN,MAAM;;;;mBACN,MAAM,GAAC,IAAI;;;;gBACX,MAAM,GAAC,IAAI;;;;WACX,OAAO;;;;8BACE,MAAM,KAAG,MAAM;;;;mBACf,MAAM,KAAG,MAAM;;wBAzCd,cAAc;qCAHD,oBAAoB"}

package/types/ui/resizer.d.ts

@@ -1,28 +1,55 @@
 export class Resizer {
     static defaults: {
         debug: boolean;
-        overrideMaxWidth: boolean;
-        fromLeft: boolean;
+        /**
+         * Amount to increase size by (ie. pointer movement * multiplier)
+         */
+        multiplier: number;
+        /**
+         * Remove max-width, max-height
+         */
+        overrideMaxDimensions: boolean;
+        /**
+         * @type {"left"|"right"|null}
+         * Specifies the horizontal edge from which resizing occurs.
+         * `null` means no horizontal resizing.
+         * - Default null
+         */
+        fromX: "left" | "right" | null;
+        /**
+         * @type {"top"|"bottom"|null}
+         * Specifies the vertical edge from which resizing occurs.
+         * - `null` means no vertical resizing.
+         * - Default null
+         */
+        fromY: "top" | "bottom" | null;
     };
     /**
-     *
-     * @param {Node} container Container to be resize
+     * @param {Node} container Container to be resized
      * @param {Node} control Resize handle element
-     * @param {Object} options Defualt can be changed on class
-     * @param {Boolean} options.debug Enable non-essential debugging logs
-     * @param {Boolean} options.overrideMaxWidth When script is activated by handle remove the elements max-width and allow the width of the resize to exceed the max (default false)
-     * @param {Boolean} options.fromLeft The script should assume the handle is on the left side of the element
+     * @param {Object} options Options to configure the resizer.
+     * @param {Boolean} options.debug Enable non-essential debugging logs.
+     * @param {Boolean} options.overrideMaxDimensions When script is activated by handle, remove the element's max-width/max-height and allow the resize to exceed them (default false).
+     * @param {"left"|"right"|null} [options.fromX=null] Horizontal resizing direction.
+     * @param {"top"|"bottom"|null} [options.fromY=null] Vertical resizing direction.
      */
     constructor(container: Node, control: Node, options: {
         debug: boolean;
-        overrideMaxWidth: boolean;
-        fromLeft: boolean;
+        overrideMaxDimensions: boolean;
+        fromX?: "left" | "right" | null;
+        fromY?: "top" | "bottom" | null;
     });
     options: any;
     container: Node;
     control: Node;
-    handlerMousedown: any;
+    debug: any;
+    resizeHorizontal: boolean;
+    resizeVertical: boolean;
+    /**
+     * Cleans up event listeners to prevent memory leaks.
+     */
     destroy(): void;
-    onMousedown(e: any): void;
+    dispatchEvent(type: any, data: any): void;
+    #private;
 }
 //# sourceMappingURL=resizer.d.ts.map

package/types/ui/resizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"AAeA;IACE;;;;MAIE;IACF;;;;;;;;OAQG;IACH,uBAPW,IAAI,WACJ,IAAI;QAEa,KAAK;QACL,gBAAgB;QAChB,QAAQ;OAWnC;IALC,aAA2D;IAC3D,gBAA0B;IAC1B,cAAsB;IACtB,sBAAmD;IAGrD,gBAEC;IACD,0BAkBC;CACF"}
+{"version":3,"file":"resizer.d.ts","sourceRoot":"","sources":["../../js/ui/resizer.js"],"names":[],"mappings":"AAOA;IACE;;QAEE;;WAEG;;QAEH;;WAEG;;QAEH;;;;;WAKG;eAJO,MAAM,GAAC,OAAO,GAAC,IAAI;QAM7B;;;;;WAKG;eAJO,KAAK,GAAC,QAAQ,GAAC,IAAI;MAM7B;IAKF;;;;;;;;OAQG;IACH,uBARW,IAAI,WACJ,IAAI;QAEa,KAAK;QACL,qBAAqB;QACR,KAAK,GAAnC,MAAM,GAAC,OAAO,GAAC,IAAI;QACW,KAAK,GAAnC,KAAK,GAAC,QAAQ,GAAC,IAAI;OA2C7B;IApCC,aAA2D;IAG3D,gBAA0B;IAC1B,cAAsB;IACtB,WAA+B;IAuB/B,0BAAmD;IACnD,wBAAiD;IASnD;;OAEG;IACH,gBAEC;IAmHD,0CAEC;;CACF"}

package/types/utils/font-awesome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"font-awesome.d.ts","sourceRoot":"","sources":["../../js/utils/font-awesome.js"],"names":[],"mappings":"AAOA;;GAEG;AACH,uCAOC"}
+{"version":3,"file":"font-awesome.d.ts","sourceRoot":"","sources":["../../js/utils/font-awesome.js"],"names":[],"mappings":"AAOA;;GAEG;AACH,uCAQC"}