@react95/core 5.4.1 → 5.7.0

package/cjs/Fieldset/Fieldset.js

@@ -13,11 +13,15 @@ var _styledComponents = _interopRequireDefault(require("@xstyled/styled-componen
 
 var _system = require("@xstyled/system");
 
+var _excluded = ["legend", "children"];
+
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -25,36 +29,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  padding-left: 4px;\n  padding-right: 1px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  border-top-style: groove;\n  border-top-width: 2;\n  border-top-color: borderLighter;\n\n  border-left-style: groove;\n  border-left-width: 2;\n  border-left-color: borderLighter;\n\n  border-bottom-style: solid;\n  border-bottom-width: 1;\n  border-bottom-color: borderDark;\n\n  border-right-style: solid;\n  border-right-width: 1;\n  border-right-color: borderDark;\n\n  box-shadow: 1px 1px 0 0 ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Field = _styledComponents["default"].fieldset(_templateObject(), (0, _system.th)('colors.borderLighter'));
+var Field = _styledComponents["default"].fieldset(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-top-style: groove;\n  border-top-width: 2;\n  border-top-color: borderLighter;\n\n  border-left-style: groove;\n  border-left-width: 2;\n  border-left-color: borderLighter;\n\n  border-bottom-style: solid;\n  border-bottom-width: 1;\n  border-bottom-color: borderDark;\n\n  border-right-style: solid;\n  border-right-width: 1;\n  border-right-color: borderDark;\n\n  box-shadow: 1px 1px 0 0 ", ";\n"])), (0, _system.th)('colors.borderLighter'));
 
-var Legend = _styledComponents["default"].legend(_templateObject2());
+var Legend = _styledComponents["default"].legend(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-left: 4px;\n  padding-right: 1px;\n"])));
 
 var Fieldset = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var legend = _ref.legend,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["legend", "children"]);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(Field, _extends({}, rest, {
     ref: ref

package/cjs/GlobalStyle/GlobalStyle.js

@@ -27,20 +27,12 @@ var _Scrollbar = require("./Scrollbar");
 
 var _Cursor = _interopRequireDefault(require("../Cursor/Cursor"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  @font-face {\n    font-family: 'MS Sans Serif';\n    src: url('", "');\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype'),\n         url('", "?#iefix') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'React95Video-Numbers';\n    src: url('", "');\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype'),\n         url('", "?#iefix') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  body {\n    background-color: #5aa;\n    margin: 0;\n    padding: 0;\n    font-size: 12px;\n    color: materialText;\n  }\n\n  a {\n    color: anchor;\n  }\n\n  a:visited {\n    color: anchorVisited;\n  }\n\n  * {\n    font-family: 'MS Sans Serif';\n    box-sizing: border-box;\n  }\n\n  // scrollbar\n  ", "\n\n  html, .auto, *       { ", " }\n  .default             { ", " }\n  .none                { ", " }\n  .help                { ", " }\n  .pointer, :any-link  { ", " }\n  .progress            { ", " }\n  .wait                { ", " }\n  .crosshair           { ", " }\n  .text                { ", " }\n  .vertical-text       { ", " }\n  .alias               { ", " }\n  .copy                { ", " }\n  .move                { ", " }\n  .no-drop             { ", " }\n  .not-allowed         { ", " }\n  .grab                { ", " }\n  .grabbing            { ", " }\n  .col-resize          { ", " }\n  .row-resize          { ", " }\n  .n-resize            { ", " }\n  .e-resize            { ", " }\n  .s-resize            { ", " }\n  .w-resize            { ", " }\n  .ns-resize           { ", " }\n  .ew-resize           { ", " }\n  .ne-resize           { ", " }\n  .nw-resize           { ", " }\n  .se-resize           { ", " }\n  .sw-resize           { ", " }\n  .nesw-resize         { ", " }\n  .nwse-resize         { ", " }\n  .zoom-in             { ", " }\n  .zoom-out            { ", " }\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject(), _MSSansSerif4["default"], _MSSansSerif["default"], _MSSansSerif2["default"], _MSSansSerif3["default"], _MSSansSerif4["default"], _React95VideoNumbers4["default"], _React95VideoNumbers["default"], _React95VideoNumbers2["default"], _React95VideoNumbers3["default"], _React95VideoNumbers4["default"], _Scrollbar.scrollbars, _Cursor["default"].Auto, _Cursor["default"].Auto, _Cursor["default"].None, _Cursor["default"].Help, _Cursor["default"].Pointer, _Cursor["default"].Progress, _Cursor["default"].Wait, _Cursor["default"].Crosshair, _Cursor["default"].Text, _Cursor["default"].VerticalText, _Cursor["default"].Alias, _Cursor["default"].Copy, _Cursor["default"].Move, _Cursor["default"].NoDrop, _Cursor["default"].NotAllowed, _Cursor["default"].Grab, _Cursor["default"].Grabbing, _Cursor["default"].ColResize, _Cursor["default"].RowResize, _Cursor["default"].NResize, _Cursor["default"].EResize, _Cursor["default"].SResize, _Cursor["default"].WResize, _Cursor["default"].NsResize, _Cursor["default"].EwResize, _Cursor["default"].NeResize, _Cursor["default"].NwResize, _Cursor["default"].SeResize, _Cursor["default"].SwResize, _Cursor["default"].NeswResize, _Cursor["default"].NwseResize, _Cursor["default"].ZoomIn, _Cursor["default"].ZoomOut);
+var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @font-face {\n    font-family: 'MS Sans Serif';\n    src: url('", "');\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype'),\n         url('", "?#iefix') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: 'React95Video-Numbers';\n    src: url('", "');\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype'),\n         url('", "?#iefix') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  body {\n    background-color: #5aa;\n    margin: 0;\n    padding: 0;\n    font-size: 12px;\n    color: materialText;\n  }\n\n  a {\n    color: anchor;\n  }\n\n  a:visited {\n    color: anchorVisited;\n  }\n\n  * {\n    font-family: 'MS Sans Serif';\n    box-sizing: border-box;\n  }\n\n  // scrollbar\n  ", "\n\n  html, .auto, *       { ", " }\n  .default             { ", " }\n  .none                { ", " }\n  .help                { ", " }\n  .pointer, :any-link  { ", " }\n  .progress            { ", " }\n  .wait                { ", " }\n  .crosshair           { ", " }\n  .text                { ", " }\n  .vertical-text       { ", " }\n  .alias               { ", " }\n  .copy                { ", " }\n  .move                { ", " }\n  .no-drop             { ", " }\n  .not-allowed         { ", " }\n  .grab                { ", " }\n  .grabbing            { ", " }\n  .col-resize          { ", " }\n  .row-resize          { ", " }\n  .n-resize            { ", " }\n  .e-resize            { ", " }\n  .s-resize            { ", " }\n  .w-resize            { ", " }\n  .ns-resize           { ", " }\n  .ew-resize           { ", " }\n  .ne-resize           { ", " }\n  .nw-resize           { ", " }\n  .se-resize           { ", " }\n  .sw-resize           { ", " }\n  .nesw-resize         { ", " }\n  .nwse-resize         { ", " }\n  .zoom-in             { ", " }\n  .zoom-out            { ", " }\n"])), _MSSansSerif4["default"], _MSSansSerif["default"], _MSSansSerif2["default"], _MSSansSerif3["default"], _MSSansSerif4["default"], _React95VideoNumbers4["default"], _React95VideoNumbers["default"], _React95VideoNumbers2["default"], _React95VideoNumbers3["default"], _React95VideoNumbers4["default"], _Scrollbar.scrollbars, _Cursor["default"].Auto, _Cursor["default"].Auto, _Cursor["default"].None, _Cursor["default"].Help, _Cursor["default"].Pointer, _Cursor["default"].Progress, _Cursor["default"].Wait, _Cursor["default"].Crosshair, _Cursor["default"].Text, _Cursor["default"].VerticalText, _Cursor["default"].Alias, _Cursor["default"].Copy, _Cursor["default"].Move, _Cursor["default"].NoDrop, _Cursor["default"].NotAllowed, _Cursor["default"].Grab, _Cursor["default"].Grabbing, _Cursor["default"].ColResize, _Cursor["default"].RowResize, _Cursor["default"].NResize, _Cursor["default"].EResize, _Cursor["default"].SResize, _Cursor["default"].WResize, _Cursor["default"].NsResize, _Cursor["default"].EwResize, _Cursor["default"].NeResize, _Cursor["default"].NwResize, _Cursor["default"].SeResize, _Cursor["default"].SwResize, _Cursor["default"].NeswResize, _Cursor["default"].NwseResize, _Cursor["default"].ZoomIn, _Cursor["default"].ZoomOut);
 var _default = GlobalStyle;
 exports["default"] = _default;

package/cjs/Input/Input.js

@@ -9,21 +9,13 @@ var _styledComponents = _interopRequireDefault(require("@xstyled/styled-componen
 
 var _styledSystem = require("styled-system");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  cursor: text;\n\n  padding: 3 3 5 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-top-width: 1;\n  border-top-style: 1;\n  border-top-color: borderDark;\n\n  border-right-width: 0;\n  border-bottom-width: 0;\n\n  border-left-width: 1;\n  border-left-style: 1;\n  border-left-color: borderDark;\n\n  box-shadow: input;\n\n  ", "\n  ", "\n  ", "\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Input = _styledComponents["default"].input(_templateObject(), _styledSystem.padding, _styledSystem.borders, _styledSystem.shadow);
+var Input = _styledComponents["default"].input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none;\n  border: none;\n  cursor: text;\n\n  padding: 3 3 5 3;\n\n  color: materialText;\n  background-color: inputBackground;\n\n  border-top-width: 1;\n  border-top-style: 1;\n  border-top-color: borderDark;\n\n  border-right-width: 0;\n  border-bottom-width: 0;\n\n  border-left-width: 1;\n  border-left-style: 1;\n  border-left-color: borderDark;\n\n  box-shadow: input;\n\n  ", "\n  ", "\n  ", "\n"])), _styledSystem.padding, _styledSystem.borders, _styledSystem.shadow);
 
 var _default = Input;
 exports["default"] = _default;

package/cjs/List/List.js

@@ -13,21 +13,13 @@ var _ListItem = _interopRequireDefault(require("./ListItem"));
 
 var _ListDivider = _interopRequireDefault(require("./ListDivider"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 5 20 6;\n  border: none;\n\n  margin: 0;\n  padding: 2;\n  list-style: none;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", ";\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var StyledList = _styledComponents["default"].ul(_templateObject(), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), function (_ref) {
+var StyledList = _styledComponents["default"].ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: material;\n  padding: 5 20 6;\n  border: none;\n\n  margin: 0;\n  padding: 2;\n  list-style: none;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", ";\n"])), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), function (_ref) {
   var width = _ref.width;
   return "\n    width: ".concat(width, "px;\n  ");
 });

package/cjs/List/ListDivider.js

@@ -9,21 +9,13 @@ var _styledComponents = _interopRequireDefault(require("@xstyled/styled-componen
 
 var _system = require("@xstyled/system");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  height: 1px;\n  border-top: 1;\n  border-top-color: borderDark;\n  border-bottom: 1;\n  border-bottom-color: ", ";\n\n  width: 98%;\n  margin-left: 2;\n"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Divider = _styledComponents["default"].li(_templateObject(), (0, _system.th)('colors.borderLightest'));
+var Divider = _styledComponents["default"].li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 1px;\n  border-top: 1;\n  border-top-color: borderDark;\n  border-bottom: 1;\n  border-bottom-color: ", ";\n\n  width: 98%;\n  margin-left: 2;\n"])), (0, _system.th)('colors.borderLightest'));
 
 Divider.displayName = 'List.Divider';
 var _default = Divider;

package/cjs/List/ListItem.js

@@ -15,11 +15,15 @@ var _system = require("@xstyled/system");
 
 var _rightcaret = _interopRequireDefault(require("../GlobalStyle/imgs/rightcaret.svg"));
 
+var _excluded = ["icon", "children"];
+
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -27,41 +31,21 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n      &:after {\n        position: absolute;\n        width: 5px;\n        height: 8px;\n        right: 8px;\n\n        content: '';\n        background-color: ", ";\n        mask-image: url('", "');\n        mask-position: center center;\n        mask-size: 5px 8px;\n        mask-repeat: no-repeat;\n      }\n\n      &:hover {\n        &:after {\n          background-color: ", ";\n        }\n\n        ul {\n          display: block;\n        }\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 2 6;\n\n  color: materialText;\n\n  img {\n    margin-right: 10;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  ul {\n    display: none;\n    position: absolute;\n    top: -2px;\n    left: 97%;\n    color: materialText;\n    z-index: taskbar;\n\n    img {\n      width: 18px;\n      height: 20px;\n      margin-right: 6;\n    }\n  }\n\n  svg {\n    fill: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Item = _styledComponents["default"].li(_templateObject(), (0, _system.th)('colors.headerBackground'), (0, _system.th)('colors.materialTextInvert'), (0, _system.th)('colors.materialTextInvert'), function (_ref) {
+var Item = _styledComponents["default"].li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 2 6;\n\n  color: materialText;\n\n  img {\n    margin-right: 10;\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n\n  ul {\n    display: none;\n    position: absolute;\n    top: -2px;\n    left: 97%;\n    color: materialText;\n    z-index: taskbar;\n\n    img {\n      width: 18px;\n      height: 20px;\n      margin-right: 6;\n    }\n  }\n\n  svg {\n    fill: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"])), (0, _system.th)('colors.headerBackground'), (0, _system.th)('colors.materialTextInvert'), (0, _system.th)('colors.materialTextInvert'), function (_ref) {
   var icon = _ref.icon;
   return !icon && 'padding-left: 26px;';
 }, function (_ref2) {
   var hasList = _ref2.hasList;
-  return hasList && (0, _styledComponents.css)(_templateObject2(), (0, _system.th)('colors.materialText'), _rightcaret["default"], (0, _system.th)('colors.materialTextInvert'));
+  return hasList && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &:after {\n        position: absolute;\n        width: 5px;\n        height: 8px;\n        right: 8px;\n\n        content: '';\n        background-color: ", ";\n        mask-image: url('", "');\n        mask-position: center center;\n        mask-size: 5px 8px;\n        mask-repeat: no-repeat;\n      }\n\n      &:hover {\n        &:after {\n          background-color: ", ";\n        }\n\n        ul {\n          display: block;\n        }\n      }\n    "])), (0, _system.th)('colors.materialText'), _rightcaret["default"], (0, _system.th)('colors.materialTextInvert'));
 });
 
 var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
   var icon = _ref3.icon,
       _ref3$children = _ref3.children,
       children = _ref3$children === void 0 ? [] : _ref3$children,
-      rest = _objectWithoutProperties(_ref3, ["icon", "children"]);
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(Item, _extends({}, rest, {
     icon: !!icon,

package/cjs/Modal/Modal.js

@@ -17,13 +17,19 @@ var _reactDraggable = _interopRequireDefault(require("react-draggable"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
+var _TitleBar = _interopRequireDefault(require("../TitleBar"));
+
 var _ModalContext = _interopRequireDefault(require("./ModalContext"));
 
+var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -35,7 +41,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -43,182 +49,48 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _templateObject12() {
-  var data = _taggedTemplateLiteral(["\n      background-color: primary;\n      color: ", ";\n    "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  padding-left: 6;\n  padding-right: 6;\n\n  user-select: none;\n\n  ul {\n    position: absolute;\n    left: 0;\n    color: ", ";\n  }\n\n  ", ";\n"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  list-style: none;\n  margin: 0;\n  padding-left: 0;\n  padding-bottom: 3;\n\n  border-bottom-style: solid;\n  border-width: 1;\n  border-bottom-color: borderDark;\n\n  box-shadow: 0 1px 0 0 ", ";\n"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n\n  padding: 0 6 6 6;\n\n  & ", " {\n    margin-right: 6;\n    min-width: 70px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\n  padding: 6;\n"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  padding: 0;\n\n  width: 17px;\n  height: 14px;\n  min-width: 0;\n\n  font-size: 10;\n\n  &:active {\n    padding: 1 0 0 1;\n\n    outline: none;\n  }\n\n  &:focus {\n    box-shadow: inset 1px 1px 0px 1px ", ",\n      inset -1px -1px 0px 1px ", ";\n  }\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 2;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  font-weight: bold;\n\n  color: headerText;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  height: 18px;\n  margin-bottom: 2;\n\n  color: ", ";\n  padding: 2 2 0;\n\n  display: flex;\n  background: ", ";\n\n  img {\n    width: 15px;\n    height: 13px;\n    margin-right: 4px;\n  }\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n          z-index: modal;\n        "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  position: fixed;\n\n  padding: 2 2 8;\n\n  top: 50px;\n\n  background-color: material;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", "\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var ModalWrapper = _styledComponents["default"].div(_templateObject(), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), function (_ref) {
+var ModalWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  position: fixed;\n\n  padding: 2 2 8;\n\n  top: 50px;\n\n  background-color: material;\n\n  box-shadow: inset 1px 1px 0px 1px ", ",\n    inset 0 0 0 1px ", ",\n    1px 1px 0 1px ", ";\n\n  ", "\n  ", "\n"])), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'), (0, _system.th)('colors.borderDarkest'), function (_ref) {
   var width = _ref.width,
       height = _ref.height;
   return "\n    width: ".concat(width ? "".concat(width, "px") : 'auto', ";\n    height: ").concat(height ? "".concat(height, "px") : 'auto', ";\n  ");
 }, function (_ref2) {
   var active = _ref2.active;
-  return active ? (0, _styledComponents.css)(_templateObject2()) : '';
-});
-
-var TitleBar = _styledComponents["default"].div(_templateObject3(), (0, _system.th)('colors.materialTextInvert'), function (_ref3) {
-  var background = _ref3.background;
-  return (0, _system.th)("colors.".concat(background));
+  return active ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          z-index: modal;\n        "]))) : '';
 });
 
-var Title = _styledComponents["default"].div(_templateObject4());
+var Content = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\n  padding: 6;\n"])));
 
-var OptionsBox = _styledComponents["default"].ul(_templateObject5());
-
-var OptionItem = _styledComponents["default"].li(_templateObject6());
-
-var Option = (0, _styledComponents["default"])(_Button["default"])(_templateObject7(), (0, _system.th)('colors.borderLightest'), (0, _system.th)('colors.borderDark'));
-Option.displayName = 'Option';
-
-var Content = _styledComponents["default"].div(_templateObject8());
-
-var ButtonWrapper = _styledComponents["default"].div(_templateObject9(), function (_ref4) {
-  var _ref4$buttonsAlignmen = _ref4.buttonsAlignment,
-      buttonsAlignment = _ref4$buttonsAlignmen === void 0 ? 'center' : _ref4$buttonsAlignmen;
+var ButtonWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n\n  padding: 0 6 6 6;\n\n  & ", " {\n    margin-right: 6;\n    min-width: 70px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n"])), function (_ref3) {
+  var _ref3$buttonsAlignmen = _ref3.buttonsAlignment,
+      buttonsAlignment = _ref3$buttonsAlignmen === void 0 ? 'center' : _ref3$buttonsAlignmen;
   return buttonsAlignment;
 }, _Button["default"]);
 
-var MenuWrapper = _styledComponents["default"].ul(_templateObject10(), (0, _system.th)('colors.borderLighter'));
+var MenuWrapper = _styledComponents["default"].ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  list-style: none;\n  margin: 0;\n  padding-left: 0;\n  padding-bottom: 3;\n\n  border-bottom-style: solid;\n  border-width: 1;\n  border-bottom-color: borderDark;\n\n  box-shadow: 0 1px 0 0 ", ";\n"])), (0, _system.th)('colors.borderLighter'));
 
-var MenuItem = _styledComponents["default"].li(_templateObject11(), (0, _system.th)('colors.materialText'), function (_ref5) {
-  var active = _ref5.active;
-  return active && (0, _styledComponents.css)(_templateObject12(), (0, _system.th)('colors.materialTextInvert'));
+var MenuItem = _styledComponents["default"].li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: relative;\n  padding-left: 6;\n  padding-right: 6;\n\n  user-select: none;\n\n  ul {\n    position: absolute;\n    left: 0;\n    color: ", ";\n  }\n\n  ", ";\n"])), (0, _system.th)('colors.materialText'), function (_ref4) {
+  var active = _ref4.active;
+  return active && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      background-color: primary;\n      color: ", ";\n    "])), (0, _system.th)('colors.materialTextInvert'));
 });
 
 MenuItem.displayName = 'MenuItem';
 
-var ModalRenderer = function ModalRenderer(_ref6, ref) {
-  var _ref6$hasWindowButton = _ref6.hasWindowButton,
-      hasButton = _ref6$hasWindowButton === void 0 ? true : _ref6$hasWindowButton,
-      buttons = _ref6.buttons,
-      buttonsAlignment = _ref6.buttonsAlignment,
-      children = _ref6.children,
-      closeModal = _ref6.closeModal,
-      defaultPosition = _ref6.defaultPosition,
-      height = _ref6.height,
-      icon = _ref6.icon,
-      menu = _ref6.menu,
-      title = _ref6.title,
-      width = _ref6.width,
-      rest = _objectWithoutProperties(_ref6, ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"]);
+var ModalRenderer = function ModalRenderer(_ref5, ref) {
+  var _ref5$hasWindowButton = _ref5.hasWindowButton,
+      hasButton = _ref5$hasWindowButton === void 0 ? true : _ref5$hasWindowButton,
+      buttons = _ref5.buttons,
+      buttonsAlignment = _ref5.buttonsAlignment,
+      children = _ref5.children,
+      closeModal = _ref5.closeModal,
+      defaultPosition = _ref5.defaultPosition,
+      height = _ref5.height,
+      icon = _ref5.icon,
+      menu = _ref5.menu,
+      title = _ref5.title,
+      width = _ref5.width,
+      rest = _objectWithoutProperties(_ref5, _excluded);
 
   var _React$useContext = React.useContext(_ModalContext["default"]),
       addWindows = _React$useContext.addWindows,
@@ -284,15 +156,16 @@ var ModalRenderer = function ModalRenderer(_ref6, ref) {
   }, rest, {
     active: isActive,
     ref: ref
-  }), /*#__PURE__*/React.createElement(TitleBar, {
-    background: isActive ? 'headerBackground' : 'headerNotActiveBackground'
-  }, icon, /*#__PURE__*/React.createElement(Title, {
+  }), /*#__PURE__*/React.createElement(_TitleBar["default"], {
+    active: isActive,
+    icon: icon,
+    title: title,
     className: "draggable"
-  }, title), /*#__PURE__*/React.createElement(OptionsBox, null, /*#__PURE__*/React.createElement(OptionItem, null, /*#__PURE__*/React.createElement(Option, null, "?")), /*#__PURE__*/React.createElement(OptionItem, null, /*#__PURE__*/React.createElement(Option, {
+  }, /*#__PURE__*/React.createElement(_TitleBar["default"].OptionsBox, null, /*#__PURE__*/React.createElement(_TitleBar["default"].Option, null, "?"), /*#__PURE__*/React.createElement(_TitleBar["default"].Option, {
     onClick: closeModal
-  }, "x")))), menu && menu.length > 0 && /*#__PURE__*/React.createElement(MenuWrapper, null, menu.map(function (_ref7) {
-    var name = _ref7.name,
-        list = _ref7.list;
+  }, "X"))), menu && menu.length > 0 && /*#__PURE__*/React.createElement(MenuWrapper, null, menu.map(function (_ref6) {
+    var name = _ref6.name,
+        list = _ref6.list;
     var active = menuOpened === name;
     return /*#__PURE__*/React.createElement(MenuItem, {
       key: name,

package/cjs/Modal/ModalProvider.js

@@ -15,9 +15,9 @@ var _ModalContext = _interopRequireDefault(require("./ModalContext"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -27,11 +27,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }