@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.
- package/assets/css/styles.css +3 -3
- package/es/index.js +33 -29
- package/lib/index.js +45 -41
- 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:
|
|
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:
|
|
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"
|
|
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,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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"
|
|
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,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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.
|
|
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.
|
|
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": "
|
|
75
|
+
"gitHead": "693764a79b2a82d5ebf6adbf1c6016e91f64250d"
|
|
76
76
|
}
|