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

/***/ "../../node_modules/office-ui-fabric-react/lib/Checkbox.js":
/*!**********************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/Checkbox.js ***!
  \**********************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
tslib_1.__exportStar(__webpack_require__(/*! ./components/Checkbox/index */ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js"), exports);
//# sourceMappingURL=Checkbox.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.base.js":
/*!***********************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.base.js ***!
  \***********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Icon_1 = __webpack_require__(/*! ../../Icon */ "../../node_modules/office-ui-fabric-react/lib/Icon.js");
var Checkbox_classNames_1 = __webpack_require__(/*! ./Checkbox.classNames */ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.classNames.js");
var Checkbox_styles_1 = __webpack_require__(/*! ./Checkbox.styles */ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.styles.js");
var Checkbox = /** @class */ (function (_super) {
    tslib_1.__extends(Checkbox, _super);
    /**
     * Initialize a new instance of the TopHeaderV2
     * @param props Props for the component
     * @param context Context or initial state for the base component.
     */
    function Checkbox(props, context) {
        var _this = _super.call(this, props, context) || this;
        _this._checkBox = Utilities_1.createRef();
        _this._onFocus = function (ev) {
            var inputProps = _this.props.inputProps;
            if (inputProps && inputProps.onFocus) {
                inputProps.onFocus(ev);
            }
        };
        _this._onBlur = function (ev) {
            var inputProps = _this.props.inputProps;
            if (inputProps && inputProps.onBlur) {
                inputProps.onBlur(ev);
            }
        };
        _this._onClick = function (ev) {
            var _a = _this.props, disabled = _a.disabled, onChange = _a.onChange;
            var isChecked = _this.state.isChecked;
            ev.preventDefault();
            ev.stopPropagation();
            if (!disabled) {
                if (onChange) {
                    onChange(ev, !isChecked);
                }
                if (_this.props.checked === undefined) {
                    _this.setState({ isChecked: !isChecked });
                }
            }
        };
        _this._onRenderLabel = function (props) {
            var label = props.label;
            return label ? (React.createElement("span", { className: _this._classNames.text }, label)) : (null);
        };
        _this._warnMutuallyExclusive({
            'checked': 'defaultChecked'
        });
        _this._id = Utilities_1.getId('checkbox-');
        _this.state = {
            isChecked: !!(props.checked !== undefined ? props.checked : props.defaultChecked)
        };
        return _this;
    }
    Checkbox.prototype.componentWillReceiveProps = function (newProps) {
        if (newProps.checked !== undefined) {
            this.setState({
                isChecked: !!newProps.checked // convert null to false
            });
        }
    };
    /**
     * Render the Checkbox based on passed props
     */
    Checkbox.prototype.render = function () {
        var _a = this.props, checked = _a.checked, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, inputProps = _a.inputProps, name = _a.name, boxSide = _a.boxSide, theme = _a.theme, ariaLabel = _a.ariaLabel, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, customStyles = _a.styles, _b = _a.onRenderLabel, onRenderLabel = _b === void 0 ? this._onRenderLabel : _b, checkmarkIconProps = _a.checkmarkIconProps, ariaPositionInSet = _a.ariaPositionInSet, ariaSetSize = _a.ariaSetSize;
        var isChecked = checked === undefined ? this.state.isChecked : checked;
        var isReversed = boxSide !== 'start' ? true : false;
        this._classNames = this.props.getClassNames ?
            this.props.getClassNames(theme, !!disabled, !!isChecked, !!isReversed, className)
            : Checkbox_classNames_1.getClassNames(Checkbox_styles_1.getStyles(theme, customStyles), !!disabled, !!isChecked, !!isReversed, className);
        return (React.createElement("button", tslib_1.__assign({}, inputProps, (checked !== undefined && { checked: checked }), (defaultChecked !== undefined && { defaultChecked: defaultChecked }), { disabled: disabled, ref: this._checkBox, name: name, id: this._id, role: 'checkbox', type: 'button', className: this._classNames.root, onClick: this._onClick, onFocus: this._onFocus, onBlur: this._onBlur, "aria-checked": isChecked, "aria-disabled": disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-posinset": ariaPositionInSet, "aria-setsize": ariaSetSize }),
            React.createElement("label", { className: this._classNames.label, htmlFor: this._id },
                React.createElement("div", { className: this._classNames.checkbox },
                    React.createElement(Icon_1.Icon, tslib_1.__assign({ iconName: 'CheckMark' }, checkmarkIconProps, { className: this._classNames.checkmark }))),
                onRenderLabel(this.props, this._onRenderLabel))));
    };
    Object.defineProperty(Checkbox.prototype, "checked", {
        get: function () {
            return this.state.isChecked;
        },
        enumerable: true,
        configurable: true
    });
    Checkbox.prototype.focus = function () {
        if (this._checkBox.value) {
            this._checkBox.value.focus();
        }
    };
    Checkbox.defaultProps = {
        boxSide: 'start'
    };
    Checkbox = tslib_1.__decorate([
        Utilities_1.customizable('Checkbox', ['theme'])
    ], Checkbox);
    return Checkbox;
}(Utilities_1.BaseComponent));
exports.Checkbox = Checkbox;
//# sourceMappingURL=Checkbox.base.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.classNames.js":
/*!*****************************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.classNames.js ***!
  \*****************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Styling_1 = __webpack_require__(/*! ../../Styling */ "../../node_modules/office-ui-fabric-react/lib/Styling.js");
exports.getClassNames = Utilities_1.memoizeFunction(function (styles, disabled, isChecked, isReversed, className) {
    return {
        root: Styling_1.mergeStyles('ms-Checkbox', isReversed && 'reversed', isChecked && 'is-checked', !disabled && 'is-enabled', disabled && 'is-disabled', className, styles.root, !disabled && [
            !isChecked && {
                selectors: {
                    ':hover .ms-Checkbox-checkbox': styles.checkboxHovered,
                    ':focus .ms-Checkbox-checkbox': styles.checkboxFocused
                }
            },
            isChecked && {
                selectors: {
                    ':hover .ms-Checkbox-checkbox': styles.checkboxCheckedHovered,
                    ':focus .ms-Checkbox-checkbox': styles.checkboxCheckedFocused
                }
            },
            {
                selectors: {
                    ':hover .ms-Checkbox-text': styles.textHovered,
                    ':focus .ms-Checkbox-text': styles.textFocused
                }
            }
        ]),
        label: Styling_1.mergeStyles('ms-Checkbox-label', styles.label, isReversed && styles.labelReversed, disabled && styles.labelDisabled),
        checkbox: Styling_1.mergeStyles('ms-Checkbox-checkbox', styles.checkbox, !disabled && isChecked && styles.checkboxChecked, disabled && !isChecked && styles.checkboxDisabled, disabled && isChecked && styles.checkboxCheckedDisabled),
        checkmark: Styling_1.mergeStyles(styles.checkmark, !disabled && isChecked && styles.checkmarkChecked, disabled && !isChecked && styles.checkmarkDisabled, disabled && isChecked && styles.checkmarkCheckedDisabled),
        text: Styling_1.mergeStyles('ms-Checkbox-text', styles.text, disabled && styles.textDisabled),
    };
});
//# sourceMappingURL=Checkbox.classNames.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.styles.js":
/*!*************************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.styles.js ***!
  \*************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var Styling_1 = __webpack_require__(/*! ../../Styling */ "../../node_modules/office-ui-fabric-react/lib/Styling.js");
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var MS_CHECKBOX_LABEL_SIZE = '20px';
var MS_CHECKBOX_TRANSITION_DURATION = '200ms';
var MS_CHECKBOX_TRANSITION_TIMING = 'cubic-bezier(.4, 0, .23, 1)';
exports.getStyles = Utilities_1.memoizeFunction(function (theme, customStyles) {
    var semanticColors = theme.semanticColors, palette = theme.palette;
    var checkmarkFontColor = semanticColors.inputForegroundChecked;
    var checkmarkFontColorCheckedDisabled = semanticColors.disabledBackground;
    var checkboxBorderColor = semanticColors.smallInputBorder;
    var checkboxBorderColorChecked = semanticColors.inputBackgroundChecked;
    var checkboxBorderColorDisabled = semanticColors.disabledBodyText;
    var checkboxBorderHoveredColor = semanticColors.inputBorderHovered;
    var checkboxBackgroundChecked = semanticColors.inputBackgroundChecked;
    var checkboxBackgroundCheckedHovered = semanticColors.inputBackgroundCheckedHovered;
    var checkboxBorderColorCheckedHovered = semanticColors.inputBackgroundCheckedHovered;
    var checkboxBackgroundDisabled = semanticColors.disabledBodyText;
    var checkboxTextColor = semanticColors.bodyText;
    var checkboxTextColorDisabled = semanticColors.disabledText;
    var styles = {
        root: [
            Styling_1.getFocusStyle(theme, -2),
            {
                padding: '0',
                border: 'none',
                background: 'none',
                margin: '0',
                outline: 'none',
                display: 'block',
                cursor: 'pointer',
            }
        ],
        label: {
            display: 'inline-flex',
            margin: '0 -4px',
            alignItems: 'center',
            cursor: 'pointer',
            position: 'relative',
            textAlign: 'left'
        },
        labelReversed: {
            flexDirection: 'row-reverse',
            justifyContent: 'flex-end'
        },
        labelDisabled: {
            cursor: 'default'
        },
        checkbox: {
            display: 'flex',
            flexShrink: 0,
            alignItems: 'center',
            justifyContent: 'center',
            height: MS_CHECKBOX_LABEL_SIZE,
            width: MS_CHECKBOX_LABEL_SIZE,
            borderWidth: '1px',
            borderStyle: 'solid',
            borderColor: checkboxBorderColor,
            margin: '0 4px',
            boxSizing: 'border-box',
            transitionProperty: 'background, border, border-color',
            transitionDuration: MS_CHECKBOX_TRANSITION_DURATION,
            transitionTimingFunction: MS_CHECKBOX_TRANSITION_TIMING,
            userSelect: 'none',
            /* incase the icon is bigger than the box */
            overflow: 'hidden'
        },
        checkboxHovered: {
            borderColor: checkboxBorderHoveredColor,
        },
        checkboxFocused: {
            borderColor: checkboxBorderHoveredColor,
        },
        checkboxChecked: {
            background: checkboxBackgroundChecked,
            borderColor: checkboxBorderColorChecked
        },
        checkboxCheckedHovered: {
            background: checkboxBackgroundCheckedHovered,
            borderColor: checkboxBorderColorCheckedHovered
        },
        checkboxCheckedFocused: {
            background: checkboxBackgroundCheckedHovered,
            borderColor: checkboxBorderColorCheckedHovered
        },
        checkboxDisabled: {
            borderColor: checkboxBorderColorDisabled
        },
        checkboxCheckedDisabled: {
            background: checkboxBackgroundDisabled,
            borderColor: checkboxBorderColorDisabled
        },
        checkmark: {
            opacity: '0',
            color: checkmarkFontColor
        },
        checkmarkChecked: {
            opacity: '1'
        },
        checkmarkDisabled: {},
        checkmarkCheckedDisabled: {
            opacity: '1',
            color: checkmarkFontColorCheckedDisabled,
        },
        text: {
            color: checkboxTextColor,
            margin: '0 4px',
            fontSize: Styling_1.FontSizes.medium
        },
        textHovered: {
            color: palette.black,
        },
        textFocused: {
            color: palette.black,
        },
        textDisabled: {
            color: checkboxTextColorDisabled,
        }
    };
    return Styling_1.concatStyleSets(styles, customStyles);
});
//# sourceMappingURL=Checkbox.styles.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js":
/*!***************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Checkbox/index.js ***!
  \***************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
tslib_1.__exportStar(__webpack_require__(/*! ./Checkbox.base */ "../../node_modules/office-ui-fabric-react/lib/components/Checkbox/Checkbox.base.js"), exports);
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "../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;


