gridstack 7.3.0 → 8.0.0

package/README.md

@@ -44,6 +44,7 @@ Join us on Slack: [https://gridstackjs.slack.com](https://join.slack.com/t/grids
   - [Migrating to v5](#migrating-to-v5)
   - [Migrating to v6](#migrating-to-v6)
   - [Migrating to v7](#migrating-to-v7)
+  - [Migrating to v8](#migrating-to-v8)
 - [jQuery Application](#jquery-application)
 - [Changes](#changes)
 - [The Team](#the-team)
@@ -257,8 +258,6 @@ Better yet, here is a SASS code snippet which can make life much easier (Thanks
   @for $i from 0 through $gridstack-columns {
     &[gs-w='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
     &[gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }
-    &[gs-min-w='#{$i}'] { min-width: (100% / $gridstack-columns) * $i; }
-    &[gs-max-w='#{$i}'] { max-width: (100% / $gridstack-columns) * $i; }
   }
 } 
 ```
@@ -446,6 +445,13 @@ The main difference is you only need to include gridstack.js and get D&D (deskto
 
 New addition, no API breakage per say. See release notes about creating sub-grids on the fly.
 
+## Migrating to v8
+
+Possible breaking change if you use nested grid JSON format, or original Angular wrapper. Also target is now ES2020 (see release notes).
+* `GridStackOptions.subGrid` -> `GridStackOptions.subGridOpts` rename
+* We now have `GridStackWidget.subGridOpts` vs `GridStackNode.subGrid` (was `subGrid` with both types which is error prone)
+* `GridStackOptions.addRemoveCB` -> `GridStack.addRemoveCB` is now global instead of grid option
+
 # jQuery Application
 
 This is **old and no longer apply to v6+**. You'll need to use v5.1.1 and before

package/dist/dd-base-impl.d.ts

@@ -1,20 +1,20 @@
-/**
- * dd-base-impl.ts 7.3.0
- * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
- */
-export declare type EventCallback = (event: Event) => boolean | void;
-export declare abstract class DDBaseImplement {
-    /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */
-    get disabled(): boolean;
-    on(event: string, callback: EventCallback): void;
-    off(event: string): void;
-    enable(): void;
-    disable(): void;
-    destroy(): void;
-    triggerEvent(eventName: string, event: Event): boolean | void;
-}
-export interface HTMLElementExtendOpt<T> {
-    el: HTMLElement;
-    option: T;
-    updateOption(T: any): DDBaseImplement;
-}
+/**
+ * dd-base-impl.ts 8.0.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
+ */
+export type EventCallback = (event: Event) => boolean | void;
+export declare abstract class DDBaseImplement {
+    /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */
+    get disabled(): boolean;
+    on(event: string, callback: EventCallback): void;
+    off(event: string): void;
+    enable(): void;
+    disable(): void;
+    destroy(): void;
+    triggerEvent(eventName: string, event: Event): boolean | void;
+}
+export interface HTMLElementExtendOpt<T> {
+    el: HTMLElement;
+    option: T;
+    updateOption(T: any): DDBaseImplement;
+}

package/dist/dd-base-impl.js

@@ -1,36 +1,32 @@
-"use strict";
-/**
- * dd-base-impl.ts 7.3.0
- * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DDBaseImplement = void 0;
-class DDBaseImplement {
-    constructor() {
-        /** @internal */
-        this._eventRegister = {};
-    }
-    /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */
-    get disabled() { return this._disabled; }
-    on(event, callback) {
-        this._eventRegister[event] = callback;
-    }
-    off(event) {
-        delete this._eventRegister[event];
-    }
-    enable() {
-        this._disabled = false;
-    }
-    disable() {
-        this._disabled = true;
-    }
-    destroy() {
-        delete this._eventRegister;
-    }
-    triggerEvent(eventName, event) {
-        if (!this.disabled && this._eventRegister && this._eventRegister[eventName])
-            return this._eventRegister[eventName](event);
-    }
-}
-exports.DDBaseImplement = DDBaseImplement;
+/**
+ * dd-base-impl.ts 8.0.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
+ */
+export class DDBaseImplement {
+    constructor() {
+        /** @internal */
+        this._eventRegister = {};
+    }
+    /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */
+    get disabled() { return this._disabled; }
+    on(event, callback) {
+        this._eventRegister[event] = callback;
+    }
+    off(event) {
+        delete this._eventRegister[event];
+    }
+    enable() {
+        this._disabled = false;
+    }
+    disable() {
+        this._disabled = true;
+    }
+    destroy() {
+        delete this._eventRegister;
+    }
+    triggerEvent(eventName, event) {
+        if (!this.disabled && this._eventRegister && this._eventRegister[eventName])
+            return this._eventRegister[eventName](event);
+    }
+}
 //# sourceMappingURL=dd-base-impl.js.map

package/dist/dd-base-impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"dd-base-impl.js","sourceRoot":"","sources":["../src/dd-base-impl.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,MAAsB,eAAe;IAArC;QAME,gBAAgB;QACN,mBAAc,GAEpB,EAAE,CAAC;IA0BT,CAAC;IAlCC,mHAAmH;IACnH,IAAW,QAAQ,KAAgB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IASpD,EAAE,CAAC,KAAa,EAAE,QAAuB;QAC9C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;IACxC,CAAC;IAEM,GAAG,CAAC,KAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEM,YAAY,CAAC,SAAiB,EAAE,KAAY;QACjD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;YACzE,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;CACF;AAnCD,0CAmCC","sourcesContent":["/**\n * dd-base-impl.ts 7.3.0\n * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license\n */\n\nexport type EventCallback = (event: Event) => boolean|void;\nexport abstract class DDBaseImplement {\n  /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */\n  public get disabled(): boolean   { return this._disabled; }\n\n  /** @internal */\n  protected _disabled: boolean; // initial state to differentiate from false\n  /** @internal */\n  protected _eventRegister: {\n    [eventName: string]: EventCallback;\n  } = {};\n\n  public on(event: string, callback: EventCallback): void {\n    this._eventRegister[event] = callback;\n  }\n\n  public off(event: string): void {\n    delete this._eventRegister[event];\n  }\n\n  public enable(): void {\n    this._disabled = false;\n  }\n\n  public disable(): void {\n    this._disabled = true;\n  }\n\n  public destroy(): void {\n    delete this._eventRegister;\n  }\n\n  public triggerEvent(eventName: string, event: Event): boolean|void {\n    if (!this.disabled && this._eventRegister && this._eventRegister[eventName])\n      return this._eventRegister[eventName](event);\n  }\n}\n\nexport interface HTMLElementExtendOpt<T> {\n  el: HTMLElement;\n  option: T;\n  updateOption(T): DDBaseImplement;\n}\n"]}
+{"version":3,"file":"dd-base-impl.js","sourceRoot":"","sources":["../src/dd-base-impl.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,MAAM,OAAgB,eAAe;IAArC;QAME,gBAAgB;QACN,mBAAc,GAEpB,EAAE,CAAC;IA0BT,CAAC;IAlCC,mHAAmH;IACnH,IAAW,QAAQ,KAAgB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IASpD,EAAE,CAAC,KAAa,EAAE,QAAuB;QAC9C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;IACxC,CAAC;IAEM,GAAG,CAAC,KAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEM,YAAY,CAAC,SAAiB,EAAE,KAAY;QACjD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;YACzE,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;CACF","sourcesContent":["/**\n * dd-base-impl.ts 8.0.0\n * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license\n */\n\nexport type EventCallback = (event: Event) => boolean|void;\nexport abstract class DDBaseImplement {\n  /** returns the enable state, but you have to call enable()/disable() to change (as other things need to happen) */\n  public get disabled(): boolean   { return this._disabled; }\n\n  /** @internal */\n  protected _disabled: boolean; // initial state to differentiate from false\n  /** @internal */\n  protected _eventRegister: {\n    [eventName: string]: EventCallback;\n  } = {};\n\n  public on(event: string, callback: EventCallback): void {\n    this._eventRegister[event] = callback;\n  }\n\n  public off(event: string): void {\n    delete this._eventRegister[event];\n  }\n\n  public enable(): void {\n    this._disabled = false;\n  }\n\n  public disable(): void {\n    this._disabled = true;\n  }\n\n  public destroy(): void {\n    delete this._eventRegister;\n  }\n\n  public triggerEvent(eventName: string, event: Event): boolean|void {\n    if (!this.disabled && this._eventRegister && this._eventRegister[eventName])\n      return this._eventRegister[eventName](event);\n  }\n}\n\nexport interface HTMLElementExtendOpt<T> {\n  el: HTMLElement;\n  option: T;\n  updateOption(T): DDBaseImplement;\n}\n"]}

package/dist/dd-draggable.d.ts

@@ -1,28 +1,28 @@
-/**
- * dd-draggable.ts 7.3.0
- * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
- */
-import { DDBaseImplement, HTMLElementExtendOpt } from './dd-base-impl';
-import { DDUIData } from './types';
-export interface DDDraggableOpt {
-    appendTo?: string | HTMLElement;
-    handle?: string;
-    helper?: string | HTMLElement | ((event: Event) => HTMLElement);
-    start?: (event: Event, ui: DDUIData) => void;
-    stop?: (event: Event) => void;
-    drag?: (event: Event, ui: DDUIData) => void;
-}
-declare type DDDragEvent = 'drag' | 'dragstart' | 'dragstop';
-export declare class DDDraggable extends DDBaseImplement implements HTMLElementExtendOpt<DDDraggableOpt> {
-    el: HTMLElement;
-    option: DDDraggableOpt;
-    helper: HTMLElement;
-    constructor(el: HTMLElement, option?: DDDraggableOpt);
-    on(event: DDDragEvent, callback: (event: DragEvent) => void): void;
-    off(event: DDDragEvent): void;
-    enable(): void;
-    disable(forDestroy?: boolean): void;
-    destroy(): void;
-    updateOption(opts: DDDraggableOpt): DDDraggable;
-}
-export {};
+/**
+ * dd-draggable.ts 8.0.0
+ * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
+ */
+import { DDBaseImplement, HTMLElementExtendOpt } from './dd-base-impl';
+import { DDUIData } from './types';
+export interface DDDraggableOpt {
+    appendTo?: string | HTMLElement;
+    handle?: string;
+    helper?: string | HTMLElement | ((event: Event) => HTMLElement);
+    start?: (event: Event, ui: DDUIData) => void;
+    stop?: (event: Event) => void;
+    drag?: (event: Event, ui: DDUIData) => void;
+}
+type DDDragEvent = 'drag' | 'dragstart' | 'dragstop';
+export declare class DDDraggable extends DDBaseImplement implements HTMLElementExtendOpt<DDDraggableOpt> {
+    el: HTMLElement;
+    option: DDDraggableOpt;
+    helper: HTMLElement;
+    constructor(el: HTMLElement, option?: DDDraggableOpt);
+    on(event: DDDragEvent, callback: (event: DragEvent) => void): void;
+    off(event: DDDragEvent): void;
+    enable(): void;
+    disable(forDestroy?: boolean): void;
+    destroy(): void;
+    updateOption(opts: DDDraggableOpt): DDDraggable;
+}
+export {};