@jetbrains/ring-ui-built 6.0.32 → 6.0.33

package/components/error-bubble/error-bubble.js

@@ -1,57 +1,86 @@
-import React, { PureComponent, Children, cloneElement } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import React, { Children, cloneElement, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 
 var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
+var _excluded = ["children", "className"];
 /**
  * @name Error Bubble
  */
-class ErrorBubble extends PureComponent {
-  static propTypes = {
-    error: PropTypes.string,
-    className: PropTypes.string,
-    children: PropTypes.node
-  };
-  render() {
-    const {
-      children,
-      className,
-      ...restProps
-    } = this.props;
-    const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_ee284100.errorBubbleWrapper
-    }, Children.map(children, child => /*#__PURE__*/cloneElement(child, {
-      ...child.props,
-      ...restProps
-    })), restProps.error && /*#__PURE__*/React.createElement(Popup, {
-      trapFocus: false,
-      className: modules_ee284100.errorBubblePopup,
-      hidden: false,
-      attached: false,
-      directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
-    }, /*#__PURE__*/React.createElement("div", {
-      className: errorBubbleClasses,
-      "data-test": "ring-error-bubble"
-    }, restProps.error)));
+var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
+  function ErrorBubble() {
+    _classCallCheck(this, ErrorBubble);
+    return _callSuper(this, ErrorBubble, arguments);
   }
-}
+  _inherits(ErrorBubble, _PureComponent);
+  return _createClass(ErrorBubble, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: modules_ee284100.errorBubbleWrapper
+      }, Children.map(children, function (child) {
+        return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
+      }), restProps.error && /*#__PURE__*/React.createElement(Popup, {
+        trapFocus: false,
+        className: modules_ee284100.errorBubblePopup,
+        hidden: false,
+        attached: false,
+        directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: errorBubbleClasses,
+        "data-test": "ring-error-bubble"
+      }, restProps.error)));
+    }
+  }]);
+}(PureComponent);
+_defineProperty(ErrorBubble, "propTypes", {
+  error: PropTypes.string,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
 
 export { ErrorBubble as default };

package/components/error-message/error-message.js

@@ -1,57 +1,77 @@
+import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../icon/icon.js';
 import { Size } from '../icon/icon__constants.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'util-deprecate';
 import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 
 var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
 
 /**
  * @name Error Message
  */
-class ErrorMessage extends Component {
-  static propTypes = {
-    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-    code: PropTypes.string,
-    message: PropTypes.string,
-    description: PropTypes.string,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    'data-test': PropTypes.string
-  };
-  render() {
-    const {
-      className,
-      icon,
-      code,
-      message,
-      description,
-      children,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(modules_2c5e8509.errorMessage, className);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-error-message', dataTest)
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_2c5e8509.icon,
-      glyph: icon,
-      size: Size.Size64,
-      suppressSizeWarning: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.content
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.title,
-      "data-test": "ring-error-message-title"
-    }, code && `${code}:`, " ", message), description && /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.description
-    }, description), children));
+var ErrorMessage = /*#__PURE__*/function (_Component) {
+  function ErrorMessage() {
+    _classCallCheck(this, ErrorMessage);
+    return _callSuper(this, ErrorMessage, arguments);
   }
-}
+  _inherits(ErrorMessage, _Component);
+  return _createClass(ErrorMessage, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        icon = _this$props.icon,
+        code = _this$props.code,
+        message = _this$props.message,
+        description = _this$props.description,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'];
+      var classes = classNames(modules_2c5e8509.errorMessage, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        "data-test": joinDataTestAttributes('ring-error-message', dataTest)
+      }, icon && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_2c5e8509.icon,
+        glyph: icon,
+        size: Size.Size64,
+        suppressSizeWarning: true
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.content
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.title,
+        "data-test": "ring-error-message-title"
+      }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.description
+      }, description), children));
+    }
+  }]);
+}(Component);
+_defineProperty(ErrorMessage, "propTypes", {
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  code: PropTypes.string,
+  message: PropTypes.string,
+  description: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  'data-test': PropTypes.string
+});
 
 export { ErrorMessage as default };

package/components/footer/footer.js

