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

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

/***/ }),

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

/***/ }),

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

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.js":
/*!*************************************************************************************************************!*\
  !*** C:/workspace/gitfish/twii/node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.js ***!
  \*************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var Utilities_1 = __webpack_require__(/*! ../../Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Button_1 = __webpack_require__(/*! ../../Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var Icon_1 = __webpack_require__(/*! ../../Icon */ "../../node_modules/office-ui-fabric-react/lib/Icon.js");
var MessageBar_types_1 = __webpack_require__(/*! ./MessageBar.types */ "../../node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.types.js");
var stylesImport = __webpack_require__(/*! ./MessageBar.scss */ "../../node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.scss.js");
var styles = stylesImport;
var MessageBar = /** @class */ (function (_super) {
    tslib_1.__extends(MessageBar, _super);
    function MessageBar(props) {
        var _this = _super.call(this, props) || this;
        _this.ICON_MAP = (_a = {},
            _a[MessageBar_types_1.MessageBarType.info] = 'Info',
            _a[MessageBar_types_1.MessageBarType.warning] = 'Info',
            _a[MessageBar_types_1.MessageBarType.error] = 'ErrorBadge',
            _a[MessageBar_types_1.MessageBarType.blocked] = 'Blocked2',
            _a[MessageBar_types_1.MessageBarType.remove] = 'Blocked',
            _a[MessageBar_types_1.MessageBarType.severeWarning] = 'Warning',
            _a[MessageBar_types_1.MessageBarType.success] = 'Completed',
            _a);
        _this._onClick = function (ev) {
            _this.setState({ expandSingleLine: !_this.state.expandSingleLine });
        };
        _this.state = {
            labelId: Utilities_1.getId('MessageBar'),
            showContent: false,
            expandSingleLine: false,
        };
        return _this;
        var _a;
    }
    MessageBar.prototype.render = function () {
        var isMultiline = this.props.isMultiline;
        return isMultiline ? this._renderMultiLine() : this._renderSingleLine();
    };
    MessageBar.prototype._getActionsDiv = function () {
        if (this.props.actions) {
            return (React.createElement("div", { className: this.props.isMultiline ?
                    ('ms-MessageBar-actions ' + styles.actions) :
                    ('ms-MessageBar-actionsSingleLine ' + styles.actionsSingleLine) }, this.props.actions));
        }
        return null;
    };
    MessageBar.prototype._getClassName = function () {
        return Utilities_1.css(this.props.className, 'ms-MessageBar', styles.root, (_a = {},
            _a['ms-MessageBar ' + styles.root] = this.props.messageBarType === MessageBar_types_1.MessageBarType.info,
            _a['ms-MessageBar--error ' + styles.rootIsError] = this.props.messageBarType === MessageBar_types_1.MessageBarType.error,
            _a['ms-MessageBar--blocked ' + styles.rootIsBlocked] = (this.props.messageBarType === MessageBar_types_1.MessageBarType.blocked) ||
                (this.props.messageBarType === MessageBar_types_1.MessageBarType.remove),
            _a['ms-MessageBar--severeWarning ' + styles.rootIsSevereWarning] = this.props.messageBarType === MessageBar_types_1.MessageBarType.severeWarning,
            _a['ms-MessageBar--success ' + styles.rootIsSuccess] = this.props.messageBarType === MessageBar_types_1.MessageBarType.success,
            _a['ms-MessageBar--warning ' + styles.rootIsWarning] = this.props.messageBarType === MessageBar_types_1.MessageBarType.warning,
            _a));
        var _a;
    };
    MessageBar.prototype._getDismissDiv = function () {
        if (this.props.onDismiss) {
            return (React.createElement(Button_1.IconButton, { disabled: false, className: Utilities_1.css('ms-MessageBar-dismissal', styles.dismissal), onClick: this.props.onDismiss, iconProps: { iconName: 'Clear' }, ariaLabel: this.props.dismissButtonAriaLabel }));
        }
        return null;
    };
    MessageBar.prototype._getDismissSingleLine = function () {
        if (this.props.onDismiss) {
            return (React.createElement("div", { className: Utilities_1.css('ms-MessageBar-dismissSingleLine', styles.dismissSingleLine) }, this._getDismissDiv()));
        }
        return null;
    };
    MessageBar.prototype._getExpandSingleLine = function () {
        if (!this.props.actions && this.props.truncated) {
            return (React.createElement("div", { className: Utilities_1.css('ms-MessageBar-expandSingleLine', styles.expandSingleLine) },
                React.createElement(Button_1.IconButton, { disabled: false, className: Utilities_1.css('ms-MessageBar-expand', styles.expand), onClick: this._onClick, iconProps: { iconName: this.state.expandSingleLine ? 'DoubleChevronUp' : 'DoubleChevronDown' }, ariaLabel: this.props.overflowButtonAriaLabel })));
        }
        return null;
    };
    MessageBar.prototype._getIconSpan = function () {
        return (React.createElement("div", { className: Utilities_1.css('ms-MessageBar-icon', styles.icon) },
            React.createElement(Icon_1.Icon, { iconName: this.ICON_MAP[this.props.messageBarType] })));
    };
    MessageBar.prototype._renderMultiLine = function () {
        return (React.createElement("div", { className: Utilities_1.css(this._getClassName(), 'ms-MessageBar-multiline', styles.multiLine, this.props.onDismiss && styles.dismissalMultiLine), role: 'status', "aria-live": this._getAnnouncementPriority() },
            React.createElement("div", { className: Utilities_1.css(styles.content, 'ms-MessageBar-content') },
                this._getIconSpan(),
                this._renderInnerText(),
                this._getDismissDiv()),
            this._getActionsDiv()));
    };
    MessageBar.prototype._renderSingleLine = function () {
        return (React.createElement("div", { className: Utilities_1.css(this._getClassName(), 'ms-MessageBar-singleline', styles.singleLine, this.props.onDismiss && 'ms-MessageBar-dismissalSingleLine', this.props.truncated && 'ms-MessageBar-expandingSingleLine', this.props.truncated && styles.expandingSingleLine) },
            React.createElement("div", { className: Utilities_1.css(styles.content, 'ms-MessageBar-content') },
                this._getIconSpan(),
                this._renderInnerText(),
                this._getExpandSingleLine(),
                this._getActionsDiv(),
                this._getDismissSingleLine())));
    };
    MessageBar.prototype._renderInnerText = function () {
        return (React.createElement("div", { className: Utilities_1.css('ms-MessageBar-text', styles.text, this.props.actions && styles.multiLineWithActions, !this.props.onDismiss && styles.noDismissButton, this.state.expandSingleLine && styles.expandSingleLine), id: this.state.labelId },
            React.createElement("span", { className: Utilities_1.css('ms-MessageBar-innerText ' + styles.innerText), role: 'status', "aria-live": this._getAnnouncementPriority() },
                React.createElement(Utilities_1.DelayedRender, null,
                    React.createElement("span", null, this.props.children)))));
    };
    MessageBar.prototype._getAnnouncementPriority = function () {
        switch (this.props.messageBarType) {
            case MessageBar_types_1.MessageBarType.blocked:
            case MessageBar_types_1.MessageBarType.error:
            case MessageBar_types_1.MessageBarType.severeWarning:
                return 'assertive';
        }
        return 'polite';
    };
    MessageBar.defaultProps = {
        messageBarType: MessageBar_types_1.MessageBarType.info,
        onDismiss: undefined,
        isMultiline: true,
    };
    return MessageBar;
}(Utilities_1.BaseComponent));
exports.MessageBar = MessageBar;
//# sourceMappingURL=MessageBar.js.map

/***/ }),

