gridstack 11.5.1 → 12.1.0

package/dist/es5/dd-gridstack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dd-gridstack.js","sourceRoot":"","sources":["../../src/dd-gridstack.ts"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * dd-gridstack.ts 11.5.1\r\n * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license\r\n */\r\n\r\n/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { GridItemHTMLElement, GridStackElement, DDDragOpt } from './types';\r\nimport { Utils } from './utils';\r\nimport { DDManager } from './dd-manager';\r\nimport { DDElement, DDElementHost } from './dd-element';\r\nimport { GridHTMLElement } from './gridstack';\r\n\r\n/** Drag&Drop drop options */\r\nexport type DDDropOpt = {\r\n  /** function or class type that this grid will accept as dropped items (see GridStackOptions.acceptWidgets) */\r\n  accept?: (el: GridItemHTMLElement) => boolean;\r\n}\r\n\r\n/** drag&drop options currently called from the main code, but others can be passed in grid options */\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport type DDOpts = 'enable' | 'disable' | 'destroy' | 'option' | string | any;\r\nexport type DDKey = 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight' | 'maxHeightMoveUp' | 'maxWidthMoveLeft';\r\nexport type DDValue = number | string;\r\n\r\n/** drag&drop events callbacks */\r\nexport type DDCallback = (event: Event, arg2: GridItemHTMLElement, helper?: GridItemHTMLElement) => void;\r\n\r\n// let count = 0; // TEST\r\n\r\n/**\r\n * HTML Native Mouse and Touch Events Drag and Drop functionality.\r\n */\r\nexport class DDGridStack {\r\n\r\n  public resizable(el: GridItemHTMLElement, opts: DDOpts, key?: DDKey, value?: DDValue): DDGridStack {\r\n    this._getDDElements(el, opts).forEach(dEl => {\r\n      if (opts === 'disable' || opts === 'enable') {\r\n        dEl.ddResizable && dEl.ddResizable[opts](); // can't create DD as it requires options for setupResizable()\r\n      } else if (opts === 'destroy') {\r\n        dEl.ddResizable && dEl.cleanResizable();\r\n      } else if (opts === 'option') {\r\n        dEl.setupResizable({ [key]: value });\r\n      } else {\r\n        const n = dEl.el.gridstackNode;\r\n        const grid = n.grid;\r\n        let handles = dEl.el.getAttribute('gs-resize-handles') || grid.opts.resizable.handles || 'e,s,se';\r\n        if (handles === 'all') handles = 'n,e,s,w,se,sw,ne,nw';\r\n        // NOTE: keep the resize handles as e,w don't have enough space (10px) to show resize corners anyway. limit during drag instead\r\n        // restrict vertical resize if height is done to match content anyway... odd to have it spring back\r\n        // if (Utils.shouldSizeToContent(n, true)) {\r\n        //   const doE = handles.indexOf('e') !== -1;\r\n        //   const doW = handles.indexOf('w') !== -1;\r\n        //   handles = doE ? (doW ? 'e,w' : 'e') : (doW ? 'w' : '');\r\n        // }\r\n        const autoHide = !grid.opts.alwaysShowResizeHandle;\r\n        dEl.setupResizable({\r\n          ...grid.opts.resizable,\r\n          ...{ handles, autoHide },\r\n          ...{\r\n            start: opts.start,\r\n            stop: opts.stop,\r\n            resize: opts.resize\r\n          }\r\n        });\r\n      }\r\n    });\r\n    return this;\r\n  }\r\n\r\n  public draggable(el: GridItemHTMLElement, opts: DDOpts, key?: DDKey, value?: DDValue): DDGridStack {\r\n    this._getDDElements(el, opts).forEach(dEl => {\r\n      if (opts === 'disable' || opts === 'enable') {\r\n        dEl.ddDraggable && dEl.ddDraggable[opts](); // can't create DD as it requires options for setupDraggable()\r\n      } else if (opts === 'destroy') {\r\n        dEl.ddDraggable && dEl.cleanDraggable();\r\n      } else if (opts === 'option') {\r\n        dEl.setupDraggable({ [key]: value });\r\n      } else {\r\n        const grid = dEl.el.gridstackNode.grid;\r\n        dEl.setupDraggable({\r\n          ...grid.opts.draggable,\r\n          ...{\r\n            // containment: (grid.parentGridNode && grid.opts.dragOut === false) ? grid.el.parentElement : (grid.opts.draggable.containment || null),\r\n            start: opts.start,\r\n            stop: opts.stop,\r\n            drag: opts.drag\r\n          }\r\n        });\r\n      }\r\n    });\r\n    return this;\r\n  }\r\n\r\n  public dragIn(el: GridStackElement, opts: DDDragOpt): DDGridStack {\r\n    this._getDDElements(el).forEach(dEl => dEl.setupDraggable(opts));\r\n    return this;\r\n  }\r\n\r\n  public droppable(el: GridItemHTMLElement, opts: DDOpts | DDDropOpt, key?: DDKey, value?: DDValue): DDGridStack {\r\n    if (typeof opts.accept === 'function' && !opts._accept) {\r\n      opts._accept = opts.accept;\r\n      opts.accept = (el) => opts._accept(el);\r\n    }\r\n    this._getDDElements(el, opts).forEach(dEl => {\r\n      if (opts === 'disable' || opts === 'enable') {\r\n        dEl.ddDroppable && dEl.ddDroppable[opts]();\r\n      } else if (opts === 'destroy') {\r\n        dEl.ddDroppable && dEl.cleanDroppable();\r\n      } else if (opts === 'option') {\r\n        dEl.setupDroppable({ [key]: value });\r\n      } else {\r\n        dEl.setupDroppable(opts);\r\n      }\r\n    });\r\n    return this;\r\n  }\r\n\r\n  /** true if element is droppable */\r\n  public isDroppable(el: DDElementHost): boolean {\r\n    return !!(el?.ddElement?.ddDroppable && !el.ddElement.ddDroppable.disabled);\r\n  }\r\n\r\n  /** true if element is draggable */\r\n  public isDraggable(el: DDElementHost): boolean {\r\n    return !!(el?.ddElement?.ddDraggable && !el.ddElement.ddDraggable.disabled);\r\n  }\r\n\r\n  /** true if element is draggable */\r\n  public isResizable(el: DDElementHost): boolean {\r\n    return !!(el?.ddElement?.ddResizable && !el.ddElement.ddResizable.disabled);\r\n  }\r\n\r\n  public on(el: GridItemHTMLElement, name: string, callback: DDCallback): DDGridStack {\r\n    this._getDDElements(el).forEach(dEl =>\r\n      dEl.on(name, (event: Event) => {\r\n        callback(\r\n          event,\r\n          DDManager.dragElement ? DDManager.dragElement.el : event.target as GridItemHTMLElement,\r\n          DDManager.dragElement ? DDManager.dragElement.helper : null)\r\n      })\r\n    );\r\n    return this;\r\n  }\r\n\r\n  public off(el: GridItemHTMLElement, name: string): DDGridStack {\r\n    this._getDDElements(el).forEach(dEl => dEl.off(name));\r\n    return this;\r\n  }\r\n\r\n  /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */\r\n  protected _getDDElements(els: GridStackElement, opts?: DDOpts): DDElement[] {\r\n    // don't force create if we're going to destroy it, unless it's a grid which is used as drop target for it's children\r\n    const create = (els as GridHTMLElement).gridstack ||  opts !== 'destroy' && opts !== 'disable';\r\n    const hosts = Utils.getElements(els) as DDElementHost[];\r\n    if (!hosts.length) return [];\r\n    const list = hosts.map(e => e.ddElement || (create ? DDElement.init(e) : null)).filter(d => d); // remove nulls\r\n    return list;\r\n  }\r\n}\r\n"]}

