@micromag/screen-urbania-horoscope 0.3.246 → 0.3.251

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +49 -68
  3. package/lib/index.js +49 -68
  4. package/package.json +14 -14
package/assets/css/styles.css CHANGED
@@ -1,3 +1,3 @@
1
1
  .micromag-screen-urbania-horoscope-sign-card-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90px;height:90px;margin-bottom:5px;padding:5px;border:0;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#1d3af2;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);-o-transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67), -webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-screen-urbania-horoscope-sign-card-container:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:2}.micromag-screen-urbania-horoscope-sign-card-container:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-urbania-horoscope-sign-card-placeholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-sign-card-thumbnail{max-height:50px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-urbania-horoscope-sign-card-name{width:100%;margin-bottom:.4rem!important;padding:2px 5px 0!important;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700}.micromag-screen-urbania-horoscope-sign-card-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-sign-card-arrow{display:inline-block;padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-card-emptyText{width:100%;margin-top:5px;padding:10px}
2
2
  .micromag-screen-urbania-horoscope-sign-modal-modalButton{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-sign-modal-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-sign-modal-disabled.micromag-screen-urbania-horoscope-sign-modal-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-sign-modal-hidden.micromag-screen-urbania-horoscope-sign-modal-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-sign-modal-placeholder.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-sign-modal-container{position:relative}.micromag-screen-urbania-horoscope-sign-modal-modalButton{-webkit-transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-transform .3s cubic-bezier(.41,1.69,.04,.67);-o-transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67);transition:transform .3s cubic-bezier(.41,1.69,.04,.67), -webkit-transform .3s cubic-bezier(.41,1.69,.04,.67)}.micromag-screen-urbania-horoscope-sign-modal-modalButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.micromag-screen-urbania-horoscope-sign-modal-modal{margin:52px 18px 30px;padding:10px;border-radius:22px;background-color:#0ff;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2}.micromag-screen-urbania-horoscope-sign-modal-name{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900}.micromag-screen-urbania-horoscope-sign-modal-name,.micromag-screen-urbania-horoscope-sign-modal-wordContainer{text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:6px 6px 3px;border:1px solid #1d3af2;border-radius:9px}.micromag-screen-urbania-horoscope-sign-modal-wordOfTheWeek{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.micromag-screen-urbania-horoscope-sign-modal-description{padding-bottom:5px;font-family:Roboto,sans-serif;font-size:12px;line-height:1.2}.micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-illustration{width:75%;height:auto;margin:0 auto;pointer-events:none}.micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}
3
- .micromag-screen-urbania-horoscope-close{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-backdrop,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-background,.micromag-screen-urbania-horoscope-signsGridContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-close:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-urbania-horoscope-container{-ms-touch-action:none;touch-action:none}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-background{z-index:0}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{z-index:1}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:-webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67);-o-transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67), -webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67);border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-button:hover{-webkit-box-shadow:0 0 0 12px rgba(255,250,0,.6);box-shadow:0 0 0 12px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-button:active{-webkit-box-shadow:0 0 0 3px rgba(255,250,0,.3);box-shadow:0 0 0 3px rgba(255,250,0,.3)}.micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-header{position:fixed;z-index:4;top:0;left:0;width:100%;padding:10px;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-screen-urbania-horoscope-buttons,.micromag-screen-urbania-horoscope-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-screen-urbania-horoscope-buttons{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.micromag-screen-urbania-horoscope-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:auto;font-weight:700}.micromag-screen-urbania-horoscope-signsGridContainer{-ms-touch-action:none;touch-action:none;z-index:3;padding:2.5rem 1rem}.micromag-screen-urbania-horoscope-signsGridContainer.micromag-screen-urbania-horoscope-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-urbania-horoscope-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-author,.micromag-screen-urbania-horoscope-collaborator{color:#0ff}.micromag-screen-urbania-horoscope-authorBackground{background-color:#161719!important}.micromag-screen-urbania-horoscope-authorBackground p{font-weight:400!important;text-transform:none!important}.micromag-screen-urbania-horoscope-modal{position:fixed;z-index:6;top:0;right:0;left:0;width:100%;height:100%;-ms-touch-action:none;touch-action:none}.micromag-screen-urbania-horoscope-backdrop{z-index:1;background-color:rgba(0,0,0,.75)}.micromag-screen-urbania-horoscope-backdrop,.micromag-screen-urbania-horoscope-backdropVideo{pointer-events:none}
3
+ .micromag-screen-urbania-horoscope-close{display:inline-block;position:relative;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.micromag-screen-urbania-horoscope-backdrop,.micromag-screen-urbania-horoscope-signsGridContainer{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-close:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-urbania-horoscope-container{-ms-touch-action:none;touch-action:none}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-layout{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-description{margin-bottom:8px;padding:10px;color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;border-radius:24px;background-color:#fffc00;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6);-webkit-transition:-webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:-webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67);-o-transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67);transition:box-shadow .2s cubic-bezier(.41,1.69,.04,.67), -webkit-box-shadow .2s cubic-bezier(.41,1.69,.04,.67)}.micromag-screen-urbania-horoscope-button:hover{-webkit-box-shadow:0 0 0 12px rgba(255,250,0,.6);box-shadow:0 0 0 12px rgba(255,250,0,.6)}.micromag-screen-urbania-horoscope-button:active{-webkit-box-shadow:0 0 0 3px rgba(255,250,0,.3);box-shadow:0 0 0 3px rgba(255,250,0,.3)}.micromag-screen-urbania-horoscope-buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-header{position:fixed;z-index:4;width:100%;top:0;left:0;padding:10px;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0))}.micromag-screen-urbania-horoscope-buttons,.micromag-screen-urbania-horoscope-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.micromag-screen-urbania-horoscope-buttons{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}.micromag-screen-urbania-horoscope-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:auto;font-weight:700}.micromag-screen-urbania-horoscope-signsGridContainer{-ms-touch-action:none;touch-action:none;z-index:3;padding:2.5rem 1rem}.micromag-screen-urbania-horoscope-signsGridContainer.micromag-screen-urbania-horoscope-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.micromag-screen-urbania-horoscope-author{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.micromag-screen-urbania-horoscope-author,.micromag-screen-urbania-horoscope-collaborator{color:#0ff}.micromag-screen-urbania-horoscope-authorBackground{background-color:#161719!important}.micromag-screen-urbania-horoscope-authorBackground p{font-weight:400!important;text-transform:none!important}.micromag-screen-urbania-horoscope-modal{position:fixed;z-index:6;top:0;right:0;left:0;width:100%;height:100%;-ms-touch-action:none;touch-action:none}.micromag-screen-urbania-horoscope-backdrop{z-index:1;background-color:rgba(0,0,0,.75);pointer-events:none}
package/es/index.js CHANGED
@@ -2,7 +2,6 @@ import { defineMessage, FormattedMessage, useIntl } from 'react-intl';
2
2
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
4
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
5
- import { animated } from '@react-spring/web';
6
5
  import classNames from 'classnames';
7
6
  import PropTypes from 'prop-types';
8
7
  import React, { useMemo, useState, useCallback, useEffect } from 'react';
@@ -441,7 +440,7 @@ var SignModal = function SignModal(_ref) {
441
440
  SignModal.propTypes = propTypes$1;
442
441
  SignModal.defaultProps = defaultProps$1;
443
442
 
444
- var styles = {"close":"micromag-screen-urbania-horoscope-close","backdrop":"micromag-screen-urbania-horoscope-backdrop","container":"micromag-screen-urbania-horoscope-container","background":"micromag-screen-urbania-horoscope-background","signsGridContainer":"micromag-screen-urbania-horoscope-signsGridContainer","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","header":"micromag-screen-urbania-horoscope-header","buttons":"micromag-screen-urbania-horoscope-buttons","signs":"micromag-screen-urbania-horoscope-signs","author":"micromag-screen-urbania-horoscope-author","collaborator":"micromag-screen-urbania-horoscope-collaborator","authorBackground":"micromag-screen-urbania-horoscope-authorBackground","modal":"micromag-screen-urbania-horoscope-modal","backdropVideo":"micromag-screen-urbania-horoscope-backdropVideo"};
443
+ var styles = {"close":"micromag-screen-urbania-horoscope-close","backdrop":"micromag-screen-urbania-horoscope-backdrop","signsGridContainer":"micromag-screen-urbania-horoscope-signsGridContainer","container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","header":"micromag-screen-urbania-horoscope-header","buttons":"micromag-screen-urbania-horoscope-buttons","signs":"micromag-screen-urbania-horoscope-signs","author":"micromag-screen-urbania-horoscope-author","collaborator":"micromag-screen-urbania-horoscope-collaborator","authorBackground":"micromag-screen-urbania-horoscope-authorBackground","modal":"micromag-screen-urbania-horoscope-modal"};
445
444
 
446
445
  var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20906.64%20139.48%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M35.88%2C4.42h35.5l34.66%2C119.78h-28.43l-5.89-23.72H35.55l-6.22%2C23.72H1.4L35.88%2C4.42Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M123.37%2C122.51c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M213.03%2C28.64h-28.26V4.42h84.96V28.64h-28.26V124.2h-28.43V28.64Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M335.5%2C122.35c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V4.42h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32V58.08h16.32Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M396.23%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M489.26%2C4.42h28.26V99.97h37.68v24.23h-65.95V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M580.28%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M693.75%2C119.65c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26V124.2h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M789.56%2C4.42h28.26V124.2h-28.26V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M827.74%2C4.42h68.81V27.13h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M43.24%2C15.29h35.5l34.66%2C119.78h-28.43l-5.89-23.72H42.91l-6.22%2C23.72H8.76L43.24%2C15.29Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M130.73%2C133.38c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M220.39%2C39.51h-28.26V15.29h84.96v24.23h-28.26v95.56h-28.43V39.51Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M342.86%2C133.22c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V15.29h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32v32.3h16.32Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M403.59%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M496.62%2C15.29h28.26V110.84h37.68v24.23h-65.95V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M587.64%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M701.11%2C130.53c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26v67.97h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M796.92%2C15.29h28.26v119.78h-28.26V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M835.1%2C15.29h68.81v22.71h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
447
446
 
@@ -558,7 +557,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
558
557
  return signValueId === defaultSign.id;
559
558
  }) || signsValue[index] : null), defaultSign);
560
559
  });
561
- }, [signsValue]);
560
+ }, []);
562
561
 
