@jetbrains/ring-ui 5.0.27 → 5.0.29

package/dist/icon-ng/icon-ng.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import { Color } from '../icon/icon__constants.js';
 import RingTemplateNg from '../template-ng/template-ng.js';
@@ -24,7 +22,7 @@ angularModule.directive('rgIcon', function rgIconDirective() {
       height: '@?',
       width: '@?'
     },
-    template: "<span class=\"".concat(modules_29747b80.icon, "\" rg-template=\"normalizedGlyph\" rg-template-class=\"").concat(modules_29747b80.glyph, "\"></span>"),
+    template: `<span class="${modules_29747b80.icon}" rg-template="normalizedGlyph" rg-template-class="${modules_29747b80.glyph}"></span>`,
     controller: ["$scope", $scope => {
       function decodeBase64IfNeeded(glyph) {
         // This hack allows passing SVG content as string from angular templates like
@@ -69,18 +67,18 @@ angularModule.directive('rgIcon', function rgIconDirective() {
         }
 
         if (size && !width && !height) {
-          const sizeString = "".concat(size, "px");
-          const style = "width: ".concat(sizeString, "; height: ").concat(sizeString, ";");
+          const sizeString = `${size}px`;
+          const style = `width: ${sizeString}; height: ${sizeString};`;
           svgNode.setAttribute('style', style);
           return;
         }
 
         if (width) {
-          svgNode.setAttribute('style', "width: ".concat(width, "px;"));
+          svgNode.setAttribute('style', `width: ${width}px;`);
         }
 
         if (height) {
-          svgNode.setAttribute('style', "height: ".concat(height, "px;"));
+          svgNode.setAttribute('style', `height: ${height}px;`);
         }
       });
     }

package/dist/input/input.js

@@ -1,5 +1,4 @@
 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';
@@ -19,7 +18,6 @@ import '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 function noop() {}
@@ -114,7 +112,7 @@ class Input extends PureComponent {
       return;
     }
 
-    el.style.height = "".concat(el.scrollHeight + 2, "px");
+    el.style.height = `${el.scrollHeight + 2}px`;
   }
 
   adapt() {
@@ -151,7 +149,7 @@ class Input extends PureComponent {
       empty
     } = this.state;
     const clearable = !!onClear;
-    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
+    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40[`size${size}`]], [modules_88cfaf40[`height${height}`]], {
       'ring-js-shortcuts': enableShortcuts === true,
       [modules_88cfaf40.active]: active,
       [modules_88cfaf40.error]: error != null,

package/dist/input-ng/input-ng.js

@@ -5,10 +5,8 @@ import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import ButtonNG from '../button-ng/button-ng.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
-import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
@@ -46,7 +44,7 @@ class RingInputComponent extends RingAngularComponent {
       return;
     }
 
-    el.style.height = "".concat(el.scrollHeight, "px");
+    el.style.height = `${el.scrollHeight}px`;
   }
 
   onKeyUp() {
@@ -64,7 +62,7 @@ class RingInputComponent extends RingAngularComponent {
   }
 
   getContainerClasses() {
-    return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40["size".concat(this.size)]] : null, modules_88cfaf40.heightS, {
+    return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40[`size${this.size}`]] : null, modules_88cfaf40.heightS, {
       [modules_88cfaf40.active]: this.active,
       [modules_88cfaf40.error]: this.error != null,
       [modules_88cfaf40.empty]: !this.value,
@@ -102,7 +100,62 @@ _defineProperty(RingInputComponent, "bindings", {
   multiline: '<'
 });
 
-_defineProperty(RingInputComponent, "template", "\n<div\n  data-test=\"ring-input-container\"\n  ng-class=\"$ctrl.getContainerClasses()\"\n>\n  <label\n    ng-if=\"!$ctrl.borderless\"\n    class=\"".concat(modules_88cfaf40.label, "\"\n  >{{$ctrl.label}}</label>\n  <div class=\"").concat(modules_88cfaf40.container, "\">\n    <input\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      type=\"text\"\n      data-test=\"ring-input\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      name=\"{{$ctrl.name}}\"\n      ng-if=\"!$ctrl.multiline\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    />\n\n    <textarea\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      data-test=\"ring-input\"\n      ng-if=\"$ctrl.multiline\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      rows=\"1\"\n      name=\"{{$ctrl.name}}\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    ></textarea>\n\n    <rg-button\n      ng-if=\"$ctrl.clearable\"\n      data-test=\"ring-input-clear\"\n      class=\"").concat(modules_88cfaf40.clear, " ").concat(modules_c40fa551.clear, "\"\n      icon=\"{{:: $ctrl.closeIcon}}\"\n      ng-click=\"$ctrl.onClear()\"\n    ></rg-button>\n  </div>\n\n  <div ng-if=\"!$ctrl.borderless && $ctrl.error\" class=\"").concat(modules_88cfaf40.errorText, " ").concat(modules_c40fa551.errorText, "\">{{$ctrl.error}}</div>\n</div>\n  "));
+_defineProperty(RingInputComponent, "template", `
+<div
+  data-test="ring-input-container"
+  ng-class="$ctrl.getContainerClasses()"
+>
+  <label
+    ng-if="!$ctrl.borderless"
+    class="${modules_88cfaf40.label}"
+  >{{$ctrl.label}}</label>
+  <div class="${modules_88cfaf40.container}">
+    <input
+      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+      type="text"
+      data-test="ring-input"
+      class="${modules_88cfaf40.input}"
+      name="{{$ctrl.name}}"
+      ng-if="!$ctrl.multiline"
+      placeholder="{{$ctrl.placeholder}}"
+      ng-model="$ctrl.value"
+      ng-required="$ctrl.required"
+      ng-disabled="$ctrl.disabled"
+      ng-minlength="$ctrl.ngMinlength"
+      ng-maxlength="$ctrl.ngMaxlength"
+      ng-change="$ctrl.onInputChange()"
+      ng-keyup="$ctrl.onKeyUp()"
+    />
+
+    <textarea
+      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+      data-test="ring-input"
+      ng-if="$ctrl.multiline"
+      class="${modules_88cfaf40.input}"
+      rows="1"
+      name="{{$ctrl.name}}"
+      placeholder="{{$ctrl.placeholder}}"
+      ng-model="$ctrl.value"
+      ng-required="$ctrl.required"
+      ng-disabled="$ctrl.disabled"
+      ng-minlength="$ctrl.ngMinlength"
+      ng-maxlength="$ctrl.ngMaxlength"
+      ng-change="$ctrl.onInputChange()"
+      ng-keyup="$ctrl.onKeyUp()"
+    ></textarea>
+
+    <rg-button
+      ng-if="$ctrl.clearable"
+      data-test="ring-input-clear"
+      class="${modules_88cfaf40.clear} ${modules_c40fa551.clear}"
+      icon="{{:: $ctrl.closeIcon}}"
+      ng-click="$ctrl.onClear()"
+    ></rg-button>
+  </div>
+
+  <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
+</div>
+  `);
 
 angularModule.component('rgInput', RingInputComponent);
 var InputNg = angularModule.name;

package/dist/island/adaptive-island-hoc.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { createContext, Component } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 

package/dist/island/content.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/island/header.js

@@ -5,7 +5,6 @@ import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 const Start = {
   FONT_SIZE: 24,
@@ -48,14 +47,14 @@ class Header extends Component {
       [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
     });
     const headerStyle = phase != null ? {
-      lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+      lineHeight: `${this.style('LINE_HEIGHT')}px`,
       paddingTop: this.style('PADDING_TOP'),
       paddingBottom: this.style('PADDING_BOTTOM')
     } : undefined;
     const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
     const titleStyle = phase != null && phase < 1 ? {
       fontSize: Start.FONT_SIZE,
-      transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
+      transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
       letterSpacing: this.style('SPACING')
     } : undefined;
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {

package/dist/island/island.js

@@ -7,7 +7,6 @@ import adaptiveIslandHOC from './adaptive-island-hoc.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';

package/dist/island-ng/island-content-ng.js

@@ -2,7 +2,6 @@ import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import compile from './island-ng-class-fixer.js';
-import 'core-js/modules/es.string.replace.js';
 
 const scheduleScroll = scheduleRAF();
 const angularModule = angular.module('Ring.island-ng.header', []);
@@ -15,7 +14,22 @@ angularModule.directive('rgIslandContent', function islandContentDirective() {
       onScroll: '&?'
     },
     compile,
-    template: "\n<div\n  data-test=\"ring-island-content\"\n  class=".concat(modules_e6a056e1.content, "\n  ng-class=\"{\n    '").concat(modules_e6a056e1.contentWithTopFade, "': contentCtrl.fade,\n    '").concat(modules_e6a056e1.contentWithBottomFade, "': contentCtrl.fade\n  }\"\n>\n  <div\n    tabindex=\"0\"\n    class=\"").concat(modules_e6a056e1.scrollableWrapper, " js-scrollable-wrapper\"\n    ng-transclude\n  ></div>\n</div>\n"),
+    template: `
+<div
+  data-test="ring-island-content"
+  class=${modules_e6a056e1.content}
+  ng-class="{
+    '${modules_e6a056e1.contentWithTopFade}': contentCtrl.fade,
+    '${modules_e6a056e1.contentWithBottomFade}': contentCtrl.fade
+  }"
+>
+  <div
+    tabindex="0"
+    class="${modules_e6a056e1.scrollableWrapper} js-scrollable-wrapper"
+    ng-transclude
+  ></div>
+</div>
+`,
     controllerAs: 'contentCtrl',
     controller: ["$scope", "$element", function controller($scope, $element) {
       const el = $element[0];

package/dist/island-ng/island-header-ng.js

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import compile from './island-ng-class-fixer.js';
-import 'core-js/modules/es.string.replace.js';
 
 const angularModule = angular.module('Ring.island-ng.content', []);
 angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
@@ -12,7 +11,14 @@ angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
       border: '=?'
     },
     compile,
-    template: "\n<div\n  data-test=\"ring-island-header\"\n  class=\"".concat(modules_e6a056e1.header, "\"\n  ng-class=\"{'").concat(modules_e6a056e1.withBottomBorder, "': headerCtrl.border}\" \n  ng-transclude\n></div>\n"),
+    template: `
+<div
+  data-test="ring-island-header"
+  class="${modules_e6a056e1.header}"
+  ng-class="{'${modules_e6a056e1.withBottomBorder}': headerCtrl.border}" 
+  ng-transclude
+></div>
+`,
     controllerAs: 'headerCtrl',
     controller: function controller() {
       this.$onInit = () => {

package/dist/island-ng/island-ng-class-fixer.js

@@ -1,5 +1,3 @@
-import 'core-js/modules/es.string.replace.js';
-
 // Workaround fo Angular bug with ng-class & replace: true support
 // See https://github.com/angular/angular.js/issues/5695#issuecomment-31898355
 function compile(tElement, tAttrs) {

package/dist/island-ng/island-ng.js

@@ -3,7 +3,6 @@ import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import IslandHeader from './island-header-ng.js';
 import IslandContent from './island-content-ng.js';
 import compile from './island-ng-class-fixer.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/schedule-raf.js';
 
 const angularModule = angular.module('Ring.island-ng', [IslandHeader, IslandContent]);
@@ -15,7 +14,14 @@ angularModule.directive('rgIsland', function islandDirective() {
       narrow: '='
     },
     compile,
-    template: "\n<div \n  data-test=\"ring-island\"\n  class=\"".concat(modules_e6a056e1.island, "\" \n  ng-class=\"{'").concat(modules_e6a056e1.narrowIsland, "': islandCtrl.narrow}\" \n  ng-transclude\n></div>\n"),
+    template: `
+<div 
+  data-test="ring-island"
+  class="${modules_e6a056e1.island}" 
+  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}" 
+  ng-transclude
+></div>
+`,
     controllerAs: 'islandCtrl',
     controller: angular.noop
   };

package/dist/link/clickableLink.d.ts

@@ -13,7 +13,7 @@ export default class ClickableLink extends PureComponent<ClickableLinkProps> {
         onConditionalClick: PropTypes.Requireable<(...args: any[]) => any>;
         activeClassName: PropTypes.Requireable<string>;
         href: PropTypes.Validator<string>;
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
     onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
     render(): JSX.Element;

package/dist/link/clickableLink.js

@@ -1,5 +1,4 @@
 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';
 

package/dist/link/link.d.ts

@@ -74,7 +74,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -138,7 +138,7 @@ declare const _default: {
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/link/link.js

@@ -7,7 +7,6 @@ import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Link

package/dist/link-ng/link-ng.js

@@ -12,7 +12,10 @@ function rgLinkDirective() {
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: "\n<a class=\"".concat(modules_607b0772.link, " ").concat(modules_607b0772.compatibilityUnderlineMode, "\"\n><span class=\"").concat(modules_607b0772.inner, "\" ng-transclude></span></a>\n    ")
+    template: `
+<a class="${modules_607b0772.link} ${modules_607b0772.compatibilityUnderlineMode}"
+><span class="${modules_607b0772.inner}" ng-transclude></span></a>
+    `
   };
 }
 

package/dist/list/list.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -34,7 +33,6 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
@@ -141,19 +139,19 @@ class List extends Component {
       switch (item.rgItemType) {
         case Type.SEPARATOR:
         case Type.TITLE:
-          return "".concat(item.rgItemType).concat(isFirst ? '_first' : '').concat(item.description ? '_desc' : '');
+          return `${item.rgItemType}${isFirst ? '_first' : ''}${item.description ? '_desc' : ''}`;
 
         case Type.MARGIN:
           return Type.MARGIN;
 
         case Type.CUSTOM:
-          return "".concat(Type.CUSTOM, "_").concat(item.key);
+          return `${Type.CUSTOM}_${item.key}`;
 
         case Type.ITEM:
         case Type.LINK:
         default:
           if (item.details) {
-            return "".concat(Type.ITEM, "_").concat(item.details);
+            return `${Type.ITEM}_${item.details}`;
           }
 
           return Type.ITEM;
@@ -354,7 +352,7 @@ class List extends Component {
       const itemId = this.getId(item); // top and bottom margins
 
       if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === Type.MARGIN) {
-        itemKey = key || "".concat(Type.MARGIN, "_").concat(index);
+        itemKey = key || `${Type.MARGIN}_${index}`;
         el = /*#__PURE__*/React.createElement("div", {
           style: {
             height: Dimension.MARGIN
@@ -434,7 +432,7 @@ class List extends Component {
             break;
 
           default:
-            throw new Error("Unknown menu element type: ".concat(itemProps.rgItemType));
+            throw new Error(`Unknown menu element type: ${itemProps.rgItemType}`);
         }
 
         el = /*#__PURE__*/React.createElement(ItemComponent, itemProps);
@@ -628,14 +626,14 @@ class List extends Component {
 
     if (identificator && !isString) {
       warnEmptyKey();
-      "".concat(itemProps.rgItemType, "_").concat(JSON.stringify(identificator));
+      `${itemProps.rgItemType}_${JSON.stringify(identificator)}`;
     }
 
-    return "".concat(itemProps.rgItemType, "_").concat(identificator);
+    return `${itemProps.rgItemType}_${identificator}`;
   }
 
   getId(item) {
-    return item != null ? "".concat(this.id, ":").concat(item.key || this._deprecatedGenerateKeyFromContent(item)) : undefined;
+    return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : undefined;
   }
 
   get inner() {

package/dist/list/list__custom.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } 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';

package/dist/list/list__item.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } 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';
@@ -10,7 +9,6 @@ import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '@jetbrains/icons/checkmark-14px';
@@ -90,7 +88,7 @@ class ListItem extends PureComponent {
       [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
     });
     const style = {
-      paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
+      paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
     };
     let computedTitle = null;
 
@@ -162,7 +160,7 @@ class ListItem extends PureComponent {
     }), icon && /*#__PURE__*/React.createElement("div", {
       className: modules_3b67a421.icon,
       style: {
-        backgroundImage: "url(\"".concat(icon, "\")")
+        backgroundImage: `url("${icon}")`
       }
     }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
       className: detailsClasses

package/dist/list/list__link.js

@@ -7,7 +7,6 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import 'focus-visible';
 import '../global/memoize.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 

package/dist/list/list__users-groups-source.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
 import List from './list.js';
@@ -33,7 +32,6 @@ import '../_helpers/list.js';
 import './list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-14px';
@@ -58,7 +56,7 @@ const defaultOptions = {
   getPluralForUserCount: count => {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
     const plural = count % 10 !== 1 || count % 100 === 11;
-    return "".concat(count, " member").concat(plural ? 's' : '');
+    return `${count} member${plural ? 's' : ''}`;
   }
 };
 var Filter;

package/dist/loader/loader.js

@@ -1,5 +1,4 @@
 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 joinDataTestAttributes from '../global/data-tests.js';

package/dist/loader/loader__core.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getPixelRatio } from '../global/dom.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
 
@@ -45,7 +44,7 @@ class Particle {
 
   draw(ctx) {
     const alpha = this.life >= 0 ? this.life : 0;
-    ctx.fillStyle = "rgba(".concat(this.color.r, ", ").concat(this.color.g, ", ").concat(this.color.b, ", ").concat(alpha, ")");
+    ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
     ctx.beginPath();
     ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
     ctx.fill();
@@ -128,8 +127,8 @@ class LoaderCore {
     this.canvas.width = canvasSize;
     this.canvas.height = canvasSize; //Fixate canvas physical size to avoid real size scaling
 
-    this.canvas.style.width = "".concat(this.props.size, "px");
-    this.canvas.style.height = "".concat(this.props.size, "px");
+    this.canvas.style.width = `${this.props.size}px`;
+    this.canvas.style.height = `${this.props.size}px`;
     this.ctx = this.canvas.getContext('2d');
     (_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;

package/dist/loader-inline/loader-inline.js

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

package/dist/loader-inline-ng/loader-inline-ng.js

@@ -7,7 +7,7 @@ import { m as modules_e49a3529 } from '../_helpers/loader-inline.js';
 
 const angularModule = angular.module('Ring.loader-inline', []);
 angularModule.component('rgLoaderInline', {
-  template: "<div data-test=\"ring-loader-inline-ng\" class=\"".concat(modules_e49a3529.loader, "\"></div>")
+  template: `<div data-test="ring-loader-inline-ng" class="${modules_e49a3529.loader}"></div>`
 });
 var loaderInlineNg = angularModule.name;
 

package/dist/loader-ng/loader-ng.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import LoaderCore from '../loader/loader__core.js';

package/dist/loader-screen/loader-screen.js

@@ -4,7 +4,6 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import Loader from '../loader/loader.js';
 import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';

package/dist/loader-screen-ng/loader-screen-ng.js

@@ -2,7 +2,6 @@ import angular from 'angular';
 import loaderNg from '../loader-ng/loader-ng.js';
 import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/ring-angular-component.js';
 import '../loader/loader__core.js';
 import '../global/dom.js';
@@ -87,7 +86,12 @@ angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
     scope: {
       message: '@rgLoaderScreen'
     },
-    template: "\n<div class=\"".concat(modules_122a82e9.loaderScreen, "\" ng-if=\"$root.isLoaderVisible()\">\n  <rg-loader class=\"").concat(modules_122a82e9.loader, "\"\n    message=\"{{$root.isInitialLoading() ? message : ''}}\"></rg-loader>\n</div>\n    ")
+    template: `
+<div class="${modules_122a82e9.loaderScreen}" ng-if="$root.isLoaderVisible()">
+  <rg-loader class="${modules_122a82e9.loader}"
+    message="{{$root.isInitialLoading() ? message : ''}}"></rg-loader>
+</div>
+    `
   };
 });
 var loaderScreenNg = angularModule.name;

package/dist/login-dialog/login-dialog.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -27,7 +26,6 @@ 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 '../link/clickableLink.js';
 import '../global/controls-height.js';

package/dist/login-dialog/service.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { unmountComponentAtNode, render } from '../global/react-render-adapter.js';
 import LoginDialog from './login-dialog.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
@@ -33,7 +32,6 @@ 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 '../link/clickableLink.js';
 import '../global/controls-height.js';