webpackHotUpdate(0,{

/***/ 216:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(223);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tile_css__ = __webpack_require__(217);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tile_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__tile_css__);\n\n\n\n\n\nclass Tile extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Component {\n\n  constructor(props) {\n    super(props);\n    this.state = { width: 0, height: 0 };\n  }\n\n  resizeIframe(iframe) {\n    iframe.style.width = iframe.contentWindow.document.body.scrollWidth + 'px';\n    iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';\n  }\n\n  extend() {\n    if (this.iframe) {\n      this.iframe.style.width = this.iframe.scrollWidth + 20;\n      this.iframe.style.height = this.iframe.scrollHeight + 20;\n    }\n  }\n\n  reduce() {\n    if (this.iframe) {\n      this.iframe.style.width = this.iframe.scrollWidth - 20;\n      this.iframe.style.height = this.iframe.scrollHeight - 20;\n    }\n  }\n\n  componentDidMount() {\n    if (this.iframe) {\n      this.iframe.style.width = 0;\n      this.iframe.style.height = 0;\n    }\n  }\n\n  render() {\n    const { name, version } = this.props.instance.getModelEntity().typeDefinition;\n\n    return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n      'div',\n      { className: 'tile-container' },\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { style: { position: 'relative', right: 0, top: 0 } },\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'button',\n          { onClick: () => this.extend() },\n          '-'\n        ),\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'button',\n          { onClick: () => this.reduce() },\n          '+'\n        )\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-header' },\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'span',\n          { className: 'tile-name' },\n          this.props.instance.name,\n          ': ',\n          name,\n          '/',\n          version\n        )\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('iframe', {\n        ref: elem => this.iframe = elem,\n        src: 'tile.html?path=' + this.props.instance.getPath(),\n        className: 'tile-content',\n        onLoad: e => this.resizeIframe(e.target) }),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-nw' },\n        'NW'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-n' },\n        'N'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-ne' },\n        'NE'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-e' },\n        'E'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-se' },\n        'SE'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-s' },\n        'S'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-sw' },\n        'SW'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'tile-resize tile-resize-w' },\n        'W'\n      )\n    );\n  }\n}\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = Tile;\n\n\nTile.propTypes = {\n  instance: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64, \n//# sourceURL=webpack-internal:///216\n");

/***/ })

})