563
562
  var _useScreenSize = useScreenSize(),
564
563
  width = _useScreenSize.width,
@@ -579,7 +578,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
579
578
  var hasDescription = isTextFilled(description);
580
579
  var hasButton = isTextFilled(button);
581
580
  var backgroundPlaying = current && (isView || isEdit);
582
- var mediaShouldLoad = !isPlaceholder && (current || active);
581
+ var mediaShouldLoad = !isPlaceholder && (current || active); // @note sign selection, transitions
583
582
 
584
583
  var _useState = useState(false),
585
584
  _useState2 = _slicedToArray(_useState, 2),
@@ -607,27 +606,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
607
606
  var onOpenSignsGrid = useCallback(function () {
608
607
  setShowSignsGrid(true);
609
608
  disableInteraction();
610
- trackScreenEvent('open');
609
+ trackScreenEvent('UrbaniaHoroscope', 'open_signs_grid');
611
610
  }, [disableInteraction, trackScreenEvent]);
612
611
  var onCloseSignsGrid = useCallback(function () {
613
612
  setShowSignsGrid(false);
614
613
  setShowModal(0); // can't have a modal if signs are closed
615
614
 
616
615
  enableInteraction();
617
- trackScreenEvent('close');
616
+ trackScreenEvent('UrbaniaHoroscope', 'close_signs_grid');
618
617
  }, [setShowSignsGrid, setShowModal, enableInteraction, trackScreenEvent]);
