@micromag/screen-urbania-recommendation 0.3.426 → 0.3.430

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.
@@ -1 +1 @@
1
- .micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText{color:#f28d77;font-family:Agrandir,sans-serif;font-size:100px;font-style:italic;font-weight:900;height:100%;line-height:.9;text-align:center;text-transform:uppercase;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromBottom{-webkit-animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(100%) rotate(180deg);-ms-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromTop{-webkit-animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);-ms-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{width:calc(100% - 10px)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor{padding:5px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory{height:20%;left:10px;padding:10px;position:absolute;top:calc(100% - 24px);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer{-webkit-transition:opacity .2 ease-out;-o-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close{color:#000;position:absolute;right:10px;top:10px;z-index:3}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-closeIcon{height:1.5em;width:1.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{background-color:#fff;border-radius:10px;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25);box-shadow:4px 4px 4px rgba(0,0,0,.25);color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0 auto;-webkit-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;-o-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;width:90%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard .micromag-screen-urbania-recommendation-visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom .micromag-screen-urbania-recommendation-visualContainer{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-modalOpened{height:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer.micromag-screen-urbania-recommendation-modalOpened{border-radius:0;overflow:auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;text-transform:uppercase;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-hasVisual{position:absolute}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper.micromag-screen-urbania-recommendation-modalOpened{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);display:-ms-flexbox;display:flex;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);-o-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);z-index:2}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{display:block;margin:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-transitioning{-webkit-transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);-o-transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56),-webkit-transform .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover>.micromag-screen-urbania-recommendation-iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:50%;bottom:10px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);display:-ms-flexbox;display:flex;height:30px;justify-content:center;left:10px;pointer-events:none;position:absolute;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;width:30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-visualBottom{bottom:25px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-icon{height:14px;width:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-text{display:-ms-flexbox;display:flex;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryContainer{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;top:100%;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;padding:12px 10px 6px;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px;width:20%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;display:none;margin-left:2px;padding:10px;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{border-bottom:1px solid #000;font-family:Agrandir Tight,sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{border-bottom:1px solid #000;font-family:Agrandir Tight,sans-serif;padding-top:3px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{font-size:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-size:12px;font-weight:700}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:300;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{font-weight:inherit;margin-bottom:.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}
1
+ .micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-recommendation-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{padding:6px;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-recommendation-container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{z-index:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundTextContainer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText{color:#f28d77;font-family:Agrandir,sans-serif;font-size:100px;font-style:italic;font-weight:900;height:100%;line-height:.9;text-align:center;text-transform:uppercase;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromBottom{-webkit-animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(100%) rotate(180deg);-ms-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-backgroundText.micromag-screen-urbania-recommendation-animateFromTop{-webkit-animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation:micromag-screen-urbania-recommendation-slideFromTop 1.2s cubic-bezier(.85,0,.15,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);-ms-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-empty,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyVisual{width:calc(100% - 10px)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptySponsor{padding:5px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyCategory{height:20%;left:10px;padding:10px;position:absolute;top:calc(100% - 24px);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-footer.micromag-screen-urbania-recommendation-disabled{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-close{color:#000;position:absolute;right:10px;top:10px;z-index:3}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-closeIcon{height:1.5em;width:1.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-radius:10px;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.25);box-shadow:4px 4px 4px rgba(0,0,0,.25);color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;margin:0 auto;-webkit-transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;transition:height .4s cubic-bezier(.36,0,.66,-.56),opacity .4s ease;width:90%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);animation:micromag-screen-urbania-recommendation-appear .5s cubic-bezier(.65,0,.35,1);-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard .micromag-screen-urbania-recommendation-visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-visualBottom .micromag-screen-urbania-recommendation-visualContainer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-modalOpened{height:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-hidden{opacity:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualContainer.micromag-screen-urbania-recommendation-modalOpened{border-radius:0;overflow:auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;text-transform:uppercase;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-hasVisual{position:absolute}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualWrapper.micromag-screen-urbania-recommendation-modalOpened{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);transition:background-color .4s cubic-bezier(.36,0,.66,-.56),backdrop-filter .4s cubic-bezier(.36,0,.66,-.56),-webkit-backdrop-filter .4s cubic-bezier(.36,0,.66,-.56);z-index:2}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton{display:block;margin:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton.micromag-screen-urbania-recommendation-transitioning{-webkit-transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:-webkit-transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56);transition:transform .4s cubic-bezier(.36,0,.66,-.56),-webkit-transform .4s cubic-bezier(.36,0,.66,-.56)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-visualButton:hover>.micromag-screen-urbania-recommendation-iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:50%;bottom:10px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;justify-content:center;left:10px;pointer-events:none;position:absolute;-webkit-transition:all .1s;transition:all .1s;width:30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-iconContainer.micromag-screen-urbania-recommendation-visualBottom{bottom:25px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-icon{height:14px;width:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-text{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryContainer{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;top:100%;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;padding:12px 10px 6px;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{background-color:#343434;padding:10px;width:20%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textContent.micromag-screen-urbania-recommendation-isPlaceholder{background-color:#e9e9e9;display:none;margin-left:2px;padding:10px;visibility:hidden}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{word-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{border-bottom:1px solid #000;font-family:Agrandir Tight,sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{border-bottom:1px solid #000;font-family:Agrandir Tight,sans-serif;padding-top:3px;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{font-size:14px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-size:12px;font-weight:700}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location p,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:300;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{font-weight:inherit;margin-bottom:.5em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromBottom{0%{opacity:0;-webkit-transform:translateY(100%) rotate(180deg);transform:translateY(100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@-webkit-keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}@keyframes micromag-screen-urbania-recommendation-slideFromTop{0%{opacity:0;-webkit-transform:translateY(-100%) rotate(180deg);transform:translateY(-100%) rotate(180deg)}to{opacity:1;-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}}
package/es/index.js CHANGED
@@ -60,7 +60,6 @@ var defaultProps = {
60
60
  className: null
61
61
  };
62
62
  var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
63
- var _ref9, _ref10;
64
63
  var layout = _ref.layout,
65
64
  category = _ref.category,
66
65
  visual = _ref.visual,
@@ -321,7 +320,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
321
320
  }, [activityDetected, showControls, isVideo, hideControls]);
322
321
  useDebounce(toggleControlsVisibility, activityDetected, 1000);
323
322
  return /*#__PURE__*/React.createElement("div", {
324
- className: classNames([styles.container, (_ref9 = {}, _defineProperty(_ref9, className, className !== null), _defineProperty(_ref9, styles.isPlaceholder, isPlaceholder), _ref9)]),
323
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
325
324
  "data-screen-ready": true
326
325
  }, /*#__PURE__*/React.createElement(Container, {
327
326
  width: width,
@@ -361,7 +360,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
361
360
  }, /*#__PURE__*/React.createElement(Close, {
362
361
  className: styles.closeIcon
363
362
  })) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React.createElement(Container, {
364
- className: classNames([styles.textCard, (_ref10 = {}, _defineProperty(_ref10, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref10, styles.visualBottom, layout === 'bottom'), _defineProperty(_ref10, styles.appear, backgroundAnimationStarted), _defineProperty(_ref10, styles.modalOpened, visualModalTransitioning || visualModalOpened), _defineProperty(_ref10, styles.hidden, !current && isView && !isPreview), _ref10)])
363
+ className: classNames([styles.textCard, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.isPlaceholder, isPlaceholder), styles.visualBottom, layout === 'bottom'), styles.appear, backgroundAnimationStarted), styles.modalOpened, visualModalTransitioning || visualModalOpened), styles.hidden, !current && isView && !isPreview)])
365
364
  }, /*#__PURE__*/React.createElement("div", {
366
365
  className: classNames([styles.visualContainer, _defineProperty({}, styles.modalOpened, visualModalTransitioning || visualModalOpened)])
367
366
  }, /*#__PURE__*/React.createElement(ScreenElement, {
@@ -527,10 +526,9 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
527
526
  height: height,
528
527
  className: styles.backgroundTextContainer
529
528
  }, (finalBackgroundText || []).map(function (line, i) {
530
- var _classNames;
531
529
  return /*#__PURE__*/React.createElement("div", {
532
530
  key: "reco-background-text-".concat(i + 1),
533
- className: classNames([styles.backgroundText], (_classNames = {}, _defineProperty(_classNames, styles.hidden, !current && isView && !isPreview), _defineProperty(_classNames, styles.didAnimate, didAnimate), _defineProperty(_classNames, styles.animateFromBottom, backgroundAnimationStarted && i % 2 !== 0), _defineProperty(_classNames, styles.animateFromTop, backgroundAnimationStarted && i % 2 === 0), _classNames)),
531
+ className: classNames([styles.backgroundText], _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.hidden, !current && isView && !isPreview), styles.didAnimate, didAnimate), styles.animateFromBottom, backgroundAnimationStarted && i % 2 !== 0), styles.animateFromTop, backgroundAnimationStarted && i % 2 === 0)),
534
532
  style: _objectSpread({
535
533
  animationDelay: "".concat(i * 100, "ms")
536
534
  }, getStyleFromText(backgroundTextStyle))
package/lib/index.js CHANGED
@@ -25,31 +25,12 @@ var Scroll = require('@micromag/element-scroll');
25
25
  var Text = require('@micromag/element-text');
26
26
  var Visual = require('@micromag/element-visual');
27
27
 
28
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
-
30
- var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
31
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
32
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
33
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
34
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
35
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
36
- var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
37
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
38
- var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
39
- var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
40
- var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
41
- var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
42
- var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
43
- var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
44
- var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
45
- var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
46
-
47
28
  var styles = {"container":"micromag-screen-urbania-recommendation-container","visualButton":"micromag-screen-urbania-recommendation-visualButton","close":"micromag-screen-urbania-recommendation-close","backgroundTextContainer":"micromag-screen-urbania-recommendation-backgroundTextContainer","background":"micromag-screen-urbania-recommendation-background","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyCategory":"micromag-screen-urbania-recommendation-emptyCategory","empty":"micromag-screen-urbania-recommendation-empty","emptyText":"micromag-screen-urbania-recommendation-emptyText","backgroundText":"micromag-screen-urbania-recommendation-backgroundText","didAnimate":"micromag-screen-urbania-recommendation-didAnimate","animateFromBottom":"micromag-screen-urbania-recommendation-animateFromBottom","slideFromBottom":"micromag-screen-urbania-recommendation-slideFromBottom","animateFromTop":"micromag-screen-urbania-recommendation-animateFromTop","slideFromTop":"micromag-screen-urbania-recommendation-slideFromTop","emptyVisual":"micromag-screen-urbania-recommendation-emptyVisual","emptySponsor":"micromag-screen-urbania-recommendation-emptySponsor","footer":"micromag-screen-urbania-recommendation-footer","closeIcon":"micromag-screen-urbania-recommendation-closeIcon","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","visualContainer":"micromag-screen-urbania-recommendation-visualContainer","visualBottom":"micromag-screen-urbania-recommendation-visualBottom","modalOpened":"micromag-screen-urbania-recommendation-modalOpened","sponsor":"micromag-screen-urbania-recommendation-sponsor","hasVisual":"micromag-screen-urbania-recommendation-hasVisual","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","visualWrapper":"micromag-screen-urbania-recommendation-visualWrapper","transitioning":"micromag-screen-urbania-recommendation-transitioning","iconContainer":"micromag-screen-urbania-recommendation-iconContainer","icon":"micromag-screen-urbania-recommendation-icon","text":"micromag-screen-urbania-recommendation-text","categoryContainer":"micromag-screen-urbania-recommendation-categoryContainer","category":"micromag-screen-urbania-recommendation-category","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","textContent":"micromag-screen-urbania-recommendation-textContent","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","title":"micromag-screen-urbania-recommendation-title","date":"micromag-screen-urbania-recommendation-date","location":"micromag-screen-urbania-recommendation-location","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","layout":"micromag-screen-urbania-recommendation-layout"};
48
29
 
49
30
  var propTypes = {
50
- layout: PropTypes__default["default"].string,
31
+ layout: PropTypes.string,
51
32
  category: core.PropTypes.headingElement,
52
- visual: PropTypes__default["default"].shape({
33
+ visual: PropTypes.shape({
53
34
  image: core.PropTypes.visualElement
54
35
  }),
55
36
  title: core.PropTypes.headingElement,
@@ -57,13 +38,13 @@ var propTypes = {
57
38
  location: core.PropTypes.textElement,
58
39
  description: core.PropTypes.textElement,
59
40
  sponsor: core.PropTypes.textElement,
60
- spacing: PropTypes__default["default"].number,
41
+ spacing: PropTypes.number,
61
42
  header: core.PropTypes.header,
62
43
  footer: core.PropTypes.footer,
63
44
  background: core.PropTypes.backgroundElement,
64
- current: PropTypes__default["default"].bool,
65
- active: PropTypes__default["default"].bool,
66
- className: PropTypes__default["default"].string
45
+ current: PropTypes.bool,
46
+ active: PropTypes.bool,
47
+ className: PropTypes.string
67
48
  };
68
49
  var defaultProps = {
69
50
  layout: null,
@@ -83,7 +64,6 @@ var defaultProps = {
83
64
  className: null
84
65
  };
85
66
  var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
86
- var _ref9, _ref10;
87
67
  var layout = _ref.layout,
88
68
  category = _ref.category,
89
69
  visual = _ref.visual,
@@ -130,11 +110,11 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
130
110
  isStatic = _useScreenRenderConte.isStatic;
131
111
  var animateBackground = current && !isPlaceholder && !isStatic && !isPreview && !isEdit;
132
112
  var _useState = React.useState(animateBackground),
133
- _useState2 = _slicedToArray__default["default"](_useState, 2),
113
+ _useState2 = _slicedToArray(_useState, 2),
134
114
  backgroundAnimationStarted = _useState2[0],
135
115
  setBackgroundAnimationStarted = _useState2[1];
136
116
  var _useState3 = React.useState(false),
137
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
117
+ _useState4 = _slicedToArray(_useState3, 2),
138
118
  didAnimate = _useState4[0],
139
119
  setDidAnimate = _useState4[1];
140
120
  var _ref2 = visual || {},
@@ -173,7 +153,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
173
153
  isPreview: isPreview
174
154
  });
175
155
  var _useState5 = React.useState(false),
176
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
156
+ _useState6 = _slicedToArray(_useState5, 2),
177
157
  scrolledBottom = _useState6[0],
178
158
  setScrolledBottom = _useState6[1];
179
159
  var _useResizeObserver = hooks.useResizeObserver(),
@@ -186,11 +166,11 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
186
166
  _ref5$height = _ref5.height,
187
167
  textContainerHeight = _ref5$height === void 0 ? 0 : _ref5$height;
188
168
  var _useState7 = React.useState(false),
189
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
169
+ _useState8 = _slicedToArray(_useState7, 2),
190
170
  visualModalTransitioning = _useState8[0],
191
171
  setVisualModalTransitioning = _useState8[1];
192
172
  var _useState9 = React.useState(false),
193
- _useState10 = _slicedToArray__default["default"](_useState9, 2),
173
+ _useState10 = _slicedToArray(_useState9, 2),
194
174
  visualModalOpened = _useState10[0],
195
175
  setVisualModalOpened = _useState10[1];
196
176
  var visualModalClosed = !visualModalTransitioning && !visualModalOpened;
@@ -217,7 +197,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
217
197
 
218
198
  // @TODO: move container div here to avoid double map
219
199
  var textElements = (textArray || []).map(function (line) {
220
- return /*#__PURE__*/React__default["default"].createElement("span", null, line);
200
+ return /*#__PURE__*/React.createElement("span", null, line);
221
201
  });
222
202
  return textElements;
223
203
  }, [backgroundTextBody]);
@@ -343,14 +323,14 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
343
323
  }
344
324
  }, [activityDetected, showControls, isVideo, hideControls]);