package/dist/es5/dd-manager.d.ts

@@ -1,22 +0,0 @@
-/**
- * dd-manager.ts 11.5.1
- * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
- */
-import { DDDraggable } from './dd-draggable';
-import { DDDroppable } from './dd-droppable';
-import { DDResizable } from './dd-resizable';
-/**
- * globals that are shared across Drag & Drop instances
- */
-export declare class DDManager {
-    /** if set (true | in msec), dragging placement (collision) will only happen after a pause by the user*/
-    static pauseDrag: boolean | number;
-    /** true if a mouse down event was handled */
-    static mouseHandled: boolean;
-    /** item being dragged */
-    static dragElement: DDDraggable;
-    /** item we are currently over as drop target */
-    static dropElement: DDDroppable;
-    /** current item we're over for resizing purpose (ignore nested grid resize handles) */
-    static overResizeElement: DDResizable;
-}

package/dist/es5/dd-manager.js

@@ -1,17 +0,0 @@
-"use strict";
-/**
- * dd-manager.ts 11.5.1
- * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DDManager = void 0;
-/**
- * globals that are shared across Drag & Drop instances
- */
-var DDManager = /** @class */ (function () {
-    function DDManager() {
-    }
-    return DDManager;
-}());
-exports.DDManager = DDManager;
-//# sourceMappingURL=dd-manager.js.map

