mealz-components 2.0.0-beta.7 → 2.0.0-beta.9

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

@@ -1,19 +1,19 @@
-import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";import{N as u,m as r,D as o,k as s}from"../assets/no-shadow-element-l9trQfcI.js";import{t as h}from"../assets/custom-element-BhZVzxrc.js";import{n as p}from"../assets/property-leIVgCvV.js";import{P as B}from"../assets/price-BoM226Kw.js";import{R as A}from"../assets/recipe-BwGs-blm.js";import{m as w}from"../assets/merge-C-u9uFzU.js";import{m as d}from"../assets/map-C4rf5Jbc.js";import{t as P}from"../assets/take-DO4w5a1Y.js";import{c as D}from"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import{G as L}from"../assets/product-card-DqcKyf1c.js";import"../price/price.min.js";import"../assets/promotion-badge-BwN2GpDz.js";import"../store-indicator/store-indicator.min.js";import"../last-order-badge/last-order-badge.min.js";import"../order-again/order-again.min.js";import"../like-button/like-button.min.js";import{L as M}from"../last-order-modal/last-order-modal.min.js";import{a as N}from"../assets/unsafe-html-CmALAWuN.js";import{M as q}from"../planner/planner-onboarding/planner-onboarding.min.js";import{f as I}from"../assets/filter-CEeE8t7I.js";import{t as G}from"../assets/tap-BCGrRktL.js";import{s as T}from"../assets/switchMap-D8q0hRYH.js";import{c as E}from"../assets/combineLatest-P4GAEtOW.js";import"../assets/skipWhile-DuMEda_n.js";import"../assets/OperatorSubscriber-EGuECN6g.js";import"../assets/innerFrom-CfKCbnvr.js";import"../assets/from-jBe2xW5a.js";import"../assets/executeSchedule-DfyZaGAH.js";import"../assets/mapOneOrManyArgs-DNd_tswl.js";import"../assets/of-BTA69Qgj.js";import"../assets/mergeMap-buGewtOo.js";import"../assets/empty-Cv-4tfKR.js";import"../assets/debounceTime-Bo5F3ux-.js";import"../assets/async-D3oCs_PQ.js";import"../assets/delay-ILvLVH1b.js";import"../assets/timer-BOl4bYNY.js";import"../assets/store-locator-Crx8huGH.js";import"../assets/state-CccUMzBZ.js";import"../assets/query-BApjzB0v.js";import"../onboarding/onboarding.min.js";var F=Object.defineProperty,V=Object.getOwnPropertyDescriptor,v=(e,t,a,n)=>{for(var i=n>1?void 0:n?V(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=(n?c(t,a,i):c(i))||i);return n&&i&&F(t,a,i),i};let m=class extends u{constructor(){super(),this.noPosDisplay=!1,this.noSupplier=!1,this.recipeId="",this.plannerMode=!1,this.subscriptions=[],this.remainingBasketEntries=[],this.recipePrice={remaining:0,inBasket:0,total:0,totalPerGuest:0},this.priceService=B.getInstance(),this.allIngredientsToBasketLoading=!1,this.inMenu=!1,this.menuUpdateLoading=!1,this.styleURL=new URL("./recipe-details/details-footer/details-footer.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.priceService.initFormatter(),this.analyticsPath=`/recipes/${this.recipeId}/shopping`,this.subscriptions.push(w(r.recipes.remainingBasketEntries$.pipe(d(e=>{this.remainingBasketEntries=e})),r.recipes.recipePrice$.pipe(d(e=>{const t=e.remaining+e.inBasket;this.recipePrice={...e,total:t,totalPerGuest:0}})),r.recipes.allIngredientsToBasketLoading$.pipe(d(e=>{this.allIngredientsToBasketLoading=e})),r.recipes.ingredientToBasketLoading$.pipe(d(e=>{this.ingredientToBasketLoading=e})),r.recipes.updateIngredientFromBasketLoading$.pipe(d(e=>{this.updateIngredientFromBasketLoading=e})),r.recipes.productsLoading$.pipe(d(e=>{this.productsLoading=e})),r.planner.isRecipeInMenu$(this.recipeId).pipe(d(e=>this.inMenu=e)),r.planner.plannerRecipePrice$.pipe(d(e=>{this.recipePrice.totalPerGuest=this.guests>0?e/this.guests:e}))).subscribe(()=>this.requestUpdate()))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}closeRecipeDetails(e=!1){r.recipes.displayedRecipe$.next(null),e&&r.basket.basketPreviewState$.next({isOpen:!0,activeTabIndex:r.basket.basketPreviewState$.getValue().activeTabIndex})}continueShopping(){this.closeRecipeDetails(),this.sendContinueEvent()}addToMenu(){var a,n;this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");e.recipeId=this.recipeId;const t=document.querySelector("mealz-planner-current-menu");if(!t){const i=(n=(a=r.recipes)==null?void 0:a.productsPlannerByCategory$)==null?void 0:n.value,l=(i==null?void 0:i.toPickProducts)||[];r.planner.addRecipeToMenu(this.recipeId,this.guests,!!r.pos.currentPos().value,l).pipe(P(1)).subscribe(()=>{this.inMenu=!0;const c=document.querySelector("mealz-planner-recipe-list");c==null||c.addRecipeCardToList(this.recipeId),this.menuUpdateLoading=!1,this.requestUpdate()});return}t.addRecipe(this.recipeId,this.guests).subscribe(()=>{this.inMenu=!0,e.addAndSelectNewSuggestion(this.recipe),this.menuUpdateLoading=!1,this.requestUpdate()})}removeFromMenu(){this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){r.planner.removeRecipeFromMenu(this.recipeId).pipe(P(1)).subscribe(()=>{this.inMenu=!1,this.menuUpdateLoading=!1,this.requestUpdate()});return}e.removeRecipe(this.recipeId).subscribe(()=>{this.inMenu=!1,this.menuUpdateLoading=!1,this.requestUpdate()})}addAllIngredients(){r.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}}),this.sendAddAllEvent(),this.recipePrice.inBasket===0&&this.sendAddRecipeEvent()}render(){if(this.noPosDisplay&&!this.plannerMode)return o;const e=this.remainingBasketEntries.length>0&&!this.plannerMode,t=this.plannerMode&&this.noPosDisplay,a=this.plannerMode&&!this.inMenu;return s`
+import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";import{_ as re,q as D,t as X,a as ne,b as oe,v as le,N as m,D as c,k as a}from"../assets/no-shadow-element-DlGA0h9b.js";import{t as g}from"../assets/custom-element-BhZVzxrc.js";import{n as p}from"../assets/property-Bg80vXcm.js";import{P as ce}from"../assets/price-DcNF55ef.js";import{m as o}from"../assets/mealz-sdk-DWLzEfKz.js";import{m as Z}from"../assets/merge-BlKu2J03.js";import{m as h}from"../assets/map-oxUcVNGT.js";import{t as F}from"../assets/take-BmqRVy-3.js";import{c as ee}from"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import{G as te}from"../assets/product-card-Be_9YL6f.js";import"../price/price.min.js";import"../assets/promotion-badge-2uUuiRau.js";import"../store-indicator/store-indicator.min.js";import"../last-order-badge/last-order-badge.min.js";import"../order-again/order-again.min.js";import"../like-button/like-button.min.js";import{L as de}from"../last-order-modal/last-order-modal.min.js";import{a as pe}from"../assets/unsafe-html-MRC87lfr.js";import{M as ue}from"../planner/planner-onboarding/planner-onboarding.min.js";import{o as se,c as he}from"../assets/OperatorSubscriber-z_a6lCKk.js";import{i as N}from"../assets/innerFrom-CVMPVEmB.js";import{f as j}from"../assets/filter-DuHsB8oM.js";import{t as z}from"../assets/tap-C4xC1M3N.js";import{s as V}from"../assets/switchMap-vA0vSKy4.js";import{c as H}from"../assets/combineLatest-DNi66MsF.js";import{d as me}from"../assets/async-H-Co76Oa.js";import"../assets/skipWhile-BAgfjfH2.js";import"../assets/from-Btz8AgkO.js";import"../assets/executeSchedule-CTqB8mra.js";import"../assets/mapOneOrManyArgs-Do0PsDok.js";import"../assets/of-CH-D5SN9.js";import"../assets/mergeAll-DQItozZ-.js";import"../assets/mergeMap-CMaM5Agw.js";import"../assets/empty-DGYYDWIm.js";import"../assets/debounceTime-CIA2MWDj.js";import"../assets/delay-0L99jHsb.js";import"../assets/timer-DmQ_oP6s.js";import"../assets/store-locator-CKwiyckb.js";import"../assets/state-bsKs-Mb2.js";import"../assets/query-BApjzB0v.js";import"../onboarding/onboarding.min.js";import"../onboarding/events.min.js";import"../onboarding/analytics/onboarding-analytics.min.js";var ge=function(e){re(t,e);function t(i,r,s){i===void 0&&(i=1/0),r===void 0&&(r=1/0),s===void 0&&(s=me);var n=e.call(this)||this;return n._bufferSize=i,n._windowTime=r,n._timestampProvider=s,n._buffer=[],n._infiniteTimeWindow=!0,n._infiniteTimeWindow=r===1/0,n._bufferSize=Math.max(1,i),n._windowTime=Math.max(1,r),n}return t.prototype.next=function(i){var r=this,s=r.isStopped,n=r._buffer,l=r._infiniteTimeWindow,d=r._timestampProvider,v=r._windowTime;s||(n.push(i),!l&&n.push(d.now()+v)),this._trimBuffer(),e.prototype.next.call(this,i)},t.prototype._subscribe=function(i){this._throwIfClosed(),this._trimBuffer();for(var r=this._innerSubscribe(i),s=this,n=s._infiniteTimeWindow,l=s._buffer,d=l.slice(),v=0;v<d.length&&!i.closed;v+=n?1:2)i.next(d[v]);return this._checkFinalizedStatuses(i),r},t.prototype._trimBuffer=function(){var i=this,r=i._bufferSize,s=i._timestampProvider,n=i._buffer,l=i._infiniteTimeWindow,d=(l?1:2)*r;if(r<1/0&&d<n.length&&n.splice(0,n.length-d),!l){for(var v=s.now(),k=0,u=1;u<n.length&&n[u]<=v;u+=2)k=u;k&&n.splice(0,k+1)}},t}(D);function ve(e){e===void 0&&(e={});var t=e.connector,i=t===void 0?function(){return new D}:t,r=e.resetOnError,s=r===void 0?!0:r,n=e.resetOnComplete,l=n===void 0?!0:n,d=e.resetOnRefCountZero,v=d===void 0?!0:d;return function(k){var u,f,I,E=0,x=!1,C=!1,S=function(){f==null||f.unsubscribe(),f=void 0},L=function(){S(),u=I=void 0,x=C=!1},ae=function(){var P=u;L(),P==null||P.unsubscribe()};return se(function(P,G){E++,!C&&!x&&S();var R=I=I??i();G.add(function(){E--,E===0&&!C&&!x&&(f=B(ae,v))}),R.subscribe(G),!u&&E>0&&(u=new X({next:function(O){return R.next(O)},error:function(O){C=!0,S(),f=B(L,s,O),R.error(O)},complete:function(){x=!0,S(),f=B(L,l),R.complete()}}),N(P).subscribe(u))})(k)}}function B(e,t){for(var i=[],r=2;r<arguments.length;r++)i[r-2]=arguments[r];if(t===!0){e();return}if(t!==!1){var s=new X({next:function(){s.unsubscribe(),e()}});return N(t.apply(void 0,ne([],oe(i)))).subscribe(s)}}function be(e,t,i){var r,s=!1;return r=e,ve({connector:function(){return new ge(r,t,i)},resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:s})}function w(e){return se(function(t,i){N(e).subscribe(he(i,function(){return i.complete()},le)),!i.closed&&t.subscribe(i)})}var _e=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,y=(e,t,i,r)=>{for(var s=r>1?void 0:r?fe(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(r?l(t,i,s):l(s))||s);return r&&s&&_e(t,i,s),s};let b=class extends m{constructor(){super(),this.noPosDisplay=!1,this.noSupplier=!1,this.recipeId="",this.plannerMode=!1,this.guests=0,this.recipe=null,this.analyticsPath="",this.subscriptions=[],this.remainingBasketEntries=[],this.recipePrice={remaining:0,inBasket:0,total:0,totalPerGuest:0},this.priceService=ce.getInstance(),this.allIngredientsToBasketLoading=!1,this.ingredientToBasketLoading=!1,this.updateIngredientFromBasketLoading=!1,this.productsLoading=!1,this.inMenu=!1,this.menuUpdateLoading=!1,this.styleURL=new URL("./recipe-details/details-footer/details-footer.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.priceService.initFormatter(),this.analyticsPath=`/recipes/${this.recipeId}/shopping`,this.subscriptions.push(Z(o.recipes.remainingBasketEntries$.pipe(h(e=>{this.remainingBasketEntries=e})),o.recipes.recipePrice$.pipe(h(e=>{const t=e.remaining+e.inBasket;this.recipePrice={...e,total:t,totalPerGuest:0}})),o.recipes.allIngredientsToBasketLoading$.pipe(h(e=>{this.allIngredientsToBasketLoading=e})),o.recipes.ingredientToBasketLoading$.pipe(h(e=>{this.ingredientToBasketLoading=e})),o.recipes.updateIngredientFromBasketLoading$.pipe(h(e=>{this.updateIngredientFromBasketLoading=e})),o.recipes.productsLoading$.pipe(h(e=>{this.productsLoading=e})),o.planner.plannerRecipePrice$.pipe(h(e=>{this.recipePrice.totalPerGuest=this.guests>0?e/this.guests:e}))).subscribe(()=>this.requestUpdate())),this.subscribeIsRecipeInMenu()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.isRecipeInMenuSub&&(this.isRecipeInMenuSub.unsubscribe(),this.isRecipeInMenuSub=void 0)}updated(e){super.updated(e),e.has("recipeId")&&this.subscribeIsRecipeInMenu()}subscribeIsRecipeInMenu(){this.recipeId&&(this.isRecipeInMenuSub&&this.isRecipeInMenuSub.unsubscribe(),this.isRecipeInMenuSub=o.planner.isRecipeInMenu$(this.recipeId).pipe(h(e=>{this.inMenu=e})).subscribe(()=>this.requestUpdate()))}closeRecipeDetails(e=!1){o.recipes.displayedRecipe$.next(null),e&&o.basket.basketPreviewState$.next({isOpen:!0,activeTabIndex:o.basket.basketPreviewState$.getValue().activeTabIndex})}continueShopping(){this.closeRecipeDetails(),this.sendContinueEvent()}addToMenu(){var i,r;this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");e&&(e.recipeId=this.recipeId);const t=document.querySelector("mealz-planner-current-menu");if(!t){const s=(r=(i=o.recipes)==null?void 0:i.productsPlannerByCategory$)==null?void 0:r.value,n=(s==null?void 0:s.toPickProducts)||[];o.planner.addRecipeToMenu(this.recipeId,this.guests,!!o.pos.currentPos().value,n).pipe(F(1)).subscribe(()=>{this.inMenu=!0;const l=document.querySelector("mealz-planner-recipe-list");l==null||l.addRecipeCardToList(this.recipeId),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()});return}t.addRecipe(this.recipeId,this.guests).subscribe(()=>{this.inMenu=!0,e==null||e.addAndSelectNewSuggestion(this.recipe||void 0),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()})}removeFromMenu(){this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){o.planner.removeRecipeFromMenu(this.recipeId).pipe(F(1)).subscribe(()=>{this.inMenu=!1,this.menuUpdateLoading=!1,this.requestUpdate()});return}e.removeRecipe(this.recipeId).subscribe(()=>{this.inMenu=!1,this.menuUpdateLoading=!1,this.requestUpdate()})}addAllIngredients(){o.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}}),this.sendAddAllEvent(),this.recipePrice.inBasket===0&&this.sendAddRecipeEvent()}render(){if(this.noPosDisplay&&!this.plannerMode)return c;const e=this.remainingBasketEntries.length>0&&!this.plannerMode,t=this.plannerMode&&this.noPosDisplay,i=this.plannerMode&&!this.inMenu;return a`
       <div class="mealz-recipe-details__footer">
-        ${this.productsLoading&&!this.plannerMode?o:s`
+        ${this.productsLoading&&!this.plannerMode?c:a`
             <!-- ADD TO BASKET CTA -->
-            ${e||t||a?this.renderAddToBasketButton():s`
+            ${e||t||i?this.renderAddToBasketButton():a`
                 <div class="mealz-recipe-details__recipe-is-in-basket-cta-container">
                   ${this.renderBasketActions()}
                 </div>
               `}
           `}
-        ${this.noPosDisplay?o:this.renderPrice()}
-      </div>`}renderAddToBasketButton(){const e=this.remainingBasketEntries.length;return this.allIngredientsToBasketLoading||this.menuUpdateLoading?s`
+        ${this.noPosDisplay?c:this.renderPrice()}
+      </div>`}renderAddToBasketButton(){const e=this.remainingBasketEntries.length;return this.allIngredientsToBasketLoading||this.menuUpdateLoading?a`
         <button class="mealz-recipe-details__add-to-basket-cta mealz-ds-button primary">
           <div class="mealz-ds-loader"></div>
         </button>
-      `:this.plannerMode?s`
+      `:this.plannerMode?a`
         <button
           class="mealz-recipe-details__add-to-basket-cta mealz-ds-button primary"
           @click=${()=>this.addToMenu()}
@@ -21,7 +21,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           <span class="mealz-ds-text size-s weight-xl">Ajouter au menu</span>
           <img src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Pot-add_white.svg" alt="add to menu icon" />
         </button>
-      `:s`
+      `:a`
       <button
         class="mealz-recipe-details__add-to-basket-cta mealz-ds-text mealz-ds-button size-m weight-xl primary"
         @click=${()=>this.addAllIngredients()}
@@ -42,11 +42,11 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </div>
         </div>
       </button>
-    `}renderBasketActions(){return this.menuUpdateLoading?s`
+    `}renderBasketActions(){return this.menuUpdateLoading?a`
         <button class="mealz-ds-button">
           <div class="mealz-ds-loader"></div>
         </button>
-      `:this.plannerMode?s`
+      `:this.plannerMode?a`
         <!-- REMOVE FROM MENU CTA -->
         <button class="mealz-ds-button" @click=${()=>this.removeFromMenu()}>
           <img alt="remove icon"
@@ -55,7 +55,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
             Retirer du menu
           </span>
         </button>
-      `:s`
+      `:a`
       <!-- CONTINUE CTA -->
       <button
         class="mealz-ds-button secondary mealz-recipe-details__continue-shopping-cta ${this.noSupplier?"mobile-hidden":""}"
@@ -66,7 +66,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
       </button>
 
       <!-- VIEW BASKET CTA (ONLY IF NO SUPPLIER MODE) -->
-      ${this.noSupplier?s`
+      ${this.noSupplier?a`
         <button
           @click=${()=>this.closeRecipeDetails(!0)}
           class="mealz-ds-button mealz-ds-text size-m weight-xl primary mealz-recipe-details__see-basket-cta">
@@ -77,8 +77,8 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
             alt="basket icon"
             src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"/>
         </button>
-      `:o}
-    `}renderPrice(){if(this.recipePrice.inBasket<=0&&!this.plannerMode)return;const e=this.ingredientToBasketLoading||this.updateIngredientFromBasketLoading||this.productsLoading,t=this.plannerMode?this.recipePrice.totalPerGuest:this.recipePrice.inBasket;return s`
+      `:c}
+    `}renderPrice(){if(this.recipePrice.inBasket<=0&&!this.plannerMode)return c;const e=this.ingredientToBasketLoading||this.updateIngredientFromBasketLoading||this.productsLoading,t=this.plannerMode?this.recipePrice.totalPerGuest:this.recipePrice.inBasket;return a`
       <div class="mealz-recipe-details__price">
         <div
           class="mealz-recipe-details__price-label ${this.plannerMode?"":"primary"} mealz-ds-text size-l weight-xxl">
@@ -91,7 +91,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           ${this.plannerMode?"par personne":"dans votre panier"}
         </span>
       </div>
-    `}sendAddAllEvent(){r.analytics.sendEvent("entry.add-all",this.analyticsPath,{recipe_id:this.recipeId,entry_count:this.remainingBasketEntries.length})}sendAddRecipeEvent(){r.analytics.sendEvent("recipe.add",this.analyticsPath,{recipe_id:this.recipeId})}sendContinueEvent(){r.analytics.sendEvent("recipe.continue",this.analyticsPath,{recipe_id:this.recipeId})}};v([p({type:Boolean})],m.prototype,"noPosDisplay",2);v([p({type:Boolean})],m.prototype,"noSupplier",2);v([p({type:String})],m.prototype,"recipeId",2);v([p({type:Boolean})],m.prototype,"plannerMode",2);v([p({type:Number})],m.prototype,"guests",2);v([p({type:A})],m.prototype,"recipe",2);m=v([h("mealz-details-footer")],m);customElements.get("mealz-details-footer")||customElements.define("mealz-details-footer",m);var H=Object.getOwnPropertyDescriptor,j=(e,t,a,n)=>{for(var i=n>1?void 0:n?H(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let C=class extends u{constructor(){super(),this.tags=[],this.displayTags=!1,this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-infos/details-infos.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(r.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.tags=e.recipe.relationships.tags.data.map(t=>t.attributes.name),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}toggleTags(){this.displayTags=!this.displayTags,this.requestUpdate()}noTimePlaceholder(){return s`<span class="mealz-recipe-details-infos__no-time-placeholder">0 min</span>`}noDataPlaceholder(){return s`<span class="mealz-recipe-details-infos__no-data-placeholder">-</span>`}getRecipeDifficultyIntoClassName(){switch(this.recipe.attributes.difficulty){case 1:return"easy";case 2:return"medium";case 3:return"hard";default:return"no-difficulty-defined"}}getRecipeDifficultyIntoText(){switch(this.recipe.attributes.difficulty){case 1:return s`<span class="mealz-ds-text">Facile</span>`;case 2:return s`<span class="mealz-ds-text">Moyen</span>`;case 3:return s`<span class="mealz-ds-text">Difficile</span>`;default:return o}}renderPreparationTime(){return s`
+    `}sendAddAllEvent(){o.analytics.sendEvent("entry.add-all",this.analyticsPath,{recipe_id:this.recipeId,entry_count:this.remainingBasketEntries.length})}sendAddRecipeEvent(){o.analytics.sendEvent("recipe.add",this.analyticsPath,{recipe_id:this.recipeId})}sendContinueEvent(){o.analytics.sendEvent("recipe.continue",this.analyticsPath,{recipe_id:this.recipeId})}};y([p({type:Boolean})],b.prototype,"noPosDisplay",2);y([p({type:Boolean})],b.prototype,"noSupplier",2);y([p({type:String})],b.prototype,"recipeId",2);y([p({type:Boolean})],b.prototype,"plannerMode",2);y([p({type:Number})],b.prototype,"guests",2);y([p({attribute:!1})],b.prototype,"recipe",2);b=y([g("mealz-details-footer")],b);customElements.get("mealz-details-footer")||customElements.define("mealz-details-footer",b);var ze=Object.getOwnPropertyDescriptor,ye=(e,t,i,r)=>{for(var s=r>1?void 0:r?ze(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let W=class extends m{constructor(){super(),this.tags=[],this.displayTags=!1,this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-infos/details-infos.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(o.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.tags=e.recipe.relationships.tags.data.map(t=>t.attributes.name),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}toggleTags(){this.displayTags=!this.displayTags,this.requestUpdate()}noTimePlaceholder(){return a`<span class="mealz-recipe-details-infos__no-time-placeholder">0 min</span>`}noDataPlaceholder(){return a`<span class="mealz-recipe-details-infos__no-data-placeholder">-</span>`}getRecipeDifficultyIntoClassName(){switch(this.recipe.attributes.difficulty){case 1:return"easy";case 2:return"medium";case 3:return"hard";default:return"no-difficulty-defined"}}getRecipeDifficultyIntoText(){switch(this.recipe.attributes.difficulty){case 1:return a`<span class="mealz-ds-text">Facile</span>`;case 2:return a`<span class="mealz-ds-text">Moyen</span>`;case 3:return a`<span class="mealz-ds-text">Difficile</span>`;default:return c}}renderPreparationTime(){return a`
     <!-- PREPARATION TIME -->
   <div
     class="
@@ -103,9 +103,9 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
   >
     <img alt="preparation time icon"
          src="https://storage.googleapis.com/assets.miam.tech/generic/icons/knife-primary.svg"/>
-   ${this.recipe.preparationTime?s`<span class="mealz-ds-text">${this.recipe.preparationTime}</span>`:this.noTimePlaceholder()}
+   ${this.recipe.preparationTime?a`<span class="mealz-ds-text">${this.recipe.preparationTime}</span>`:this.noTimePlaceholder()}
   </div>
-    `}renderCookingTime(){return s`
+    `}renderCookingTime(){return a`
         <!-- COOKING TIME -->
         <div class="
         mealz-ds-badge
@@ -115,11 +115,11 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
         ${this.recipe.cookingTime==="-"?"no-cooking-time-defined":""}"
         >
             <img alt="cooking time icon" src="https://storage.googleapis.com/assets.miam.tech/generic/icons/pan-primary.svg"/>
-            ${this.recipe.cookingTime?s`<span class="mealz-ds-text">${this.recipe.cookingTime}</span>`:this.noTimePlaceholder()}
+            ${this.recipe.cookingTime?a`<span class="mealz-ds-text">${this.recipe.cookingTime}</span>`:this.noTimePlaceholder()}
         </div>
-    `}renderRecipeDifficulty(){return s`
+    `}renderRecipeDifficulty(){return a`
         <!-- RECIPE DIFFICULTY -->
-          ${this.recipe.difficulty?s`
+          ${this.recipe.difficulty?a`
           <div class="
                 mealz-ds-badge
                 size-l
@@ -130,9 +130,9 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                    src="https://storage.googleapis.com/assets.miam.tech/generic/icons/chef-hat-primary.svg"/>
               ${this.getRecipeDifficultyIntoText()}
           </div>
-      `:o}`}renderMoreTags(){return s`
+      `:c}`}renderMoreTags(){return a`
       <!-- MORE INFO -->
-      ${this.displayTags?this.renderTags():s`
+      ${this.displayTags?this.renderTags():a`
         <div
           class="mealz-ds-badge size-l mealz-recipe-details-infos__badge more-info"
           @click=${()=>this.toggleTags()}
@@ -143,21 +143,21 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           />
         </div>
       `}
-    `}renderTags(){return s`
+    `}renderTags(){return a`
       <!-- TAGS -->
-      ${this.tags.map(e=>s`
+      ${this.tags.map(e=>a`
         <div class="mealz-ds-badge size-l mealz-recipe-details-infos__badge tag">
           <span class="mealz-ds-text">${e}</span>
         </div>
       `)}
-    `}render(){return s`
+    `}render(){return a`
     <div class="mealz-recipe-details-infos__container ${this.displayTags?"tags-displayed":""}">
       ${this.renderPreparationTime()}
       ${this.renderCookingTime()}
       ${this.renderRecipeDifficulty()}
       ${this.renderMoreTags()}
     </div>
-    `}};C=j([h("mealz-details-infos")],C);var K=Object.getOwnPropertyDescriptor,Q=(e,t,a,n)=>{for(var i=n>1?void 0:n?K(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let x=class extends u{constructor(){super(),this.steps=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-steps/details-steps.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(r.recipes.displayedRecipe$.subscribe(e=>{e&&(this.steps=e.recipe.relationships["recipe-steps"].data.sort((t,a)=>t.attributes["step-number"]-a.attributes["step-number"]).map(t=>t.attributes.description),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){return s`
+    `}};W=ye([g("mealz-details-infos")],W);var $e=Object.getOwnPropertyDescriptor,ke=(e,t,i,r)=>{for(var s=r>1?void 0:r?$e(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let K=class extends m{constructor(){super(),this.steps=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-steps/details-steps.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(o.recipes.displayedRecipe$.subscribe(e=>{e&&(this.steps=e.recipe.relationships["recipe-steps"].data.sort((t,i)=>t.attributes["step-number"]-i.attributes["step-number"]).map(t=>t.attributes.description),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){return a`
     <div class="mealz-details-steps">
   <!-- HEADER -->
   <div class="mealz-ds-text weight-xxl mealz-details-steps__header">
@@ -166,7 +166,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
   </div>
   <!-- LIST -->
   <div class="mealz-details-steps__list">
-    ${this.steps.map((e,t)=>s`
+    ${this.steps.map((e,t)=>a`
     <div class="mealz-details-steps__step">
       <!-- INDEX -->
       <div class="mealz-details-steps__step__idx">
@@ -180,39 +180,39 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
     `)}
   </div>
 </div>
-`}};x=Q([h("mealz-details-steps")],x);var Y=Object.getOwnPropertyDescriptor,J=(e,t,a,n)=>{for(var i=n>1?void 0:n?Y(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let S=class extends u{constructor(){super(),this.ingredients=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-ingredients/details-ingredients.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(r.recipes.displayedRecipe$.subscribe(e=>{e&&(this.ingredients=e.recipe.relationships.ingredients.data,this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var e,t;return s`
+`}};K=ke([g("mealz-details-steps")],K);var Ie=Object.getOwnPropertyDescriptor,Pe=(e,t,i,r)=>{for(var s=r>1?void 0:r?Ie(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let Q=class extends m{constructor(){super(),this.ingredients=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/details-ingredients/details-ingredients.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(o.recipes.displayedRecipe$.subscribe(e=>{e&&(this.ingredients=e.recipe.relationships.ingredients.data,this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var e,t;return a`
       <div class="mealz-details-ingredients">
         <!-- HEADER -->
         <div class="mealz-ds-text weight-xxl mealz-details-ingredients__header">
           <span>${(e=this.ingredients)==null?void 0:e.length}</span>
-          ${((t=this.ingredients)==null?void 0:t.length)>1?s`<span>ingrédients</span>`:s`<span>ingrédient</span>`}
+          ${((t=this.ingredients)==null?void 0:t.length)>1?a`<span>ingrédients</span>`:a`<span>ingrédient</span>`}
         </div>
         <!-- LIST -->
         <div class="mealz-details-ingredients__list">
-          ${this.ingredients.map(a=>s`
+          ${this.ingredients.map(i=>a`
             <div class="mealz-details-ingredients__item">
               <!-- PICTURE -->
               <div class="mealz-ds-avatar mealz-details-ingredients__picture_container">
                 <img class="mealz-details-ingredients__picture"
-                     src="${this.ingredientPicture(a)}" 
-                     alt="${a.attributes.name} picture">
+                     src="${this.ingredientPicture(i)}" 
+                     alt="${i.attributes.name} picture">
               </div>
               <!-- NAME -->
               <span class="mealz-ds-text size-s weight-xxl mealz-details-ingredients__name">
-                ${D(a.attributes.name)}
+                ${ee(i.attributes.name)}
               </span>
               <!-- QUANTITY -->
               <div class="mealz-ds-text size-s weight-l mealz-details-ingredients__row__qty">
-                ${a.attributes.quantity} ${a.attributes.unit}
+                ${i.attributes.quantity} ${i.attributes.unit}
               </div>
             </div>
           `)}
         </div>
       </div>
-    `}ingredientPicture(e){return e.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}};S=J([h("mealz-details-ingredients")],S);var W=Object.defineProperty,X=Object.getOwnPropertyDescriptor,b=(e,t,a,n)=>{for(var i=n>1?void 0:n?X(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=(n?c(t,a,i):c(i))||i);return n&&i&&W(t,a,i),i};const f=["unavailable"],Z=["ticked","unselected"];let g=class extends u{constructor(){super(),this.isSponsored=!1,this.subscriptions=[],this.guestObserverService=L.getInstance(),this.modifiedIngQty=0,this.analyticsPath="/meals-planner/current",this.styleURL=new URL("./product-card/product-card-planner.css",this.getBaseURL())}get status(){var e;return(e=this.product)==null?void 0:e.status}set status(e){this.product.status=e,this.requestUpdate()}get productImage(){var e;return((e=this.product.item)==null?void 0:e.attributes.image)||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}get ingredientPicture(){return this.product.ingredient.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}updated(){var e,t;this.product&&(this.isSponsored=((t=(e=this.product.item)==null?void 0:e.attributes)==null?void 0:t.sponsored)===!0)}connectedCallback(){super.connectedCallback(),this.listenGuestsChange(),this.calculateQty()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}listenGuestsChange(){this.subscriptions.push(this.guestObserverService.guests$.subscribe(e=>{this.currentGuests=e,this.calculateQty()}))}calculateQty(){const e=this.product.ingredient.attributes.quantity/this.initialGuests;this.modifiedIngQty=Number((e*this.currentGuests).toFixed(2)),this.requestUpdate()}openReplaceItemView(){r.planner.openReplaceItemView(this.product),this.replaceItemViewEvent()}onCheckboxChange(e){e.target.checked?(this.status="ticked",r.planner.selectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.addItemEvent()):(this.status="unselected",r.planner.unselectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.deleteItemEvent()),this.requestUpdate()}render(){return s`
+    `}ingredientPicture(e){return e.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}};Q=Pe([g("mealz-details-ingredients")],Q);var Te=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,$=(e,t,i,r)=>{for(var s=r>1?void 0:r?Ee(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(r?l(t,i,s):l(s))||s);return r&&s&&Te(t,i,s),s};const U=["unavailable"],xe=["ticked","unselected"];let _=class extends m{constructor(){super(),this.isSponsored=!1,this.subscriptions=[],this.guestObserverService=te.getInstance(),this.modifiedIngQty=0,this.analyticsPath="/meals-planner/current",this.styleURL=new URL("./product-card/product-card-planner.css",this.getBaseURL())}get status(){var e;return(e=this.product)==null?void 0:e.status}set status(e){this.product.status=e,this.requestUpdate()}get productImage(){var e;return((e=this.product.item)==null?void 0:e.attributes.image)||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}get ingredientPicture(){return this.product.ingredient.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}updated(){var e,t;this.product&&(this.isSponsored=((t=(e=this.product.item)==null?void 0:e.attributes)==null?void 0:t.sponsored)===!0)}connectedCallback(){super.connectedCallback(),this.listenGuestsChange(),this.calculateQty()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}listenGuestsChange(){this.subscriptions.push(this.guestObserverService.guests$.subscribe(e=>{this.currentGuests=e,this.calculateQty()}))}calculateQty(){const e=this.product.ingredient.attributes.quantity/this.initialGuests;this.modifiedIngQty=Number((e*this.currentGuests).toFixed(2)),this.requestUpdate()}openReplaceItemView(){o.planner.openReplaceItemView(this.product),this.replaceItemViewEvent()}onCheckboxChange(e){e.target.checked?(this.status="ticked",o.planner.selectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.addItemEvent()):(this.status="unselected",o.planner.unselectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.deleteItemEvent()),this.requestUpdate()}render(){return a`
       <div class="mealz-product-card-planner
         ${this.status==="ticked"?"added":""}
-        ${f.includes(this.status)||this.oftenIgnored?"disabled":""}
+        ${U.includes(this.status)||this.oftenIgnored?"disabled":""}
         ${this.status==="unavailable"?"unavailable":""}"
       >
         ${this.renderHeader()}
@@ -220,10 +220,10 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           ${this.oftenIgnored?"disabled":""}
           ${this.status==="unavailable"?"unavailable":""}"
         >
-          ${Z.includes(this.status)&&!this.oftenIgnored?this.renderEnabledProductCard():this.renderDisabledOrUnavailableProduct()}
+          ${xe.includes(this.status)&&!this.oftenIgnored?this.renderEnabledProductCard():this.renderDisabledOrUnavailableProduct()}
         </div>
       </div>
-    `}renderEnabledProductCard(){return s`
+    `}renderEnabledProductCard(){return a`
       <mealz-promotion-badge .priceData="${this.product.price}"></mealz-promotion-badge>
       <div class="mealz-product-card-planner__selected-product">
         <div class="mealz-product-card-planner__picture-column">
@@ -257,7 +257,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
         </div>
       </div>
       ${this.renderFooterActions()}
-    `}renderHeader(){return s`
+    `}renderHeader(){return a`
       <div
         class="mealz-product-card-planner__header
       ${this.status==="ticked"?"added":""}
@@ -267,21 +267,21 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           class="
           mealz-product-card-planner__header-name
           mealz-ds-text weight-xl
-          ${f.includes(this.status)||this.oftenIgnored?"mealz-product-card-planner__disabled-text":""}"
+          ${U.includes(this.status)||this.oftenIgnored?"mealz-product-card-planner__disabled-text":""}"
         >
-          ${D(this.product.ingredient.attributes.name)}
+          ${ee(this.product.ingredient.attributes.name)}
         </span>
         <span
           class="
           mealz-product-card-planner__header-quantity
           mealz-ds-text size-s weight-l
-          ${f.includes(this.status)||this.oftenIgnored?"mealz-product-card-planner__disabled-text":""}"
+          ${U.includes(this.status)||this.oftenIgnored?"mealz-product-card-planner__disabled-text":""}"
         >
           <span>${this.modifiedIngQty?this.modifiedIngQty:this.product.ingredient.attributes.quantity}</span>
           <span>${this.product.ingredient.attributes.unit}</span>
         </span>
       </div>
-    `}renderFooterActions(){return s`
+    `}renderFooterActions(){return a`
       <div class="mealz-product-card-planner__footer__actions">
         <button
           @click="${()=>this.openReplaceItemView()}"
@@ -290,7 +290,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           <span>Remplacer</span>
         </button>
       </div>
-    `}renderCTA(){return s`
+    `}renderCTA(){return a`
       <div class="mealz-product-card-planner__checkbox mealz-ds-checkbox">
         <input
           type="checkbox"
@@ -298,8 +298,8 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           @change="${e=>this.onCheckboxChange(e)}"
         >
       </div>
-    `}renderDisabledOrUnavailableProduct(){return s`
-      ${this.oftenIgnored?s`
+    `}renderDisabledOrUnavailableProduct(){return a`
+      ${this.oftenIgnored?a`
         <span class="mealz-ds-text mealz-product-card-planner__disabled-text">
             Cet ingrédient ne sera pas ajouté à votre panier
           </span>
@@ -309,7 +309,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           <span>Ajouter un produit</span>
         </button>
       `:""}
-      ${this.status==="unavailable"&&!this.oftenIgnored?s`
+      ${this.status==="unavailable"&&!this.oftenIgnored?a`
         <img class="mealz-ds-avatar" src="${this.ingredientPicture}" alt="ingredient picture">
         <mealz-unavailable-badge></mealz-unavailable-badge>
         <button
@@ -318,7 +318,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           <span>Remplacer</span>
         </button>
       `:""}
-    `}addItemEvent(){r.analytics.sendEvent("planner.item.add",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}deleteItemEvent(){r.analytics.sendEvent("planner.item.delete",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}replaceItemViewEvent(){r.analytics.sendEvent("planner.item.replace",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}};b([p({type:Object})],g.prototype,"product",2);b([p({type:String})],g.prototype,"recipeId",2);b([p({type:Number})],g.prototype,"initialGuests",2);b([p({type:Number})],g.prototype,"currentGuests",2);b([p({type:Boolean})],g.prototype,"oftenIgnored",2);g=b([h("mealz-product-card-planner")],g);customElements.get("mealz-product-card-planner")||customElements.define("mealz-product-card-planner",g);var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,U=(e,t,a,n)=>{for(var i=n>1?void 0:n?te(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=(n?c(t,a,i):c(i))||i);return n&&i&&ee(t,a,i),i};let y=class extends u{constructor(){super(),this.styleURL=new URL("./legal-notice/legal-notice.css",this.getBaseURL())}get containsAlcohol(){var t;return(((t=this.tags)==null?void 0:t.data)||[]).some(a=>a.id==="ingredient_category_alcool")}render(){return this.containsAlcohol?s`
+    `}addItemEvent(){o.analytics.sendEvent("planner.item.add",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}deleteItemEvent(){o.analytics.sendEvent("planner.item.delete",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}replaceItemViewEvent(){o.analytics.sendEvent("planner.item.replace",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}};$([p({type:Object})],_.prototype,"product",2);$([p({type:String})],_.prototype,"recipeId",2);$([p({type:Number})],_.prototype,"initialGuests",2);$([p({type:Number})],_.prototype,"currentGuests",2);$([p({type:Boolean})],_.prototype,"oftenIgnored",2);_=$([g("mealz-product-card-planner")],_);customElements.get("mealz-product-card-planner")||customElements.define("mealz-product-card-planner",_);var Ce=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,ie=(e,t,i,r)=>{for(var s=r>1?void 0:r?Se(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(r?l(t,i,s):l(s))||s);return r&&s&&Ce(t,i,s),s};let A=class extends m{constructor(){super(),this.styleURL=new URL("./legal-notice/legal-notice.css",this.getBaseURL())}get containsAlcohol(){var t;return(((t=this.tags)==null?void 0:t.data)||[]).some(i=>i.id==="ingredient_category_alcool")}render(){return this.containsAlcohol?a`
       <div class="mealz-products-picker__legal-notices">
         <span class="mealz-ds-text weight-xxl mealz-products-picker__legal-notices-header">Mentions légales</span>
         <div class="mealz-products-picker__legal-notices-content">
@@ -330,7 +330,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </span>
         </div>
       </div>
-    `:o}};U([p()],y.prototype,"tags",2);y=U([h("mealz-legal-notice")],y);var se=Object.getOwnPropertyDescriptor,ie=(e,t,a,n)=>{for(var i=n>1?void 0:n?se(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let R=class extends u{constructor(){super(),this.styleURL=[new URL("./product-card/product-card-skeleton/product-card-skeleton.css",this.getBaseURL()),new URL("./product-card/product-card.css",this.getBaseURL())]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}render(){return s`
+    `:c}};ie([p()],A.prototype,"tags",2);A=ie([g("mealz-legal-notice")],A);var Re=Object.getOwnPropertyDescriptor,Oe=(e,t,i,r)=>{for(var s=r>1?void 0:r?Re(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let Y=class extends m{constructor(){super(),this.styleURL=[new URL("./product-card/product-card-skeleton/product-card-skeleton.css",this.getBaseURL()),new URL("./product-card/product-card.css",this.getBaseURL())]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}render(){return a`
       <!-- PRODUCT CARD -->
       <div class="mealz-product-card skeleton">
         <!-- HEADER -->
@@ -373,9 +373,9 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </div>
         </div>
       </div>
-    `}};R=ie([h("mealz-products-card-skeleton")],R);var ae=Object.defineProperty,re=Object.getOwnPropertyDescriptor,k=(e,t,a,n)=>{for(var i=n>1?void 0:n?re(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=(n?c(t,a,i):c(i))||i);return n&&i&&ae(t,a,i),i};let z=class extends u{constructor(){super(),this.inBasket=!1,this.plannerMode=!1,this.numberUnavailableProducts=0,this.subscriptions=[],this.noSupplier=r.supplier.isNoSupplier(),this.hasEmittedReady=!1,this.styleURL=new URL("./products-picker/products-picker.css",this.getBaseURL())}get totalProducts(){return this.recipe.relationships.ingredients.data.length}connectedCallback(){super.connectedCallback(),this.resetProducts(),this.listenToProducts(),this.subscriptions.push(r.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.analyticsPath=`/recipes/${this.recipe.id}/shopping`,this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.resetProducts(),this.subscriptions.forEach(e=>e.unsubscribe())}resetProducts(){this.productsByCategory={toPickProducts:[],oftenIgnoredProducts:[]},this.numberUnavailableProducts=0,this.requestUpdate()}listenToProducts(){const e=this.plannerMode?r.recipes.productsPlannerByCategory$:r.recipes.productsByCategory$;this.subscriptions.push(e.subscribe(t=>{this.productsByCategory=t,this.plannerMode?this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(a=>a.status==="unavailable").length:this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(a=>a.basketEntry.status==="out_of_stock").length,this.requestUpdate(),this.notifyReadyIfRendered()}))}async notifyReadyIfRendered(){if(this.hasEmittedReady)return;if(await this.updateComplete,this.querySelector(".mealz-product-card-planner__checkbox")||this.querySelector(".mealz-product-card__checkbox")){this.hasEmittedReady=!0;const t=new CustomEvent("products-picker-ready",{bubbles:!0,composed:!0});this.dispatchEvent(t)}}scrollToFirstUnavailable(){const e=document.querySelector(this.plannerMode?".mealz-products-picker":".mealz-products-picker__container");if(e){const t=e.querySelector(this.plannerMode?".mealz-product-card-planner.unavailable":".mealz-product-card__container.out_of_stock");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}}isAlreadyOnCatalogPage(){return window.location.href.includes(r.router.getCatalogUrl())}closeRecipeModal(){}currentPath(){return""}guestsChange(){const e=new CustomEvent("guestChange",{bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){var e,t,a;return s`
+    `}};Y=Oe([g("mealz-products-card-skeleton")],Y);var we=Object.defineProperty,De=Object.getOwnPropertyDescriptor,q=(e,t,i,r)=>{for(var s=r>1?void 0:r?De(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=(r?l(t,i,s):l(s))||s);return r&&s&&we(t,i,s),s};let T=class extends m{constructor(){super(),this.inBasket=!1,this.plannerMode=!1,this.numberUnavailableProducts=0,this.subscriptions=[],this.noSupplier=o.supplier.isNoSupplier(),this.hasEmittedReady=!1,this.styleURL=new URL("./products-picker/products-picker.css",this.getBaseURL())}get totalProducts(){return this.recipe.relationships.ingredients.data.length}connectedCallback(){super.connectedCallback(),this.resetProducts(),this.listenToProducts(),this.subscriptions.push(o.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.analyticsPath=`/recipes/${this.recipe.id}/shopping`,this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.resetProducts(),this.subscriptions.forEach(e=>e.unsubscribe())}resetProducts(){this.productsByCategory={toPickProducts:[],oftenIgnoredProducts:[]},this.numberUnavailableProducts=0,this.requestUpdate()}listenToProducts(){const e=this.plannerMode?o.recipes.productsPlannerByCategory$:o.recipes.productsByCategory$;this.subscriptions.push(e.subscribe(t=>{this.productsByCategory=t,this.plannerMode?this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(i=>i.status==="unavailable").length:this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(i=>i.basketEntry.status==="out_of_stock").length,this.requestUpdate(),this.notifyReadyIfRendered()}))}async notifyReadyIfRendered(){if(this.hasEmittedReady)return;if(await this.updateComplete,this.querySelector(".mealz-product-card-planner__checkbox")||this.querySelector(".mealz-product-card__checkbox")){this.hasEmittedReady=!0;const t=new CustomEvent("products-picker-ready",{bubbles:!0,composed:!0});this.dispatchEvent(t)}}scrollToFirstUnavailable(){const e=document.querySelector(this.plannerMode?".mealz-products-picker":".mealz-products-picker__container");if(e){const t=e.querySelector(this.plannerMode?".mealz-product-card-planner.unavailable":".mealz-product-card__container.out_of_stock");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}}isAlreadyOnCatalogPage(){return window.location.href.includes(o.router.getCatalogUrl())}closeRecipeModal(){}currentPath(){return""}guestsChange(){const e=new CustomEvent("guestChange",{bubbles:!0,composed:!0});this.dispatchEvent(e)}render(){var e,t,i;return a`
       <div class="mealz-products-picker">
-        ${this.inBasket&&this.plannerMode?s`
+        ${this.inBasket&&this.plannerMode?a`
           <div class="mealz-products-picker__overlay">
             <div class="mealz-products-picker__overlay-text">
               <span class="mealz-ds-text">
@@ -383,76 +383,76 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               </span>
             </div>
           </div>
-        `:o}
+        `:c}
         <!-- HEADER -->
         ${this.renderHeader()}
         <div class="mealz-products-picker__list">
           <!-- TO PICK PRODUCTS -->
-          ${((e=this.productsByCategory)==null?void 0:e.toPickProducts.length)>0?this.productsByCategory.toPickProducts.map(n=>{var i,l,c,_;return this.plannerMode?s`
+          ${((e=this.productsByCategory)==null?void 0:e.toPickProducts.length)>0?this.productsByCategory.toPickProducts.map(r=>{var s,n,l,d;return this.plannerMode?a`
                   <mealz-product-card-planner
-                    .product="${n}"
+                    .product="${r}"
                     .recipeId="${this.recipe.id}"
                     .oftenIgnored="${!1}"
-                    .initialGuests="${((i=this.recipe)==null?void 0:i.attributes["number-of-guests"])||4}"
-                    .currentGuests="${this.recipe.modifiedGuests||((l=this.recipe)==null?void 0:l.attributes["number-of-guests"])||4}"
+                    .initialGuests="${((s=this.recipe)==null?void 0:s.attributes["number-of-guests"])||4}"
+                    .currentGuests="${this.recipe.modifiedGuests||((n=this.recipe)==null?void 0:n.attributes["number-of-guests"])||4}"
                   ></mealz-product-card-planner>
-                `:s`
+                `:a`
                   <mealz-product-card
-                    .product="${n}"
+                    .product="${r}"
                     .recipeId="${this.recipe.id}"
-                    .initialGuests="${((c=this.recipe)==null?void 0:c.attributes["number-of-guests"])||4}"
-                    .currentGuests="${this.recipe.modifiedGuests||((_=this.recipe)==null?void 0:_.attributes["number-of-guests"])||4}"
+                    .initialGuests="${((l=this.recipe)==null?void 0:l.attributes["number-of-guests"])||4}"
+                    .currentGuests="${this.recipe.modifiedGuests||((d=this.recipe)==null?void 0:d.attributes["number-of-guests"])||4}"
                   ></mealz-product-card>
-                `}):Array(this.totalProducts).fill(s`
+                `}):Array(this.totalProducts).fill(a`
               <mealz-products-card-skeleton></mealz-products-card-skeleton>
             `)}
         </div>
         <!-- OFTEN IGNORED PRODUCTS -->
         <div class="mealz-products-picker__secondary-list">
-          ${((a=(t=this.productsByCategory)==null?void 0:t.oftenIgnoredProducts)==null?void 0:a.length)>0?s`
+          ${((i=(t=this.productsByCategory)==null?void 0:t.oftenIgnoredProducts)==null?void 0:i.length)>0?a`
             <span class="mealz-ds-text weight-xl">
               Déjà dans le placard
             </span>
             <div class="mealz-products-picker__list">
-              ${this.productsByCategory.oftenIgnoredProducts.map(n=>{var i,l,c,_;return this.plannerMode?s`
+              ${this.productsByCategory.oftenIgnoredProducts.map(r=>{var s,n,l,d;return this.plannerMode?a`
                   <mealz-product-card-planner
-                    .product="${n}"
+                    .product="${r}"
                     .recipeId="${this.recipe.id}"
                     .oftenIgnored="${!0}"
-                    .initialGuests="${((i=this.recipe)==null?void 0:i.attributes["number-of-guests"])||4}"
-                    .currentGuests="${this.recipe.modifiedGuests||((l=this.recipe)==null?void 0:l.attributes["number-of-guests"])||4}"
+                    .initialGuests="${((s=this.recipe)==null?void 0:s.attributes["number-of-guests"])||4}"
+                    .currentGuests="${this.recipe.modifiedGuests||((n=this.recipe)==null?void 0:n.attributes["number-of-guests"])||4}"
                   ></mealz-product-card-planner>
-                `:s`
+                `:a`
                   <mealz-product-card
-                    .product="${n}"
+                    .product="${r}"
                     .recipeId="${this.recipe.id}"
-                    .initialGuests="${((c=this.recipe)==null?void 0:c.attributes["number-of-guests"])||4}"
-                    .currentGuests="${this.recipe.modifiedGuests||((_=this.recipe)==null?void 0:_.attributes["number-of-guests"])||4}"
+                    .initialGuests="${((l=this.recipe)==null?void 0:l.attributes["number-of-guests"])||4}"
+                    .currentGuests="${this.recipe.modifiedGuests||((d=this.recipe)==null?void 0:d.attributes["number-of-guests"])||4}"
                   ></mealz-product-card>
                 `})}
             </div>
-          `:o}
+          `:c}
         </div>
         ${this.renderLowerContent()}
       </div>
-    `}renderHeader(){var e;return s`
+    `}renderHeader(){var e;return a`
       <div class="mealz-products-picker__header">
-        ${this.totalProducts>0?s`
+        ${this.totalProducts>0?a`
           <div class="mealz-products-picker__header-text mealz-ds-text weight-xxl">
             <div class="mealz-products-picker__number-of-products">
             <span>${this.totalProducts}</span>
-            ${this.totalProducts>1?s`<span>ingrédients</span>`:s`<span>ingrédient</span>`}
+            ${this.totalProducts>1?a`<span>ingrédients</span>`:a`<span>ingrédient</span>`}
             </div>
-            ${this.numberUnavailableProducts>0?s`
+            ${this.numberUnavailableProducts>0?a`
               <mealz-unavailable-badge
                 .numberUnavailable="${this.numberUnavailableProducts}"
                 @clicked="${()=>this.scrollToFirstUnavailable()}">
               </mealz-unavailable-badge>
-            `:o}
+            `:c}
           </div>
-        `:o}
+        `:c}
         <!-- GUEST COUNTER FOR NO SUPPLIER MODE-->
-        ${this.noSupplier?s`
+        ${this.noSupplier?a`
             <mealz-counter
               .floating="${!0}"
               .value="${(e=this.recipe)==null?void 0:e.modifiedGuests}"
@@ -461,7 +461,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               class="mealz-products-picker__guest-counter"
               @valueChange="${()=>this.guestsChange()}"
             ></mealz-counter>
-          `:o}
+          `:c}
         <!-- <div class="mealz-ds-dropdown">
          <select>
            <option *ngFor="let option of productsTypeOption">
@@ -470,27 +470,27 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
          </select>
        </div> -->
       </div>
-    `}renderLowerContent(){return s`
+    `}renderLowerContent(){return a`
       <!-- MORE RECIPE IDEAS -->
       <div class="mealz-products-picker__more">
-        ${!this.isAlreadyOnCatalogPage()&&!this.plannerMode?s`
+        ${!this.isAlreadyOnCatalogPage()&&!this.plannerMode?a`
           <a class="mealz-products-picker__more-anchor"
-            href="${r.router.getCatalogUrl()}"
+            href="${o.router.getCatalogUrl()}"
             @click="${this.sendHomeDisplayEvent}">
             <button class="mealz-products-picker__go-to-catalog-button mealz-ds-button secondary">
               <span class="mealz-ds-text weight-l size-s">Voir plus d'idées repas</span>
             </button>
           </a>
-        `:s`
+        `:a`
           <button class="mealz-products-picker__close-modal-button mealz-ds-button secondary" @click="${this.closeRecipeModal}">
             <span class="mealz-ds-text weight-l size-s">Voir plus d'idées repas</span>
           </button>
         `}
       </div>
       <mealz-legal-notice .tags="${this.recipe.relationships.tags}"></mealz-legal-notice>
-    `}sendHomeDisplayEvent(){r.analytics.sendEvent("home.display",this.analyticsPath,{})}};k([p({type:Boolean})],z.prototype,"inBasket",2);k([p({type:Boolean})],z.prototype,"plannerMode",2);z=k([h("mealz-products-picker")],z);customElements.get("mealz-products-picker")||customElements.define("mealz-products-picker",z);var ne=Object.getOwnPropertyDescriptor,le=(e,t,a,n)=>{for(var i=n>1?void 0:n?ne(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let $=class extends u{constructor(){super(),this.invalidPos=!1,this.subscriptions=[],this.styleURL=new URL("./recipe-details/no-pos-selected/no-pos-selected.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenIfPosInvalid()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}listenIfPosInvalid(){this.subscriptions.push(r.recipes.invalidPosDisplay$.subscribe(e=>{this.invalidPos=e,this.requestUpdate()}))}callPosSelector(){const e=new CustomEvent("posSelected",{bubbles:!0,composed:!0});this.dispatchEvent(e)}openStoreLocator(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayStoreLocator$.next(!0)}render(){return s`
+    `}sendHomeDisplayEvent(){o.analytics.sendEvent("home.display",this.analyticsPath,{})}};q([p({type:Boolean})],T.prototype,"inBasket",2);q([p({type:Boolean})],T.prototype,"plannerMode",2);T=q([g("mealz-products-picker")],T);customElements.get("mealz-products-picker")||customElements.define("mealz-products-picker",T);var Le=Object.getOwnPropertyDescriptor,Be=(e,t,i,r)=>{for(var s=r>1?void 0:r?Le(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let M=class extends m{constructor(){super(),this.invalidPos=!1,this.subscriptions=[],this.styleURL=new URL("./recipe-details/no-pos-selected/no-pos-selected.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenIfPosInvalid()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}listenIfPosInvalid(){this.subscriptions.push(o.recipes.invalidPosDisplay$.subscribe(e=>{this.invalidPos=e,this.requestUpdate()}))}callPosSelector(){const e=new CustomEvent("posSelected",{bubbles:!0,composed:!0});this.dispatchEvent(e)}openStoreLocator(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayStoreLocator$.next(!0)}render(){return a`
       <div class="mealz-no-pos-selected">
-        ${this.invalidPos?s`
+        ${this.invalidPos?a`
           <!-- INVALID POS -->
           <img
             class="mealz-no-pos-selected__picture"
@@ -505,7 +505,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               Vous pouvez sélectionner un autre magasin ou consulter la fiche recette
             </span>
           </div>
-        `:s`
+        `:a`
           <!-- NO POS SELECTED -->
           <img
             class="mealz-no-pos-selected__picture"
@@ -528,13 +528,13 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           Sélectionner un magasin
         </button>
       </div>
-    `}};$=le([h("mealz-no-pos-selected")],$);customElements.get("mealz-no-pos-selected")||customElements.define("mealz-no-pos-selected",$);var ce=Object.getOwnPropertyDescriptor,oe=(e,t,a,n)=>{for(var i=n>1?void 0:n?ce(t,a):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(i=c(i)||i);return i};let O=class extends u{constructor(){super(),this.activeTabIndex=0,this.subscriptions=[],this.remainingBasketEntries=[],this.guestObserverService=L.getInstance(),this.isSticky=!1,this.styleURL=new URL("./recipe-details/recipe-details.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.handleNoSupplierMode(),this.subscriptions.push(w(r.recipes.displayedRecipe$.pipe(I(e=>!!e),G(e=>{this.recipe=e.recipe,this.sponsor=e.recipe.relationships.sponsors.data[0],this.analyticsPath=`/recipes/${this.recipe.id}/shopping`,this.plannerMode=e.planner,this.getLikeButton(),this.checkSponsorStorytelling(),this.pageview(),this.listenToCloseEvent(),this.setStickyObserver(),this.startRecipeDetailsOnboardingIfNeeded()}),T(()=>this.listenToRecipeInBasket())),this.listenPosStatus(),this.listenRemainingBasketEntries(),this.listenLastOrderDate(),this.listenToLoadingStates(),this.listenToAddAllToBasket()).subscribe(()=>{this.requestUpdate()})),this.addEventListener("products-picker-ready",()=>this.startRecipeDetailsOnboardingIfNeeded())}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.topObserver&&this.topObserver.disconnect(),this.stickyTimeout&&clearTimeout(this.stickyTimeout)}setStickyObserver(){this.topObserver||this.updateComplete.then(()=>{const e=this.querySelector(".mealz-recipe-details__sticky-anchor");e&&(this.topObserver=new IntersectionObserver(([t])=>{this.stickyTimeout&&clearTimeout(this.stickyTimeout),this.stickyTimeout=window.setTimeout(()=>{const a=!t.isIntersecting;this.isSticky!==a&&(this.isSticky=a,this.requestUpdate())},150)},{threshold:0}),this.topObserver.observe(e))})}startRecipeDetailsOnboardingIfNeeded(){localStorage.getItem("_miam/recipeDetailsOnboarding")==="true"||!this.plannerMode||this.updateComplete.then(()=>{this.scrollJustAfterImage();let t=document.querySelector("mealz-planner-onboarding");t?t.type="recipe-details":(t=new q,t.type="recipe-details",document.body.appendChild(t)),t.launchOnboardingTour()})}scrollJustAfterImage(){const e=this.querySelector(".mealz-recipe-details__tabs");if(!e)return;const t=document.querySelector(".mealz-drawer__content-container");if(t){const a=e.getBoundingClientRect(),n=t.getBoundingClientRect();t.scrollTop+=a.top-n.top;return}e.scrollIntoView({behavior:"smooth",block:"start"})}handleNoSupplierMode(){this.noSupplier=r.supplier.isNoSupplier(),this.requestUpdate()}close(){this.sendCloseEvent(),r.recipes.displayedRecipe$.next(null)}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.sendCloseEvent()})}selectTab(e){this.activeTabIndex=e,this.activeTabIndex===1&&this.sendCookingDisplayEvent(),this.requestUpdate()}getLikeButton(){this.noSupplier||this.subscriptions.push(r.user.isAuthenticated().pipe(I(e=>e),T(()=>r.html.like(this.recipe.id))).subscribe(e=>{this.likeButtonHTML=e,this.requestUpdate()}))}checkSponsorStorytelling(){this.sponsor&&this.subscriptions.push(r.sponsor.hasStorytelling(this.sponsor.id).subscribe(e=>{this.hasSponsorStorytelling=e,this.requestUpdate()}))}listenPosStatus(){return E({noPosDisplay:r.recipes.noPosDisplay$,invalidPosDisplay:r.recipes.invalidPosDisplay$}).pipe(d(({noPosDisplay:e,invalidPosDisplay:t})=>{this.noPosDisplay=e,this.invalidPosDisplay=t,this.activeTabIndex=e?1:0}))}listenLastOrderDate(){return r.recipes.orderHistoryDate$.pipe(d(e=>{this.orderHistoryDate=e}))}listenToLoadingStates(){return E([r.recipes.ingredientToBasketLoading$,r.recipes.updateIngredientFromBasketLoading$]).pipe(d(([e,t])=>{this.basketIsUpdating=e||t}))}listenRemainingBasketEntries(){return r.recipes.remainingBasketEntries$.pipe(d(e=>{this.remainingBasketEntries=e}))}listenToAddAllToBasket(){return r.recipes.allIngredientsToBasketLoading$.pipe(d(e=>{e&&(this.selectTab(0),setTimeout(()=>{this.scrollToPicker()},50))}))}listenToRecipeInBasket(){return r.recipes.isRecipeInBasket(this.recipe.id).pipe(d(e=>{this.inBasket=e}))}scrollToPicker(){const e=this.querySelector(".mealz-products-picker");if(e){const t=this.querySelector(".mealz-recipe-details__title-container"),a=(t==null?void 0:t.offsetHeight)||0;e.style.scrollMarginTop=`${a}px`,e.scrollIntoView({behavior:"instant",block:"start"})}}scrollToReplacedItem(e){var a,n;const t=this.querySelectorAll("mealz-product-card-planner");for(const i of Array.from(t)){const l=i;if(((n=(a=l.product)==null?void 0:a.item)==null?void 0:n.id)===e){l.scrollIntoView({behavior:"instant",block:"center"});break}}}openLastOrderModal(){this.sendOrderedDisplayEvent();const e=new M;e.recipeId=this.recipe.id,e.addEventListener("orderAgain",()=>this.orderAgain()),e.displayLastOrderModal(this.orderHistoryDate)}orderAgain(){r.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}})}updateGuests(e){if(this.recipe.modifiedGuests===e.detail.value)return;this.recipe.modifiedGuests=e.detail.value,this.guestObserverService.updateGuests(this.recipe.modifiedGuests);const t={originPath:this.analyticsPath,props:{}};this.plannerMode?r.planner.updateGuests(this.recipe.modifiedGuests,t):r.recipes.updateGuests(t),this.requestUpdate()}render(){return s`
+    `}};M=Be([g("mealz-no-pos-selected")],M);customElements.get("mealz-no-pos-selected")||customElements.define("mealz-no-pos-selected",M);var Ue=Object.getOwnPropertyDescriptor,Ae=(e,t,i,r)=>{for(var s=r>1?void 0:r?Ue(t,i):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(s=l(s)||s);return s};let J=class extends m{constructor(){super(),this.activeTabIndex=0,this.destroy$=new D,this.remainingBasketEntries=[],this.guestObserverService=te.getInstance(),this.isSticky=!1,this.styleURL=new URL("./recipe-details/recipe-details.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.destroy$=new D,this.handleNoSupplierMode(),Z(o.recipes.displayedRecipe$.pipe(w(this.destroy$),j(e=>!!e),z(e=>{this.recipe=e.recipe,this.sponsor=e.recipe.relationships.sponsors.data[0],this.analyticsPath=`/recipes/${this.recipe.id}/shopping`,this.plannerMode=!!e.planner,this.getLikeButton(),this.checkSponsorStorytelling(),this.pageview(),this.listenToCloseEvent(),this.setStickyObserver()}),V(()=>this.listenToRecipeInBasket())),this.listenPosStatus(),this.listenRemainingBasketEntries(),this.listenLastOrderDate(),this.listenToLoadingStates(),this.listenToAddAllToBasket()).pipe(w(this.destroy$)).subscribe({next:()=>this.requestUpdate(),error:e=>console.error("Recipe details error:",e)}),this.addEventListener("products-picker-ready",()=>this.startRecipeDetailsOnboardingIfNeeded())}disconnectedCallback(){super.disconnectedCallback(),this.destroy$.next(),this.destroy$.complete(),this.topObserver&&this.topObserver.disconnect(),this.stickyTimeout&&clearTimeout(this.stickyTimeout)}setStickyObserver(){this.topObserver||this.updateComplete.then(()=>{const e=this.querySelector(".mealz-recipe-details__sticky-anchor");e&&(this.topObserver=new IntersectionObserver(([t])=>{this.stickyTimeout&&clearTimeout(this.stickyTimeout),this.stickyTimeout=window.setTimeout(()=>{const i=!t.isIntersecting;this.isSticky!==i&&(this.isSticky=i,this.requestUpdate())},150)},{threshold:0}),this.topObserver.observe(e))})}startRecipeDetailsOnboardingIfNeeded(){localStorage.getItem("_miam/recipeDetailsOnboarding")==="true"||!this.plannerMode||this.updateComplete.then(()=>{this.scrollJustAfterImage();let t=document.querySelector("mealz-planner-onboarding");t?t.type="recipe-details":(t=new ue,t.type="recipe-details",document.body.appendChild(t)),t.launchOnboardingTour()})}scrollJustAfterImage(){const e=this.querySelector(".mealz-recipe-details__tabs");if(!e)return;const t=document.querySelector(".mealz-drawer__content-container");if(t){const i=e.getBoundingClientRect(),r=t.getBoundingClientRect();t.scrollTop+=i.top-r.top;return}e.scrollIntoView({behavior:"smooth",block:"start"})}handleNoSupplierMode(){this.noSupplier=!!o.supplier.isNoSupplier(),this.requestUpdate()}close(){this.sendCloseEvent(),o.recipes.displayedRecipe$.next(null)}listenToCloseEvent(){const e=document.querySelector("mealz-drawer");e&&e.addEventListener("drawerClosed",()=>{this.sendCloseEvent()})}selectTab(e){this.activeTabIndex=e,this.activeTabIndex===1&&this.sendCookingDisplayEvent(),this.requestUpdate()}getLikeButton(){this.noSupplier||o.user.isAuthenticated().pipe(w(this.destroy$),j(e=>e),V(()=>o.html.like(this.recipe.id))).subscribe({next:e=>{this.likeButtonHTML=e,this.requestUpdate()},error:e=>console.error("Like button error:",e)})}checkSponsorStorytelling(){this.sponsor&&o.sponsor.hasStorytelling(this.sponsor.id).pipe(w(this.destroy$)).subscribe({next:e=>{this.hasSponsorStorytelling=e,this.requestUpdate()},error:e=>console.error("Sponsor storytelling error:",e)})}listenPosStatus(){return H({noPosDisplay:o.recipes.noPosDisplay$,invalidPosDisplay:o.recipes.invalidPosDisplay$}).pipe(z(({noPosDisplay:e,invalidPosDisplay:t})=>{this.noPosDisplay=e,this.invalidPosDisplay=t,this.activeTabIndex=e?1:0}),h(()=>{}))}listenLastOrderDate(){return o.recipes.orderHistoryDate$.pipe(z(e=>{this.orderHistoryDate=e}))}listenToLoadingStates(){return H([o.recipes.ingredientToBasketLoading$,o.recipes.updateIngredientFromBasketLoading$]).pipe(h(([e,t])=>e||t),z(e=>{this.basketIsUpdating=e}),be(1))}listenRemainingBasketEntries(){return o.recipes.remainingBasketEntries$.pipe(z(e=>{this.remainingBasketEntries=e}))}listenToAddAllToBasket(){return o.recipes.allIngredientsToBasketLoading$.pipe(z(e=>{e&&(this.selectTab(0),setTimeout(()=>{this.scrollToPicker()},50))}))}listenToRecipeInBasket(){return o.recipes.isRecipeInBasket(this.recipe.id).pipe(z(e=>{this.inBasket=e}))}scrollToPicker(){const e=this.querySelector(".mealz-products-picker");if(e){const t=this.querySelector(".mealz-recipe-details__title-container"),i=(t==null?void 0:t.offsetHeight)||0;e.style.scrollMarginTop=`${i}px`,e.scrollIntoView({behavior:"instant",block:"start"})}}scrollToReplacedItem(e){var i,r;const t=this.querySelectorAll("mealz-product-card-planner");for(const s of Array.from(t)){const n=s;if(((r=(i=n.product)==null?void 0:i.item)==null?void 0:r.id)===e){n.scrollIntoView({behavior:"instant",block:"center"});break}}}openLastOrderModal(){this.sendOrderedDisplayEvent();const e=new de;e.recipeId=this.recipe.id,e.addEventListener("orderAgain",()=>this.orderAgain()),e.displayLastOrderModal(this.orderHistoryDate)}orderAgain(){o.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}})}updateGuests(e){if(this.recipe.modifiedGuests===e.detail.value)return;this.recipe.modifiedGuests=e.detail.value,this.guestObserverService.updateGuests(this.recipe.modifiedGuests);const t={originPath:this.analyticsPath,props:{}};this.plannerMode?o.planner.updateGuests(this.recipe.modifiedGuests,t):o.recipes.updateGuests(t),this.requestUpdate()}render(){return a`
       <div class="mealz-recipe-details">
         <!-- IF IS LOADING -->
-        ${this.recipe?o:s`
+        ${this.recipe?c:a`
           <div class="mealz-ds-loader mealz-recipe-details__loader"></div>`}
         <!-- IF IS NOT LOADING AND RECIPE EXISTS -->
-        ${this.recipe?s`
+        ${this.recipe?a`
           <div class="mealz-recipe-details__container">
             <!-- BANNER CONTAINER -->
             <div class="mealz-recipe-details__picture ${this.noSupplier?"no-supplier":""}">
@@ -567,25 +567,25 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                 src="${this.recipe.attributes["media-url"]}"
                 class="mealz-recipe-details__picture-img">
               <!-- Filigrane logo -->
-              ${this.recipe.attributes["filigrane-logo-url"]?s`
+              ${this.recipe.attributes["filigrane-logo-url"]?a`
                   <div class="mealz-recipe-details__picture__filigrane">
                     <img alt="filigrane logo" src=${this.recipe.filigraneLogoUrl}>
-                  </div>`:o}
+                  </div>`:c}
             </div>
             <!-- SPONSOR -->
             <div class="mealz-recipe-details__sponsor">
-              ${this.recipe.attributes["informational-page-html"]&&this.hasSponsorStorytelling?this.renderAddonLink():o}
+              ${this.recipe.attributes["informational-page-html"]&&this.hasSponsorStorytelling?this.renderAddonLink():c}
               <hr class="mealz-recipe-details__sponsor-separator">
             </div>
             <!-- LAST ORDER BADGE -->
-            ${this.orderHistoryDate?s`
+            ${this.orderHistoryDate?a`
                 <div class="mealz-recipe-details__last-order-badge">
                   <mealz-last-order-badge
                     .orderHistoryDate=${this.orderHistoryDate}
                     .disabled=${this.plannerMode}
                     @openLastOrderModal=${()=>this.openLastOrderModal()}>
                   </mealz-last-order-badge>
-                </div>`:o}
+                </div>`:c}
             <div class="mealz-recipe-details__sticky-anchor"></div>
             <!-- STICKY HEADER -->
             <div class="mealz-recipe-details__sticky-header">
@@ -599,7 +599,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                 <div class="mealz-recipe-details__actions__icon">
                   <!-- LIKE BUTTON -->
                   <div class="mealz-recipe-details__like-button">
-                    ${N(this.likeButtonHTML)}
+                    ${pe(this.likeButtonHTML)}
                   </div>
                   <!-- CLOSE MODAL BUTTON -->
                   <div class="mealz-recipe-details__hideable-actions ${this.isSticky?"sticky":""}">
@@ -614,11 +614,11 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                 </div>
               </div>
               <!-- STORE INDICATOR -->
-              ${this.noSupplier?s`
-                <mealz-store-indicator .analyticsPath=${this.analyticsPath}></mealz-store-indicator>`:o}
+              ${this.noSupplier?a`
+                <mealz-store-indicator .analyticsPath=${this.analyticsPath}></mealz-store-indicator>`:c}
             </div>
             <!-- RECIPE BASIC INFORMATIONS + TABS -->
-            ${this.noSupplier?o:s`
+            ${this.noSupplier?c:a`
                 <!--  RECIPE BASIC INFORMATIONS -->
                 <mealz-details-infos class="mealz-recipe-details__infos"></mealz-details-infos>
                 <!-- TABS TO SWITCH BETWEEN BASKET AND INSTRUCTIONS -->
@@ -636,7 +636,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               ${this.renderTabContent()}
             </div>
             <!-- FOOTER -->
-            ${this.activeTabIndex===0&&!this.noPosDisplay||this.plannerMode?s`
+            ${this.activeTabIndex===0&&!this.noPosDisplay||this.plannerMode?a`
                 <mealz-details-footer
                   .noPosDisplay=${this.noPosDisplay}
                   .noSupplier=${this.noSupplier}
@@ -644,17 +644,17 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                   .plannerMode=${this.plannerMode}
                   .guests=${this.recipe.modifiedGuests}
                   .recipe=${this.recipe}
-                ></mealz-details-footer>`:o}
+                ></mealz-details-footer>`:c}
           </div>
-        `:o}
+        `:c}
       </div>
-    `}renderTabContent(){return s`
+    `}renderTabContent(){return a`
       <div class="mealz-recipe-details__products-tab ${this.activeTabIndex===0?"":"hidden"}">
-        ${!this.noPosDisplay&&!this.invalidPosDisplay?s`
+        ${!this.noPosDisplay&&!this.invalidPosDisplay?a`
             <mealz-products-picker 
               .inBasket=${this.inBasket}
               .plannerMode=${this.plannerMode}
-            ></mealz-products-picker>`:s`
+            ></mealz-products-picker>`:a`
             <mealz-no-pos-selected
               .noPos=${this.noPosDisplay}
               .invalidPos=${this.invalidPosDisplay}
@@ -668,14 +668,14 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
         <!-- RECIPE INSTRUCTIONS -->
         <mealz-details-steps></mealz-details-steps>
         <!-- ORDER AGAIN -->
-        ${this.orderHistoryDate&&this.remainingBasketEntries.length>0&&!this.plannerMode?s`
+        ${this.orderHistoryDate&&this.remainingBasketEntries.length>0&&!this.plannerMode?a`
             <mealz-order-again .recipeId=${this.recipe.id} @orderAgain=${()=>this.orderAgain()}></mealz-order-again>
-           `:o}
+           `:c}
       </div>
-    `}renderAddonLink(){var e;return s`
+    `}renderAddonLink(){var e;return a`
       <div class="mealz-addon-link">
         <div class="mealz-addon-link__info">
-          ${this.recipe.attributes["informational-sentence"]?s`<span class="mealz-ds-text size-s weight-l">${this.recipe.attributes["informational-sentence"]}</span>`:s`
+          ${this.recipe.attributes["informational-sentence"]?a`<span class="mealz-ds-text size-s weight-l">${this.recipe.attributes["informational-sentence"]}</span>`:a`
                 <span class="mealz-ds-text size-s weight-l">
                   <span>Cette recette vous est proposée par notre partenaire</span>
                   <span class="mealz-addon-link__sponsor-name">
@@ -683,16 +683,16 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                   </span>
                 </span>
               `}
-          ${(e=this.recipe.attributes)!=null&&e["informational-page-html"]||this.hasSponsorStorytelling?s`
+          ${(e=this.recipe.attributes)!=null&&e["informational-page-html"]||this.hasSponsorStorytelling?a`
               <span class="mealz-addon-link__link mealz-ds-text size-s weight-xl" @click=${()=>this.showRecipeAddon()}>
                 En savoir plus
               </span>
-            `:o}
+            `:c}
         </div>
-        ${this.sponsor.attributes["logo-url"]?s`
+        ${this.sponsor.attributes["logo-url"]?a`
               <div class="mealz-addon-link__logo">
                 <img src="${this.sponsor.attributes["logo-url"]}" alt="${this.sponsor.attributes.name} logo" />
               </div>
-            `:o}
+            `:c}
       </div>
-    `}showRecipeAddon(){this.sendSponsorDisplayEvent(),document.querySelector("mealz-drawer-view-swapper").displayRecipeAddon$.next(!0)}pageview(){r.analytics.sendEvent("pageview",this.analyticsPath,{})}sendSponsorDisplayEvent(){r.analytics.sendEvent("sponsor.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendCloseEvent(){r.analytics.sendEvent("recipe.close",this.analyticsPath,{recipe_id:this.recipe.id})}sendCookingDisplayEvent(){r.analytics.sendEvent("recipe.cooking.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendOrderedDisplayEvent(){r.analytics.sendEvent("recipe.ordered.display",this.analyticsPath,{recipe_id:this.recipe.id})}};O=oe([h("mealz-recipe-details")],O);
+    `}showRecipeAddon(){this.sendSponsorDisplayEvent();const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!0)}pageview(){o.analytics.sendEvent("pageview",this.analyticsPath,{})}sendSponsorDisplayEvent(){o.analytics.sendEvent("sponsor.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendCloseEvent(){o.analytics.sendEvent("recipe.close",this.analyticsPath,{recipe_id:this.recipe.id})}sendCookingDisplayEvent(){o.analytics.sendEvent("recipe.cooking.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendOrderedDisplayEvent(){o.analytics.sendEvent("recipe.ordered.display",this.analyticsPath,{recipe_id:this.recipe.id})}};J=Ae([g("mealz-recipe-details")],J);