mealz-components 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/catalog/catalog-category/catalog-category.min.js +1 -1
- package/dist/catalog/catalog-home/catalog-home.css +1 -1
- package/dist/catalog/catalog-home/catalog-home.min.js +1 -1
- package/dist/catalog/catalog-list/catalog-list.css.min.js +1 -0
- package/dist/catalog/catalog-list/catalog-list.min.js +1 -0
- package/dist/catalog/catalog-toolbar/catalog-toolbar.css +1 -1
- package/dist/catalog/catalog-toolbar/catalog-toolbar.min.js +1 -1
- package/dist/catalog/catalog.css +1 -1
- package/dist/like-button/like-button.css +1 -1
- package/dist/recipe-pricing/recipe-pricing.css +1 -1
- package/dist/store-locator/store-locator.min.js +19 -37
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as k}from"../../assets/lit-element-BKlYWoBt.js";import{N as D}from"../../assets/no-shadow-element-BdZPYRaG.js";import{_ as
|
|
1
|
+
import{t as k}from"../../assets/lit-element-BKlYWoBt.js";import{N as D}from"../../assets/no-shadow-element-BdZPYRaG.js";import{_ as E,S as O,a as H,b as C,c as P,d as y,i as w,f as h,m as V,o as S,g as j,h as q,O as x,j as N}from"../../assets/mapOneOrManyArgs-BtDjRPOr.js";var U={now:function(){return Date.now()},delegate:void 0},F=function(e){E(n,e);function n(t,i){return e.call(this)||this}return n.prototype.schedule=function(t,i){return this},n}(O),_={setInterval:function(e,n){for(var t=[],i=2;i<arguments.length;i++)t[i-2]=arguments[i];return setInterval.apply(void 0,H([e,n],C(t)))},clearInterval:function(e){var n=_.delegate;return((n==null?void 0:n.clearInterval)||clearInterval)(e)},delegate:void 0},$=function(e){E(n,e);function n(t,i){var r=e.call(this,t,i)||this;return r.scheduler=t,r.work=i,r.pending=!1,r}return n.prototype.schedule=function(t,i){var r;if(i===void 0&&(i=0),this.closed)return this;this.state=t;var s=this.id,a=this.scheduler;return s!=null&&(this.id=this.recycleAsyncId(a,s,i)),this.pending=!0,this.delay=i,this.id=(r=this.id)!==null&&r!==void 0?r:this.requestAsyncId(a,this.id,i),this},n.prototype.requestAsyncId=function(t,i,r){return r===void 0&&(r=0),_.setInterval(t.flush.bind(t,this),r)},n.prototype.recycleAsyncId=function(t,i,r){if(r===void 0&&(r=0),r!=null&&this.delay===r&&this.pending===!1)return i;i!=null&&_.clearInterval(i)},n.prototype.execute=function(t,i){if(this.closed)return new Error("executing a cancelled action");this.pending=!1;var r=this._execute(t,i);if(r)return r;this.pending===!1&&this.id!=null&&(this.id=this.recycleAsyncId(this.scheduler,this.id,null))},n.prototype._execute=function(t,i){var r=!1,s;try{this.work(t)}catch(a){r=!0,s=a||new Error("Scheduled action threw falsy error")}if(r)return this.unsubscribe(),s},n.prototype.unsubscribe=function(){if(!this.closed){var t=this,i=t.id,r=t.scheduler,s=r.actions;this.work=this.state=this.scheduler=null,this.pending=!1,P(s,this),i!=null&&(this.id=this.recycleAsyncId(r,i,null)),this.delay=null,e.prototype.unsubscribe.call(this)}},n}(F),R=function(){function e(n,t){t===void 0&&(t=e.now),this.schedulerActionCtor=n,this.now=t}return e.prototype.schedule=function(n,t,i){return t===void 0&&(t=0),new this.schedulerActionCtor(this,n).schedule(i,t)},e.now=U.now,e}(),J=function(e){E(n,e);function n(t,i){i===void 0&&(i=R.now);var r=e.call(this,t,i)||this;return r.actions=[],r._active=!1,r}return n.prototype.flush=function(t){var i=this.actions;if(this._active){i.push(t);return}var r;this._active=!0;do if(r=t.execute(t.state,t.delay))break;while(t=i.shift());if(this._active=!1,r){for(;t=i.shift();)t.unsubscribe();throw r}},n}(R),z=new J($),B=z;function G(e){return e instanceof Date&&!isNaN(e)}function Q(e,n,t,i,r,s,a,l){var o=[],c=0,f=0,u=!1,p=function(){u&&!o.length&&!c&&n.complete()},b=function(v){return c<i?m(v):o.push(v)},m=function(v){c++;var g=!1;w(t(v,f++)).subscribe(y(n,function(d){n.next(d)},function(){g=!0},void 0,function(){if(g)try{c--;for(var d=function(){var I=o.shift();a||m(I)};o.length&&c<i;)d();p()}catch(I){n.error(I)}}))};return e.subscribe(y(n,b,function(){u=!0,p()})),function(){}}function T(e,n,t){return t===void 0&&(t=1/0),h(n)?T(function(i,r){return V(function(s,a){return n(i,s,r,a)})(w(e(i,r)))},t):(typeof n=="number"&&(t=n),S(function(i,r){return Q(i,r,e,t)}))}var Y=["addListener","removeListener"],K=["addEventListener","removeEventListener"],W=["on","off"];function L(e,n,t,i){if(h(t)&&(i=t,t=void 0),i)return L(e,n,t).pipe(j(i));var r=C(ee(e)?K.map(function(l){return function(o){return e[l](n,o,t)}}):X(e)?Y.map(A(e,n)):Z(e)?W.map(A(e,n)):[],2),s=r[0],a=r[1];if(!s&&q(e))return T(function(l){return L(l,n,t)})(w(e));if(!s)throw new TypeError("Invalid event target");return new x(function(l){var o=function(){for(var c=[],f=0;f<arguments.length;f++)c[f]=arguments[f];return l.next(1<c.length?c:c[0])};return s(o),function(){return a(o)}})}function A(e,n){return function(t){return function(i){return e[t](n,i)}}}function X(e){return h(e.addListener)&&h(e.removeListener)}function Z(e){return h(e.on)&&h(e.off)}function ee(e){return h(e.addEventListener)&&h(e.removeEventListener)}function te(e,n,t){t===void 0&&(t=B);var i=-1;return n!=null&&(N(n)?t=n:i=n),new x(function(r){var s=G(e)?+e-t.now():e;s<0&&(s=0);var a=0;return t.schedule(function(){r.closed||(r.next(a++),0<=i?this.schedule(void 0,i):r.complete())},s)})}function ne(e,n){return S(function(t,i){var r=n??{},s=r.leading,a=s===void 0?!0:s,l=r.trailing,o=l===void 0?!1:l,c=!1,f=null,u=null,p=!1,b=function(){u==null||u.unsubscribe(),u=null,o&&(g(),p&&i.complete())},m=function(){u=null,p&&i.complete()},v=function(d){return u=w(e(d)).subscribe(y(i,b,m))},g=function(){if(c){c=!1;var d=f;f=null,i.next(d),!p&&v(d)}};t.subscribe(y(i,function(d){c=!0,f=d,!(u&&!u.closed)&&(a?g():v(d))},function(){p=!0,!(o&&c&&u&&!u.closed)&&i.complete()}))})}function ie(e,n,t){n===void 0&&(n=z);var i=te(e,n);return ne(function(){return i},t)}var re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ae=(e,n,t,i)=>{for(var r=i>1?void 0:i?se(n,t):n,s=e.length-1,a;s>=0;s--)(a=e[s])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&re(n,t,r),r};const oe=300;let M=class extends D{constructor(){super(...arguments),this.batchSize=10,this.page=2,this.ssrURL="",this.packageId="",this.posId="",this.loadingMoreRecipes=!1,this.noMoreData=!1,this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealzInternal.catalog.preferencesModalChanged().subscribe(()=>this.reloadPage()))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var o;const e=(o=this.attributes["starting-data"])==null?void 0:o.value;if(!e||(this.recipeCardListHTML=this.querySelector(".mealz-catalog__list"),!this.recipeCardListHTML))return;const{batchSize:n,packageId:t,posId:i,ssrURL:r,displayRecipeVariant:s,sessionId:a}=JSON.parse(e);Object.assign(this,{batchSize:n,packageId:t,posId:i,ssrURL:r,displayRecipeVariant:s});const l=L(window,"scroll");this.sessionId=a,this.subscriptions.push(l.pipe(ie(100)).subscribe(()=>{!this.noMoreData&&!this.loadingMoreRecipes&&window.innerHeight+Math.round(window.scrollY)+oe>=document.body.offsetHeight&&this.getMoreRecipeCards()}))}buildHeaders(){return{authorization:`user_id ${localStorage.getItem("_miam/userId")}`,"language-id":window.mealzInternal.user.getLanguage(),"supplier-token":window.mealzInternal.supplier.getToken(),"session-id":this.sessionId}}async getMoreRecipeCards(){this.loadingMoreRecipes=!0;const e=new URLSearchParams;e.append("category_id",this.packageId),e.append("display_recipe_variant",this.displayRecipeVariant),e.append("size",this.batchSize.toString()),e.append("page",this.page.toString()),this.posId&&e.append("store_id",this.posId);const n=await fetch(this.ssrURL+"?"+e,{method:"GET",headers:this.buildHeaders()});this.appendRecipesToList(await n.text())}appendRecipesToList(e){this.checkIfMoreRecipes(e),this.recipeCardListHTML.insertAdjacentHTML("beforeend",e),this.loadingMoreRecipes=!1,this.page++}checkIfMoreRecipes(e){const n=e.match(/<mealz-recipe-card(?=\s|>)/gi);(n?n.length:0)<this.batchSize&&(this.noMoreData=!0)}reloadPage(){location.reload()}};M=ae([k("mealz-catalog-category")],M);customElements.get("mealz-catalog-category")||customElements.define("mealz-catalog-category",M);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog-home{width:100%;position:relative;background-color:var(--miam-ds-color-neutral-white, #fff)}.mealz-catalog-home .mealz-catalog-home__header{display:flex;height:250px;border-bottom:1px solid var(--miam-ds-color-neutral-200, #D9DDE1)}@media (max-width: 607px){.mealz-catalog-home .mealz-catalog-home__header{flex-direction:column;height:auto}.mealz-catalog-home .mealz-catalog-home__header .mealz-catalog-home__header-right{padding:0}}.mealz-catalog-home .mealz-catalog-home__header-left{display:flex;justify-content:center;align-items:center;flex:1;max-width:548px}.mealz-catalog-home .mealz-catalog-home__header-left .mealz-catalog__title{font-size:40px;line-height:120%}@media (max-width: 607px){.mealz-catalog-home .mealz-catalog-home__header-left{justify-content:left;padding:16px}.mealz-catalog-home .mealz-catalog-home__header-left .mealz-catalog__title{font-size:24px}}.mealz-catalog-home .mealz-catalog-home__header-right{flex:1;background-repeat:no-repeat;background-size:cover;background-image:url(https://storage.googleapis.com/assets.miam.tech/pictures/catalog_settings/coursesu/2-banner/2-banner_1200x215.jpg)}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__header-bottom{display:flex;justify-content:space-between}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__header-bottom .mealz-catalog-home__category__link{display:flex;align-items:center;color:var(--miam-ds-color-primary, #24748F);white-space:nowrap}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__content{position:relative;overflow:hidden;padding:16px 0;width:100%;height:var(--mealz-recipe-card-height, 500px);box-sizing:content-box;display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s;gap:16px}
|
|
1
|
+
.mealz-catalog-home{width:100%;position:relative;background-color:var(--miam-ds-color-neutral-white, #fff)}.mealz-catalog-home .mealz-catalog-home__header{display:flex;height:250px;border-bottom:1px solid var(--miam-ds-color-neutral-200, #D9DDE1)}@media (max-width: 607px){.mealz-catalog-home .mealz-catalog-home__header{flex-direction:column;height:auto}.mealz-catalog-home .mealz-catalog-home__header .mealz-catalog-home__header-right{padding:0}}.mealz-catalog-home .mealz-catalog-home__header-left{display:flex;justify-content:center;align-items:center;flex:1;max-width:548px}.mealz-catalog-home .mealz-catalog-home__header-left .mealz-catalog__title{font-size:40px;line-height:120%}@media (max-width: 607px){.mealz-catalog-home .mealz-catalog-home__header-left{justify-content:left;padding:16px}.mealz-catalog-home .mealz-catalog-home__header-left .mealz-catalog__title{font-size:24px}}.mealz-catalog-home .mealz-catalog-home__header-right{flex:1;background-repeat:no-repeat;background-size:cover;background-image:url(https://storage.googleapis.com/assets.miam.tech/pictures/catalog_settings/coursesu/2-banner/2-banner_1200x215.jpg)}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__header-bottom{display:flex;justify-content:space-between;gap:16px}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__header-bottom .mealz-catalog-home__category__link{display:flex;align-items:center;color:var(--miam-ds-color-primary, #24748F);white-space:nowrap;gap:8px}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__header-bottom .mealz-catalog-home__category__link img{width:16px;height:16px}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__content{position:relative;overflow:hidden;padding:16px 0;width:100%;height:var(--mealz-recipe-card-height, 500px);box-sizing:content-box;display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s;gap:16px}@media (max-width: 1023px){.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__content{height:320px;overflow-x:scroll;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-catalog-home__category__content::-webkit-scrollbar{display:none}.mealz-catalog-home .mealz-catalog-home__categories .mealz-catalog-home__category .mealz-recipe-card{width:240px;height:320px}}@media (max-width: 1023px){.mealz-catalog-home .mealz-catalog__content{padding:0 0 0 24px}.mealz-catalog-home .mealz-catalog__category-title-container{padding-right:24px}}@media (max-width: 700px){.mealz-catalog-home .mealz-catalog__content{padding:0 0 0 16px}.mealz-catalog-home .mealz-catalog__category-title-container{padding-right:16px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as n}from"../../assets/lit-element-BKlYWoBt.js";import{N as i}from"../../assets/no-shadow-element-BdZPYRaG.js";var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,u=(a,s,t,o)=>{for(var e=o>1?void 0:o?p(s,t):s,r=a.length-1,c;r>=0;r--)(c=a[r])&&(e=(o?c(s,t,e):c(e))||e);return o&&e&&m(s,t,e),e};let l=class extends i{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealzInternal.catalog.preferencesModalChanged().subscribe(()=>this.reloadPage()))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(a=>a.unsubscribe())}render(){}reloadPage(){location.reload()}};l=u([n("mealz-catalog-home")],l);customElements.get("mealz-catalog-home")||customElements.define("mealz-catalog-home",l);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as n}from"../../assets/lit-element-BKlYWoBt.js";import{N as i}from"../../assets/no-shadow-element-BdZPYRaG.js";var p=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=(s,t,l,a)=>{for(var e=a>1?void 0:a?u(t,l):t,r=s.length-1,c;r>=0;r--)(c=s[r])&&(e=(a?c(t,l,e):c(e))||e);return a&&e&&p(t,l,e),e};let o=class extends i{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealzInternal.catalog.preferencesModalChanged().subscribe(()=>this.reloadPage()))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(s=>s.unsubscribe())}render(){}reloadPage(){location.reload()}};o=d([n("mealz-catalog-list")],o);customElements.get("mealz-catalog-list")||customElements.define("mealz-catalog-list",o);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog-toolbar{position:relative;display:flex;box-sizing:border-box;justify-content:space-between;z-index:10;width:-webkit-fill-available;padding:24px 80px;background-color:var(--miam-ds-color-neutral-white, #FFF);transition:padding .3s ease}.mealz-catalog-toolbar .mealz-recipe-catalog__toolbar-container-anchor{width:100%}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container{display:flex;flex-direction:row;align-items:center;flex:1;max-width:600px;gap:16px;margin-right:24px}@media (max-width: 700px){.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container{margin-right:
|
|
1
|
+
.mealz-catalog-toolbar{position:relative;display:flex;box-sizing:border-box;justify-content:space-between;z-index:10;width:-webkit-fill-available;padding:24px 80px;background-color:var(--miam-ds-color-neutral-white, #FFF);transition:padding .3s ease}.mealz-catalog-toolbar .mealz-recipe-catalog__toolbar-container-anchor{width:100%}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container{display:flex;flex-direction:row;align-items:center;flex:1;max-width:600px;gap:16px;margin-right:24px}@media (max-width: 700px){.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container{margin-right:0}}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-recipe-toolbar__return-button img{width:20px;height:20px}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-recipe-toolbar__return-button.hidden{display:none}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar{background-color:var(--miam-ds-color-background-primary, #FFF);border:1px solid var(--miam-ds-color-border, #D6E1EC);border-radius:6px;width:480px;font-size:14px;display:flex;align-items:center;padding:8px;box-sizing:border-box}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar input{border:transparent;background:transparent;flex:1;text-overflow:ellipsis}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar input::placeholder{color:var(--miam-ds-color-text-disabled, #8c96a2);opacity:1}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar input:focus{outline:transparent}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar .miam-ds-button{margin-right:8px;padding:unset}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar .miam-ds-button:hover{border-color:transparent}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar .miam-ds-button img{height:24px;width:24px}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-recipe-toolbar__return-button{width:24px;height:24px}.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-recipe-toolbar__return-button img{cursor:pointer;min-width:15px;min-height:15px}.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px}.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__preferences:not(.ghost):not(.hidden),.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__favorites:not(.ghost):not(.hidden),.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__personal:not(.ghost):not(.hidden){text-decoration:none;display:flex;gap:4px;padding:8px 12px;background:var(--miam-ds-color-primary-100, #E4EAEC);color:var(--miam-ds-color-neutral-black, #1F3543);border-radius:90px}.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container .miam-ds-button img{width:16px;height:16px}.mealz-catalog-toolbar .mealz-catalog-toolbar__buttons-container .miam-ds-button.hidden{display:none}.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__filter,.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__preferences{position:relative}.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__filter .mealz-catalog-toolbar__controls__filter-badge,.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__preferences .mealz-catalog-toolbar__controls__filter-badge{height:18px;width:18px;display:flex;justify-content:center;align-items:center;background-color:var(--miam-ds-color-primary-900, #10323F);color:var(--m-catalog-redpoint-text-color, #FAFCFE);border-radius:var(--m-border-radius-circle, 50%);font-size:12px;line-height:18px}.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__filter:not(.full) .mealz-catalog-toolbar__controls__filter-badge,.mealz-catalog-toolbar .mealz-catalog-toolbar__controls__preferences:not(.full) .mealz-catalog-toolbar__controls__filter-badge{position:absolute;right:6px;top:6px}@media (max-width: 1024px){.mealz-catalog-toolbar .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar{width:auto;flex:1}}@media (max-width: 700px){.mealz-catalog-toolbar:not(.sticking){flex-direction:column-reverse;gap:24px}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__searchbar-container{border-bottom:unset;justify-content:space-between;max-width:unset}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container{justify-content:space-between}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__preferences,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__favorites,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__personal{border-radius:40px;padding:12px 16px;flex:1}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__preferences:hover,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__favorites:hover,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__personal:hover{background-color:var(--miam-ds-color-primary-200, #C6D4D9)}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__preferences:not(.full) span,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__favorites:not(.full) span,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__personal:not(.full) span{display:none}.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__preferences.hidden,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__favorites.hidden,.mealz-catalog-toolbar:not(.sticking) .mealz-catalog-toolbar__buttons-container .miam-ds-button.mealz-catalog-toolbar__controls__personal.hidden{display:flex;color:#8c96a2}}.mealz-catalog-toolbar.sticking{position:fixed;top:0;border-bottom:1px solid var(--miam-ds-color-neutral-200, #D9DDE1);padding:16px 40px}@media (max-width: 700px){.mealz-catalog-toolbar.sticking{padding:8px}}@media (max-width: 700px){.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container{gap:12px}}.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container .miam-ds-button img{width:24px;height:24px}.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container .mealz-catalog-toolbar__controls__preferences .mealz-catalog-toolbar__controls__preferences-label,.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container .mealz-catalog-toolbar__controls__favorites .mealz-catalog-toolbar__controls__favorites-label{display:none}@media (max-width: 1023px){.mealz-catalog-toolbar{padding:24px}}@media (max-width: 700px){.mealz-catalog-toolbar{padding:24px 16px}}@media (min-width: 700px){.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container .mealz-catalog-toolbar__controls__preferences .mealz-catalog-toolbar__controls__preferences-label{display:none}.mealz-catalog-toolbar.sticking .mealz-catalog-toolbar__buttons-container .mealz-catalog-toolbar__controls__favorites .mealz-catalog-toolbar__controls__favorites-label{display:none}}.mealz-catalog-toolbar.sticking:not(.home-page) .mealz-catalog-toolbar__searchbar-container{max-width:initial;justify-content:space-between}.mealz-catalog-toolbar.sticking:not(.home-page) .mealz-catalog-toolbar__searchbar-container .mealz-catalog-toolbar__searchbar{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as n}from"../../assets/lit-element-BKlYWoBt.js";import{N as c}from"../../assets/no-shadow-element-BdZPYRaG.js";var h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(
|
|
1
|
+
import{t as n}from"../../assets/lit-element-BKlYWoBt.js";import{N as c}from"../../assets/no-shadow-element-BdZPYRaG.js";var h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,p=(t,e,s,r)=>{for(var o=r>1?void 0:r?u(e,s):e,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=(r?a(e,s,o):a(o))||o);return r&&o&&h(e,s,o),o};let l=class extends c{constructor(){super(...arguments),this.subscriptions=[],this.supplierHeaderHeight=0,this.initialUrl=""}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealzInternal.getStickyHeaderHeight().subscribe(t=>{this.supplierHeaderHeight=t}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe()),this.toolbarObserver.unobserve(this.anchorElement)}render(){this.initialUrl=this.getAttribute("starting-data")||"",this.initialUrl&&(this.findElementsInDocument(),this.addEveryEventListeners())}firstUpdated(){this.setStickyObserver()}setStickyObserver(){var e;if(this.toolbar=document.querySelector(".mealz-catalog-toolbar"),this.anchorElement=document.querySelector(".mealz-catalog-toolbar__anchor"),!this.anchorElement||!this.toolbar)return;const t={rootMargin:`-${this.supplierHeaderHeight}px 0px 0px 0px`,threshold:1};(e=this.toolbarObserver)==null||e.unobserve(this),setTimeout(()=>this.setStickyToolbarStyle(),50),this.toolbarObserver=new IntersectionObserver(()=>{this.setStickyToolbarStyle()},t),this.toolbarObserver.observe(this.anchorElement)}setStickyToolbarStyle(){const e=this.anchorElement.getBoundingClientRect().top<this.supplierHeaderHeight;this.anchorElement.style.height=e?this.toolbar.clientHeight+"px":"0px",this.toolbar.classList.toggle("sticking",e),this.toolbar.style.top=this.supplierHeaderHeight+"px",this.updateDOM(e)}findElementsInDocument(){this.preferencesButton=this.querySelector(".mealz-catalog-toolbar__controls__preferences"),this.favoritesButton=this.querySelector(".mealz-catalog-toolbar__controls__favorites"),this.searchButton=this.querySelector(".mealz-catalog-toolbar__searchbar-button"),this.searchInput=this.querySelector(".mealz-catalog-toolbar__searchbar-input"),this.backButton=this.querySelector(".mealz-recipe-toolbar__return-button")}addEveryEventListeners(){var t;this.addClickListener(this.preferencesButton,this.openPreferences.bind(this)),this.addClickListener(this.searchButton,this.performSearch.bind(this)),(t=this.searchInput)==null||t.addEventListener("keypress",e=>{e.key==="Enter"&&this.performSearch()})}addClickListener(t,e){t==null||t.addEventListener("click",s=>{s.stopPropagation(),e()})}performSearch(){const t=this.searchInput.value.trim();if(!t)return;const e=this.initialUrl.includes("?")?"&":"?";window.location.href=`${this.initialUrl}${e}search=${encodeURIComponent(t)}`}updateDOM(t){var r;const e=t?["ghost","square"]:["full"],s=t?["full"]:["ghost","square"];this.toggleClasses(this.favoritesButton,e,s),this.toggleClasses(this.preferencesButton,e,s),(r=this.backButton)==null||r.classList.toggle("hidden",!t)}toggleClasses(t,e,s){t==null||t.classList.remove(...s),t==null||t.classList.add(...e)}openPreferences(){window.mealzInternal.catalog.openPreferences()}};l=p([n("mealz-catalog-toolbar")],l);customElements.get("mealz-catalog-toolbar")||customElements.define("mealz-catalog-toolbar",l);
|
package/dist/catalog/catalog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog__title{color:#0f191f}.mealz-catalog__title-container{display:flex;align-items:center;gap:12px}.mealz-catalog__content,.mealz-catalog__title-container{padding:0 80px;box-sizing:border-box}.mealz-catalog__content .mealz-catalog__category-title-container,.mealz-catalog__title-container .mealz-catalog__category-title-container{display:flex;flex-direction:column;gap:4px}.mealz-catalog__content .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]),.mealz-catalog__title-container .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]){width:18px;height:18px;background-color:var(--miam-ds-color-primary-100, #E4EAEC)}.mealz-catalog__content .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]) img,.mealz-catalog__title-container .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]) img{cursor:pointer;width:13px;height:13px}.mealz-catalog__content .mealz-catalog__link,.mealz-catalog__title-container .mealz-catalog__link{cursor:pointer;width:fit-content;text-decoration:none}.mealz-catalog__content .mealz-catalog__link:hover,.mealz-catalog__title-container .mealz-catalog__link:hover{text-decoration:underline}.mealz-catalog__content .mealz-catalog__subtitle,.mealz-catalog__title-container .mealz-catalog__subtitle{margin:0;color:var(--miam-ds-color-neutral-500, #687787)}.mealz-catalog__content .mealz-catalog__list__empty,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged,.mealz-catalog__title-container .mealz-catalog__list__empty,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:36px;margin-bottom:8px;gap:36px}.mealz-catalog__content .mealz-catalog__list__empty .mealz-catalog__list__empty__icon,.mealz-catalog__content .mealz-catalog__list__empty .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__icon,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__title-container .mealz-catalog__list__empty .mealz-catalog__list__empty__icon,.mealz-catalog__title-container .mealz-catalog__list__empty .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__icon,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged .mealz-catalog-favorites__list__not-logged__icon{width:200px;height:150px}.mealz-catalog__content .mealz-catalog__list,.mealz-catalog__title-container .mealz-catalog__list{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width, 308px));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}@media (max-width: 1023px){.mealz-catalog__content,.mealz-catalog__title-container{padding:0 24px}}@media (max-width: 700px){.mealz-catalog__content,.mealz-catalog__title-container{padding:0 16px}}.mealz-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px;border:var(--m-loader-thickness) solid var(--m-color-grey);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);border-radius:var(--m-border-radius-circle);animation:.5s linear infinite miam-loader-spin}@keyframes miam-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
1
|
+
.mealz-catalog__title{color:#0f191f}.mealz-catalog__title-container{display:flex;align-items:center;gap:12px}.mealz-catalog__content,.mealz-catalog__title-container{padding:0 80px;box-sizing:border-box}.mealz-catalog__content .mealz-catalog__category-title-container,.mealz-catalog__title-container .mealz-catalog__category-title-container{display:flex;flex-direction:column;gap:4px}.mealz-catalog__content .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]),.mealz-catalog__title-container .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]){width:18px;height:18px;background-color:var(--miam-ds-color-primary-100, #E4EAEC)}.mealz-catalog__content .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]) img,.mealz-catalog__title-container .mealz-catalog__title-icon:not(.ghost):not(.disabled):not([disabled]) img{cursor:pointer;width:13px;height:13px}.mealz-catalog__content .mealz-catalog__link,.mealz-catalog__title-container .mealz-catalog__link{cursor:pointer;width:fit-content;text-decoration:none}.mealz-catalog__content .mealz-catalog__link:hover,.mealz-catalog__title-container .mealz-catalog__link:hover{text-decoration:underline}.mealz-catalog__content .mealz-catalog__subtitle,.mealz-catalog__title-container .mealz-catalog__subtitle{margin:0;color:var(--miam-ds-color-neutral-500, #687787)}.mealz-catalog__content .mealz-catalog__list__empty,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged,.mealz-catalog__title-container .mealz-catalog__list__empty,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:36px;margin-bottom:8px;gap:36px}.mealz-catalog__content .mealz-catalog__list__empty .mealz-catalog__list__empty__icon,.mealz-catalog__content .mealz-catalog__list__empty .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__icon,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__title-container .mealz-catalog__list__empty .mealz-catalog__list__empty__icon,.mealz-catalog__title-container .mealz-catalog__list__empty .mealz-catalog-favorites__list__not-logged__icon,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__icon,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged .mealz-catalog-favorites__list__not-logged__icon{width:200px;height:150px}.mealz-catalog__content .mealz-catalog__list__empty .mealz-catalog__list__empty__title span,.mealz-catalog__content .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__title span,.mealz-catalog__title-container .mealz-catalog__list__empty .mealz-catalog__list__empty__title span,.mealz-catalog__title-container .mealz-catalog-favorites__list__not-logged .mealz-catalog__list__empty__title span{display:block;text-align:center;white-space:pre-line}.mealz-catalog__content .mealz-catalog__list,.mealz-catalog__title-container .mealz-catalog__list{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width, 308px));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}@media (min-width: 375px) and (max-width: 712px){.mealz-catalog__content .mealz-catalog__list,.mealz-catalog__title-container .mealz-catalog__list{grid-template-columns:repeat(auto-fill,calc((100% - 16px)/2))}.mealz-catalog__content .mealz-recipe-card,.mealz-catalog__title-container .mealz-recipe-card{width:100%;height:272px}}@media (max-width: 374px){.mealz-catalog__content .mealz-catalog__list,.mealz-catalog__title-container .mealz-catalog__list{grid-template-columns:repeat(auto-fill,100%)}.mealz-catalog__content .mealz-recipe-card,.mealz-catalog__title-container .mealz-recipe-card{width:100%;height:272px}}@media (max-width: 1023px){.mealz-catalog__content,.mealz-catalog__title-container{padding:0 24px}}@media (max-width: 700px){.mealz-catalog__content,.mealz-catalog__title-container{padding:0 16px}}.mealz-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px;border:var(--m-loader-thickness) solid var(--m-color-grey);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);border-radius:var(--m-border-radius-circle);animation:.5s linear infinite miam-loader-spin}@keyframes miam-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-like-button__icon img{display:none}.mealz-like-button__icon .active{display:block}
|
|
1
|
+
.mealz-like-button__icon img{display:none}.mealz-like-button__icon .active{display:block}.mealz-like-button:hover .mealz-like-button__icon .active{filter:brightness(0) invert(1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-recipe-pricing{max-width:70px}.mealz-recipe-pricing .mealz-recipe-pricing__wrapper .mealz-recipe-pricing__wrapper__subline{color:#1f354380;font-weight:500;line-height:100%}.mealz-recipe-pricing__loading{width:70px;height:24px;border-radius:.25rem;animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}
|
|
1
|
+
.mealz-recipe-pricing{max-width:70px}.mealz-recipe-pricing .mealz-recipe-pricing__wrapper .mealz-recipe-pricing__wrapper__subline{color:#1f354380;font-weight:500;line-height:100%}.mealz-recipe-pricing .hidden{display:none}.mealz-recipe-pricing .active{display:block}.mealz-recipe-pricing__loading{width:70px;height:24px;border-radius:.25rem;animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{u,f as m,i as g,h as b,k as
|
|
1
|
+
import{u,f as m,i as g,h as b,k as n,t as f}from"../assets/lit-element-BKlYWoBt.js";/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2017 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const _={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:m},x=(t=_,e,s)=>{const{kind:i,metadata:o}=s;let a=globalThis.litPropertyMetadata.get(o);if(a===void 0&&globalThis.litPropertyMetadata.set(o,a=new Map),a.set(s.name,t),i==="accessor"){const{name:
|
|
5
|
+
*/const _={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:m},x=(t=_,e,s)=>{const{kind:i,metadata:o}=s;let a=globalThis.litPropertyMetadata.get(o);if(a===void 0&&globalThis.litPropertyMetadata.set(o,a=new Map),a.set(s.name,t),i==="accessor"){const{name:r}=s;return{set(p){const h=e.get.call(this);e.set.call(this,p),this.requestUpdate(r,h,t)},init(p){return p!==void 0&&this.P(r,void 0,t),p}}}if(i==="setter"){const{name:r}=s;return function(p){const h=this[r];e.call(this,p),this.requestUpdate(r,h,t)}}throw Error("Unsupported decorator location: "+i)};function c(t){return(e,s)=>typeof s=="object"?x(t,e,s):((i,o,a)=>{const r=o.hasOwnProperty(a);return o.constructor.createProperty(a,r?{...i,wrapped:!0}:i),r?Object.getOwnPropertyDescriptor(o,a):void 0})(t,e,s)}/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -14,7 +14,7 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
-
*/function y(t,e){return(s,i,o)=>{const a=
|
|
17
|
+
*/function y(t,e){return(s,i,o)=>{const a=r=>{var p;return((p=r.renderRoot)==null?void 0:p.querySelector(t))??null};return w(s,i,{get(){return a(this)}})}}class S{get extId(){return this.attributes["ext-id"]}}var L=Object.defineProperty,C=Object.getOwnPropertyDescriptor,d=(t,e,s,i)=>{for(var o=i>1?void 0:i?C(e,s):e,a=t.length-1,r;a>=0;a--)(r=t[a])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&L(e,s,o),o};let l=class extends b{constructor(){var t,e,s,i,o,a;super(...arguments),this.selectedRadius=50,this.getByAddress=(e=(t=window.mealz)==null?void 0:t.pos)==null?void 0:e.getByAddress,this.getByCoordinates=(i=(s=window.mealz)==null?void 0:s.pos)==null?void 0:i.getByCoordinates,this.getAffiliateSuppliers=(a=(o=window.mealz)==null?void 0:o.supplier)==null?void 0:a.getAffiliateSuppliers,this._posList=[],this._markers=[],this._searchingPos=!1,this._searchSubmitted=!1,this._previousSearchMethod=()=>{},this._suppliers=[],this._selectedSuppliers=[],this._showPosList=!1,this._posSelected=!1,this.subscriptions=[]}set geolocationCoordinates(t){var e,s;this._geolocationCoordinates=t,(e=t==null?void 0:t.coords)!=null&&e.latitude&&((s=t==null?void 0:t.coords)!=null&&s.longitude)&&this.setGeolocation()}get geolocationCoordinates(){return this._geolocationCoordinates}_nameOfStore(t){return`${t.supplier.attributes.name} - ${t.attributes.name}`}connectedCallback(){super.connectedCallback(),this.initLeaflet(),this.fetchSuppliers()}disconnectedCallback(){this.subscriptions.forEach(t=>t.unsubscribe()),super.disconnectedCallback(),this._leafletCss.remove(),this._miamDs.remove(),this._leafletJs.remove()}render(){if(this.show)return this.posSelectionTemplate()}firstUpdated(){this._posSelected=!1,this.loadMap(),this.geolocationTimeout(),this.listenFormSubmit()}posSelectionTemplate(){return n`
|
|
18
18
|
<div class="wrapper miam-ds-body">
|
|
19
19
|
<div class="pos-selection">
|
|
20
20
|
<div class="title">
|
|
@@ -28,12 +28,11 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
28
28
|
placeholder="Votre code postal ou ville">
|
|
29
29
|
<button type="submit" class="miam-ds-button primary search-address-button">OK</button>
|
|
30
30
|
</div>
|
|
31
|
-
${this.selectRadiusTemplate()}
|
|
32
31
|
${this.selectSupplierTemplate()}
|
|
33
32
|
</form>
|
|
34
33
|
${this.posListTemplate()}
|
|
35
|
-
${this._posList.length>0?
|
|
36
|
-
<div id="mobile-buttons-wrapper" class="mobile-buttons-wrapper__see-list">
|
|
34
|
+
${this._posList.length>0?n`
|
|
35
|
+
<div id="mobile-buttons-wrapper" class="${this._showPosList?"mobile-buttons-wrapper__see-map":"mobile-buttons-wrapper__see-list"}">
|
|
37
36
|
<button @click=${()=>this.togglePosList(this._showPosList)}
|
|
38
37
|
class="miam-ds-button primary hide-pos-button">
|
|
39
38
|
${this.getButtonLabel()}
|
|
@@ -43,44 +42,37 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
43
42
|
</div>
|
|
44
43
|
${this.posMapTemplate()}
|
|
45
44
|
</div>
|
|
46
|
-
`}geolocButtonTemplate(){var e,s,i,o;let t;if(this.geolocationCoordinates===void 0)t=
|
|
47
|
-
<div class="miam-ds-loader"></div>`;else if((s=(e=this.geolocationCoordinates)==null?void 0:e.coords)!=null&&s.longitude&&((o=(i=this.geolocationCoordinates)==null?void 0:i.coords)!=null&&o.latitude))t=
|
|
45
|
+
`}geolocButtonTemplate(){var e,s,i,o;let t;if(this.geolocationCoordinates===void 0)t=n`
|
|
46
|
+
<div class="miam-ds-loader"></div>`;else if((s=(e=this.geolocationCoordinates)==null?void 0:e.coords)!=null&&s.longitude&&((o=(i=this.geolocationCoordinates)==null?void 0:i.coords)!=null&&o.latitude))t=n`<img title="Votre position" class="geolocation-icon"
|
|
48
47
|
src="https://storage.googleapis.com/assets.miam.tech/generic/icons/locate-primary.svg"
|
|
49
|
-
alt="Geolocaliser"/>`;else return
|
|
48
|
+
alt="Geolocaliser"/>`;else return n``;return n`
|
|
50
49
|
<button type="button" ?disabled=${this.geolocationCoordinates===void 0}
|
|
51
50
|
class="miam-ds-button square ghost locate-button" @click=${this.setGeolocation}>
|
|
52
51
|
${t}
|
|
53
52
|
</button>
|
|
54
|
-
`}
|
|
55
|
-
<div class="select-radius miam-ds-dropdown">
|
|
56
|
-
<select @change=${this.radiusChanged}>
|
|
57
|
-
${this.radiusOption.map(t=>r`
|
|
58
|
-
<option ?selected=${t===this.selectedRadius} value=${t}>${t} km
|
|
59
|
-
</option>`)}
|
|
60
|
-
</select>
|
|
61
|
-
</div>`}radiusChanged(t){this.selectedRadius=parseInt(t.target.value),this._showPosList=!0,this._previousSearchMethod(!0)}posMapTemplate(){return r`
|
|
53
|
+
`}posMapTemplate(){return n`
|
|
62
54
|
<div id="map"></div>
|
|
63
|
-
`}selectSupplierTemplate(){return
|
|
55
|
+
`}selectSupplierTemplate(){return n`
|
|
64
56
|
<div class="select-supplier miam-ds-dropdown">
|
|
65
57
|
<select @change=${this.supplierSelected}>
|
|
66
58
|
<option ?selected=${this._selectedSuppliers.length<1} value="${null}">Toutes les enseignes</option>
|
|
67
|
-
${this._suppliers.map(t=>
|
|
59
|
+
${this._suppliers.map(t=>n`
|
|
68
60
|
<option ?selected=${t===this._selectedSuppliers[0]} value=${t.id}>
|
|
69
61
|
${t.name}
|
|
70
62
|
</option>`)}
|
|
71
63
|
</select>
|
|
72
|
-
</div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[],this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return
|
|
64
|
+
</div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[],this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return n`
|
|
73
65
|
<div class="pos-loader">
|
|
74
66
|
<div class="miam-ds-loader"></div>
|
|
75
67
|
</div>
|
|
76
|
-
`;if(this._posList.length<1&&this._searchSubmitted)return
|
|
68
|
+
`;if(this._posList.length<1&&this._searchSubmitted)return n`
|
|
77
69
|
<div class="no-pos-found">
|
|
78
70
|
<b>Aucun magasin trouvé à proximité.</b>
|
|
79
71
|
<span>Essayez une autre adresse.</span>
|
|
80
72
|
</div>
|
|
81
|
-
`;if(this._posList.length<1)return;const t=this.shadowRoot.querySelector(".pos-selection");return t&&t.classList.toggle("pos-selection__height",this._showPosList),
|
|
73
|
+
`;if(this._posList.length<1)return;const t=this.shadowRoot.querySelector(".pos-selection");return t&&t.classList.toggle("pos-selection__height",this._showPosList),n`
|
|
82
74
|
<div id="pos-list" class="${this._showPosList?"pos-list__visible":"pos-list__hidden"}">
|
|
83
|
-
${this._posList.map(e=>
|
|
75
|
+
${this._posList.map(e=>n`
|
|
84
76
|
<div class="pos-item">
|
|
85
77
|
<div class="top">
|
|
86
78
|
<img src="${e.supplier.attributes.logo}" alt="${e.supplier.attributes.name}"/>
|
|
@@ -93,13 +85,13 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
93
85
|
<button @click=${()=>this.dispatchPos(e)}
|
|
94
86
|
class="miam-ds-button primary select-pos-button"
|
|
95
87
|
?disabled= ${this._posSelected}>
|
|
96
|
-
${this._posSelected?
|
|
88
|
+
${this._posSelected?n`<div class="miam-ds-loader"></div>`:"Sélectionner"}
|
|
97
89
|
</button>
|
|
98
90
|
</div>
|
|
99
91
|
</div>
|
|
100
92
|
`)}
|
|
101
93
|
</div>
|
|
102
|
-
`}getButtonLabel(){if(this._showPosList)return"Voir la carte";const t=this._posList.length;return t===1?"Voir le magasin":`Voir les ${t} magasins`}setAddress(t=!1){
|
|
94
|
+
`}getButtonLabel(){if(this._showPosList)return"Voir la carte";const t=this._posList.length;return t===1?"Voir le magasin":`Voir les ${t} magasins`}setAddress(t=!1){!this._addressInput.value||this._addressInput.value.length<3||this._searchingPos||!t&&this._prevAddress===this._addressInput.value+", France"||(this.shadowRoot.getElementById("pos-list"),this._previousSearchMethod=this.setAddress,this._prevAddress=this._addressInput.value+", France",this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByAddress(this._prevAddress,this.selectedRadius,this._selectedSuppliers).subscribe(e=>{this.setPosList(e),this.setNewLocation(),this.dispatchSearch(this._prevAddress,e.data.length),this._searchingPos=!1,this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()})))}setGeolocation(t=!1){this._prevAddress="",this._previousSearchMethod=this.setGeolocation,this.getPosByCoordinates()}getPosByCoordinates(){this._searchingPos=!0,this.requestUpdate(),this.subscriptions.push(this.getByCoordinates(this.geolocationCoordinates.coords.latitude,this.geolocationCoordinates.coords.longitude,this.selectedRadius,this._selectedSuppliers).subscribe(t=>{this._addressInput.value="",this.setPosList(t),this._searchingPos=!1,this.setNewLocation(),this._searchSubmitted=!0,this.togglePosList(!1),this.requestUpdate()}))}setPosList(t){this._posList=t.data.map(e=>{const s=Object.assign(new S,e);return s.supplier=t.included.find(i=>i.id===s.relationships.supplier.data.id),s}).sort((e,s)=>e.attributes.name.includes("onoprix")?-1:s.attributes.name.includes("onoprix")?1:0)}dispatchPos(t){this._posSelected=!0,this.requestUpdate();const e={detail:{posId:t.id,posExtId:t.extId,supplierId:t.supplier.id,supplierName:t.supplier.attributes.name,posName:this._nameOfStore(t)},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("posIdChange",e))}dispatchShow(t){const e={detail:{show:t},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("showChange",e))}dispatchSearch(t,e){const s={detail:{searchTerm:t,storesFoundCount:e},bubbles:!0,composed:!0};console.debug("[MealzComponents] dispatchEvent searchChange",s),this.dispatchEvent(new CustomEvent("searchChange",s))}initLeaflet(){this._leafletCss=document.createElement("link"),this._leafletCss.setAttribute("rel","stylesheet"),this._leafletCss.setAttribute("href","https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"),this._leafletCss.setAttribute("integrity","sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="),this._leafletCss.setAttribute("crossorigin",""),this._leafletJs=document.createElement("script"),this._leafletJs.setAttribute("src","https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"),this._leafletJs.setAttribute("integrity","sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="),this._leafletJs.setAttribute("crossorigin",""),this._miamDs=document.createElement("link"),this._miamDs.setAttribute("rel","stylesheet"),this._miamDs.setAttribute("href","https://unpkg.com/miam-ds@1.2.4/miam-ds.min.css"),this.shadowRoot.appendChild(this._miamDs),this.shadowRoot.appendChild(this._leafletCss),document.head.appendChild(this._leafletJs)}waitForLeaflet(t){let i=50;console.debug("[Map] Checking for window.L");const o=setInterval(()=>{window.L!==void 0||i===0?(clearInterval(o),window.L!==void 0?(console.debug("[Map] window.L is defined"),t(!0)):(console.error("[Map] Failed to load Leaflet after",50*100,"ms"),t(!1))):i--},100)}initMap(){this._map&&(this._map.off(),this._map.remove()),this.setNewLocation(),window.L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",{maxZoom:19,attribution:"Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."}).addTo(this._map)}loadMap(){this.waitForLeaflet(t=>{t&&this.initMap()})}fetchSuppliers(){this.subscriptions.push(this.getAffiliateSuppliers().subscribe(t=>{this._suppliers=t.map(e=>({id:e.id,name:e.attributes.name})),this.requestUpdate()}))}setNewLocation(){var e;const t=this.shadowRoot.getElementById("map");t&&(this._map?(this._markers.forEach(s=>{this._map.removeLayer(s)}),this._markers=[],this._map.panTo(this.getCoordinates())):this._map=(e=window.L)==null?void 0:e.map(t).setView(this.getCoordinates(),13),this.addMarkers())}getCoordinates(){return this._posList.length<1?[48.866667,2.333333]:[this._posList[0].attributes.latitude,this._posList[0].attributes.longitude]}addMarkers(){this._posList.length>0&&this._posList.forEach((t,e)=>{this._markers.push(window.L.marker([t.attributes.latitude,t.attributes.longitude],{icon:this.buildIcon(t.supplier)}).addTo(this._map));let s=window.L.popup({content:`
|
|
103
95
|
<div class="pos-item">
|
|
104
96
|
<div class="top">
|
|
105
97
|
<img class="pos-img" src="${t.supplier.attributes.logo}" alt="${t.supplier.attributes.name}"/>
|
|
@@ -112,7 +104,7 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
112
104
|
<button id="select" class="miam-ds-button primary select-pos-button">Sélectionner</button>
|
|
113
105
|
</div>
|
|
114
106
|
</div>
|
|
115
|
-
`});this._markers[e].bindPopup(s).on("popupopen",i=>{i.target.getPopup().getElement().querySelector("#select").addEventListener("click",()=>{this.dispatchPos(t)})})})}buildIcon(t){return window.L.icon({iconUrl:t.attributes.logo||"https://cdn-icons-png.flaticon.com/512/3515/3515146.png",shadowUrl:"https://storage.googleapis.com/assets.miam.tech/mealz-components/store-locator/marker.svg",iconSize:[32,32],shadowSize:[44,53],iconAnchor:[16,45],shadowAnchor:[22,45],popupAnchor:[0,-55]})}togglePosList(t){const e=this.shadowRoot.getElementById("pos-list")
|
|
107
|
+
`});this._markers[e].bindPopup(s).on("popupopen",i=>{i.target.getPopup().getElement().querySelector("#select").addEventListener("click",()=>{this.dispatchPos(t)})})})}buildIcon(t){return window.L.icon({iconUrl:t.attributes.logo||"https://cdn-icons-png.flaticon.com/512/3515/3515146.png",shadowUrl:"https://storage.googleapis.com/assets.miam.tech/mealz-components/store-locator/marker.svg",iconSize:[32,32],shadowSize:[44,53],iconAnchor:[16,45],shadowAnchor:[22,45],popupAnchor:[0,-55]})}togglePosList(t){this._showPosList=!t;const e=this.shadowRoot.getElementById("pos-list");e&&(t?e.style.display="none":e.style.display="flex",this.requestUpdate())}geolocationTimeout(){setTimeout(()=>{this.geolocationCoordinates===void 0&&(this.geolocationCoordinates={})},2e4)}listenFormSubmit(){this.shadowRoot.getElementById("store-locator-form").addEventListener("submit",e=>{e.preventDefault(),this.setAddress()})}};l.styles=[g`
|
|
116
108
|
:host {
|
|
117
109
|
display: block;
|
|
118
110
|
height: 100%;
|
|
@@ -231,16 +223,6 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
231
223
|
flex-direction: column;
|
|
232
224
|
}
|
|
233
225
|
|
|
234
|
-
.pos-selection .select-radius {
|
|
235
|
-
display: flex;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
.pos-selection .select-radius select {
|
|
239
|
-
flex: 1;
|
|
240
|
-
padding: 10px;
|
|
241
|
-
max-width: initial;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
226
|
.pos-selection .select-supplier {
|
|
245
227
|
display: flex;
|
|
246
228
|
}
|
|
@@ -429,4 +411,4 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
429
411
|
top: 0;
|
|
430
412
|
}
|
|
431
413
|
}
|
|
432
|
-
`];
|
|
414
|
+
`];d([c({type:Boolean})],l.prototype,"show",2);d([c({type:Number})],l.prototype,"selectedRadius",2);d([c({type:GeolocationPosition})],l.prototype,"geolocationCoordinates",1);d([c()],l.prototype,"getByAddress",2);d([c()],l.prototype,"getByCoordinates",2);d([c()],l.prototype,"getAffiliateSuppliers",2);d([v()],l.prototype,"_geolocationCoordinates",2);d([y("input")],l.prototype,"_addressInput",2);l=d([f("mealz-store-locator")],l);customElements.get("mealz-store-locator")||customElements.define("mealz-store-locator",l);
|