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

/***/ "../../node_modules/@blueprintjs/core/lib/esm/components/tag-input/tagInput.js":
/*!******************************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/@blueprintjs/core/lib/esm/components/tag-input/tagInput.js ***!
  \******************************************************************************************************/
/*! exports provided: TagInput */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagInput", function() { return TagInput; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _common_abstractPureComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../common/abstractPureComponent */ "../../node_modules/@blueprintjs/core/lib/esm/common/abstractPureComponent.js");
/* harmony import */ var _common_classes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../common/classes */ "../../node_modules/@blueprintjs/core/lib/esm/common/classes.js");
/* harmony import */ var _common_keys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../common/keys */ "../../node_modules/@blueprintjs/core/lib/esm/common/keys.js");
/* harmony import */ var _common_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../common/utils */ "../../node_modules/@blueprintjs/core/lib/esm/common/utils.js");
/* harmony import */ var _icon_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../icon/icon */ "../../node_modules/@blueprintjs/core/lib/esm/components/icon/icon.js");
/* harmony import */ var _tag_tag__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../tag/tag */ "../../node_modules/@blueprintjs/core/lib/esm/components/tag/tag.js");
/*
 * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
 *
 * Licensed under the terms of the LICENSE file distributed with this project.
 */









/** special value for absence of active tag */
var NONE = -1;
var TagInput = /** @class */ (function (_super) {
    tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](TagInput, _super);
    function TagInput() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.state = {
            activeIndex: NONE,
            inputValue: _this.props.inputValue,
            isInputFocused: false,
        };
        _this.refHandlers = {
            input: function (ref) {
                _this.inputElement = ref;
                _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](_this.props.inputRef, ref);
            },
        };
        _this.addTag = function (value) {
            var _a = _this.props, onAdd = _a.onAdd, onChange = _a.onChange, values = _a.values;
            // enter key on non-empty string invokes onAdd
            var newValues = _this.getValues(value);
            var shouldClearInput = _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](onAdd, newValues);
            // avoid a potentially expensive computation if this prop is omitted
            if (_common_utils__WEBPACK_IMPORTED_MODULE_6__["isFunction"](onChange)) {
                shouldClearInput = shouldClearInput || onChange(values.concat(newValues));
            }
            // only explicit return false cancels text clearing
            if (shouldClearInput !== false) {
                _this.setState({ inputValue: "" });
            }
        };
        _this.maybeRenderTag = function (tag, index) {
            if (!tag) {
                return null;
            }
            var tagProps = _this.props.tagProps;
            var props = _common_utils__WEBPACK_IMPORTED_MODULE_6__["isFunction"](tagProps) ? tagProps(tag, index) : tagProps;
            return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_tag_tag__WEBPACK_IMPORTED_MODULE_8__["Tag"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ active: index === _this.state.activeIndex, "data-tag-index": index, key: tag + "__" + index, onRemove: _this.props.disabled ? null : _this.handleRemoveTag }, props), tag));
        };
        _this.handleContainerClick = function () {
            if (_this.inputElement != null) {
                _this.inputElement.focus();
            }
        };
        _this.handleContainerBlur = function () {
            requestAnimationFrame(function () {
                // this event is attached to the container element to capture all blur events from inside.
                // we only need to "unfocus" if the blur event is leaving the container.
                // defer this check using rAF so activeElement will have updated.
                if (_this.inputElement != null && !_this.inputElement.parentElement.contains(document.activeElement)) {
                    if (_this.props.addOnBlur && _this.state.inputValue !== undefined && _this.state.inputValue.length > 0) {
                        _this.addTag(_this.state.inputValue);
                    }
                    _this.setState({ activeIndex: NONE, isInputFocused: false });
                }
            });
        };
        _this.handleInputFocus = function (event) {
            _this.setState({ isInputFocused: true });
            _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](_this.props.inputProps.onFocus, event);
        };
        _this.handleInputChange = function (event) {
            _this.setState({ activeIndex: NONE, inputValue: event.currentTarget.value });
            _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](_this.props.onInputChange, event);
            _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](_this.props.inputProps.onChange, event);
        };
        _this.handleInputKeyDown = function (event) {
            var _a = event.currentTarget, selectionEnd = _a.selectionEnd, value = _a.value;
            var activeIndex = _this.state.activeIndex;
            var activeIndexToEmit = activeIndex;
            if (event.which === _common_keys__WEBPACK_IMPORTED_MODULE_5__["ENTER"] && value.length > 0) {
                _this.addTag(value);
            }
            else if (selectionEnd === 0 && _this.props.values.length > 0) {
                // cursor at beginning of input allows interaction with tags.
                // use selectionEnd to verify cursor position and no text selection.
                if (event.which === _common_keys__WEBPACK_IMPORTED_MODULE_5__["ARROW_LEFT"] || event.which === _common_keys__WEBPACK_IMPORTED_MODULE_5__["ARROW_RIGHT"]) {
                    var nextActiveIndex = _this.getNextActiveIndex(event.which === _common_keys__WEBPACK_IMPORTED_MODULE_5__["ARROW_RIGHT"] ? 1 : -1);
                    if (nextActiveIndex !== activeIndex) {
                        event.stopPropagation();
                        activeIndexToEmit = nextActiveIndex;
                        _this.setState({ activeIndex: nextActiveIndex });
                    }
                }
                else if (event.which === _common_keys__WEBPACK_IMPORTED_MODULE_5__["BACKSPACE"]) {
                    _this.handleBackspaceToRemove(event);
                }
            }
            _this.invokeKeyPressCallback("onKeyDown", event, activeIndexToEmit);
        };
        _this.handleInputKeyUp = function (event) {
            _this.invokeKeyPressCallback("onKeyUp", event, _this.state.activeIndex);
        };
        _this.handleRemoveTag = function (event) {
            // using data attribute to simplify callback logic -- one handler for all children
            var index = +event.currentTarget.parentElement.getAttribute("data-tag-index");
            _this.removeIndexFromValues(index);
        };
        return _this;
    }
    TagInput.prototype.componentWillReceiveProps = function (nextProps) {
        _super.prototype.componentWillReceiveProps.call(this, nextProps);
        if (nextProps.inputValue !== this.props.inputValue) {
            this.setState({ inputValue: nextProps.inputValue });
        }
    };
    TagInput.prototype.render = function () {
        var _a = this.props, className = _a.className, disabled = _a.disabled, fill = _a.fill, inputProps = _a.inputProps, large = _a.large, leftIcon = _a.leftIcon, placeholder = _a.placeholder, values = _a.values;
        var classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(_common_classes__WEBPACK_IMPORTED_MODULE_4__["INPUT"], _common_classes__WEBPACK_IMPORTED_MODULE_4__["TAG_INPUT"], (_b = {},
            _b[_common_classes__WEBPACK_IMPORTED_MODULE_4__["ACTIVE"]] = this.state.isInputFocused,
            _b[_common_classes__WEBPACK_IMPORTED_MODULE_4__["DISABLED"]] = disabled,
            _b[_common_classes__WEBPACK_IMPORTED_MODULE_4__["FILL"]] = fill,
            _b[_common_classes__WEBPACK_IMPORTED_MODULE_4__["LARGE"]] = large,
            _b), className);
        var isLarge = classes.indexOf(_common_classes__WEBPACK_IMPORTED_MODULE_4__["LARGE"]) > NONE;
        // use placeholder prop only if it's defined and values list is empty or contains only falsy values
        var isSomeValueDefined = values.some(function (val) { return !!val; });
        var resolvedPlaceholder = placeholder == null || isSomeValueDefined ? inputProps.placeholder : placeholder;
        return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: classes, onBlur: this.handleContainerBlur, onClick: this.handleContainerClick },
            react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_icon_icon__WEBPACK_IMPORTED_MODULE_7__["Icon"], { className: _common_classes__WEBPACK_IMPORTED_MODULE_4__["TAG_INPUT_ICON"], icon: leftIcon, iconSize: isLarge ? _icon_icon__WEBPACK_IMPORTED_MODULE_7__["Icon"].SIZE_LARGE : _icon_icon__WEBPACK_IMPORTED_MODULE_7__["Icon"].SIZE_STANDARD }),
            react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("div", { className: _common_classes__WEBPACK_IMPORTED_MODULE_4__["TAG_INPUT_VALUES"] },
                values.map(this.maybeRenderTag),
                this.props.children,
                react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("input", tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ value: this.state.inputValue }, inputProps, { onFocus: this.handleInputFocus, onChange: this.handleInputChange, onKeyDown: this.handleInputKeyDown, onKeyUp: this.handleInputKeyUp, placeholder: resolvedPlaceholder, ref: this.refHandlers.input, className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_common_classes__WEBPACK_IMPORTED_MODULE_4__["INPUT_GHOST"], inputProps.className), disabled: disabled }))),
            this.props.rightElement));
        var _b;
    };
    TagInput.prototype.getNextActiveIndex = function (direction) {
        var activeIndex = this.state.activeIndex;
        if (activeIndex === NONE) {
            // nothing active & moving left: select last defined value. otherwise select nothing.
            return direction < 0 ? this.findNextIndex(this.props.values.length, -1) : NONE;
        }
        else {
            // otherwise, move in direction and clamp to bounds.
            // note that upper bound allows going one beyond last item
            // so focus can move off the right end, into the text input.
            return this.findNextIndex(activeIndex, direction);
        }
    };
    TagInput.prototype.findNextIndex = function (startIndex, direction) {
        var values = this.props.values;
        var index = startIndex + direction;
        while (index > 0 && index < values.length && !values[index]) {
            index += direction;
        }
        return _common_utils__WEBPACK_IMPORTED_MODULE_6__["clamp"](index, 0, values.length);
    };
    /**
     * Splits inputValue on separator prop,
     * trims whitespace from each new value,
     * and ignores empty values.
     */
    TagInput.prototype.getValues = function (inputValue) {
        var separator = this.props.separator;
        // NOTE: split() typings define two overrides for string and RegExp.
        // this does not play well with our union prop type, so we'll just declare it as a valid type.
        return (separator === false ? [inputValue] : inputValue.split(separator))
            .map(function (val) { return val.trim(); })
            .filter(function (val) { return val.length > 0; });
    };
    TagInput.prototype.handleBackspaceToRemove = function (event) {
        var previousActiveIndex = this.state.activeIndex;
        // always move leftward one item (this will focus last item if nothing is focused)
        this.setState({ activeIndex: this.getNextActiveIndex(-1) });
        // delete item if there was a previous valid selection (ignore first backspace to focus last item)
        if (this.isValidIndex(previousActiveIndex)) {
            event.stopPropagation();
            this.removeIndexFromValues(previousActiveIndex);
        }
    };
    /** Remove the item at the given index by invoking `onRemove` and `onChange` accordingly. */
    TagInput.prototype.removeIndexFromValues = function (index) {
        var _a = this.props, onChange = _a.onChange, onRemove = _a.onRemove, values = _a.values;
        _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](onRemove, values[index], index);
        if (_common_utils__WEBPACK_IMPORTED_MODULE_6__["isFunction"](onChange)) {
            onChange(values.filter(function (_, i) { return i !== index; }));
        }
    };
    TagInput.prototype.invokeKeyPressCallback = function (propCallbackName, event, activeIndex) {
        _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](this.props[propCallbackName], event, activeIndex === NONE ? undefined : activeIndex);
        _common_utils__WEBPACK_IMPORTED_MODULE_6__["safeInvoke"](this.props.inputProps[propCallbackName], event);
    };
    /** Returns whether the given index represents a valid item in `this.props.values`. */
    TagInput.prototype.isValidIndex = function (index) {
        return index !== NONE && index < this.props.values.length;
    };
    TagInput.displayName = "Blueprint2.TagInput";
    TagInput.defaultProps = {
        inputProps: {},
        separator: ",",
        tagProps: {},
    };
    return TagInput;
}(_common_abstractPureComponent__WEBPACK_IMPORTED_MODULE_3__["AbstractPureComponent"]));



