{this.props.sampleTitle || 'Sample'}
\n \n
\n );\n }\n}\n\nexport default Description;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Description/Description.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport radium from 'radium';\nimport merge from 'lodash/merge';\n\nimport {\n getType,\n getReference,\n findElement,\n} from '../../Modules/ElementUtils/ElementUtils';\n\nimport { MONO_FONT_FAMILY } from '../../Constants/fonts';\n\nclass Type extends React.Component {\n static propTypes = {\n type: PropTypes.string,\n reference: PropTypes.string,\n element: PropTypes.object,\n onClick: PropTypes.func,\n style: PropTypes.object,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n onElementLinkClick: PropTypes.func,\n dereferencedDataStructures: PropTypes.array,\n };\n\n get style() {\n const { TYPE_COLOR } = this.context.theme;\n\n const style = {\n type: {\n width: '100%',\n fontFamily: MONO_FONT_FAMILY,\n fontWeight: 'regular',\n fontSize: '13px',\n color: TYPE_COLOR,\n lineHeight: '13px',\n },\n reference: {\n width: '100%',\n fontFamily: MONO_FONT_FAMILY,\n fontWeight: 'regular',\n fontSize: '13px',\n color: TYPE_COLOR,\n textDecoration: 'underline',\n cursor: 'pointer',\n\n ':hover': {\n textDecoration: 'none',\n },\n },\n };\n\n return merge(style, this.props.style || {});\n }\n\n handleClick = (event) => {\n const reference = getReference(this.props.element);\n const element = findElement(reference, this.context.dereferencedDataStructures);\n\n if (this.context.onElementLinkClick) {\n return this.context.onElementLinkClick(\n element.meta.id, element, event\n );\n }\n\n return null;\n }\n\n render() {\n if (this.props.reference) {\n return (\n \n {this.props.type}\n
\n );\n }\n\n if (this.props.element) {\n const type = getType(this.props.element);\n\n if (type) {\n return (\n \n {type}\n
\n );\n }\n }\n\n return null;\n }\n}\n\nexport default radium(Type);\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Type/Type.js","import dedent from 'dedent';\n\nfunction MissingCacheObjectException(element) {\n this.name = 'MissingCacheObjectException';\n\n this.message = dedent`\n The element is missing the ‘cache’ object. Please check that the the Refract \\\n tree has been preprocessed. Element is ‘${JSON.stringify(element, null, 2)}’.\n `;\n}\n\nMissingCacheObjectException.prototype = new Error;\n\nexport {\n MissingCacheObjectException,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Exceptions/MissingCacheObject.js","var g;\r\n\r\n// This works in non-strict mode\r\ng = (function() {\r\n\treturn this;\r\n})();\r\n\r\ntry {\r\n\t// This works if eval is allowed (see CSP)\r\n\tg = g || Function(\"return this\")() || (1,eval)(\"this\");\r\n} catch(e) {\r\n\t// This works if the window reference is available\r\n\tif(typeof window === \"object\")\r\n\t\tg = window;\r\n}\r\n\r\n// g can still be undefined, but nothing to do about it...\r\n// We return undefined, instead of nothing here, so it's\r\n// easier to handle this case. if(!global) { ...}\r\n\r\nmodule.exports = g;\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// (webpack)/buildin/global.js\n// module id = 34\n// module chunks = 0","var listCacheClear = require('./_listCacheClear'),\n listCacheDelete = require('./_listCacheDelete'),\n listCacheGet = require('./_listCacheGet'),\n listCacheHas = require('./_listCacheHas'),\n listCacheSet = require('./_listCacheSet');\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nmodule.exports = ListCache;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_ListCache.js\n// module id = 35\n// module chunks = 0","var ListCache = require('./_ListCache'),\n stackClear = require('./_stackClear'),\n stackDelete = require('./_stackDelete'),\n stackGet = require('./_stackGet'),\n stackHas = require('./_stackHas'),\n stackSet = require('./_stackSet');\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n var data = this.__data__ = new ListCache(entries);\n this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nmodule.exports = Stack;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_Stack.js\n// module id = 36\n// module chunks = 0","var eq = require('./eq');\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n}\n\nmodule.exports = assocIndexOf;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_assocIndexOf.js\n// module id = 37\n// module chunks = 0","var baseMatches = require('./_baseMatches'),\n baseMatchesProperty = require('./_baseMatchesProperty'),\n identity = require('./identity'),\n isArray = require('./isArray'),\n property = require('./property');\n\n/**\n * The base implementation of `_.iteratee`.\n *\n * @private\n * @param {*} [value=_.identity] The value to convert to an iteratee.\n * @returns {Function} Returns the iteratee.\n */\nfunction baseIteratee(value) {\n // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.\n // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.\n if (typeof value == 'function') {\n return value;\n }\n if (value == null) {\n return identity;\n }\n if (typeof value == 'object') {\n return isArray(value)\n ? baseMatchesProperty(value[0], value[1])\n : baseMatches(value);\n }\n return property(value);\n}\n\nmodule.exports = baseIteratee;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_baseIteratee.js\n// module id = 38\n// module chunks = 0","var isKeyable = require('./_isKeyable');\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nmodule.exports = getMapData;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_getMapData.js\n// module id = 39\n// module chunks = 0","var eq = require('./eq'),\n isArrayLike = require('./isArrayLike'),\n isIndex = require('./_isIndex'),\n isObject = require('./isObject');\n\n/**\n * Checks if the given arguments are from an iteratee call.\n *\n * @private\n * @param {*} value The potential iteratee value argument.\n * @param {*} index The potential iteratee index or key argument.\n * @param {*} object The potential iteratee object argument.\n * @returns {boolean} Returns `true` if the arguments are from an iteratee call,\n * else `false`.\n */\nfunction isIterateeCall(value, index, object) {\n if (!isObject(object)) {\n return false;\n }\n var type = typeof index;\n if (type == 'number'\n ? (isArrayLike(object) && isIndex(index, object.length))\n : (type == 'string' && index in object)\n ) {\n return eq(object[index], value);\n }\n return false;\n}\n\nmodule.exports = isIterateeCall;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_isIterateeCall.js\n// module id = 40\n// module chunks = 0","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n var Ctor = value && value.constructor,\n proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n return value === proto;\n}\n\nmodule.exports = isPrototype;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_isPrototype.js\n// module id = 41\n// module chunks = 0","var getNative = require('./_getNative');\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nmodule.exports = nativeCreate;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_nativeCreate.js\n// module id = 42\n// module chunks = 0","var isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar INFINITY = 1 / 0;\n\n/**\n * Converts `value` to a string key if it's not a string or symbol.\n *\n * @private\n * @param {*} value The value to inspect.\n * @returns {string|symbol} Returns the key.\n */\nfunction toKey(value) {\n if (typeof value == 'string' || isSymbol(value)) {\n return value;\n }\n var result = (value + '');\n return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;\n}\n\nmodule.exports = toKey;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/_toKey.js\n// module id = 43\n// module chunks = 0","var baseIsArguments = require('./_baseIsArguments'),\n isObjectLike = require('./isObjectLike');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nvar isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n !propertyIsEnumerable.call(value, 'callee');\n};\n\nmodule.exports = isArguments;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/isArguments.js\n// module id = 44\n// module chunks = 0","var baseIsTypedArray = require('./_baseIsTypedArray'),\n baseUnary = require('./_baseUnary'),\n nodeUtil = require('./_nodeUtil');\n\n/* Node.js helper references. */\nvar nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n/**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\nvar isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\nmodule.exports = isTypedArray;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/isTypedArray.js\n// module id = 45\n// module chunks = 0","var arrayLikeKeys = require('./_arrayLikeKeys'),\n baseKeysIn = require('./_baseKeysIn'),\n isArrayLike = require('./isArrayLike');\n\n/**\n * Creates an array of the own and inherited enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keysIn(new Foo);\n * // => ['a', 'b', 'c'] (iteration order is not guaranteed)\n */\nfunction keysIn(object) {\n return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);\n}\n\nmodule.exports = keysIn;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/keysIn.js\n// module id = 46\n// module chunks = 0","var arrayMap = require('./_arrayMap'),\n baseIteratee = require('./_baseIteratee'),\n baseMap = require('./_baseMap'),\n isArray = require('./isArray');\n\n/**\n * Creates an array of values by running each element in `collection` thru\n * `iteratee`. The iteratee is invoked with three arguments:\n * (value, index|key, collection).\n *\n * Many lodash methods are guarded to work as iteratees for methods like\n * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.\n *\n * The guarded methods are:\n * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,\n * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,\n * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,\n * `template`, `trim`, `trimEnd`, `trimStart`, and `words`\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The function invoked per iteration.\n * @returns {Array} Returns the new mapped array.\n * @example\n *\n * function square(n) {\n * return n * n;\n * }\n *\n * _.map([4, 8], square);\n * // => [16, 64]\n *\n * _.map({ 'a': 4, 'b': 8 }, square);\n * // => [16, 64] (iteration order is not guaranteed)\n *\n * var users = [\n * { 'user': 'barney' },\n * { 'user': 'fred' }\n * ];\n *\n * // The `_.property` iteratee shorthand.\n * _.map(users, 'user');\n * // => ['barney', 'fred']\n */\nfunction map(collection, iteratee) {\n var func = isArray(collection) ? arrayMap : baseMap;\n return func(collection, baseIteratee(iteratee, 3));\n}\n\nmodule.exports = map;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/lodash/map.js\n// module id = 47\n// module chunks = 0","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radium from 'radium';\nimport merge from 'lodash/merge';\n\nimport { Value } from '../Value/Value';\nimport Column from '../Column/Column';\nimport Row from '../Row/Row';\nimport SampleToggle from '../SampleToggle/SampleToggle';\n\n@Radium\nclass Sample extends React.Component {\n static propTypes = {\n style: PropTypes.object,\n element: PropTypes.object,\n sample: PropTypes.object,\n title: PropTypes.string,\n collapseByDefault: PropTypes.bool,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n isExpanded: false,\n };\n }\n\n handleExpandCollapse = () => {\n this.setState({\n isExpanded: !this.state.isExpanded,\n });\n };\n\n get style() {\n const styles = {\n row: {\n width: '100%',\n },\n value: {\n base: {\n marginTop: '4px',\n marginBottom: '4px',\n },\n },\n };\n\n return merge(styles, this.props.style || {});\n }\n\n render() {\n return (\n \n {\n map(inheritedProperties, (group, groupIndex) => (\n \n {\n group.components\n }\n \n ))\n }\n\n {\n map(includedProperties, (group, groupIndex) => (\n \n {\n group.components\n }\n \n ))\n }\n\n \n\n {\n map(ownProperties, (group, groupIndex) => (\n \n {\n group.components\n }\n \n ))\n }\n
\n );\n }\n\n return (\n \n {\n map(ownOrIncludedProperties, (group, groupIndex) => (\n \n {\n group.components\n }\n \n ))\n }\n\n {\n map(inheritedProperties, (group, groupIndex) => (\n \n {\n group.components\n }\n \n ))\n }\n
\n );\n }\n}\n\nexport default ObjectProperties;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/ObjectProperties/ObjectProperties.js","import Radium from 'radium';\nimport React from 'react';\nimport ReactDom from 'react-dom';\nimport PropTypes from 'prop-types';\nimport merge from 'lodash/merge';\nimport random from 'lodash/random';\nimport Column from '../Column/Column';\nimport Key from '../Key/Key';\nimport Requirement from '../Requirement/Requirement';\n\nimport {\n isStructured,\n containsStructuredElement,\n containsSelectElement,\n} from '../../Modules/ElementUtils/ElementUtils';\n\n@Radium\nclass KeyColumn extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n keyWidth: PropTypes.number,\n onClick: PropTypes.func,\n parentElement: PropTypes.object,\n reportKeyWidth: PropTypes.func,\n style: PropTypes.object,\n };\n\n static contextTypes = {\n eventEmitter: PropTypes.object,\n };\n\n componentDidMount = () => {\n // After the component has been mounted, we can align the keys (the component\n // is in the DOM, it's possible to get the `clientWidth`).\n this.alignKey();\n\n // Everytime the `alignKeys` event is emitted, we'll re-align the keys.\n if (this.context.eventEmitter) {\n if (this.props.parentElement.meta && this.props.parentElement.meta.id) {\n this.subscription = this.context.eventEmitter.addListener(\n `${this.props.parentElement.meta.id}:alignKey`,\n this.alignKey\n );\n }\n }\n };\n\n componentWillUnmount = () => {\n if (this.subscription) {\n this.subscription.remove();\n }\n };\n\n alignKey = () => {\n let keyIdentifier;\n\n if (this.props.element.meta && this.props.element.meta.id) {\n keyIdentifier = this.props.element.meta.id;\n } else {\n keyIdentifier = random(0, 1000000);\n }\n\n const keyDomNode = ReactDom.findDOMNode(this.refs.key);\n\n if (keyDomNode) {\n this.props.reportKeyWidth(keyIdentifier, keyDomNode.clientWidth);\n }\n };\n\n get style() {\n const style = {\n base: {},\n };\n\n if (isStructured(this.props.element)) {\n style.base.marginLeft = '0px';\n } else {\n if (containsStructuredElement(this.props.parentElement)) {\n if (this.props.element.meta._nestedLevel === 0) {\n if (containsSelectElement(this.props.parentElement)) {\n style.base.marginLeft = '42px';\n } else {\n style.base.marginLeft = '20px';\n }\n } else {\n if (containsSelectElement(this.props.parentElement)) {\n style.base.marginLeft = '42px';\n } else {\n style.base.marginLeft = '30px';\n }\n }\n } else {\n style.base.marginLeft = '30px';\n }\n }\n\n style.base.marginRight = '40px';\n\n let keyWidth;\n\n if (this.props.keyWidth) {\n keyWidth = `${this.props.keyWidth}px`;\n }\n\n if (keyWidth) {\n style.base.width = keyWidth;\n style.base.minWidth = keyWidth;\n style.base.maxWidth = keyWidth;\n } else {\n style.base.width = 'auto';\n style.base.minWidth = null;\n style.base.maxWidth = null;\n }\n\n return merge(style, this.props.style || {});\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n\nexport default radium(Ruler);\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Ruler/Ruler.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radium from 'radium';\nimport merge from 'lodash/merge';\nimport isEmpty from 'lodash/isEmpty';\n\nimport Row from '../Row/Row';\nimport Column from '../Column/Column';\n\nimport SelectOption from '../SelectOption/SelectOption';\n\n@Radium\nclass Select extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n parentElement: PropTypes.object,\n keyWidth: PropTypes.number,\n reportKeyWidth: PropTypes.func,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n eventEmitter: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n isExpanded: true,\n };\n\n this.keyWidthsIndex = {};\n };\n\n get style() {\n const style = {\n column: {\n width: '2px',\n backgroundColor: this.context.theme.SELECT_LINE_COLOR,\n },\n };\n\n return merge(style, {});\n };\n\n handleExpandCollapse = () => {\n this.setState({\n isExpanded: !this.state.isExpanded,\n });\n };\n\n renderOptions() {\n return this.props.element.content.map((element, index) =>\n \n \n {this.props.children}\n
\n \n {\n this.state.title &&\n
\n );\n };\n}\n\nexport default Attributes;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Attributes/Attributes.js","// A safe way to slugify values. If the input is null, undefined, or\n// some other error happens downstream, we simply return `unknown`.\n'use strict';\n\nvar _createClass = require('babel-runtime/helpers/create-class')['default'];\n\nvar _classCallCheck = require('babel-runtime/helpers/class-call-check')['default'];\n\nfunction safeSlug() {\n var value = arguments.length <= 0 || arguments[0] === undefined ? 'unknown' : arguments[0];\n\n return encodeURIComponent(value).toLowerCase().replace(/[!'()*]/g, function (x) {\n return '%' + x.charCodeAt(0).toString(16);\n }) // RFC 3986 & https://developer.mozilla.org/cs/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent\n .replace(/%20|%2520/g, '-'); // Swap (encoded) spaces for hyphens\n}\n\nvar Abagnale = (function () {\n function Abagnale(options) {\n _classCallCheck(this, Abagnale);\n\n this.options = options;\n\n if (this.options === undefined) {\n this.options = {};\n }\n\n if (this.options.separator === undefined) {\n this.options.separator = '.';\n }\n\n if (this.options.uriSeparator === undefined) {\n this.options.uriSeparator = '/';\n }\n\n this.cache = {};\n }\n\n /*\n Get a unique ID, given an input ID as a base. If it has already been used,\n then a number (starting at `2`) is appended until an unused ID is found.\n Returns the first available ID.\n */\n\n _createClass(Abagnale, [{\n key: 'getUnique',\n value: function getUnique(id) {\n var number = 2;\n\n if (this.cache[id] === undefined) {\n this.cache[id] = true;\n return id;\n }\n\n var name = id + '-' + number;\n while (this.cache[name]) {\n number++;\n name = id + '-' + number;\n }\n\n this.cache[name] = true;\n return name;\n }\n\n /*\n Get a key for an array element or object member. The key can either be\n the index, element name, member key value, element title, or element\n class name depending on what makes the most sense. This can be used to\n give paths like `api.parts.frob.get-a-frob.httptransaction.httpresponse`,\n which is nicer than `category.0.0.0.0.0` when just using array indexes.\n The selected slugified key is returned.\n */\n }, {\n key: 'keyForArray',\n value: function keyForArray(index, refract) {\n var key = undefined;\n\n switch (refract.element) {\n case 'boolean':case 'string':case 'number':case 'array':\n case 'enum':case 'object':\n // Basic types just default to the index value.\n key = index;\n break;\n default:\n // Non-basic types default to the element name, e.g. `resource`.\n key = safeSlug(refract.element);\n }\n\n // If this is a member and the key is a string, use the key value.\n if (refract.content && refract.content.key && refract.content.key.element === 'string') {\n key = safeSlug(refract.content.key.content);\n }\n\n // If there is a title or a *single* class name, use that instead as it\n // should contain more specific and relevant information.\n if (refract.meta) {\n if (refract.meta.title) {\n key = safeSlug(refract.meta.title);\n } else if (refract.meta.classes && refract.meta.classes.length === 1) {\n key = safeSlug(refract.meta.classes[0]);\n }\n }\n\n return key;\n }\n\n /*\n Get an ID for an element, based on the current path, any existing ID,\n and any element class name. An existing ID will trump other values and\n resets the path. Returns the unique ID to use.\n */\n }, {\n key: 'idForElement',\n value: function idForElement(path, refract) {\n var newPath = path;\n\n if (refract.meta) {\n if (refract.meta.id) {\n if (typeof refract.meta.id === 'object') {\n newPath = [refract.meta.id.content];\n } else {\n newPath = [refract.meta.id];\n }\n } else if (path.length === 0 && refract.meta.classes && refract.meta.classes.length === 1) {\n // This is the first item, and it has a class name, so we use that.\n newPath = [refract.meta.classes[0]];\n }\n }\n\n var id = newPath.join(this.options.separator);\n\n if (!id) {\n id = refract.element;\n }\n\n return this.getUnique(id);\n }\n\n /*\n Forge an ID for a single refract structure and any children in-place.\n */\n }, {\n key: 'forgeOne',\n value: function forgeOne(path, refract) {\n if (!refract) {\n return refract;\n }\n\n if (!refract.meta) {\n refract.meta = {};\n }\n\n refract.meta.id = this.idForElement(path, refract);\n\n if (!refract.meta.links) {\n refract.meta.links = [];\n }\n\n if (refract.meta.id && refract.meta.id.split) {\n refract.meta.links.push({\n element: 'link',\n content: {\n relation: 'uri-fragment',\n href: refract.meta.id.split(this.options.separator).map(function (item) {\n return safeSlug(item);\n }).join(this.options.uriSeparator)\n }\n });\n }\n\n // Array like content containing elements?\n if (refract.content && refract.content.length && refract.content[0].element) {\n for (var i = 0; i < refract.content.length; i++) {\n var item = refract.content[i];\n var key = this.keyForArray(i, item);\n var newPath = [refract.meta.id, key].join(this.options.separator);\n\n switch (item.element) {\n case 'ref':\n // Skip includes as the included object will have its own\n // ID already.\n continue;\n case 'member':\n // Probably object members\n this.forgeOne([newPath + '-member'], item);\n this.forgeOne([newPath + '-key'], item.content.key);\n this.forgeOne([newPath], item.content.value);\n break;\n default:\n // Probably array or enum items\n this.forgeOne([newPath], item);\n }\n }\n }\n\n return refract;\n }\n\n /*\n Forge IDs for an array of refract structures.\n */\n }, {\n key: 'forge',\n value: function forge(structures) {\n for (var i = 0; i < structures.length; i++) {\n this.forgeOne([], structures[i]);\n }\n\n return structures;\n }\n }]);\n\n return Abagnale;\n})();\n\nmodule.exports = {\n Abagnale: Abagnale,\n forge: function forge(structures, options) {\n var abagnale = new Abagnale(options);\n return abagnale.forge(structures);\n }\n};\n//# sourceMappingURL=abagnale.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/abagnale/lib/abagnale.js\n// module id = 137\n// module chunks = 0","'use strict';\n\nvar objectAssign = require('object-assign');\n\n// compare and isBuffer taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js\n// original notice:\n\n/*!\n * The buffer module from node.js, for the browser.\n *\n * @author Feross Aboukhadijeh '\n + (escaped ? code : escape(code, true))\n + '\\n'\n + (escaped ? code : escape(code, true))\n + '\\n\\n' + quote + '\\n';\n};\n\nRenderer.prototype.html = function(html) {\n return html;\n};\n\nRenderer.prototype.heading = function(text, level, raw) {\n return '
\\n' : '
\\n';\n};\n\nRenderer.prototype.list = function(body, ordered, start) {\n var type = ordered ? 'ol' : 'ul',\n startatt = (ordered && start !== 1) ? (' start=\"' + start + '\"') : '';\n return '<' + type + startatt + '>\\n' + body + '\\n';\n};\n\nRenderer.prototype.listitem = function(text) {\n return '
' + text + '
\\n';\n};\n\nRenderer.prototype.table = function(header, body) {\n return '' + text + '';\n};\n\nRenderer.prototype.br = function() {\n return this.options.xhtml ? '' : '
';\n};\n\nRenderer.prototype.del = function(text) {\n return '
An error occurred:
'\n + escape(e.message + '', true)\n + '';\n }\n throw e;\n }\n}\n\n/**\n * Options\n */\n\nmarked.options =\nmarked.setOptions = function(opt) {\n merge(marked.defaults, opt);\n return marked;\n};\n\nmarked.defaults = {\n gfm: true,\n tables: true,\n breaks: false,\n pedantic: false,\n sanitize: false,\n sanitizer: null,\n mangle: true,\n smartLists: false,\n silent: false,\n highlight: null,\n langPrefix: 'lang-',\n smartypants: false,\n headerPrefix: '',\n renderer: new Renderer(),\n xhtml: false,\n baseUrl: null\n};\n\n/**\n * Expose\n */\n\nmarked.Parser = Parser;\nmarked.parser = Parser.parse;\n\nmarked.Renderer = Renderer;\nmarked.TextRenderer = TextRenderer;\n\nmarked.Lexer = Lexer;\nmarked.lexer = Lexer.lex;\n\nmarked.InlineLexer = InlineLexer;\nmarked.inlineLexer = InlineLexer.output;\n\nmarked.parse = marked;\n\nif (typeof module !== 'undefined' && typeof exports === 'object') {\n module.exports = marked;\n} else if (typeof define === 'function' && define.amd) {\n define(function() { return marked; });\n} else {\n root.marked = marked;\n}\n})(this || (typeof window !== 'undefined' ? window : global));\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/marked/lib/marked.js\n// module id = 407\n// module chunks = 0","(function(f){if(typeof exports===\"object\"&&typeof module!==\"undefined\"){module.exports=f()}else if(typeof define===\"function\"&&define.amd){define([],f)}else{var g;if(typeof window!==\"undefined\"){g=window}else if(typeof global!==\"undefined\"){g=global}else if(typeof self!==\"undefined\"){g=self}else{g=this}g.minim = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i
\n {this.props.children}\n
\n );\n }\n}\n\nexport default ArrayItems;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/ArrayItems/ArrayItems.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radium from 'radium';\nimport merge from 'lodash/merge';\n\nimport Row from '../Row/Row';\nimport Column from '../Column/Column';\nimport { Value } from '../Value/Value';\nimport SampleToggle from '../SampleToggle/SampleToggle';\n\n@Radium\nclass ArraySample extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n sample: PropTypes.object,\n style: PropTypes.object,\n collapseByDefault: PropTypes.bool,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n isExpanded: false,\n };\n }\n\n handleExpandCollapse = () => {\n this.setState({\n isExpanded: !this.state.isExpanded,\n });\n };\n\n get style() {\n const { BORDER_COLOR } = this.context.theme;\n\n const style = {\n header: {\n background: '#F8F8F9',\n borderLeft: `1px solid ${BORDER_COLOR}`,\n borderRight: `1px solid ${BORDER_COLOR}`,\n paddingTop: '8px',\n paddingBottom: '8px',\n paddingLeft: '8px',\n paddingRight: '8px',\n },\n };\n\n if (!this.state.isExpanded) {\n style.header.borderBottom = `1px solid ${BORDER_COLOR}`;\n }\n\n return merge(style, this.props.style || {});\n }\n\n render() {\n return (\n \n {\n samples.map((sample, index) =>\n
\n );\n }\n}\n\nexport { ArraySamples };\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/ArraySamples/ArraySamples.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radium from 'radium';\nimport merge from 'lodash/merge';\n\nimport { DEFAULT_FONT_FAMILY } from '../../Constants/fonts';\n\n@Radium\nclass Error extends React.Component {\n static propTypes = {\n errorMessage: PropTypes.string,\n style: PropTypes.object,\n };\n\n get style() {\n const style = {\n base: {\n width: '100%',\n height: 'auto',\n color: '#4C5264',\n backgroundColor: '#fff',\n border: '1px solid rgb(213, 222, 237)',\n paddingTop: '10px',\n paddingBottom: '14px',\n paddingLeft: '16px',\n paddingRight: '16px',\n borderRadius: '3px',\n boxShadow: 'rgb(240, 241, 244) 0px 1px 1px 0px',\n },\n title: {\n fontFamily: DEFAULT_FONT_FAMILY,\n fontSize: '18px',\n lineHeight: '150%',\n fontWeight: '600',\n marginBottom: '2px',\n color: '#DD1711',\n },\n text: {\n fontFamily: DEFAULT_FONT_FAMILY,\n fontSize: '16px',\n lineHeight: '125%',\n },\n };\n\n return merge(style, this.props.style || {});\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nexport default Error;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Error/Error.js","import isUndefined from 'lodash/isUndefined';\nimport merge from 'lodash/merge';\nimport Radium from 'radium';\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MONO_FONT_FAMILY } from '../../Constants/fonts';\n\nimport {\n containsStructuredElement,\n} from '../../Modules/ElementUtils/ElementUtils';\n\n@Radium\nclass Key extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n index: PropTypes.number,\n onClick: PropTypes.func,\n style: PropTypes.object,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n };\n\n get style() {\n const { KEY_COLOR } = this.context.theme;\n\n const style = {\n base: {\n width: '100%',\n height: 'auto',\n fontFamily: MONO_FONT_FAMILY,\n fontWeight: '500',\n fontSize: '13px',\n lineHeight: '13px',\n color: KEY_COLOR,\n wordBreak: 'keep-all',\n wordWrap: 'normal',\n },\n };\n\n const isClickable = isUndefined(this.props.index)\n && this.props.element\n && containsStructuredElement(this.props.element);\n\n if (isClickable) {\n style.base.cursor = 'pointer';\n }\n\n return merge(style, this.props.style || {});\n };\n\n get key() {\n if (!isUndefined(this.props.index)) {\n return this.props.index;\n }\n\n if (this.props.element.element === 'member') {\n return this.props.element.content.key.content;\n }\n\n return undefined;\n };\n\n render() {\n if (isUndefined(this.key)) {\n return false;\n }\n\n return (\n Uh-oh, an error occurred!
\n{this.props.errorMessage}
\n\n {text}\n \n \n {this.props.name}\n \n
\n );\n }\n\n renderProperties() {\n const propertiesCount = this.props.children.length;\n\n if (this.props.type === 'inherited' && this.context.inheritedProperties === 'placeholder') {\n return (\n \n \n {propertiesCount} {propertiesCount === 1 ? 'property' : 'properties'}\n \n inherited from \n \n {this.props.name}\n \n
\n );\n }\n\n if (this.props.type === 'included' && this.context.includedProperties === 'placeholder') {\n return (\n \n \n {propertiesCount} {propertiesCount === 1 ? 'property' : 'properties'}\n \n included from \n \n {this.props.name}\n \n
\n );\n }\n\n return (\n \n {this.props.children}\n
\n );\n }\n\n render() {\n return (\n \n {\n (this.props.type === 'inherited' && this.context.inheritedProperties === 'group') &&\n this.renderHeader()\n }\n\n {\n (this.props.type === 'included' && this.context.includedProperties === 'group') &&\n this.renderHeader()\n }\n\n {\n this.renderProperties()\n }\n
\n );\n }\n}\n\nexport default radium(ObjectPropertiesGroup);\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/ObjectPropertiesGroup/ObjectPropertiesGroup.js","import merge from 'lodash/merge';\nimport Radium from 'radium';\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Column from '../Column/Column';\nimport Description from '../Description/Description';\nimport ObjectPropertyDefaults from '../ObjectPropertyDefaults/ObjectPropertyDefaults';\nimport ObjectPropertySamples from '../ObjectPropertySamples/ObjectPropertySamples';\nimport ParentInfoLink from '../ParentInfo/ParentInfoLink';\nimport Row from '../Row/Row';\nimport Type from '../Type/Type';\nimport { Value } from '../Value/Value';\nimport { KeyColumn } from './KeyColumn';\n\nimport {\n hasDefault,\n hasDescription,\n hasSamples,\n hasType,\n hasValue,\n isLastArrayItem,\n isIncluded,\n isInherited,\n} from '../../Modules/ElementUtils/ElementUtils';\n\n@Radium\nclass ObjectProperty extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n index: PropTypes.number,\n parentElement: PropTypes.object,\n reportKeyWidth: PropTypes.func,\n style: PropTypes.object,\n keyWidth: PropTypes.number,\n collapseByDefault: PropTypes.bool,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n eventEmitter: PropTypes.object,\n showMemberParentLinks: PropTypes.bool,\n onElementLinkClick: PropTypes.func,\n includedProperties: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.string,\n ]),\n inheritedProperties: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.string,\n ]),\n };\n\n get style() {\n const {\n BORDER_COLOR,\n ROW_PADDING_TOP,\n ROW_PADDING_BOTTOM,\n } = this.context.theme;\n\n const style = {\n base: {\n borderBottom: `1px solid ${BORDER_COLOR}`,\n paddingTop: ROW_PADDING_TOP,\n paddingBottom: ROW_PADDING_BOTTOM,\n },\n };\n\n if (isLastArrayItem(this.props.parentElement, this.props.index)) {\n style.base.borderBottom = '0px';\n }\n\n if (hasType(this.props.element) && hasDescription(this.props.element)) {\n style.Description = {\n base: {\n marginTop: '6px',\n },\n };\n }\n\n if (hasType(this.props.element) || hasDescription(this.props.element)) {\n style.Value = {\n base: {\n marginTop: '6px',\n },\n };\n }\n\n return merge(style, this.props.style || {});\n };\n\n render() {\n return (\n \n {\n this.props.value.toString()\n }\n
\n );\n }\n\n if (this.props.element) {\n const element = this.props.element;\n let value;\n\n if (isObjectOrArray(element.element)) {\n return false;\n } else if (isMember(element.element)) {\n if (isObjectOrArray(element.content.value.element)) {\n return false;\n } else if (element.content.value.content) {\n value = element.content.value.content;\n } else {\n return false;\n }\n } else if (element.content) {\n value = element.content;\n }\n\n if (!value) {\n return false;\n }\n\n return (\n \n {value.toString()}\n
\n );\n }\n\n return null;\n }\n}\n\nexport { PrimitiveValue };\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/PrimitiveValue/PrimitiveValue.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport radium from 'radium';\n\nimport { DEFAULT_FONT_FAMILY } from '../../Constants/fonts';\n\nclass Requirement extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n };\n\n get requirement() {\n let requirement = ['optional'];\n\n if (this.props.element.attributes) {\n if (this.props.element.attributes.typeAttributes) {\n requirement = this.props.element.attributes.typeAttributes;\n }\n }\n\n return requirement;\n };\n\n get style() {\n const style = {\n base: {\n width: '100%',\n height: 'auto',\n fontFamily: DEFAULT_FONT_FAMILY,\n fontSize: '12px',\n color: '#A7AAB2',\n },\n };\n\n return style;\n };\n\n render() {\n const isRequired = this.requirement[0] === 'required';\n\n if (isRequired) {\n return (\n \n required\n
\n );\n }\n\n return null;\n }\n}\n\nexport default radium(Requirement);\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Requirement/Requirement.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radium from 'radium';\nimport merge from 'lodash/merge';\n\nimport ObjectProperties from '../ObjectProperties/ObjectProperties';\n\nimport { MONO_FONT_FAMILY } from '../../Constants/fonts';\n\n@Radium\nclass SelectOption extends React.Component {\n static propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.object,\n PropTypes.array,\n ]),\n index: PropTypes.number,\n element: PropTypes.object,\n parentElement: PropTypes.object,\n style: PropTypes.object,\n keyWidth: PropTypes.number,\n reportKeyWidth: PropTypes.func,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n };\n\n get style() {\n const style = {\n base: {\n width: '100%',\n height: 'auto',\n },\n content: {\n paddingLeft: '10px',\n },\n separator: {\n position: 'relative',\n width: '100%',\n height: '1px',\n paddingLeft: '10px',\n },\n line: {\n display: 'block',\n width: '100%',\n height: '1px',\n backgroundColor: this.context.theme.BORDER_COLOR,\n },\n tag: {\n width: '20px',\n height: '20px',\n fontSize: '12px',\n display: 'block',\n backgroundColor: this.context.theme.BACKGROUND_COLOR,\n color: this.context.theme.SELECT_TEXT_COLOR,\n fontFamily: MONO_FONT_FAMILY,\n fontWeight: '500',\n textAlign: 'center',\n lineHeight: '20px',\n position: 'absolute',\n top: '-10px',\n left: '-10px',\n },\n };\n\n if (this.props.index === (this.props.parentElement.content.length - 1)) {\n style.separator.display = 'none';\n }\n\n return merge(style, this.props.style);\n };\n\n render() {\n const element = this.props.element;\n element.element = 'object';\n\n return (\n \n
\n );\n };\n}\n\nexport default SelectOption;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SelectOption/SelectOption.js","import isEmpty from 'lodash/isEmpty';\nimport merge from 'lodash/merge';\nimport Radium from 'radium';\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { DEFAULT_FONT_FAMILY } from '../../Constants/fonts';\n\n@Radium\nclass Title extends React.Component {\n static propTypes = {\n element: PropTypes.object,\n style: PropTypes.object,\n };\n\n static contextTypes = {\n theme: PropTypes.object,\n };\n\n get style() {\n const { VALUE_COLOR } = this.context.theme;\n const style = {\n base: {\n paddingBottom: '10px',\n },\n text: {\n fontFamily: DEFAULT_FONT_FAMILY,\n fontSize: '18px',\n color: VALUE_COLOR,\n },\n };\n\n return merge(style, this.props.style || {});\n }\n\n render() {\n if (!this.props.element) {\n return null;\n }\n\n if (isEmpty(this.props.element.meta)) {\n return null;\n }\n\n if (!this.props.element.meta.id) {\n return null;\n }\n\n return (\n \n
\n\n \n OR\n \n
\n \n
\n );\n }\n}\n\nexport default Title;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Title/Title.js","import isEmpty from 'lodash/isEmpty';\n\nfunction isLastArrayItem(arrayElement, currentArrayItemIndex) {\n if (!arrayElement || typeof currentArrayItemIndex === 'undefined') {\n return false;\n }\n\n const numberOfArrayItems = arrayElement.content.length;\n\n return (numberOfArrayItems - 1) === currentArrayItemIndex;\n}\n\nfunction hasItems(element) {\n if (!element) {\n return false;\n }\n\n return !isEmpty(element.content);\n}\n\nexport {\n isLastArrayItem,\n hasItems,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/array.js","import { MissingCacheObjectException } from '../../Exceptions/MissingCacheObject';\nimport { isMember } from './type';\nimport isUndefined from 'lodash/isUndefined';\n\n\nfunction hasDefault(element) {\n if (!element) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException(element);\n }\n\n if (isMember(element) && !isUndefined(element.content.value)) {\n return element.content.value.cache.hasDefault;\n }\n\n return element.cache.hasDefault;\n}\n\nexport {\n hasDefault,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/defaultValue.js","import { MissingCacheObjectException } from '../../Exceptions/MissingCacheObject';\n\nfunction hasDescription(element) {\n if (!element) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException(element);\n }\n\n return element.cache.hasDescription;\n}\n\nexport {\n hasDescription,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/description.js","import isEmpty from 'lodash/isEmpty';\nimport every from 'lodash/every';\nimport sift from 'sift';\n\nconst INHERITED_MEMBER_QUERY = {\n $or: [\n {\n 'meta.links': {\n href: 'http://refract.link/inherited-member/',\n relation: 'origin',\n },\n },\n {\n 'meta.links': {\n href: 'http://refract.link/inherited/',\n relation: 'origin',\n },\n },\n ],\n};\n\n/**\n * Returns `true` if the element has been inherited from a parent element.\n */\nfunction isInherited(element) {\n if (!element) {\n return false;\n }\n\n const results = sift(INHERITED_MEMBER_QUERY, [element]);\n return results.length > 0;\n}\n\nconst INCLUDED_MEMBER_QUERY = {\n 'meta.links': {\n href: 'http://refract.link/included-member/',\n relation: 'origin',\n },\n};\n\n/**\n * Returns `true` if the element has been included via `+ Include` construct.\n */\nfunction isIncluded(element) {\n if (!element) {\n return false;\n }\n\n const results = sift(INCLUDED_MEMBER_QUERY, [element]);\n return results.length > 0;\n}\n\n\nfunction getReference(element) {\n if (!element || !element.content || !element.content.value) {\n return null;\n }\n\n const nestedElement = element.content.value;\n\n if (!nestedElement) {\n return null;\n }\n\n if (isEmpty(nestedElement.content)) {\n return null;\n }\n\n let ref;\n\n const isElementReferenced = every(nestedElement.content, (childElement) => {\n if (!childElement.meta || !childElement.meta.ref) {\n return false;\n }\n\n if (!ref) {\n ref = childElement.meta.ref;\n return true;\n }\n\n return childElement.meta.ref === ref;\n });\n\n if (isElementReferenced && ref) {\n return ref;\n }\n\n return null;\n}\n\nfunction isReferenced(element) {\n return !!getReference(element);\n}\n\nexport {\n getReference,\n isIncluded,\n isInherited,\n isReferenced,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/inheritance.js","import isEmpty from 'lodash/isEmpty';\n\nfunction hasProperties(element) {\n if (!element) {\n return false;\n }\n\n return !isEmpty(element.content);\n}\n\nexport {\n hasProperties,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/object.js","import isEmpty from 'lodash/isEmpty';\nimport sift from 'sift';\n\nfunction findElement(elementId, dataStructures) {\n const query = {\n 'meta.id': elementId,\n };\n\n const results = sift(query, dataStructures);\n\n if (isEmpty(results)) {\n return null;\n }\n\n return results[0];\n}\n\nfunction findParent(elementId, dataStructures) {\n const element = findElement(elementId, dataStructures);\n\n return findElement(element.meta.ref, dataStructures);\n}\n\nexport {\n findElement,\n findParent,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/query.js","import { MissingCacheObjectException } from '../../Exceptions/MissingCacheObject';\n\nfunction hasSamples(element) {\n if (!element) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException();\n }\n\n return element.cache.hasSamples;\n}\n\nexport {\n hasSamples,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/samples.js","import some from 'lodash/some';\nimport { MissingCacheObjectException } from '../../Exceptions/MissingCacheObject';\n\nfunction containsSelectElement(element) {\n if (!element || !element.content) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException(element);\n }\n\n return some(element.content, (nestedElement) =>\n nestedElement.cache.isSelect\n );\n}\n\nfunction containsStructuredElement(element) {\n if (!element) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException(element);\n }\n\n return element.cache.containsStructuredElement;\n}\n\nfunction isStructured(element) {\n if (!element) {\n return false;\n }\n\n if (!element.cache) {\n throw new MissingCacheObjectException(element);\n }\n\n return element.cache.isStructured;\n}\n\nexport {\n containsSelectElement,\n containsStructuredElement,\n isStructured,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/structuredElement.js","import isUndefined from 'lodash/isUndefined';\n\nimport { isObjectOrArray, isMember } from './type';\n\nfunction hasValue(element) {\n if (!element) {\n return false;\n }\n\n if (isObjectOrArray(element)) {\n return false;\n }\n\n if (isUndefined(element.content)) {\n return false;\n }\n\n if (isMember(element.element)) {\n if (!isUndefined(element.content.value) && isObjectOrArray(element.content.value)) {\n return false;\n }\n\n if (isUndefined(element.content.value)) {\n return false;\n }\n\n if (isUndefined(element.content.value.content)) {\n return false;\n }\n }\n\n return true;\n}\n\nexport {\n hasValue,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/ElementUtils/value.js","/*\n * Refract Preprocessor\n * Adds useful shortcut information and otherwise processes refract structures\n * so that rendering elements via React components is simpler.\n */\nimport isEmpty from 'lodash/isEmpty';\nimport isArray from 'lodash/isArray';\nimport isObject from 'lodash/isObject';\n\nimport map from 'lodash/map';\n\nimport * as contains from './contains';\nimport * as has from './has';\nimport * as is from './is';\n\nfunction processElement(refract) {\n if (refract.cache) {\n // This item has already been preprocessed!\n // You can force reprocessing by deleting `refract.cache`.\n return;\n }\n\n // First, set various things on the element\n has.defaultValue(refract);\n has.samples(refract);\n has.description(refract);\n\n is.arrayType(refract);\n is.enumType(refract);\n is.selectType(refract);\n is.objectType(refract);\n\n is.included(refract);\n is.inherited(refract);\n\n is.structured(refract);\n is.referenced(refract);\n\n // Then, see if it has children and process each of the children as well!\n if (refract.content) {\n if (refract.element === 'member' && refract.content.value) {\n // This is a member of an object\n processElement(refract.content.value);\n } else if (refract.content.length && refract.content[0].element) {\n // This is an array of items\n for (const item of refract.content) {\n processElement(item);\n }\n }\n }\n\n // This must be done *AFTER* all children are processed, because it\n // depends on values set in the loop above.\n contains.structuredElement(refract);\n\n // Then, see if it the element has any samples and process them as well!\n if (refract.attributes && !isEmpty(refract.attributes.samples)) {\n refract.attributes.samples = map(refract.attributes.samples, (sample) => {\n if (isArray(sample)) {\n return map(sample, (sampleElement) => {\n processElement(sampleElement);\n return sampleElement;\n });\n }\n\n if (isObject(sample)) {\n processElement(sample);\n return sample;\n }\n\n return sample;\n });\n }\n\n if (refract.attributes && refract.attributes.default) {\n processElement(refract.attributes.default);\n }\n}\n\nexport class Preprocessor {\n constructor(refract) {\n this.refract = refract;\n }\n\n process() {\n processElement(this.refract);\n\n return this;\n }\n\n value() {\n return this.refract;\n }\n\n /*\n * Sorts inherited members either as the first members or the last members.\n * This sort is stable. Passing `head` as `true` puts inherited members first,\n * otherwise they go last.\n */\n sortInherited(head = true) {\n if (this.refract && this.refract.content && this.refract.content.length) {\n const inherited = [];\n const others = [];\n\n let result;\n\n // We are not using `array.sort(...)` because it may not be stable!\n // The order of items matters because we want to keep the order\n // that was given by the user - it may have semantic meaning.\n for (const item of this.refract.content) {\n if (item.cache && item.cache.isInherited) {\n inherited.push(item);\n } else {\n others.push(item);\n }\n }\n\n if (head) {\n result = inherited.concat(others);\n } else {\n result = others.concat(inherited);\n }\n\n this.refract.content = result;\n }\n\n return this;\n }\n}\n\nexport function preprocess(refract) {\n return new Preprocessor(refract).process().value();\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/Preprocessor/Preprocessor.js","import { setCache } from './utilities';\n\n// This assumes that `cache.isStructured` has already\n// been set on any child elements!\nexport function structuredElement(refract) {\n let containsStructured = false;\n\n if (refract && refract.content && refract.content.length) {\n for (const item of refract.content) {\n if (item.cache && item.cache.isStructured) {\n containsStructured = true;\n break;\n }\n }\n }\n\n setCache(refract, 'containsStructuredElement', containsStructured);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/Preprocessor/contains.js","import isEmpty from 'lodash/isEmpty';\nimport { setCache } from './utilities';\nimport {\n isMember,\n} from '../../Modules/ElementUtils/ElementUtils';\n\nexport function defaultValue(refract) {\n let hasDefault = false;\n\n if (refract && refract.attributes && refract.attributes.default !== undefined) {\n hasDefault = true;\n }\n\n setCache(refract, 'hasDefault', hasDefault);\n}\n\nexport function samples(refract) {\n let hasSamples = false;\n\n if (refract && refract.attributes && !isEmpty(refract.attributes.samples)) {\n hasSamples = true;\n }\n\n setCache(refract, 'hasSamples', hasSamples);\n}\n\nexport function description(refract) {\n let hasDescription = false;\n\n if (refract && refract.meta && refract.meta.description) {\n hasDescription = true;\n } else if (isMember(refract) && refract.content) {\n const value = refract.content.value;\n if (value && value.meta && value.meta.description) {\n hasDescription = true;\n }\n }\n\n setCache(refract, 'hasDescription', hasDescription);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/Preprocessor/has.js","import every from 'lodash/every';\nimport isEmpty from 'lodash/isEmpty';\nimport sift from 'sift';\n\nimport { TYPES } from '../../Resources/types';\nimport { QUERIES } from '../../Resources/queries';\nimport { setCache } from './utilities';\n\nconst { includedMember, inheritedMember } = QUERIES;\n\nfunction isType(refract, type) {\n let result = false;\n\n if (refract) {\n if (refract === type) {\n result = true;\n }\n\n if (refract.element === type) {\n result = true;\n } else if (refract.element === 'member') {\n // This is a member of an object, so we really care about the\n // type of its value, e.g. `string` rather than `member`.\n if (refract.content && refract.content.value && refract.content.value.element === type) {\n result = true;\n }\n }\n }\n\n return result;\n}\n\nexport function arrayType(refract) {\n setCache(refract, 'isArray', isType(refract, TYPES.ARRAY));\n}\n\nexport function enumType(refract) {\n setCache(refract, 'isEnum', isType(refract, TYPES.ENUM));\n}\n\nexport function selectType(refract) {\n setCache(refract, 'isSelect', isType(refract, TYPES.SELECT));\n}\n\nexport function objectType(refract) {\n setCache(refract, 'isObject', isType(refract, TYPES.OBJECT));\n}\n\nexport function included(refract) {\n const results = sift(includedMember.query, [refract]);\n const isIncluded = results.length > 0;\n\n setCache(refract, 'isIncluded', isIncluded);\n}\n\nexport function inherited(refract) {\n const results = sift(inheritedMember.query, [refract]);\n const isInherited = results.length > 0;\n\n setCache(refract, 'isInherited', isInherited);\n}\n\n// Note: this check depends on the type checks above to have\n// been run first!\nexport function structured(refract) {\n const isStructured =\n refract.cache.isObject || refract.cache.isArray ||\n refract.cache.isEnum || refract.cache.isSelect;\n setCache(refract, 'isStructured', isStructured);\n}\n\nexport function referenced(refract) {\n let isReferenced = false;\n\n if (refract && refract.content && refract.content.value) {\n const nestedElement = refract.content.value;\n\n if (!isEmpty(nestedElement.content)) {\n let ref;\n\n isReferenced = every(nestedElement.content, (childElement) => {\n if (!childElement.meta || !childElement.meta.ref) {\n return false;\n }\n\n if (!ref) {\n ref = childElement.meta.ref;\n return true;\n }\n\n return childElement.meta.ref === ref;\n });\n }\n }\n\n setCache(refract, 'isReferenced', isReferenced);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/Preprocessor/is.js","import isEmpty from 'lodash/isEmpty';\nimport isArray from 'lodash/isArray';\nimport isObject from 'lodash/isObject';\nimport map from 'lodash/map';\nimport each from 'lodash/each';\n\nfunction processElement(refractElement) {\n if (!refractElement) {\n return;\n }\n\n const attributes = refractElement.attributes;\n\n // Then, see if it the element has any samples and process them as well!\n if (attributes && !isEmpty(attributes.samples)) {\n attributes.samples = map(attributes.samples, (sample) => {\n if (isArray(sample) || isObject(sample)) {\n return {\n element: refractElement.element,\n content: sample,\n };\n }\n\n return {\n element: refractElement.element,\n content: sample,\n };\n });\n }\n\n if (attributes && attributes.default) {\n if (isArray(attributes.default) || isObject(attributes.default)) {\n attributes.default = {\n element: refractElement.element,\n content: attributes.default,\n };\n } else {\n attributes.default = {\n element: refractElement.element,\n content: attributes.default,\n };\n };\n }\n\n // Then, see if it has children and process each of the children as well!\n if (refractElement.content) {\n if (refractElement.element === 'member' && refractElement.content.value) {\n // This is a member of an object.\n processElement(refractElement.content.value);\n } else if (refractElement.content.length && refractElement.content[0].element) {\n // This is an array of items.\n each(refractElement.content, (nestedRefractElement) => {\n processElement(nestedRefractElement);\n });\n }\n }\n}\n\nfunction preprocessSamples(refractElement) {\n processElement(refractElement);\n return refractElement;\n};\n\nexport {\n preprocessSamples,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Modules/SamplesPreprocessor/SamplesPreprocessor.js","const QUERIES = {\n inheritedMember: {\n query: {\n $or: [\n {\n 'meta.links': {\n href: 'http://refract.link/inherited-member/',\n relation: 'origin',\n },\n },\n {\n 'meta.links': {\n href: 'http://refract.link/inherited/',\n relation: 'origin',\n },\n },\n ],\n },\n },\n includedMember: {\n query: {\n 'meta.links': {\n href: 'http://refract.link/included-member/',\n relation: 'origin',\n },\n },\n },\n};\n\nexport {\n QUERIES,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Resources/queries.js","import PrimitiveComponent from '../Components/Primitive/Primitive';\nimport ArrayComponent from '../Components/Array/Array';\nimport SelectComponent from '../Components/Select/Select';\nimport ObjectComponent from '../Components/Object/Object';\n\nexport default {\n /**\n * Primitive Types\n */\n boolean: PrimitiveComponent,\n string: PrimitiveComponent,\n number: PrimitiveComponent,\n\n /**\n * Structure Types\n */\n object: ObjectComponent,\n select: SelectComponent,\n\n // Since Array and Enum elements have the same structure we'll\n // share the same component for rendering.\n array: ArrayComponent,\n enum: ArrayComponent,\n};\n\n\n\n// WEBPACK FOOTER //\n// ./src/Resources/refractToComponentMap.js","const THEME = {\n BACKGROUND_COLOR: 'white',\n\n BORDER_COLOR: '#E8EBEE',\n ALTERNATE_BORDER_COLOR: '#D2D8DE',\n\n KEY_COLOR: 'rgb(48, 52, 63)',\n TYPE_COLOR: '#8A93A3',\n\n /* Value */\n VALUE_COLOR: '#5D6470',\n VALUE_BACKGROUND_COLOR: '#F0F1F4',\n VALUE_BORDER_RADIUS: '3px',\n VALUE_FONT_WEIGHT: '600',\n VALUE_PADDING_TOP: '4px',\n VALUE_PADDING_BOTTOM: '4px',\n VALUE_PADDING_LEFT: '8px',\n VALUE_PADDING_RIGHT: '8px',\n\n /* Description */\n DESCRIPTION_COLOR: '#8A93A3',\n\n /* ArrayHeader */\n ARRAY_HEADER_BACKGROUND_COLOR: '#E8EBEE',\n ARRAY_HEADER_BORDER_COLOR: '#E8EBEE',\n\n /* ArrayItem */\n ARRAY_ITEMS_BORDER_COLOR: '#E8EBEE',\n\n /* SampleToggle */\n SAMPLE_TOGGLE_TITLE_COLOR: '#A3A7B2',\n\n /* InheritanceTree */\n INHERITANCE_TREE_NODE_COLOR: '#30343F',\n INHERITANCE_TREE_ROOT_NODE_COLOR: '#30343F',\n INHERITANCE_TREE_CURRENT_NODE_COLOR: '#8A93A3',\n\n ROW_PADDING_TOP: '14px',\n ROW_PADDING_BOTTOM: '14px',\n\n /* Select (One Of) */\n SELECT_LINE_COLOR: '#BDC4CB',\n SELECT_TEXT_COLOR: 'black',\n\n};\n\nexport default THEME;\n\n\n\n// WEBPACK FOOTER //\n// ./src/Resources/theme.js","import React from 'react';\nimport ReactDom from 'react-dom';\nimport { EventEmitter } from 'events';\nimport eidolon from 'eidolon';\n\nimport AttributesComponent from './Components/Attributes/Attributes';\nimport AttributeComponent from './Components/Attribute/Attribute';\n\nclass AttributesKit extends EventEmitter {\n static Attributes = AttributesComponent;\n static Attribute = AttributeComponent;\n\n static generateExample = eidolon.example;\n static generateJsonSchema = eidolon.schema;\n\n static render(refractElement, element, options) {\n let elementSelector = null;\n if (typeof element === 'string') {\n elementSelector = element;\n }\n\n const attributesKit = new AttributesKit({\n element,\n elementSelector,\n options,\n });\n\n attributesKit.render(refractElement);\n return attributesKit;\n }\n\n constructor(options) {\n super();\n\n this.options = options || {};\n\n this.element = options.element;\n this.elementSelector = options.elementSelector;\n this.options = options.options;\n\n this.getElement();\n this.validate();\n }\n\n validate() {\n if (!this.element) {\n throw Error('Unable to find element where to render attributes.');\n }\n }\n\n getElement() {\n if (this.element) {\n return this.element;\n }\n\n this.element = document.querySelector(this.elementSelector);\n return this.element;\n }\n\n render(refractElement) {\n ReactDom.render(\n