@genesislcap/foundation-layout 14.26.0 → 14.26.2-alpha-4e419a3.0

package/dist/dts/main/layout-main.d.ts

@@ -10,6 +10,7 @@ export { layoutStyles } from '../styles';
  * @tagname %%prefix%%-layout
  */
 export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
+    #private;
     private layout;
     /** @internal */
     layoutElement: HTMLElement;
@@ -223,6 +224,16 @@ export declare class FoundationLayout extends FoundationElement implements Layou
      * @internal
      */
     private loadGLConfigAndSetup;
+    /**
+     * Handles adding the drag event listeners onto the golden layout drag handles
+     * @remarks
+     * If we only add the event listeners once then once the user drags items around the layout and creates
+     * new drag handles, they will not have the event listeners attached. This function will add the event listeners
+     * but also ensure that old listeners are cleaned up. To be able to clean up the event we need a reference
+     * rather than an anonymous function so we store the bound function in a private variable.
+     * @internal
+     */
+    private attatchResizeEvents;
 }
 /**
  * `ViewTemplate` which defines the html for {@link FoundationLayout}.

package/dist/dts/main/layout-main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAEL,eAAe,EAGf,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EAId,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,iBAAkB,YAAW,eAAe;IAChF,OAAO,CAAC,MAAM,CAAe;IAC7B,gBAAgB;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,OAAO,CAAC,YAAY,CAAqC;IAEzD,gBAAgB;IAChB,CAAC,aAAa,CAAC,SAAmB;IAElC;;;;OAIG;IACmC,YAAY,EAAE,MAAM,CAAyB;IACnF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,oBAAoB,CAAK;IAEjC,gBAAgB;IACV,OAAO,CAAC,IAAI,CAAO;IAEzB,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAU;IAClC;;;;;OAKG;IACmC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3D;;;;OAIG;IACS,sBAAsB,gBAAiB,MAAM,YAC2B;IAEpF;;;;;;;;;;OAUG;IACS,cAAc,UAAS;IACnC,gBAAgB;IACJ,mBAAmB,UAAS;IAExC;;;OAGG;IACS,QAAQ,EAAE,OAAO,CAAS;IAEtC,gBAAgB;;IAShB,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAoBzB,gBAAgB;IAChB,oBAAoB,IAAI,IAAI;IAO5B,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAInB,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAKlB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAKnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAKrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAKrB;;OAEG;IAEH;;;;;;;;;;OAUG;IACH,MAAM,CAAC,2BAA2B,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,EAAE;IActE;;;;;;;;OAQG;IACH,eAAe,IAAI,MAAM,EAAE;IAI3B;;;;OAIG;IACH,SAAS,IAAI,gBAAgB;IAI7B;;;;;;;;;;;;OAYG;IACH,6BAA6B,IAAI,OAAO;IAcxC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,GAAE,aAAa,GAAG,OAAiB;IAsBzF;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,MAAM,EAAE,uBAAuB,EAAE,SAAS,GAAE,SAA6B;IAiDjF;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM;IAW/D;;OAEG;IAEH;;;;OAIG;IACH,mBAAmB,IAAI,IAAI;IAe3B;;;;;;;OAOG;IACH,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IAetD;;;;;;;OAOG;IACH,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,kBAAkB,GAAG,MAAM;IA0DtE;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAehC;;;;SAIK;IACL,OAAO,CAAC,kBAAkB;IAY1B;;;;;;;;OAQG;IACH,OAAO,CAAC,kCAAkC;IA4B1C;;;;;;;;;OASG;IACH,OAAO,CAAC,oBAAoB;CAS7B;AAMD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,uEAK1B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;2BAI3B,CAAC"}
+{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}

package/dist/esm/main/layout-main.js

@@ -1,5 +1,5 @@
-var _a;
-import { __decorate } from "tslib";
+var _FoundationLayout__boundDragListener, _a;
+import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from "tslib";
 import { GoldenLayout, LayoutConfig, ResolvedLayoutConfig, } from '@genesis-community/golden-layout';
 import { Session } from '@genesislcap/foundation-comms';
 import { layoutCacheDocument, UUID } from '@genesislcap/foundation-utils';
@@ -64,6 +64,8 @@ export class FoundationLayout extends FoundationElement {
          * Set to true when the user is currently dragging the panes inside of the layout
          */
         this.dragging = false;
+        /** @internal */
+        _FoundationLayout__boundDragListener.set(this, undefined);
         this.onDragStart = this.onDragStart.bind(this);
         this.onDragStop = this.onDragStop.bind(this);
         this.cacheAndSaveLayout = this.cacheAndSaveLayout.bind(this);
@@ -84,14 +86,12 @@ export class FoundationLayout extends FoundationElement {
         }
         this.shadowRoot.addEventListener('dragStart', this.onDragStart, true);
         this.shadowRoot.addEventListener('dragStop', this.onDragStop, true);