/***/ "../../node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.scss.js":
/*!******************************************************************************************************************!*\
  !*** C:/workspace/gitfish/twii/node_modules/office-ui-fabric-react/lib/components/MessageBar/MessageBar.scss.js ***!
  \******************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
/* tslint:disable */
var load_themed_styles_1 = __webpack_require__(/*! @microsoft/load-themed-styles */ "../../node_modules/@microsoft/load-themed-styles/lib/index.js");
load_themed_styles_1.loadStyles([{ "rawString": ".root_d18144f0{background-color:" }, { "theme": "infoBackground", "defaultValue": "#f4f4f4" }, { "rawString": ";min-height:32px;color:" }, { "theme": "infoText", "defaultValue": "#333333" }, { "rawString": ";width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;word-break:break-word}.root_d18144f0 .ms-Link{font-size:12px;color:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}.icon_d18144f0,.text_d18144f0{display:table-cell;vertical-align:top}.icon_d18144f0{font-size:16px;min-width:16px;min-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;color:" }, { "theme": "info", "defaultValue": "#666666" }, { "rawString": ";-ms-flex-negative:0;flex-shrink:0;margin:16px 0 16px 16px}html[dir='rtl'] .icon_d18144f0{margin:16px 16px 16px 0}@media screen and (max-width: 479px){.icon_d18144f0{margin:8px 0 8px 8px}html[dir='rtl'] .icon_d18144f0{margin:8px 8px 8px 0}}.text_d18144f0{font-size:12px;font-weight:400;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:16px 8px 16px 8px}html[dir='rtl'] .text_d18144f0{margin:16px 8px 16px 8px}@media screen and (max-width: 479px){.text_d18144f0{margin:8px 0 8px 8px}html[dir='rtl'] .text_d18144f0{margin:8px 8px 8px 0}html[dir='ltr'] .text_d18144f0.noDismissButton_d18144f0{margin-right:8px}html[dir='rtl'] .text_d18144f0.noDismissButton_d18144f0{margin-left:8px}}html[dir='ltr'] .text_d18144f0.noDismissButton_d18144f0{margin-right:16px}html[dir='rtl'] .text_d18144f0.noDismissButton_d18144f0{margin-left:16px}.innerText_d18144f0{line-height:16px}html[dir='ltr'] .innerText_d18144f0 span a{padding-left:4px}html[dir='rtl'] .innerText_d18144f0 span a{padding-right:4px}.root_d18144f0.rootIsWarning_d18144f0{background-color:" }, { "theme": "warningBackground", "defaultValue": "#fff4ce" }, { "rawString": ";color:" }, { "theme": "warningText", "defaultValue": "#333333" }, { "rawString": "}.root_d18144f0.rootIsSevereWarning_d18144f0{background-color:" }, { "theme": "severeWarningBackground", "defaultValue": "#fed9cc" }, { "rawString": ";color:" }, { "theme": "severeWarningText", "defaultValue": "#333333" }, { "rawString": "}.root_d18144f0.rootIsSevereWarning_d18144f0 .icon_d18144f0{color:" }, { "theme": "severeWarning", "defaultValue": "#a80000" }, { "rawString": "}.root_d18144f0.rootIsError_d18144f0{background-color:" }, { "theme": "errorBackground", "defaultValue": "#fde7e9" }, { "rawString": ";color:" }, { "theme": "errorText", "defaultValue": "#333333" }, { "rawString": "}.root_d18144f0.rootIsError_d18144f0 .icon_d18144f0{color:" }, { "theme": "error", "defaultValue": "#a80000" }, { "rawString": "}.root_d18144f0.rootIsBlocked_d18144f0{background-color:" }, { "theme": "errorBackground", "defaultValue": "#fde7e9" }, { "rawString": ";color:" }, { "theme": "errorText", "defaultValue": "#333333" }, { "rawString": "}.root_d18144f0.rootIsBlocked_d18144f0 .icon_d18144f0{color:" }, { "theme": "error", "defaultValue": "#a80000" }, { "rawString": "}.root_d18144f0.rootIsSuccess_d18144f0{background-color:" }, { "theme": "successBackground", "defaultValue": "#dff6dd" }, { "rawString": ";color:" }, { "theme": "successText", "defaultValue": "#333333" }, { "rawString": "}.root_d18144f0.rootIsSuccess_d18144f0 .icon_d18144f0{color:" }, { "theme": "green", "defaultValue": "#107c10" }, { "rawString": "}.content_d18144f0{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:normal;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.content_d18144f0:before{pointer-events:none;position:absolute;right:0;bottom:0;left:0;top:0;margin:0}@media screen and (-ms-high-contrast: active){.content_d18144f0:before{border:1px solid WindowText;content:' '}}.actions_d18144f0{margin:0 12px 12px 0}html[dir='rtl'] .actions_d18144f0{margin:0 0 12px 12px}html[dir='ltr'] .actions_d18144f0 :nth-child(n+2){margin-left:12px}html[dir='rtl'] .actions_d18144f0 :nth-child(n+2){margin-right:12px}.actionsSingleLine_d18144f0{margin:8px 8px 8px 0}html[dir='rtl'] .actionsSingleLine_d18144f0{margin:8px 0 8px 8px}html[dir='ltr'] .actionsSingleLine_d18144f0 :nth-child(n+2){margin-left:8px}html[dir='rtl'] .actionsSingleLine_d18144f0 :nth-child(n+2){margin-right:8px}.actions_d18144f0,.actionsSingleLine_d18144f0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 479px){.actions_d18144f0,.actionsSingleLine_d18144f0{margin:0 8px 8px 0}html[dir='rtl'] .actions_d18144f0,html[dir='rtl'] .actionsSingleLine_d18144f0{margin:0 0 8px 8px}html[dir='ltr'] .actions_d18144f0 :nth-child(n+2),html[dir='ltr'] .actionsSingleLine_d18144f0 :nth-child(n+2){margin-left:8px}html[dir='rtl'] .actions_d18144f0 :nth-child(n+2),html[dir='rtl'] .actionsSingleLine_d18144f0 :nth-child(n+2){margin-right:8px}.actions_d18144f0 .ms-Button,.actionsSingleLine_d18144f0 .ms-Button{margin-top:8px}}.dismissal_d18144f0,.expand_d18144f0{-ms-flex-negative:0;flex-shrink:0;margin:8px 8px 8px 0}.dismissal_d18144f0::-moz-focus-inner,.expand_d18144f0::-moz-focus-inner{border:0}.dismissal_d18144f0,.expand_d18144f0{outline:transparent}.dismissal_d18144f0,.expand_d18144f0{position:relative}.ms-Fabric--isFocusVisible .dismissal_d18144f0:focus:after,.ms-Fabric--isFocusVisible .expand_d18144f0:focus:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#000000" }, { "rawString": "}html[dir='rtl'] .dismissal_d18144f0,html[dir='rtl'] .expand_d18144f0{margin:8px 0 8px 8px}@media screen and (max-width: 479px){.dismissal_d18144f0,.expand_d18144f0{margin:0 0 0 8px}html[dir='rtl'] .dismissal_d18144f0,html[dir='rtl'] .expand_d18144f0{margin:0 8px 0 0}}@media screen and (-ms-high-contrast: active){.dismissal_d18144f0,.expand_d18144f0{-ms-high-contrast-adjust:none}}.dismissSingleLine_d18144f0,.expandSingleLine_d18144f0{display:-webkit-box;display:-ms-flexbox;display:flex}.dismissal_d18144f0 .ms-Button-icon,.dismissSingleLine_d18144f0 .ms-Button-icon,.expandSingleLine_d18144f0 .ms-Button-icon{font-size:12px;height:12px;line-height:12px;color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": "}.multiLine_d18144f0{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.multiLine_d18144f0 .content_d18144f0{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.multiLine_d18144f0 .innerText_d18144f0{overflow:visible;white-space:pre-wrap}.multiLine_d18144f0 .text_d18144f0.multiLineWithActions_d18144f0{margin-bottom:8px}@media screen and (max-width: 479px){.multiLine_d18144f0 .text_d18144f0.multiLineWithActions_d18144f0{margin-bottom:0}}.singleLine_d18144f0 .innerText_d18144f0{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.singleLine_d18144f0 .expandSingleLine_d18144f0{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.singleLine_d18144f0 .expandSingleLine_d18144f0 .content_d18144f0{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.singleLine_d18144f0 .expandSingleLine_d18144f0 .innerText_d18144f0{overflow:visible;white-space:pre-wrap}@media screen and (max-width: 479px){.singleLine_d18144f0:not(.expandingSingleLine_d18144f0){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.singleLine_d18144f0:not(.expandingSingleLine_d18144f0) .content_d18144f0{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.singleLine_d18144f0:not(.expandingSingleLine_d18144f0) .innerText_d18144f0{overflow:visible;white-space:pre-wrap}}@media screen and (max-width: 479px) and (max-width: 479px){.singleLine_d18144f0:not(.expandingSingleLine_d18144f0) .text_d18144f0.multiLineWithActions_d18144f0{margin-bottom:0}}\n" }]);
exports.root = "root_d18144f0";
exports.icon = "icon_d18144f0";
exports.text = "text_d18144f0";
exports.noDismissButton = "noDismissButton_d18144f0";
exports.innerText = "innerText_d18144f0";
exports.rootIsWarning = "rootIsWarning_d18144f0";
exports.rootIsSevereWarning = "rootIsSevereWarning_d18144f0";
exports.rootIsError = "rootIsError_d18144f0";
exports.rootIsBlocked = "rootIsBlocked_d18144f0";
exports.rootIsSuccess = "rootIsSuccess_d18144f0";
exports.content = "content_d18144f0";
exports.actions = "actions_d18144f0";
exports.actionsSingleLine = "actionsSingleLine_d18144f0";
exports.dismissal = "dismissal_d18144f0";
exports.expand = "expand_d18144f0";
exports.dismissSingleLine = "dismissSingleLine_d18144f0";
exports.expandSingleLine = "expandSingleLine_d18144f0";
exports.multiLine = "multiLine_d18144f0";
exports.multiLineWithActions = "multiLineWithActions_d18144f0";
exports.singleLine = "singleLine_d18144f0";
exports.expandingSingleLine = "expandingSingleLine_d18144f0";
//# sourceMappingURL=MessageBar.scss.js.map

