@micromag/screen-urbania-recommendation 0.3.832 → 0.4.4

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 (5) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.d.ts +143 -0
  3. package/es/index.js +41 -70
  4. package/es/styles.css +1 -0
  5. package/package.json +23 -22
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-scroll{overflow-y:auto}.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)}}
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:start;align-items:flex-start}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .backgroundTextContainer{display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .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}.container .backgroundText.hidden{opacity:0}.container .backgroundText.didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.container .backgroundText.animateFromBottom{-webkit-animation:slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation: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)}.container .backgroundText.animateFromTop{-webkit-animation:slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation: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)}.container .content{z-index:1}.container .scroll{overflow-y:auto}.container .empty,.container .emptyText{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:5px auto;width:100%}.container .emptyText,.container .emptyVisual{height:50px}.container .emptySponsor,.container .emptyVisual{width:calc(100% - 10px)}.container .emptySponsor{padding:5px}.container .emptyCategory{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:20%;left:10px;margin:5px auto;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}.container .footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.container .footer.disabled{opacity:0}.container .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#000;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative;position:absolute;right:10px;top:10px;z-index:3}.container .closeIcon{height:1.5em;width:1.5em}.container .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%}.container .textCard.isPlaceholder{background-color:var(--mm-gray-500)}.container .textCard.appear{-webkit-animation:appear .5s cubic-bezier(.65,0,.35,1);animation: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}.container .textCard .visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.container .textCard.visualBottom,.container .textCard.visualBottom .visualContainer{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.container .textCard.visualBottom .visualContainer{border-radius:0 0 10px 10px}.container .textCard.modalOpened{height:0}.container .textCard.hidden{opacity:0}.container .visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.container .visualContainer.modalOpened{border-radius:0;overflow:auto}.container .sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;width:100%}.container .sponsor.hasVisual{position:absolute}.container .sponsorPlaceholder{padding:10px}.container .visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.container .visualWrapper.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)}.container .visualButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;margin:0;padding:0;position:relative}.container .visualButton.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)}.container .visualButton.disabled{cursor:auto;pointer-events:none}.container .visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.container .visualButton:hover>.iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.container .iconContainer{bottom:10px;display:-ms-flexbox;display:flex;height:30px;left:10px;position:absolute;width:30px;-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);justify-content:center;pointer-events:none;-webkit-transition:all .1s;transition:all .1s}.container .iconContainer.visualBottom{bottom:25px}.container .iconContainer.hidden{display:none;visibility:hidden}.container .icon{height:14px;width:14px}.container .text{display:-ms-flexbox;display:flex;position:relative}.container .categoryContainer{display:-ms-flexbox;display:flex;left:0;overflow:hidden;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;-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}.container .category{font-family:Agrandir Tight,sans-serif;font-size:28px;padding:12px 10px 6px;text-align:center}.container .categoryPlaceholder{background-color:var(--mm-gray-800);padding:10px;width:20%}.container .textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.container .textContent.isPlaceholder{background-color:var(--mm-gray-200);display:none;margin-left:2px;padding:10px;visibility:hidden}.container .textContent.withoutCategory{padding-left:14px;padding-right:14px;width:100%}.container .category,.container .date,.container .description,.container .location,.container .title{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .titleContainer{word-wrap:break-word}.container .title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.container .date,.container .location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.container .border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.container .date{font-size:14px}.container .location{font-size:12px;font-weight:700}.container .date p,.container .location p,.container .sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.container .description{font-family:Agrandir Tight,sans-serif;font-size:12px;padding-top:3px}.container .description p{font-weight:inherit;margin-bottom:.5em}.container .description p:last-child{margin-bottom:0}.container .descriptionPlaceholder{padding:10px 10px 30px}.container.isPlaceholder .layout{padding:10px}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes 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 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 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 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.d.ts ADDED
@@ -0,0 +1,143 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { HeadingElement, VisualElement, TextElement, Header, Footer, BackgroundElement, BoxStyle, Color } from '@micromag/core';
3
+
4
+ interface UrbaniaRecommendationProps {
5
+ layout?: string | null;
6
+ category?: HeadingElement | null;
7
+ visual?: {
8
+ image?: VisualElement;
9
+ } | null;
10
+ title?: HeadingElement | null;
11
+ date?: TextElement | null;
12
+ location?: TextElement | null;
13
+ description?: TextElement | null;
14
+ sponsor?: TextElement | null;
15
+ spacing?: number;
16
+ header?: Header | null;
17
+ footer?: Footer | null;
18
+ background?: BackgroundElement | null;
19
+ cardBoxStyle?: BoxStyle | null;
20
+ lineColor?: Color | null;
21
+ withoutZoom?: boolean;
22
+ current?: boolean;
23
+ active?: boolean;
24
+ preload?: boolean;
25
+ className?: string | null;
26
+ }
27
+ declare function UrbaniaRecommendation({ layout, category, visual, title, date, location, description, sponsor, spacing, header, footer, background, cardBoxStyle, lineColor, withoutZoom, current, active, preload, className, }: UrbaniaRecommendationProps): react_jsx_runtime.JSX.Element;
28
+
29
+ declare const _default: {
30
+ id: string;
31
+ type: string;
32
+ namespaces: string[];
33
+ group: {
34
+ label: {
35
+ defaultMessage: string;
36
+ description: string;
37
+ };
38
+ order: number;
39
+ };
40
+ title: {
41
+ defaultMessage: string;
42
+ description: string;
43
+ };
44
+ component: typeof UrbaniaRecommendation;
45
+ layouts: string[];
46
+ fields: ({
47
+ name: string;
48
+ type: string;
49
+ label: {
50
+ defaultMessage: string;
51
+ description: string;
52
+ };
53
+ isList?: undefined;
54
+ fields?: undefined;
55
+ id?: undefined;
56
+ theme?: undefined;
57
+ } | {
58
+ name: string;
59
+ type: string;
60
+ isList: boolean;
61
+ label: {
62
+ defaultMessage: string;
63
+ description: string;
64
+ };
65
+ fields: {
66
+ name: string;
67
+ type: string;
68
+ label: {
69
+ defaultMessage: string;
70
+ description: string;
71
+ };
72
+ }[];
73
+ id?: undefined;
74
+ theme?: undefined;
75
+ } | {
76
+ id: string;
77
+ type: string;
78
+ isList: boolean;
79
+ label: {
80
+ defaultMessage: string;
81
+ description: string;
82
+ };
83
+ fields: ({
84
+ name: string;
85
+ type: string;
86
+ label: {
87
+ defaultMessage: string;
88
+ description: string;
89
+ };
90
+ defaultValue?: undefined;
91
+ } | {
92
+ name: string;
93
+ type: string;
94
+ defaultValue: boolean;
95
+ label: {
96
+ defaultMessage: string;
97
+ description: string;
98
+ };
99
+ })[];
100
+ name?: undefined;
101
+ theme?: undefined;
102
+ } | {
103
+ name: string;
104
+ type: string;
105
+ label: {
106
+ defaultMessage: string;
107
+ description: string;
108
+ };
109
+ theme: {
110
+ badge: {
111
+ label: {
112
+ textStyle: string;
113
+ };
114
+ boxStyle: string;
115
+ };
116
+ callToAction?: undefined;
117
+ };
118
+ isList?: undefined;
119
+ fields?: undefined;
120
+ id?: undefined;
121
+ } | {
122
+ name: string;
123
+ type: string;
124
+ label: {
125
+ defaultMessage: string;
126
+ description: string;
127
+ };
128
+ theme: {
129
+ callToAction: {
130
+ label: {
131
+ textStyle: string;
132
+ };
133
+ boxStyle: string;
134
+ };
135
+ badge?: undefined;
136
+ };
137
+ isList?: undefined;
138
+ fields?: undefined;
139
+ id?: undefined;
140
+ })[];
141
+ }[];
142
+
143
+ export { UrbaniaRecommendation, _default as default };
package/es/index.js CHANGED
@@ -3,9 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
3
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
4
4
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
5
  import classNames from 'classnames';
