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

/***/ "../../node_modules/antd/lib/button/button-group.js":
/*!***************************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/antd/lib/button/button-group.js ***!
  \***************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _extends2 = __webpack_require__(/*! babel-runtime/helpers/extends */ "../../node_modules/babel-runtime/helpers/extends.js");

var _extends3 = _interopRequireDefault(_extends2);

var _defineProperty2 = __webpack_require__(/*! babel-runtime/helpers/defineProperty */ "../../node_modules/babel-runtime/helpers/defineProperty.js");

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _react = __webpack_require__(/*! react */ "../../node_modules/react/index.js");

var React = _interopRequireWildcard(_react);

var _classnames = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var __rest = undefined && undefined.__rest || function (s, e) {
    var t = {};
    for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
        if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
    }return t;
};

var ButtonGroup = function ButtonGroup(props) {
    var _props$prefixCls = props.prefixCls,
        prefixCls = _props$prefixCls === undefined ? 'ant-btn-group' : _props$prefixCls,
        size = props.size,
        className = props.className,
        others = __rest(props, ["prefixCls", "size", "className"]);
    // large => lg
    // small => sm


    var sizeCls = '';
    switch (size) {
        case 'large':
            sizeCls = 'lg';
            break;
        case 'small':
            sizeCls = 'sm';
        default:
            break;
    }
    var classes = (0, _classnames2['default'])(prefixCls, (0, _defineProperty3['default'])({}, prefixCls + '-' + sizeCls, sizeCls), className);
    return React.createElement('div', (0, _extends3['default'])({}, others, { className: classes }));
};
exports['default'] = ButtonGroup;
module.exports = exports['default'];

/***/ }),

/***/ "../../node_modules/antd/lib/button/button.js":
/*!*********************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/antd/lib/button/button.js ***!
  \*********************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});

var _extends2 = __webpack_require__(/*! babel-runtime/helpers/extends */ "../../node_modules/babel-runtime/helpers/extends.js");

var _extends3 = _interopRequireDefault(_extends2);

var _defineProperty2 = __webpack_require__(/*! babel-runtime/helpers/defineProperty */ "../../node_modules/babel-runtime/helpers/defineProperty.js");

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _classCallCheck2 = __webpack_require__(/*! babel-runtime/helpers/classCallCheck */ "../../node_modules/babel-runtime/helpers/classCallCheck.js");

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = __webpack_require__(/*! babel-runtime/helpers/createClass */ "../../node_modules/babel-runtime/helpers/createClass.js");

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = __webpack_require__(/*! babel-runtime/helpers/possibleConstructorReturn */ "../../node_modules/babel-runtime/helpers/possibleConstructorReturn.js");

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = __webpack_require__(/*! babel-runtime/helpers/inherits */ "../../node_modules/babel-runtime/helpers/inherits.js");

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = __webpack_require__(/*! react */ "../../node_modules/react/index.js");

var React = _interopRequireWildcard(_react);

var _reactDom = __webpack_require__(/*! react-dom */ "../../node_modules/react-dom/index.js");

var _propTypes = __webpack_require__(/*! prop-types */ "../../node_modules/prop-types/index.js");

var _propTypes2 = _interopRequireDefault(_propTypes);

var _classnames = __webpack_require__(/*! classnames */ "../../node_modules/classnames/index.js");

var _classnames2 = _interopRequireDefault(_classnames);

var _omit = __webpack_require__(/*! omit.js */ "../../node_modules/omit.js/es/index.js");

var _omit2 = _interopRequireDefault(_omit);

var _icon = __webpack_require__(/*! ../icon */ "../../node_modules/antd/lib/icon/index.js");

var _icon2 = _interopRequireDefault(_icon);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var __rest = undefined && undefined.__rest || function (s, e) {
    var t = {};
    for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
        if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
    }return t;
};

var rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
var isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
function isString(str) {
    return typeof str === 'string';
}
// Insert one space between two chinese characters automatically.
function insertSpace(child, needInserted) {
    // Check the child if is undefined or null.
    if (child == null) {
        return;
    }
    var SPACE = needInserted ? ' ' : '';
    // strictNullChecks oops.
    if (typeof child !== 'string' && typeof child !== 'number' && isString(child.type) && isTwoCNChar(child.props.children)) {
        return React.cloneElement(child, {}, child.props.children.split('').join(SPACE));
    }
    if (typeof child === 'string') {
        if (isTwoCNChar(child)) {
            child = child.split('').join(SPACE);
        }
        return React.createElement(
            'span',
            null,
            child
        );
    }
    return child;
}

var Button = function (_React$Component) {
    (0, _inherits3['default'])(Button, _React$Component);

    function Button(props) {
        (0, _classCallCheck3['default'])(this, Button);

        var _this = (0, _possibleConstructorReturn3['default'])(this, (Button.__proto__ || Object.getPrototypeOf(Button)).call(this, props));

        _this.handleClick = function (e) {
            // Add click effect
            _this.setState({ clicked: true });
            clearTimeout(_this.timeout);
            _this.timeout = window.setTimeout(function () {
                return _this.setState({ clicked: false });
            }, 500);
            var onClick = _this.props.onClick;
            if (onClick) {
                onClick(e);
            }
        };
        _this.state = {
            loading: props.loading,
            clicked: false,
            hasTwoCNChar: false
        };
        return _this;
    }

    (0, _createClass3['default'])(Button, [{
        key: 'componentDidMount',
        value: function componentDidMount() {
            this.fixTwoCNChar();
        }
    }, {
        key: 'componentWillReceiveProps',
        value: function componentWillReceiveProps(nextProps) {
            var _this2 = this;

            var currentLoading = this.props.loading;
            var loading = nextProps.loading;
            if (currentLoading) {
                clearTimeout(this.delayTimeout);
            }
            if (typeof loading !== 'boolean' && loading && loading.delay) {
                this.delayTimeout = window.setTimeout(function () {
                    return _this2.setState({ loading: loading });
                }, loading.delay);
            } else {
                this.setState({ loading: loading });
            }
        }
    }, {
        key: 'componentDidUpdate',
        value: function componentDidUpdate() {
            this.fixTwoCNChar();
        }
    }, {
        key: 'componentWillUnmount',
        value: function componentWillUnmount() {
            if (this.timeout) {
                clearTimeout(this.timeout);
            }
            if (this.delayTimeout) {
                clearTimeout(this.delayTimeout);
            }
        }
    }, {
        key: 'fixTwoCNChar',
        value: function fixTwoCNChar() {
            // Fix for HOC usage like <FormatMessage />
            var node = (0, _reactDom.findDOMNode)(this);
            var buttonText = node.textContent || node.innerText;
            if (this.isNeedInserted() && isTwoCNChar(buttonText)) {
                if (!this.state.hasTwoCNChar) {
                    this.setState({
                        hasTwoCNChar: true
                    });
                }
            } else if (this.state.hasTwoCNChar) {
                this.setState({
                    hasTwoCNChar: false
                });
            }
        }
    }, {
        key: 'isNeedInserted',
        value: function isNeedInserted() {
            var _props = this.props,
                loading = _props.loading,
                icon = _props.icon,
                children = _props.children;

            var iconType = loading ? 'loading' : icon;
            return React.Children.count(children) === 1 && (!iconType || iconType === 'loading');
        }
    }, {
        key: 'render',
        value: function render() {
            var _classNames,
                _this3 = this;

            var _a = this.props,
                type = _a.type,
                shape = _a.shape,
                size = _a.size,
                className = _a.className,
                htmlType = _a.htmlType,
                children = _a.children,
                icon = _a.icon,
                prefixCls = _a.prefixCls,
                ghost = _a.ghost,
                others = __rest(_a, ["type", "shape", "size", "className", "htmlType", "children", "icon", "prefixCls", "ghost"]);var _state = this.state,
                loading = _state.loading,
                clicked = _state.clicked,
                hasTwoCNChar = _state.hasTwoCNChar;
            // large => lg
            // small => sm

            var sizeCls = '';
            switch (size) {
                case 'large':
                    sizeCls = 'lg';
                    break;
                case 'small':
                    sizeCls = 'sm';
                default:
                    break;
            }
            var ComponentProp = others.href ? 'a' : 'button';
            var classes = (0, _classnames2['default'])(prefixCls, className, (_classNames = {}, (0, _defineProperty3['default'])(_classNames, prefixCls + '-' + type, type), (0, _defineProperty3['default'])(_classNames, prefixCls + '-' + shape, shape), (0, _defineProperty3['default'])(_classNames, prefixCls + '-' + sizeCls, sizeCls), (0, _defineProperty3['default'])(_classNames, prefixCls + '-icon-only', !children && icon), (0, _defineProperty3['default'])(_classNames, prefixCls + '-loading', loading), (0, _defineProperty3['default'])(_classNames, prefixCls + '-clicked', clicked), (0, _defineProperty3['default'])(_classNames, prefixCls + '-background-ghost', ghost), (0, _defineProperty3['default'])(_classNames, prefixCls + '-two-chinese-chars', hasTwoCNChar), _classNames));
            var iconType = loading ? 'loading' : icon;
            var iconNode = iconType ? React.createElement(_icon2['default'], { type: iconType }) : null;
            var kids = children || children === 0 ? React.Children.map(children, function (child) {
                return insertSpace(child, _this3.isNeedInserted());
            }) : null;
            return React.createElement(
                ComponentProp,
                (0, _extends3['default'])({}, (0, _omit2['default'])(others, ['loading']), { type: others.href ? undefined : htmlType || 'button', className: classes, onClick: this.handleClick }),
                iconNode,
                kids
            );
        }
    }]);
    return Button;
}(React.Component);

