@jsenv/dom 0.8.7 → 0.8.8

package/dist/jsenv_dom.js

@@ -7078,12 +7078,12 @@ const createConstraintFeedbackLine = () => {
 import.meta.css = /* css */ `
   .navi_constraint_feedback_line {
     position: fixed;
-    pointer-events: none;
     z-index: 9998;
+    border-top: 2px dotted rgba(59, 130, 246, 0.7);
     visibility: hidden;
-    transition: opacity 0.15s ease;
     transform-origin: left center;
-    border-top: 2px dotted rgba(59, 130, 246, 0.7);
+    transition: opacity 0.15s ease;
+    pointer-events: none;
   }
 
   .navi_constraint_feedback_line[data-visible] {
@@ -7524,11 +7524,11 @@ import.meta.css = /* css */ `
     position: fixed;
     top: 0;
     left: 0;
+    z-index: 999998;
     width: 100vw;
     height: 100vh;
-    overflow: hidden;
     pointer-events: none;
-    z-index: 999998;
+    overflow: hidden;
     --marker-size: ${MARKER_SIZE}px;
   }
 
@@ -7593,33 +7593,33 @@ import.meta.css = /* css */ `
 
   .navi_debug_marker_label {
     position: absolute;
-    font-size: 12px;
+    padding: 2px 6px;
+    color: rgb(from var(--marker-color) r g b / 1);
     font-weight: bold;
+    font-size: 12px;
+    white-space: nowrap;
     background: rgba(255, 255, 255, 0.9);
-    padding: 2px 6px;
-    border-radius: 3px;
     border: 1px solid;
-    white-space: nowrap;
-    pointer-events: none;
-    color: rgb(from var(--marker-color) r g b / 1);
     border-color: rgb(from var(--marker-color) r g b / 1);
+    border-radius: 3px;
+    pointer-events: none;
   }
 
   /* Label positioning based on side data attributes */
 
   /* Left side markers - vertical with 90° rotation */
   .navi_debug_marker[data-left] .navi_debug_marker_label {
-    left: 10px;
     top: 20px;
+    left: 10px;
     transform: rotate(90deg);
     transform-origin: left center;
   }
 
   /* Right side markers - vertical with -90° rotation */
   .navi_debug_marker[data-right] .navi_debug_marker_label {
+    top: 20px;
     right: 10px;
     left: auto;
-    top: 20px;
     transform: rotate(-90deg);
     transform-origin: right center;
   }
@@ -7632,16 +7632,16 @@ import.meta.css = /* css */ `
 
   /* Bottom side markers - horizontal, label on the line */
   .navi_debug_marker[data-bottom] .navi_debug_marker_label {
-    bottom: 0px;
     top: auto;
+    bottom: 0px;
     left: 20px;
   }
 
   .navi_obstacle_marker {
     position: absolute;
+    z-index: 9999;
     background-color: orange;
     opacity: 0.6;
-    z-index: 9999;
     pointer-events: none;
   }
 
@@ -7649,20 +7649,20 @@ import.meta.css = /* css */ `
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
-    font-size: 12px;
-    font-weight: bold;
     color: white;
+    font-weight: bold;
+    font-size: 12px;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
+    transform: translate(-50%, -50%);
     pointer-events: none;
   }
 
   .navi_element_marker {
     position: absolute;
+    z-index: 9997;
     background-color: var(--element-color-alpha, rgba(255, 0, 150, 0.3));
     border: 2px solid var(--element-color, rgb(255, 0, 150));
     opacity: 0.9;
-    z-index: 9997;
     pointer-events: none;
   }
 
@@ -7670,23 +7670,23 @@ import.meta.css = /* css */ `
     position: absolute;
     top: -25px;
     right: 0;
-    font-size: 11px;
-    font-weight: bold;
+    padding: 2px 6px;
     color: var(--element-color, rgb(255, 0, 150));
+    font-weight: bold;
+    font-size: 11px;
+    white-space: nowrap;
     background: rgba(255, 255, 255, 0.9);
-    padding: 2px 6px;
-    border-radius: 3px;
     border: 1px solid var(--element-color, rgb(255, 0, 150));
-    white-space: nowrap;
+    border-radius: 3px;
     pointer-events: none;
   }
 
   .navi_reference_element_marker {
     position: absolute;
+    z-index: 9998;
     background-color: rgba(0, 150, 255, 0.3);
     border: 2px dashed rgba(0, 150, 255, 0.7);
     opacity: 0.8;
-    z-index: 9998;
     pointer-events: none;
   }
 
@@ -7694,14 +7694,14 @@ import.meta.css = /* css */ `
     position: absolute;
     top: -25px;
     left: 0;
-    font-size: 11px;
-    font-weight: bold;
+    padding: 2px 6px;
     color: rgba(0, 150, 255, 1);
+    font-weight: bold;
+    font-size: 11px;
+    white-space: nowrap;
     background: rgba(255, 255, 255, 0.9);
-    padding: 2px 6px;
-    border-radius: 3px;
     border: 1px solid rgba(0, 150, 255, 0.7);
-    white-space: nowrap;
+    border-radius: 3px;
     pointer-events: none;
   }
 `;
@@ -8359,7 +8359,7 @@ const createDragToMoveGestureController = ({
     { element, referenceElement, elementToMove, convertScrollablePosition },
   ) => {
     const direction = dragGesture.gestureInfo.direction;
-    dragGesture.gestureInfo.name;
+    // const dragGestureName = dragGesture.gestureInfo.name;
     const scrollContainer = dragGesture.gestureInfo.scrollContainer;
     const elementImpacted = elementToMove || element;
     const translateXAtGrab = dragStyleController.getUnderlyingValue(
@@ -8416,7 +8416,9 @@ const createDragToMoveGestureController = ({
             autoScrollArea,
             {
               scrollContainer,
-              direction},
+              direction,
+              // dragGestureName,
+            },
           );
         }
         if (autoScrollAreaPadding > 0) {
@@ -8869,10 +8871,10 @@ const getWidth = (element) => {
 installImportMetaCss(import.meta);
 import.meta.css = /* css */ `
   [data-position-sticky-placeholder] {
-    opacity: 0 !important;
     position: static !important;
     width: auto !important;
     height: auto !important;
+    opacity: 0 !important;
   }
 `;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/dom",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "description": "DOM utilities for writing frontend code",
   "repository": {
     "type": "git",
@@ -18,8 +18,13 @@
   "type": "module",
   "exports": {
     ".": {
-      "dev:jsenv": "./index.js",
-      "default": "./dist/jsenv_dom.js"
+      "node": {
+        "default": "./index_node.js"
+      },
+      "browser": {
+        "dev:jsenv": "./index.js",
+        "default": "./dist/jsenv_dom.js"
+      }
     },
     "./details_content_full_height": "./src/size/details_content_full_height.js",
     "./details_toggle_animation": "./src/details_toggle_animation.js",
@@ -37,7 +42,7 @@
     "@jsenv/core": "../../../",
     "@jsenv/navi": "../navi",
     "@jsenv/snapshot": "../../tooling/snapshot",
-    "@preact/signals": "2.5.0",
+    "@preact/signals": "2.5.1",
     "preact": "11.0.0-beta.0"
   },
   "publishConfig": {