react-magma-dom 3.1.2-next.0 → 3.1.2-next.1

package/dist/esm/index.js

@@ -7077,38 +7077,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
   };
 }
 
@@ -7203,8 +7222,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
@@ -7644,31 +7663,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;
     }
@@ -7762,8 +7771,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;
@@ -7775,8 +7784,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`
@@ -7799,18 +7808,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;
@@ -7891,6 +7900,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,
@@ -7905,7 +7916,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,
@@ -8423,7 +8434,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
@@ -24446,7 +24457,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 
 function getStyles(theme, isInverse) {
-  return /*#__PURE__*/css("@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');*,*:before,*:after{box-sizing:border-box;}*:focus{outline:2px solid ", isInverse ? theme.colors.focusInverse : theme.colors.focus, ";outline-offset:2px;}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:", theme.typeScale.size03.fontSize, ";line-height:", theme.typeScale.size03.lineHeight, ";scroll-behavior:smooth;}html,body{background:", isInverse ? theme.colors.primary600 : theme.colors.neutral100, ";color:", isInverse ? theme.colors.neutral100 : theme.colors.neutral, ";margin:0;padding:0;}body{font-family:", theme.bodyFont, ";font-style:normal;font-weight:400;font-size:", theme.typeScale.size03.fontSize, ";line-height:", theme.typeScale.size03.lineHeight, ";}a{color:", isInverse ? theme.colors.neutral200 : theme.colors.primary, ";cursor:pointer;text-decoration:underline;&:hover,&:focus{color:", isInverse ? theme.colors.focusInverse : theme.colors.focus, ";}}button,input,optgroup,select,textarea{font:inherit;margin:0;}svg:not(:root){overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZSIsImZpbGUiOiJpbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IHVzZUlzSW52ZXJzZSB9IGZyb20gJy4uLy4uL2ludmVyc2UnO1xyXG5mdW5jdGlvbiBnZXRTdHlsZXModGhlbWUsIGlzSW52ZXJzZSkge1xyXG4gICAgcmV0dXJuIGNzcyBgXG4gICAgQGltcG9ydCB1cmwoJ2h0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzMj9mYW1pbHk9V29yaytTYW5zOml0YWwsd2dodEAwLDEwMDswLDIwMDswLDMwMDswLDQwMDswLDUwMDswLDYwMDswLDcwMDswLDgwMDswLDkwMDsxLDEwMDsxLDIwMDsxLDMwMDsxLDQwMDsxLDUwMDsxLDYwMDsxLDcwMDsxLDgwMDsxLDkwMCZkaXNwbGF5PXN3YXAnKTtcbiAgICBAaW1wb3J0IHVybCgnaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Ob3RvK1NlcmlmOml0YWwsd2dodEAwLDQwMDswLDcwMDsxLDQwMDsxLDcwMCZkaXNwbGF5PXN3YXAnKTtcblxuICAgICosXG4gICAgKjpiZWZvcmUsXG4gICAgKjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICo6Zm9jdXMge1xuICAgICAgb3V0bGluZTogMnB4IHNvbGlkXG4gICAgICAgICR7aXNJbnZlcnNlID8gdGhlbWUuY29sb3JzLmZvY3VzSW52ZXJzZSA6IHRoZW1lLmNvbG9ycy5mb2N1c307XG4gICAgICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICAgIH1cblxuICAgIGh0bWwge1xuICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XG4gICAgICAtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwZVNjYWxlLnNpemUwMy5mb250U2l6ZX07XG4gICAgICBsaW5lLWhlaWdodDogJHt0aGVtZS50eXBlU2NhbGUuc2l6ZTAzLmxpbmVIZWlnaHR9O1xuICAgICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgfVxuXG4gICAgaHRtbCxcbiAgICBib2R5IHtcbiAgICAgIGJhY2tncm91bmQ6ICR7aXNJbnZlcnNlXHJcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeTYwMFxyXG4gICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwxMDB9O1xuICAgICAgY29sb3I6ICR7aXNJbnZlcnNlID8gdGhlbWUuY29sb3JzLm5ldXRyYWwxMDAgOiB0aGVtZS5jb2xvcnMubmV1dHJhbH07XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuYm9keUZvbnR9O1xuICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBlU2NhbGUuc2l6ZTAzLmZvbnRTaXplfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLnR5cGVTY2FsZS5zaXplMDMubGluZUhlaWdodH07XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICBjb2xvcjogJHtpc0ludmVyc2UgPyB0aGVtZS5jb2xvcnMubmV1dHJhbDIwMCA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGNvbG9yOiAke2lzSW52ZXJzZSA/IHRoZW1lLmNvbG9ycy5mb2N1c0ludmVyc2UgOiB0aGVtZS5jb2xvcnMuZm9jdXN9O1xuICAgICAgfVxuICAgIH1cblxuICAgIGJ1dHRvbixcbiAgICBpbnB1dCxcbiAgICBvcHRncm91cCxcbiAgICBzZWxlY3QsXG4gICAgdGV4dGFyZWEge1xuICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBzdmc6bm90KDpyb290KSB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgYDtcclxufVxyXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKCk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoVGhlbWVDb250ZXh0LkNvbnN1bWVyLCBudWxsLCB0aGVtZSA9PiBSZWFjdC5jcmVhdGVFbGVtZW50KEdsb2JhbCwgeyBzdHlsZXM6IGdldFN0eWxlcyh0aGVtZSwgaXNJbnZlcnNlKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */"));
+  return /*#__PURE__*/css("@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');*,*:before,*:after{box-sizing:border-box;}*:focus{outline:2px solid ", isInverse ? theme.colors.focusInverse : theme.colors.focus, ";outline-offset:2px;}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:", theme.typeScale.size03.fontSize, ";line-height:", theme.typeScale.size03.lineHeight, ";scroll-behavior:smooth;}html,body{background:", isInverse ? theme.colors.primary600 : theme.colors.neutral100, ";color:", isInverse ? theme.colors.neutral100 : theme.colors.neutral, ";margin:0;padding:0;}body{font-family:", theme.bodyFont, ";font-style:normal;font-weight:400;font-size:", theme.typeScale.size03.fontSize, ";line-height:", theme.typeScale.size03.lineHeight, ";}a{color:", isInverse ? theme.colors.tertiary : theme.colors.primary, ";cursor:pointer;text-decoration:underline;&:hover,&:focus{color:", isInverse ? theme.colors.primary100 : theme.colors.primary400, ";}&:focus{outline:2px solid ", isInverse ? theme.colors.focusInverse : theme.colors.focus, ";outline-offset:2px;}}button,input,optgroup,select,textarea{font:inherit;margin:0;}svg:not(:root){overflow:hidden;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZSIsImZpbGUiOiJpbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IHVzZUlzSW52ZXJzZSB9IGZyb20gJy4uLy4uL2ludmVyc2UnO1xyXG5mdW5jdGlvbiBnZXRTdHlsZXModGhlbWUsIGlzSW52ZXJzZSkge1xyXG4gICAgcmV0dXJuIGNzcyBgXG4gICAgQGltcG9ydCB1cmwoJ2h0dHBzOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzMj9mYW1pbHk9V29yaytTYW5zOml0YWwsd2dodEAwLDEwMDswLDIwMDswLDMwMDswLDQwMDswLDUwMDswLDYwMDswLDcwMDswLDgwMDswLDkwMDsxLDEwMDsxLDIwMDsxLDMwMDsxLDQwMDsxLDUwMDsxLDYwMDsxLDcwMDsxLDgwMDsxLDkwMCZkaXNwbGF5PXN3YXAnKTtcbiAgICBAaW1wb3J0IHVybCgnaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Ob3RvK1NlcmlmOml0YWwsd2dodEAwLDQwMDswLDcwMDsxLDQwMDsxLDcwMCZkaXNwbGF5PXN3YXAnKTtcblxuICAgICosXG4gICAgKjpiZWZvcmUsXG4gICAgKjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cblxuICAgICo6Zm9jdXMge1xuICAgICAgb3V0bGluZTogMnB4IHNvbGlkXG4gICAgICAgICR7aXNJbnZlcnNlID8gdGhlbWUuY29sb3JzLmZvY3VzSW52ZXJzZSA6IHRoZW1lLmNvbG9ycy5mb2N1c307XG4gICAgICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICAgIH1cblxuICAgIGh0bWwge1xuICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XG4gICAgICAtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7XG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwZVNjYWxlLnNpemUwMy5mb250U2l6ZX07XG4gICAgICBsaW5lLWhlaWdodDogJHt0aGVtZS50eXBlU2NhbGUuc2l6ZTAzLmxpbmVIZWlnaHR9O1xuICAgICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgfVxuXG4gICAgaHRtbCxcbiAgICBib2R5IHtcbiAgICAgIGJhY2tncm91bmQ6ICR7aXNJbnZlcnNlXHJcbiAgICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeTYwMFxyXG4gICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwxMDB9O1xuICAgICAgY29sb3I6ICR7aXNJbnZlcnNlID8gdGhlbWUuY29sb3JzLm5ldXRyYWwxMDAgOiB0aGVtZS5jb2xvcnMubmV1dHJhbH07XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgIGJvZHkge1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuYm9keUZvbnR9O1xuICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBlU2NhbGUuc2l6ZTAzLmZvbnRTaXplfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLnR5cGVTY2FsZS5zaXplMDMubGluZUhlaWdodH07XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICBjb2xvcjogJHtpc0ludmVyc2UgPyB0aGVtZS5jb2xvcnMudGVydGlhcnkgOiB0aGVtZS5jb2xvcnMucHJpbWFyeX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBjb2xvcjogJHtpc0ludmVyc2UgPyB0aGVtZS5jb2xvcnMucHJpbWFyeTEwMCA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5NDAwfTtcbiAgICAgIH1cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWRcbiAgICAgICAgICAke2lzSW52ZXJzZSA/IHRoZW1lLmNvbG9ycy5mb2N1c0ludmVyc2UgOiB0aGVtZS5jb2xvcnMuZm9jdXN9O1xuICAgICAgICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICAgICAgfVxuICAgIH1cblxuICAgIGJ1dHRvbixcbiAgICBpbnB1dCxcbiAgICBvcHRncm91cCxcbiAgICBzZWxlY3QsXG4gICAgdGV4dGFyZWEge1xuICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBzdmc6bm90KDpyb290KSB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgYDtcclxufVxyXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4ge1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKCk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoVGhlbWVDb250ZXh0LkNvbnN1bWVyLCBudWxsLCB0aGVtZSA9PiBSZWFjdC5jcmVhdGVFbGVtZW50KEdsb2JhbCwgeyBzdHlsZXM6IGdldFN0eWxlcyh0aGVtZSwgaXNJbnZlcnNlKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */"));
 }
 
 var GlobalStyles = function GlobalStyles() {