345
325
  hooks.useDebounce(toggleControlsVisibility, activityDetected, 1000);
346
- return /*#__PURE__*/React__default["default"].createElement("div", {
347
- className: classNames__default["default"]([styles.container, (_ref9 = {}, _defineProperty__default["default"](_ref9, className, className !== null), _defineProperty__default["default"](_ref9, styles.isPlaceholder, isPlaceholder), _ref9)]),
326
+ return /*#__PURE__*/React.createElement("div", {
327
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
348
328
  "data-screen-ready": true
349
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
329
+ }, /*#__PURE__*/React.createElement(Container, {
350
330
  width: width,
351
331
  height: height,
352
332
  className: styles.content
353
- }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
333
+ }, /*#__PURE__*/React.createElement(Scroll, {
354
334
  width: width,
355
335
  height: height,
356
336
  disabled: backgroundAnimationStarted || scrollingDisabled,
@@ -359,7 +339,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
359
339
  verticalAlign: "middle",
360
340
  withShadow: !visualModalOpened,
361
341
  withArrow: !visualModalOpened
362
- }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
342
+ }, /*#__PURE__*/React.createElement(Layout, {
363
343
  className: styles.layout,
364
344
  width: width
365
345
  // height={height}
@@ -370,39 +350,39 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
370
350
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing / 2,
371
351
  minHeight: height // probably not the best
372
352
  } : null
373
- }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
353
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
374
354
  key: "header",
375
355
  style: {
376
356
  paddingBottom: spacing
377
357
  },
378
- className: classNames__default["default"]([styles.headerContainer])
379
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
358
+ className: classNames([styles.headerContainer])
359
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Layout.Spacer, {
380
360
  key: "spacer-cta-top"
381
- }) : null, visualModalOpened ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
361
+ }) : null, visualModalOpened ? /*#__PURE__*/React.createElement(Button, {
382
362
  className: styles.close,
383
363
  onClick: onCloseModal
384
- }, /*#__PURE__*/React__default["default"].createElement(components.Close, {
364
+ }, /*#__PURE__*/React.createElement(components.Close, {
385
365
  className: styles.closeIcon
386
- })) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
387
- className: classNames__default["default"]([styles.textCard, (_ref10 = {}, _defineProperty__default["default"](_ref10, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref10, styles.visualBottom, layout === 'bottom'), _defineProperty__default["default"](_ref10, styles.appear, backgroundAnimationStarted), _defineProperty__default["default"](_ref10, styles.modalOpened, visualModalTransitioning || visualModalOpened), _defineProperty__default["default"](_ref10, styles.hidden, !current && isView && !isPreview), _ref10)])
388
- }, /*#__PURE__*/React__default["default"].createElement("div", {
389
- className: classNames__default["default"]([styles.visualContainer, _defineProperty__default["default"]({}, styles.modalOpened, visualModalTransitioning || visualModalOpened)])
390
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
366
+ })) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React.createElement(Container, {
367
+ className: classNames([styles.textCard, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.isPlaceholder, isPlaceholder), styles.visualBottom, layout === 'bottom'), styles.appear, backgroundAnimationStarted), styles.modalOpened, visualModalTransitioning || visualModalOpened), styles.hidden, !current && isView && !isPreview)])
368
+ }, /*#__PURE__*/React.createElement("div", {
369
+ className: classNames([styles.visualContainer, _defineProperty({}, styles.modalOpened, visualModalTransitioning || visualModalOpened)])
370
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
391
371
  key: "visual",
392
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderImage, {
372
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderImage, {
393
373
  className: styles.visualPlaceholder
394
374
  }),
395
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
375
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
396
376
  id: "JzSBzL",
397
377
  defaultMessage: [{
398
378
  "type": 0,
399
379
  "value": "Visual"
400
380
  }]
401
381
  }),
402
- emptyClassName: classNames__default["default"]([styles.empty, styles.emptyVisual]),
382
+ emptyClassName: classNames([styles.empty, styles.emptyVisual]),
403
383
  isEmpty: !hasVisual
404
- }, hasVisual ? /*#__PURE__*/React__default["default"].createElement("div", {
405
- className: classNames__default["default"]([styles.visualWrapper, _defineProperty__default["default"]({}, styles.modalOpened, visualModalTransitioning || visualModalOpened)]),
384
+ }, hasVisual ? /*#__PURE__*/React.createElement("div", {
385
+ className: classNames([styles.visualWrapper, _defineProperty({}, styles.modalOpened, visualModalTransitioning || visualModalOpened)]),
406
386
  style: visualModalTransitioning || visualModalOpened ? {
407
387
  width: width,
408
388
  height: height
@@ -410,14 +390,14 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
410
390
  width: textContainerWidth,
411
391
  height: 'auto'
412
392
  }
413
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
414
- className: classNames__default["default"]([styles.visualButton, _defineProperty__default["default"]({}, styles.transitioning, visualModalTransitioning)]),
393
+ }, /*#__PURE__*/React.createElement(Button, {
394
+ className: classNames([styles.visualButton, _defineProperty({}, styles.transitioning, visualModalTransitioning)]),
415
395
  onClick: onClickVisual,
416
396
  disabled: isPreview || backgroundAnimationStarted || visualModalOpened,
417
397
  style: {
418
398
  transform: visualModalTransitioning ? "scale(".concat(width / textContainerWidth, ")") : null
419
399
  }
420
- }, isVideo ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
400
+ }, isVideo ? /*#__PURE__*/React.createElement(Visual, {
421
401
  media: image,
422
402
  mediaRef: mediaRef,
423
403
  width: visualModalTransitioning || visualModalOpened ? width : (width - 40) * 0.9 + 1 // ((width - margins) * card width + gapfix )
@@ -431,36 +411,36 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
431
411
  muted: muted || !visualModalOpened,
432
412
  withoutVideo: isPreview,
433
413
  playing: videoPlaying
434
- }) : /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
414
+ }) : /*#__PURE__*/React.createElement(Visual, {
435
415
  media: image,
436
416
  width: visualModalOpened ? width : textContainerWidth,
437
417
  resolution: resolution,
438
418
  active: active,
439
419
  shouldLoad: mediaShouldLoad
440
- }), visualModalClosed ? /*#__PURE__*/React__default["default"].createElement("div", {
441
- className: classNames__default["default"]([styles.iconContainer, _defineProperty__default["default"]({}, styles.visualBottom, layout === 'bottom')])
442
- }, isVideo ? /*#__PURE__*/React__default["default"].createElement(components.MuteIcon, {
420
+ }), visualModalClosed ? /*#__PURE__*/React.createElement("div", {
421
+ className: classNames([styles.iconContainer, _defineProperty({}, styles.visualBottom, layout === 'bottom')])
422
+ }, isVideo ? /*#__PURE__*/React.createElement(components.MuteIcon, {
443
423
  color: "#000",
444
424
  className: styles.icon
445
- }) : /*#__PURE__*/React__default["default"].createElement(components.FullscreenIcon, {
425
+ }) : /*#__PURE__*/React.createElement(components.FullscreenIcon, {
446
426
  color: "#000",
447
427
  className: styles.icon
448
- })) : null)) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
428
+ })) : null)) : null), /*#__PURE__*/React.createElement(components.ScreenElement, {
449
429
  key: "sponsor",
450
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
430
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderText, {
451
431
  className: styles.sponsorPlaceholder
452
432
  })
453
- }, hasSponsor ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
454
- className: classNames__default["default"]([styles.sponsor, _defineProperty__default["default"]({}, styles.hasVisual, hasVisual)])
455
- }, sponsor)) : null)), /*#__PURE__*/React__default["default"].createElement("div", {
433
+ }, hasSponsor ? /*#__PURE__*/React.createElement(Text, Object.assign({
434
+ className: classNames([styles.sponsor, _defineProperty({}, styles.hasVisual, hasVisual)])
435
+ }, sponsor)) : null)), /*#__PURE__*/React.createElement("div", {
456
436
  ref: textContainerRef,
457
437
  className: styles.text
458
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
438
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
459
439
  key: "category",
460
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, {
440
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderTitle, {
461
441
  className: styles.categoryPlaceholder
462
442
  }),
463
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
443
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
464
444
  id: "I5+AHN",
465
445
  defaultMessage: [{
466
446
  "type": 0,
@@ -469,19 +449,19 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
469
449
  }),
470
450
  emptyClassName: styles.emptyCategory,
471
451
  isEmpty: !hasCategory
472
- }, hasCategory ? /*#__PURE__*/React__default["default"].createElement("div", {
452
+ }, hasCategory ? /*#__PURE__*/React.createElement("div", {
473
453
  className: styles.categoryContainer,
474
454
  style: {
475
455
  width: textContainerHeight
476
456
  }
477
- }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
457
+ }, /*#__PURE__*/React.createElement(Heading, Object.assign({
478
458
  className: styles.category
479
- }, category))) : null), /*#__PURE__*/React__default["default"].createElement("div", {
480
- className: classNames__default["default"]([styles.textContent, _defineProperty__default["default"]({}, styles.isPlaceholder, isPlaceholder)])
481
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
459
+ }, category))) : null), /*#__PURE__*/React.createElement("div", {
460
+ className: classNames([styles.textContent, _defineProperty({}, styles.isPlaceholder, isPlaceholder)])
461
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
482
462
  key: "title",
483
463
  placeholder: "title",
484
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
464
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
485
465
  id: "2c1WFV",
486
466
  defaultMessage: [{
487
467
  "type": 0,
@@ -490,30 +470,30 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
490
470
  }),
491
471
  emptyClassName: styles.emptyText,
492
472
  isEmpty: !hasTitle
493
- }, hasTitle ? /*#__PURE__*/React__default["default"].createElement("div", {
473
+ }, hasTitle ? /*#__PURE__*/React.createElement("div", {
494
474
  className: styles.titleContainer
495
- }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
475
+ }, /*#__PURE__*/React.createElement(Heading, Object.assign({
496
476
  className: styles.title
497
- }, title))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
477
+ }, title))) : null), /*#__PURE__*/React.createElement(components.ScreenElement, {
498
478
  key: "date",
499
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
479
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderText, {
500
480
  className: styles.datePlaceholder
501
481
  })
502
- }, hasDate ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
482
+ }, hasDate ? /*#__PURE__*/React.createElement(Text, Object.assign({
503
483
  className: styles.date
504
- }, date)) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
484
+ }, date)) : null), /*#__PURE__*/React.createElement(components.ScreenElement, {
505
485
  key: "location",
506
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
486
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderText, {
507
487
  className: styles.locationPlaceholder
508
488
  })
509
- }, hasLocation ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
489
+ }, hasLocation ? /*#__PURE__*/React.createElement(Text, Object.assign({
510
490
  className: styles.location
511
- }, location)) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
491
+ }, location)) : null), /*#__PURE__*/React.createElement(components.ScreenElement, {
512
492
  key: "description",
513
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
493
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderText, {
514
494
  className: styles.descriptionPlaceholder
515
495
  }),
516
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
496
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
517
497
  id: "EQdIAR",
518
498
  defaultMessage: [{
519
499
  "type": 0,
@@ -522,19 +502,19 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
522
502
  }),
523
503
  emptyClassName: styles.emptyText,
524
504
  isEmpty: !hasDescription
525
- }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
505
+ }, hasDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({
526
506
  className: styles.description
527
- }, description)) : null)))) : null, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
507
+ }, description)) : null)))) : null, !isPlaceholder ? /*#__PURE__*/React.createElement(Layout.Spacer, {
528
508
  key: "spacer-cta-bottom"
529
- }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
509
+ }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
530
510
  key: "footer",
531
- className: classNames__default["default"]([styles.footer, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom && !visualModalOpened)]),
511
+ className: classNames([styles.footer, _defineProperty({}, styles.disabled, !scrolledBottom && !visualModalOpened)]),
532
512
  style: {
533
513
  paddingTop: spacing,
534
514
  paddingLeft: Math.max(0, viewerBottomSidesWidth - spacing),
535
515
  paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
536
516
  }
537
- }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
517
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null))), !isPlaceholder ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Background, {
538
518
  background: background,
539
519
  width: width,
540
520
  height: height,
@@ -545,16 +525,15 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
545
525
  mediaRef: mediaRef,
546
526
  withoutVideo: isPreview,
547
527
  className: styles.background
548
- }), backgroundText !== null && finalBackgroundText.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
528
+ }), backgroundText !== null && finalBackgroundText.length > 0 ? /*#__PURE__*/React.createElement(Container, {
549
529
  width: width,
550
530
  height: height,
551
531
  className: styles.backgroundTextContainer
552
532
  }, (finalBackgroundText || []).map(function (line, i) {
553
- var _classNames;
554
- return /*#__PURE__*/React__default["default"].createElement("div", {
533
+ return /*#__PURE__*/React.createElement("div", {
555
534
  key: "reco-background-text-".concat(i + 1),
556
- className: classNames__default["default"]([styles.backgroundText], (_classNames = {}, _defineProperty__default["default"](_classNames, styles.hidden, !current && isView && !isPreview), _defineProperty__default["default"](_classNames, styles.didAnimate, didAnimate), _defineProperty__default["default"](_classNames, styles.animateFromBottom, backgroundAnimationStarted && i % 2 !== 0), _defineProperty__default["default"](_classNames, styles.animateFromTop, backgroundAnimationStarted && i % 2 === 0), _classNames)),
557
- style: _objectSpread__default["default"]({
535
+ className: classNames([styles.backgroundText], _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.hidden, !current && isView && !isPreview), styles.didAnimate, didAnimate), styles.animateFromBottom, backgroundAnimationStarted && i % 2 !== 0), styles.animateFromTop, backgroundAnimationStarted && i % 2 === 0)),
536
+ style: _objectSpread({
558
537
  animationDelay: "".concat(i * 100, "ms")
559
538
  }, utils.getStyleFromText(backgroundTextStyle))
560
539
  }, line);
@@ -562,7 +541,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
562
541
  };
563
542
  UrbaniaRecommendation.propTypes = propTypes;
564
543
  UrbaniaRecommendation.defaultProps = defaultProps;
565
- var UrbaniaRecommendation$1 = /*#__PURE__*/React__default["default"].memo(UrbaniaRecommendation);
544
+ var UrbaniaRecommendation$1 = /*#__PURE__*/React.memo(UrbaniaRecommendation);
566
545
 
567
546
  var definition = [{
568
547
  id: 'urbania-recommendation',
@@ -729,4 +708,4 @@ var definition = [{
729
708
  }];
730
709
 
731
710
  exports.UrbaniaRecommendation = UrbaniaRecommendation$1;
732
- exports["default"] = definition;
711
+ exports.default = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-recommendation",
3
- "version": "0.3.426",
3
+ "version": "0.3.430",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -32,6 +32,14 @@
32
32
  "license": "ISC",
33
33
  "main": "lib/index.js",
34
34
  "module": "es/index.js",
35
+ "style": "assets/css/styles.css",
36
+ "exports": {
37
+ ".": {
38
+ "require": "./lib/index.js",
39
+ "import": "./es/index.js"
40
+ },
41
+ "./assets/css/*.css": "./assets/css/*.css"
42
+ },
35
43
  "files": [
36
44
  "lib",
37
45
  "es",
@@ -50,18 +58,18 @@
50
58
  },
51
59
  "dependencies": {
52
60
  "@babel/runtime": "^7.13.10",
53
- "@micromag/core": "^0.3.423",
54
- "@micromag/element-background": "^0.3.423",
55
- "@micromag/element-button": "^0.3.423",
56
- "@micromag/element-container": "^0.3.423",
57
- "@micromag/element-footer": "^0.3.423",
58
- "@micromag/element-header": "^0.3.423",
59
- "@micromag/element-heading": "^0.3.423",
60
- "@micromag/element-layout": "^0.3.423",
61
- "@micromag/element-scroll": "^0.3.426",
62
- "@micromag/element-text": "^0.3.423",
63
- "@micromag/element-visual": "^0.3.423",
64
- "@micromag/transforms": "^0.3.423",
61
+ "@micromag/core": "^0.3.430",
62
+ "@micromag/element-background": "^0.3.430",
63
+ "@micromag/element-button": "^0.3.430",
64
+ "@micromag/element-container": "^0.3.430",
65
+ "@micromag/element-footer": "^0.3.430",
66
+ "@micromag/element-header": "^0.3.430",
67
+ "@micromag/element-heading": "^0.3.430",
68
+ "@micromag/element-layout": "^0.3.430",
69
+ "@micromag/element-scroll": "^0.3.430",
70
+ "@micromag/element-text": "^0.3.430",
71
+ "@micromag/element-visual": "^0.3.430",
72
+ "@micromag/transforms": "^0.3.430",
65
73
  "classnames": "^2.2.6",
66
74
  "lodash": "^4.17.21",
67
75
  "prop-types": "^15.7.2",
@@ -72,5 +80,5 @@
72
80
  "access": "public",
73
81
  "registry": "https://registry.npmjs.org/"
74
82
  },
75
- "gitHead": "ba8ca7eef7a09a9cc258b944b353a955f85e75d3"
83
+ "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
76
84
  }