@jetbrains/ring-ui 5.0.0-beta.3 → 5.0.0-beta.7

package/dist/header/tray-icon.js

@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -12,8 +12,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
 class TrayIcon extends Component {
@@ -27,14 +27,14 @@ class TrayIcon extends Component {
       [modules_47759f5e.rotatable]: rotatable,
       [modules_47759f5e.rotated]: rotatable && restProps.active
     });
-    return /*#__PURE__*/React.createElement(ThemedButton, _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(Button, _extends({}, restProps, {
       className: classes
     }));
   }
 
 }
 
-_defineProperty(TrayIcon, "propTypes", { ...ThemedButton.propTypes,
+_defineProperty(TrayIcon, "propTypes", { ...Button.propTypes,
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
   rotatable: PropTypes.bool
 });

package/dist/heading/heading.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 
-var modules_901b77ec = {"heading":"heading_rui_f244 font_rui_750f","caps":"caps_rui_f244"};
+var modules_901b77ec = {"heading":"heading_rui_ecbc font_rui_750f","caps":"caps_rui_ecbc"};
 
 /**
  * @name Heading

package/dist/input/input.d.ts

@@ -1,5 +1,5 @@
-import React, { PureComponent, Ref, ComponentType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode, ExoticComponent, PropsWithoutRef, RefAttributes, ComponentProps } from 'react';
-import Theme, { ThemeOuterProps, ThemeProps } from '../global/theme';
+import React, { PureComponent, Ref, ComponentType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
+import { ControlsHeight } from '../global/controls-height';
 declare function noop(): void;
 /**
  * @name Input
@@ -11,20 +11,20 @@ declare enum Size {
     L = "L",
     FULL = "FULL"
 }
-export interface InputBaseProps extends ThemeProps {
+export interface InputBaseProps {
     size: Size;
     enableShortcuts: boolean | string[];
-    renderUnderline: (underlineRef: Ref<HTMLDivElement>, errorText: ReactNode) => ReactNode;
     children?: string | undefined;
     inputClassName?: string | null | undefined;
     label?: ReactNode;
     active?: boolean | null | undefined;
-    compact?: boolean | null | undefined;
-    error?: string | null | undefined;
+    error?: ReactNode | null | undefined;
     borderless?: boolean | null | undefined;
     onClear?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | null | undefined;
     loading?: boolean | null | undefined;
     icon?: string | ComponentType | null | undefined;
+    height?: ControlsHeight | undefined;
+    afterInput?: ReactNode;
 }
 declare type Override<D, S> = Omit<D, keyof S> & S;
 export declare type InputSpecificProps = Override<InputHTMLAttributes<HTMLInputElement>, InputBaseProps> & {
@@ -42,32 +42,28 @@ export declare class Input extends PureComponent<InputProps> {
         onChange: typeof noop;
         inputRef: typeof noop;
         enableShortcuts: string[];
-        renderUnderline: (underlineRef: Ref<HTMLDivElement>, errorText: ReactNode) => JSX.Element;
     };
     state: {
         empty: boolean;
     };
     componentDidMount(): void;
     componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    static contextType: React.Context<ControlsHeight>;
+    frame?: number;
     input?: HTMLInputElement | HTMLTextAreaElement | null;
-    underlineNode?: HTMLElement | null;
     id: string;
     getId(): string;
     checkValue(): void;
     stretch(el: HTMLElement | null | undefined): void;
     adapt(): void;
-    underlineRef: (el: HTMLDivElement | null) => void;
     inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     render(): JSX.Element;
 }
-export declare type ContainerProps<P> = PropsWithoutRef<Omit<JSX.LibraryManagedAttributes<typeof Input, P>, keyof ThemeProps> & ThemeOuterProps> & RefAttributes<Input>;
-declare type Container = ExoticComponent<ContainerProps<InputSpecificProps> | ContainerProps<TextAreaSpecificProps>>;
-declare const ThemedInput: Container & {
-    type: Container;
-};
-export declare type InputAttrs = ComponentProps<typeof ThemedInput>;
-export default ThemedInput;
-export { Size, Theme };
+export declare type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
+export declare type InputAttrs = ContainerProps<InputProps>;
+export default Input;
+export { Size };

package/dist/input/input.js

@@ -3,13 +3,12 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
-import Theme, { withTheme } from '../global/theme.js';
-export { default as Theme } from '../global/theme.js';
 import { refObject } from '../global/prop-types.js';
-import ThemedButton from '../button/button.js';
+import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
 import composeRefs from '../global/composeRefs.js';
+import { ControlsHeightContext } from '../global/controls-height.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -45,16 +44,12 @@ class Input extends PureComponent {
       empty: true
     });
 
-    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "frame", void 0);
 
-    _defineProperty(this, "underlineNode", void 0);
+    _defineProperty(this, "input", void 0);
 
     _defineProperty(this, "id", getUID('ring-input-'));
 
-    _defineProperty(this, "underlineRef", el => {
-      this.underlineNode = el;
-    });
-
     _defineProperty(this, "inputRef", el => {
       this.input = el;
     });
@@ -83,13 +78,19 @@ class Input extends PureComponent {
   }
 
   componentDidMount() {
-    this.adapt();
+    this.frame = requestAnimationFrame(() => this.adapt());
   }
 
   componentDidUpdate() {
     this.adapt();
   }
 
+  componentWillUnmount() {
+    if (this.frame != null) {
+      cancelAnimationFrame(this.frame);
+    }
+  }
+
   getId() {
     return this.props.id || this.id;
   }
@@ -111,23 +112,20 @@ class Input extends PureComponent {
       return;
     }
 
-    el.style.height = `${el.scrollHeight}px`;
+    el.style.height = `${el.scrollHeight + 2}px`;
   }
 
   adapt() {
     this.checkValue();
-    this.stretch(this.underlineNode);
   }
 
   render() {
     const {
       // Modifiers
-      theme,
       size,
       active,
       multiline,
       borderless,
-      compact,
       // Props
       label,
       error,
@@ -143,15 +141,15 @@ class Input extends PureComponent {
       id,
       placeholder,
       icon,
-      renderUnderline,
+      height = this.context,
+      afterInput,
       ...restProps
     } = this.props;
-    const minimizeMargins = compact || borderless;
     const {
       empty
     } = this.state;
     const clearable = !!onClear;
-    const classes = classNames(modules_88cfaf40.container, className, theme && modules_88cfaf40[theme], [modules_88cfaf40[`size${size}`]], {
+    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,
@@ -159,7 +157,7 @@ class Input extends PureComponent {
       [modules_88cfaf40.noLabel]: !this.props.label,
       [modules_88cfaf40.withIcon]: icon != null,
       [modules_88cfaf40.clearable]: clearable,
-      [modules_88cfaf40.compact]: minimizeMargins
+      [modules_88cfaf40.borderless]: borderless
     });
     const inputClasses = classNames(modules_88cfaf40.input, inputClassName);
     const text = value != null ? value : children;
@@ -176,6 +174,13 @@ class Input extends PureComponent {
     return /*#__PURE__*/React.createElement("div", {
       className: classes,
       "data-test": "ring-input"
+    }, label && /*#__PURE__*/React.createElement("label", {
+      htmlFor: this.getId(),
+      className: classNames(modules_88cfaf40.label, {
+        [modules_88cfaf40.disabledLabel]: disabled
+      })
+    }, label), /*#__PURE__*/React.createElement("div", {
+      className: modules_88cfaf40.container
     }, icon && /*#__PURE__*/React.createElement(Icon, {
       glyph: icon,
       className: modules_88cfaf40.icon
@@ -184,22 +189,15 @@ class Input extends PureComponent {
       rows: 1
     }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
       onChange: this.handleInputChange
-    }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(ThemedButton, {
+    }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
       title: "Clear input",
       "data-test": "ring-input-clear",
       className: modules_88cfaf40.clear,
       icon: closeIcon,
       onClick: this.clear
-    }), !minimizeMargins && /*#__PURE__*/React.createElement("label", {
-      htmlFor: this.getId(),
-      className: modules_88cfaf40.label
-    }, label), !borderless && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.underline
-    }), !borderless && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.focusUnderline
-    }), !minimizeMargins && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.errorUnderline
-    }), !minimizeMargins && renderUnderline(this.underlineRef, error));
+    }), afterInput), error && /*#__PURE__*/React.createElement("div", {
+      className: modules_88cfaf40.errorText
+    }, error));
   }
 
 }
