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.
@@ -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-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
+ 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 s}from"../../assets/lit-element-BKlYWoBt.js";import{N as n}from"../../assets/no-shadow-element-BdZPYRaG.js";var p=Object.defineProperty,f=Object.getOwnPropertyDescriptor,v=(c,a,o,l)=>{for(var e=l>1?void 0:l?f(a,o):a,t=c.length-1,m;t>=0;t--)(m=c[t])&&(e=(l?m(a,o,e):m(e))||e);return l&&e&&p(a,o,e),e};let r=class extends n{connectedCallback(){super.connectedCallback()}render(){}};r=v([s("mealz-catalog-home")],r);customElements.get("mealz-catalog-home")||customElements.define("mealz-catalog-home",r);
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
+ 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: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}
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=(e,t,o,s)=>{for(var r=s>1?void 0:s?u(t,o):t,i=e.length-1,a;i>=0;i--)(a=e[i])&&(r=(s?a(t,o,r):a(r))||r);return s&&r&&h(t,o,r),r};let l=class extends c{constructor(){super(...arguments),this.subscriptions=[],this.supplierHeaderHeight=0}connectedCallback(){super.connectedCallback(),this.subscriptions.push(window.mealzInternal.getStickyHeaderHeight().subscribe(e=>{this.supplierHeaderHeight=e}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.toolbarObserver.unobserve(this.anchorElement)}render(){this.findElementsInDocument(),this.addEveryEventListeners()}firstUpdated(){this.setStickyObserver()}setStickyObserver(){var t;if(this.toolbar=document.querySelector(".mealz-catalog-toolbar"),this.anchorElement=document.querySelector(".mealz-catalog-toolbar__anchor"),!this.anchorElement||!this.toolbar)return;const e={rootMargin:`-${this.supplierHeaderHeight}px 0px 0px 0px`,threshold:1};(t=this.toolbarObserver)==null||t.unobserve(this),setTimeout(()=>this.setStickyToolbarStyle(),50),this.toolbarObserver=new IntersectionObserver(()=>{this.setStickyToolbarStyle()},e),this.toolbarObserver.observe(this.anchorElement)}setStickyToolbarStyle(){const t=this.anchorElement.getBoundingClientRect().top<this.supplierHeaderHeight;this.anchorElement.style.height=t?this.toolbar.clientHeight+"px":"0px",this.toolbar.classList.toggle("sticking",t),this.toolbar.style.top=this.supplierHeaderHeight+"px",this.updateDOM(t)}findElementsInDocument(){this.filterButton=this.querySelector(".mealz-catalog-toolbar__controls__filter"),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 e,t,o;(e=this.filterButton)==null||e.addEventListener("click",s=>{s.stopPropagation(),this.openFilter()}),(t=this.preferencesButton)==null||t.addEventListener("click",s=>{s.stopPropagation(),this.openPreferences()}),(o=this.searchInput)==null||o.addEventListener("keypress",s=>{s.key==="Enter"&&this.searchButton.click()})}updateDOM(e){var t,o,s,r;e?(this.favoritesButton.classList.remove("full"),this.preferencesButton.classList.remove("full"),this.favoritesButton.classList.add("ghost","square"),this.preferencesButton.classList.add("ghost","square"),(r=(s=this.backButton)==null?void 0:s.classList)==null||r.remove("hidden")):(this.favoritesButton.classList.remove("ghost","square"),this.preferencesButton.classList.remove("ghost","square"),this.favoritesButton.classList.add("full"),this.preferencesButton.classList.add("full"),(o=(t=this.backButton)==null?void 0:t.classList)==null||o.add("hidden"))}openFilter(){console.log("OPEN FILTER")}openPreferences(){console.log("OPEN PREFERENCES")}};l=p([n("mealz-catalog-toolbar")],l);customElements.get("mealz-catalog-toolbar")||customElements.define("mealz-catalog-toolbar",l);
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);
@@ -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}}.hidden{display:none}.active{display:block}
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 r,t as f}from"../assets/lit-element-BKlYWoBt.js";/**
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:l}=s;return{set(d){const h=e.get.call(this);e.set.call(this,d),this.requestUpdate(l,h,t)},init(d){return d!==void 0&&this.P(l,void 0,t),d}}}if(i==="setter"){const{name:l}=s;return function(d){const h=this[l];e.call(this,d),this.requestUpdate(l,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 l=o.hasOwnProperty(a);return o.constructor.createProperty(a,l?{...i,wrapped:!0}:i),l?Object.getOwnPropertyDescriptor(o,a):void 0})(t,e,s)}/**
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=l=>{var d;return((d=l.renderRoot)==null?void 0:d.querySelector(t))??null};return w(s,i,{get(){return a(this)}})}}class L{get extId(){return this.attributes["ext-id"]}}var C=Object.defineProperty,S=Object.getOwnPropertyDescriptor,p=(t,e,s,i)=>{for(var o=i>1?void 0:i?S(e,s):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(o=(i?l(e,s,o):l(o))||o);return i&&o&&C(e,s,o),o};let n=class extends b{constructor(){var t,e,s,i,o,a;super(...arguments),this.selectedRadius=25,this.radiusOption=[10,25,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.getPosByCoordinates()}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 r`
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?r`
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=r`
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=r`<img title="Votre position" class="geolocation-icon"
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 r``;return r`
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
- `}selectRadiusTemplate(){return r`
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 r`
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=>r`
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 r`
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 r`
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),r`
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=>r`
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?r`<div class="miam-ds-loader"></div>`:"Sélectionner"}
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){if(!this._addressInput.value||this._addressInput.value.length<3||this._searchingPos||!t&&this._prevAddress===this._addressInput.value+", France")return;const e=this.shadowRoot.getElementById("pos-list");e&&e.style.display==="none"&&this.togglePosList(!0),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(s=>{this.setPosList(s),this.setNewLocation(),this.dispatchSearch(this._prevAddress,s.data.length),this._searchingPos=!1,this._searchSubmitted=!0,this.requestUpdate()}))}setGeolocation(t=!1){const e=this.shadowRoot.getElementById("pos-list");e&&e.style.display==="none"&&this.togglePosList(!0),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.requestUpdate()}))}setPosList(t){this._posList=t.data.map(e=>{const s=Object.assign(new L,e);return s.supplier=t.included.find(i=>i.id===s.relationships.supplier.data.id),s})}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:`
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"),s=this.shadowRoot.getElementById("mobile-buttons-wrapper");!e||!s||(t?(e.style.display="none",s.className="mobile-buttons-wrapper__see-list"):(e.style.display="flex",s.className="mobile-buttons-wrapper__see-map"),this._showPosList=!this._showPosList,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()})}};n.styles=[g`
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
- `];p([c({type:Boolean})],n.prototype,"show",2);p([c({type:Number})],n.prototype,"selectedRadius",2);p([c({type:Array})],n.prototype,"radiusOption",2);p([c({type:GeolocationPosition})],n.prototype,"geolocationCoordinates",1);p([c()],n.prototype,"getByAddress",2);p([c()],n.prototype,"getByCoordinates",2);p([c()],n.prototype,"getAffiliateSuppliers",2);p([v()],n.prototype,"_geolocationCoordinates",2);p([y("input")],n.prototype,"_addressInput",2);n=p([f("mealz-store-locator")],n);customElements.get("mealz-store-locator")||customElements.define("mealz-store-locator",n);
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);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mealz-components",
3
3
  "type": "module",
4
- "version": "1.0.0",
4
+ "version": "1.0.2",
5
5
  "main": "./dist/mealz-components.js",
6
6
  "module": "./dist/mealz-components.js",
7
7
  "exports": {