@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/dialog-ng/dialog-ng.js

@@ -1,29 +1,61 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { m as _toConsumableArray, a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, n as _createForOfIteratorHelper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.reflect.delete-property.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.promise.finally.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.parse-float.js';
 import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
 import RingAngularComponent from '../global/ring-angular-component.js';
-import shortcutsInstance from '../shortcuts/core.js';
-import ButtonNG from '../button-ng/button-ng.js';
+import shortcuts from '../shortcuts/core.js';
+import Button from '../button-ng/button-ng.js';
 import PromisedClick from '../promised-click-ng/promised-click-ng.js';
 import rgCompilerModuleName from '../compiler-ng/compiler-ng.js';
 import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import dialogTemplate from './dialog-ng__template.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import '../_helpers/button__classes.js';
 import '../global/controls-height.js';
 import 'react';
+import 'core-js/modules/es.string.trim.js';
 import 'scrollbar-width';
 
-var modules_b378ce5a = {"unit":"8px","light":"light_rui_0b63","dialogContainer":"dialogContainer_rui_0b63","wide":"wide_rui_0b63","autoWidth":"autoWidth_rui_0b63","header":"header_rui_0b63","inSidebar":"inSidebar_rui_0b63","scrollableWrapper":"scrollableWrapper_rui_0b63","content":"content_rui_0b63","error":"error_rui_0b63","footer":"footer_rui_0b63","footerDescription":"footerDescription_rui_0b63","footerItems":"footerItems_rui_0b63","footerItem":"footerItem_rui_0b63"};
+var modules_b378ce5a = {"unit":"i__const_unit_0","light":"light_rui_2ac4","dialogContainer":"dialogContainer_rui_0b63","wide":"wide_rui_0b63","autoWidth":"autoWidth_rui_0b63","header":"header_rui_0b63","inSidebar":"inSidebar_rui_0b63","scrollableWrapper":"scrollableWrapper_rui_0b63","content":"content_rui_0b63","error":"error_rui_0b63","footer":"footer_rui_0b63","footerDescription":"footerDescription_rui_0b63","footerItems":"footerItems_rui_0b63","footerItem":"footerItem_rui_0b63"};
 
 rgDialogContentDirective.$inject = ["$compile", "$q"];
 rgDialogDirective.$inject = ["$timeout"];
@@ -32,335 +64,410 @@ rgDialogDirective.$inject = ["$timeout"];
  * @name Dialog Ng
  */
 
-const angularModule = angular.module('Ring.dialog', [ButtonNG, PromisedClick, rgCompilerModuleName]);
-class DialogController extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "hide", () => {
-      if (!this.inSidebar) {
-        this.scrollPreventer.reset();
+var angularModule = angular.module('Ring.dialog', [Button, PromisedClick, rgCompilerModuleName]);
+var DialogController = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(DialogController, _RingAngularComponent);
+  var _super = _createSuper(DialogController);
+  function DialogController() {
+    var _this;
+    _classCallCheck(this, DialogController);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "hide", function () {
+      if (!_this.inSidebar) {
+        _this.scrollPreventer.reset();
       }
-      this.active = false;
-      this.content = '';
-      this.focusTrap.deactivate();
-      Reflect.deleteProperty(this, 'DIALOG_NAMESPACE');
-      if (shortcutsInstance.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
-        shortcutsInstance.setScope(this.currentShortcutsScope);
+      _this.active = false;
+      _this.content = '';
+      _this.focusTrap.deactivate();
+      Reflect.deleteProperty(_assertThisInitialized(_this), 'DIALOG_NAMESPACE');
+      if (shortcuts.indexOfScope(_this.dialogService.DIALOG_NAMESPACE) > -1) {
+        shortcuts.setScope(_this.currentShortcutsScope);
       }
-      this._resetFormState();
-      this.$inject.$scope.$broadcast('dialog.hide');
+      _this._resetFormState();
+      _this.$inject.$scope.$broadcast('dialog.hide');
     });
-    _defineProperty(this, "serverErrorFields", []);
-    this.styles = modules_b378ce5a;
-    this.dialogStyles = modules_5e9b8c03;
-    this.islandStyles = modules_e6a056e1;
-    this.scrollPreventer = preventerFactory();
-    this.$inject.$q((resolve, reject) => {
-      this.resolve = resolve;
-      this.reject = reject;
+    _defineProperty(_assertThisInitialized(_this), "serverErrorFields", []);
+    _this.styles = modules_b378ce5a;
+    _this.dialogStyles = modules_5e9b8c03;
+    _this.islandStyles = modules_e6a056e1;
+    _this.scrollPreventer = preventerFactory();
+    _this.$inject.$q(function (resolve, reject) {
+      _this.resolve = resolve;
+      _this.reject = reject;
     });
+    return _this;
   }
-  $onInit() {
-    const {
-      dialog,
-      dialogInSidebar,
-      $scope
-    } = this.$inject;
-    const dialogService = this.inSidebar ? dialogInSidebar : dialog;
-    this.focusTrap = createFocusTrap(this.$inject.$element[0], {
-      fallbackFocus: '[data-anchor="focus-trap-fallback"]',
-      escapeDeactivates: false
-    });
-    this.dialogService = dialogService;
-    this.previousBodyWidth = null;
-    $scope.$on('$routeChangeSuccess', this.hide);
-    $scope.$on('$routeUpdate', this.hide);
-    $scope.$on('$destroy', dialogService.unregister);
-    $scope.$watch(() => this.active, () => {
-      if (this.active) {
-        shortcutsInstance.bindMap(this.getShortcuts(), {
-          scope: this.DIALOG_NAMESPACE
-        });
-      } else {
-        this.reset();
-      }
-    });
-    dialogService.register(this);
-  }
-  getShortcuts() {
-    const defaultEscHandler = function escHandler() {
-      this.active = false;
-      this.focusTrap.deactivate();
-      this.$inject.$scope.$apply();
-    }.bind(this);
-    const dialogShortcuts = {
-      esc: defaultEscHandler,
-      enter: this.applyDefaultHandler(false),
-      'mod+enter': this.applyDefaultHandler(true)
-    };
-    angular.extend(dialogShortcuts, this.shortcuts);
-    if (this.shortcuts && this.shortcuts.esc) {
-      /**
-       * Merge ESC handler
-       * @type {Function} {dialogShortcuts.esc}
-       */
-      const customHandler = dialogShortcuts.esc;
-      dialogShortcuts.esc = () => {
-        const result = customHandler();
-        defaultEscHandler();
-        return result;
-      };
-    }
-    return dialogShortcuts;
-  }
-  handleClick(event) {
-    const isOverlayClicked = event.target === event.currentTarget;
-    if (this.inSidebar || !this.closeOnClick || !isOverlayClicked) {
-      return;
+  _createClass(DialogController, [{
+    key: "$onInit",
+    value: function $onInit() {
+      var _this2 = this;
+      var _this$$inject = this.$inject,
+        dialog = _this$$inject.dialog,
+        dialogInSidebar = _this$$inject.dialogInSidebar,
+        $scope = _this$$inject.$scope;
+      var dialogService = this.inSidebar ? dialogInSidebar : dialog;
+      this.focusTrap = createFocusTrap(this.$inject.$element[0], {
+        fallbackFocus: '[data-anchor="focus-trap-fallback"]',
+        escapeDeactivates: false
+      });
+      this.dialogService = dialogService;
+      this.previousBodyWidth = null;
+      $scope.$on('$routeChangeSuccess', this.hide);
+      $scope.$on('$routeUpdate', this.hide);
+      $scope.$on('$destroy', dialogService.unregister);
+      $scope.$watch(function () {
+        return _this2.active;
+      }, function () {
+        if (_this2.active) {
+          shortcuts.bindMap(_this2.getShortcuts(), {
+            scope: _this2.DIALOG_NAMESPACE
+          });
+        } else {
+          _this2.reset();
+        }
+      });
+      dialogService.register(this);
     }
-    this.hide();
-  }
-  setTitle(title) {
-    this.title = title;
-  }
-  compileTemplate() {
-    if (this.config.data) {
-      const element = angular.element(this.template);
-      return {
-        element,
-        link: this.$inject.$compile(element)
+  }, {
+    key: "getShortcuts",
+    value: function getShortcuts() {
+      var defaultEscHandler = function escHandler() {
+        this.active = false;
+        this.focusTrap.deactivate();
+        this.$inject.$scope.$apply();
+      }.bind(this);
+      var dialogShortcuts = {
+        esc: defaultEscHandler,
+        enter: this.applyDefaultHandler(false),
+        'mod+enter': this.applyDefaultHandler(true)
       };
+      angular.extend(dialogShortcuts, this.shortcuts);
+      if (this.shortcuts && this.shortcuts.esc) {
+        /**
+         * Merge ESC handler
+         * @type {Function} {dialogShortcuts.esc}
+         */
+        var customHandler = dialogShortcuts.esc;
+        dialogShortcuts.esc = function () {
+          var result = customHandler();
+          defaultEscHandler();
+          return result;
+        };
+      }
+      return dialogShortcuts;
     }
-    return this.$inject.rgCompiler(this.config).catch(error => {
-      this.reject(error);
-      return this.$inject.$q.reject(error);
-    });
-  }
-  show(config) {
-    const {
-      $q,
-      $scope
-    } = this.$inject;
-    if (!this.inSidebar) {
-      this.scrollPreventer.prevent();
-      if (config && config.trapFocus === true) {
-        this.focusTrap.activate();
+  }, {
+    key: "handleClick",
+    value: function handleClick(event) {
+      var isOverlayClicked = event.target === event.currentTarget;
+      if (this.inSidebar || !this.closeOnClick || !isOverlayClicked) {
+        return;
       }
+      this.hide();
     }
-    if (this.active) {
-      this.reset();
+  }, {
+    key: "setTitle",
+    value: function setTitle(title) {
+      this.title = title;
     }
-
-    // Clear dialog errors
-    this.error = null;
-    if (this.dialogForm) {
-      this.dialogForm.$setPristine();
+  }, {
+    key: "compileTemplate",
+    value: function compileTemplate() {
+      var _this3 = this;
+      if (this.config.data) {
+        var element = angular.element(this.template);
+        return {
+          element: element,
+          link: this.$inject.$compile(element)
+        };
+      }
+      return this.$inject.rgCompiler(this.config).catch(function (error) {
+        _this3.reject(error);
+        return _this3.$inject.$q.reject(error);
+      });
     }
-    if (config) {
-      this.title = config.title;
-      this.buttons = config.buttons;
-      this.data = config.data || {};
-      this.wideDialog = config.wideDialog;
-      this.autoWidth = config.autoWidth;
-      this.scrollableWrapperClassName = config.scrollableWrapperClassName;
-      this.cssClass = config.cssClass || '';
-      this.shortcuts = config.shortcuts;
-      this.content = config.content;
-      this.template = config.template;
-      this.config = config;
-      this.description = config.description && config.description.split('\n') || [];
-      this.closeOnClick = config.closeOnClick;
+  }, {
+    key: "show",
+    value: function show(config) {
+      var _this4 = this;
+      var _this$$inject2 = this.$inject,
+        $q = _this$$inject2.$q,
+        $scope = _this$$inject2.$scope;
+      if (!this.inSidebar) {
+        this.scrollPreventer.prevent();
+        if (config && config.trapFocus === true) {
+          this.focusTrap.activate();
+        }
+      }
+      if (this.active) {
+        this.reset();
+      }
 
-      // Backward compatibility with existing templates which use data directly from scope
-      $scope.data = this.data;
+      // Clear dialog errors
+      this.error = null;
+      if (this.dialogForm) {
+        this.dialogForm.$setPristine();
+      }
+      if (config) {
+        this.title = config.title;
+        this.buttons = config.buttons;
+        this.data = config.data || {};
+        this.wideDialog = config.wideDialog;
+        this.autoWidth = config.autoWidth;
+        this.scrollableWrapperClassName = config.scrollableWrapperClassName;
+        this.cssClass = config.cssClass || '';
+        this.shortcuts = config.shortcuts;
+        this.content = config.content;
+        this.template = config.template;
+        this.config = config;
+        this.description = config.description && config.description.split('\n') || [];
+        this.closeOnClick = config.closeOnClick;
+
+        // Backward compatibility with existing templates which use data directly from scope
+        $scope.data = this.data;
+      }
+      this.currentShortcutsScope = shortcuts.getScope();
+      this.DIALOG_NAMESPACE = this.dialogService.DIALOG_NAMESPACE;
+      shortcuts.setScope(this.dialogService.DIALOG_NAMESPACE);
+      this.active = true;
+      $scope.$broadcast('dialog.show');
+      return $q(function (resolve, reject) {
+        _this4.resolve = resolve;
+        _this4.reject = reject;
+      });
     }
-    this.currentShortcutsScope = shortcutsInstance.getScope();
-    this.DIALOG_NAMESPACE = this.dialogService.DIALOG_NAMESPACE;
-    shortcutsInstance.setScope(this.dialogService.DIALOG_NAMESPACE);
-    this.active = true;
-    $scope.$broadcast('dialog.show');
-    return $q((resolve, reject) => {
-      this.resolve = resolve;
-      this.reject = reject;
-    });
-  }
-  update() {
-    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    Object.assign(this.data, config.data);
-    Object.assign(this.buttons, config.buttons);
-  }
-  _resetFormState() {
-    const dialogForm = this.dialogForm;
-    if (!dialogForm) {
-      return;
+  }, {
+    key: "update",
+    value: function update() {
+      var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      Object.assign(this.data, config.data);
+      Object.assign(this.buttons, config.buttons);
     }
-    dialogForm.$setPristine();
-    dialogForm.$setUntouched();
-    dialogForm.$valid = true;
-    dialogForm.$invalid = false;
-    dialogForm.$error = {};
-  }
-  done(result) {
-    this.resetPosition();
-    this.resolve(result);
-    this.hide();
-  }
-  reset(result) {
-    this.done(result);
-  }
-  getErrorMessage(errorResponse) {
-    if (errorResponse?.data?.error_description) {
-      return errorResponse.data.error_description;
+  }, {
+    key: "_resetFormState",
+    value: function _resetFormState() {
+      var dialogForm = this.dialogForm;
+      if (!dialogForm) {
+        return;
+      }
+      dialogForm.$setPristine();
+      dialogForm.$setUntouched();
+      dialogForm.$valid = true;
+      dialogForm.$invalid = false;
+      dialogForm.$error = {};
     }
-    if (errorResponse?.data?.error) {
-      return errorResponse.data.error;
+  }, {
+    key: "done",
+    value: function done(result) {
+      this.resetPosition();
+      this.resolve(result);
+      this.hide();
     }
-    return errorResponse;
-  }
-  getFieldErrorMessage(errorResponse) {
-    if (errorResponse && errorResponse.data && errorResponse.data.error) {
-      return errorResponse.data.error;
+  }, {
+    key: "reset",
+    value: function reset(result) {
+      this.done(result);
     }
-    return null;
-  }
-  action(button) {
-    if (button.inProgress) {
-      return undefined;
+  }, {
+    key: "getErrorMessage",
+    value: function getErrorMessage(errorResponse) {
+      var _errorResponse$data, _errorResponse$data2;
+      if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== void 0 && _errorResponse$data.error_description) {
+        return errorResponse.data.error_description;
+      }
+      if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data2 = errorResponse.data) !== null && _errorResponse$data2 !== void 0 && _errorResponse$data2.error) {
+        return errorResponse.data.error;
+      }
+      return errorResponse;
     }
-    const errorReporter = errorResponse => {
-      const errorField = errorResponse && errorResponse.data && errorResponse.data.error_field;
-      if (errorField && this.dialogForm[errorField]) {
-        this.dialogForm[errorField].$invalid = true;
-        this.dialogForm[errorField].$error[errorField] = [{
-          message: this.getFieldErrorMessage(errorResponse)
-        }];
-        this.serverErrorFields.push(errorField);
-      } else {
-        this.error = this.$inject.$sce.trustAsHtml(this.getErrorMessage(errorResponse));
+  }, {
+    key: "getFieldErrorMessage",
+    value: function getFieldErrorMessage(errorResponse) {
+      if (errorResponse && errorResponse.data && errorResponse.data.error) {
+        return errorResponse.data.error;
       }
-    };
-    if (button.action) {
-      if (!button.keepServerErrors) {
-        this.serverErrorFields.forEach(errorField => {
-          this.dialogForm[errorField].$invalid = false;
-          this.dialogForm[errorField].$error = {};
-        });
-        this.serverErrorFields = [];
+      return null;
+    }
+  }, {
+    key: "action",
+    value: function action(button) {
+      var _this5 = this;
+      if (button.inProgress) {
+        return undefined;
       }
-      const actionResult = button.action(this.data, button, errorReporter, this.dialogForm, this.buttons);
-      button.inProgress = true;
-      return this.$inject.$q.resolve(actionResult).then(res => {
-        const dontClose = res === false;
-        if (!dontClose && button.close !== false) {
-          this.done(res);
+      var errorReporter = function errorReporter(errorResponse) {
+        var errorField = errorResponse && errorResponse.data && errorResponse.data.error_field;
+        if (errorField && _this5.dialogForm[errorField]) {
+          _this5.dialogForm[errorField].$invalid = true;
+          _this5.dialogForm[errorField].$error[errorField] = [{
+            message: _this5.getFieldErrorMessage(errorResponse)
+          }];
+          _this5.serverErrorFields.push(errorField);
+        } else {
+          _this5.error = _this5.$inject.$sce.trustAsHtml(_this5.getErrorMessage(errorResponse));
         }
-      }).catch(errorReporter).finally(() => {
-        button.inProgress = false;
-      });
-    } else if (button.close !== false) {
-      this.reset(false);
-    }
-    return undefined;
-  }
-  applyDefaultHandler(isTextAreaShortcut) {
-    return event => {
-      if (event.target.matches('textarea') !== isTextAreaShortcut || event.target.matches('button')) {
-        return;
+      };
+      if (button.action) {
+        if (!button.keepServerErrors) {
+          this.serverErrorFields.forEach(function (errorField) {
+            _this5.dialogForm[errorField].$invalid = false;
+            _this5.dialogForm[errorField].$error = {};
+          });
+          this.serverErrorFields = [];
+        }
+        var actionResult = button.action(this.data, button, errorReporter, this.dialogForm, this.buttons);
+        button.inProgress = true;
+        return this.$inject.$q.resolve(actionResult).then(function (res) {
+          var dontClose = res === false;
+          if (!dontClose && button.close !== false) {
+            _this5.done(res);
+          }
+        }).catch(errorReporter).finally(function () {
+          button.inProgress = false;
+        });
+      } else if (button.close !== false) {
+        this.reset(false);
       }
-      event.stopPropagation();
-      event.preventDefault();
-      if (this.dialogForm.$valid && this.buttons) {
-        for (const button of this.buttons) {
-          if (button.default && !button.hidden && !button.disabled) {
-            this.action(button);
-            this.$inject.$scope.$apply();
-            return;
+      return undefined;
+    }
+  }, {
+    key: "applyDefaultHandler",
+    value: function applyDefaultHandler(isTextAreaShortcut) {
+      var _this6 = this;
+      return function (event) {
+        if (event.target.matches('textarea') !== isTextAreaShortcut || event.target.matches('button')) {
+          return;
+        }
+        event.stopPropagation();
+        event.preventDefault();
+        if (_this6.dialogForm.$valid && _this6.buttons) {
+          var _iterator = _createForOfIteratorHelper(_this6.buttons),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var button = _step.value;
+              if (button.default && !button.hidden && !button.disabled) {
+                _this6.action(button);
+                _this6.$inject.$scope.$apply();
+                return;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
         }
-      }
-    };
-  }
-}
-DialogController.$inject = [];
-_defineProperty(DialogController, "$inject", ['$scope', '$q', 'dialog', '$element', 'dialogInSidebar', '$compile', '$injector', '$controller', 'rgCompiler', '$sce']);
-class DialogService extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
+      };
+    }
+  }]);
+  return DialogController;
+}(RingAngularComponent);
+DialogController.$inject = ['$scope', '$q', 'dialog', '$element', 'dialogInSidebar', '$compile', '$injector', '$controller', 'rgCompiler', '$sce'];
+var DialogService = /*#__PURE__*/function (_RingAngularComponent2) {
+  _inherits(DialogService, _RingAngularComponent2);
+  var _super2 = _createSuper(DialogService);
+  function DialogService() {
+    var _this7;
+    _classCallCheck(this, DialogService);
+    for (var _len2 = arguments.length, constrArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      constrArgs[_key2] = arguments[_key2];
+    }
+    _this7 = _super2.call.apply(_super2, [this].concat(constrArgs));
 
     // Binding proxy methods to a service instance
-    _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog');
-    _defineProperty(this, "fallbackDialog", null);
-    _defineProperty(this, "unregister", () => {
-      Reflect.deleteProperty(this, 'ctrl');
+    _defineProperty(_assertThisInitialized(_this7), "DIALOG_NAMESPACE", 'ring-dialog');
+    _defineProperty(_assertThisInitialized(_this7), "fallbackDialog", null);
+    _defineProperty(_assertThisInitialized(_this7), "unregister", function () {
+      Reflect.deleteProperty(_assertThisInitialized(_this7), 'ctrl');
     });
-    ['show', 'hide', 'update', 'done', 'reset'].forEach(key => {
-      this[key] = function methodWrapper() {
+    ['show', 'hide', 'update', 'done', 'reset'].forEach(function (key) {
+      _this7[key] = function methodWrapper() {
         if (this.ctrl) {
-          return this.ctrl[key](...arguments);
+          var _this$ctrl;
+          return (_this$ctrl = this.ctrl)[key].apply(_this$ctrl, arguments);
         } else if (this.fallbackDialog) {
-          return this.fallbackDialog[key](...arguments);
+          var _this$fallbackDialog;
+          return (_this$fallbackDialog = this.fallbackDialog)[key].apply(_this$fallbackDialog, arguments);
         } else {
           this.$inject.$log.error('No dialog directive is found');
           return undefined;
         }
-      }.bind(this);
+      }.bind(_assertThisInitialized(_this7));
     });
+    return _this7;
   }
-  register(ctrl) {
-    this.ctrl = ctrl;
-  }
-}
-DialogService.$inject = [];
-_defineProperty(DialogService, "$inject", ['$log']);
-class DialogInSidebarService extends DialogService {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog-in-sidebar');
-    this.fallbackDialog = this.$inject.dialog;
+  _createClass(DialogService, [{
+    key: "register",
+    value: function register(ctrl) {
+      this.ctrl = ctrl;
+    }
+  }]);
+  return DialogService;
+}(RingAngularComponent);
+DialogService.$inject = ['$log'];
+var DialogInSidebarService = /*#__PURE__*/function (_DialogService) {
+  _inherits(DialogInSidebarService, _DialogService);
+  var _super3 = _createSuper(DialogInSidebarService);
+  function DialogInSidebarService() {
+    var _this8;
+    _classCallCheck(this, DialogInSidebarService);
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _this8 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this8), "DIALOG_NAMESPACE", 'ring-dialog-in-sidebar');
+    _this8.fallbackDialog = _this8.$inject.dialog;
+    return _this8;
   }
-}
-DialogInSidebarService.$inject = [];
-_defineProperty(DialogInSidebarService, "$inject", [...DialogService.$inject, 'dialog']);
+  return _createClass(DialogInSidebarService);
+}(DialogService);
+DialogInSidebarService.$inject = [].concat(_toConsumableArray(DialogService.$inject), ['dialog']);
 function rgDialogDirective($timeout) {
   function link(scope, iElement, iAttrs, dialogCtrl) {
-    const node = iElement[0];
-    const dialogContainer = node.querySelector('*[data-anchor=dialog-container]');
-    const dialogHeader = node.querySelector('*[data-anchor=dialog-header]');
-    const dialogCustomFooter = node.querySelector('*[data-anchor=dialog-custom-footer-container]');
+    var node = iElement[0];
+    var dialogContainer = node.querySelector('*[data-anchor=dialog-container]');
+    var dialogHeader = node.querySelector('*[data-anchor=dialog-header]');
+    var dialogCustomFooter = node.querySelector('*[data-anchor=dialog-custom-footer-container]');
 
     // Left for backward compatibility with existing templates that use data directly from scope
     scope.dialogForm = dialogCtrl.dialogForm;
     function setPosition(top, left) {
       Object.assign(dialogContainer.style, {
-        top: `${top}px`,
-        left: `${left}px`
+        top: "".concat(top, "px"),
+        left: "".concat(left, "px")
       });
     }
 
     // Focus first input
     function focusFirst() {
-      const controls = Array.from(node.querySelectorAll('input,select,button,textarea,*[contentEditable=true]')).filter(inputNode => getStyles(inputNode).display !== 'none');
+      var controls = Array.from(node.querySelectorAll('input,select,button,textarea,*[contentEditable=true]')).filter(function (inputNode) {
+        return getStyles(inputNode).display !== 'none';
+      });
       if (controls.length) {
         controls[0].focus();
       }
     }
     function onMousemove(e) {
       e.preventDefault();
-      const pageHeight = window.innerHeight;
-      const pageWidth = window.innerWidth;
-      const clearance = 10;
-      const maxTop = pageHeight - clearance;
-      const maxLeft = pageWidth - clearance;
-      const newTop = getRect(dialogHeader).top + e.movementY;
-      const newLeft = getRect(dialogHeader).left + e.movementX;
+      var pageHeight = window.innerHeight;
+      var pageWidth = window.innerWidth;
+      var clearance = 10;
+      var maxTop = pageHeight - clearance;
+      var maxLeft = pageWidth - clearance;
+      var newTop = getRect(dialogHeader).top + e.movementY;
+      var newLeft = getRect(dialogHeader).left + e.movementX;
       if (newTop > maxTop || newTop < clearance) {
         return;
       }
       if (newLeft > maxLeft || newLeft < clearance) {
         return;
       }
-      const offsetY = parseFloat(dialogContainer.style.top) || 0;
-      const offsetX = parseFloat(dialogContainer.style.left) || 0;
+      var offsetY = parseFloat(dialogContainer.style.top) || 0;
+      var offsetX = parseFloat(dialogContainer.style.left) || 0;
       setPosition(offsetY + e.movementY, offsetX + e.movementX);
     }
     function onMouseup() {
@@ -382,24 +489,30 @@ function rgDialogDirective($timeout) {
       }
     }
     function setCustomFooter(customFooterElem) {
-      const placeholder = angular.element(dialogCustomFooter);
-      const footer = angular.element(`<div class="${this.styles.footer}"></div>`).append(customFooterElem);
+      var placeholder = angular.element(dialogCustomFooter);
+      var footer = angular.element("<div class=\"".concat(this.styles.footer, "\"></div>")).append(customFooterElem);
       placeholder.empty();
       placeholder.append(footer);
     }
-    dialogCtrl.resetPosition = () => dialogContainer.removeAttribute('style');
+    dialogCtrl.resetPosition = function () {
+      return dialogContainer.removeAttribute('style');
+    };
     dialogCtrl.setCustomFooter = setCustomFooter;
     dialogHeader.addEventListener('mousedown', onMousedown);
     document.addEventListener('focusin', onFocusin);
-    scope.$on('rgDialogContentLoaded', () => $timeout(focusFirst));
+    scope.$on('rgDialogContentLoaded', function () {
+      return $timeout(focusFirst);
+    });
 
     // Backward compatibility for youtrack (if they are using "content" property)
     // which is actually ng-include with $includeContentLoaded event in the end
-    scope.$on('$includeContentLoaded', () => $timeout(focusFirst));
-    scope.$on('dialog.hide', () => {
+    scope.$on('$includeContentLoaded', function () {
+      return $timeout(focusFirst);
+    });
+    scope.$on('dialog.hide', function () {
       angular.element(dialogCustomFooter).empty();
     });
-    scope.$on('$destroy', () => {
+    scope.$on('$destroy', function () {
       dialogHeader.removeEventListener('mousedown', onMousedown);
       document.removeEventListener('mousemove', onMousemove);
       document.removeEventListener('mouseup', onMouseup);
@@ -417,7 +530,7 @@ function rgDialogDirective($timeout) {
     replace: true,
     template: dialogTemplate,
     controllerAs: 'dialog',
-    link
+    link: link
   };
 }
 function rgDialogTitleDirective() {
@@ -429,13 +542,13 @@ function rgDialogTitleDirective() {
       title: '@rgDialogTitle'
     },
     require: '^rgDialog',
-    link
+    link: link
   };
 }
 function rgDialogFooterDirective() {
   function link(scope, iElement, iAttrs, dialogCtrl, transclude) {
-    scope.$on('rgDialogContentLoaded', () => {
-      transclude(scope, clone => {
+    scope.$on('rgDialogContentLoaded', function () {
+      transclude(scope, function (clone) {
         dialogCtrl.setCustomFooter(clone);
       });
     });
@@ -443,16 +556,16 @@ function rgDialogFooterDirective() {
   return {
     require: '^rgDialog',
     transclude: true,
-    link
+    link: link
   };
 }
 function rgDialogContentDirective($compile, $q) {
   return {
     link: function link(scope, iElement) {
-      const element = iElement[0];
-      let contentScope;
+      var element = iElement[0];
+      var contentScope;
       function createIncludeNode() {
-        const node = document.createElement('ng-include');
+        var node = document.createElement('ng-include');
         node.setAttribute('src', 'dialog.content');
         return node;
       }
@@ -462,12 +575,12 @@ function rgDialogContentDirective($compile, $q) {
       function compileContent() {
         contentScope = scope.$new();
         if (angular.isDefined(scope.dialog.content)) {
-          const templateNode = angular.element(createIncludeNode());
+          var templateNode = angular.element(createIncludeNode());
           element.appendChild(templateNode[0]);
           return $compile(templateNode)(contentScope)[0];
         }
-        return $q.when(scope.dialog.compileTemplate()).then(compiledData => {
-          const templateScope = isOldDataAPI() ? contentScope : scope.dialog.config.scope || contentScope;
+        return $q.when(scope.dialog.compileTemplate()).then(function (compiledData) {
+          var templateScope = isOldDataAPI() ? contentScope : scope.dialog.config.scope || contentScope;
 
           // XXX(maksimrv): We should put element to directive
           // before link because some directives (shortcuts)
@@ -494,7 +607,7 @@ function rgDialogContentDirective($compile, $q) {
         }
       }
       scope.$on('dialog.hide', destroy);
-      scope.$on('dialog.show', () => {
+      scope.$on('dialog.show', function () {
         destroy();
         compileContent();
       });