/***/ }),

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

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var MessageBarType;
(function (MessageBarType) {
    /** Info styled MessageBar */
    MessageBarType[MessageBarType["info"] = 0] = "info";
    /** Error styled MessageBar */
    MessageBarType[MessageBarType["error"] = 1] = "error";
    /** Blocked styled MessageBar */
    MessageBarType[MessageBarType["blocked"] = 2] = "blocked";
    /** SevereWarning styled MessageBar */
    MessageBarType[MessageBarType["severeWarning"] = 3] = "severeWarning";
    /** Success styled MessageBar */
    MessageBarType[MessageBarType["success"] = 4] = "success";
    /** Warning styled MessageBar */
    MessageBarType[MessageBarType["warning"] = 5] = "warning";
    /**
     * Deprecated at v0.48.0, to be removed at >= v1.0.0. Use 'blocked' instead.
     * @deprecated
     */
    MessageBarType[MessageBarType["remove"] = 90000] = "remove";
})(MessageBarType = exports.MessageBarType || (exports.MessageBarType = {}));
//# sourceMappingURL=MessageBar.types.js.map

/***/ }),

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

/***/ }),

/***/ "../core-ui-fabric/lib/component/Details.classNames.js":
/*!*************************************************************!*\
  !*** ../core-ui-fabric/lib/component/Details.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles, className) {
    return {
        root: styling_1.mergeStyles("details", className, styles.root),
        header: styling_1.mergeStyles("details-header", styles.header),
        summary: styling_1.mergeStyles("details-summary", styles.summary),
        control: styling_1.mergeStyles("details-control", styles.control),
        actionContainer: styling_1.mergeStyles("details-action-container", styles.actionContainer),
        action: styling_1.mergeStyles("details-action", styles.action),
        body: styling_1.mergeStyles("details-body", styles.body)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

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

"use strict";

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var css_1 = __webpack_require__(/*! @uifabric/utilities/lib/css */ "../../node_modules/@uifabric/utilities/lib/css.js");
var Button_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var Icon_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Icon */ "../../node_modules/office-ui-fabric-react/lib/Icon.js");
var ContextualMenu_1 = __webpack_require__(/*! office-ui-fabric-react/lib/ContextualMenu */ "../../node_modules/office-ui-fabric-react/lib/ContextualMenu.js");
var Utilities_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Details_styles_1 = __webpack_require__(/*! ./Details.styles */ "../core-ui-fabric/lib/component/Details.styles.js");
var Details_classNames_1 = __webpack_require__(/*! ./Details.classNames */ "../core-ui-fabric/lib/component/Details.classNames.js");
var DetailsRemoveAction = /** @class */ (function (_super) {
    __extends(DetailsRemoveAction, _super);
    function DetailsRemoveAction() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClick = function (e) {
            e.stopPropagation();
            _this.props.onClick();
        };
        return _this;
    }
    DetailsRemoveAction.prototype.render = function () {
        return (React.createElement(Button_1.IconButton, { className: this.props.classNames ? this.props.classNames.action : undefined, iconProps: { iconName: "Cancel" }, onClick: this.props.onClick ? this._onClick : undefined, title: "Remove", ariaLabel: "Remove", ariaDescription: "Remove" }));
    };
    return DetailsRemoveAction;
}(React.Component));
var DetailsMenuAction = /** @class */ (function (_super) {
    __extends(DetailsMenuAction, _super);
    function DetailsMenuAction(props) {
        var _this = _super.call(this, props) || this;
        _this._handleClick = function (e) {
            _this.setState({ target: e.target, menuOpen: !_this.state.menuOpen });
        };
        _this._handleMenuDismiss = function () {
            _this.setState({ menuOpen: false });
        };
        _this.state = {
            menuOpen: false
        };
        return _this;
    }
    DetailsMenuAction.prototype.render = function () {
        return (React.createElement("div", { className: this.props.classNames ? this.props.classNames.action : undefined },
            React.createElement(Button_1.IconButton, { className: "details-action-menu-toggle-button", iconProps: { iconName: "Clear" }, onClick: this._handleClick, title: "Toggle Menu", ariaLabel: "Toggle Menu", ariaDescription: "Toggle Menu" }),
            this.state.menuOpen && (React.createElement(ContextualMenu_1.ContextualMenu, { items: this.props.menu, shouldFocusOnMount: true, target: this.state.target, onDismiss: this._handleMenuDismiss }))));
    };
    return DetailsMenuAction;
}(React.Component));
var DetailsActions = /** @class */ (function (_super) {
    __extends(DetailsActions, _super);
    function DetailsActions() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    DetailsActions.prototype.render = function () {
        if (this.props.onRemove || (this.props.menu && this.props.menu.length > 0)) {
            return (React.createElement("div", { className: this.props.classNames ? this.props.classNames.actionContainer : undefined },
                this.props.menu && this.props.menu.length > 0 && (React.createElement(DetailsMenuAction, { menu: this.props.menu, classNames: this.props.classNames })),
                this.props.onRemove && (React.createElement(DetailsRemoveAction, { onClick: this.props.onRemove, classNames: this.props.classNames }))));
        }
        return null;
    };
    return DetailsActions;
}(React.Component));
var Details = /** @class */ (function (_super) {
    __extends(Details, _super);
    function Details(props) {
        var _this = _super.call(this, props) || this;
        _this._onToggleClick = function () {
            _this._toggle();
        };
        _this._onToggleKeyDown = function (e) {
            if (e.which === 13 /* enter */ || e.which === 32 /* space */) {
                e.preventDefault();
                e.stopPropagation();
                _this._toggle();
            }
        };
        _this._id = Utilities_1.getId("details-");
        _this.state = {
            open: props.open !== undefined ? props.open : false
        };
        return _this;
    }
    Details.prototype.componentWillReceiveProps = function (nextProps) {
        if (nextProps.open !== undefined) {
            this.setState({ open: nextProps.open });
        }
    };
    Details.prototype._toggle = function () {
        var open = !this.state.open;
        this.setState({ open: open });
        if (this.props.onOpenChange) {
            this.props.onOpenChange(open);
        }
    };
    Details.prototype.render = function () {
        var summary;
        if (this.props.summary) {
            summary = this.props.summary;
        }
        else if (this.props.onRenderSummary) {
            summary = this.props.onRenderSummary(this.props);
        }
        else {
            summary = [];
            var title = this.props.title || "Details";
            if (this.props.iconProps) {
                summary.push(React.createElement(Icon_1.Icon, __assign({ key: "icon" }, this.props.iconProps)));
            }
            summary.push(React.createElement("div", { key: "title", className: "title" }, title));
        }
        var classNames = Details_classNames_1.getClassNames(Details_styles_1.getStyles(undefined, this.props.styles), this.props.className);
        return (React.createElement("div", { className: css_1.css("details", classNames.root, this.props.className, { "is-open": this.state.open, "is-hidden": !this.state.open, "has-border": this.props.border }), "aria-expanded": this.state.open, style: this.props.style },
            React.createElement("div", { className: css_1.css(classNames.header, this.props.headerClassName, this.props.controlOnHeaderClick ? "is-control" : undefined), role: this.props.controlOnHeaderClick ? "button" : undefined, onClick: this.props.controlOnHeaderClick ? this._onToggleClick : undefined, "aria-controls": this.props.controlOnHeaderClick ? this._id : undefined },
                !this.props.disableControl && (React.createElement(Button_1.IconButton, { className: classNames.control, iconProps: { iconName: this.state.open ? "ChevronUp" : "ChevronDown" }, onClick: this._onToggleClick, title: this.state.open ? "Hide" : "Show", ariaLabel: this.state.open ? "Hide Details" : "Show Details", ariaDescription: (this.state.open ? "Hide " : "Show ") + (this.props.ariaDescription || "Details"), "aria-controls": this._id, onKeyDown: this._onToggleKeyDown })),
                React.createElement("div", { className: classNames.summary }, summary),
                React.createElement(DetailsActions, { onRemove: this.props.onRemove, menu: this.props.menu, classNames: classNames })),
            React.createElement("div", { id: this._id, className: css_1.css(classNames.body, this.props.bodyClassName, { "is-open": this.state.open }), hidden: !this.state.open }, this.props.children)));
    };
    return Details;
}(React.Component));
exports.Details = Details;