exports['default'] = Button;

Button.__ANT_BUTTON = true;
Button.defaultProps = {
    prefixCls: 'ant-btn',
    loading: false,
    ghost: false
};
Button.propTypes = {
    type: _propTypes2['default'].string,
    shape: _propTypes2['default'].oneOf(['circle', 'circle-outline']),
    size: _propTypes2['default'].oneOf(['large', 'default', 'small']),
    htmlType: _propTypes2['default'].oneOf(['submit', 'button', 'reset']),
    onClick: _propTypes2['default'].func,
    loading: _propTypes2['default'].oneOfType([_propTypes2['default'].bool, _propTypes2['default'].object]),
    className: _propTypes2['default'].string,
    icon: _propTypes2['default'].string
};
module.exports = exports['default'];

/***/ }),

/***/ "../../node_modules/antd/lib/button/index.js":
/*!********************************************************************!*\
  !*** /home/ubuntu/workspace/node_modules/antd/lib/button/index.js ***!
  \********************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _button = __webpack_require__(/*! ./button */ "../../node_modules/antd/lib/button/button.js");

var _button2 = _interopRequireDefault(_button);

var _buttonGroup = __webpack_require__(/*! ./button-group */ "../../node_modules/antd/lib/button/button-group.js");

var _buttonGroup2 = _interopRequireDefault(_buttonGroup);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

_button2['default'].Group = _buttonGroup2['default'];
exports['default'] = _button2['default'];
module.exports = exports['default'];

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonSampleApp", function() { return ButtonSampleApp; });
/* 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 antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/button/index */ "../../node_modules/antd/lib/button/index.js");
/* harmony import */ var antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1__);
/* 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 ButtonSamples = /** @class */ (function (_super) {
    __extends(ButtonSamples, _super);
    function ButtonSamples() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ButtonSamples.prototype.render = function () {
        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: { padding: 8 } },
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1___default.a, { type: "primary" }, "Primary")),
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1___default.a, null, "Default")),
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1___default.a, { type: "dashed" }, "Dashed")),
            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](antd_lib_button_index__WEBPACK_IMPORTED_MODULE_1___default.a, { type: "danger" }, "Danger"))));
    };
    return ButtonSamples;
}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
var ButtonSampleApp = /** @class */ (function (_super) {
    __extends(ButtonSampleApp, _super);
    function ButtonSampleApp() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ButtonSampleApp.prototype.componentWillMount = function () {
        this.props.host.setTitle("Antd Button Sample");
    };
    ButtonSampleApp.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"](ButtonSamples, null)));
    };
    return ButtonSampleApp;
}(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=27.js.map