webpackHotUpdate(0,{

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

"use strict";
eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(5);\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__Tile__ = __webpack_require__(202);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Inputs__ = __webpack_require__(218);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Outputs__ = __webpack_require__(219);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__viewer_css__ = __webpack_require__(205);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__viewer_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__viewer_css__);\n\n\n\n\n\n\n\nclass Viewer extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Component {\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      innerContainerStyle: {}\n    };\n  }\n\n  render() {\n    const modelInstance = this.props.instance.getModelEntity();\n    const tdef = modelInstance.typeDefinition;\n    const inputs = tdef.provided.array;\n    const outputs = tdef.required.array;\n\n    return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n      'div',\n      { className: 'panel' },\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'h3',\n        null,\n        'Inputs:'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2__Inputs__[\"a\" /* default */], { inputs: inputs, instance: this.props.instance }),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'h3',\n        null,\n        'Tile:'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: 'outer-container' },\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'div',\n          { className: 'inner-container', style: this.state.innerContainerStyle },\n          __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1__Tile__[\"a\" /* default */], { instance: this.props.instance })\n        )\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'h3',\n        null,\n        'Outputs:'\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3__Outputs__[\"a\" /* default */], { outputs: outputs, instance: this.props.instance })\n    );\n  }\n}\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = Viewer;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjAxLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2Jyb3dzZXItdGVzdGVyL3NyYy9jb21wb25lbnRzL1ZpZXdlci9pbmRleC5qcz81M2Q3Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgVGlsZSBmcm9tICcuLi9UaWxlJztcbmltcG9ydCBJbnB1dHMgZnJvbSAnLi4vSW5wdXRzJztcbmltcG9ydCBPdXRwdXRzIGZyb20gJy4uL091dHB1dHMnO1xuXG5pbXBvcnQgJy4vdmlld2VyLmNzcyc7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFZpZXdlciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGlubmVyQ29udGFpbmVyU3R5bGU6IHt9XG4gICAgfTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBtb2RlbEluc3RhbmNlID0gdGhpcy5wcm9wcy5pbnN0YW5jZS5nZXRNb2RlbEVudGl0eSgpO1xuICAgIGNvbnN0IHRkZWYgPSBtb2RlbEluc3RhbmNlLnR5cGVEZWZpbml0aW9uO1xuICAgIGNvbnN0IGlucHV0cyA9IHRkZWYucHJvdmlkZWQuYXJyYXk7XG4gICAgY29uc3Qgb3V0cHV0cyA9IHRkZWYucmVxdWlyZWQuYXJyYXk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJwYW5lbFwiPlxuICAgICAgICA8aDM+SW5wdXRzOjwvaDM+XG4gICAgICAgIDxJbnB1dHMgaW5wdXRzPXtpbnB1dHN9IGluc3RhbmNlPXt0aGlzLnByb3BzLmluc3RhbmNlfSAvPlxuXG4gICAgICAgIDxoMz5UaWxlOjwvaDM+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwib3V0ZXItY29udGFpbmVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJpbm5lci1jb250YWluZXJcIiBzdHlsZT17dGhpcy5zdGF0ZS5pbm5lckNvbnRhaW5lclN0eWxlfT5cbiAgICAgICAgICAgIDxUaWxlIGluc3RhbmNlPXt0aGlzLnByb3BzLmluc3RhbmNlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8aDM+T3V0cHV0czo8L2gzPlxuICAgICAgICA8T3V0cHV0cyBvdXRwdXRzPXtvdXRwdXRzfSBpbnN0YW5jZT17dGhpcy5wcm9wcy5pbnN0YW5jZX0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBicm93c2VyLXRlc3Rlci9zcmMvY29tcG9uZW50cy9WaWV3ZXIvaW5kZXguanMiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFEQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQURBO0FBTUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBWkE7QUFlQTtBQS9CQTs7Iiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///201\n");

/***/ })

})