/***/ }),

/***/ "../core-ui-fabric/lib/component/Details.styles.js":
/*!*********************************************************!*\
  !*** ../core-ui-fabric/lib/component/Details.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var defaultStyles = function (theme) {
    return {
        root: {
            selectors: {
                "&.has-border": {
                    borderWidth: "1px",
                    borderColor: theme.palette.neutralSecondary,
                    borderStyle: "solid"
                }
            }
        },
        header: Object.assign({}, theme.fonts.small, {
            display: "flex",
            justifyContent: "flex-start",
            alignItems: "center",
            position: "relative",
            backgroundColor: theme.palette.neutralSecondary,
            color: theme.palette.white,
            height: 28,
            lineHeight: 28,
            userSelect: "none",
            selectors: {
                "&:hover": {
                    backgroundColor: theme.palette.orange
                },
                "&.is-control": {
                    cursor: "pointer"
                }
            }
        }),
        summary: Object.assign({}, theme.fonts.small, {
            display: "flex",
            justifyContent: "flex-start",
            alignItems: "center",
            marginLeft: 8,
            selectors: {
                ".ms-Icon": [
                    {
                        fontSize: styling_1.FontSizes.small,
                        paddingRight: "6px",
                        height: "16px",
                        lineHeight: "16px"
                    }
                ]
            }
        }),
        control: Object.assign({}, theme.fonts.small, {
            outline: "none",
            color: theme.palette.white,
            selectors: {
                ".ms-Icon": [
                    {
                        fontSize: styling_1.FontSizes.small,
                        color: theme.palette.white
                    }
                ]
            }
        }),
        actionContainer: {
            display: "flex",
            justifyContent: "flex-end",
            alignItems: "center",
            position: "absolute",
            top: "0px",
            right: "0px",
            bottom: "0px",
            background: "transparent",
            color: theme.palette.white
        },
        action: {
            color: theme.palette.white,
            selectors: {
                ".ms-Icon": [
                    {
                        fontSize: styling_1.FontSizes.small,
                        color: theme.palette.white
                    }
                ]
            }
        },
        body: {
            position: "relative",
            overflow: "auto",
            selectors: {
                ".ms-TextField, .ms-Dropdown-container": {
                    marginBottom: 8
                }
            }
        }
    };
};
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;


/***/ }),

/***/ "../core-ui-fabric/lib/component/FileField.classNames.js":
/*!***************************************************************!*\
  !*** ../core-ui-fabric/lib/component/FileField.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles, className) {
    return {
        root: styling_1.mergeStyles("file-field", className, styles.root),
        wrapper: styling_1.mergeStyles("file-field-wrapper", styles.wrapper),
        selector: styling_1.mergeStyles("file-field-selector", styles.selector),
        selectorAction: styling_1.mergeStyles("file-field-selector-action", styles.selectorAction)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../core-ui-fabric/lib/component/FileField.js":
/*!****************************************************!*\
  !*** ../core-ui-fabric/lib/component/FileField.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 Utilities_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Label_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Label */ "../../node_modules/office-ui-fabric-react/lib/Label.js");
var Button_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var FileField_classNames_1 = __webpack_require__(/*! ./FileField.classNames */ "../core-ui-fabric/lib/component/FileField.classNames.js");
var FileField_styles_1 = __webpack_require__(/*! ./FileField.styles */ "../core-ui-fabric/lib/component/FileField.styles.js");
var FileNameList = /** @class */ (function (_super) {
    __extends(FileNameList, _super);
    function FileNameList() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    FileNameList.prototype.render = function () {
        if (this.props.files && this.props.files.length > 0) {
            var items = this.props.files.map(function (file, idx) {
                return (React.createElement("div", { key: idx, className: "file-name" }, file.name));
            });
            return (React.createElement("div", { className: "file-name-list" }, items));
        }
        return null;
    };
    return FileNameList;
}(React.Component));
var defaultFilesRenderer = function (files) {
    return React.createElement(FileNameList, { files: files });
};
var FileField = /** @class */ (function (_super) {
    __extends(FileField, _super);
    function FileField(props) {
        var _this = _super.call(this, props) || this;
        _this._onInputChange = function (e) {
            var files = [];
            var fileList = _this._ref.files;
            var fl = fileList.length;
            for (var i = 0; i < fl; i++) {
                files.push(fileList.item(i));
            }
            if (_this.props.onChange) {
                _this.props.onChange(files);
            }
            _this.setState({ files: files });
        };
        _this._onFileInputRef = function (ref) {
            _this._ref = ref;
        };
        _this._onFieldGroupClick = function () {
            if (_this._ref) {
                _this._ref.click();
            }
        };
        _this._onClickClear = function () {
            _this.setState({ files: null });
            if (_this.props.onClear) {
                _this.props.onClear();
            }
        };
        _this.state = { files: _this.props.files };
        _this._id = Utilities_1.getId("image-field");
        return _this;
    }
    FileField.prototype.componentWillReceiveProps = function (nextProps) {
        this.setState({ files: nextProps.files || [] });
    };
    FileField.prototype.render = function () {
        var selectContent;
        var clearAction;
        var files = this.state.files;
        if (this.props.onClear || (files && files.length > 0)) {
            clearAction = React.createElement(Button_1.IconButton, { iconProps: { iconName: "Clear" }, onClick: this._onClickClear, disabled: this.props.disabled });
        }
        if (this.state.files && this.state.files.length > 0) {
            var r = this.props.onRenderFiles || defaultFilesRenderer;
            selectContent = r(this.state.files);
        }
        else {
            selectContent = this.props.onRenderSelect ? this.props.onRenderSelect() : this.props.defaultSelectText || "Select " + (this.props.multiple ? "Files..." : "a File...");
        }
        var styles = FileField_styles_1.getStyles(undefined, this.props.styles);
        var classNames = FileField_classNames_1.getClassNames(styles, this.props.className);
        return (React.createElement("div", { className: classNames.root },
            React.createElement("input", { id: this._id, type: "file", accept: this.props.accept, onChange: this._onInputChange, ref: this._onFileInputRef, value: "", multiple: this.props.multiple, hidden: true, style: { display: "none" }, disabled: this.props.disabled }),
            React.createElement("div", { className: classNames.wrapper },
                this.props.label && React.createElement(Label_1.Label, { htmlFor: this._id }, this.props.label),
                React.createElement("div", { className: classNames.selector },
                    React.createElement("button", { type: "button", className: classNames.selectorAction, onClick: this._onFieldGroupClick, disabled: this.props.disabled }, selectContent),
                    clearAction))));
    };
    return FileField;
}(React.Component));
exports.FileField = FileField;


/***/ }),

/***/ "../core-ui-fabric/lib/component/FileField.styles.js":
/*!***********************************************************!*\
  !*** ../core-ui-fabric/lib/component/FileField.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getStyles = utilities_1.memoizeFunction(function (theme, customStyles) {
    if (!theme) {
        theme = styling_1.getTheme();
    }
    var DefaultStyles = {
        root: {},
        wrapper: {},
        selector: {
            border: "1px solid " + theme.palette.neutralTertiary,
            minHeight: 32,
            selectors: {
                "&:focus": {
                    border: "1px solid " + theme.palette.themePrimary
                },
                "&:hover": {
                    border: "1px solid " + theme.palette.neutralSecondary
                }
            }
        },
        selectorAction: {
            background: "transparent",
            outline: "none",
            textAlign: "left",
            padding: "4px 12px",
            border: "none",
            minHeight: 32
        }
    };
    return styling_1.concatStyleSets(DefaultStyles, customStyles);
});
exports.getStyles = getStyles;


/***/ }),

/***/ "../core-ui-fabric/lib/component/ValidationErrors.className.js":
/*!*********************************************************************!*\
  !*** ../core-ui-fabric/lib/component/ValidationErrors.className.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles, className) {
    return {
        root: styling_1.mergeStyles("validation-errors", className, styles.root),
        error: styling_1.mergeStyles("validation-errors-error", styles.error),
        errorLabel: styling_1.mergeStyles("validation-errors-error-label", styles.errorLabel)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../core-ui-fabric/lib/component/ValidationErrors.js":
/*!***********************************************************!*\
  !*** ../core-ui-fabric/lib/component/ValidationErrors.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 MessageBar_1 = __webpack_require__(/*! office-ui-fabric-react/lib/MessageBar */ "../../node_modules/office-ui-fabric-react/lib/MessageBar.js");
