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

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

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var styling_1 = __webpack_require__(/*! @uifabric/styling */ "../../node_modules/@uifabric/styling/lib-es2015/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib-es2015/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles, className) {
    return {
        root: styling_1.mergeStyles("app-view", styles.root, className),
        menuContainer: styling_1.mergeStyles("app-view-menu-container", styles.menuContainer),
        main: styling_1.mergeStyles("app-view-main", styles.main)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../fabric-ui/lib/component/AppView.js":
/*!*********************************************!*\
  !*** ../fabric-ui/lib/component/AppView.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 AppView_styles_1 = __webpack_require__(/*! ./AppView.styles */ "../fabric-ui/lib/component/AppView.styles.js");
var AppView_classNames_1 = __webpack_require__(/*! ./AppView.classNames */ "../fabric-ui/lib/component/AppView.classNames.js");
var CommandBar_1 = __webpack_require__(/*! office-ui-fabric-react/lib/CommandBar */ "../../node_modules/office-ui-fabric-react/lib/CommandBar.js");
var css_1 = __webpack_require__(/*! @uifabric/utilities/lib/css */ "../../node_modules/@uifabric/utilities/lib/css.js");
var AppView = /** @class */ (function (_super) {
    __extends(AppView, _super);
    function AppView() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Object.defineProperty(AppView.prototype, "hasMenu", {
        get: function () {
            return (this.props.items && this.props.items.length > 0) ||
                (this.props.farItems && this.props.farItems.length > 0) ? true : false;
        },
        enumerable: true,
        configurable: true
    });
    AppView.prototype._renderMenu = function () {
        if (this.hasMenu) {
            return (React.createElement("div", { className: css_1.css(this._classNames.menuContainer, { rootView: this.props.root }) },
                React.createElement(CommandBar_1.CommandBar, { items: this.props.items, farItems: this.props.farItems })));
        }
        return null;
    };
    AppView.prototype._renderMain = function () {
        return (React.createElement("div", { role: "main", className: css_1.css(this._classNames.main, { hasMenu: this.hasMenu, rootView: this.props.root }) }, this.props.children));
    };
    AppView.prototype.render = function () {
        this._classNames = AppView_classNames_1.getClassNames(AppView_styles_1.getStyles(null, this.props.styles), this.props.className);
        return (React.createElement("div", { className: css_1.css(this._classNames.root, { rootView: this.props.root }) },
            this._renderMenu(),
            this._renderMain()));
    };
    return AppView;
}(React.Component));
exports.AppView = AppView;


/***/ }),

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

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var styling_1 = __webpack_require__(/*! @uifabric/styling */ "../../node_modules/@uifabric/styling/lib-es2015/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib-es2015/index.js");
var defaultStyles = function (theme) {
    return {
        root: {
            position: "absolute",
            top: 0,
            right: 0,
            bottom: 0,
            left: 0
        },
        menuContainer: {
            position: "absolute",
            top: 0,
            right: 0,
            left: 0,
            height: 28,
            // this is pretty shitty - basically trying to pave over the lack of @uifabric/styling use for command bar
            selectors: {
                ".ms-CommandBar": {
                    height: 28,
                    selectors: {
                        ".ms-CommandBarItem": {
                            lineHeight: 28,
                            height: 28,
                            selectors: {
                                ".ms-CommandBarItem-link": {
                                    lineHeight: 28
                                },
                                ".ms-CommandBarItem-text": {
                                    lineHeight: 28
                                }
                            }
                        }
                    }
                },
                "&.rootView": {
                    selectors: {
                        ".ms-CommandBar": {
                            backgroundColor: theme.palette.neutralDark,
                            selectors: {
                                ".ms-CommandBarItem": {
                                    selectors: {
                                        ".ms-CommandBarItem-text": {
                                            backgroundColor: theme.palette.neutralDark,
                                            color: theme.palette.neutralLighter
                                        },
                                        ".ms-CommandBarItem-link": {
                                            backgroundColor: theme.palette.neutralDark,
                                            color: theme.palette.neutralLighter,
                                            selectors: {
                                                ".ms-CommandBarItem-icon": {
                                                    color: theme.palette.neutralLighter
                                                },
                                                ".ms-CommandBarItem-chevronDown": {
                                                    color: theme.palette.neutralLighter
                                                },
                                                ":hover": {
                                                    backgroundColor: theme.palette.neutralPrimary
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        },
        main: {
            position: "absolute",
            top: 0,
            right: 0,
            left: 0,
            bottom: 0,
            overflow: "auto",
            selectors: {
                "&.hasMenu": {
                    top: 28
                }
            }
        }
    };
};
exports.defaultStyles = defaultStyles;
var Defaults = {
    styles: defaultStyles
};
exports.Defaults = Defaults;
var getStyles = utilities_1.memoizeFunction(function (theme, customStyles) {
    return styling_1.concatStyleSets(Defaults.styles(theme || styling_1.getTheme()), customStyles);
});
exports.getStyles = getStyles;


/***/ }),

/***/ "../fabric-ui/lib/component/HostAppView.js":
/*!*************************************************!*\
  !*** ../fabric-ui/lib/component/HostAppView.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 __());
    };
})();
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var mobx_react_1 = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/index.module.js");
var AppView_1 = __webpack_require__(/*! ./AppView */ "../fabric-ui/lib/component/AppView.js");
/**
 * Host app view wrapper.
 */
var HostAppView = /** @class */ (function (_super) {
    __extends(HostAppView, _super);
    function HostAppView() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    HostAppView.prototype.componentWillMount = function () {
        var qr = this.props.host.params._root;
        if (qr !== undefined) {
            this.props.host.setRoot(qr && (qr === "true" || qr === "1") ? true : false);
        }
    };
    HostAppView.prototype.render = function () {
        return (React.createElement(AppView_1.AppView, __assign({}, this.props, { root: this.props.host.root }), this.props.children));
    };
    HostAppView = __decorate([
        mobx_react_1.observer
    ], HostAppView);
    return HostAppView;
}(React.Component));
exports.HostAppView = HostAppView;


/***/ }),

/***/ "../phosphor-sample/lib/component/DockPanelSample.js":
/*!***********************************************************!*\
  !*** ../phosphor-sample/lib/component/DockPanelSample.js ***!
  \***********************************************************/
/*! exports provided: DockPanelSample */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DockPanelSample", function() { return DockPanelSample; });
/* 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 _phosphor_commands__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @phosphor/commands */ "../../node_modules/@phosphor/commands/lib/index.js");
/* harmony import */ var _phosphor_commands__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_phosphor_commands__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @phosphor/widgets */ "../../node_modules/@phosphor/widgets/lib/index.js");
/* harmony import */ var _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__);
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 ContentWidget = /** @class */ (function (_super) {
    __extends(ContentWidget, _super);
    function ContentWidget(name) {
        var _this = _super.call(this, { node: ContentWidget.createNode() }) || this;
        _this.setFlag(_phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Widget"].Flag.DisallowLayout);
        _this.addClass('content');
        _this.addClass(name.toLowerCase());
        _this.title.label = name;
        _this.title.closable = true;
        _this.title.caption = "Long description for: " + name;
        return _this;
    }
    ContentWidget.createNode = function () {
        var node = document.createElement('div');
        var content = document.createElement('div');
        var input = document.createElement('input');
        input.placeholder = 'Placeholder...';
        content.appendChild(input);
        node.appendChild(content);
        return node;
    };
    Object.defineProperty(ContentWidget.prototype, "inputNode", {
        get: function () {
            return this.node.getElementsByTagName('input')[0];
        },
        enumerable: true,
        configurable: true
    });
    ContentWidget.prototype.onActivateRequest = function (msg) {
        if (this.isAttached) {
            this.inputNode.focus();
        }
    };
    return ContentWidget;
}(_phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Widget"]));
var DockPanelSample = /** @class */ (function (_super) {
    __extends(DockPanelSample, _super);
    function DockPanelSample() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onContainerRef = function (ref) {
            _this._containerRef = ref;
        };
        return _this;
    }
    DockPanelSample.prototype.componentDidMount = function () {
        if (this._containerRef) {
            this._main();
        }
    };
    DockPanelSample.prototype.componentWillUnmount = function () {
    };
    DockPanelSample.prototype._main = function () {
        var commands = new _phosphor_commands__WEBPACK_IMPORTED_MODULE_1__["CommandRegistry"]();
        var createMenu = function () {
            var sub1 = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Menu"]({ commands: commands });
            sub1.title.label = 'More...';
            sub1.title.mnemonic = 0;
            sub1.addItem({ command: 'example:one' });
            sub1.addItem({ command: 'example:two' });
            sub1.addItem({ command: 'example:three' });
            sub1.addItem({ command: 'example:four' });
            var sub2 = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Menu"]({ commands: commands });
            sub2.title.label = 'More...';
            sub2.title.mnemonic = 0;
            sub2.addItem({ command: 'example:one' });
            sub2.addItem({ command: 'example:two' });
            sub2.addItem({ command: 'example:three' });
            sub2.addItem({ command: 'example:four' });
            sub2.addItem({ type: 'submenu', submenu: sub1 });
            var root = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Menu"]({ commands: commands });
            root.addItem({ command: 'example:copy' });
            root.addItem({ command: 'example:cut' });
            root.addItem({ command: 'example:paste' });
            root.addItem({ type: 'separator' });
            root.addItem({ command: 'example:new-tab' });
            root.addItem({ command: 'example:close-tab' });
            root.addItem({ command: 'example:save-on-exit' });
            root.addItem({ type: 'separator' });
            root.addItem({ command: 'example:open-task-manager' });
            root.addItem({ type: 'separator' });
            root.addItem({ type: 'submenu', submenu: sub2 });
            root.addItem({ type: 'separator' });
            root.addItem({ command: 'example:close' });
            return root;
        };
        commands.addCommand('example:cut', {
            label: 'Cut',
            mnemonic: 1,
            iconClass: 'fa fa-cut',
            execute: function () {
                console.log('Cut');
            }
        });
        commands.addCommand('example:copy', {
            label: 'Copy File',
            mnemonic: 0,
            iconClass: 'fa fa-copy',
            execute: function () {
                console.log('Copy');
            }
        });
        commands.addCommand('example:paste', {
            label: 'Paste',
            mnemonic: 0,
            iconClass: 'fa fa-paste',
            execute: function () {
                console.log('Paste');
            }
        });
        commands.addCommand('example:new-tab', {
            label: 'New Tab',
            mnemonic: 0,
            caption: 'Open a new tab',
            execute: function () {
                console.log('New Tab');
            }
        });
        commands.addCommand('example:close-tab', {
            label: 'Close Tab',
            mnemonic: 2,
            caption: 'Close the current tab',
            execute: function () {
                console.log('Close Tab');
            }
        });
        commands.addCommand('example:save-on-exit', {
            label: 'Save on Exit',
            mnemonic: 0,
            caption: 'Toggle the save on exit flag',
            execute: function () {
                console.log('Save on Exit');
            }
        });
        commands.addCommand('example:open-task-manager', {
            label: 'Task Manager',
            mnemonic: 5,
            isEnabled: function () { return false; },
            execute: function () { }
        });
        commands.addCommand('example:close', {
            label: 'Close',
            mnemonic: 0,
            iconClass: 'fa fa-close',
            execute: function () {
                console.log('Close');
            }
        });
        commands.addCommand('example:one', {
            label: 'One',
            execute: function () {
                console.log('One');
            }
        });
        commands.addCommand('example:two', {
            label: 'Two',
            execute: function () {
                console.log('Two');
            }
        });
        commands.addCommand('example:three', {
            label: 'Three',
            execute: function () {
                console.log('Three');
            }
        });
        commands.addCommand('example:four', {
            label: 'Four',
            execute: function () {
                console.log('Four');
            }
        });
        commands.addCommand('example:black', {
            label: 'Black',
            execute: function () {
                console.log('Black');
            }
        });
        commands.addCommand('example:clear-cell', {
            label: 'Clear Cell',
            execute: function () {
                console.log('Clear Cell');
            }
        });
        commands.addCommand('example:cut-cells', {
            label: 'Cut Cell(s)',
            execute: function () {
                console.log('Cut Cell(s)');
            }
        });
        commands.addCommand('example:run-cell', {
            label: 'Run Cell',
            execute: function () {
                console.log('Run Cell');
            }
        });
        commands.addCommand('example:cell-test', {
            label: 'Cell Test',
            execute: function () {
                console.log('Cell Test');
            }
        });
        commands.addCommand('notebook:new', {
            label: 'New Notebook',
            execute: function () {
                console.log('New Notebook');
            }
        });
        commands.addKeyBinding({
            keys: ['Accel X'],
            selector: 'body',
            command: 'example:cut'
        });
        commands.addKeyBinding({
            keys: ['Accel C'],
            selector: 'body',
            command: 'example:copy'
        });
        commands.addKeyBinding({
            keys: ['Accel V'],
            selector: 'body',
            command: 'example:paste'
        });
        commands.addKeyBinding({
            keys: ['Accel J', 'Accel J'],
            selector: 'body',
            command: 'example:new-tab'
        });
        commands.addKeyBinding({
            keys: ['Accel M'],
            selector: 'body',
            command: 'example:open-task-manager'
        });
        var menu1 = createMenu();
        menu1.title.label = 'File';
        menu1.title.mnemonic = 0;
        var menu2 = createMenu();
        menu2.title.label = 'Edit';
        menu2.title.mnemonic = 0;
        var menu3 = createMenu();
        menu3.title.label = 'View';
        menu3.title.mnemonic = 0;
        var bar = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["MenuBar"]();
        bar.addMenu(menu1);
        bar.addMenu(menu2);
        bar.addMenu(menu3);
        bar.id = 'menuBar';
        var palette = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["CommandPalette"]({ commands: commands });
        palette.addItem({ command: 'example:cut', category: 'Edit' });
        palette.addItem({ command: 'example:copy', category: 'Edit' });
        palette.addItem({ command: 'example:paste', category: 'Edit' });
        palette.addItem({ command: 'example:one', category: 'Number' });
        palette.addItem({ command: 'example:two', category: 'Number' });
        palette.addItem({ command: 'example:three', category: 'Number' });
        palette.addItem({ command: 'example:four', category: 'Number' });
        palette.addItem({ command: 'example:black', category: 'Number' });
        palette.addItem({ command: 'example:new-tab', category: 'File' });
        palette.addItem({ command: 'example:close-tab', category: 'File' });
        palette.addItem({ command: 'example:save-on-exit', category: 'File' });
        palette.addItem({ command: 'example:open-task-manager', category: 'File' });
        palette.addItem({ command: 'example:close', category: 'File' });
        palette.addItem({ command: 'example:clear-cell', category: 'Notebook Cell Operations' });
        palette.addItem({ command: 'example:cut-cells', category: 'Notebook Cell Operations' });
        palette.addItem({ command: 'example:run-cell', category: 'Notebook Cell Operations' });
        palette.addItem({ command: 'example:cell-test', category: 'Console' });
        palette.addItem({ command: 'notebook:new', category: 'Notebook' });
        palette.id = 'palette';
        var contextMenu = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["ContextMenu"]({ commands: commands });
        document.addEventListener('contextmenu', function (event) {
            if (contextMenu.open(event)) {
                event.preventDefault();
            }
        });
        contextMenu.addItem({ command: 'example:cut', selector: '.content' });
        contextMenu.addItem({ command: 'example:copy', selector: '.content' });
        contextMenu.addItem({ command: 'example:paste', selector: '.content' });
        contextMenu.addItem({ command: 'example:one', selector: '.p-CommandPalette' });
        contextMenu.addItem({ command: 'example:two', selector: '.p-CommandPalette' });
        contextMenu.addItem({ command: 'example:three', selector: '.p-CommandPalette' });
        contextMenu.addItem({ command: 'example:four', selector: '.p-CommandPalette' });
        contextMenu.addItem({ command: 'example:black', selector: '.p-CommandPalette' });
        contextMenu.addItem({ command: 'notebook:new', selector: '.p-CommandPalette-input' });
        contextMenu.addItem({ command: 'example:save-on-exit', selector: '.p-CommandPalette-input' });
        contextMenu.addItem({ command: 'example:open-task-manager', selector: '.p-CommandPalette-input' });
        contextMenu.addItem({ type: 'separator', selector: '.p-CommandPalette-input' });
        document.addEventListener('keydown', function (event) {
            commands.processKeydownEvent(event);
        });
        var r1 = new ContentWidget('Red');
        var b1 = new ContentWidget('Blue');
        var g1 = new ContentWidget('Green');
        var y1 = new ContentWidget('Yellow');
        var r2 = new ContentWidget('Red');
        var b2 = new ContentWidget('Blue');
        // let g2 = new ContentWidget('Green');
        // let y2 = new ContentWidget('Yellow');
        var dock = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["DockPanel"]();
        dock.addWidget(r1);
        dock.addWidget(b1, { mode: 'split-right', ref: r1 });
        dock.addWidget(y1, { mode: 'split-bottom', ref: b1 });
        dock.addWidget(g1, { mode: 'split-left', ref: y1 });
        dock.addWidget(r2, { ref: b1 });
        dock.addWidget(b2, { mode: 'split-right', ref: y1 });
        dock.id = 'dock';
        var savedLayouts = [];
        commands.addCommand('save-dock-layout', {
            label: 'Save Layout',
            caption: 'Save the current dock layout',
            execute: function () {
                savedLayouts.push(dock.saveLayout());
                palette.addItem({
                    command: 'restore-dock-layout',
                    category: 'Dock Layout',
                    args: { index: savedLayouts.length - 1 }
                });
            }
        });
        commands.addCommand('restore-dock-layout', {
            label: function (args) {
                return "Restore Layout " + args.index;
            },
            execute: function (args) {
                dock.restoreLayout(savedLayouts[args.index]);
            }
        });
        palette.addItem({
            command: 'save-dock-layout',
            category: 'Dock Layout',
            rank: 0
        });
        _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["BoxPanel"].setStretch(dock, 1);
        var main = new _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["BoxPanel"]({ direction: 'left-to-right', spacing: 0 });
        main.id = 'main';
        main.addWidget(palette);
        main.addWidget(dock);
        this.props.host.addEventListener("resize", function () { return main.update(); });
        _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Widget"].attach(bar, this._containerRef);
        _phosphor_widgets__WEBPACK_IMPORTED_MODULE_2__["Widget"].attach(main, this._containerRef);
    };
    DockPanelSample.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { ref: this._onContainerRef }));
    };
    return DockPanelSample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));



/***/ }),

