@micromag/screen-urbania-horoscope 0.3.98 → 0.3.103

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 +3 -3
  2. package/es/index.js +29 -27
  3. package/lib/index.js +41 -39
  4. package/package.json +3 -3
package/assets/css/styles.css CHANGED
@@ -1,3 +1,3 @@
1
- .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;z-index:4}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-backButton{position:absolute;top:7px;left:5px;height:36px;padding-left:10%;border-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-modalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;margin:60px 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-container .micromag-screen-urbania-horoscope-sign-modal-signName{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:8px 6px 6px;border:1px solid #1d3af2;border-radius:9px;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordTitle{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-container .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-container .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-container .micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-image{width:85%;height:auto;margin:0 auto}
2
- .micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{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-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:2;-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-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{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;padding:30px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{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:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:80px;height:85px;margin-bottom:8px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:16px;background-color:#1d3af2}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-image{max-height:44px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 1px;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-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:10px;left:0;height:30px;padding-left:20px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-close{width:32px;height:32px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-backButton{z-index:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-backButton,.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);opacity:0}
3
- .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-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;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-container .micromag-screen-urbania-horoscope-button .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-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
1
+ .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;z-index:4}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-backButton{position:absolute;top:7px;left:5px;height:36px;padding-left:10%;border-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-arrow{padding-right:5px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-modalContainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;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-container .micromag-screen-urbania-horoscope-sign-modal-signName{padding:7px auto 5px;font-family:Agrandir Tight,sans-serif;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordContainer{margin-bottom:5px;padding:6px 6px 3px;border:1px solid #1d3af2;border-radius:9px;text-transform:uppercase}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-wordTitle{padding-bottom:2px;font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem}.micromag-screen-urbania-horoscope-sign-modal-container .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-container .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-container .micromag-screen-urbania-horoscope-sign-modal-description p{margin-bottom:1em}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-description p:last-child{margin-bottom:0}.micromag-screen-urbania-horoscope-sign-modal-container .micromag-screen-urbania-horoscope-sign-modal-image{width:75%;height:auto;margin:0 auto}
2
+ .micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{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-signs-grid-container{width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-signs-grid-disabled.micromag-screen-urbania-horoscope-signs-grid-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-signs-grid-hidden.micromag-screen-urbania-horoscope-signs-grid-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-signs-grid-placeholder.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-signs-grid-container{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:2;-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-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-closeButton{position:absolute;z-index:5;top:5px;right:5px;color:#222}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer{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;padding:30px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-isPlaceholder{padding:0}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signPlaceholder{width:30px;height:30px;margin:1px;background-color:#b3b3b3}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement{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:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:80px;height:85px;margin-bottom:8px;padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:0;border-radius:16px;background-color:#1d3af2}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-gridElement:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-image{max-height:44px;padding-bottom:4px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-signName{width:100%;margin-bottom:4px;padding:2px 5px 1px;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-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backButton{position:absolute;z-index:5;top:8px;left:0;height:30px;padding-left:16px;border-top-right-radius:25px;border-bottom-right-radius:25px;background-color:#fff;-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 0 4px #010f66;color:#010f66;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:400;line-height:1}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-close{width:32px;height:32px}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow{padding-right:5px;padding-bottom:2px;font-size:20px;vertical-align:middle}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-arrow,.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-backLabel{display:inline-block}.micromag-screen-urbania-horoscope-signs-grid-container .micromag-screen-urbania-horoscope-signs-grid-modalContainer{position:absolute;top:0;right:0;left:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enter{z-index:1;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive{opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-gridContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive{opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:1;-webkit-transform:scale(20%);-ms-transform:scale(20%);transform:scale(20%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enter .micromag-screen-urbania-horoscope-signs-grid-backButton{z-index:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:scale(100%);-ms-transform:scale(100%);transform:scale(100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-enterActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-backButton,.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exit .micromag-screen-urbania-horoscope-signs-grid-signModal{z-index:2;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;opacity:1}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-signModal{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.micromag-screen-urbania-horoscope-signs-grid-modalContainer.micromag-screen-urbania-horoscope-signs-grid-exitActive .micromag-screen-urbania-horoscope-signs-grid-backButton{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);opacity:0}
3
+ .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-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-headerContainer{width:280px}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-title,.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-titleImage{width:100%;height:auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-titlePlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-description p,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description span{font-weight:700!important}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container .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-container .micromag-screen-urbania-horoscope-button{padding:8px 15px 4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;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-container .micromag-screen-urbania-horoscope-button .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-container .micromag-screen-urbania-horoscope-button:hover{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-signsGrid{position:absolute;bottom:0;left:0}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}.micromag-screen-urbania-horoscope-enter{z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-enterActive,.micromag-screen-urbania-horoscope-exit{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-horoscope-exit{z-index:2;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}.micromag-screen-urbania-horoscope-exitActive{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
package/es/index.js CHANGED
@@ -18,19 +18,19 @@ import Layout from '@micromag/element-layout';
18
18
  import Scroll from '@micromag/element-scroll';
19
19
  import Text from '@micromag/element-text';
20
20
  import Author from '@micromag/element-urbania-author';
21
- import _38b67a045c917eba_png from '../assets/images/38b67a045c917eba.png';
22
- import f1d91f035ccb8c4f_png from '../assets/images/f1d91f035ccb8c4f.png';
23
- import _3e6d012702227225_png from '../assets/images/3e6d012702227225.png';
24
- import a6d606997910361a_png from '../assets/images/a6d606997910361a.png';
25
- import _12148919dcf14f67_png from '../assets/images/12148919dcf14f67.png';
26
- import _5ccc4bde48c478ee_png from '../assets/images/5ccc4bde48c478ee.png';
27
- import d94c6aef4634d47f_png from '../assets/images/d94c6aef4634d47f.png';
28
- import bc3a4d9747d9235c_png from '../assets/images/bc3a4d9747d9235c.png';
29
- import _4aec8c7b2b1f6739_png from '../assets/images/4aec8c7b2b1f6739.png';
30
- import _01b9ca612cf4a6a6_png from '../assets/images/01b9ca612cf4a6a6.png';
31
- import _3a3a4d27b9a019b2_png from '../assets/images/3a3a4d27b9a019b2.png';
32
- import f3452bab9d2d80d5_png from '../assets/images/f3452bab9d2d80d5.png';
33
21
  import horoscopeBackground from '../assets/images/0ccfdaa4b1080aa8.png';
22
+ import aquarius from '../assets/images/38b67a045c917eba.png';
23
+ import aries from '../assets/images/f1d91f035ccb8c4f.png';
24
+ import cancer from '../assets/images/3e6d012702227225.png';
25
+ import capricorn from '../assets/images/a6d606997910361a.png';
26
+ import gemini from '../assets/images/12148919dcf14f67.png';
27
+ import leo from '../assets/images/5ccc4bde48c478ee.png';
28
+ import libra from '../assets/images/d94c6aef4634d47f.png';
29
+ import pisces from '../assets/images/bc3a4d9747d9235c.png';
30
+ import sagittarius from '../assets/images/4aec8c7b2b1f6739.png';
31
+ import scorpio from '../assets/images/01b9ca612cf4a6a6.png';
32
+ import taurus from '../assets/images/3a3a4d27b9a019b2.png';
33
+ import virgo from '../assets/images/f3452bab9d2d80d5.png';
34
34
 
35
35
  var styles$2 = {"container":"micromag-screen-urbania-horoscope-sign-modal-container","disabled":"micromag-screen-urbania-horoscope-sign-modal-disabled","hidden":"micromag-screen-urbania-horoscope-sign-modal-hidden","placeholder":"micromag-screen-urbania-horoscope-sign-modal-placeholder","content":"micromag-screen-urbania-horoscope-sign-modal-content","backButton":"micromag-screen-urbania-horoscope-sign-modal-backButton","arrow":"micromag-screen-urbania-horoscope-sign-modal-arrow","modalContainer":"micromag-screen-urbania-horoscope-sign-modal-modalContainer","signName":"micromag-screen-urbania-horoscope-sign-modal-signName","wordContainer":"micromag-screen-urbania-horoscope-sign-modal-wordContainer","wordTitle":"micromag-screen-urbania-horoscope-sign-modal-wordTitle","word":"micromag-screen-urbania-horoscope-sign-modal-word","description":"micromag-screen-urbania-horoscope-sign-modal-description","image":"micromag-screen-urbania-horoscope-sign-modal-image"};
36
36
 
@@ -256,15 +256,17 @@ var SignsGrid = function SignsGrid(_ref) {
256
256
 
257
257
  var _useScreenRenderConte = useScreenRenderContext(),
258
258
  isView = _useScreenRenderConte.isView,
259
- isPlaceholder = _useScreenRenderConte.isPlaceholder;
259
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
260
+ isEdit = _useScreenRenderConte.isEdit;
260
261
 
262
+ var backgroundPlaying = current && (isView || isEdit);
261
263
  var backgroundShouldLoad = !isPlaceholder && (current || active || !isView);
262
264
  return /*#__PURE__*/React.createElement("div", {
263
265
  className: classNames([styles$1.container, _defineProperty({}, className, className !== null)])
264
266
  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
265
267
  background: background || defaultBackground,
266
- fit: "cover" // playing={backgroundPlaying}
267
- ,
268
+ fit: "cover",
269
+ playing: backgroundPlaying,
268
270
  shouldLoad: backgroundShouldLoad
269
271
  }) : null, /*#__PURE__*/React.createElement(Container, {
270
272
  width: width,
@@ -363,7 +365,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
363
365
 
364
366
  var signs = [{
365
367
  id: 'aries',
366
- image: f1d91f035ccb8c4f_png,
368
+ image: aries,
367
369
  label: defineMessage({
368
370
  id: "/PJA/1",
369
371
  defaultMessage: [{
@@ -380,7 +382,7 @@ var signs = [{
380
382
  })
381
383
  }, {
382
384
  id: 'taurus',
383
- image: _3a3a4d27b9a019b2_png,
385
+ image: taurus,
384
386
  label: defineMessage({
385
387
  id: "XKcyqx",
386
388
  defaultMessage: [{
@@ -397,7 +399,7 @@ var signs = [{
397
399
  })
398
400
  }, {
399
401
  id: 'gemini',
400
- image: _12148919dcf14f67_png,
402
+ image: gemini,
401
403
  label: defineMessage({
402
404
  id: "4g35M0",
403
405
  defaultMessage: [{
@@ -414,7 +416,7 @@ var signs = [{
414
416
  })
415
417
  }, {
416
418
  id: 'cancer',
417
- image: _3e6d012702227225_png,
419
+ image: cancer,
418
420
  label: defineMessage({
419
421
  id: "0acGK7",
420
422
  defaultMessage: [{
@@ -431,7 +433,7 @@ var signs = [{
431
433
  })
432
434
  }, {
433
435
  id: 'leo',
434
- image: _5ccc4bde48c478ee_png,
436
+ image: leo,
435
437
  label: defineMessage({
436
438
  id: "EEUc6n",
437
439
  defaultMessage: [{
@@ -448,7 +450,7 @@ var signs = [{
448
450
  })
449
451
  }, {
450
452
  id: 'virgo',
451
- image: f3452bab9d2d80d5_png,
453
+ image: virgo,
452
454
  label: defineMessage({
453
455
  id: "6bd963",
454
456
  defaultMessage: [{
@@ -465,7 +467,7 @@ var signs = [{
465
467
  })
466
468
  }, {
467
469
  id: 'libra',
468
- image: d94c6aef4634d47f_png,
470
+ image: libra,
469
471
  label: defineMessage({
470
472
  id: "M/FGRs",
471
473
  defaultMessage: [{
@@ -482,7 +484,7 @@ var signs = [{
482
484
  })
483
485
  }, {
484
486
  id: 'scorpio',
485
- image: _01b9ca612cf4a6a6_png,
487
+ image: scorpio,
486
488
  label: defineMessage({
487
489
  id: "YyPYHk",
488
490
  defaultMessage: [{
@@ -499,7 +501,7 @@ var signs = [{
499
501
  })
500
502
  }, {
501
503
  id: 'sagittarius',
502
- image: _4aec8c7b2b1f6739_png,
504
+ image: sagittarius,
503
505
  label: defineMessage({
504
506
  id: "7mMPO4",
505
507
  defaultMessage: [{
@@ -516,7 +518,7 @@ var signs = [{
516
518
  })
517
519
  }, {
518
520
  id: 'capricorn',
519
- image: a6d606997910361a_png,
521
+ image: capricorn,
520
522
  label: defineMessage({
521
523
  id: "NumcrW",
522
524
  defaultMessage: [{
@@ -533,7 +535,7 @@ var signs = [{
533
535
  })
534
536
  }, {
535
537
  id: 'aquarius',
536
- image: _38b67a045c917eba_png,
538
+ image: aquarius,
537
539
  label: defineMessage({
538
540
  id: "fBii8l",
539
541
  defaultMessage: [{
@@ -550,7 +552,7 @@ var signs = [{
550
552
  })
551
553
  }, {
552
554
  id: 'pisces',
553
- image: bc3a4d9747d9235c_png,
555
+ image: pisces,
554
556
  label: defineMessage({
555
557
  id: "dxAumJ",
556
558
  defaultMessage: [{
package/lib/index.js CHANGED
@@ -22,19 +22,19 @@ var Layout = require('@micromag/element-layout');
22
22
  var Scroll = require('@micromag/element-scroll');
23
23
  var Text = require('@micromag/element-text');
24
24
  var Author = require('@micromag/element-urbania-author');
25
- var _38b67a045c917eba_png = require('../assets/images/38b67a045c917eba.png');
26
- var f1d91f035ccb8c4f_png = require('../assets/images/f1d91f035ccb8c4f.png');
27
- var _3e6d012702227225_png = require('../assets/images/3e6d012702227225.png');
28
- var a6d606997910361a_png = require('../assets/images/a6d606997910361a.png');
29
- var _12148919dcf14f67_png = require('../assets/images/12148919dcf14f67.png');
30
- var _5ccc4bde48c478ee_png = require('../assets/images/5ccc4bde48c478ee.png');
31
- var d94c6aef4634d47f_png = require('../assets/images/d94c6aef4634d47f.png');
32
- var bc3a4d9747d9235c_png = require('../assets/images/bc3a4d9747d9235c.png');
33
- var _4aec8c7b2b1f6739_png = require('../assets/images/4aec8c7b2b1f6739.png');
34
- var _01b9ca612cf4a6a6_png = require('../assets/images/01b9ca612cf4a6a6.png');
35
- var _3a3a4d27b9a019b2_png = require('../assets/images/3a3a4d27b9a019b2.png');
36
- var f3452bab9d2d80d5_png = require('../assets/images/f3452bab9d2d80d5.png');
37
25
  var horoscopeBackground = require('../assets/images/0ccfdaa4b1080aa8.png');
26
+ var aquarius = require('../assets/images/38b67a045c917eba.png');
27
+ var aries = require('../assets/images/f1d91f035ccb8c4f.png');
28
+ var cancer = require('../assets/images/3e6d012702227225.png');
29
+ var capricorn = require('../assets/images/a6d606997910361a.png');
30
+ var gemini = require('../assets/images/12148919dcf14f67.png');
31
+ var leo = require('../assets/images/5ccc4bde48c478ee.png');
32
+ var libra = require('../assets/images/d94c6aef4634d47f.png');
33
+ var pisces = require('../assets/images/bc3a4d9747d9235c.png');
34
+ var sagittarius = require('../assets/images/4aec8c7b2b1f6739.png');
35
+ var scorpio = require('../assets/images/01b9ca612cf4a6a6.png');
36
+ var taurus = require('../assets/images/3a3a4d27b9a019b2.png');
37
+ var virgo = require('../assets/images/f3452bab9d2d80d5.png');
38
38
 
39
39
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
40
40
 
@@ -52,19 +52,19 @@ var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
52
52
  var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
53
53
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
54
54
  var Author__default = /*#__PURE__*/_interopDefaultLegacy(Author);
55
- var _38b67a045c917eba_png__default = /*#__PURE__*/_interopDefaultLegacy(_38b67a045c917eba_png);
56
- var f1d91f035ccb8c4f_png__default = /*#__PURE__*/_interopDefaultLegacy(f1d91f035ccb8c4f_png);
57
- var _3e6d012702227225_png__default = /*#__PURE__*/_interopDefaultLegacy(_3e6d012702227225_png);
58
- var a6d606997910361a_png__default = /*#__PURE__*/_interopDefaultLegacy(a6d606997910361a_png);
59
- var _12148919dcf14f67_png__default = /*#__PURE__*/_interopDefaultLegacy(_12148919dcf14f67_png);
60
- var _5ccc4bde48c478ee_png__default = /*#__PURE__*/_interopDefaultLegacy(_5ccc4bde48c478ee_png);
61
- var d94c6aef4634d47f_png__default = /*#__PURE__*/_interopDefaultLegacy(d94c6aef4634d47f_png);
62
- var bc3a4d9747d9235c_png__default = /*#__PURE__*/_interopDefaultLegacy(bc3a4d9747d9235c_png);
63
- var _4aec8c7b2b1f6739_png__default = /*#__PURE__*/_interopDefaultLegacy(_4aec8c7b2b1f6739_png);
64
- var _01b9ca612cf4a6a6_png__default = /*#__PURE__*/_interopDefaultLegacy(_01b9ca612cf4a6a6_png);
65
- var _3a3a4d27b9a019b2_png__default = /*#__PURE__*/_interopDefaultLegacy(_3a3a4d27b9a019b2_png);
66
- var f3452bab9d2d80d5_png__default = /*#__PURE__*/_interopDefaultLegacy(f3452bab9d2d80d5_png);
67
55
  var horoscopeBackground__default = /*#__PURE__*/_interopDefaultLegacy(horoscopeBackground);
56
+ var aquarius__default = /*#__PURE__*/_interopDefaultLegacy(aquarius);
57
+ var aries__default = /*#__PURE__*/_interopDefaultLegacy(aries);
58
+ var cancer__default = /*#__PURE__*/_interopDefaultLegacy(cancer);
59
+ var capricorn__default = /*#__PURE__*/_interopDefaultLegacy(capricorn);
60
+ var gemini__default = /*#__PURE__*/_interopDefaultLegacy(gemini);
61
+ var leo__default = /*#__PURE__*/_interopDefaultLegacy(leo);
62
+ var libra__default = /*#__PURE__*/_interopDefaultLegacy(libra);
63
+ var pisces__default = /*#__PURE__*/_interopDefaultLegacy(pisces);
64
+ var sagittarius__default = /*#__PURE__*/_interopDefaultLegacy(sagittarius);
65
+ var scorpio__default = /*#__PURE__*/_interopDefaultLegacy(scorpio);
66
+ var taurus__default = /*#__PURE__*/_interopDefaultLegacy(taurus);
67
+ var virgo__default = /*#__PURE__*/_interopDefaultLegacy(virgo);
68
68
 
69
69
  var styles$2 = {"container":"micromag-screen-urbania-horoscope-sign-modal-container","disabled":"micromag-screen-urbania-horoscope-sign-modal-disabled","hidden":"micromag-screen-urbania-horoscope-sign-modal-hidden","placeholder":"micromag-screen-urbania-horoscope-sign-modal-placeholder","content":"micromag-screen-urbania-horoscope-sign-modal-content","backButton":"micromag-screen-urbania-horoscope-sign-modal-backButton","arrow":"micromag-screen-urbania-horoscope-sign-modal-arrow","modalContainer":"micromag-screen-urbania-horoscope-sign-modal-modalContainer","signName":"micromag-screen-urbania-horoscope-sign-modal-signName","wordContainer":"micromag-screen-urbania-horoscope-sign-modal-wordContainer","wordTitle":"micromag-screen-urbania-horoscope-sign-modal-wordTitle","word":"micromag-screen-urbania-horoscope-sign-modal-word","description":"micromag-screen-urbania-horoscope-sign-modal-description","image":"micromag-screen-urbania-horoscope-sign-modal-image"};
70
70
 
@@ -290,15 +290,17 @@ var SignsGrid = function SignsGrid(_ref) {
290
290
 
291
291
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
292
292
  isView = _useScreenRenderConte.isView,
293
- isPlaceholder = _useScreenRenderConte.isPlaceholder;
293
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
294
+ isEdit = _useScreenRenderConte.isEdit;
294
295
 
296
+ var backgroundPlaying = current && (isView || isEdit);
295
297
  var backgroundShouldLoad = !isPlaceholder && (current || active || !isView);
296
298
  return /*#__PURE__*/React__default["default"].createElement("div", {
297
299
  className: classNames__default["default"]([styles$1.container, _defineProperty__default["default"]({}, className, className !== null)])
298
300
  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
299
301
  background: background || defaultBackground,
300
- fit: "cover" // playing={backgroundPlaying}
301
- ,
302
+ fit: "cover",
303
+ playing: backgroundPlaying,
302
304
  shouldLoad: backgroundShouldLoad
303
305
  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
304
306
  width: width,
@@ -397,7 +399,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
397
399
 
398
400
  var signs = [{
399
401
  id: 'aries',
400
- image: f1d91f035ccb8c4f_png__default["default"],
402
+ image: aries__default["default"],
401
403
  label: reactIntl.defineMessage({
402
404
  id: "/PJA/1",
403
405
  defaultMessage: [{
@@ -414,7 +416,7 @@ var signs = [{
414
416
  })
415
417
  }, {
416
418
  id: 'taurus',
417
- image: _3a3a4d27b9a019b2_png__default["default"],
419
+ image: taurus__default["default"],
418
420
  label: reactIntl.defineMessage({
419
421
  id: "XKcyqx",
420
422
  defaultMessage: [{
@@ -431,7 +433,7 @@ var signs = [{
431
433
  })
432
434
  }, {
433
435
  id: 'gemini',
434
- image: _12148919dcf14f67_png__default["default"],
436
+ image: gemini__default["default"],
435
437
  label: reactIntl.defineMessage({
436
438
  id: "4g35M0",
437
439
  defaultMessage: [{
@@ -448,7 +450,7 @@ var signs = [{
448
450
  })
449
451
  }, {
450
452
  id: 'cancer',
451
- image: _3e6d012702227225_png__default["default"],
453
+ image: cancer__default["default"],
452
454
  label: reactIntl.defineMessage({
453
455
  id: "0acGK7",
454
456
  defaultMessage: [{
@@ -465,7 +467,7 @@ var signs = [{
465
467
  })
466
468
  }, {
467
469
  id: 'leo',
468
- image: _5ccc4bde48c478ee_png__default["default"],
470
+ image: leo__default["default"],
469
471
  label: reactIntl.defineMessage({
470
472
  id: "EEUc6n",
471
473
  defaultMessage: [{
@@ -482,7 +484,7 @@ var signs = [{
482
484
  })
483
485
  }, {
484
486
  id: 'virgo',
485
- image: f3452bab9d2d80d5_png__default["default"],
487
+ image: virgo__default["default"],
486
488
  label: reactIntl.defineMessage({
487
489
  id: "6bd963",
488
490
  defaultMessage: [{
@@ -499,7 +501,7 @@ var signs = [{
499
501
  })
500
502
  }, {
501
503
  id: 'libra',
502
- image: d94c6aef4634d47f_png__default["default"],
504
+ image: libra__default["default"],
503
505
  label: reactIntl.defineMessage({
504
506
  id: "M/FGRs",
505
507
  defaultMessage: [{
@@ -516,7 +518,7 @@ var signs = [{
516
518
  })
517
519
  }, {
518
520
  id: 'scorpio',
519
- image: _01b9ca612cf4a6a6_png__default["default"],
521
+ image: scorpio__default["default"],
520
522
  label: reactIntl.defineMessage({
521
523
  id: "YyPYHk",
522
524
  defaultMessage: [{
@@ -533,7 +535,7 @@ var signs = [{
533
535
  })
534
536
  }, {
535
537
  id: 'sagittarius',
536
- image: _4aec8c7b2b1f6739_png__default["default"],
538
+ image: sagittarius__default["default"],
537
539
  label: reactIntl.defineMessage({
538
540
  id: "7mMPO4",
539
541
  defaultMessage: [{
@@ -550,7 +552,7 @@ var signs = [{
550
552
  })
551
553
  }, {
552
554
  id: 'capricorn',
553
- image: a6d606997910361a_png__default["default"],
555
+ image: capricorn__default["default"],
554
556
  label: reactIntl.defineMessage({
555
557
  id: "NumcrW",
556
558
  defaultMessage: [{
@@ -567,7 +569,7 @@ var signs = [{
567
569
  })
568
570
  }, {
569
571
  id: 'aquarius',
570
- image: _38b67a045c917eba_png__default["default"],
572
+ image: aquarius__default["default"],
571
573
  label: reactIntl.defineMessage({
572
574
  id: "fBii8l",
573
575
  defaultMessage: [{
@@ -584,7 +586,7 @@ var signs = [{
584
586
  })
585
587
  }, {
586
588
  id: 'pisces',
587
- image: bc3a4d9747d9235c_png__default["default"],
589
+ image: pisces__default["default"],
588
590
  label: reactIntl.defineMessage({
589
591
  id: "dxAumJ",
590
592
  defaultMessage: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-horoscope",
3
- "version": "0.3.98",
3
+ "version": "0.3.103",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -53,7 +53,7 @@
53
53
  "@micromag/core": "^0.3.91",
54
54
  "@micromag/element-background": "^0.3.91",
55
55
  "@micromag/element-button": "^0.3.91",
56
- "@micromag/element-call-to-action": "^0.3.98",
56
+ "@micromag/element-call-to-action": "^0.3.103",
57
57
  "@micromag/element-container": "^0.3.91",
58
58
  "@micromag/element-grid": "^0.3.91",
59
59
  "@micromag/element-heading": "^0.3.91",
@@ -72,5 +72,5 @@
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "240a044625270e640a9df457eaf6c3b1edf3466e"
75
+ "gitHead": "660b2ada7b03941feb841470abf5cd2cc6e3e68f"
76
76
  }