619
618
  var onSelectSign = useCallback(function (e, id) {
620
619
  e.stopPropagation();
621
- var foundSignIndex = signs.findIndex(function (s) {
620
+ var foundSign = signs.find(function (s) {
622
621
  return s.id === id;
623
622
  });
624
- setSelectedSign(foundSignIndex);
623
+ setSelectedSign(foundSign);
625
624
  setShowModal(true);
626
- trackScreenEvent('select_sign', signs[foundSignIndex]);
625
+ trackScreenEvent('UrbaniaHoroscope', 'select_sign', foundSign);
627
626
  }, [signs, setSelectedSign, trackScreenEvent]);
628
627
  var onCloseModal = useCallback(function () {
629
628
  setShowModal(0);
630
- trackScreenEvent('close_sign');
629
+ trackScreenEvent('UrbaniaHoroscope', 'close_sign_modal');
631
630
  }, [setShowModal, trackScreenEvent]);
632
631
  var computeSignsGridProgress = useCallback(function (_ref5) {
633
632
  var dragActive = _ref5.active,
@@ -701,58 +700,44 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
701
700
  bindModalDrag = _useDragProgress2.bind,
702
701
  showModalProgress = _useDragProgress2.progress;
703
702
 
704
- var getHeaderStyles = function getHeaderStyles(spring) {
703
+ var getHeaderStyles = function getHeaderStyles(p) {
705
704
  return {
706
- transform: spring.to(function (p) {
707
- return "translateY(".concat(-100 * p * (1 - p), "%)");
708
- }),
709
- opacity: spring.to(function (p) {
710
- return p > 0.25 ? 1 - p : 1;
711
- })
705
+ transform: "translateY(".concat(-100 * p * (1 - p), "%)"),
706
+ opacity: p > 0.25 ? 1 - p : 1
712
707
  };
713
708
  };
714
709
 
715
- var getSignsContainerStyles = function getSignsContainerStyles(spring) {
710
+ var getSignsContainerStyles = function getSignsContainerStyles(p) {
716
711
  return {
717
- opacity: spring,
718
- pointerEvents: spring.to(function (p) {
719
- return p < 0.25 ? 'none' : 'auto';
720
- })
712
+ opacity: p,
713
+ pointerEvents: p < 0.25 ? 'none' : 'auto'
721
714
  };
722
715
  };
723
716
 
724
- var getSignStyles = function getSignStyles(spring) {
717
+ var getSignStyles = function getSignStyles(i, p) {
725
718
  return {
726
- opacity: spring,
727
- transform: spring.to(function (p) {
728
- return "translateY(".concat(3 * Math.pow(1 - p, 5), "rem) scale(").concat(1 - 0.25 * (1 - p), ")");
729
- })
719
+ opacity: p,
720
+ transform: "translateY(".concat(3 * (1 - p), "rem) scale(").concat(1 - 0.25 * (1 - p), ")")
730
721
  };
731
722
  };
732
723
 
733
- var getAuthorStyles = function getAuthorStyles(spring) {
724
+ var getAuthorStyles = function getAuthorStyles(p) {
734
725
  return {
735
- transform: spring.to(function (p) {
736
- return "translateY(".concat(2 * (1 - p), "rem)");
737
- }),
738
- opacity: spring
726
+ transform: "translateY(".concat(2 * (1 - p), "rem)"),
727
+ opacity: p
739
728
  };
740
729
  };
741
730
 
742
- var getBackdropStyles = function getBackdropStyles(spring) {
731
+ var getBackdropStyles = function getBackdropStyles(p) {
743
732
  return {
744
- opacity: spring
733
+ opacity: p
745
734
  };
746
735
  };
747
736
 
748
- var getModalStyles = function getModalStyles(spring) {
737
+ var getModalStyles = function getModalStyles(p) {
749
738
  return {
750
- transform: spring.to(function (p) {
751
- return "translateY(".concat(100 * (1 - (p < 0.2 ? 0.1 * p + p : p)), "%)");
752
- }),
753
- pointerEvents: spring.to(function (p) {
754
- return p < 0.1 ? 'none' : 'auto';
755
- })
739
+ transform: "translateY(".concat(100 * (1 - (p < 0.2 ? 0.1 * p + p : p)), "%)"),
740
+ pointerEvents: p < 0.1 ? 'none' : 'auto'
756
741
  };
757
742
  }; // for editor purposes
758
743
 
@@ -776,7 +761,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
776
761
  var index = screenState.split('.').pop();
777
762
  setShowSignsGrid(1);
778
763
  setShowModal(1);
779
- setSelectedSign(index);
764
+ setSelectedSign(signs[index]);
780
765
  }
781
766
  }, [screenState]);
782
767
  useEffect(function () {
@@ -801,19 +786,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
801
786
  return /*#__PURE__*/React.createElement("div", Object.assign({
802
787
  className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
803
788
  "data-screen-ready": true
804
- }, showSignsGrid ? stopDragEventsPropagation : null), !isView ? /*#__PURE__*/React.createElement("div", mouseBlocker) : null, /*#__PURE__*/React.createElement(Container, {
789
+ }, showSignsGrid ? stopDragEventsPropagation : null), !isView ? /*#__PURE__*/React.createElement("div", mouseBlocker) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
790
+ background: background,
805
791
  width: width,
806
792
  height: height,
807
- className: styles.content
793
+ resolution: resolution,
794
+ playing: backgroundPlaying,
795
+ muted: muted,
796
+ shouldLoad: mediaShouldLoad,
797
+ mediaRef: mediaRef
798
+ }) : null, /*#__PURE__*/React.createElement(Container, {
799
+ width: width,
800
+ height: height
808
801
  }, /*#__PURE__*/React.createElement(Layout, {
809
802
  className: styles.layout,
810
803
  style: !isPlaceholder ? {
811
804
  padding: spacing,
812
- paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
805
+ paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
813
806
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
814
807
  } : null,
815
808
  height: height * 0.8
816
- }, /*#__PURE__*/React.createElement(animated.div, {
809
+ }, /*#__PURE__*/React.createElement("div", {
817
810
  className: styles.headerContainer,
818
811
  style: getHeaderStyles(showSignsGridProgress)
819
812
  }, /*#__PURE__*/React.createElement(ScreenElement, {
@@ -856,7 +849,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
856
849
  className: styles.buttonLabel
857
850
  }, button, {
858
851
  inline: true
859
- }))) : null), isView && !isPlaceholder ? /*#__PURE__*/React.createElement(animated.div, {
852
+ }))) : null), isView && !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
860
853
  className: styles.header,
861
854
  style: getSignsContainerStyles(showSignsGridProgress)
862
855
  }, /*#__PURE__*/React.createElement("div", {
@@ -883,20 +876,20 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
883
876
  points: "9.95 4.11 8.89 3.05 5 6.94 1.11 3.05 0.05 4.11 3.94 8 0.05 11.89 1.11 12.95 5 9.06 8.89 12.95 9.95 11.89 6.06 8 9.95 4.11"
884
877
  })),
885
878
  withoutStyle: true
886
- }))) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(animated.div, Object.assign({
879
+ }))) : null, !isPlaceholder ? /*#__PURE__*/React.createElement("div", Object.assign({
887
880
  className: styles.signsGridContainer,
888
881
  style: getSignsContainerStyles(showSignsGridProgress)
889
882
  }, bindSignsDrag()), /*#__PURE__*/React.createElement("div", {
890
883
  className: styles.signs
891
- }, signs.map(function (sign) {
884
+ }, signs.map(function (sign, i) {
892
885
  var _ref8 = sign || {},
893
886
  _ref8$id = _ref8.id,
894
887
  id = _ref8$id === void 0 ? null : _ref8$id;
895
888
 
896
- return /*#__PURE__*/React.createElement(animated.div, {
889
+ return /*#__PURE__*/React.createElement("div", {
897
890
  key: id,
898
891
  className: styles.sign,
899
- style: getSignStyles(showSignsGridProgress)
892
+ style: getSignStyles(i, showSignsGridProgress)
900
893
  }, /*#__PURE__*/React.createElement(SignCard, {
901
894
  key: id,
902
895
  sign: sign,
@@ -922,38 +915,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
922
915
  backgroundClassName: styles.authorBackground,
923
916
  shouldLoad: mediaShouldLoad,
924
917
  style: getAuthorStyles(showSignsGridProgress)
925
- }) : null)) : null, /*#__PURE__*/React.createElement(animated.div, Object.assign({
918
+ }) : null)) : null, /*#__PURE__*/React.createElement("div", Object.assign({
926
919
  className: styles.modal,
927
920
  style: getModalStyles(showModalProgress)
928
921
  }, bindModalDrag()), /*#__PURE__*/React.createElement(SignModal, {
929
922
  width: width,
930
923
  height: height,
931
- sign: signs[selectedSign],
924
+ sign: selectedSign,
932
925
  subtitle: signSubtitle,
933
926
  onClick: onCloseModal
934
- })), !isPlaceholder ? /*#__PURE__*/React.createElement(animated.div, {
927
+ })), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
935
928
  className: styles.backdrop,
936
929
  style: getBackdropStyles(showSignsGridProgress)
937
930
  }, popupBackgroundUrl !== null ? /*#__PURE__*/React.createElement("video", {
938
931
  className: styles.videoBackdrop,
939
932
  autoPlay: true,
940
933
  muted: true,
941
- loop: true,
942
- playsInline: true
934
+ loop: true
943
935
  }, /*#__PURE__*/React.createElement("source", {
944
936
  src: popupBackgroundUrl,
945
937
  type: "video/mp4"
946
- })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
947
- background: background,
948
- width: width,
949
- height: height,
950
- resolution: resolution,
951
- playing: backgroundPlaying,
952
- muted: muted,
953
- shouldLoad: mediaShouldLoad,
954
- mediaRef: mediaRef,
955
- className: styles.background
956
- }) : null);
938
+ })) : null) : null)));
957
939
  };