/***/ "../sample-base/lib/component/SampleHostAppView.js":
/*!*********************************************************!*\
  !*** ../sample-base/lib/component/SampleHostAppView.js ***!
  \*********************************************************/
/*! exports provided: SampleHostAppView */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SampleHostAppView", function() { return SampleHostAppView; });
/* 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 mobx_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/index.module.js");
/* harmony import */ var _twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @twii/fabric-ui/lib/component/HostAppView */ "../fabric-ui/lib/component/HostAppView.js");
/* harmony import */ var _twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _sampleGroups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sampleGroups */ "../sample-base/lib/sampleGroups.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 __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};




var SampleHostAppView = /** @class */ (function (_super) {
    __extends(SampleHostAppView, _super);
    function SampleHostAppView() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClickItem = function (e, item) {
            _this.props.host.load({ path: item.path, replace: true });
        };
        return _this;
    }
    SampleHostAppView.prototype.render = function () {
        var _this = this;
        var groupItems = _sampleGroups__WEBPACK_IMPORTED_MODULE_3__["sampleGroups"].map(function (g) {
            var groupItem = {
                key: g.key,
                name: g.title
            };
            var sampleItems = g.items.map(function (item) {
                return {
                    key: item.path,
                    path: item.path,
                    name: item.title,
                    canCheck: true,
                    checked: _this.props.host.path === item.path,
                    onClick: _this._onClickItem
                };
            });
            groupItem.subMenuProps = {
                items: sampleItems
            };
            return groupItem;
        });
        var items = [];
        if (this.props.host.root) {
            items.push({
                key: "title",
                name: "Samples - " + this.props.host.title
            });
        }
        ;
        var farItems = [
            {
                key: "samples",
                name: "Samples",
                subMenuProps: {
                    items: groupItems
                }
            }
        ];
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2__["HostAppView"], { host: this.props.host, items: items, farItems: farItems }, this.props.children));
    };
    SampleHostAppView = __decorate([
        mobx_react__WEBPACK_IMPORTED_MODULE_1__["observer"]
    ], SampleHostAppView);
    return SampleHostAppView;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));