var ValidationErrors_styles_1 = __webpack_require__(/*! ./ValidationErrors.styles */ "../core-ui-fabric/lib/component/ValidationErrors.styles.js");
var ValidationErrors_className_1 = __webpack_require__(/*! ./ValidationErrors.className */ "../core-ui-fabric/lib/component/ValidationErrors.className.js");
var ValidationErrors = /** @class */ (function (_super) {
    __extends(ValidationErrors, _super);
    function ValidationErrors() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._renderError = function (error, idx) {
            return (React.createElement(MessageBar_1.MessageBar, { key: idx, className: _this._classNames.error, messageBarType: MessageBar_1.MessageBarType.error },
                error.keyTitle ? React.createElement("label", { className: _this._classNames.errorLabel },
                    error.keyTitle,
                    ": ") : undefined,
                error.message));
        };
        return _this;
    }
    ValidationErrors.prototype.render = function () {
        this._classNames = ValidationErrors_className_1.getClassNames(ValidationErrors_styles_1.getStyles(null, this.props.styles), this.props.className);
        if (this.props.errors && this.props.errors.length > 0) {
            var errors = this.props.errors.map(this._renderError);
            return (React.createElement("div", { className: this._classNames.root }, errors));
        }
        return null;
    };
    return ValidationErrors;
}(React.Component));
exports.ValidationErrors = ValidationErrors;


/***/ }),

/***/ "../core-ui-fabric/lib/component/ValidationErrors.styles.js":
/*!******************************************************************!*\
  !*** ../core-ui-fabric/lib/component/ValidationErrors.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var defaultStyles = function (theme) {
    return {
        root: {},
        error: {},
        errorLabel: {
            fontWeight: styling_1.FontWeights.semibold
        }
    };
};
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;


/***/ }),

/***/ "../core/lib/ErrorUtils.js":
/*!*********************************!*\
  !*** ../core/lib/ErrorUtils.js ***!
  \*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var StringUtils_1 = __webpack_require__(/*! ./StringUtils */ "../core/lib/StringUtils.js");
var getPropErrors = function (prop, errors) {
    return errors ? errors.filter(function (e) { return e.prop === prop; }) : [];
};
exports.getPropErrors = getPropErrors;
var getPropErrorMessage = function (prop, errors) {
    var es = getPropErrors(prop, errors);
    return es.length > 0 ? StringUtils_1.join(es, function (e) { return e.message; }) : "";
};
exports.getPropErrorMessage = getPropErrorMessage;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingForm.classNames.js":
/*!****************************************************************!*\
  !*** ../ozone/lib/listing/component/ListingForm.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles) {
    return {
        root: styling_1.mergeStyles("app-listing-form", styles.root),
        editor: styling_1.mergeStyles("app-listing-form-editor", styles.editor),
        actions: styling_1.mergeStyles("app-listing-form-actions", styles.actions)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingForm.js":
/*!*****************************************************!*\
  !*** ../ozone/lib/listing/component/ListingForm.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 TextField_1 = __webpack_require__(/*! office-ui-fabric-react/lib/TextField */ "../../node_modules/office-ui-fabric-react/lib/TextField.js");
