assign-gingerly 0.0.57 → 0.0.58

package/handlers/lazyLoad.js

@@ -73,7 +73,7 @@ export class LazyLoadHandler {
                 }
                 else {
                     if (transitional) {
-                        ensureHideStyle(lhsTarget.getRootNode());
+                        ensureHideStyle(lhsTarget.getRootNode(), hideClass, hideCss);
                         withTransition(startMarker, 'show', true, () => {
                             this.cloneAndInsertSync(instantiate, startMarker, endMarker, lhsTarget, resolvedParams);
                         });
@@ -89,7 +89,7 @@ export class LazyLoadHandler {
                     [startMarker, endMarker] = createMarkers(lhsTarget, name, method);
                 }
                 if (transitional) {
-                    ensureHideStyle(lhsTarget.getRootNode());
+                    ensureHideStyle(lhsTarget.getRootNode(), hideClass, hideCss);
                     withTransition(startMarker, 'show', true, () => {
                         this.cloneAndInsertSync(instantiate, startMarker, endMarker, lhsTarget, resolvedParams);
                     });

package/handlers/lazyLoad.ts

@@ -102,7 +102,7 @@ export class LazyLoadHandler implements AssignFromHandler {
                 } else {
                     // Content was removed (forget mode) — re-clone
                     if (transitional) {
-                        ensureHideStyle(lhsTarget.getRootNode());
+                        ensureHideStyle(lhsTarget.getRootNode(), hideClass, hideCss);
                         withTransition(startMarker, 'show', true, () => {
                             this.cloneAndInsertSync(instantiate, startMarker!, endMarker!, lhsTarget, resolvedParams);
                         });
@@ -118,7 +118,7 @@ export class LazyLoadHandler implements AssignFromHandler {
                     [startMarker, endMarker] = createMarkers(lhsTarget, name, method);
                 }
                 if (transitional) {
-                    ensureHideStyle(lhsTarget.getRootNode());
+                    ensureHideStyle(lhsTarget.getRootNode(), hideClass, hideCss);
                     withTransition(startMarker, 'show', true, () => {
                         this.cloneAndInsertSync(instantiate, startMarker!, endMarker!, lhsTarget, resolvedParams);
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assign-gingerly",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "description": "This package provides a utility function for carefully merging one object into another.",
   "homepage": "https://github.com/bahrus/assign-gingerly#readme",
   "bugs": {

package/transitionHelper.js

@@ -77,9 +77,9 @@ export function withTransition(markerNode, direction, transitional, domMutation)
 }
 
 /**
- * Track which rootNodes already have the hide style injected.
+ * Track which (rootNode, className) combos already have styles injected.
  */
-const styleInjected = new WeakSet();
+const styleInjected = new WeakMap();
 
 /**
  * Default CSS class name for hidden elements during transitions.
@@ -87,7 +87,7 @@ const styleInjected = new WeakSet();
 export const DEFAULT_HIDE_CLASS = 'ag-hide';
 
 /**
- * Ensure the hide class style is injected into the rootNode (once per rootNode).
+ * Ensure the hide class style is injected into the rootNode (once per rootNode + className combo).
  *
  * @param {any} rootNode - The Document, ShadowRoot, or element root to inject into
  * @param {string} [hideClass='ag-hide'] - CSS class name
@@ -100,8 +100,14 @@ export function ensureHideStyle(rootNode, hideClass = DEFAULT_HIDE_CLASS, hideCs
         target = document.head;
     }
 
-    if (styleInjected.has(target)) return;
-    styleInjected.add(target);
+    let injectedClasses = styleInjected.get(target);
+    if (!injectedClasses) {
+        injectedClasses = new Set();
+        styleInjected.set(target, injectedClasses);
+    }
+
+    if (injectedClasses.has(hideClass)) return;
+    injectedClasses.add(hideClass);
 
     const style = document.createElement('style');
     style.textContent = `.${hideClass} { ${hideCss} }`;

package/transitionHelper.ts

@@ -91,9 +91,9 @@ export function withTransition(
 }
 
 /**
- * Track which rootNodes already have the hide style injected.
+ * Track which (rootNode, className) combos already have styles injected.
  */
-const styleInjected = new WeakSet<object>();
+const styleInjected = new WeakMap<object, Set<string>>();
 
 /**
  * Default CSS class name for hidden elements during transitions.
@@ -106,7 +106,7 @@ export const DEFAULT_HIDE_CLASS = 'ag-hide';
 const DEFAULT_HIDE_CSS = `display: none`;
 
 /**
- * Ensure the hide class style is injected into the rootNode (once per rootNode).
+ * Ensure the hide class style is injected into the rootNode (once per rootNode + className combo).
  * 
  * @param rootNode - The Document, ShadowRoot, or element root to inject into
  * @param hideClass - CSS class name (default: 'ag-hide')
@@ -123,8 +123,14 @@ export function ensureHideStyle(
         target = document.head;
     }
 
-    if (styleInjected.has(target)) return;
-    styleInjected.add(target);
+    let injectedClasses = styleInjected.get(target);
+    if (!injectedClasses) {
+        injectedClasses = new Set();
+        styleInjected.set(target, injectedClasses);
+    }
+
+    if (injectedClasses.has(hideClass)) return;
+    injectedClasses.add(hideClass);
 
     const style = document.createElement('style');
     style.textContent = `.${hideClass} { ${hideCss} }`;