@@ -208,16 +206,13 @@ _defineProperty(Input, "defaultProps", {
   size: Size.M,
   onChange: noop,
   inputRef: noop,
-  enableShortcuts: ['esc'],
-  renderUnderline: (underlineRef, errorText) => /*#__PURE__*/React.createElement("div", {
-    className: modules_88cfaf40.errorText,
-    ref: underlineRef
-  }, errorText)
+  enableShortcuts: ['esc']
 });
 
+_defineProperty(Input, "contextType", ControlsHeightContext);
+
 Input.propTypes = {
   value: PropTypes.string,
-  theme: PropTypes.oneOf(Object.values(Theme)),
   className: PropTypes.string,
   inputClassName: PropTypes.string,
   size: PropTypes.oneOf(Object.values(Size)).isRequired,
@@ -225,8 +220,6 @@ Input.propTypes = {
   active: PropTypes.bool,
   error: PropTypes.string,
   multiline: PropTypes.bool,
-  borderless: PropTypes.bool,
-  compact: PropTypes.bool,
   onChange: PropTypes.func,
   onClear: PropTypes.func,
   inputRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement)), refObject(PropTypes.instanceOf(HTMLTextAreaElement))]),
@@ -235,9 +228,7 @@ Input.propTypes = {
   disabled: PropTypes.bool,
   id: PropTypes.string,
   placeholder: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  renderUnderline: PropTypes.func
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType])
 };