6
- import PropTypes from 'prop-types';
7
6
  import React, { useState, useMemo, useEffect, useCallback } from 'react';
8
- import { PropTypes as PropTypes$1 } from '@micromag/core';
9
7
  import { Close, ScreenElement, PlaceholderImage, MuteIcon, FullscreenIcon, PlaceholderText, PlaceholderTitle } from '@micromag/core/components';
10
8
  import { useScreenSize, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef, useViewerInteraction, useScreenRenderContext } from '@micromag/core/contexts';
11
9
  import { useTrackScreenEvent, useResizeObserver } from '@micromag/core/hooks';
@@ -21,72 +19,47 @@ import Scroll from '@micromag/element-scroll';
21
19
  import Text from '@micromag/element-text';
22
20
  import Visual from '@micromag/element-visual';
23
21
 
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","scroll":"micromag-screen-urbania-recommendation-scroll","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"};
22
+ var styles = {"container":"container","background":"background","backgroundTextContainer":"backgroundTextContainer","backgroundText":"backgroundText","hidden":"hidden","didAnimate":"didAnimate","animateFromBottom":"animateFromBottom","animateFromTop":"animateFromTop","content":"content","scroll":"scroll","empty":"empty","emptyText":"emptyText","emptyVisual":"emptyVisual","emptyCategory":"emptyCategory","footer":"footer","disabled":"disabled","close":"close","closeIcon":"closeIcon","textCard":"textCard","isPlaceholder":"isPlaceholder","appear":"appear","visualContainer":"visualContainer","visualBottom":"visualBottom","modalOpened":"modalOpened","sponsor":"sponsor","hasVisual":"hasVisual","sponsorPlaceholder":"sponsorPlaceholder","visualWrapper":"visualWrapper","visualButton":"visualButton","transitioning":"transitioning","iconContainer":"iconContainer","icon":"icon","text":"text","categoryContainer":"categoryContainer","category":"category","categoryPlaceholder":"categoryPlaceholder","textContent":"textContent","withoutCategory":"withoutCategory","title":"title","description":"description","location":"location","date":"date","titleContainer":"titleContainer","border":"border","descriptionPlaceholder":"descriptionPlaceholder","layout":"layout"};
25
23
 
