mealz-components 2.4.0 → 2.4.2

package/dist/planner/planner-welcome-modal/planner-welcome-modal.min.js

@@ -1,4 +1,4 @@
-import{N as d,k as r}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{M as p}from"../../modal/modal.min.js";import{t as u}from"../../assets/custom-element-BhZVzxrc.js";import{n as c}from"../../assets/property-Bx8Yvr4_.js";import{M as v}from"../../onboarding/events.min.js";import{b as h,j as b,k as M}from"../../onboarding/analytics/onboarding-analytics.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/unsafe-html-uboinnys.js";var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,m=(e,s,a,o)=>{for(var n=o>1?void 0:o?w(s,a):s,l=e.length-1,i;l>=0;l--)(i=e[l])&&(n=(o?i(s,a,n):i(n))||n);return o&&n&&g(s,a,n),n};let t=class extends d{constructor(){super(),this.isCustomMenu=!1,this.analyticsPath="/meals-planner/onboarding",this.styleURL=new URL("./planner/planner-welcome-modal/planner-welcome-modal.css",this.getBaseURL())}displayPlannerWelcomeModal(){const e=new p;document.body.appendChild(this);const s=this.isCustomMenu?"Bienvenue dans votre premier menu personnalisé":"Bienvenue dans votre première sélection du moment";e.disableMobileBottomSheet=!0,e.titleSlot=r`<span>${s}</span>`,e.contentSlot=this.renderModal(),this.appendChild(e),h(this.isCustomMenu?"personal":"suggestion","welcome"),e.addEventListener(v,()=>{this.openGuideModal()})}openGuideModal(){b(this.isCustomMenu?"personal":"suggestion");const e=new CustomEvent("onboarding-skipped");this.dispatchEvent(e),this.remove()}startOnboardingTour(){M(this.isCustomMenu?"personal":"suggestion");const e=new CustomEvent("openOnboarding",{detail:{isCustomMenu:this.isCustomMenu}});this.dispatchEvent(e),this.remove()}renderModal(){const e=this.isCustomMenu?"Découvrez comment composer facilement votre menu selon vos envies.":"Découvrez le menu de la semaine que nous avons composé pour vous.";return r`
+import{N as d,k as r}from"../../assets/no-shadow-element-YPHUv5PR.js";import{M as p}from"../../modal/modal.min.js";import{t as u}from"../../assets/custom-element-BhZVzxrc.js";import{n as c}from"../../assets/property-_7ObQ3dl.js";import{M as v}from"../../onboarding/events.min.js";import{b as h,j as b,k as M}from"../../onboarding/analytics/onboarding-analytics.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/unsafe-html-CY0Np4--.js";var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,m=(e,s,a,o)=>{for(var n=o>1?void 0:o?w(s,a):s,l=e.length-1,i;l>=0;l--)(i=e[l])&&(n=(o?i(s,a,n):i(n))||n);return o&&n&&g(s,a,n),n};let t=class extends d{constructor(){super(),this.isCustomMenu=!1,this.analyticsPath="/meals-planner/onboarding",this.styleURL=new URL("./planner/planner-welcome-modal/planner-welcome-modal.css",this.getBaseURL())}displayPlannerWelcomeModal(){const e=new p;document.body.appendChild(this);const s=this.isCustomMenu?"Bienvenue dans votre premier menu personnalisé":"Bienvenue dans votre première sélection du moment";e.disableMobileBottomSheet=!0,e.titleSlot=r`<span>${s}</span>`,e.contentSlot=this.renderModal(),this.appendChild(e),h(this.isCustomMenu?"personal":"suggestion","welcome"),e.addEventListener(v,()=>{this.openGuideModal()})}openGuideModal(){b(this.isCustomMenu?"personal":"suggestion");const e=new CustomEvent("onboarding-skipped");this.dispatchEvent(e),this.remove()}startOnboardingTour(){M(this.isCustomMenu?"personal":"suggestion");const e=new CustomEvent("openOnboarding",{detail:{isCustomMenu:this.isCustomMenu}});this.dispatchEvent(e),this.remove()}renderModal(){const e=this.isCustomMenu?"Découvrez comment composer facilement votre menu selon vos envies.":"Découvrez le menu de la semaine que nous avons composé pour vous.";return r`
       <div class="mealz-planner-welcome-modal__content">
         <div class="mealz-planner-welcome-modal__description mealz-ds-text size-m">
           <span>${e}</span>

package/dist/planner/to-basket-loader/to-basket-loader.min.js

@@ -1,4 +1,4 @@
-import{N as n,k as c}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as m}from"../../assets/custom-element-BhZVzxrc.js";import{n as h}from"../../assets/property-Bx8Yvr4_.js";import{r as d}from"../../assets/state-C5zM4-Pq.js";import"../../assets/mealz-sdk-E_fNZM-c.js";var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(e,t,o,a)=>{for(var r=a>1?void 0:a?g(t,o):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(r=(a?p(t,o,r):p(r))||r);return a&&r&&u(t,o,r),r};let s=class extends n{constructor(){super(),this.recipeImgs=[],this.currentStep=0,this.displayedRecipes=[],this.isComplete=!1,this.backgroundImages=[],this.activeBackgroundIndex=0,this.preloadedImages=new Map,this.styleURL=new URL("./planner/to-basket-loader/to-basket-loader.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.scrollIntoView({behavior:"smooth",block:"center"}),this.preloadImages().then(()=>{this.startAnimation()})}async preloadImages(){if(!this.recipeImgs||this.recipeImgs.length===0)return Promise.resolve();const e=this.recipeImgs.map(t=>new Promise(o=>{const a=new Image;a.onload=()=>{this.preloadedImages.set(t,a),o()},a.onerror=()=>{o()},a.src=t}));return Promise.all(e).then(()=>{this.backgroundImages=[null,null]})}startAnimation(){this.displayedRecipes=[],this.recipeImgs.length>0&&(this.backgroundImages[0]=this.recipeImgs[0],this.activeBackgroundIndex=0);const e=()=>{if(this.currentStep<this.recipeImgs.length){const t=this.recipeImgs[this.currentStep];this.displayedRecipes=[...this.displayedRecipes,t],this.updateBackgroundImage(t),this.currentStep++,setTimeout(()=>{e()},1200)}else this.isComplete=!0,setTimeout(()=>{this.emitLoaderComplete()},1500)};setTimeout(()=>{e()},500)}updateBackgroundImage(e){const t=(this.activeBackgroundIndex+1)%2;this.backgroundImages[t]=e,this.activeBackgroundIndex=t,this.requestUpdate()}emitLoaderComplete(){this.dispatchEvent(new CustomEvent("basketComplete",{bubbles:!0,composed:!0}))}render(){return c`
+import{N as n,k as c}from"../../assets/no-shadow-element-YPHUv5PR.js";import{t as m}from"../../assets/custom-element-BhZVzxrc.js";import{n as h}from"../../assets/property-_7ObQ3dl.js";import{r as d}from"../../assets/state-W5mtSPAs.js";import"../../assets/mealz-sdk-E_fNZM-c.js";var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(e,t,o,a)=>{for(var r=a>1?void 0:a?g(t,o):t,l=e.length-1,p;l>=0;l--)(p=e[l])&&(r=(a?p(t,o,r):p(r))||r);return a&&r&&u(t,o,r),r};let s=class extends n{constructor(){super(),this.recipeImgs=[],this.currentStep=0,this.displayedRecipes=[],this.isComplete=!1,this.backgroundImages=[],this.activeBackgroundIndex=0,this.preloadedImages=new Map,this.styleURL=new URL("./planner/to-basket-loader/to-basket-loader.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.scrollIntoView({behavior:"smooth",block:"center"}),this.preloadImages().then(()=>{this.startAnimation()})}async preloadImages(){if(!this.recipeImgs||this.recipeImgs.length===0)return Promise.resolve();const e=this.recipeImgs.map(t=>new Promise(o=>{const a=new Image;a.onload=()=>{this.preloadedImages.set(t,a),o()},a.onerror=()=>{o()},a.src=t}));return Promise.all(e).then(()=>{this.backgroundImages=[null,null]})}startAnimation(){this.displayedRecipes=[],this.recipeImgs.length>0&&(this.backgroundImages[0]=this.recipeImgs[0],this.activeBackgroundIndex=0);const e=()=>{if(this.currentStep<this.recipeImgs.length){const t=this.recipeImgs[this.currentStep];this.displayedRecipes=[...this.displayedRecipes,t],this.updateBackgroundImage(t),this.currentStep++,setTimeout(()=>{e()},1200)}else this.isComplete=!0,setTimeout(()=>{this.emitLoaderComplete()},1500)};setTimeout(()=>{e()},500)}updateBackgroundImage(e){const t=(this.activeBackgroundIndex+1)%2;this.backgroundImages[t]=e,this.activeBackgroundIndex=t,this.requestUpdate()}emitLoaderComplete(){this.dispatchEvent(new CustomEvent("basketComplete",{bubbles:!0,composed:!0}))}render(){return c`
       <div class="mealz-to-basket-loader ${this.isComplete?"complete":""}">
         ${this.backgroundImages.map((e,t)=>e?c`
             <div class="mealz-to-basket-loader__background ${t===this.activeBackgroundIndex?"active":""}" 

package/dist/planner-entry/planner-entry.min.js

@@ -1 +1 @@
-import{N as p}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as o}from"../assets/custom-element-BhZVzxrc.js";import{o as l}from"../planner/helpers/open-onboarding-modal.min.js";import{m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import"../modal/modal.min.js";import"../assets/property-Bx8Yvr4_.js";import"../assets/unsafe-html-uboinnys.js";import"../onboarding/events.min.js";import"../planner/planner-onboarding-modal/planner-onboarding-modal.min.js";import"../assets/state-C5zM4-Pq.js";import"../onboarding/analytics/onboarding-analytics.min.js";var h=Object.getOwnPropertyDescriptor,m=(t,e,r,s)=>{for(var n=s>1?void 0:s?h(e,r):e,i=t.length-1,a;i>=0;i--)(a=t[i])&&(n=a(n)||n);return n};let u=class extends p{constructor(){super(...arguments),this.minGuests=1,this.maxGuests=12,this.currentGuests=4,this.menuId=null,this.subscriptions=[]}get selectors(){return{stepperMinus:".mealz-planner-entry__stepper-button--minus",stepperPlus:".mealz-planner-entry__stepper-button--plus",stepperNumber:".mealz-planner-entry__stepper-number",helpLink:".mealz-planner-entry__help-link"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.initStartingData(),this.initGuests(),this.addEventListeners(),this.updateStepperButtons()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe()),this.subscriptions=[]}initStartingData(){const t=this.getAttribute("starting-data");if(t){try{const{menuId:e}=JSON.parse(t);e&&(this.menuId=e)}catch(e){console.error("Failed to parse starting-data:",e);return}this.removeAttribute("starting-data")}}initGuests(){const t=localStorage.getItem("_mealz/planner/guests");if(t){const e=parseInt(t,10);!isNaN(e)&&e>=this.minGuests&&e<=this.maxGuests&&(this.currentGuests=e)}else{const e=this.querySelector(this.selectors.stepperNumber);if(e){const r=e.getAttribute("data-guests");if(r){const s=parseInt(r,10);!isNaN(s)&&s>=this.minGuests&&s<=this.maxGuests&&(this.currentGuests=s)}}if(this.currentGuests===4){const r=localStorage.getItem("_miam/preferences/guests");if(r){const s=parseInt(r,10);!isNaN(s)&&s>=this.minGuests&&s<=this.maxGuests&&(this.currentGuests=s)}}}this.updateGuestsDisplay()}addEventListeners(){this.addClickListener("stepperMinus",()=>this.decrementGuests()),this.addClickListener("stepperPlus",()=>this.incrementGuests()),this.querySelectorAll(this.selectors.helpLink).forEach(e=>{e.addEventListener("click",r=>{r.preventDefault(),this.openOnboarding()})})}decrementGuests(){this.currentGuests>this.minGuests&&(this.currentGuests--,this.updateGuests())}incrementGuests(){this.currentGuests<this.maxGuests&&(this.currentGuests++,this.updateGuests())}updateGuests(){if(localStorage.setItem("_mealz/planner/guests",this.currentGuests.toString()),this.updateGuestsDisplay(),this.updateStepperButtons(),this.menuId){const t={guests:this.currentGuests};this.subscriptions.push(c.planner.updateMenu(this.menuId,{attributes:{...t}}).subscribe())}this.dispatchEvent(new CustomEvent("plannerGuestsChanged",{detail:{guests:this.currentGuests},bubbles:!0,composed:!0}))}updateGuestsDisplay(){const t=this.querySelector(this.selectors.stepperNumber);t&&(t.textContent=this.currentGuests.toString(),t.setAttribute("data-guests",this.currentGuests.toString()))}updateStepperButtons(){const t=this.querySelector(this.selectors.stepperMinus),e=this.querySelector(this.selectors.stepperPlus);t&&(t.disabled=this.currentGuests<=this.minGuests),e&&(e.disabled=this.currentGuests>=this.maxGuests)}openOnboarding(){l("dashboard")}};u=m([o("mealz-planner-entry")],u);customElements.get("mealz-planner-entry")||customElements.define("mealz-planner-entry",u);
+import{N as p}from"../assets/no-shadow-element-YPHUv5PR.js";import{t as o}from"../assets/custom-element-BhZVzxrc.js";import{o as l}from"../planner/helpers/open-onboarding-modal.min.js";import{m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import"../modal/modal.min.js";import"../assets/property-_7ObQ3dl.js";import"../assets/unsafe-html-CY0Np4--.js";import"../onboarding/events.min.js";import"../planner/planner-onboarding-modal/planner-onboarding-modal.min.js";import"../assets/state-W5mtSPAs.js";import"../onboarding/analytics/onboarding-analytics.min.js";var h=Object.getOwnPropertyDescriptor,m=(t,e,r,s)=>{for(var n=s>1?void 0:s?h(e,r):e,i=t.length-1,a;i>=0;i--)(a=t[i])&&(n=a(n)||n);return n};let u=class extends p{constructor(){super(...arguments),this.minGuests=1,this.maxGuests=12,this.currentGuests=4,this.menuId=null,this.subscriptions=[]}get selectors(){return{stepperMinus:".mealz-planner-entry__stepper-button--minus",stepperPlus:".mealz-planner-entry__stepper-button--plus",stepperNumber:".mealz-planner-entry__stepper-number",helpLink:".mealz-planner-entry__help-link"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.initStartingData(),this.initGuests(),this.addEventListeners(),this.updateStepperButtons()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe()),this.subscriptions=[]}initStartingData(){const t=this.getAttribute("starting-data");if(t){try{const{menuId:e}=JSON.parse(t);e&&(this.menuId=e)}catch(e){console.error("Failed to parse starting-data:",e);return}this.removeAttribute("starting-data")}}initGuests(){const t=localStorage.getItem("_mealz/planner/guests");if(t){const e=parseInt(t,10);!isNaN(e)&&e>=this.minGuests&&e<=this.maxGuests&&(this.currentGuests=e)}else{const e=this.querySelector(this.selectors.stepperNumber);if(e){const r=e.getAttribute("data-guests");if(r){const s=parseInt(r,10);!isNaN(s)&&s>=this.minGuests&&s<=this.maxGuests&&(this.currentGuests=s)}}if(this.currentGuests===4){const r=localStorage.getItem("_miam/preferences/guests");if(r){const s=parseInt(r,10);!isNaN(s)&&s>=this.minGuests&&s<=this.maxGuests&&(this.currentGuests=s)}}}this.updateGuestsDisplay()}addEventListeners(){this.addClickListener("stepperMinus",()=>this.decrementGuests()),this.addClickListener("stepperPlus",()=>this.incrementGuests()),this.querySelectorAll(this.selectors.helpLink).forEach(e=>{e.addEventListener("click",r=>{r.preventDefault(),this.openOnboarding()})})}decrementGuests(){this.currentGuests>this.minGuests&&(this.currentGuests--,this.updateGuests())}incrementGuests(){this.currentGuests<this.maxGuests&&(this.currentGuests++,this.updateGuests())}updateGuests(){if(localStorage.setItem("_mealz/planner/guests",this.currentGuests.toString()),this.updateGuestsDisplay(),this.updateStepperButtons(),this.menuId){const t={guests:this.currentGuests};this.subscriptions.push(c.planner.updateMenu(this.menuId,{attributes:{...t}}).subscribe())}this.dispatchEvent(new CustomEvent("plannerGuestsChanged",{detail:{guests:this.currentGuests},bubbles:!0,composed:!0}))}updateGuestsDisplay(){const t=this.querySelector(this.selectors.stepperNumber);t&&(t.textContent=this.currentGuests.toString(),t.setAttribute("data-guests",this.currentGuests.toString()))}updateStepperButtons(){const t=this.querySelector(this.selectors.stepperMinus),e=this.querySelector(this.selectors.stepperPlus);t&&(t.disabled=this.currentGuests<=this.minGuests),e&&(e.disabled=this.currentGuests>=this.maxGuests)}openOnboarding(){l("dashboard")}};u=m([o("mealz-planner-entry")],u);customElements.get("mealz-planner-entry")||customElements.define("mealz-planner-entry",u);

package/dist/preferences/preferences.min.js

@@ -1,4 +1,4 @@
-import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as b}from"../assets/custom-element-BhZVzxrc.js";import{r as p}from"../assets/state-C5zM4-Pq.js";import{m as t}from"../assets/mealz-sdk-E_fNZM-c.js";import{d as w}from"../assets/debounceTime-D7R6Z3Am.js";import{d as T}from"../assets/distinctUntilChanged-VvZTmHoN.js";import{s as $}from"../assets/switchMap-6Z80ObHE.js";import{n as g}from"../assets/property-Bx8Yvr4_.js";import{f as k}from"../assets/filter-DQ4vwAGj.js";import"../assets/unsafe-html-uboinnys.js";import"../assets/async-D5WN8Wfc.js";import"../assets/OperatorSubscriber-DF1TYu__.js";import"../assets/innerFrom-FMZwm2mb.js";var S=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(e,s,n,a)=>{for(var i=a>1?void 0:a?x(s,n):s,c=e.length-1,d;c>=0;c--)(d=e[c])&&(i=(a?d(s,n,i):d(i))||i);return a&&i&&S(s,n,i),i};let u=class extends _{constructor(){super(),this.suggestedTags=[],this.notFound=!1,this.searchQuery=new z(""),this.subscription=new y,this.styleURL=new URL("./preferences/preferences-search/preferences-search.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenOnSearchChange()}disconnectedCallback(){super.disconnectedCallback(),this.subscription.unsubscribe()}searchInputUpdate(e){this.searchQuery.next(e.target.value)}listenOnSearchChange(){this.subscription.add(this.searchQuery.pipe(w(250),T(),$(e=>e.length>0?t.tags.autocomplete(e):[])).subscribe(e=>{var s,n;this.suggestedTags=(s=e==null?void 0:e.data)==null?void 0:s.filter(a=>a.attributes["tag-type-id"]==="ingredient_category"||a.attributes["tag-type-id"]==="ingredientsdefinition"),this.notFound=((n=this.suggestedTags)==null?void 0:n.length)===0,this.requestUpdate()}))}addTag(e){t.preferences.newTagFromSearch(e),this.dispatchEvent(new CustomEvent("backAndReload"))}render(){return r`
+import"../assets/accordion-DJLqKUJq.js";import{N as _,B as z,a as y,k as a}from"../assets/no-shadow-element-YPHUv5PR.js";import{t as b}from"../assets/custom-element-BhZVzxrc.js";import{r as p}from"../assets/state-W5mtSPAs.js";import{m as i}from"../assets/mealz-sdk-E_fNZM-c.js";import{d as w}from"../assets/debounceTime-B4DpnstH.js";import{d as T}from"../assets/distinctUntilChanged-91AVuO2B.js";import{s as $}from"../assets/switchMap-Dk_0Nhlo.js";import{n as g}from"../assets/property-_7ObQ3dl.js";import{f as k}from"../assets/filter-BZ75lS5D.js";import"../assets/unsafe-html-CY0Np4--.js";import"../assets/async-CFBGA-Dz.js";import"../assets/OperatorSubscriber-BaYaQC1O.js";import"../assets/innerFrom-BgPDnAsH.js";var S=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(e,s,n,r)=>{for(var t=r>1?void 0:r?x(s,n):s,c=e.length-1,d;c>=0;c--)(d=e[c])&&(t=(r?d(s,n,t):d(t))||t);return r&&t&&S(s,n,t),t};let u=class extends _{constructor(){super(),this.suggestedTags=[],this.notFound=!1,this.searchQuery=new z(""),this.subscription=new y,this.styleURL=new URL("./preferences/preferences-search/preferences-search.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenOnSearchChange()}disconnectedCallback(){super.disconnectedCallback(),this.subscription.unsubscribe()}searchInputUpdate(e){this.searchQuery.next(e.target.value)}listenOnSearchChange(){this.subscription.add(this.searchQuery.pipe(w(250),T(),$(e=>e.length>0?i.tags.autocomplete(e):[])).subscribe(e=>{var s,n;this.suggestedTags=(s=e==null?void 0:e.data)==null?void 0:s.filter(r=>r.attributes["tag-type-id"]==="ingredient_category"||r.attributes["tag-type-id"]==="ingredientsdefinition"),this.notFound=((n=this.suggestedTags)==null?void 0:n.length)===0,this.requestUpdate()}))}addTag(e){i.preferences.newTagFromSearch(e),this.dispatchEvent(new CustomEvent("backAndReload"))}render(){return a`
       <div class="mealz-preferences-search">
         <div class="mealz-preferences-search__searchbar-container">
           <div class="mealz-preferences-search__searchbar mealz-ds-searchbar">
@@ -13,15 +13,15 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
           </div>
         </div>
 
-        ${this.notFound?r`
+        ${this.notFound?a`
           <div class="mealz-preferences-search__not-found">
             <span class="mealz-ds-text">
                 Pas de panique, nous ne trouvons pas cet ingrédient.
                 Aucun risque de le retrouver dans votre assiette.
             </span>
           </div>
-        `:r`
-            ${this.suggestedTags.map(e=>r`
+        `:a`
+            ${this.suggestedTags.map(e=>a`
                 <button
                 class="mealz-preferences-search__suggested__tag"
                 @click=${()=>this.addTag(e)}
@@ -33,7 +33,7 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
             `)}
         `}
       </div>
-    `}};m([p()],u.prototype,"suggestedTags",2);m([p()],u.prototype,"notFound",2);u=m([b("mealz-preferences-search")],u);customElements.get("mealz-preferences-search")||customElements.define("mealz-preferences-search",u);class f{constructor(){this.attributes={"tag-type-id":"",name:"","icon-url":"","picture-url":""}}get tagType(){return this.attributes["tag-type-id"]}get name(){return this.attributes.name}}var C=Object.defineProperty,I=Object.getOwnPropertyDescriptor,o=(e,s,n,a)=>{for(var i=a>1?void 0:a?I(s,n):s,c=e.length-1,d;c>=0;c--)(d=e[c])&&(i=(a?d(s,n,i):d(i))||i);return a&&i&&C(s,n,i),i};let l=class extends _{constructor(){super(),this.isOpen=!1,this.diets=[],this.ingredients=[],this.equipments=[],this.displayType="defaultView",this.analyticsPath="/preferences",this.openedModalSubscriptions=[],this.subscriptions=[],this.forcedIngredients=[{id:"ingredient_category_lgumes",name:"Légume"},{id:"ingredient_category_viandes-blanches",name:"Viande blanche"},{id:"ingredient_category_fromage",name:"Fromage"},{id:"ingredient_category_poissons",name:"Poisson"},{id:"ingredient_category_fruits",name:"Fruit"},{id:"ingredientsdefinition_coriandre",name:"Coriandre"},{id:"ingredientsdefinition_brocoli",name:"Brocoli"},{id:"ingredientsdefinition_oeuf",name:"Oeuf"},{id:"ingredient_category_alcool",name:"Alcool"}],this.drawerViewSwapper=document.querySelector("mealz-drawer-view-swapper")}connectedCallback(){super.connectedCallback(),this.initSubscriptions()}disconnectedCallback(){super.disconnectedCallback(),this.openedModalSubscriptions.forEach(e=>e.unsubscribe()),this.subscriptions.forEach(e=>e.unsubscribe())}initSubscriptions(){this.subscriptions.push(this.drawerViewSwapper.displayPreferences$.subscribe(e=>{this.isOpen=e,e?(this.fetchTags(),this.pageview()):this.openedModalSubscriptions.forEach(s=>s.unsubscribe()),this.requestUpdate()}),t.supplier.currentSupplier().pipe(k(e=>!!e)).subscribe(e=>{this.supplierId=e.id,this.fetchTags(),this.requestUpdate()}))}defaultViewHeader(){return r`
+    `}};m([p()],u.prototype,"suggestedTags",2);m([p()],u.prototype,"notFound",2);u=m([b("mealz-preferences-search")],u);customElements.get("mealz-preferences-search")||customElements.define("mealz-preferences-search",u);class f{constructor(){this.attributes={"tag-type-id":"",name:"","icon-url":"","picture-url":""}}get tagType(){return this.attributes["tag-type-id"]}get name(){return this.attributes.name}}var C=Object.defineProperty,I=Object.getOwnPropertyDescriptor,o=(e,s,n,r)=>{for(var t=r>1?void 0:r?I(s,n):s,c=e.length-1,d;c>=0;c--)(d=e[c])&&(t=(r?d(s,n,t):d(t))||t);return r&&t&&C(s,n,t),t};let l=class extends _{constructor(){super(),this.isOpen=!1,this.diets=[],this.ingredients=[],this.equipments=[],this.displayType="defaultView",this.analyticsPath="/preferences",this.openedModalSubscriptions=[],this.subscriptions=[],this.forcedIngredients=[{id:"ingredient_category_lgumes",name:"Légume"},{id:"ingredient_category_viandes-blanches",name:"Viande blanche"},{id:"ingredient_category_fromage",name:"Fromage"},{id:"ingredient_category_poissons",name:"Poisson"},{id:"ingredient_category_fruits",name:"Fruit"},{id:"ingredientsdefinition_coriandre",name:"Coriandre"},{id:"ingredientsdefinition_brocoli",name:"Brocoli"},{id:"ingredientsdefinition_oeuf",name:"Oeuf"},{id:"ingredient_category_alcool",name:"Alcool"}],this.drawerViewSwapper=document.querySelector("mealz-drawer-view-swapper")}connectedCallback(){super.connectedCallback(),this.initSubscriptions()}disconnectedCallback(){super.disconnectedCallback(),this.openedModalSubscriptions.forEach(e=>e.unsubscribe()),this.subscriptions.forEach(e=>e.unsubscribe())}initSubscriptions(){this.subscriptions.push(this.drawerViewSwapper.displayPreferences$.subscribe(e=>{this.isOpen=e,e?(this.fetchTags(),this.pageview()):this.openedModalSubscriptions.forEach(s=>s.unsubscribe()),this.requestUpdate()}),i.supplier.currentSupplier().pipe(k(e=>!!e)).subscribe(e=>{this.supplierId=e.id,this.fetchTags(),this.requestUpdate()}))}defaultViewHeader(){return a`
       <button class="mealz-ds-button ghost square mealz-preferences__back-button" @click=${this.close}>
         <img class="mealz-preferences__back-image" alt="go back"
             src="https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg">
@@ -45,13 +45,13 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
         <img class="mealz-preferences__close-image" alt="close modal"
             src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg">
       </button>
-    `}defaultViewContent(){return r`
+    `}defaultViewContent(){return a`
       <!-- GUESTS -->
       <div class="mealz-preferences__guests">
         <span class="mealz-ds-text mealz-preferences__guest-label">Nombre de personnes</span>
         <mealz-counter
             class="mealz-preferences__guest-counter"
-            .value=${t.preferences.guests$.value}
+            .value=${i.preferences.guests$.value}
             @valueChange=${this.updateGuests}
         >
         </mealz-counter>
@@ -61,10 +61,10 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
       <mealz-accordion 
         class="mealz-preferences__diet-section" 
         .isCollapsed=${!1}
-        .titleSlot=${r`<span class="mealz-ds-text weight-xl">Avez-vous un régime particulier ?</span>`}
-        .contentSlot=${r`
+        .titleSlot=${a`<span class="mealz-ds-text weight-xl">Avez-vous un régime particulier ?</span>`}
+        .contentSlot=${a`
           <div class="mealz-preferences__list">
-            ${this.diets.map(e=>r`
+            ${this.diets.map(e=>a`
               <div class="mealz-preferences__list__item mealz-ds-checkbox" @click=${()=>this.toggleTag(e)}>
                 <div class="mealz-ds-text mealz-preferences__list__item__name">
                   ${e.tag.attributes.name}
@@ -80,14 +80,14 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
       <mealz-accordion 
         class="mealz-preferences__dislikes-section" 
         .isCollapsed=${!1}
-        .titleSlot=${r`<span class="mealz-ds-text weight-xl">Je n'aime pas</span>`}
-        .contentSlot=${r`
-          ${this.ingredients.map(e=>r`
+        .titleSlot=${a`<span class="mealz-ds-text weight-xl">Je n'aime pas</span>`}
+        .contentSlot=${a`
+          ${this.ingredients.map(e=>a`
             <button class="mealz-ds-badge mealz-preferences__badge ${e.checked?"checked":""}"
                     @click=${()=>this.toggleTag(e)}>
                 <div class="mealz-preferences__badge-label">
                     <span>${e.tag.attributes.name}</span>
-                    ${this.isAdditionalIngredient(e)?r`
+                    ${this.isAdditionalIngredient(e)?a`
                     <img alt="remove ${e.tag.attributes.name}"
                         class="mealz-preferences__remove-tag"
                         src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg">
@@ -109,10 +109,10 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
       <mealz-accordion 
         class="mealz-preferences__equipments-section" 
         .isCollapsed=${!1}
-        .titleSlot=${r`<span class="mealz-ds-text weight-xl">Équipements</span>`}
-        .contentSlot=${r`
+        .titleSlot=${a`<span class="mealz-ds-text weight-xl">Équipements</span>`}
+        .contentSlot=${a`
           <div class="mealz-preferences__list">
-            ${this.equipments.map(e=>r`
+            ${this.equipments.map(e=>a`
               <div class="mealz-preferences__list__item mealz-ds-checkbox" @click=${()=>this.toggleTag(e)}>
                 <div class="mealz-ds-text mealz-preferences__list__item__name">
                   ${e.tag.attributes.name}
@@ -133,7 +133,7 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
           Appliquer
         </button>
       </div>
-    `}searchViewHeader(){return r`
+    `}searchViewHeader(){return a`
       <div class="mealz-preferences__nav-and-title">
         <button class="mealz-ds-button ghost square mealz-preferences__search-back-button"
                 @click=${this.goToDefaultView}>
@@ -144,16 +144,16 @@ import"../assets/accordion-Ba11uzYA.js";import{N as _,B as z,a as y,k as r}from"
           <span>Je n'aime pas</span>
         </div>
       </div>
-    `}render(){return this.isOpen?r`
+    `}render(){return this.isOpen?a`
       <div class="mealz-preferences">
           <div class="mealz-preferences__header">
             ${this.displayType==="defaultView"?this.defaultViewHeader():this.searchViewHeader()}
           </div>
 
-          ${this.displayType==="defaultView"?this.defaultViewContent():r`
+          ${this.displayType==="defaultView"?this.defaultViewContent():a`
             <mealz-preferences-search 
               @backAndReload=${()=>{this.fetchTags(),this.goToDefaultView()}}
             ></mealz-preferences-search>
           `}
       </div>
-    `:r``}close(){this.sendCloseEvent(),this.drawerViewSwapper.displayPreferences$.next(!1),t.preferences.resetTagsActions()}pageview(){t.analytics.sendEvent("pageview",this.analyticsPath,{})}sendCloseEvent(){t.analytics.sendEvent("preferences.close",this.analyticsPath,{})}createTagSubscription(e,s){this.openedModalSubscriptions.push(t.tags.all({remotefilter:{tag_type:e,for_supplier:this.supplierId}}).subscribe(n=>{this[`${e}s`]=n.data.map(a=>({tag:a,checked:t.preferences.tagShouldBeChecked(a,s),without:e!=="diet"})),this.requestUpdate()}))}fetchTags(){this.supplierId&&(this.createTagSubscription("diet",!1),this.createTagSubscription("equipment",!0),this.initIngredientTags())}reset(){t.preferences.resetPreferences(),t.preferences.sendCacheRequest("remove","preferences").subscribe(),this.fetchTags()}initIngredientTags(){this.ingredients=[],this.forcedIngredients.forEach(e=>{const s=new f;s.id=e.id,s.attributes.name=e.name,this.ingredients.push({tag:s,checked:t.preferences.tagShouldBeChecked(s,!0),without:!0})}),this.getAdditionalIngredients()}getAdditionalIngredients(){(t.preferences.preferencesInStorage()||{without:[]}).without.filter(i=>i.id.includes("ingredient_category_")||i.id.includes("ingredientsdefinition_")||i.id.includes("meal_type_")).forEach(i=>{if(this.forcedIngredients.findIndex(c=>c.id===i.id)===-1){const c=new f;c.id=i.id,c.attributes={"tag-type-id":"",name:i.name,"icon-url":"","picture-url":""},t.preferences.tagShouldBeChecked(c,!0)&&this.ingredients.push({tag:c,checked:!0,without:!0})}});const n=["ingredient_category_","ingredientsdefinition_","meal_type_"],a=t.preferences.tagsToAdd.filter(i=>{const c=i.tag.id,d=n.some(h=>c.includes(h)),v=!this.ingredients.some(h=>h.tag.id===c);return d&&v});this.ingredients.push(...a),this.updateFiltersInCache()}toggleTag(e){e.checked=!e.checked,e.tag.attributes["tag-type-id"]==="equipment"!==e.checked?t.preferences.addTag(e):(t.preferences.removeTag(e),this.isAdditionalIngredient(e)&&this.ingredients.splice(this.ingredients.findIndex(s=>s.tag.id===e.tag.id),1)),this.requestUpdate()}isAdditionalIngredient(e){return this.forcedIngredients.findIndex(s=>s.id===e.tag.id)===-1&&(e.tag.id.includes("ingredient_category_")||e.tag.id.includes("ingredientsdefinition_"))}updateAndBack(){t.preferences.updatePreferences(),t.preferences.preferencesChanged(),this.updateFiltersInCache(!0)}goToDefaultView(){this.displayType="defaultView",this.requestUpdate()}goToSearchView(){this.displayType="searchView",this.requestUpdate()}updateFiltersInCache(e=!1){const s=t.preferences.addPreferencesToRemoteFilters(this.filters,!0),n={exclude_tags:s.exclude_tags,include_tags:s.include_tags,...t.preferences.guests$.value!==4&&{guests:t.preferences.guests$.value}};(Object.keys(n).length>0?t.preferences.sendCacheRequest("set","preferences",n):t.preferences.sendCacheRequest("remove","preferences")).subscribe(()=>{e&&(t.preferences.preferencesChanged(),this.close())})}updateGuests(e){t.preferences.guests$.next(e.detail.value),this.requestUpdate()}};o([g({type:Object})],l.prototype,"filters",2);o([g({type:Boolean})],l.prototype,"isOpen",2);o([p()],l.prototype,"diets",2);o([p()],l.prototype,"ingredients",2);o([p()],l.prototype,"equipments",2);o([p()],l.prototype,"displayType",2);o([g({type:String})],l.prototype,"analyticsPath",2);l=o([b("mealz-preferences")],l);customElements.get("mealz-preferences")||customElements.define("mealz-preferences",l);
+    `:a``}close(){this.sendCloseEvent(),this.drawerViewSwapper.displayPreferences$.next(!1),i.preferences.resetTagsActions()}pageview(){i.analytics.sendEvent("pageview",this.analyticsPath,{})}sendCloseEvent(){i.analytics.sendEvent("preferences.close",this.analyticsPath,{})}createTagSubscription(e,s){this.openedModalSubscriptions.push(i.tags.all({remotefilter:{tag_type:e,for_supplier:this.supplierId}}).subscribe(n=>{this[`${e}s`]=n.data.map(r=>({tag:r,checked:i.preferences.tagShouldBeChecked(r,s),without:e!=="diet"})),this.requestUpdate()}))}fetchTags(){this.supplierId&&(this.createTagSubscription("diet",!1),this.createTagSubscription("equipment",!0),this.initIngredientTags())}reset(){i.preferences.resetPreferences(),i.preferences.sendCacheRequest("remove","preferences").subscribe(),this.fetchTags()}initIngredientTags(){this.ingredients=[],this.forcedIngredients.forEach(e=>{const s=new f;s.id=e.id,s.attributes.name=e.name,this.ingredients.push({tag:s,checked:i.preferences.tagShouldBeChecked(s,!0),without:!0})}),this.getAdditionalIngredients()}getAdditionalIngredients(){(i.preferences.preferencesInStorage()||{without:[]}).without.filter(t=>t.id.includes("ingredient_category_")||t.id.includes("ingredientsdefinition_")||t.id.includes("meal_type_")).forEach(t=>{if(this.forcedIngredients.findIndex(c=>c.id===t.id)===-1){const c=new f;c.id=t.id,c.attributes={"tag-type-id":"",name:t.name,"icon-url":"","picture-url":""},i.preferences.tagShouldBeChecked(c,!0)&&this.ingredients.push({tag:c,checked:!0,without:!0})}});const n=["ingredient_category_","ingredientsdefinition_","meal_type_"],r=i.preferences.tagsToAdd.filter(t=>{const c=t.tag.id,d=n.some(h=>c.includes(h)),v=!this.ingredients.some(h=>h.tag.id===c);return d&&v});this.ingredients.push(...r),this.updateFiltersInCache()}toggleTag(e){e.checked=!e.checked,e.tag.attributes["tag-type-id"]==="equipment"!==e.checked?i.preferences.addTag(e):(i.preferences.removeTag(e),this.isAdditionalIngredient(e)&&this.ingredients.splice(this.ingredients.findIndex(s=>s.tag.id===e.tag.id),1)),this.requestUpdate()}isAdditionalIngredient(e){return this.forcedIngredients.findIndex(s=>s.id===e.tag.id)===-1&&(e.tag.id.includes("ingredient_category_")||e.tag.id.includes("ingredientsdefinition_"))}updateAndBack(){i.preferences.updatePreferences(),this.updateFiltersInCache(!0)}goToDefaultView(){this.displayType="defaultView",this.requestUpdate()}goToSearchView(){this.displayType="searchView",this.requestUpdate()}updateFiltersInCache(e=!1){const s=i.preferences.addPreferencesToRemoteFilters(this.filters,!0),n={exclude_tags:s.exclude_tags,include_tags:s.include_tags,...i.preferences.guests$.value!==4&&{guests:i.preferences.guests$.value}};(Object.keys(n).length>0?i.preferences.sendCacheRequest("set","preferences",n):i.preferences.sendCacheRequest("remove","preferences")).subscribe(()=>{e&&(i.preferences.preferencesChanged(),this.close())})}updateGuests(e){i.preferences.guests$.next(e.detail.value),this.requestUpdate()}};o([g({type:Object})],l.prototype,"filters",2);o([g({type:Boolean})],l.prototype,"isOpen",2);o([p()],l.prototype,"diets",2);o([p()],l.prototype,"ingredients",2);o([p()],l.prototype,"equipments",2);o([p()],l.prototype,"displayType",2);o([g({type:String})],l.prototype,"analyticsPath",2);l=o([b("mealz-preferences")],l);customElements.get("mealz-preferences")||customElements.define("mealz-preferences",l);

package/dist/price/price.min.js

@@ -1,4 +1,4 @@
-import{N as n,k as a,D as d}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v}from"../assets/custom-element-BhZVzxrc.js";import{n as m}from"../assets/property-Bx8Yvr4_.js";import{P as h}from"../assets/price-CHipCs2z.js";import"../assets/mealz-sdk-E_fNZM-c.js";var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,l=(o,i,c,t)=>{for(var e=t>1?void 0:t?P(i,c):i,s=o.length-1,p;s>=0;s--)(p=o[s])&&(e=(t?p(i,c,e):p(e))||e);return t&&e&&u(i,c,e),e};let r=class extends n{constructor(){super(),this.priceService=h.getInstance(),this.styleURL=new URL("./price/price.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.priceService.initFormatter()}renderOldPrice(){return a`
+import{N as n,k as a,D as d}from"../assets/no-shadow-element-YPHUv5PR.js";import{t as v}from"../assets/custom-element-BhZVzxrc.js";import{n as m}from"../assets/property-_7ObQ3dl.js";import{P as h}from"../assets/price-DAxY_7sk.js";import"../assets/mealz-sdk-E_fNZM-c.js";var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,l=(o,i,c,t)=>{for(var e=t>1?void 0:t?P(i,c):i,s=o.length-1,p;s>=0;s--)(p=o[s])&&(e=(t?p(i,c,e):p(e))||e);return t&&e&&u(i,c,e),e};let r=class extends n{constructor(){super(),this.priceService=h.getInstance(),this.styleURL=new URL("./price/price.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.priceService.initFormatter()}renderOldPrice(){return a`
       <div class="mealz-price__previous mealz-ds-text weight-l size-xs">
         ${this.priceService.priceTemplate(this.oldPrice)}
       </div>

package/dist/recipe-card/recipe-card.min.js

@@ -1 +1 @@
-import{N as S}from"../assets/no-shadow-element-Dz9jgDtr.js";import{V as f}from"../assets/viewport-listener-DrFhSZNW.js";import{t as I}from"../assets/custom-element-BhZVzxrc.js";import{h as w}from"../assets/session-handler-BZFnRy_K.js";import{w as y,m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import{f as m}from"../assets/filter-DQ4vwAGj.js";import{s as b}from"../assets/switchMap-6Z80ObHE.js";import{c as v}from"../assets/combineLatest-BN0_WcEG.js";import{t as d}from"../assets/take-ByPtGQky.js";import"../assets/debounceTime-D7R6Z3Am.js";import"../assets/async-D5WN8Wfc.js";import"../assets/OperatorSubscriber-DF1TYu__.js";import"../assets/innerFrom-FMZwm2mb.js";import"../assets/from-BTlWkhKh.js";import"../assets/executeSchedule-C0acKsif.js";import"../assets/mapOneOrManyArgs-Bdu6mo6S.js";import"../assets/map-DHslluWD.js";import"../assets/empty-Bs9kqCuA.js";class o{constructor(){this.trackedRecipes=new Map,this.hasScrolled=!1,this.scrollListener=null,this.cleanupInterval=null,this.MAX_RECIPES=1e3,this.CLEANUP_INTERVAL=300*1e3,this.handlePageUnload=()=>{this.destroy()},this.setupScrollListener(),this.startAutoCleanup(),this.setupPageUnloadListener()}static getInstance(){return o.instance||(o.instance=new o),o.instance}trackRecipeShow(t,s,i){const r=Date.now(),n=!this.trackedRecipes.get(t),l=this.hasScrolled;!n&&!l||(this.trackedRecipes.size>=this.MAX_RECIPES&&this.cleanOldRecipes(),this.trackedRecipes.set(t,r),window.mealzInternal.analytics.sendEvent("recipe.show",s,{recipe_id:t,category_id:i}))}cleanOldRecipes(){const s=Date.now()-3600*1e3;for(const[i,r]of this.trackedRecipes.entries())r<s&&this.trackedRecipes.delete(i)}clearAllRecipes(){this.trackedRecipes.clear()}destroy(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null),window.removeEventListener("beforeunload",this.handlePageUnload),this.cleanupInterval&&(clearInterval(this.cleanupInterval),this.cleanupInterval=null),this.trackedRecipes.clear(),this.hasScrolled=!1,o.instance=null}setupScrollListener(){let t;this.scrollListener=()=>{this.hasScrolled=!0,clearTimeout(t),t=window.setTimeout(()=>{this.hasScrolled=!1},2e3)},window.addEventListener("scroll",this.scrollListener)}startAutoCleanup(){this.cleanupInterval=window.setInterval(()=>{this.cleanOldRecipes()},this.CLEANUP_INTERVAL)}setupPageUnloadListener(){window.addEventListener("beforeunload",this.handlePageUnload)}}var L=Object.getOwnPropertyDescriptor,C=(e,t,s,i)=>{for(var r=i>1?void 0:i?L(t,s):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(r=n(r)||r);return r};let p=class extends S{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),this.listenInView(),y().then(()=>{this.setupSubscriptions()}).catch(e=>{console.warn("Failed to initialize SDK subscriptions:",e)})}setupSubscriptions(){this.subscriptions.push(c.basket.recipePricesInBasket$().subscribe(e=>{if(!e)return;const t=e.find(s=>s.id===this.recipeId);e.length>0&&t&&parseFloat(t.price)>0?(this.guests=c.basket.guestsForRecipe(t.id),this.updatedRecipeId=t.id,this.updateDOM()):this.render()}),this.setupPlannerMenuSubscription(),this.setupGuestUpdatesSubscription())}setupPlannerMenuSubscription(){return c.planner.menuPrice$.pipe(m(()=>this.planner&&!!this.recipeId),b(()=>v([c.planner.isRecipeInMenu$(this.recipeId).pipe(d(1))])),m(([e,t])=>e&&typeof t=="number"&&t>0)).subscribe(([e,t])=>{this.guests=t,this.updateGuestDisplay()})}setupGuestUpdatesSubscription(){return c.recipes.guestsUpdated().subscribe(e=>{e.recipeId===this.recipeId&&(this.guests=e.guests,this.updatedRecipeId=this.recipeId,this.updateDOM())})}disconnectedCallback(){var t;super.disconnectedCallback(),this.subscriptions.forEach(s=>s.unsubscribe()),(t=this.analyticsViewportObserver)==null||t.disconnect(),o.getInstance().cleanOldRecipes()}render(){this.recipeCardTop=this.querySelector(".mealz-recipe-card__top"),this.recipeCardCta=this.querySelector(".mealz-recipe-card__cta"),this.recipeCardTop&&(this.getInitialStatus(),this.recipeCardTop.addEventListener("click",()=>this.openDetails()),this.recipeCardCta&&this.recipeCardCta.addEventListener("click",()=>this.recipeCardCtaClick()))}listenInView(){this.analyticsViewportObserver=new f(this,()=>{this.sendAnalyticsShow()},{threshold:.8,debounce:1e3})}getInitialStatus(){var h;const e=(h=this.attributes["starting-data"])==null?void 0:h.value;if(!e)return;const{id:t,guests:s,path:i,categoryId:r,initialTabIndex:a,planner:n,sessionId:l,recipe:g}=JSON.parse(e);if(this.recipeId=t,this.analyticsPath=i,this.categoryId=r,this.guests=s,this.initialTabIndex=a,this.planner=n,this.recipe=g,w(l),!this.guests){this.guests=this.getGuests();const u=this.querySelector(".mealz-recipe-card__counter p");u&&(u.innerHTML=this.guests.toString())}this.removeAttribute("starting-data"),this.updateDOM()}openDetails(){c.recipes.openDetails(this.recipeId,this.guests,this.initialTabIndex,this.analyticsPath,this.planner,this.categoryId)}recipeCardCtaClick(){this.planner?this.handleCTAClickForPlanner():this.openDetails()}getGuests(){const e=localStorage.getItem("_miam/preferences/guests");if(e){const t=+e;if(!isNaN(t)&&t>0&&t<=30)return t}return 4}handleCTAClickForPlanner(){const e=this.querySelector("mealz-recipe-card-cta");if(!e)return;const t=e.getStatus();t==="add"?(this.showAddingToMenuState(e),this.addRecipeToMenu()):t==="in-menu"&&(this.showRemovingFromMenuState(e),this.removeRecipeFromMenu())}addRecipeToMenu(){var i,r;const e=document.querySelector("mealz-planner-recipe-suggestion"),t=(e==null?void 0:e.guests)||this.guests;e&&(e.recipeId=this.recipeId);const s=document.querySelector("mealz-planner-current-menu");if(!s){const a=(r=(i=c.recipes)==null?void 0:i.productsPlannerByCategory$)==null?void 0:r.value,n=(a==null?void 0:a.toPickProducts)||[];c.planner.addRecipeToMenu(this.recipeId,t,!!c.pos.currentPos().value,n).pipe(d(1)).subscribe(()=>{this.removeRecipeCardLoader("add");const l=document.querySelector("mealz-planner-recipe-list");l==null||l.addRecipeCardToList(this.recipeId)});return}s.addRecipe(this.recipeId,t).subscribe(()=>{this.removeRecipeCardLoader("add"),e==null||e.addAndSelectNewSuggestion(this.recipe)})}removeRecipeFromMenu(){const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){c.planner.removeRecipeFromMenu(this.recipeId).pipe(d(1)).subscribe(()=>this.removeRecipeCardLoader("remove"));return}e.removeRecipe(this.recipeId).subscribe(()=>this.removeRecipeCardLoader("remove"))}showRemovingFromMenuState(e){const t=this.querySelector(".mealz-recipe-card-cta__loader"),s=e.querySelector("img.in-menu");t==null||t.classList.remove("hidden"),s==null||s.classList.add("hidden")}removeRecipeCardLoader(e){const t=this.querySelector("mealz-recipe-card-cta");if(!t)return;const s=this.querySelector(".mealz-recipe-card-cta"),i=this.querySelector(".mealz-recipe-card-cta__loader"),r=t.querySelector("img.add"),a=t.querySelector("img.in-menu");e==="add"?(i==null||i.classList.add("hidden"),s==null||s.classList.replace("primary","secondary"),a==null||a.classList.remove("hidden"),t.updateStatus("in-menu")):(i==null||i.classList.add("hidden"),s==null||s.classList.replace("secondary","primary"),r==null||r.classList.remove("hidden"),t.updateStatus("add"))}showAddingToMenuState(e){const t=this.querySelector(".mealz-recipe-card-cta__loader"),s=e.querySelector("img.add"),i=e.querySelector("img.in-menu");t==null||t.classList.remove("hidden"),s==null||s.classList.add("hidden"),i==null||i.classList.add("hidden")}updateDOM(){if(this.recipeId!==this.updatedRecipeId)return;const e=this.querySelector(".mealz-recipe-card__counter p");e&&(e.innerHTML=this.guests.toString())}updateGuestDisplay(){const e=this.querySelector(".mealz-recipe-card__counter p");e&&this.guests&&(e.innerHTML=this.guests.toString())}sendAnalyticsShow(){o.getInstance().trackRecipeShow(this.recipeId,this.analyticsPath,this.categoryId)}};p=C([I("mealz-recipe-card")],p);customElements.get("mealz-recipe-card")||customElements.define("mealz-recipe-card",p);
+import{N as S}from"../assets/no-shadow-element-YPHUv5PR.js";import{V as f}from"../assets/viewport-listener-CDsKFDz1.js";import{t as I}from"../assets/custom-element-BhZVzxrc.js";import{h as w}from"../assets/session-handler-BZFnRy_K.js";import{w as y,m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import{f as m}from"../assets/filter-BZ75lS5D.js";import{s as b}from"../assets/switchMap-Dk_0Nhlo.js";import{c as v}from"../assets/combineLatest-BmqPE0OB.js";import{t as d}from"../assets/take-CozE9iSG.js";import"../assets/debounceTime-B4DpnstH.js";import"../assets/async-CFBGA-Dz.js";import"../assets/OperatorSubscriber-BaYaQC1O.js";import"../assets/innerFrom-BgPDnAsH.js";import"../assets/from-CAidt5N1.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/mapOneOrManyArgs-COA1aRZM.js";import"../assets/map-BVOhpQm0.js";import"../assets/args-BozZ6oU-.js";import"../assets/isScheduler-C5PGPVU1.js";import"../assets/empty-0eVnsLmk.js";class o{constructor(){this.trackedRecipes=new Map,this.hasScrolled=!1,this.scrollListener=null,this.cleanupInterval=null,this.MAX_RECIPES=1e3,this.CLEANUP_INTERVAL=300*1e3,this.handlePageUnload=()=>{this.destroy()},this.setupScrollListener(),this.startAutoCleanup(),this.setupPageUnloadListener()}static getInstance(){return o.instance||(o.instance=new o),o.instance}trackRecipeShow(t,s,i){const r=Date.now(),n=!this.trackedRecipes.get(t),l=this.hasScrolled;!n&&!l||(this.trackedRecipes.size>=this.MAX_RECIPES&&this.cleanOldRecipes(),this.trackedRecipes.set(t,r),window.mealzInternal.analytics.sendEvent("recipe.show",s,{recipe_id:t,category_id:i}))}cleanOldRecipes(){const s=Date.now()-3600*1e3;for(const[i,r]of this.trackedRecipes.entries())r<s&&this.trackedRecipes.delete(i)}clearAllRecipes(){this.trackedRecipes.clear()}destroy(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null),window.removeEventListener("beforeunload",this.handlePageUnload),this.cleanupInterval&&(clearInterval(this.cleanupInterval),this.cleanupInterval=null),this.trackedRecipes.clear(),this.hasScrolled=!1,o.instance=null}setupScrollListener(){let t;this.scrollListener=()=>{this.hasScrolled=!0,clearTimeout(t),t=window.setTimeout(()=>{this.hasScrolled=!1},2e3)},window.addEventListener("scroll",this.scrollListener)}startAutoCleanup(){this.cleanupInterval=window.setInterval(()=>{this.cleanOldRecipes()},this.CLEANUP_INTERVAL)}setupPageUnloadListener(){window.addEventListener("beforeunload",this.handlePageUnload)}}var L=Object.getOwnPropertyDescriptor,C=(e,t,s,i)=>{for(var r=i>1?void 0:i?L(t,s):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(r=n(r)||r);return r};let p=class extends S{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),this.listenInView(),y().then(()=>{this.setupSubscriptions()}).catch(e=>{console.warn("Failed to initialize SDK subscriptions:",e)})}setupSubscriptions(){this.subscriptions.push(c.basket.recipePricesInBasket$().subscribe(e=>{if(!e)return;const t=e.find(s=>s.id===this.recipeId);e.length>0&&t&&parseFloat(t.price)>0?(this.guests=c.basket.guestsForRecipe(t.id),this.updatedRecipeId=t.id,this.updateDOM()):this.render()}),this.setupPlannerMenuSubscription(),this.setupGuestUpdatesSubscription())}setupPlannerMenuSubscription(){return c.planner.menuPrice$.pipe(m(()=>this.planner&&!!this.recipeId),b(()=>v([c.planner.isRecipeInMenu$(this.recipeId).pipe(d(1))])),m(([e,t])=>e&&typeof t=="number"&&t>0)).subscribe(([e,t])=>{this.guests=t,this.updateGuestDisplay()})}setupGuestUpdatesSubscription(){return c.recipes.guestsUpdated().subscribe(e=>{e.recipeId===this.recipeId&&(this.guests=e.guests,this.updatedRecipeId=this.recipeId,this.updateDOM())})}disconnectedCallback(){var t;super.disconnectedCallback(),this.subscriptions.forEach(s=>s.unsubscribe()),(t=this.analyticsViewportObserver)==null||t.disconnect(),o.getInstance().cleanOldRecipes()}render(){this.recipeCardTop=this.querySelector(".mealz-recipe-card__top"),this.recipeCardCta=this.querySelector(".mealz-recipe-card__cta"),this.recipeCardTop&&(this.getInitialStatus(),this.recipeCardTop.addEventListener("click",()=>this.openDetails()),this.recipeCardCta&&this.recipeCardCta.addEventListener("click",()=>this.recipeCardCtaClick()))}listenInView(){this.analyticsViewportObserver=new f(this,()=>{this.sendAnalyticsShow()},{threshold:.8,debounce:1e3})}getInitialStatus(){var h;const e=(h=this.attributes["starting-data"])==null?void 0:h.value;if(!e)return;const{id:t,guests:s,path:i,categoryId:r,initialTabIndex:a,planner:n,sessionId:l,recipe:g}=JSON.parse(e);if(this.recipeId=t,this.analyticsPath=i,this.categoryId=r,this.guests=s,this.initialTabIndex=a,this.planner=n,this.recipe=g,w(l),!this.guests){this.guests=this.getGuests();const u=this.querySelector(".mealz-recipe-card__counter p");u&&(u.innerHTML=this.guests.toString())}this.removeAttribute("starting-data"),this.updateDOM()}openDetails(){c.recipes.openDetails(this.recipeId,this.guests,this.initialTabIndex,this.analyticsPath,this.planner,this.categoryId)}recipeCardCtaClick(){this.planner?this.handleCTAClickForPlanner():this.openDetails()}getGuests(){const e=localStorage.getItem("_miam/preferences/guests");if(e){const t=+e;if(!isNaN(t)&&t>0&&t<=30)return t}return 4}handleCTAClickForPlanner(){const e=this.querySelector("mealz-recipe-card-cta");if(!e)return;const t=e.querySelector(".mealz-recipe-card-cta__loader");if(t&&!t.classList.contains("hidden"))return;const s=e.getStatus();s==="add"?(this.showAddingToMenuState(e),this.addRecipeToMenu()):s==="in-menu"&&(this.showRemovingFromMenuState(e),this.removeRecipeFromMenu())}addRecipeToMenu(){var i,r;const e=document.querySelector("mealz-planner-recipe-suggestion"),t=(e==null?void 0:e.guests)||this.guests;this.guests=t,e&&(e.recipeId=this.recipeId);const s=document.querySelector("mealz-planner-current-menu");if(!s){const a=(r=(i=c.recipes)==null?void 0:i.productsPlannerByCategory$)==null?void 0:r.value,n=(a==null?void 0:a.toPickProducts)||[];c.planner.addRecipeToMenu(this.recipeId,t,!!c.pos.currentPos().value,n).pipe(d(1)).subscribe(()=>{this.removeRecipeCardLoader("add");const l=document.querySelector("mealz-planner-recipe-list");l==null||l.addRecipeCardToList(this.recipeId)});return}s.addRecipe(this.recipeId,t).subscribe(()=>{this.removeRecipeCardLoader("add"),e==null||e.addAndSelectNewSuggestion(this.recipe)})}removeRecipeFromMenu(){const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){c.planner.removeRecipeFromMenu(this.recipeId).pipe(d(1)).subscribe(()=>this.removeRecipeCardLoader("remove"));return}e.removeRecipe(this.recipeId).subscribe(()=>this.removeRecipeCardLoader("remove"))}showRemovingFromMenuState(e){const t=this.querySelector(".mealz-recipe-card-cta__loader"),s=e.querySelector("img.in-menu");t==null||t.classList.remove("hidden"),s==null||s.classList.add("hidden")}removeRecipeCardLoader(e){const t=this.querySelector("mealz-recipe-card-cta");if(!t)return;const s=this.querySelector(".mealz-recipe-card-cta"),i=this.querySelector(".mealz-recipe-card-cta__loader"),r=t.querySelector("img.add"),a=t.querySelector("img.in-menu");e==="add"?(i==null||i.classList.add("hidden"),s==null||s.classList.replace("primary","secondary"),a==null||a.classList.remove("hidden"),t.updateStatus("in-menu")):(i==null||i.classList.add("hidden"),s==null||s.classList.replace("secondary","primary"),r==null||r.classList.remove("hidden"),t.updateStatus("add"))}showAddingToMenuState(e){const t=this.querySelector(".mealz-recipe-card-cta__loader"),s=e.querySelector("img.add"),i=e.querySelector("img.in-menu");t==null||t.classList.remove("hidden"),s==null||s.classList.add("hidden"),i==null||i.classList.add("hidden")}updateDOM(){if(this.recipeId!==this.updatedRecipeId)return;const e=this.querySelector(".mealz-recipe-card__counter p");e&&(e.innerHTML=this.guests.toString())}updateGuestDisplay(){const e=this.querySelector(".mealz-recipe-card__counter p");e&&this.guests&&(e.innerHTML=this.guests.toString())}sendAnalyticsShow(){o.getInstance().trackRecipeShow(this.recipeId,this.analyticsPath,this.categoryId)}};p=C([I("mealz-recipe-card")],p);customElements.get("mealz-recipe-card")||customElements.define("mealz-recipe-card",p);

package/dist/recipe-card-cta/recipe-card-cta.css

@@ -1 +1 @@
-mealz-recipe-card-cta .mealz-ds-button.secondary:hover:not(.loading):not(.disabled):not([disabled]){background-color:transparent;color:var(--mealz-ds-color-primary, #24748F)}mealz-recipe-card-cta .mealz-recipe-card-cta.hidden{display:none}mealz-recipe-card-cta .mealz-recipe-card-cta .hidden{display:none}mealz-recipe-card-cta .mealz-recipe-card-cta .mealz-recipe-card-cta__loader:not(.hidden){display:block}mealz-recipe-card-cta .mealz-recipe-card-cta .mealz-recipe-card-cta__loader.hidden{display:none}
+mealz-recipe-card-cta .mealz-ds-button.secondary:hover:not(.loading):not(.disabled):not([disabled]){background-color:transparent;color:var(--mealz-ds-color-primary, #24748F)}mealz-recipe-card-cta .mealz-recipe-card-cta.hidden{display:none}mealz-recipe-card-cta .mealz-recipe-card-cta .hidden{display:none}mealz-recipe-card-cta .mealz-recipe-card-cta .mealz-recipe-card-cta__loader{height:24px;width:24px;background-position-x:12px;background-size:12px 12px}mealz-recipe-card-cta .mealz-recipe-card-cta .mealz-recipe-card-cta__loader:not(.hidden){display:block}mealz-recipe-card-cta .mealz-recipe-card-cta .mealz-recipe-card-cta__loader.hidden{display:none}

package/dist/recipe-card-cta/recipe-card-cta.min.js

@@ -1 +1 @@
-import{N as m}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as f}from"../assets/custom-element-BhZVzxrc.js";import{w as b,m as n}from"../assets/mealz-sdk-E_fNZM-c.js";import{m as u}from"../assets/map-DHslluWD.js";import{d as c}from"../assets/distinctUntilChanged-VvZTmHoN.js";import{m as C}from"../assets/mergeAll-DTkL1sF8.js";import{f as k,p as h}from"../assets/from-BTlWkhKh.js";import{o as g}from"../assets/OperatorSubscriber-DF1TYu__.js";import{c as v}from"../assets/combineLatest-BN0_WcEG.js";import"../assets/mergeMap-g-JGW99j.js";import"../assets/innerFrom-FMZwm2mb.js";import"../assets/executeSchedule-C0acKsif.js";import"../assets/mapOneOrManyArgs-Bdu6mo6S.js";function S(){return C(1)}function d(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return S()(k(e,h(e)))}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var s=h(e);return g(function(i,a){(s?d(e,i,s):d(e,i)).subscribe(a)})}var I=Object.getOwnPropertyDescriptor,L=(e,t,s,i)=>{for(var a=i>1?void 0:i?I(t,s):t,r=e.length-1,p;r>=0;r--)(p=e[r])&&(a=p(a)||a);return a};let l=class extends m{constructor(){super(...arguments),this.subscriptions=[],this.clickHandler=()=>{},this.recipeId="",this.status="add",this.planner=!1,this.recipeCta=null,this.guests=4,this.standalone=!1,this.inBasket=!1}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),b().then(()=>{this.setupClickHandler(),this.setupSubscriptions()}).catch(e=>{console.warn("Failed to initialize SDK subscriptions:",e)})}setupSubscriptions(){const e=n.basket.recipePricesInBasket$().pipe(u(t=>t.some(s=>s.id===this.recipeId)),c(),o(!1));this.subscriptions.push(v([n.planner.isRecipeInMenu$(this.recipeId).pipe(o(!1),c()),e]).pipe(u(([t,s])=>this.planner?s?"in-basket":t?"in-menu":"add":s?"in-basket":"add"),c()).subscribe(t=>this.updateStatus(t)))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.removeClickHandler()}render(){this.recipeCta=this.querySelector(".mealz-recipe-card-cta"),this.recipeCta&&this.updateStatus(this.status)}getInitialStatus(){const e=this.attributes.getNamedItem("starting-data"),t=(e==null?void 0:e.value)||"{}",s=JSON.parse(t);if(s){if(s.recipeId)this.recipeId=s.recipeId,this.guests=s.guests||4,this.standalone=!0,this.inBasket=s.inBasket||!1,this.planner=s.planner||!1,this.status=s.status||"add",this.updateDOM(this.inBasket);else{const i=e==null?void 0:e.value;this.recipeId=i||"",this.standalone=!1;const a=this.classList.contains("in-basket");this.updateDOM(a)}if(this.removeAttribute("starting-data"),this.planner)this.updateStatus(this.status);else{const i=this.classList.contains("in-basket");this.updateStatus(i?"in-basket":"add")}}}setupClickHandler(){this.standalone&&(this.recipeCta=this.querySelector(".mealz-recipe-card-cta"),this.recipeCta&&(this.clickHandler=()=>{n.recipes.openDetails(this.recipeId,this.guests,0,"/recipes")},this.recipeCta.addEventListener("click",this.clickHandler)))}removeClickHandler(){this.recipeCta&&this.clickHandler&&this.recipeCta.removeEventListener("click",this.clickHandler)}updateStatus(e){this.recipeCta&&(this.recipeCta.classList.remove("hidden"),this.status=e,this.recipeCta.classList.remove("in-basket","in-menu","add"),this.recipeCta.classList.add(this.status),this.recipeCta.classList.toggle("primary",this.status==="add"),this.recipeCta.classList.toggle("secondary",this.status!=="add"),this.updateButtonState(),this.updateImages())}updateButtonState(){this.recipeCta&&(this.planner&&this.status==="in-basket"?this.recipeCta.setAttribute("disabled","true"):this.recipeCta.removeAttribute("disabled"))}updateImages(){if(!this.recipeCta)return;this.recipeCta.querySelectorAll("img").forEach(t=>{t.classList.contains(this.status)?t.classList.remove("hidden"):t.classList.add("hidden")})}getStatus(){return this.status}updateDOM(e){const t=this.querySelector(".mealz-recipe-card-cta");t&&(t.classList.remove("hidden"),e?(t.classList.replace("primary","secondary"),t.classList.add("in-basket")):(t.classList.replace("secondary","primary"),t.classList.remove("in-basket")))}};l=L([f("mealz-recipe-card-cta")],l);customElements.get("mealz-recipe-card-cta")||customElements.define("mealz-recipe-card-cta",l);
+import{N as m}from"../assets/no-shadow-element-YPHUv5PR.js";import{t as f}from"../assets/custom-element-BhZVzxrc.js";import{w as b,m as n}from"../assets/mealz-sdk-E_fNZM-c.js";import{m as u}from"../assets/map-BVOhpQm0.js";import{d as c}from"../assets/distinctUntilChanged-91AVuO2B.js";import{m as C}from"../assets/mergeAll-BdUAXyrs.js";import{p as h}from"../assets/args-BozZ6oU-.js";import{f as k}from"../assets/from-CAidt5N1.js";import{o as g}from"../assets/OperatorSubscriber-BaYaQC1O.js";import{c as v}from"../assets/combineLatest-BmqPE0OB.js";import"../assets/mergeMap-Dw_YYHwH.js";import"../assets/innerFrom-BgPDnAsH.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/isScheduler-C5PGPVU1.js";import"../assets/mapOneOrManyArgs-COA1aRZM.js";function S(){return C(1)}function o(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return S()(k(e,h(e)))}function d(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var s=h(e);return g(function(i,a){(s?o(e,i,s):o(e,i)).subscribe(a)})}var I=Object.getOwnPropertyDescriptor,L=(e,t,s,i)=>{for(var a=i>1?void 0:i?I(t,s):t,r=e.length-1,p;r>=0;r--)(p=e[r])&&(a=p(a)||a);return a};let l=class extends m{constructor(){super(...arguments),this.subscriptions=[],this.clickHandler=()=>{},this.recipeId="",this.status="add",this.planner=!1,this.recipeCta=null,this.guests=4,this.standalone=!1,this.inBasket=!1}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),b().then(()=>{this.setupClickHandler(),this.setupSubscriptions()}).catch(e=>{console.warn("Failed to initialize SDK subscriptions:",e)})}setupSubscriptions(){const e=n.basket.recipePricesInBasket$().pipe(u(t=>t.some(s=>s.id===this.recipeId)),c(),d(!1));this.subscriptions.push(v([n.planner.isRecipeInMenu$(this.recipeId).pipe(d(!1),c()),e]).pipe(u(([t,s])=>this.planner?s?"in-basket":t?"in-menu":"add":s?"in-basket":"add"),c()).subscribe(t=>this.updateStatus(t)))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.removeClickHandler()}render(){this.recipeCta=this.querySelector(".mealz-recipe-card-cta"),this.recipeCta&&this.updateStatus(this.status)}getInitialStatus(){const e=this.attributes.getNamedItem("starting-data"),t=(e==null?void 0:e.value)||"{}",s=JSON.parse(t);if(s){if(s.recipeId)this.recipeId=s.recipeId,this.guests=s.guests||4,this.standalone=!0,this.inBasket=s.inBasket||!1,this.planner=s.planner||!1,this.status=s.status||"add",this.updateDOM(this.inBasket);else{const i=e==null?void 0:e.value;this.recipeId=i||"",this.standalone=!1;const a=this.classList.contains("in-basket");this.updateDOM(a)}if(this.removeAttribute("starting-data"),this.planner)this.updateStatus(this.status);else{const i=this.classList.contains("in-basket");this.updateStatus(i?"in-basket":"add")}}}setupClickHandler(){this.standalone&&(this.recipeCta=this.querySelector(".mealz-recipe-card-cta"),this.recipeCta&&(this.clickHandler=()=>{this.planner||n.recipes.openDetails(this.recipeId,this.guests,0,"/recipes")},this.recipeCta.addEventListener("click",this.clickHandler)))}removeClickHandler(){this.recipeCta&&this.clickHandler&&this.recipeCta.removeEventListener("click",this.clickHandler)}updateStatus(e){this.recipeCta&&(this.recipeCta.classList.remove("hidden"),this.status=e,this.recipeCta.classList.remove("in-basket","in-menu","add"),this.recipeCta.classList.add(this.status),this.recipeCta.classList.toggle("primary",this.status==="add"),this.recipeCta.classList.toggle("secondary",this.status!=="add"),this.updateButtonState(),this.updateImages())}updateButtonState(){this.recipeCta&&(this.planner&&this.status==="in-basket"?this.recipeCta.setAttribute("disabled","true"):this.recipeCta.removeAttribute("disabled"))}updateImages(){if(!this.recipeCta)return;this.recipeCta.querySelectorAll("img").forEach(t=>{t.classList.contains(this.status)?t.classList.remove("hidden"):t.classList.add("hidden")})}getStatus(){return this.status}updateDOM(e){const t=this.querySelector(".mealz-recipe-card-cta");t&&(t.classList.remove("hidden"),e?(t.classList.replace("primary","secondary"),t.classList.add("in-basket")):(t.classList.replace("secondary","primary"),t.classList.remove("in-basket")))}};l=L([f("mealz-recipe-card-cta")],l);customElements.get("mealz-recipe-card-cta")||customElements.define("mealz-recipe-card-cta",l);

package/dist/recipe-details/details-footer/details-footer.css

@@ -1 +1 @@
-.mealz-recipe-details__footer{box-sizing:border-box;background:var(--mealz-ds-color-neutral-white, #fff);border-top:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);padding:16px 12px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.mealz-recipe-details__footer>*:not(:last-child){margin-right:4px}.mealz-recipe-details__footer.center{justify-content:center}.mealz-recipe-details__footer.hidden{display:none}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta>*:not(:last-child){margin-right:8px}@media (max-width: 1023px){.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta.mealz-ds-button.primary:hover{background-color:var(--mealz-ds-color-primary)}}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text>*:not(:last-child){margin-right:4px}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text .mealz-recipe-details__add-to-basket-remaining-price{display:flex;align-items:center}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text .mealz-recipe-details__add-to-basket-remaining-price .hidden{display:none}.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--mealz-ds-color-primary-700);margin-right:4px}@media (max-width: 1023px){.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.mealz-recipe-details__footer .mealz-recipe-details__price{display:flex;flex-direction:column}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-label.primary{color:var(--mealz-ds-color-primary, #24748f)}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-label .hidden{display:none}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-in-basket-label{color:var(--mealz-ds-color-neutral-black, #0f191f);opacity:.65}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container>*:not(:last-child){margin-right:8px}@media (max-width: 1023px){.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__continue-shopping-cta.mobile-hidden{display:none}}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__see-basket-cta{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__see-basket-cta>*:not(:last-child){margin-right:8px}
+.mealz-recipe-details__footer{box-sizing:border-box;background:var(--mealz-ds-color-neutral-white, #fff);border-top:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);padding:16px 12px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.mealz-recipe-details__footer>*:not(:last-child){margin-right:4px}.mealz-recipe-details__footer.center{justify-content:center}.mealz-recipe-details__footer.hidden{display:none}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta>*:not(:last-child){margin-right:8px}@media (max-width: 1023px){.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta.mealz-ds-button.primary:hover{background-color:var(--mealz-ds-color-primary)}}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text>*:not(:last-child){margin-right:4px}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text .mealz-recipe-details__add-to-basket-remaining-price{display:flex;align-items:center}.mealz-recipe-details__footer .mealz-recipe-details__add-to-basket-cta .mealz-recipe-details__add-to-basket-cta__text .mealz-recipe-details__add-to-basket-remaining-price .hidden{display:none}.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--mealz-ds-color-primary-700);margin-right:4px}@media (max-width: 1023px){.mealz-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.mealz-recipe-details__footer .mealz-recipe-details__price{display:flex;flex-direction:column}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-label.primary{color:var(--mealz-ds-color-primary, #24748f)}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-label .hidden{display:none}.mealz-recipe-details__footer .mealz-recipe-details__price .mealz-recipe-details__price-in-basket-label{color:var(--mealz-ds-color-neutral-black, #0f191f);opacity:.65}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container>*:not(:last-child){margin-right:8px}@media (max-width: 1023px){.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__continue-shopping-cta.mobile-hidden{display:none}}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__see-basket-cta{display:flex}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__see-basket-cta>*:not(:last-child){margin-right:8px}.mealz-recipe-details__footer .mealz-recipe-details__recipe-is-in-basket-cta-container .mealz-recipe-details__remove-from-menu-cta:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}

package/dist/recipe-details/recipe-details.css

@@ -1 +1 @@
-.mealz-recipe-details{min-height:100dvh;display:flex;flex-direction:column}.mealz-recipe-details.hidden{display:none}.mealz-recipe-details .mealz-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.mealz-recipe-details .mealz-recipe-details__container{position:relative;flex:1;display:flex;flex-direction:column}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__products-picker{flex-grow:1}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link{display:flex;padding:8px 16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info{display:flex;flex:1;align-items:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__sponsor-name{white-space:nowrap}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__link{color:var(--mealz-ds-color-primary, #24748f);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;padding-left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__logo{display:flex;justify-content:flex-end;width:auto;height:48px;padding-left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__logo img{max-height:100%;max-width:100%;object-fit:contain}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link{padding:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info{flex-direction:column;align-items:flex-start}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__link{padding-left:0;padding-top:8px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-recipe-details__sponsor-separator{border-top:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);margin:unset}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{position:relative;height:400px;display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture.no-supplier{display:none}@media (max-width: 450px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{height:250px}}@media (min-width: 451px) and (max-width: 600px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{height:335px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons{position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;top:16px;right:16px;bottom:16px;left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper{flex:1;width:inherit;height:100%}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button{padding:8px;position:sticky;top:16px;margin-bottom:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input.disabled .miam-counter-input__counter .miam-counter-input__minus,.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input.disabled .miam-counter-input__counter .miam-counter-input__plus{opacity:.4}@media (min-width: 1024px){@media (max-height: 800px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input{padding:2px}}}@media (min-width: 1024px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button{display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button:hover img.mealz-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__picture-img{width:100%;max-height:100%;object-position:center;object-fit:cover}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__last-order-badge{display:flex;align-items:center;margin:16px 16px 0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__last-order-badge.disabled{pointer-events:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header{z-index:2;position:sticky;top:0;overflow:hidden}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--mealz-ds-color-neutral-white, #fff);transition:padding .3s}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__title{width:100%;transition:font-size .3s;color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon{display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon{width:16px;height:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon img{width:16px!important;height:16px!important}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions{overflow:hidden;max-width:0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions.sticky{transition:max-width .3s;max-width:64px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__close-button{padding:8px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned{border-bottom:1px solid var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__title{font-size:20px}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__title{font-size:16px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon{flex-shrink:0;position:relative;top:unset;right:unset;align-items:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;margin-right:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon{width:16px;height:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon img{width:16px!important;height:16px!important}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions{max-width:200px;display:flex;align-items:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions>*{margin-right:8px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions>*:last-child{margin-right:0}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container{justify-content:flex-start}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon{overflow:hidden;transition:max-width .3s}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__infos{padding:8px 16px 0;display:block}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tabs{padding:8px 16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tabs.hidden{display:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tab-content{flex:1}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tab-content .hidden{display:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__preparation-tab>*:not(:last-child){margin-bottom:24px}.mealz-recipe-details mealz-details-footer{position:sticky;bottom:0;z-index:2}
+.mealz-recipe-details{min-height:100dvh;display:flex;flex-direction:column}.mealz-recipe-details.hidden{display:none}.mealz-recipe-details .mealz-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.mealz-recipe-details .mealz-recipe-details__container{position:relative;flex:1;display:flex;flex-direction:column}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__close-icon.is-back:not(.before-title){transform:rotate(180deg)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__close-icon.is-back.before-title{height:12px;width:12px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__products-picker{flex-grow:1}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link{display:flex;padding:8px 16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info{display:flex;flex:1;align-items:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__sponsor-name{white-space:nowrap}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__link{color:var(--mealz-ds-color-primary, #24748f);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;padding-left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__logo{display:flex;justify-content:flex-end;width:auto;height:48px;padding-left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__logo img{max-height:100%;max-width:100%;object-fit:contain}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link{padding:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info{flex-direction:column;align-items:flex-start}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-addon-link .mealz-addon-link__info .mealz-addon-link__link{padding-left:0;padding-top:8px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sponsor .mealz-recipe-details__sponsor-separator{border-top:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);margin:unset}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{position:relative;height:400px;display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture.no-supplier{display:none}@media (max-width: 450px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{height:250px}}@media (min-width: 451px) and (max-width: 600px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture{height:335px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons{position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;top:16px;right:16px;bottom:16px;left:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper{flex:1;width:inherit;height:100%}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper:has(.mealz-recipe-details__close-icon.is-back){align-self:flex-start}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button{height:40px;width:40px;display:flex;align-items:center;justify-content:center;position:sticky;top:16px;margin-bottom:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input.disabled .miam-counter-input__counter .miam-counter-input__minus,.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input.disabled .miam-counter-input__counter .miam-counter-input__plus{opacity:.4}@media (min-width: 1024px){@media (max-height: 800px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__guest-counter .miam-counter-input{padding:2px}}}@media (min-width: 1024px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button{display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button:hover img.mealz-recipe-details__close-icon:not(.is-back){content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__banner-buttons .mealz-recipe-details__top-button-wrapper .mealz-recipe-details__close-button:hover img.mealz-recipe-details__close-icon.is-back{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/ArrowLeft_white.svg);transform:rotate(0);width:16px;height:16px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__picture .mealz-recipe-details__picture-img{width:100%;max-height:100%;object-position:center;object-fit:cover}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__last-order-badge{display:flex;align-items:center;margin:16px 16px 0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__last-order-badge.disabled{pointer-events:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header{z-index:2;position:sticky;top:0;overflow:hidden}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--mealz-ds-color-neutral-white, #fff);transition:padding .3s}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__title{width:100%;transition:font-size .3s,padding-left .3s;color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon{display:flex}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon{width:16px;height:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon img{width:16px!important;height:16px!important}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions{overflow:hidden;max-width:0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions.sticky{transition:max-width .3s;max-width:64px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon .mealz-recipe-details__close-button{padding:8px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned{border-bottom:1px solid var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__title{font-size:20px}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__title{font-size:16px}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon{flex-shrink:0;top:unset;right:unset;align-items:center;gap:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon{width:16px;height:16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__like-button .mealz-like-button__icon img{width:16px!important;height:16px!important}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions{max-width:200px;display:flex;align-items:center}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions>*{margin-right:8px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned .mealz-recipe-details__actions__icon .mealz-recipe-details__hideable-actions>*:last-child{margin-right:0}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned:has(.mealz-recipe-details__close-icon.is-back) .mealz-recipe-details__title{padding-left:40px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container.is-pinned:has(.mealz-recipe-details__close-icon.is-back) .mealz-recipe-details__hideable-actions{position:absolute;left:16px;top:50%;transform:translateY(-50%)}@media (max-width: 1023px){.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container{justify-content:flex-start}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__sticky-header .mealz-recipe-details__title-container .mealz-recipe-details__actions__icon{overflow:hidden;transition:max-width .3s}}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__infos{padding:8px 16px 0;display:block}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tabs{padding:8px 16px}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tabs.hidden{display:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tab-content{flex:1}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__tab-content .hidden{display:none}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column}.mealz-recipe-details .mealz-recipe-details__container .mealz-recipe-details__preparation-tab>*:not(:last-child){margin-bottom:24px}.mealz-recipe-details mealz-details-footer{position:sticky;bottom:0;z-index:2}