module.exports = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "./src/frontend.js"); /******/ }) /************************************************************************/ /******/ ({ /***/ "../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js": /*!***********************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js ***! \***********************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _assertThisInitialized; }); function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } /***/ }), /***/ "../../node_modules/@babel/runtime/helpers/esm/extends.js": /*!*********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@babel/runtime/helpers/esm/extends.js ***! \*********************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _extends; }); 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); } /***/ }), /***/ "../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js": /*!***************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***! \***************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _inheritsLoose; }); function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; } /***/ }), /***/ "../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js": /*!******************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***! \******************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _objectWithoutPropertiesLoose; }); 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; } /***/ }), /***/ "../../node_modules/@reach/auto-id/es/index.js": /*!**********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/auto-id/es/index.js ***! \**********************************************************************************/ /*! exports provided: useId */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useId", function() { return useId; }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); // Could use UUID but if we hit 9,007,199,254,740,991 unique components over // the lifetime of the app before it gets reloaded, I mean ... come on. // I don't even know what xillion that is. // /me googles // Oh duh, quadrillion. Nine quadrillion components. I think we're okay. var id = 0; var genId = function genId() { return ++id; }; var useId = function useId() { var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(null), id = _useState[0], setId = _useState[1]; Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () { return setId(genId()); }, []); return id; }; /***/ }), /***/ "../../node_modules/@reach/component-component/es/index.js": /*!**********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/component-component/es/index.js ***! \**********************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__); function _typeof(obj) { 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (_typeof(call) === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + _typeof(superClass)); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } var cleanProps = function cleanProps(props) { var initialState = props.initialState, getInitialState = props.getInitialState, refs = props.refs, getRefs = props.getRefs, didMount = props.didMount, didUpdate = props.didUpdate, willUnmount = props.willUnmount, getSnapshotBeforeUpdate = props.getSnapshotBeforeUpdate, shouldUpdate = props.shouldUpdate, render = props.render, rest = _objectWithoutProperties(props, ["initialState", "getInitialState", "refs", "getRefs", "didMount", "didUpdate", "willUnmount", "getSnapshotBeforeUpdate", "shouldUpdate", "render"]); return rest; }; var Component = function (_React$Component) { _inherits(Component, _React$Component); function Component() { var _temp, _this, _ret; _classCallCheck(this, Component); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _initialiseProps.call(_this), _temp), _possibleConstructorReturn(_this, _ret); } Component.prototype.getArgs = function getArgs() { var state = this.state, props = this.props, setState = this._setState, forceUpdate = this._forceUpdate, refs = this._refs; return { state: state, props: cleanProps(props), refs: refs, setState: setState, forceUpdate: forceUpdate }; }; Component.prototype.componentDidMount = function componentDidMount() { if (this.props.didMount) this.props.didMount(this.getArgs()); }; Component.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) { if (this.props.shouldUpdate) return this.props.shouldUpdate({ props: this.props, state: this.state, nextProps: cleanProps(nextProps), nextState: nextState });else return true; }; Component.prototype.componentWillUnmount = function componentWillUnmount() { if (this.props.willUnmount) this.props.willUnmount({ state: this.state, props: cleanProps(this.props), refs: this._refs }); }; Component.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState, snapshot) { if (this.props.didUpdate) this.props.didUpdate(Object.assign(this.getArgs(), { prevProps: cleanProps(prevProps), prevState: prevState }), snapshot); }; Component.prototype.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps, prevState) { if (this.props.getSnapshotBeforeUpdate) { return this.props.getSnapshotBeforeUpdate(Object.assign(this.getArgs(), { prevProps: cleanProps(prevProps), prevState: prevState })); } else { return null; } }; Component.prototype.render = function render() { var _props = this.props, children = _props.children, render = _props.render; return render ? render(this.getArgs()) : typeof children === "function" ? children(this.getArgs()) : children || null; }; return Component; }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component); Component.defaultProps = { getInitialState: function getInitialState() {}, getRefs: function getRefs() { return {}; } }; var _initialiseProps = function _initialiseProps() { var _this2 = this; this.state = this.props.initialState || this.props.getInitialState(this.props); this._refs = this.props.refs || this.props.getRefs(this.getArgs()); this._setState = function () { return _this2.setState.apply(_this2, arguments); }; this._forceUpdate = function () { return _this2.forceUpdate.apply(_this2, arguments); }; }; false ? undefined : void 0; /* harmony default export */ __webpack_exports__["default"] = (Component); /***/ }), /***/ "../../node_modules/@reach/menu-button/es/index.js": /*!**************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/menu-button/es/index.js ***! \**************************************************************************************/ /*! exports provided: Menu, MenuList, MenuButton, MenuLink, MenuItem */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Menu", function() { return Menu; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuList", function() { return MenuList; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuButton", function() { return MenuButton; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuLink", function() { return MenuLink; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MenuItem", function() { return MenuItem; }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _reach_portal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @reach/portal */ "../../node_modules/@reach/portal/es/index.js"); /* harmony import */ var _reach_rect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @reach/rect */ "../../node_modules/@reach/rect/es/index.js"); /* harmony import */ var _reach_window_size__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @reach/window-size */ "../../node_modules/@reach/window-size/es/index.js"); /* harmony import */ var _reach_component_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @reach/component-component */ "../../node_modules/@reach/component-component/es/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var _reach_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @reach/utils */ "../../node_modules/@reach/utils/es/index.js"); var _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; }; function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // TODO: add the mousedown/drag/mouseup to select of native menus, will // also help w/ remove the menu button tooltip hide-flash. // TODO: add type-to-highlight like native menus var _createContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(), Provider = _createContext.Provider, Consumer = _createContext.Consumer; var checkIfAppManagedFocus = function checkIfAppManagedFocus(_ref) { var refs = _ref.refs, state = _ref.state, prevState = _ref.prevState; if (!state.isOpen && prevState.isOpen) { return !refs.menu.contains(document.activeElement); } return false; }; var manageFocusOnUpdate = function manageFocusOnUpdate(_ref2, appManagedFocus) { var refs = _ref2.refs, state = _ref2.state, prevState = _ref2.prevState; if (state.isOpen && !prevState.isOpen) { window.__REACH_DISABLE_TOOLTIPS = true; if (state.selectionIndex !== -1) { // haven't measured the popover yet, give it a frame otherwise // we'll scroll to the bottom of the page >.< requestAnimationFrame(function () { refs.items[state.selectionIndex].focus(); }); } else { refs.menu.focus(); } } else if (!state.isOpen && prevState.isOpen) { if (!appManagedFocus) { refs.button.focus(); } // we want to ignore the immediate focus of a tooltip so it doesn't pop // up again when the menu closes, only pops up when focus returns again // to the tooltip (like native OS tooltips) window.__REACH_DISABLE_TOOLTIPS = false; } else if (state.selectionIndex !== prevState.selectionIndex) { if (state.selectionIndex === -1) { // clear highlight when mousing over non-menu items, but focus the menu // so the the keyboard will work after a mouseover refs.menu.focus(); } else { refs.items[state.selectionIndex].focus(); } } }; var openAtFirstItem = function openAtFirstItem(state) { return { isOpen: true, selectionIndex: 0 }; }; var close = function close(state) { return { isOpen: false, selectionIndex: -1, closingWithClick: false }; }; var selectItemAtIndex = function selectItemAtIndex(index) { return function (state) { return { selectionIndex: index }; }; }; var genId = function genId(prefix) { return prefix + "-" + Math.random().toString(32).substr(2, 8); }; //////////////////////////////////////////////////////////////////////// var getMenuRefs = function getMenuRefs() { return { button: null, menu: null, items: [] }; }; var getInitialMenuState = function getInitialMenuState() { return { isOpen: false, buttonRect: undefined, selectionIndex: -1, closingWithClick: false, buttonId: genId("button") }; }; var checkIfStylesIncluded = function checkIfStylesIncluded() { return Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["checkStyles"])("menu-button"); }; var Menu = function Menu(_ref3) { var children = _ref3.children; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_component_component__WEBPACK_IMPORTED_MODULE_4__["default"], { getRefs: getMenuRefs, getInitialState: getInitialMenuState, didMount: checkIfStylesIncluded, didUpdate: manageFocusOnUpdate, getSnapshotBeforeUpdate: checkIfAppManagedFocus }, function (context) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Provider, { value: context }, typeof children === "function" ? children({ isOpen: context.state.isOpen }) : children); }); }; false ? undefined : void 0; //////////////////////////////////////////////////////////////////////// var MenuButton = react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef(function (_ref4, _ref7) { var onClick = _ref4.onClick, onKeyDown = _ref4.onKeyDown, onMouseDown = _ref4.onMouseDown, props = _objectWithoutProperties(_ref4, ["onClick", "onKeyDown", "onMouseDown"]); return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Consumer, null, function (_ref5) { var refs = _ref5.refs, state = _ref5.state, setState = _ref5.setState; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_rect__WEBPACK_IMPORTED_MODULE_2__["default"], { observe: state.isOpen, onChange: function onChange(buttonRect) { return setState({ buttonRect: buttonRect }); } }, function (_ref6) { var rectRef = _ref6.ref; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", _extends({ id: state.buttonId, "aria-haspopup": "menu", "aria-expanded": state.isOpen, "data-reach-menu-button": true, type: "button", ref: function ref(node) { rectRef(node); Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref7, node); refs.button = node; }, onMouseDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onMouseDown, function () { if (state.isOpen) { setState({ closingWithClick: true }); } }), onClick: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onClick, function () { if (state.isOpen) { setState(close); } else { setState(openAtFirstItem); } }), onKeyDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onKeyDown, function (event) { if (event.key === "ArrowDown") { event.preventDefault(); // prevent scroll setState(openAtFirstItem); } else if (event.key === "ArrowUp") { event.preventDefault(); // prevent scroll setState(openAtFirstItem); } }) }, props)); }); }); }); MenuButton.propTypes = { onClick: prop_types__WEBPACK_IMPORTED_MODULE_5__["func"], onKeyDown: prop_types__WEBPACK_IMPORTED_MODULE_5__["func"], children: prop_types__WEBPACK_IMPORTED_MODULE_5__["node"] }; var MenuItem = react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef(function (_ref8, _ref9) { var onSelect = _ref8.onSelect, onClick = _ref8.onClick, _ref8$role = _ref8.role, role = _ref8$role === undefined ? "menuitem" : _ref8$role, state = _ref8.state, setState = _ref8.setState, index = _ref8.index, onKeyDown = _ref8.onKeyDown, onMouseMove = _ref8.onMouseMove, onMouseLeave = _ref8.onMouseLeave, _ref = _ref8._ref, rest = _objectWithoutProperties(_ref8, ["onSelect", "onClick", "role", "state", "setState", "index", "onKeyDown", "onMouseMove", "onMouseLeave", "_ref"]); var isSelected = index === state.selectionIndex; var select = function select() { onSelect(); setState(close); }; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", _extends({}, rest, { ref: function ref(node) { Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref9, node); Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref, node); }, "data-reach-menu-item": role === "menuitem" ? true : undefined, role: role, tabIndex: "-1", "data-selected": role === "menuitem" && isSelected ? true : undefined, onClick: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onClick, function (event) { select(); }), onKeyDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onKeyDown, function (event) { if (event.key === "Enter") { // prevent the button from being "clicked" by // this "Enter" keydown event.preventDefault(); select(); } }), onMouseMove: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onMouseMove, function (event) { if (!isSelected) { setState(selectItemAtIndex(index)); } }), onMouseLeave: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onMouseLeave, function (event) { // clear out selection when mouse over a non-menu item child setState({ selectionIndex: -1 }); }) })); }); false ? undefined : void 0; var k = function k() {}; //////////////////////////////////////////////////////////////////////// var MenuLink = react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef(function (_ref10, _ref11) { var onKeyDown = _ref10.onKeyDown, onClick = _ref10.onClick, Comp = _ref10.component, _ref10$as = _ref10.as, AsComp = _ref10$as === undefined ? "a" : _ref10$as, style = _ref10.style, setState = _ref10.setState, state = _ref10.state, index = _ref10.index, _ref = _ref10._ref, props = _objectWithoutProperties(_ref10, ["onKeyDown", "onClick", "component", "as", "style", "setState", "state", "index", "_ref"]); var Link = Comp || AsComp; if (Comp) { console.warn("[@reach/menu-button]: Please use the `as` prop instead of `component`."); } return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MenuItem, { role: "none", state: state, setState: setState, index: index, onSelect: k, _ref: k }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Link, _extends({ role: "menuitem", "data-reach-menu-item": true, tabIndex: "-1", "data-selected": index === state.selectionIndex ? true : undefined, onClick: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onClick, function (event) { setState(close); }), onKeyDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onKeyDown, function (event) { if (event.key === "Enter") { // prevent MenuItem's preventDefault from firing, // allowing this link to work w/ the keyboard event.stopPropagation(); } }), ref: function ref(node) { Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref, node); Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref11, node); }, style: _extends({}, style) }, props))); }); false ? undefined : void 0; /////////////////////////////////////////////////////////////////// var MenuList = react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef(function (props, ref) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Consumer, null, function (_ref12) { var refs = _ref12.refs, state = _ref12.state, setState = _ref12.setState; return state.isOpen && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_portal__WEBPACK_IMPORTED_MODULE_1__["default"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_window_size__WEBPACK_IMPORTED_MODULE_3__["default"], null, function () { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_rect__WEBPACK_IMPORTED_MODULE_2__["default"], null, function (_ref13) { var menuRect = _ref13.rect, menuRef = _ref13.ref; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { "data-reach-menu": true, ref: menuRef, style: getStyles(state.buttonRect, menuRect) }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MenuListImpl, _extends({}, props, { setState: setState, state: state, refs: refs, ref: ref }))); }); })); }); }); MenuList.propTypes = { children: prop_types__WEBPACK_IMPORTED_MODULE_5__["node"] }; var focusableChildrenTypes = [MenuItem, MenuLink]; var isFocusableChildType = function isFocusableChildType(child) { return focusableChildrenTypes.includes(child.type); }; var getFocusableMenuChildren = function getFocusableMenuChildren(children) { var focusable = []; react__WEBPACK_IMPORTED_MODULE_0__["Children"].forEach(children, function (child) { if (isFocusableChildType(child)) focusable.push(child); }); return focusable; }; var MenuListImpl = react__WEBPACK_IMPORTED_MODULE_0___default.a.forwardRef(function (_ref14, _ref15) { var refs = _ref14.refs, state = _ref14.state, setState = _ref14.setState, children = _ref14.children, onKeyDown = _ref14.onKeyDown, onBlur = _ref14.onBlur, rest = _objectWithoutProperties(_ref14, ["refs", "state", "setState", "children", "onKeyDown", "onBlur"]); var focusableChildren = getFocusableMenuChildren(children); return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", _extends({ "data-reach-menu-list": true }, rest, { role: "menu", "aria-labelledby": state.buttonId, tabIndex: "-1", ref: function ref(node) { refs.menu = node; Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["assignRef"])(_ref15, node); }, onBlur: function onBlur(event) { if (!state.closingWithClick && !refs.menu.contains(event.relatedTarget)) { setState(close); } }, onKeyDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_6__["wrapEvent"])(onKeyDown, function (event) { if (event.key === "Escape") { setState(close); } else if (event.key === "ArrowDown") { event.preventDefault(); // prevent window scroll var nextIndex = state.selectionIndex + 1; if (nextIndex !== focusableChildren.length) { setState({ selectionIndex: nextIndex }); } } else if (event.key === "ArrowUp") { event.preventDefault(); // prevent window scroll var _nextIndex = state.selectionIndex - 1; if (_nextIndex !== -1) { setState({ selectionIndex: _nextIndex }); } } else if (event.key === "Tab") { event.preventDefault(); // prevent leaving } }) }), react__WEBPACK_IMPORTED_MODULE_0__["Children"].map(children, function (child, index) { if (isFocusableChildType(child)) { var focusIndex = focusableChildren.indexOf(child); return react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(child, { setState: setState, state: state, index: focusIndex, _ref: function _ref(node) { return refs.items[focusIndex] = node; } }); } return child; })); }); false ? undefined : void 0; var getStyles = function getStyles(buttonRect, menuRect) { var haventMeasuredButtonYet = !buttonRect; if (haventMeasuredButtonYet) { return { opacity: 0 }; } var haventMeasuredMenuYet = !menuRect; var styles = { left: buttonRect.left + window.pageXOffset + "px", top: buttonRect.top + buttonRect.height + window.pageYOffset + "px" }; if (haventMeasuredMenuYet) { return _extends({}, styles, { opacity: 0 }); } if (buttonRect.width < 500) { styles.minWidth = buttonRect.width; } var collisions = { top: buttonRect.top - menuRect.height < 0, right: window.innerWidth < buttonRect.left + menuRect.width, bottom: window.innerHeight < buttonRect.top + menuRect.height, left: buttonRect.left - menuRect.width < 0 }; var directionRight = collisions.right && !collisions.left; var directionUp = collisions.bottom && !collisions.top; return _extends({}, styles, { left: directionRight ? buttonRect.right - menuRect.width + window.pageXOffset + "px" : buttonRect.left + window.pageXOffset + "px", top: directionUp ? buttonRect.top - menuRect.height + window.pageYOffset + "px" : buttonRect.top + buttonRect.height + window.pageYOffset + "px" }); }; /***/ }), /***/ "../../node_modules/@reach/menu-button/styles.css": /*!*************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/menu-button/styles.css ***! \*************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var content = __webpack_require__(/*! !../../css-loader??ref--5-1!./styles.css */ "../../node_modules/css-loader/index.js?!../../node_modules/@reach/menu-button/styles.css"); if(typeof content === 'string') content = [[module.i, content, '']]; var transform; var insertInto; var options = {"hmr":true} options.transform = transform options.insertInto = undefined; var update = __webpack_require__(/*! ../../style-loader/lib/addStyles.js */ "../../node_modules/style-loader/lib/addStyles.js")(content, options); if(content.locals) module.exports = content.locals; if(false) {} /***/ }), /***/ "../../node_modules/@reach/observe-rect/dist/index.m.js": /*!*******************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/observe-rect/dist/index.m.js ***! \*******************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); var t = ["width", "height", "top", "right", "bottom", "left"], n = function n(_n, e) { return void 0 === _n && (_n = {}), void 0 === e && (e = {}), t.some(function (t) { return _n[t] !== e[t]; }); }; /* harmony default export */ __webpack_exports__["default"] = (function (t, e) { var o, i, r = function r() { var u = t.getBoundingClientRect(); n(u, o) && e(o = u), i = requestAnimationFrame(r); }; return { observe: r, unobserve: function unobserve() { cancelAnimationFrame(i); } }; }); ; /***/ }), /***/ "../../node_modules/@reach/portal/es/index.js": /*!*********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/portal/es/index.js ***! \*********************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom"); /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _reach_component_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @reach/component-component */ "../../node_modules/@reach/component-component/es/index.js"); var Portal = function Portal(_ref) { var children = _ref.children, _ref$type = _ref.type, type = _ref$type === undefined ? "reach-portal" : _ref$type; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_component_component__WEBPACK_IMPORTED_MODULE_2__["default"], { getRefs: function getRefs() { return { mountNode: null, portalNode: null }; }, didMount: function didMount(_ref2) { var refs = _ref2.refs, forceUpdate = _ref2.forceUpdate; // It's possible that the content we are portal has, itself, been portaled. // In that case, it's important to append to the correct document element. var ownerDocument = refs.mountNode.ownerDocument; refs.portalNode = ownerDocument.createElement(type); ownerDocument.body.appendChild(refs.portalNode); forceUpdate(); }, willUnmount: function willUnmount(_ref3) { var portalNode = _ref3.refs.portalNode; portalNode.ownerDocument.body.removeChild(portalNode); }, render: function render(_ref4) { var refs = _ref4.refs; var portalNode = refs.portalNode; if (!portalNode) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { ref: function ref(div) { return refs.mountNode = div; } }); } else { return Object(react_dom__WEBPACK_IMPORTED_MODULE_1__["createPortal"])(children, portalNode); } } }); }; /* harmony default export */ __webpack_exports__["default"] = (Portal); /***/ }), /***/ "../../node_modules/@reach/rect/es/index.js": /*!*******************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/rect/es/index.js ***! \*******************************************************************************/ /*! exports provided: useRect, default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useRect", function() { return useRect; }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _reach_component_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @reach/component-component */ "../../node_modules/@reach/component-component/es/index.js"); /* harmony import */ var _reach_observe_rect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @reach/observe-rect */ "../../node_modules/@reach/observe-rect/dist/index.m.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); var _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; }; var render = function render(_ref) { var refs = _ref.refs, children = _ref.props.children, rect = _ref.state.rect; return children({ ref: function ref(node) { return refs.node = node; }, rect: rect }); }; var didMount = function didMount(_ref2) { var setState = _ref2.setState, refs = _ref2.refs, props = _ref2.props; if (!refs.node) { console.warn("You need to place the ref"); return; } refs.observer = Object(_reach_observe_rect__WEBPACK_IMPORTED_MODULE_2__["default"])(refs.node, function (rect) { props.onChange && props.onChange(rect); setState({ rect: rect }); }); if (props.observe) { refs.observer.observe(); } }; var didUpdate = function didUpdate(_ref3) { var refs = _ref3.refs, props = _ref3.props, prevProps = _ref3.prevProps; if (props.observe && !prevProps.observe) { refs.observer.observe(); } else if (!props.observe && prevProps.observe) { refs.observer.unobserve(); } }; var willUnmount = function willUnmount(_ref4) { var refs = _ref4.refs; refs.observer.unobserve(); }; var Rect = function Rect(props) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_component_component__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, props, { refs: { node: undefined, observer: undefined }, initialState: { rect: undefined }, didMount: didMount, didUpdate: didUpdate, willUnmount: willUnmount, render: render })); }; false ? undefined : void 0; Rect.defaultProps = { observe: true }; function useRect(nodeRef) { var observe = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(null), rect = _useState[0], setRect = _useState[1]; var observerRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(null); Object(react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"])(function () { if (!observerRef.current) { observerRef.current = Object(_reach_observe_rect__WEBPACK_IMPORTED_MODULE_2__["default"])(nodeRef.current, setRect); } if (observe) { observerRef.current.observe(); } return function () { return observerRef.current.unobserve(); }; }, [observe]); return rect; } /* harmony default export */ __webpack_exports__["default"] = (Rect); /***/ }), /***/ "../../node_modules/@reach/tooltip/es/index.js": /*!**********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/tooltip/es/index.js ***! \**********************************************************************************/ /*! exports provided: useTooltip, default, TooltipPopup */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useTooltip", function() { return useTooltip; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Tooltip; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TooltipPopup", function() { return TooltipPopup; }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _reach_auto_id__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @reach/auto-id */ "../../node_modules/@reach/auto-id/es/index.js"); /* harmony import */ var _reach_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @reach/utils */ "../../node_modules/@reach/utils/es/index.js"); /* harmony import */ var _reach_portal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @reach/portal */ "../../node_modules/@reach/portal/es/index.js"); /* harmony import */ var _reach_visually_hidden__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @reach/visually-hidden */ "../../node_modules/@reach/visually-hidden/es/index.js"); /* harmony import */ var _reach_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @reach/rect */ "../../node_modules/@reach/rect/es/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__); var _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; }; var _states; function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } //////////////////////////////////////////////////////////////////////////////// // Welcome to @reach/tooltip! // // Quick definitions: // // - "on rest" or "rested on": describes when the element receives mouse hover // after a short delay (and hopefully soon, touch longpress). // // - "activation": describes a mouse click, keyboard enter, or keyboard space. // // Only one tooltip can be visible at a time, so we use a global state chart to // describe the various states and transitions between states that are // possible. With the all the timeouts involved with tooltips it's important to // "make impossible states impossible" with a state machine. // // It's also okay to use these module globals because you don't server render // tooltips. None of the state is changed outside of user events. // // There are a few features that are important to understand. // // 1. Tooltips don't show up until the user has rested on one, we don't // want tooltips popupping up as you move your mouse around the page. // // 2. Once any tooltip becomes visible, other tooltips nearby should skip // resting and display immediately. // // 3. Tooltips stick around for a little bit after blur/mouseleave. // // TODO: Research longpress tooltips on Android, iOS // - Probably want to position it by default above, since your thumb // is below and would cover it // - I'm thinking after longpress, display the tooltip and cancel any click // events. Then on touchend, so they can read it display the tooltip for // a little while longer in case their hand was obstructing the tooltip. /* eslint-disable default-case */ //////////////////////////////////////////////////////////////////////////////// // ~The states~ // nothing goin' on var IDLE = "idle"; // we're considering showing the tooltip, but we're gonna wait a sec var FOCUSED = "focused"; // IT'S ON var VISIBLE = "visible"; // Focus has left, but we want to keep it visible for a sec var LEAVING_VISIBLE = "leavingVisible"; // The user clicked the tool, so we want to hide the thing, we can't just use // IDLE because we need to ignore mousemove, etc. var DISMISSED = "dismissed"; var chart = { initial: IDLE, states: (_states = {}, _states[IDLE] = { enter: clearContextId, on: { mouseenter: FOCUSED, focus: VISIBLE } }, _states[FOCUSED] = { enter: startRestTimer, leave: clearRestTimer, on: { mousemove: FOCUSED, mouseleave: IDLE, mousedown: DISMISSED, blur: IDLE, rest: VISIBLE } }, _states[VISIBLE] = { on: { focus: FOCUSED, mouseenter: FOCUSED, mouseleave: LEAVING_VISIBLE, blur: LEAVING_VISIBLE, mousedown: DISMISSED, selectWithKeyboard: DISMISSED, globalMouseMove: LEAVING_VISIBLE } }, _states[LEAVING_VISIBLE] = { enter: startLeavingVisibleTimer, leave: function leave() { clearLeavingVisibleTimer(); clearContextId(); }, on: { mouseenter: VISIBLE, focus: VISIBLE, timecomplete: IDLE } }, _states[DISMISSED] = { leave: function leave() { // allows us to come on back later w/o entering something else first context.id = null; }, on: { mouseleave: IDLE, blur: IDLE } }, _states) }; // chart context allows us to persist some data around, in Tooltip all we use // is the id of the current tooltip being interacted with. var context = { id: null }; var state = chart.initial; //////////////////////////////////////////////////////////////////////////////// // Finds the next state from the current state + action. If the chart doesn't // describe that transition, it will throw. // // It also manages lifecycles of the machine, (enter/leave hooks on the state // chart) function transition(action, newContext) { var stateDef = chart.states[state]; var nextState = stateDef.on[action]; // Really useful for debugging // console.log({ action, state, nextState, contextId: context.id }); if (!nextState) { throw new Error("Unknown state for action \"" + action + "\" from state \"" + state + "\""); } if (stateDef.leave) { stateDef.leave(); } if (newContext) { context = newContext; } var nextDef = chart.states[nextState]; if (nextDef.enter) { nextDef.enter(); } state = nextState; notify(); } //////////////////////////////////////////////////////////////////////////////// // Subscriptions: // // We could require apps to render a around the app and use // React context to notify Tooltips of changes to our state machine, instead // we manage subscriptions ourselves and simplify the Tooltip API. // // Maybe if default context could take a hook (instead of just a static value) // that was rendered at the root for us, that'd be cool! But it doesn't. var subscriptions = []; function subscribe(fn) { subscriptions.push(fn); return function () { subscriptions.splice(subscriptions.indexOf(fn), 1); }; } function notify() { subscriptions.forEach(function (fn) { return fn(state, context); }); } //////////////////////////////////////////////////////////////////////////////// // Timeouts: // Manages when the user "rests" on an element. Keeps the interface from being // flashing tooltips all the time as the user moves the mouse around the screen. var restTimeout = void 0; function startRestTimer() { clearTimeout(restTimeout); restTimeout = setTimeout(function () { return transition("rest"); }, 100); } function clearRestTimer() { clearTimeout(restTimeout); } // Manages the delay to hide the tooltip after rest leaves. var leavingVisibleTimer = void 0; function startLeavingVisibleTimer() { clearTimeout(leavingVisibleTimer); leavingVisibleTimer = setTimeout(function () { return transition("timecomplete"); }, 500); } function clearLeavingVisibleTimer() { clearTimeout(leavingVisibleTimer); } // allows us to come on back later w/o entering something else first after the // user leaves or dismisses function clearContextId() { context.id = null; } //////////////////////////////////////////////////////////////////////////////// // THE HOOK! It's about time we got to the goods! function useTooltip() { var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}, onMouseEnter = _ref.onMouseEnter, onMouseMove = _ref.onMouseMove, onMouseLeave = _ref.onMouseLeave, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onKeyDown = _ref.onKeyDown, onMouseDown = _ref.onMouseDown, ref = _ref.ref, DEBUG_STYLE = _ref.DEBUG_STYLE; var id = "tooltip:" + Object(_reach_auto_id__WEBPACK_IMPORTED_MODULE_1__["useId"])(); var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(DEBUG_STYLE ? true : context.id === id && state === VISIBLE), isVisible = _useState[0], setIsVisible = _useState[1]; // hopefully they always pass a ref if they ever pass one var triggerRef = ref || Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(); var triggerRect = Object(_reach_rect__WEBPACK_IMPORTED_MODULE_5__["useRect"])(triggerRef, isVisible); Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () { return subscribe(function () { if (context.id === id && (state === VISIBLE || state === LEAVING_VISIBLE)) { setIsVisible(true); } else { setIsVisible(false); } }); }, [id]); Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () { return Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["checkStyles"])("tooltip"); }); var handleMouseEnter = function handleMouseEnter() { switch (state) { case IDLE: case VISIBLE: case LEAVING_VISIBLE: { transition("mouseenter", { id: id }); } } }; var handleMouseMove = function handleMouseMove() { switch (state) { case FOCUSED: { transition("mousemove", { id: id }); } } }; var handleFocus = function handleFocus(event) { if (window.__REACH_DISABLE_TOOLTIPS) return; switch (state) { case IDLE: case VISIBLE: case LEAVING_VISIBLE: { transition("focus", { id: id }); } } }; var handleMouseLeave = function handleMouseLeave() { switch (state) { case FOCUSED: case VISIBLE: case DISMISSED: { transition("mouseleave"); } } }; var handleBlur = function handleBlur() { // Allow quick click from one tool to another if (context.id !== id) return; switch (state) { case FOCUSED: case VISIBLE: case DISMISSED: { transition("blur"); } } }; var handleMouseDown = function handleMouseDown() { // Allow quick click from one tool to another if (context.id !== id) return; switch (state) { case FOCUSED: case VISIBLE: { transition("mousedown"); } } }; var handleKeyDown = function handleKeyDown(event) { if (event.key === "Enter" || event.key === " ") { switch (state) { case VISIBLE: { transition("selectWithKeyboard"); } } } }; var trigger = { "aria-describedby": id, "data-reach-tooltip-trigger": "", ref: triggerRef, onMouseEnter: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onMouseEnter, handleMouseEnter), onMouseMove: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onMouseMove, handleMouseMove), onFocus: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onFocus, handleFocus), onBlur: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onFocus, handleBlur), onMouseLeave: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onMouseLeave, handleMouseLeave), onKeyDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onKeyDown, handleKeyDown), onMouseDown: Object(_reach_utils__WEBPACK_IMPORTED_MODULE_2__["wrapEvent"])(onMouseDown, handleMouseDown) }; var tooltip = { id: id, triggerRect: triggerRect, isVisible: isVisible }; return [trigger, tooltip, isVisible]; } //////////////////////////////////////////////////////////////////////////////// function Tooltip(_ref2) { var children = _ref2.children, label = _ref2.label, ariaLabel = _ref2.ariaLabel, DEBUG_STYLE = _ref2.DEBUG_STYLE, rest = _objectWithoutProperties(_ref2, ["children", "label", "ariaLabel", "DEBUG_STYLE"]); var _useTooltip = useTooltip({ DEBUG_STYLE: DEBUG_STYLE }), trigger = _useTooltip[0], tooltip = _useTooltip[1]; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"])(react__WEBPACK_IMPORTED_MODULE_0__["Children"].only(children), trigger), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(TooltipPopup, _extends({ label: label, ariaLabel: ariaLabel }, tooltip, rest))); } false ? undefined : void 0; //////////////////////////////////////////////////////////////////////////////// var TooltipPopup = Object(react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"])(function TooltipPopup(_ref3, forwardRef) { var label = _ref3.label, ariaLabel = _ref3.ariaLabel, position = _ref3.position, isVisible = _ref3.isVisible, id = _ref3.id, triggerRect = _ref3.triggerRect, rest = _objectWithoutProperties(_ref3, ["label", "ariaLabel", "position", "isVisible", "id", "triggerRect"]); return isVisible ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_portal__WEBPACK_IMPORTED_MODULE_3__["default"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(TooltipContent, _extends({ label: label, ariaLabel: ariaLabel, position: position, isVisible: isVisible, id: id, triggerRect: triggerRect, ref: forwardRef }, rest))) : null; }); false ? undefined : void 0; // Need a separate component so that useRect works inside the portal var TooltipContent = Object(react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"])(function TooltipContent(_ref4, forwardRef) { var label = _ref4.label, ariaLabel = _ref4.ariaLabel, _ref4$position = _ref4.position, position = _ref4$position === undefined ? positionDefault : _ref4$position, isVisible = _ref4.isVisible, id = _ref4.id, triggerRect = _ref4.triggerRect, style = _ref4.style, rest = _objectWithoutProperties(_ref4, ["label", "ariaLabel", "position", "isVisible", "id", "triggerRect", "style"]); var useAriaLabel = ariaLabel != null; var tooltipRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(); var tooltipRect = Object(_reach_rect__WEBPACK_IMPORTED_MODULE_5__["useRect"])(tooltipRef, isVisible); return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", _extends({ "data-reach-tooltip": true, role: useAriaLabel ? undefined : "tooltip", id: useAriaLabel ? undefined : id, children: label, style: _extends({}, style, getStyles(position, triggerRect, tooltipRect)), ref: function ref(node) { tooltipRef.current = node; if (forwardRef) forwardRef(node); } }, rest)), useAriaLabel && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_visually_hidden__WEBPACK_IMPORTED_MODULE_4__["default"], { role: "tooltip", id: id }, ariaLabel)); }); // feels awkward when it's perfectly aligned w/ the trigger var OFFSET = 8; var getStyles = function getStyles(position, triggerRect, tooltipRect) { var haventMeasuredTooltipYet = !tooltipRect; if (haventMeasuredTooltipYet) { return { visibility: "hidden" }; } return position(triggerRect, tooltipRect); }; var positionDefault = function positionDefault(triggerRect, tooltipRect) { var styles = { left: triggerRect.left + window.pageXOffset + "px", top: triggerRect.top + triggerRect.height + window.pageYOffset + "px" }; var collisions = { top: triggerRect.top - tooltipRect.height < 0, right: window.innerWidth < triggerRect.left + tooltipRect.width, bottom: window.innerHeight < triggerRect.bottom + tooltipRect.height + OFFSET, left: triggerRect.left - tooltipRect.width < 0 }; var directionRight = collisions.right && !collisions.left; var directionUp = collisions.bottom && !collisions.top; return _extends({}, styles, { left: directionRight ? triggerRect.right - tooltipRect.width + window.pageXOffset + "px" : triggerRect.left + window.pageXOffset + "px", top: directionUp ? triggerRect.top - OFFSET - tooltipRect.height + window.pageYOffset + "px" : triggerRect.top + OFFSET + triggerRect.height + window.pageYOffset + "px" }); }; /***/ }), /***/ "../../node_modules/@reach/tooltip/styles.css": /*!*********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/tooltip/styles.css ***! \*********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var content = __webpack_require__(/*! !../../css-loader??ref--5-1!./styles.css */ "../../node_modules/css-loader/index.js?!../../node_modules/@reach/tooltip/styles.css"); if(typeof content === 'string') content = [[module.i, content, '']]; var transform; var insertInto; var options = {"hmr":true} options.transform = transform options.insertInto = undefined; var update = __webpack_require__(/*! ../../style-loader/lib/addStyles.js */ "../../node_modules/style-loader/lib/addStyles.js")(content, options); if(content.locals) module.exports = content.locals; if(false) {} /***/ }), /***/ "../../node_modules/@reach/utils/es/index.js": /*!********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/utils/es/index.js ***! \********************************************************************************/ /*! exports provided: checkStyles, wrapEvent, assignRef */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkStyles", function() { return checkStyles; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wrapEvent", function() { return wrapEvent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "assignRef", function() { return assignRef; }); var checkedPkgs = {}; var checkStyles = function checkStyles() {}; if (false) {} var wrapEvent = function wrapEvent(theirHandler, ourHandler) { return function (event) { theirHandler && theirHandler(event); if (!event.defaultPrevented) { return ourHandler(event); } }; }; var assignRef = function assignRef(ref, value) { if (ref == null) return; if (typeof ref === "function") { ref(value); } else { try { ref.current = value; } catch (error) { throw new Error("Cannot assign value \"" + value + "\" to ref \"" + ref + "\""); } } }; /***/ }), /***/ "../../node_modules/@reach/visually-hidden/es/index.js": /*!******************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/visually-hidden/es/index.js ***! \******************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); var _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; }; var style = { border: 0, clip: "rect(0 0 0 0)", height: "1px", width: "1px", margin: "-1px", padding: 0, overflow: "hidden", position: "absolute" }; /* harmony default export */ __webpack_exports__["default"] = (function (props) { return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", _extends({ style: style }, props)); }); /***/ }), /***/ "../../node_modules/@reach/window-size/es/index.js": /*!**************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/@reach/window-size/es/index.js ***! \**************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _reach_component_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @reach/component-component */ "../../node_modules/@reach/component-component/es/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js"); /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__); var hasWindow = typeof window !== "undefined"; var didMount = function didMount(_ref) { var refs = _ref.refs, setState = _ref.setState; var resize = function resize() { return setState({ width: window.innerWidth, height: window.innerHeight }); }; window.addEventListener("resize", resize); refs.removeEvent = function () { window.removeEventListener("resize", resize); }; }; var willUnmount = function willUnmount(_ref2) { var refs = _ref2.refs; refs.removeEvent(); }; var WindowSize = function WindowSize(_ref3) { var children = _ref3.children; return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_reach_component_component__WEBPACK_IMPORTED_MODULE_1__["default"], { refs: { removeEvent: null }, initialState: { width: hasWindow && window.innerWidth, height: hasWindow && window.innerHeight }, didMount: didMount, willUnmount: willUnmount, render: function render(_ref4) { var state = _ref4.state; return children(state); } }); }; false ? undefined : void 0; /* harmony default export */ __webpack_exports__["default"] = (WindowSize); /***/ }), /***/ "../../node_modules/clipboard-js/clipboard.js": /*!*********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/clipboard-js/clipboard.js ***! \*********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(setImmediate) {function _typeof(obj) { 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); } // Import support https://stackoverflow.com/questions/13673346/supporting-both-commonjs-and-amd (function (name, definition) { if (true) { module.exports = definition(); } else {} })("clipboard", function () { if (typeof document === 'undefined' || !document.addEventListener) { return null; } var clipboard = {}; clipboard.copy = function () { var _intercept = false; var _data = null; // Map from data type (e.g. "text/html") to value. var _bogusSelection = false; function cleanup() { _intercept = false; _data = null; if (_bogusSelection) { window.getSelection().removeAllRanges(); } _bogusSelection = false; } document.addEventListener("copy", function (e) { if (_intercept) { for (var key in _data) { e.clipboardData.setData(key, _data[key]); } e.preventDefault(); } }); // Workaround for Safari: https://bugs.webkit.org/show_bug.cgi?id=156529 function bogusSelect() { var sel = document.getSelection(); // If "nothing" is selected... if (!document.queryCommandEnabled("copy") && sel.isCollapsed) { // ... temporarily select the entire body. // // We select the entire body because: // - it's guaranteed to exist, // - it works (unlike, say, document.head, or phantom element that is // not inserted into the DOM), // - it doesn't seem to flicker (due to the synchronous copy event), and // - it avoids modifying the DOM (can trigger mutation observers). // // Because we can't do proper feature detection (we already checked // document.queryCommandEnabled("copy") , which actually gives a false // negative for Blink when nothing is selected) and UA sniffing is not // reliable (a lot of UA strings contain "Safari"), this will also // happen for some browsers other than Safari. :-() var range = document.createRange(); range.selectNodeContents(document.body); sel.removeAllRanges(); sel.addRange(range); _bogusSelection = true; } } ; return function (data) { return new Promise(function (resolve, reject) { _intercept = true; if (typeof data === "string") { _data = { "text/plain": data }; } else if (data instanceof Node) { _data = { "text/html": new XMLSerializer().serializeToString(data) }; } else if (data instanceof Object) { _data = data; } else { reject("Invalid data type. Must be string, DOM node, or an object mapping MIME types to strings."); } function triggerCopy(tryBogusSelect) { try { if (document.execCommand("copy")) { // document.execCommand is synchronous: http://www.w3.org/TR/2015/WD-clipboard-apis-20150421/#integration-with-rich-text-editing-apis // So we can call resolve() back here. cleanup(); resolve(); } else { if (!tryBogusSelect) { bogusSelect(); triggerCopy(true); } else { cleanup(); throw new Error("Unable to copy. Perhaps it's not available in your browser?"); } } } catch (e) { cleanup(); reject(e); } } triggerCopy(false); }); }; }(); clipboard.paste = function () { var _intercept = false; var _resolve; var _dataType; document.addEventListener("paste", function (e) { if (_intercept) { _intercept = false; e.preventDefault(); var resolve = _resolve; _resolve = null; resolve(e.clipboardData.getData(_dataType)); } }); return function (dataType) { return new Promise(function (resolve, reject) { _intercept = true; _resolve = resolve; _dataType = dataType || "text/plain"; try { if (!document.execCommand("paste")) { _intercept = false; reject(new Error("Unable to paste. Pasting only works in Internet Explorer at the moment.")); } } catch (e) { _intercept = false; reject(new Error(e)); } }); }; }(); // Handle IE behaviour. if (typeof ClipboardEvent === "undefined" && typeof window.clipboardData !== "undefined" && typeof window.clipboardData.setData !== "undefined") { /*! promise-polyfill 2.0.1 */ (function (a) { function b(a, b) { return function () { a.apply(b, arguments); }; } function c(a) { if ("object" != _typeof(this)) throw new TypeError("Promises must be constructed via new"); if ("function" != typeof a) throw new TypeError("not a function"); this._state = null, this._value = null, this._deferreds = [], i(a, b(e, this), b(f, this)); } function d(a) { var b = this; return null === this._state ? void this._deferreds.push(a) : void j(function () { var c = b._state ? a.onFulfilled : a.onRejected; if (null === c) return void (b._state ? a.resolve : a.reject)(b._value); var d; try { d = c(b._value); } catch (e) { return void a.reject(e); } a.resolve(d); }); } function e(a) { try { if (a === this) throw new TypeError("A promise cannot be resolved with itself."); if (a && ("object" == _typeof(a) || "function" == typeof a)) { var c = a.then; if ("function" == typeof c) return void i(b(c, a), b(e, this), b(f, this)); } this._state = !0, this._value = a, g.call(this); } catch (d) { f.call(this, d); } } function f(a) { this._state = !1, this._value = a, g.call(this); } function g() { for (var a = 0, b = this._deferreds.length; b > a; a++) { d.call(this, this._deferreds[a]); } this._deferreds = null; } function h(a, b, c, d) { this.onFulfilled = "function" == typeof a ? a : null, this.onRejected = "function" == typeof b ? b : null, this.resolve = c, this.reject = d; } function i(a, b, c) { var d = !1; try { a(function (a) { d || (d = !0, b(a)); }, function (a) { d || (d = !0, c(a)); }); } catch (e) { if (d) return; d = !0, c(e); } } var j = c.immediateFn || "function" == typeof setImmediate && setImmediate || function (a) { setTimeout(a, 1); }, k = Array.isArray || function (a) { return "[object Array]" === Object.prototype.toString.call(a); }; c.prototype["catch"] = function (a) { return this.then(null, a); }, c.prototype.then = function (a, b) { var e = this; return new c(function (c, f) { d.call(e, new h(a, b, c, f)); }); }, c.all = function () { var a = Array.prototype.slice.call(1 === arguments.length && k(arguments[0]) ? arguments[0] : arguments); return new c(function (b, c) { function d(f, g) { try { if (g && ("object" == _typeof(g) || "function" == typeof g)) { var h = g.then; if ("function" == typeof h) return void h.call(g, function (a) { d(f, a); }, c); } a[f] = g, 0 === --e && b(a); } catch (i) { c(i); } } if (0 === a.length) return b([]); for (var e = a.length, f = 0; f < a.length; f++) { d(f, a[f]); } }); }, c.resolve = function (a) { return a && "object" == _typeof(a) && a.constructor === c ? a : new c(function (b) { b(a); }); }, c.reject = function (a) { return new c(function (b, c) { c(a); }); }, c.race = function (a) { return new c(function (b, c) { for (var d = 0, e = a.length; e > d; d++) { a[d].then(b, c); } }); }, true && module.exports ? module.exports = c : a.Promise || (a.Promise = c); })(this); clipboard.copy = function (data) { return new Promise(function (resolve, reject) { // IE supports string and URL types: https://msdn.microsoft.com/en-us/library/ms536744(v=vs.85).aspx // We only support the string type for now. if (typeof data !== "string" && !("text/plain" in data)) { throw new Error("You must provide a text/plain type."); } var strData = typeof data === "string" ? data : data["text/plain"]; var copySucceeded = window.clipboardData.setData("Text", strData); if (copySucceeded) { resolve(); } else { reject(new Error("Copying was rejected.")); } }); }; clipboard.paste = function () { return new Promise(function (resolve, reject) { var strData = window.clipboardData.getData("Text"); if (strData) { resolve(strData); } else { // The user rejected the paste request. reject(new Error("Pasting was rejected.")); } }); }; } return clipboard; }); /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/node_modules/timers-browserify/main.js */ "../../node_modules/webpack/node_modules/timers-browserify/main.js").setImmediate)) /***/ }), /***/ "../../node_modules/css-loader/index.js?!../../node_modules/@reach/menu-button/styles.css": /*!**********************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!/Users/bvaughn/Documents/git/react/node_modules/@reach/menu-button/styles.css ***! \**********************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, "/* Used to detect in JavaScript if apps have loaded styles or not. */\n:root {\n --reach-menu-button: 1;\n}\n\n[data-reach-menu] {\n font-family: sans-serif;\n display: block;\n position: absolute;\n}\n\n[data-reach-menu-list] {\n display: block;\n white-space: nowrap;\n border: solid 1px hsla(0, 0%, 0%, 0.25);\n background: hsla(0, 100%, 100%, 0.99);\n outline: none;\n padding: 1rem 0;\n font-size: 85%;\n}\n\n[data-reach-menu-item] {\n display: block;\n}\n\n/*\n The dom structure of a MenuLink is reach-menu-item > a,\n so to target all items we can use `data-reach-menu-item`\n*/\n[data-reach-menu-item] {\n /*\n These are styled in one rule instead of something like a[data-reach-menu-item]\n and li[data-reach-menu-item] so that apps don't have to fight specificity and\n can style both li and a menu items with one rule,\n ie: `[data-selected] { background: red; }`.\n Otherwise they'd have to define two styles, one for a and one for li.\n */\n\n /* reach-menu-item */\n cursor: pointer;\n\n /* a */\n display: block;\n color: inherit;\n font: inherit;\n text-decoration: initial;\n\n /* both */\n padding: 5px 20px;\n}\n\n/* pseudo pseudo selector */\n[data-reach-menu-item][data-selected] {\n background: hsl(211, 81%, 36%);\n color: white;\n outline: none;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/node_modules/@reach/menu-button/styles.css"],"names":[],"mappings":"AAAA,qEAAqE;AACrE;EACE,uBAAuB;CACxB;;AAED;EACE,wBAAwB;EACxB,eAAe;EACf,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,oBAAoB;EACpB,wCAAwC;EACxC,sCAAsC;EACtC,cAAc;EACd,gBAAgB;EAChB,eAAe;CAChB;;AAED;EACE,eAAe;CAChB;;AAED;;;EAGE;AACF;EACE;;;;;;IAME;;EAEF,qBAAqB;EACrB,gBAAgB;;EAEhB,OAAO;EACP,eAAe;EACf,eAAe;EACf,cAAc;EACd,yBAAyB;;EAEzB,UAAU;EACV,kBAAkB;CACnB;;AAED,4BAA4B;AAC5B;EACE,+BAA+B;EAC/B,aAAa;EACb,cAAc;CACf","file":"styles.css","sourcesContent":["/* Used to detect in JavaScript if apps have loaded styles or not. */\n:root {\n --reach-menu-button: 1;\n}\n\n[data-reach-menu] {\n font-family: sans-serif;\n display: block;\n position: absolute;\n}\n\n[data-reach-menu-list] {\n display: block;\n white-space: nowrap;\n border: solid 1px hsla(0, 0%, 0%, 0.25);\n background: hsla(0, 100%, 100%, 0.99);\n outline: none;\n padding: 1rem 0;\n font-size: 85%;\n}\n\n[data-reach-menu-item] {\n display: block;\n}\n\n/*\n The dom structure of a MenuLink is reach-menu-item > a,\n so to target all items we can use `data-reach-menu-item`\n*/\n[data-reach-menu-item] {\n /*\n These are styled in one rule instead of something like a[data-reach-menu-item]\n and li[data-reach-menu-item] so that apps don't have to fight specificity and\n can style both li and a menu items with one rule,\n ie: `[data-selected] { background: red; }`.\n Otherwise they'd have to define two styles, one for a and one for li.\n */\n\n /* reach-menu-item */\n cursor: pointer;\n\n /* a */\n display: block;\n color: inherit;\n font: inherit;\n text-decoration: initial;\n\n /* both */\n padding: 5px 20px;\n}\n\n/* pseudo pseudo selector */\n[data-reach-menu-item][data-selected] {\n background: hsl(211, 81%, 36%);\n color: white;\n outline: none;\n}\n"],"sourceRoot":""}]); // exports /***/ }), /***/ "../../node_modules/css-loader/index.js?!../../node_modules/@reach/tooltip/styles.css": /*!******************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!/Users/bvaughn/Documents/git/react/node_modules/@reach/tooltip/styles.css ***! \******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ":root {\n --reach-tooltip: 1;\n}\n\n[data-reach-tooltip] {\n z-index: 1;\n pointer-events: none;\n position: absolute;\n padding: 0.25em 0.5em;\n box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);\n white-space: nowrap;\n font-size: 85%;\n background: #f0f0f0;\n color: #444;\n border: solid 1px #ccc;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/node_modules/@reach/tooltip/styles.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;CACpB;;AAED;EACE,WAAW;EACX,qBAAqB;EACrB,mBAAmB;EACnB,sBAAsB;EACtB,8CAA8C;EAC9C,oBAAoB;EACpB,eAAe;EACf,oBAAoB;EACpB,YAAY;EACZ,uBAAuB;CACxB","file":"styles.css","sourcesContent":[":root {\n --reach-tooltip: 1;\n}\n\n[data-reach-tooltip] {\n z-index: 1;\n pointer-events: none;\n position: absolute;\n padding: 0.25em 0.5em;\n box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);\n white-space: nowrap;\n font-size: 85%;\n background: #f0f0f0;\n color: #444;\n border: solid 1px #ccc;\n}\n"],"sourceRoot":""}]); // exports /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/ContextMenu/ContextMenu.css": /*!**********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/ContextMenu/ContextMenu.css ***! \**********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ContextMenu___3Zn8W {\n position: absolute;\n background-color: var(--color-context-background);\n border-radius: 0.25rem;\n overflow: hidden;\n z-index: 10000002;\n}", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,kDAAkD;EAClD,uBAAuB;EACvB,iBAAiB;EACjB,kBAAkB;CACnB","file":"ContextMenu.css","sourcesContent":[".ContextMenu {\n position: absolute;\n background-color: var(--color-context-background);\n border-radius: 0.25rem;\n overflow: hidden;\n z-index: 10000002;\n}"],"sourceRoot":""}]); // exports exports.locals = { "ContextMenu": "ContextMenu___3Zn8W" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ContextMenuItem___21C_r {\n display: flex;\n align-items: center;\n color: var(--color-context-text);\n padding: 0.5rem 0.75rem;\n cursor: default;\n border-top: 1px solid var(--color-context-border);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n}\n.ContextMenuItem___21C_r:first-of-type {\n border-top: none;\n}\n.ContextMenuItem___21C_r:hover,\n.ContextMenuItem___21C_r:focus {\n outline: 0;\n background-color: var(--color-context-background-hover);\n}\n.ContextMenuItem___21C_r:active {\n background-color: var(--color-context-background-selected);\n color: var(--color-context-text-selected);\n}", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,oBAAoB;EACpB,iCAAiC;EACjC,wBAAwB;EACxB,gBAAgB;EAChB,kDAAkD;EAClD,qCAAqC;EACrC,wCAAwC;CACzC;AACD;EACE,iBAAiB;CAClB;AACD;;EAEE,WAAW;EACX,wDAAwD;CACzD;AACD;EACE,2DAA2D;EAC3D,0CAA0C;CAC3C","file":"ContextMenuItem.css","sourcesContent":[".ContextMenuItem {\n display: flex;\n align-items: center;\n color: var(--color-context-text);\n padding: 0.5rem 0.75rem;\n cursor: default;\n border-top: 1px solid var(--color-context-border);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n}\n.ContextMenuItem:first-of-type {\n border-top: none;\n}\n.ContextMenuItem:hover,\n.ContextMenuItem:focus {\n outline: 0;\n background-color: var(--color-context-background-hover);\n}\n.ContextMenuItem:active {\n background-color: var(--color-context-background-selected);\n color: var(--color-context-text-selected);\n}"],"sourceRoot":""}]); // exports exports.locals = { "ContextMenuItem": "ContextMenuItem___21C_r" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Button.css": /*!***********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Button.css ***! \***********************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Button___1-PiG {\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n padding: 0;\n border-radius: 0.25rem;\n flex: 0 0 auto;\n}\n.ButtonContent___2mZ9q {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n\n.Button___1-PiG:hover {\n color: var(--color-button-hover);\n}\n.Button___1-PiG:active {\n color: var(--color-button-focus);\n outline: none;\n}\n.Button___1-PiG:focus,\n.ButtonContent___2mZ9q:focus {\n outline: none;\n}\n\n.Button___1-PiG:focus > .ButtonContent___2mZ9q {\n background: var(--color-button-background-focus);\n}\n\n.Button___1-PiG:disabled,\n.Button___1-PiG:disabled:active {\n background: var(--color-button-background);\n color: var(--color-button-disabled);\n cursor: default;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Button.css"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,2CAA2C;EAC3C,2BAA2B;EAC3B,WAAW;EACX,uBAAuB;EACvB,eAAe;CAChB;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,iCAAiC;CAClC;AACD;EACE,iCAAiC;EACjC,cAAc;CACf;AACD;;EAEE,cAAc;CACf;;AAED;EACE,iDAAiD;CAClD;;AAED;;EAEE,2CAA2C;EAC3C,oCAAoC;EACpC,gBAAgB;CACjB","file":"Button.css","sourcesContent":[".Button {\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n padding: 0;\n border-radius: 0.25rem;\n flex: 0 0 auto;\n}\n.ButtonContent {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n\n.Button:hover {\n color: var(--color-button-hover);\n}\n.Button:active {\n color: var(--color-button-focus);\n outline: none;\n}\n.Button:focus,\n.ButtonContent:focus {\n outline: none;\n}\n\n.Button:focus > .ButtonContent {\n background: var(--color-button-background-focus);\n}\n\n.Button:disabled,\n.Button:disabled:active {\n background: var(--color-button-background);\n color: var(--color-button-disabled);\n cursor: default;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Button": "Button___1-PiG", "ButtonContent": "ButtonContent___2mZ9q" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/ButtonIcon.css": /*!***************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/ButtonIcon.css ***! \***************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ButtonIcon___1AgYV {\n width: 1rem;\n height: 1rem;\n fill: currentColor;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/ButtonIcon.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;CACpB","file":"ButtonIcon.css","sourcesContent":[".ButtonIcon {\n width: 1rem;\n height: 1rem;\n fill: currentColor;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ButtonIcon": "ButtonIcon___1AgYV" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/Badge.css": /*!*********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/Badge.css ***! \*********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Badge___1D92d {\n display: inline-block;\n background-color: var(--color-component-badge-background);\n color: var(--color-text);\n padding: 0.125rem 0.25rem;\n line-height: normal;\n border-radius: 0.125rem;\n margin-right: 0.25rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n\n.ExtraLabel___ktyWc {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n color: var(--color-component-badge-count);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/Badge.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,0DAA0D;EAC1D,yBAAyB;EACzB,0BAA0B;EAC1B,oBAAoB;EACpB,wBAAwB;EACxB,sBAAsB;EACtB,0CAA0C;EAC1C,4CAA4C;CAC7C;;AAED;EACE,0CAA0C;EAC1C,4CAA4C;EAC5C,0CAA0C;CAC3C","file":"Badge.css","sourcesContent":[".Badge {\n display: inline-block;\n background-color: var(--color-component-badge-background);\n color: var(--color-text);\n padding: 0.125rem 0.25rem;\n line-height: normal;\n border-radius: 0.125rem;\n margin-right: 0.25rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n\n.ExtraLabel {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n color: var(--color-component-badge-count);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Badge": "Badge___1D92d", "ExtraLabel": "ExtraLabel___ktyWc" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/Components.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/Components.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Components___MlQHS {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n background-color: var(--color-background);\n color: var(--color-text);\n font-family: var(--font-family-sans);\n}\n\n.TreeWrapper___2uPTC {\n flex: 0 0 65%;\n overflow: auto;\n}\n\n.SelectedElementWrapper___1wT_p {\n flex: 0 0 35%;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n@media screen and (max-width: 600px) {\n .Components___MlQHS {\n flex-direction: column;\n }\n\n .TreeWrapper___2uPTC {\n flex: 0 0 50%;\n }\n\n .SelectedElementWrapper___1wT_p {\n flex: 0 0 50%;\n }\n}\n\n.Loading___Slif- {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/Components.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,0CAA0C;EAC1C,yBAAyB;EACzB,qCAAqC;CACtC;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,mBAAmB;EACnB,iBAAiB;CAClB;;AAED;EACE;IACE,uBAAuB;GACxB;;EAED;IACE,cAAc;GACf;;EAED;IACE,cAAc;GACf;CACF;;AAED;EACE,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,uCAAuC;EACvC,wBAAwB;CACzB","file":"Components.css","sourcesContent":[".Components {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n background-color: var(--color-background);\n color: var(--color-text);\n font-family: var(--font-family-sans);\n}\n\n.TreeWrapper {\n flex: 0 0 65%;\n overflow: auto;\n}\n\n.SelectedElementWrapper {\n flex: 0 0 35%;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n@media screen and (max-width: 600px) {\n .Components {\n flex-direction: column;\n }\n\n .TreeWrapper {\n flex: 0 0 50%;\n }\n\n .SelectedElementWrapper {\n flex: 0 0 50%;\n }\n}\n\n.Loading {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Components": "Components___MlQHS", "TreeWrapper": "TreeWrapper___2uPTC", "SelectedElementWrapper": "SelectedElementWrapper___1wT_p", "Loading": "Loading___Slif-" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/EditableName.css": /*!****************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/EditableName.css ***! \****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Input___2v7pX {\n flex: 0 1 auto;\n padding: 1px;\n box-shadow: 0px 1px 3px transparent;\n color: var(--color-text);\n}\n.Input___2v7pX:focus {\n color: var(--color-text);\n box-shadow: 0px 1px 3px var(--color-shadow);\n}", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/EditableName.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,aAAa;EACb,oCAAoC;EACpC,yBAAyB;CAC1B;AACD;EACE,yBAAyB;EACzB,4CAA4C;CAC7C","file":"EditableName.css","sourcesContent":[".Input {\n flex: 0 1 auto;\n padding: 1px;\n box-shadow: 0px 1px 3px transparent;\n color: var(--color-text);\n}\n.Input:focus {\n color: var(--color-text);\n box-shadow: 0px 1px 3px var(--color-shadow);\n}"],"sourceRoot":""}]); // exports exports.locals = { "Input": "Input___2v7pX" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/EditableValue.css": /*!*****************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/EditableValue.css ***! \*****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".CheckboxLabel___vFDNi {\n flex: 1 1 100%;\n display: flex;\n}\n.CheckboxLabel___vFDNi:focus-within {\n background-color: var(--color-button-background-focus);\n}\n\n.Checkbox___S8zDe:focus {\n outline: none;\n}\n\n.Input___54okB {\n flex: 1 1;\n background: none;\n border: 1px solid transparent;\n color: var(--color-attribute-editable-value);\n border-radius: 0.125rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.Invalid___AR4Hd {\n flex: 1 1;\n background: none;\n border: 1px solid transparent;\n color: var(--color-attribute-editable-value);\n border-radius: 0.125rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n background-color: var(--color-background-invalid);\n color: var(--color-text-invalid);\n\n --color-border: var(--color-text-invalid);\n}\n\n.Input___54okB:focus,\n.Invalid___AR4Hd:focus {\n background-color: var(--color-button-background-focus);\n outline: none;\n}\n\n.ResetButton___k3gxk {\n flex: 0 0 auto;\n padding: 0 0.5rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/EditableValue.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,cAAc;CACf;AACD;EACE,uDAAuD;CACxD;;AAED;EACE,cAAc;CACf;;AAED;EACE,UAAU;EACV,iBAAiB;EACjB,8BAA8B;EAC9B,6CAA6C;EAC7C,wBAAwB;EACxB,0CAA0C;EAC1C,6CAA6C;CAC9C;;AAED;EACE,UAAU;EACV,iBAAiB;EACjB,8BAA8B;EAC9B,6CAA6C;EAC7C,wBAAwB;EACxB,0CAA0C;EAC1C,6CAA6C;EAC7C,kDAAkD;EAClD,iCAAiC;;EAEjC,0CAA0C;CAC3C;;AAED;;EAEE,uDAAuD;EACvD,cAAc;CACf;;AAED;EACE,eAAe;EACf,kBAAkB;CACnB","file":"EditableValue.css","sourcesContent":[".CheckboxLabel {\n flex: 1 1 100%;\n display: flex;\n}\n.CheckboxLabel:focus-within {\n background-color: var(--color-button-background-focus);\n}\n\n.Checkbox:focus {\n outline: none;\n}\n\n.Input {\n flex: 1 1;\n background: none;\n border: 1px solid transparent;\n color: var(--color-attribute-editable-value);\n border-radius: 0.125rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.Invalid {\n flex: 1 1;\n background: none;\n border: 1px solid transparent;\n color: var(--color-attribute-editable-value);\n border-radius: 0.125rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n background-color: var(--color-background-invalid);\n color: var(--color-text-invalid);\n\n --color-border: var(--color-text-invalid);\n}\n\n.Input:focus,\n.Invalid:focus {\n background-color: var(--color-button-background-focus);\n outline: none;\n}\n\n.ResetButton {\n flex: 0 0 auto;\n padding: 0 0.5rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "CheckboxLabel": "CheckboxLabel___vFDNi", "Checkbox": "Checkbox___S8zDe", "Input": "Input___54okB", "Invalid": "Invalid___AR4Hd", "ResetButton": "ResetButton___k3gxk" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/Element.css": /*!***********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/Element.css ***! \***********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Element___1PGUo,\n.InactiveSelectedElement___3H2V0,\n.SelectedElement___2BZuq,\n.HoveredElement___4tCuC {\n color: var(--color-component-name);\n}\n.HoveredElement___4tCuC {\n background-color: var(--color-background-hover);\n}\n.InactiveSelectedElement___3H2V0 {\n background-color: var(--color-background-inactive);\n}\n\n.Wrapper___1kRcF {\n padding: 0 0.25rem;\n white-space: nowrap;\n height: var(--line-height-data);\n line-height: var(--line-height-data);\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n}\n\n.ScrollAnchor___31Dc8 {\n height: 100%;\n width: 0;\n}\n\n.SelectedElement___2BZuq {\n background-color: var(--color-background-selected);\n color: var(--color-text-selected);\n\n /* Invert colors */\n --color-component-name: var(--color-component-name-inverted);\n --color-text: var(--color-text-selected);\n --color-component-badge-background: var(\n --color-component-badge-background-inverted\n );\n --color-component-badge-count: var(--color-component-badge-count-inverted);\n --color-attribute-name: var(--color-attribute-name-inverted);\n --color-attribute-value: var(--color-attribute-value-inverted);\n --color-expand-collapse-toggle: var(--color-component-name-inverted);\n}\n\n.KeyName___iOoVX {\n color: var(--color-attribute-name);\n}\n\n.KeyValue___2hQzO {\n color: var(--color-attribute-value);\n user-select: text;\n max-width: 100px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Highlight___OJ7Ox {\n background-color: var(--color-search-match);\n}\n.CurrentHighlight___3RWa2 {\n background-color: var(--color-search-match-current);\n}\n\n.ExpandCollapseToggle___3CxPD {\n display: inline-flex;\n width: 1rem;\n height: 1rem;\n flex: 0 0 1rem;\n color: var(--color-expand-collapse-toggle);\n}\n\n.Badge___36OB- {\n margin-left: 0.25rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/Element.css"],"names":[],"mappings":"AAAA;;;;EAIE,mCAAmC;CACpC;AACD;EACE,gDAAgD;CACjD;AACD;EACE,mDAAmD;CACpD;;AAED;EACE,mBAAmB;EACnB,oBAAoB;EACpB,gCAAgC;EAChC,qCAAqC;EACrC,qBAAqB;EACrB,oBAAoB;EACpB,gBAAgB;EAChB,kBAAkB;CACnB;;AAED;EACE,aAAa;EACb,SAAS;CACV;;AAED;EACE,mDAAmD;EACnD,kCAAkC;;EAElC,mBAAmB;EACnB,6DAA6D;EAC7D,yCAAyC;EACzC;;IAEE;EACF,2EAA2E;EAC3E,6DAA6D;EAC7D,+DAA+D;EAC/D,qEAAqE;CACtE;;AAED;EACE,mCAAmC;CACpC;;AAED;EACE,oCAAoC;EACpC,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,4CAA4C;CAC7C;AACD;EACE,oDAAoD;CACrD;;AAED;EACE,qBAAqB;EACrB,YAAY;EACZ,aAAa;EACb,eAAe;EACf,2CAA2C;CAC5C;;AAED;EACE,qBAAqB;CACtB","file":"Element.css","sourcesContent":[".Element,\n.InactiveSelectedElement,\n.SelectedElement,\n.HoveredElement {\n color: var(--color-component-name);\n}\n.HoveredElement {\n background-color: var(--color-background-hover);\n}\n.InactiveSelectedElement {\n background-color: var(--color-background-inactive);\n}\n\n.Wrapper {\n padding: 0 0.25rem;\n white-space: nowrap;\n height: var(--line-height-data);\n line-height: var(--line-height-data);\n display: inline-flex;\n align-items: center;\n cursor: default;\n user-select: none;\n}\n\n.ScrollAnchor {\n height: 100%;\n width: 0;\n}\n\n.SelectedElement {\n background-color: var(--color-background-selected);\n color: var(--color-text-selected);\n\n /* Invert colors */\n --color-component-name: var(--color-component-name-inverted);\n --color-text: var(--color-text-selected);\n --color-component-badge-background: var(\n --color-component-badge-background-inverted\n );\n --color-component-badge-count: var(--color-component-badge-count-inverted);\n --color-attribute-name: var(--color-attribute-name-inverted);\n --color-attribute-value: var(--color-attribute-value-inverted);\n --color-expand-collapse-toggle: var(--color-component-name-inverted);\n}\n\n.KeyName {\n color: var(--color-attribute-name);\n}\n\n.KeyValue {\n color: var(--color-attribute-value);\n user-select: text;\n max-width: 100px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Highlight {\n background-color: var(--color-search-match);\n}\n.CurrentHighlight {\n background-color: var(--color-search-match-current);\n}\n\n.ExpandCollapseToggle {\n display: inline-flex;\n width: 1rem;\n height: 1rem;\n flex: 0 0 1rem;\n color: var(--color-expand-collapse-toggle);\n}\n\n.Badge {\n margin-left: 0.25rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Element": "Element___1PGUo", "InactiveSelectedElement": "InactiveSelectedElement___3H2V0", "SelectedElement": "SelectedElement___2BZuq", "HoveredElement": "HoveredElement___4tCuC", "Wrapper": "Wrapper___1kRcF", "ScrollAnchor": "ScrollAnchor___31Dc8", "KeyName": "KeyName___iOoVX", "KeyValue": "KeyValue___2hQzO", "Highlight": "Highlight___OJ7Ox", "CurrentHighlight": "CurrentHighlight___3RWa2", "ExpandCollapseToggle": "ExpandCollapseToggle___3CxPD", "Badge": "Badge___36OB-" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.css": /*!************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.css ***! \************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ExpandCollapseToggle___1eSq5 {\n flex: 0 0 1rem;\n width: 1rem;\n height: 1rem;\n padding: 0;\n color: var(--color-expand-collapse-toggle);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,YAAY;EACZ,aAAa;EACb,WAAW;EACX,2CAA2C;CAC5C","file":"ExpandCollapseToggle.css","sourcesContent":[".ExpandCollapseToggle {\n flex: 0 0 1rem;\n width: 1rem;\n height: 1rem;\n padding: 0;\n color: var(--color-expand-collapse-toggle);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ExpandCollapseToggle": "ExpandCollapseToggle___1eSq5" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/HocBadges.css": /*!*************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/HocBadges.css ***! \*************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".HocBadges___3V-9f {\n padding: 0.125rem 0.25rem;\n user-select: none;\n}\n\n.Badge___yfw97 {\n display: inline-block;\n background-color: var(--color-component-badge-background);\n color: var(--color-text);\n padding: 0.125rem 0.25rem;\n line-height: normal;\n border-radius: 0.125rem;\n margin-right: 0.25rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/HocBadges.css"],"names":[],"mappings":"AAAA;EACE,0BAA0B;EAC1B,kBAAkB;CACnB;;AAED;EACE,sBAAsB;EACtB,0DAA0D;EAC1D,yBAAyB;EACzB,0BAA0B;EAC1B,oBAAoB;EACpB,wBAAwB;EACxB,sBAAsB;EACtB,0CAA0C;EAC1C,4CAA4C;CAC7C","file":"HocBadges.css","sourcesContent":[".HocBadges {\n padding: 0.125rem 0.25rem;\n user-select: none;\n}\n\n.Badge {\n display: inline-block;\n background-color: var(--color-component-badge-background);\n color: var(--color-text);\n padding: 0.125rem 0.25rem;\n line-height: normal;\n border-radius: 0.125rem;\n margin-right: 0.25rem;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "HocBadges": "HocBadges___3V-9f", "Badge": "Badge___yfw97" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/HooksTree.css": /*!*************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/HooksTree.css ***! \*************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".HooksTreeView___1Fl2v {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.Hook___3YGvA {\n}\n\n.Children___czkVv {\n padding-left: 1rem;\n}\n\n.HeaderRow___2ys42 {\n display: flex;\n align-items: center;\n}\n\n.Header___1QK7j {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.NameValueRow___2wmen {\n display: flex;\n}\n\n.Name___2hzUF,\n.NameAnonymous___2bMmB {\n flex: 0 0 auto;\n cursor: default;\n}\n.Name___2hzUF {\n color: var(--color-dim);\n}\n.NameAnonymous___2bMmB {\n color: var(--color-dimmer);\n}\n\n.EditableName___3-YQT {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName___3-YQT:after,\n.Name___2hzUF:after {\n color: var(--color-text);\n content: ': ';\n margin-right: 0.5rem;\n}\n\n.Value___1cSv3 {\n color: var(--color-attribute-value);\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: default;\n}\n\n.None___2tUHz {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.TruncationIndicator___2crPv {\n color: var(--color-dimmer);\n}\n\n.ExpandCollapseToggleSpacer___1O9Og {\n flex: 0 0 1rem;\n width: 1rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.css"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,0CAA0C;CAC3C;;AAED;CACC;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,UAAU;EACV,qCAAqC;CACtC;;AAED;EACE,cAAc;CACf;;AAED;;EAEE,eAAe;EACf,gBAAgB;CACjB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,2BAA2B;CAC5B;;AAED;EACE,mCAAmC;EACnC,eAAe;EACf,gBAAgB;CACjB;AACD;;EAEE,yBAAyB;EACzB,cAAc;EACd,qBAAqB;CACtB;;AAED;EACE,oCAAoC;EACpC,iBAAiB;EACjB,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,2BAA2B;EAC3B,mBAAmB;CACpB;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,eAAe;EACf,YAAY;CACb","file":"HooksTree.css","sourcesContent":[".HooksTreeView {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.Hook {\n}\n\n.Children {\n padding-left: 1rem;\n}\n\n.HeaderRow {\n display: flex;\n align-items: center;\n}\n\n.Header {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.NameValueRow {\n display: flex;\n}\n\n.Name,\n.NameAnonymous {\n flex: 0 0 auto;\n cursor: default;\n}\n.Name {\n color: var(--color-dim);\n}\n.NameAnonymous {\n color: var(--color-dimmer);\n}\n\n.EditableName {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName:after,\n.Name:after {\n color: var(--color-text);\n content: ': ';\n margin-right: 0.5rem;\n}\n\n.Value {\n color: var(--color-attribute-value);\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: default;\n}\n\n.None {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.TruncationIndicator {\n color: var(--color-dimmer);\n}\n\n.ExpandCollapseToggleSpacer {\n flex: 0 0 1rem;\n width: 1rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "HooksTreeView": "HooksTreeView___1Fl2v", "Hook": "Hook___3YGvA", "Children": "Children___czkVv", "HeaderRow": "HeaderRow___2ys42", "Header": "Header___1QK7j", "NameValueRow": "NameValueRow___2wmen", "Name": "Name___2hzUF", "NameAnonymous": "NameAnonymous___2bMmB", "EditableName": "EditableName___3-YQT", "Value": "Value___1cSv3", "None": "None___2tUHz", "TruncationIndicator": "TruncationIndicator___2crPv", "ExpandCollapseToggleSpacer": "ExpandCollapseToggleSpacer___1O9Og" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/InspectedElementTree.css": /*!************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/InspectedElementTree.css ***! \************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".InspectedElementTree___Tif5r {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n.InspectedElementTree___Tif5r:first-of-type {\n border-top: none;\n}\n\n.HeaderRow___2wqh5 {\n display: flex;\n align-items: center;\n}\n\n.Header___32vgs {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.Item___1VriK {\n display: flex;\n}\n\n.Name___3xGyI {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n}\n.Name___3xGyI:after {\n content: ': ';\n color: var(--color-text);\n margin-right: 0.5rem;\n}\n\n.Value___2-EFH {\n color: var(--color-attribute-value);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.None___1Nr1V {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.Empty___3VMY5 {\n color: var(--color-dimmer);\n font-style: italic;\n padding-left: 0.75rem;\n}\n\n.AddEntry___2tQv9 {\n padding-left: 1rem;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.EditableValue___2wZwY {\n min-width: 1rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.css"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,0CAA0C;CAC3C;AACD;EACE,iBAAiB;CAClB;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,UAAU;EACV,qCAAqC;CACtC;;AAED;EACE,cAAc;CACf;;AAED;EACE,mCAAmC;EACnC,eAAe;CAChB;AACD;EACE,cAAc;EACd,yBAAyB;EACzB,qBAAqB;CACtB;;AAED;EACE,oCAAoC;EACpC,iBAAiB;EACjB,wBAAwB;CACzB;;AAED;EACE,2BAA2B;EAC3B,mBAAmB;CACpB;;AAED;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;CACvB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;EACpB,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,gBAAgB;CACjB","file":"InspectedElementTree.css","sourcesContent":[".InspectedElementTree {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n.InspectedElementTree:first-of-type {\n border-top: none;\n}\n\n.HeaderRow {\n display: flex;\n align-items: center;\n}\n\n.Header {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.Item {\n display: flex;\n}\n\n.Name {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n}\n.Name:after {\n content: ': ';\n color: var(--color-text);\n margin-right: 0.5rem;\n}\n\n.Value {\n color: var(--color-attribute-value);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.None {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.Empty {\n color: var(--color-dimmer);\n font-style: italic;\n padding-left: 0.75rem;\n}\n\n.AddEntry {\n padding-left: 1rem;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.EditableValue {\n min-width: 1rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "InspectedElementTree": "InspectedElementTree___Tif5r", "HeaderRow": "HeaderRow___2wqh5", "Header": "Header___32vgs", "Item": "Item___1VriK", "Name": "Name___3xGyI", "Value": "Value___2-EFH", "None": "None___1Nr1V", "Empty": "Empty___3VMY5", "AddEntry": "AddEntry___2tQv9", "EditableValue": "EditableValue___2wZwY" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/KeyValue.css": /*!************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/KeyValue.css ***! \************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Item___2n2qv:not([hidden]) {\n display: flex;\n}\n\n.Name___3LSJX {\n color: var(--color-dim);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName___2TyRo {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName___2TyRo:after,\n.Name___3LSJX:after {\n content: ': ';\n color: var(--color-text);\n margin-right: 0.5rem;\n}\n\n.Value___7p123 {\n color: var(--color-attribute-value);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: default;\n}\n\n.None___RYyex {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.ExpandCollapseToggleSpacer___3KNWO {\n flex: 0 0 1rem;\n width: 1rem;\n}\n\n.Empty___1MaDj {\n color: var(--color-dimmer);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.css"],"names":[],"mappings":"AAAA;EACE,cAAc;CACf;;AAED;EACE,wBAAwB;EACxB,eAAe;EACf,gBAAgB;CACjB;AACD;EACE,mCAAmC;EACnC,eAAe;EACf,gBAAgB;CACjB;AACD;;EAEE,cAAc;EACd,yBAAyB;EACzB,qBAAqB;CACtB;;AAED;EACE,oCAAoC;EACpC,oBAAoB;EACpB,iBAAiB;EACjB,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,2BAA2B;EAC3B,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,YAAY;CACb;;AAED;EACE,2BAA2B;CAC5B","file":"KeyValue.css","sourcesContent":[".Item:not([hidden]) {\n display: flex;\n}\n\n.Name {\n color: var(--color-dim);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName {\n color: var(--color-attribute-name);\n flex: 0 0 auto;\n cursor: default;\n}\n.EditableName:after,\n.Name:after {\n content: ': ';\n color: var(--color-text);\n margin-right: 0.5rem;\n}\n\n.Value {\n color: var(--color-attribute-value);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: default;\n}\n\n.None {\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.ExpandCollapseToggleSpacer {\n flex: 0 0 1rem;\n width: 1rem;\n}\n\n.Empty {\n color: var(--color-dimmer);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Item": "Item___2n2qv", "Name": "Name___3LSJX", "EditableName": "EditableName___2TyRo", "Value": "Value___7p123", "None": "None___RYyex", "ExpandCollapseToggleSpacer": "ExpandCollapseToggleSpacer___3KNWO", "Empty": "Empty___1MaDj" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.css": /*!***********************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.css ***! \***********************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Input___2Lqoc {\n width: 0;\n min-width: 0.5rem;\n flex: 1 1 auto;\n border: none;\n background: transparent;\n outline: none;\n padding: 0;\n border: none;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.Input___2Lqoc:focus {\n border-color: var(--color-border);\n}\n\n.HiddenDiv___32TVk {\n position: absolute;\n top: 0;\n left: 0;\n visibility: hidden;\n height: 0;\n overflow: scroll;\n white-space: pre;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.css"],"names":[],"mappings":"AAAA;EACE,SAAS;EACT,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,wBAAwB;EACxB,cAAc;EACd,WAAW;EACX,aAAa;EACb,0CAA0C;EAC1C,6CAA6C;CAC9C;;AAED;EACE,kCAAkC;CACnC;;AAED;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,mBAAmB;EACnB,UAAU;EACV,iBAAiB;EACjB,iBAAiB;CAClB","file":"AutoSizeInput.css","sourcesContent":[".Input {\n width: 0;\n min-width: 0.5rem;\n flex: 1 1 auto;\n border: none;\n background: transparent;\n outline: none;\n padding: 0;\n border: none;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.Input:focus {\n border-color: var(--color-border);\n}\n\n.HiddenDiv {\n position: absolute;\n top: 0;\n left: 0;\n visibility: hidden;\n height: 0;\n overflow: scroll;\n white-space: pre;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Input": "Input___2Lqoc", "HiddenDiv": "HiddenDiv___32TVk" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css": /*!**********************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css ***! \**********************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".LayoutViewer___215Ad {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n\n.Header___YXSRg {\n font-family: var(--font-family-sans);\n}\n\n.DashedBox___i8dxS,\n.SolidBox___1W-UG {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-width: 1px;\n border-color: var(--color-dim);\n padding: 0.25rem;\n margin: 0.25rem;\n}\n.DashedBox___i8dxS {\n border-style: dashed;\n}\n.SolidBox___1W-UG {\n border-style: solid;\n}\n\n.LabelRow___2SQOh {\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.Label___IskVY {\n position: absolute;\n left: 0.5rem;\n flex: 1 0 100px;\n color: var(--color-attribute-name);\n}\n\n.BoxRow___2_1as {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.css"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,0CAA0C;EAC1C,0CAA0C;EAC1C,4CAA4C;CAC7C;;AAED;EACE,qCAAqC;CACtC;;AAED;;EAEE,eAAe;EACf,cAAc;EACd,uBAAuB;EACvB,oBAAoB;EACpB,kBAAkB;EAClB,+BAA+B;EAC/B,iBAAiB;EACjB,gBAAgB;CACjB;AACD;EACE,qBAAqB;CACtB;AACD;EACE,oBAAoB;CACrB;;AAED;EACE,YAAY;EACZ,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,wBAAwB;CACzB;;AAED;EACE,mBAAmB;EACnB,aAAa;EACb,gBAAgB;EAChB,mCAAmC;CACpC;;AAED;EACE,YAAY;EACZ,cAAc;EACd,oBAAoB;EACpB,oBAAoB;CACrB","file":"LayoutViewer.css","sourcesContent":[".LayoutViewer {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n}\n\n.Header {\n font-family: var(--font-family-sans);\n}\n\n.DashedBox,\n.SolidBox {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n border-width: 1px;\n border-color: var(--color-dim);\n padding: 0.25rem;\n margin: 0.25rem;\n}\n.DashedBox {\n border-style: dashed;\n}\n.SolidBox {\n border-style: solid;\n}\n\n.LabelRow {\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.Label {\n position: absolute;\n left: 0.5rem;\n flex: 1 0 100px;\n color: var(--color-attribute-name);\n}\n\n.BoxRow {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "LayoutViewer": "LayoutViewer___215Ad", "Header": "Header___YXSRg", "DashedBox": "DashedBox___i8dxS", "SolidBox": "SolidBox___1W-UG", "LabelRow": "LabelRow___2SQOh", "Label": "Label___IskVY", "BoxRow": "BoxRow___2_1as" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css": /*!*********************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css ***! \*********************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".StyleEditor___1RvzE {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.HeaderRow___xyA6t {\n display: flex;\n align-items: center;\n}\n\n.Header___2SGfE {\n flex: 1 1;\n}\n\n.Brackets___2zA4K {\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-small);\n}\n\n.Row___3v8mp {\n white-space: nowrap;\n padding-left: 1rem;\n display: flex;\n align-items: center;\n}\n\n.Invalid___3ogBH {\n background-color: var(--color-background-invalid);\n color: var(--color-text-invalid);\n\n --color-border: var(--color-text-invalid);\n}\n.Attribute___2yC0c {\n color: var(--color-attribute-name);\n}\n\n.Value___1yJUg {\n color: var(--color-attribute-value);\n}\n\n.Input___3Zdnf {\n flex: 0 1 auto;\n padding: 1px;\n box-shadow: 0px 1px 3px transparent;\n}\n.Input___3Zdnf:focus {\n color: var(--color-text);\n box-shadow: 0px 1px 3px var(--color-shadow);\n}\n\n.Empty___3Pi3w {\n color: var(--color-dimmer);\n font-style: italic;\n user-select: none;\n padding-left: 1rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.css"],"names":[],"mappings":"AAAA;EACE,0CAA0C;EAC1C,6CAA6C;EAC7C,iBAAiB;EACjB,0CAA0C;CAC3C;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,UAAU;CACX;;AAED;EACE,qCAAqC;EACrC,uCAAuC;CACxC;;AAED;EACE,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,kDAAkD;EAClD,iCAAiC;;EAEjC,0CAA0C;CAC3C;AACD;EACE,mCAAmC;CACpC;;AAED;EACE,oCAAoC;CACrC;;AAED;EACE,eAAe;EACf,aAAa;EACb,oCAAoC;CACrC;AACD;EACE,yBAAyB;EACzB,4CAA4C;CAC7C;;AAED;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;CACpB","file":"StyleEditor.css","sourcesContent":[".StyleEditor {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.HeaderRow {\n display: flex;\n align-items: center;\n}\n\n.Header {\n flex: 1 1;\n}\n\n.Brackets {\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-small);\n}\n\n.Row {\n white-space: nowrap;\n padding-left: 1rem;\n display: flex;\n align-items: center;\n}\n\n.Invalid {\n background-color: var(--color-background-invalid);\n color: var(--color-text-invalid);\n\n --color-border: var(--color-text-invalid);\n}\n.Attribute {\n color: var(--color-attribute-name);\n}\n\n.Value {\n color: var(--color-attribute-value);\n}\n\n.Input {\n flex: 0 1 auto;\n padding: 1px;\n box-shadow: 0px 1px 3px transparent;\n}\n.Input:focus {\n color: var(--color-text);\n box-shadow: 0px 1px 3px var(--color-shadow);\n}\n\n.Empty {\n color: var(--color-dimmer);\n font-style: italic;\n user-select: none;\n padding-left: 1rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "StyleEditor": "StyleEditor___1RvzE", "HeaderRow": "HeaderRow___xyA6t", "Header": "Header___2SGfE", "Brackets": "Brackets___2zA4K", "Row": "Row___3v8mp", "Invalid": "Invalid___3ogBH", "Attribute": "Attribute___2yC0c", "Value": "Value___1yJUg", "Input": "Input___3Zdnf", "Empty": "Empty___3Pi3w" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/OwnersStack.css": /*!***************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/OwnersStack.css ***! \***************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".OwnerStack___32qwj {\n max-width: 100%;\n overflow-x: auto;\n flex: 1;\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.Component___3e3s7,\n.Component___3e3s7[data-reach-menu-item] {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.Component___3e3s7[data-reach-menu-item][data-selected],\n.Component___3e3s7[data-reach-menu-item][data-selected]:hover {\n color: var(--color-text-selected);\n background: var(--color-background-selected);\n}\n.Component___3e3s7[data-reach-menu-item][data-selected]:focus {\n outline: none;\n}\n\n.Bar___3G3dX {\n display: flex;\n flex: 1 1 auto;\n overflow-x: auto;\n}\n\n.VRule___IJYKJ {\n flex: 0 0 auto;\n height: 20px;\n width: 1px;\n background-color: var(--color-border);\n margin: 0 0.5rem;\n}\n\n.MenuButton___3te3U {\n border-radius: 0.25rem;\n display: inline-flex;\n align-items: center;\n padding: 0;\n flex: 0 0 auto;\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n}\n.MenuButtonContent___3VvHH {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n.MenuButton___3te3U:hover {\n color: var(--color-button-hover);\n}\n.MenuButton___3te3U[aria-expanded='true'],\n.MenuButton___3te3U[aria-expanded='true']:active {\n color: var(--color-button-active);\n outline: none;\n}\n\n.MenuButton___3te3U:focus,\n.MenuButtonContent___3VvHH:focus {\n outline: none;\n}\n.MenuButton___3te3U:focus > .MenuButtonContent___3VvHH {\n background: var(--color-button-background-focus);\n}\n\n.Modal___8b8bs[data-reach-menu-list] {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--color-background);\n color: var(--color-button);\n padding: 0.25rem 0;\n padding-right: 0;\n border: 1px solid var(--color-border);\n border-radius: 0.25rem;\n max-height: 10rem;\n overflow: auto;\n\n /* Make sure this is above the DevTools, which are above the Overlay */\n z-index: 10000002;\n position: relative;\n\n /* Reach UI tries to set its own :( */\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.NotInStore___3Y2P2,\n.NotInStore___3Y2P2:hover {\n color: var(--color-dimmest);\n}\n\n.Badge___2E6aT {\n margin-left: 0.25rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,oBAAoB;EACpB,mBAAmB;CACpB;;AAED;;EAEE,0CAA0C;EAC1C,6CAA6C;EAC7C,kBAAkB;EAClB,oBAAoB;EACpB,cAAc;EACd,oBAAoB;CACrB;;AAED;;EAEE,kCAAkC;EAClC,6CAA6C;CAC9C;AACD;EACE,cAAc;CACf;;AAED;EACE,cAAc;EACd,eAAe;EACf,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,aAAa;EACb,WAAW;EACX,sCAAsC;EACtC,iBAAiB;CAClB;;AAED;EACE,uBAAuB;EACvB,qBAAqB;EACrB,oBAAoB;EACpB,WAAW;EACX,eAAe;EACf,aAAa;EACb,2CAA2C;EAC3C,2BAA2B;CAC5B;AACD;EACE,qBAAqB;EACrB,oBAAoB;EACpB,uBAAuB;EACvB,iBAAiB;CAClB;AACD;EACE,iCAAiC;CAClC;AACD;;EAEE,kCAAkC;EAClC,cAAc;CACf;;AAED;;EAEE,cAAc;CACf;AACD;EACE,iDAAiD;CAClD;;AAED;EACE,qBAAqB;EACrB,uBAAuB;EACvB,0CAA0C;EAC1C,2BAA2B;EAC3B,mBAAmB;EACnB,iBAAiB;EACjB,sCAAsC;EACtC,uBAAuB;EACvB,kBAAkB;EAClB,eAAe;;EAEf,uEAAuE;EACvE,kBAAkB;EAClB,mBAAmB;;EAEnB,sCAAsC;EACtC,0CAA0C;EAC1C,6CAA6C;CAC9C;;AAED;;EAEE,4BAA4B;CAC7B;;AAED;EACE,qBAAqB;CACtB","file":"OwnersStack.css","sourcesContent":[".OwnerStack {\n max-width: 100%;\n overflow-x: auto;\n flex: 1;\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.Component,\n.Component[data-reach-menu-item] {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n user-select: none;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.Component[data-reach-menu-item][data-selected],\n.Component[data-reach-menu-item][data-selected]:hover {\n color: var(--color-text-selected);\n background: var(--color-background-selected);\n}\n.Component[data-reach-menu-item][data-selected]:focus {\n outline: none;\n}\n\n.Bar {\n display: flex;\n flex: 1 1 auto;\n overflow-x: auto;\n}\n\n.VRule {\n flex: 0 0 auto;\n height: 20px;\n width: 1px;\n background-color: var(--color-border);\n margin: 0 0.5rem;\n}\n\n.MenuButton {\n border-radius: 0.25rem;\n display: inline-flex;\n align-items: center;\n padding: 0;\n flex: 0 0 auto;\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n}\n.MenuButtonContent {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n.MenuButton:hover {\n color: var(--color-button-hover);\n}\n.MenuButton[aria-expanded='true'],\n.MenuButton[aria-expanded='true']:active {\n color: var(--color-button-active);\n outline: none;\n}\n\n.MenuButton:focus,\n.MenuButtonContent:focus {\n outline: none;\n}\n.MenuButton:focus > .MenuButtonContent {\n background: var(--color-button-background-focus);\n}\n\n.Modal[data-reach-menu-list] {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--color-background);\n color: var(--color-button);\n padding: 0.25rem 0;\n padding-right: 0;\n border: 1px solid var(--color-border);\n border-radius: 0.25rem;\n max-height: 10rem;\n overflow: auto;\n\n /* Make sure this is above the DevTools, which are above the Overlay */\n z-index: 10000002;\n position: relative;\n\n /* Reach UI tries to set its own :( */\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.NotInStore,\n.NotInStore:hover {\n color: var(--color-dimmest);\n}\n\n.Badge {\n margin-left: 0.25rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "OwnerStack": "OwnerStack___32qwj", "Component": "Component___3e3s7", "Bar": "Bar___3G3dX", "VRule": "VRule___IJYKJ", "MenuButton": "MenuButton___3te3U", "MenuButtonContent": "MenuButtonContent___3VvHH", "Modal": "Modal___8b8bs", "NotInStore": "NotInStore___3Y2P2", "Badge": "Badge___2E6aT" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/SearchInput.css": /*!***************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/SearchInput.css ***! \***************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".SearchInput___3_D7A {\n flex: 1 1;\n display: flex;\n align-items: center;\n}\n\n.Input___3Kf09 {\n flex: 1 1 100px;\n width: 100px;\n font-size: var(--font-size-sans-large);\n outline: none;\n border: none;\n background-color: var(--color-background);\n color: var(--color-text);\n padding-left: 1.5rem;\n margin-left: -1rem;\n}\n\n.InputIcon___1HrXN {\n pointer-events: none;\n z-index: 2;\n color: var(--color-dimmer);\n}\n\n.IndexLabel___2cd8c {\n color: var(--color-dim);\n font-size: var(--font-size-sans-normal);\n white-space: pre;\n}\n\n.LeftVRule___wcxjb,\n.RightVRule___cvpx8 {\n height: 20px;\n width: 1px;\n background-color: var(--color-border);\n}\n.LeftVRule___wcxjb {\n margin: 0 0.25rem 0 0.5rem;\n}\n.RightVRule___cvpx8 {\n margin: 0 0.5rem 0 0.25rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.css"],"names":[],"mappings":"AAAA;EACE,UAAU;EACV,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,gBAAgB;EAChB,aAAa;EACb,uCAAuC;EACvC,cAAc;EACd,aAAa;EACb,0CAA0C;EAC1C,yBAAyB;EACzB,qBAAqB;EACrB,mBAAmB;CACpB;;AAED;EACE,qBAAqB;EACrB,WAAW;EACX,2BAA2B;CAC5B;;AAED;EACE,wBAAwB;EACxB,wCAAwC;EACxC,iBAAiB;CAClB;;AAED;;EAEE,aAAa;EACb,WAAW;EACX,sCAAsC;CACvC;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,2BAA2B;CAC5B","file":"SearchInput.css","sourcesContent":[".SearchInput {\n flex: 1 1;\n display: flex;\n align-items: center;\n}\n\n.Input {\n flex: 1 1 100px;\n width: 100px;\n font-size: var(--font-size-sans-large);\n outline: none;\n border: none;\n background-color: var(--color-background);\n color: var(--color-text);\n padding-left: 1.5rem;\n margin-left: -1rem;\n}\n\n.InputIcon {\n pointer-events: none;\n z-index: 2;\n color: var(--color-dimmer);\n}\n\n.IndexLabel {\n color: var(--color-dim);\n font-size: var(--font-size-sans-normal);\n white-space: pre;\n}\n\n.LeftVRule,\n.RightVRule {\n height: 20px;\n width: 1px;\n background-color: var(--color-border);\n}\n.LeftVRule {\n margin: 0 0.25rem 0 0.5rem;\n}\n.RightVRule {\n margin: 0 0.5rem 0 0.25rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "SearchInput": "SearchInput___3_D7A", "Input": "Input___3Kf09", "InputIcon": "InputIcon___1HrXN", "IndexLabel": "IndexLabel___2cd8c", "LeftVRule": "LeftVRule___wcxjb", "RightVRule": "RightVRule___cvpx8" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/SelectedElement.css": /*!*******************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/SelectedElement.css ***! \*******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".SelectedElement___1BBE- {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n border-left: 1px solid var(--color-border);\n border-top: 1px solid var(--color-border);\n}\n\n.TitleRow___3KXaU {\n flex: 0 0 42px;\n display: flex;\n align-items: center;\n font-size: var(--font-size-monospace-large);\n border-bottom: 1px solid var(--color-border);\n padding: 0.5rem;\n}\n\n.SelectedComponentName___fsoQf {\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Owners___2TDn3 {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.OwnersHeader___1W8cp {\n font-family: var(--font-family-sans);\n}\n\n.Source___2Od53 {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.SourceHeaderRow___3osMX {\n display: flex;\n align-items: center;\n}\n\n.SourceHeader___31-ng {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.SourceOneLiner___3UyoL {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n margin-left: 1rem;\n}\n\n.Component___3aCZ4,\n.Owner___ZV1NX {\n color: var(--color-component-name);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.Component___3aCZ4 {\n flex: 1 1 auto;\n}\n\n.InspectedElement___OD3PD {\n overflow-x: hidden;\n overflow-y: auto;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n line-height: var(--line-height-data);\n}\n\n.Owner___ZV1NX {\n border-radius: 0.25rem;\n padding: 0.125rem 0.25rem;\n cursor: pointer;\n background: none;\n border: none;\n display: block;\n}\n.Owner___ZV1NX:focus {\n outline: none;\n background-color: var(--color-button-background-focus);\n}\n\n.Loading___14NUm {\n padding: 0.25rem;\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.CannotSuspendWarningMessage___3ycws {\n}\n\n.NotInStore___3Nvun {\n color: var(--color-dim);\n cursor: default;\n}\n\n.OwnerButton___2JyFR {\n display: flex;\n align-items: center;\n margin-left: 0.5rem;\n padding: 0;\n}\n\n.ContextMenuIcon___2FD5s {\n margin-right: 0.5rem;\n}", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,uBAAuB;EACvB,aAAa;EACb,YAAY;EACZ,2CAA2C;EAC3C,0CAA0C;CAC3C;;AAED;EACE,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,4CAA4C;EAC5C,6CAA6C;EAC7C,gBAAgB;CACjB;;AAED;EACE,eAAe;EACf,iBAAiB;EACjB,wBAAwB;CACzB;;AAED;EACE,iBAAiB;EACjB,0CAA0C;CAC3C;;AAED;EACE,qCAAqC;CACtC;;AAED;EACE,iBAAiB;EACjB,0CAA0C;CAC3C;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,UAAU;EACV,qCAAqC;CACtC;;AAED;EACE,0CAA0C;EAC1C,6CAA6C;EAC7C,oBAAoB;EACpB,iBAAiB;EACjB,wBAAwB;EACxB,gBAAgB;EAChB,kBAAkB;CACnB;;AAED;;EAEE,mCAAmC;EACnC,0CAA0C;EAC1C,6CAA6C;EAC7C,oBAAoB;EACpB,iBAAiB;EACjB,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,iBAAiB;EACjB,0CAA0C;EAC1C,6CAA6C;EAC7C,qCAAqC;CACtC;;AAED;EACE,uBAAuB;EACvB,0BAA0B;EAC1B,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;EACb,eAAe;CAChB;AACD;EACE,cAAc;EACd,uDAAuD;CACxD;;AAED;EACE,iBAAiB;EACjB,2BAA2B;EAC3B,mBAAmB;CACpB;;AAED;CACC;;AAED;EACE,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,oBAAoB;EACpB,WAAW;CACZ;;AAED;EACE,qBAAqB;CACtB","file":"SelectedElement.css","sourcesContent":[".SelectedElement {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n border-left: 1px solid var(--color-border);\n border-top: 1px solid var(--color-border);\n}\n\n.TitleRow {\n flex: 0 0 42px;\n display: flex;\n align-items: center;\n font-size: var(--font-size-monospace-large);\n border-bottom: 1px solid var(--color-border);\n padding: 0.5rem;\n}\n\n.SelectedComponentName {\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.Owners {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.OwnersHeader {\n font-family: var(--font-family-sans);\n}\n\n.Source {\n padding: 0.25rem;\n border-top: 1px solid var(--color-border);\n}\n\n.SourceHeaderRow {\n display: flex;\n align-items: center;\n}\n\n.SourceHeader {\n flex: 1 1;\n font-family: var(--font-family-sans);\n}\n\n.SourceOneLiner {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n margin-left: 1rem;\n}\n\n.Component,\n.Owner {\n color: var(--color-component-name);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n}\n\n.Component {\n flex: 1 1 auto;\n}\n\n.InspectedElement {\n overflow-x: hidden;\n overflow-y: auto;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n line-height: var(--line-height-data);\n}\n\n.Owner {\n border-radius: 0.25rem;\n padding: 0.125rem 0.25rem;\n cursor: pointer;\n background: none;\n border: none;\n display: block;\n}\n.Owner:focus {\n outline: none;\n background-color: var(--color-button-background-focus);\n}\n\n.Loading {\n padding: 0.25rem;\n color: var(--color-dimmer);\n font-style: italic;\n}\n\n.CannotSuspendWarningMessage {\n}\n\n.NotInStore {\n color: var(--color-dim);\n cursor: default;\n}\n\n.OwnerButton {\n display: flex;\n align-items: center;\n margin-left: 0.5rem;\n padding: 0;\n}\n\n.ContextMenuIcon {\n margin-right: 0.5rem;\n}"],"sourceRoot":""}]); // exports exports.locals = { "SelectedElement": "SelectedElement___1BBE-", "TitleRow": "TitleRow___3KXaU", "SelectedComponentName": "SelectedComponentName___fsoQf", "Owners": "Owners___2TDn3", "OwnersHeader": "OwnersHeader___1W8cp", "Source": "Source___2Od53", "SourceHeaderRow": "SourceHeaderRow___3osMX", "SourceHeader": "SourceHeader___31-ng", "SourceOneLiner": "SourceOneLiner___3UyoL", "Component": "Component___3aCZ4", "Owner": "Owner___ZV1NX", "InspectedElement": "InspectedElement___OD3PD", "Loading": "Loading___14NUm", "CannotSuspendWarningMessage": "CannotSuspendWarningMessage___3ycws", "NotInStore": "NotInStore___3Nvun", "OwnerButton": "OwnerButton___2JyFR", "ContextMenuIcon": "ContextMenuIcon___2FD5s" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css": /*!*************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css ***! \*************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Active___3Y5D2,\n.Inactive___2Ddkx {\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.Active___3Y5D2 {\n background-color: var(--color-selected-tree-highlight-active);\n}\n\n.Inactive___2Ddkx {\n background-color: var(--color-selected-tree-highlight-inactive);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.css"],"names":[],"mappings":"AAAA;;EAEE,mBAAmB;EACnB,QAAQ;EACR,YAAY;EACZ,WAAW;EACX,qBAAqB;CACtB;;AAED;EACE,8DAA8D;CAC/D;;AAED;EACE,gEAAgE;CACjE","file":"SelectedTreeHighlight.css","sourcesContent":[".Active,\n.Inactive {\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.Active {\n background-color: var(--color-selected-tree-highlight-active);\n}\n\n.Inactive {\n background-color: var(--color-selected-tree-highlight-inactive);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Active": "Active___3Y5D2", "Inactive": "Inactive___2Ddkx" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Components/Tree.css": /*!********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Components/Tree.css ***! \********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Tree___3Pjje {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--color-border);\n\n /* Default size will be adjusted by Tree after scrolling */\n --indentation-size: 12px;\n}\n\n.List___qlOJG {\n overflow-x: hidden !important;\n}\n\n.InnerElementType___1csGF {\n overflow-x: hidden;\n}\n\n.SearchInput___1Q2I_ {\n flex: 0 0 42px;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n padding: 0.5rem;\n}\n\n.AutoSizerWrapper___3IcMr {\n width: 100%;\n overflow: hidden;\n flex: 1 0 auto;\n}\n.AutoSizerWrapper___3IcMr:focus {\n outline: none;\n}\n\n.List___qlOJG {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n line-height: var(--line-height-data);\n}\n\n.VRule___3yG5q {\n height: 20px;\n width: 1px;\n margin: 0 0.5rem;\n background-color: var(--color-border);\n}\n\n.Loading___TrqnR {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n flex: 1;\n justify-content: flex-start;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Components/Tree.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,YAAY;EACZ,cAAc;EACd,uBAAuB;EACvB,0CAA0C;;EAE1C,2DAA2D;EAC3D,yBAAyB;CAC1B;;AAED;EACE,8BAA8B;CAC/B;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,6CAA6C;EAC7C,gBAAgB;CACjB;;AAED;EACE,YAAY;EACZ,iBAAiB;EACjB,eAAe;CAChB;AACD;EACE,cAAc;CACf;;AAED;EACE,0CAA0C;EAC1C,6CAA6C;EAC7C,qCAAqC;CACtC;;AAED;EACE,aAAa;EACb,WAAW;EACX,iBAAiB;EACjB,sCAAsC;CACvC;;AAED;EACE,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,oBAAoB;EACpB,QAAQ;EACR,4BAA4B;EAC5B,uCAAuC;EACvC,wBAAwB;CACzB","file":"Tree.css","sourcesContent":[".Tree {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n border-top: 1px solid var(--color-border);\n\n /* Default size will be adjusted by Tree after scrolling */\n --indentation-size: 12px;\n}\n\n.List {\n overflow-x: hidden !important;\n}\n\n.InnerElementType {\n overflow-x: hidden;\n}\n\n.SearchInput {\n flex: 0 0 42px;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n padding: 0.5rem;\n}\n\n.AutoSizerWrapper {\n width: 100%;\n overflow: hidden;\n flex: 1 0 auto;\n}\n.AutoSizerWrapper:focus {\n outline: none;\n}\n\n.List {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n line-height: var(--line-height-data);\n}\n\n.VRule {\n height: 20px;\n width: 1px;\n margin: 0 0.5rem;\n background-color: var(--color-border);\n}\n\n.Loading {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n flex: 1;\n justify-content: flex-start;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Tree": "Tree___3Pjje", "List": "List___qlOJG", "InnerElementType": "InnerElementType___1csGF", "SearchInput": "SearchInput___1Q2I_", "AutoSizerWrapper": "AutoSizerWrapper___3IcMr", "VRule": "VRule___3yG5q", "Loading": "Loading___TrqnR" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/DevTools.css": /*!*************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/DevTools.css ***! \*************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".DevTools___NAxvy {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\n.TabBar___2aDHU {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n background-color: var(--color-background);\n border-top: 1px solid var(--color-border);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-large);\n user-select: none;\n\n /* Electron drag area */\n -webkit-app-region: drag;\n}\n\n.Spacer___1VPRF {\n flex: 1;\n}\n\n.TabContent___27Qz1 {\n flex: 1 1 100%;\n overflow: auto;\n -webkit-app-region: no-drag;\n}\n\n.DevToolsVersion___3_3UD {\n font-size: var(--font-size-sans-normal);\n margin-right: 0.5rem;\n}\n\n.DevToolsVersion___3_3UD:before {\n font-size: var(--font-size-sans-large);\n content: 'DevTools ';\n}\n\n@media screen and (max-width: 400px) {\n .DevToolsVersion___3_3UD:before {\n content: '';\n }\n}\n\n@media screen and (max-width: 300px) {\n .DevToolsVersion___3_3UD {\n display: none;\n }\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/DevTools.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,cAAc;EACd,uBAAuB;EACvB,0CAA0C;EAC1C,yBAAyB;CAC1B;;AAED;EACE,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,kBAAkB;EAClB,0CAA0C;EAC1C,0CAA0C;EAC1C,qCAAqC;EACrC,uCAAuC;EACvC,kBAAkB;;EAElB,wBAAwB;EACxB,yBAAyB;CAC1B;;AAED;EACE,QAAQ;CACT;;AAED;EACE,eAAe;EACf,eAAe;EACf,4BAA4B;CAC7B;;AAED;EACE,wCAAwC;EACxC,qBAAqB;CACtB;;AAED;EACE,uCAAuC;EACvC,qBAAqB;CACtB;;AAED;EACE;IACE,YAAY;GACb;CACF;;AAED;EACE;IACE,cAAc;GACf;CACF","file":"DevTools.css","sourcesContent":[".DevTools {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\n.TabBar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n background-color: var(--color-background);\n border-top: 1px solid var(--color-border);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-large);\n user-select: none;\n\n /* Electron drag area */\n -webkit-app-region: drag;\n}\n\n.Spacer {\n flex: 1;\n}\n\n.TabContent {\n flex: 1 1 100%;\n overflow: auto;\n -webkit-app-region: no-drag;\n}\n\n.DevToolsVersion {\n font-size: var(--font-size-sans-normal);\n margin-right: 0.5rem;\n}\n\n.DevToolsVersion:before {\n font-size: var(--font-size-sans-large);\n content: 'DevTools ';\n}\n\n@media screen and (max-width: 400px) {\n .DevToolsVersion:before {\n content: '';\n }\n}\n\n@media screen and (max-width: 300px) {\n .DevToolsVersion {\n display: none;\n }\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "DevTools": "DevTools___NAxvy", "TabBar": "TabBar___2aDHU", "Spacer": "Spacer___1VPRF", "TabContent": "TabContent___27Qz1", "DevToolsVersion": "DevToolsVersion___3_3UD" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/ErrorBoundary.css": /*!******************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/ErrorBoundary.css ***! \******************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ErrorBoundary___24NcV {\n height: 100%;\n width: 100%;\n background-color: white;\n color: red;\n padding: 0.5rem;\n overflow: auto;\n}\n\n.Header___8LGXN {\n font-size: var(--font-size-sans-large);\n font-weight: bold;\n}\n\n.Stack___3-PTh {\n margin-top: 0.5rem;\n white-space: pre-wrap;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n background-color: hsl(0, 100%, 97%);\n border: 1px solid hsl(0, 100%, 92%);\n border-radius: 0.25rem;\n padding: 0.5rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/ErrorBoundary.css"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,YAAY;EACZ,wBAAwB;EACxB,WAAW;EACX,gBAAgB;EAChB,eAAe;CAChB;;AAED;EACE,uCAAuC;EACvC,kBAAkB;CACnB;;AAED;EACE,mBAAmB;EACnB,sBAAsB;EACtB,0CAA0C;EAC1C,4CAA4C;EAC5C,oCAAoC;EACpC,oCAAoC;EACpC,uBAAuB;EACvB,gBAAgB;CACjB","file":"ErrorBoundary.css","sourcesContent":[".ErrorBoundary {\n height: 100%;\n width: 100%;\n background-color: white;\n color: red;\n padding: 0.5rem;\n overflow: auto;\n}\n\n.Header {\n font-size: var(--font-size-sans-large);\n font-weight: bold;\n}\n\n.Stack {\n margin-top: 0.5rem;\n white-space: pre-wrap;\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n background-color: hsl(0, 100%, 97%);\n border: 1px solid hsl(0, 100%, 92%);\n border-radius: 0.25rem;\n padding: 0.5rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ErrorBoundary": "ErrorBoundary___24NcV", "Header": "Header___8LGXN", "Stack": "Stack___3-PTh" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Icon.css": /*!*********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Icon.css ***! \*********************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Icon___v5HwN {\n width: 1rem;\n height: 1rem;\n fill: currentColor;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Icon.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;CACpB","file":"Icon.css","sourcesContent":[".Icon {\n width: 1rem;\n height: 1rem;\n fill: currentColor;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Icon": "Icon___v5HwN" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/ModalDialog.css": /*!****************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/ModalDialog.css ***! \****************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Background___39iOi {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding: 1rem;\n background-color: var(--color-modal-background);\n overflow: auto;\n}\n\n.Dialog___2XI77 {\n position: relative;\n z-index: 3;\n width: 25rem;\n min-width: 20rem;\n max-width: 100%;\n display: inline-block;\n background-color: var(--color-background);\n box-shadow: 0 2px 4px var(--color-shadow);\n padding: 0.5rem;\n border: 1px solid var(--color-border);\n border-radius: 0.25rem;\n font-size: var(--font-size-sans-normal);\n}\n\n.Title___1FtK3 {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.Buttons___3N6w8 {\n text-align: right;\n margin-top: 0.5rem;\n}\n\n.Button___3JNc2 {\n font-size: var(--font-size-sans-large);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/ModalDialog.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,cAAc;EACd,wBAAwB;EACxB,wBAAwB;EACxB,cAAc;EACd,gDAAgD;EAChD,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,sBAAsB;EACtB,0CAA0C;EAC1C,0CAA0C;EAC1C,gBAAgB;EAChB,sCAAsC;EACtC,uBAAuB;EACvB,wCAAwC;CACzC;;AAED;EACE,uCAAuC;EACvC,sBAAsB;CACvB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;CACpB;;AAED;EACE,uCAAuC;CACxC","file":"ModalDialog.css","sourcesContent":[".Background {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n padding: 1rem;\n background-color: var(--color-modal-background);\n overflow: auto;\n}\n\n.Dialog {\n position: relative;\n z-index: 3;\n width: 25rem;\n min-width: 20rem;\n max-width: 100%;\n display: inline-block;\n background-color: var(--color-background);\n box-shadow: 0 2px 4px var(--color-shadow);\n padding: 0.5rem;\n border: 1px solid var(--color-border);\n border-radius: 0.25rem;\n font-size: var(--font-size-sans-normal);\n}\n\n.Title {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.Buttons {\n text-align: right;\n margin-top: 0.5rem;\n}\n\n.Button {\n font-size: var(--font-size-sans-large);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Background": "Background___39iOi", "Dialog": "Dialog___2XI77", "Title": "Title___1FtK3", "Buttons": "Buttons___3N6w8", "Button": "Button___3JNc2" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/ChartNode.css": /*!***********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/ChartNode.css ***! \***********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Group___2hArG {\n transition: all ease-in-out 250ms;\n}\n\n.Rect___fBfs_ {\n cursor: pointer;\n stroke: var(--color-background);\n transition: all ease-in-out 250ms;\n}\n\n.ForeignObject___2EdVc {\n pointer-events: none;\n transition: all ease-in-out 250ms;\n}\n\n.Div___1Pgrm {\n pointer-events: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n line-height: 1.5;\n padding: 0 0 0;\n font-weight: 400;\n color: var(--color-commit-gradient-text);\n text-align: left;\n transition: all ease-in-out 250ms;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.css"],"names":[],"mappings":"AAAA;EACE,kCAAkC;CACnC;;AAED;EACE,gBAAgB;EAChB,gCAAgC;EAChC,kCAAkC;CACnC;;AAED;EACE,qBAAqB;EACrB,kCAAkC;CACnC;;AAED;EACE,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,iBAAiB;EACjB,qCAAqC;EACrC,wCAAwC;EACxC,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,yCAAyC;EACzC,iBAAiB;EACjB,kCAAkC;CACnC","file":"ChartNode.css","sourcesContent":[".Group {\n transition: all ease-in-out 250ms;\n}\n\n.Rect {\n cursor: pointer;\n stroke: var(--color-background);\n transition: all ease-in-out 250ms;\n}\n\n.ForeignObject {\n pointer-events: none;\n transition: all ease-in-out 250ms;\n}\n\n.Div {\n pointer-events: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n line-height: 1.5;\n padding: 0 0 0;\n font-weight: 400;\n color: var(--color-commit-gradient-text);\n text-align: left;\n transition: all ease-in-out 250ms;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Group": "Group___2hArG", "Rect": "Rect___fBfs_", "ForeignObject": "ForeignObject___2EdVc", "Div": "Div___1Pgrm" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.css": /*!******************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.css ***! \******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Container___WYOTp {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n\n.PatternPath___2kgd1 {\n stroke: var(--color-commit-did-not-render-pattern);\n stroke-width: 1;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,QAAQ;EACR,gBAAgB;CACjB;;AAED;EACE,mDAAmD;EACnD,gBAAgB;CACjB","file":"CommitFlamegraph.css","sourcesContent":[".Container {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n\n.PatternPath {\n stroke: var(--color-commit-did-not-render-pattern);\n stroke-width: 1;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Container": "Container___WYOTp", "PatternPath": "PatternPath___2kgd1" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/CommitRanked.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/CommitRanked.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Container___2D32U {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,QAAQ;EACR,gBAAgB;CACjB","file":"CommitRanked.css","sourcesContent":[".Container {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Container": "Container___2D32U" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.css": /*!*********************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.css ***! \*********************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Interaction___1wkkK,\n.SelectedInteraction___7La_q {\n display: flex;\n align-items: center;\n padding: 0 0.25rem;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Interaction___1wkkK:hover {\n background-color: var(--color-background-hover);\n}\n\n.SelectedInteraction___7La_q {\n background-color: var(--color-background-hover);\n}\n\n.Name___3dY_4 {\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Timeline___O0RIy {\n position: relative;\n height: 100%;\n}\n\n.InteractionLine___r6F9K {\n position: absolute;\n height: 3px;\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n border-radius: 0.125rem;\n}\n\n.CommitBox___2Ly_w {\n position: absolute;\n width: var(--interaction-commit-size);\n height: var(--interaction-commit-size);\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n cursor: pointer;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.css"],"names":[],"mappings":"AAAA;;EAEE,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,6CAA6C;CAC9C;;AAED;EACE,gDAAgD;CACjD;;AAED;EACE,gDAAgD;CACjD;;AAED;EACE,oBAAoB;EACpB,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,mBAAmB;EACnB,aAAa;CACd;;AAED;EACE,mBAAmB;EACnB,YAAY;EACZ,0DAA0D;EAC1D,oDAAoD;EACpD,wBAAwB;CACzB;;AAED;EACE,mBAAmB;EACnB,sCAAsC;EACtC,uCAAuC;EACvC,0DAA0D;EAC1D,oDAAoD;EACpD,gBAAgB;CACjB","file":"InteractionListItem.css","sourcesContent":[".Interaction,\n.SelectedInteraction {\n display: flex;\n align-items: center;\n padding: 0 0.25rem;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Interaction:hover {\n background-color: var(--color-background-hover);\n}\n\n.SelectedInteraction {\n background-color: var(--color-background-hover);\n}\n\n.Name {\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Timeline {\n position: relative;\n height: 100%;\n}\n\n.InteractionLine {\n position: absolute;\n height: 3px;\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n border-radius: 0.125rem;\n}\n\n.CommitBox {\n position: absolute;\n width: var(--interaction-commit-size);\n height: var(--interaction-commit-size);\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n cursor: pointer;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Interaction": "Interaction___1wkkK", "SelectedInteraction": "SelectedInteraction___7La_q", "Name": "Name___3dY_4", "Timeline": "Timeline___O0RIy", "InteractionLine": "InteractionLine___r6F9K", "CommitBox": "CommitBox___2Ly_w" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/Interactions.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/Interactions.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Container___1CyNc {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n\n.FocusTarget___3WP7F:focus {\n outline: none;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,QAAQ;EACR,gBAAgB;CACjB;;AAED;EACE,cAAc;CACf","file":"Interactions.css","sourcesContent":[".Container {\n width: 100%;\n flex: 1;\n padding: 0.5rem;\n}\n\n.FocusTarget:focus {\n outline: none;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Container": "Container___1CyNc", "FocusTarget": "FocusTarget___3WP7F" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/NoCommitData.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/NoCommitData.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".NoCommitData___2oJ_z {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Header___1oGeD {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.FilterMessage___1Yg5n {\n display: flex;\n align-items: center;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,cAAc;EACd,uBAAuB;EACvB,oBAAoB;EACpB,wBAAwB;CACzB;;AAED;EACE,uCAAuC;EACvC,sBAAsB;CACvB;;AAED;EACE,cAAc;EACd,oBAAoB;CACrB","file":"NoCommitData.css","sourcesContent":[".NoCommitData {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Header {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.FilterMessage {\n display: flex;\n align-items: center;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "NoCommitData": "NoCommitData___2oJ_z", "Header": "Header___1oGeD", "FilterMessage": "FilterMessage___1Yg5n" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/NoInteractions.css": /*!****************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/NoInteractions.css ***! \****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".NoInteractions___1FQiN {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Header___26pfp {\n font-size: var(--font-size-sans-large);\n}\n\n.Link___1QIRe {\n color: var(--color-button);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,cAAc;EACd,uBAAuB;EACvB,oBAAoB;EACpB,wBAAwB;CACzB;;AAED;EACE,uCAAuC;CACxC;;AAED;EACE,2BAA2B;CAC5B","file":"NoInteractions.css","sourcesContent":[".NoInteractions {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Header {\n font-size: var(--font-size-sans-large);\n}\n\n.Link {\n color: var(--color-button);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "NoInteractions": "NoInteractions___1FQiN", "Header": "Header___26pfp", "Link": "Link___1QIRe" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/Profiler.css": /*!**********************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/Profiler.css ***! \**********************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Profiler___20Ry4 {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\n.LeftColumn___3I7-I {\n display: flex;\n flex-direction: column;\n flex: 2 1 200px;\n border-top: 1px solid var(--color-border);\n}\n\n.RightColumn___3smXD {\n display: flex;\n flex-direction: column;\n flex: 1 1 100px;\n max-width: 300px;\n overflow-x: hidden;\n border-left: 1px solid var(--color-border);\n border-top: 1px solid var(--color-border);\n}\n\n.Content___1LjDy {\n position: relative;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Column___3WWtw {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n}\n\n.Paragraph___1HLty {\n text-align: center;\n}\n\n.Row___1RpSu {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n.Header___QyJw2 {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.Toolbar___30kHu {\n height: 2.25rem;\n padding: 0 0.25rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.VRule___2y9G3 {\n height: 20px;\n width: 1px;\n border-left: 1px solid var(--color-border);\n padding-left: 0.25rem;\n margin-left: 0.25rem;\n}\n\n.Spacer___1sezP {\n flex: 1;\n}\n\n.StopRecordingButton___1-ElU {\n font-size: var(--font-size-sans-large);\n padding: 0.5rem;\n}\n\n.ContentFallback___2Ata2 {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n\n.SnapshotSelectorFallback___3fsFv {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n\n.Link___mZ2LE {\n color: var(--color-button);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.css"],"names":[],"mappings":"AAAA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,cAAc;EACd,oBAAoB;EACpB,qBAAqB;EACrB,qCAAqC;EACrC,wCAAwC;EACxC,0CAA0C;EAC1C,yBAAyB;CAC1B;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,gBAAgB;EAChB,0CAA0C;CAC3C;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,2CAA2C;EAC3C,0CAA0C;CAC3C;;AAED;EACE,mBAAmB;EACnB,eAAe;EACf,cAAc;EACd,uBAAuB;EACvB,oBAAoB;EACpB,wBAAwB;CACzB;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,oBAAoB;EACpB,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,oBAAoB;EACpB,wBAAwB;CACzB;;AAED;EACE,uCAAuC;EACvC,sBAAsB;CACvB;;AAED;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,6CAA6C;CAC9C;;AAED;EACE,aAAa;EACb,WAAW;EACX,2CAA2C;EAC3C,sBAAsB;EACtB,qBAAqB;CACtB;;AAED;EACE,QAAQ;CACT;;AAED;EACE,uCAAuC;EACvC,gBAAgB;CACjB;;AAED;EACE,YAAY;EACZ,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,uCAAuC;EACvC,wBAAwB;CACzB;;AAED;EACE,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,uCAAuC;EACvC,wBAAwB;CACzB;;AAED;EACE,2BAA2B;CAC5B","file":"Profiler.css","sourcesContent":[".Profiler {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\n.LeftColumn {\n display: flex;\n flex-direction: column;\n flex: 2 1 200px;\n border-top: 1px solid var(--color-border);\n}\n\n.RightColumn {\n display: flex;\n flex-direction: column;\n flex: 1 1 100px;\n max-width: 300px;\n overflow-x: hidden;\n border-left: 1px solid var(--color-border);\n border-top: 1px solid var(--color-border);\n}\n\n.Content {\n position: relative;\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.Column {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n}\n\n.Paragraph {\n text-align: center;\n}\n\n.Row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n.Header {\n font-size: var(--font-size-sans-large);\n margin-bottom: 0.5rem;\n}\n\n.Toolbar {\n height: 2.25rem;\n padding: 0 0.25rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.VRule {\n height: 20px;\n width: 1px;\n border-left: 1px solid var(--color-border);\n padding-left: 0.25rem;\n margin-left: 0.25rem;\n}\n\n.Spacer {\n flex: 1;\n}\n\n.StopRecordingButton {\n font-size: var(--font-size-sans-large);\n padding: 0.5rem;\n}\n\n.ContentFallback {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n\n.SnapshotSelectorFallback {\n height: 100%;\n padding-left: 0.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-sans-large);\n color: var(--color-dim);\n}\n\n.Link {\n color: var(--color-button);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Profiler": "Profiler___20Ry4", "LeftColumn": "LeftColumn___3I7-I", "RightColumn": "RightColumn___3smXD", "Content": "Content___1LjDy", "Column": "Column___3WWtw", "Paragraph": "Paragraph___1HLty", "Row": "Row___1RpSu", "Header": "Header___QyJw2", "Toolbar": "Toolbar___30kHu", "VRule": "VRule___2y9G3", "Spacer": "Spacer___1sezP", "StopRecordingButton": "StopRecordingButton___1-ElU", "ContentFallback": "ContentFallback___2Ata2", "SnapshotSelectorFallback": "SnapshotSelectorFallback___3fsFv", "Link": "Link___mZ2LE" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.css": /*!******************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.css ***! \******************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".VRule___2XiHw {\n height: 20px;\n width: 1px;\n border-left: 1px solid var(--color-border);\n padding-left: 0.25rem;\n margin-left: 0.25rem;\n}\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications\n */\n.Input___2GKA7 {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.ErrorMessage___3yR0b {\n margin: 0.5rem 0;\n color: var(--color-dim);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.css"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,2CAA2C;EAC3C,sBAAsB;EACtB,qBAAqB;CACtB;;AAED;;GAEG;AACH;EACE,8BAA8B;EAC9B,YAAY;EACZ,WAAW;EACX,iBAAiB;EACjB,+BAA+B;CAChC;;AAED;EACE,iBAAiB;EACjB,wBAAwB;EACxB,0CAA0C;EAC1C,6CAA6C;CAC9C","file":"ProfilingImportExportButtons.css","sourcesContent":[".VRule {\n height: 20px;\n width: 1px;\n border-left: 1px solid var(--color-border);\n padding-left: 0.25rem;\n margin-left: 0.25rem;\n}\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications\n */\n.Input {\n position: absolute !important;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.ErrorMessage {\n margin: 0.5rem 0;\n color: var(--color-dim);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "VRule": "VRule___2XiHw", "Input": "Input___2GKA7", "ErrorMessage": "ErrorMessage___3yR0b" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/RecordToggle.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/RecordToggle.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ActiveRecordToggle___1Cpcb {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle___1Cpcb:hover {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle___1Cpcb:focus {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle___1Cpcb:active {\n color: var(--color-record-hover);\n}\n\n.InactiveRecordToggle___2CUtF {\n color: var(--color-record-inactive);\n}\n.InactiveRecordToggle___2CUtF:hover {\n color: var(--color-record-hover);\n}\n.InactiveRecordToggle___2CUtF:focus {\n color: var(--color-record-inactive);\n}\n.InactiveRecordToggle___2CUtF:active {\n color: var(--color-record-hover);\n}\n\n.DisabledRecordToggle___gcsbF {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle___gcsbF:hover {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle___gcsbF:focus {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle___gcsbF:active {\n color: var(--color-button-disabled);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.css"],"names":[],"mappings":"AAAA;EACE,kCAAkC;CACnC;AACD;EACE,kCAAkC;CACnC;AACD;EACE,kCAAkC;CACnC;AACD;EACE,iCAAiC;CAClC;;AAED;EACE,oCAAoC;CACrC;AACD;EACE,iCAAiC;CAClC;AACD;EACE,oCAAoC;CACrC;AACD;EACE,iCAAiC;CAClC;;AAED;EACE,oCAAoC;CACrC;AACD;EACE,oCAAoC;CACrC;AACD;EACE,oCAAoC;CACrC;AACD;EACE,oCAAoC;CACrC","file":"RecordToggle.css","sourcesContent":[".ActiveRecordToggle {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle:hover {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle:focus {\n color: var(--color-record-active);\n}\n.ActiveRecordToggle:active {\n color: var(--color-record-hover);\n}\n\n.InactiveRecordToggle {\n color: var(--color-record-inactive);\n}\n.InactiveRecordToggle:hover {\n color: var(--color-record-hover);\n}\n.InactiveRecordToggle:focus {\n color: var(--color-record-inactive);\n}\n.InactiveRecordToggle:active {\n color: var(--color-record-hover);\n}\n\n.DisabledRecordToggle {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle:hover {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle:focus {\n color: var(--color-button-disabled);\n}\n.DisabledRecordToggle:active {\n color: var(--color-button-disabled);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ActiveRecordToggle": "ActiveRecordToggle___1Cpcb", "InactiveRecordToggle": "InactiveRecordToggle___2CUtF", "DisabledRecordToggle": "DisabledRecordToggle___gcsbF" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/RootSelector.css": /*!**************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/RootSelector.css ***! \**************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Spacer___1c3sH {\n flex: 1;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.css"],"names":[],"mappings":"AAAA;EACE,QAAQ;CACT","file":"RootSelector.css","sourcesContent":[".Spacer {\n flex: 1;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Spacer": "Spacer___1c3sH" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.css": /*!*******************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.css ***! \*******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Toolbar___CuJgF {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Content___2tGS0 {\n padding: 0.5rem;\n user-select: none;\n overflow: auto;\n}\n\n.List___2AC9R {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ListItem___2wzT0 {\n margin: 0 0 0.5rem;\n}\n\n.NoInteractions___2-rNG {\n color: var(--color-dim);\n}\n\n.Interactions___2JjM3 {\n margin: 0 0 0.5rem;\n}\n.Interaction___2_WfJ {\n display: block;\n width: 100%;\n text-align: left;\n background: none;\n border: none;\n padding: 0.25rem 0.5rem;\n color: var(--color-text);\n}\n.Interaction___2_WfJ:focus,\n.Interaction___2_WfJ:hover {\n outline: none;\n background-color: var(--color-background-hover);\n}\n\n.Label___3KINM {\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: bold;\n}\n\n.Value___3wrFP {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.NothingSelected___2Sj9L {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--color-dim);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,6CAA6C;CAC9C;;AAED;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;CAChB;;AAED;EACE,iBAAiB;EACjB,UAAU;EACV,WAAW;CACZ;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,mBAAmB;CACpB;AACD;EACE,eAAe;EACf,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;EACb,wBAAwB;EACxB,yBAAyB;CAC1B;AACD;;EAEE,cAAc;EACd,gDAAgD;CACjD;;AAED;EACE,iBAAiB;EACjB,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;EACE,0CAA0C;EAC1C,6CAA6C;CAC9C;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,aAAa;EACb,wBAAwB;CACzB","file":"SidebarCommitInfo.css","sourcesContent":[".Toolbar {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Content {\n padding: 0.5rem;\n user-select: none;\n overflow: auto;\n}\n\n.List {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ListItem {\n margin: 0 0 0.5rem;\n}\n\n.NoInteractions {\n color: var(--color-dim);\n}\n\n.Interactions {\n margin: 0 0 0.5rem;\n}\n.Interaction {\n display: block;\n width: 100%;\n text-align: left;\n background: none;\n border: none;\n padding: 0.25rem 0.5rem;\n color: var(--color-text);\n}\n.Interaction:focus,\n.Interaction:hover {\n outline: none;\n background-color: var(--color-background-hover);\n}\n\n.Label {\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: bold;\n}\n\n.Value {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n}\n\n.NothingSelected {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--color-dim);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Toolbar": "Toolbar___CuJgF", "Content": "Content___2tGS0", "List": "List___2AC9R", "ListItem": "ListItem___2wzT0", "NoInteractions": "NoInteractions___2-rNG", "Interactions": "Interactions___2JjM3", "Interaction": "Interaction___2_WfJ", "Label": "Label___3KINM", "Value": "Value___3wrFP", "NothingSelected": "NothingSelected___2Sj9L" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.css": /*!*********************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.css ***! \*********************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Toolbar___14c8s {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n}\n\n.Content___2Br59 {\n padding: 0.5rem;\n user-select: none;\n border-top: 1px solid var(--color-border);\n overflow: auto;\n}\n\n.Name___y3sqj {\n font-size: var(--font-size-sans-large);\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.NothingSelected___LXwMm {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--color-dim);\n}\n\n.Commits___3dPiw {\n font-weight: bold;\n}\n\n.List___1d-dx {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ListItem___6d_7z {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0.25rem 0.5rem;\n}\n.ListItem___6d_7z:hover {\n background-color: var(--color-background-hover);\n}\n\n.CommitBox___5r9ed {\n width: 20px;\n height: 20px;\n margin-right: 0.5rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,cAAc;EACd,oBAAoB;CACrB;;AAED;EACE,gBAAgB;EAChB,kBAAkB;EAClB,0CAA0C;EAC1C,eAAe;CAChB;;AAED;EACE,uCAAuC;EACvC,oBAAoB;EACpB,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,aAAa;EACb,wBAAwB;CACzB;;AAED;EACE,kBAAkB;CACnB;;AAED;EACE,iBAAiB;EACjB,UAAU;EACV,WAAW;CACZ;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,oBAAoB;EACpB,wBAAwB;CACzB;AACD;EACE,gDAAgD;CACjD;;AAED;EACE,YAAY;EACZ,aAAa;EACb,qBAAqB;CACtB","file":"SidebarInteractions.css","sourcesContent":[".Toolbar {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n}\n\n.Content {\n padding: 0.5rem;\n user-select: none;\n border-top: 1px solid var(--color-border);\n overflow: auto;\n}\n\n.Name {\n font-size: var(--font-size-sans-large);\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.NothingSelected {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--color-dim);\n}\n\n.Commits {\n font-weight: bold;\n}\n\n.List {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ListItem {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0.25rem 0.5rem;\n}\n.ListItem:hover {\n background-color: var(--color-background-hover);\n}\n\n.CommitBox {\n width: 20px;\n height: 20px;\n margin-right: 0.5rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Toolbar": "Toolbar___14c8s", "Content": "Content___2Br59", "Name": "Name___y3sqj", "NothingSelected": "NothingSelected___LXwMm", "Commits": "Commits___3dPiw", "List": "List___1d-dx", "ListItem": "ListItem___6d_7z", "CommitBox": "CommitBox___5r9ed" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.css": /*!**************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.css ***! \**************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Toolbar___2uBS2 {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Content___1WAA9 {\n padding: 0.5rem;\n user-select: none;\n overflow-y: auto;\n}\n\n.WhatChanged___3T3Sx {\n margin-bottom: 1rem;\n}\n\n.Component___1oc9o {\n flex: 1;\n color: var(--color-component-name);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Label___buTyu {\n font-weight: bold;\n margin-bottom: 0.5rem;\n}\n\n.CurrentCommit___2ZAl5,\n.Commit___2PAr5 {\n display: block;\n width: 100%;\n text-align: left;\n background: none;\n border: none;\n padding: 0.25rem 0.5rem;\n color: var(--color-text);\n}\n.Commit___2PAr5:focus,\n.Commit___2PAr5:hover {\n outline: none;\n background-color: var(--color-background-hover);\n}\n\n.CurrentCommit___2ZAl5 {\n background-color: var(--color-background-selected);\n color: var(--color-text-selected);\n}\n.CurrentCommit___2ZAl5:focus {\n outline: none;\n}\n\n.WhatChangedItem___2pe1a {\n margin-top: 0.25rem;\n}\n\n.WhatChangedKey___2XHw- {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n line-height: 1;\n}\n.WhatChangedKey___2XHw-:first-of-type::before {\n content: ' (';\n}\n.WhatChangedKey___2XHw-::after {\n content: ', ';\n}\n.WhatChangedKey___2XHw-:last-of-type::after {\n content: ')';\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,cAAc;EACd,oBAAoB;EACpB,6CAA6C;CAC9C;;AAED;EACE,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,QAAQ;EACR,mCAAmC;EACnC,0CAA0C;EAC1C,6CAA6C;EAC7C,oBAAoB;EACpB,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,kBAAkB;EAClB,sBAAsB;CACvB;;AAED;;EAEE,eAAe;EACf,YAAY;EACZ,iBAAiB;EACjB,iBAAiB;EACjB,aAAa;EACb,wBAAwB;EACxB,yBAAyB;CAC1B;AACD;;EAEE,cAAc;EACd,gDAAgD;CACjD;;AAED;EACE,mDAAmD;EACnD,kCAAkC;CACnC;AACD;EACE,cAAc;CACf;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,0CAA0C;EAC1C,4CAA4C;EAC5C,eAAe;CAChB;AACD;EACE,cAAc;CACf;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;CACd","file":"SidebarSelectedFiberInfo.css","sourcesContent":[".Toolbar {\n height: 2.25rem;\n padding: 0 0.5rem;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--color-border);\n}\n\n.Content {\n padding: 0.5rem;\n user-select: none;\n overflow-y: auto;\n}\n\n.WhatChanged {\n margin-bottom: 1rem;\n}\n\n.Component {\n flex: 1;\n color: var(--color-component-name);\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-normal);\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.Label {\n font-weight: bold;\n margin-bottom: 0.5rem;\n}\n\n.CurrentCommit,\n.Commit {\n display: block;\n width: 100%;\n text-align: left;\n background: none;\n border: none;\n padding: 0.25rem 0.5rem;\n color: var(--color-text);\n}\n.Commit:focus,\n.Commit:hover {\n outline: none;\n background-color: var(--color-background-hover);\n}\n\n.CurrentCommit {\n background-color: var(--color-background-selected);\n color: var(--color-text-selected);\n}\n.CurrentCommit:focus {\n outline: none;\n}\n\n.WhatChangedItem {\n margin-top: 0.25rem;\n}\n\n.WhatChangedKey {\n font-family: var(--font-family-monospace);\n font-size: var(--font-size-monospace-small);\n line-height: 1;\n}\n.WhatChangedKey:first-of-type::before {\n content: ' (';\n}\n.WhatChangedKey::after {\n content: ', ';\n}\n.WhatChangedKey:last-of-type::after {\n content: ')';\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Toolbar": "Toolbar___2uBS2", "Content": "Content___1WAA9", "WhatChanged": "WhatChanged___3T3Sx", "Component": "Component___1oc9o", "Label": "Label___buTyu", "CurrentCommit": "CurrentCommit___2ZAl5", "Commit": "Commit___2PAr5", "WhatChangedItem": "WhatChangedItem___2pe1a", "WhatChangedKey": "WhatChangedKey___2XHw-" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.css": /*!********************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.css ***! \********************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".List___1_Mwa {\n /**\n * The decision to suppress the default (horizontal) scroll bars is intentional.\n * The snapshot selector is small enough that the scrollbar renders it essentially useless.\n * There are two alternative navigation mechanisms (arrow keys and arrow buttons).\n * If necessary, we could also expand the click-and-drag mechanism to scroll.\n */\n overflow-x: hidden !important;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.css"],"names":[],"mappings":"AAAA;EACE;;;;;KAKG;EACH,8BAA8B;CAC/B","file":"SnapshotCommitList.css","sourcesContent":[".List {\n /**\n * The decision to suppress the default (horizontal) scroll bars is intentional.\n * The snapshot selector is small enough that the scrollbar renders it essentially useless.\n * There are two alternative navigation mechanisms (arrow keys and arrow buttons).\n * If necessary, we could also expand the click-and-drag mechanism to scroll.\n */\n overflow-x: hidden !important;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "List": "List___1_Mwa" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.css": /*!************************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.css ***! \************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Outer___2YMUU {\n user-select: none;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n padding-top: 4px;\n padding-bottom: 1px;\n display: flex;\n align-items: flex-end;\n}\n\n.Inner___TFCLU {\n width: 100%;\n min-height: 5px;\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,qCAAqC;EACrC,iBAAiB;EACjB,oBAAoB;EACpB,cAAc;EACd,sBAAsB;CACvB;;AAED;EACE,YAAY;EACZ,gBAAgB;EAChB,0DAA0D;EAC1D,oDAAoD;CACrD","file":"SnapshotCommitListItem.css","sourcesContent":[".Outer {\n user-select: none;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n padding-top: 4px;\n padding-bottom: 1px;\n display: flex;\n align-items: flex-end;\n}\n\n.Inner {\n width: 100%;\n min-height: 5px;\n background-color: var(--color-commit-did-not-render-fill);\n color: var(--color-commit-did-not-render-fill-text);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Outer": "Outer___2YMUU", "Inner": "Inner___TFCLU" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.css": /*!******************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.css ***! \******************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Button___7tgtJ {\n flex: 0 0 auto;\n margin-left: 0.25rem;\n}\n\n.Commits___2KF5W {\n height: 100%;\n min-width: 30px;\n margin-left: 0.25rem;\n overflow: hidden;\n}\n.Commits___2KF5W:focus {\n outline: none;\n background-color: var(--color-button-background-focus);\n}\n\n.IndexLabel___36CS7 {\n flex: 0 0 auto;\n white-space: nowrap;\n font-family: var(--font-family-monospace);\n margin-left: 0.25rem;\n}\n\n.NoCommits___3GzV1 {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-dim);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,qBAAqB;CACtB;;AAED;EACE,aAAa;EACb,gBAAgB;EAChB,qBAAqB;EACrB,iBAAiB;CAClB;AACD;EACE,cAAc;EACd,uDAAuD;CACxD;;AAED;EACE,eAAe;EACf,oBAAoB;EACpB,0CAA0C;EAC1C,qBAAqB;CACtB;;AAED;EACE,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,wBAAwB;EACxB,wBAAwB;CACzB","file":"SnapshotSelector.css","sourcesContent":[".Button {\n flex: 0 0 auto;\n margin-left: 0.25rem;\n}\n\n.Commits {\n height: 100%;\n min-width: 30px;\n margin-left: 0.25rem;\n overflow: hidden;\n}\n.Commits:focus {\n outline: none;\n background-color: var(--color-button-background-focus);\n}\n\n.IndexLabel {\n flex: 0 0 auto;\n white-space: nowrap;\n font-family: var(--font-family-monospace);\n margin-left: 0.25rem;\n}\n\n.NoCommits {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-dim);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Button": "Button___7tgtJ", "Commits": "Commits___2KF5W", "IndexLabel": "IndexLabel___36CS7", "NoCommits": "NoCommits___3GzV1" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/ReactLogo.css": /*!**************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/ReactLogo.css ***! \**************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ReactLogo___O8zf5 {\n width: 1.75rem;\n height: 1.75rem;\n margin: 0 0.75rem 0 0.25rem;\n color: var(--color-button-active);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/ReactLogo.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,gBAAgB;EAChB,4BAA4B;EAC5B,kCAAkC;CACnC","file":"ReactLogo.css","sourcesContent":[".ReactLogo {\n width: 1.75rem;\n height: 1.75rem;\n margin: 0 0.75rem 0 0.25rem;\n color: var(--color-button-active);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ReactLogo": "ReactLogo___O8zf5" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Settings/SettingsModal.css": /*!***************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Settings/SettingsModal.css ***! \***************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Background___3ncIs {\n position: absolute;\n z-index: 3;\n width: 100%;\n top: 0;\n bottom: 0;\n background-color: var(--color-modal-background);\n display: flex;\n align-items: flex-start;\n justify-content: center;\n font-size: var(--font-size-sans-normal);\n padding: 1rem;\n}\n\n.Modal___rU10h {\n display: flex;\n flex-direction: column;\n flex: 0 1 auto;\n max-height: 100%;\n background-color: var(--color-background);\n border: 1px solid var(--color-border);\n box-shadow: 0 2px 4px var(--color-shadow);\n border-radius: 0.25rem;\n overflow: auto;\n width: 400px;\n max-width: 100%;\n}\n\n.Spacer___3_C0y {\n flex: 1;\n}\n\n.Tabs___3mQky {\n display: flex;\n flex-direction: row;\n border-bottom: 1px solid var(--color-border);\n padding-right: 0.25rem;\n flex: 0 0 auto;\n}\n\n.Content___2YU9A {\n padding: 0.5rem;\n flex: 0 1 auto;\n overflow: auto;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.css"],"names":[],"mappings":"AAAA;EACE,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,OAAO;EACP,UAAU;EACV,gDAAgD;EAChD,cAAc;EACd,wBAAwB;EACxB,wBAAwB;EACxB,wCAAwC;EACxC,cAAc;CACf;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,eAAe;EACf,iBAAiB;EACjB,0CAA0C;EAC1C,sCAAsC;EACtC,0CAA0C;EAC1C,uBAAuB;EACvB,eAAe;EACf,aAAa;EACb,gBAAgB;CACjB;;AAED;EACE,QAAQ;CACT;;AAED;EACE,cAAc;EACd,oBAAoB;EACpB,6CAA6C;EAC7C,uBAAuB;EACvB,eAAe;CAChB;;AAED;EACE,gBAAgB;EAChB,eAAe;EACf,eAAe;CAChB","file":"SettingsModal.css","sourcesContent":[".Background {\n position: absolute;\n z-index: 3;\n width: 100%;\n top: 0;\n bottom: 0;\n background-color: var(--color-modal-background);\n display: flex;\n align-items: flex-start;\n justify-content: center;\n font-size: var(--font-size-sans-normal);\n padding: 1rem;\n}\n\n.Modal {\n display: flex;\n flex-direction: column;\n flex: 0 1 auto;\n max-height: 100%;\n background-color: var(--color-background);\n border: 1px solid var(--color-border);\n box-shadow: 0 2px 4px var(--color-shadow);\n border-radius: 0.25rem;\n overflow: auto;\n width: 400px;\n max-width: 100%;\n}\n\n.Spacer {\n flex: 1;\n}\n\n.Tabs {\n display: flex;\n flex-direction: row;\n border-bottom: 1px solid var(--color-border);\n padding-right: 0.25rem;\n flex: 0 0 auto;\n}\n\n.Content {\n padding: 0.5rem;\n flex: 0 1 auto;\n overflow: auto;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Background": "Background___3ncIs", "Modal": "Modal___rU10h", "Spacer": "Spacer___3_C0y", "Tabs": "Tabs___3mQky", "Content": "Content___2YU9A" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Settings/SettingsShared.css": /*!****************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Settings/SettingsShared.css ***! \****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Settings___29B2k {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n}\n\n.Setting___1NJgU {\n margin-bottom: 0.5rem;\n}\n.Setting___1NJgU:last-of-type {\n margin-bottom: 0;\n}\n\n.OptionGroup___2ZgHP {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n user-select: none;\n margin: 0 1rem 0.5rem 0;\n}\n.OptionGroup___2ZgHP:last-of-type {\n margin-right: 0;\n}\n\n.RadioLabel___1oyOB {\n display: inline;\n margin-right: 0.5rem;\n}\n\n.Select___1otXV {\n}\n\n.CheckboxOption___2XWVZ {\n display: block;\n padding: 0 0 0.5rem;\n}\n\n.HRule___1h4ad {\n height: 1px;\n background-color: var(--color-border);\n width: 100%;\n border: none;\n margin: 0.5rem 0;\n}\n\n.Header___NGIlt {\n font-size: var(--font-size-sans-large);\n margin-top: 0.5rem;\n}\n\n.ButtonIcon___3ZAjp {\n margin-right: 0.25rem;\n}\n\n.NoFiltersCell___1WYR2 {\n padding: 0.25rem 0;\n color: var(--color-dim);\n}\n\n.Table___2srES {\n min-width: 20rem;\n margin-top: 0.5rem;\n border-spacing: 0;\n}\n\n.TableRow___3kYuW {\n padding-bottom: 0.5rem;\n}\n\n.TableCell___1yj52 {\n padding: 0;\n padding-right: 0.5rem;\n}\n.TableCell___1yj52:last-of-type {\n text-align: right;\n padding-right: 0;\n}\n\n.Input___I9AdA {\n border: 1px solid var(--color-border);\n border-radius: 0.125rem;\n padding: 0.125rem;\n}\n\n.InvalidRegExp___35lmE,\n.InvalidRegExp___35lmE:active,\n.InvalidRegExp___35lmE:focus,\n.InvalidRegExp___35lmE:hover {\n color: var(--color-value-invalid);\n}\n\n.ToggleOffInvalid___2Rg2K,\n.ToggleOnInvalid___1Kamt,\n.ToggleOff___3cr6E,\n.ToggleOn___3KAVB {\n border-radius: 0.75rem;\n width: 1rem;\n height: 0.625rem;\n display: flex;\n align-items: center;\n padding: 0.125rem;\n}\n.ToggleOffInvalid___2Rg2K {\n background-color: var(--color-toggle-background-invalid);\n justify-content: flex-start;\n}\n.ToggleOnInvalid___1Kamt {\n background-color: var(--color-toggle-background-invalid);\n justify-content: flex-end;\n}\n.ToggleOff___3cr6E {\n background-color: var(--color-toggle-background-off);\n justify-content: flex-start;\n}\n.ToggleOn___3KAVB {\n background-color: var(--color-toggle-background-on);\n justify-content: flex-end;\n}\n\n.ToggleInsideOff___1pXcm,\n.ToggleInsideOn___3kEsU {\n border-radius: 0.375rem;\n width: 0.375rem;\n height: 0.375rem;\n background-color: var(--color-toggle-text);\n}\n\n.ReleaseNotes___q8NY1 {\n width: 100%;\n background-color: var(--color-background-hover);\n padding: 0.25rem 0.5rem;\n border-radius: 0.25rem;\n}\n\n.ReleaseNotesLink___2gjE8 {\n color: var(--color-button-active);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Settings/SettingsShared.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,uBAAuB;EACvB,wBAAwB;EACxB,4BAA4B;EAC5B,qCAAqC;EACrC,wCAAwC;CACzC;;AAED;EACE,sBAAsB;CACvB;AACD;EACE,iBAAiB;CAClB;;AAED;EACE,qBAAqB;EACrB,oBAAoB;EACpB,oBAAoB;EACpB,kBAAkB;EAClB,wBAAwB;CACzB;AACD;EACE,gBAAgB;CACjB;;AAED;EACE,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;CACC;;AAED;EACE,eAAe;EACf,oBAAoB;CACrB;;AAED;EACE,YAAY;EACZ,sCAAsC;EACtC,YAAY;EACZ,aAAa;EACb,iBAAiB;CAClB;;AAED;EACE,uCAAuC;EACvC,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,mBAAmB;EACnB,wBAAwB;CACzB;;AAED;EACE,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;CACnB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,WAAW;EACX,sBAAsB;CACvB;AACD;EACE,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,sCAAsC;EACtC,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;;;;EAIE,kCAAkC;CACnC;;AAED;;;;EAIE,uBAAuB;EACvB,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,oBAAoB;EACpB,kBAAkB;CACnB;AACD;EACE,yDAAyD;EACzD,4BAA4B;CAC7B;AACD;EACE,yDAAyD;EACzD,0BAA0B;CAC3B;AACD;EACE,qDAAqD;EACrD,4BAA4B;CAC7B;AACD;EACE,oDAAoD;EACpD,0BAA0B;CAC3B;;AAED;;EAEE,wBAAwB;EACxB,gBAAgB;EAChB,iBAAiB;EACjB,2CAA2C;CAC5C;;AAED;EACE,YAAY;EACZ,gDAAgD;EAChD,wBAAwB;EACxB,uBAAuB;CACxB;;AAED;EACE,kCAAkC;CACnC","file":"SettingsShared.css","sourcesContent":[".Settings {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n font-family: var(--font-family-sans);\n font-size: var(--font-size-sans-normal);\n}\n\n.Setting {\n margin-bottom: 0.5rem;\n}\n.Setting:last-of-type {\n margin-bottom: 0;\n}\n\n.OptionGroup {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n user-select: none;\n margin: 0 1rem 0.5rem 0;\n}\n.OptionGroup:last-of-type {\n margin-right: 0;\n}\n\n.RadioLabel {\n display: inline;\n margin-right: 0.5rem;\n}\n\n.Select {\n}\n\n.CheckboxOption {\n display: block;\n padding: 0 0 0.5rem;\n}\n\n.HRule {\n height: 1px;\n background-color: var(--color-border);\n width: 100%;\n border: none;\n margin: 0.5rem 0;\n}\n\n.Header {\n font-size: var(--font-size-sans-large);\n margin-top: 0.5rem;\n}\n\n.ButtonIcon {\n margin-right: 0.25rem;\n}\n\n.NoFiltersCell {\n padding: 0.25rem 0;\n color: var(--color-dim);\n}\n\n.Table {\n min-width: 20rem;\n margin-top: 0.5rem;\n border-spacing: 0;\n}\n\n.TableRow {\n padding-bottom: 0.5rem;\n}\n\n.TableCell {\n padding: 0;\n padding-right: 0.5rem;\n}\n.TableCell:last-of-type {\n text-align: right;\n padding-right: 0;\n}\n\n.Input {\n border: 1px solid var(--color-border);\n border-radius: 0.125rem;\n padding: 0.125rem;\n}\n\n.InvalidRegExp,\n.InvalidRegExp:active,\n.InvalidRegExp:focus,\n.InvalidRegExp:hover {\n color: var(--color-value-invalid);\n}\n\n.ToggleOffInvalid,\n.ToggleOnInvalid,\n.ToggleOff,\n.ToggleOn {\n border-radius: 0.75rem;\n width: 1rem;\n height: 0.625rem;\n display: flex;\n align-items: center;\n padding: 0.125rem;\n}\n.ToggleOffInvalid {\n background-color: var(--color-toggle-background-invalid);\n justify-content: flex-start;\n}\n.ToggleOnInvalid {\n background-color: var(--color-toggle-background-invalid);\n justify-content: flex-end;\n}\n.ToggleOff {\n background-color: var(--color-toggle-background-off);\n justify-content: flex-start;\n}\n.ToggleOn {\n background-color: var(--color-toggle-background-on);\n justify-content: flex-end;\n}\n\n.ToggleInsideOff,\n.ToggleInsideOn {\n border-radius: 0.375rem;\n width: 0.375rem;\n height: 0.375rem;\n background-color: var(--color-toggle-text);\n}\n\n.ReleaseNotes {\n width: 100%;\n background-color: var(--color-background-hover);\n padding: 0.25rem 0.5rem;\n border-radius: 0.25rem;\n}\n\n.ReleaseNotesLink {\n color: var(--color-button-active);\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Settings": "Settings___29B2k", "Setting": "Setting___1NJgU", "OptionGroup": "OptionGroup___2ZgHP", "RadioLabel": "RadioLabel___1oyOB", "Select": "Select___1otXV", "CheckboxOption": "CheckboxOption___2XWVZ", "HRule": "HRule___1h4ad", "Header": "Header___NGIlt", "ButtonIcon": "ButtonIcon___3ZAjp", "NoFiltersCell": "NoFiltersCell___1WYR2", "Table": "Table___2srES", "TableRow": "TableRow___3kYuW", "TableCell": "TableCell___1yj52", "Input": "Input___I9AdA", "InvalidRegExp": "InvalidRegExp___35lmE", "ToggleOffInvalid": "ToggleOffInvalid___2Rg2K", "ToggleOnInvalid": "ToggleOnInvalid___1Kamt", "ToggleOff": "ToggleOff___3cr6E", "ToggleOn": "ToggleOn___3KAVB", "ToggleInsideOff": "ToggleInsideOff___1pXcm", "ToggleInsideOn": "ToggleInsideOn___3kEsU", "ReleaseNotes": "ReleaseNotes___q8NY1", "ReleaseNotesLink": "ReleaseNotesLink___2gjE8" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/TabBar.css": /*!***********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/TabBar.css ***! \***********************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Tab___20JoC,\n.TabCurrent___b4c3L,\n.TabDisabled___l1-ZF {\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n user-select: none;\n color: var(--color-text);\n\n /* Electron drag area */\n -webkit-app-region: no-drag;\n}\n.Tab___20JoC:hover,\n.TabCurrent___b4c3L:hover {\n background-color: var(--color-background-hover);\n}\n.Tab___20JoC:focus-within,\n.TabCurrent___b4c3L:focus-within {\n background-color: var(--color-background-hover);\n}\n\n.TabCurrent___b4c3L {\n border-bottom: 3px solid var(--color-tab-selected-border);\n}\n\n.TabDisabled___l1-ZF {\n color: var(--color-dim);\n cursor: default;\n}\n\n.TabSizeNavigation___2GG1g {\n font-size: var(--font-size-sans-large);\n padding: 0.5rem 1rem;\n}\n.TabSizeProfiler___2wFBf {\n font-size: var(--font-size-sans-normal);\n padding: 0.25rem 0.5rem;\n}\n.TabSizeSettings___3V4f9 {\n font-size: var(--font-size-sans-normal);\n padding: 0.25rem 0.5rem;\n}\n\n.Input___2unCl {\n width: 0;\n margin: 0;\n opacity: 0;\n}\n\n.IconSizeNavigation___mZIpl,\n.IconSizeProfiler___1jYXs,\n.IconSizeSettings___1HNRk {\n margin-right: 0.5rem;\n color: var(--color-button-active);\n}\n\n.IconDisabled___17Sd2 {\n color: var(--color-dim);\n}\n\n.IconSizeNavigation___mZIpl {\n width: 1.5rem;\n height: 1.5rem;\n}\n.IconSizeProfiler___1jYXs {\n width: 1rem;\n height: 1rem;\n}\n.IconSizeSettings___1HNRk {\n width: 1rem;\n height: 1rem;\n}\n\n.TabLabelNavigation___2q3j3,\n.TabLabelProfiler___2QHeh,\n.TabLabelSettings___1pDKr {\n}\n\n@media screen and (max-width: 525px) {\n .IconSizeNavigation___mZIpl {\n margin-right: 0;\n }\n\n .TabLabelNavigation___2q3j3 {\n display: none;\n }\n}\n\n@media screen and (max-width: 900px) {\n .TabLabelProfiler___2QHeh {\n display: none;\n }\n\n .IconSizeProfiler___1jYXs {\n margin-right: 0;\n }\n}\n\n@media screen and (max-width: 400px) {\n .TabLabelSettings___1pDKr {\n display: none;\n }\n\n .IconSizeSettings___1HNRk {\n margin-right: 0;\n }\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/TabBar.css"],"names":[],"mappings":"AAAA;;;EAGE,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,gBAAgB;EAChB,kCAAkC;EAClC,qCAAqC;EACrC,kBAAkB;EAClB,yBAAyB;;EAEzB,wBAAwB;EACxB,4BAA4B;CAC7B;AACD;;EAEE,gDAAgD;CACjD;AACD;;EAEE,gDAAgD;CACjD;;AAED;EACE,0DAA0D;CAC3D;;AAED;EACE,wBAAwB;EACxB,gBAAgB;CACjB;;AAED;EACE,uCAAuC;EACvC,qBAAqB;CACtB;AACD;EACE,wCAAwC;EACxC,wBAAwB;CACzB;AACD;EACE,wCAAwC;EACxC,wBAAwB;CACzB;;AAED;EACE,SAAS;EACT,UAAU;EACV,WAAW;CACZ;;AAED;;;EAGE,qBAAqB;EACrB,kCAAkC;CACnC;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;AACD;EACE,YAAY;EACZ,aAAa;CACd;AACD;EACE,YAAY;EACZ,aAAa;CACd;;AAED;;;CAGC;;AAED;EACE;IACE,gBAAgB;GACjB;;EAED;IACE,cAAc;GACf;CACF;;AAED;EACE;IACE,cAAc;GACf;;EAED;IACE,gBAAgB;GACjB;CACF;;AAED;EACE;IACE,cAAc;GACf;;EAED;IACE,gBAAgB;GACjB;CACF","file":"TabBar.css","sourcesContent":[".Tab,\n.TabCurrent,\n.TabDisabled {\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n user-select: none;\n color: var(--color-text);\n\n /* Electron drag area */\n -webkit-app-region: no-drag;\n}\n.Tab:hover,\n.TabCurrent:hover {\n background-color: var(--color-background-hover);\n}\n.Tab:focus-within,\n.TabCurrent:focus-within {\n background-color: var(--color-background-hover);\n}\n\n.TabCurrent {\n border-bottom: 3px solid var(--color-tab-selected-border);\n}\n\n.TabDisabled {\n color: var(--color-dim);\n cursor: default;\n}\n\n.TabSizeNavigation {\n font-size: var(--font-size-sans-large);\n padding: 0.5rem 1rem;\n}\n.TabSizeProfiler {\n font-size: var(--font-size-sans-normal);\n padding: 0.25rem 0.5rem;\n}\n.TabSizeSettings {\n font-size: var(--font-size-sans-normal);\n padding: 0.25rem 0.5rem;\n}\n\n.Input {\n width: 0;\n margin: 0;\n opacity: 0;\n}\n\n.IconSizeNavigation,\n.IconSizeProfiler,\n.IconSizeSettings {\n margin-right: 0.5rem;\n color: var(--color-button-active);\n}\n\n.IconDisabled {\n color: var(--color-dim);\n}\n\n.IconSizeNavigation {\n width: 1.5rem;\n height: 1.5rem;\n}\n.IconSizeProfiler {\n width: 1rem;\n height: 1rem;\n}\n.IconSizeSettings {\n width: 1rem;\n height: 1rem;\n}\n\n.TabLabelNavigation,\n.TabLabelProfiler,\n.TabLabelSettings {\n}\n\n@media screen and (max-width: 525px) {\n .IconSizeNavigation {\n margin-right: 0;\n }\n\n .TabLabelNavigation {\n display: none;\n }\n}\n\n@media screen and (max-width: 900px) {\n .TabLabelProfiler {\n display: none;\n }\n\n .IconSizeProfiler {\n margin-right: 0;\n }\n}\n\n@media screen and (max-width: 400px) {\n .TabLabelSettings {\n display: none;\n }\n\n .IconSizeSettings {\n margin-right: 0;\n }\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Tab": "Tab___20JoC", "TabCurrent": "TabCurrent___b4c3L", "TabDisabled": "TabDisabled___l1-ZF", "TabSizeNavigation": "TabSizeNavigation___2GG1g", "TabSizeProfiler": "TabSizeProfiler___2wFBf", "TabSizeSettings": "TabSizeSettings___3V4f9", "Input": "Input___2unCl", "IconSizeNavigation": "IconSizeNavigation___mZIpl", "IconSizeProfiler": "IconSizeProfiler___1jYXs", "IconSizeSettings": "IconSizeSettings___1HNRk", "IconDisabled": "IconDisabled___17Sd2", "TabLabelNavigation": "TabLabelNavigation___2q3j3", "TabLabelProfiler": "TabLabelProfiler___2QHeh", "TabLabelSettings": "TabLabelSettings___1pDKr" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Toggle.css": /*!***********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Toggle.css ***! \***********************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".ToggleDisabled___iQeZ3,\n.ToggleOn___3XJTo,\n.ToggleOff___142SC {\n background: var(--color-button-background);\n border: none;\n border-radius: 0.25rem;\n padding: 0;\n flex: 0 0 auto;\n}\n\n.ToggleContent___1C-vg {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n\n.ToggleOff___142SC {\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n}\n.ToggleOff___142SC:hover {\n color: var(--color-button-hover);\n}\n\n.ToggleOn___3XJTo,\n.ToggleOn___3XJTo:active {\n color: var(--color-button-active);\n outline: none;\n}\n\n.ToggleOn___3XJTo:focus,\n.ToggleOff___142SC:focus,\n.ToggleContent___1C-vg:focus {\n outline: none;\n}\n\n.ToggleOn___3XJTo:focus > .ToggleContent___1C-vg,\n.ToggleOff___142SC:focus > .ToggleContent___1C-vg {\n background: var(--color-button-background-focus);\n}\n\n.ToggleDisabled___iQeZ3 {\n background: var(--color-button-background);\n color: var(--color-button-disabled);\n cursor: default;\n}\n\n.Input___ESX-3 {\n width: 0;\n margin: 0;\n opacity: 0;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Toggle.css"],"names":[],"mappings":"AAAA;;;EAGE,2CAA2C;EAC3C,aAAa;EACb,uBAAuB;EACvB,WAAW;EACX,eAAe;CAChB;;AAED;EACE,qBAAqB;EACrB,oBAAoB;EACpB,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,aAAa;EACb,2CAA2C;EAC3C,2BAA2B;CAC5B;AACD;EACE,iCAAiC;CAClC;;AAED;;EAEE,kCAAkC;EAClC,cAAc;CACf;;AAED;;;EAGE,cAAc;CACf;;AAED;;EAEE,iDAAiD;CAClD;;AAED;EACE,2CAA2C;EAC3C,oCAAoC;EACpC,gBAAgB;CACjB;;AAED;EACE,SAAS;EACT,UAAU;EACV,WAAW;CACZ","file":"Toggle.css","sourcesContent":[".ToggleDisabled,\n.ToggleOn,\n.ToggleOff {\n background: var(--color-button-background);\n border: none;\n border-radius: 0.25rem;\n padding: 0;\n flex: 0 0 auto;\n}\n\n.ToggleContent {\n display: inline-flex;\n align-items: center;\n border-radius: 0.25rem;\n padding: 0.25rem;\n}\n\n.ToggleOff {\n border: none;\n background: var(--color-button-background);\n color: var(--color-button);\n}\n.ToggleOff:hover {\n color: var(--color-button-hover);\n}\n\n.ToggleOn,\n.ToggleOn:active {\n color: var(--color-button-active);\n outline: none;\n}\n\n.ToggleOn:focus,\n.ToggleOff:focus,\n.ToggleContent:focus {\n outline: none;\n}\n\n.ToggleOn:focus > .ToggleContent,\n.ToggleOff:focus > .ToggleContent {\n background: var(--color-button-background-focus);\n}\n\n.ToggleDisabled {\n background: var(--color-button-background);\n color: var(--color-button-disabled);\n cursor: default;\n}\n\n.Input {\n width: 0;\n margin: 0;\n opacity: 0;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "ToggleDisabled": "ToggleDisabled___iQeZ3", "ToggleOn": "ToggleOn___3XJTo", "ToggleOff": "ToggleOff___142SC", "ToggleContent": "ToggleContent___1C-vg", "Input": "Input___ESX-3" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/Tooltip.css": /*!************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/Tooltip.css ***! \************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Tooltip___3QR8H {\n border: none;\n border-radius: 0.25rem;\n padding: 0.25rem 0.5rem;\n font-family: var(--font-family-sans);\n font-size: 12px;\n background-color: var(--color-tooltip-background);\n color: var(--color-tooltip-text);\n\n /* Make sure this is above the DevTools, which are above the Overlay */\n z-index: 10000002;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/Tooltip.css"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,uBAAuB;EACvB,wBAAwB;EACxB,qCAAqC;EACrC,gBAAgB;EAChB,kDAAkD;EAClD,iCAAiC;;EAEjC,uEAAuE;EACvE,kBAAkB;CACnB","file":"Tooltip.css","sourcesContent":[".Tooltip {\n border: none;\n border-radius: 0.25rem;\n padding: 0.25rem 0.5rem;\n font-family: var(--font-family-sans);\n font-size: 12px;\n background-color: var(--color-tooltip-background);\n color: var(--color-tooltip-text);\n\n /* Make sure this is above the DevTools, which are above the Overlay */\n z-index: 10000002;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Tooltip": "Tooltip___3QR8H" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.css": /*!*****************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.css ***! \*****************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Row___3IwJ6 { \n display: flex; \n flex-direction: row; \n align-items: center; \n} \n\n.Column___w9Fle { \n display: flex; \n flex-direction: column; \n align-items: center; \n} \n\n.Title___1PTyg { \n font-size: var(--font-size-sans-large); \n margin-bottom: 0.5rem; \n} \n\n.ReleaseNotesLink___2_Y38 { \n color: var(--color-button-active); \n}", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.css"],"names":[],"mappings":"AAAA;EACE,cAAc;EACd,oBAAoB;EACpB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,oBAAoB;CACrB;;AAED;EACE,uCAAuC;EACvC,sBAAsB;CACvB;;AAED;EACE,kCAAkC;CACnC","file":"UnsupportedVersionDialog.css","sourcesContent":[".Row { \n display: flex; \n flex-direction: row; \n align-items: center; \n} \n\n.Column { \n display: flex; \n flex-direction: column; \n align-items: center; \n} \n\n.Title { \n font-size: var(--font-size-sans-large); \n margin-bottom: 0.5rem; \n} \n\n.ReleaseNotesLink { \n color: var(--color-button-active); \n}"],"sourceRoot":""}]); // exports exports.locals = { "Row": "Row___3IwJ6", "Column": "Column___w9Fle", "Title": "Title___1PTyg", "ReleaseNotesLink": "ReleaseNotesLink___2_Y38" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.css": /*!********************************************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.css ***! \********************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ".Command___2iS3V {\n background-color: var(--color-dimmest);\n padding: 0.25rem 0.5rem;\n display: block;\n border-radius: 0.125rem;\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.css"],"names":[],"mappings":"AAAA;EACE,uCAAuC;EACvC,wBAAwB;EACxB,eAAe;EACf,wBAAwB;CACzB","file":"WarnIfLegacyBackendDetected.css","sourcesContent":[".Command {\n background-color: var(--color-dimmest);\n padding: 0.25rem 0.5rem;\n display: block;\n border-radius: 0.125rem;\n}\n"],"sourceRoot":""}]); // exports exports.locals = { "Command": "Command___2iS3V" }; /***/ }), /***/ "../../node_modules/css-loader/index.js?!../react-devtools-shared/src/devtools/views/root.css": /*!*********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader??ref--5-1!../react-devtools-shared/src/devtools/views/root.css ***! \*********************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "../../node_modules/css-loader/lib/css-base.js")(true); // imports // module exports.push([module.i, ":root {\n /**\n * IMPORTANT: When new theme variables are added below– also add them to SettingsContext updateThemeVariables()\n */\n\n /* Light theme */\n --light-color-attribute-name: #ef6632;\n --light-color-attribute-name-inverted: rgba(255, 255, 255, 0.7);\n --light-color-attribute-value: #1a1aa6;\n --light-color-attribute-value-inverted: #ffffff;\n --light-color-attribute-editable-value: #1a1aa6;\n --light-color-background: #ffffff;\n --light-color-background-hover: rgba(0, 136, 250, 0.1);\n --light-color-background-inactive: #e5e5e5;\n --light-color-background-invalid: #fff0f0;\n --light-color-background-selected: #0088fa;\n --light-color-button-background: #ffffff;\n --light-color-button-background-focus: #ededed;\n --light-color-button: #5f6673;\n --light-color-button-disabled: #cfd1d5;\n --light-color-button-active: #0088fa;\n --light-color-button-focus: #23272f;\n --light-color-button-hover: #23272f;\n --light-color-border: #eeeeee;\n --light-color-commit-did-not-render-fill: #cfd1d5;\n --light-color-commit-did-not-render-fill-text: #000000;\n --light-color-commit-did-not-render-pattern: #cfd1d5;\n --light-color-commit-did-not-render-pattern-text: #333333;\n --light-color-commit-gradient-0: #37afa9;\n --light-color-commit-gradient-1: #63b19e;\n --light-color-commit-gradient-2: #80b393;\n --light-color-commit-gradient-3: #97b488;\n --light-color-commit-gradient-4: #abb67d;\n --light-color-commit-gradient-5: #beb771;\n --light-color-commit-gradient-6: #cfb965;\n --light-color-commit-gradient-7: #dfba57;\n --light-color-commit-gradient-8: #efbb49;\n --light-color-commit-gradient-9: #febc38;\n --light-color-commit-gradient-text: #000000;\n --light-color-component-name: #6a51b2;\n --light-color-component-name-inverted: #ffffff;\n --light-color-component-badge-background: rgba(0, 0, 0, 0.1);\n --light-color-component-badge-background-inverted: rgba(255, 255, 255, 0.25);\n --light-color-component-badge-count: #777d88;\n --light-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --light-color-context-background: rgba(0,0,0,.9);\n --light-color-context-background-hover: rgba(255, 255, 255, 0.1);\n --light-color-context-background-selected: #178fb9;\n --light-color-context-border: #3d424a;\n --light-color-context-text: #ffffff;\n --light-color-context-text-selected: #ffffff;\n --light-color-dim: #777d88;\n --light-color-dimmer: #cfd1d5;\n --light-color-dimmest: #eff0f1;\n --light-color-expand-collapse-toggle: #777d88;\n --light-color-modal-background: rgba(255, 255, 255, 0.75);\n --light-color-record-active: #fc3a4b;\n --light-color-record-hover: #3578e5;\n --light-color-record-inactive: #0088fa;\n --light-color-scroll-thumb: #c2c2c2;\n --light-color-scroll-track: #fafafa;\n --light-color-search-match: yellow;\n --light-color-search-match-current: #f7923b;\n --light-color-selected-tree-highlight-active: rgba(0, 136, 250, 0.1);\n --light-color-selected-tree-highlight-inactive: rgba(0, 0, 0, 0.05);\n --light-color-shadow: rgba(0, 0, 0, 0.25);\n --light-color-tab-selected-border: #0088fa;\n --light-color-text: #000000;\n --light-color-text-invalid: #ff0000;\n --light-color-text-selected: #ffffff;\n --light-color-toggle-background-invalid: #fc3a4b;\n --light-color-toggle-background-on: #0088fa;\n --light-color-toggle-background-off: #cfd1d5;\n --light-color-toggle-text: #ffffff;\n --light-color-tooltip-background: rgba(0, 0, 0, 0.9);\n --light-color-tooltip-text: #ffffff;\n\n /* Dark theme */\n --dark-color-attribute-name: #9d87d2;\n --dark-color-attribute-name-inverted: #282828;\n --dark-color-attribute-value: #cedae0;\n --dark-color-attribute-value-inverted: #ffffff;\n --dark-color-attribute-editable-value: yellow;\n --dark-color-background: #282c34;\n --dark-color-background-hover: rgba(255, 255, 255, 0.1);\n --dark-color-background-inactive: #3d424a;\n --dark-color-background-invalid: #5c0000;\n --dark-color-background-selected: #178fb9;\n --dark-color-button-background: #282c34;\n --dark-color-button-background-focus: #3d424a;\n --dark-color-button: #afb3b9;\n --dark-color-button-active: #61dafb;\n --dark-color-button-disabled: #4f5766;\n --dark-color-button-focus: #a2e9fc;\n --dark-color-button-hover: #ededed;\n --dark-color-border: #3d424a;\n --dark-color-commit-did-not-render-fill: #777d88;\n --dark-color-commit-did-not-render-fill-text: #000000;\n --dark-color-commit-did-not-render-pattern: #666c77;\n --dark-color-commit-did-not-render-pattern-text: #ffffff;\n --dark-color-commit-gradient-0: #37afa9;\n --dark-color-commit-gradient-1: #63b19e;\n --dark-color-commit-gradient-2: #80b393;\n --dark-color-commit-gradient-3: #97b488;\n --dark-color-commit-gradient-4: #abb67d;\n --dark-color-commit-gradient-5: #beb771;\n --dark-color-commit-gradient-6: #cfb965;\n --dark-color-commit-gradient-7: #dfba57;\n --dark-color-commit-gradient-8: #efbb49;\n --dark-color-commit-gradient-9: #febc38;\n --dark-color-commit-gradient-text: #000000;\n --dark-color-component-name: #61dafb;\n --dark-color-component-name-inverted: #282828;\n --dark-color-component-badge-background: rgba(255, 255, 255, 0.25);\n --dark-color-component-badge-background-inverted: rgba(0, 0, 0, 0.25);\n --dark-color-component-badge-count: #8f949d;\n --dark-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --dark-color-context-background: rgba(255,255,255,.9);\n --dark-color-context-background-hover: rgba(0, 136, 250, 0.1);\n --dark-color-context-background-selected: #0088fa;\n --dark-color-context-border: #eeeeee;\n --dark-color-context-text: #000000;\n --dark-color-context-text-selected: #ffffff;\n --dark-color-dim: #8f949d;\n --dark-color-dimmer: #777d88;\n --dark-color-dimmest: #4f5766;\n --dark-color-expand-collapse-toggle: #8f949d;\n --dark-color-modal-background: rgba(0, 0, 0, 0.75);\n --dark-color-record-active: #fc3a4b;\n --dark-color-record-hover: #a2e9fc;\n --dark-color-record-inactive: #61dafb;\n --dark-color-scroll-thumb: #afb3b9;\n --dark-color-scroll-track: #313640;\n --dark-color-search-match: yellow;\n --dark-color-search-match-current: #f7923b;\n --dark-color-selected-tree-highlight-active: rgba(23, 143, 185, 0.15);\n --dark-color-selected-tree-highlight-inactive: rgba(255, 255, 255, 0.05);\n --dark-color-shadow: rgba(0, 0, 0, 0.5);\n --dark-color-tab-selected-border: #178fb9;\n --dark-color-text: #ffffff;\n --dark-color-text-invalid: #ff8080;\n --dark-color-text-selected: #ffffff;\n --dark-color-toggle-background-invalid: #fc3a4b;\n --dark-color-toggle-background-on: #178fb9;\n --dark-color-toggle-background-off: #777d88;\n --dark-color-toggle-text: #ffffff;\n --dark-color-tooltip-background: rgba(255, 255, 255, 0.9);\n --dark-color-tooltip-text: #000000;\n\n /* Font smoothing */\n --light-font-smoothing: auto;\n --dark-font-smoothing: antialiased;\n --font-smoothing: auto;\n\n /* Compact density */\n --compact-font-size-monospace-small: 9px;\n --compact-font-size-monospace-normal: 11px;\n --compact-font-size-monospace-large: 15px;\n --compact-font-size-sans-small: 10px;\n --compact-font-size-sans-normal: 12px;\n --compact-font-size-sans-large: 14px;\n --compact-line-height-data: 18px;\n --compact-root-font-size: 16px;\n\n /* Comfortable density */\n --comfortable-font-size-monospace-small: 10px;\n --comfortable-font-size-monospace-normal: 13px;\n --comfortable-font-size-monospace-large: 17px;\n --comfortable-font-size-sans-small: 12px;\n --comfortable-font-size-sans-normal: 14px;\n --comfortable-font-size-sans-large: 16px;\n --comfortable-line-height-data: 22px;\n --comfortable-root-font-size: 20px;\n\n /* GitHub.com system fonts */\n --font-family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,\n Courier, monospace;\n --font-family-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,\n Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n\n /* Constant values shared between JS and CSS */\n --interaction-commit-size: 10px;\n --interaction-label-width: 200px;\n}\n\n* {\n box-sizing: border-box;\n\n -webkit-font-smoothing: var(--font-smoothing);\n}\n", "", {"version":3,"sources":["/Users/bvaughn/Documents/git/react/packages/react-devtools-shared/src/devtools/views/root.css"],"names":[],"mappings":"AAAA;EACE;;KAEG;;EAEH,iBAAiB;EACjB,sCAAsC;EACtC,gEAAgE;EAChE,uCAAuC;EACvC,gDAAgD;EAChD,gDAAgD;EAChD,kCAAkC;EAClC,uDAAuD;EACvD,2CAA2C;EAC3C,0CAA0C;EAC1C,2CAA2C;EAC3C,yCAAyC;EACzC,+CAA+C;EAC/C,8BAA8B;EAC9B,uCAAuC;EACvC,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,8BAA8B;EAC9B,kDAAkD;EAClD,uDAAuD;EACvD,qDAAqD;EACrD,0DAA0D;EAC1D,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,yCAAyC;EACzC,4CAA4C;EAC5C,sCAAsC;EACtC,+CAA+C;EAC/C,6DAA6D;EAC7D,6EAA6E;EAC7E,6CAA6C;EAC7C,uEAAuE;EACvE,iDAAiD;EACjD,iEAAiE;EACjE,mDAAmD;EACnD,sCAAsC;EACtC,oCAAoC;EACpC,6CAA6C;EAC7C,2BAA2B;EAC3B,8BAA8B;EAC9B,+BAA+B;EAC/B,8CAA8C;EAC9C,0DAA0D;EAC1D,qCAAqC;EACrC,oCAAoC;EACpC,uCAAuC;EACvC,oCAAoC;EACpC,oCAAoC;EACpC,mCAAmC;EACnC,4CAA4C;EAC5C,qEAAqE;EACrE,oEAAoE;EACpE,0CAA0C;EAC1C,2CAA2C;EAC3C,4BAA4B;EAC5B,oCAAoC;EACpC,qCAAqC;EACrC,iDAAiD;EACjD,4CAA4C;EAC5C,6CAA6C;EAC7C,mCAAmC;EACnC,qDAAqD;EACrD,oCAAoC;;EAEpC,gBAAgB;EAChB,qCAAqC;EACrC,8CAA8C;EAC9C,sCAAsC;EACtC,+CAA+C;EAC/C,8CAA8C;EAC9C,iCAAiC;EACjC,wDAAwD;EACxD,0CAA0C;EAC1C,yCAAyC;EACzC,0CAA0C;EAC1C,wCAAwC;EACxC,8CAA8C;EAC9C,6BAA6B;EAC7B,oCAAoC;EACpC,sCAAsC;EACtC,mCAAmC;EACnC,mCAAmC;EACnC,6BAA6B;EAC7B,iDAAiD;EACjD,sDAAsD;EACtD,oDAAoD;EACpD,yDAAyD;EACzD,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,wCAAwC;EACxC,2CAA2C;EAC3C,qCAAqC;EACrC,8CAA8C;EAC9C,mEAAmE;EACnE,sEAAsE;EACtE,4CAA4C;EAC5C,sEAAsE;EACtE,sDAAsD;EACtD,8DAA8D;EAC9D,kDAAkD;EAClD,qCAAqC;EACrC,mCAAmC;EACnC,4CAA4C;EAC5C,0BAA0B;EAC1B,6BAA6B;EAC7B,8BAA8B;EAC9B,6CAA6C;EAC7C,mDAAmD;EACnD,oCAAoC;EACpC,mCAAmC;EACnC,sCAAsC;EACtC,mCAAmC;EACnC,mCAAmC;EACnC,kCAAkC;EAClC,2CAA2C;EAC3C,sEAAsE;EACtE,yEAAyE;EACzE,wCAAwC;EACxC,0CAA0C;EAC1C,2BAA2B;EAC3B,mCAAmC;EACnC,oCAAoC;EACpC,gDAAgD;EAChD,2CAA2C;EAC3C,4CAA4C;EAC5C,kCAAkC;EAClC,0DAA0D;EAC1D,mCAAmC;;EAEnC,oBAAoB;EACpB,6BAA6B;EAC7B,mCAAmC;EACnC,uBAAuB;;EAEvB,qBAAqB;EACrB,yCAAyC;EACzC,2CAA2C;EAC3C,0CAA0C;EAC1C,qCAAqC;EACrC,sCAAsC;EACtC,qCAAqC;EACrC,iCAAiC;EACjC,+BAA+B;;EAE/B,yBAAyB;EACzB,8CAA8C;EAC9C,+CAA+C;EAC/C,8CAA8C;EAC9C,yCAAyC;EACzC,0CAA0C;EAC1C,yCAAyC;EACzC,qCAAqC;EACrC,mCAAmC;;EAEnC,6BAA6B;EAC7B;uBACqB;EACrB;0EACwE;;EAExE,+CAA+C;EAC/C,gCAAgC;EAChC,iCAAiC;CAClC;;AAED;EACE,uBAAuB;;EAEvB,8CAA8C;CAC/C","file":"root.css","sourcesContent":[":root {\n /**\n * IMPORTANT: When new theme variables are added below– also add them to SettingsContext updateThemeVariables()\n */\n\n /* Light theme */\n --light-color-attribute-name: #ef6632;\n --light-color-attribute-name-inverted: rgba(255, 255, 255, 0.7);\n --light-color-attribute-value: #1a1aa6;\n --light-color-attribute-value-inverted: #ffffff;\n --light-color-attribute-editable-value: #1a1aa6;\n --light-color-background: #ffffff;\n --light-color-background-hover: rgba(0, 136, 250, 0.1);\n --light-color-background-inactive: #e5e5e5;\n --light-color-background-invalid: #fff0f0;\n --light-color-background-selected: #0088fa;\n --light-color-button-background: #ffffff;\n --light-color-button-background-focus: #ededed;\n --light-color-button: #5f6673;\n --light-color-button-disabled: #cfd1d5;\n --light-color-button-active: #0088fa;\n --light-color-button-focus: #23272f;\n --light-color-button-hover: #23272f;\n --light-color-border: #eeeeee;\n --light-color-commit-did-not-render-fill: #cfd1d5;\n --light-color-commit-did-not-render-fill-text: #000000;\n --light-color-commit-did-not-render-pattern: #cfd1d5;\n --light-color-commit-did-not-render-pattern-text: #333333;\n --light-color-commit-gradient-0: #37afa9;\n --light-color-commit-gradient-1: #63b19e;\n --light-color-commit-gradient-2: #80b393;\n --light-color-commit-gradient-3: #97b488;\n --light-color-commit-gradient-4: #abb67d;\n --light-color-commit-gradient-5: #beb771;\n --light-color-commit-gradient-6: #cfb965;\n --light-color-commit-gradient-7: #dfba57;\n --light-color-commit-gradient-8: #efbb49;\n --light-color-commit-gradient-9: #febc38;\n --light-color-commit-gradient-text: #000000;\n --light-color-component-name: #6a51b2;\n --light-color-component-name-inverted: #ffffff;\n --light-color-component-badge-background: rgba(0, 0, 0, 0.1);\n --light-color-component-badge-background-inverted: rgba(255, 255, 255, 0.25);\n --light-color-component-badge-count: #777d88;\n --light-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --light-color-context-background: rgba(0,0,0,.9);\n --light-color-context-background-hover: rgba(255, 255, 255, 0.1);\n --light-color-context-background-selected: #178fb9;\n --light-color-context-border: #3d424a;\n --light-color-context-text: #ffffff;\n --light-color-context-text-selected: #ffffff;\n --light-color-dim: #777d88;\n --light-color-dimmer: #cfd1d5;\n --light-color-dimmest: #eff0f1;\n --light-color-expand-collapse-toggle: #777d88;\n --light-color-modal-background: rgba(255, 255, 255, 0.75);\n --light-color-record-active: #fc3a4b;\n --light-color-record-hover: #3578e5;\n --light-color-record-inactive: #0088fa;\n --light-color-scroll-thumb: #c2c2c2;\n --light-color-scroll-track: #fafafa;\n --light-color-search-match: yellow;\n --light-color-search-match-current: #f7923b;\n --light-color-selected-tree-highlight-active: rgba(0, 136, 250, 0.1);\n --light-color-selected-tree-highlight-inactive: rgba(0, 0, 0, 0.05);\n --light-color-shadow: rgba(0, 0, 0, 0.25);\n --light-color-tab-selected-border: #0088fa;\n --light-color-text: #000000;\n --light-color-text-invalid: #ff0000;\n --light-color-text-selected: #ffffff;\n --light-color-toggle-background-invalid: #fc3a4b;\n --light-color-toggle-background-on: #0088fa;\n --light-color-toggle-background-off: #cfd1d5;\n --light-color-toggle-text: #ffffff;\n --light-color-tooltip-background: rgba(0, 0, 0, 0.9);\n --light-color-tooltip-text: #ffffff;\n\n /* Dark theme */\n --dark-color-attribute-name: #9d87d2;\n --dark-color-attribute-name-inverted: #282828;\n --dark-color-attribute-value: #cedae0;\n --dark-color-attribute-value-inverted: #ffffff;\n --dark-color-attribute-editable-value: yellow;\n --dark-color-background: #282c34;\n --dark-color-background-hover: rgba(255, 255, 255, 0.1);\n --dark-color-background-inactive: #3d424a;\n --dark-color-background-invalid: #5c0000;\n --dark-color-background-selected: #178fb9;\n --dark-color-button-background: #282c34;\n --dark-color-button-background-focus: #3d424a;\n --dark-color-button: #afb3b9;\n --dark-color-button-active: #61dafb;\n --dark-color-button-disabled: #4f5766;\n --dark-color-button-focus: #a2e9fc;\n --dark-color-button-hover: #ededed;\n --dark-color-border: #3d424a;\n --dark-color-commit-did-not-render-fill: #777d88;\n --dark-color-commit-did-not-render-fill-text: #000000;\n --dark-color-commit-did-not-render-pattern: #666c77;\n --dark-color-commit-did-not-render-pattern-text: #ffffff;\n --dark-color-commit-gradient-0: #37afa9;\n --dark-color-commit-gradient-1: #63b19e;\n --dark-color-commit-gradient-2: #80b393;\n --dark-color-commit-gradient-3: #97b488;\n --dark-color-commit-gradient-4: #abb67d;\n --dark-color-commit-gradient-5: #beb771;\n --dark-color-commit-gradient-6: #cfb965;\n --dark-color-commit-gradient-7: #dfba57;\n --dark-color-commit-gradient-8: #efbb49;\n --dark-color-commit-gradient-9: #febc38;\n --dark-color-commit-gradient-text: #000000;\n --dark-color-component-name: #61dafb;\n --dark-color-component-name-inverted: #282828;\n --dark-color-component-badge-background: rgba(255, 255, 255, 0.25);\n --dark-color-component-badge-background-inverted: rgba(0, 0, 0, 0.25);\n --dark-color-component-badge-count: #8f949d;\n --dark-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --dark-color-context-background: rgba(255,255,255,.9);\n --dark-color-context-background-hover: rgba(0, 136, 250, 0.1);\n --dark-color-context-background-selected: #0088fa;\n --dark-color-context-border: #eeeeee;\n --dark-color-context-text: #000000;\n --dark-color-context-text-selected: #ffffff;\n --dark-color-dim: #8f949d;\n --dark-color-dimmer: #777d88;\n --dark-color-dimmest: #4f5766;\n --dark-color-expand-collapse-toggle: #8f949d;\n --dark-color-modal-background: rgba(0, 0, 0, 0.75);\n --dark-color-record-active: #fc3a4b;\n --dark-color-record-hover: #a2e9fc;\n --dark-color-record-inactive: #61dafb;\n --dark-color-scroll-thumb: #afb3b9;\n --dark-color-scroll-track: #313640;\n --dark-color-search-match: yellow;\n --dark-color-search-match-current: #f7923b;\n --dark-color-selected-tree-highlight-active: rgba(23, 143, 185, 0.15);\n --dark-color-selected-tree-highlight-inactive: rgba(255, 255, 255, 0.05);\n --dark-color-shadow: rgba(0, 0, 0, 0.5);\n --dark-color-tab-selected-border: #178fb9;\n --dark-color-text: #ffffff;\n --dark-color-text-invalid: #ff8080;\n --dark-color-text-selected: #ffffff;\n --dark-color-toggle-background-invalid: #fc3a4b;\n --dark-color-toggle-background-on: #178fb9;\n --dark-color-toggle-background-off: #777d88;\n --dark-color-toggle-text: #ffffff;\n --dark-color-tooltip-background: rgba(255, 255, 255, 0.9);\n --dark-color-tooltip-text: #000000;\n\n /* Font smoothing */\n --light-font-smoothing: auto;\n --dark-font-smoothing: antialiased;\n --font-smoothing: auto;\n\n /* Compact density */\n --compact-font-size-monospace-small: 9px;\n --compact-font-size-monospace-normal: 11px;\n --compact-font-size-monospace-large: 15px;\n --compact-font-size-sans-small: 10px;\n --compact-font-size-sans-normal: 12px;\n --compact-font-size-sans-large: 14px;\n --compact-line-height-data: 18px;\n --compact-root-font-size: 16px;\n\n /* Comfortable density */\n --comfortable-font-size-monospace-small: 10px;\n --comfortable-font-size-monospace-normal: 13px;\n --comfortable-font-size-monospace-large: 17px;\n --comfortable-font-size-sans-small: 12px;\n --comfortable-font-size-sans-normal: 14px;\n --comfortable-font-size-sans-large: 16px;\n --comfortable-line-height-data: 22px;\n --comfortable-root-font-size: 20px;\n\n /* GitHub.com system fonts */\n --font-family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,\n Courier, monospace;\n --font-family-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,\n Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n\n /* Constant values shared between JS and CSS */\n --interaction-commit-size: 10px;\n --interaction-label-width: 200px;\n}\n\n* {\n box-sizing: border-box;\n\n -webkit-font-smoothing: var(--font-smoothing);\n}\n"],"sourceRoot":""}]); // exports /***/ }), /***/ "../../node_modules/css-loader/lib/css-base.js": /*!**********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/css-loader/lib/css-base.js ***! \**********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { /* MIT License http://www.opensource.org/licenses/mit-license.php Author Tobias Koppers @sokra */ // css base code, injected by the css-loader module.exports = function (useSourceMap) { var list = []; // return the list of modules as css string list.toString = function toString() { return this.map(function (item) { var content = cssWithMappingToString(item, useSourceMap); if (item[2]) { return "@media " + item[2] + "{" + content + "}"; } else { return content; } }).join(""); }; // import a list of modules into the list list.i = function (modules, mediaQuery) { if (typeof modules === "string") modules = [[null, modules, ""]]; var alreadyImportedModules = {}; for (var i = 0; i < this.length; i++) { var id = this[i][0]; if (typeof id === "number") alreadyImportedModules[id] = true; } for (i = 0; i < modules.length; i++) { var item = modules[i]; // skip already imported module // this implementation is not 100% perfect for weird media query combinations // when a module is imported multiple times with different media queries. // I hope this will never occur (Hey this way we have smaller bundles) if (typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) { if (mediaQuery && !item[2]) { item[2] = mediaQuery; } else if (mediaQuery) { item[2] = "(" + item[2] + ") and (" + mediaQuery + ")"; } list.push(item); } } }; return list; }; function cssWithMappingToString(item, useSourceMap) { var content = item[1] || ''; var cssMapping = item[3]; if (!cssMapping) { return content; } if (useSourceMap && typeof btoa === 'function') { var sourceMapping = toComment(cssMapping); var sourceURLs = cssMapping.sources.map(function (source) { return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'; }); return [content].concat(sourceURLs).concat([sourceMapping]).join('\n'); } return [content].join('\n'); } // Adapted from convert-source-map (MIT) function toComment(sourceMap) { // eslint-disable-next-line no-undef var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))); var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64; return '/*# ' + data + ' */'; } /***/ }), /***/ "../../node_modules/d/index.js": /*!******************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/d/index.js ***! \******************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isValue = __webpack_require__(/*! type/value/is */ "../../node_modules/type/value/is.js"), isPlainFunction = __webpack_require__(/*! type/plain-function/is */ "../../node_modules/type/plain-function/is.js"), assign = __webpack_require__(/*! es5-ext/object/assign */ "../../node_modules/es5-ext/object/assign/index.js"), normalizeOpts = __webpack_require__(/*! es5-ext/object/normalize-options */ "../../node_modules/es5-ext/object/normalize-options.js"), contains = __webpack_require__(/*! es5-ext/string/#/contains */ "../../node_modules/es5-ext/string/#/contains/index.js"); var d = module.exports = function (dscr, value /*, options*/ ) { var c, e, w, options, desc; if (arguments.length < 2 || typeof dscr !== "string") { options = value; value = dscr; dscr = null; } else { options = arguments[2]; } if (isValue(dscr)) { c = contains.call(dscr, "c"); e = contains.call(dscr, "e"); w = contains.call(dscr, "w"); } else { c = w = true; e = false; } desc = { value: value, configurable: c, enumerable: e, writable: w }; return !options ? desc : assign(normalizeOpts(options), desc); }; d.gs = function (dscr, get, set /*, options*/ ) { var c, e, options, desc; if (typeof dscr !== "string") { options = set; set = get; get = dscr; dscr = null; } else { options = arguments[3]; } if (!isValue(get)) { get = undefined; } else if (!isPlainFunction(get)) { options = get; get = set = undefined; } else if (!isValue(set)) { set = undefined; } else if (!isPlainFunction(set)) { options = set; set = undefined; } if (isValue(dscr)) { c = contains.call(dscr, "c"); e = contains.call(dscr, "e"); } else { c = true; e = false; } desc = { get: get, set: set, configurable: c, enumerable: e }; return !options ? desc : assign(normalizeOpts(options), desc); }; /***/ }), /***/ "../../node_modules/es5-ext/function/noop.js": /*!********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/function/noop.js ***! \********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; // eslint-disable-next-line no-empty-function module.exports = function () {}; /***/ }), /***/ "../../node_modules/es5-ext/object/assign/index.js": /*!**************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/assign/index.js ***! \**************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(/*! ./is-implemented */ "../../node_modules/es5-ext/object/assign/is-implemented.js")() ? Object.assign : __webpack_require__(/*! ./shim */ "../../node_modules/es5-ext/object/assign/shim.js"); /***/ }), /***/ "../../node_modules/es5-ext/object/assign/is-implemented.js": /*!***********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/assign/is-implemented.js ***! \***********************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = function () { var assign = Object.assign, obj; if (typeof assign !== "function") return false; obj = { foo: "raz" }; assign(obj, { bar: "dwa" }, { trzy: "trzy" }); return obj.foo + obj.bar + obj.trzy === "razdwatrzy"; }; /***/ }), /***/ "../../node_modules/es5-ext/object/assign/shim.js": /*!*************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/assign/shim.js ***! \*************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var keys = __webpack_require__(/*! ../keys */ "../../node_modules/es5-ext/object/keys/index.js"), value = __webpack_require__(/*! ../valid-value */ "../../node_modules/es5-ext/object/valid-value.js"), max = Math.max; module.exports = function (dest, src /*, …srcn*/ ) { var error, i, length = max(arguments.length, 2), assign; dest = Object(value(dest)); assign = function assign(key) { try { dest[key] = src[key]; } catch (e) { if (!error) error = e; } }; for (i = 1; i < length; ++i) { src = arguments[i]; keys(src).forEach(assign); } if (error !== undefined) throw error; return dest; }; /***/ }), /***/ "../../node_modules/es5-ext/object/is-value.js": /*!**********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/is-value.js ***! \**********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var _undefined = __webpack_require__(/*! ../function/noop */ "../../node_modules/es5-ext/function/noop.js")(); // Support ES3 engines module.exports = function (val) { return val !== _undefined && val !== null; }; /***/ }), /***/ "../../node_modules/es5-ext/object/keys/index.js": /*!************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/keys/index.js ***! \************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(/*! ./is-implemented */ "../../node_modules/es5-ext/object/keys/is-implemented.js")() ? Object.keys : __webpack_require__(/*! ./shim */ "../../node_modules/es5-ext/object/keys/shim.js"); /***/ }), /***/ "../../node_modules/es5-ext/object/keys/is-implemented.js": /*!*********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/keys/is-implemented.js ***! \*********************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = function () { try { Object.keys("primitive"); return true; } catch (e) { return false; } }; /***/ }), /***/ "../../node_modules/es5-ext/object/keys/shim.js": /*!***********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/keys/shim.js ***! \***********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isValue = __webpack_require__(/*! ../is-value */ "../../node_modules/es5-ext/object/is-value.js"); var keys = Object.keys; module.exports = function (object) { return keys(isValue(object) ? Object(object) : object); }; /***/ }), /***/ "../../node_modules/es5-ext/object/normalize-options.js": /*!*******************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/normalize-options.js ***! \*******************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isValue = __webpack_require__(/*! ./is-value */ "../../node_modules/es5-ext/object/is-value.js"); var forEach = Array.prototype.forEach, create = Object.create; var process = function process(src, obj) { var key; for (key in src) { obj[key] = src[key]; } }; // eslint-disable-next-line no-unused-vars module.exports = function (opts1 /*, …options*/ ) { var result = create(null); forEach.call(arguments, function (options) { if (!isValue(options)) return; process(Object(options), result); }); return result; }; /***/ }), /***/ "../../node_modules/es5-ext/object/valid-value.js": /*!*************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/object/valid-value.js ***! \*************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isValue = __webpack_require__(/*! ./is-value */ "../../node_modules/es5-ext/object/is-value.js"); module.exports = function (value) { if (!isValue(value)) throw new TypeError("Cannot use null or undefined"); return value; }; /***/ }), /***/ "../../node_modules/es5-ext/string/#/contains/index.js": /*!******************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/string/#/contains/index.js ***! \******************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(/*! ./is-implemented */ "../../node_modules/es5-ext/string/#/contains/is-implemented.js")() ? String.prototype.contains : __webpack_require__(/*! ./shim */ "../../node_modules/es5-ext/string/#/contains/shim.js"); /***/ }), /***/ "../../node_modules/es5-ext/string/#/contains/is-implemented.js": /*!***************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/string/#/contains/is-implemented.js ***! \***************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var str = "razdwatrzy"; module.exports = function () { if (typeof str.contains !== "function") return false; return str.contains("dwa") === true && str.contains("foo") === false; }; /***/ }), /***/ "../../node_modules/es5-ext/string/#/contains/shim.js": /*!*****************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es5-ext/string/#/contains/shim.js ***! \*****************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var indexOf = String.prototype.indexOf; module.exports = function (searchString /*, position*/ ) { return indexOf.call(this, searchString, arguments[1]) > -1; }; /***/ }), /***/ "../../node_modules/es6-symbol/index.js": /*!***************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es6-symbol/index.js ***! \***************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; module.exports = __webpack_require__(/*! ./is-implemented */ "../../node_modules/es6-symbol/is-implemented.js")() ? Symbol : __webpack_require__(/*! ./polyfill */ "../../node_modules/es6-symbol/polyfill.js"); /***/ }), /***/ "../../node_modules/es6-symbol/is-implemented.js": /*!************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es6-symbol/is-implemented.js ***! \************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; function _typeof(obj) { 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); } var validTypes = { object: true, symbol: true }; module.exports = function () { var symbol; if (typeof Symbol !== 'function') return false; symbol = Symbol('test symbol'); try { String(symbol); } catch (e) { return false; } // Return 'true' also for polyfills if (!validTypes[_typeof(Symbol.iterator)]) return false; if (!validTypes[_typeof(Symbol.toPrimitive)]) return false; if (!validTypes[_typeof(Symbol.toStringTag)]) return false; return true; }; /***/ }), /***/ "../../node_modules/es6-symbol/is-symbol.js": /*!*******************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es6-symbol/is-symbol.js ***! \*******************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; function _typeof(obj) { 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); } module.exports = function (x) { if (!x) return false; if (_typeof(x) === 'symbol') return true; if (!x.constructor) return false; if (x.constructor.name !== 'Symbol') return false; return x[x.constructor.toStringTag] === 'Symbol'; }; /***/ }), /***/ "../../node_modules/es6-symbol/polyfill.js": /*!******************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es6-symbol/polyfill.js ***! \******************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; // ES2015 Symbol polyfill for environments that do not (or partially) support it function _typeof(obj) { 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); } var d = __webpack_require__(/*! d */ "../../node_modules/d/index.js"), validateSymbol = __webpack_require__(/*! ./validate-symbol */ "../../node_modules/es6-symbol/validate-symbol.js"), create = Object.create, defineProperties = Object.defineProperties, defineProperty = Object.defineProperty, objPrototype = Object.prototype, NativeSymbol, SymbolPolyfill, HiddenSymbol, globalSymbols = create(null), isNativeSafe; if (typeof Symbol === 'function') { NativeSymbol = Symbol; try { String(NativeSymbol()); isNativeSafe = true; } catch (ignore) {} } var generateName = function () { var created = create(null); return function (desc) { var postfix = 0, name, ie11BugWorkaround; while (created[desc + (postfix || '')]) { ++postfix; } desc += postfix || ''; created[desc] = true; name = '@@' + desc; defineProperty(objPrototype, name, d.gs(null, function (value) { // For IE11 issue see: // https://connect.microsoft.com/IE/feedbackdetail/view/1928508/ // ie11-broken-getters-on-dom-objects // https://github.com/medikoo/es6-symbol/issues/12 if (ie11BugWorkaround) return; ie11BugWorkaround = true; defineProperty(this, name, d(value)); ie11BugWorkaround = false; })); return name; }; }(); // Internal constructor (not one exposed) for creating Symbol instances. // This one is used to ensure that `someSymbol instanceof Symbol` always return false HiddenSymbol = function _Symbol(description) { if (this instanceof HiddenSymbol) throw new TypeError('Symbol is not a constructor'); return SymbolPolyfill(description); }; // Exposed `Symbol` constructor // (returns instances of HiddenSymbol) module.exports = SymbolPolyfill = function _Symbol2(description) { var symbol; if (this instanceof _Symbol2) throw new TypeError('Symbol is not a constructor'); if (isNativeSafe) return NativeSymbol(description); symbol = create(HiddenSymbol.prototype); description = description === undefined ? '' : String(description); return defineProperties(symbol, { __description__: d('', description), __name__: d('', generateName(description)) }); }; defineProperties(SymbolPolyfill, { for: d(function (key) { if (globalSymbols[key]) return globalSymbols[key]; return globalSymbols[key] = SymbolPolyfill(String(key)); }), keyFor: d(function (s) { var key; validateSymbol(s); for (key in globalSymbols) { if (globalSymbols[key] === s) return key; } }), // To ensure proper interoperability with other native functions (e.g. Array.from) // fallback to eventual native implementation of given symbol hasInstance: d('', NativeSymbol && NativeSymbol.hasInstance || SymbolPolyfill('hasInstance')), isConcatSpreadable: d('', NativeSymbol && NativeSymbol.isConcatSpreadable || SymbolPolyfill('isConcatSpreadable')), iterator: d('', NativeSymbol && NativeSymbol.iterator || SymbolPolyfill('iterator')), match: d('', NativeSymbol && NativeSymbol.match || SymbolPolyfill('match')), replace: d('', NativeSymbol && NativeSymbol.replace || SymbolPolyfill('replace')), search: d('', NativeSymbol && NativeSymbol.search || SymbolPolyfill('search')), species: d('', NativeSymbol && NativeSymbol.species || SymbolPolyfill('species')), split: d('', NativeSymbol && NativeSymbol.split || SymbolPolyfill('split')), toPrimitive: d('', NativeSymbol && NativeSymbol.toPrimitive || SymbolPolyfill('toPrimitive')), toStringTag: d('', NativeSymbol && NativeSymbol.toStringTag || SymbolPolyfill('toStringTag')), unscopables: d('', NativeSymbol && NativeSymbol.unscopables || SymbolPolyfill('unscopables')) }); // Internal tweaks for real symbol producer defineProperties(HiddenSymbol.prototype, { constructor: d(SymbolPolyfill), toString: d('', function () { return this.__name__; }) }); // Proper implementation of methods exposed on Symbol.prototype // They won't be accessible on produced symbol instances as they derive from HiddenSymbol.prototype defineProperties(SymbolPolyfill.prototype, { toString: d(function () { return 'Symbol (' + validateSymbol(this).__description__ + ')'; }), valueOf: d(function () { return validateSymbol(this); }) }); defineProperty(SymbolPolyfill.prototype, SymbolPolyfill.toPrimitive, d('', function () { var symbol = validateSymbol(this); if (_typeof(symbol) === 'symbol') return symbol; return symbol.toString(); })); defineProperty(SymbolPolyfill.prototype, SymbolPolyfill.toStringTag, d('c', 'Symbol')); // Proper implementaton of toPrimitive and toStringTag for returned symbol instances defineProperty(HiddenSymbol.prototype, SymbolPolyfill.toStringTag, d('c', SymbolPolyfill.prototype[SymbolPolyfill.toStringTag])); // Note: It's important to define `toPrimitive` as last one, as some implementations // implement `toPrimitive` natively without implementing `toStringTag` (or other specified symbols) // And that may invoke error in definition flow: // See: https://github.com/medikoo/es6-symbol/issues/13#issuecomment-164146149 defineProperty(HiddenSymbol.prototype, SymbolPolyfill.toPrimitive, d('c', SymbolPolyfill.prototype[SymbolPolyfill.toPrimitive])); /***/ }), /***/ "../../node_modules/es6-symbol/validate-symbol.js": /*!*************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/es6-symbol/validate-symbol.js ***! \*************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var isSymbol = __webpack_require__(/*! ./is-symbol */ "../../node_modules/es6-symbol/is-symbol.js"); module.exports = function (value) { if (!isSymbol(value)) throw new TypeError(value + " is not a symbol"); return value; }; /***/ }), /***/ "../../node_modules/escape-string-regexp/index.js": /*!*************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/escape-string-regexp/index.js ***! \*************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; var matchOperatorsRe = /[|\\{}()[\]^$+*?.]/g; module.exports = function (str) { if (typeof str !== 'string') { throw new TypeError('Expected a string'); } return str.replace(matchOperatorsRe, '\\$&'); }; /***/ }), /***/ "../../node_modules/events/events.js": /*!************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/events/events.js ***! \************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _typeof(obj) { 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); } // Copyright Joyent, Inc. and other Node contributors. // // Permission is hereby granted, free of charge, to any person obtaining a // copy of this software and associated documentation files (the // "Software"), to deal in the Software without restriction, including // without limitation the rights to use, copy, modify, merge, publish, // distribute, sublicense, and/or sell copies of the Software, and to permit // persons to whom the Software is furnished to do so, subject to the // following conditions: // // The above copyright notice and this permission notice shall be included // in all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN // NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, // DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR // OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE // USE OR OTHER DEALINGS IN THE SOFTWARE. function EventEmitter() { this._events = this._events || {}; this._maxListeners = this._maxListeners || undefined; } module.exports = EventEmitter; // Backwards-compat with node 0.10.x EventEmitter.EventEmitter = EventEmitter; EventEmitter.prototype._events = undefined; EventEmitter.prototype._maxListeners = undefined; // By default EventEmitters will print a warning if more than 10 listeners are // added to it. This is a useful default which helps finding memory leaks. EventEmitter.defaultMaxListeners = 10; // Obviously not all Emitters should be limited to 10. This function allows // that to be increased. Set to zero for unlimited. EventEmitter.prototype.setMaxListeners = function (n) { if (!isNumber(n) || n < 0 || isNaN(n)) throw TypeError('n must be a positive number'); this._maxListeners = n; return this; }; EventEmitter.prototype.emit = function (type) { var er, handler, len, args, i, listeners; if (!this._events) this._events = {}; // If there is no 'error' event listener then throw. if (type === 'error') { if (!this._events.error || isObject(this._events.error) && !this._events.error.length) { er = arguments[1]; if (er instanceof Error) { throw er; // Unhandled 'error' event } else { // At least give some kind of context to the user var err = new Error('Uncaught, unspecified "error" event. (' + er + ')'); err.context = er; throw err; } } } handler = this._events[type]; if (isUndefined(handler)) return false; if (isFunction(handler)) { switch (arguments.length) { // fast cases case 1: handler.call(this); break; case 2: handler.call(this, arguments[1]); break; case 3: handler.call(this, arguments[1], arguments[2]); break; // slower default: args = Array.prototype.slice.call(arguments, 1); handler.apply(this, args); } } else if (isObject(handler)) { args = Array.prototype.slice.call(arguments, 1); listeners = handler.slice(); len = listeners.length; for (i = 0; i < len; i++) { listeners[i].apply(this, args); } } return true; }; EventEmitter.prototype.addListener = function (type, listener) { var m; if (!isFunction(listener)) throw TypeError('listener must be a function'); if (!this._events) this._events = {}; // To avoid recursion in the case that type === "newListener"! Before // adding it to the listeners, first emit "newListener". if (this._events.newListener) this.emit('newListener', type, isFunction(listener.listener) ? listener.listener : listener); if (!this._events[type]) // Optimize the case of one listener. Don't need the extra array object. this._events[type] = listener;else if (isObject(this._events[type])) // If we've already got an array, just append. this._events[type].push(listener);else // Adding the second element, need to change to array. this._events[type] = [this._events[type], listener]; // Check for listener leak if (isObject(this._events[type]) && !this._events[type].warned) { if (!isUndefined(this._maxListeners)) { m = this._maxListeners; } else { m = EventEmitter.defaultMaxListeners; } if (m && m > 0 && this._events[type].length > m) { this._events[type].warned = true; console.error('(node) warning: possible EventEmitter memory ' + 'leak detected. %d listeners added. ' + 'Use emitter.setMaxListeners() to increase limit.', this._events[type].length); if (typeof console.trace === 'function') { // not supported in IE 10 console.trace(); } } } return this; }; EventEmitter.prototype.on = EventEmitter.prototype.addListener; EventEmitter.prototype.once = function (type, listener) { if (!isFunction(listener)) throw TypeError('listener must be a function'); var fired = false; function g() { this.removeListener(type, g); if (!fired) { fired = true; listener.apply(this, arguments); } } g.listener = listener; this.on(type, g); return this; }; // emits a 'removeListener' event iff the listener was removed EventEmitter.prototype.removeListener = function (type, listener) { var list, position, length, i; if (!isFunction(listener)) throw TypeError('listener must be a function'); if (!this._events || !this._events[type]) return this; list = this._events[type]; length = list.length; position = -1; if (list === listener || isFunction(list.listener) && list.listener === listener) { delete this._events[type]; if (this._events.removeListener) this.emit('removeListener', type, listener); } else if (isObject(list)) { for (i = length; i-- > 0;) { if (list[i] === listener || list[i].listener && list[i].listener === listener) { position = i; break; } } if (position < 0) return this; if (list.length === 1) { list.length = 0; delete this._events[type]; } else { list.splice(position, 1); } if (this._events.removeListener) this.emit('removeListener', type, listener); } return this; }; EventEmitter.prototype.removeAllListeners = function (type) { var key, listeners; if (!this._events) return this; // not listening for removeListener, no need to emit if (!this._events.removeListener) { if (arguments.length === 0) this._events = {};else if (this._events[type]) delete this._events[type]; return this; } // emit removeListener for all listeners on all events if (arguments.length === 0) { for (key in this._events) { if (key === 'removeListener') continue; this.removeAllListeners(key); } this.removeAllListeners('removeListener'); this._events = {}; return this; } listeners = this._events[type]; if (isFunction(listeners)) { this.removeListener(type, listeners); } else if (listeners) { // LIFO order while (listeners.length) { this.removeListener(type, listeners[listeners.length - 1]); } } delete this._events[type]; return this; }; EventEmitter.prototype.listeners = function (type) { var ret; if (!this._events || !this._events[type]) ret = [];else if (isFunction(this._events[type])) ret = [this._events[type]];else ret = this._events[type].slice(); return ret; }; EventEmitter.prototype.listenerCount = function (type) { if (this._events) { var evlistener = this._events[type]; if (isFunction(evlistener)) return 1;else if (evlistener) return evlistener.length; } return 0; }; EventEmitter.listenerCount = function (emitter, type) { return emitter.listenerCount(type); }; function isFunction(arg) { return typeof arg === 'function'; } function isNumber(arg) { return typeof arg === 'number'; } function isObject(arg) { return _typeof(arg) === 'object' && arg !== null; } function isUndefined(arg) { return arg === void 0; } /***/ }), /***/ "../../node_modules/lodash.throttle/index.js": /*!********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/lodash.throttle/index.js ***! \********************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(global) {function _typeof(obj) { 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); } /** * lodash (Custom Build) * Build: `lodash modularize exports="npm" -o ./` * Copyright jQuery Foundation and other contributors * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors */ /** Used as the `TypeError` message for "Functions" methods. */ var FUNC_ERROR_TEXT = 'Expected a function'; /** Used as references for various `Number` constants. */ var NAN = 0 / 0; /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; /** Used to match leading and trailing whitespace. */ var reTrim = /^\s+|\s+$/g; /** Used to detect bad signed hexadecimal string values. */ var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; /** Used to detect binary string values. */ var reIsBinary = /^0b[01]+$/i; /** Used to detect octal string values. */ var reIsOctal = /^0o[0-7]+$/i; /** Built-in method references without a dependency on `root`. */ var freeParseInt = parseInt; /** Detect free variable `global` from Node.js. */ var freeGlobal = (typeof global === "undefined" ? "undefined" : _typeof(global)) == 'object' && global && global.Object === Object && global; /** Detect free variable `self`. */ var freeSelf = (typeof self === "undefined" ? "undefined" : _typeof(self)) == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = freeGlobal || freeSelf || Function('return this')(); /** Used for built-in method references. */ var objectProto = Object.prototype; /** * Used to resolve the * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring) * of values. */ var objectToString = objectProto.toString; /* Built-in method references for those with the same name as other `lodash` methods. */ var nativeMax = Math.max, nativeMin = Math.min; /** * Gets the timestamp of the number of milliseconds that have elapsed since * the Unix epoch (1 January 1970 00:00:00 UTC). * * @static * @memberOf _ * @since 2.4.0 * @category Date * @returns {number} Returns the timestamp. * @example * * _.defer(function(stamp) { * console.log(_.now() - stamp); * }, _.now()); * // => Logs the number of milliseconds it took for the deferred invocation. */ var now = function now() { return root.Date.now(); }; /** * Creates a debounced function that delays invoking `func` until after `wait` * milliseconds have elapsed since the last time the debounced function was * invoked. The debounced function comes with a `cancel` method to cancel * delayed `func` invocations and a `flush` method to immediately invoke them. * Provide `options` to indicate whether `func` should be invoked on the * leading and/or trailing edge of the `wait` timeout. The `func` is invoked * with the last arguments provided to the debounced function. Subsequent * calls to the debounced function return the result of the last `func` * invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the debounced function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.debounce` and `_.throttle`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to debounce. * @param {number} [wait=0] The number of milliseconds to delay. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=false] * Specify invoking on the leading edge of the timeout. * @param {number} [options.maxWait] * The maximum time `func` is allowed to be delayed before it's invoked. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new debounced function. * @example * * // Avoid costly calculations while the window size is in flux. * jQuery(window).on('resize', _.debounce(calculateLayout, 150)); * * // Invoke `sendMail` when clicked, debouncing subsequent calls. * jQuery(element).on('click', _.debounce(sendMail, 300, { * 'leading': true, * 'trailing': false * })); * * // Ensure `batchLog` is invoked once after 1 second of debounced calls. * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 }); * var source = new EventSource('/stream'); * jQuery(source).on('message', debounced); * * // Cancel the trailing debounced invocation. * jQuery(window).on('popstate', debounced.cancel); */ function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } wait = toNumber(wait) || 0; if (isObject(options)) { leading = !!options.leading; maxing = 'maxWait' in options; maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; trailing = 'trailing' in options ? !!options.trailing : trailing; } function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; lastArgs = lastThis = undefined; lastInvokeTime = time; result = func.apply(thisArg, args); return result; } function leadingEdge(time) { // Reset any `maxWait` timer. lastInvokeTime = time; // Start the timer for the trailing edge. timerId = setTimeout(timerExpired, wait); // Invoke the leading edge. return leading ? invokeFunc(time) : result; } function remainingWait(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, result = wait - timeSinceLastCall; return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the // trailing edge, the system time has gone backwards and we're treating // it as the trailing edge, or we've hit the `maxWait` limit. return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait; } function timerExpired() { var time = now(); if (shouldInvoke(time)) { return trailingEdge(time); } // Restart the timer. timerId = setTimeout(timerExpired, remainingWait(time)); } function trailingEdge(time) { timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been // debounced at least once. if (trailing && lastArgs) { return invokeFunc(time); } lastArgs = lastThis = undefined; return result; } function cancel() { if (timerId !== undefined) { clearTimeout(timerId); } lastInvokeTime = 0; lastArgs = lastCallTime = lastThis = timerId = undefined; } function flush() { return timerId === undefined ? result : trailingEdge(now()); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); lastArgs = arguments; lastThis = this; lastCallTime = time; if (isInvoking) { if (timerId === undefined) { return leadingEdge(lastCallTime); } if (maxing) { // Handle invocations in a tight loop. timerId = setTimeout(timerExpired, wait); return invokeFunc(lastCallTime); } } if (timerId === undefined) { timerId = setTimeout(timerExpired, wait); } return result; } debounced.cancel = cancel; debounced.flush = flush; return debounced; } /** * Creates a throttled function that only invokes `func` at most once per * every `wait` milliseconds. The throttled function comes with a `cancel` * method to cancel delayed `func` invocations and a `flush` method to * immediately invoke them. Provide `options` to indicate whether `func` * should be invoked on the leading and/or trailing edge of the `wait` * timeout. The `func` is invoked with the last arguments provided to the * throttled function. Subsequent calls to the throttled function return the * result of the last `func` invocation. * * **Note:** If `leading` and `trailing` options are `true`, `func` is * invoked on the trailing edge of the timeout only if the throttled function * is invoked more than once during the `wait` timeout. * * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred * until to the next tick, similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/) * for details over the differences between `_.throttle` and `_.debounce`. * * @static * @memberOf _ * @since 0.1.0 * @category Function * @param {Function} func The function to throttle. * @param {number} [wait=0] The number of milliseconds to throttle invocations to. * @param {Object} [options={}] The options object. * @param {boolean} [options.leading=true] * Specify invoking on the leading edge of the timeout. * @param {boolean} [options.trailing=true] * Specify invoking on the trailing edge of the timeout. * @returns {Function} Returns the new throttled function. * @example * * // Avoid excessively updating the position while scrolling. * jQuery(window).on('scroll', _.throttle(updatePosition, 100)); * * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes. * var throttled = _.throttle(renewToken, 300000, { 'trailing': false }); * jQuery(element).on('click', throttled); * * // Cancel the trailing throttled invocation. * jQuery(window).on('popstate', throttled.cancel); */ function throttle(func, wait, options) { var leading = true, trailing = true; if (typeof func != 'function') { throw new TypeError(FUNC_ERROR_TEXT); } if (isObject(options)) { leading = 'leading' in options ? !!options.leading : leading; trailing = 'trailing' in options ? !!options.trailing : trailing; } return debounce(func, wait, { 'leading': leading, 'maxWait': wait, 'trailing': trailing }); } /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = _typeof(value); return !!value && (type == 'object' || type == 'function'); } /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return !!value && _typeof(value) == 'object'; } /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return _typeof(value) == 'symbol' || isObjectLike(value) && objectToString.call(value) == symbolTag; } /** * Converts `value` to a number. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to process. * @returns {number} Returns the number. * @example * * _.toNumber(3.2); * // => 3.2 * * _.toNumber(Number.MIN_VALUE); * // => 5e-324 * * _.toNumber(Infinity); * // => Infinity * * _.toNumber('3.2'); * // => 3.2 */ function toNumber(value) { if (typeof value == 'number') { return value; } if (isSymbol(value)) { return NAN; } if (isObject(value)) { var other = typeof value.valueOf == 'function' ? value.valueOf() : value; value = isObject(other) ? other + '' : other; } if (typeof value != 'string') { return value === 0 ? value : +value; } value = value.replace(reTrim, ''); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value; } module.exports = throttle; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "../../node_modules/webpack/buildin/global.js"))) /***/ }), /***/ "../../node_modules/lru-cache/index.js": /*!**************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/lru-cache/index.js ***! \**************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(process) { module.exports = LRUCache; // This will be a proper iterable 'Map' in engines that support it, // or a fakey-fake PseudoMap in older versions. var Map = __webpack_require__(/*! pseudomap */ "../../node_modules/pseudomap/map.js"); var util = __webpack_require__(/*! util */ "../../node_modules/util/util.js"); // A linked list to keep track of recently-used-ness var Yallist = __webpack_require__(/*! yallist */ "../../node_modules/lru-cache/node_modules/yallist/yallist.js"); // use symbols if possible, otherwise just _props var hasSymbol = typeof Symbol === 'function' && process.env._nodeLRUCacheForceNoSymbol !== '1'; var makeSymbol; if (hasSymbol) { makeSymbol = function makeSymbol(key) { return Symbol(key); }; } else { makeSymbol = function makeSymbol(key) { return '_' + key; }; } var MAX = makeSymbol('max'); var LENGTH = makeSymbol('length'); var LENGTH_CALCULATOR = makeSymbol('lengthCalculator'); var ALLOW_STALE = makeSymbol('allowStale'); var MAX_AGE = makeSymbol('maxAge'); var DISPOSE = makeSymbol('dispose'); var NO_DISPOSE_ON_SET = makeSymbol('noDisposeOnSet'); var LRU_LIST = makeSymbol('lruList'); var CACHE = makeSymbol('cache'); function naiveLength() { return 1; } // lruList is a yallist where the head is the youngest // item, and the tail is the oldest. the list contains the Hit // objects as the entries. // Each Hit object has a reference to its Yallist.Node. This // never changes. // // cache is a Map (or PseudoMap) that matches the keys to // the Yallist.Node object. function LRUCache(options) { if (!(this instanceof LRUCache)) { return new LRUCache(options); } if (typeof options === 'number') { options = { max: options }; } if (!options) { options = {}; } var max = this[MAX] = options.max; // Kind of weird to have a default max of Infinity, but oh well. if (!max || !(typeof max === 'number') || max <= 0) { this[MAX] = Infinity; } var lc = options.length || naiveLength; if (typeof lc !== 'function') { lc = naiveLength; } this[LENGTH_CALCULATOR] = lc; this[ALLOW_STALE] = options.stale || false; this[MAX_AGE] = options.maxAge || 0; this[DISPOSE] = options.dispose; this[NO_DISPOSE_ON_SET] = options.noDisposeOnSet || false; this.reset(); } // resize the cache when the max changes. Object.defineProperty(LRUCache.prototype, 'max', { set: function set(mL) { if (!mL || !(typeof mL === 'number') || mL <= 0) { mL = Infinity; } this[MAX] = mL; trim(this); }, get: function get() { return this[MAX]; }, enumerable: true }); Object.defineProperty(LRUCache.prototype, 'allowStale', { set: function set(allowStale) { this[ALLOW_STALE] = !!allowStale; }, get: function get() { return this[ALLOW_STALE]; }, enumerable: true }); Object.defineProperty(LRUCache.prototype, 'maxAge', { set: function set(mA) { if (!mA || !(typeof mA === 'number') || mA < 0) { mA = 0; } this[MAX_AGE] = mA; trim(this); }, get: function get() { return this[MAX_AGE]; }, enumerable: true }); // resize the cache when the lengthCalculator changes. Object.defineProperty(LRUCache.prototype, 'lengthCalculator', { set: function set(lC) { if (typeof lC !== 'function') { lC = naiveLength; } if (lC !== this[LENGTH_CALCULATOR]) { this[LENGTH_CALCULATOR] = lC; this[LENGTH] = 0; this[LRU_LIST].forEach(function (hit) { hit.length = this[LENGTH_CALCULATOR](hit.value, hit.key); this[LENGTH] += hit.length; }, this); } trim(this); }, get: function get() { return this[LENGTH_CALCULATOR]; }, enumerable: true }); Object.defineProperty(LRUCache.prototype, 'length', { get: function get() { return this[LENGTH]; }, enumerable: true }); Object.defineProperty(LRUCache.prototype, 'itemCount', { get: function get() { return this[LRU_LIST].length; }, enumerable: true }); LRUCache.prototype.rforEach = function (fn, thisp) { thisp = thisp || this; for (var walker = this[LRU_LIST].tail; walker !== null;) { var prev = walker.prev; forEachStep(this, fn, walker, thisp); walker = prev; } }; function forEachStep(self, fn, node, thisp) { var hit = node.value; if (isStale(self, hit)) { del(self, node); if (!self[ALLOW_STALE]) { hit = undefined; } } if (hit) { fn.call(thisp, hit.value, hit.key, self); } } LRUCache.prototype.forEach = function (fn, thisp) { thisp = thisp || this; for (var walker = this[LRU_LIST].head; walker !== null;) { var next = walker.next; forEachStep(this, fn, walker, thisp); walker = next; } }; LRUCache.prototype.keys = function () { return this[LRU_LIST].toArray().map(function (k) { return k.key; }, this); }; LRUCache.prototype.values = function () { return this[LRU_LIST].toArray().map(function (k) { return k.value; }, this); }; LRUCache.prototype.reset = function () { if (this[DISPOSE] && this[LRU_LIST] && this[LRU_LIST].length) { this[LRU_LIST].forEach(function (hit) { this[DISPOSE](hit.key, hit.value); }, this); } this[CACHE] = new Map(); // hash of items by key this[LRU_LIST] = new Yallist(); // list of items in order of use recency this[LENGTH] = 0; // length of items in the list }; LRUCache.prototype.dump = function () { return this[LRU_LIST].map(function (hit) { if (!isStale(this, hit)) { return { k: hit.key, v: hit.value, e: hit.now + (hit.maxAge || 0) }; } }, this).toArray().filter(function (h) { return h; }); }; LRUCache.prototype.dumpLru = function () { return this[LRU_LIST]; }; /* istanbul ignore next */ LRUCache.prototype.inspect = function (n, opts) { var str = 'LRUCache {'; var extras = false; var as = this[ALLOW_STALE]; if (as) { str += '\n allowStale: true'; extras = true; } var max = this[MAX]; if (max && max !== Infinity) { if (extras) { str += ','; } str += '\n max: ' + util.inspect(max, opts); extras = true; } var maxAge = this[MAX_AGE]; if (maxAge) { if (extras) { str += ','; } str += '\n maxAge: ' + util.inspect(maxAge, opts); extras = true; } var lc = this[LENGTH_CALCULATOR]; if (lc && lc !== naiveLength) { if (extras) { str += ','; } str += '\n length: ' + util.inspect(this[LENGTH], opts); extras = true; } var didFirst = false; this[LRU_LIST].forEach(function (item) { if (didFirst) { str += ',\n '; } else { if (extras) { str += ',\n'; } didFirst = true; str += '\n '; } var key = util.inspect(item.key).split('\n').join('\n '); var val = { value: item.value }; if (item.maxAge !== maxAge) { val.maxAge = item.maxAge; } if (lc !== naiveLength) { val.length = item.length; } if (isStale(this, item)) { val.stale = true; } val = util.inspect(val, opts).split('\n').join('\n '); str += key + ' => ' + val; }); if (didFirst || extras) { str += '\n'; } str += '}'; return str; }; LRUCache.prototype.set = function (key, value, maxAge) { maxAge = maxAge || this[MAX_AGE]; var now = maxAge ? Date.now() : 0; var len = this[LENGTH_CALCULATOR](value, key); if (this[CACHE].has(key)) { if (len > this[MAX]) { del(this, this[CACHE].get(key)); return false; } var node = this[CACHE].get(key); var item = node.value; // dispose of the old one before overwriting // split out into 2 ifs for better coverage tracking if (this[DISPOSE]) { if (!this[NO_DISPOSE_ON_SET]) { this[DISPOSE](key, item.value); } } item.now = now; item.maxAge = maxAge; item.value = value; this[LENGTH] += len - item.length; item.length = len; this.get(key); trim(this); return true; } var hit = new Entry(key, value, len, now, maxAge); // oversized objects fall out of cache automatically. if (hit.length > this[MAX]) { if (this[DISPOSE]) { this[DISPOSE](key, value); } return false; } this[LENGTH] += hit.length; this[LRU_LIST].unshift(hit); this[CACHE].set(key, this[LRU_LIST].head); trim(this); return true; }; LRUCache.prototype.has = function (key) { if (!this[CACHE].has(key)) return false; var hit = this[CACHE].get(key).value; if (isStale(this, hit)) { return false; } return true; }; LRUCache.prototype.get = function (key) { return get(this, key, true); }; LRUCache.prototype.peek = function (key) { return get(this, key, false); }; LRUCache.prototype.pop = function () { var node = this[LRU_LIST].tail; if (!node) return null; del(this, node); return node.value; }; LRUCache.prototype.del = function (key) { del(this, this[CACHE].get(key)); }; LRUCache.prototype.load = function (arr) { // reset the cache this.reset(); var now = Date.now(); // A previous serialized cache has the most recent items first for (var l = arr.length - 1; l >= 0; l--) { var hit = arr[l]; var expiresAt = hit.e || 0; if (expiresAt === 0) { // the item was created without expiration in a non aged cache this.set(hit.k, hit.v); } else { var maxAge = expiresAt - now; // dont add already expired items if (maxAge > 0) { this.set(hit.k, hit.v, maxAge); } } } }; LRUCache.prototype.prune = function () { var self = this; this[CACHE].forEach(function (value, key) { get(self, key, false); }); }; function get(self, key, doUse) { var node = self[CACHE].get(key); if (node) { var hit = node.value; if (isStale(self, hit)) { del(self, node); if (!self[ALLOW_STALE]) hit = undefined; } else { if (doUse) { self[LRU_LIST].unshiftNode(node); } } if (hit) hit = hit.value; } return hit; } function isStale(self, hit) { if (!hit || !hit.maxAge && !self[MAX_AGE]) { return false; } var stale = false; var diff = Date.now() - hit.now; if (hit.maxAge) { stale = diff > hit.maxAge; } else { stale = self[MAX_AGE] && diff > self[MAX_AGE]; } return stale; } function trim(self) { if (self[LENGTH] > self[MAX]) { for (var walker = self[LRU_LIST].tail; self[LENGTH] > self[MAX] && walker !== null;) { // We know that we're about to delete this one, and also // what the next least recently used key will be, so just // go ahead and set it now. var prev = walker.prev; del(self, walker); walker = prev; } } } function del(self, node) { if (node) { var hit = node.value; if (self[DISPOSE]) { self[DISPOSE](hit.key, hit.value); } self[LENGTH] -= hit.length; self[CACHE].delete(hit.key); self[LRU_LIST].removeNode(node); } } // classy, since V8 prefers predictable objects. function Entry(key, value, length, now, maxAge) { this.key = key; this.value = value; this.length = length; this.now = now; this.maxAge = maxAge || 0; } /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../process/browser.js */ "../../node_modules/process/browser.js"))) /***/ }), /***/ "../../node_modules/lru-cache/node_modules/yallist/yallist.js": /*!*************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/lru-cache/node_modules/yallist/yallist.js ***! \*************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { module.exports = Yallist; Yallist.Node = Node; Yallist.create = Yallist; function Yallist(list) { var self = this; if (!(self instanceof Yallist)) { self = new Yallist(); } self.tail = null; self.head = null; self.length = 0; if (list && typeof list.forEach === 'function') { list.forEach(function (item) { self.push(item); }); } else if (arguments.length > 0) { for (var i = 0, l = arguments.length; i < l; i++) { self.push(arguments[i]); } } return self; } Yallist.prototype.removeNode = function (node) { if (node.list !== this) { throw new Error('removing node which does not belong to this list'); } var next = node.next; var prev = node.prev; if (next) { next.prev = prev; } if (prev) { prev.next = next; } if (node === this.head) { this.head = next; } if (node === this.tail) { this.tail = prev; } node.list.length--; node.next = null; node.prev = null; node.list = null; }; Yallist.prototype.unshiftNode = function (node) { if (node === this.head) { return; } if (node.list) { node.list.removeNode(node); } var head = this.head; node.list = this; node.next = head; if (head) { head.prev = node; } this.head = node; if (!this.tail) { this.tail = node; } this.length++; }; Yallist.prototype.pushNode = function (node) { if (node === this.tail) { return; } if (node.list) { node.list.removeNode(node); } var tail = this.tail; node.list = this; node.prev = tail; if (tail) { tail.next = node; } this.tail = node; if (!this.head) { this.head = node; } this.length++; }; Yallist.prototype.push = function () { for (var i = 0, l = arguments.length; i < l; i++) { push(this, arguments[i]); } return this.length; }; Yallist.prototype.unshift = function () { for (var i = 0, l = arguments.length; i < l; i++) { unshift(this, arguments[i]); } return this.length; }; Yallist.prototype.pop = function () { if (!this.tail) { return undefined; } var res = this.tail.value; this.tail = this.tail.prev; if (this.tail) { this.tail.next = null; } else { this.head = null; } this.length--; return res; }; Yallist.prototype.shift = function () { if (!this.head) { return undefined; } var res = this.head.value; this.head = this.head.next; if (this.head) { this.head.prev = null; } else { this.tail = null; } this.length--; return res; }; Yallist.prototype.forEach = function (fn, thisp) { thisp = thisp || this; for (var walker = this.head, i = 0; walker !== null; i++) { fn.call(thisp, walker.value, i, this); walker = walker.next; } }; Yallist.prototype.forEachReverse = function (fn, thisp) { thisp = thisp || this; for (var walker = this.tail, i = this.length - 1; walker !== null; i--) { fn.call(thisp, walker.value, i, this); walker = walker.prev; } }; Yallist.prototype.get = function (n) { for (var i = 0, walker = this.head; walker !== null && i < n; i++) { // abort out of the list early if we hit a cycle walker = walker.next; } if (i === n && walker !== null) { return walker.value; } }; Yallist.prototype.getReverse = function (n) { for (var i = 0, walker = this.tail; walker !== null && i < n; i++) { // abort out of the list early if we hit a cycle walker = walker.prev; } if (i === n && walker !== null) { return walker.value; } }; Yallist.prototype.map = function (fn, thisp) { thisp = thisp || this; var res = new Yallist(); for (var walker = this.head; walker !== null;) { res.push(fn.call(thisp, walker.value, this)); walker = walker.next; } return res; }; Yallist.prototype.mapReverse = function (fn, thisp) { thisp = thisp || this; var res = new Yallist(); for (var walker = this.tail; walker !== null;) { res.push(fn.call(thisp, walker.value, this)); walker = walker.prev; } return res; }; Yallist.prototype.reduce = function (fn, initial) { var acc; var walker = this.head; if (arguments.length > 1) { acc = initial; } else if (this.head) { walker = this.head.next; acc = this.head.value; } else { throw new TypeError('Reduce of empty list with no initial value'); } for (var i = 0; walker !== null; i++) { acc = fn(acc, walker.value, i); walker = walker.next; } return acc; }; Yallist.prototype.reduceReverse = function (fn, initial) { var acc; var walker = this.tail; if (arguments.length > 1) { acc = initial; } else if (this.tail) { walker = this.tail.prev; acc = this.tail.value; } else { throw new TypeError('Reduce of empty list with no initial value'); } for (var i = this.length - 1; walker !== null; i--) { acc = fn(acc, walker.value, i); walker = walker.prev; } return acc; }; Yallist.prototype.toArray = function () { var arr = new Array(this.length); for (var i = 0, walker = this.head; walker !== null; i++) { arr[i] = walker.value; walker = walker.next; } return arr; }; Yallist.prototype.toArrayReverse = function () { var arr = new Array(this.length); for (var i = 0, walker = this.tail; walker !== null; i++) { arr[i] = walker.value; walker = walker.prev; } return arr; }; Yallist.prototype.slice = function (from, to) { to = to || this.length; if (to < 0) { to += this.length; } from = from || 0; if (from < 0) { from += this.length; } var ret = new Yallist(); if (to < from || to < 0) { return ret; } if (from < 0) { from = 0; } if (to > this.length) { to = this.length; } for (var i = 0, walker = this.head; walker !== null && i < from; i++) { walker = walker.next; } for (; walker !== null && i < to; i++, walker = walker.next) { ret.push(walker.value); } return ret; }; Yallist.prototype.sliceReverse = function (from, to) { to = to || this.length; if (to < 0) { to += this.length; } from = from || 0; if (from < 0) { from += this.length; } var ret = new Yallist(); if (to < from || to < 0) { return ret; } if (from < 0) { from = 0; } if (to > this.length) { to = this.length; } for (var i = this.length, walker = this.tail; walker !== null && i > to; i--) { walker = walker.prev; } for (; walker !== null && i > from; i--, walker = walker.prev) { ret.push(walker.value); } return ret; }; Yallist.prototype.reverse = function () { var head = this.head; var tail = this.tail; for (var walker = head; walker !== null; walker = walker.prev) { var p = walker.prev; walker.prev = walker.next; walker.next = p; } this.head = tail; this.tail = head; return this; }; function push(self, item) { self.tail = new Node(item, self.tail, null, self); if (!self.head) { self.head = self.tail; } self.length++; } function unshift(self, item) { self.head = new Node(item, null, self.head, self); if (!self.tail) { self.tail = self.head; } self.length++; } function Node(value, prev, next, list) { if (!(this instanceof Node)) { return new Node(value, prev, next, list); } this.list = list; this.value = value; if (prev) { prev.next = this; this.prev = prev; } else { this.prev = null; } if (next) { next.prev = this; this.next = next; } else { this.next = null; } } /***/ }), /***/ "../../node_modules/memoize-one/esm/index.js": /*!********************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/memoize-one/esm/index.js ***! \********************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); var simpleIsEqual = function simpleIsEqual(a, b) { return a === b; }; /* harmony default export */ __webpack_exports__["default"] = (function (resultFn) { var isEqual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : simpleIsEqual; var lastThis = void 0; var lastArgs = []; var lastResult = void 0; var calledOnce = false; var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) { return isEqual(newArg, lastArgs[index]); }; var result = function result() { for (var _len = arguments.length, newArgs = Array(_len), _key = 0; _key < _len; _key++) { newArgs[_key] = arguments[_key]; } if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) { return lastResult; } calledOnce = true; lastThis = this; lastArgs = newArgs; lastResult = resultFn.apply(this, newArgs); return lastResult; }; return result; }); /***/ }), /***/ "../../node_modules/process/browser.js": /*!**************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/process/browser.js ***! \**************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { // shim for using process in browser var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout() { throw new Error('clearTimeout has not been defined'); } (function () { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } })(); function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch (e) { try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch (e) { // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e) { try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e) { // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while (len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function (fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return []; }; process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/'; }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function () { return 0; }; /***/ }), /***/ "../../node_modules/prop-types/factoryWithThrowingShims.js": /*!**********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/prop-types/factoryWithThrowingShims.js ***! \**********************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "../../node_modules/prop-types/lib/ReactPropTypesSecret.js"); function emptyFunction() {} function emptyFunctionWithReset() {} emptyFunctionWithReset.resetWarningCache = emptyFunction; module.exports = function () { function shim(props, propName, componentName, location, propFullName, secret) { if (secret === ReactPropTypesSecret) { // It is still safe when called from React. return; } var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types'); err.name = 'Invariant Violation'; throw err; } ; shim.isRequired = shim; function getShim() { return shim; } ; // Important! // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. var ReactPropTypes = { array: shim, bool: shim, func: shim, number: shim, object: shim, string: shim, symbol: shim, any: shim, arrayOf: getShim, element: shim, elementType: shim, instanceOf: getShim, node: shim, objectOf: getShim, oneOf: getShim, oneOfType: getShim, shape: getShim, exact: getShim, checkPropTypes: emptyFunctionWithReset, resetWarningCache: emptyFunction }; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; /***/ }), /***/ "../../node_modules/prop-types/index.js": /*!***************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/prop-types/index.js ***! \***************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ if (false) { var throwOnDirectAccess, ReactIs; } else { // By explicitly using `prop-types` you are opting into new production behavior. // http://fb.me/prop-types-in-prod module.exports = __webpack_require__(/*! ./factoryWithThrowingShims */ "../../node_modules/prop-types/factoryWithThrowingShims.js")(); } /***/ }), /***/ "../../node_modules/prop-types/lib/ReactPropTypesSecret.js": /*!**********************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/prop-types/lib/ReactPropTypesSecret.js ***! \**********************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /** * Copyright (c) 2013-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; module.exports = ReactPropTypesSecret; /***/ }), /***/ "../../node_modules/pseudomap/map.js": /*!************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/pseudomap/map.js ***! \************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(process) {if (process.env.npm_package_name === 'pseudomap' && process.env.npm_lifecycle_script === 'test') process.env.TEST_PSEUDOMAP = 'true'; if (typeof Map === 'function' && !process.env.TEST_PSEUDOMAP) { module.exports = Map; } else { module.exports = __webpack_require__(/*! ./pseudomap */ "../../node_modules/pseudomap/pseudomap.js"); } /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../process/browser.js */ "../../node_modules/process/browser.js"))) /***/ }), /***/ "../../node_modules/pseudomap/pseudomap.js": /*!******************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/pseudomap/pseudomap.js ***! \******************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { var hasOwnProperty = Object.prototype.hasOwnProperty; module.exports = PseudoMap; function PseudoMap(set) { if (!(this instanceof PseudoMap)) // whyyyyyyy throw new TypeError("Constructor PseudoMap requires 'new'"); this.clear(); if (set) { if (set instanceof PseudoMap || typeof Map === 'function' && set instanceof Map) set.forEach(function (value, key) { this.set(key, value); }, this);else if (Array.isArray(set)) set.forEach(function (kv) { this.set(kv[0], kv[1]); }, this);else throw new TypeError('invalid argument'); } } PseudoMap.prototype.forEach = function (fn, thisp) { thisp = thisp || this; Object.keys(this._data).forEach(function (k) { if (k !== 'size') fn.call(thisp, this._data[k].value, this._data[k].key); }, this); }; PseudoMap.prototype.has = function (k) { return !!find(this._data, k); }; PseudoMap.prototype.get = function (k) { var res = find(this._data, k); return res && res.value; }; PseudoMap.prototype.set = function (k, v) { set(this._data, k, v); }; PseudoMap.prototype.delete = function (k) { var res = find(this._data, k); if (res) { delete this._data[res._index]; this._data.size--; } }; PseudoMap.prototype.clear = function () { var data = Object.create(null); data.size = 0; Object.defineProperty(this, '_data', { value: data, enumerable: false, configurable: true, writable: false }); }; Object.defineProperty(PseudoMap.prototype, 'size', { get: function get() { return this._data.size; }, set: function set(n) {}, enumerable: true, configurable: true }); PseudoMap.prototype.values = PseudoMap.prototype.keys = PseudoMap.prototype.entries = function () { throw new Error('iterators are not implemented in this version'); }; // Either identical, or both NaN function same(a, b) { return a === b || a !== a && b !== b; } function Entry(k, v, i) { this.key = k; this.value = v; this._index = i; } function find(data, k) { for (var i = 0, s = '_' + k, key = s; hasOwnProperty.call(data, key); key = s + i++) { if (same(data[key].key, k)) return data[key]; } } function set(data, k, v) { for (var i = 0, s = '_' + k, key = s; hasOwnProperty.call(data, key); key = s + i++) { if (same(data[key].key, k)) { data[key].value = v; return; } } data.size++; data[key] = new Entry(k, v, key); } /***/ }), /***/ "../../node_modules/raw-loader/dist/cjs.js!../react-devtools-shared/src/devtools/views/root.css": /*!***********************************************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/raw-loader/dist/cjs.js!../react-devtools-shared/src/devtools/views/root.css ***! \***********************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony default export */ __webpack_exports__["default"] = (":root {\n /**\n * IMPORTANT: When new theme variables are added below– also add them to SettingsContext updateThemeVariables()\n */\n\n /* Light theme */\n --light-color-attribute-name: #ef6632;\n --light-color-attribute-name-inverted: rgba(255, 255, 255, 0.7);\n --light-color-attribute-value: #1a1aa6;\n --light-color-attribute-value-inverted: #ffffff;\n --light-color-attribute-editable-value: #1a1aa6;\n --light-color-background: #ffffff;\n --light-color-background-hover: rgba(0, 136, 250, 0.1);\n --light-color-background-inactive: #e5e5e5;\n --light-color-background-invalid: #fff0f0;\n --light-color-background-selected: #0088fa;\n --light-color-button-background: #ffffff;\n --light-color-button-background-focus: #ededed;\n --light-color-button: #5f6673;\n --light-color-button-disabled: #cfd1d5;\n --light-color-button-active: #0088fa;\n --light-color-button-focus: #23272f;\n --light-color-button-hover: #23272f;\n --light-color-border: #eeeeee;\n --light-color-commit-did-not-render-fill: #cfd1d5;\n --light-color-commit-did-not-render-fill-text: #000000;\n --light-color-commit-did-not-render-pattern: #cfd1d5;\n --light-color-commit-did-not-render-pattern-text: #333333;\n --light-color-commit-gradient-0: #37afa9;\n --light-color-commit-gradient-1: #63b19e;\n --light-color-commit-gradient-2: #80b393;\n --light-color-commit-gradient-3: #97b488;\n --light-color-commit-gradient-4: #abb67d;\n --light-color-commit-gradient-5: #beb771;\n --light-color-commit-gradient-6: #cfb965;\n --light-color-commit-gradient-7: #dfba57;\n --light-color-commit-gradient-8: #efbb49;\n --light-color-commit-gradient-9: #febc38;\n --light-color-commit-gradient-text: #000000;\n --light-color-component-name: #6a51b2;\n --light-color-component-name-inverted: #ffffff;\n --light-color-component-badge-background: rgba(0, 0, 0, 0.1);\n --light-color-component-badge-background-inverted: rgba(255, 255, 255, 0.25);\n --light-color-component-badge-count: #777d88;\n --light-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --light-color-context-background: rgba(0,0,0,.9);\n --light-color-context-background-hover: rgba(255, 255, 255, 0.1);\n --light-color-context-background-selected: #178fb9;\n --light-color-context-border: #3d424a;\n --light-color-context-text: #ffffff;\n --light-color-context-text-selected: #ffffff;\n --light-color-dim: #777d88;\n --light-color-dimmer: #cfd1d5;\n --light-color-dimmest: #eff0f1;\n --light-color-expand-collapse-toggle: #777d88;\n --light-color-modal-background: rgba(255, 255, 255, 0.75);\n --light-color-record-active: #fc3a4b;\n --light-color-record-hover: #3578e5;\n --light-color-record-inactive: #0088fa;\n --light-color-scroll-thumb: #c2c2c2;\n --light-color-scroll-track: #fafafa;\n --light-color-search-match: yellow;\n --light-color-search-match-current: #f7923b;\n --light-color-selected-tree-highlight-active: rgba(0, 136, 250, 0.1);\n --light-color-selected-tree-highlight-inactive: rgba(0, 0, 0, 0.05);\n --light-color-shadow: rgba(0, 0, 0, 0.25);\n --light-color-tab-selected-border: #0088fa;\n --light-color-text: #000000;\n --light-color-text-invalid: #ff0000;\n --light-color-text-selected: #ffffff;\n --light-color-toggle-background-invalid: #fc3a4b;\n --light-color-toggle-background-on: #0088fa;\n --light-color-toggle-background-off: #cfd1d5;\n --light-color-toggle-text: #ffffff;\n --light-color-tooltip-background: rgba(0, 0, 0, 0.9);\n --light-color-tooltip-text: #ffffff;\n\n /* Dark theme */\n --dark-color-attribute-name: #9d87d2;\n --dark-color-attribute-name-inverted: #282828;\n --dark-color-attribute-value: #cedae0;\n --dark-color-attribute-value-inverted: #ffffff;\n --dark-color-attribute-editable-value: yellow;\n --dark-color-background: #282c34;\n --dark-color-background-hover: rgba(255, 255, 255, 0.1);\n --dark-color-background-inactive: #3d424a;\n --dark-color-background-invalid: #5c0000;\n --dark-color-background-selected: #178fb9;\n --dark-color-button-background: #282c34;\n --dark-color-button-background-focus: #3d424a;\n --dark-color-button: #afb3b9;\n --dark-color-button-active: #61dafb;\n --dark-color-button-disabled: #4f5766;\n --dark-color-button-focus: #a2e9fc;\n --dark-color-button-hover: #ededed;\n --dark-color-border: #3d424a;\n --dark-color-commit-did-not-render-fill: #777d88;\n --dark-color-commit-did-not-render-fill-text: #000000;\n --dark-color-commit-did-not-render-pattern: #666c77;\n --dark-color-commit-did-not-render-pattern-text: #ffffff;\n --dark-color-commit-gradient-0: #37afa9;\n --dark-color-commit-gradient-1: #63b19e;\n --dark-color-commit-gradient-2: #80b393;\n --dark-color-commit-gradient-3: #97b488;\n --dark-color-commit-gradient-4: #abb67d;\n --dark-color-commit-gradient-5: #beb771;\n --dark-color-commit-gradient-6: #cfb965;\n --dark-color-commit-gradient-7: #dfba57;\n --dark-color-commit-gradient-8: #efbb49;\n --dark-color-commit-gradient-9: #febc38;\n --dark-color-commit-gradient-text: #000000;\n --dark-color-component-name: #61dafb;\n --dark-color-component-name-inverted: #282828;\n --dark-color-component-badge-background: rgba(255, 255, 255, 0.25);\n --dark-color-component-badge-background-inverted: rgba(0, 0, 0, 0.25);\n --dark-color-component-badge-count: #8f949d;\n --dark-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);\n --dark-color-context-background: rgba(255,255,255,.9);\n --dark-color-context-background-hover: rgba(0, 136, 250, 0.1);\n --dark-color-context-background-selected: #0088fa;\n --dark-color-context-border: #eeeeee;\n --dark-color-context-text: #000000;\n --dark-color-context-text-selected: #ffffff;\n --dark-color-dim: #8f949d;\n --dark-color-dimmer: #777d88;\n --dark-color-dimmest: #4f5766;\n --dark-color-expand-collapse-toggle: #8f949d;\n --dark-color-modal-background: rgba(0, 0, 0, 0.75);\n --dark-color-record-active: #fc3a4b;\n --dark-color-record-hover: #a2e9fc;\n --dark-color-record-inactive: #61dafb;\n --dark-color-scroll-thumb: #afb3b9;\n --dark-color-scroll-track: #313640;\n --dark-color-search-match: yellow;\n --dark-color-search-match-current: #f7923b;\n --dark-color-selected-tree-highlight-active: rgba(23, 143, 185, 0.15);\n --dark-color-selected-tree-highlight-inactive: rgba(255, 255, 255, 0.05);\n --dark-color-shadow: rgba(0, 0, 0, 0.5);\n --dark-color-tab-selected-border: #178fb9;\n --dark-color-text: #ffffff;\n --dark-color-text-invalid: #ff8080;\n --dark-color-text-selected: #ffffff;\n --dark-color-toggle-background-invalid: #fc3a4b;\n --dark-color-toggle-background-on: #178fb9;\n --dark-color-toggle-background-off: #777d88;\n --dark-color-toggle-text: #ffffff;\n --dark-color-tooltip-background: rgba(255, 255, 255, 0.9);\n --dark-color-tooltip-text: #000000;\n\n /* Font smoothing */\n --light-font-smoothing: auto;\n --dark-font-smoothing: antialiased;\n --font-smoothing: auto;\n\n /* Compact density */\n --compact-font-size-monospace-small: 9px;\n --compact-font-size-monospace-normal: 11px;\n --compact-font-size-monospace-large: 15px;\n --compact-font-size-sans-small: 10px;\n --compact-font-size-sans-normal: 12px;\n --compact-font-size-sans-large: 14px;\n --compact-line-height-data: 18px;\n --compact-root-font-size: 16px;\n\n /* Comfortable density */\n --comfortable-font-size-monospace-small: 10px;\n --comfortable-font-size-monospace-normal: 13px;\n --comfortable-font-size-monospace-large: 17px;\n --comfortable-font-size-sans-small: 12px;\n --comfortable-font-size-sans-normal: 14px;\n --comfortable-font-size-sans-large: 16px;\n --comfortable-line-height-data: 22px;\n --comfortable-root-font-size: 20px;\n\n /* GitHub.com system fonts */\n --font-family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,\n Courier, monospace;\n --font-family-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,\n Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n\n /* Constant values shared between JS and CSS */\n --interaction-commit-size: 10px;\n --interaction-label-width: 200px;\n}\n\n* {\n box-sizing: border-box;\n\n -webkit-font-smoothing: var(--font-smoothing);\n}\n"); /***/ }), /***/ "../../node_modules/react-virtualized-auto-sizer/dist/index.esm.js": /*!******************************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/react-virtualized-auto-sizer/dist/index.esm.js ***! \******************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* WEBPACK VAR INJECTION */(function(global) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); function _typeof(obj) { 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); } /** * Detect Element Resize. * https://github.com/sdecima/javascript-detect-element-resize * Sebastian Decima * * Forked from version 0.5.3; includes the following modifications: * 1) Guard against unsafe 'window' and 'document' references (to support SSR). * 2) Defer initialization code via a top-level function wrapper (to support SSR). * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children. * 4) Add nonce for style element. **/ function createDetectElementResize(nonce) { // Check `document` and `window` in case of server-side rendering var _window; if (typeof window !== 'undefined') { _window = window; } else if (typeof self !== 'undefined') { _window = self; } else { _window = global; } var attachEvent = typeof document !== 'undefined' && document.attachEvent; if (!attachEvent) { var requestFrame = function () { var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) { return _window.setTimeout(fn, 20); }; return function (fn) { return raf(fn); }; }(); var cancelFrame = function () { var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout; return function (id) { return cancel(id); }; }(); var resetTriggers = function resetTriggers(element) { var triggers = element.__resizeTriggers__, expand = triggers.firstElementChild, contract = triggers.lastElementChild, expandChild = expand.firstElementChild; contract.scrollLeft = contract.scrollWidth; contract.scrollTop = contract.scrollHeight; expandChild.style.width = expand.offsetWidth + 1 + 'px'; expandChild.style.height = expand.offsetHeight + 1 + 'px'; expand.scrollLeft = expand.scrollWidth; expand.scrollTop = expand.scrollHeight; }; var checkTriggers = function checkTriggers(element) { return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height; }; var scrollListener = function scrollListener(e) { // Don't measure (which forces) reflow for scrolls that happen inside of children! if (e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) { return; } var element = this; resetTriggers(this); if (this.__resizeRAF__) { cancelFrame(this.__resizeRAF__); } this.__resizeRAF__ = requestFrame(function () { if (checkTriggers(element)) { element.__resizeLast__.width = element.offsetWidth; element.__resizeLast__.height = element.offsetHeight; element.__resizeListeners__.forEach(function (fn) { fn.call(element, e); }); } }); }; /* Detect CSS Animations support to detect element display/re-attach */ var animation = false, keyframeprefix = '', animationstartevent = 'animationstart', domPrefixes = 'Webkit Moz O ms'.split(' '), startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '), pfx = ''; { var elm = document.createElement('fakeelement'); if (elm.style.animationName !== undefined) { animation = true; } if (animation === false) { for (var i = 0; i < domPrefixes.length; i++) { if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) { pfx = domPrefixes[i]; keyframeprefix = '-' + pfx.toLowerCase() + '-'; animationstartevent = startEvents[i]; animation = true; break; } } } } var animationName = 'resizeanim'; var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } '; var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; '; } var createStyles = function createStyles(doc) { if (!doc.getElementById('detectElementResize')) { //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360 var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', head = doc.head || doc.getElementsByTagName('head')[0], style = doc.createElement('style'); style.id = 'detectElementResize'; style.type = 'text/css'; if (nonce != null) { style.setAttribute('nonce', nonce); } if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(doc.createTextNode(css)); } head.appendChild(style); } }; var addResizeListener = function addResizeListener(element, fn) { if (attachEvent) { element.attachEvent('onresize', fn); } else { if (!element.__resizeTriggers__) { var doc = element.ownerDocument; var elementStyle = _window.getComputedStyle(element); if (elementStyle && elementStyle.position == 'static') { element.style.position = 'relative'; } createStyles(doc); element.__resizeLast__ = {}; element.__resizeListeners__ = []; (element.__resizeTriggers__ = doc.createElement('div')).className = 'resize-triggers'; element.__resizeTriggers__.innerHTML = '
' + '
'; element.appendChild(element.__resizeTriggers__); resetTriggers(element); element.addEventListener('scroll', scrollListener, true); /* Listen for a css animation to detect element display/re-attach */ if (animationstartevent) { element.__resizeTriggers__.__animationListener__ = function animationListener(e) { if (e.animationName == animationName) { resetTriggers(element); } }; element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__); } } element.__resizeListeners__.push(fn); } }; var removeResizeListener = function removeResizeListener(element, fn) { if (attachEvent) { element.detachEvent('onresize', fn); } else { element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1); if (!element.__resizeListeners__.length) { element.removeEventListener('scroll', scrollListener, true); if (element.__resizeTriggers__.__animationListener__) { element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__); element.__resizeTriggers__.__animationListener__ = null; } try { element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__); } catch (e) {// Preact compat; see developit/preact-compat/issues/228 } } } }; return { addResizeListener: addResizeListener, removeResizeListener: removeResizeListener }; } var classCallCheck = function classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }; var createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _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; }; var inherits = function inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + _typeof(superClass)); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }; var possibleConstructorReturn = function possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (_typeof(call) === "object" || typeof call === "function") ? call : self; }; var AutoSizer = function (_React$PureComponent) { inherits(AutoSizer, _React$PureComponent); function AutoSizer() { var _ref; var _temp, _this, _ret; classCallCheck(this, AutoSizer); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = AutoSizer.__proto__ || Object.getPrototypeOf(AutoSizer)).call.apply(_ref, [this].concat(args))), _this), _this.state = { height: _this.props.defaultHeight || 0, width: _this.props.defaultWidth || 0 }, _this._onResize = function () { var _this$props = _this.props, disableHeight = _this$props.disableHeight, disableWidth = _this$props.disableWidth, onResize = _this$props.onResize; if (_this._parentNode) { // Guard against AutoSizer component being removed from the DOM immediately after being added. // This can result in invalid style values which can result in NaN values if we don't handle them. // See issue #150 for more context. var _height = _this._parentNode.offsetHeight || 0; var _width = _this._parentNode.offsetWidth || 0; var _style = window.getComputedStyle(_this._parentNode) || {}; var paddingLeft = parseInt(_style.paddingLeft, 10) || 0; var paddingRight = parseInt(_style.paddingRight, 10) || 0; var paddingTop = parseInt(_style.paddingTop, 10) || 0; var paddingBottom = parseInt(_style.paddingBottom, 10) || 0; var newHeight = _height - paddingTop - paddingBottom; var newWidth = _width - paddingLeft - paddingRight; if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) { _this.setState({ height: _height - paddingTop - paddingBottom, width: _width - paddingLeft - paddingRight }); onResize({ height: _height, width: _width }); } } }, _this._setRef = function (autoSizer) { _this._autoSizer = autoSizer; }, _temp), possibleConstructorReturn(_this, _ret); } createClass(AutoSizer, [{ key: 'componentDidMount', value: function componentDidMount() { var nonce = this.props.nonce; if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) { // Delay access of parentNode until mount. // This handles edge-cases where the component has already been unmounted before its ref has been set, // As well as libraries like react-lite which have a slightly different lifecycle. this._parentNode = this._autoSizer.parentNode; // Defer requiring resize handler in order to support server-side rendering. // See issue #41 this._detectElementResize = createDetectElementResize(nonce); this._detectElementResize.addResizeListener(this._parentNode, this._onResize); this._onResize(); } } }, { key: 'componentWillUnmount', value: function componentWillUnmount() { if (this._detectElementResize && this._parentNode) { this._detectElementResize.removeResizeListener(this._parentNode, this._onResize); } } }, { key: 'render', value: function render() { var _props = this.props, children = _props.children, className = _props.className, disableHeight = _props.disableHeight, disableWidth = _props.disableWidth, style = _props.style; var _state = this.state, height = _state.height, width = _state.width; // Outer div should not force width/height since that may prevent containers from shrinking. // Inner component should overflow and use calculated width/height. // See issue #68 for more information. var outerStyle = { overflow: 'visible' }; var childParams = {}; // Avoid rendering children before the initial measurements have been collected. // At best this would just be wasting cycles. var bailoutOnChildren = false; if (!disableHeight) { if (height === 0) { bailoutOnChildren = true; } outerStyle.height = 0; childParams.height = height; } if (!disableWidth) { if (width === 0) { bailoutOnChildren = true; } outerStyle.width = 0; childParams.width = width; } return Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])('div', { className: className, ref: this._setRef, style: _extends({}, outerStyle, style) }, !bailoutOnChildren && children(childParams)); } }]); return AutoSizer; }(react__WEBPACK_IMPORTED_MODULE_0__["PureComponent"]); AutoSizer.defaultProps = { onResize: function onResize() {}, disableHeight: false, disableWidth: false, style: {} }; /* harmony default export */ __webpack_exports__["default"] = (AutoSizer); /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ "../../node_modules/webpack/buildin/global.js"))) /***/ }), /***/ "../../node_modules/setimmediate/setImmediate.js": /*!************************************************************************************!*\ !*** /Users/bvaughn/Documents/git/react/node_modules/setimmediate/setImmediate.js ***! \************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { /* WEBPACK VAR INJECTION */(function(global, process) {(function (global, undefined) { "use strict"; if (global.setImmediate) { return; } var nextHandle = 1; // Spec says greater than zero var tasksByHandle = {}; var currentlyRunningATask = false; var doc = global.document; var registerImmediate; function setImmediate(callback) { // Callback can either be a function or a string if (typeof callback !== "function") { callback = new Function("" + callback); } // Copy function arguments var args = new Array(arguments.length - 1); for (var i = 0; i < args.length; i++) { args[i] = arguments[i + 1]; } // Store and register the task var task = { callback: callback, args: args }; tasksByHandle[nextHandle] = task; registerImmediate(nextHandle); return nextHandle++; } function clearImmediate(handle) { delete tasksByHandle[handle]; } function run(task) { var callback = task.callback; var args = task.args; switch (args.length) { case 0: callback(); break; case 1: callback(args[0]); break; case 2: callback(args[0], args[1]); break; case 3: callback(args[0], args[1], args[2]); break; default: callback.apply(undefined, args); break; } } function runIfPresent(handle) { // From the spec: "Wait until any invocations of this algorithm started before this one have completed." // So if we're currently running a task, we'll need to delay this invocation. if (currentlyRunningATask) { // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a // "too much recursion" error. setTimeout(runIfPresent, 0, handle); } else { var task = tasksByHandle[handle]; if (task) { currentlyRunningATask = true; try { run(task); } finally { clearImmediate(handle); currentlyRunningATask = false; } } } } function installNextTickImplementation() { registerImmediate = function registerImmediate(handle) { process.nextTick(function () { runIfPresent(handle); }); }; } function canUsePostMessage() { // The test against `importScripts` prevents this implementation from being installed inside a web worker, // where `global.postMessage` means something completely different and can't be used for this purpose. if (global.postMessage && !global.importScripts) { var postMessageIsAsynchronous = true; var oldOnMessage = global.onmessage; global.onmessage = function () { postMessageIsAsynchronous = false; }; global.postMessage("", "*"); global.onmessage = oldOnMessage; return postMessageIsAsynchronous; } } function installPostMessageImplementation() { // Installs an event handler on `global` for the `message` event: see // * https://developer.mozilla.org/en/DOM/window.postMessage // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages var messagePrefix = "setImmediate$" + Math.random() + "$"; var onGlobalMessage = function onGlobalMessage(event) { if (event.source === global && typeof event.data === "string" && event.data.indexOf(messagePrefix) === 0) { runIfPresent(+event.data.slice(messagePrefix.length)); } }; if (global.addEventListener) { global.addEventListener("message", onGlobalMessage, false); } else { global.attachEvent("onmessage", onGlobalMessage); } registerImmediate = function registerImmediate(handle) { global.postMessage(messagePrefix + handle, "*"); }; } function installMessageChannelImplementation() { var channel = new MessageChannel(); channel.port1.onmessage = function (event) { var handle = event.data; runIfPresent(handle); }; registerImmediate = function registerImmediate(handle) { channel.port2.postMessage(handle); }; } function installReadyStateChangeImplementation() { var html = doc.documentElement; registerImmediate = function registerImmediate(handle) { // Create a