mealz-components 2.0.0-beta.4 → 2.0.0-beta.5

package/dist/catalog/catalog-list/catalog-list.min.js

@@ -1 +1 @@
-import{t as d}from"../../assets/custom-element-BhZVzxrc.js";import{m}from"../../assets/no-shadow-element-l9trQfcI.js";import{C as h}from"../catalog-load-more.min.js";import{h as g}from"../../assets/session-handler-BnuvphmJ.js";import"../../assets/http-aOzufNsj.js";import"../../assets/innerFrom-CfKCbnvr.js";import"../../assets/mergeMap-buGewtOo.js";import"../../assets/map-C4rf5Jbc.js";import"../../assets/OperatorSubscriber-EGuECN6g.js";import"../../assets/executeSchedule-DfyZaGAH.js";import"../../assets/mapOneOrManyArgs-DNd_tswl.js";import"../../assets/async-D3oCs_PQ.js";import"../../assets/timer-BOl4bYNY.js";var u=Object.getOwnPropertyDescriptor,C=(t,a,o,s)=>{for(var e=s>1?void 0:s?u(a,o):a,r=t.length-1,i;r>=0;r--)(i=t[r])&&(e=i(e)||e);return e};let c=class extends h{connectedCallback(){super.connectedCallback(),this.subscriptions.push(m.preferences.preferencesChanged$().subscribe(()=>this.reloadPage()))}disconnectedCallback(){super.disconnectedCallback()}render(){var n;const t=(n=this.attributes["starting-data"])==null?void 0:n.value;if(!t||(this.recipeCardListHTML=this.querySelector(".mealz-catalog__list"),!this.recipeCardListHTML))return;const{pageSize:a,storeId:o,loadMoreURL:s,displayRecipeVariant:e,search:r,promotions:i,planner:p,sessionId:l}=JSON.parse(t);g(l),this.loadMoreRecipesOnScroll({displayRecipeVariant:e,loadMoreURL:s,sessionId:l,pageSize:a,storeId:o,packageId:null,search:r,listHTML:this.recipeCardListHTML,promotions:i,planner:p}),this.removeAttribute("starting-data")}reloadPage(){location.reload()}};c=C([d("mealz-catalog-list")],c);
+import{t as m}from"../../assets/custom-element-BhZVzxrc.js";import{m as h}from"../../assets/no-shadow-element-l9trQfcI.js";import{C as g}from"../catalog-load-more.min.js";import{h as u}from"../../assets/session-handler-BnuvphmJ.js";import"../../assets/http-aOzufNsj.js";import"../../assets/innerFrom-CfKCbnvr.js";import"../../assets/mergeMap-buGewtOo.js";import"../../assets/map-C4rf5Jbc.js";import"../../assets/OperatorSubscriber-EGuECN6g.js";import"../../assets/executeSchedule-DfyZaGAH.js";import"../../assets/mapOneOrManyArgs-DNd_tswl.js";import"../../assets/async-D3oCs_PQ.js";import"../../assets/timer-BOl4bYNY.js";var C=Object.getOwnPropertyDescriptor,b=(t,a,o,i)=>{for(var e=i>1?void 0:i?C(a,o):a,r=t.length-1,s;r>=0;r--)(s=t[r])&&(e=s(e)||e);return e};let p=class extends g{connectedCallback(){super.connectedCallback(),this.subscriptions.push(h.preferences.preferencesChanged$().subscribe(()=>this.reloadPage()))}disconnectedCallback(){super.disconnectedCallback()}render(){var n;const t=(n=this.attributes["starting-data"])==null?void 0:n.value;if(!t||(this.recipeCardListHTML=this.querySelector(".mealz-catalog__list"),!this.recipeCardListHTML))return;const{pageSize:a,storeId:o,loadMoreURL:i,displayRecipeVariant:e,search:r,promotions:s,planner:c,sessionId:l,recipeTypeId:d}=JSON.parse(t);u(l),this.loadMoreRecipesOnScroll({displayRecipeVariant:e,loadMoreURL:i,sessionId:l,pageSize:a,storeId:o,packageId:null,search:r,listHTML:this.recipeCardListHTML,promotions:s,planner:c,recipeTypeId:d}),this.removeAttribute("starting-data")}reloadPage(){location.reload()}};p=b([m("mealz-catalog-list")],p);

package/dist/catalog/catalog-load-more.min.js