var Checkbox_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Checkbox */ "../../node_modules/office-ui-fabric-react/lib/Checkbox.js");
var Button_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var Spinner_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Spinner */ "../../node_modules/office-ui-fabric-react/lib/Spinner.js");
var MessageBar_1 = __webpack_require__(/*! office-ui-fabric-react/lib/MessageBar */ "../../node_modules/office-ui-fabric-react/lib/MessageBar.js");
var ListingForm_styles_1 = __webpack_require__(/*! ./ListingForm.styles */ "../ozone/lib/listing/component/ListingForm.styles.js");
var ListingForm_classNames_1 = __webpack_require__(/*! ./ListingForm.classNames */ "../ozone/lib/listing/component/ListingForm.classNames.js");
var Sync_1 = __webpack_require__(/*! @twii/core-ui-fabric/lib/component/Sync */ "../core-ui-fabric/lib/component/Sync.js");
var ImageField_1 = __webpack_require__(/*! ../../media/component/ImageField */ "../ozone/lib/media/component/ImageField.js");
var ListingApprovalStatus_1 = __webpack_require__(/*! ../ListingApprovalStatus */ "../ozone/lib/listing/ListingApprovalStatus.js");
var Details_1 = __webpack_require__(/*! @twii/core-ui-fabric/lib/component/Details */ "../core-ui-fabric/lib/component/Details.js");
var ValidationErrors_1 = __webpack_require__(/*! @twii/core-ui-fabric/lib/component/ValidationErrors */ "../core-ui-fabric/lib/component/ValidationErrors.js");
var ErrorUtils_1 = __webpack_require__(/*! @twii/core/lib/ErrorUtils */ "../core/lib/ErrorUtils.js");
var ListingLinkForm_1 = __webpack_require__(/*! ./ListingLinkForm */ "../ozone/lib/listing/component/ListingLinkForm.js");
var styling_1 = __webpack_require__(/*! @uifabric/styling */ "../../node_modules/@uifabric/styling/lib/index.js");
var ListingFormSection = /** @class */ (function (_super) {
    __extends(ListingFormSection, _super);
    function ListingFormSection() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingFormSection.prototype.render = function () {
        var theme = styling_1.getTheme();
        var styles = {
            root: {
                marginTop: 8,
                marginBottom: 8,
                border: "1px solid " + theme.palette.themeDark
            },
            header: {
                backgroundColor: theme.palette.themeDark,
                selectors: {
                    "&:hover": {
                        backgroundColor: theme.palette.themeDark
                    }
                }
            },
            body: {
                padding: 8
            }
        };
        return (React.createElement(Details_1.Details, { title: this.props.title, styles: styles, open: true, disableControl: true }, this.props.children));
    };
    return ListingFormSection;
}(React.Component));
var ListingEditorDocumentSection = /** @class */ (function (_super) {
    __extends(ListingEditorDocumentSection, _super);
    function ListingEditorDocumentSection() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingEditorDocumentSection.prototype.render = function () {
        return (React.createElement(ListingFormSection, { title: "Links" },
            React.createElement(ListingLinkForm_1.ListingLinkForm, { listing: this.props.listing })));
    };
    return ListingEditorDocumentSection;
}(React.Component));
var ListingEditorImagesSection = /** @class */ (function (_super) {
    __extends(ListingEditorImagesSection, _super);
    function ListingEditorImagesSection() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onSmallIconChanged = function (smallIcon) {
            _this.props.listing.setSmallIcon(smallIcon);
        };
        _this._onLargeIconChanged = function (largeIcon) {
            _this.props.listing.setLargeIcon(largeIcon);
        };
        _this._onBannerIconChanged = function (bannerIcon) {
            _this.props.listing.setBannerIcon(bannerIcon);
        };
        _this._onLargeBannerIconChanged = function (largeBannerIcon) {
            _this.props.listing.setLargeBannerIcon(largeBannerIcon);
        };
        return _this;
    }
    ListingEditorImagesSection.prototype.render = function () {
        return (React.createElement(ListingFormSection, { title: "Images" },
            React.createElement(ImageField_1.ImageField, { onChange: this._onSmallIconChanged, image: this.props.listing.small_icon, defaultSelectText: "Select Small Icon...", label: "Small Icon", width: 16, height: 16 }),
            React.createElement(ImageField_1.ImageField, { onChange: this._onLargeIconChanged, image: this.props.listing.large_icon, defaultSelectText: "Select Large Icon...", label: "Large Icon", width: 32, height: 32 }),
            React.createElement(ImageField_1.ImageField, { onChange: this._onBannerIconChanged, image: this.props.listing.banner_icon, defaultSelectText: "Select Banner Icon...", label: "Banner Icon", width: 220, height: 137 }),
            React.createElement(ImageField_1.ImageField, { onChange: this._onLargeBannerIconChanged, image: this.props.listing.large_banner_icon, defaultSelectText: "Select Large Banner Icon...", label: "Large Banner Icon", width: 1200, height: 900 })));
    };
    ListingEditorImagesSection = __decorate([
        mobx_react_1.observer
    ], ListingEditorImagesSection);
    return ListingEditorImagesSection;
}(React.Component));
var ListingEditor = /** @class */ (function (_super) {
    __extends(ListingEditor, _super);
    function ListingEditor() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onTitleChanged = function (value) {
            _this.props.listing.setTitle(value);
        };
        _this._onDescriptionChanged = function (value) {
            _this.props.listing.setDescription(value);
        };
        _this._onShortDescriptionChanged = function (value) {
            _this.props.listing.setShortDescription(value);
        };
        _this._onEnabledChanged = function (e, value) {
            _this.props.listing.setEnabled(value);
        };
        _this._onFeaturedChanged = function (e, value) {
            _this.props.listing.setFeatured(value);
        };
        _this._onPrivateChanged = function (e, value) {
            _this.props.listing.setPrivate(value);
        };
        _this._onLaunchUrlChanged = function (value) {
            _this.props.listing.setLaunchUrl(value);
        };
        _this._onVersionChanged = function (value) {
            _this.props.listing.setVersion(value);
        };
        _this._onSecurityMarkingChanged = function (value) {
            _this.props.listing.setSecurityMarking(value);
        };
        return _this;
    }
    ListingEditor.prototype.render = function () {
        var styles = ListingForm_styles_1.getStyles(undefined, this.props.styles);
        var inputDisabled = this.props.listing.saveSync.syncing;
        var cbStyles = {
            root: {
                marginTop: 8
            }
        };
        var validationErrors = this.props.listing.validationErrors;
        var approvalStatus = this.props.listing.approval_status;
        return (React.createElement("div", { className: ListingForm_classNames_1.getClassNames(styles).editor },
            React.createElement(TextField_1.TextField, { onChanged: this._onTitleChanged, value: this.props.listing.title || "", label: "Title", disabled: inputDisabled, required: true, errorMessage: ErrorUtils_1.getPropErrorMessage("title", validationErrors) }),
            React.createElement(TextField_1.TextField, { onChanged: this._onShortDescriptionChanged, value: this.props.listing.description_short || "", label: "Short Description", disabled: inputDisabled, required: approvalStatus !== ListingApprovalStatus_1.ListingApprovalStatus.IN_PROGRESS, errorMessage: ErrorUtils_1.getPropErrorMessage("description_short", validationErrors) }),
            React.createElement(TextField_1.TextField, { onChanged: this._onDescriptionChanged, value: this.props.listing.description || "", label: "Description", disabled: inputDisabled, multiline: true, rows: 6, resizable: false, required: approvalStatus !== ListingApprovalStatus_1.ListingApprovalStatus.IN_PROGRESS, errorMessage: ErrorUtils_1.getPropErrorMessage("description", validationErrors) }),
            React.createElement(TextField_1.TextField, { onChanged: this._onLaunchUrlChanged, value: this.props.listing.launch_url || "", label: "Launch URL", disabled: inputDisabled, required: this.props.listing.id ? true : false, errorMessage: ErrorUtils_1.getPropErrorMessage("launch_url", validationErrors) }),
            React.createElement(TextField_1.TextField, { onChanged: this._onVersionChanged, value: this.props.listing.version_name || "", label: "Version", disabled: inputDisabled }),
            React.createElement(TextField_1.TextField, { onChanged: this._onSecurityMarkingChanged, value: this.props.listing.security_marking || "", label: "Security", disabled: inputDisabled, required: true, errorMessage: ErrorUtils_1.getPropErrorMessage("security_marking", validationErrors) }),
            React.createElement(ListingEditorImagesSection, __assign({}, this.props)),
            React.createElement(ListingEditorDocumentSection, __assign({}, this.props)),
            React.createElement(Checkbox_1.Checkbox, { onChange: this._onFeaturedChanged, checked: this.props.listing.is_featured ? true : false, label: "Featured", disabled: inputDisabled, styles: cbStyles }),
            React.createElement(Checkbox_1.Checkbox, { onChange: this._onEnabledChanged, checked: this.props.listing.is_enabled ? true : false, label: "Enabled", disabled: inputDisabled, styles: cbStyles }),
            React.createElement(Checkbox_1.Checkbox, { onChange: this._onPrivateChanged, checked: this.props.listing.is_private ? true : false, label: "Private", disabled: inputDisabled, styles: cbStyles })));
    };
    ListingEditor = __decorate([
        mobx_react_1.observer
    ], ListingEditor);
    return ListingEditor;
}(React.Component));
exports.ListingEditor = ListingEditor;
var ListingSaveAction = /** @class */ (function (_super) {
    __extends(ListingSaveAction, _super);
    function ListingSaveAction() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClick = function () {
            _this.props.onSave(_this.props.listing);
        };
        _this._onRenderSyncIcon = function () {
            return React.createElement(Spinner_1.Spinner, { size: Spinner_1.SpinnerSize.small });
        };
        return _this;
    }
    ListingSaveAction.prototype.render = function () {
        var syncing = this.props.listing.saveSync.syncing;
        var syncSave = this.props.listing.saveSync.type === "save";
        return (React.createElement(Button_1.PrimaryButton, { className: "action save-action", onClick: this._onClick, iconProps: syncing && syncSave ? undefined : { iconName: "Save" }, onRenderIcon: syncing && syncSave ? this._onRenderSyncIcon : undefined, disabled: syncing }, syncing && syncSave ? "Saving..." : "Save"));
    };
    ListingSaveAction = __decorate([
        mobx_react_1.observer
    ], ListingSaveAction);
    return ListingSaveAction;
}(React.Component));
var ListingSubmitAction = /** @class */ (function (_super) {
    __extends(ListingSubmitAction, _super);
    function ListingSubmitAction() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClick = function () {
            /*
            this.props.listing.submitForApproval().then(() => {
                if(!this.props.listing.saveSync.error && this.props.onAfterSave) {
                    this.props.onAfterSave(this.props.listing);
                }
            });
            */
            _this.props.onSubmitForApproval(_this.props.listing);
        };
        _this._onRenderSyncIcon = function () {
            return React.createElement(Spinner_1.Spinner, { size: Spinner_1.SpinnerSize.small });
        };
        return _this;
    }
    ListingSubmitAction.prototype.render = function () {
        var syncing = this.props.listing.saveSync.syncing;
        var approvalStatus = this.props.listing.approval_status;
        if (approvalStatus === ListingApprovalStatus_1.ListingApprovalStatus.IN_PROGRESS || approvalStatus === ListingApprovalStatus_1.ListingApprovalStatus.REJECTED) {
            var syncSubmit = this.props.listing.saveSync.type === "submit";
            return (React.createElement(Button_1.PrimaryButton, { className: "action submit-action", onClick: this._onClick, iconProps: syncing && syncSubmit ? undefined : { iconName: "WorkFlow" }, onRenderIcon: syncing && syncSubmit ? this._onRenderSyncIcon : undefined, disabled: syncing, title: "Submit for Approval" }, syncing && syncSubmit ? "Submitting for Approval..." : "Submit for Approval"));
        }
        return null;
    };
    ListingSubmitAction = __decorate([
        mobx_react_1.observer
    ], ListingSubmitAction);
    return ListingSubmitAction;
}(React.Component));
var ListingCancelAction = /** @class */ (function (_super) {
    __extends(ListingCancelAction, _super);
    function ListingCancelAction() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClick = function () {
            _this.props.listing.reset();
            if (_this.props.onCancel) {
                _this.props.onCancel();
            }
        };
        return _this;
    }
    ListingCancelAction.prototype.render = function () {
        return React.createElement(Button_1.DefaultButton, { className: "action cancel-action", onClick: this._onClick, disabled: this.props.listing.saveSync.syncing }, "Cancel");
    };
    ListingCancelAction = __decorate([
        mobx_react_1.observer
    ], ListingCancelAction);
    return ListingCancelAction;
}(React.Component));
var ListingActions = /** @class */ (function (_super) {
    __extends(ListingActions, _super);
    function ListingActions() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingActions.prototype.render = function () {
        var styles = ListingForm_styles_1.getStyles(undefined, this.props.styles);
        return (React.createElement("div", { className: ListingForm_classNames_1.getClassNames(styles).actions },
            this.props.onCancel ? React.createElement(ListingCancelAction, __assign({}, this.props)) : undefined,
            this.props.onSave ? React.createElement(ListingSaveAction, __assign({}, this.props)) : undefined,
            this.props.onSubmitForApproval ? React.createElement(ListingSubmitAction, __assign({}, this.props)) : undefined));
    };
    return ListingActions;
}(React.Component));
var ListingSaveSync = /** @class */ (function (_super) {
    __extends(ListingSaveSync, _super);
    function ListingSaveSync() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingSaveSync.prototype.render = function () {
        if (this.props.listing.saveSync.error) {
            return (React.createElement(MessageBar_1.MessageBar, { messageBarType: MessageBar_1.MessageBarType.error },
                "Unable to save listing - ",
                this.props.listing.saveSync.error.message));
        }
        return null;
    };
    ListingSaveSync = __decorate([
        mobx_react_1.observer
    ], ListingSaveSync);
    return ListingSaveSync;
}(React.Component));
var ListingValidationErrors = /** @class */ (function (_super) {
    __extends(ListingValidationErrors, _super);
    function ListingValidationErrors() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingValidationErrors.prototype.render = function () {
        return React.createElement(ValidationErrors_1.ValidationErrors, { errors: this.props.listing.validationErrors });
    };
    ListingValidationErrors = __decorate([
        mobx_react_1.observer
    ], ListingValidationErrors);
    return ListingValidationErrors;
}(React.Component));
var ListingForm = /** @class */ (function (_super) {
    __extends(ListingForm, _super);
    function ListingForm() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ListingForm.prototype.render = function () {
        var styles = ListingForm_styles_1.getStyles(undefined, this.props.styles);
        return (React.createElement("div", { className: ListingForm_classNames_1.getClassNames(styles).root },
            React.createElement(ListingValidationErrors, __assign({}, this.props)),
            React.createElement(ListingSaveSync, __assign({}, this.props)),
            React.createElement(ListingEditor, __assign({}, this.props)),
            React.createElement(ListingActions, __assign({}, this.props))));
    };
    return ListingForm;
}(React.Component));
exports.ListingForm = ListingForm;
var ListingFormContainer = /** @class */ (function (_super) {
    __extends(ListingFormContainer, _super);
    function ListingFormContainer() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onRenderDone = function () {
            return React.createElement(ListingForm, { listing: _this.props.listingSupplier.value, onCancel: _this.props.onCancel, onSave: _this.props.onSave, onSubmitForApproval: _this.props.onSubmitForApproval });
        };
        return _this;
    }
    ListingFormContainer.prototype.render = function () {
        return React.createElement(Sync_1.Sync, { sync: this.props.listingSupplier.sync, onRenderDone: this._onRenderDone });
    };
    return ListingFormContainer;
}(React.Component));
exports.ListingFormContainer = ListingFormContainer;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingForm.styles.js":
/*!************************************************************!*\
  !*** ../ozone/lib/listing/component/ListingForm.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getStyles = utilities_1.memoizeFunction(function (theme, customStyles) {
    if (!theme) {
        theme = styling_1.getTheme();
    }
    var DefaultStyles = {
        root: {
            padding: 10
        },
        editor: {},
        actions: {
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            selectors: {
                ".action+.action": {
                    marginLeft: 8
                }
            }
        }
    };
    return styling_1.concatStyleSets(DefaultStyles, customStyles);
});
exports.getStyles = getStyles;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingLinkForm.classNames.js":
/*!********************************************************************!*\
  !*** ../ozone/lib/listing/component/ListingLinkForm.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getClassNames = utilities_1.memoizeFunction(function (styles, className) {
    return {
        root: styling_1.mergeStyles("app-listing-link-form", styles.root, className),
        editor: styling_1.mergeStyles("app-listing-link-form-editor", styles.editor),
        editors: styling_1.mergeStyles("app-listing-link-form-editors", styles.editors),
        nameField: styling_1.mergeStyles("app-listing-link-form-name-field", styles.nameField),
        urlField: styling_1.mergeStyles("app-listing-link-form-url-field", styles.urlField),
        removeAction: styling_1.mergeStyles("app-listing-link-form-remove-action", styles.removeAction),
        actions: styling_1.mergeStyles("app-listing-link-form-actions", styles.actions)
    };
});
exports.getClassNames = getClassNames;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingLinkForm.js":
/*!*********************************************************!*\
  !*** ../ozone/lib/listing/component/ListingLinkForm.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 __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 ListingLinkForm_classNames_1 = __webpack_require__(/*! ./ListingLinkForm.classNames */ "../ozone/lib/listing/component/ListingLinkForm.classNames.js");
