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

package/dist/confirm-service/confirm-service.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { render } from '../global/react-render-adapter.js';
 import Confirm from '../confirm/confirm.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
@@ -31,9 +33,10 @@ 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 '../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/content-layout/content-layout.js

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

package/dist/content-layout/sidebar.js

@@ -1,4 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';

package/dist/data-list/data-list.d.ts

@@ -31,12 +31,10 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };
@@ -60,12 +58,10 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onMouseMove: () => void;
             onKeyDown: (e: KeyboardEvent) => void;
             render(): JSX.Element;
-            context: any;
+            context: unknown;
             setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>> & Readonly<{
-                children?: React.ReactNode;
-            }>;
+            readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
                 [key: string]: React.ReactInstance;
             };

package/dist/data-list/data-list.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -30,13 +31,7 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.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 '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -44,9 +39,11 @@ 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/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 

package/dist/data-list/data-list.mock.js

@@ -6,6 +6,7 @@ import 'focus-visible';
 import 'prop-types';
 import 'classnames';
 import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/data-list/item.js

@@ -1,12 +1,13 @@
 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 chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import Link from '../link/link.js';
 import Text from '../text/text.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
-import ThemedButton from '../button/button.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
+import { Button } from '../button/button.js';
 import Selection from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
 import 'focus-visible';
@@ -15,28 +16,24 @@ import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
-import '../global/theme.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 '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 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/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
+import '../global/get-uid.js';
 
 var moreLessButtonStates;
 