/***/ }),

/***/ "../fabric-ui/lib/component/NavigationView.classNames.js":
/*!***************************************************************!*\
  !*** ../fabric-ui/lib/component/NavigationView.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("navigation-view", className, styles.root),
        menu: styling_1.mergeStyles("navigation-view-menu", styles.menu),
        menuGlass: styling_1.mergeStyles("navigation-view-menu-glass", styles.menuGlass),
        menuContent: styling_1.mergeStyles("navigation-view-menu-content", styles.menuContent),
        title: styling_1.mergeStyles("navigation-view-title", styles.title),
        menuContentNear: styling_1.mergeStyles("navigation-view-menu-content-near", styles.menuContentNear),
        menuContentFar: styling_1.mergeStyles("navigation-view-menu-far", styles.menuContentFar),
        menuItemContainer: styling_1.mergeStyles("navigation-view-menu-item-container", styles.menuItemContainer),
        menuItem: styling_1.mergeStyles("navigation-view-menu-item", styles.menuItem),
        menuItemTitleContainer: styling_1.mergeStyles("navigation-view-menu-item-title-container", styles.menuItemTitleContainer),
        menuItemIconContainer: styling_1.mergeStyles("navigation-view-menu-item-icon-container", styles.menuItemIconContainer),
        menuItemIconAlt: styling_1.mergeStyles("navigation-view-menu-item-icon-alt", styles.menuItemIconAlt),
        main: styling_1.mergeStyles("navigation-view-main", styles.main)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../fabric-ui/lib/component/NavigationView.js":
/*!****************************************************!*\
  !*** ../fabric-ui/lib/component/NavigationView.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;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var Icon_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Icon */ "../../node_modules/office-ui-fabric-react/lib/Icon.js");