26
- var propTypes = {
27
- layout: PropTypes.string,
28
- category: PropTypes$1.headingElement,
29
- visual: PropTypes.shape({
30
- image: PropTypes$1.visualElement
31
- }),
32
- title: PropTypes$1.headingElement,
33
- date: PropTypes$1.textElement,
34
- location: PropTypes$1.textElement,
35
- description: PropTypes$1.textElement,
36
- sponsor: PropTypes$1.textElement,
37
- spacing: PropTypes.number,
38
- header: PropTypes$1.header,
39
- footer: PropTypes$1.footer,
40
- background: PropTypes$1.backgroundElement,
41
- cardBoxStyle: PropTypes$1.boxStyle,
42
- lineColor: PropTypes$1.color,
43
- withoutZoom: PropTypes.bool,
44
- current: PropTypes.bool,
45
- active: PropTypes.bool,
46
- preload: PropTypes.bool,
47
- className: PropTypes.string
48
- };
49
- var defaultProps = {
50
- layout: null,
51
- category: null,
52
- visual: null,
53
- title: null,
54
- date: null,
55
- location: null,
56
- description: null,
57
- sponsor: null,
58
- spacing: 20,
59
- header: null,
60
- footer: null,
61
- background: null,
62
- cardBoxStyle: null,
63
- lineColor: null,
64
- withoutZoom: false,
65
- current: true,
66
- active: true,
67
- preload: true,
68
- className: null
69
- };
70
- var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
71
- var layout = _ref.layout,
72
- category = _ref.category,
73
- visual = _ref.visual,
74
- title = _ref.title,
75
- date = _ref.date,
76
- location = _ref.location,
77
- description = _ref.description,
78
- sponsor = _ref.sponsor,
79
- spacing = _ref.spacing,
80
- header = _ref.header,
81
- footer = _ref.footer,
82
- background = _ref.background,
83
- cardBoxStyle = _ref.cardBoxStyle,
84
- lineColor = _ref.lineColor,
85
- withoutZoom = _ref.withoutZoom,
86
- current = _ref.current,
87
- active = _ref.active,
88
- preload = _ref.preload,
89
- className = _ref.className;
24
+ function UrbaniaRecommendation(_ref) {
25
+ var _ref$layout = _ref.layout,
26
+ layout = _ref$layout === void 0 ? null : _ref$layout,
27
+ _ref$category = _ref.category,
28
+ category = _ref$category === void 0 ? null : _ref$category,
29
+ _ref$visual = _ref.visual,
30
+ visual = _ref$visual === void 0 ? null : _ref$visual,
31
+ _ref$title = _ref.title,
32
+ title = _ref$title === void 0 ? null : _ref$title,
33
+ _ref$date = _ref.date,
34
+ date = _ref$date === void 0 ? null : _ref$date,
35
+ _ref$location = _ref.location,
36
+ location = _ref$location === void 0 ? null : _ref$location,
37
+ _ref$description = _ref.description,
38
+ description = _ref$description === void 0 ? null : _ref$description,
39
+ _ref$sponsor = _ref.sponsor,
40
+ sponsor = _ref$sponsor === void 0 ? null : _ref$sponsor,
41
+ _ref$spacing = _ref.spacing,
42
+ spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
43
+ _ref$header = _ref.header,
44
+ header = _ref$header === void 0 ? null : _ref$header,
45
+ _ref$footer = _ref.footer,
46
+ footer = _ref$footer === void 0 ? null : _ref$footer,
47
+ _ref$background = _ref.background,
48
+ background = _ref$background === void 0 ? null : _ref$background,
49
+ _ref$cardBoxStyle = _ref.cardBoxStyle,
50
+ cardBoxStyle = _ref$cardBoxStyle === void 0 ? null : _ref$cardBoxStyle,
51
+ _ref$lineColor = _ref.lineColor,
52
+ lineColor = _ref$lineColor === void 0 ? null : _ref$lineColor,
53
+ _ref$withoutZoom = _ref.withoutZoom,
54
+ withoutZoom = _ref$withoutZoom === void 0 ? false : _ref$withoutZoom,
55
+ _ref$current = _ref.current,
56
+ current = _ref$current === void 0 ? true : _ref$current,
57
+ _ref$active = _ref.active,
58
+ active = _ref$active === void 0 ? true : _ref$active,
59
+ _ref$preload = _ref.preload,
60
+ preload = _ref$preload === void 0 ? true : _ref$preload,
61
+ _ref$className = _ref.className,
62
+ className = _ref$className === void 0 ? null : _ref$className;
90
63
  var intl = useIntl();
91
64
  var trackScreenEvent = useTrackScreenEvent();
92
65
  var _useScreenSize = useScreenSize(),
@@ -713,9 +686,7 @@ var UrbaniaRecommendation = function UrbaniaRecommendation(_ref) {
713
686
  })))