958
940
 
959
941
  UrbaniaHoroscope.propTypes = propTypes;
@@ -1074,7 +1056,6 @@ var definition = [{
1074
1056
  defaultValue: signs,
1075
1057
  repeatable: true,
1076
1058
  withoutCreate: true,
1077
- fieldName: 'signs',
1078
1059
  fields: [{
1079
1060
  name: 'word',
1080
1061
  type: 'heading-element',
package/lib/index.js CHANGED
@@ -6,7 +6,6 @@ var reactIntl = require('react-intl');
6
6
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
7
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
8
8
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
9
- var web = require('@react-spring/web');
10
9
  var classNames = require('classnames');
11
10
  var PropTypes = require('prop-types');
12
11
  var React = require('react');
@@ -486,7 +485,7 @@ var SignModal = function SignModal(_ref) {
486
485
  SignModal.propTypes = propTypes$1;
487
486
  SignModal.defaultProps = defaultProps$1;
488
487
 
489
- var styles = {"close":"micromag-screen-urbania-horoscope-close","backdrop":"micromag-screen-urbania-horoscope-backdrop","container":"micromag-screen-urbania-horoscope-container","background":"micromag-screen-urbania-horoscope-background","signsGridContainer":"micromag-screen-urbania-horoscope-signsGridContainer","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","header":"micromag-screen-urbania-horoscope-header","buttons":"micromag-screen-urbania-horoscope-buttons","signs":"micromag-screen-urbania-horoscope-signs","author":"micromag-screen-urbania-horoscope-author","collaborator":"micromag-screen-urbania-horoscope-collaborator","authorBackground":"micromag-screen-urbania-horoscope-authorBackground","modal":"micromag-screen-urbania-horoscope-modal","backdropVideo":"micromag-screen-urbania-horoscope-backdropVideo"};
488
+ var styles = {"close":"micromag-screen-urbania-horoscope-close","backdrop":"micromag-screen-urbania-horoscope-backdrop","signsGridContainer":"micromag-screen-urbania-horoscope-signsGridContainer","container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","layout":"micromag-screen-urbania-horoscope-layout","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","titlePlaceholder":"micromag-screen-urbania-horoscope-titlePlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","header":"micromag-screen-urbania-horoscope-header","buttons":"micromag-screen-urbania-horoscope-buttons","signs":"micromag-screen-urbania-horoscope-signs","author":"micromag-screen-urbania-horoscope-author","collaborator":"micromag-screen-urbania-horoscope-collaborator","authorBackground":"micromag-screen-urbania-horoscope-authorBackground","modal":"micromag-screen-urbania-horoscope-modal"};
490
489
 
491
490
  var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20906.64%20139.48%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M35.88%2C4.42h35.5l34.66%2C119.78h-28.43l-5.89-23.72H35.55l-6.22%2C23.72H1.4L35.88%2C4.42Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M123.37%2C122.51c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M213.03%2C28.64h-28.26V4.42h84.96V28.64h-28.26V124.2h-28.43V28.64Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M335.5%2C122.35c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V4.42h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32V58.08h16.32Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M396.23%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M489.26%2C4.42h28.26V99.97h37.68v24.23h-65.95V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M580.28%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M693.75%2C119.65c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26V124.2h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M789.56%2C4.42h28.26V124.2h-28.26V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M827.74%2C4.42h68.81V27.13h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M43.24%2C15.29h35.5l34.66%2C119.78h-28.43l-5.89-23.72H42.91l-6.22%2C23.72H8.76L43.24%2C15.29Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M130.73%2C133.38c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M220.39%2C39.51h-28.26V15.29h84.96v24.23h-28.26v95.56h-28.43V39.51Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M342.86%2C133.22c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V15.29h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32v32.3h16.32Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M403.59%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M496.62%2C15.29h28.26V110.84h37.68v24.23h-65.95V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M587.64%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M701.11%2C130.53c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26v67.97h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M796.92%2C15.29h28.26v119.78h-28.26V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M835.1%2C15.29h68.81v22.71h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
492
491
 
@@ -603,7 +602,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
603
602
  return signValueId === defaultSign.id;
604
603
  }) || signsValue[index] : null), defaultSign);
605
604
  });