var ListingLinkForm_styles_1 = __webpack_require__(/*! ./ListingLinkForm.styles */ "../ozone/lib/listing/component/ListingLinkForm.styles.js");
var TextField_1 = __webpack_require__(/*! office-ui-fabric-react/lib/TextField */ "../../node_modules/office-ui-fabric-react/lib/TextField.js");
var ErrorUtils_1 = __webpack_require__(/*! @twii/core/lib/ErrorUtils */ "../core/lib/ErrorUtils.js");
var Button_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var Button_2 = __webpack_require__(/*! office-ui-fabric-react/lib/Button */ "../../node_modules/office-ui-fabric-react/lib/Button.js");
var ListingLinkEditor = /** @class */ (function (_super) {
    __extends(ListingLinkEditor, _super);
    function ListingLinkEditor() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onNameChanged = function (value) {
            _this.props.listingLink.setName(value);
        };
        _this._onUrlChanged = function (value) {
            _this.props.listingLink.setUrl(value);
        };
        _this._onClickRemove = function () {
            _this.props.listingLink.removeFromListing();
        };
        return _this;
    }
    ListingLinkEditor.prototype.render = function () {
        var classNames = this.props.classNames || ListingLinkForm_classNames_1.getClassNames(ListingLinkForm_styles_1.getStyles(null, this.props.styles), this.props.className);
        var inputDisabled = this.props.listingLink.listing.saveSync.syncing;
        var validationErrors = this.props.listingLink.validationErrors;
        return (React.createElement("div", { className: classNames.editor },
            React.createElement("div", { className: classNames.nameField },
                React.createElement(TextField_1.TextField, { onChanged: this._onNameChanged, value: this.props.listingLink.name || "", disabled: inputDisabled, required: true, errorMessage: ErrorUtils_1.getPropErrorMessage("name", validationErrors), placeholder: "Name" })),
            React.createElement("div", { className: classNames.urlField },
                React.createElement(TextField_1.TextField, { onChanged: this._onUrlChanged, value: this.props.listingLink.url || "", disabled: inputDisabled, required: true, errorMessage: ErrorUtils_1.getPropErrorMessage("url", validationErrors), placeholder: "URL" })),
            React.createElement("div", { className: classNames.removeAction },
                React.createElement(Button_1.IconButton, { iconProps: { iconName: "Delete" }, onClick: this._onClickRemove, title: "Remove Link" }))));
    };
    ListingLinkEditor = __decorate([
        mobx_react_1.observer
    ], ListingLinkEditor);
    return ListingLinkEditor;
}(React.Component));
exports.ListingLinkEditor = ListingLinkEditor;
var ListingLinkForm = /** @class */ (function (_super) {
    __extends(ListingLinkForm, _super);
    function ListingLinkForm() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this._onClickAdd = function () {
            _this.props.listing.addLink();
        };
        return _this;
    }
    ListingLinkForm.prototype.render = function () {
        var classNames = this.props.classNames || ListingLinkForm_classNames_1.getClassNames(ListingLinkForm_styles_1.getStyles(null, this.props.styles), this.props.className);
        var docs = this.props.listing.doc_urls;
        var content;
        if (docs && docs.length > 0) {
            var editors = docs.map(function (doc, idx) {
                return React.createElement(ListingLinkEditor, { key: idx, listingLink: doc });
            });
            content = (React.createElement("div", { className: classNames.editors }, editors));
        }
        return (React.createElement("div", { className: classNames.root },
            content,
            React.createElement("div", { className: classNames.actions },
                React.createElement(Button_2.DefaultButton, { onClick: this._onClickAdd, iconProps: { iconName: "Add" } }, "Add Link"))));
    };
    ListingLinkForm = __decorate([
        mobx_react_1.observer
    ], ListingLinkForm);
    return ListingLinkForm;
}(React.Component));
exports.ListingLinkForm = ListingLinkForm;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingLinkForm.styles.js":
/*!****************************************************************!*\
  !*** ../ozone/lib/listing/component/ListingLinkForm.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/index.js");
var utilities_1 = __webpack_require__(/*! @uifabric/utilities */ "../../node_modules/@uifabric/utilities/lib/index.js");
var getStyles = utilities_1.memoizeFunction(function (theme, customStyles) {
    if (!theme) {
        theme = styling_1.getTheme();
    }
    var DefaultStyles = {
        root: {},
        editor: {
            display: "flex",
            justifyContent: "flex-start",
            alignItems: "center"
        },
        editors: {
            marginBottom: 8
        },
        nameField: {
            marginRight: 8,
            width: "30%"
        },
        urlField: {
            marginLeft: 8,
            width: "50%"
        },
        removeAction: {
            marginLeft: 8
        },
        actions: {}
    };
    return styling_1.concatStyleSets(DefaultStyles, customStyles);
});
exports.getStyles = getStyles;