package/dist/es5/dd-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dd-manager.js","sourceRoot":"","sources":["../../src/dd-manager.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAMH;;GAEG;AACH;IAAA;IAgBA,CAAC;IAAD,gBAAC;AAAD,CAAC,AAhBD,IAgBC;AAhBY,8BAAS","sourcesContent":["/**\n * dd-manager.ts 11.5.1\n * Copyright (c) 2021-2024 Alain Dumesny - see GridStack root license\n */\n\nimport { DDDraggable } from './dd-draggable';\nimport { DDDroppable } from './dd-droppable';\nimport { DDResizable } from './dd-resizable';\n\n/**\n * globals that are shared across Drag & Drop instances\n */\nexport class DDManager {\n  /** if set (true | in msec), dragging placement (collision) will only happen after a pause by the user*/\n  public static pauseDrag: boolean | number;\n\n  /** true if a mouse down event was handled */\n  public static mouseHandled: boolean;\n\n  /** item being dragged */\n  public static dragElement: DDDraggable;\n\n  /** item we are currently over as drop target */\n  public static dropElement: DDDroppable;\n\n  /** current item we're over for resizing purpose (ignore nested grid resize handles) */\n  public static overResizeElement: DDResizable;\n\n}\n"]}

package/dist/es5/dd-resizable-handle.d.ts

@@ -1,18 +0,0 @@
-/**
- * dd-resizable-handle.ts 11.5.1
- * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
- */
-import { GridItemHTMLElement } from './gridstack';
-export interface DDResizableHandleOpt {
-    start?: (event: any) => void;
-    move?: (event: any) => void;
-    stop?: (event: any) => void;
-}
-export declare class DDResizableHandle {
-    protected host: GridItemHTMLElement;
-    protected dir: string;
-    protected option: DDResizableHandleOpt;
-    constructor(host: GridItemHTMLElement, dir: string, option: DDResizableHandleOpt);
-    /** call this when resize handle needs to be removed and cleaned up */
-    destroy(): DDResizableHandle;
-}

package/dist/es5/dd-resizable-handle.js