606
- }, [signsValue]);
605
+ }, []);
607
606
 
608
607
  var _useScreenSize = contexts.useScreenSize(),
609
608
  width = _useScreenSize.width,
@@ -624,7 +623,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
624
623
  var hasDescription = utils.isTextFilled(description);
625
624
  var hasButton = utils.isTextFilled(button);
626
625
  var backgroundPlaying = current && (isView || isEdit);
627
- var mediaShouldLoad = !isPlaceholder && (current || active);
626
+ var mediaShouldLoad = !isPlaceholder && (current || active); // @note sign selection, transitions
628
627
 
629
628
  var _useState = React.useState(false),
630
629
  _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -652,27 +651,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
652
651
  var onOpenSignsGrid = React.useCallback(function () {
653
652
  setShowSignsGrid(true);
654
653
  disableInteraction();
655
- trackScreenEvent('open');
654
+ trackScreenEvent('UrbaniaHoroscope', 'open_signs_grid');
656
655
  }, [disableInteraction, trackScreenEvent]);
657
656
  var onCloseSignsGrid = React.useCallback(function () {
658
657
  setShowSignsGrid(false);
659
658
  setShowModal(0); // can't have a modal if signs are closed
660
659
 
661
660
  enableInteraction();
662
- trackScreenEvent('close');
661
+ trackScreenEvent('UrbaniaHoroscope', 'close_signs_grid');
663
662
  }, [setShowSignsGrid, setShowModal, enableInteraction, trackScreenEvent]);
