@digipair/skill-web-spectrum 0.63.1 → 0.64.3

package/index.cjs.js

@@ -29585,8 +29585,20 @@ function isContainingBlock(elementOrCss) {
     var webkit = isWebKit();
     var css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
     // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-    return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || [
+    // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+    return [
+        "transform",
+        "translate",
+        "scale",
+        "rotate",
+        "perspective"
+    ].some(function(value) {
+        return css[value] ? css[value] !== "none" : false;
+    }) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || [
         "transform",
+        "translate",
+        "scale",
+        "rotate",
         "perspective",
         "filter"
     ].some(function(value) {
@@ -30383,6 +30395,9 @@ var platform = {
     isElement: isElement,
     isRTL: isRTL
 };
+function rectsAreEqual(a, b) {
+    return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
 // https://samthor.au/2021/observing-dom/
 function observeMove(element, onMove) {
     var io = null;
@@ -30402,7 +30417,8 @@ function observeMove(element, onMove) {
             threshold = 1;
         }
         cleanup();
-        var _element_getBoundingClientRect = element.getBoundingClientRect(), left = _element_getBoundingClientRect.left, top = _element_getBoundingClientRect.top, width = _element_getBoundingClientRect.width, height = _element_getBoundingClientRect.height;
+        var elementRectForRootMargin = element.getBoundingClientRect();
+        var left = elementRectForRootMargin.left, top = elementRectForRootMargin.top, width = elementRectForRootMargin.width, height = elementRectForRootMargin.height;
         if (!skip) {
             onMove();
         }
@@ -30435,6 +30451,16 @@ function observeMove(element, onMove) {
                     refresh(false, ratio);
                 }
             }
+            if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+                // It's possible that even though the ratio is reported as 1, the
+                // element is not actually fully within the IntersectionObserver's root
+                // area anymore. This can happen under performance constraints. This may
+                // be a bug in the browser's IntersectionObserver implementation. To
+                // work around this, we compare the element's bounding rect now with
+                // what it was at the time we created the IntersectionObserver. If they
+                // are not equal then the element moved, so we refresh.
+                refresh();
+            }
             isFirstUpdate = false;
         }
         // Older browsers don't support a `document` as the root and will throw an
@@ -30502,7 +30528,7 @@ function observeMove(element, onMove) {
     }
     function frameLoop() {
         var nextRefRect = getBoundingClientRect(reference);
-        if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+        if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
             update();
         }
         prevRefRect = nextRefRect;
@@ -39342,7 +39368,6 @@ function _unsupported_iterable_to_array$g(o, minLen) {
 var $488c6ddbf4ef74c2$var$formatterCache = new Map();
 var $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
 try {
-    // @ts-ignore
     $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
         signDisplay: "exceptZero"
     }).resolvedOptions().signDisplay === "exceptZero";
@@ -39350,7 +39375,6 @@ try {
 } catch (e) {}
 var $488c6ddbf4ef74c2$var$supportsUnit = false;
 try {
-    // @ts-ignore
     $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
         style: "unit",
         unit: "degree"
@@ -39398,14 +39422,12 @@ var $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = /*#__PURE__*/ function() {
             /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ key: "formatToParts",
             value: function formatToParts(value) {
                 // TODO: implement signDisplay for formatToParts
-                // @ts-ignore
                 return this.numberFormatter.formatToParts(value);
             }
         },
         {
             /** Formats a number range as a string. */ key: "formatRange",
             value: function formatRange(start, end) {
-                // @ts-ignore
                 if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
                 if (end < start) throw new RangeError("End date must be >= start date");
                 // Very basic fallback for old browsers.
@@ -39415,7 +39437,6 @@ var $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = /*#__PURE__*/ function() {
         {
             /** Formats a number range as an array of parts. */ key: "formatRangeToParts",
             value: function formatRangeToParts(start, end) {
-                // @ts-ignore
                 if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
                 if (end < start) throw new RangeError("End date must be >= start date");
                 var startParts = this.numberFormatter.formatToParts(start);
@@ -39611,7 +39632,9 @@ function _unsupported_iterable_to_array$f(o, minLen) {
 var $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
     "latn",
     "arab",
-    "hanidec"
+    "hanidec",
+    "deva",
+    "beng"
 ];
 var $6c7bd7858deea686$export$cd11ab140839f11d = /*#__PURE__*/ function() {
     function $6c7bd7858deea686$export$cd11ab140839f11d(locale) {
@@ -39824,8 +39847,12 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     var _allParts_find, _posAllParts_find, _decimalParts_find, _allParts_find1;
     // formatter needs access to all decimal places in order to generate the correct literal strings for the plural set
     var symbolFormatter = new Intl.NumberFormat(locale, _object_spread_props$2(_object_spread$3({}, intlOptions), {
+        // Resets so we get the full range of symbols
         minimumSignificantDigits: 1,
-        maximumSignificantDigits: 21
+        maximumSignificantDigits: 21,
+        roundingIncrement: 1,
+        roundingPriority: "auto",
+        roundingMode: "halfExpand"
     }));
     // Note: some locale's don't add a group symbol until there is a ten thousands place
     var allParts = symbolFormatter.formatToParts(-10000.111);
@@ -39842,7 +39869,6 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     })) === null || _posAllParts_find === void 0 ? void 0 : _posAllParts_find.value;
     // Safari does not support the signDisplay option, but our number parser polyfills it.
     // If no plus sign was returned, but the original options contained signDisplay, default to the '+' character.
-    // @ts-ignore
     if (!plusSign && ((originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "exceptZero" || (originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "always")) plusSign = "+";
     // If maximumSignificantDigits is 1 (the minimum) then we won't get decimal characters out of the above formatters
     // Percent also defaults to 0 fractionDigits, so we need to make a new one that isn't percent to get an accurate decimal
@@ -39899,7 +39925,6 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     };
 }
 function $6c7bd7858deea686$var$replaceAll(str, find, replace) {
-    // @ts-ignore
     if (str.replaceAll) return str.replaceAll(find, replace);
     return str.split(find).join(replace);
 }
@@ -51578,8 +51603,8 @@ var DefaultLayoutConstructor;
                     };
                     var scrollTop = top - hostElementBounds.top + hostElement.scrollTop;
                     var scrollLeft = left - hostElementBounds.left + hostElement.scrollLeft;
-                    var height = bottom - top;
-                    var width = right - left;
+                    var height = Math.max(0, bottom - top);
+                    var width = Math.max(0, right - left);
                     layout.viewportSize = {
                         width: width,
                         height: height

package/index.esm.js

@@ -29583,8 +29583,20 @@ function isContainingBlock(elementOrCss) {
     var webkit = isWebKit();
     var css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
     // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-    return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || [
+    // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+    return [
+        "transform",
+        "translate",
+        "scale",
+        "rotate",
+        "perspective"
+    ].some(function(value) {
+        return css[value] ? css[value] !== "none" : false;
+    }) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || [
         "transform",
+        "translate",
+        "scale",
+        "rotate",
         "perspective",
         "filter"
     ].some(function(value) {
@@ -30381,6 +30393,9 @@ var platform = {
     isElement: isElement,
     isRTL: isRTL
 };
+function rectsAreEqual(a, b) {
+    return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
 // https://samthor.au/2021/observing-dom/
 function observeMove(element, onMove) {
     var io = null;
@@ -30400,7 +30415,8 @@ function observeMove(element, onMove) {
             threshold = 1;
         }
         cleanup();
-        var _element_getBoundingClientRect = element.getBoundingClientRect(), left = _element_getBoundingClientRect.left, top = _element_getBoundingClientRect.top, width = _element_getBoundingClientRect.width, height = _element_getBoundingClientRect.height;
+        var elementRectForRootMargin = element.getBoundingClientRect();
+        var left = elementRectForRootMargin.left, top = elementRectForRootMargin.top, width = elementRectForRootMargin.width, height = elementRectForRootMargin.height;
         if (!skip) {
             onMove();
         }
@@ -30433,6 +30449,16 @@ function observeMove(element, onMove) {
                     refresh(false, ratio);
                 }
             }
+            if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+                // It's possible that even though the ratio is reported as 1, the
+                // element is not actually fully within the IntersectionObserver's root
+                // area anymore. This can happen under performance constraints. This may
+                // be a bug in the browser's IntersectionObserver implementation. To
+                // work around this, we compare the element's bounding rect now with
+                // what it was at the time we created the IntersectionObserver. If they
+                // are not equal then the element moved, so we refresh.
+                refresh();
+            }
             isFirstUpdate = false;
         }
         // Older browsers don't support a `document` as the root and will throw an
@@ -30500,7 +30526,7 @@ function observeMove(element, onMove) {
     }
     function frameLoop() {
         var nextRefRect = getBoundingClientRect(reference);
-        if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+        if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
             update();
         }
         prevRefRect = nextRefRect;
@@ -39340,7 +39366,6 @@ function _unsupported_iterable_to_array$g(o, minLen) {
 var $488c6ddbf4ef74c2$var$formatterCache = new Map();
 var $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
 try {
-    // @ts-ignore
     $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
         signDisplay: "exceptZero"
     }).resolvedOptions().signDisplay === "exceptZero";
@@ -39348,7 +39373,6 @@ try {
 } catch (e) {}
 var $488c6ddbf4ef74c2$var$supportsUnit = false;
 try {
-    // @ts-ignore
     $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat("de-DE", {
         style: "unit",
         unit: "degree"
@@ -39396,14 +39420,12 @@ var $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = /*#__PURE__*/ function() {
             /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ key: "formatToParts",
             value: function formatToParts(value) {
                 // TODO: implement signDisplay for formatToParts
-                // @ts-ignore
                 return this.numberFormatter.formatToParts(value);
             }
         },
         {
             /** Formats a number range as a string. */ key: "formatRange",
             value: function formatRange(start, end) {
-                // @ts-ignore
                 if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
                 if (end < start) throw new RangeError("End date must be >= start date");
                 // Very basic fallback for old browsers.
@@ -39413,7 +39435,6 @@ var $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 = /*#__PURE__*/ function() {
         {
             /** Formats a number range as an array of parts. */ key: "formatRangeToParts",
             value: function formatRangeToParts(start, end) {
-                // @ts-ignore
                 if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
                 if (end < start) throw new RangeError("End date must be >= start date");
                 var startParts = this.numberFormatter.formatToParts(start);
@@ -39609,7 +39630,9 @@ function _unsupported_iterable_to_array$f(o, minLen) {
 var $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
     "latn",
     "arab",
-    "hanidec"
+    "hanidec",
+    "deva",
+    "beng"
 ];
 var $6c7bd7858deea686$export$cd11ab140839f11d = /*#__PURE__*/ function() {
     function $6c7bd7858deea686$export$cd11ab140839f11d(locale) {
@@ -39822,8 +39845,12 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     var _allParts_find, _posAllParts_find, _decimalParts_find, _allParts_find1;
     // formatter needs access to all decimal places in order to generate the correct literal strings for the plural set
     var symbolFormatter = new Intl.NumberFormat(locale, _object_spread_props$2(_object_spread$3({}, intlOptions), {
+        // Resets so we get the full range of symbols
         minimumSignificantDigits: 1,
-        maximumSignificantDigits: 21
+        maximumSignificantDigits: 21,
+        roundingIncrement: 1,
+        roundingPriority: "auto",
+        roundingMode: "halfExpand"
     }));
     // Note: some locale's don't add a group symbol until there is a ten thousands place
     var allParts = symbolFormatter.formatToParts(-10000.111);
@@ -39840,7 +39867,6 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     })) === null || _posAllParts_find === void 0 ? void 0 : _posAllParts_find.value;
     // Safari does not support the signDisplay option, but our number parser polyfills it.
     // If no plus sign was returned, but the original options contained signDisplay, default to the '+' character.
-    // @ts-ignore
     if (!plusSign && ((originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "exceptZero" || (originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === "always")) plusSign = "+";
     // If maximumSignificantDigits is 1 (the minimum) then we won't get decimal characters out of the above formatters
     // Percent also defaults to 0 fractionDigits, so we need to make a new one that isn't percent to get an accurate decimal
@@ -39897,7 +39923,6 @@ function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, origin
     };
 }
 function $6c7bd7858deea686$var$replaceAll(str, find, replace) {
-    // @ts-ignore
     if (str.replaceAll) return str.replaceAll(find, replace);
     return str.split(find).join(replace);
 }
@@ -51576,8 +51601,8 @@ var DefaultLayoutConstructor;
                     };
                     var scrollTop = top - hostElementBounds.top + hostElement.scrollTop;
                     var scrollLeft = left - hostElementBounds.left + hostElement.scrollLeft;
-                    var height = bottom - top;
-                    var width = right - left;
+                    var height = Math.max(0, bottom - top);
+                    var width = Math.max(0, right - left);
                     layout.viewportSize = {
                         width: width,
                         height: height

package/package.json

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