@micromag/screen-urbania-horoscope 0.3.96 → 0.3.101

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 +33 -29
  3. package/lib/index.js +45 -41
  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:34px;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-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
 
@@ -184,7 +184,7 @@ var Close = function Close(_ref) {
184
184
  Close.propTypes = propTypes$2;
185
185
  Close.defaultProps = defaultProps$2;
186
186
 
187
- var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
187
+ var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
188
188
 
189
189
  var defaultBackground = {
190
190
  image: {
@@ -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,
@@ -277,7 +279,9 @@ var SignsGrid = function SignsGrid(_ref) {
277
279
  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Button, {
278
280
  onClick: closeButton,
279
281
  className: styles$1.closeButton
280
- }, /*#__PURE__*/React.createElement(Close, null)) : null, /*#__PURE__*/React.createElement(TransitionGroup, null, !activeSignId ? /*#__PURE__*/React.createElement(CSSTransition, {
282
+ }, /*#__PURE__*/React.createElement(Close, {
283
+ className: styles$1.close
284
+ })) : null, /*#__PURE__*/React.createElement(TransitionGroup, null, !activeSignId ? /*#__PURE__*/React.createElement(CSSTransition, {
281
285
  key: "grid",
282
286
  classNames: styles$1,
283
287
  timeout: transitionDisabled ? 0 : 1000
@@ -361,7 +365,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
361
365
 
362
366
  var signs = [{
363
367
  id: 'aries',
364
- image: f1d91f035ccb8c4f_png,
368
+ image: aries,
365
369
  label: defineMessage({
366
370
  id: "/PJA/1",
367
371
  defaultMessage: [{
@@ -378,7 +382,7 @@ var signs = [{
378
382
  })
379
383
  }, {
380
384
  id: 'taurus',
381
- image: _3a3a4d27b9a019b2_png,
385
+ image: taurus,
382
386
  label: defineMessage({
383
387
  id: "XKcyqx",
384
388
  defaultMessage: [{
@@ -395,7 +399,7 @@ var signs = [{
395
399
  })
396
400
  }, {
397
401
  id: 'gemini',
398
- image: _12148919dcf14f67_png,
402
+ image: gemini,
399
403
  label: defineMessage({
400
404
  id: "4g35M0",
401
405
  defaultMessage: [{
@@ -412,7 +416,7 @@ var signs = [{
412
416
  })
413
417
  }, {
414
418
  id: 'cancer',
415
- image: _3e6d012702227225_png,
419
+ image: cancer,
416
420
  label: defineMessage({
417
421
  id: "0acGK7",
418
422
  defaultMessage: [{
@@ -429,7 +433,7 @@ var signs = [{
429
433
  })
430
434
  }, {
431
435
  id: 'leo',
432
- image: _5ccc4bde48c478ee_png,
436
+ image: leo,
433
437
  label: defineMessage({
434
438
  id: "EEUc6n",
435
439
  defaultMessage: [{
@@ -446,7 +450,7 @@ var signs = [{
446
450
  })
447
451
  }, {
448
452
  id: 'virgo',
449
- image: f3452bab9d2d80d5_png,
453
+ image: virgo,
450
454
  label: defineMessage({
451
455
  id: "6bd963",
452
456
  defaultMessage: [{
@@ -463,7 +467,7 @@ var signs = [{
463
467
  })
464
468
  }, {
465
469
  id: 'libra',
466
- image: d94c6aef4634d47f_png,
470
+ image: libra,
467
471
  label: defineMessage({
468
472
  id: "M/FGRs",
469
473
  defaultMessage: [{
@@ -480,7 +484,7 @@ var signs = [{
480
484
  })
481
485
  }, {
482
486
  id: 'scorpio',
483
- image: _01b9ca612cf4a6a6_png,
487
+ image: scorpio,
484
488
  label: defineMessage({
485
489
  id: "YyPYHk",
486
490
  defaultMessage: [{
@@ -497,7 +501,7 @@ var signs = [{
497
501
  })
498
502
  }, {
499
503
  id: 'sagittarius',
500
- image: _4aec8c7b2b1f6739_png,
504
+ image: sagittarius,
501
505
  label: defineMessage({
502
506
  id: "7mMPO4",
503
507
  defaultMessage: [{
@@ -514,7 +518,7 @@ var signs = [{
514
518
  })
515
519
  }, {
516
520
  id: 'capricorn',
517
- image: a6d606997910361a_png,
521
+ image: capricorn,
518
522
  label: defineMessage({
519
523
  id: "NumcrW",
520
524
  defaultMessage: [{
@@ -531,7 +535,7 @@ var signs = [{
531
535
  })
532
536
  }, {
533
537
  id: 'aquarius',
534
- image: _38b67a045c917eba_png,
538
+ image: aquarius,
535
539
  label: defineMessage({
536
540
  id: "fBii8l",
537
541
  defaultMessage: [{
@@ -548,7 +552,7 @@ var signs = [{
548
552
  })
549
553
  }, {
550
554
  id: 'pisces',
551
- image: bc3a4d9747d9235c_png,
555
+ image: pisces,
552
556
  label: defineMessage({
553
557
  id: "dxAumJ",
554
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
 
@@ -218,7 +218,7 @@ var Close = function Close(_ref) {
218
218
  Close.propTypes = propTypes$2;
219
219
  Close.defaultProps = defaultProps$2;
220
220
 
221
- var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
221
+ var styles$1 = {"container":"micromag-screen-urbania-horoscope-signs-grid-container","closeButton":"micromag-screen-urbania-horoscope-signs-grid-closeButton","disabled":"micromag-screen-urbania-horoscope-signs-grid-disabled","hidden":"micromag-screen-urbania-horoscope-signs-grid-hidden","placeholder":"micromag-screen-urbania-horoscope-signs-grid-placeholder","content":"micromag-screen-urbania-horoscope-signs-grid-content","gridContainer":"micromag-screen-urbania-horoscope-signs-grid-gridContainer","isPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-isPlaceholder","signPlaceholder":"micromag-screen-urbania-horoscope-signs-grid-signPlaceholder","gridElement":"micromag-screen-urbania-horoscope-signs-grid-gridElement","image":"micromag-screen-urbania-horoscope-signs-grid-image","signName":"micromag-screen-urbania-horoscope-signs-grid-signName","date":"micromag-screen-urbania-horoscope-signs-grid-date","backButton":"micromag-screen-urbania-horoscope-signs-grid-backButton","close":"micromag-screen-urbania-horoscope-signs-grid-close","arrow":"micromag-screen-urbania-horoscope-signs-grid-arrow","backLabel":"micromag-screen-urbania-horoscope-signs-grid-backLabel","modalContainer":"micromag-screen-urbania-horoscope-signs-grid-modalContainer","enter":"micromag-screen-urbania-horoscope-signs-grid-enter","enterActive":"micromag-screen-urbania-horoscope-signs-grid-enterActive","exit":"micromag-screen-urbania-horoscope-signs-grid-exit","exitActive":"micromag-screen-urbania-horoscope-signs-grid-exitActive","signModal":"micromag-screen-urbania-horoscope-signs-grid-signModal"};
222
222
 
223
223
  var defaultBackground = {
224
224
  image: {
@@ -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,
@@ -311,7 +313,9 @@ var SignsGrid = function SignsGrid(_ref) {
311
313
  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
312
314
  onClick: closeButton,
313
315
  className: styles$1.closeButton
314
- }, /*#__PURE__*/React__default["default"].createElement(Close, null)) : null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, !activeSignId ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
316
+ }, /*#__PURE__*/React__default["default"].createElement(Close, {
317
+ className: styles$1.close
318
+ })) : null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, !activeSignId ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
315
319
  key: "grid",
316
320
  classNames: styles$1,
317
321
  timeout: transitionDisabled ? 0 : 1000
@@ -395,7 +399,7 @@ var Astrologie = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%
395
399
 
396
400
  var signs = [{
397
401
  id: 'aries',
398
- image: f1d91f035ccb8c4f_png__default["default"],
402
+ image: aries__default["default"],
399
403
  label: reactIntl.defineMessage({
400
404
  id: "/PJA/1",
401
405
  defaultMessage: [{
@@ -412,7 +416,7 @@ var signs = [{
412
416
  })
413
417
  }, {
414
418
  id: 'taurus',
415
- image: _3a3a4d27b9a019b2_png__default["default"],
419
+ image: taurus__default["default"],
416
420
  label: reactIntl.defineMessage({
417
421
  id: "XKcyqx",
418
422
  defaultMessage: [{
@@ -429,7 +433,7 @@ var signs = [{
429
433
  })
430
434
  }, {
431
435
  id: 'gemini',
432
- image: _12148919dcf14f67_png__default["default"],
436
+ image: gemini__default["default"],
433
437
  label: reactIntl.defineMessage({
434
438
  id: "4g35M0",
435
439
  defaultMessage: [{
@@ -446,7 +450,7 @@ var signs = [{
446
450
  })
447
451
  }, {
448
452
  id: 'cancer',
449
- image: _3e6d012702227225_png__default["default"],
453
+ image: cancer__default["default"],
450
454
  label: reactIntl.defineMessage({
451
455
  id: "0acGK7",
452
456
  defaultMessage: [{
@@ -463,7 +467,7 @@ var signs = [{
463
467
  })
464
468
  }, {
465
469
  id: 'leo',
466
- image: _5ccc4bde48c478ee_png__default["default"],
470
+ image: leo__default["default"],
467
471
  label: reactIntl.defineMessage({
468
472
  id: "EEUc6n",
469
473
  defaultMessage: [{
@@ -480,7 +484,7 @@ var signs = [{
480
484
  })
481
485
  }, {
482
486
  id: 'virgo',
483
- image: f3452bab9d2d80d5_png__default["default"],
487
+ image: virgo__default["default"],
484
488
  label: reactIntl.defineMessage({
485
489
  id: "6bd963",
486
490
  defaultMessage: [{
@@ -497,7 +501,7 @@ var signs = [{
497
501
  })
498
502
  }, {
499
503
  id: 'libra',
500
- image: d94c6aef4634d47f_png__default["default"],
504
+ image: libra__default["default"],
501
505
  label: reactIntl.defineMessage({
502
506
  id: "M/FGRs",
503
507
  defaultMessage: [{
@@ -514,7 +518,7 @@ var signs = [{
514
518
  })
515
519
  }, {
516
520
  id: 'scorpio',
517
- image: _01b9ca612cf4a6a6_png__default["default"],
521
+ image: scorpio__default["default"],
518
522
  label: reactIntl.defineMessage({
519
523
  id: "YyPYHk",
520
524
  defaultMessage: [{
@@ -531,7 +535,7 @@ var signs = [{
531
535
  })
532
536
  }, {
533
537
  id: 'sagittarius',
534
- image: _4aec8c7b2b1f6739_png__default["default"],
538
+ image: sagittarius__default["default"],
535
539
  label: reactIntl.defineMessage({
536
540
  id: "7mMPO4",
537
541
  defaultMessage: [{
@@ -548,7 +552,7 @@ var signs = [{
548
552
  })
549
553
  }, {
550
554
  id: 'capricorn',
551
- image: a6d606997910361a_png__default["default"],
555
+ image: capricorn__default["default"],
552
556
  label: reactIntl.defineMessage({
553
557
  id: "NumcrW",
554
558
  defaultMessage: [{
@@ -565,7 +569,7 @@ var signs = [{
565
569
  })
566
570
  }, {
567
571
  id: 'aquarius',
568
- image: _38b67a045c917eba_png__default["default"],
572
+ image: aquarius__default["default"],
569
573
  label: reactIntl.defineMessage({
570
574
  id: "fBii8l",
571
575
  defaultMessage: [{
@@ -582,7 +586,7 @@ var signs = [{
582
586
  })
583
587
  }, {
584
588
  id: 'pisces',
585
- image: bc3a4d9747d9235c_png__default["default"],
589
+ image: pisces__default["default"],
586
590
  label: reactIntl.defineMessage({
587
591
  id: "dxAumJ",
588
592
  defaultMessage: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-horoscope",
3
- "version": "0.3.96",
3
+ "version": "0.3.101",
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.96",
56
+ "@micromag/element-call-to-action": "^0.3.100",
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": "26d3c0febab77e493e09208c5e1aff0781f13330"
75
+ "gitHead": "693764a79b2a82d5ebf6adbf1c6016e91f64250d"
76
76
  }