664
663
  var onSelectSign = React.useCallback(function (e, id) {
665
664
  e.stopPropagation();
666
- var foundSignIndex = signs.findIndex(function (s) {
665
+ var foundSign = signs.find(function (s) {
667
666
  return s.id === id;
668
667
  });
669
- setSelectedSign(foundSignIndex);
668
+ setSelectedSign(foundSign);
670
669
  setShowModal(true);
671
- trackScreenEvent('select_sign', signs[foundSignIndex]);
670
+ trackScreenEvent('UrbaniaHoroscope', 'select_sign', foundSign);
672
671
  }, [signs, setSelectedSign, trackScreenEvent]);
673
672
  var onCloseModal = React.useCallback(function () {
674
673
  setShowModal(0);
675
- trackScreenEvent('close_sign');
674
+ trackScreenEvent('UrbaniaHoroscope', 'close_sign_modal');
676
675
  }, [setShowModal, trackScreenEvent]);
677
676
  var computeSignsGridProgress = React.useCallback(function (_ref5) {
678
677
  var dragActive = _ref5.active,
@@ -746,58 +745,44 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
746
745
  bindModalDrag = _useDragProgress2.bind,
747
746
  showModalProgress = _useDragProgress2.progress;
748
747
 
749
- var getHeaderStyles = function getHeaderStyles(spring) {
748
+ var getHeaderStyles = function getHeaderStyles(p) {
750
749
  return {
751
- transform: spring.to(function (p) {
752
- return "translateY(".concat(-100 * p * (1 - p), "%)");
753
- }),
754
- opacity: spring.to(function (p) {
755
- return p > 0.25 ? 1 - p : 1;
756
- })
750
+ transform: "translateY(".concat(-100 * p * (1 - p), "%)"),
751
+ opacity: p > 0.25 ? 1 - p : 1
757
752
  };
758
753
  };
759
754
 
760
- var getSignsContainerStyles = function getSignsContainerStyles(spring) {
755
+ var getSignsContainerStyles = function getSignsContainerStyles(p) {
761
756
  return {
762
- opacity: spring,
763
- pointerEvents: spring.to(function (p) {
764
- return p < 0.25 ? 'none' : 'auto';
765
- })
757
+ opacity: p,
758
+ pointerEvents: p < 0.25 ? 'none' : 'auto'
766
759
  };
767
760
  };
768
761
 
769
- var getSignStyles = function getSignStyles(spring) {
762
+ var getSignStyles = function getSignStyles(i, p) {
770
763
  return {
771
- opacity: spring,
772
- transform: spring.to(function (p) {
773
- return "translateY(".concat(3 * Math.pow(1 - p, 5), "rem) scale(").concat(1 - 0.25 * (1 - p), ")");
774
- })
764
+ opacity: p,
765
+ transform: "translateY(".concat(3 * (1 - p), "rem) scale(").concat(1 - 0.25 * (1 - p), ")")
775
766
  };
776
767
  };
777
768
 
778
- var getAuthorStyles = function getAuthorStyles(spring) {
769
+ var getAuthorStyles = function getAuthorStyles(p) {
779
770
  return {
780
- transform: spring.to(function (p) {
781
- return "translateY(".concat(2 * (1 - p), "rem)");
782
- }),
783
- opacity: spring
771
+ transform: "translateY(".concat(2 * (1 - p), "rem)"),
772
+ opacity: p
784
773
  };
785
774
  };
786
775
 
787
- var getBackdropStyles = function getBackdropStyles(spring) {
776
+ var getBackdropStyles = function getBackdropStyles(p) {
788
777
  return {
789
- opacity: spring
778
+ opacity: p
790
779
  };
791
780
  };
792
781
 
793
- var getModalStyles = function getModalStyles(spring) {
782
+ var getModalStyles = function getModalStyles(p) {
794
783
  return {
795
- transform: spring.to(function (p) {
796
- return "translateY(".concat(100 * (1 - (p < 0.2 ? 0.1 * p + p : p)), "%)");
797
- }),
798
- pointerEvents: spring.to(function (p) {
799
- return p < 0.1 ? 'none' : 'auto';
800
- })
784
+ transform: "translateY(".concat(100 * (1 - (p < 0.2 ? 0.1 * p + p : p)), "%)"),
785
+ pointerEvents: p < 0.1 ? 'none' : 'auto'
801
786
  };
802
787
  }; // for editor purposes
803
788
 
@@ -821,7 +806,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
821
806
  var index = screenState.split('.').pop();
822
807
  setShowSignsGrid(1);
823
808
  setShowModal(1);
824
- setSelectedSign(index);
809
+ setSelectedSign(signs[index]);
825
810
  }
826
811
  }, [screenState]);
827
812
  React.useEffect(function () {
@@ -846,19 +831,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
846
831
  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
847
832
  className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.isPlaceholder, isPlaceholder), _ref7)]),
848
833
  "data-screen-ready": true
849
- }, showSignsGrid ? stopDragEventsPropagation : null), !isView ? /*#__PURE__*/React__default["default"].createElement("div", mouseBlocker) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
834
+ }, showSignsGrid ? stopDragEventsPropagation : null), !isView ? /*#__PURE__*/React__default["default"].createElement("div", mouseBlocker) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
835
+ background: background,
850
836
  width: width,
851
837
  height: height,
852
- className: styles.content
838
+ resolution: resolution,
839
+ playing: backgroundPlaying,
840
+ muted: muted,
841
+ shouldLoad: mediaShouldLoad,
842
+ mediaRef: mediaRef
843
+ }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
844
+ width: width,
845
+ height: height
853
846
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
854
847
  className: styles.layout,
