vrembem 1.36.1 → 1.37.0

package/dev/scripts.js

@@ -115,6 +115,28 @@ var FocusTrap = /*#__PURE__*/function () {
     this.target = null;
   };
 
+  _proto.refresh = function refresh() {
+    // Check if a target has been set
+    if (!this.target) return; // Remove existing  events
+
+    this.target.removeEventListener('keydown', this.__handlerFocusTrap);
+    this.target.removeEventListener('keydown', this.handlerFocusLock); // Get the focusable elements
+
+    this.focusable = this.getFocusable(); // Setup the focus handlers based on focusable length
+
+    if (this.focusable.length) {
+      // If there are focusable elements, setup focus trap
+      this.focusableFirst = this.focusable[0];
+      this.focusableLast = this.focusable[this.focusable.length - 1];
+      this.target.addEventListener('keydown', this.__handlerFocusTrap);
+    } else {
+      // If there are no focusable elements, setup focus lock
+      this.focusableFirst = null;
+      this.focusableLast = null;
+      this.target.addEventListener('keydown', this.handlerFocusLock);
+    }
+  };
+
   _proto.handlerFocusTrap = function handlerFocusTrap(event) {
     var isTab = event.key === 'Tab' || event.keyCode === 9;
     if (!isTab) return;
@@ -876,6 +898,7 @@ var Drawer = /*#__PURE__*/function () {
 
           focusTarget(drawer, _this4.settings);
           drawer.dispatchEvent(new CustomEvent(_this4.settings.customEventPrefix + 'opened', {
+            detail: _this4,
             bubbles: true
           }));
           _this4.working = false;
@@ -914,6 +937,7 @@ var Drawer = /*#__PURE__*/function () {
           _this6.focusTrap.destroy();
 
           drawer.dispatchEvent(new CustomEvent(_this6.settings.customEventPrefix + 'closed', {
+            detail: _this6,
             bubbles: true
           }));
           _this6.working = false;
@@ -960,10 +984,6 @@ var defaults$1 = {
 
 var handlerClick$1 = function handlerClick(event) {
   try {
-    var _exit2;
-
-    var _this2 = this;
-
     var _temp3 = function _temp3(_result) {
       if (_exit2) return _result;
 
@@ -982,6 +1002,10 @@ var handlerClick$1 = function handlerClick(event) {
       }
     };
 
+    var _exit2;
+
+    var _this2 = this;
+
     // Working catch
     if (_this2.working) return Promise.resolve(); // Trigger click
 
@@ -1148,6 +1172,7 @@ var Modal = /*#__PURE__*/function () {
           focusTarget(modal, _this2.settings);
           setInert(true, _this2.settings.selectorInert);
           modal.dispatchEvent(new CustomEvent(_this2.settings.customEventPrefix + 'opened', {
+            detail: _this2,
             bubbles: true
           }));
           _this2.working = false;
@@ -1181,6 +1206,7 @@ var Modal = /*#__PURE__*/function () {
           _this4.focusTrap.destroy();
 
           modal.dispatchEvent(new CustomEvent(_this4.settings.customEventPrefix + 'closed', {
+            detail: _this4,
             bubbles: true
           }));
           _this4.working = false;
@@ -1596,17 +1622,39 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
-function getBoundingClientRect(element) {
+// import { isHTMLElement } from './instanceOf';
+function getBoundingClientRect(element, // eslint-disable-next-line unused-imports/no-unused-vars
+includeScale) {
+
   var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1; // FIXME:
+  // `offsetWidth` returns an integer while `getBoundingClientRect`
+  // returns a float. This results in `scaleX` or `scaleY` being
+  // non-1 when it should be for elements that aren't a full pixel in
+  // width or height.
+  // if (isHTMLElement(element) && includeScale) {
+  //   const offsetHeight = element.offsetHeight;
+  //   const 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 = rect.width / offsetWidth || 1;
+  //   }
+  //   if (offsetHeight > 0) {
+  //     scaleY = rect.height / offsetHeight || 1;
+  //   }
+  // }
+
   return {
-    width: rect.width,
-    height: rect.height,
-    top: rect.top,
-    right: rect.right,
-    bottom: rect.bottom,
-    left: rect.left,
-    x: rect.left,
-    y: rect.top
+    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
   };
 }
 
@@ -1861,6 +1909,10 @@ var arrow$1 = {
   requiresIfExists: ['preventOverflow']
 };
 
+function getVariation(placement) {
+  return placement.split('-')[1];
+}
+
 var unsetSides = {
   top: 'auto',
   right: 'auto',
@@ -1887,6 +1939,7 @@ function mapToStyles(_ref2) {
   var popper = _ref2.popper,
       popperRect = _ref2.popperRect,
       placement = _ref2.placement,
+      variation = _ref2.variation,
       offsets = _ref2.offsets,
       position = _ref2.position,
       gpuAcceleration = _ref2.gpuAcceleration,
@@ -1913,7 +1966,7 @@ function mapToStyles(_ref2) {
     if (offsetParent === getWindow(popper)) {
       offsetParent = getDocumentElement(popper);
 
-      if (getComputedStyle$1(offsetParent).position !== 'static') {
+      if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
         heightProp = 'scrollHeight';
         widthProp = 'scrollWidth';
       }
@@ -1922,14 +1975,14 @@ function mapToStyles(_ref2) {
 
     offsetParent = offsetParent;
 
-    if (placement === top) {
+    if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom; // $FlowFixMe[prop-missing]
 
       y -= offsetParent[heightProp] - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
 
-    if (placement === left) {
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right; // $FlowFixMe[prop-missing]
 
       x -= offsetParent[widthProp] - popperRect.width;
@@ -1944,7 +1997,7 @@ function mapToStyles(_ref2) {
   if (gpuAcceleration) {
     var _Object$assign;
 
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
   }
 
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
@@ -1962,6 +2015,7 @@ function computeStyles(_ref4) {
 
   var commonStyles = {
     placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
     popper: state.elements.popper,
     popperRect: state.rects.popper,
     gpuAcceleration: gpuAcceleration
@@ -2264,10 +2318,6 @@ function getClippingRect(element, boundary, rootBoundary) {
   return clippingRect;
 }
 
-function getVariation(placement) {
-  return placement.split('-')[1];
-}
-
 function computeOffsets(_ref) {
   var reference = _ref.reference,
       element = _ref.element,
@@ -2353,11 +2403,10 @@ function detectOverflow(state, options) {
       padding = _options$padding === void 0 ? 0 : _options$padding;
   var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
   var altContext = elementContext === popper ? reference : popper;
-  var referenceElement = state.elements.reference;
   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 referenceClientRect = getBoundingClientRect(referenceElement);
+  var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
@@ -2834,16 +2883,24 @@ function getNodeScroll(node) {
   }
 }
 
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = rect.width / element.offsetWidth || 1;
+  var scaleY = rect.height / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+} // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
 
+
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
     isFixed = false;
   }
 
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
   var rect = getBoundingClientRect(elementOrVirtualElement);
-  var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -2997,7 +3054,8 @@ function popperGenerator(generatorOptions) {
     var isDestroyed = false;
     var instance = {
       state: state,
-      setOptions: function setOptions(options) {
+      setOptions: function setOptions(setOptionsAction) {
+        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options);
         state.scrollParents = {