mealz-components 0.5.0 → 0.7.0
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-breadcrumb/catalog-breadcrumb.css +1 -1
- package/dist/catalog/catalog-category/catalog-category.css.min.js +1 -0
- package/dist/catalog/catalog-category/catalog-category.min.js +1 -1
- package/dist/catalog/catalog-favorites/catalog-favorites.css +1 -1
- package/dist/catalog/catalog-home/catalog-home.css +1 -1
- package/dist/catalog/catalog-toolbar/catalog-toolbar.css +1 -1
- package/dist/catalog/catalog.css +1 -0
- package/dist/catalog/my-meals-button/my-meals-button.min.js +1 -1
- package/dist/like-button/like-button.min.js +1 -1
- package/dist/store-locator/store-locator.min.js +22 -38
- package/package.json +1 -1
- package/dist/catalog/catalog-category/catalog-category.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog-breadcrumb{position:relative;display:flex;flex:1;border-bottom:1px solid var(--miam-ds-color-border, #D6E1EC);padding:16px 24px}.mealz-catalog-breadcrumb>*{margin-right:8px}.mealz-catalog-breadcrumb>a{display:flex;align-items:center;color:var(--miam-ds-color-neutral-500, #687787);text-decoration:none}.mealz-catalog-breadcrumb .active{color:var(--miam-ds-color-primary, #24748F)}
|
|
1
|
+
.mealz-catalog-breadcrumb{position:relative;display:flex;flex:1;border-bottom:1px solid var(--miam-ds-color-border, #D6E1EC);padding:16px 24px;margin:24px}.mealz-catalog-breadcrumb>*{margin-right:8px}.mealz-catalog-breadcrumb>a{display:flex;align-items:center;color:var(--miam-ds-color-neutral-500, #687787);text-decoration:none}.mealz-catalog-breadcrumb .active{color:var(--miam-ds-color-primary, #24748F)}
|
|
@@ -0,0 +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 M,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){M(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){M(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){M(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,u){var l=[],o=0,f=0,c=!1,p=function(){c&&!l.length&&!o&&n.complete()},b=function(v){return o<i?m(v):l.push(v)},m=function(v){o++;var g=!1;w(t(v,f++)).subscribe(y(n,function(d){n.next(d)},function(){g=!0},void 0,function(){if(g)try{o--;for(var d=function(){var I=l.shift();a||m(I)};l.length&&o<i;)d();p()}catch(I){n.error(I)}}))};return e.subscribe(y(n,b,function(){c=!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(u){return function(l){return e[u](n,l,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(u){return L(u,n,t)})(w(e));if(!s)throw new TypeError("Invalid event target");return new x(function(u){var l=function(){for(var o=[],f=0;f<arguments.length;f++)o[f]=arguments[f];return u.next(1<o.length?o:o[0])};return s(l),function(){return a(l)}})}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,u=r.trailing,l=u===void 0?!1:u,o=!1,f=null,c=null,p=!1,b=function(){c==null||c.unsubscribe(),c=null,l&&(g(),p&&i.complete())},m=function(){c=null,p&&i.complete()},v=function(d){return c=w(e(d)).subscribe(y(i,b,m))},g=function(){if(o){o=!1;var d=f;f=null,i.next(d),!p&&v(d)}};t.subscribe(y(i,function(d){o=!0,f=d,!(c&&!c.closed)&&(a?g():v(d))},function(){p=!0,!(l&&o&&c&&!c.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 E=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()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var u;const e=(u=this.attributes["starting-data"])==null?void 0:u.value;if(!e||(this.recipeCardListHTML=this.querySelector(".mealz-
|
|
1
|
+
import{t as k}from"../../assets/lit-element-BKlYWoBt.js";import{N as D}from"../../assets/no-shadow-element-BdZPYRaG.js";import{_ as M,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){M(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){M(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){M(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,u){var l=[],o=0,f=0,c=!1,p=function(){c&&!l.length&&!o&&n.complete()},b=function(v){return o<i?m(v):l.push(v)},m=function(v){o++;var g=!1;w(t(v,f++)).subscribe(y(n,function(d){n.next(d)},function(){g=!0},void 0,function(){if(g)try{o--;for(var d=function(){var I=l.shift();a||m(I)};l.length&&o<i;)d();p()}catch(I){n.error(I)}}))};return e.subscribe(y(n,b,function(){c=!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(u){return function(l){return e[u](n,l,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(u){return L(u,n,t)})(w(e));if(!s)throw new TypeError("Invalid event target");return new x(function(u){var l=function(){for(var o=[],f=0;f<arguments.length;f++)o[f]=arguments[f];return u.next(1<o.length?o:o[0])};return s(l),function(){return a(l)}})}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,u=r.trailing,l=u===void 0?!1:u,o=!1,f=null,c=null,p=!1,b=function(){c==null||c.unsubscribe(),c=null,l&&(g(),p&&i.complete())},m=function(){c=null,p&&i.complete()},v=function(d){return c=w(e(d)).subscribe(y(i,b,m))},g=function(){if(o){o=!1;var d=f;f=null,i.next(d),!p&&v(d)}};t.subscribe(y(i,function(d){o=!0,f=d,!(c&&!c.closed)&&(a?g():v(d))},function(){p=!0,!(l&&o&&c&&!c.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 E=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()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var u;const e=(u=this.attributes["starting-data"])==null?void 0:u.value;if(!e||(this.recipeCardListHTML=this.querySelector(".mealz-catalog__list"),!this.recipeCardListHTML))return;const{batchSize:n,packageId:t,posId:i,ssrURL:r,displayRecipeVariant:s}=JSON.parse(e);Object.assign(this,{batchSize:n,packageId:t,posId:i,ssrURL:r,displayRecipeVariant:s});const a=L(window,"scroll");this.subscriptions.push(a.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()}}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)}};E=ae([k("mealz-catalog-category")],E);customElements.get("mealz-catalog-category")||customElements.define("mealz-catalog-category",E);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog-favorites
|
|
1
|
+
.mealz-catalog-favorites .mealz-catalog-favorites__list__loader{font-size:20px;text-align:center}.mealz-catalog-favorites .hidden{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-catalog-home{
|
|
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 +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:
|
|
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:12px}}.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 .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}
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
import{t as a}from"../../assets/lit-element-BKlYWoBt.js";import{N as
|
|
1
|
+
import{t as a}from"../../assets/lit-element-BKlYWoBt.js";import{N as l}from"../../assets/no-shadow-element-BdZPYRaG.js";var c=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(t,e,i,n)=>{for(var s=n>1?void 0:n?m(e,i):e,o=t.length-1,r;o>=0;o--)(r=t[o])&&(s=(n?r(e,i,s):r(s))||s);return n&&s&&c(e,i,s),s};let u=class extends l{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealz.basket.recipeCount().subscribe(t=>{this.recipesCount=t,this.updateDOM()}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe())}render(){this.button=this.querySelector(".mealz-my-meals-button"),this.button&&this.button.addEventListener("click",t=>{t.stopPropagation(),this.toggle()})}toggle(){window.mealz.basket.openPreview()}updateDOM(){var e;if(!this.button)return;this.recipesCount?this.button.classList.remove("hidden"):this.button.classList.add("hidden");const t=(e=this.button.querySelector(".mealz-my-meals-button__text"))==null?void 0:e.firstElementChild;t&&(t.innerHTML=`${this.recipesCount||0}`)}};u=b([a("mealz-my-meals-button")],u);customElements.get("mealz-my-meals-button")||customElements.define("mealz-my-meals-button",u);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as c}from"../assets/lit-element-BKlYWoBt.js";import{N as o}from"../assets/no-shadow-element-BdZPYRaG.js";var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,
|
|
1
|
+
import{t as c}from"../assets/lit-element-BKlYWoBt.js";import{N as o}from"../assets/no-shadow-element-BdZPYRaG.js";var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(e,i,r,s)=>{for(var t=s>1?void 0:s?d(i,r):i,l=e.length-1,n;l>=0;l--)(n=e[l])&&(t=(s?n(i,r,t):n(t))||t);return s&&t&&u(i,r,t),t};let a=class extends o{constructor(){super(...arguments),this.liked=null,this.recipeLikeId="",this.recipeId="",this.subscriptions=[]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){this.button=this.querySelector(".mealz-like-button"),this.button&&(this.getInitialStatus(),this.button.addEventListener("click",e=>{e.stopPropagation(),this.toggle()}),this.subscriptions.push(window.mealzInternal.recipes.recipeLikeUpdated().subscribe(({id:e,isPast:i})=>{e===this.recipeId&&(this.liked=!i,this.updateDOM())})))}getInitialStatus(){var t;const e=(t=this.attributes["starting-data"])==null?void 0:t.value;if(!e)return;const{id:i,recipeId:r,liked:s}=JSON.parse(e);this.recipeLikeId=i,this.recipeId=r,this.liked=s!==void 0?s:!1,this.removeAttribute("starting-data")}async toggle(){window.mealzInternal.recipes.updateRecipeLike(this.recipeLikeId,this.recipeId,this.liked)}updateDOM(){this.button.querySelector(".mealz-like-button__icon").classList.toggle("fill",this.liked),this.button.querySelectorAll(".mealz-like-button__icon img").forEach(e=>e.classList.toggle("active"))}};a=p([c("mealz-like-button")],a);customElements.get("mealz-like-button")||customElements.define("mealz-like-button",a);
|
|
@@ -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 C=Object.defineProperty,L=Object.getOwnPropertyDescriptor,d=(t,e,s,i)=>{for(var o=i>1?void 0:i?L(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&&C(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.miam)==null?void 0:t.pos)==null?void 0:e.getByAddress,this.getByCoordinates=(i=(s=window.miam)==null?void 0:s.pos)==null?void 0:i.getByCoordinates,this.getAffiliateSuppliers=(a=(o=window.miam)==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(),this.initEvents()}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,12 @@ 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"
|
|
34
|
+
${this._posList.length>0?n`
|
|
35
|
+
<div id="mobile-buttons-wrapper"
|
|
36
|
+
class="${this._showPosList?"mobile-buttons-wrapper__see-map":"mobile-buttons-wrapper__see-list"}">
|
|
37
37
|
<button @click=${()=>this.togglePosList(this._showPosList)}
|
|
38
38
|
class="miam-ds-button primary hide-pos-button">
|
|
39
39
|
${this.getButtonLabel()}
|
|
@@ -43,44 +43,37 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
43
43
|
</div>
|
|
44
44
|
${this.posMapTemplate()}
|
|
45
45
|
</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=
|
|
46
|
+
`}geolocButtonTemplate(){var e,s,i,o;let t;if(this.geolocationCoordinates===void 0)t=n`
|
|
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=n`<img title="Votre position" class="geolocation-icon"
|
|
48
48
|
src="https://storage.googleapis.com/assets.miam.tech/generic/icons/locate-primary.svg"
|
|
49
|
-
alt="Geolocaliser"/>`;else return
|
|
49
|
+
alt="Geolocaliser"/>`;else return n``;return n`
|
|
50
50
|
<button type="button" ?disabled=${this.geolocationCoordinates===void 0}
|
|
51
51
|
class="miam-ds-button square ghost locate-button" @click=${this.setGeolocation}>
|
|
52
52
|
${t}
|
|
53
53
|
</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`
|
|
54
|
+
`}posMapTemplate(){return n`
|
|
62
55
|
<div id="map"></div>
|
|
63
|
-
`}selectSupplierTemplate(){return
|
|
56
|
+
`}selectSupplierTemplate(){return n`
|
|
64
57
|
<div class="select-supplier miam-ds-dropdown">
|
|
65
58
|
<select @change=${this.supplierSelected}>
|
|
66
59
|
<option ?selected=${this._selectedSuppliers.length<1} value="${null}">Toutes les enseignes</option>
|
|
67
|
-
${this._suppliers.map(t=>
|
|
60
|
+
${this._suppliers.map(t=>n`
|
|
68
61
|
<option ?selected=${t===this._selectedSuppliers[0]} value=${t.id}>
|
|
69
62
|
${t.name}
|
|
70
63
|
</option>`)}
|
|
71
64
|
</select>
|
|
72
|
-
</div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[],this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return
|
|
65
|
+
</div>`}supplierSelected(t){t.target.value?this._selectedSuppliers[0]=t.target.value:this._selectedSuppliers=[];const e=this._suppliers.find(s=>s.id===t.target.value);e?this._filterEvent.detail.supplierName=e.name:this._filterEvent.detail.supplierName="",this.dispatchEvent(this._filterEvent),this._previousSearchMethod(!0)}posListTemplate(){if(this._searchingPos)return n`
|
|
73
66
|
<div class="pos-loader">
|
|
74
67
|
<div class="miam-ds-loader"></div>
|
|
75
68
|
</div>
|
|
76
|
-
`;if(this._posList.length<1&&this._searchSubmitted)return
|
|
69
|
+
`;if(this._posList.length<1&&this._searchSubmitted)return n`
|
|
77
70
|
<div class="no-pos-found">
|
|
78
71
|
<b>Aucun magasin trouvé à proximité.</b>
|
|
79
72
|
<span>Essayez une autre adresse.</span>
|
|
80
73
|
</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),
|
|
74
|
+
`;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
75
|
<div id="pos-list" class="${this._showPosList?"pos-list__visible":"pos-list__hidden"}">
|
|
83
|
-
${this._posList.map(e=>
|
|
76
|
+
${this._posList.map(e=>n`
|
|
84
77
|
<div class="pos-item">
|
|
85
78
|
<div class="top">
|
|
86
79
|
<img src="${e.supplier.attributes.logo}" alt="${e.supplier.attributes.name}"/>
|
|
@@ -92,14 +85,15 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
92
85
|
<div class="bottom">
|
|
93
86
|
<button @click=${()=>this.dispatchPos(e)}
|
|
94
87
|
class="miam-ds-button primary select-pos-button"
|
|
95
|
-
?disabled
|
|
96
|
-
|
|
88
|
+
?disabled=${this._posSelected}>
|
|
89
|
+
${this._posSelected?n`
|
|
90
|
+
<div class="miam-ds-loader"></div>`:"Sélectionner"}
|
|
97
91
|
</button>
|
|
98
92
|
</div>
|
|
99
93
|
</div>
|
|
100
94
|
`)}
|
|
101
95
|
</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){
|
|
96
|
+
`}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()})}initEvents(){this._filterEvent=new CustomEvent("filterChange",{detail:{supplierName:""},bubbles:!0,composed:!0})}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
97
|
<div class="pos-item">
|
|
104
98
|
<div class="top">
|
|
105
99
|
<img class="pos-img" src="${t.supplier.attributes.logo}" alt="${t.supplier.attributes.name}"/>
|
|
@@ -112,7 +106,7 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
112
106
|
<button id="select" class="miam-ds-button primary select-pos-button">Sélectionner</button>
|
|
113
107
|
</div>
|
|
114
108
|
</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"),s=
|
|
109
|
+
`});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"),s={bubbles:!0,composed:!0};e&&(t?(e.style.display="none",this.dispatchEvent(new CustomEvent("mapSelected",s))):(e.style.display="flex",this.dispatchEvent(new CustomEvent("listSelected",s))),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
110
|
:host {
|
|
117
111
|
display: block;
|
|
118
112
|
height: 100%;
|
|
@@ -231,16 +225,6 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
231
225
|
flex-direction: column;
|
|
232
226
|
}
|
|
233
227
|
|
|
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
228
|
.pos-selection .select-supplier {
|
|
245
229
|
display: flex;
|
|
246
230
|
}
|
|
@@ -429,4 +413,4 @@ import{u,f as m,i as g,h as b,k as r,t as f}from"../assets/lit-element-BKlYWoBt.
|
|
|
429
413
|
top: 0;
|
|
430
414
|
}
|
|
431
415
|
}
|
|
432
|
-
`];
|
|
416
|
+
`];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);
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.mealz-catalog-category .mealz-catalog-category__title{display:flex;align-items:center;gap:12px}.mealz-catalog-category .mealz-catalog-category__title .mealz-catalog-category__title-icon:not(.ghost):not(.disabled):not([disabled]){background-color:var(--miam-ds-color-primary-100, #E4EAEC)}.mealz-catalog-category .mealz-catalog-category__title .mealz-catalog-category__title-icon:not(.ghost):not(.disabled):not([disabled]) img{cursor:pointer;width:13px;height:13px}.mealz-catalog-category .mealz-catalog-category__title .mealz-catalog-category__title-icon:not(.ghost):hover:not(.loading):not(.disabled):not([disabled]){background-color:var(--miam-ds-color-primary-200, #C6D4D9)}.mealz-catalog-category .mealz-catalog-category__title .mealz-catalog-category__title-label{display:flex;flex-direction:column;gap:4px}.mealz-catalog-category .mealz-catalog-category__title .mealz-catalog-category__title-label .size-s{color:var(--miam-ds-color-neutral-500, #687787)}.mealz-catalog-category .mealz-catalog-list__cards{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}
|