@jetbrains/ring-ui 5.0.155 → 5.0.157

package/dist/loader/loader__core.js

@@ -1,22 +1,36 @@
+import { c as _defineProperty, _ as _createClass, b as _classCallCheck } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.fill.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
 import { getPixelRatio } from '../global/dom.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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_00b5ad26 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
 
-const INITIAL_TICKS = 100;
-class Particle {
-  radius;
-  x;
-  y;
-  color;
-  decay;
-  life;
-  constructor(_ref) {
-    let {
-      x,
-      y,
-      radius,
-      color
-    } = _ref;
+var INITIAL_TICKS = 100;
+var Particle = /*#__PURE__*/function () {
+  function Particle(_ref) {
+    var x = _ref.x,
+      y = _ref.y,
+      radius = _ref.radius,
+      color = _ref.color;
+    _classCallCheck(this, Particle);
+    _defineProperty(this, "radius", void 0);
+    _defineProperty(this, "x", void 0);
+    _defineProperty(this, "y", void 0);
+    _defineProperty(this, "color", void 0);
+    _defineProperty(this, "decay", void 0);
+    _defineProperty(this, "life", void 0);
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -24,90 +38,56 @@ class Particle {
     this.decay = 0.01;
     this.life = 1;
   }
-  step() {
-    this.life -= this.decay;
-  }
-  isAlive() {
-    return this.life >= 0;
-  }
-  draw(ctx) {
-    const alpha = this.life >= 0 ? this.life : 0;
-    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();
-  }
-}
-const DETERMINISTIC_VALUE = 0.5;
+  _createClass(Particle, [{
+    key: "step",
+    value: function step() {
+      this.life -= this.decay;
+    }
+  }, {
+    key: "isAlive",
+    value: function isAlive() {
+      return this.life >= 0;
+    }
+  }, {
+    key: "draw",
+    value: function draw(ctx) {
+      var 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.beginPath();
+      ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
+      ctx.fill();
+    }
+  }]);
+  return Particle;
+}();
+var DETERMINISTIC_VALUE = 0.5;
 function deterministic() {
   return DETERMINISTIC_VALUE;
 }
-class LoaderCore {
-  static defaultProps = {
-    size: 64,
-    stop: false,
-    deterministic: false,
-    colors: [{
-      r: 215,
-      g: 60,
-      b: 234
-    }, {
-      r: 145,
-      g: 53,
-      b: 224
-    }, {
-      r: 88,
-      g: 72,
-      b: 224
-    }, {
-      r: 37,
-      g: 183,
-      b: 255
-    }, {
-      r: 89,
-      g: 189,
-      b: 0
-    }, {
-      r: 251,
-      g: 172,
-      b: 2
-    }, {
-      r: 227,
-      g: 37,
-      b: 129
-    } //#E32581
-    ]
-  };
-
-  static calculateGradient(startColor, stopColor, position) {
-    const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
-    return {
-      r: calculateChannelValue(startColor.r, stopColor.r),
-      g: calculateChannelValue(startColor.g, stopColor.g),
-      b: calculateChannelValue(startColor.b, stopColor.b)
-    };
-  }
-  props;
-  canvas;
-  textNode;
-  ctx;
-  height;
-  width;
-  particles;
-  baseSpeed;
-  colorIndex;
-  maxRadius;
-  minRadius;
-  colorChangeTick;
-  x;
-  y;
-  radius;
-  hSpeed;
-  vSpeed;
-  radiusSpeed;
-  tick;
-  isRunning;
-  constructor(containerNode, props) {
+var LoaderCore = /*#__PURE__*/function () {
+  function LoaderCore(containerNode, props) {
+    var _this$ctx;
+    _classCallCheck(this, LoaderCore);
+    _defineProperty(this, "props", void 0);
+    _defineProperty(this, "canvas", void 0);
+    _defineProperty(this, "textNode", void 0);
+    _defineProperty(this, "ctx", void 0);
+    _defineProperty(this, "height", void 0);
+    _defineProperty(this, "width", void 0);
+    _defineProperty(this, "particles", void 0);
+    _defineProperty(this, "baseSpeed", void 0);
+    _defineProperty(this, "colorIndex", void 0);
+    _defineProperty(this, "maxRadius", void 0);
+    _defineProperty(this, "minRadius", void 0);
+    _defineProperty(this, "colorChangeTick", void 0);
+    _defineProperty(this, "x", void 0);
+    _defineProperty(this, "y", void 0);
+    _defineProperty(this, "radius", void 0);
+    _defineProperty(this, "hSpeed", void 0);
+    _defineProperty(this, "vSpeed", void 0);
+    _defineProperty(this, "radiusSpeed", void 0);
+    _defineProperty(this, "tick", void 0);
+    _defineProperty(this, "isRunning", void 0);
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
@@ -118,15 +98,15 @@ class LoaderCore {
     this.textNode.textContent = this.props.message ? this.props.message : '';
     containerNode.appendChild(this.canvas);
     containerNode.appendChild(this.textNode);
-    const pixelRatio = LoaderCore.getPixelRatio();
-    const canvasSize = this.props.size * pixelRatio;
+    var pixelRatio = LoaderCore.getPixelRatio();
+    var canvasSize = this.props.size * pixelRatio;
     this.canvas.width = canvasSize;
     this.canvas.height = canvasSize;
     //Fixate canvas physical size to avoid real size scaling
-    this.canvas.style.width = `${this.props.size}px`;
-    this.canvas.style.height = `${this.props.size}px`;
+    this.canvas.style.width = "".concat(this.props.size, "px");
+    this.canvas.style.height = "".concat(this.props.size, "px");
     this.ctx = this.canvas.getContext('2d');
-    this.ctx?.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];
@@ -152,98 +132,186 @@ class LoaderCore {
       this.draw();
     }
   }
-  static getPixelRatio() {
-    return getPixelRatio();
-  }
-  prepareInitialState(ticks) {
-    for (let i = 0; i < ticks; i++) {
-      this.step();
+  _createClass(LoaderCore, [{
+    key: "prepareInitialState",
+    value: function prepareInitialState(ticks) {
+      for (var i = 0; i < ticks; i++) {
+        this.step();
+      }
     }
-  }
-  handleLimits(coord, radius, speed, limit) {
-    const randomFunc = this.props.deterministic ? deterministic : Math.random;
-    const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
-    if (coord + radius * 2 + this.baseSpeed >= limit) {
-      return -(this.baseSpeed + randomizedSpeedChange);
-    } else if (coord <= this.baseSpeed) {
-      return this.baseSpeed + randomizedSpeedChange;
-    }
-    return speed;
-  }
-  calculateNextCoordinates() {
-    this.x += this.hSpeed;
-    this.y += this.vSpeed;
-    this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
-    this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
-  }
-  calculateNextRadius() {
-    this.radius += this.radiusSpeed;
-    if (this.radius > this.maxRadius || this.radius < this.minRadius) {
-      this.radiusSpeed = -this.radiusSpeed;
+  }, {
+    key: "handleLimits",
+    value: function handleLimits(coord, radius, speed, limit) {
+      var randomFunc = this.props.deterministic ? deterministic : Math.random;
+      var randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
+      if (coord + radius * 2 + this.baseSpeed >= limit) {
+        return -(this.baseSpeed + randomizedSpeedChange);
+      } else if (coord <= this.baseSpeed) {
+        return this.baseSpeed + randomizedSpeedChange;
+      }
+      return speed;
     }
-  }
-  getNextColor() {
-    const colors = this.props.colors;
-    const currentColor = colors[this.colorIndex];
-    const nextColor = colors[this.colorIndex + 1] || colors[0];
-    return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
-  }
-  nextTick() {
-    this.tick++;
-    if (this.tick > this.colorChangeTick) {
-      this.tick = 0;
-      this.colorIndex++;
-      if (this.colorIndex > this.props.colors.length - 1) {
-        this.colorIndex = 0;
+  }, {
+    key: "calculateNextCoordinates",
+    value: function calculateNextCoordinates() {
+      this.x += this.hSpeed;
+      this.y += this.vSpeed;
+      this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
+      this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
+    }
+  }, {
+    key: "calculateNextRadius",
+    value: function calculateNextRadius() {
+      this.radius += this.radiusSpeed;
+      if (this.radius > this.maxRadius || this.radius < this.minRadius) {
+        this.radiusSpeed = -this.radiusSpeed;
       }
     }
-  }
-  step() {
-    this.nextTick();
-    this.calculateNextCoordinates();
-    this.calculateNextRadius();
-    this.particles.forEach(particle => particle.step());
-    this.particles.push(new Particle({
-      x: this.x,
-      y: this.y,
-      radius: this.radius,
-      color: this.getNextColor()
-    }));
-  }
-  removeDeadParticles() {
-    this.particles = this.particles.filter(it => it.isAlive());
-  }
-  draw() {
-    const ctx = this.ctx;
-    if (ctx == null) {
-      return;
-    }
-    ctx.clearRect(0, 0, this.width, this.height);
-    this.removeDeadParticles();
-    this.particles.forEach(particle => particle.draw(ctx));
-  }
-  loop() {
-    this.step();
-    this.draw();
-    if (this.isRunning) {
-      window.requestAnimationFrame(() => this.loop());
+  }, {
+    key: "getNextColor",
+    value: function getNextColor() {
+      var colors = this.props.colors;
+      var currentColor = colors[this.colorIndex];
+      var nextColor = colors[this.colorIndex + 1] || colors[0];
+      return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
     }
-  }
-  updateMessage(text) {
-    this.textNode.textContent = text || '';
-  }
-  stopAnimation() {
-    this.isRunning = false;
-    this.canvas.classList.remove(modules_00b5ad26.animate);
-  }
-  startAnimation() {
-    this.isRunning = true;
-    this.canvas.classList.add(modules_00b5ad26.animate);
-    this.loop();
-  }
-  destroy() {
-    this.isRunning = false;
-  }
-}
+  }, {
+    key: "nextTick",
+    value: function nextTick() {
+      this.tick++;
+      if (this.tick > this.colorChangeTick) {
+        this.tick = 0;
+        this.colorIndex++;
+        if (this.colorIndex > this.props.colors.length - 1) {
+          this.colorIndex = 0;
+        }
+      }
+    }
+  }, {
+    key: "step",
+    value: function step() {
+      this.nextTick();
+      this.calculateNextCoordinates();
+      this.calculateNextRadius();
+      this.particles.forEach(function (particle) {
+        return particle.step();
+      });
+      this.particles.push(new Particle({
+        x: this.x,
+        y: this.y,
+        radius: this.radius,
+        color: this.getNextColor()
+      }));
+    }
+  }, {
+    key: "removeDeadParticles",
+    value: function removeDeadParticles() {
+      this.particles = this.particles.filter(function (it) {
+        return it.isAlive();
+      });
+    }
+  }, {
+    key: "draw",
+    value: function draw() {
+      var ctx = this.ctx;
+      if (ctx == null) {
+        return;
+      }
+      ctx.clearRect(0, 0, this.width, this.height);
+      this.removeDeadParticles();
+      this.particles.forEach(function (particle) {
+        return particle.draw(ctx);
+      });
+    }
+  }, {
+    key: "loop",
+    value: function loop() {
+      var _this = this;
+      this.step();
+      this.draw();
+      if (this.isRunning) {
+        window.requestAnimationFrame(function () {
+          return _this.loop();
+        });
+      }
+    }
+  }, {
+    key: "updateMessage",
+    value: function updateMessage(text) {
+      this.textNode.textContent = text || '';
+    }
+  }, {
+    key: "stopAnimation",
+    value: function stopAnimation() {
+      this.isRunning = false;
+      this.canvas.classList.remove(modules_00b5ad26.animate);
+    }
+  }, {
+    key: "startAnimation",
+    value: function startAnimation() {
+      this.isRunning = true;
+      this.canvas.classList.add(modules_00b5ad26.animate);
+      this.loop();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.isRunning = false;
+    }
+  }], [{
+    key: "calculateGradient",
+    value: function calculateGradient(startColor, stopColor, position) {
+      var calculateChannelValue = function calculateChannelValue(a, b) {
+        return a + Math.round((b - a) * position);
+      };
+      return {
+        r: calculateChannelValue(startColor.r, stopColor.r),
+        g: calculateChannelValue(startColor.g, stopColor.g),
+        b: calculateChannelValue(startColor.b, stopColor.b)
+      };
+    }
+  }, {
+    key: "getPixelRatio",
+    value: function getPixelRatio$1() {
+      return getPixelRatio();
+    }
+  }]);
+  return LoaderCore;
+}();
+_defineProperty(LoaderCore, "defaultProps", {
+  size: 64,
+  stop: false,
+  deterministic: false,
+  colors: [{
+    r: 215,
+    g: 60,
+    b: 234
+  }, {
+    r: 145,
+    g: 53,
+    b: 224
+  }, {
+    r: 88,
+    g: 72,
+    b: 224
+  }, {
+    r: 37,
+    g: 183,
+    b: 255
+  }, {
+    r: 89,
+    g: 189,
+    b: 0
+  }, {
+    r: 251,
+    g: 172,
+    b: 2
+  }, {
+    r: 227,
+    g: 37,
+    b: 129
+  } //#E32581
+  ]
+});
 
 export { LoaderCore as default };

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

@@ -1,35 +1,49 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, h as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 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/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
+var _excluded = ["className", "data-test", "children"];
 /**
  * @name Loader Inline
  */
-class LoaderInline extends PureComponent {
-  static propTypes = {
-    className: PropTypes.string,
-    'data-test': PropTypes.string,
-    children: PropTypes.node
-  };
-  render() {
-    const {
-      className,
-      'data-test': dataTest,
-      children,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_e49a3529.loader, className);
-    const loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
-      className: classes
-    }));
-    return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
-      className: modules_e49a3529.children
-    }, children)) : loader;
+var LoaderInline = /*#__PURE__*/function (_PureComponent) {
+  _inherits(LoaderInline, _PureComponent);
+  var _super = _createSuper(LoaderInline);
+  function LoaderInline() {
+    _classCallCheck(this, LoaderInline);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(LoaderInline, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_e49a3529.loader, className);
+      var loader = /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
+        className: classes
+      }));
+      return children ? /*#__PURE__*/React.createElement(React.Fragment, null, loader, /*#__PURE__*/React.createElement("span", {
+        className: modules_e49a3529.children
+      }, children)) : loader;
+    }
+  }]);
+  return LoaderInline;
+}(PureComponent);
+_defineProperty(LoaderInline, "propTypes", {
+  className: PropTypes.string,
+  'data-test': PropTypes.string,
+  children: PropTypes.node
+});
 
 export { LoaderInline as default };

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

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

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

