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

package/dist/error-message/error-message.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 export interface ErrorMessageProps {
@@ -23,5 +23,5 @@ export default class ErrorMessage extends Component<ErrorMessageProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/error-message/error-message.js

@@ -1,4 +1,6 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,40 +11,61 @@ import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
 /**
  * @name Error Message
  */
-class ErrorMessage extends Component {
-  render() {
-    const {
-      className,
-      icon,
-      code,
-      message,
-      description,
-      children,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(modules_2c5e8509.errorMessage, className);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-error-message', dataTest)
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_2c5e8509.icon,
-      glyph: icon,
-      size: Size.Size64,
-      suppressSizeWarning: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.content
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.title
-    }, code && `${code}:`, " ", message), description && /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.description
-    }, description), children));
+var ErrorMessage = /*#__PURE__*/function (_Component) {
+  _inherits(ErrorMessage, _Component);
+  var _super = _createSuper(ErrorMessage);
+  function ErrorMessage() {
+    _classCallCheck(this, ErrorMessage);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ErrorMessage, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        icon = _this$props.icon,
+        code = _this$props.code,
+        message = _this$props.message,
+        description = _this$props.description,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'];
+      var classes = classNames(modules_2c5e8509.errorMessage, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        "data-test": joinDataTestAttributes('ring-error-message', dataTest)
+      }, icon && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_2c5e8509.icon,
+        glyph: icon,
+        size: Size.Size64,
+        suppressSizeWarning: true
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.content
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.title
+      }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.description
+      }, description), children));
+    }
+  }]);
+  return ErrorMessage;
+}(Component);
 _defineProperty(ErrorMessage, "propTypes", {
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   code: PropTypes.string,

package/dist/error-message-ng/error-message-ng.js

@@ -1,11 +1,19 @@
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import angular from 'angular';
 import IconNG from '../icon-ng/icon-ng.js';
-import LinkNG from '../link-ng/link-ng.js';
+import LinkModule from '../link-ng/link-ng.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/ring-angular-component.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../_helpers/icon.js';
 import '../_helpers/link.js';
 
@@ -13,32 +21,12 @@ import '../_helpers/link.js';
  * @name Error Message Ng
  */
 
-const angularModule = angular.module('Ring.error-message', [IconNG, LinkNG]);
+var angularModule = angular.module('Ring.error-message', [IconNG, LinkModule]);
 angularModule.directive('rgErrorMessage', function rgErrorMessageDirective() {
   return {
     replace: true,
     transclude: true,
-    template: `
-<div class="${modules_2c5e8509.errorMessage}" data-test="ring-error-message">
-
-    <rg-icon class="${modules_2c5e8509.icon}" glyph="{{icon}}" color="gray" size="64"></rg-icon>
-    
-    <div class="${modules_2c5e8509.content}">
-      <div class="${modules_2c5e8509.title}" data-test="ring-error-message-title"
-      ><span ng-if="code">{{ code }}:</span> {{ message }}</div>
-      
-      <div class="${modules_2c5e8509.description}" ng-transclude></div>
-      
-      
-       <div ng-if="links">
-          <span ng-repeat="link in links">
-            <rg-link ng-if="link.target" ng-href="{{link.href}}" target="{{link.target}}">{{link.text}}</rg-link><rg-link
-            ng-if="!link.target" ng-href="{{link.href}}">{{link.text}}</rg-link>{{$last ? '' : ','}}
-          </span>
-        </div>
-    </div>
-</div>
-    `,
+    template: "\n<div class=\"".concat(modules_2c5e8509.errorMessage, "\" data-test=\"ring-error-message\">\n\n    <rg-icon class=\"").concat(modules_2c5e8509.icon, "\" glyph=\"{{icon}}\" color=\"gray\" size=\"64\"></rg-icon>\n    \n    <div class=\"").concat(modules_2c5e8509.content, "\">\n      <div class=\"").concat(modules_2c5e8509.title, "\" data-test=\"ring-error-message-title\"\n      ><span ng-if=\"code\">{{ code }}:</span> {{ message }}</div>\n      \n      <div class=\"").concat(modules_2c5e8509.description, "\" ng-transclude></div>\n      \n      \n       <div ng-if=\"links\">\n          <span ng-repeat=\"link in links\">\n            <rg-link ng-if=\"link.target\" ng-href=\"{{link.href}}\" target=\"{{link.target}}\">{{link.text}}</rg-link><rg-link\n            ng-if=\"!link.target\" ng-href=\"{{link.href}}\">{{link.text}}</rg-link>{{$last ? '' : ','}}\n          </span>\n        </div>\n    </div>\n</div>\n    "),
     restrict: 'E',
     scope: {
       code: '@',

package/dist/footer/footer.js

@@ -1,11 +1,20 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
 import '../link/link.js';
 export { c as copyright, F as default } from '../_helpers/footer.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';

package/dist/footer-ng/footer-ng.js

@@ -1,14 +1,24 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d 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 { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.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.map.js';
 import 'react';
 import 'prop-types';
 import 'classnames';
 import '../link/link.js';
-import 'focus-visible';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
@@ -16,39 +26,54 @@ import '../_helpers/link.js';
  * @name Footer Ng
  */
 
-const angularModule = angular.module('Ring.footer', []);
-class rgFooterComponent extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "styles", modules_7385b3fd);
+var angularModule = angular.module('Ring.footer', []);
+var rgFooterComponent = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(rgFooterComponent, _RingAngularComponent);
+  var _super = _createSuper(rgFooterComponent);
+  function rgFooterComponent() {
+    var _this;
+    _classCallCheck(this, rgFooterComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "styles", modules_7385b3fd);
+    return _this;
   }
-}
+  return _createClass(rgFooterComponent);
+}(RingAngularComponent);
 _defineProperty(rgFooterComponent, "transclude", {
   left: '?rgFooterLeft',
   center: '?rgFooterCenter',
   right: '?rgFooterRight'
 });
-_defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
-  <div ng-class=":: $ctrl.styles.columnLeft">
-    <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnCenter">
-    <div ng-transclude="center" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnRight">
-    <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-</footer>`);
-class rgFooterLineComponent extends RingAngularComponent {}
+_defineProperty(rgFooterComponent, "template", "<footer ng-class=\":: $ctrl.styles.footer\" data-test=\"ring-footer\">\n  <div ng-class=\":: $ctrl.styles.columnLeft\">\n    <div ng-transclude=\"left\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnCenter\">\n    <div ng-transclude=\"center\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnRight\">\n    <div ng-transclude=\"right\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n</footer>");
+var rgFooterLineComponent = /*#__PURE__*/function (_RingAngularComponent2) {
+  _inherits(rgFooterLineComponent, _RingAngularComponent2);
+  var _super2 = _createSuper(rgFooterLineComponent);
+  function rgFooterLineComponent() {
+    _classCallCheck(this, rgFooterLineComponent);
+    return _super2.apply(this, arguments);
+  }
+  return _createClass(rgFooterLineComponent);
+}(RingAngularComponent);
 _defineProperty(rgFooterLineComponent, "transclude", true);
-_defineProperty(rgFooterLineComponent, "template", `<div class="${modules_7385b3fd.line}" ng-transclude></div>`);
-class rgFooterCopyrightComponent extends RingAngularComponent {
-  $onInit() {
-    this.copyrightYears = copyright(this.year);
+_defineProperty(rgFooterLineComponent, "template", "<div class=\"".concat(modules_7385b3fd.line, "\" ng-transclude></div>"));
+var rgFooterCopyrightComponent = /*#__PURE__*/function (_RingAngularComponent3) {
+  _inherits(rgFooterCopyrightComponent, _RingAngularComponent3);
+  var _super3 = _createSuper(rgFooterCopyrightComponent);
+  function rgFooterCopyrightComponent() {
+    _classCallCheck(this, rgFooterCopyrightComponent);
+    return _super3.apply(this, arguments);
   }
-}
+  _createClass(rgFooterCopyrightComponent, [{
+    key: "$onInit",
+    value: function $onInit() {
+      this.copyrightYears = copyright(this.year);
+    }
+  }]);
+  return rgFooterCopyrightComponent;
+}(RingAngularComponent);
 _defineProperty(rgFooterCopyrightComponent, "template", '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>');
 _defineProperty(rgFooterCopyrightComponent, "bindings", {
   year: '@',

package/dist/form-ng/form-ng.js

@@ -1,28 +1,34 @@
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.array.filter.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.find.js';
 import angular from 'angular';
-import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
 
 /**
  * @name Form Ng
  */
 
-const angularModule = angular.module('Ring.form', [MessageBundle]);
+var angularModule = angular.module('Ring.form', [messageBundleNg]);
 angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
   function msg(id, formError) {
-    const messageBundleId = `form_${id}`;
+    var messageBundleId = "form_".concat(id);
     if (RingMessageBundle.hasOwnProperty(messageBundleId)) {
       return RingMessageBundle[messageBundleId]();
     }
-    const formErrors = formError && formError[id] || [];
-    for (let j = 0; j < formErrors.length; ++j) {
+    var formErrors = formError && formError[id] || [];
+    for (var j = 0; j < formErrors.length; ++j) {
       if (formErrors[j] && formErrors[j].message) {
         return formErrors[j].message;
       }
     }
     return undefined;
   }
-  return formErrors => {
-    const errorMessages = [];
-    for (const key in formErrors) {
+  return function (formErrors) {
+    var errorMessages = [];
+    for (var key in formErrors) {
       if (formErrors.hasOwnProperty(key) && formErrors[key]) {
         errorMessages.push(msg(key, formErrors));
       }
@@ -43,15 +49,13 @@ angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErr
       errorBubble: '&rgErrorBubble'
     },
     replace: true,
-    template: `<div class="ring-error-bubble" ng-class="{ active: active, 'ring-error-bubble_material': material }" ng-style="style">
-  <div ng-repeat="errorMessage in getFormErrorMessages(errorBubble().$error)">{{ errorMessage }}</div>
-</div>`,
+    template: "<div class=\"ring-error-bubble\" ng-class=\"{ active: active, 'ring-error-bubble_material': material }\" ng-style=\"style\">\n  <div ng-repeat=\"errorMessage in getFormErrorMessages(errorBubble().$error)\">{{ errorMessage }}</div>\n</div>",
     link: function link(scope, iElement, iAttrs) {
       scope.style = {};
-      const siblings = Array.from(iElement[0].parentNode.children);
-      let element;
-      let tagName;
-      for (let i = 0; i < siblings.length; i++) {
+      var siblings = Array.from(iElement[0].parentNode.children);
+      var element;
+      var tagName;
+      for (var i = 0; i < siblings.length; i++) {
         tagName = siblings[i].tagName.toLowerCase();
         if (tagName === 'input' || tagName === 'textarea') {
           element = siblings[i];
@@ -59,10 +63,10 @@ angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErr
         }
       }
       scope.material = iAttrs.material !== undefined;
-      scope.$watch(() => {
-        const result = scope.errorBubble();
+      scope.$watch(function () {
+        var result = scope.errorBubble();
         return result.$invalid && result.$dirty;
-      }, active => {
+      }, function (active) {
         scope.active = active;
         if (active && element) {
           scope.style.left = element.offsetWidth + 2;
@@ -80,16 +84,16 @@ angularModule.directive('rgEqualValue', function rgEqualValueDirective() {
   return {
     require: 'ngModel',
     link: function link(scope, iElement, iAttrs, ngModelCtrl) {
-      const element = iElement[0];
+      var element = iElement[0];
       function assertEqual(thisValue, thatValue) {
         ngModelCtrl.$setValidity('equalvalue', thisValue === thatValue);
       }
-      scope.$watch(iAttrs.rgEqualValue, value => {
+      scope.$watch(iAttrs.rgEqualValue, function (value) {
         assertEqual(element.value, value);
       });
-      element.addEventListener('keyup', () => {
-        const thatValue = scope.$eval(iAttrs.rgEqualValue);
-        scope.$apply(() => {
+      element.addEventListener('keyup', function () {
+        var thatValue = scope.$eval(iAttrs.rgEqualValue);
+        scope.$apply(function () {
           assertEqual(element.value, thatValue);
         });
       });
@@ -101,48 +105,54 @@ angularModule.directive('rgEqualValue', function rgEqualValueDirective() {
  *
  * Is intended to be used for the value of ng-class. Accepts a reference to an angularJS form input
  */
-angularModule.filter('rgInputClass', () => (input, submitted) => ({
-  'ring-input': true,
-  'ring-input_error': input.$invalid && (input.$dirty || submitted),
-  'ring-input_correct': !input.$invalid && (input.$dirty || submitted)
-}));
+angularModule.filter('rgInputClass', function () {
+  return function (input, submitted) {
+    return {
+      'ring-input': true,
+      'ring-input_error': input.$invalid && (input.$dirty || submitted),
+      'ring-input_correct': !input.$invalid && (input.$dirty || submitted)
+    };
+  };
+});
 /**
  * <form rg-form-autofill-fix ...>
  *
  * Fixes Chrome bug: https://github.com/angular/angular.js/issues/1460
  */
-angularModule.directive('rgFormAutofillFix', ["$timeout", $timeout => ({
-  require: '?form',
-  priority: 10,
-  link: function link($scope, element, attrs, form) {
-    if (form) {
-      const POLL_INTERVAL = 150;
-      const MAX_COUNT = 5;
-      let promise;
-      let count = 0;
-      (function poll() {
-        let filled;
-        angular.forEach(element.find('input'), elem => {
-          const $elem = angular.element(elem);
-          const controller = $elem.controller('ngModel');
-          const val = $elem.val();
-          const type = $elem.attr('type');
-          if (controller && val && type !== 'checkbox' && type !== 'radio') {
-            controller.$setViewValue(val);
-            filled = true;
+angularModule.directive('rgFormAutofillFix', ["$timeout", function ($timeout) {
+  return {
+    require: '?form',
+    priority: 10,
+    link: function link($scope, element, attrs, form) {
+      if (form) {
+        var POLL_INTERVAL = 150;
+        var MAX_COUNT = 5;
+        var promise;
+        var count = 0;
+        (function poll() {
+          var filled;
+          angular.forEach(element.find('input'), function (elem) {
+            var $elem = angular.element(elem);
+            var controller = $elem.controller('ngModel');
+            var val = $elem.val();
+            var type = $elem.attr('type');
+            if (controller && val && type !== 'checkbox' && type !== 'radio') {
+              controller.$setViewValue(val);
+              filled = true;
+            }
+          });
+          if (!filled || count < MAX_COUNT) {
+            promise = $timeout(poll, POLL_INTERVAL);
+            count++;
           }
+        })();
+        element.on('$destroy', function () {
+          $timeout.cancel(promise);
         });
-        if (!filled || count < MAX_COUNT) {
-          promise = $timeout(poll, POLL_INTERVAL);
-          count++;
-        }
-      })();
-      element.on('$destroy', () => {
-        $timeout.cancel(promise);
-      });
+      }
     }
-  }
-})]);
+  };
+}]);
 var Form = angularModule.name;
 
 export { Form as default };

package/dist/global/angular-component-factory.js

@@ -1,72 +1,100 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.keys.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.slice.js';
 import angular from 'angular';
 import React from 'react';
 import { unmountComponentAtNode, render } from './react-render-adapter.js';
 import RingAngularComponent from './ring-angular-component.js';
 import Renderer from './react-dom-renderer.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
 import 'prop-types';
 
 function getAngularComponentName(name) {
-  return `rg${name}`;
+  return "rg".concat(name);
 }
 function createAngularComponent(Component) {
-  var _class;
-  const propKeys = Object.keys(Component.propTypes);
-  const bindings = {};
-  propKeys.forEach(key => {
+  var propKeys = Object.keys(Component.propTypes);
+  var bindings = {};
+  propKeys.forEach(function (key) {
     bindings[key] = '<';
   });
-  return _class = class AngularComponent extends RingAngularComponent {
-    $postLink() {
-      const {
-        $transclude
-      } = this.$inject;
-      $transclude(clone => {
-        this.innerNodes = Array.from(clone);
-        this.render();
-      });
+  var AngularComponent = /*#__PURE__*/function (_RingAngularComponent) {
+    _inherits(AngularComponent, _RingAngularComponent);
+    var _super = _createSuper(AngularComponent);
+    function AngularComponent() {
+      _classCallCheck(this, AngularComponent);
+      return _super.apply(this, arguments);
     }
-    $onChanges() {
-      if (!this.innerNodes) {
-        return;
+    _createClass(AngularComponent, [{
+      key: "$postLink",
+      value: function $postLink() {
+        var _this = this;
+        var $transclude = this.$inject.$transclude;
+        $transclude(function (clone) {
+          _this.container = document.createElement('div');
+          for (var i = 0; i < clone.length; i++) {
+            _this.container.appendChild(clone[i]);
+          }
+          _this.render();
+        });
       }
-      this.render();
-    }
-    $onDestroy() {
-      unmountComponentAtNode(this.$inject.$element[0]);
-    }
-    render() {
-      var _this = this;
-      const {
-        $scope,
-        $element: {
-          0: container
+    }, {
+      key: "$onChanges",
+      value: function $onChanges() {
+        if (!this.container) {
+          return;
         }
-      } = this.$inject;
-      const props = {};
-      propKeys.forEach(key => {
-        if (this[key] !== undefined) {
-          if (typeof this[key] === 'function') {
-            props[key] = function () {
-              const ret = _this[key](...arguments);
-              $scope.$applyAsync();
-              return ret;
-            };
-          } else {
-            props[key] = this[key];
+        this.render();
+      }
+    }, {
+      key: "$onDestroy",
+      value: function $onDestroy() {
+        unmountComponentAtNode(this.$inject.$element[0]);
+      }
+    }, {
+      key: "render",
+      value: function render$1() {
+        var _this2 = this;
+        var _this$$inject = this.$inject,
+          $scope = _this$$inject.$scope,
+          container = _this$$inject.$element[0];
+        var props = {};
+        propKeys.forEach(function (key) {
+          if (_this2[key] !== undefined) {
+            if (typeof _this2[key] === 'function') {
+              props[key] = function () {
+                var ret = _this2[key].apply(_this2, arguments);
+                $scope.$applyAsync();
+                return ret;
+              };
+            } else {
+              props[key] = _this2[key];
+            }
           }
-        }
-      });
-      const hasInnerContent = this.innerNodes && this.innerNodes.length;
-      render( /*#__PURE__*/React.createElement(Component, props, hasInnerContent ? /*#__PURE__*/React.createElement(Renderer, {
-        nodes: this.innerNodes
-      }) : null), container);
-    }
-  }, _defineProperty(_class, "$inject", ['$scope', '$element', '$transclude']), _defineProperty(_class, "bindings", bindings), _defineProperty(_class, "transclude", true), _class;
+        });
+        var hasInnerContent = this.container.hasChildNodes();
+        render( /*#__PURE__*/React.createElement(Component, props, hasInnerContent ? /*#__PURE__*/React.createElement(Renderer, {
+          nodes: this.container.childNodes
+        }) : null), container);
+      }
+    }]);
+    return AngularComponent;
+  }(RingAngularComponent);
+  _defineProperty(AngularComponent, "bindings", bindings);
+  _defineProperty(AngularComponent, "transclude", true);
+  AngularComponent.$inject = ['$scope', '$element', '$transclude'];
+  return AngularComponent;
 }
 function angularComponentFactory(Component, name) {
-  const angularModuleName = `Ring.${name[0].toLowerCase() + name.slice(1)}`;
+  var angularModuleName = "Ring.".concat(name[0].toLowerCase() + name.slice(1));
   return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
 }