var ContextualMenu_1 = __webpack_require__(/*! office-ui-fabric-react/lib/ContextualMenu */ "../../node_modules/office-ui-fabric-react/lib/ContextualMenu.js");
var css_1 = __webpack_require__(/*! @uifabric/utilities/lib/css */ "../../node_modules/@uifabric/utilities/lib/css.js");
var NavigationView_styles_1 = __webpack_require__(/*! ./NavigationView.styles */ "../fabric-ui/lib/component/NavigationView.styles.js");
var NavigationView_classNames_1 = __webpack_require__(/*! ./NavigationView.classNames */ "../fabric-ui/lib/component/NavigationView.classNames.js");
var NavigationViewMenuItem = /** @class */ (function (_super) {
    __extends(NavigationViewMenuItem, _super);
    function NavigationViewMenuItem(props) {
        var _this = _super.call(this, props) || this;
        _this._onClick = function (e) {
            if (_this.props.item.onClick) {
                _this.props.item.onClick(e, _this.props.item);
                if (_this.props.onClickItem) {
                    _this.props.onClickItem(e, _this.props.item);
                }
            }
            else if (_this.props.item.subMenuProps) {
                _this.setState({ menuOpen: !_this.state.menuOpen });
            }
        };
        _this._onRef = function (ref) {
            _this._ref = ref;
        };
        _this._onDismiss = function () {
            _this.setState({ menuOpen: false });
        };
        _this.state = { menuOpen: false };
        return _this;
    }
    NavigationViewMenuItem.prototype.render = function () {
        var item = this.props.item;
        return (React.createElement("div", { role: "menuitem", className: this.props.classNames.menuItemContainer, ref: this._onRef },
            React.createElement("button", { key: item.key, type: "button", disabled: item.disabled, className: css_1.css(this.props.classNames.menuItem, { active: item.checked }), title: this.props.open ? undefined : item.name, onClick: this._onClick },
                React.createElement("div", { className: this.props.classNames.menuItemIconContainer }, item.iconProps ? React.createElement(Icon_1.Icon, __assign({}, item.iconProps)) : !this.props.open ? React.createElement("div", { className: this.props.classNames.menuItemIconAlt }, item.name) : undefined),
                this.props.open && (React.createElement("div", { className: this.props.classNames.menuItemTitleContainer }, item.name))),
            this.state.menuOpen && (React.createElement(ContextualMenu_1.ContextualMenu, __assign({}, this.props.item.subMenuProps, { isBeakVisible: true, directionalHint: 12 /* rightCenter */, target: this._ref, onDismiss: this._onDismiss })))));
    };
    return NavigationViewMenuItem;
}(React.Component));
var NavigationViewMenuControl = /** @class */ (function (_super) {
    __extends(NavigationViewMenuControl, _super);
    function NavigationViewMenuControl() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    NavigationViewMenuControl.prototype.render = function () {
        return (React.createElement("button", { type: "button", className: this.props.classNames.menuItem, onClick: this.props.onClick, title: this.props.open ? "Close Menu" : "Open Menu" },
            React.createElement("div", { className: this.props.classNames.menuItemIconContainer },
                React.createElement(Icon_1.Icon, { iconName: "GlobalNavButton" })),
            this.props.open && (React.createElement("div", { className: this.props.classNames.menuItemTitleContainer }, this.props.title))));
    };
    return NavigationViewMenuControl;
}(React.Component));
var NavigationView = /** @class */ (function (_super) {
    __extends(NavigationView, _super);
    function NavigationView(props) {
        var _this = _super.call(this, props) || this;
        _this._onMainMouseDown = function () {
            if (_this.menuOpen) {
                _this.menuOpen = false;
            }
        };
        _this._onClickControl = function () {
            _this.menuOpen = !_this.menuOpen;
        };
        _this._onMenuItemClicked = function (e, item) {
        };
        _this._renderMenuItem = function (item, idx) {
            return React.createElement(NavigationViewMenuItem, { item: item, key: item.key, open: _this.state.menuOpen, classNames: _this._classNames, onClickItem: _this._onMenuItemClicked });
        };
        _this._notifyMenuOpenChange = function () {
            if (_this.props.onMenuOpenChange && !_this.state.menuTransition && !_this.state.mainTransition) {
                _this.props.onMenuOpenChange(_this.state.menuOpen);
            }
        };
        _this._onMenuTransitionEnd = function () {
            _this.setState({ menuTransition: false }, _this._notifyMenuOpenChange);
        };
        _this._onMainTransitionEnd = function () {
            _this.setState({ mainTransition: false }, _this._notifyMenuOpenChange);
        };
        _this.state = { menuOpen: _this.props.menuOpen !== undefined ? _this.props.menuOpen : false, menuTransition: false, mainTransition: false };
        return _this;
    }
    NavigationView.prototype.componentWillReceiveProps = function (nextProps) {
        if (nextProps.menuOpen !== undefined && nextProps.menuOpen !== this.state.menuOpen) {
            this.menuOpen = nextProps.menuOpen;
        }
    };
    Object.defineProperty(NavigationView.prototype, "menuOpen", {
        get: function () {
            return this.state.menuOpen;
        },
        set: function (value) {
            this.setState({ menuOpen: value, menuTransition: true, mainTransition: this.props.menuInline ? true : false });
        },
        enumerable: true,
        configurable: true
    });
    NavigationView.prototype._renderMenuControl = function () {
        return React.createElement(NavigationViewMenuControl, { open: this.state.menuOpen, title: this.props.title, classNames: this._classNames, onClick: this._onClickControl });
    };
    NavigationView.prototype._renderMenuContentNear = function () {
        var items = this.props.items;
        if (items && items.length > 0) {
            var itemViews = items.map(this._renderMenuItem);
            return (React.createElement("div", { className: this._classNames.menuContentNear }, itemViews));
        }
        return null;
    };
    NavigationView.prototype._renderMenuContentFar = function () {
        var items = this.props.farItems;
        if (items && items.length > 0) {
            var itemViews = items.map(this._renderMenuItem);
            return (React.createElement("div", { className: this._classNames.menuContentFar }, itemViews));
        }
        return null;
    };
    Object.defineProperty(NavigationView.prototype, "hasMenu", {
        get: function () {
            return (this.props.items && this.props.items.length > 0) || (this.props.farItems && this.props.farItems.length > 0);
        },
        enumerable: true,
        configurable: true
    });
    NavigationView.prototype._renderMenu = function () {
        if (this.hasMenu) {
            return (React.createElement("nav", { role: "menubar", className: css_1.css(this._classNames.menu, { open: this.state.menuOpen, inline: this.props.menuInline, rootView: this.props.root }), onTransitionEnd: this._onMenuTransitionEnd, "aria-expanded": this.state.menuOpen && !this.state.menuTransition },
                React.createElement("div", { className: this._classNames.menuGlass }),
                React.createElement("div", { className: css_1.css(this._classNames.menuContent) },
                    this._renderMenuControl(),
                    this._renderMenuContentNear(),
                    this._renderMenuContentFar())));
        }
        return null;
    };
    NavigationView.prototype._renderMain = function () {
        return (React.createElement("div", { role: "main", className: css_1.css(this._classNames.main, { menuInlineOffset: this.state.menuOpen && this.props.menuInline, hasMenu: this.hasMenu, rootView: this.props.root }), onMouseDown: !this.props.menuInline ? this._onMainMouseDown : undefined, onTransitionEnd: this.props.menuInline ? this._onMainTransitionEnd : undefined }, this.props.children));
    };
    NavigationView.prototype.render = function () {
        this._classNames = NavigationView_classNames_1.getClassNames(NavigationView_styles_1.getStyles(null, this.props.styles), this.props.className);
        return (React.createElement("div", { className: css_1.css(this._classNames.root, { menuOpen: this.state.menuOpen, rootView: this.props.root }) },
            this._renderMenu(),
            this._renderMain()));
    };
    return NavigationView;
}(React.Component));
exports.NavigationView = NavigationView;