-        this.shadowRoot.addEventListener('itemDestroyed', this.onItemRemoved, true);
         this.shadowRoot.addEventListener('closeButtonPressed', this.onItemRemoved, true);
     }
     /** @internal */
     disconnectedCallback() {
         this.shadowRoot.removeEventListener('dragStart', this.onDragStart);
         this.shadowRoot.removeEventListener('dragStop', this.onDragStop);
-        this.shadowRoot.removeEventListener('itemDestroyed', this.onItemRemoved);
         this.shadowRoot.removeEventListener('closeButtonPressed', this.onItemRemoved);
     }
     /** @internal */
@@ -102,6 +102,7 @@ export class FoundationLayout extends FoundationElement {
     onDragStop() {
         this.dragging = false;
         this.cacheAndSaveLayout();
+        this.attatchResizeEvents();
     }
     /** @internal */
     onItemAdded() {
@@ -452,13 +453,28 @@ export class FoundationLayout extends FoundationElement {
     loadGLConfigAndSetup(config) {
         this.hasFirstLoaded = true;
         this.layout.loadLayout(Object.assign(Object.assign({}, config), glVisualConfig));
-        const onItemResized = this.onItemResized.bind(this);
-        this.shadowRoot
-            .querySelectorAll('div.lm_drag_handle')
-            .forEach((h) => h.addEventListener('click', () => onItemResized()));
+        this.attatchResizeEvents();
+    }
+    /**
+     * Handles adding the drag event listeners onto the golden layout drag handles
+     * @remarks
+     * If we only add the event listeners once then once the user drags items around the layout and creates
+     * new drag handles, they will not have the event listeners attached. This function will add the event listeners
+     * but also ensure that old listeners are cleaned up. To be able to clean up the event we need a reference
+     * rather than an anonymous function so we store the bound function in a private variable.
+     * @internal
+     */
+    attatchResizeEvents() {
+        if (__classPrivateFieldGet(this, _FoundationLayout__boundDragListener, "f") === undefined) {
+            __classPrivateFieldSet(this, _FoundationLayout__boundDragListener, () => this.onItemResized.bind(this)(), "f");
+        }
+        this.shadowRoot.querySelectorAll('div.lm_drag_handle').forEach((h) => {
+            h.removeEventListener('click', __classPrivateFieldGet(this, _FoundationLayout__boundDragListener, "f"));
+            h.addEventListener('click', __classPrivateFieldGet(this, _FoundationLayout__boundDragListener, "f"));
+        });
     }
 }
-_a = componentType;
+_FoundationLayout__boundDragListener = new WeakMap(), _a = componentType;
 __decorate([
     attr({ attribute: 'reload-buffer' })
 ], FoundationLayout.prototype, "reloadBuffer", void 0);

package/dist/foundation-layout.d.ts

@@ -33,6 +33,7 @@ export declare const DEFAULT_RELOAD_BUFFER = 500;
  * @tagname %%prefix%%-layout
  */
 export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
+    #private;
     private layout;
     /** @internal */
     layoutElement: HTMLElement;
@@ -246,6 +247,16 @@ export declare class FoundationLayout extends FoundationElement implements Layou
      * @internal
      */
     private loadGLConfigAndSetup;
+    /**
+     * Handles adding the drag event listeners onto the golden layout drag handles
+     * @remarks
+     * If we only add the event listeners once then once the user drags items around the layout and creates
+     * new drag handles, they will not have the event listeners attached. This function will add the event listeners
+     * but also ensure that old listeners are cleaned up. To be able to clean up the event we need a reference
+     * rather than an anonymous function so we store the bound function in a private variable.
+     * @internal
+     */
+    private attatchResizeEvents;
 }
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-layout",
   "description": "Genesis Foundation UI App Layout",
-  "version": "14.26.0",
+  "version": "14.26.2-alpha-4e419a3.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-layout.d.ts",
@@ -30,8 +30,8 @@
     "test:unit:watch": "watchlist src test -- npm run test:unit"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^14.26.0",
-    "@genesislcap/genx": "^14.26.0",
+    "@genesislcap/foundation-testing": "14.26.2-alpha-4e419a3.0",
+    "@genesislcap/genx": "14.26.2-alpha-4e419a3.0",
     "@playwright/test": "^1.18.1",
     "c8": "^7.11.0",
     "esm": "^3.2.25",
@@ -44,8 +44,8 @@
   },
   "dependencies": {
     "@genesis-community/golden-layout": "^2.9.3",
-    "@genesislcap/foundation-comms": "^14.26.0",
-    "@genesislcap/foundation-utils": "^14.26.0",
+    "@genesislcap/foundation-comms": "14.26.2-alpha-4e419a3.0",
+    "@genesislcap/foundation-utils": "14.26.2-alpha-4e419a3.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
     "@microsoft/fast-foundation": "^2.33.2",
@@ -60,5 +60,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5f25fc6e5f9068551f1ea703439f460c352b97d4"
+  "gitHead": "afa2fcb0f7401b895199d5319ded5b1462b2a2d3"
 }