coreui/dist/coreui.js

Platform Core UI

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("react"), require("react-dom"));
	else if(typeof define === 'function' && define.amd)
		define([, ], factory);
	else if(typeof exports === 'object')
		exports["CoreUI"] = factory(require("react"), require("react-dom"));
	else
		root["CoreUI"] = factory(root["React"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_58__) {
return /******/ (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] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = 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;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.localizers = exports.TextInput = exports.Tabs = exports.Table = exports.SelectListInput = exports.NumberPickerInput = exports.MultiselectInput = exports.Modal = exports.Label = exports.Form = exports.DropdownListInput = exports.DateTimePickerInput = exports.ComboboxInput = exports.CalendarInput = exports.Button = undefined;\n\nvar _Button = __webpack_require__(1);\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nvar _CalendarInput = __webpack_require__(54);\n\nvar _CalendarInput2 = _interopRequireDefault(_CalendarInput);\n\nvar _ComboboxInput = __webpack_require__(61);\n\nvar _ComboboxInput2 = _interopRequireDefault(_ComboboxInput);\n\nvar _DateTimePickerInput = __webpack_require__(64);\n\nvar _DateTimePickerInput2 = _interopRequireDefault(_DateTimePickerInput);\n\nvar _DropdownListInput = __webpack_require__(67);\n\nvar _DropdownListInput2 = _interopRequireDefault(_DropdownListInput);\n\nvar _Form = __webpack_require__(70);\n\nvar _Form2 = _interopRequireDefault(_Form);\n\nvar _Label = __webpack_require__(89);\n\nvar _Label2 = _interopRequireDefault(_Label);\n\nvar _Modal = __webpack_require__(92);\n\nvar _Modal2 = _interopRequireDefault(_Modal);\n\nvar _MultiselectInput = __webpack_require__(101);\n\nvar _MultiselectInput2 = _interopRequireDefault(_MultiselectInput);\n\nvar _NumberPickerInput = __webpack_require__(104);\n\nvar _NumberPickerInput2 = _interopRequireDefault(_NumberPickerInput);\n\nvar _SelectListInput = __webpack_require__(107);\n\nvar _SelectListInput2 = _interopRequireDefault(_SelectListInput);\n\nvar _Table = __webpack_require__(110);\n\nvar _Table2 = _interopRequireDefault(_Table);\n\nvar _Tabs = __webpack_require__(116);\n\nvar _Tabs2 = _interopRequireDefault(_Tabs);\n\nvar _TextInput = __webpack_require__(72);\n\nvar _TextInput2 = _interopRequireDefault(_TextInput);\n\nvar _localizers = __webpack_require__(125);\n\nvar _localizers2 = _interopRequireDefault(_localizers);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.Button = _Button2.default;\nexports.CalendarInput = _CalendarInput2.default;\nexports.ComboboxInput = _ComboboxInput2.default;\nexports.DateTimePickerInput = _DateTimePickerInput2.default;\nexports.DropdownListInput = _DropdownListInput2.default;\nexports.Form = _Form2.default;\nexports.Label = _Label2.default;\nexports.Modal = _Modal2.default;\nexports.MultiselectInput = _MultiselectInput2.default;\nexports.NumberPickerInput = _NumberPickerInput2.default;\nexports.SelectListInput = _SelectListInput2.default;\nexports.Table = _Table2.default;\nexports.Tabs = _Tabs2.default;\nexports.TextInput = _TextInput2.default;\nexports.localizers = _localizers2.default;\nexports.default = {\n  Button: _Button2.default, CalendarInput: _CalendarInput2.default, ComboboxInput: _ComboboxInput2.default, DateTimePickerInput: _DateTimePickerInput2.default,\n  DropdownListInput: _DropdownListInput2.default, Form: _Form2.default, Label: _Label2.default, Modal: _Modal2.default, MultiselectInput: _MultiselectInput2.default,\n  NumberPickerInput: _NumberPickerInput2.default, SelectListInput: _SelectListInput2.default, Table: _Table2.default, Tabs: _Tabs2.default, TextInput: _TextInput2.default,\n  localizers: _localizers2.default\n};\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/index.js\n// module id = 0\n// module chunks = 0\n//# sourceURL=webpack:///./src/index.js?");

/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = undefined;\n\nvar _Button = __webpack_require__(2);\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Button2.default;\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Button/index.js\n// module id = 1\n// module chunks = 0\n//# sourceURL=webpack:///./src/components/Button/index.js?");

/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(3);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Shared = __webpack_require__(4);\n\nvar _Shared2 = _interopRequireDefault(_Shared);\n\nvar _Button = __webpack_require__(43);\n\nvar _Button2 = _interopRequireDefault(_Button);\n\nvar _dedupe = __webpack_require__(44);\n\nvar _dedupe2 = _interopRequireDefault(_dedupe);\n\nvar _mapProps = __webpack_require__(45);\n\nvar _mapProps2 = _interopRequireDefault(_mapProps);\n\nvar _ramda = __webpack_require__(53);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _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; }\n\nvar systemStyles = {};\n\nvar ButtonContainer = (0, _mapProps2.default)(function (_ref) {\n  var actionType = _ref.actionType,\n      className = _ref.className,\n      sheet = _ref.sheet,\n      style = _ref.style,\n      theme = _ref.theme,\n      rest = _objectWithoutProperties(_ref, ['actionType', 'className', 'sheet', 'style', 'theme']);\n\n  return _extends({\n    className: (0, _dedupe2.default)(sheet.classes.button, sheet.classes[actionType], theme.classes.button, theme.classes[actionType], className),\n    style: (0, _ramda.merge)(theme.styles.button, theme.styles[actionType], style)\n  }, rest);\n})('button');\n\nvar StyledButton = _Shared2.default.injectSheet(systemStyles)(ButtonContainer);\n\nvar Button = function Button(props) {\n  return _react2.default.createElement(\n    StyledButton,\n    props,\n    props.children\n  );\n};\n\nvar classes = _Button2.default.classes;\nvar options = _Button2.default.options;\nvar styles = _Button2.default.styles;\n\nButton.defaultProps = {\n  actionType: 'default',\n  theme: { classes: classes, options: options, styles: styles }\n};\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  actionType: _react.PropTypes.oneOf(['default', 'link', 'primary', 'secondary']),\n  children: _react.PropTypes.node,\n  className: _react.PropTypes.string,\n  onClick: _react.PropTypes.func,\n  theme: _react.PropTypes.oneOfType([_react.PropTypes.bool, _react.PropTypes.object]),\n  type: _react.PropTypes.oneOf(['button', 'reset', 'submit'])\n};\n\n_Shared2.default.registerComponent('Button', Button);\n\nexports.default = Button;\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/Button/Button.js\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/components/Button/Button.js?");

