npm - @digipair/skill-web-spectrum - Versions diffs - 0.21.2 → 0.21.7 - Mend

@digipair/skill-web-spectrum 0.21.2 → 0.21.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.cjs.js CHANGED Viewed

@@ -1158,7 +1158,7 @@ var t$z = globalThis, i$m = t$z.trustedTypes, s$h = i$m ? i$m.createPolicy("lit-
     createHTML: function(t) {
         return t;
     }
-}) : void 0, e$H = "$lit$", h$o = "lit$".concat((Math.random() + "").slice(9), "$"), o$R = "?" + h$o, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
+}) : void 0, e$H = "$lit$", h$o = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$R = "?" + h$o, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
     return r$D.createComment("");
 }, c$A = function(t) {
     return null === t || "object" != typeof t && "function" != typeof t;
@@ -1634,7 +1634,7 @@ var z$1 = {
     F: L$1
 }, Z = t$z.litHtmlPolyfillSupport;
 var _litHtmlVersions;
-Z === null || Z === void 0 ? void 0 : Z(V, M$2), ((_litHtmlVersions = (_t = t$z).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.2");
+Z === null || Z === void 0 ? void 0 : Z(V, M$2), ((_litHtmlVersions = (_t = t$z).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.4");
 var j = function(t, i, s) {
     var _s_renderBefore;
     var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
@@ -1822,7 +1822,7 @@ r$C === null || r$C === void 0 ? void 0 : r$C({
     LitElement: s$g
 });
 var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.4");
+((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.6");
 // Generated by genversion.
 var version = "0.43.0";
@@ -29056,7 +29056,7 @@ function _detectOverflow() {
         options: options,
         fn: function fn(state) {
             return _async_to_generator$q(function() {
-                var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, isBasePlacement, rtl, fallbackPlacements, _fallbackPlacements, placements, overflow, overflows, overflowsData, sides, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$map$so, placement1;
+                var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, initialSideAxis, isBasePlacement, rtl, fallbackPlacements, hasFallbackAxisSideDirection, _fallbackPlacements, placements, overflow, overflows, overflowsData, sides, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$filter2, placement1;
                 return _ts_generator$q(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -29080,6 +29080,7 @@ function _detectOverflow() {
                                 ];
                             }
                             side = getSide(placement);
+                            initialSideAxis = getSideAxis(initialPlacement);
                             isBasePlacement = getSide(initialPlacement) === initialPlacement;
                             return [
                                 4,
@@ -29090,7 +29091,8 @@ function _detectOverflow() {
                             fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [
                                 getOppositePlacement(initialPlacement)
                             ] : getExpandedPlacements(initialPlacement));
-                            if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+                            hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+                            if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
                                 (_fallbackPlacements = fallbackPlacements).push.apply(_fallbackPlacements, _to_consumable_array$k(getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl)));
                             }
                             placements = [
@@ -29150,7 +29152,15 @@ function _detectOverflow() {
                                     switch(fallbackStrategy){
                                         case "bestFit":
                                             {
-                                                placement1 = (_overflowsData$map$so = overflowsData.map(function(d) {
+                                                placement1 = (_overflowsData$filter2 = overflowsData.filter(function(d) {
+                                                    if (hasFallbackAxisSideDirection) {
+                                                        var currentSideAxis = getSideAxis(d.placement);
+                                                        return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                                                        // reading directions favoring greater width.
+                                                        currentSideAxis === "y";
+                                                    }
+                                                    return true;
+                                                }).map(function(d) {
                                                     return [
                                                         d.placement,
                                                         d.overflows.filter(function(overflow) {
@@ -29161,7 +29171,7 @@ function _detectOverflow() {
                                                     ];
                                                 }).sort(function(a, b) {
                                                     return a[1] - b[1];
-                                                })[0]) == null ? void 0 : _overflowsData$map$so[0];
+                                                })[0]) == null ? void 0 : _overflowsData$filter2[0];
                                                 if (placement1) {
                                                     resetPlacement = placement1;
                                                 }
@@ -29538,6 +29548,18 @@ function isTableElement(element) {
         "th"
     ].includes(getNodeName(element));
 }
+function isTopLayer(element) {
+    return [
+        ":popover-open",
+        ":modal"
+    ].some(function(selector) {
+        try {
+            return element.matches(selector);
+        } catch (e) {
+            return false;
+        }
+    });
+}
 function isContainingBlock(element) {
     var webkit = isWebKit();
     var css = getComputedStyle$1(element);
@@ -29560,6 +29582,9 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
     var currentNode = getParentNode(element);
     while(isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)){
+        if (isTopLayer(currentNode)) {
+            return null;
+        }
         if (isContainingBlock(currentNode)) {
             return currentNode;
         }
@@ -29589,8 +29614,8 @@ function getNodeScroll(element) {
         };
     }
     return {
-        scrollLeft: element.pageXOffset,
-        scrollTop: element.pageYOffset
+        scrollLeft: element.scrollX,
+        scrollTop: element.scrollY
     };
 }
 function getParentNode(node) {
@@ -29981,19 +30006,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
         y: y
     });
 }
-var topLayerSelectors = [
-    ":popover-open",
-    ":modal"
-];
-function isTopLayer(element) {
-    return topLayerSelectors.some(function(selector) {
-        try {
-            return element.matches(selector);
-        } catch (e) {
-            return false;
-        }
-    });
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     var elements = _ref.elements, rect = _ref.rect, offsetParent = _ref.offsetParent, strategy = _ref.strategy;
     var isFixed = strategy === "fixed";
@@ -50878,14 +50890,13 @@ function _ts_generator$7(thisArg, body) {
         };
     }
 }
-var _window;
 // Virtualizer depends on `ResizeObserver`, which is supported in
 // all modern browsers. For developers whose browser support
 // matrix includes older browsers, we include a compatible
 // polyfill in the package; this bit of module state facilitates
 // a simple mechanism (see ./polyfillLoaders/ResizeObserver.js.)
 // for loading the polyfill.
-var _ResizeObserver = (_window = window) === null || _window === void 0 ? void 0 : _window.ResizeObserver;
+var _ResizeObserver = typeof window !== "undefined" ? window.ResizeObserver : undefined;
 var virtualizerRef = Symbol("virtualizerRef");
 var SIZER_ATTRIBUTE = "virtualizer-sizer";
 var DefaultLayoutConstructor;

package/index.esm.js CHANGED Viewed

@@ -1156,7 +1156,7 @@ var t$z = globalThis, i$m = t$z.trustedTypes, s$h = i$m ? i$m.createPolicy("lit-
     createHTML: function(t) {
         return t;
     }
-}) : void 0, e$H = "$lit$", h$o = "lit$".concat((Math.random() + "").slice(9), "$"), o$R = "?" + h$o, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
+}) : void 0, e$H = "$lit$", h$o = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$R = "?" + h$o, n$s = "<".concat(o$R, ">"), r$D = document, l$f = function() {
     return r$D.createComment("");
 }, c$A = function(t) {
     return null === t || "object" != typeof t && "function" != typeof t;
@@ -1632,7 +1632,7 @@ var z$1 = {
     F: L$1
 }, Z = t$z.litHtmlPolyfillSupport;
 var _litHtmlVersions;
-Z === null || Z === void 0 ? void 0 : Z(V, M$2), ((_litHtmlVersions = (_t = t$z).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.2");
+Z === null || Z === void 0 ? void 0 : Z(V, M$2), ((_litHtmlVersions = (_t = t$z).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.1.4");
 var j = function(t, i, s) {
     var _s_renderBefore;
     var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
@@ -1820,7 +1820,7 @@ r$C === null || r$C === void 0 ? void 0 : r$C({
     LitElement: s$g
 });
 var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.4");
+((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.0.6");
 // Generated by genversion.
 var version = "0.43.0";
@@ -29054,7 +29054,7 @@ function _detectOverflow() {
         options: options,
         fn: function fn(state) {
             return _async_to_generator$q(function() {
-                var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, isBasePlacement, rtl, fallbackPlacements, _fallbackPlacements, placements, overflow, overflows, overflowsData, sides, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$map$so, placement1;
+                var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform, elements, _evaluate, tmp, checkMainAxis, tmp1, checkCrossAxis, specifiedFallbackPlacements, _evaluate_fallbackStrategy, fallbackStrategy, _evaluate_fallbackAxisSideDirection, fallbackAxisSideDirection, _evaluate_flipAlignment, flipAlignment, detectOverflowOptions, side, initialSideAxis, isBasePlacement, rtl, fallbackPlacements, hasFallbackAxisSideDirection, _fallbackPlacements, placements, overflow, overflows, overflowsData, sides, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$filter2, placement1;
                 return _ts_generator$q(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -29078,6 +29078,7 @@ function _detectOverflow() {
                                 ];
                             }
                             side = getSide(placement);
+                            initialSideAxis = getSideAxis(initialPlacement);
                             isBasePlacement = getSide(initialPlacement) === initialPlacement;
                             return [
                                 4,
@@ -29088,7 +29089,8 @@ function _detectOverflow() {
                             fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [
                                 getOppositePlacement(initialPlacement)
                             ] : getExpandedPlacements(initialPlacement));
-                            if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+                            hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+                            if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
                                 (_fallbackPlacements = fallbackPlacements).push.apply(_fallbackPlacements, _to_consumable_array$k(getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl)));
                             }
                             placements = [
@@ -29148,7 +29150,15 @@ function _detectOverflow() {
                                     switch(fallbackStrategy){
                                         case "bestFit":
                                             {
-                                                placement1 = (_overflowsData$map$so = overflowsData.map(function(d) {
+                                                placement1 = (_overflowsData$filter2 = overflowsData.filter(function(d) {
+                                                    if (hasFallbackAxisSideDirection) {
+                                                        var currentSideAxis = getSideAxis(d.placement);
+                                                        return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                                                        // reading directions favoring greater width.
+                                                        currentSideAxis === "y";
+                                                    }
+                                                    return true;
+                                                }).map(function(d) {
                                                     return [
                                                         d.placement,
                                                         d.overflows.filter(function(overflow) {
@@ -29159,7 +29169,7 @@ function _detectOverflow() {
                                                     ];
                                                 }).sort(function(a, b) {
                                                     return a[1] - b[1];
-                                                })[0]) == null ? void 0 : _overflowsData$map$so[0];
+                                                })[0]) == null ? void 0 : _overflowsData$filter2[0];
                                                 if (placement1) {
                                                     resetPlacement = placement1;
                                                 }
@@ -29536,6 +29546,18 @@ function isTableElement(element) {
         "th"
     ].includes(getNodeName(element));
 }
+function isTopLayer(element) {
+    return [
+        ":popover-open",
+        ":modal"
+    ].some(function(selector) {
+        try {
+            return element.matches(selector);
+        } catch (e) {
+            return false;
+        }
+    });
+}
 function isContainingBlock(element) {
     var webkit = isWebKit();
     var css = getComputedStyle$1(element);
@@ -29558,6 +29580,9 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
     var currentNode = getParentNode(element);
     while(isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)){
+        if (isTopLayer(currentNode)) {
+            return null;
+        }
         if (isContainingBlock(currentNode)) {
             return currentNode;
         }
@@ -29587,8 +29612,8 @@ function getNodeScroll(element) {
         };
     }
     return {
-        scrollLeft: element.pageXOffset,
-        scrollTop: element.pageYOffset
+        scrollLeft: element.scrollX,
+        scrollTop: element.scrollY
     };
 }
 function getParentNode(node) {
@@ -29979,19 +30004,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
         y: y
     });
 }
-var topLayerSelectors = [
-    ":popover-open",
-    ":modal"
-];
-function isTopLayer(element) {
-    return topLayerSelectors.some(function(selector) {
-        try {
-            return element.matches(selector);
-        } catch (e) {
-            return false;
-        }
-    });
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     var elements = _ref.elements, rect = _ref.rect, offsetParent = _ref.offsetParent, strategy = _ref.strategy;
     var isFixed = strategy === "fixed";
@@ -50876,14 +50888,13 @@ function _ts_generator$7(thisArg, body) {
         };
     }
 }
-var _window;
 // Virtualizer depends on `ResizeObserver`, which is supported in
 // all modern browsers. For developers whose browser support
 // matrix includes older browsers, we include a compatible
 // polyfill in the package; this bit of module state facilitates
 // a simple mechanism (see ./polyfillLoaders/ResizeObserver.js.)
 // for loading the polyfill.
-var _ResizeObserver = (_window = window) === null || _window === void 0 ? void 0 : _window.ResizeObserver;
+var _ResizeObserver = typeof window !== "undefined" ? window.ResizeObserver : undefined;
 var virtualizerRef = Symbol("virtualizerRef");
 var SIZER_ATTRIBUTE = "virtualizer-sizer";
 var DefaultLayoutConstructor;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@digipair/skill-web-spectrum",
-  "version": "0.21.2",
+  "version": "0.21.7",
   "dependencies": {},
   "main": "./index.cjs.js",
   "module": "./index.esm.js"