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

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

@@ -1,625 +0,0 @@
-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 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":"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"];
-
-/**
- * @name Dialog Ng
- */
-
-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(_assertThisInitialized(_this), 'DIALOG_NAMESPACE');
-      if (shortcuts.indexOfScope(_this.dialogService.DIALOG_NAMESPACE) > -1) {
-        shortcuts.setScope(_this.currentShortcutsScope);
-      }
-      _this._resetFormState();
-      _this.$inject.$scope.$broadcast('dialog.hide');
-    });
-    _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;
-  }
-  _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);
-    }
-  }, {
-    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;
-    }
-  }, {
-    key: "handleClick",
-    value: function handleClick(event) {
-      var isOverlayClicked = event.target === event.currentTarget;
-      if (this.inSidebar || !this.closeOnClick || !isOverlayClicked) {
-        return;
-      }
-      this.hide();
-    }
-  }, {
-    key: "setTitle",
-    value: function setTitle(title) {
-      this.title = title;
-    }
-  }, {
-    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);
-      });
-    }
-  }, {
-    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();
-      }
-
-      // 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;
-      });
-    }
-  }, {
-    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);
-    }
-  }, {
-    key: "_resetFormState",
-    value: function _resetFormState() {
-      var dialogForm = this.dialogForm;
-      if (!dialogForm) {
-        return;
-      }
-      dialogForm.$setPristine();
-      dialogForm.$setUntouched();
-      dialogForm.$valid = true;
-      dialogForm.$invalid = false;
-      dialogForm.$error = {};
-    }
-  }, {
-    key: "done",
-    value: function done(result) {
-      this.resetPosition();
-      this.resolve(result);
-      this.hide();
-    }
-  }, {
-    key: "reset",
-    value: function reset(result) {
-      this.done(result);
-    }
-  }, {
-    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;
-    }
-  }, {
-    key: "getFieldErrorMessage",
-    value: function getFieldErrorMessage(errorResponse) {
-      if (errorResponse && errorResponse.data && errorResponse.data.error) {
-        return errorResponse.data.error;
-      }
-      return null;
-    }
-  }, {
-    key: "action",
-    value: function action(button) {
-      var _this5 = this;
-      if (button.inProgress) {
-        return undefined;
-      }
-      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));
-        }
-      };
-      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);
-      }
-      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();
-          }
-        }
-      };
-    }
-  }]);
-  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(_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(function (key) {
-      _this7[key] = function methodWrapper() {
-        if (this.ctrl) {
-          var _this$ctrl;
-          return (_this$ctrl = this.ctrl)[key].apply(_this$ctrl, arguments);
-        } else if (this.fallbackDialog) {
-          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(_assertThisInitialized(_this7));
-    });
-    return _this7;
-  }
-  _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;
-  }
-  return _createClass(DialogInSidebarService);
-}(DialogService);
-DialogInSidebarService.$inject = [].concat(_toConsumableArray(DialogService.$inject), ['dialog']);
-function rgDialogDirective($timeout) {
-  function link(scope, iElement, iAttrs, dialogCtrl) {
-    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: "".concat(top, "px"),
-        left: "".concat(left, "px")
-      });
-    }
-
-    // Focus first input
-    function focusFirst() {
-      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();
-      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;
-      }
-      var offsetY = parseFloat(dialogContainer.style.top) || 0;
-      var offsetX = parseFloat(dialogContainer.style.left) || 0;
-      setPosition(offsetY + e.movementY, offsetX + e.movementX);
-    }
-    function onMouseup() {
-      document.removeEventListener('mousemove', onMousemove);
-      document.removeEventListener('mouseup', onMouseup);
-    }
-    function onMousedown() {
-      if (!dialogCtrl.inSidebar) {
-        // Duct tape for all Ring 1.0 dropdown components inside
-        node.dispatchEvent(new CustomEvent('ring.popup-close'));
-        document.addEventListener('mousemove', onMousemove);
-        document.addEventListener('mouseup', onMouseup);
-      }
-    }
-    function onFocusin(e) {
-      if (!node.contains(e.target) && e.target.classList.contains('ring-popup')) {
-        e.preventDefault();
-        focusFirst();
-      }
-    }
-    function setCustomFooter(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 = function () {
-      return dialogContainer.removeAttribute('style');
-    };
-    dialogCtrl.setCustomFooter = setCustomFooter;
-    dialogHeader.addEventListener('mousedown', onMousedown);
-    document.addEventListener('focusin', onFocusin);
-    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', function () {
-      return $timeout(focusFirst);
-    });
-    scope.$on('dialog.hide', function () {
-      angular.element(dialogCustomFooter).empty();
-    });
-    scope.$on('$destroy', function () {
-      dialogHeader.removeEventListener('mousedown', onMousedown);
-      document.removeEventListener('mousemove', onMousemove);
-      document.removeEventListener('mouseup', onMouseup);
-      document.removeEventListener('focusin', onFocusin);
-      window.removeEventListener('resize', setPosition);
-    });
-  }
-  return {
-    scope: {},
-    controller: DialogController,
-    bindToController: {
-      inSidebar: '@?',
-      active: '=?'
-    },
-    replace: true,
-    template: dialogTemplate,
-    controllerAs: 'dialog',
-    link: link
-  };
-}
-function rgDialogTitleDirective() {
-  function link(scope, iElement, iAttrs, dialogCtrl) {
-    dialogCtrl.setTitle(scope.title);
-  }
-  return {
-    scope: {
-      title: '@rgDialogTitle'
-    },
-    require: '^rgDialog',
-    link: link
-  };
-}
-function rgDialogFooterDirective() {
-  function link(scope, iElement, iAttrs, dialogCtrl, transclude) {
-    scope.$on('rgDialogContentLoaded', function () {
-      transclude(scope, function (clone) {
-        dialogCtrl.setCustomFooter(clone);
-      });
-    });
-  }
-  return {
-    require: '^rgDialog',
-    transclude: true,
-    link: link
-  };
-}
-function rgDialogContentDirective($compile, $q) {
-  return {
-    link: function link(scope, iElement) {
-      var element = iElement[0];
-      var contentScope;
-      function createIncludeNode() {
-        var node = document.createElement('ng-include');
-        node.setAttribute('src', 'dialog.content');
-        return node;
-      }
-      function isOldDataAPI() {
-        return scope.dialog.config.data;
-      }
-      function compileContent() {
-        contentScope = scope.$new();
-        if (angular.isDefined(scope.dialog.content)) {
-          var templateNode = angular.element(createIncludeNode());
-          element.appendChild(templateNode[0]);
-          return $compile(templateNode)(contentScope)[0];
-        }
-        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)
-          // depends from global directives (shortcuts-app)
-          angular.element(element).append(compiledData.element);
-          compiledData.link(templateScope);
-          scope.$broadcast('rgDialogContentLoaded');
-        }).catch(angular.noop);
-      }
-      function destroy() {
-        function cleanupElement(_element) {
-          while (_element.childNodes.length) {
-            // XXX(maksimrv): We should use jQuery.remove method because
-            // AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires $destroy event
-            // on all DOM nodes being removed.
-            // This can be used to clean up bindings to the DOM
-            // element before it is removed.
-            angular.element(_element.childNodes[0]).remove();
-          }
-        }
-        if (contentScope) {
-          contentScope.$destroy();
-          cleanupElement(element);
-        }
-      }
-      scope.$on('dialog.hide', destroy);
-      scope.$on('dialog.show', function () {
-        destroy();
-        compileContent();
-      });
-    }
-  };
-}
-angularModule.directive('rgDialog', rgDialogDirective);
-angularModule.directive('rgDialogTitle', rgDialogTitleDirective);
-angularModule.directive('rgDialogFooter', rgDialogFooterDirective);
-angularModule.directive('rgDialogContent', rgDialogContentDirective);
-angularModule.service('dialog', DialogService);
-angularModule.service('dialogInSidebar', DialogInSidebarService);
-var DialogNg = angularModule.name;
-
-export { DialogNg as default };

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

