@genesislcap/foundation-utils 14.3.0 → 14.4.0

package/dist/dts/mixins/lifecycle/lifecycle.d.ts

@@ -1,16 +1,25 @@
 import { Constructable, FASTElement } from '@microsoft/fast-element';
 export type ConstructableLifecycleHandler = Constructable<FASTElement & HTMLElement>;
-type Draggable = {
+type FoundationLayoutContainer = {
     dragging: boolean;
+    hasFirstLoaded: boolean;
+    _key: 'foundation-layout';
 };
+type LayoutCacheContainer = {
+    _key: 'foundation-layout-cache';
+};
+type DOMContainer = {
+    _key: 'dom';
+};
+type Container = FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
 export declare const LifecycleMixin: <T extends ConstructableLifecycleHandler>(Base: T) => {
     new (...args: any[]): {
-        "__#1@#_containingLayout": Draggable | null;
+        "__#1@#_container": Container;
         cloneNode(deep?: boolean): Node;
         deepClone(): Node;
         readonly shouldRunDisconnect: boolean;
         readonly shouldRunConnect: boolean;
-        "__#1@#_tryFindContainingLayout"(e: Element): Draggable | null;
+        "__#1@#_tryFindContainingLayout"(e: Element): Container;
         connectedCallback(): void;
         readonly $fastController: import("@microsoft/fast-element").Controller;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail">): boolean | void;
@@ -325,5 +334,6 @@ export declare const LifecycleMixin: <T extends ConstructableLifecycleHandler>(B
         focus(options?: FocusOptions): void;
     };
 } & T;
+export declare const layoutCacheDocument: unique symbol;
 export {};
 //# sourceMappingURL=lifecycle.d.ts.map

package/dist/dts/mixins/lifecycle/lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/mixins/lifecycle/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,MAAM,6BAA6B,GAAG,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;AAMrF,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAYF,eAAO,MAAM,cAAc;kBAKF,GAAG,EAAE;mCAFN,SAAS,GAAG,IAAI;yBAYV,OAAO,GAAG,IAAI;qBAiB3B,IAAI;;;4CAgCY,OAAO,GAAG,SAAS,GAAG,IAAI;6BAkBlC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAM1B,CAAC"}
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/mixins/lifecycle/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,MAAM,6BAA6B,GAAG,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC;AAMrF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,mBAAmB,CAAC;CAC3B,CAAC;AAMF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,yBAAyB,CAAC;CACjC,CAAC;AAKF,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,KAAK,SAAS,GAAG,yBAAyB,GAAG,oBAAoB,GAAG,YAAY,CAAC;AAYjF,eAAO,MAAM,cAAc;kBAKF,GAAG,EAAE;4BAFb,SAAS;yBAYI,OAAO,GAAG,IAAI;qBAiB3B,IAAI;;;4CAsCY,OAAO,GAAG,SAAS;6BA4B3B,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAM1B,CAAC;AAMJ,eAAO,MAAM,mBAAmB,eAAkC,CAAC"}

package/dist/esm/mixins/lifecycle/lifecycle.js

@@ -1,9 +1,9 @@
 import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
-export const LifecycleMixin = (Base) => { var _instances, __containingLayout, __tryFindContainingLayout, _a; return _a = class extends Base {
+export const LifecycleMixin = (Base) => { var _instances, __container, __tryFindContainingLayout, _a; return _a = class extends Base {
         constructor(...args) {
             super(args);
             _instances.add(this);
-            __containingLayout.set(this, null);
+            __container.set(this, { _key: 'dom' });
         }
         cloneNode(deep) {
             const thisClone = this.deepClone();
@@ -20,30 +20,40 @@ export const LifecycleMixin = (Base) => { var _instances, __containingLayout, __
             return copy;
         }
         get shouldRunDisconnect() {
-            if (__classPrivateFieldGet(this, __containingLayout, "f") === null)
+            if (__classPrivateFieldGet(this, __container, "f")._key === 'dom') {
                 return true;
-            return !__classPrivateFieldGet(this, __containingLayout, "f").dragging;
+            }
+            if (__classPrivateFieldGet(this, __container, "f")._key === 'foundation-layout-cache') {
+                return false;
+            }
+            return !(__classPrivateFieldGet(this, __container, "f").dragging || !__classPrivateFieldGet(this, __container, "f").hasFirstLoaded);
         }
         get shouldRunConnect() {
             return this.shouldRunDisconnect;
         }
         connectedCallback() {
             super.connectedCallback();
-            if (__classPrivateFieldGet(this, __containingLayout, "f") === null) {
-                __classPrivateFieldSet(this, __containingLayout, __classPrivateFieldGet(this, _instances, "m", __tryFindContainingLayout).call(this, this), "f");
+            if (__classPrivateFieldGet(this, __container, "f")._key !== 'foundation-layout') {
+                __classPrivateFieldSet(this, __container, __classPrivateFieldGet(this, _instances, "m", __tryFindContainingLayout).call(this, this), "f");
             }
         }
     },
-    __containingLayout = new WeakMap(),
+    __container = new WeakMap(),
     _instances = new WeakSet(),
     __tryFindContainingLayout = function __tryFindContainingLayout(e) {
-        if (e.getRootNode() instanceof Document || e.getRootNode() instanceof DocumentFragment) {
-            return null;
+        if (e.getRootNode()[layoutCacheDocument] === true) {
+            return { _key: 'foundation-layout-cache' };
+        }
+        if (e.getRootNode() instanceof Document) {
+            return { _key: 'dom' };
         }
         const shadowHost = e.getRootNode().host;
         if (shadowHost.constructor.name === 'FoundationLayout') {
-            return shadowHost;
+            const layoutHost = shadowHost;
+            layoutHost._key = 'foundation-layout';
+            return layoutHost;
         }
         return __classPrivateFieldGet(this, _instances, "m", __tryFindContainingLayout).call(this, shadowHost);
     },
     _a; };
+export const layoutCacheDocument = Symbol('layout-cache-document');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-utils",
   "description": "Genesis Foundation Utils",
-  "version": "14.3.0",
+  "version": "14.4.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -88,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "341eee9dfca9893a65c09af256a4f01358c6cb6d"
+  "gitHead": "faee66c559ee8763ae7bd4cc448b768d86391a41"
 }