@ethlete/core 4.18.0 → 4.18.2

package/fesm2022/ethlete-core.mjs

@@ -2360,6 +2360,7 @@ const buildSignalEffects = (el, config) => {
                 });
             }
         }
+        console.log('buildSignalEffects updated elements');
     });
     const effects = {};
     const has = (tokens) => tokens in effects;
@@ -2375,6 +2376,7 @@ const buildSignalEffects = (el, config) => {
                         continue;
                     config.updateFn(el, tokenArray, signal());
                 }
+                console.log('buildSignalEffects updated bindings');
             });
         });
     };
@@ -2500,6 +2502,7 @@ const signalElementDimensions = (el) => {
                     ? { inlineSize: devicePixelContentBoxSize.inlineSize, blockSize: devicePixelContentBoxSize.blockSize }
                     : null,
             }));
+            console.log('signalElementDimensions changes');
         }
     });
     effect(() => {
@@ -2516,6 +2519,7 @@ const signalElementDimensions = (el) => {
             }
             observer.observe(els.currentElement);
         }
+        console.log('signalElementDimensions observe change');
     }, { allowSignalWrites: true });
     destroyRef.onDestroy(() => observer.disconnect());
     return elementDimensionsSignal.asReadonly();
@@ -2532,6 +2536,7 @@ const signalElementMutations = (el, options) => {
             return;
         const entry = e[0];
         if (entry) {
+            console.log('signalElementMutations changes:', entry.type);
             zone.run(() => elementMutationsSignal.set(entry));
         }
     });
@@ -2544,6 +2549,7 @@ const signalElementMutations = (el, options) => {
         if (els.currentElement) {
             observer.observe(els.currentElement, options);
         }
+        console.log('signalElementMutations observe change');
     }, { allowSignalWrites: true });
     destroyRef.onDestroy(() => observer.disconnect());
     return elementMutationsSignal.asReadonly();
@@ -2590,6 +2596,7 @@ const signalElementScrollState = (el, options) => {
         const { width, height } = dimensions.rect;
         const canScrollHorizontally = scrollWidth > width;
         const canScrollVertically = scrollHeight > height;
+        console.log('signalElementScrollState changes:', canScrollHorizontally, canScrollVertically);
         return {
             canScroll: canScrollHorizontally || canScrollVertically,
             canScrollHorizontally,
@@ -2637,6 +2644,7 @@ const signalElementIntersection = (el, options) => {
                 currentValues = [...currentValues, intersectionEntry];
             }
         }
+        console.log('signalElementIntersection updateIntersections', currentValues.length);
         zone.run(() => elementIntersectionSignal.set(currentValues));
     };
     const updateIntersectionObserver = (rendered, enabled, rootEl) => {
@@ -2714,11 +2722,13 @@ const signalElementIntersection = (el, options) => {
         const rendered = isRendered();
         const enabled = isEnabled();
         untracked(() => updateIntersectionObserver(rendered, enabled, rootEl));
+        console.log(`signalElementIntersection updateIntersectionObserver: ${rendered} ${enabled}`);
     }, { allowSignalWrites: true });
     effect(() => {
         const els = elements();
         const obs = observer();
         untracked(() => updateObservedElements(obs, els));
+        console.log(`signalElementIntersection updateObservedElements: ${els.currentElements.length}`);
     });
     destroyRef.onDestroy(() => observer()?.disconnect());
     return elementIntersectionSignal.asReadonly();
@@ -2744,6 +2754,7 @@ const signalElementChildren = (el) => {
                 children.push(element);
             }
         }
+        console.log(`signalElementChildren changes: ${children.length}`);
         return children;
     });
 };
@@ -2880,6 +2891,7 @@ const maybeSignalValue = (value) => {
 const CURSOR_DRAG_SCROLL_DEADZONE = 5;
 /** The class that is added to the element when the cursor is being dragged. */
 const CURSOR_DRAG_SCROLLING_CLASS$1 = 'et-cursor-drag-scroll--scrolling';
+const CURSOR_DRAG_INIT_CLASS = 'et-cursor-drag-scroll--init';
 /** A function to apply cursor drag scroll behavior to an element. */
 const useCursorDragScroll = (el, options) => {
     const elements = buildElementSignal(el);
@@ -2928,13 +2940,15 @@ const useCursorDragScroll = (el, options) => {
                 renderer.removeStyle(el, 'scrollSnapType');
                 renderer.removeStyle(el, 'scrollBehavior');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS$1);
+                renderer.removeClass(el, CURSOR_DRAG_INIT_CLASS);
                 renderer.removeStyle(document.documentElement, 'cursor');
                 return;
             }
             if (currIsInitDragging) {
-                renderer.addClass(el, CURSOR_DRAG_SCROLLING_CLASS$1);
+                renderer.addClass(el, CURSOR_DRAG_INIT_CLASS);
             }
             if (currIsDragging) {
+                renderer.addClass(el, CURSOR_DRAG_SCROLLING_CLASS$1);
                 renderer.setStyle(el, 'scrollSnapType', 'none');
                 renderer.setStyle(el, 'scrollBehavior', 'unset');
                 renderer.setStyle(el, 'cursor', 'grabbing');
@@ -2945,6 +2959,7 @@ const useCursorDragScroll = (el, options) => {
                 renderer.removeStyle(el, 'scrollSnapType');
                 renderer.removeStyle(el, 'scrollBehavior');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS$1);
+                renderer.removeClass(el, CURSOR_DRAG_INIT_CLASS);
                 renderer.removeStyle(document.documentElement, 'cursor');
             }
         });