714
687
  }, line);
715
688
  })) : null) : null);
716
- };
717
- UrbaniaRecommendation.propTypes = propTypes;
718
- UrbaniaRecommendation.defaultProps = defaultProps;
689
+ }
719
690
 
720
691
  var definition = [{
721
692
  id: 'urbania-recommendation',
package/es/styles.css ADDED
@@ -0,0 +1 @@
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%;-ms-flex-align:start;align-items:flex-start}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .backgroundTextContainer{display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .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}.container .backgroundText.hidden{opacity:0}.container .backgroundText.didAnimate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.container .backgroundText.animateFromBottom{-webkit-animation:slideFromBottom 1.2s cubic-bezier(.85,0,.15,1);animation: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)}.container .backgroundText.animateFromTop{-webkit-animation:slideFromTop 1.2s cubic-bezier(.85,0,.15,1);animation: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)}.container .content{z-index:1}.container .scroll{overflow-y:auto}.container .empty,.container .emptyText{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:5px auto;width:100%}.container .emptyText,.container .emptyVisual{height:50px}.container .emptySponsor,.container .emptyVisual{width:calc(100% - 10px)}.container .emptySponsor{padding:5px}.container .emptyCategory{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:20%;left:10px;margin:5px auto;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}.container .footer{-webkit-transition:opacity .2 ease-out;transition:opacity .2 ease-out;z-index:1}.container .footer.disabled{opacity:0}.container .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;color:#000;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative;position:absolute;right:10px;top:10px;z-index:3}.container .closeIcon{height:1.5em;width:1.5em}.container .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%}.container .textCard.isPlaceholder{background-color:var(--mm-gray-500)}.container .textCard.appear{-webkit-animation:appear .5s cubic-bezier(.65,0,.35,1);animation: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}.container .textCard .visualContainer{border-top-left-radius:10px;border-top-right-radius:10px}.container .textCard.visualBottom,.container .textCard.visualBottom .visualContainer{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.container .textCard.visualBottom .visualContainer{border-radius:0 0 10px 10px}.container .textCard.modalOpened{height:0}.container .textCard.hidden{opacity:0}.container .visualContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;max-height:250px;overflow:hidden;width:100%}.container .visualContainer.modalOpened{border-radius:0;overflow:auto}.container .sponsor{background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px;line-height:1;padding:5px 10px 3px;text-align:center;width:100%}.container .sponsor.hasVisual{position:absolute}.container .sponsorPlaceholder{padding:10px}.container .visualWrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(34,34,34,0);height:100%;overflow:hidden;position:relative;width:100%}.container .visualWrapper.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)}.container .visualButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:block;font-family:inherit;margin:0;padding:0;position:relative}.container .visualButton.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)}.container .visualButton.disabled{cursor:auto;pointer-events:none}.container .visualButton:hover{-webkit-filter:saturate(1.1);filter:saturate(1.1)}.container .visualButton:hover>.iconContainer{opacity:.8;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.container .iconContainer{bottom:10px;display:-ms-flexbox;display:flex;height:30px;left:10px;position:absolute;width:30px;-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);justify-content:center;pointer-events:none;-webkit-transition:all .1s;transition:all .1s}.container .iconContainer.visualBottom{bottom:25px}.container .iconContainer.hidden{display:none;visibility:hidden}.container .icon{height:14px;width:14px}.container .text{display:-ms-flexbox;display:flex;position:relative}.container .categoryContainer{display:-ms-flexbox;display:flex;left:0;overflow:hidden;position:absolute;top:100%;-ms-flex-pack:center;justify-content:center;-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}.container .category{font-family:Agrandir Tight,sans-serif;font-size:28px;padding:12px 10px 6px;text-align:center}.container .categoryPlaceholder{background-color:var(--mm-gray-800);padding:10px;width:20%}.container .textContent{margin-left:auto;padding:14px 8px 14px 0;position:relative;width:80%}.container .textContent.isPlaceholder{background-color:var(--mm-gray-200);display:none;margin-left:2px;padding:10px;visibility:hidden}.container .textContent.withoutCategory{padding-left:14px;padding-right:14px;width:100%}.container .category,.container .date,.container .description,.container .location,.container .title{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .titleContainer{word-wrap:break-word}.container .title{font-family:Agrandir Tight,sans-serif;font-size:1.2rem}.container .date,.container .location{font-family:Agrandir Tight,sans-serif;padding-top:3px}.container .border{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-top:1px solid #000;display:block;height:0;margin:0;padding:0;width:100%}.container .date{font-size:14px}.container .location{font-size:12px;font-weight:700}.container .date p,.container .location p,.container .sponsor p{font-weight:inherit;margin-bottom:0;margin-top:0}.container .description{font-family:Agrandir Tight,sans-serif;font-size:12px;padding-top:3px}.container .description p{font-weight:inherit;margin-bottom:.5em}.container .description p:last-child{margin-bottom:0}.container .descriptionPlaceholder{padding:10px 10px 30px}.container.isPlaceholder .layout{padding:10px}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes 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 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 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 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-recommendation",
3
- "version": "0.3.832",
3
+ "version": "0.4.4",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -35,6 +35,7 @@
35
35
  "style": "assets/css/styles.css",
