@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.20

package/dist/auth/storage.js

@@ -1,8 +1,10 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import ActualStorage from '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -17,17 +19,30 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';

package/dist/auth/token-validator.js

@@ -1,7 +1,9 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 
 class TokenValidationError extends ExtendableError {
   constructor(message, cause) {

package/dist/auth/window-flow.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
+import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 
@@ -54,7 +55,7 @@ class WindowFlow {
     const screenHalves = 2;
     const top = (window.screen.height - height - NAVBAR_HEIGHT) / screenHalves;
     const left = (window.screen.width - width) / screenHalves;
-    return window.open(url, 'HubLoginWindow', `height=${height}, width=${width}, left=${left}, top=${top}`);
+    return window.open(url, 'HubLoginWindow', "height=".concat(height, ", width=").concat(width, ", left=").concat(left, ", top=").concat(top));
   }
   /**
    * Initiates authorization in window

package/dist/auth-dialog/auth-dialog.d.ts

@@ -15,8 +15,10 @@ export interface AuthDialogProps {
     cancelOnEsc: boolean;
     confirmLabel: string;
     cancelLabel: string;
+    tryAgainLabel: string;
     onConfirm: () => void;
     onCancel: () => void;
+    onTryAgain?: () => void;
 }
 export default class AuthDialog extends Component<AuthDialogProps> {
     static propTypes: {
@@ -31,12 +33,15 @@ export default class AuthDialog extends Component<AuthDialogProps> {
         cancelOnEsc: PropTypes.Requireable<boolean>;
         confirmLabel: PropTypes.Requireable<string>;
         cancelLabel: PropTypes.Requireable<string>;
+        tryAgainLabel: PropTypes.Requireable<string>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onTryAgain: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         loginCaption: string;
         loginToCaption: string;
+        tryAgainLabel: string;
         show: boolean;
         cancelOnEsc: boolean;
         confirmLabel: string;
@@ -44,6 +49,12 @@ export default class AuthDialog extends Component<AuthDialogProps> {
         onConfirm: () => void;
         onCancel: () => void;
     };
+    state: {
+        retrying: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     onEscPress: () => void;
+    onRetryPress: () => Promise<void>;
     render(): JSX.Element;
 }

package/dist/auth-dialog/auth-dialog.js

@@ -1,10 +1,12 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import '../island/island.js';
 import Dialog from '../dialog/dialog.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../global/data-tests.js';
@@ -33,23 +35,54 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_3593","content":"content_rui_3593 font_rui_750f","button":"button_rui_3593","firstButton":"firstButton_rui_3593 button_rui_3593","title":"title_rui_3593","logo":"logo_rui_3593","error":"error_rui_3593"};
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_159b","content":"content_rui_159b font_rui_8bff","button":"button_rui_159b","firstButton":"firstButton_rui_159b button_rui_159b","title":"title_rui_159b","logo":"logo_rui_159b","error":"error_rui_159b"};
 
 class AuthDialog extends Component {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "state", {
+      retrying: false
+    });
+
     _defineProperty(this, "onEscPress", () => {
       if (this.props.cancelOnEsc) {
         this.props.onCancel();
       }
     });
+
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+
+      this.setState({
+        retrying: true
+      });
+
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {// do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
   }
 
   render() {
@@ -63,9 +96,14 @@ class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
+    const {
+      retrying
+    } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return /*#__PURE__*/React.createElement(Dialog, {
@@ -79,19 +117,25 @@ class AuthDialog extends Component {
     }, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.content
     }, serviceImage && /*#__PURE__*/React.createElement("img", {
-      alt: `${serviceName} logo`,
+      alt: "".concat(serviceName, " logo"),
       className: modules_ae521deb.logo,
       src: serviceImage
     }), /*#__PURE__*/React.createElement(H2, {
       className: modules_ae521deb.title
     }, title), errorMessage && /*#__PURE__*/React.createElement("div", {
       className: modules_ae521deb.error
-    }, errorMessage), /*#__PURE__*/React.createElement(ThemedButton, {
+    }, errorMessage), /*#__PURE__*/React.createElement(Button, {
       primary: true,
       className: modules_ae521deb.firstButton,
       "data-test": "auth-dialog-confirm-button",
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(ThemedButton, {
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
       className: modules_ae521deb.button,
       "data-test": "auth-dialog-cancel-button",
       onClick: onCancel
@@ -112,13 +156,16 @@ _defineProperty(AuthDialog, "propTypes", {
   cancelOnEsc: PropTypes.bool,
   confirmLabel: PropTypes.string,
   cancelLabel: PropTypes.string,
+  tryAgainLabel: PropTypes.string,
   onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
+  onCancel: PropTypes.func,
+  onTryAgain: PropTypes.func
 });
 
 _defineProperty(AuthDialog, "defaultProps", {
   loginCaption: 'Log in',
   loginToCaption: 'Log in to %serviceName%',
+  tryAgainLabel: 'Try again',
   show: false,
   cancelOnEsc: true,
   confirmLabel: 'Log in',

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -1,7 +1,10 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { render } from '../global/react-render-adapter.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import 'classnames';
 import '../island/island.js';
@@ -32,8 +35,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';

package/dist/auth-ng/auth-ng.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.string.replace.js';
 import angular from 'angular';
 import '../auth/auth.js';
 import Auth from '../auth/auth__core.js';
@@ -10,6 +11,8 @@ import '../auth/down-notification.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -25,19 +28,29 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import '../alert/container.js';
-import '../link/link.js';
+import '../button/button.js';
 import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../alert/container.js';
+import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';
@@ -106,7 +119,7 @@ angularModule.provider('auth', ["$httpProvider", function provider($httpProvider
 
         return authInstance.promise.then(() => authInstance.auth.requestToken()).then(accessToken => {
           if (accessToken) {
-            config.headers.Authorization = `Bearer ${accessToken}`;
+            config.headers.Authorization = "Bearer ".concat(accessToken);
           }
 
           return config;

package/dist/autofocus-ng/autofocus-ng.js

@@ -1,12 +1,13 @@
 import angular from 'angular';
 import { FOCUSABLE_ELEMENTS } from '../tab-trap/tab-trap.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import '../global/dom.js';
 
 const angularModule = angular.module('Ring.autofocus', []);
-const RING_SELECT_SELECTOR = '[data-test=ring-select__focus]';
+const RING_SELECT_SELECTOR = '[data-test*=ring-select__focus]';
 const RING_SELECT = 'rg-select';
 angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
   /**

package/dist/avatar/avatar-example-datauri.js

@@ -1,26 +1,4 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
-            <stop stop-color="#D50F6B" offset="0"/>
-            <stop stop-color="#E73AE8" offset="1"/>
-        </linearGradient>
-    </defs>
-    <g>
-        <rect fill="url(#gradient)"
-              x="0" y="0" width="40" height="40"
-              rx="3" ry="3"/>
-        <text x="5" y="19"
-              font-family="Arial, Helvetica, sans-serif"
-              font-size="15px"
-              letter-spacing="1"
-              fill="#FFFFFF">
-            <tspan>JB</tspan>
-            <tspan x="6" y="28">_</tspan>
-        </text>
-    </g>
-</svg>
-`)}`;
+const avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
 
 export { avatarDataUri };

package/dist/avatar/avatar.js

@@ -1,13 +1,15 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/get-uid.js';
 
-var modules_61ca8c75 = {"avatar":"avatar_rui_fed3","subavatar":"subavatar_rui_fed3","empty":"empty_rui_fed3"};
+var modules_61ca8c75 = {"avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
 
 /**
  * @name Avatar
@@ -60,8 +62,8 @@ class Avatar extends PureComponent {
       skipParams,
       ...restProps
     } = this.props;
-    const sizeString = `${size}px`;
-    const subavatarSizeString = `${subavatarSize}px`;
+    const sizeString = "".concat(size, "px");
+    const subavatarSizeString = "".concat(subavatarSize, "px");
     const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
     const styleObj = {
       borderRadius: round ? '50%' : borderRadius,

package/dist/avatar/fallback-avatar.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
@@ -55,15 +56,15 @@ const Sizes = {
 const sizeKeys = Object.keys(Sizes).map(Number);
 
 function extractLetters(name) {
-  const names = name.split(/[\s._]+/).filter(Boolean);
+  const names = name.split(/[\s._]+/).filter(Boolean).map(word => Array.from(word));
 
   if (names.length >= 2) {
     return names[0][0].toUpperCase() + names[1][0].toUpperCase();
   } else if (names.length === 1) {
     if (names[0].length >= 2) {
-      return names[0].slice(0, 2).toUpperCase();
+      return names[0].slice(0, 2).join('').toUpperCase();
     } else {
-      return `${names[0][0].toUpperCase()}X`;
+      return "".concat(names[0][0].toUpperCase(), "X");
     }
   } else {
     return 'XX';
@@ -97,7 +98,7 @@ function FallbackAvatar(_ref) {
   const radius = round ? '50%' : sizes.radius;
   const gradientId = useMemo(() => getUID('gradient-'), []);
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: `0 0 ${sizeKey} ${sizeKey}`,
+    viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: gradientId,
@@ -112,7 +113,7 @@ function FallbackAvatar(_ref) {
     stopColor: toColor,
     offset: "1"
   }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
-    fill: `url(#${gradientId})`,
+    fill: "url(#".concat(gradientId, ")"),
     x: "0",
     y: "0",
     width: sizeKey,

package/dist/avatar-editor-ng/avatar-editor-ng.js

@@ -5,7 +5,9 @@ import alertService from '../alert-service/alert-service.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import template from './avatar-editor-ng__template.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -20,17 +22,30 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';

package/dist/avatar-editor-ng/avatar-editor-ng__template.js

@@ -1,30 +1,3 @@
-var template = `<div>
-  <div ng-click="!ngDisabled && controls.select()" class="ring-avatar-editor__frame" ng-class="{
-        'ring-avatar-editor_controlled': controlled,
-        'ring-avatar-editor': !ngDisabled
-    }" ng-show="model || default">
-    <img alt="Avatar" class="ring-avatar-editor__img" ng-src="{{ model }}" ng-show="model">
-    <img alt="Default avatar" class="ring-avatar-editor__img" ng-src="{{ default }}"
-         ng-show="!model && default" ng-click="!ngDisabled && controls.select()">
-    <rg-icon glyph="{{editIcon}}" size="16" class="ring-avatar-editor__icon" ng-if="!ngDisabled"></rg-icon>
-  </div>
-  <input class="ring-avatar-editor__file-input" rg-avatar-editor-file-input type="file" ng-model="fileInput" accept="image/*" ng-if="!ngDisabled">
-
-  <rg-button
-    delayed="true"
-    ng-disabled="ngDisabled"
-    ng-if="showAddButton && !model && !default"
-    ng-click="controls.select()"
-  >{{ getAddMessage() }}</rg-button>
-
-  <rg-button
-    ng-if="showDeleteButton&& model && !ngDisabled"
-    danger="true"
-    class="ring-avatar-editor__remove"
-    ng-click="controls.remove()"
-  >
-    <span translate>{{ getDeleteLabel() }}</span>
-  </rg-button>
-</div>`;
+var template = "<div>\n  <div ng-click=\"!ngDisabled && controls.select()\" class=\"ring-avatar-editor__frame\" ng-class=\"{\n        'ring-avatar-editor_controlled': controlled,\n        'ring-avatar-editor': !ngDisabled\n    }\" ng-show=\"model || default\">\n    <img alt=\"Avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ model }}\" ng-show=\"model\">\n    <img alt=\"Default avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ default }}\"\n         ng-show=\"!model && default\" ng-click=\"!ngDisabled && controls.select()\">\n    <rg-icon glyph=\"{{editIcon}}\" size=\"16\" class=\"ring-avatar-editor__icon\" ng-if=\"!ngDisabled\"></rg-icon>\n  </div>\n  <input class=\"ring-avatar-editor__file-input\" rg-avatar-editor-file-input type=\"file\" ng-model=\"fileInput\" accept=\"image/*\" ng-if=\"!ngDisabled\">\n\n  <rg-button\n    delayed=\"true\"\n    ng-disabled=\"ngDisabled\"\n    ng-if=\"showAddButton && !model && !default\"\n    ng-click=\"controls.select()\"\n  >{{ getAddMessage() }}</rg-button>\n\n  <rg-button\n    ng-if=\"showDeleteButton&& model && !ngDisabled\"\n    danger=\"true\"\n    class=\"ring-avatar-editor__remove\"\n    ng-click=\"controls.remove()\"\n  >\n    <span translate>{{ getDeleteLabel() }}</span>\n  </rg-button>\n</div>";
 
 export { template as default };

package/dist/avatar-ng/avatar-ng.js

@@ -1,14 +1,17 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Avatar from '../avatar/avatar.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
 import 'classnames';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';

package/dist/badge/badge.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_6c9187df } from '../_helpers/badge.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Badge

package/dist/badge-ng/badge-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Badge from '../badge/badge.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -3,13 +3,15 @@ import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import LinkNG from '../link-ng/link-ng.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import '../_helpers/link.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
 import '../_helpers/icon.js';
 
-var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_936c","header":"header_rui_936c","breadcrumbSmall":"breadcrumbSmall_rui_936c","breadcrumbElement":"breadcrumbElement_rui_936c","active":"active_rui_936c","elementDescription":"elementDescription_rui_936c","separatorIcon":"separatorIcon_rui_936c"};
+var modules_2c17c81e = {"unit":"8px","breadcrumb":"breadcrumb_rui_91a4","header":"header_rui_91a4","breadcrumbSmall":"breadcrumbSmall_rui_91a4","breadcrumbElement":"breadcrumbElement_rui_91a4","active":"active_rui_91a4","elementDescription":"elementDescription_rui_91a4","separatorIcon":"separatorIcon_rui_91a4"};
 
 /**
  * @name Breadcrumb Ng
@@ -19,33 +21,7 @@ const angularModule = angular.module('Ring.breadcrumb', [LinkNG, IconNG]);
 angularModule.filter('breadcrumbNgChevronIcon', () => () => chevronRightIcon);
 angularModule.directive('rgBreadcrumb', function rgBreadcrumbDirective() {
   return {
-    template: `
-<div class="${modules_2c17c81e.breadcrumb}">
-  <span class="${modules_2c17c81e.breadcrumbElement}" data-test="ring-breadcrumb" ng-show="label">
-    <rg-link
-      ng-if="link"
-      ng-href="{{link}}"
-    >{{label}}</rg-link>
-
-    <rg-link ng-if="!link && onClick"
-          ng-class="onClick && 'ring-link'"
-          data-test="ring-breadcrumb-link"
-          ng-click="onClick({$event: $event})">{{label}}</rg-link>
-
-    <span ng-if="!link && !onClick" ng-click="onClick({$event: $event})">{{label}}</span>
-  </span>
-
-  <span ng-show="label">
-    <rg-icon
-      class="${modules_2c17c81e.separatorIcon}"
-      glyph="{{'' | breadcrumbNgChevronIcon}}"
-    ></rg-icon>
-  </span>
-
-  <span class="${modules_2c17c81e.breadcrumbElement} ${modules_2c17c81e.active}" data-test="ring-breadcrumb-element" ng-transclude></span>
-</div>
-
-    `,
+    template: "\n<div class=\"".concat(modules_2c17c81e.breadcrumb, "\">\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, "\" data-test=\"ring-breadcrumb\" ng-show=\"label\">\n    <rg-link\n      ng-if=\"link\"\n      ng-href=\"{{link}}\"\n    >{{label}}</rg-link>\n\n    <rg-link ng-if=\"!link && onClick\"\n          ng-class=\"onClick && 'ring-link'\"\n          data-test=\"ring-breadcrumb-link\"\n          ng-click=\"onClick({$event: $event})\">{{label}}</rg-link>\n\n    <span ng-if=\"!link && !onClick\" ng-click=\"onClick({$event: $event})\">{{label}}</span>\n  </span>\n\n  <span ng-show=\"label\">\n    <rg-icon\n      class=\"").concat(modules_2c17c81e.separatorIcon, "\"\n      glyph=\"{{'' | breadcrumbNgChevronIcon}}\"\n    ></rg-icon>\n  </span>\n\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, " ").concat(modules_2c17c81e.active, "\" data-test=\"ring-breadcrumb-element\" ng-transclude></span>\n</div>\n\n    "),
     replace: true,
     transclude: true,
     restrict: 'E',