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

/***/ "../../node_modules/office-ui-fabric-react/lib/ScrollablePane.js":
/*!****************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/ScrollablePane.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/ScrollablePane/index */ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/index.js"), exports);
//# sourceMappingURL=ScrollablePane.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/Sticky.js":
/*!********************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/Sticky.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/Sticky/index */ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/index.js"), exports);
//# sourceMappingURL=Sticky.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.base.js":
/*!***********************************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.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");
/* tslint:disable:no-unused-variable */
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
/* tslint:enable:no-unused-variable */
var PropTypes = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var getClassNames = Utilities_1.classNamesFunction();
var ScrollablePaneBase = /** @class */ (function (_super) {
    tslib_1.__extends(ScrollablePaneBase, _super);
    function ScrollablePaneBase(props) {
        var _this = _super.call(this, props) || this;
        _this._root = Utilities_1.createRef();
        _this._stickyAboveRef = Utilities_1.createRef();
        _this._stickyBelowRef = Utilities_1.createRef();
        _this.subscribe = function (handler) {
            _this._subscribers.add(handler);
        };
        _this.unsubscribe = function (handler) {
            _this._subscribers.delete(handler);
        };
        _this.addStickyHeader = function (sticky) {
            _this._addSticky(sticky, _this._stickyAbove, function () {
                if (_this._stickyAboveRef.value) {
                    _this._stickyAboveRef.value.appendChild(sticky.content);
                }
            });
        };
        _this.addStickyFooter = function (sticky) {
            _this._addSticky(sticky, _this._stickyBelow, function () {
                if (_this._stickyBelowRef.value) {
                    _this._stickyBelowRef.value.insertBefore(sticky.content, _this._stickyBelowRef.value.firstChild);
                }
            });
        };
        _this.removeStickyHeader = function (sticky) {
            _this._removeSticky(sticky, _this._stickyAbove, _this._stickyAboveRef.value);
        };
        _this.removeStickyFooter = function (sticky) {
            _this._removeSticky(sticky, _this._stickyBelow, _this._stickyBelowRef.value);
        };
        _this.notifySubscribers = function (sort) {
            _this._subscribers.forEach(function (handle) {
                if (_this._stickyAboveRef.value && _this._stickyBelowRef.value) {
                    handle(_this._stickyAboveRef.value.getBoundingClientRect(), _this._stickyBelowRef.value.getBoundingClientRect());
                }
            });
            if (_this._stickyAbove.size > 1) {
                _this._sortStickies(_this._stickyAbove, _this._stickyAboveRef.value);
            }
            if (_this._stickyBelow.size > 1) {
                _this._sortStickies(_this._stickyBelow, _this._stickyBelowRef.value);
            }
        };
        _this.getScrollPosition = function () {
            if (_this._root.value) {
                return _this._root.value.scrollTop;
            }
            return 0;
        };
        _this._setPlaceholderHeights = function (stickies) {
            stickies.forEach(function (sticky, idx) {
                sticky.setPlaceholderHeight(sticky.content.clientHeight);
            });
        };
        _this._subscribers = new Set();
        _this._stickyAbove = new Set();
        _this._stickyBelow = new Set();
        return _this;
    }
    Object.defineProperty(ScrollablePaneBase.prototype, "root", {
        get: function () {
            return this._root.value;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(ScrollablePaneBase.prototype, "stickyAbove", {
        get: function () {
            return this._stickyAboveRef.value;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(ScrollablePaneBase.prototype, "stickyBelow", {
        get: function () {
            return this._stickyBelowRef.value;
        },
        enumerable: true,
        configurable: true
    });
    ScrollablePaneBase.prototype.getChildContext = function () {
        return {
            scrollablePane: {
                subscribe: this.subscribe,
                unsubscribe: this.unsubscribe,
                addStickyHeader: this.addStickyHeader,
                removeStickyHeader: this.removeStickyHeader,
                addStickyFooter: this.addStickyFooter,
                removeStickyFooter: this.removeStickyFooter,
                notifySubscribers: this.notifySubscribers
            }
        };
    };
    ScrollablePaneBase.prototype.componentDidMount = function () {
        this._events.on(this._root.value, 'scroll', this.notifySubscribers);
        this._events.on(window, 'resize', this._onWindowResize);
    };
    ScrollablePaneBase.prototype.componentWillUnmount = function () {
        this._events.off(this._root.value);
        this._events.off(window);
    };
    ScrollablePaneBase.prototype.componentDidUpdate = function (prevProps) {
        var initialScrollPosition = this.props.initialScrollPosition;
        if (this._root.value && initialScrollPosition && prevProps.initialScrollPosition !== initialScrollPosition) {
            this._root.value.scrollTop = initialScrollPosition;
        }
    };
    ScrollablePaneBase.prototype.render = function () {
        var _a = this.props, className = _a.className, theme = _a.theme, getStyles = _a.getStyles;
        var classNames = getClassNames(getStyles, {
            theme: theme,
            className: className
        });
        return (React.createElement("div", tslib_1.__assign({}, Utilities_1.getNativeProps(this.props, Utilities_1.divProperties), { ref: this._root, className: classNames.root }),
            React.createElement("div", { ref: this._stickyAboveRef, className: classNames.stickyAbove }),
            React.createElement("div", { ref: this._stickyBelowRef, className: classNames.stickyBelow }),
            React.createElement("div", { "data-is-scrollable": true }, this.props.children)));
    };
    ScrollablePaneBase.prototype.forceLayoutUpdate = function () {
        this._onWindowResize();
    };
    ScrollablePaneBase.prototype._addSticky = function (sticky, stickyList, addStickyToContainer) {
        if (!stickyList.has(sticky)) {
            stickyList.add(sticky);
            addStickyToContainer();
            sticky.content.addEventListener('transitionend', this._setPlaceholderHeights.bind(null, stickyList), false);
            if (sticky.props.stickyClassName) {
                this._async.setTimeout(function () {
                    if (sticky.props.stickyClassName) {
                        sticky.content.children[0].classList.add(sticky.props.stickyClassName);
                    }
                }, 1);
            }
            this._setPlaceholderHeights(stickyList);
        }
    };
    ScrollablePaneBase.prototype._removeSticky = function (sticky, stickyList, container) {
        if (container && stickyList.has(sticky)) {
            sticky.content.removeEventListener('transitionend', this._setPlaceholderHeights.bind(null, stickyList, container));
            stickyList.delete(sticky);
        }
    };
    ScrollablePaneBase.prototype._onWindowResize = function () {
        var _this = this;
        this._async.setTimeout(function () {
            _this.notifySubscribers();
            _this._setPlaceholderHeights(_this._stickyAbove);
            _this._setPlaceholderHeights(_this._stickyBelow);
        }, 5);
    };
    ScrollablePaneBase.prototype._sortStickies = function (stickyList, container) {
        var _this = this;
        // No sorting needed if there is no container
        if (!container) {
            return;
        }
        var stickyArr = Array.from(stickyList);
        stickyArr = stickyArr.sort(function (a, b) {
            var aOffset = _this._calculateOffsetParent(a.root.value);
            var bOffset = _this._calculateOffsetParent(b.root.value);
            return aOffset - bOffset;
        });
        // Get number of elements that is already in order.
        var elementsInOrder = 0;
        while (elementsInOrder < container.children.length && elementsInOrder < stickyArr.length) {
            if (container.children[elementsInOrder] === stickyArr[elementsInOrder].content) {
                ++elementsInOrder;
            }
            else {
                break;
            }
        }
        // Remove elements that is not in order if exist.
        for (var i = container.children.length - 1; i >= elementsInOrder; --i) {
            container.removeChild(container.children[i]);
        }
        // Append further elements if needed.
        for (var i = elementsInOrder; i < stickyArr.length; ++i) {
            container.appendChild(stickyArr[i].content);
        }
    };
    ScrollablePaneBase.prototype._calculateOffsetParent = function (ele) {
        var offset = 0;
        while (ele && this._root.value && ele.offsetParent !== this._root.value.offsetParent) {
            offset += ele.offsetTop;
            if (ele.parentElement) {
                ele = ele.parentElement;
            }
        }
        return offset;
    };
    ScrollablePaneBase.childContextTypes = {
        scrollablePane: PropTypes.object
    };
    ScrollablePaneBase = tslib_1.__decorate([
        Utilities_1.customizable('ScrollablePane', ['theme'])
    ], ScrollablePaneBase);
    return ScrollablePaneBase;
}(Utilities_1.BaseComponent));
exports.ScrollablePaneBase = ScrollablePaneBase;
//# sourceMappingURL=ScrollablePane.base.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.js":
/*!******************************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.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 ScrollablePane_base_1 = __webpack_require__(/*! ./ScrollablePane.base */ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.base.js");
var ScrollablePane_styles_1 = __webpack_require__(/*! ./ScrollablePane.styles */ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.styles.js");
exports.ScrollablePane = Utilities_1.styled(ScrollablePane_base_1.ScrollablePaneBase, ScrollablePane_styles_1.getStyles);
//# sourceMappingURL=ScrollablePane.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.styles.js":
/*!*************************************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.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");
exports.getStyles = function (props) {
    var className = props.className;
    var AboveAndBelowStyles = {
        position: 'absolute',
        pointerEvents: 'auto',
        width: '100%',
        zIndex: 1
    };
    return ({
        root: [
            'ms-ScrollablePane',
            {
                overflowY: 'auto',
                maxHeight: 'inherit',
                height: 'inherit',
                WebkitOverflowScrolling: 'touch'
            },
            className
        ],
        stickyAbove: [
            {
                top: 0,
                selectors: (_a = {},
                    _a[Styling_1.HighContrastSelector] = {
                        borderBottom: '1px solid WindowText'
                    },
                    _a)
            },
            AboveAndBelowStyles
        ],
        stickyBelow: [
            {
                bottom: 0,
                selectors: (_b = {},
                    _b[Styling_1.HighContrastSelector] = {
                        borderTop: '1px solid WindowText'
                    },
                    _b)
            },
            AboveAndBelowStyles
        ]
    });
    var _a, _b;
};
//# sourceMappingURL=ScrollablePane.styles.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/index.js":
/*!*********************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/ScrollablePane/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__(/*! ./ScrollablePane */ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.js"), exports);
tslib_1.__exportStar(__webpack_require__(/*! ./ScrollablePane.base */ "../../node_modules/office-ui-fabric-react/lib/components/ScrollablePane/ScrollablePane.base.js"), exports);
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/Sticky.js":
/*!**************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Sticky/Sticky.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");
/* tslint:disable:no-unused-variable */
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var ReactDOM = __webpack_require__(/*! react-dom */ "../../node_modules/react-dom/index.js");
/* tslint:enable:no-unused-variable */
var PropTypes = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Sticky_types_1 = __webpack_require__(/*! ./Sticky.types */ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/Sticky.types.js");
var Sticky = /** @class */ (function (_super) {
    tslib_1.__extends(Sticky, _super);
    function Sticky(props) {
        var _this = _super.call(this, props) || this;
        _this.root = Utilities_1.createRef();
        _this._onScrollEvent = function (headerBound, footerBound) {
            if (!_this.root.value) {
                return;
            }
            var _a = _this.root.value.getBoundingClientRect(), top = _a.top, bottom = _a.bottom;
            var _b = _this.state, isStickyTop = _b.isStickyTop, isStickyBottom = _b.isStickyBottom;
            var stickyPosition = _this.props.stickyPosition;
            var canStickyHeader = stickyPosition === Sticky_types_1.StickyPositionType.Both || stickyPosition === Sticky_types_1.StickyPositionType.Header;
            var canStickyFooter = stickyPosition === Sticky_types_1.StickyPositionType.Both || stickyPosition === Sticky_types_1.StickyPositionType.Footer;
            _this.setState({
                isStickyTop: canStickyHeader && ((top <= headerBound.bottom) || (isStickyTop && bottom < headerBound.bottom)),
                isStickyBottom: canStickyFooter && ((bottom >= footerBound.top) || (isStickyBottom && top > footerBound.top))
            });
        };
        _this.state = {
            isStickyTop: false,
            isStickyBottom: false
        };
        return _this;
    }
    Sticky.prototype.componentDidMount = function () {
        if (!this.context.scrollablePane) {
            throw new TypeError('Expected Sticky to be mounted within ScrollablePane');
        }
        var scrollablePane = this.context.scrollablePane;
        scrollablePane.subscribe(this._onScrollEvent);
        this.content = document.createElement('div');
        this.content.style.background = this.props.stickyBackgroundColor || this._getBackground();
        ReactDOM.render(React.createElement("div", null, this.props.children), this.content);
        if (this.root.value) {
            this.root.value.appendChild(this.content);
        }
        this.context.scrollablePane.notifySubscribers(true);
    };
    Sticky.prototype.componentWillUnmount = function () {
        var _this = this;
        var _a = this.state, isStickyTop = _a.isStickyTop, isStickyBottom = _a.isStickyBottom;
        var scrollablePane = this.context.scrollablePane;
        if (isStickyTop) {
            this._resetSticky(function () {
                scrollablePane.removeStickyHeader(_this);
            });
        }
        if (isStickyBottom) {
            this._resetSticky(function () {
                scrollablePane.removeStickyFooter(_this);
            });
        }
        scrollablePane.unsubscribe(this._onScrollEvent);
    };
    Sticky.prototype.componentDidUpdate = function (prevProps, prevState) {
        var _this = this;
        var _a = this.state, isStickyTop = _a.isStickyTop, isStickyBottom = _a.isStickyBottom;
        var scrollablePane = this.context.scrollablePane;
        if (this.props.children !== prevProps.children) {
            ReactDOM.render(React.createElement("div", null, this.props.children), this.content);
        }
        if (isStickyTop && !prevState.isStickyTop) {
            this._setSticky(function () {
                scrollablePane.addStickyHeader(_this);
            });
        }
        else if (!isStickyTop && prevState.isStickyTop) {
            this._resetSticky(function () {
                scrollablePane.removeStickyHeader(_this);
            });
        }
        if (isStickyBottom && !prevState.isStickyBottom) {
            this._setSticky(function () {
                scrollablePane.addStickyFooter(_this);
            });
        }
        else if (!isStickyBottom && prevState.isStickyBottom) {
            this._resetSticky(function () {
                scrollablePane.removeStickyFooter(_this);
            });
        }
    };
    Sticky.prototype.shouldComponentUpdate = function (nextProps, nextState) {
        var _a = this.state, isStickyTop = _a.isStickyTop, isStickyBottom = _a.isStickyBottom, placeholderHeight = _a.placeholderHeight;
        return isStickyTop !== nextState.isStickyTop ||
            isStickyBottom !== nextState.isStickyBottom ||
            placeholderHeight !== nextState.placeholderHeight ||
            this.props.children !== nextProps.children;
    };
    Sticky.prototype.setPlaceholderHeight = function (height) {
        this.setState({
            placeholderHeight: height
        });
    };
    Sticky.prototype.render = function () {
        var _a = this.state, isStickyTop = _a.isStickyTop, isStickyBottom = _a.isStickyBottom, placeholderHeight = _a.placeholderHeight;
        var isSticky = isStickyTop || isStickyBottom;
        return (React.createElement("div", { ref: this.root },
            React.createElement("div", { style: { height: (isSticky ? placeholderHeight : 0) } })));
    };
    Sticky.prototype._setSticky = function (callback) {
        if (this.content.parentElement) {
            this.content.parentElement.removeChild(this.content);
        }
        callback();
    };
    Sticky.prototype._resetSticky = function (callback) {
        var _this = this;
        if (this.root.value) {
            this.root.value.appendChild(this.content);
        }
        setTimeout(function () {
            if (_this.props.stickyClassName) {
                _this.content.children[0].classList.remove(_this.props.stickyClassName);
            }
        }, 1);
        callback();
    };
    // Gets background of nearest parent element that has a declared background-color attribute
    Sticky.prototype._getBackground = function () {
        if (!this.root.value) {
            return null;
        }
        var curr = this.root.value;
        while (window.getComputedStyle(curr).getPropertyValue('background-color') === 'rgba(0, 0, 0, 0)' ||
            window.getComputedStyle(curr).getPropertyValue('background-color') === 'transparent') {
            if (curr.tagName === 'HTML') {
                // Fallback color if no element has a declared background-color attribute
                return null;
            }
            if (curr.parentElement) {
                curr = curr.parentElement;
            }
        }
        return window.getComputedStyle(curr).getPropertyValue('background-color');
    };
    Sticky.defaultProps = {
        stickyPosition: Sticky_types_1.StickyPositionType.Both
    };
    Sticky.contextTypes = {
        scrollablePane: PropTypes.object
    };
    return Sticky;
}(Utilities_1.BaseComponent));
exports.Sticky = Sticky;
//# sourceMappingURL=Sticky.js.map

/***/ }),

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

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var StickyPositionType;
(function (StickyPositionType) {
    StickyPositionType[StickyPositionType["Both"] = 0] = "Both";
    StickyPositionType[StickyPositionType["Header"] = 1] = "Header";
    StickyPositionType[StickyPositionType["Footer"] = 2] = "Footer";
})(StickyPositionType = exports.StickyPositionType || (exports.StickyPositionType = {}));
//# sourceMappingURL=Sticky.types.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/index.js":
/*!*************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/office-ui-fabric-react/lib/components/Sticky/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__(/*! ./Sticky */ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/Sticky.js"), exports);
tslib_1.__exportStar(__webpack_require__(/*! ./Sticky.types */ "../../node_modules/office-ui-fabric-react/lib/components/Sticky/Sticky.types.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;


/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StickySample", function() { return StickySample; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StickySampleApp", function() { return StickySampleApp; });
/* 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 office_ui_fabric_react_lib_Sticky__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! office-ui-fabric-react/lib/Sticky */ "../../node_modules/office-ui-fabric-react/lib/Sticky.js");
/* harmony import */ var office_ui_fabric_react_lib_Sticky__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(office_ui_fabric_react_lib_Sticky__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var office_ui_fabric_react_lib_ScrollablePane__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! office-ui-fabric-react/lib/ScrollablePane */ "../../node_modules/office-ui-fabric-react/lib/ScrollablePane.js");
/* harmony import */ var office_ui_fabric_react_lib_ScrollablePane__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(office_ui_fabric_react_lib_ScrollablePane__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../component/SampleHostAppView */ "../sample-base/lib/component/SampleHostAppView.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 rubbish = function (n) {
    var r = [];
    for (var i = 0; i < n; i++) {
        r.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { key: i },
            "This is some rubbish content after the Sticky ",
            i,
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", null),
            "And some more rubbish content ",
            i));
    }
    return r;
};
var StickySample = /** @class */ (function (_super) {
    __extends(StickySample, _super);
    function StickySample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StickySample.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](office_ui_fabric_react_lib_ScrollablePane__WEBPACK_IMPORTED_MODULE_2__["ScrollablePane"], { style: { margin: 8, width: 600, maxHeight: 400, border: "1px solid #cccccc", position: "relative" } },
            rubbish(10),
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](office_ui_fabric_react_lib_Sticky__WEBPACK_IMPORTED_MODULE_1__["Sticky"], { stickyBackgroundColor: "#336699" }, "Sample Sticky Component"),
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, rubbish(30))));
    };
    return StickySample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
var StickySampleApp = /** @class */ (function (_super) {
    __extends(StickySampleApp, _super);
    function StickySampleApp() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    StickySampleApp.prototype.componentWillMount = function () {
        this.props.host.setTitle("Sticky Samples");
    };
    StickySampleApp.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_3__["SampleHostAppView"], { host: this.props.host },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StickySample, null)));
    };
    return StickySampleApp;
}(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=6.js.map