/***/ }),

/***/ "../fabric-ui/lib/component/NavigationView.styles.js":
/*!***********************************************************!*\
  !*** ../fabric-ui/lib/component/NavigationView.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
        },
        menu: {
            zIndex: 2,
            width: 40,
            left: 0,
            top: 0,
            bottom: 0,
            position: "absolute",
            display: "flex",
            justifyContent: "flex-start",
            alignItems: "center",
            transition: "width 0.2s",
            backgroundColor: theme.palette.neutralTertiary,
            selectors: {
                "&.open": {
                    width: 200,
                    backgroundColor: theme.palette.neutralTertiary,
                    boxShadow: "0 0 5px 0 rgba(0, 0, 0, 0.4)"
                },
                "&.inline": {
                    boxShadow: "none"
                }
            }
        },
        menuGlass: {
            position: "absolute",
            top: 0,
            right: 0,
            bottom: 0,
            left: 0,
            zIndex: 1,
            background: "transparent"
        },
        menuContent: {
            position: "absolute",
            top: 0,
            right: 0,
            bottom: 0,
            left: 0,
            zIndex: 2,
            background: "transparent"
        },
        menuContentNear: {
            position: "absolute",
            top: 40,
            left: 0,
            right: 0
        },
        menuContentFar: {
            position: "absolute",
            left: 0,
            right: 0,
            bottom: 0,
            display: "flex",
            justifyContent: "flex-end",
            alignItems: "center"
        },
        menuItemContainer: {},
        menuItem: {
            outline: "none",
            border: "none",
            padding: 0,
            margin: 0,
            background: "transparent",
            display: "flex",
            justifyContent: "flex-start",
            alignItems: "center",
            minHeight: 40,
            width: "100%",
            overflow: "hidden",
            color: theme.palette.white,
            cursor: "pointer",
            selectors: {
                ":hover": {
                    backgroundColor: theme.palette.neutralSecondary
                },
                "&.active": {
                    backgroundColor: theme.palette.themeDark
                }
            }
        },
        menuItemTitleContainer: {
            overflow: "hidden",
            whiteSpace: "nowrap"
        },
        menuItemIconContainer: {
            width: 40,
            minWidth: 40,
            height: 40,
            minHeight: 40,
            display: "flex",
            justifyContent: "center",
            alignItems: "center"
        },
        menuItemIconAlt: Object.assign({}, theme.fonts.tiny),
        main: {
            zIndex: 1,
            position: "absolute",
            top: 0,
            left: 0,
            right: 0,
            bottom: 0,
            overflow: "auto",
            transition: "left 0.2s",
            selectors: {
                "&.hasMenu": {
                    left: 40
                },
                "&.menuInlineOffset": {
                    left: 200
                }
            }
        }
    };
};
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;


/***/ }),