/***/ }),

/***/ "../ozone/lib/listing/component/ListingMenuHelper.js":
/*!***********************************************************!*\
  !*** ../ozone/lib/listing/component/ListingMenuHelper.js ***!
  \***********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var React = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
var UserAdminContext_1 = __webpack_require__(/*! ../../user/UserAdminContext */ "../ozone/lib/user/UserAdminContext.js");
var Spinner_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Spinner */ "../../node_modules/office-ui-fabric-react/lib/Spinner.js");
var Image_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Image */ "../../node_modules/office-ui-fabric-react/lib/Image.js");
var onClickPlaceItem = function (e, item) {
    item.host.load({ path: item.path });
};
var createPlaceItem = function (host, item) {
    var r = Object.assign({}, item);
    r.host = host;
    r.canCheck = true;
    r.checked = item.hostCheck ? item.hostCheck(host) : host.path === item.path;
    r.active = r.checked;
    r.className = r.active ? "active" : undefined;
    if (!r.onClick) {
        r.onClick = onClickPlaceItem;
    }
    return r;
};
exports.createPlaceItem = createPlaceItem;
var createPlaceItems = function (opts) {
    var r = [
        createPlaceItem(opts.host, {
            key: "bookmarks",
            name: "Bookmarks",
            path: "/ozone/bookmarks",
            iconProps: {
                iconName: "DoubleBookmark"
            }
        }),
        createPlaceItem(opts.host, {
            key: "store",
            name: "Store",
            path: "/ozone/store",
            iconProps: {
                iconName: "Shop"
            }
        })
    ];
    if (UserAdminContext_1.UserAdminContext.value(opts.userProfile)) {
        r.push(createPlaceItem(opts.host, {
            key: "allListings",
            name: "All Listings",
            path: "/ozone/listings",
            iconProps: {
                iconName: "ViewAll"
            }
        }));
    }
    return r;
};
exports.createPlaceItems = createPlaceItems;
var createPlaceMenu = function (opts) {
    var placeItems = opts.placeItems || createPlaceItems(opts);
    if (opts.host.sync.syncing) {
        return {
            key: "place",
            name: "Loading...",
            onRenderIcon: function () {
                return React.createElement(Spinner_1.Spinner, { size: Spinner_1.SpinnerSize.small });
            },
            subMenuProps: {
                items: placeItems
            }
        };
    }
    var checkedItem = placeItems.find(function (item) { return item.checked; });
    if (checkedItem) {
        return {
            key: "place",
            name: checkedItem.name,
            iconProps: checkedItem.iconProps,
            onRenderIcon: checkedItem.onRenderIcon,
            subMenuProps: {
                items: placeItems
            }
        };
    }
    return {
        key: "place",
        name: opts.host.title,
        subMenuProps: {
            items: placeItems
        }
    };
};
exports.createPlaceMenu = createPlaceMenu;
var defaultRenderTitle = function (listingSupplier) {
    return listingSupplier.value.title;
};
var createListingPlaceItem = function (opts) {
    var host = opts.host, listingSupplier = opts.listingSupplier;
    var onRenderTitle = opts.onRenderTitle || defaultRenderTitle;
    return createPlaceItem(host, {
        key: opts.key,
        name: listingSupplier.sync.syncing ? "Loading..." : onRenderTitle(listingSupplier),
        path: opts.path,
        onRenderIcon: function () {
            if (listingSupplier.sync.syncing) {
                return React.createElement(Spinner_1.Spinner, { size: Spinner_1.SpinnerSize.small });
            }
            return listingSupplier.value.small_icon ? React.createElement(Image_1.Image, { src: listingSupplier.value.small_icon.url }) : null;
        }
    });
};
exports.createListingPlaceItem = createListingPlaceItem;


/***/ }),

/***/ "../ozone/lib/media/component/ImageField.js":
/*!**************************************************!*\
  !*** ../ozone/lib/media/component/ImageField.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 Utilities_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Utilities */ "../../node_modules/office-ui-fabric-react/lib/Utilities.js");
var Image_1 = __webpack_require__(/*! office-ui-fabric-react/lib/Image */ "../../node_modules/office-ui-fabric-react/lib/Image.js");
var FileField_1 = __webpack_require__(/*! @twii/core-ui-fabric/lib/component/FileField */ "../core-ui-fabric/lib/component/FileField.js");
var ImageFile = /** @class */ (function (_super) {
    __extends(ImageFile, _super);
    function ImageFile() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ImageFile.prototype._setBlobUrl = function (file) {
        try {
            this._blobUrl = URL.createObjectURL(file);
        }
        catch (e) { }
    };
    ImageFile.prototype._cleanupBlobUrl = function () {
        if (this._blobUrl) {
            try {
                URL.revokeObjectURL(this._blobUrl);
            }
            catch (e) { }
            this._blobUrl = undefined;
        }
    };
    ImageFile.prototype.componentWillMount = function () {
        this._setBlobUrl(this.props.file);
    };
    ImageFile.prototype.componentWillUnmount = function () {
        this._cleanupBlobUrl();
    };
    ImageFile.prototype.componentWillReceiveProps = function (nextProps) {
        if (nextProps.file !== this.props.file) {
            this._cleanupBlobUrl();
            this._setBlobUrl(nextProps.file);
        }
    };
    ImageFile.prototype.render = function () {
        return React.createElement(Image_1.Image, { src: this._blobUrl, width: this.props.width, height: this.props.height, alt: this.props.alt || this.props.file.name });
    };
    return ImageFile;
}(React.Component));
exports.ImageFile = ImageFile;
var defaultRenderImageSelect = function (props) {
    return React.createElement(Image_1.Image, { src: props.image.url, width: props.width, height: props.height, alt: props.label });
};
var defaultRenderImageFile = function (file, props) {
    return React.createElement(ImageFile, { file: file, width: props.width, height: props.height, alt: props.label });
};
var ImageField = /** @class */ (function (_super) {
    __extends(ImageField, _super);
    function ImageField(props) {
        var _this = _super.call(this, props) || this;
        _this._onRenderFile = function (file) {
            return (_this.props.onRenderImageFile || defaultRenderImageFile)(file, _this.props);
        };
        _this._onRenderFiles = function (files) {
            if (files && files.length > 0) {
                var file = files[0];
                return _this._onRenderFile(file);
            }
            return null;
        };
        _this._onChange = function (files) {
            if (_this.props.onChange) {
                _this.props.onChange(files && files.length > 0 ? { file: files[0] } : undefined);
            }
        };
        _this._onRenderSelectImage = function () {
            return (_this.props.onRenderSelect || defaultRenderImageSelect)(_this.props);
        };
        _this._onClear = function () {
            if (_this.props.onChange) {
                _this.props.onChange(undefined);
            }
        };
        _this.state = {};
        _this._id = Utilities_1.getId("image-field");
        return _this;
    }
    ImageField.prototype.render = function () {
        return React.createElement(FileField_1.FileField, { files: this.props.image && this.props.image.file ? [this.props.image.file] : undefined, label: this.props.label, multiple: false, accept: "image/*", defaultSelectText: this.props.defaultSelectText || "Select an Image...", onRenderSelect: this.props.image && this.props.image.url ? this._onRenderSelectImage : undefined, onRenderFiles: this._onRenderFiles, onChange: this._onChange, onClear: this.props.image ? this._onClear : undefined });
    };
    return ImageField;
}(React.Component));
exports.ImageField = ImageField;


/***/ }),

/***/ "../ozone/lib/user/UserAdminContext.js":
/*!*********************************************!*\
  !*** ../ozone/lib/user/UserAdminContext.js ***!
  \*********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var Context_1 = __webpack_require__(/*! @twii/core/lib/Context */ "../core/lib/Context.js");
var StringUtils_1 = __webpack_require__(/*! @twii/core/lib/StringUtils */ "../core/lib/StringUtils.js");
var defaultAdminCheck = function (userProfile) {
    return userProfile.user && userProfile.user.groups && userProfile.user.groups.some(function (g) {
        return StringUtils_1.equalsIgnoreCase(g.name, "admin");
    });
};
var UserAdminContext = new Context_1.Context({
    value: defaultAdminCheck
});
exports.UserAdminContext = UserAdminContext;


/***/ })

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