@@ -1,33 +1,60 @@
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import LoaderCore from '../loader/loader__core.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.fill.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Loader Ng
  */
 
-const angularModule = angular.module('Ring.loader', []);
-class RgLoaderComponent extends RingAngularComponent {
-  static bindings = {
-    message: '@'
-  };
-  constructor() {
-    super(...arguments);
-    const {
-      $element
-    } = this.$inject;
-    this.loader = new LoaderCore($element[0], {
-      message: this.message
+var angularModule = angular.module('Ring.loader', []);
+var RgLoaderComponent = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(RgLoaderComponent, _RingAngularComponent);
+  var _super = _createSuper(RgLoaderComponent);
+  function RgLoaderComponent() {
+    var _this;
+    _classCallCheck(this, RgLoaderComponent);
+    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));
+    var $element = _this.$inject.$element;
+    _this.loader = new LoaderCore($element[0], {
+      message: _this.message
     });
+    return _this;
   }
-  $onDestroy() {
-    this.loader.destroy();
-  }
-  $onChanges(changes) {
-    this.loader.updateMessage(changes.message.currentValue);
-  }
-}
+  _createClass(RgLoaderComponent, [{
+    key: "$onDestroy",
+    value: function $onDestroy() {
+      this.loader.destroy();
+    }
+  }, {
+    key: "$onChanges",
+    value: function $onChanges(changes) {
+      this.loader.updateMessage(changes.message.currentValue);
+    }
+  }]);
+  return RgLoaderComponent;
+}(RingAngularComponent);
+_defineProperty(RgLoaderComponent, "bindings", {
+  message: '@'
+});
 RgLoaderComponent.$inject = ['$element'];
 angularModule.component('rgLoader', RgLoaderComponent);
 var loaderNg = angularModule.name;