855
848
  style: !isPlaceholder ? {
856
849
  padding: spacing,
857
- paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
850
+ paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
858
851
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
859
852
  } : null,
860
853
  height: height * 0.8
861
- }, /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
854
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
862
855
  className: styles.headerContainer,
863
856
  style: getHeaderStyles(showSignsGridProgress)
864
857
  }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
@@ -901,7 +894,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
901
894
  className: styles.buttonLabel
902
895
  }, button, {
903
896
  inline: true
904
- }))) : null), isView && !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
897
+ }))) : null), isView && !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
905
898
  className: styles.header,
906
899
  style: getSignsContainerStyles(showSignsGridProgress)
907
900
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -928,20 +921,20 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
928
921
  points: "9.95 4.11 8.89 3.05 5 6.94 1.11 3.05 0.05 4.11 3.94 8 0.05 11.89 1.11 12.95 5 9.06 8.89 12.95 9.95 11.89 6.06 8 9.95 4.11"
929
922
  })),
930
923
  withoutStyle: true
931
- }))) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(web.animated.div, Object.assign({
924
+ }))) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
932
925
  className: styles.signsGridContainer,
933
926
  style: getSignsContainerStyles(showSignsGridProgress)
934
927
  }, bindSignsDrag()), /*#__PURE__*/React__default["default"].createElement("div", {
935
928
  className: styles.signs
936
- }, signs.map(function (sign) {
929
+ }, signs.map(function (sign, i) {
937
930
  var _ref8 = sign || {},
938
931
  _ref8$id = _ref8.id,
939
932
  id = _ref8$id === void 0 ? null : _ref8$id;
940
933
 
941
- return /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
934
+ return /*#__PURE__*/React__default["default"].createElement("div", {
942
935
  key: id,
943
936
  className: styles.sign,
944
- style: getSignStyles(showSignsGridProgress)
937
+ style: getSignStyles(i, showSignsGridProgress)
945
938
  }, /*#__PURE__*/React__default["default"].createElement(SignCard, {
946
939
  key: id,
947
940
  sign: sign,
@@ -967,38 +960,27 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
967
960
  backgroundClassName: styles.authorBackground,
968
961
  shouldLoad: mediaShouldLoad,
969
962
  style: getAuthorStyles(showSignsGridProgress)
970
- }) : null)) : null, /*#__PURE__*/React__default["default"].createElement(web.animated.div, Object.assign({
963
+ }) : null)) : null, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
971
964
  className: styles.modal,
972
965
  style: getModalStyles(showModalProgress)
973
966
  }, bindModalDrag()), /*#__PURE__*/React__default["default"].createElement(SignModal, {
974
967
  width: width,
975
968
  height: height,
976
- sign: signs[selectedSign],
969
+ sign: selectedSign,
977
970
  subtitle: signSubtitle,
978
971
  onClick: onCloseModal
979
- })), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
972
+ })), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
980
973
  className: styles.backdrop,
