@ethlete/core 5.0.0-next.0 → 5.0.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @ethlete/core
 
+## 5.0.0-next.1
+
+### Patch Changes
+
+- [#2920](https://github.com/ethlete-io/ethdk/pull/2920) [`377bd7a`](https://github.com/ethlete-io/ethdk/commit/377bd7a00b89aef516d312c909e236fcc1ed5077) Thanks [@github-actions](https://github.com/apps/github-actions)! - Change renderer.removeStyle function signature to support style flags
+
+- Updated dependencies [[`d99c3f0`](https://github.com/ethlete-io/ethdk/commit/d99c3f0fc3d6b3b0e7105d21d1f7119cde68b561)]:
+  - @ethlete/types@2.0.0-next.0
+
 ## 5.0.0-next.0
 
 ### Major Changes

package/fesm2022/ethlete-core.mjs

@@ -1674,7 +1674,7 @@ const useCursorDragScroll = (el, options) => {
             if (!el)
                 return;
             if (!currCanScroll || !isEnabled) {
-                renderer.removeStyle(el, 'cursor', 'scrollSnapType', 'scrollBehavior');
+                renderer.removeStyles(el, 'cursor', 'scrollSnapType', 'scrollBehavior');
                 renderer.removeStyle(document.documentElement, 'cursor');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_INIT_CLASS);
                 return;
@@ -1697,7 +1697,7 @@ const useCursorDragScroll = (el, options) => {
                 renderer.setStyle(el, {
                     cursor: 'grab',
                 });
-                renderer.removeStyle(el, 'scrollSnapType', 'scrollBehavior');
+                renderer.removeStyles(el, 'scrollSnapType', 'scrollBehavior');
                 renderer.removeClass(el, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_INIT_CLASS);
                 renderer.removeStyle(document.documentElement, 'cursor');
             }
@@ -2458,6 +2458,8 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
     };
     const setStyle = (element, style, flags) => {
         Object.entries(style).forEach(([key, value]) => {
+            if (!Number.isNaN(Number(key)))
+                return;
             if (value !== null && value !== undefined) {
                 renderer.setStyle(element, key, value, flags);
             }
@@ -2466,8 +2468,13 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
             }
         });
     };
-    const removeStyle = (element, ...styles) => {
-        styles.forEach((style) => renderer.removeStyle(element, style));
+    const removeStyle = (element, style, flags) => {
+        if (!Number.isNaN(Number(style)))
+            return;
+        renderer.removeStyle(element, style, flags);
+    };
+    const removeStyles = (element, ...styles) => {
+        styles.forEach((style) => removeStyle(element, style));
     };
     const setCssProperty = (element, name, value) => {
         if (value !== null && value !== undefined) {
@@ -2570,6 +2577,7 @@ const [provideRenderer, injectRenderer] = createRootProvider(() => {
         toggleClass,
         setStyle,
         removeStyle,
+        removeStyles,
         setAttribute,
         removeAttribute,
         setProperty,