@jsenv/dom 0.3.0 → 0.4.0

package/dist/jsenv_dom.js

@@ -1,4 +1,3 @@
-import StyleObserver from "style-observer";
 import { signal, effect } from "@preact/signals";
 import { useState, useLayoutEffect } from "preact/hooks";
 
@@ -1141,30 +1140,6 @@ const createElementFromSelector = (selector) => {
   return element;
 };
 
-const styleEffect = (element, callback, properties = []) => {
-  const check = () => {
-    const values = {};
-    const computedStyle = getComputedStyle(element);
-    for (const property of properties) {
-      values[property] = normalizeStyle(
-        computedStyle.getPropertyValue(property),
-        property,
-      );
-    }
-    callback(values);
-  };
-
-  check();
-  const observer = new StyleObserver(() => {
-    check();
-  });
-  observer.observe(element, properties);
-
-  return () => {
-    observer.unobserve();
-  };
-};
-
 const addAttributeEffect = (attributeName, effect) => {
   const cleanupWeakMap = new WeakMap();
   const applyEffect = (element) => {
@@ -11827,4 +11802,4 @@ const crossFade = {
   },
 };
 
-export { EASING, activeElementSignal, addActiveElementEffect, addAttributeEffect, addWillChange, allowWheelThrough, canInterceptKeys, captureScrollState, createDragGestureController, createDragToMoveGestureController, createHeightTransition, createIterableWeakSet, createOpacityTransition, createPubSub, createStyleController, createTimelineTransition, createTransition, createTranslateXTransition, createWidthTransition, cubicBezier, dragAfterThreshold, elementIsFocusable, elementIsVisible, findAfter, findAncestor, findBefore, findDescendant, findFocusable, getAvailableHeight, getAvailableWidth, getBorderSizes, getContrastRatio, getDefaultStyles, getDragCoordinates, getDropTargetInfo, getHeight, getInnerHeight, getInnerWidth, getMarginSizes, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getPaddingSizes, getPositionedParent, getPreferedColorScheme, getScrollContainer, getScrollContainerSet, getScrollRelativeRect, getSelfAndAncestorScrolls, getStyle, getWidth, initFlexDetailsSet, initFocusGroup, initPositionSticky, initUITransition, isScrollable, parseCSSColor, pickLightOrDark, pickPositionRelativeTo, prefersDarkColors, prefersLightColors, preventFocusNav, preventFocusNavViaKeyboard, resolveCSSColor, resolveCSSSize, setAttribute, setAttributes, setStyles, startDragToResizeGesture, stickyAsRelativeCoords, stringifyCSSColor, styleEffect, trapFocusInside, trapScrollInside, useActiveElement, useAvailableHeight, useAvailableWidth, useMaxHeight, useMaxWidth, useResizeStatus, visibleRectEffect };
+export { EASING, activeElementSignal, addActiveElementEffect, addAttributeEffect, addWillChange, allowWheelThrough, canInterceptKeys, captureScrollState, createDragGestureController, createDragToMoveGestureController, createHeightTransition, createIterableWeakSet, createOpacityTransition, createPubSub, createStyleController, createTimelineTransition, createTransition, createTranslateXTransition, createWidthTransition, cubicBezier, dragAfterThreshold, elementIsFocusable, elementIsVisible, findAfter, findAncestor, findBefore, findDescendant, findFocusable, getAvailableHeight, getAvailableWidth, getBorderSizes, getContrastRatio, getDefaultStyles, getDragCoordinates, getDropTargetInfo, getHeight, getInnerHeight, getInnerWidth, getMarginSizes, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getPaddingSizes, getPositionedParent, getPreferedColorScheme, getScrollContainer, getScrollContainerSet, getScrollRelativeRect, getSelfAndAncestorScrolls, getStyle, getWidth, initFlexDetailsSet, initFocusGroup, initPositionSticky, initUITransition, isScrollable, parseCSSColor, pickLightOrDark, pickPositionRelativeTo, prefersDarkColors, prefersLightColors, preventFocusNav, preventFocusNavViaKeyboard, resolveCSSColor, resolveCSSSize, setAttribute, setAttributes, setStyles, startDragToResizeGesture, stickyAsRelativeCoords, stringifyCSSColor, trapFocusInside, trapScrollInside, useActiveElement, useAvailableHeight, useAvailableWidth, useMaxHeight, useMaxWidth, useResizeStatus, visibleRectEffect };

package/index.js

@@ -6,7 +6,6 @@ export { createPubSub } from "./src/pub_sub.js";
 export { addWillChange, getStyle, setStyles } from "./src/style/dom_styles.js";
 export { createStyleController } from "./src/style/style_controller.js";
 export { getDefaultStyles } from "./src/style/style_default.js";
-export { styleEffect } from "./src/style/style_effect.js";
 
 // attributes
 export { addAttributeEffect } from "./src/attr/add_attribute_effect.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/dom",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "DOM utilities for writing frontend code",
   "repository": {
     "type": "git",
@@ -34,9 +34,7 @@
     "build": "node ./scripts/build.mjs",
     "prepublishOnly": "npm run build"
   },
-  "dependencies": {
-    "style-observer": "0.1.2"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@jsenv/core": "../../../",
     "@jsenv/navi": "../navi",

package/src/style/style_effect.js

@@ -1,27 +0,0 @@
-import StyleObserver from "style-observer";
-
-import { normalizeStyle } from "./style_parsing.js";
-
-export const styleEffect = (element, callback, properties = []) => {
-  const check = () => {
-    const values = {};
-    const computedStyle = getComputedStyle(element);
-    for (const property of properties) {
-      values[property] = normalizeStyle(
-        computedStyle.getPropertyValue(property),
-        property,
-      );
-    }
-    callback(values);
-  };
-
-  check();
-  const observer = new StyleObserver(() => {
-    check();
-  });
-  observer.observe(element, properties);
-
-  return () => {
-    observer.unobserve();
-  };
-};