36
36
  "exports": {
37
37
  ".": {
38
+ "types": "./es/index.d.ts",
38
39
  "import": "./es/index.js"
39
40
  },
40
41
  "./assets/css/styles": "./assets/css/styles.css",
@@ -48,39 +49,39 @@
48
49
  "scripts": {
49
50
  "clean": "rm -rf es && rm -rf lib && rm -rf assets",
50
51
  "prepublishOnly": "npm run build",
51
- "build": "../../scripts/prepare-package.sh"
52
+ "build": "../../scripts/prepare-package.sh --types"
52
53
  },
53
54
  "devDependencies": {
54
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
55
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
55
+ "react": "^19.2.0",
56
+ "react-dom": "^18.3.0 || ^19.0.0"
56
57
  },
57
58
  "peerDependencies": {
58
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
59
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
59
+ "react": "^19.2.0",
60
+ "react-dom": "^18.3.0 || ^19.0.0"
60
61
  },
61
62
  "dependencies": {
62
63
  "@babel/runtime": "^7.13.10",
63
- "@micromag/core": "^0.3.832",
64
- "@micromag/element-background": "^0.3.832",
65
- "@micromag/element-button": "^0.3.832",
66
- "@micromag/element-container": "^0.3.832",
67
- "@micromag/element-footer": "^0.3.832",
68
- "@micromag/element-header": "^0.3.832",
69
- "@micromag/element-heading": "^0.3.832",
70
- "@micromag/element-layout": "^0.3.832",
71
- "@micromag/element-scroll": "^0.3.832",
72
- "@micromag/element-text": "^0.3.832",
73
- "@micromag/element-visual": "^0.3.832",
74
- "@micromag/transforms": "^0.3.832",
64
+ "@micromag/core": "^0.4.4",
65
+ "@micromag/element-background": "^0.4.4",
66
+ "@micromag/element-button": "^0.4.4",
67
+ "@micromag/element-container": "^0.4.4",
68
+ "@micromag/element-footer": "^0.4.4",
69
+ "@micromag/element-header": "^0.4.4",
70
+ "@micromag/element-heading": "^0.4.4",
71
+ "@micromag/element-layout": "^0.4.4",
72
+ "@micromag/element-scroll": "^0.4.4",
73
+ "@micromag/element-text": "^0.4.4",
74
+ "@micromag/element-visual": "^0.4.4",
75
+ "@micromag/transforms": "^0.4.4",
75
76
  "classnames": "^2.2.6",
76
- "lodash": "^4.17.21",
77
- "prop-types": "^15.7.2",
78
- "react-intl": "^6.6.4",
77
+ "lodash": "^4.17.23",
78
+ "react-intl": "^8.1.3",
79
79
  "uuid": "^9.0.0"
80
80
  },
81
81
  "publishConfig": {
82
82
  "access": "public",
83
83
  "registry": "https://registry.npmjs.org/"
84
84
  },
85
- "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
85
+ "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
86
+ "types": "es/index.d.ts"
86
87
  }