/***/ },
/* 3 */
/***/ function(module, exports) {

	eval("module.exports = __WEBPACK_EXTERNAL_MODULE_3__;\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"root\":\"React\",\"commonjs\":\"react\",\"commonjs2\":\"react\"}\n// module id = 3\n// module chunks = 0\n//# sourceURL=webpack:///external_%7B%22root%22:%22React%22,%22commonjs%22:%22react%22,%22commonjs2%22:%22react%22%7D?");

/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _jss = __webpack_require__(5);\n\nvar _jssPresetDefault = __webpack_require__(25);\n\nvar _jssPresetDefault2 = _interopRequireDefault(_jssPresetDefault);\n\nvar _reactJss = __webpack_require__(39);\n\nvar _reactWidgets = __webpack_require__(41);\n\nvar _reactWidgets2 = _interopRequireDefault(_reactWidgets);\n\nvar _apolloWidgets = __webpack_require__(42);\n\nvar _apolloWidgets2 = _interopRequireDefault(_apolloWidgets);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar Shared = function Shared() {\n  var _this = this;\n\n  _classCallCheck(this, Shared);\n\n  this.attachReactWidgetsSheet = function () {\n    _this.jss.createStyleSheet(_reactWidgets2.default, { named: false }).attach();\n  };\n\n  this.attachApolloWidgetsSheet = function () {\n    _this.jss.createStyleSheet(_apolloWidgets2.default, { named: false }).attach();\n  };\n\n  this.getRegisteredComponents = function () {\n    return _this.importedComponents;\n  };\n\n  this.registerComponent = function (name, component) {\n    _this.importedComponents[name] = component;\n  };\n\n  this.importedComponents = {};\n\n  this.jss = (0, _jss.create)();\n  this.injectSheet = (0, _reactJss.create)(this.jss);\n  this.jss.setup((0, _jssPresetDefault2.default)());\n\n  // temporary instance for react-widgets sheet to workaround css-vendor content escaping issues\n  // this.rwjss = create();\n\n  this.attachReactWidgetsSheet();\n  this.attachApolloWidgetsSheet();\n};\n\nvar SharedInst = new Shared();\n\nexports.default = SharedInst;\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/Shared.js\n// module id = 4\n// module chunks = 0\n//# sourceURL=webpack:///./src/Shared.js?");

/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.Rule = exports.StyleSheet = exports.Jss = undefined;\nexports.create = create;\n\nvar _Jss = __webpack_require__(6);\n\nvar _Jss2 = _interopRequireDefault(_Jss);\n\nvar _StyleSheet = __webpack_require__(7);\n\nvar _StyleSheet2 = _interopRequireDefault(_StyleSheet);\n\nvar _Rule = __webpack_require__(16);\n\nvar _Rule2 = _interopRequireDefault(_Rule);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// For testing only.\nexports.Jss = _Jss2.default;\nexports.StyleSheet = _StyleSheet2.default;\nexports.Rule = _Rule2.default;\n\n/**\n * Creates a new instance of Jss.\n *\n * @see Jss\n * @api public\n */\n/**\n * A better abstraction over CSS.\n *\n * @copyright Oleg Slobodskoi 2014-present\n * @website https://github.com/cssinjs/jss\n * @license MIT\n */\n\nfunction create(options) {\n  return new _Jss2.default(options);\n}\n\nexports.default = create();\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/index.js\n// module id = 5\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/index.js?");

/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol ? \"symbol\" : typeof obj; };\n\nvar _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; };\n\nvar _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; }; }();\n\nvar _StyleSheet = __webpack_require__(7);\n\nvar _StyleSheet2 = _interopRequireDefault(_StyleSheet);\n\nvar _PluginsRegistry = __webpack_require__(23);\n\nvar _PluginsRegistry2 = _interopRequireDefault(_PluginsRegistry);\n\nvar _SheetsRegistry = __webpack_require__(24);\n\nvar _SheetsRegistry2 = _interopRequireDefault(_SheetsRegistry);\n\nvar _createRule2 = __webpack_require__(15);\n\nvar _createRule3 = _interopRequireDefault(_createRule2);\n\nvar _findRenderer = __webpack_require__(8);\n\nvar _findRenderer2 = _interopRequireDefault(_findRenderer);\n\nvar _utils = __webpack_require__(17);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * Main Jss class.\n *\n * @api public\n */\nvar Jss = function () {\n  /**\n   * Create a jss instance to allow local setup.\n   *\n   * @see .setup()\n   */\n  function Jss(options) {\n    _classCallCheck(this, Jss);\n\n    this.sheets = new _SheetsRegistry2.default();\n    this.plugins = new _PluginsRegistry2.default();\n    this.version = '5.5.5';\n    this.setup(options);\n  }\n\n  /**\n   * Setup JSS.\n   *\n   * Options:\n   * - `generateClassName` accepts a styles string and a Rule instance.\n   * - `plugins`\n   *\n   * @param {Object} options\n   * @return {Jss}\n   * @api public\n   */\n\n\n  _createClass(Jss, [{\n    key: 'setup',\n    value: function setup() {\n      var _this = this;\n\n      var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];\n\n      this.generateClassName = options.generateClassName || _utils.generateClassName;\n      if (options.plugins) {\n        options.plugins.forEach(function (plugin) {\n          _this.use(plugin);\n        });\n      }\n      return this;\n    }\n\n    /**\n     * Create a style sheet.\n     *\n     * @see StyleSheet\n     * @api public\n     */\n\n  }, {\n    key: 'createStyleSheet',\n    value: function createStyleSheet(rules, options) {\n      var sheet = new _StyleSheet2.default(rules, _extends({}, options, { jss: this }));\n      this.sheets.add(sheet);\n      return sheet;\n    }\n\n    /**\n     * Detach the style sheet and remove it from the registry.\n     *\n     * @param {StyleSheet} sheet\n     * @api public\n     */\n\n  }, {\n    key: 'removeStyleSheet',\n    value: function removeStyleSheet(sheet) {\n      sheet.detach();\n      this.sheets.remove(sheet);\n      return this;\n    }\n\n    /**\n     * Create a rule.\n     *\n     * @see createRule\n     * @api public\n     */\n\n  }, {\n    key: 'createRule',\n    value: function createRule(selector, style, options) {\n      // Enable rule without selector.\n      if ((typeof selector === 'undefined' ? 'undefined' : _typeof(selector)) == 'object') {\n        options = style;\n        style = selector;\n        selector = null;\n      }\n      var rule = (0, _createRule3.default)(selector, style, _extends({\n        jss: this,\n        Renderer: (0, _findRenderer2.default)(options)\n      }, options));\n      this.plugins.run(rule);\n      return rule;\n    }\n\n    /**\n     * Register plugin. Passed function will be invoked with a rule instance.\n     *\n     * @param {Function} plugins\n     * @return {Jss}\n     * @api public\n     */\n\n  }, {\n    key: 'use',\n    value: function use() {\n      var _this2 = this;\n\n      for (var _len = arguments.length, plugins = Array(_len), _key = 0; _key < _len; _key++) {\n        plugins[_key] = arguments[_key];\n      }\n\n      plugins.forEach(function (plugin) {\n        return _this2.plugins.use(plugin);\n      });\n      return this;\n    }\n  }]);\n\n  return Jss;\n}();\n\nexports.default = Jss;\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/Jss.js\n// module id = 6\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/Jss.js?");

/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; };\n\nvar _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; }; }();\n\nvar _findRenderer = __webpack_require__(8);\n\nvar _findRenderer2 = _interopRequireDefault(_findRenderer);\n\nvar _RulesContainer = __webpack_require__(14);\n\nvar _RulesContainer2 = _interopRequireDefault(_RulesContainer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * StyleSheet model.\n *\n * Options:\n *\n * - `media` media query - attribute of style element.\n * - `meta` meta information about this style - attribute of style element, for e.g. you could pass\n * component name for easier debugging.\n * - `named` true by default - keys are names, selectors will be generated, if false - keys are\n * global selectors.\n * - `link` link jss `Rule` instances with DOM `CSSRule` instances so that styles, can be modified\n * dynamically, false by default because it has some performance cost.\n * - `element` style element, will create one by default\n *\n * @param {Object} [rules] object with selectors and declarations\n * @param {Object} [options]\n * @api public\n */\nvar StyleSheet = function () {\n  function StyleSheet(rules, options) {\n    _classCallCheck(this, StyleSheet);\n\n    var named = options.named == null ? true : options.named;\n    var index = typeof options.index === 'number' ? options.index : 0;\n    var Renderer = (0, _findRenderer2.default)(options);\n\n    // Rules registry for access by .getRule() method.\n    // It contains the same rule registered by name and by class name.\n    this.rules = Object.create(null);\n    this.attached = false;\n    this.deployed = false;\n    this.linked = false;\n    this.classes = Object.create(null);\n    this.renderer = new Renderer(options);\n    this.renderer.createElement();\n    this.options = _extends({}, options, {\n      sheet: this,\n      parent: this,\n      classes: this.classes,\n      renderer: this.renderer,\n      named: named,\n      index: index,\n      Renderer: Renderer\n    });\n    this.rules = new _RulesContainer2.default(this.options);\n\n    for (var name in rules) {\n      this.rules.createAndRegister(name, rules[name]);\n    }\n\n    options.jss.plugins.run(this.rules.getIndex());\n  }\n\n  /**\n   * Attach renderable to the render tree.\n   *\n   * @api public\n   * @return {StyleSheet}\n   */\n\n\n  _createClass(StyleSheet, [{\n    key: 'attach',\n    value: function attach() {\n      if (this.attached) return this;\n      if (!this.deployed) this.deploy();\n      this.renderer.attach();\n      if (!this.linked && this.options.link) this.link();\n      this.attached = true;\n      return this;\n    }\n\n    /**\n     * Remove renderable from render tree.\n     *\n     * @return {StyleSheet}\n     * @api public\n     */\n\n  }, {\n    key: 'detach',\n    value: function detach() {\n      if (!this.attached) return this;\n      this.renderer.detach();\n      this.attached = false;\n      return this;\n    }\n\n    /**\n     * Add a rule to the current stylesheet. Will insert a rule also after the stylesheet\n     * has been rendered first time.\n     *\n     * Options:\n     *   - `index` rule position, will be pushed at the end if undefined.\n     *\n     * @param {String} [name] can be selector or name if ´options.named is true\n     * @param {Object} style property/value hash\n     * @param {Object} [options]\n     * @return {Rule}\n     * @api public\n     */\n\n  }, {\n    key: 'addRule',\n    value: function addRule(name, style, options) {\n      var queue = this.queue;\n\n      // Plugins can create rules.\n      // In order to preserve the right order, we need to queue all `.addRule` calls,\n      // which happen after the first `rules.create()` call.\n\n      if (this.attached && !queue) this.queue = [];\n\n      var rule = this.rules.create(name, style, options);\n\n      if (this.attached) {\n        if (!this.deployed) return rule;\n        // Don't insert rule directly if there is no stringified version yet.\n        // It will be inserted all together when .attach is called.\n        if (queue) queue.push(rule);else {\n          var renderable = this.renderer.insertRule(rule);\n          if (this.options.link) rule.renderable = renderable;\n          if (this.queue) {\n            this.queue.forEach(this.renderer.insertRule, this.renderer);\n            this.queue = null;\n          }\n        }\n        return rule;\n      }\n\n      // We can't add rules to a detached style node.\n      // We will redeploy the sheet once user will attach it.\n      this.deployed = false;\n\n      return rule;\n    }\n\n    /**\n     * Create rules, will render also after stylesheet was rendered the first time.\n     *\n     * @param {Object} rules name:style hash.\n     * @param {Object} [options]\n     * @return {Array} array of added rules\n     * @api public\n     */\n\n  }, {\n    key: 'addRules',\n    value: function addRules(rules, options) {\n      var added = [];\n      for (var name in rules) {\n        added.push(this.addRule(name, rules[name], options));\n      }\n      return added;\n    }\n\n    /**\n     * Get a rule.\n     *\n     * @see RulesContainer.get()\n     * @api public\n     */\n\n  }, {\n    key: 'getRule',\n    value: function getRule(nameOrSelector) {\n      return this.rules.get(nameOrSelector);\n    }\n\n    /**\n     * Delete a rule.\n     *\n     * @param {String} rule selector or name\n     * @return {Boolean} true if rule has been deleted from the DOM.\n     * @api public\n     */\n\n  }, {\n    key: 'deleteRule',\n    value: function deleteRule(nameOrSelector) {\n      var rule = this.rules.get(nameOrSelector);\n\n      if (!rule) return false;\n\n      this.rules.remove(rule);\n\n      if (this.attached) {\n        return this.renderer.deleteRule(rule.renderable);\n      }\n\n      return true;\n    }\n\n    /**\n     * Get index of a rule.\n     *\n     * @see RulesContainer.indexOf()\n     * @api public\n     */\n\n  }, {\n    key: 'indexOf',\n    value: function indexOf(rule) {\n      return this.rules.indexOf(rule);\n    }\n\n    /**\n     * Convert rules to a CSS string.\n     *\n     * @see RulesContainer.toString()\n     * @api public\n     */\n\n  }, {\n    key: 'toString',\n    value: function toString(options) {\n      return this.rules.toString(options);\n    }\n\n    /**\n     * Deploy pure CSS string to a renderable.\n     *\n     * @return {StyleSheet}\n     * @api private\n     */\n\n  }, {\n    key: 'deploy',\n    value: function deploy() {\n      this.renderer.deploy(this);\n      this.deployed = true;\n      return this;\n    }\n\n    /**\n     * Link renderable CSS rules with their corresponding models.\n     *\n     * @return {StyleSheet}\n     * @api private\n     */\n\n  }, {\n    key: 'link',\n    value: function link() {\n      var renderables = this.renderer.getRules();\n      for (var selector in renderables) {\n        var rule = this.rules.get(selector);\n        if (rule) rule.renderable = renderables[selector];\n      }\n      this.linked = true;\n      return this;\n    }\n  }]);\n\n  return StyleSheet;\n}();\n\nexports.default = StyleSheet;\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/StyleSheet.js\n// module id = 7\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/StyleSheet.js?");

/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = findRenderer;\n\nvar _DomRenderer = __webpack_require__(9);\n\nvar _DomRenderer2 = _interopRequireDefault(_DomRenderer);\n\nvar _VirtualRenderer = __webpack_require__(12);\n\nvar _VirtualRenderer2 = _interopRequireDefault(_VirtualRenderer);\n\nvar _isBrowser = __webpack_require__(13);\n\nvar _isBrowser2 = _interopRequireDefault(_isBrowser);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * Find proper renderer.\n * Option `virtual` is used to force use of VirtualRenderer even if DOM is\n * detected, used for testing only.\n *\n * @param {Object} options\n * @return {Renderer}\n * @api private\n */\nfunction findRenderer() {\n  var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];\n\n  if (options.Renderer) return options.Renderer;\n  return options.virtual || !_isBrowser2.default ? _VirtualRenderer2.default : _DomRenderer2.default;\n}\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/findRenderer.js\n// module id = 8\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/findRenderer.js?");

/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; }; }();\n\nvar _warning = __webpack_require__(10);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * DOM rendering backend for StyleSheet.\n *\n * @api private\n */\nvar DomRenderer = function () {\n  function DomRenderer(options) {\n    _classCallCheck(this, DomRenderer);\n\n    this.options = options;\n  }\n\n  /**\n   * Create and ref style element.\n   *\n   * @api private\n   */\n\n\n  _createClass(DomRenderer, [{\n    key: 'createElement',\n    value: function createElement() {\n      var _options = this.options;\n      var media = _options.media;\n      var meta = _options.meta;\n      var element = _options.element;\n\n      this.head = document.head || document.getElementsByTagName('head')[0];\n      this.element = element || document.createElement('style');\n      this.element.type = 'text/css';\n      this.element.setAttribute('data-jss', '');\n      if (media) this.element.setAttribute('media', media);\n      if (meta) this.element.setAttribute('data-meta', meta);\n    }\n\n    /**\n     * Get or set a style property.\n     *\n     * @param {CSSStyleRule} element\n     * @param {String} name\n     * @param {String} [value]\n     * @return {String|Boolean}\n     * @api private\n     */\n\n  }, {\n    key: 'style',\n    value: function style(CSSStyleRule, name, value) {\n      try {\n        // It is a getter.\n        if (value == null) return CSSStyleRule.style[name];\n        CSSStyleRule.style[name] = value;\n      } catch (err) {\n        // IE may throw if property is unknown.\n        return false;\n      }\n      return true;\n    }\n\n    /**\n     * Get or set the selector.\n     *\n     * @param {CSSStyleRule} CSSStyleRule\n     * @param {String} [selectorText]\n     * @return {String|Boolean}\n     * @api private\n     */\n\n  }, {\n    key: 'selector',\n    value: function selector(CSSStyleRule, selectorText) {\n      // It is a getter.\n      if (selectorText == null) return CSSStyleRule.selectorText;\n\n      CSSStyleRule.selectorText = selectorText;\n\n      // Return false if setter was not successful.\n      // Currently works in chrome only.\n      return CSSStyleRule.selectorText === selectorText;\n    }\n\n    /**\n     * Insert style element into render tree.\n     *\n     * @api private\n     */\n\n  }, {\n    key: 'attach',\n    value: function attach() {\n      // In the case the element node is external and it is already in the DOM.\n      if (this.element.parentNode) return;\n\n      var anchorEl = null;\n\n      var _options2 = this.options;\n      var index = _options2.index;\n      var jss = _options2.jss;\n      var registry = jss.sheets.registry;\n\n\n      if (registry.length > 1) {\n        // Try to insert by index if set\n        if (typeof index === 'number') {\n          for (var i = 0; i < registry.length; i++) {\n            var sheet = registry[i];\n            if (!sheet.attached || typeof sheet.options.index !== 'number' || sheet.options.index <= index) continue;\n            anchorEl = sheet.renderer.element;\n            break;\n          }\n        }\n\n        // Otherwise insert after the last attached\n        if (!anchorEl) {\n          for (var _i = registry.length - 1; _i >= 0; _i--) {\n            var _sheet = registry[_i];\n            if (_sheet.attached) {\n              anchorEl = _sheet.renderer.element.nextElementSibling;\n              break;\n            }\n          }\n        }\n      }\n\n      if (!anchorEl) {\n        // Try find a comment placeholder if registry is empty\n        for (var _i2 = 0; _i2 < this.head.childNodes.length; _i2++) {\n          var el = this.head.childNodes[_i2];\n          if (el.nodeValue === 'jss') {\n            anchorEl = el;\n            break;\n          }\n        }\n      }\n\n      this.head.insertBefore(this.element, anchorEl);\n    }\n\n    /**\n     * Remove style element from render tree.\n     *\n     * @api private\n     */\n\n  }, {\n    key: 'detach',\n    value: function detach() {\n      this.element.parentNode.removeChild(this.element);\n    }\n\n    /**\n     * Inject CSS string into element.\n     *\n     * @param {String} cssStr\n     * @api private\n     */\n\n  }, {\n    key: 'deploy',\n    value: function deploy(sheet) {\n      this.element.textContent = '\\n' + sheet.toString() + '\\n';\n    }\n\n    /**\n     * Insert a rule into element.\n     *\n     * @param {Rule} rule\n     * @return {CSSStyleRule}\n     * @api private\n     */\n\n  }, {\n    key: 'insertRule',\n    value: function insertRule(rule) {\n      var sheet = this.element.sheet;\n      var cssRules = sheet.cssRules;\n\n      var index = cssRules.length;\n      try {\n        sheet.insertRule(rule.toString(), index);\n      } catch (err) {\n        (0, _warning2.default)(false, '[JSS] Can not insert an unsupported rule \\n\\r%s', rule.toString());\n      }\n      return cssRules[index];\n    }\n\n    /**\n     * Delete a rule.\n     *\n     * @param {CSSStyleRule} rule\n     * @return {Boolean} true if the rule was deleted\n     * @api private\n     */\n\n  }, {\n    key: 'deleteRule',\n    value: function deleteRule(CSSStyleRule) {\n      var sheet = this.element.sheet;\n      var cssRules = sheet.cssRules;\n\n      for (var index = 0; index < cssRules.length; index++) {\n        if (CSSStyleRule === cssRules[index]) {\n          sheet.deleteRule(index);\n          return true;\n        }\n      }\n      return false;\n    }\n\n    /**\n     * Get all rules elements.\n     *\n     * @return {Object} rules map, where key is selector, CSSStyleRule is value.\n     * @api private\n     */\n\n  }, {\n    key: 'getRules',\n    value: function getRules() {\n      var cssRules = this.element.sheet.cssRules;\n\n      var rules = Object.create(null);\n      for (var index = 0; index < cssRules.length; index++) {\n        var CSSStyleRule = cssRules[index];\n        rules[CSSStyleRule.selectorText] = CSSStyleRule;\n      }\n      return rules;\n    }\n  }]);\n\n  return DomRenderer;\n}();\n\nexports.default = DomRenderer;\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/backends/DomRenderer.js\n// module id = 9\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/backends/DomRenderer.js?");

/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {

	eval("/* WEBPACK VAR INJECTION */(function(process) {/**\n * Copyright 2014-2015, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\n'use strict';\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar warning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  warning = function(condition, format, args) {\n    var len = arguments.length;\n    args = new Array(len > 2 ? len - 2 : 0);\n    for (var key = 2; key < len; key++) {\n      args[key - 2] = arguments[key];\n    }\n    if (format === undefined) {\n      throw new Error(\n        '`warning(condition, format, ...args)` requires a warning ' +\n        'message argument'\n      );\n    }\n\n    if (format.length < 10 || (/^[s\\W]*$/).test(format)) {\n      throw new Error(\n        'The warning format should be able to uniquely identify this ' +\n        'warning. Please, use a more descriptive format than: ' + format\n      );\n    }\n\n    if (!condition) {\n      var argIndex = 0;\n      var message = 'Warning: ' +\n        format.replace(/%s/g, function() {\n          return args[argIndex++];\n        });\n      if (typeof console !== 'undefined') {\n        console.error(message);\n      }\n      try {\n        // This error was thrown as a convenience so that you can use this stack\n        // to find the callsite that caused this warning to fire.\n        throw new Error(message);\n      } catch(x) {}\n    }\n  };\n}\n\nmodule.exports = warning;\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(11)))\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/warning/browser.js\n// module id = 10\n// module chunks = 0\n//# sourceURL=webpack:///./~/warning/browser.js?");

/***/ },
/* 11 */
/***/ function(module, exports) {

	eval("// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things.  But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals.  It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n    throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n    throw new Error('clearTimeout has not been defined');\n}\n(function () {\n    try {\n        if (typeof setTimeout === 'function') {\n            cachedSetTimeout = setTimeout;\n        } else {\n            cachedSetTimeout = defaultSetTimout;\n        }\n    } catch (e) {\n        cachedSetTimeout = defaultSetTimout;\n    }\n    try {\n        if (typeof clearTimeout === 'function') {\n            cachedClearTimeout = clearTimeout;\n        } else {\n            cachedClearTimeout = defaultClearTimeout;\n        }\n    } catch (e) {\n        cachedClearTimeout = defaultClearTimeout;\n    }\n} ())\nfunction runTimeout(fun) {\n    if (cachedSetTimeout === setTimeout) {\n        //normal enviroments in sane situations\n        return setTimeout(fun, 0);\n    }\n    // if setTimeout wasn't available but was latter defined\n    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n        cachedSetTimeout = setTimeout;\n        return setTimeout(fun, 0);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedSetTimeout(fun, 0);\n    } catch(e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n            return cachedSetTimeout.call(null, fun, 0);\n        } catch(e){\n            // 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\n            return cachedSetTimeout.call(this, fun, 0);\n        }\n    }\n\n\n}\nfunction runClearTimeout(marker) {\n    if (cachedClearTimeout === clearTimeout) {\n        //normal enviroments in sane situations\n        return clearTimeout(marker);\n    }\n    // if clearTimeout wasn't available but was latter defined\n    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n        cachedClearTimeout = clearTimeout;\n        return clearTimeout(marker);\n    }\n    try {\n        // when when somebody has screwed with setTimeout but no I.E. maddness\n        return cachedClearTimeout(marker);\n    } catch (e){\n        try {\n            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally\n            return cachedClearTimeout.call(null, marker);\n        } catch (e){\n            // 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.\n            // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n            return cachedClearTimeout.call(this, marker);\n        }\n    }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n    if (!draining || !currentQueue) {\n        return;\n    }\n    draining = false;\n    if (currentQueue.length) {\n        queue = currentQueue.concat(queue);\n    } else {\n        queueIndex = -1;\n    }\n    if (queue.length) {\n        drainQueue();\n    }\n}\n\nfunction drainQueue() {\n    if (draining) {\n        return;\n    }\n    var timeout = runTimeout(cleanUpNextTick);\n    draining = true;\n\n    var len = queue.length;\n    while(len) {\n        currentQueue = queue;\n        queue = [];\n        while (++queueIndex < len) {\n            if (currentQueue) {\n                currentQueue[queueIndex].run();\n            }\n        }\n        queueIndex = -1;\n        len = queue.length;\n    }\n    currentQueue = null;\n    draining = false;\n    runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n    var args = new Array(arguments.length - 1);\n    if (arguments.length > 1) {\n        for (var i = 1; i < arguments.length; i++) {\n            args[i - 1] = arguments[i];\n        }\n    }\n    queue.push(new Item(fun, args));\n    if (queue.length === 1 && !draining) {\n        runTimeout(drainQueue);\n    }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n    this.fun = fun;\n    this.array = array;\n}\nItem.prototype.run = function () {\n    this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\n\nprocess.binding = function (name) {\n    throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n    throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/process/browser.js\n// module id = 11\n// module chunks = 0\n//# sourceURL=webpack:///./~/process/browser.js?");

/***/ },
/* 12 */
/***/ function(module, exports) {

	eval("\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * Rendering backend to do nothing in nodejs.\n */\nvar VirtualRenderer = function () {\n  function VirtualRenderer() {\n    _classCallCheck(this, VirtualRenderer);\n  }\n\n  _createClass(VirtualRenderer, [{\n    key: \"createElement\",\n    value: function createElement() {}\n  }, {\n    key: \"style\",\n    value: function style() {}\n  }, {\n    key: \"selector\",\n    value: function selector() {}\n  }, {\n    key: \"attach\",\n    value: function attach() {}\n  }, {\n    key: \"detach\",\n    value: function detach() {}\n  }, {\n    key: \"deploy\",\n    value: function deploy() {}\n  }, {\n    key: \"insertRule\",\n    value: function insertRule() {}\n  }, {\n    key: \"deleteRule\",\n    value: function deleteRule() {}\n  }, {\n    key: \"getRules\",\n    value: function getRules() {\n      return {};\n    }\n  }]);\n\n  return VirtualRenderer;\n}();\n\nexports.default = VirtualRenderer;\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/jss/lib/backends/VirtualRenderer.js\n// module id = 12\n// module chunks = 0\n//# sourceURL=webpack:///./~/jss/lib/backends/VirtualRenderer.js?");

/***/ },
/* 13 */
/***/ function(module, exports) {

	eval("module.exports = true;\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/is-browser/client.js\n// module id = 13\n// module chunks = 0\n//# sourceURL=webpack:///./~/is-browser/client.js?");

/***/ },
/* 14 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _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; };\n\nvar _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; }; }();\n\nvar _createRule = __webpack_require__(15);\n\nvar _createRule2 = _interopRequireDefault(_createRule);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * Contains rules objects and allows adding/removing etc.\n * Is used by containers liks StyleSheet or ConditionalRule.\n *\n * @api public\n */\nvar RulesContainer = function () {\n  function RulesContainer(options) {\n    _classCallCheck(this, RulesContainer);\n\n    // Rules registry for access by .get() method.\n    // It contains the same rule registered by name and by class name.\n    this.map = Object.create(null);\n    // Used to ensure correct rules order.\n    this.index = [];\n    this.options = options;\n    // Default object is needed when rule is created without a sheet.\n    this.classes = options.classes || {};\n  }\n\n  /**\n   * Create and register rule, run plugins.\n   *\n   * Will not render after style sheet was rendered the first time.\n   * Will link the rule in `this.rules`.\n   *\n   * @see createRule\n   * @api public\n   */\n\n\n  _createClass(RulesContainer, [{\n    key: 'create',\n    value: function create(name, style, options) {\n      var rule = this.createAndRegister(name, style, options);\n      this.options.jss.plugins.run(rule);\n      return rule;\n    }\n\n    /**\n     * Delete a rule.\n     *\n     * @param {String} rule selector or name\n     * @return {Boolean} true if rule has been deleted from the DOM.\n     * @api public\n     */\n\n  }, {\n    key: 'remove',\n    value: function remove(rule) {\n      this.unregister(rule);\n      this.index.splice(this.indexOf(rule), 1);\n    }\n\n    /**\n     * Get a rule.\n     *\n     * @param {String} nameOrSelector can be selector or name if `named` option is true.\n     * @return {Rule}\n     * @api public\n     */\n\n  }, {\n    key: 'get',\n    value: function get(nameOrSelector) {\n      return this.map[nameOrSelector];\n    }\n\n    /**\n     * Get index of a rule.\n     *\n     * @param {Rule} rule\n     * @return {Number}\n     * @api public\n     */\n\n  }, {\n    key: 'indexOf',\n    value: function indexOf(rule) {\n      return this.index.indexOf(rule);\n    }\n\n    /**\n     * Register a rule in `.map` and `.classes` maps.\n     *\n     * @param {Rule} rule\n     * @api public\n     */\n\n  }, {\n    key: 'register',\n    value: function register(rule) {\n      if (rule.name) this.map[rule.name] = rule;\n      if (rule.className && rule.name) this.classes[rule.name] = rule.className;\n      if (rule.selector) this.map[rule.selector] = rule;\n      return this;\n    }\n\n    /**\n     * Unregister a rule.\n     *\n     * @param {Rule} rule\n     * @api public\n     */\n\n  }, {\n    key: 'unregister',\n    value: function unregister(rule) {\n      delete this.map[rule.name];\n      delete this.map[rule.selector];\n      delete this.classes[rule.name];\n      return this;\n    }\n\n    /**\n     * Convert rules to a CSS string.\n     *\n     * @param {Object} options\n     * @return {String}\n     * @api public\n     */\n\n  }, {\n    key: 'toString',\n    value: function toString(options) {\n      var str = '';\n\n      for (var index = 0; index < this.index.length; index++) {\n        var rule = this.index[index];\n        var css = rule.toString(options);\n\n        if (!css) continue;\n\n        if (str) str += '\\n';\n        str += css;\n      }\n\n      return str;\n    }\n\n    /**\n     * Returns a cloned index of rules.\n     * We need this because if we modify the index somewhere else during a loop\n     * we end up with very hard-to-track-down side effects.\n     *\n     * @return {Array}\n     * @api public\n     */\n\n  }, {\n    key: 'getIndex',\n    value: function getIndex() {\n