@@ -1,117 +0,0 @@
-"use strict";
-/**
- * dd-resizable-handle.ts 11.5.1
- * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DDResizableHandle = void 0;
-var dd_touch_1 = require("./dd-touch");
-var DDResizableHandle = exports.DDResizableHandle = /** @class */ (function () {
-    function DDResizableHandle(host, dir, option) {
-        this.host = host;
-        this.dir = dir;
-        this.option = option;
-        /** @internal true after we've moved enough pixels to start a resize */
-        this.moving = false;
-        // create var event binding so we can easily remove and still look like TS methods (unlike anonymous functions)
-        this._mouseDown = this._mouseDown.bind(this);
-        this._mouseMove = this._mouseMove.bind(this);
-        this._mouseUp = this._mouseUp.bind(this);
-        this._keyEvent = this._keyEvent.bind(this);
-        this._init();
-    }
-    /** @internal */
-    DDResizableHandle.prototype._init = function () {
-        var el = this.el = document.createElement('div');
-        el.classList.add('ui-resizable-handle');
-        el.classList.add("".concat(DDResizableHandle.prefix).concat(this.dir));
-        el.style.zIndex = '100';
-        el.style.userSelect = 'none';
-        this.host.appendChild(this.el);
-        this.el.addEventListener('mousedown', this._mouseDown);
-        if (dd_touch_1.isTouch) {
-            this.el.addEventListener('touchstart', dd_touch_1.touchstart);
-            this.el.addEventListener('pointerdown', dd_touch_1.pointerdown);
-            // this.el.style.touchAction = 'none'; // not needed unlike pointerdown doc comment
-        }
-        return this;
-    };
-    /** call this when resize handle needs to be removed and cleaned up */
-    DDResizableHandle.prototype.destroy = function () {
-        if (this.moving)
-            this._mouseUp(this.mouseDownEvent);
-        this.el.removeEventListener('mousedown', this._mouseDown);
-        if (dd_touch_1.isTouch) {
-            this.el.removeEventListener('touchstart', dd_touch_1.touchstart);
-            this.el.removeEventListener('pointerdown', dd_touch_1.pointerdown);
-        }
-        this.host.removeChild(this.el);
-        delete this.el;
-        delete this.host;
-        return this;
-    };
-    /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
-    DDResizableHandle.prototype._mouseDown = function (e) {
-        this.mouseDownEvent = e;
-        document.addEventListener('mousemove', this._mouseMove, { capture: true, passive: true }); // capture, not bubble
-        document.addEventListener('mouseup', this._mouseUp, true);
-        if (dd_touch_1.isTouch) {
-            this.el.addEventListener('touchmove', dd_touch_1.touchmove);
-            this.el.addEventListener('touchend', dd_touch_1.touchend);
-        }
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    /** @internal */
-    DDResizableHandle.prototype._mouseMove = function (e) {
-        var s = this.mouseDownEvent;
-        if (this.moving) {
-            this._triggerEvent('move', e);
-        }
-        else if (Math.abs(e.x - s.x) + Math.abs(e.y - s.y) > 2) {
-            // don't start unless we've moved at least 3 pixels
-            this.moving = true;
-            this._triggerEvent('start', this.mouseDownEvent);
-            this._triggerEvent('move', e);
-            // now track keyboard events to cancel
-            document.addEventListener('keydown', this._keyEvent);
-        }
-        e.stopPropagation();
-        // e.preventDefault(); passive = true
-    };
-    /** @internal */
-    DDResizableHandle.prototype._mouseUp = function (e) {
-        if (this.moving) {
-            this._triggerEvent('stop', e);
-            document.removeEventListener('keydown', this._keyEvent);
-        }
-        document.removeEventListener('mousemove', this._mouseMove, true);
-        document.removeEventListener('mouseup', this._mouseUp, true);
-        if (dd_touch_1.isTouch) {
-            this.el.removeEventListener('touchmove', dd_touch_1.touchmove);
-            this.el.removeEventListener('touchend', dd_touch_1.touchend);
-        }
-        delete this.moving;
-        delete this.mouseDownEvent;
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    /** @internal call when keys are being pressed - use Esc to cancel */
-    DDResizableHandle.prototype._keyEvent = function (e) {
-        var _a, _b;
-        if (e.key === 'Escape') {
-            (_b = (_a = this.host.gridstackNode) === null || _a === void 0 ? void 0 : _a.grid) === null || _b === void 0 ? void 0 : _b.engine.restoreInitial();
-            this._mouseUp(this.mouseDownEvent);
-        }
-    };
-    /** @internal */
-    DDResizableHandle.prototype._triggerEvent = function (name, event) {
-        if (this.option[name])
-            this.option[name](event);
-        return this;
-    };
-    /** @internal */
-    DDResizableHandle.prefix = 'ui-resizable-';
-    return DDResizableHandle;
-}());
-//# sourceMappingURL=dd-resizable-handle.js.map

package/dist/es5/dd-resizable-handle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dd-resizable-handle.js","sourceRoot":"","sources":["../../src/dd-resizable-handle.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * dd-resizable-handle.ts 11.5.1\n * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license\n */\n\nimport { isTouch, pointerdown, touchend, touchmove, touchstart } from './dd-touch';\nimport { GridItemHTMLElement } from './gridstack';\n\nexport interface DDResizableHandleOpt {\n  start?: (event) => void;\n  move?: (event) => void;\n  stop?: (event) => void;\n}\n\nexport class DDResizableHandle {\n  /** @internal */\n  protected el: HTMLElement;\n  /** @internal true after we've moved enough pixels to start a resize */\n  protected moving = false;\n  /** @internal */\n  protected mouseDownEvent: MouseEvent;\n  /** @internal */\n  protected static prefix = 'ui-resizable-';\n\n  constructor(protected host: GridItemHTMLElement, protected dir: string, protected option: DDResizableHandleOpt) {\n    // create var event binding so we can easily remove and still look like TS methods (unlike anonymous functions)\n    this._mouseDown = this._mouseDown.bind(this);\n    this._mouseMove = this._mouseMove.bind(this);\n    this._mouseUp = this._mouseUp.bind(this);\n    this._keyEvent = this._keyEvent.bind(this);\n\n    this._init();\n  }\n\n  /** @internal */\n  protected _init(): DDResizableHandle {\n    const el = this.el = document.createElement('div');\n    el.classList.add('ui-resizable-handle');\n    el.classList.add(`${DDResizableHandle.prefix}${this.dir}`);\n    el.style.zIndex = '100';\n    el.style.userSelect = 'none';\n    this.host.appendChild(this.el);\n    this.el.addEventListener('mousedown', this._mouseDown);\n    if (isTouch) {\n      this.el.addEventListener('touchstart', touchstart);\n      this.el.addEventListener('pointerdown', pointerdown);\n      // this.el.style.touchAction = 'none'; // not needed unlike pointerdown doc comment\n    }\n    return this;\n  }\n\n  /** call this when resize handle needs to be removed and cleaned up */\n  public destroy(): DDResizableHandle {\n    if (this.moving) this._mouseUp(this.mouseDownEvent);\n    this.el.removeEventListener('mousedown', this._mouseDown);\n    if (isTouch) {\n      this.el.removeEventListener('touchstart', touchstart);\n      this.el.removeEventListener('pointerdown', pointerdown);\n    }\n    this.host.removeChild(this.el);\n    delete this.el;\n    delete this.host;\n    return this;\n  }\n\n  /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */\n  protected _mouseDown(e: MouseEvent): void {\n    this.mouseDownEvent = e;\n    document.addEventListener('mousemove', this._mouseMove, { capture: true, passive: true}); // capture, not bubble\n    document.addEventListener('mouseup', this._mouseUp, true);\n    if (isTouch) {\n      this.el.addEventListener('touchmove', touchmove);\n      this.el.addEventListener('touchend', touchend);\n    }\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  /** @internal */\n  protected _mouseMove(e: MouseEvent): void {\n    const s = this.mouseDownEvent;\n    if (this.moving) {\n      this._triggerEvent('move', e);\n    } else if (Math.abs(e.x - s.x) + Math.abs(e.y - s.y) > 2) {\n      // don't start unless we've moved at least 3 pixels\n      this.moving = true;\n      this._triggerEvent('start', this.mouseDownEvent);\n      this._triggerEvent('move', e);\n      // now track keyboard events to cancel\n      document.addEventListener('keydown', this._keyEvent);\n    }\n    e.stopPropagation();\n    // e.preventDefault(); passive = true\n  }\n\n  /** @internal */\n  protected _mouseUp(e: MouseEvent): void {\n    if (this.moving) {\n      this._triggerEvent('stop', e);\n      document.removeEventListener('keydown', this._keyEvent);\n    }\n    document.removeEventListener('mousemove', this._mouseMove, true);\n    document.removeEventListener('mouseup', this._mouseUp, true);\n    if (isTouch) {\n      this.el.removeEventListener('touchmove', touchmove);\n      this.el.removeEventListener('touchend', touchend);\n    }\n    delete this.moving;\n    delete this.mouseDownEvent;\n    e.stopPropagation();\n    e.preventDefault();\n  }\n\n  /** @internal call when keys are being pressed - use Esc to cancel */\n  protected _keyEvent(e: KeyboardEvent): void {\n    if (e.key === 'Escape') {\n      this.host.gridstackNode?.grid?.engine.restoreInitial();\n      this._mouseUp(this.mouseDownEvent);\n    }\n  }\n\n\n\n  /** @internal */\n  protected _triggerEvent(name: string, event: MouseEvent): DDResizableHandle {\n    if (this.option[name]) this.option[name](event);\n    return this;\n  }\n}\n"]}

package/dist/es5/dd-resizable.d.ts

@@ -1,30 +0,0 @@
-/**
- * dd-resizable.ts 11.5.1
- * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
- */
-import { DDBaseImplement, HTMLElementExtendOpt } from './dd-base-impl';
-import { DDUIData, GridItemHTMLElement } from './types';
-export interface DDResizableOpt {
-    autoHide?: boolean;
-    handles?: string;
-    maxHeight?: number;
-    maxHeightMoveUp?: number;
-    maxWidth?: number;
-    maxWidthMoveLeft?: number;
-    minHeight?: number;
-    minWidth?: number;
-    start?: (event: Event, ui: DDUIData) => void;
-    stop?: (event: Event) => void;
-    resize?: (event: Event, ui: DDUIData) => void;
-}
-export declare class DDResizable extends DDBaseImplement implements HTMLElementExtendOpt<DDResizableOpt> {
-    el: GridItemHTMLElement;
-    option: DDResizableOpt;
-    constructor(el: GridItemHTMLElement, option?: DDResizableOpt);
-    on(event: 'resizestart' | 'resize' | 'resizestop', callback: (event: DragEvent) => void): void;
-    off(event: 'resizestart' | 'resize' | 'resizestop'): void;
-    enable(): void;
-    disable(): void;
-    destroy(): void;
-    updateOption(opts: DDResizableOpt): DDResizable;
-}

package/dist/es5/dd-resizable.js

@@ -1,330 +0,0 @@
-"use strict";
-/**
- * dd-resizable.ts 11.5.1
- * Copyright (c) 2021-2024  Alain Dumesny - see GridStack root license
- */
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DDResizable = void 0;
-var dd_resizable_handle_1 = require("./dd-resizable-handle");
-var dd_base_impl_1 = require("./dd-base-impl");
-var utils_1 = require("./utils");
-var dd_manager_1 = require("./dd-manager");
-var DDResizable = exports.DDResizable = /** @class */ (function (_super) {
-    __extends(DDResizable, _super);
-    // have to be public else complains for HTMLElementExtendOpt ?
-    function DDResizable(el, option) {
-        if (option === void 0) { option = {}; }
-        var _this = _super.call(this) || this;
-        _this.el = el;
-        _this.option = option;
-        /** @internal */
-        _this.rectScale = { x: 1, y: 1 };
-        /** @internal */
-        _this._ui = function () {
-            var containmentEl = _this.el.parentElement;
-            var containmentRect = containmentEl.getBoundingClientRect();
-            var newRect = {
-                width: _this.originalRect.width,
-                height: _this.originalRect.height + _this.scrolled,
-                left: _this.originalRect.left,
-                top: _this.originalRect.top - _this.scrolled
-            };
-            var rect = _this.temporalRect || newRect;
-            return {
-                position: {
-                    left: (rect.left - containmentRect.left) * _this.rectScale.x,
-                    top: (rect.top - containmentRect.top) * _this.rectScale.y
-                },
-                size: {
-                    width: rect.width * _this.rectScale.x,
-                    height: rect.height * _this.rectScale.y
-                }
-                /* Gridstack ONLY needs position set above... keep around in case.
-                element: [this.el], // The object representing the element to be resized
-                helper: [], // TODO: not support yet - The object representing the helper that's being resized
-                originalElement: [this.el],// we don't wrap here, so simplify as this.el //The object representing the original element before it is wrapped
-                originalPosition: { // The position represented as { left, top } before the resizable is resized
-                  left: this.originalRect.left - containmentRect.left,
-                  top: this.originalRect.top - containmentRect.top
-                },
-                originalSize: { // The size represented as { width, height } before the resizable is resized
-                  width: this.originalRect.width,
-                  height: this.originalRect.height
-                }
-                */
-            };
-        };
-        // create var event binding so we can easily remove and still look like TS methods (unlike anonymous functions)
-        _this._mouseOver = _this._mouseOver.bind(_this);
-        _this._mouseOut = _this._mouseOut.bind(_this);
-        _this.enable();
-        _this._setupAutoHide(_this.option.autoHide);
-        _this._setupHandlers();
-        return _this;
-    }
-    DDResizable.prototype.on = function (event, callback) {
-        _super.prototype.on.call(this, event, callback);
-    };
-    DDResizable.prototype.off = function (event) {
-        _super.prototype.off.call(this, event);
-    };
-    DDResizable.prototype.enable = function () {
-        _super.prototype.enable.call(this);
-        this.el.classList.remove('ui-resizable-disabled');
-        this._setupAutoHide(this.option.autoHide);
-    };
-    DDResizable.prototype.disable = function () {
-        _super.prototype.disable.call(this);
-        this.el.classList.add('ui-resizable-disabled');
-        this._setupAutoHide(false);
-    };
-    DDResizable.prototype.destroy = function () {
-        this._removeHandlers();
-        this._setupAutoHide(false);
-        delete this.el;
-        _super.prototype.destroy.call(this);
-    };
-    DDResizable.prototype.updateOption = function (opts) {
-        var _this = this;
-        var updateHandles = (opts.handles && opts.handles !== this.option.handles);
-        var updateAutoHide = (opts.autoHide && opts.autoHide !== this.option.autoHide);
-        Object.keys(opts).forEach(function (key) { return _this.option[key] = opts[key]; });
-        if (updateHandles) {
-            this._removeHandlers();
-            this._setupHandlers();
-        }
-        if (updateAutoHide) {
-            this._setupAutoHide(this.option.autoHide);
-        }
-        return this;
-    };
-    /** @internal turns auto hide on/off */
-    DDResizable.prototype._setupAutoHide = function (auto) {
-        if (auto) {
-            this.el.classList.add('ui-resizable-autohide');
-            // use mouseover and not mouseenter to get better performance and track for nested cases
-            this.el.addEventListener('mouseover', this._mouseOver);
-            this.el.addEventListener('mouseout', this._mouseOut);
-        }
-        else {
-            this.el.classList.remove('ui-resizable-autohide');
-            this.el.removeEventListener('mouseover', this._mouseOver);
-            this.el.removeEventListener('mouseout', this._mouseOut);
-            if (dd_manager_1.DDManager.overResizeElement === this) {
-                delete dd_manager_1.DDManager.overResizeElement;
-            }
-        }
-        return this;
-    };
-    /** @internal */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    DDResizable.prototype._mouseOver = function (e) {
-        // console.log(`${count++} pre-enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
-        // already over a child, ignore. Ideally we just call e.stopPropagation() but see https://github.com/gridstack/gridstack.js/issues/2018
-        if (dd_manager_1.DDManager.overResizeElement || dd_manager_1.DDManager.dragElement)
-            return;
-        dd_manager_1.DDManager.overResizeElement = this;
-        // console.log(`${count++} enter ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
-        this.el.classList.remove('ui-resizable-autohide');
-    };
-    /** @internal */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    DDResizable.prototype._mouseOut = function (e) {
-        // console.log(`${count++} pre-leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
-        if (dd_manager_1.DDManager.overResizeElement !== this)
-            return;
-        delete dd_manager_1.DDManager.overResizeElement;
-        // console.log(`${count++} leave ${(this.el as GridItemHTMLElement).gridstackNode._id}`)
-        this.el.classList.add('ui-resizable-autohide');
-    };
-    /** @internal */
-    DDResizable.prototype._setupHandlers = function () {
-        var _this = this;
-        this.handlers = this.option.handles.split(',')
-            .map(function (dir) { return dir.trim(); })
-            .map(function (dir) { return new dd_resizable_handle_1.DDResizableHandle(_this.el, dir, {
-            start: function (event) {
-                _this._resizeStart(event);
-            },
-            stop: function (event) {
-                _this._resizeStop(event);
-            },
-            move: function (event) {
-                _this._resizing(event, dir);
-            }
-        }); });
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._resizeStart = function (event) {
-        this.sizeToContent = utils_1.Utils.shouldSizeToContent(this.el.gridstackNode, true); // strick true only and not number
-        this.originalRect = this.el.getBoundingClientRect();
-        this.scrollEl = utils_1.Utils.getScrollElement(this.el);
-        this.scrollY = this.scrollEl.scrollTop;
-        this.scrolled = 0;
-        this.startEvent = event;
-        this._setupHelper();
-        this._applyChange();
-        var ev = utils_1.Utils.initEvent(event, { type: 'resizestart', target: this.el });
-        if (this.option.start) {
-            this.option.start(ev, this._ui());
-        }
-        this.el.classList.add('ui-resizable-resizing');
-        this.triggerEvent('resizestart', ev);
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._resizing = function (event, dir) {
-        this.scrolled = this.scrollEl.scrollTop - this.scrollY;
-        this.temporalRect = this._getChange(event, dir);
-        this._applyChange();
-        var ev = utils_1.Utils.initEvent(event, { type: 'resize', target: this.el });
-        if (this.option.resize) {
-            this.option.resize(ev, this._ui());
-        }
-        this.triggerEvent('resize', ev);
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._resizeStop = function (event) {
-        var ev = utils_1.Utils.initEvent(event, { type: 'resizestop', target: this.el });
-        if (this.option.stop) {
-            this.option.stop(ev); // Note: ui() not used by gridstack so don't pass
-        }
-        this.el.classList.remove('ui-resizable-resizing');
-        this.triggerEvent('resizestop', ev);
-        this._cleanHelper();
-        delete this.startEvent;
-        delete this.originalRect;
-        delete this.temporalRect;
-        delete this.scrollY;
-        delete this.scrolled;
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._setupHelper = function () {
-        var _this = this;
-        this.elOriginStyleVal = DDResizable._originStyleProp.map(function (prop) { return _this.el.style[prop]; });
-        this.parentOriginStylePosition = this.el.parentElement.style.position;
-        var parent = this.el.parentElement;
-        var dragTransform = utils_1.Utils.getValuesFromTransformedElement(parent);
-        this.rectScale = {
-            x: dragTransform.xScale,
-            y: dragTransform.yScale
-        };
-        if (getComputedStyle(this.el.parentElement).position.match(/static/)) {
-            this.el.parentElement.style.position = 'relative';
-        }
-        this.el.style.position = 'absolute';
-        this.el.style.opacity = '0.8';
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._cleanHelper = function () {
-        var _this = this;
-        DDResizable._originStyleProp.forEach(function (prop, i) {
-            _this.el.style[prop] = _this.elOriginStyleVal[i] || null;
-        });
-        this.el.parentElement.style.position = this.parentOriginStylePosition || null;
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._getChange = function (event, dir) {
-        var oEvent = this.startEvent;
-        var newRect = {
-            width: this.originalRect.width,
-            height: this.originalRect.height + this.scrolled,
-            left: this.originalRect.left,
-            top: this.originalRect.top - this.scrolled
-        };
-        var offsetX = event.clientX - oEvent.clientX;
-        var offsetY = this.sizeToContent ? 0 : event.clientY - oEvent.clientY; // prevent vert resize
-        var moveLeft;
-        var moveUp;
-        if (dir.indexOf('e') > -1) {
-            newRect.width += offsetX;
-        }
-        else if (dir.indexOf('w') > -1) {
-            newRect.width -= offsetX;
-            newRect.left += offsetX;
-            moveLeft = true;
-        }
-        if (dir.indexOf('s') > -1) {
-            newRect.height += offsetY;
-        }
-        else if (dir.indexOf('n') > -1) {
-            newRect.height -= offsetY;
-            newRect.top += offsetY;
-            moveUp = true;
-        }
-        var constrain = this._constrainSize(newRect.width, newRect.height, moveLeft, moveUp);
-        if (Math.round(newRect.width) !== Math.round(constrain.width)) { // round to ignore slight round-off errors
-            if (dir.indexOf('w') > -1) {
-                newRect.left += newRect.width - constrain.width;
-            }
-            newRect.width = constrain.width;
-        }
-        if (Math.round(newRect.height) !== Math.round(constrain.height)) {
-            if (dir.indexOf('n') > -1) {
-                newRect.top += newRect.height - constrain.height;
-            }
-            newRect.height = constrain.height;
-        }
-        return newRect;
-    };
-    /** @internal constrain the size to the set min/max values */
-    DDResizable.prototype._constrainSize = function (oWidth, oHeight, moveLeft, moveUp) {
-        var o = this.option;
-        var maxWidth = (moveLeft ? o.maxWidthMoveLeft : o.maxWidth) || Number.MAX_SAFE_INTEGER;
-        var minWidth = o.minWidth / this.rectScale.x || oWidth;
-        var maxHeight = (moveUp ? o.maxHeightMoveUp : o.maxHeight) || Number.MAX_SAFE_INTEGER;
-        var minHeight = o.minHeight / this.rectScale.y || oHeight;
-        var width = Math.min(maxWidth, Math.max(minWidth, oWidth));
-        var height = Math.min(maxHeight, Math.max(minHeight, oHeight));
-        return { width: width, height: height };
-    };
-    /** @internal */
-    DDResizable.prototype._applyChange = function () {
-        var _a;
-        var _this = this;
-        var containmentRect = { left: 0, top: 0, width: 0, height: 0 };
-        if (this.el.style.position === 'absolute') {
-            var containmentEl = this.el.parentElement;
-            var left = (_a = containmentEl.getBoundingClientRect(), _a.left), top_1 = _a.top;
-            containmentRect = { left: left, top: top_1, width: 0, height: 0 };
-        }
-        if (!this.temporalRect)
-            return this;
-        Object.keys(this.temporalRect).forEach(function (key) {
-            var value = _this.temporalRect[key];
-            var scaleReciprocal = key === 'width' || key === 'left' ? _this.rectScale.x : key === 'height' || key === 'top' ? _this.rectScale.y : 1;
-            _this.el.style[key] = (value - containmentRect[key]) * scaleReciprocal + 'px';
-        });
-        return this;
-    };
-    /** @internal */
-    DDResizable.prototype._removeHandlers = function () {
-        this.handlers.forEach(function (handle) { return handle.destroy(); });
-        delete this.handlers;
-        return this;
-    };
-    /** @internal */
-    DDResizable._originStyleProp = ['width', 'height', 'position', 'left', 'top', 'opacity', 'zIndex'];
-    return DDResizable;
-}(dd_base_impl_1.DDBaseImplement));
-//# sourceMappingURL=dd-resizable.js.map