genesys-spark-components 3.26.1 → 3.26.4

package/dist/esm/gux-tag-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-74e605ae.js';
 import { b as buildI18nForComponent } from './index-b8a25b60.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 import './get-closest-element-1597503c.js';
 
 const tag = "tag with label: {label}";

package/dist/esm/gux-text-highlight.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-74e605ae.js';
 import { m as matchesFuzzy, g as getFuzzyReplacements } from './search-2ca67cb1.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 
 const GuxTextHighlight = class {
   constructor(hostRef) {

package/dist/esm/gux-text-label-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-74e605ae.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

package/dist/esm/gux-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-74e605ae.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 import { D as DateTimeFormatter } from './DateTimeFormatter-2785da9d.js';
 import { g as getDesiredLocale } from './index-b8a25b60.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-time-picker-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-74e605ae.js';
 import { O as OnClickOutside } from './on-click-outside-36dcc9e4.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 import { b as buildI18nForComponent } from './index-b8a25b60.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-toggle.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-74e605ae.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { b as buildI18nForComponent } from './index-b8a25b60.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-tooltip.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-74e605ae.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
-import { c as createPopper } from './popper-93ecb064.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
+import { c as createPopper } from './popper-f860750c.js';
 
-const guxTooltipCss = ":host{z-index:var(--gux-zindex-tooltip, 1);box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}";
+const guxTooltipCss = ":host{z-index:var(--gux-zindex-tooltip, 1);visibility:hidden !important;opacity:0}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;max-width:250px;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 
 const GuxTooltip = class {
   constructor(hostRef) {
@@ -99,7 +99,7 @@ const GuxTooltip = class {
     this.forElement.removeEventListener('focusout', this.focusoutHandler);
   }
   render() {
-    return (h(Host, { id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("slot", null)));
+    return (h(Host, { id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { class: "gux-container" }, h("slot", null))));
   }
   get root() { return getElement(this); }
 };

package/dist/esm/gux-visualization-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-74e605ae.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
 import { g as getDesiredLocale } from './index-b8a25b60.js';
-import { t as trackComponent } from './usage-tracking-3b64ff0c.js';
+import { t as trackComponent } from './usage-tracking-58112960.js';
 import './get-closest-element-1597503c.js';
 
 /*!
@@ -46358,7 +46358,8 @@ const scripts$1 = {
 	"watch:site": "yarn build:site -w",
 	"watch:test": "yarn jest --watch test/",
 	"watch:test:runtime": "NODE_OPTIONS=--experimental-vm-modules TZ=America/Los_Angeles npx jest --watch test-runtime/ --config test-runtime/jest-config.json",
-	release: "yarn run prebuild && yarn build && auto shipit"
+	release: "yarn run prebuild && yarn build && yarn shipit",
+	shipit: "auto shipit"
 };
 const repository$1 = {
 	type: "git",
@@ -46393,7 +46394,7 @@ const devDependencies$1 = {
 	cheerio: "^1.0.0-rc.10",
 	"conventional-changelog-cli": "^2.2.2",
 	d3: "^7.4.4",
-	"del-cli": "^4.0.1",
+	"del-cli": "^5.0.0",
 	eslint: "^8.11.0",
 	"eslint-config-prettier": "^8.5.0",
 	"eslint-plugin-jest": "^26.1.1",
@@ -49603,35 +49604,48 @@ function formatSignalRef({ fieldOrDatumDef, format, formatType, expr, normalizeS
     }
     const field = fieldToFormat(fieldOrDatumDef, expr, normalizeStack);
     const type = channelDefType(fieldOrDatumDef);
-    if (normalizeStack &&
-        type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.normalizedNumberFormatType) {
-        return formatCustomType({
-            fieldOrDatumDef,
-            format: config.normalizedNumberFormat,
-            formatType: config.normalizedNumberFormatType,
-            expr,
-            config
-        });
-    }
-    if (type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.numberFormatType) {
-        return formatCustomType({
-            fieldOrDatumDef,
-            format: config.numberFormat,
-            formatType: config.numberFormatType,
-            expr,
-            config
-        });
+    if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (type === 'quantitative') {
+            if (normalizeStack && config.normalizedNumberFormatType)
+                return formatCustomType({
+                    fieldOrDatumDef,
+                    format: config.normalizedNumberFormat,
+                    formatType: config.normalizedNumberFormatType,
+                    expr,
+                    config
+                });
+            if (config.numberFormatType) {
+                return formatCustomType({
+                    fieldOrDatumDef,
+                    format: config.numberFormat,
+                    formatType: config.numberFormatType,
+                    expr,
+                    config
+                });
+            }
+        }
+        if (type === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.timeUnit === undefined) {
+            return formatCustomType({
+                fieldOrDatumDef,
+                format: config.timeFormat,
+                formatType: config.timeFormatType,
+                expr,
+                config
+            });
+        }
     }
     if (isFieldOrDatumDefForTimeFormat(fieldOrDatumDef)) {
-        const signal = timeFormatExpression(field, isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined, format, config.timeFormat, isScaleFieldDef(fieldOrDatumDef) && ((_b = fieldOrDatumDef.scale) === null || _b === void 0 ? void 0 : _b.type) === ScaleType.UTC);
+        const signal = timeFormatExpression({
+            field,
+            timeUnit: isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined,
+            format,
+            formatType: config.timeFormatType,
+            rawTimeFormat: config.timeFormat,
+            isUTCScale: isScaleFieldDef(fieldOrDatumDef) && ((_b = fieldOrDatumDef.scale) === null || _b === void 0 ? void 0 : _b.type) === ScaleType.UTC
+        });
         return signal ? { signal } : undefined;
     }
     format = numberFormat({ type, specifiedFormat: format, config, normalizeStack });
@@ -49684,17 +49698,16 @@ function guideFormat(fieldOrDatumDef, type, format, formatType, config, omitTime
     if (isCustomFormatType(formatType)) {
         return undefined; // handled in encode block
     }
-    else if (format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        channelDefType(fieldOrDatumDef) === 'quantitative') {
-        if (config.normalizedNumberFormatType &&
-            isPositionFieldOrDatumDef(fieldOrDatumDef) &&
-            fieldOrDatumDef.stack === 'normalize') {
-            return undefined; // handled in encode block
-        }
-        if (config.numberFormatType) {
-            return undefined; // handled in encode block
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (channelDefType(fieldOrDatumDef) === 'quantitative') {
+            if (config.normalizedNumberFormatType &&
+                isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+                fieldOrDatumDef.stack === 'normalize') {
+                return undefined; // handled in encode block
+            }
+            if (config.numberFormatType) {
+                return undefined; // handled in encode block
+            }
         }
     }
     if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
@@ -49708,7 +49721,10 @@ function guideFormat(fieldOrDatumDef, type, format, formatType, config, omitTime
     }
     if (isFieldOrDatumDefForTimeFormat(fieldOrDatumDef)) {
         const timeUnit = isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined;
-        return timeFormat(format, timeUnit, config, omitTimeFormatConfig);
+        if (timeUnit === undefined && config.customFormatTypes && config.timeFormatType) {
+            return undefined; // hanlded in encode block
+        }
+        return timeFormat({ specifiedFormat: format, timeUnit, config, omitTimeFormatConfig });
     }
     return numberFormat({ type, specifiedFormat: format, config });
 }
@@ -49739,7 +49755,7 @@ function numberFormat({ type, specifiedFormat, config, normalizeStack }) {
 /**
  * Returns time format for a fieldDef for use in guides.
  */
-function timeFormat(specifiedFormat, timeUnit, config, omitTimeFormatConfig) {
+function timeFormat({ specifiedFormat, timeUnit, config, omitTimeFormatConfig }) {
     if (specifiedFormat) {
         return specifiedFormat;
     }
@@ -49771,10 +49787,12 @@ function binFormatExpression(startField, endField, format, formatType, config) {
 /**
  * Returns the time expression used for axis/legend labels or text mark for a temporal field
  */
-function timeFormatExpression(field, timeUnit, format, rawTimeFormat, // should be provided only for actual text and headers, not axis/legend labels
-isUTCScale) {
+function timeFormatExpression({ field, timeUnit, format, formatType, rawTimeFormat, isUTCScale }) {
     if (!timeUnit || format) {
         // If there is no time unit, or if user explicitly specifies format for axis/legend/text.
+        if (!timeUnit && formatType) {
+            return `${formatType}(${field}, '${format}')`;
+        }
         format = isString(format) ? format : rawTimeFormat; // only use provided timeFormat if there is no timeUnit.
         return `${isUTCScale ? 'utc' : 'time'}Format(${field}, '${format}')`;
     }
@@ -55553,7 +55571,12 @@ function defaultSizeRef(sizeChannel, scaleName, scale, config, bandSize) {
         if (scale) {
             const scaleType = scale.get('type');
             if (scaleType === 'band') {
-                return { scale: scaleName, band: bandSize.band };
+                let bandWidth = `bandwidth('${scaleName}')`;
+                if (bandSize.band !== 1) {
+                    bandWidth = `${bandSize.band} * ${bandWidth}`;
+                }
+                // TODO(#8351): make 0.25 here configurable
+                return { signal: `max(0.25, ${bandWidth})` };
             }
             else if (bandSize.band !== 1) {
                 warn(cannotUseRelativeBandSizeWithNonBandScale(scaleType));
@@ -55610,6 +55633,7 @@ function positionAndSize(fieldDef, channel, model) {
             warn(cannotApplySizeToNonOrientedMark(markDef.type));
         }
     }
+    const hasSizeFromMarkOrEncoding = !!sizeMixins;
     // Otherwise, apply default value
     const bandSize = getBandSize({ channel, fieldDef, markDef, config, scaleType: scale === null || scale === void 0 ? void 0 : scale.get('type'), useVlSizeChannel });
     sizeMixins = sizeMixins || {
@@ -55623,7 +55647,7 @@ function positionAndSize(fieldDef, channel, model) {
       By default band is 1, so `(1 - band) / 2` = 0.
       If band is 0.6, the the x/y position in such case should be `(1 - band) / 2` = 0.2
      */
-    const defaultBandAlign = (scale === null || scale === void 0 ? void 0 : scale.get('type')) !== 'band' || !('band' in sizeMixins[vgSizeChannel]) ? 'middle' : 'top';
+    const defaultBandAlign = (scale === null || scale === void 0 ? void 0 : scale.get('type')) === 'band' && isRelativeBandSize(bandSize) && !hasSizeFromMarkOrEncoding ? 'top' : 'middle';
     const vgChannel = vgAlignedPositionChannel(channel, markDef, config, defaultBandAlign);
     const center = vgChannel === 'xc' || vgChannel === 'yc';
     const { offset, offsetType } = positionOffset({ channel, markDef, encoding, model, bandPosition: center ? 0.5 : 0 });
@@ -57524,18 +57548,28 @@ function labels$1(specifiedlabelsSpec, { fieldOrDatumDef, model, channel, legend
             config
         });
     }
-    else if (fieldOrDatumDef.type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.numberFormatType) {
-        text = formatCustomType({
-            fieldOrDatumDef,
-            field: 'datum.value',
-            format: config.numberFormat,
-            formatType: config.numberFormatType,
-            config
-        });
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (fieldOrDatumDef.type === 'quantitative' && config.numberFormatType) {
+            text = formatCustomType({
+                fieldOrDatumDef,
+                field: 'datum.value',
+                format: config.numberFormat,
+                formatType: config.numberFormatType,
+                config
+            });
+        }
+        else if (fieldOrDatumDef.type === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.timeUnit === undefined) {
+            text = formatCustomType({
+                fieldOrDatumDef,
+                field: 'datum.value',
+                format: config.timeFormat,
+                formatType: config.timeFormatType,
+                config
+            });
+        }
     }
     const labelsSpec = Object.assign(Object.assign(Object.assign({}, (opacity ? { opacity } : {})), (text ? { text } : {})), specifiedlabelsSpec);
     return isEmpty(labelsSpec) ? undefined : labelsSpec;
@@ -63904,27 +63938,38 @@ function labels(model, channel, specifiedLabelsSpec) {
                 config
             }) }, specifiedLabelsSpec);
     }
-    else if (format === undefined &&
-        formatType === undefined &&
-        channelDefType(fieldOrDatumDef) === 'quantitative' &&
-        config.customFormatTypes) {
-        if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
-            fieldOrDatumDef.stack === 'normalize' &&
-            config.normalizedNumberFormatType) {
-            return Object.assign({ text: formatCustomType({
-                    fieldOrDatumDef,
-                    field: 'datum.value',
-                    format: config.normalizedNumberFormat,
-                    formatType: config.normalizedNumberFormatType,
-                    config
-                }) }, specifiedLabelsSpec);
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (channelDefType(fieldOrDatumDef) === 'quantitative') {
+            if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+                fieldOrDatumDef.stack === 'normalize' &&
+                config.normalizedNumberFormatType) {
+                return Object.assign({ text: formatCustomType({
+                        fieldOrDatumDef,
+                        field: 'datum.value',
+                        format: config.normalizedNumberFormat,
+                        formatType: config.normalizedNumberFormatType,
+                        config
+                    }) }, specifiedLabelsSpec);
+            }
+            else if (config.numberFormatType) {
+                return Object.assign({ text: formatCustomType({
+                        fieldOrDatumDef,
+                        field: 'datum.value',
+                        format: config.numberFormat,
+                        formatType: config.numberFormatType,
+                        config
+                    }) }, specifiedLabelsSpec);
+            }
         }
-        else if (config.numberFormatType) {
+        if (channelDefType(fieldOrDatumDef) === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            !fieldOrDatumDef.timeUnit) {
             return Object.assign({ text: formatCustomType({
                     fieldOrDatumDef,
                     field: 'datum.value',
-                    format: config.numberFormat,
-                    formatType: config.numberFormatType,
+                    format: config.timeFormat,
+                    formatType: config.timeFormatType,
                     config
                 }) }, specifiedLabelsSpec);
         }

package/dist/esm/loader.js

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-74e605ae.js';
 
 /*
- Stencil Client Patch Esm v2.17.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

package/dist/esm/{popper-93ecb064.js → popper-f860750c.js}

@@ -158,38 +158,57 @@ var max = Math.max;
 var min = Math.min;
 var round = Math.round;
 
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+
+  return navigator.userAgent;
+}
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
 
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
 
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-    // Fallback to 1 in case both values are `0`
-
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
 
+  var _ref = isElement(element) ? getWindow(element) : window,
+      visualViewport = _ref.visualViewport;
+
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
   };
 }
 
@@ -284,8 +303,8 @@ function getTrueOffsetParent(element) {
 
 
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
 
   if (isIE && isHTMLElement(element)) {
     // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
@@ -706,31 +725,21 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
 
-function getViewportRect(element) {
+function getViewportRect(element, strategy) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
   var x = 0;
-  var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
-  // can be obscured underneath it.
-  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
-  // if it isn't open, so if this isn't available, the popper will be detected
-  // to overflow the bottom of the screen too early.
+  var y = 0;
 
   if (visualViewport) {
     width = visualViewport.width;
-    height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
-    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
-    // errors due to floating point numbers, so we need to check precision.
-    // Safari returns a number <= 0, usually < -1 when pinch-zoomed
-    // Feature detection fails in mobile emulation mode in Chrome.
-    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
-    // 0.001
-    // Fallback here: "Not Safari" userAgent
-
-    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+    height = visualViewport.height;
+    var layoutViewport = isLayoutViewport();
+
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -824,8 +833,8 @@ function rectToClientRect(rect) {
   });
 }
 
-function getInnerBoundingClientRect(element) {
-  var rect = getBoundingClientRect(element);
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -837,8 +846,8 @@ function getInnerBoundingClientRect(element) {
   return rect;
 }
 
-function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -861,18 +870,18 @@ function getClippingParents(element) {
 // clipping parents
 
 
-function getClippingRect(element, boundary, rootBoundary) {
+function getClippingRect(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent);
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
     accRect.top = max(rect.top, accRect.top);
     accRect.right = min(rect.right, accRect.right);
     accRect.bottom = min(rect.bottom, accRect.bottom);
     accRect.left = max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent));
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -953,6 +962,8 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -967,7 +978,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -1481,7 +1492,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0