(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],{

/***/ "../bored-ui-fabric/lib/component/DashboardWrapper.js":
/*!************************************************************!*\
  !*** ../bored-ui-fabric/lib/component/DashboardWrapper.js ***!
  \************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var Dashboard_1 = __webpack_require__(/*! @twii/bored/lib/model/Dashboard */ "../bored/lib/model/Dashboard.js");
var Dashboard_2 = __webpack_require__(/*! ./Dashboard */ "../bored-ui-fabric/lib/component/Dashboard.js");
var ComponentFactory_1 = __webpack_require__(/*! @twii/bored/lib/model/ComponentFactory */ "../bored/lib/model/ComponentFactory.js");
var DashboardWrapper = /** @class */ (function (_super) {
    __extends(DashboardWrapper, _super);
    function DashboardWrapper(props) {
        var _this = _super.call(this, props) || this;
        _this._dashboard = new Dashboard_1.Dashboard();
        _this._setFromProps(_this.props);
        return _this;
    }
    Object.defineProperty(DashboardWrapper.prototype, "dashboard", {
        get: function () {
            return this._dashboard;
        },
        enumerable: true,
        configurable: true
    });
    DashboardWrapper.prototype._setFromProps = function (props) {
        this.dashboard.router = props.router;
        this.dashboard.addApp = props.addApp;
        this.dashboard.loader = props.loader;
        this.dashboard.saver = props.saver;
        this.dashboard.saveDelay = props.saveDelay;
        this.dashboard.componentFactory = props.componentFactory || ComponentFactory_1.ComponentFactory;
    };
    DashboardWrapper.prototype._load = function (props) {
        if (props.loader) {
            this.dashboard.load();
        }
        else if (props.config) {
            this.dashboard.setConfig(this.props.config);
        }
    };
    DashboardWrapper.prototype.componentWillReceiveProps = function (nextProps) {
        this.dashboard.close();
        this._setFromProps(nextProps);
        this._load(nextProps);
    };
    DashboardWrapper.prototype.componentWillMount = function () {
        this._load(this.props);
    };
    DashboardWrapper.prototype.componentWillUnmount = function () {
        this.dashboard.close();
    };
    DashboardWrapper.prototype.render = function () {
        return React.createElement(Dashboard_2.DashboardContainer, { className: this.props.className, dashboard: this.dashboard, host: this.props.host, styles: this.props.styles });
    };
    return DashboardWrapper;
}(React.Component));
exports.DashboardWrapper = DashboardWrapper;


/***/ }),

/***/ "../sample-base/lib/dashboard/component/DashboardSample.js":
/*!*****************************************************************!*\
  !*** ../sample-base/lib/dashboard/component/DashboardSample.js ***!
  \*****************************************************************/
/*! exports provided: StackSample, HSplitSample, VSplitSample */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StackSample", function() { return StackSample; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSplitSample", function() { return HSplitSample; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VSplitSample", function() { return VSplitSample; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @twii/bored-ui-fabric/lib/component/DashboardWrapper */ "../bored-ui-fabric/lib/component/DashboardWrapper.js");
/* harmony import */ var _twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _uifabric_styling__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @uifabric/styling */ "../../node_modules/@uifabric/styling/lib/index.js");
/* harmony import */ var _uifabric_styling__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_uifabric_styling__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _sampleRouter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../sampleRouter */ "../sample-base/lib/sampleRouter.js");
/* harmony import */ var _twii_ozone_app_lib_OzoneRouter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @twii/ozone-app/lib/OzoneRouter */ "../ozone-app/lib/OzoneRouter.js");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();





var dashboardRouter = Object(_sampleRouter__WEBPACK_IMPORTED_MODULE_3__["createSampleRouter"])();
dashboardRouter.use(_twii_ozone_app_lib_OzoneRouter__WEBPACK_IMPORTED_MODULE_4__["OzoneRouter"]);
var StackSample = /** @class */ (function (_super) {
    __extends(StackSample, _super);
    function StackSample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StackSample.prototype.render = function () {
        var dashboardConfig = {
            type: "dashboard",
            component: {
                type: "stack",
                windows: [
                    {
                        type: "window",
                        path: "/samples/fabric/textfield"
                    },
                    {
                        type: "window",
                        path: "/samples/fabric/picker"
                    }
                ]
            }
        };
        var customStyles = {
            root: {
                border: "1px solid " + Object(_uifabric_styling__WEBPACK_IMPORTED_MODULE_2__["getTheme"])().palette.themeDark
            }
        };
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { position: "absolute", top: 20, right: 20, bottom: 20, left: 20 } },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1__["DashboardWrapper"], { host: this.props.host, config: dashboardConfig, styles: customStyles, router: dashboardRouter, addApp: { path: "/samples" } })));
    };
    return StackSample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
var HSplitSample = /** @class */ (function (_super) {
    __extends(HSplitSample, _super);
    function HSplitSample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    HSplitSample.prototype.render = function () {
        var dashboardConfig = {
            type: "dashboard",
            component: {
                type: "hsplit",
                offset: 0.5,
                left: {
                    component: {
                        type: "window",
                        path: "/samples/fabric/textfield"
                    }
                },
                right: {
                    component: {
                        type: "window",
                        path: "/samples/fabric/picker"
                    }
                }
            }
        };
        var customStyles = {
            root: {
                border: "1px solid " + Object(_uifabric_styling__WEBPACK_IMPORTED_MODULE_2__["getTheme"])().palette.themeDark
            }
        };
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { position: "absolute", top: 20, right: 20, bottom: 20, left: 20 } },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1__["DashboardWrapper"], { host: this.props.host, config: dashboardConfig, styles: customStyles, router: dashboardRouter })));
    };
    return HSplitSample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
var VSplitSample = /** @class */ (function (_super) {
    __extends(VSplitSample, _super);
    function VSplitSample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    VSplitSample.prototype.render = function () {
        var dashboardConfig = {
            type: "dashboard",
            component: {
                type: "vsplit",
                offset: 0.5,
                top: {
                    component: {
                        type: "window",
                        path: "/samples/fabric/textfield"
                    }
                },
                bottom: {
                    component: {
                        type: "window",
                        path: "/samples/fabric/picker"
                    }
                }
            }
        };
        var customStyles = {
            root: {
                border: "1px solid " + Object(_uifabric_styling__WEBPACK_IMPORTED_MODULE_2__["getTheme"])().palette.themeDark
            }
        };
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { position: "absolute", top: 10, right: 10, bottom: 10, left: 10 } },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_bored_ui_fabric_lib_component_DashboardWrapper__WEBPACK_IMPORTED_MODULE_1__["DashboardWrapper"], { host: this.props.host, config: dashboardConfig, styles: customStyles, router: dashboardRouter })));
    };
    return VSplitSample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));

//# sourceMappingURL=DashboardSample.js.map

/***/ })

}]);
//# sourceMappingURL=1.js.map