@@ -1 +1 @@
-import{c as w,O as R,e as f,N as T}from"../assets/no-shadow-element-l9trQfcI.js";import{b as S}from"../assets/http-aOzufNsj.js";import{a as C,i as b}from"../assets/innerFrom-CfKCbnvr.js";import{m as _}from"../assets/mergeMap-buGewtOo.js";import{m as H}from"../assets/mapOneOrManyArgs-DNd_tswl.js";import{a as k}from"../assets/async-D3oCs_PQ.js";import{o as O,c as y}from"../assets/OperatorSubscriber-EGuECN6g.js";import{t as z}from"../assets/timer-BOl4bYNY.js";import"../assets/map-C4rf5Jbc.js";import"../assets/executeSchedule-DfyZaGAH.js";var x=["addListener","removeListener"],I=["addEventListener","removeEventListener"],V=["on","off"];function E(n,e,t,r){if(f(t)&&(r=t,t=void 0),r)return E(n,e,t).pipe(H(r));var u=w(A(n)?I.map(function(s){return function(d){return n[s](e,d,t)}}):D(n)?x.map(M(n,e)):q(n)?V.map(M(n,e)):[],2),c=u[0],m=u[1];if(!c&&C(n))return _(function(s){return E(s,e,t)})(b(n));if(!c)throw new TypeError("Invalid event target");return new R(function(s){var d=function(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return s.next(1<a.length?a:a[0])};return c(d),function(){return m(d)}})}function M(n,e){return function(t){return function(r){return n[t](e,r)}}}function D(n){return f(n.addListener)&&f(n.removeListener)}function q(n){return f(n.on)&&f(n.off)}function A(n){return f(n.addEventListener)&&f(n.removeEventListener)}function G(n,e){return O(function(t,r){var u=e??{},c=u.leading,m=c===void 0?!0:c,s=u.trailing,d=s===void 0?!1:s,a=!1,l=null,i=null,h=!1,o=function(){i==null||i.unsubscribe(),i=null,d&&(L(),h&&r.complete())},g=function(){i=null,h&&r.complete()},v=function(p){return i=b(n(p)).subscribe(y(r,o,g))},L=function(){if(a){a=!1;var p=l;l=null,r.next(p),!h&&v(p)}};t.subscribe(y(r,function(p){a=!0,l=p,!(i&&!i.closed)&&(m?L():v(p))},function(){h=!0,!(d&&a&&i&&!i.closed)&&r.complete()}))})}function $(n,e,t){e===void 0&&(e=k);var r=z(n,e);return G(function(){return r},t)}const j=300;class X extends T{constructor(){super(...arguments),this.noMoreData=!1,this.isLoading=!1,this.page=2,this.loaderElement=null,this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.createLoader()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.removeLoader()}loadMoreRecipesOnScroll(e){this.addScrollListener(window,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(window.scrollY,window.innerHeight,document.body.offsetHeight)&&this.getMoreRecipes(e)});const t=document.querySelector(".mealz-drawer__content-container");t&&this.addScrollListener(t,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(t.scrollTop,t.clientHeight,t.scrollHeight)&&this.getMoreRecipes(e)})}addScrollListener(e,t){const r=E(e,"scroll").pipe($(100));this.subscriptions.push(r.subscribe(t))}isListVisible(e){return!!(e.offsetParent||e.getClientRects().length)}shouldGetMoreRecipes(e,t,r){return!this.noMoreData&&!this.isLoading&&e+t+j>=r}async getMoreRecipes(e){const{displayRecipeVariant:t,loadMoreURL:r,sessionId:u,pageSize:c,storeId:m,packageId:s,search:d,listHTML:a,promotions:l,planner:i,historyStyle:h}=e;this.isLoading=!0,this.toggleLoader(!0);const o=new URLSearchParams;o.append("size",c.toString()),o.append("page",this.page.toString()),t&&o.append("display_recipe_variant",t),s&&o.append("category_id",s),m&&o.append("store_id",m),d&&o.append("search",d),l&&o.append("promotions",l.toString()),i&&o.append("planner","true"),h&&o.append("history_style",h);try{const g=r.includes("?")?"&":"?",v=await fetch(r+g+o.toString(),{method:"GET",headers:S(u)});if(!v.ok)throw new Error(`Load more request failed with status: ${v.status}`);const L=await v.text();this.appendRecipesToList(L,a,c)}catch(g){console.error(g),this.isLoading=!1}}appendRecipesToList(e,t,r){this.checkIfMoreRecipes(e,r),t.insertAdjacentHTML("beforeend",e),this.isLoading=!1,this.toggleLoader(!1),this.page++}checkIfMoreRecipes(e,t){const r=e.match(/<mealz-recipe-card(?=\s|>)/gi)||e.match(/<mealz-history-order(?=\s|>)/gi)||e.match(/<mealz-history-order-expanded(?=\s|>)/gi);(r?r.length:0)<t&&(this.noMoreData=!0)}createLoader(){const e=this.querySelector(".mealz-catalog__content");!this.loaderElement&&e&&(this.loaderElement=document.createElement("div"),this.loaderElement.className="mealz-ds-loader",this.loaderElement.style.display="none",e.appendChild(this.loaderElement))}removeLoader(){this.loaderElement&&this.loaderElement.parentElement&&(this.loaderElement.parentElement.removeChild(this.loaderElement),this.loaderElement=null)}toggleLoader(e){this.loaderElement&&(this.loaderElement.style.display=e?"block":"none")}}export{X as C};
+import{c as w,O as R,e as f,N as T}from"../assets/no-shadow-element-l9trQfcI.js";import{b as _}from"../assets/http-aOzufNsj.js";import{a as S,i as b}from"../assets/innerFrom-CfKCbnvr.js";import{m as C}from"../assets/mergeMap-buGewtOo.js";import{m as H}from"../assets/mapOneOrManyArgs-DNd_tswl.js";import{a as k}from"../assets/async-D3oCs_PQ.js";import{o as O,c as y}from"../assets/OperatorSubscriber-EGuECN6g.js";import{t as z}from"../assets/timer-BOl4bYNY.js";import"../assets/map-C4rf5Jbc.js";import"../assets/executeSchedule-DfyZaGAH.js";var I=["addListener","removeListener"],x=["addEventListener","removeEventListener"],V=["on","off"];function E(n,e,t,r){if(f(t)&&(r=t,t=void 0),r)return E(n,e,t).pipe(H(r));var u=w(A(n)?x.map(function(s){return function(d){return n[s](e,d,t)}}):D(n)?I.map(M(n,e)):q(n)?V.map(M(n,e)):[],2),c=u[0],m=u[1];if(!c&&S(n))return C(function(s){return E(s,e,t)})(b(n));if(!c)throw new TypeError("Invalid event target");return new R(function(s){var d=function(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return s.next(1<a.length?a:a[0])};return c(d),function(){return m(d)}})}function M(n,e){return function(t){return function(r){return n[t](e,r)}}}function D(n){return f(n.addListener)&&f(n.removeListener)}function q(n){return f(n.on)&&f(n.off)}function A(n){return f(n.addEventListener)&&f(n.removeEventListener)}function G(n,e){return O(function(t,r){var u=e??{},c=u.leading,m=c===void 0?!0:c,s=u.trailing,d=s===void 0?!1:s,a=!1,l=null,o=null,h=!1,L=function(){o==null||o.unsubscribe(),o=null,d&&(g(),h&&r.complete())},i=function(){o=null,h&&r.complete()},v=function(p){return o=b(n(p)).subscribe(y(r,L,i))},g=function(){if(a){a=!1;var p=l;l=null,r.next(p),!h&&v(p)}};t.subscribe(y(r,function(p){a=!0,l=p,!(o&&!o.closed)&&(m?g():v(p))},function(){h=!0,!(d&&a&&o&&!o.closed)&&r.complete()}))})}function $(n,e,t){e===void 0&&(e=k);var r=z(n,e);return G(function(){return r},t)}const j=300;class X extends T{constructor(){super(...arguments),this.noMoreData=!1,this.isLoading=!1,this.page=2,this.loaderElement=null,this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.createLoader()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.removeLoader()}loadMoreRecipesOnScroll(e){this.addScrollListener(window,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(window.scrollY,window.innerHeight,document.body.offsetHeight)&&this.getMoreRecipes(e)});const t=document.querySelector(".mealz-drawer__content-container");t&&this.addScrollListener(t,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(t.scrollTop,t.clientHeight,t.scrollHeight)&&this.getMoreRecipes(e)})}addScrollListener(e,t){const r=E(e,"scroll").pipe($(100));this.subscriptions.push(r.subscribe(t))}isListVisible(e){return!!(e.offsetParent||e.getClientRects().length)}shouldGetMoreRecipes(e,t,r){return!this.noMoreData&&!this.isLoading&&e+t+j>=r}async getMoreRecipes(e){const{displayRecipeVariant:t,loadMoreURL:r,sessionId:u,pageSize:c,storeId:m,packageId:s,search:d,listHTML:a,promotions:l,planner:o,historyStyle:h,recipeTypeId:L}=e;this.isLoading=!0,this.toggleLoader(!0);const i=new URLSearchParams;i.append("size",c.toString()),i.append("page",this.page.toString()),t&&i.append("display_recipe_variant",t),s&&i.append("category_id",s),m&&i.append("store_id",m),d&&i.append("search",d),l&&i.append("promotions",l.toString()),o&&i.append("planner","true"),h&&i.append("history_style",h),L&&i.append("recipe_type_id",L);try{const v=r.includes("?")?"&":"?",g=await fetch(r+v+i.toString(),{method:"GET",headers:_(u)});if(!g.ok)throw new Error(`Load more request failed with status: ${g.status}`);const p=await g.text();this.appendRecipesToList(p,a,c)}catch(v){console.error(v),this.isLoading=!1}}appendRecipesToList(e,t,r){this.checkIfMoreRecipes(e,r),t.insertAdjacentHTML("beforeend",e),this.isLoading=!1,this.toggleLoader(!1),this.page++}checkIfMoreRecipes(e,t){const r=e.match(/<mealz-recipe-card(?=\s|>)/gi)||e.match(/<mealz-history-order(?=\s|>)/gi)||e.match(/<mealz-history-order-expanded(?=\s|>)/gi);(r?r.length:0)<t&&(this.noMoreData=!0)}createLoader(){const e=this.querySelector(".mealz-catalog__content");!this.loaderElement&&e&&(this.loaderElement=document.createElement("div"),this.loaderElement.className="mealz-ds-loader",this.loaderElement.style.display="none",e.appendChild(this.loaderElement))}removeLoader(){this.loaderElement&&this.loaderElement.parentElement&&(this.loaderElement.parentElement.removeChild(this.loaderElement),this.loaderElement=null)}toggleLoader(e){this.loaderElement&&(this.loaderElement.style.display=e?"block":"none")}}export{X as C};

package/dist/planner/planner-recipe-list/planner-recipe-list.css

@@ -1 +1 @@
-.mealz-planner-recipe-list{display:grid;grid-template-columns:repeat(auto-fill,var(--m-planner-recipe-card-width, 218px));grid-gap:8px}.mealz-planner-recipe-list .mealz-planner-recipe-list__in-menu{display:contents}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--m-planner-recipe-card-width, 218px);height:272px;padding:40px;box-sizing:border-box;background-color:var(--miam-color-neutral-100, #F7F8F9);border:1px solid var(--mealz-ds-color-neutral-200, #D9DDE1);border-radius:12px;cursor:pointer}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-icon{margin-bottom:8px;padding:12px}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-text{text-align:center}
+.mealz-planner-recipe-list{display:grid;grid-template-columns:repeat(auto-fill,var(--m-planner-recipe-card-width, 218px));grid-gap:8px}.mealz-planner-recipe-list .mealz-planner-recipe-list__in-menu{display:contents}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--mealz-ds-color-primary, #24748f);width:var(--m-planner-recipe-card-width, 218px);height:272px;padding:40px;box-sizing:border-box;background-color:var(--miam-color-neutral-100, #f7f8f9);border:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);border-radius:12px;cursor:pointer}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-icon{width:64px;height:64px;border-radius:100%;border:1px solid var(--mealz-ds-color-primary, #24748f);margin-bottom:8px;padding:20px}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-text{text-align:center}

package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.css

@@ -1 +1 @@
-.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;position:relative;height:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in-out}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:45%;bottom:0;background:linear-gradient(180deg,#0f191f00,#0f191fb3);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;justify-content:space-between;position:relative;flex:1;pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:24px calc(50% - 55px);pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button{flex:0 0 auto;padding:10px 16px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button:not(primary){background-color:#00000059;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count::-webkit-scrollbar{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions{padding:24px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos{display:flex;flex-direction:column;margin-bottom:32px;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor>*{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges>*:not(:last-child){margin-right:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-current-menu__recipe-title{cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos>*:not(:last-child){margin-bottom:12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button{width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button span{color:var(--miam-color-neutral-black, #0f191f)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button img{width:20px;height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:20px;height:20px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*:not(:last-child){margin-right:24px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}
+.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;position:relative;height:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in-out}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:45%;bottom:0;background:linear-gradient(180deg,#0f191f00,#0f191fb3);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;justify-content:space-between;position:relative;flex:1;pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:24px calc(50% - 55px);pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button{flex:0 0 auto;padding:10px 16px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button:not(primary){background-color:#00000059;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count::-webkit-scrollbar{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions{padding:24px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos{display:flex;flex-direction:column;margin-bottom:32px;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor>*{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges>*:not(:last-child){margin-right:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;background:none;border:none;font:inherit;color:inherit;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__see-recipe span{line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-current-menu__recipe-title{cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos>*:not(:last-child){margin-bottom:12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button{width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button span{color:var(--miam-color-neutral-black, #0f191f)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button img{width:20px;height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:20px;height:20px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*:not(:last-child){margin-right:24px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mealz-components",
   "type": "module",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "main": "./dist/mealz-components.js",
   "module": "./dist/mealz-components.js",
   "scripts": {