text: (window["webpackJsonp_8494e7d7_6b99_47b2_a741_59873e42f16f_4_0_19"] = window["webpackJsonp_8494e7d7_6b99_47b2_a741_59873e42f16f_4_0_19"] || []).push([["vendors~sp-dialog-utils"],{
  
  /***/ "01ek":
  /*!*********************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.styles.js ***!
    \*********************************************************************************************************************************************************************************************************************************/
  /*! exports provided: getStyles */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyles", function() { return getStyles; });
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Styling */ "4RHQ");
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Styling__WEBPACK_IMPORTED_MODULE_0__);
  
  var GlobalClassNames = {
      root: 'ms-Dialog'
  };
  var getStyles = function (props) {
      var _a;
      var className = props.className, containerClassName = props.containerClassName, _b = props.dialogDefaultMinWidth, dialogDefaultMinWidth = _b === void 0 ? '288px' : _b, _c = props.dialogDefaultMaxWidth, dialogDefaultMaxWidth = _c === void 0 ? '340px' : _c, hidden = props.hidden, theme = props.theme;
      var classNames = Object(_Styling__WEBPACK_IMPORTED_MODULE_0__["getGlobalClassNames"])(GlobalClassNames, theme);
      return {
          root: [classNames.root, theme.fonts.medium, className],
          main: [
              {
                  width: dialogDefaultMinWidth,
                  outline: '3px solid transparent',
                  selectors: (_a = {},
                      _a["@media (min-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMinMedium"] + "px)"] = {
                          width: 'auto',
                          maxWidth: dialogDefaultMaxWidth,
                          minWidth: dialogDefaultMinWidth
                      },
                      _a)
              },
              !hidden && { display: 'flex' },
              containerClassName
          ]
      };
  };
  //# sourceMappingURL=Dialog.styles.js.map
  
  /***/ }),
  
  /***/ "15YF":
  /*!*******************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.base.js ***!
    \*******************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DialogBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogBase", function() { return DialogBase; });
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "tCkv");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogContent.types */ "F+OE");
  /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../Modal */ "67Sy");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utilities/decorators/withResponsiveMode */ "jiHw");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_5__);
  /* harmony import */ var _DialogContent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DialogContent */ "Nio4");
  
  
  
  
  
  
  var getClassNames = Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["classNamesFunction"])();
  
  var DefaultModalProps = {
      isDarkOverlay: false,
      isBlocking: false,
      className: '',
      containerClassName: '',
      topOffsetFixed: false
  };
  var DefaultDialogContentProps = {
      type: _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__["DialogType"].normal,
      className: '',
      topButtonsProps: []
  };
  var DialogBase = /** @class */ (function (_super) {
      tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](DialogBase, _super);
      function DialogBase(props) {
          var _this = _super.call(this, props) || this;
          _this._getSubTextId = function () {
              var _a = _this.props, ariaDescribedById = _a.ariaDescribedById, modalProps = _a.modalProps, dialogContentProps = _a.dialogContentProps, subText = _a.subText;
              var id = ariaDescribedById || (modalProps && modalProps.subtitleAriaId);
              if (!id) {
                  id = (subText || (dialogContentProps && dialogContentProps.subText)) && _this._defaultSubTextId;
              }
              return id;
          };
          _this._getTitleTextId = function () {
              var _a = _this.props, ariaLabelledById = _a.ariaLabelledById, modalProps = _a.modalProps, dialogContentProps = _a.dialogContentProps, title = _a.title;
              var id = ariaLabelledById || (modalProps && modalProps.titleAriaId);
              if (!id) {
                  id = (title || (dialogContentProps && dialogContentProps.title)) && _this._defaultTitleTextId;
              }
              return id;
          };
          _this._id = Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["getId"])('Dialog');
          _this._defaultTitleTextId = _this._id + '-title';
          _this._defaultSubTextId = _this._id + '-subText';
          if (true) {
              Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["warnDeprecations"])('Dialog', props, {
                  isOpen: 'hidden',
                  type: 'dialogContentProps.type',
                  subText: 'dialogContentProps.subText',
                  contentClassName: 'dialogContentProps.className',
                  topButtonsProps: 'dialogContentProps.topButtonsProps',
                  className: 'modalProps.className',
                  isDarkOverlay: 'modalProps.isDarkOverlay',
                  isBlocking: 'modalProps.isBlocking',
                  containerClassName: 'modalProps.containerClassName',
                  onDismissed: 'modalProps.onDismissed',
                  onLayerDidMount: 'modalProps.layerProps.onLayerDidMount',
                  ariaDescribedById: 'modalProps.subtitleAriaId',
                  ariaLabelledById: 'modalProps.titleAriaId'
              });
          }
          return _this;
      }
      DialogBase.prototype.render = function () {
          var _a = this.props, className = _a.className, containerClassName = _a.containerClassName, contentClassName = _a.contentClassName, elementToFocusOnDismiss = _a.elementToFocusOnDismiss, firstFocusableSelector = _a.firstFocusableSelector, forceFocusInsideTrap = _a.forceFocusInsideTrap, styles = _a.styles, hidden = _a.hidden, ignoreExternalFocusing = _a.ignoreExternalFocusing, isBlocking = _a.isBlocking, isClickableOutsideFocusTrap = _a.isClickableOutsideFocusTrap, isDarkOverlay = _a.isDarkOverlay, isOpen = _a.isOpen, onDismiss = _a.onDismiss, onDismissed = _a.onDismissed, onLayerDidMount = _a.onLayerDidMount, responsiveMode = _a.responsiveMode, subText = _a.subText, theme = _a.theme, title = _a.title, topButtonsProps = _a.topButtonsProps, type = _a.type, minWidth = _a.minWidth, maxWidth = _a.maxWidth, modalProps = _a.modalProps;
          var mergedLayerProps = tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, (modalProps ? modalProps.layerProps : { onLayerDidMount: onLayerDidMount }));
          if (onLayerDidMount && !mergedLayerProps.onLayerDidMount) {
              mergedLayerProps.onLayerDidMount = onLayerDidMount;
          }
          var dialogDraggableClassName;
          var dragOptions;
          // if we are draggable, make sure we are using the correct
          // draggable classname and selectors
          if (modalProps && modalProps.dragOptions && !modalProps.dragOptions.dragHandleSelector) {
              dialogDraggableClassName = 'ms-Dialog-draggable-header';
              dragOptions = tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, modalProps.dragOptions, { dragHandleSelector: "." + dialogDraggableClassName });
          }
          else {
              dragOptions = modalProps && modalProps.dragOptions;
          }
          var mergedModalProps = tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, DefaultModalProps, modalProps, { layerProps: mergedLayerProps, dragOptions: dragOptions });
          var dialogContentProps = tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, DefaultDialogContentProps, this.props.dialogContentProps, { draggableHeaderClassName: dialogDraggableClassName });
          var classNames = getClassNames(styles, {
              theme: theme,
              className: className || mergedModalProps.className,
              containerClassName: containerClassName || mergedModalProps.containerClassName,
              hidden: hidden,
              dialogDefaultMinWidth: minWidth,
              dialogDefaultMaxWidth: maxWidth
          });
          return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Modal__WEBPACK_IMPORTED_MODULE_4__["Modal"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ elementToFocusOnDismiss: elementToFocusOnDismiss, firstFocusableSelector: firstFocusableSelector, forceFocusInsideTrap: forceFocusInsideTrap, ignoreExternalFocusing: ignoreExternalFocusing, isClickableOutsideFocusTrap: isClickableOutsideFocusTrap, onDismissed: onDismissed, responsiveMode: responsiveMode }, mergedModalProps, { isDarkOverlay: isDarkOverlay !== undefined ? isDarkOverlay : mergedModalProps.isDarkOverlay, isBlocking: isBlocking !== undefined ? isBlocking : mergedModalProps.isBlocking, isOpen: isOpen !== undefined ? isOpen : !hidden, className: classNames.root, containerClassName: classNames.main, onDismiss: onDismiss ? onDismiss : mergedModalProps.onDismiss, subtitleAriaId: this._getSubTextId(), titleAriaId: this._getTitleTextId() }),
              react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_DialogContent__WEBPACK_IMPORTED_MODULE_6__["DialogContent"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ titleId: this._defaultTitleTextId, subTextId: this._defaultSubTextId, title: title, subText: subText, showCloseButton: isBlocking !== undefined ? !isBlocking : !mergedModalProps.isBlocking, topButtonsProps: topButtonsProps ? topButtonsProps : dialogContentProps.topButtonsProps, type: type !== undefined ? type : dialogContentProps.type, onDismiss: onDismiss ? onDismiss : dialogContentProps.onDismiss, className: contentClassName || dialogContentProps.className }, dialogContentProps), this.props.children)));
      };
      DialogBase.defaultProps = {
          hidden: true
      };
      DialogBase = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
          _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_5__["withResponsiveMode"]
      ], DialogBase);
      return DialogBase;
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
  
  //# sourceMappingURL=Dialog.base.js.map
  
  /***/ }),
  
  /***/ "2zVY":
  /*!*********************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/Overlay.js ***!
    \*********************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/Overlay.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = {}
  for (var key in pkg) {
    if (pkg.hasOwnProperty(key)) {
      module.exports[key] = pkg[key];
    }
  }
  Object.defineProperty(module.exports, "__esModule", { value: true });
  
  /***/ }),
  
  /***/ "4azF":
  /*!*******************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/utilities/DraggableZone/index.js ***!
    \*******************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DraggableZone, getClassNames */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DraggableZone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DraggableZone */ "nDaQ");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DraggableZone", function() { return _DraggableZone__WEBPACK_IMPORTED_MODULE_0__["DraggableZone"]; });
  
  /* harmony import */ var _DraggableZone_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DraggableZone.styles */ "rp3K");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getClassNames", function() { return _DraggableZone_styles__WEBPACK_IMPORTED_MODULE_1__["getClassNames"]; });
  
  
  
  //# sourceMappingURL=index.js.map
  
  /***/ }),
  
  /***/ "67Sy":
  /*!*******************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/Modal.js ***!
    \*******************************************************************************************************************************************************************************************************/
  /*! exports provided: default, Modal, ModalBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _components_Modal_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/Modal/index */ "y2VM");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Modal", function() { return _components_Modal_index__WEBPACK_IMPORTED_MODULE_0__["Modal"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ModalBase", function() { return _components_Modal_index__WEBPACK_IMPORTED_MODULE_0__["ModalBase"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _components_Modal_index__WEBPACK_IMPORTED_MODULE_0__["Modal"]; });
  
  
  
  //# sourceMappingURL=Modal.js.map
  
  /***/ }),
  
  /***/ "8S/1":
  /*!***************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogFooter.styles.js ***!
    \***************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: getStyles */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyles", function() { return getStyles; });
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Styling */ "4RHQ");
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Styling__WEBPACK_IMPORTED_MODULE_0__);
  
  var GlobalClassNames = {
      actions: 'ms-Dialog-actions',
      action: 'ms-Dialog-action',
      actionsRight: 'ms-Dialog-actionsRight'
  };
  var getStyles = function (props) {
      var className = props.className, theme = props.theme;
      var classNames = Object(_Styling__WEBPACK_IMPORTED_MODULE_0__["getGlobalClassNames"])(GlobalClassNames, theme);
      return {
          actions: [
              classNames.actions,
              {
                  position: 'relative',
                  width: '100%',
                  minHeight: '24px',
                  lineHeight: '24px',
                  margin: '16px 0 0',
                  fontSize: '0',
                  selectors: {
                      '.ms-Button': {
                          lineHeight: 'normal'
                      }
                  }
              },
              className
          ],
          action: [
              classNames.action,
              {
                  margin: '0 4px'
              }
          ],
          actionsRight: [
              classNames.actionsRight,
              {
                  textAlign: 'right',
                  marginRight: '-4px',
                  fontSize: '0'
              }
          ]
      };
  };
  //# sourceMappingURL=DialogFooter.styles.js.map
  
  /***/ }),
  
  /***/ "CNvk":
  /*!**************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogContent.base.js ***!
    \**************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DialogContentBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogContentBase", function() { return DialogContentBase; });
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "tCkv");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogContent.types */ "F+OE");
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../Button */ "xk/t");
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Button__WEBPACK_IMPORTED_MODULE_4__);
  /* harmony import */ var _DialogFooter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DialogFooter */ "T/ax");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utilities/decorators/withResponsiveMode */ "jiHw");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_6__);
  
  
  
  
  
  
  
  var getClassNames = Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["classNamesFunction"])();
  var DialogFooterType = react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_DialogFooter__WEBPACK_IMPORTED_MODULE_5__["DialogFooter"], null).type;
  var DialogContentBase = /** @class */ (function (_super) {
      tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](DialogContentBase, _super);
      function DialogContentBase(props) {
          return _super.call(this, props) || this;
      }
      DialogContentBase.prototype.render = function () {
          var _a = this.props, showCloseButton = _a.showCloseButton, className = _a.className, closeButtonAriaLabel = _a.closeButtonAriaLabel, onDismiss = _a.onDismiss, subTextId = _a.subTextId, subText = _a.subText, titleId = _a.titleId, title = _a.title, type = _a.type, styles = _a.styles, theme = _a.theme, draggableHeaderClassName = _a.draggableHeaderClassName;
          var classNames = getClassNames(styles, {
              theme: theme,
              className: className,
              isLargeHeader: type === _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__["DialogType"].largeHeader,
              isClose: type === _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__["DialogType"].close,
              draggableHeaderClassName: draggableHeaderClassName
          });
          var groupings = this._groupChildren();
          var subTextContent;
          if (subText) {
              subTextContent = (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("p", { className: classNames.subText, id: subTextId }, subText));
          }
          return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.content },
              react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.header },
                  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("p", { className: classNames.title, id: titleId, role: "heading", "aria-level": 2 }, title),
                  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.topButton },
                      this.props.topButtonsProps.map(function (props, index) { return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Button__WEBPACK_IMPORTED_MODULE_4__["IconButton"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ key: props.uniqueId || index }, props))); }),
                      (type === _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__["DialogType"].close || (showCloseButton && type !== _DialogContent_types__WEBPACK_IMPORTED_MODULE_3__["DialogType"].largeHeader)) && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Button__WEBPACK_IMPORTED_MODULE_4__["IconButton"], { className: classNames.button, iconProps: { iconName: 'Cancel' }, ariaLabel: closeButtonAriaLabel, onClick: onDismiss })))),
              react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.inner },
                  react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.innerContent },
                      subTextContent,
                      groupings.contents),
                  groupings.footers)));
      };
      // @TODO - typing the footers as an array of DialogFooter is difficult because
      // casing "child as DialogFooter" causes a problem because
      // "Neither type 'ReactElement<any>' nor type 'DialogFooter' is assignable to the other."
      DialogContentBase.prototype._groupChildren = function () {
          var groupings = {
              footers: [],
              contents: []
          };
          react__WEBPACK_IMPORTED_MODULE_1__["Children"].map(this.props.children, function (child) {
              if (typeof child === 'object' && child !== null && child.type === DialogFooterType) {
                  groupings.footers.push(child);
              }
              else {
                  groupings.contents.push(child);
              }
          });
          return groupings;
      };
      DialogContentBase.defaultProps = {
          showCloseButton: false,
          className: '',
          topButtonsProps: [],
          closeButtonAriaLabel: 'Close'
      };
      DialogContentBase = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
          _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_6__["withResponsiveMode"]
      ], DialogContentBase);
      return DialogContentBase;
  }(_Utilities__WEBPACK_IMPORTED_MODULE_2__["BaseComponent"]));
  
  //# sourceMappingURL=DialogContent.base.js.map
  
  /***/ }),
  
  /***/ "F+OE":
  /*!***************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogContent.types.js ***!
    \***************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: ResponsiveMode, DialogType */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogType", function() { return DialogType; });
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utilities/decorators/withResponsiveMode */ "jiHw");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResponsiveMode", function() { return _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_0__["ResponsiveMode"]; });
  
  
   // Exported because the type is an optional prop and not exported otherwise.
  /**
   * {@docCategory Dialog}
   */
  var DialogType;
  (function (DialogType) {
      /** Standard dialog */
      DialogType[DialogType["normal"] = 0] = "normal";
      /** Dialog with large header banner */
      DialogType[DialogType["largeHeader"] = 1] = "largeHeader";
      /** Dialog with an 'x' close button in the upper-right corner */
      DialogType[DialogType["close"] = 2] = "close";
  })(DialogType || (DialogType = {}));
  //# sourceMappingURL=DialogContent.types.js.map
  
  /***/ }),
  
  /***/ "FI3s":
  /*!****************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogContent.styles.js ***!
    \****************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: getStyles */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyles", function() { return getStyles; });
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Styling */ "4RHQ");
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Styling__WEBPACK_IMPORTED_MODULE_0__);
  
  var GlobalClassNames = {
      contentLgHeader: 'ms-Dialog-lgHeader',
      close: 'ms-Dialog--close',
      subText: 'ms-Dialog-subText',
      header: 'ms-Dialog-header',
      headerLg: 'ms-Dialog--lgHeader',
      button: 'ms-Dialog-button ms-Dialog-button--close',
      inner: 'ms-Dialog-inner',
      content: 'ms-Dialog-content',
      title: 'ms-Dialog-title'
  };
  var getStyles = function (props) {
      var _a, _b, _c;
      var className = props.className, theme = props.theme, isLargeHeader = props.isLargeHeader, isClose = props.isClose, hidden = props.hidden, isMultiline = props.isMultiline, draggableHeaderClassName = props.draggableHeaderClassName;
      var palette = theme.palette, fonts = theme.fonts, effects = theme.effects, semanticColors = theme.semanticColors;
      var classNames = Object(_Styling__WEBPACK_IMPORTED_MODULE_0__["getGlobalClassNames"])(GlobalClassNames, theme);
      return {
          content: [
              isLargeHeader && [
                  classNames.contentLgHeader,
                  {
                      borderTop: "4px solid " + palette.themePrimary
                  }
              ],
              isClose && classNames.close,
              {
                  flexGrow: 1,
                  overflowY: 'hidden' // required for allowScrollOnElement
              },
              className
          ],
          subText: [
              classNames.subText,
              fonts.medium,
              {
                  margin: '0 0 24px 0',
                  color: semanticColors.bodySubtext,
                  lineHeight: '1.5',
                  wordWrap: 'break-word',
                  fontWeight: _Styling__WEBPACK_IMPORTED_MODULE_0__["FontWeights"].regular
              }
          ],
          header: [
              classNames.header,
              {
                  position: 'relative',
                  width: '100%',
                  boxSizing: 'border-box'
              },
              isClose && classNames.close,
              draggableHeaderClassName && [
                  draggableHeaderClassName,
                  {
                      cursor: 'move'
                  }
              ]
          ],
          button: [
              classNames.button,
              hidden && {
                  selectors: {
                      '.ms-Icon.ms-Icon--Cancel': {
                          color: semanticColors.buttonText,
                          fontSize: _Styling__WEBPACK_IMPORTED_MODULE_0__["IconFontSizes"].medium
                      }
                  }
              }
          ],
          inner: [
              classNames.inner,
              {
                  padding: '0 24px 24px',
                  selectors: (_a = {},
                      _a["@media (min-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMinSmall"] + "px) and (max-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMaxSmall"] + "px)"] = {
                          padding: '0 16px 16px'
                      },
                      _a)
              }
          ],
          innerContent: [
              classNames.content,
              {
                  position: 'relative',
                  width: '100%'
              }
          ],
          title: [
              classNames.title,
              fonts.xLarge,
              {
                  color: semanticColors.bodyText,
                  margin: '0',
                  padding: '16px 46px 20px 24px',
                  lineHeight: 'normal',
                  selectors: (_b = {},
                      _b["@media (min-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMinSmall"] + "px) and (max-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMaxSmall"] + "px)"] = {
                          padding: '16px 46px 16px 16px'
                      },
                      _b)
              },
              isLargeHeader && {
                  color: semanticColors.menuHeader
              },
              isMultiline && { fontSize: fonts.xxLarge.fontSize }
          ],
          topButton: [
              {
                  display: 'flex',
                  flexDirection: 'row',
                  flexWrap: 'nowrap',
                  position: 'absolute',
                  top: '0',
                  right: '0',
                  padding: '15px 15px 0 0',
                  selectors: (_c = {
                          '> *': {
                              flex: '0 0 auto'
                          },
                          '.ms-Dialog-button': {
                              color: semanticColors.buttonText
                          },
                          '.ms-Dialog-button:hover': {
                              color: semanticColors.buttonTextHovered,
                              borderRadius: effects.roundedCorner2
                          }
                      },
                      _c["@media (min-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMinSmall"] + "px) and (max-width: " + _Styling__WEBPACK_IMPORTED_MODULE_0__["ScreenWidthMaxSmall"] + "px)"] = {
                          padding: '15px 8px 0 0'
                      },
                      _c)
              }
          ]
      };
  };
  //# sourceMappingURL=DialogContent.styles.js.map
  
  /***/ }),
  
  /***/ "Mstc":
  /*!*****************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Modal/Modal.base.js ***!
    \*****************************************************************************************************************************************************************************************************************************/
  /*! exports provided: ModalBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalBase", function() { return ModalBase; });
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "tCkv");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_2__);
  /* harmony import */ var _FocusTrapZone_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../FocusTrapZone/index */ "WEvm");
  /* harmony import */ var _FocusTrapZone_index__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_FocusTrapZone_index__WEBPACK_IMPORTED_MODULE_3__);
  /* harmony import */ var _Modal_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Modal.styles */ "fcBF");
  /* harmony import */ var _Overlay__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Overlay */ "2zVY");
  /* harmony import */ var _Overlay__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Overlay__WEBPACK_IMPORTED_MODULE_5__);
  /* harmony import */ var _Layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Layer */ "88pY");
  /* harmony import */ var _Popup_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Popup/index */ "YCiU");
  /* harmony import */ var _Popup_index__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Popup_index__WEBPACK_IMPORTED_MODULE_7__);
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utilities/decorators/withResponsiveMode */ "jiHw");
  /* harmony import */ var _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_8__);
  /* harmony import */ var _Callout_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Callout/index */ "UO3J");
  /* harmony import */ var _Callout_index__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Callout_index__WEBPACK_IMPORTED_MODULE_9__);
  /* harmony import */ var _Icon_index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../Icon/index */ "n8DK");
  /* harmony import */ var _Icon_index__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Icon_index__WEBPACK_IMPORTED_MODULE_10__);
  /* harmony import */ var _utilities_DraggableZone_index__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utilities/DraggableZone/index */ "4azF");
  
  
  
  
  
  
  
  
  
  
  
  
  // @TODO - need to change this to a panel whenever the breakpoint is under medium (verify the spec)
  var DefaultLayerProps = {
      eventBubblingEnabled: false
  };
  var getClassNames = Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["classNamesFunction"])();
  var ModalBase = /** @class */ (function (_super) {
      tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](ModalBase, _super);
      function ModalBase(props) {
          var _this = _super.call(this, props) || this;
          _this._focusTrapZone = react__WEBPACK_IMPORTED_MODULE_1__["createRef"]();
          // Allow the user to scroll within the modal but not on the body
          _this._allowScrollOnModal = function (elt) {
              if (elt) {
                  Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["allowScrollOnElement"])(elt, _this._events);
              }
              else {
                  _this._events.off(_this._scrollableContent);
              }
              _this._scrollableContent = elt;
          };
          _this._onModalContextMenuClose = function () {
              _this.setState({ isModalMenuOpen: false });
          };
          _this._onModalClose = function () {
              _this._lastSetX = 0;
              _this._lastSetY = 0;
              _this.setState({
                  isModalMenuOpen: false,
                  isInKeyboardMoveMode: false,
                  isOpen: false,
                  x: 0,
                  y: 0
              });
              if (_this.props.dragOptions) {
                  _this._events.off(window, 'keyup', _this._onKeyUp, true /* useCapture */);
              }
              // Call the onDismiss callback
              if (_this.props.onDismissed) {
                  _this.props.onDismissed();
              }
          };
          _this._onDragStart = function () {
              _this.setState({ isModalMenuOpen: false, isInKeyboardMoveMode: false });
          };
          _this._onDrag = function (_, ui) {
              var _a = _this.state, x = _a.x, y = _a.y;
              _this.setState({ x: x + ui.delta.x, y: y + ui.delta.y });
          };
          _this._onDragStop = function () {
              _this.focus();
          };
          _this._onKeyUp = function (event) {
              // Need to handle the CTRL + ALT + SPACE key during keyup due to FireFox bug:
              // https://bugzilla.mozilla.org/show_bug.cgi?id=1220143
              // Otherwise it would continue to fire a click even if the event was cancelled
              // during mouseDown.
              if (event.altKey && event.ctrlKey && event.keyCode === _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].space) {
                  // Since this is a global handler, we should make sure the target is within the dialog
                  // before opening the dropdown
                  if (Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["elementContains"])(_this._scrollableContent, event.target)) {
                      _this.setState({ isModalMenuOpen: !_this.state.isModalMenuOpen });
                      event.preventDefault();
                      event.stopPropagation();
                  }
              }
          };
          // We need a global onKeyDown event when we are in the move mode so that we can
          // handle the key presses and the components inside the modal do not get the events
          _this._onKeyDown = function (event) {
              if (event.altKey && event.ctrlKey && event.keyCode === _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].space) {
                  // CTRL + ALT + SPACE is handled during keyUp
                  event.preventDefault();
                  event.stopPropagation();
                  return;
              }
              if (_this.state.isModalMenuOpen && (event.altKey || event.keyCode === _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].escape)) {
                  _this.setState({ isModalMenuOpen: false });
              }
              if (_this.state.isInKeyboardMoveMode && (event.keyCode === _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].escape || event.keyCode === _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].enter)) {
                  _this.setState({ isInKeyboardMoveMode: false });
                  event.preventDefault();
                  event.stopPropagation();
              }
              if (_this.state.isInKeyboardMoveMode) {
                  var handledEvent = true;
                  var delta = _this._getMoveDelta(event);
                  switch (event.keyCode) {
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].escape:
                          _this.setState({ x: _this._lastSetX, y: _this._lastSetY });
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].enter: {
                          _this._lastSetX = 0;
                          _this._lastSetY = 0;
                          _this.setState({ isInKeyboardMoveMode: false });
                          break;
                      }
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].up: {
                          _this.setState({
                              y: _this.state.y - delta
                          });
                          break;
                      }
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].down: {
                          _this.setState({
                              y: _this.state.y + delta
                          });
                          break;
                      }
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].left: {
                          _this.setState({
                              x: _this.state.x - delta
                          });
                          break;
                      }
                      case _Utilities__WEBPACK_IMPORTED_MODULE_2__["KeyCodes"].right: {
                          _this.setState({
                              x: _this.state.x + delta
                          });
                          break;
                      }
                      default: {
                          handledEvent = false;
                      }
                  }
                  if (handledEvent) {
                      event.preventDefault();
                      event.stopPropagation();
                  }
              }
          };
          _this._onEnterKeyboardMoveMode = function () {
              _this._lastSetX = _this.state.x;
              _this._lastSetY = _this.state.y;
              _this.setState({ isInKeyboardMoveMode: true, isModalMenuOpen: false });
              _this._events.on(window, 'keydown', _this._onKeyDown, true /* useCapture */);
          };
          _this._onExitKeyboardMoveMode = function () {
              _this._lastSetX = 0;
              _this._lastSetY = 0;
              _this.setState({ isInKeyboardMoveMode: false });
              _this._events.off(window, 'keydown', _this._onKeyDown, true /* useCapture */);
          };
          _this.state = {
              id: Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["getId"])('Modal'),
              isOpen: props.isOpen,
              isVisible: props.isOpen,
              hasBeenOpened: props.isOpen,
              x: 0,
              y: 0
          };
          _this._lastSetX = 0;
          _this._lastSetY = 0;
          _this._warnDeprecations({
              onLayerDidMount: 'layerProps.onLayerDidMount'
          });
          return _this;
      }
      // tslint:disable-next-line function-name
      ModalBase.prototype.UNSAFE_componentWillReceiveProps = function (newProps) {
          clearTimeout(this._onModalCloseTimer);
          // Opening the dialog
          if (newProps.isOpen) {
              if (!this.state.isOpen) {
                  // First Open
                  this.setState({
                      isOpen: true
                  });
                  // Add a keyUp handler for all key up events when the dialog is open
                  if (newProps.dragOptions) {
                      this._events.on(window, 'keyup', this._onKeyUp, true /* useCapture */);
                  }
              }
              else {
                  // Modal has been opened
                  // Reopen during closing
                  this.setState({
                      hasBeenOpened: true,
                      isVisible: true
                  });
                  if (newProps.topOffsetFixed) {
                      var dialogMain = document.getElementsByClassName('ms-Dialog-main');
                      var modalRectangle = void 0;
                      if (dialogMain.length > 0) {
                          modalRectangle = dialogMain[0].getBoundingClientRect();
                          this.setState({
                              modalRectangleTop: modalRectangle.top
                          });
                      }
                  }
              }
          }
          // Closing the dialog
          if (!newProps.isOpen && this.state.isOpen) {
              this._onModalCloseTimer = this._async.setTimeout(this._onModalClose, parseFloat(_Modal_styles__WEBPACK_IMPORTED_MODULE_4__["animationDuration"]) * 1000);
              this.setState({
                  isVisible: false
              });
          }
      };
      ModalBase.prototype.componentDidUpdate = function (prevProps, prevState) {
          if (!prevProps.isOpen && !prevState.isVisible) {
              this.setState({
                  isVisible: true
              });
          }
      };
      ModalBase.prototype.render = function () {
          var _a = this.props, className = _a.className, containerClassName = _a.containerClassName, scrollableContentClassName = _a.scrollableContentClassName, elementToFocusOnDismiss = _a.elementToFocusOnDismiss, firstFocusableSelector = _a.firstFocusableSelector, forceFocusInsideTrap = _a.forceFocusInsideTrap, ignoreExternalFocusing = _a.ignoreExternalFocusing, isBlocking = _a.isBlocking, isClickableOutsideFocusTrap = _a.isClickableOutsideFocusTrap, isDarkOverlay = _a.isDarkOverlay, onDismiss = _a.onDismiss, layerProps = _a.layerProps, overlay = _a.overlay, responsiveMode = _a.responsiveMode, titleAriaId = _a.titleAriaId, styles = _a.styles, subtitleAriaId = _a.subtitleAriaId, theme = _a.theme, topOffsetFixed = _a.topOffsetFixed, onLayerDidMount = _a.onLayerDidMount, isModeless = _a.isModeless, dragOptions = _a.dragOptions;
          var _b = this.state, isOpen = _b.isOpen, isVisible = _b.isVisible, hasBeenOpened = _b.hasBeenOpened, modalRectangleTop = _b.modalRectangleTop, x = _b.x, y = _b.y, isInKeyboardMoveMode = _b.isInKeyboardMoveMode;
          if (!isOpen) {
              return null;
          }
          var layerClassName = layerProps === undefined ? '' : layerProps.className;
          var classNames = getClassNames(styles, {
              theme: theme,
              className: className,
              containerClassName: containerClassName,
              scrollableContentClassName: scrollableContentClassName,
              isOpen: isOpen,
              isVisible: isVisible,
              hasBeenOpened: hasBeenOpened,
              modalRectangleTop: modalRectangleTop,
              topOffsetFixed: topOffsetFixed,
              isModeless: isModeless,
              layerClassName: layerClassName,
              isDefaultDragHandle: dragOptions && !dragOptions.dragHandleSelector
          });
          var mergedLayerProps = tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, DefaultLayerProps, this.props.layerProps, { onLayerDidMount: layerProps && layerProps.onLayerDidMount ? layerProps.onLayerDidMount : onLayerDidMount, insertFirst: isModeless, className: classNames.layer });
          var modalContent = (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_FocusTrapZone_index__WEBPACK_IMPORTED_MODULE_3__["FocusTrapZone"], { componentRef: this._focusTrapZone, className: classNames.main, elementToFocusOnDismiss: elementToFocusOnDismiss, isClickableOutsideFocusTrap: isModeless || isClickableOutsideFocusTrap || !isBlocking, ignoreExternalFocusing: ignoreExternalFocusing, forceFocusInsideTrap: isModeless ? !isModeless : forceFocusInsideTrap, firstFocusableSelector: firstFocusableSelector, focusPreviouslyFocusedInnerElement: true, onBlur: isInKeyboardMoveMode ? this._onExitKeyboardMoveMode : undefined },
              dragOptions && isInKeyboardMoveMode && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.keyboardMoveIconContainer }, dragOptions.keyboardMoveIconProps ? (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Icon_index__WEBPACK_IMPORTED_MODULE_10__["Icon"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, dragOptions.keyboardMoveIconProps))) : (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Icon_index__WEBPACK_IMPORTED_MODULE_10__["Icon"], { iconName: "move", className: classNames.keyboardMoveIcon })))),
              react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { ref: this._allowScrollOnModal, className: classNames.scrollableContent, "data-is-scrollable": true },
                  dragOptions && this.state.isModalMenuOpen && (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](dragOptions.menu, { items: [
                          { key: 'move', text: dragOptions.moveMenuItemText, onClick: this._onEnterKeyboardMoveMode },
                          { key: 'close', text: dragOptions.closeMenuItemText, onClick: this._onModalClose }
                      ], onDismiss: this._onModalContextMenuClose, alignTargetEdge: true, coverTarget: true, directionalHint: _Callout_index__WEBPACK_IMPORTED_MODULE_9__["DirectionalHint"].topLeftEdge, directionalHintFixed: true, shouldFocusOnMount: true, target: this._scrollableContent })),
                  this.props.children)));
          // @temp tuatology - Will adjust this to be a panel at certain breakpoints
          if (responsiveMode >= _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_8__["ResponsiveMode"].small) {
              return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Layer__WEBPACK_IMPORTED_MODULE_6__["Layer"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, mergedLayerProps),
                  react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Popup_index__WEBPACK_IMPORTED_MODULE_7__["Popup"], { role: isModeless || !isBlocking ? 'dialog' : 'alertdialog', "aria-modal": !isModeless, ariaLabelledBy: titleAriaId, ariaDescribedBy: subtitleAriaId, onDismiss: onDismiss },
                      react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: classNames.root },
                          !isModeless && react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_Overlay__WEBPACK_IMPORTED_MODULE_5__["Overlay"], tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({ isDarkThemed: isDarkOverlay, onClick: isBlocking ? undefined : onDismiss }, overlay)),
                          dragOptions ? (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_utilities_DraggableZone_index__WEBPACK_IMPORTED_MODULE_11__["DraggableZone"], { handleSelector: dragOptions.dragHandleSelector || "." + classNames.main.split(' ')[0], preventDragSelector: "button", onStart: this._onDragStart, onDragChange: this._onDrag, onStop: this._onDragStop, position: { x: x, y: y } }, modalContent)) : (modalContent)))));
          }
          return null;
      };
      ModalBase.prototype.focus = function () {
          if (this._focusTrapZone.current) {
              this._focusTrapZone.current.focus();
          }
      };
      ModalBase.prototype._getMoveDelta = function (event) {
          var delta = 10;
          if (event.shiftKey) {
              if (!event.ctrlKey) {
                  delta = 50;
              }
          }
          else if (event.ctrlKey) {
              delta = 1;
          }
          return delta;
      };
      ModalBase.defaultProps = {
          isOpen: false,
          isDarkOverlay: true,
          isBlocking: false,
          className: '',
          containerClassName: ''
      };
      ModalBase = tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"]([
          _utilities_decorators_withResponsiveMode__WEBPACK_IMPORTED_MODULE_8__["withResponsiveMode"]
      ], ModalBase);
      return ModalBase;
  }(_Utilities__WEBPACK_IMPORTED_MODULE_2__["BaseComponent"]));
  
  //# sourceMappingURL=Modal.base.js.map
  
  /***/ }),
  
  /***/ "Nio4":
  /*!*********************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogContent.js ***!
    \*********************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DialogContent */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogContent", function() { return DialogContent; });
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _DialogContent_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DialogContent.base */ "CNvk");
  /* harmony import */ var _DialogContent_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogContent.styles */ "FI3s");
  
  
  
  var DialogContent = Object(_Utilities__WEBPACK_IMPORTED_MODULE_0__["styled"])(_DialogContent_base__WEBPACK_IMPORTED_MODULE_1__["DialogContentBase"], _DialogContent_styles__WEBPACK_IMPORTED_MODULE_2__["getStyles"], undefined, { scope: 'DialogContent' });
  //# sourceMappingURL=DialogContent.js.map
  
  /***/ }),
  
  /***/ "OfIR":
  /*!**************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/Dialog.js ***!
    \**************************************************************************************************************************************************************************************************************************/
  /*! exports provided: Dialog */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Dialog", function() { return Dialog; });
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _Dialog_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dialog.base */ "15YF");
  /* harmony import */ var _Dialog_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dialog.styles */ "01ek");
  
  
  
  var Dialog = Object(_Utilities__WEBPACK_IMPORTED_MODULE_0__["styled"])(_Dialog_base__WEBPACK_IMPORTED_MODULE_1__["DialogBase"], _Dialog_styles__WEBPACK_IMPORTED_MODULE_2__["getStyles"], undefined, { scope: 'Dialog' });
  //# sourceMappingURL=Dialog.js.map
  
  /***/ }),
  
  /***/ "T/ax":
  /*!********************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogFooter.js ***!
    \********************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DialogFooter */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogFooter", function() { return DialogFooter; });
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _DialogFooter_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DialogFooter.base */ "ugPr");
  /* harmony import */ var _DialogFooter_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogFooter.styles */ "8S/1");
  
  
  
  var DialogFooter = Object(_Utilities__WEBPACK_IMPORTED_MODULE_0__["styled"])(_DialogFooter_base__WEBPACK_IMPORTED_MODULE_1__["DialogFooterBase"], _DialogFooter_styles__WEBPACK_IMPORTED_MODULE_2__["getStyles"], undefined, { scope: 'DialogFooter' });
  //# sourceMappingURL=DialogFooter.js.map
  
  /***/ }),
  
  /***/ "UO3J":
  /*!**************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Callout/index.js ***!
    \**************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/components/Callout/index.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = {}
  for (var key in pkg) {
    if (pkg.hasOwnProperty(key)) {
      module.exports[key] = pkg[key];
    }
  }
  Object.defineProperty(module.exports, "__esModule", { value: true });
  
  /***/ }),
  
  /***/ "WEvm":
  /*!********************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/FocusTrapZone/index.js ***!
    \********************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/components/FocusTrapZone/index.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = {}
  for (var key in pkg) {
    if (pkg.hasOwnProperty(key)) {
      module.exports[key] = pkg[key];
    }
  }
  Object.defineProperty(module.exports, "__esModule", { value: true });
  
  /***/ }),
  
  /***/ "YCiU":
  /*!************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Popup/index.js ***!
    \************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/components/Popup/index.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = pkg.workaround_PopupIndex;
  
  /***/ }),
  
  /***/ "fcBF":
  /*!*******************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Modal/Modal.styles.js ***!
    \*******************************************************************************************************************************************************************************************************************************/
  /*! exports provided: animationDuration, getStyles */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "animationDuration", function() { return animationDuration; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStyles", function() { return getStyles; });
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Styling */ "4RHQ");
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Styling__WEBPACK_IMPORTED_MODULE_0__);
  
  var animationDuration = _Styling__WEBPACK_IMPORTED_MODULE_0__["AnimationVariables"].durationValue2;
  var globalClassNames = {
      root: 'ms-Modal',
      main: 'ms-Dialog-main',
      scrollableContent: 'ms-Modal-scrollableContent',
      isOpen: 'is-open',
      layer: 'ms-Modal-Layer'
  };
  var getStyles = function (props) {
      var _a;
      var className = props.className, containerClassName = props.containerClassName, scrollableContentClassName = props.scrollableContentClassName, isOpen = props.isOpen, isVisible = props.isVisible, hasBeenOpened = props.hasBeenOpened, modalRectangleTop = props.modalRectangleTop, theme = props.theme, topOffsetFixed = props.topOffsetFixed, isModeless = props.isModeless, layerClassName = props.layerClassName, isDefaultDragHandle = props.isDefaultDragHandle;
      var palette = theme.palette, effects = theme.effects, fonts = theme.fonts;
      var classNames = Object(_Styling__WEBPACK_IMPORTED_MODULE_0__["getGlobalClassNames"])(globalClassNames, theme);
      return {
          root: [
              classNames.root,
              fonts.medium,
              {
                  backgroundColor: 'transparent',
                  position: isModeless ? 'absolute' : 'fixed',
                  height: '100%',
                  width: '100%',
                  display: 'flex',
                  alignItems: 'center',
                  justifyContent: 'center',
                  opacity: 0,
                  pointerEvents: 'none',
                  transition: "opacity " + animationDuration
              },
              topOffsetFixed &&
                  hasBeenOpened && {
                  alignItems: 'flex-start'
              },
              isOpen && classNames.isOpen,
              isVisible && {
                  opacity: 1,
                  pointerEvents: 'auto'
              },
              className
          ],
          main: [
              classNames.main,
              {
                  boxShadow: effects.elevation64,
                  borderRadius: effects.roundedCorner2,
                  backgroundColor: palette.white,
                  boxSizing: 'border-box',
                  position: 'relative',
                  textAlign: 'left',
                  outline: '3px solid transparent',
                  maxHeight: '100%',
                  overflowY: 'auto',
                  zIndex: isModeless ? _Styling__WEBPACK_IMPORTED_MODULE_0__["ZIndexes"].Layer : undefined
              },
              topOffsetFixed &&
                  hasBeenOpened && {
                  top: modalRectangleTop
              },
              isDefaultDragHandle && {
                  cursor: 'move'
              },
              containerClassName
          ],
          scrollableContent: [
              classNames.scrollableContent,
              {
                  overflowY: 'auto',
                  flexGrow: 1,
                  maxHeight: '100vh',
                  selectors: (_a = {},
                      _a['@supports (-webkit-overflow-scrolling: touch)'] = {
                          maxHeight: window.innerHeight
                      },
                      _a)
              },
              scrollableContentClassName
          ],
          layer: isModeless && [
              layerClassName,
              classNames.layer,
              {
                  position: 'static',
                  width: 'unset',
                  height: 'unset'
              }
          ],
          keyboardMoveIconContainer: {
              position: 'absolute',
              display: 'flex',
              justifyContent: 'center',
              width: '100%',
              padding: '3px 0px'
          },
          keyboardMoveIcon: {
              fontSize: fonts.xLargePlus.fontSize,
              width: '24px'
          }
      };
  };
  //# sourceMappingURL=Modal.styles.js.map
  
  /***/ }),
  
  /***/ "glo3":
  /*!*************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/index.js ***!
    \*************************************************************************************************************************************************************************************************************************/
  /*! exports provided: Dialog, DialogBase, DialogContent, DialogContentBase, DialogFooter, DialogFooterBase, ResponsiveMode, DialogType */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _Dialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Dialog */ "OfIR");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Dialog", function() { return _Dialog__WEBPACK_IMPORTED_MODULE_0__["Dialog"]; });
  
  /* harmony import */ var _Dialog_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dialog.base */ "15YF");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogBase", function() { return _Dialog_base__WEBPACK_IMPORTED_MODULE_1__["DialogBase"]; });
  
  /* harmony import */ var _DialogContent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogContent */ "Nio4");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogContent", function() { return _DialogContent__WEBPACK_IMPORTED_MODULE_2__["DialogContent"]; });
  
  /* harmony import */ var _DialogContent_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DialogContent.base */ "CNvk");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogContentBase", function() { return _DialogContent_base__WEBPACK_IMPORTED_MODULE_3__["DialogContentBase"]; });
  
  /* harmony import */ var _DialogFooter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DialogFooter */ "T/ax");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogFooter", function() { return _DialogFooter__WEBPACK_IMPORTED_MODULE_4__["DialogFooter"]; });
  
  /* harmony import */ var _DialogFooter_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DialogFooter.base */ "ugPr");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogFooterBase", function() { return _DialogFooter_base__WEBPACK_IMPORTED_MODULE_5__["DialogFooterBase"]; });
  
  /* harmony import */ var _DialogContent_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DialogContent.types */ "F+OE");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResponsiveMode", function() { return _DialogContent_types__WEBPACK_IMPORTED_MODULE_6__["ResponsiveMode"]; });
  
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DialogType", function() { return _DialogContent_types__WEBPACK_IMPORTED_MODULE_6__["DialogType"]; });
  
  
  
  
  
  
  
  
  //# sourceMappingURL=index.js.map
  
  /***/ }),
  
  /***/ "jiHw":
  /*!*****************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/utilities/decorators/withResponsiveMode.js ***!
    \*****************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/utilities/decorators/withResponsiveMode.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = pkg.workaround_withResponsiveMode;
  
  /***/ }),
  
  /***/ "n8DK":
  /*!***********************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Icon/index.js ***!
    \***********************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  // Loading office-ui-fabric-react/components/Icon/index.js
  var pkg = __webpack_require__(/*! @microsoft/office-ui-fabric-react-bundle */ "KL1q");
  module.exports = pkg.workaround_IconIndex;
  
  /***/ }),
  
  /***/ "nDaQ":
  /*!***************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/utilities/DraggableZone/DraggableZone.js ***!
    \***************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DraggableZone */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DraggableZone", function() { return DraggableZone; });
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "tCkv");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _DraggableZone_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DraggableZone.styles */ "rp3K");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_3__);
  
  
  
  
  var eventMapping = {
      touch: {
          start: 'touchstart',
          move: 'touchmove',
          stop: 'touchend'
      },
      mouse: {
          start: 'mousedown',
          move: 'mousemove',
          stop: 'mouseup'
      }
  };
  var DraggableZone = /** @class */ (function (_super) {
      tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](DraggableZone, _super);
      function DraggableZone(props) {
          var _this = _super.call(this, props) || this;
          _this._currentEventType = eventMapping.mouse;
          _this._events = [];
          _this._onMouseDown = function (event) {
              var onMouseDown = react__WEBPACK_IMPORTED_MODULE_1__["Children"].only(_this.props.children).props.onMouseDown;
              if (onMouseDown) {
                  onMouseDown(event);
              }
              _this._currentEventType = eventMapping.mouse;
              return _this._onDragStart(event);
          };
          _this._onMouseUp = function (event) {
              var onMouseUp = react__WEBPACK_IMPORTED_MODULE_1__["Children"].only(_this.props.children).props.onMouseUp;
              if (onMouseUp) {
                  onMouseUp(event);
              }
              _this._currentEventType = eventMapping.mouse;
              return _this._onDragStop(event);
          };
          _this._onTouchStart = function (event) {
              var onTouchStart = react__WEBPACK_IMPORTED_MODULE_1__["Children"].only(_this.props.children).props.onTouchStart;
              if (onTouchStart) {
                  onTouchStart(event);
              }
              _this._currentEventType = eventMapping.touch;
              return _this._onDragStart(event);
          };
          _this._onTouchEnd = function (event) {
              var onTouchEnd = react__WEBPACK_IMPORTED_MODULE_1__["Children"].only(_this.props.children).props.onTouchEnd;
              if (onTouchEnd) {
                  onTouchEnd(event);
              }
              _this._currentEventType = eventMapping.touch;
              _this._onDragStop(event);
          };
          _this._onDragStart = function (event) {
              // Only handle left click for dragging
              if (typeof event.button === 'number' && event.button !== 0) {
                  return false;
              }
              // If the target doesn't match the handleSelector OR
              // if the target does match the preventDragSelector, bail out
              if ((_this.props.handleSelector && !_this._matchesSelector(event.target, _this.props.handleSelector)) ||
                  (_this.props.preventDragSelector && _this._matchesSelector(event.target, _this.props.preventDragSelector))) {
                  return;
              }
              // Remember the touch identifier if this is a touch event so we can
              // distinguish between individual touches in multitouch scenarios
              // by remembering which touch point we were given
              _this._touchId = _this._getTouchId(event);
              var position = _this._getControlPosition(event);
              if (position === undefined) {
                  return;
              }
              var dragData = _this._createDragDataFromPosition(position);
              _this.props.onStart && _this.props.onStart(event, dragData);
              _this.setState({
                  isDragging: true,
                  lastPosition: position
              });
              // hook up the appropriate mouse/touch events to the body to ensure
              // smooth dragging
              _this._events = [
                  Object(_Utilities__WEBPACK_IMPORTED_MODULE_3__["on"])(document.body, _this._currentEventType.move, _this._onDrag),
                  Object(_Utilities__WEBPACK_IMPORTED_MODULE_3__["on"])(document.body, _this._currentEventType.stop, _this._onDragStop)
              ];
          };
          _this._onDrag = function (event) {
              // Prevent scrolling on mobile devices
              if (event.type === 'touchmove') {
                  event.preventDefault();
              }
              var position = _this._getControlPosition(event);
              if (!position) {
                  return;
              }
              // create the updated drag data from the position data
              var updatedData = _this._createUpdatedDragData(_this._createDragDataFromPosition(position));
              var updatedPosition = updatedData.position;
              _this.props.onDragChange && _this.props.onDragChange(event, updatedData);
              _this.setState({
                  position: updatedPosition,
                  lastPosition: position
              });
          };
          _this._onDragStop = function (event) {
              if (!_this.state.isDragging) {
                  return;
              }
              var position = _this._getControlPosition(event);
              if (!position) {
                  return;
              }
              var baseDragData = _this._createDragDataFromPosition(position);
              // Set dragging to false and reset the lastPosition
              _this.setState({
                  isDragging: false,
                  lastPosition: undefined
              });
              _this.props.onStop && _this.props.onStop(event, baseDragData);
              if (_this.props.position) {
                  _this.setState({
                      position: _this.props.position
                  });
              }
              // Remove event handlers
              _this._events.forEach(function (dispose) { return dispose(); });
          };
          _this.state = {
              isDragging: false,
              position: _this.props.position || { x: 0, y: 0 },
              lastPosition: undefined
          };
          return _this;
      }
      DraggableZone.prototype.componentDidUpdate = function (prevProps) {
          if (this.props.position && (!prevProps.position || this.props.position !== prevProps.position)) {
              this.setState({ position: this.props.position });
          }
      };
      DraggableZone.prototype.componentWillUnmount = function () {
          this._events.forEach(function (dispose) { return dispose(); });
      };
      DraggableZone.prototype.render = function () {
          var child = react__WEBPACK_IMPORTED_MODULE_1__["Children"].only(this.props.children);
          var props = child.props;
          var position = this.props.position;
          var _a = this.state, statePosition = _a.position, isDragging = _a.isDragging;
          var x = statePosition.x;
          var y = statePosition.y;
          if (position && !isDragging) {
              x = position.x;
              y = position.y;
          }
          return react__WEBPACK_IMPORTED_MODULE_1__["cloneElement"](child, {
              style: tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"]({}, props.style, { transform: "translate(" + x + "px, " + y + "px)" }),
              className: Object(_DraggableZone_styles__WEBPACK_IMPORTED_MODULE_2__["getClassNames"])(props.className, this.state.isDragging).root,
              onMouseDown: this._onMouseDown,
              onMouseUp: this._onMouseUp,
              onTouchStart: this._onTouchStart,
              onTouchEnd: this._onTouchEnd
          });
      };
      /**
       * Get the control position based off the event that fired
       * @param event - The event to get offsets from
       */
      DraggableZone.prototype._getControlPosition = function (event) {
          var touchObj = this._getActiveTouch(event);
          // did we get the right touch?
          if (this._touchId !== undefined && !touchObj) {
              return undefined;
          }
          var eventToGetOffset = touchObj || event;
          return {
              x: eventToGetOffset.clientX,
              y: eventToGetOffset.clientY
          };
      };
      /**
       * Get the active touch point that we have saved from the event's TouchList
       * @param event - The event used to get the TouchList for the active touch point
       */
      DraggableZone.prototype._getActiveTouch = function (event) {
          return ((event.targetTouches && this._findTouchInTouchList(event.targetTouches)) ||
              (event.changedTouches && this._findTouchInTouchList(event.changedTouches)));
      };
      /**
       * Get the initial touch identifier associated with the given event
       * @param event - The event that contains the TouchList
       */
      DraggableZone.prototype._getTouchId = function (event) {
          var touch = (event.targetTouches && event.targetTouches[0]) || (event.changedTouches && event.changedTouches[0]);
          if (touch) {
              return touch.identifier;
          }
      };
      /**
       * Returns if an element (or any of the element's parents) match the given selector
       */
      DraggableZone.prototype._matchesSelector = function (element, selector) {
          if (!element || element === document.body) {
              return false;
          }
          /* tslint:disable-next-line:no-string-literal */
          var matchesSelectorFn = element.matches || element.webkitMatchesSelector || element.msMatchesSelector /* for IE */;
          if (!matchesSelectorFn) {
              return false;
          }
          return matchesSelectorFn.call(element, selector) || this._matchesSelector(element.parentElement, selector);
      };
      /**
       * Attempts to find the Touch that matches the identifier  we stored in dragStart
       * @param touchList The TouchList to look for the stored identifier from dragStart
       */
      DraggableZone.prototype._findTouchInTouchList = function (touchList) {
          if (this._touchId === undefined) {
              return;
          }
          for (var i = 0; i < touchList.length; i++) {
              if (touchList[i].identifier === this._touchId) {
                  return touchList[i];
              }
          }
          return undefined;
      };
      /**
       * Create DragData based off of the last known position and the new position passed in
       * @param position The new position as part of the drag
       */
      DraggableZone.prototype._createDragDataFromPosition = function (position) {
          var lastPosition = this.state.lastPosition;
          // If we have no lastPosition, use the given position
          // for last position
          if (lastPosition === undefined) {
              return {
                  delta: { x: 0, y: 0 },
                  lastPosition: position,
                  position: position
              };
          }
          return {
              delta: {
                  x: position.x - lastPosition.x,
                  y: position.y - lastPosition.y
              },
              lastPosition: lastPosition,
              position: position
          };
      };
      /**
       * Creates an updated DragData based off the current position and given baseDragData
       * @param baseDragData The base DragData (gotten from _createDragDataFromPosition) used to calculate the updated positions
       */
      DraggableZone.prototype._createUpdatedDragData = function (baseDragData) {
          var position = this.state.position;
          return {
              position: {
                  x: position.x + baseDragData.delta.x,
                  y: position.y + baseDragData.delta.y
              },
              delta: baseDragData.delta,
              lastPosition: position
          };
      };
      return DraggableZone;
  }(react__WEBPACK_IMPORTED_MODULE_1__["Component"]));
  
  //# sourceMappingURL=DraggableZone.js.map
  
  /***/ }),
  
  /***/ "rp3K":
  /*!**********************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/utilities/DraggableZone/DraggableZone.styles.js ***!
    \**********************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: getClassNames */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getClassNames", function() { return getClassNames; });
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Styling */ "4RHQ");
  /* harmony import */ var _Styling__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Styling__WEBPACK_IMPORTED_MODULE_1__);
  
  
  var getClassNames = Object(_Utilities__WEBPACK_IMPORTED_MODULE_0__["memoizeFunction"])(function (className, isDragging) {
      return {
          root: Object(_Styling__WEBPACK_IMPORTED_MODULE_1__["mergeStyles"])(className, isDragging && {
              touchAction: 'none',
              selectors: {
                  '& *': {
                      userSelect: 'none'
                  }
              }
          })
      };
  });
  //# sourceMappingURL=DraggableZone.styles.js.map
  
  /***/ }),
  
  /***/ "ugPr":
  /*!*************************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Dialog/DialogFooter.base.js ***!
    \*************************************************************************************************************************************************************************************************************************************/
  /*! exports provided: DialogFooterBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogFooterBase", function() { return DialogFooterBase; });
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "tCkv");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "cDcd");
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_2__);
  
  
  
  var getClassNames = Object(_Utilities__WEBPACK_IMPORTED_MODULE_2__["classNamesFunction"])();
  var DialogFooterBase = /** @class */ (function (_super) {
      tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"](DialogFooterBase, _super);
      function DialogFooterBase() {
          return _super !== null && _super.apply(this, arguments) || this;
      }
      DialogFooterBase.prototype.render = function () {
          var _a = this.props, className = _a.className, styles = _a.styles, theme = _a.theme;
          this._classNames = getClassNames(styles, {
              theme: theme,
              className: className
          });
          return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.actions },
              react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this._classNames.actionsRight }, this._renderChildrenAsActions())));
      };
      DialogFooterBase.prototype._renderChildrenAsActions = function () {
          var _this = this;
          return react__WEBPACK_IMPORTED_MODULE_1__["Children"].map(this.props.children, function (child) { return (child ? react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: _this._classNames.action }, child) : null); });
      };
      return DialogFooterBase;
  }(_Utilities__WEBPACK_IMPORTED_MODULE_2__["BaseComponent"]));
  
  //# sourceMappingURL=DialogFooter.base.js.map
  
  /***/ }),
  
  /***/ "y2VM":
  /*!************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Modal/index.js ***!
    \************************************************************************************************************************************************************************************************************************/
  /*! exports provided: Modal, ModalBase */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Modal */ "zzdt");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Modal", function() { return _Modal__WEBPACK_IMPORTED_MODULE_0__["Modal"]; });
  
  /* harmony import */ var _Modal_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal.base */ "Mstc");
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ModalBase", function() { return _Modal_base__WEBPACK_IMPORTED_MODULE_1__["ModalBase"]; });
  
  
  
  //# sourceMappingURL=index.js.map
  
  /***/ }),
  
  /***/ "zzdt":
  /*!************************************************************************************************************************************************************************************************************************!*\
    !*** /Users/runner/work/1/s/common/temp/node_modules/.onedrive.pkgs.visualstudio.com/office-ui-fabric-react/7.59.0_b00af71b99b3978738e618b37212a8b6/node_modules/office-ui-fabric-react/lib/components/Modal/Modal.js ***!
    \************************************************************************************************************************************************************************************************************************/
  /*! exports provided: Modal */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Modal", function() { return Modal; });
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utilities */ "UJDV");
  /* harmony import */ var _Utilities__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Utilities__WEBPACK_IMPORTED_MODULE_0__);
  /* harmony import */ var _Modal_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal.base */ "Mstc");
  /* harmony import */ var _Modal_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Modal.styles */ "fcBF");
  
  
  
  var Modal = Object(_Utilities__WEBPACK_IMPORTED_MODULE_0__["styled"])(_Modal_base__WEBPACK_IMPORTED_MODULE_1__["ModalBase"], _Modal_styles__WEBPACK_IMPORTED_MODULE_2__["getStyles"], undefined, {
      scope: 'Modal'
  });
  //# sourceMappingURL=Modal.js.map
  
  /***/ })
  
  }]);
  //# sourceMappingURL=chunk.vendors~sp-dialog-utils_38b1f7ae6797cb77c6d9.js.map