/***/ }),

/***/ "../../node_modules/@blueprintjs/core/lib/esm/components/tag/tag.js":
/*!*******************************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/@blueprintjs/core/lib/esm/components/tag/tag.js ***!
  \*******************************************************************************************/
/*! exports provided: Tag */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Tag", function() { return Tag; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../common */ "../../node_modules/@blueprintjs/core/lib/esm/common/index.js");
/* harmony import */ var _icon_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon/icon */ "../../node_modules/@blueprintjs/core/lib/esm/components/icon/icon.js");
/*
 * Copyright 2016 Palantir Technologies, Inc. All rights reserved.
 *
 * Licensed under the terms of the LICENSE file distributed with this project.
 */





var Tag = /** @class */ (function (_super) {
    tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](Tag, _super);
    function Tag() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.onRemoveClick = function (e) {
            _common__WEBPACK_IMPORTED_MODULE_3__["Utils"].safeInvoke(_this.props.onRemove, e, _this.props);
        };
        return _this;
    }
    Tag.prototype.render = function () {
        var _a = this.props, active = _a.active, children = _a.children, className = _a.className, intent = _a.intent, interactive = _a.interactive, large = _a.large, minimal = _a.minimal, onRemove = _a.onRemove, round = _a.round, htmlProps = tslib__WEBPACK_IMPORTED_MODULE_0__["__rest"](_a, ["active", "children", "className", "intent", "interactive", "large", "minimal", "onRemove", "round"]);
        var isRemovable = _common__WEBPACK_IMPORTED_MODULE_3__["Utils"].isFunction(onRemove);
        var tagClasses = classnames__WEBPACK_IMPORTED_MODULE_1___default()(_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].TAG, _common__WEBPACK_IMPORTED_MODULE_3__["Classes"].intentClass(intent), (_b = {},
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].TAG_REMOVABLE] = isRemovable,
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].ACTIVE] = active,
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].INTERACTIVE] = interactive,
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].LARGE] = large,
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].MINIMAL] = minimal,
            _b[_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].ROUND] = round,
            _b), className);
        var isLarge = large || tagClasses.indexOf(_common__WEBPACK_IMPORTED_MODULE_3__["Classes"].LARGE) >= 0;
        var removeButton = isRemovable ? (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("button", { type: "button", className: _common__WEBPACK_IMPORTED_MODULE_3__["Classes"].TAG_REMOVE, onClick: this.onRemoveClick },
            react__WEBPACK_IMPORTED_MODULE_2__["createElement"](_icon_icon__WEBPACK_IMPORTED_MODULE_4__["Icon"], { icon: "small-cross", iconSize: isLarge ? _icon_icon__WEBPACK_IMPORTED_MODULE_4__["Icon"].SIZE_LARGE : _icon_icon__WEBPACK_IMPORTED_MODULE_4__["Icon"].SIZE_STANDARD }))) : null;
        return (react__WEBPACK_IMPORTED_MODULE_2__["createElement"]("span", tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, htmlProps, { className: tagClasses }),
            children,
            removeButton));
        var _b;
    };
    Tag.displayName = "Blueprint2.Tag";
    return Tag;
}(react__WEBPACK_IMPORTED_MODULE_2__["PureComponent"]));