/***/ "../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/fabric/component/NavigationView.js":
/*!*************************************************************!*\
  !*** ../sample-base/lib/fabric/component/NavigationView.js ***!
  \*************************************************************/
/*! exports provided: NavigationViewSampleApp */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NavigationViewSampleApp", function() { return NavigationViewSampleApp; });
/* 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_fabric_ui_lib_component_NavigationView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @twii/fabric-ui/lib/component/NavigationView */ "../fabric-ui/lib/component/NavigationView.js");
/* harmony import */ var _twii_fabric_ui_lib_component_NavigationView__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_twii_fabric_ui_lib_component_NavigationView__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../component/SampleHostAppView */ "../sample-base/lib/component/SampleHostAppView.js");
/* harmony import */ var office_ui_fabric_react_lib_Checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! office-ui-fabric-react/lib/Checkbox */ "../../node_modules/office-ui-fabric-react/lib/Checkbox.js");
/* harmony import */ var office_ui_fabric_react_lib_Checkbox__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(office_ui_fabric_react_lib_Checkbox__WEBPACK_IMPORTED_MODULE_3__);
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 NavigationViewSampleApp = /** @class */ (function (_super) {
    __extends(NavigationViewSampleApp, _super);
    function NavigationViewSampleApp(props) {
        var _this = _super.call(this, props) || this;
        _this._onClickHello = function () {
        };
        _this._onClickGoodbye = function () {
        };
        _this._onMenuInlineChange = function (e, checked) {
            _this.setState({ menuInline: checked });
        };
        _this.state = { menuInline: false };
        return _this;
    }
    NavigationViewSampleApp.prototype.componentWillMount = function () {
        this.props.host.setTitle("Navigation View Sample");
    };
    NavigationViewSampleApp.prototype.render = function () {
        var items = [
            {
                key: "hello",
                name: "Hello",
                onClick: this._onClickHello
            },
            {
                key: "subMenu",
                name: "Sub Menu",
                iconProps: { iconName: "ContextMenu" },
                subMenuProps: {
                    items: [
                        {
                            key: "goodbye",
                            name: "Goodbye",
                            onClick: this._onClickGoodbye
                        }
                    ]
                }
            }
        ];
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_2__["SampleHostAppView"], { host: this.props.host },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_twii_fabric_ui_lib_component_NavigationView__WEBPACK_IMPORTED_MODULE_1__["NavigationView"], { title: "Sample Navigation View", items: items, menuInline: this.state.menuInline },
                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { padding: 8 } },
                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", null, "Navigation View Sample"),
                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { padding: 8 } },
                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"](office_ui_fabric_react_lib_Checkbox__WEBPACK_IMPORTED_MODULE_3__["Checkbox"], { label: "Inline", value: this.state.menuInline, onChange: this._onMenuInlineChange }))))));
    };
    return NavigationViewSampleApp;
}(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"
            }
        ]
    }
];



/***/ })

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