@@ -1,3 +0,0 @@
-var dialogTemplate = "<div\n  ng-show=\"dialog.active\"\n  ng-class=\"[!dialog.inSidebar && dialog.dialogStyles.container]\"\n  ng-click=\"dialog.handleClick($event)\"\n  ng-attr-data-portaltarget=\"{{!dialog.inSidebar  ? 'dialog-ng-popup-container' : null}}\"\n  ng-attr-data-test=\"ring-dialog-container\"\n>\n  <div ng-class=\"[dialog.dialogStyles.innerContainer]\">\n    <div data-anchor=\"dialog-container\"\n      ng-attr-data-in-sidebar=\"{{dialog.inSidebar  ? 'true' : 'false'}}\"\n      ng-attr-data-test=\"{{dialog.active ? 'ring-dialog' : null}}\"\n      ng-class=\"[\n        dialog.styles.dialogContainer,\n        dialog.cssClass,\n        dialog.wideDialog && dialog.styles.wide,\n        dialog.autoWidth && dialog.styles.autoWidth,\n        dialog.inSidebar && dialog.styles.inSidebar,\n        !dialog.inSidebar && dialog.dialogStyles.content,\n        !dialog.inSidebar && dialog.islandStyles.island\n      ]\"\n    >\n      <div ng-class=\"[dialog.islandStyles.header, dialog.styles.header]\"\n        data-anchor=\"dialog-header\"\n        ng-show=\"dialog.title\">\n        <span ng-class=\"dialog.islandStyles.title\">{{ dialog.title }}</span>\n      </div>\n\n      <div ng-class=\"[dialog.styles.scrollableWrapper, dialog.islandStyles.scrollableWrapper, dialog.scrollableWrapperClassName]\">\n        <div ng-class=\"[dialog.styles.content, dialog.islandStyles.content]\">\n          <form name=\"dialog.dialogForm\" class=\"ring-form ring-js-shortcuts\"\n            novalidate>\n            <rg-dialog-content></rg-dialog-content>\n\n            <div class=\"ring-form__group\" ng-show=\"dialog.error\">\n              <div ng-class=\"dialog.styles.error\" ng-bind-html=\"dialog.error\"></div>\n            </div>\n          </form>\n        </div>\n      </div>\n\n      <div ng-class=\"dialog.styles.footer\"\n        ng-if=\"dialog.description.length || dialog.buttons.length\">\n        <div ng-class=\"dialog.styles.footerDescription\"\n          ng-if=\"dialog.description && dialog.description.length\">\n          <div ng-repeat=\"line in dialog.description\">{{ line }}</div>\n        </div>\n\n        <div ng-class=\"dialog.styles.footerItems\">\n          <rg-button\n            ng-repeat=\"button in dialog.buttons\"\n            ng-class=\"[dialog.styles.footerItem , button.cssClasses]\"\n            mode=\"{{button.default ? 'primary' : ''}}\"\n            text=\"button.text\"\n            ng-disabled=\"(button.default && dialog.dialogForm.$invalid) || button.disabled\"\n            ng-if=\"!button.hidden\"\n            data-test=\"dialog-footer-button\"\n\n            rg-promised-click=\"dialog.action(button)\"\n            promised-mode=\"loader\"\n          >{{ button.label }}\n          </rg-button>\n        </div>\n      </div>\n\n      <div data-anchor=\"dialog-custom-footer-container\"></div>\n\n      <div tabindex=\"-1\" ng-show=\"false\" data-anchor=\"focus-trap-fallback\"></div>\n    </div>\n  </div>\n</div>";
-
-export { dialogTemplate as default };