981
974
  style: getBackdropStyles(showSignsGridProgress)
982
975
  }, popupBackgroundUrl !== null ? /*#__PURE__*/React__default["default"].createElement("video", {
983
976
  className: styles.videoBackdrop,
984
977
  autoPlay: true,
985
978
  muted: true,
986
- loop: true,
987
- playsInline: true
979
+ loop: true
988
980
  }, /*#__PURE__*/React__default["default"].createElement("source", {
989
981
  src: popupBackgroundUrl,
990
982
  type: "video/mp4"
991
- })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
992
- background: background,
993
- width: width,
994
- height: height,
995
- resolution: resolution,
996
- playing: backgroundPlaying,
997
- muted: muted,
998
- shouldLoad: mediaShouldLoad,
999
- mediaRef: mediaRef,
1000
- className: styles.background
1001
- }) : null);
983
+ })) : null) : null)));
1002
984
  };
1003
985
 
1004
986
  UrbaniaHoroscope.propTypes = propTypes;
@@ -1119,7 +1101,6 @@ var definition = [{
1119
1101
  defaultValue: signs,
1120
1102
  repeatable: true,
1121
1103
  withoutCreate: true,
1122
- fieldName: 'signs',
1123
1104
  fields: [{
1124
1105
  name: 'word',
1125
1106
  type: 'heading-element',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-horoscope",
3
- "version": "0.3.246",
3
+ "version": "0.3.251",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -50,18 +50,18 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@babel/runtime": "^7.13.10",
53
- "@micromag/core": "^0.3.246",
54
- "@micromag/element-background": "^0.3.246",
55
- "@micromag/element-button": "^0.3.246",
56
- "@micromag/element-call-to-action": "^0.3.246",
57
- "@micromag/element-container": "^0.3.246",
58
- "@micromag/element-grid": "^0.3.246",
59
- "@micromag/element-heading": "^0.3.246",
60
- "@micromag/element-layout": "^0.3.246",
61
- "@micromag/element-scroll": "^0.3.246",
62
- "@micromag/element-text": "^0.3.246",
63
- "@micromag/element-urbania-author": "^0.3.246",
64
- "@micromag/transforms": "^0.3.246",
53
+ "@micromag/core": "^0.3.251",
54
+ "@micromag/element-background": "^0.3.251",
55
+ "@micromag/element-button": "^0.3.251",
56
+ "@micromag/element-call-to-action": "^0.3.251",
57
+ "@micromag/element-container": "^0.3.251",
58
+ "@micromag/element-grid": "^0.3.251",
59
+ "@micromag/element-heading": "^0.3.251",
60
+ "@micromag/element-layout": "^0.3.251",
61
+ "@micromag/element-scroll": "^0.3.251",
62
+ "@micromag/element-text": "^0.3.251",
63
+ "@micromag/element-urbania-author": "^0.3.251",
64
+ "@micromag/transforms": "^0.3.251",
65
65
  "@react-spring/core": "^9.1.1",
66
66
  "@react-spring/web": "^9.1.1",
67
67
  "@use-gesture/react": "^10.2.4",
@@ -75,5 +75,5 @@
75
75
  "publishConfig": {
76
76
  "access": "public"
77
77
  },
78
- "gitHead": "473a4ad55684e54d3f1e62e760792ed6e003f8e7"
78
+ "gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
79
79
  }