@@ -1,20 +1,23 @@
+import 'core-js/modules/es.array.map.js';
 import React, { memo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Link from '../link/link.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
 var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
 
-const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
-  let {
-    position,
-    children
-  } = _ref;
-  const classes = classNames({
+var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
+  var position = _ref.position,
+    children = _ref.children;
+  var classes = classNames({
     [modules_7385b3fd.columnLeft]: position === 'left',
     [modules_7385b3fd.columnCenter]: position === 'center',
     [modules_7385b3fd.columnRight]: position === 'right'
@@ -35,9 +38,9 @@ FooterColumn.propTypes = {
  * @returns {string}
  */
 function copyright(year) {
-  const currentYear = new Date().getUTCFullYear();
-  const ndash = '–';
-  let ret = 'Copyright © ';
+  var currentYear = new Date().getUTCFullYear();
+  var ndash = '–';
+  var ret = 'Copyright © ';
   if (year >= currentYear) {
     ret += year;
   } else {
@@ -49,14 +52,14 @@ function copyright(year) {
  * @constructor
  * @extends {ReactComponent}
  */
-const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
-  const items = Array.isArray(props.item) ? props.item : [props.item];
+var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
+  var items = Array.isArray(props.item) ? props.item : [props.item];
   function renderItem(item) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
       return item;
     }
-    const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
+    var element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
     if (item.url) {
       return /*#__PURE__*/React.createElement(Link, {
         href: item.url,
@@ -74,14 +77,12 @@ const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
 FooterLine.propTypes = {
   item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
 };
-const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
-  let {
-    floating,
-    className,
-    left,
-    center,
-    right
-  } = _ref2;
+var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
+  var floating = _ref2.floating,
+    className = _ref2.className,
+    left = _ref2.left,
+    center = _ref2.center,
+    right = _ref2.right;
   function content(elements, position) {
     if (!elements) {
       return false;
@@ -89,14 +90,16 @@ const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
     return /*#__PURE__*/React.createElement(FooterColumn, {
       key: position,
       position: position
-    }, elements.map((item, idx) => /*#__PURE__*/React.createElement(FooterLine
-    // eslint-disable-next-line react/no-array-index-key
-    , {
-      key: idx,
-      item: item
-    })));
+    }, elements.map(function (item, idx) {
+      return /*#__PURE__*/React.createElement(FooterLine
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        key: idx,
+        item: item
+      });
+    }));
   }
-  const classes = classNames(modules_7385b3fd.footer, className, {
+  var classes = classNames(modules_7385b3fd.footer, className, {
     [modules_7385b3fd.footerFloating]: floating
   });
   return /*#__PURE__*/React.createElement("footer", {

package/components/global/compose.js

@@ -1,8 +1,17 @@
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+
 function compose() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
-  return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
+  return funcs.reduce(function (acc, func) {
+    return function (arg) {
+      return acc(func(arg));
+    };
+  }, function (arg) {
+    return arg;
+  });
 }
 
 export { compose as default };

package/components/global/composeRefs.js

@@ -1,14 +1,19 @@
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+
 var composeRefs = (function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return value => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref != null) {
-      ref.current = value;
-    }
-  });
+  return function (value) {
+    return refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
 });
 
 export { composeRefs as default };

package/components/global/controls-height.js

@@ -6,8 +6,8 @@ var ControlsHeight;
   ControlsHeight["M"] = "M";
   ControlsHeight["L"] = "L";
 })(ControlsHeight || (ControlsHeight = {}));
-const ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
-let globalControlsHeight = ControlsHeight.M;
+var ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+var globalControlsHeight = ControlsHeight.M;
 // This can be used if React Context is not applicable, for example for alertService or Auth dialog
 function configureGlobalControlsHeight(value) {
   globalControlsHeight = value;

package/components/global/create-stateful-context.js

@@ -1,15 +1,17 @@
+import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { memo, createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 function createStatefulContext(initialValue) {
-  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const ValueContext = /*#__PURE__*/createContext(initialValue);
-  const UpdateContext = /*#__PURE__*/createContext(() => {});
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var ValueContext = /*#__PURE__*/createContext(initialValue);
+  var UpdateContext = /*#__PURE__*/createContext(function () {});
   function Provider(_ref) {
-    let {
-      children
-    } = _ref;
-    const [value, update] = useState(initialValue);
+    var children = _ref.children;
+    var _useState = useState(initialValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      update = _useState2[1];
     return /*#__PURE__*/React.createElement(ValueContext.Provider, {
       value: value
     }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
@@ -19,24 +21,22 @@ function createStatefulContext(initialValue) {
   Provider.propTypes = {
     children: PropTypes.node
   };
-  Provider.displayName = `${name}Provider`;
+  Provider.displayName = "".concat(name, "Provider");
   function useUpdate(value, skipUpdate) {
-    const update = useContext(UpdateContext);
-    useEffect(() => {
+    var update = useContext(UpdateContext);
+    useEffect(function () {
       if (!skipUpdate) {
         update(value);
       }
     }, [update, value, skipUpdate]);
   }
   function Updater(_ref2) {
-    let {
-      value,
-      skipUpdate
-    } = _ref2;
+    var value = _ref2.value,
+      skipUpdate = _ref2.skipUpdate;
     useUpdate(value, skipUpdate);
     return null;
   }
-  Updater.displayName = `${name}Updater`;
+  Updater.displayName = "".concat(name, "Updater");
   return {
     ValueContext,
     UpdateContext,

package/components/global/data-tests.js

@@ -1,21 +1,29 @@
+import { k as _toConsumableArray, j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
+
 function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce((result, _ref) => {
-    let [key, value] = _ref;
-    return value ? [...result, key] : result;
+  return Object.entries(attrsMap).reduce(function (result, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return value ? [].concat(_toConsumableArray(result), [key]) : result;
   }, []);
 }
 function joinDataTestAttributes() {
   for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
     attrs[_key] = arguments[_key];
   }
-  return attrs.reduce((result, attr) => {
+  return attrs.reduce(function (result, attr) {
     if (!attr) {
       return result;
     }
     if (typeof attr === 'object') {
-      return [...result, ...expandMap(attr)];
+      return [].concat(_toConsumableArray(result), _toConsumableArray(expandMap(attr)));
     }
-    return [...result, attr];
+    return [].concat(_toConsumableArray(result), [attr]);
   }, []).join(' ');
 }
 

package/components/global/dom.js

@@ -1,14 +1,26 @@
+import { j as _slicedToArray, b as _createClass, f as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 /**
  * @name DOM
  */
-const getStyles = window.getComputedStyle.bind(window);
+var getStyles = window.getComputedStyle.bind(window);
 function isMounted(node) {
   if (node === document) {
     return true;
   }
   return node instanceof Node && document.documentElement.contains(node.parentNode);
 }
-const rectStub = {
+var rectStub = {
   top: 0,
   right: 0,
   bottom: 0,
@@ -18,14 +30,13 @@ const rectStub = {
 };
 function getRect(node) {
   if (node instanceof Range || node != null && isMounted(node)) {
-    const {
-      top,
-      right,
-      bottom,
-      left,
-      width,
-      height
-    } = node.getBoundingClientRect();
+    var _node$getBoundingClie = node.getBoundingClientRect(),
+      top = _node$getBoundingClie.top,
+      right = _node$getBoundingClie.right,
+      bottom = _node$getBoundingClie.bottom,
+      left = _node$getBoundingClie.left,
+      width = _node$getBoundingClie.width,
+      height = _node$getBoundingClie.height;
     return {
       top,
       right,
@@ -48,12 +59,11 @@ function getWindowWidth() {
   return window.innerWidth;
 }
 function isNodeInVisiblePartOfPage(node) {
-  const {
-    top,
-    bottom,
-    left,
-    right
-  } = getRect(node);
+  var _getRect = getRect(node),
+    top = _getRect.top,
+    bottom = _getRect.bottom,
+    left = _getRect.left,
+    right = _getRect.right;
   return !(bottom < 0 || right < 0 || getWindowHeight() - top < 0 || getWindowWidth() - left < 0);
 }
 function getDocumentScrollTop() {
@@ -62,45 +72,74 @@ function getDocumentScrollTop() {
 function getDocumentScrollLeft() {
   return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
 }
-const applyMethodToClasses = method => function (classList) {
-  let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
+var applyMethodToClasses = function applyMethodToClasses(method) {
+  return function (classList) {
+    var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    classes.split(/\s+/g).filter(function (className) {
+      return !!className;
+    }).forEach(function (className) {
+      return classList[method](className);
+    });
+  };
+};
+var addClasses = applyMethodToClasses('add');
+var removeClasses = applyMethodToClasses('remove');
+var toggleClasses = function toggleClasses(classList, classes) {
+  return Object.entries(classes).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      className = _ref2[0],
+      on = _ref2[1];
+    return classList.toggle(className, on);
+  });
 };
-const addClasses = applyMethodToClasses('add');
-const removeClasses = applyMethodToClasses('remove');
-const toggleClasses = (classList, classes) => Object.entries(classes).forEach(_ref => {
-  let [className, on] = _ref;
-  return classList.toggle(className, on);
-});
 function setRootStyleProperties() {
-  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(_ref2 => {
-    let [key, value] = _ref2;
+  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rootStyle = document.documentElement.style;
+  Object.entries(properties).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
     rootStyle.setProperty(key, value);
   });
 }
 function resetRootStyleProperties() {
-  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const rootStyle = document.documentElement.style;
-  Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
+  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var rootStyle = document.documentElement.style;
+  Object.keys(properties).forEach(function (key) {
+    return rootStyle.removeProperty(key);
+  });
 }
-class Listeners {
-  _all = new Set();
-  add(el, event, handler, options) {
-    el.addEventListener(event, handler, options);
-    const dispatchFn = () => el.removeEventListener(event, handler, options);
-    this._all.add(dispatchFn);
-    return dispatchFn;
+var Listeners = /*#__PURE__*/function () {
+  function Listeners() {
+    _classCallCheck(this, Listeners);
+    _defineProperty(this, "_all", new Set());
   }
-  remove(fn) {
-    fn();
-    this._all.delete(fn);
-  }
-  removeAll() {
-    this._all.forEach(fn => this.remove(fn));
-  }
-}
+  return _createClass(Listeners, [{
+    key: "add",
+    value: function add(el, event, handler, options) {
+      el.addEventListener(event, handler, options);
+      var dispatchFn = function dispatchFn() {
+        return el.removeEventListener(event, handler, options);
+      };
+      this._all.add(dispatchFn);
+      return dispatchFn;
+    }
+  }, {
+    key: "remove",
+    value: function remove(fn) {
+      fn();
+      this._all.delete(fn);
+    }
+  }, {
+    key: "removeAll",
+    value: function removeAll() {
+      var _this = this;
+      this._all.forEach(function (fn) {
+        return _this.remove(fn);
+      });
+    }
+  }]);
+}();
 // Synthetic events from Combokeys#trigger are plain objects
 function preventDefault(e) {
   if (e.preventDefault) {