/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagInputSampleApp", function() { return TagInputSampleApp; });
/* 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 _blueprintjs_core_lib_esm_components_tag_input_tagInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @blueprintjs/core/lib/esm/components/tag-input/tagInput */ "../../node_modules/@blueprintjs/core/lib/esm/components/tag-input/tagInput.js");
/* harmony import */ var _component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_2__ = __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 TagInputSample = /** @class */ (function (_super) {
    __extends(TagInputSample, _super);
    function TagInputSample(props) {
        var _this = _super.call(this, props) || this;
        _this._onChange = function (values) {
            _this.setState({ values: values });
        };
        _this.state = { values: [] };
        return _this;
    }
    TagInputSample.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { padding: 8 } },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_blueprintjs_core_lib_esm_components_tag_input_tagInput__WEBPACK_IMPORTED_MODULE_1__["TagInput"], { values: this.state.values, onChange: this._onChange })));
    };
    return TagInputSample;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
var TagInputSampleApp = /** @class */ (function (_super) {
    __extends(TagInputSampleApp, _super);
    function TagInputSampleApp() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    TagInputSampleApp.prototype.componentWillMount = function () {
        this.props.host.setTitle("Blueprint Tag Input Sample");
    };
    TagInputSampleApp.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_component_SampleHostAppView__WEBPACK_IMPORTED_MODULE_2__["SampleHostAppView"], { host: this.props.host },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](TagInputSample, null)));
    };
    return TagInputSampleApp;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));



/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SampleHostAppView", function() { return SampleHostAppView; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var mobx_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobx-react */ "../../node_modules/mobx-react/index.module.js");
/* harmony import */ var _twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @twii/fabric-ui/lib/component/HostAppView */ "../fabric-ui/lib/component/HostAppView.js");
/* harmony import */ var _twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_twii_fabric_ui_lib_component_HostAppView__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _sampleGroups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sampleGroups */ "../sample-base/lib/sampleGroups.js");
var __extends = (undefined && undefined.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};




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



/***/ }),

/***/ "../sample-base/lib/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=22.js.map