/***/ }),

/***/ "../sample-base/lib/phosphor/component/DockPanelSample.js":
/*!****************************************************************!*\
  !*** ../sample-base/lib/phosphor/component/DockPanelSample.js ***!
  \****************************************************************/
/*! exports provided: DockPanelSampleApp */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DockPanelSampleApp", function() { return DockPanelSampleApp; });
/* 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 _component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../component/SampleHostAppView */ "../sample-base/lib/component/SampleHostAppView.js");
/* harmony import */ var _twii_phosphor_sample_lib_component_DockPanelSample__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @twii/phosphor-sample/lib/component/DockPanelSample */ "../phosphor-sample/lib/component/DockPanelSample.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 DockPanelSampleApp = /** @class */ (function (_super) {
    __extends(DockPanelSampleApp, _super);
    function DockPanelSampleApp() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    DockPanelSampleApp.prototype.componentWillMount = function () {
        this.props.host.setTitle("Phosphor Dock Panel Sample");
    };
    DockPanelSampleApp.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_1__["SampleHostAppView"], { host: this.props.host },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_phosphor_sample_lib_component_DockPanelSample__WEBPACK_IMPORTED_MODULE_2__["DockPanelSample"], { host: this.props.host })));
    };
    return DockPanelSampleApp;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));