@@ -140,7 +137,7 @@ class Item extends PureComponent {
         inherit: true,
         pseudo: true,
         onClick: this.onShowMore
-      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(ThemedLoaderInline, {
+      }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
         className: modules_09d014b4.showMoreLoader
       }));
     } else if (showMoreLessButton === moreLessButtonStates.LESS) {
@@ -157,7 +154,7 @@ class Item extends PureComponent {
 
     if (collapsible) {
       if (collapsed) {
-        collapserExpander = /*#__PURE__*/React.createElement(ThemedButton, {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
           title: "Expand",
           onClick: onExpand,
           icon: chevronRightIcon,
@@ -166,7 +163,7 @@ class Item extends PureComponent {
           "data-test": "ring-data-list-expand"
         });
       } else {
-        collapserExpander = /*#__PURE__*/React.createElement(ThemedButton, {
+        collapserExpander = /*#__PURE__*/React.createElement(Button, {
           title: "Collapse",
           onClick: onCollapse,
           icon: chevronDownIcon,

package/dist/data-list/selection.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import Selection$1 from '../table/selection.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 

package/dist/data-list/title.js

@@ -1,4 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
@@ -8,12 +9,13 @@ import '../global/get-uid.js';
 import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
 import '../global/composeRefs.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 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 '../_helpers/checkbox.js';

package/dist/data-list-ng/data-list-ng.js

@@ -1,8 +1,10 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import DataListContainer from '../data-list/data-list.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';
@@ -34,13 +36,7 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.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 '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -48,10 +44,12 @@ 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/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/title.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../_helpers/checkbox.js';
 import '../data-list/selection.js';

package/dist/date-picker/consts.js

@@ -41,7 +41,7 @@ function parseTime(time) {
   if (/^([01][0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
     result = time;
   } else if (/^([0-9]|2[0-3]):[0-5][0-9]$/.test(time)) {
-    result = `0${time}`;
+    result = "0".concat(time);
   }
 
   return result;

package/dist/date-picker/date-input.js

@@ -1,12 +1,14 @@
 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 from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import ThemedInput from '../input/input.js';
+import { Input } from '../input/input.js';
+import { ControlsHeight } from '../global/controls-height.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import '@jetbrains/icons/close';
-import '../global/theme.js';
+import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
 import 'focus-visible';
@@ -123,10 +125,11 @@ class DateInput extends React.PureComponent {
       }
     })();
 
-    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96[`${name}Input`], divider && modules_0c7b7d96[`${name}InputWithDivider`], 'ring-js-shortcuts');
-    return /*#__PURE__*/React.createElement(ThemedInput, {
+    const classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
+    return /*#__PURE__*/React.createElement(Input, {
       autoComplete: "off",
       borderless: true,
+      height: ControlsHeight.L,
       "data-name": name,
       inputRef: this.inputRef,
       className: classes,

package/dist/date-picker/date-picker.js

@@ -1,4 +1,5 @@
 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';
@@ -18,6 +19,7 @@ import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import formats from './formats.js';
 import DateInput from './date-input.js';
 import { A as Anchor } from '../_helpers/anchor.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -70,13 +72,13 @@ import 'date-fns/setYear';
 import './weekdays.js';
 import 'date-fns/add';
 import '../input/input.js';
-import '@jetbrains/icons/close';
-import '../global/theme.js';
+import '@jetbrains/icons/close-12px';
 import '../global/prop-types.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 '../global/composeRefs.js';
 import '../_helpers/input.js';
@@ -196,22 +198,22 @@ class DatePicker extends PureComponent {
         if (!date && !time) {
           return dateTimePlaceholder || translations.setDateTime;
         } else {
-          return `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
+          return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
         }
       } else if (from && to) {
         if (!isSameYear(from, to)) {
-          return `${displayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+          return "".concat(displayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
         } else if (!isSameMonth(from, to)) {
-          return `${displayMonthFormat(from, locale)} — ${displayFormat(to, locale)}`;
+          return "".concat(displayMonthFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
         } else if (!isSameDay(from, to)) {
-          return `${displayDayFormat(from, locale)} — ${displayFormat(to, locale)}`;
+          return "".concat(displayDayFormat(from, locale), " \u2014 ").concat(displayFormat(to, locale));
         } else {
-          return `${displayFormat(to, locale)}`;
+          return "".concat(displayFormat(to, locale));
         }
       } else if (from) {
-        return `${displayFormat(from, locale)} —`;
+        return "".concat(displayFormat(from, locale), " \u2014");
       } else if (to) {
-        return `— ${displayFormat(to, locale)}`;
+        return "\u2014 ".concat(displayFormat(to, locale));
       } else {
         return rangePlaceholder || translations.setPeriod;
       }

package/dist/date-picker/date-popup.js

@@ -19,14 +19,16 @@ 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 'core-js/modules/web.dom-collections.iterator.js';
 import '../input/input.js';
-import '@jetbrains/icons/close';
-import '../global/theme.js';
+import '@jetbrains/icons/close-12px';
 import '../global/prop-types.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 '../global/get-uid.js';
 import '../global/composeRefs.js';
@@ -231,8 +233,7 @@ class DatePopup extends Component {
     if (this.state.active !== prevState.active) {
       if (this.state.text && prevState.active) {
         this.confirm(prevState.active);
-      } // eslint-disable-next-line react/no-did-update-set-state
-
+      }
 
       this.setState({
         text: null

package/dist/date-picker/day.js

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

package/dist/date-picker/month-names.js

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

package/dist/date-picker/month-slider.js

@@ -1,4 +1,5 @@
 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/date-picker/month.js

@@ -9,6 +9,7 @@ import PropTypes from 'prop-types';
 import Day from './day.js';
 import { dateType, weekdays, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';

package/dist/date-picker/months.js

@@ -19,6 +19,7 @@ import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
 import './day.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import 'date-fns/getDate';
 import 'date-fns/isAfter';

package/dist/date-picker/years.js

@@ -1,4 +1,5 @@
 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/dialog/dialog.d.ts

@@ -24,7 +24,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         label: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         contentClassName: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         show: PropTypes.Validator<boolean>;
         showCloseButton: PropTypes.Requireable<boolean>;
         closeButtonInside: PropTypes.Requireable<boolean>;

package/dist/dialog/dialog.js

@@ -1,4 +1,5 @@
 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 { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -9,7 +10,7 @@ import getUID from '../global/get-uid.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import TabTrap from '../tab-trap/tab-trap.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
 import { p as preventerFactory, m as modules_5e9b8c03 } from '../_helpers/dialog__body-scroll-preventer.js';
 import '../island/adaptive-island-hoc.js';
@@ -31,9 +32,10 @@ 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 '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
@@ -151,7 +153,7 @@ class Dialog extends PureComponent {
       "data-test": "ring-dialog",
       role: "dialog",
       "aria-label": label
-    }, children, showCloseButton && /*#__PURE__*/React.createElement(ThemedButton, {
+    }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
       icon: closeIcon,
       "data-test": "ring-dialog-close-button",
       className: classNames(modules_5e9b8c03.closeButton, {

package/dist/dialog/dialog__body-scroll-preventer.js

@@ -1,2 +1,3 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'scrollbar-width';
 export { d as default, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';

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

@@ -1,4 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.promise.finally.js';
 import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
@@ -15,15 +17,16 @@ import '../global/sniffer.js';
 import 'sniffr';
 import 'classnames';
 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';
-import '../global/theme.js';
-import 'react';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
 import 'scrollbar-width';
 
-var modules_b378ce5a = {"unit":"8px","dialogContainer":"dialogContainer_rui_6e55","wide":"wide_rui_6e55","autoWidth":"autoWidth_rui_6e55","header":"header_rui_6e55","inSidebar":"inSidebar_rui_6e55","scrollableWrapper":"scrollableWrapper_rui_6e55","content":"content_rui_6e55","error":"error_rui_6e55","footer":"footer_rui_6e55","footerDescription":"footerDescription_rui_6e55","footerItems":"footerItems_rui_6e55","footerItem":"footerItem_rui_6e55"};
+var modules_b378ce5a = {"unit":"8px","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"];
@@ -397,8 +400,8 @@ function rgDialogDirective($timeout) {
 
     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
 
@@ -457,7 +460,7 @@ function rgDialogDirective($timeout) {
 
     function setCustomFooter(customFooterElem) {
       const placeholder = angular.element(dialogCustomFooter);
-      const footer = angular.element(`<div class="${this.styles.footer}"></div>`).append(customFooterElem);
+      const footer = angular.element("<div class=\"".concat(this.styles.footer, "\"></div>")).append(customFooterElem);
       placeholder.empty();
       placeholder.append(footer);
     }

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

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

package/dist/docked-panel-ng/docked-panel-ng.js

@@ -2,8 +2,9 @@ import angular from 'angular';
 import scheduleRAF from '../global/schedule-raf.js';
 import { getDocumentScrollTop, getWindowHeight } from '../global/dom.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_655b40c7 = {"unit":"8px","dockedPanel":"dockedPanel_rui_46a7","fixed":"fixed_rui_46a7"};
+var modules_655b40c7 = {"unit":"8px","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};
 
 const scheduleAction = scheduleRAF();
 /**