-const ThemedInput = withTheme()(Input);
 
-export { Input, Size, ThemedInput as default };
+export { Input, Size, Input as default };

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

@@ -4,15 +4,15 @@ import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
-import Theme from '../global/theme.js';
 import ButtonNG from '../button-ng/button-ng.js';
-import 'react';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
 
 var modules_c40fa551 = {"errorText":"errorText_rui_e22b","clear":"clear_rui_e22b"};
 
@@ -62,7 +62,7 @@ class RingInputComponent extends RingAngularComponent {
   }
 
   getContainerClasses() {
-    return classNames(modules_88cfaf40.container, modules_88cfaf40[this.theme || Theme.LIGHT], this.size ? [modules_88cfaf40[`size${this.size}`]] : null, {
+    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,
@@ -91,7 +91,6 @@ _defineProperty(RingInputComponent, "bindings", {
   label: '@',
   hint: '@',
   size: '@',
-  theme: '@',
   disabled: '@',
   active: '<',
   error: '@',
@@ -106,56 +105,54 @@ _defineProperty(RingInputComponent, "template", `
   data-test="ring-input-container"
   ng-class="$ctrl.getContainerClasses()"
 >
-  <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>
-
   <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" class="${modules_88cfaf40.underline}"></div>
-  <div ng-if="!$ctrl.borderless" class="${modules_88cfaf40.focusUnderline}"></div>
-  <div ng-if="!$ctrl.borderless" class="${modules_88cfaf40.errorUnderline}"></div>
   <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
 </div>
   `);

package/dist/island/adaptive-island-hoc.d.ts

@@ -5,7 +5,7 @@ export declare const ScrollHandlerContext: React.Context<ScrollHandler | null>;
 export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>): {
     new (props: P | Readonly<P>): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
@@ -33,7 +33,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
     };
     new (props: P, context: any): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;

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

@@ -14,17 +14,19 @@ function adaptiveIslandHOC(ComposedComponent) {
       super(...arguments);
 
       _defineProperty(this, "state", {
-        phase: 0
+        phase: null
       });
 
       _defineProperty(this, "onContentScroll", _ref => {
+        var _this$state$phase;
+
         let {
           scrollTop,
           scrollHeight,
           clientHeight
         } = _ref;
 
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, this.state.phase)) {
+        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
           const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
           this.setState({
             phase

package/dist/island/content.js

@@ -47,6 +47,7 @@ class Content extends Component {
         return;
       }
 
+      this.props.onScroll(scrollableNode);
       const {
         scrollTop,
         scrollHeight,
@@ -67,14 +68,6 @@ class Content extends Component {
       });
     }));
 
-    _defineProperty(this, "onScroll", () => {
-      if (this.scrollableNode != null) {
-        this.props.onScroll(this.scrollableNode);
-      }
-
-      this.calculateScrollPosition();
-    });
-
     _defineProperty(this, "scrollableNode", void 0);
 
     _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
@@ -129,7 +122,7 @@ class Content extends Component {
       "data-scrollable-container": true,
       className: scrollableWrapperClasses,
       ref: this.setScrollableNodeAndCalculatePosition,
-      onScroll: fade ? this.onScroll : noop
+      onScroll: fade ? this.calculateScrollPosition : noop
     }, fade && /*#__PURE__*/React.createElement("div", {
       ref: this.setWrapper
     }, children), !fade && children));

package/dist/island/header.js

@@ -9,15 +9,17 @@ import { PhaseContext } from './adaptive-island-hoc.js';
 const Start = {
   FONT_SIZE: 24,
   LINE_HEIGHT: 28,
-  PADDING: 16,
+  PADDING_TOP: 24,
+  PADDING_BOTTOM: 0,
   X: 0,
   Y: 0,
   SPACING: 0
 };
 const End = {
   FONT_SIZE: 13,
-  LINE_HEIGHT: 28,
-  PADDING: 0,
+  LINE_HEIGHT: 20,
+  PADDING_TOP: 16,
+  PADDING_BOTTOM: 8,
   // Compensation
   X: 0.4,
   Y: 0.1,
@@ -46,7 +48,8 @@ class Header extends Component {
     });
     const headerStyle = phase != null ? {
       lineHeight: `${this.style('LINE_HEIGHT')}px`,
-      paddingTop: this.style('PADDING')
+      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 ? {

package/dist/island/island.d.ts

@@ -21,7 +21,7 @@ export default class Island extends Component<IslandProps> {
 export declare const AdaptiveIsland: {
     new (props: IslandProps | Readonly<IslandProps>): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
@@ -49,7 +49,7 @@ export declare const AdaptiveIsland: {
     };
     new (props: IslandProps, context: any): {
         state: {
-            phase: number;
+            phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;

package/dist/list/list.d.ts

@@ -9,6 +9,7 @@ import { WindowScrollerChildProps } from 'react-virtualized/dist/es/WindowScroll
 import { ShortcutsMap } from '../shortcuts/core';
 import ListHint from './list__hint';
 import { Dimension, ListDataItem, ListDataItemProps, Type } from './consts';
+export type { ListDataItem };
 declare function noop(): void;
 /**
  * @param {Type} listItemType
@@ -188,4 +189,3 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     render(): JSX.Element;
 }
 export declare type ListAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;
-export {};

package/dist/loader/loader__core.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { getPixelRatio } from '../global/dom.js';
 
-var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_407b","animate":"animate_rui_407b","rotation-keyframes":"rotationKeyframes_rui_407b","text":"text_rui_407b"};
+var modules_00b5ad26 = {"unit":"8px","canvas":"canvas_rui_e88a","animate":"animate_rui_e88a","rotation-keyframes":"rotationKeyframes_rui_e88a","text":"text_rui_e88a"};
 
 const INITIAL_TICKS = 100;