/***/ }),

/***/ "../sample-base/lib/sampleGroups.js":
/*!******************************************!*\
  !*** ../sample-base/lib/sampleGroups.js ***!
  \******************************************/
/*! exports provided: sampleGroups */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sampleGroups", function() { return sampleGroups; });
var sampleGroups = [
    {
        key: "common",
        title: "Common Samples",
        items: [
            {
                path: "/samples/opener",
                title: "Opener"
            }
        ]
    },
    {
        key: "dashboard",
        title: "Dashboard Samples",
        items: [
            {
                path: "/samples/dashboard/stack",
                title: "Stack Sample"
            },
            {
                path: "/samples/dashboard/hsplit",
                title: "HSplit Sample"
            },
            {
                path: "/samples/dashboard/vsplit",
                title: "VSplit Sample"
            }
        ]
    },
    {
        key: "fabric",
        title: "Fabric Samples",
        items: [
            {
                path: "/samples/fabric/form",
                title: "Form Sample"
            },
            {
                path: "/samples/fabric/picker",
                title: "Picker Sample"
            },
            {
                path: "/samples/fabric/personform",
                title: "Person Form (Bound Fields)"
            },
            {
                path: "/samples/fabric/sticky",
                title: "Sticky Sample"
            },
            {
                path: "/samples/fabric/navigationview",
                title: "Navigation View Sample"
            }
        ]
    },
    {
        key: "rmwc-samples",
        title: "RMWC Samples",
        items: [
            {
                path: "/samples/rmwc/card",
                title: "Card Sample"
            },
            {
                path: "/samples/rmwc/gridlist",
                title: "Grid List Sample"
            },
            {
                path: "/samples/rmwc/form",
                title: "Form/Input Sample"
            },
            {
                path: "/samples/rmwc/tabs",
                title: "Tabs Sample"
            },
            {
                path: "/samples/rmwc/toolbar",
                title: "Toolbar Sample"
            }
        ]
    },
    {
        key: "blueprint-samples",
        title: "Blueprint Samples",
        items: [
            {
                path: "/samples/blueprint/alert",
                title: "Alert Sample"
            },
            {
                path: "/samples/blueprint/dialog",
                title: "Dialog Sample"
            },
            {
                path: "/samples/blueprint/contextmenu",
                title: "Context Menu Sample"
            },
            {
                path: "/samples/blueprint/collapse",
                title: "Collapse Sample"
            },
            {
                path: "/samples/blueprint/navbar",
                title: "Navbar Sample"
            },
            {
                path: "/samples/blueprint/tabs",
                title: "Tabs Sample"
            },
            {
                path: "/samples/blueprint/callout",
                title: "Callout Sample"
            },
            {
                path: "/samples/blueprint/collapsibleList",
                title: "Collapsible List Sample"
            },
            {
                path: "/samples/blueprint/slider",
                title: "Slider Sample"
            },
            {
                path: "/samples/blueprint/tagInput",
                title: "Tag Input Sample"
            },
            {
                path: "/samples/blueprint/popover",
                title: "Popover Sample"
            },
            {
                path: "/samples/blueprint/dateInput",
                title: "Date Input Sample"
            },
            {
                path: "/samples/blueprint/table",
                title: "Table Sample"
            }
        ]
    },
    {
        key: "antd-samples",
        title: "Ant Design of React Samples",
        items: [
            {
                path: "/samples/antd/layout",
                title: "Layout Sample"
            },
            {
                path: "/samples/antd/button",
                title: "Button Sample"
            }
        ]
    },
    {
        key: "phosphor-samples",
        title: "Phosphor Samples",
        items: [
            {
                path: "/samples/phosphor/dockpanel",
                title: "Dock Panel"
            }
        ]
    }
];



/***/ }),

/***/ 0:
/*!**********************!*\
  !*** util (ignored) ***!
  \**********************/
/*! no static exports found */
/***/ (function(module, exports) {

/* (ignored) */

/***/ }),

/***/ 1:
/*!**********************!*\
  !*** util (ignored) ***!
  \**********************/
/*! no static exports found */
/***/ (function(module, exports) {

/* (ignored) */

/***/ }),

/***/ 2:
/*!************************!*\
  !*** buffer (ignored) ***!
  \************************/
/*! no static exports found */
/***/ (function(module, exports) {

/* (ignored) */

/***/ }),

/***/ 3:
/*!************************!*\
  !*** crypto (ignored) ***!
  \************************/
/*! no static exports found */
/***/ (function(module, exports) {

/* (ignored) */

/***/ })

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