@zohodesk/components 1.0.0-temp-47 → 1.0.0-temp-48

package/es/a11y/FocusScope/docs/FocusScope__default.docs.js

@@ -0,0 +1,139 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import FocusScope, { useFocusManager } from '../FocusScope';
+import style from '../../../beta/FocusRing/FocusRing.module.css';
+export default class FocusScope__default extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isOpen: false,
+      isSub: false
+    };
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+
+  handleSubmit(e, issub) {
+    this.setState({
+      isSub: issub,
+      isOpen: e
+    });
+  }
+
+  render() {
+    const {
+      isOpen,
+      isSub
+    } = this.state;
+    console.log(this.state);
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+      className: style.primary,
+      type: "button",
+      onClick: this.handleSubmit.bind(this, true, false)
+    }, "Focusscope"), isOpen ? /*#__PURE__*/React.createElement("div", {
+      className: style.freezeLayer
+    }, /*#__PURE__*/React.createElement(FocusScope, {
+      contain: true,
+      autoFocus: true,
+      restoreFocus: true
+    }, /*#__PURE__*/React.createElement(FormContainer, {
+      onSubmit: this.handleSubmit.bind(this, true, true),
+      onCancel: this.handleSubmit.bind(this, false, false)
+    }), isSub ? /*#__PURE__*/React.createElement(FocusScope, {
+      contain: true,
+      restoreFocus: true,
+      autoFocus: true
+    }, /*#__PURE__*/React.createElement("span", {
+      className: `${style.container} ${isSub && style.box1} ${isSub && style.manage}`
+    }, /*#__PURE__*/React.createElement(ToolbarButton, null, "Cut"), /*#__PURE__*/React.createElement(ToolbarButton, null, "Copy"), /*#__PURE__*/React.createElement(ToolbarButton, null, "Paste"), /*#__PURE__*/React.createElement(ToolbarButton, {
+      onClick: this.handleSubmit.bind(this, true, false)
+    }, "Close"))) : null)) : null);
+  }
+
+}
+
+function ToolbarButton(props) {
+  const focusManager = useFocusManager();
+
+  const onKeyDown = e => {
+    switch (e.key) {
+      case 'ArrowRight':
+        focusManager.focusNext({
+          wrap: true
+        });
+        break;
+
+      case 'ArrowLeft':
+        focusManager.focusPrevious({
+          wrap: true
+        });
+        break;
+
+      default:
+    }
+  };
+
+  const {
+    onClick,
+    children
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    className: style.primary,
+    type: "button",
+    onClick: onClick,
+    onKeyDown: onKeyDown
+  }, children);
+}
+
+ToolbarButton.propTypes = {
+  children: PropTypes.string.isRequired,
+  onClick: PropTypes.func
+};
+
+function FormContainer(props) {
+  const {
+    onSubmit,
+    onCancel
+  } = props;
+  const options = ['apple', 'MSoffice'];
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${style.box1}`
+  }, /*#__PURE__*/React.createElement("button", {
+    className: style.secondary,
+    type: "button",
+    onClick: onCancel
+  }, "close"), /*#__PURE__*/React.createElement("form", {
+    className: style.formContainer
+  }, /*#__PURE__*/React.createElement("h3", null, "name"), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: "Input A",
+    className: `${style.input} ${style.inpFocus}`,
+    name: "name"
+  }), /*#__PURE__*/React.createElement("h3", null, "contact"), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: "Input A",
+    className: `${style.input} ${style.inpFocus}`,
+    name: "contact"
+  }), /*#__PURE__*/React.createElement("h3", null, "select"), /*#__PURE__*/React.createElement("select", {
+    options: options,
+    name: "select",
+    className: `${style.input} ${style.inpFocus}`
+  }, options.map((item, i) => /*#__PURE__*/React.createElement("option", {
+    key: `item-${i}`
+  }, item)))), /*#__PURE__*/React.createElement("button", {
+    className: style.primary,
+    type: "submit",
+    onClick: onSubmit
+  }, "Submit"), /*#__PURE__*/React.createElement("button", {
+    className: style.secondary,
+    type: "button",
+    onClick: onCancel
+  }, "Cancel"));
+}
+
+FormContainer.propTypes = {
+  onCancel: PropTypes.func,
+  onSubmit: PropTypes.func
+};
+FocusScope__default.docs = {
+  componentGroup: 'Atom'
+};

package/es/beta/FocusRing/FocusRing.js

@@ -16,7 +16,10 @@ const FOCUS_VISIBLE_INPUT_KEYS = {
   Escape: false
 };
 
-function triggerChangeHandlers(evType = eventFrom, e = eventType) {
+function triggerChangeHandlers() {
+  let evType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : eventFrom;
+  let e = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : eventType;
+
   for (let handler of changeHandlers) {
     handler(evType, e);
   }

package/es/beta/FocusRing/docs/FocusRing__default.docs.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import Button from '../../../Button/Button';
+import TextBox from '../../../TextBox/TextBox';
+import FocusRing from '../FocusRing';
+import style from '../FocusRing.module.css';
+import { Box } from '../../../Layout';
+export default class FocusRing__default extends React.Component {
+  render() {
+    let styles = {
+      margin: '30px',
+      width: '50%',
+      display: 'block'
+    };
+    return /*#__PURE__*/React.createElement(FocusRing, {
+      focusClass: style.mouseFocus,
+      focusRingClass: style.tabFocus,
+      within: true
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("span", {
+      style: styles
+    }, /*#__PURE__*/React.createElement(FocusRing, {
+      focusClass: style.mouseFocus,
+      focusRingClass: style.tabFocus
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      type: "text",
+      defaultValue: "Input a",
+      id: "1"
+    }))), /*#__PURE__*/React.createElement("span", {
+      style: styles
+    }, /*#__PURE__*/React.createElement(FocusRing, {
+      focusClass: style.mouseFocus,
+      focusRingClass: style.tabFocus
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      type: "text",
+      defaultValue: "Input b",
+      id: "2"
+    }))), /*#__PURE__*/React.createElement("span", {
+      style: styles
+    }, /*#__PURE__*/React.createElement(TextBox, {
+      type: "text",
+      defaultValue: "Input c",
+      id: "3"
+    }))));
+  }
+
+}
+FocusRing__default.docs = {
+  componentGroup: 'Atom'
+};

package/es/common/docStyle.module.css

@@ -94,18 +94,18 @@
 }
 
 .blue {
-  color: var(--zd_prime);
+  color: var(--zd_text_prime);
 }
 
 .dark {
   composes: p10;
-  background-color: var(--dot_black);
+  background-color: var(--dot_bg_black);
 }
 
 .table {
   composes: p10;
   composes: cboth;
-  border: 1px solid var(--zd_smoke84);
+  border: 1px solid var(--zd_border_smoke84);
   border-radius: 3px;
 }
 
@@ -119,7 +119,7 @@
 
 .tableheading {
   composes: blue;
-  background:var(--zd_smoke1);
+  background: var(--zd_bg_smoke1);
 }
 
 .palette {
@@ -130,13 +130,13 @@
   width: 200px;
   composes: tcenter;
   font-weight: bold;
-  border: 1px solid var(--zd_smoke83);
+  border: 1px solid var(--zd_border_smoke83);
   border-radius: 3px;
 }
 
 .palette .palettecard {
   height: 80px;
-  border: 1px solid var(--zd_smoke83);
+  border: 1px solid var(--zd_border_smoke83);
 }
 
 .palette span {
@@ -149,7 +149,7 @@
   composes: tcenter;
   composes: p10;
   composes: m10;
-  border: 1px solid var(--zd_smoke83);
+  border: 1px solid var(--zd_border_smoke83);
   border-radius: 3px;
 }
 
@@ -161,7 +161,7 @@
 .cover {
   composes: p10;
   composes: m10;
-  border: 1px solid var(--zd_smoke1);
+  border: 1px solid var(--zd_border_smoke1);
   border-radius: 5px;
 }
 
@@ -759,4 +759,4 @@
   --textarea_text_color: hsl(var(--hue), 100%, 80%);
   --textarea_padding: 2px 10px;
   background-color: hsl(var(--hue), 100%, 97%);
-}
+}

package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js

@@ -0,0 +1,72 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import PortalLayer from '../PortalLayer';
+import Button from '../../../Button/Button';
+export class FreezeLayer extends Component {
+  render() {
+    let {
+      onClick,
+      forwardRef
+    } = this.props;
+    let freezeLayer = {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0,
+      background: 'rgba(0, 0, 0, 0.7)',
+      transition: '0.3s ease'
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      style: freezeLayer,
+      onClick: onClick,
+      ref: forwardRef
+    });
+  }
+
+}
+FreezeLayer.propTypes = {
+  onClick: PropTypes.func,
+  forwardRef: PropTypes.object
+};
+export default class PortalLayer__default extends Component {
+  constructor(props) {
+    super(props);
+    this.onToggle = this.onToggle.bind(this);
+    this.handlePortalLayer = this.handlePortalLayer.bind(this);
+    this.getPortalState = this.getPortalState.bind(this);
+  }
+
+  handlePortalLayer(func) {
+    this.toggle = func;
+  }
+
+  getPortalState(func) {
+    this.portalState = func;
+  }
+
+  onToggle() {
+    this.toggle(!this.portalState());
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      text: "Click me",
+      onClick: this.onToggle
+    }), /*#__PURE__*/React.createElement(PortalLayer, {
+      saveUpdateFunction: this.handlePortalLayer,
+      saveGetFunction: this.getPortalState,
+      isChildrenRestrictionNeeded: true
+    }, /*#__PURE__*/React.createElement(FreezeLayer, {
+      onClick: this.onToggle
+    })));
+  }
+
+}
+
+if (false) {
+  PortalLayer__default.docs = {
+    componentGroup: 'Atom',
+    folderName: 'Style Guide'
+  };
+}

package/es/semantic/Button/docs/Button__default.docs.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Button from '../Button';
+export default class Button__default extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(Button, null);
+  }
+
+}
+
+if (false) {
+  Button__default.docs = {
+    componentGroup: 'semantic',
+    folderName: 'DefaultComponents'
+  };
+}

package/es/utils/Common.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.string.replace";
 //$Id$//
 import viewPort from '../Popup/viewPort';
 const {
@@ -39,11 +38,14 @@ export function encodeForHtml(str) {
 
   return str;
 }
-export function getListOfDetails(Obj = {}, fn) {
+export function getListOfDetails() {
+  let Obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let fn = arguments.length > 1 ? arguments[1] : undefined;
   const ids = Object.keys(Obj) || [];
   return ids.map(id => fn(Obj[id]));
 }
-export function capitalize(value = '') {
+export function capitalize() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let newValue = '';
 
   for (let i = 0; i < value.length; i++) {
@@ -56,12 +58,18 @@ export function capitalize(value = '') {
 
   return newValue;
 }
-export function bind(...handlers) {
+export function bind() {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+
   handlers.forEach(handler => {
     this[handler] = this[handler].bind(this);
   });
 }
-export function getFullName(firstName = '', lastName = '') {
+export function getFullName() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let fullName = '';
 
   if (firstName !== null && firstName !== '') {
@@ -74,7 +82,8 @@ export function getFullName(firstName = '', lastName = '') {
 
   return fullName;
 }
-export function getStringifiedOutputForJson(input = {}) {
+export function getStringifiedOutputForJson() {
+  let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const keys = Object.keys(input);
   const modifiedInput = keys.reduce((curr, next) => {
     const values = input[next] || [];
@@ -110,14 +119,19 @@ export function filterValue(obj, val) {
   });
   return result;
 }
-export function merge(oldObj = {}, newObj) {
+export function merge() {
+  let oldObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let newObj = arguments.length > 1 ? arguments[1] : undefined;
   const copyOfOld = Object.assign({}, oldObj);
   return Object.keys(newObj).reduce((res, key) => {
     res[key] = Object.assign({}, res[key] || {}, newObj[key]);
     return res;
   }, copyOfOld);
 }
-export function formatValue(values = [], valueField = 'id', textField = 'name') {
+export function formatValue() {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  let textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(value => {
     let formattedValue = value;
 
@@ -141,7 +155,8 @@ export function bytesToSize(bytes) {
   const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return `${Math.round(bytes / Math.pow(1024, i), 2)} ${sizes[i]}`;
 }
-export function getMemSize(bytes, size = !0) {
+export function getMemSize(bytes) {
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   const thresh = size ? 1000 : 1024;
 
   if (Math.abs(bytes) < thresh) {
@@ -274,7 +289,11 @@ export const debounce = function (func, wait) {
   };
 };
 let timerId;
-export const throttle = (func, wait, ...args) => {
+export const throttle = function (func, wait) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+    args[_key2 - 2] = arguments[_key2];
+  }
+
   if (timerId) {
     return;
   }
@@ -344,6 +363,7 @@ export function getElementSpace(elementRef) {
     availableInsideSpace: availableInsideSpace
   };
 }
-export function getSearchString(charachers = '') {
+export function getSearchString() {
+  let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
 }

package/es/utils/datetime/common.js

@@ -1,10 +1,11 @@
-import "core-js/modules/es.string.replace";
 let dateFormat = {
   dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
   timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM']
 };
-export function pad(n, width = 1, z) {
+export function pad(n) {
+  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let z = arguments.length > 2 ? arguments[2] : undefined;
   z = z || '0';
   n = `${n}`;
   return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
@@ -76,7 +77,9 @@ export function replaceI18NValuesWithRegex(i18nStr, values) {
 export function unescapeUnicode(str) {
   return str.replace(/\\u([a-fA-F0-9]{4})/g, (g, m1) => String.fromCharCode(parseInt(m1, 16)));
 }
-export function getValues(params = [], diff) {
+export function getValues() {
+  let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let diff = arguments.length > 1 ? arguments[1] : undefined;
   return params.map(param => diff[param]);
 }
 export function getI18NValue(i18n) {

package/es/utils/dropDownUtils.js

@@ -377,11 +377,12 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
     return changedOptions;
   }, newOptions);
 });
-export const filterSelectedOptions = ({
-  selectedOptions = dummyArray,
-  propSelectedOptions = dummyArray,
-  disabledOptions = dummyArray
-} = {}) => {
+export const filterSelectedOptions = function () {
+  let {
+    selectedOptions = dummyArray,
+    propSelectedOptions = dummyArray,
+    disabledOptions = dummyArray
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line no-param-reassign
   selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
 

package/es/utils/getInitial.js

@@ -1,4 +1,6 @@
-export function getInitial(firstName = '', lastName = '') {
+export function getInitial() {
+  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let initial = '';
 
   if (firstName) {

package/externalDocsBuild.js

@@ -0,0 +1,21 @@
+/* eslint-disable no-console */
+let fs = require('fs');
+fs.readFile('./build/index.html', 'utf8', (err, data) => {
+  if (err) {
+    return console.log(err);
+  }
+  var result = data.replace(
+    /<script src='\/docs\/js\/vendor.js'><\/script>/g,
+    ''
+  );
+  var result = result.replace(
+    /<script src='\/docs\/js\/main.js'><\/script>/g,
+    '<script src="./main.js"></script>'
+  );
+
+  fs.writeFile('./build/index.html', result, 'utf8', err => {
+    if (err) {
+      return console.log(err);
+    }
+  });
+});

package/lib/Accordion/Accordion.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,9 +17,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 

package/lib/Accordion/AccordionItem.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -21,9 +21,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }