@micromag/screen-urbania-recommendation 0.3.641 → 0.3.645

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +69 -56
  3. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -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{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;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;-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{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;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;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{display:-ms-flexbox;display:flex;left:50%;position:fixed;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);justify-content:center;-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)}.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.micromag-screen-urbania-recommendation-disabled{cursor:auto;pointer-events:none}.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{bottom:10px;display:-ms-flexbox;display:flex;left:10px;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);height:30px;justify-content:center;pointer-events:none;-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-iconContainer.micromag-screen-urbania-recommendation-hidden{display:none;visibility:hidden}.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{display:-ms-flexbox;display:flex;left:0;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;overflow:hidden;-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;padding:12px 10px 6px;text-align:center}.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{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.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;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{-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{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;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;-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{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;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;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{display:-ms-flexbox;display:flex;left:50%;position:fixed;top:50%;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background-color:rgba(34,34,34,.9);justify-content:center;-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)}.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.micromag-screen-urbania-recommendation-disabled{cursor:auto;pointer-events:none}.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{bottom:10px;display:-ms-flexbox;display:flex;left:10px;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);height:30px;justify-content:center;pointer-events:none;-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-iconContainer.micromag-screen-urbania-recommendation-hidden{display:none;visibility:hidden}.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{display:-ms-flexbox;display:flex;left:0;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;overflow:hidden;-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;padding:12px 10px 6px;text-align:center}.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-textContent.micromag-screen-urbania-recommendation-withoutCategory{padding-left:14px;padding-right:14px;width:100%}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{word-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.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;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
@@ -9,7 +9,7 @@ import { PropTypes as PropTypes$1 } from '@micromag/core';
9
9
  import { Close, ScreenElement, PlaceholderImage, MuteIcon, FullscreenIcon, PlaceholderText, PlaceholderTitle } from '@micromag/core/components';
10
10
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerInteraction, useScreenRenderContext } from '@micromag/core/contexts';
11
11
  import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
12
- import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getStyleFromBox, getStyleFromText } from '@micromag/core/utils';
12
+ import { isTextFilled, isHeaderFilled, isFooterFilled, getFooterProps, getColorAsString, getStyleFromBox, getStyleFromText } from '@micromag/core/utils';
13
13
  import Background from '@micromag/element-background';
14
14
  import Button from '@micromag/element-button';
15
15
  import Container from '@micromag/element-container';
@@ -21,7 +21,7 @@ import Scroll from '@micromag/element-scroll';
21
21
  import Text from '@micromag/element-text';
22
22
  import Visual from '@micromag/element-visual';
23
23
 
24
- 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","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","animateFromTop":"micromag-screen-urbania-recommendation-animateFromTop","emptyVisual":"micromag-screen-urbania-recommendation-emptyVisual","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","border":"micromag-screen-urbania-recommendation-border","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","layout":"micromag-screen-urbania-recommendation-layout"};
24
+ 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","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","animateFromTop":"micromag-screen-urbania-recommendation-animateFromTop","emptyVisual":"micromag-screen-urbania-recommendation-emptyVisual","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","withoutCategory":"micromag-screen-urbania-recommendation-withoutCategory","title":"micromag-screen-urbania-recommendation-title","description":"micromag-screen-urbania-recommendation-description","location":"micromag-screen-urbania-recommendation-location","date":"micromag-screen-urbania-recommendation-date","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","border":"micromag-screen-urbania-recommendation-border","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","layout":"micromag-screen-urbania-recommendation-layout"};
25
25
 
26
26
  var propTypes = {
27
27
  layout: PropTypes.string,
@@ -39,6 +39,7 @@ var propTypes = {
39
39
  footer: PropTypes$1.footer,
40
40
  background: PropTypes$1.backgroundElement,
41
41
  cardBoxStyle: PropTypes$1.boxStyle,
42
+ lineColor: PropTypes$1.color,
42
43
  withoutZoom: PropTypes.bool,
43
44
  current: PropTypes.bool,
44
45
  active: PropTypes.bool,
@@ -59,6 +60,7 @@ var defaultProps = {
59
60
  footer: null,
60
61
  background: null,
61
62
  cardBoxStyle: null,
63
+ lineColor: null,
62
64
  withoutZoom: false,
63
65
  current: true,
64
66
  active: true,
@@ -79,6 +81,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
79
81
  footer = _ref.footer,
80
82
  background = _ref.background,
81
83
  cardBoxStyle = _ref.cardBoxStyle,
84
+ lineColor = _ref.lineColor,
82
85
  withoutZoom = _ref.withoutZoom,
83
86
  current = _ref.current,
84
87
  active = _ref.active,
@@ -309,71 +312,69 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
309
312
  titleFontFamily = _ref10$fontFamily === undefined ? null : _ref10$fontFamily,
310
313
  _ref10$fontStyle = _ref10.fontStyle,
311
314
  titleFontStyles = _ref10$fontStyle === undefined ? null : _ref10$fontStyle;
312
- var _ref11 = titleStyleColor || {},
313
- _ref11$color = _ref11.color,
314
- finalTitleColor = _ref11$color === undefined ? null : _ref11$color;
315
+ var finalTitleColor = getColorAsString(titleStyleColor);
315
316
  var finalTitleFontWeight = titleFontFamily === null ? 700 : null;
316
317
  var finalTextTransform = titleFontFamily === null ? 'uppercase' : null;
317
318
  var finalTitleFontStyle = titleFontFamily === null ? _objectSpread(_objectSpread({}, titleFontStyles), {}, {
318
319
  transform: 'uppercase'
319
320
  }) : titleFontStyles;
320
- var _ref12 = category || {},
321
- _ref12$textStyle = _ref12.textStyle,
322
- finalCategoryTextStyle = _ref12$textStyle === undefined ? null : _ref12$textStyle;
323
- var _ref13 = finalCategoryTextStyle || {},
324
- _ref13$fontFamily = _ref13.fontFamily,
325
- categoryFontFamily = _ref13$fontFamily === undefined ? null : _ref13$fontFamily,
326
- _ref13$fontStyle = _ref13.fontStyle,
327
- categoryFontStyles = _ref13$fontStyle === undefined ? null : _ref13$fontStyle;
321
+ var _ref11 = category || {},
322
+ _ref11$textStyle = _ref11.textStyle,
323
+ finalCategoryTextStyle = _ref11$textStyle === undefined ? null : _ref11$textStyle;
324
+ var _ref12 = finalCategoryTextStyle || {},
325
+ _ref12$fontFamily = _ref12.fontFamily,
326
+ categoryFontFamily = _ref12$fontFamily === undefined ? null : _ref12$fontFamily,
327
+ _ref12$fontStyle = _ref12.fontStyle,
328
+ categoryFontStyles = _ref12$fontStyle === undefined ? null : _ref12$fontStyle;
328
329
  var finalCategoryFontWeight = categoryFontFamily === null ? 900 : null;
329
330
  var finalCategoryFontStyle = categoryFontFamily === null ? _objectSpread(_objectSpread({}, categoryFontStyles), {}, {
330
331
  transform: 'uppercase'
331
332
  }) : categoryFontStyles;
332
- var _ref14 = description || {},
333
- _ref14$textStyle = _ref14.textStyle,
334
- finalDescriptionTextStyle = _ref14$textStyle === undefined ? null : _ref14$textStyle;
335
- var _ref15 = finalDescriptionTextStyle || {},
336
- _ref15$fontFamily = _ref15.fontFamily,
337
- descriptionFontFamily = _ref15$fontFamily === undefined ? null : _ref15$fontFamily;
333
+ var _ref13 = description || {},
334
+ _ref13$textStyle = _ref13.textStyle,
335
+ finalDescriptionTextStyle = _ref13$textStyle === undefined ? null : _ref13$textStyle;
336
+ var _ref14 = finalDescriptionTextStyle || {},
337
+ _ref14$fontFamily = _ref14.fontFamily,
338
+ descriptionFontFamily = _ref14$fontFamily === undefined ? null : _ref14$fontFamily;
338
339
  var finalDescriptionFontWeight = descriptionFontFamily === null ? 300 : null;
339
- var _ref16 = date || {},
340
- _ref16$textStyle = _ref16.textStyle,
341
- finalDateTextStyle = _ref16$textStyle === undefined ? null : _ref16$textStyle;
342
- var _ref17 = finalDateTextStyle || {},
343
- _ref17$fontFamily = _ref17.fontFamily,
344
- dateFontFamily = _ref17$fontFamily === undefined ? null : _ref17$fontFamily,
345
- _ref17$fontStyle = _ref17.fontStyle,
346
- dateFontStyles = _ref17$fontStyle === undefined ? null : _ref17$fontStyle;
340
+ var _ref15 = date || {},
341
+ _ref15$textStyle = _ref15.textStyle,
342
+ finalDateTextStyle = _ref15$textStyle === undefined ? null : _ref15$textStyle;
343
+ var _ref16 = finalDateTextStyle || {},
344
+ _ref16$fontFamily = _ref16.fontFamily,
345
+ dateFontFamily = _ref16$fontFamily === undefined ? null : _ref16$fontFamily,
346
+ _ref16$fontStyle = _ref16.fontStyle,
347
+ dateFontStyles = _ref16$fontStyle === undefined ? null : _ref16$fontStyle;
347
348
  var finalDateFontStyle = dateFontFamily === null ? _objectSpread(_objectSpread({}, dateFontStyles), {}, {
348
349
  transform: 'uppercase'
349
350
  }) : dateFontStyles;
350
- var _ref18 = location || {},
351
- _ref18$textStyle = _ref18.textStyle,
352
- finalLocationTextStyle = _ref18$textStyle === undefined ? null : _ref18$textStyle;
353
- var _ref19 = finalLocationTextStyle || {},
354
- _ref19$fontFamily = _ref19.fontFamily,
355
- locationFontFamily = _ref19$fontFamily === undefined ? null : _ref19$fontFamily,
356
- _ref19$fontStyle = _ref19.fontStyle,
357
- locationFontStyles = _ref19$fontStyle === undefined ? null : _ref19$fontStyle;
351
+ var _ref17 = location || {},
352
+ _ref17$textStyle = _ref17.textStyle,
353
+ finalLocationTextStyle = _ref17$textStyle === undefined ? null : _ref17$textStyle;
354
+ var _ref18 = finalLocationTextStyle || {},
355
+ _ref18$fontFamily = _ref18.fontFamily,
356
+ locationFontFamily = _ref18$fontFamily === undefined ? null : _ref18$fontFamily,
357
+ _ref18$fontStyle = _ref18.fontStyle,
358
+ locationFontStyles = _ref18$fontStyle === undefined ? null : _ref18$fontStyle;
358
359
  var finalLocationFontStyle = locationFontFamily === null ? _objectSpread(_objectSpread({}, locationFontStyles), {}, {
359
360
  transform: 'uppercase'
360
361
  }) : locationFontStyles;
361
- var _ref20 = sponsor || {},
362
- _ref20$textStyle = _ref20.textStyle,
363
- finalSponsorTextStyle = _ref20$textStyle === undefined ? null : _ref20$textStyle;
364
- var _ref21 = finalSponsorTextStyle || {},
365
- _ref21$fontFamily = _ref21.fontFamily,
366
- sponsorFontFamily = _ref21$fontFamily === undefined ? null : _ref21$fontFamily,
367
- _ref21$fontStyle = _ref21.fontStyle,
368
- sponsorFontStyles = _ref21$fontStyle === undefined ? null : _ref21$fontStyle;
362
+ var _ref19 = sponsor || {},
363
+ _ref19$textStyle = _ref19.textStyle,
364
+ finalSponsorTextStyle = _ref19$textStyle === undefined ? null : _ref19$textStyle;
365
+ var _ref20 = finalSponsorTextStyle || {},
366
+ _ref20$fontFamily = _ref20.fontFamily,
367
+ sponsorFontFamily = _ref20$fontFamily === undefined ? null : _ref20$fontFamily,
368
+ _ref20$fontStyle = _ref20.fontStyle,
369
+ sponsorFontStyles = _ref20$fontStyle === undefined ? null : _ref20$fontStyle;
369
370
  var finalSponsorFontStyle = sponsorFontFamily === null ? _objectSpread(_objectSpread({}, sponsorFontStyles), {}, {
370
371
  transform: 'uppercase'
371
372
  }) : sponsorFontStyles;
372
- var _ref22 = backgroundTextStyle || {},
373
- _ref22$fontFamily = _ref22.fontFamily,
374
- backgroundFontFamily = _ref22$fontFamily === undefined ? null : _ref22$fontFamily,
375
- _ref22$fontStyle = _ref22.fontStyle,
376
- backgroundFontStyles = _ref22$fontStyle === undefined ? null : _ref22$fontStyle;
373
+ var _ref21 = backgroundTextStyle || {},
374
+ _ref21$fontFamily = _ref21.fontFamily,
375
+ backgroundFontFamily = _ref21$fontFamily === undefined ? null : _ref21$fontFamily,
376
+ _ref21$fontStyle = _ref21.fontStyle,
377
+ backgroundFontStyles = _ref21$fontStyle === undefined ? null : _ref21$fontStyle;
377
378
  var finalBackgroundFontStyle = backgroundFontFamily === null ? _objectSpread(_objectSpread({}, backgroundFontStyles), {}, {
378
379
  transform: 'uppercase'
379
380
  }) : backgroundFontStyles;
@@ -414,10 +415,12 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
414
415
  sponsorFontStyle = _useMemo.sponsorFontStyle,
415
416
  backgroundFontStyle = _useMemo.backgroundFontStyle;
416
417
  var layoutStyle = !isPlaceholder ? getStyleFromBox(cardBoxStyle) : null;
417
- var _ref23 = layoutStyle || {},
418
- _ref23$borderRadius = _ref23.borderRadius,
419
- layoutBorderRadius = _ref23$borderRadius === undefined ? null : _ref23$borderRadius;
418
+ var _ref22 = layoutStyle || {},
419
+ _ref22$borderRadius = _ref22.borderRadius,
420
+ layoutBorderRadius = _ref22$borderRadius === undefined ? null : _ref22$borderRadius;
420
421
  var withoutCorners = layoutBorderRadius === 0;
422
+ var finalBorderColor = lineColor !== null ? getColorAsString(lineColor) : titleColor;
423
+ console.log('lineColor', lineColor);
421
424
  return /*#__PURE__*/React.createElement("div", {
422
425
  className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
423
426
  "data-screen-ready": true
@@ -428,7 +431,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
428
431
  }, /*#__PURE__*/React.createElement(Scroll, {
429
432
  width: width,
430
433
  height: height,
431
- disabled: backgroundAnimationStarted || scrollingDisabled,
434
+ disabled: scrollingDisabled,
432
435
  onScrolledBottom: onScrolledBottom,
433
436
  onScrolledNotBottom: onScrolledNotBottom,
434
437
  verticalAlign: "middle",
@@ -580,7 +583,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
580
583
  fontStyle: categoryFontStyle
581
584
  })
582
585
  }))) : null), /*#__PURE__*/React.createElement("div", {
583
- className: classNames([styles.textContent, _defineProperty({}, styles.isPlaceholder, isPlaceholder)])
586
+ className: classNames([styles.textContent, _defineProperty(_defineProperty({}, styles.isPlaceholder, isPlaceholder), styles.withoutCategory, !hasCategory)])
584
587
  }, /*#__PURE__*/React.createElement(ScreenElement, {
585
588
  key: "title",
586
589
  placeholder: "title",
@@ -605,7 +608,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
605
608
  })), /*#__PURE__*/React.createElement("hr", {
606
609
  className: styles.border,
607
610
  style: {
608
- borderColor: titleColor
611
+ borderColor: finalBorderColor
609
612
  }
610
613
  })) : null), /*#__PURE__*/React.createElement(ScreenElement, {
611
614
  key: "date",
@@ -621,7 +624,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
621
624
  })), /*#__PURE__*/React.createElement("hr", {
622
625
  className: styles.border,
623
626
  style: {
624
- borderColor: titleColor
627
+ borderColor: finalBorderColor
625
628
  }
626
629
  })) : null), /*#__PURE__*/React.createElement(ScreenElement, {
627
630
  key: "location",
@@ -637,7 +640,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
637
640
  })), /*#__PURE__*/React.createElement("hr", {
638
641
  className: styles.border,
639
642
  style: {
640
- borderColor: titleColor
643
+ borderColor: finalBorderColor
641
644
  }
642
645
  })) : null), /*#__PURE__*/React.createElement(ScreenElement, {
643
646
  key: "description",
@@ -845,6 +848,16 @@ var definition = [{
845
848
  "value": "Card box style"
846
849
  }]
847
850
  })
851
+ }, {
852
+ name: 'lineColor',
853
+ type: 'color',
854
+ label: defineMessage({
855
+ id: "Jti6I6",
856
+ defaultMessage: [{
857
+ "type": 0,
858
+ "value": "Lines color"
859
+ }]
860
+ })
848
861
  }, {
849
862
  name: 'withoutZoom',
850
863
  type: 'toggle',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-recommendation",
3
- "version": "0.3.641",
3
+ "version": "0.3.645",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -82,5 +82,5 @@
82
82
  "access": "public",
83
83
  "registry": "https://registry.npmjs.org/"
84
84
  },
85
- "gitHead": "e104f7c5ad33c8a3a32721b42cf5efa204e1d307"
85
+ "gitHead": "a32c0a215e9a9804e200a7cf80dda04eb02a9f88"
86
86
  }