mealz-components 2.4.0 → 2.4.2

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{_ as re,n as L,p as X,b as ne,c as le,q as oe,N as m,D as c,k as a}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as g}from"../assets/custom-element-BhZVzxrc.js";import{n as p}from"../assets/property-Bx8Yvr4_.js";import{P as ce}from"../assets/price-CHipCs2z.js";import{m as l}from"../assets/mealz-sdk-E_fNZM-c.js";import{m as Z}from"../assets/merge-tdU3EgEI.js";import{m as h}from"../assets/map-DHslluWD.js";import{t as B}from"../assets/take-ByPtGQky.js";import{c as ee}from"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import{G as te}from"../assets/product-card-c_0I2Lp_.js";import"../price/price.min.js";import"../assets/promotion-badge-CzwsPJJq.js";import"../assets/accordion-Ba11uzYA.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-uboinnys.js";import{M as ue}from"../planner/planner-onboarding/planner-onboarding.min.js";import{o as se,c as he}from"../assets/OperatorSubscriber-DF1TYu__.js";import{i as H}from"../assets/innerFrom-FMZwm2mb.js";import{f as Q}from"../assets/filter-DQ4vwAGj.js";import{t as z}from"../assets/tap-K_D6lo97.js";import{s as Y}from"../assets/switchMap-6Z80ObHE.js";import{c as J}from"../assets/combineLatest-BN0_WcEG.js";import{d as me}from"../assets/async-D5WN8Wfc.js";import"../assets/viewport-listener-DrFhSZNW.js";import"../assets/debounceTime-D7R6Z3Am.js";import"../assets/skipWhile-BzDgmir5.js";import"../assets/mergeAll-DTkL1sF8.js";import"../assets/mergeMap-g-JGW99j.js";import"../assets/executeSchedule-C0acKsif.js";import"../assets/empty-Bs9kqCuA.js";import"../assets/from-BTlWkhKh.js";import"../assets/delay-wUm-cx7a.js";import"../assets/timer-C3uKg-qK.js";import"../store-locator/store-locator.min.js";import"../assets/state-C5zM4-Pq.js";import"../assets/query-BApjzB0v.js";import"../onboarding/onboarding.min.js";import"../onboarding/events.min.js";import"../onboarding/analytics/onboarding-analytics.min.js";import"../assets/responsive-C7Qf71r3.js";import"../assets/mapOneOrManyArgs-Bdu6mo6S.js";var ge=function(e){re(t,e);function t(s,r,i){s===void 0&&(s=1/0),r===void 0&&(r=1/0),i===void 0&&(i=me);var n=e.call(this)||this;return n._bufferSize=s,n._windowTime=r,n._timestampProvider=i,n._buffer=[],n._infiniteTimeWindow=!0,n._infiniteTimeWindow=r===1/0,n._bufferSize=Math.max(1,s),n._windowTime=Math.max(1,r),n}return t.prototype.next=function(s){var r=this,i=r.isStopped,n=r._buffer,o=r._infiniteTimeWindow,d=r._timestampProvider,v=r._windowTime;i||(n.push(s),!o&&n.push(d.now()+v)),this._trimBuffer(),e.prototype.next.call(this,s)},t.prototype._subscribe=function(s){this._throwIfClosed(),this._trimBuffer();for(var r=this._innerSubscribe(s),i=this,n=i._infiniteTimeWindow,o=i._buffer,d=o.slice(),v=0;v<d.length&&!s.closed;v+=n?1:2)s.next(d[v]);return this._checkFinalizedStatuses(s),r},t.prototype._trimBuffer=function(){var s=this,r=s._bufferSize,i=s._timestampProvider,n=s._buffer,o=s._infiniteTimeWindow,d=(o?1:2)*r;if(r<1/0&&d<n.length&&n.splice(0,n.length-d),!o){for(var v=i.now(),k=0,u=1;u<n.length&&n[u]<=v;u+=2)k=u;k&&n.splice(0,k+1)}},t}(L);function ve(e){e===void 0&&(e={});var t=e.connector,s=t===void 0?function(){return new L}:t,r=e.resetOnError,i=r===void 0?!0:r,n=e.resetOnComplete,o=n===void 0?!0:n,d=e.resetOnRefCountZero,v=d===void 0?!0:d;return function(k){var u,f,I,T=0,S=!1,x=!1,C=function(){f==null||f.unsubscribe(),f=void 0},D=function(){C(),u=I=void 0,S=x=!1},ae=function(){var P=u;D(),P==null||P.unsubscribe()};return se(function(P,K){T++,!x&&!S&&C();var R=I=I??s();K.add(function(){T--,T===0&&!x&&!S&&(f=A(ae,v))}),R.subscribe(K),!u&&T>0&&(u=new X({next:function(O){return R.next(O)},error:function(O){x=!0,C(),f=A(D,i,O),R.error(O)},complete:function(){S=!0,C(),f=A(D,o),R.complete()}}),H(P).subscribe(u))})(k)}}function A(e,t){for(var s=[],r=2;r<arguments.length;r++)s[r-2]=arguments[r];if(t===!0){e();return}if(t!==!1){var i=new X({next:function(){i.unsubscribe(),e()}});return H(t.apply(void 0,ne([],le(s)))).subscribe(i)}}function be(e,t,s){var r,i=!1;return r=e,ve({connector:function(){return new ge(r,t,s)},resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:i})}function w(e){return se(function(t,s){H(e).subscribe(he(s,function(){return s.complete()},oe)),!s.closed&&t.subscribe(s)})}var _e=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,y=(e,t,s,r)=>{for(var i=r>1?void 0:r?fe(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&_e(t,s,i),i};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(l.recipes.remainingBasketEntries$.pipe(h(e=>{this.remainingBasketEntries=e})),l.recipes.recipePrice$.pipe(h(e=>{const t=e.remaining+e.inBasket;this.recipePrice={...e,total:t,totalPerGuest:0}})),l.recipes.allIngredientsToBasketLoading$.pipe(h(e=>{this.allIngredientsToBasketLoading=e})),l.recipes.ingredientToBasketLoading$.pipe(h(e=>{this.ingredientToBasketLoading=e})),l.recipes.updateIngredientFromBasketLoading$.pipe(h(e=>{this.updateIngredientFromBasketLoading=e})),l.recipes.productsLoading$.pipe(h(e=>{this.productsLoading=e})),l.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=l.planner.isRecipeInMenu$(this.recipeId).pipe(h(e=>{this.inMenu=e})).subscribe(()=>this.requestUpdate()))}closeRecipeDetails(e=!1){l.recipes.displayedRecipe$.next(null),e&&l.basket.basketPreviewState$.next({isOpen:!0,activeTabIndex:l.basket.basketPreviewState$.getValue().activeTabIndex})}continueShopping(){this.closeRecipeDetails(),this.sendContinueEvent()}addToMenu(){var r,i;this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion"),t=!!e&&!!e.recipeId&&e.recipeId===this.recipeId,s=document.querySelector("mealz-planner-current-menu");if(!s){const n=(i=(r=l.recipes)==null?void 0:r.productsPlannerByCategory$)==null?void 0:i.value,o=(n==null?void 0:n.toPickProducts)||[];l.planner.addRecipeToMenu(this.recipeId,this.guests,!!l.pos.currentPos().value,o).pipe(B(1)).subscribe(()=>{this.inMenu=!0;const d=document.querySelector("mealz-planner-recipe-list");d==null||d.addRecipeCardToList(this.recipeId),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()});return}if(t){e.addRecipeFromDetails$(this.guests).subscribe({next:()=>{this.inMenu=!0,this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()},error:()=>{this.menuUpdateLoading=!1,this.requestUpdate()}});return}s.addRecipe(this.recipeId,this.guests).pipe(B(1)).subscribe({next:()=>{this.inMenu=!0,e==null||e.addAndSelectNewSuggestion(this.recipe||void 0),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()},error:()=>{this.menuUpdateLoading=!1,this.requestUpdate()}})}removeFromMenu(){this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){l.planner.removeRecipeFromMenu(this.recipeId).pipe(B(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(){l.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,s=this.plannerMode&&!this.inMenu;return a`
+import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";import{_ as re,n as D,p as X,b as ne,c as oe,q as le,N as m,D as c,k as r}from"../assets/no-shadow-element-YPHUv5PR.js";import{t as g}from"../assets/custom-element-BhZVzxrc.js";import{n as p}from"../assets/property-_7ObQ3dl.js";import{P as ce}from"../assets/price-DAxY_7sk.js";import{m as o}from"../assets/mealz-sdk-E_fNZM-c.js";import{m as Z}from"../assets/merge-Cm-mm3_Q.js";import{m as h}from"../assets/map-BVOhpQm0.js";import{t as U}from"../assets/take-CozE9iSG.js";import{c as ee}from"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import{G as te}from"../assets/product-card-HetVhdJ3.js";import"../price/price.min.js";import"../assets/promotion-badge-8Arhhb-p.js";import"../assets/accordion-DJLqKUJq.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-CY0Np4--.js";import{M as ue}from"../planner/planner-onboarding/planner-onboarding.min.js";import{o as se,c as he}from"../assets/OperatorSubscriber-BaYaQC1O.js";import{i as H}from"../assets/innerFrom-BgPDnAsH.js";import{f as Q}from"../assets/filter-BZ75lS5D.js";import{t as z}from"../assets/tap-C8CJ3R2H.js";import{s as Y}from"../assets/switchMap-Dk_0Nhlo.js";import{c as J}from"../assets/combineLatest-BmqPE0OB.js";import{d as me}from"../assets/async-CFBGA-Dz.js";import"../assets/viewport-listener-CDsKFDz1.js";import"../assets/debounceTime-B4DpnstH.js";import"../assets/skipWhile-BZVFq1Cg.js";import"../assets/mergeAll-BdUAXyrs.js";import"../assets/mergeMap-Dw_YYHwH.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/empty-0eVnsLmk.js";import"../assets/args-BozZ6oU-.js";import"../assets/isScheduler-C5PGPVU1.js";import"../assets/from-CAidt5N1.js";import"../assets/delay-BNnJ-6LE.js";import"../assets/timer-D82-ik89.js";import"../store-locator/store-locator.min.js";import"../assets/state-W5mtSPAs.js";import"../assets/query-BApjzB0v.js";import"../onboarding/onboarding.min.js";import"../onboarding/events.min.js";import"../onboarding/analytics/onboarding-analytics.min.js";import"../assets/responsive-C7Qf71r3.js";import"../assets/mapOneOrManyArgs-COA1aRZM.js";var ge=function(e){re(t,e);function t(s,a,i){s===void 0&&(s=1/0),a===void 0&&(a=1/0),i===void 0&&(i=me);var n=e.call(this)||this;return n._bufferSize=s,n._windowTime=a,n._timestampProvider=i,n._buffer=[],n._infiniteTimeWindow=!0,n._infiniteTimeWindow=a===1/0,n._bufferSize=Math.max(1,s),n._windowTime=Math.max(1,a),n}return t.prototype.next=function(s){var a=this,i=a.isStopped,n=a._buffer,l=a._infiniteTimeWindow,d=a._timestampProvider,v=a._windowTime;i||(n.push(s),!l&&n.push(d.now()+v)),this._trimBuffer(),e.prototype.next.call(this,s)},t.prototype._subscribe=function(s){this._throwIfClosed(),this._trimBuffer();for(var a=this._innerSubscribe(s),i=this,n=i._infiniteTimeWindow,l=i._buffer,d=l.slice(),v=0;v<d.length&&!s.closed;v+=n?1:2)s.next(d[v]);return this._checkFinalizedStatuses(s),a},t.prototype._trimBuffer=function(){var s=this,a=s._bufferSize,i=s._timestampProvider,n=s._buffer,l=s._infiniteTimeWindow,d=(l?1:2)*a;if(a<1/0&&d<n.length&&n.splice(0,n.length-d),!l){for(var v=i.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,s=t===void 0?function(){return new D}:t,a=e.resetOnError,i=a===void 0?!0:a,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,T=0,w=!1,S=!1,C=function(){f==null||f.unsubscribe(),f=void 0},L=function(){C(),u=I=void 0,w=S=!1},ae=function(){var P=u;L(),P==null||P.unsubscribe()};return se(function(P,K){T++,!S&&!w&&C();var x=I=I??s();K.add(function(){T--,T===0&&!S&&!w&&(f=A(ae,v))}),x.subscribe(K),!u&&T>0&&(u=new X({next:function(R){return x.next(R)},error:function(R){S=!0,C(),f=A(L,i,R),x.error(R)},complete:function(){w=!0,C(),f=A(L,l),x.complete()}}),H(P).subscribe(u))})(k)}}function A(e,t){for(var s=[],a=2;a<arguments.length;a++)s[a-2]=arguments[a];if(t===!0){e();return}if(t!==!1){var i=new X({next:function(){i.unsubscribe(),e()}});return H(t.apply(void 0,ne([],oe(s)))).subscribe(i)}}function be(e,t,s){var a,i=!1;return a=e,ve({connector:function(){return new ge(a,t,s)},resetOnError:!0,resetOnComplete:!1,resetOnRefCountZero:i})}function O(e){return se(function(t,s){H(e).subscribe(he(s,function(){return s.complete()},le)),!s.closed&&t.subscribe(s)})}var _e=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,y=(e,t,s,a)=>{for(var i=a>1?void 0:a?fe(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=(a?l(t,s,i):l(i))||i);return a&&i&&_e(t,s,i),i};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 a,i;this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion"),t=!!e&&!!e.recipeId&&e.recipeId===this.recipeId,s=document.querySelector("mealz-planner-current-menu");if(!s){const n=(i=(a=o.recipes)==null?void 0:a.productsPlannerByCategory$)==null?void 0:i.value,l=(n==null?void 0:n.toPickProducts)||[];o.planner.addRecipeToMenu(this.recipeId,this.guests,!!o.pos.currentPos().value,l).pipe(U(1)).subscribe(()=>{this.inMenu=!0;const d=document.querySelector("mealz-planner-recipe-list");d==null||d.addRecipeCardToList(this.recipeId),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()});return}if(t){e.addRecipeFromDetails$(this.guests).subscribe({next:()=>{this.inMenu=!0,this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()},error:()=>{this.menuUpdateLoading=!1,this.requestUpdate()}});return}s.addRecipe(this.recipeId,this.guests).pipe(U(1)).subscribe({next:()=>{this.inMenu=!0,e==null||e.addAndSelectNewSuggestion(this.recipe||void 0),this.menuUpdateLoading=!1,this.requestUpdate(),this.closeRecipeDetails()},error:()=>{this.menuUpdateLoading=!1,this.requestUpdate()}})}removeFromMenu(){this.menuUpdateLoading=!0,this.requestUpdate();const e=document.querySelector("mealz-planner-recipe-suggestion");if(!e){o.planner.removeRecipeFromMenu(this.recipeId).pipe(U(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,s=this.plannerMode&&!this.inMenu;return r`
       <div class="mealz-recipe-details__footer">
-        ${this.productsLoading&&!this.plannerMode?c:a`
+        ${this.productsLoading&&!this.plannerMode?c:r`
             <!-- ADD TO BASKET CTA -->
-            ${e||t||s?this.renderAddToBasketButton():a`
+            ${e||t||s?this.renderAddToBasketButton():r`
                 <div class="mealz-recipe-details__recipe-is-in-basket-cta-container">
                   ${this.renderBasketActions()}
                 </div>
               `}
           `}
         ${this.noPosDisplay?c:this.renderPrice()}
-      </div>`}renderAddToBasketButton(){const e=this.remainingBasketEntries.length;return this.allIngredientsToBasketLoading||this.menuUpdateLoading?a`
+      </div>`}renderAddToBasketButton(){const e=this.remainingBasketEntries.length;return this.allIngredientsToBasketLoading||this.menuUpdateLoading?r`
         <button class="mealz-recipe-details__add-to-basket-cta mealz-ds-button primary">
           <div class="mealz-ds-loader"></div>
         </button>
-      `:this.plannerMode?a`
+      `:this.plannerMode?r`
         <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>
-      `:a`
+      `:r`
       <button
         class="mealz-recipe-details__add-to-basket-cta mealz-ds-text mealz-ds-button size-m weight-xl primary"
         @click=${()=>this.addAllIngredients()}
@@ -42,20 +42,20 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </div>
         </div>
       </button>
-    `}renderBasketActions(){return this.menuUpdateLoading?a`
+    `}renderBasketActions(){return this.menuUpdateLoading?r`
         <button class="mealz-ds-button">
           <div class="mealz-ds-loader"></div>
         </button>
-      `:this.plannerMode?a`
+      `:this.plannerMode?r`
         <!-- REMOVE FROM MENU CTA -->
-        <button class="mealz-ds-button" @click=${()=>this.removeFromMenu()}>
+        <button class="mealz-ds-button secondary mealz-recipe-details__remove-from-menu-cta" @click=${()=>this.removeFromMenu()}>
           <img alt="remove icon"
-               src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_Black.svg"/>
+               src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg"/>
           <span class="mealz-ds-text size-s weight-xl">
             Retirer du menu
           </span>
         </button>
-      `:a`
+      `:r`
       <!-- 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?a`
+      ${this.noSupplier?r`
         <button
           @click=${()=>this.closeRecipeDetails(!0)}
           class="mealz-ds-button mealz-ds-text size-m weight-xl primary mealz-recipe-details__see-basket-cta">
@@ -78,7 +78,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
             src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"/>
         </button>
       `: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`
+    `}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 r`
       <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(){l.analytics.sendEvent("entry.add-all",this.analyticsPath,{recipe_id:this.recipeId,entry_count:this.remainingBasketEntries.length})}sendAddRecipeEvent(){l.analytics.sendEvent("recipe.add",this.analyticsPath,{recipe_id:this.recipeId})}sendContinueEvent(){l.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,s,r)=>{for(var i=r>1?void 0:r?ze(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let N=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(l.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`
+    `}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,s,a)=>{for(var i=a>1?void 0:a?ze(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let N=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 r`<span class="mealz-recipe-details-infos__no-time-placeholder">0 min</span>`}noDataPlaceholder(){return r`<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 r`<span class="mealz-ds-text">Facile</span>`;case 2:return r`<span class="mealz-ds-text">Moyen</span>`;case 3:return r`<span class="mealz-ds-text">Difficile</span>`;default:return c}}renderPreparationTime(){return r`
     <!-- 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?a`<span class="mealz-ds-text">${this.recipe.preparationTime}</span>`:this.noTimePlaceholder()}
+   ${this.recipe.preparationTime?r`<span class="mealz-ds-text">${this.recipe.preparationTime}</span>`:this.noTimePlaceholder()}
   </div>
-    `}renderCookingTime(){return a`
+    `}renderCookingTime(){return r`
         <!-- 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?a`<span class="mealz-ds-text">${this.recipe.cookingTime}</span>`:this.noTimePlaceholder()}
+            ${this.recipe.cookingTime?r`<span class="mealz-ds-text">${this.recipe.cookingTime}</span>`:this.noTimePlaceholder()}
         </div>
-    `}renderRecipeDifficulty(){return a`
+    `}renderRecipeDifficulty(){return r`
         <!-- RECIPE DIFFICULTY -->
-          ${this.recipe.difficulty?a`
+          ${this.recipe.difficulty?r`
           <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>
-      `:c}`}renderMoreTags(){return a`
+      `:c}`}renderMoreTags(){return r`
       <!-- MORE INFO -->
-      ${this.displayTags?this.renderTags():a`
+      ${this.displayTags?this.renderTags():r`
         <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 a`
+    `}renderTags(){return r`
       <!-- TAGS -->
-      ${this.tags.map(e=>a`
+      ${this.tags.map(e=>r`
         <div class="mealz-ds-badge size-l mealz-recipe-details-infos__badge tag">
           <span class="mealz-ds-text">${e}</span>
         </div>
       `)}
-    `}render(){return a`
+    `}render(){return r`
     <div class="mealz-recipe-details-infos__container ${this.displayTags?"tags-displayed":""}">
       ${this.renderPreparationTime()}
       ${this.renderCookingTime()}
       ${this.renderRecipeDifficulty()}
       ${this.renderMoreTags()}
     </div>
-    `}};N=ye([g("mealz-details-infos")],N);customElements.get("mealz-details-infos")||customElements.define("mealz-details-infos",N);var $e=Object.getOwnPropertyDescriptor,ke=(e,t,s,r)=>{for(var i=r>1?void 0:r?$e(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let q=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(l.recipes.displayedRecipe$.subscribe(e=>{e&&(this.steps=e.recipe.relationships["recipe-steps"].data.sort((t,s)=>t.attributes["step-number"]-s.attributes["step-number"]).map(t=>t.attributes.description),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){return a`
+    `}};N=ye([g("mealz-details-infos")],N);customElements.get("mealz-details-infos")||customElements.define("mealz-details-infos",N);var $e=Object.getOwnPropertyDescriptor,ke=(e,t,s,a)=>{for(var i=a>1?void 0:a?$e(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let q=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,s)=>t.attributes["step-number"]-s.attributes["step-number"]).map(t=>t.attributes.description),this.requestUpdate())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){return r`
     <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)=>a`
+    ${this.steps.map((e,t)=>r`
     <div class="mealz-details-steps__step">
       <!-- INDEX -->
       <div class="mealz-details-steps__step__idx">
@@ -180,16 +180,16 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
     `)}
   </div>
 </div>
-`}};q=ke([g("mealz-details-steps")],q);customElements.get("mealz-details-steps")||customElements.define("mealz-details-steps",q);var Ie=Object.getOwnPropertyDescriptor,Pe=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ie(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let G=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(l.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`
+`}};q=ke([g("mealz-details-steps")],q);customElements.get("mealz-details-steps")||customElements.define("mealz-details-steps",q);var Ie=Object.getOwnPropertyDescriptor,Pe=(e,t,s,a)=>{for(var i=a>1?void 0:a?Ie(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let G=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 r`
       <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?a`<span>ingrédients</span>`:a`<span>ingrédient</span>`}
+          ${((t=this.ingredients)==null?void 0:t.length)>1?r`<span>ingrédients</span>`:r`<span>ingrédient</span>`}
         </div>
         <!-- LIST -->
         <div class="mealz-details-ingredients__list">
-          ${this.ingredients.map(s=>a`
+          ${this.ingredients.map(s=>r`
             <div class="mealz-details-ingredients__item">
               <!-- PICTURE -->
               <div class="mealz-ds-avatar mealz-details-ingredients__picture_container">
@@ -209,7 +209,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           `)}
         </div>
       </div>
-    `}ingredientPicture(e){return e.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}};G=Pe([g("mealz-details-ingredients")],G);customElements.get("mealz-details-ingredients")||customElements.define("mealz-details-ingredients",G);var Ee=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,$=(e,t,s,r)=>{for(var i=r>1?void 0:r?Te(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&Ee(t,s,i),i};const M=["unavailable"],Se=["ticked","unselected"];let _=class extends m{constructor(){super(),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"}get isSponsored(){var e,t,s;return((s=(t=(e=this.product)==null?void 0:e.item)==null?void 0:t.attributes)==null?void 0:s.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(){l.planner.openReplaceItemView(this.product),this.replaceItemViewEvent()}onCheckboxChange(e){e.target.checked?(this.status="ticked",l.planner.selectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.addItemEvent()):(this.status="unselected",l.planner.unselectProduct(+this.product.item.id,this.product.ingredient.relationships.definition.data.id),this.deleteItemEvent()),this.requestUpdate()}render(){return a`
+    `}ingredientPicture(e){return e.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}};G=Pe([g("mealz-details-ingredients")],G);customElements.get("mealz-details-ingredients")||customElements.define("mealz-details-ingredients",G);var Ee=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,$=(e,t,s,a)=>{for(var i=a>1?void 0:a?Te(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=(a?l(t,s,i):l(i))||i);return a&&i&&Ee(t,s,i),i};const M=["unavailable"],we=["ticked","unselected"];let _=class extends m{constructor(){super(),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"}get isSponsored(){var e,t,s;return((s=(t=(e=this.product)==null?void 0:e.item)==null?void 0:t.attributes)==null?void 0:s.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 r`
       <div class="mealz-product-card-planner
         ${this.status==="ticked"?"added":""}
         ${M.includes(this.status)||this.oftenIgnored?"disabled":""}
@@ -220,10 +220,10 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           ${this.oftenIgnored?"disabled":""}
           ${this.status==="unavailable"?"unavailable":""}"
         >
-          ${Se.includes(this.status)&&!this.oftenIgnored?this.renderEnabledProductCard():this.renderDisabledOrUnavailableProduct()}
+          ${we.includes(this.status)&&!this.oftenIgnored?this.renderEnabledProductCard():this.renderDisabledOrUnavailableProduct()}
         </div>
       </div>
-    `}renderEnabledProductCard(){return a`
+    `}renderEnabledProductCard(){return r`
       <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 a`
+    `}renderHeader(){return r`
       <div
         class="mealz-product-card-planner__header
       ${this.status==="ticked"?"added":""}
@@ -281,7 +281,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           <span>${this.product.ingredient.attributes.unit}</span>
         </span>
       </div>
-    `}renderFooterActions(){return a`
+    `}renderFooterActions(){return r`
       <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 a`
+    `}renderCTA(){return r`
       <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 a`
-      ${this.oftenIgnored?a`
+    `}renderDisabledOrUnavailableProduct(){return r`
+      ${this.oftenIgnored?r`
         <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?a`
+      ${this.status==="unavailable"&&!this.oftenIgnored?r`
         <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(){l.analytics.sendEvent("planner.item.add",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}deleteItemEvent(){l.analytics.sendEvent("planner.item.delete",this.analyticsPath,{recipe_id:this.recipeId,item_id:this.product.item.id})}replaceItemViewEvent(){l.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 xe=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,ie=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ce(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&xe(t,s,i),i};let U=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(s=>s.id==="ingredient_category_alcool")}render(){return this.containsAlcohol?a`
+    `}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 Se=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,ie=(e,t,s,a)=>{for(var i=a>1?void 0:a?Ce(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=(a?l(t,s,i):l(i))||i);return a&&i&&Se(t,s,i),i};let B=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(s=>s.id==="ingredient_category_alcool")}render(){return this.containsAlcohol?r`
       <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>
-    `:c}};ie([p()],U.prototype,"tags",2);U=ie([g("mealz-legal-notice")],U);customElements.get("mealz-legal-notice")||customElements.define("mealz-legal-notice",U);var Re=Object.getOwnPropertyDescriptor,Oe=(e,t,s,r)=>{for(var i=r>1?void 0:r?Re(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let F=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`
+    `:c}};ie([p()],B.prototype,"tags",2);B=ie([g("mealz-legal-notice")],B);customElements.get("mealz-legal-notice")||customElements.define("mealz-legal-notice",B);var xe=Object.getOwnPropertyDescriptor,Re=(e,t,s,a)=>{for(var i=a>1?void 0:a?xe(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let F=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 r`
       <!-- 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>
-    `}};F=Oe([g("mealz-products-card-skeleton")],F);customElements.get("mealz-products-card-skeleton")||customElements.define("mealz-products-card-skeleton",F);var we=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,W=(e,t,s,r)=>{for(var i=r>1?void 0:r?Le(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=(r?o(t,s,i):o(i))||i);return r&&i&&we(t,s,i),i};let E=class extends m{constructor(){super(),this.inBasket=!1,this.plannerMode=!1,this.numberUnavailableProducts=0,this.subscriptions=[],this.noSupplier=l.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(l.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?l.recipes.productsPlannerByCategory$:l.recipes.productsByCategory$;this.subscriptions.push(e.subscribe(t=>{this.productsByCategory=t,this.plannerMode?this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(s=>s.status==="unavailable").length:this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(s=>s.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(l.router.getCatalogUrl())}closeRecipeModal(){}currentPath(){return""}guestsChange(e){const t=new CustomEvent("guestChange",{bubbles:!0,composed:!0,detail:{value:e.detail.value}});this.dispatchEvent(t)}render(){var e,t,s;return a`
+    `}};F=Re([g("mealz-products-card-skeleton")],F);customElements.get("mealz-products-card-skeleton")||customElements.define("mealz-products-card-skeleton",F);var Oe=Object.defineProperty,De=Object.getOwnPropertyDescriptor,W=(e,t,s,a)=>{for(var i=a>1?void 0:a?De(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=(a?l(t,s,i):l(i))||i);return a&&i&&Oe(t,s,i),i};let E=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(s=>s.status==="unavailable").length:this.numberUnavailableProducts=[...t.oftenIgnoredProducts,...t.toPickProducts].filter(s=>s.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(e){const t=new CustomEvent("guestChange",{bubbles:!0,composed:!0,detail:{value:e.detail.value}});this.dispatchEvent(t)}render(){var e,t,s;return r`
       <div class="mealz-products-picker">
-        ${this.inBasket&&this.plannerMode?a`
+        ${this.inBasket&&this.plannerMode?r`
           <div class="mealz-products-picker__overlay">
             <div class="mealz-products-picker__overlay-text">
               <span class="mealz-ds-text">
@@ -388,50 +388,50 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
         ${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(r=>{var i,n,o,d;return this.plannerMode?a`
+          ${((e=this.productsByCategory)==null?void 0:e.toPickProducts.length)>0?this.productsByCategory.toPickProducts.map(a=>{var i,n,l,d;return this.plannerMode?r`
                   <mealz-product-card-planner
-                    .product="${r}"
+                    .product="${a}"
                     .recipeId="${this.recipe.id}"
                     .oftenIgnored="${!1}"
                     .initialGuests="${((i=this.recipe)==null?void 0:i.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>
-                `:a`
+                `:r`
                   <mealz-product-card
-                    .product="${r}"
+                    .product="${a}"
                     .recipeId="${this.recipe.id}"
-                    .initialGuests="${((o=this.recipe)==null?void 0:o.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(a`
+                `}):Array(this.totalProducts).fill(r`
               <mealz-products-card-skeleton></mealz-products-card-skeleton>
             `)}
         </div>
         <!-- OFTEN IGNORED PRODUCTS -->
         <div class="mealz-products-picker__secondary-list">
-          ${((s=(t=this.productsByCategory)==null?void 0:t.oftenIgnoredProducts)==null?void 0:s.length)>0?a`
+          ${((s=(t=this.productsByCategory)==null?void 0:t.oftenIgnoredProducts)==null?void 0:s.length)>0?r`
             <mealz-accordion
               .noStyling=${!0}
-              .titleSlot=${a`
+              .titleSlot=${r`
                 <span class="mealz-ds-text weight-xl">
                   Déjà dans le placard
                 </span>
               `}
-              .contentSlot=${a`
+              .contentSlot=${r`
                 <div class="mealz-products-picker__list">
-                  ${this.productsByCategory.oftenIgnoredProducts.map(r=>{var i,n,o,d;return this.plannerMode?a`
+                  ${this.productsByCategory.oftenIgnoredProducts.map(a=>{var i,n,l,d;return this.plannerMode?r`
                         <mealz-product-card-planner
-                          .product=${r}
+                          .product=${a}
                           .recipeId=${this.recipe.id}
                           .oftenIgnored=${!0}
                           .initialGuests=${((i=this.recipe)==null?void 0:i.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>
-                      `:a`
+                      `:r`
                         <mealz-product-card
-                          .product=${r}
+                          .product=${a}
                           .recipeId=${this.recipe.id}
-                          .initialGuests=${((o=this.recipe)==null?void 0:o.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>
                       `})}
@@ -443,15 +443,15 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
         </div>
         ${this.noSupplier?c:this.renderLowerContent()}
       </div>
-    `}renderHeader(){var e;return a`
+    `}renderHeader(){var e;return r`
       <div class="mealz-products-picker__header">
-        ${this.totalProducts>0?a`
+        ${this.totalProducts>0?r`
           <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?a`<span>ingrédients</span>`:a`<span>ingrédient</span>`}
+            ${this.totalProducts>1?r`<span>ingrédients</span>`:r`<span>ingrédient</span>`}
             </div>
-            ${this.numberUnavailableProducts>0?a`
+            ${this.numberUnavailableProducts>0?r`
               <mealz-unavailable-badge
                 .numberUnavailable="${this.numberUnavailableProducts}"
                 @clicked="${()=>this.scrollToFirstUnavailable()}">
@@ -460,7 +460,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </div>
         `:c}
         <!-- GUEST COUNTER FOR NO SUPPLIER MODE-->
-        ${this.noSupplier?a`
+        ${this.noSupplier?r`
             <mealz-counter
               .floating="${!0}"
               .value="${(e=this.recipe)==null?void 0:e.modifiedGuests}"
@@ -478,27 +478,27 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
          </select>
        </div> -->
       </div>
-    `}renderLowerContent(){return a`
+    `}renderLowerContent(){return r`
       <!-- MORE RECIPE IDEAS -->
       <div class="mealz-products-picker__more">
-        ${!this.isAlreadyOnCatalogPage()&&!this.plannerMode?a`
+        ${!this.isAlreadyOnCatalogPage()&&!this.plannerMode?r`
           <a class="mealz-products-picker__more-anchor"
-            href="${l.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>
-        `:a`
+        `:r`
           <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(){l.analytics.sendEvent("home.display",this.analyticsPath,{})}};W([p({type:Boolean})],E.prototype,"inBasket",2);W([p({type:Boolean})],E.prototype,"plannerMode",2);E=W([g("mealz-products-picker")],E);customElements.get("mealz-products-picker")||customElements.define("mealz-products-picker",E);var Ue=Object.getOwnPropertyDescriptor,De=(e,t,s,r)=>{for(var i=r>1?void 0:r?Ue(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let j=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(l.recipes.invalidPosDisplay$.subscribe(e=>{this.invalidPos=e,this.requestUpdate()}))}callPosSelector(){const e=new CustomEvent("posSelected",{bubbles:!0,composed:!0});this.dispatchEvent(e)}openStoreLocator(){window.mealzInternal.noSupplier.displaySupplierSelector$.next(!0)}render(){return a`
+    `}sendHomeDisplayEvent(){o.analytics.sendEvent("home.display",this.analyticsPath,{})}};W([p({type:Boolean})],E.prototype,"inBasket",2);W([p({type:Boolean})],E.prototype,"plannerMode",2);E=W([g("mealz-products-picker")],E);customElements.get("mealz-products-picker")||customElements.define("mealz-products-picker",E);var Be=Object.getOwnPropertyDescriptor,Le=(e,t,s,a)=>{for(var i=a>1?void 0:a?Be(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let V=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(){window.mealzInternal.noSupplier.displaySupplierSelector$.next(!0)}render(){return r`
       <div class="mealz-no-pos-selected">
-        ${this.invalidPos?a`
+        ${this.invalidPos?r`
           <!-- INVALID POS -->
           <img
             class="mealz-no-pos-selected__picture"
@@ -513,7 +513,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>
-        `:a`
+        `:r`
           <!-- NO POS SELECTED -->
           <img
             class="mealz-no-pos-selected__picture"
@@ -536,13 +536,13 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           Sélectionner un magasin
         </button>
       </div>
-    `}};j=De([g("mealz-no-pos-selected")],j);customElements.get("mealz-no-pos-selected")||customElements.define("mealz-no-pos-selected",j);var Be=Object.getOwnPropertyDescriptor,Ae=(e,t,s,r)=>{for(var i=r>1?void 0:r?Be(t,s):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=o(i)||i);return i};let V=class extends m{constructor(){super(),this.activeTabIndex=0,this.destroy$=new L,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 L,this.handleNoSupplierMode(),Z(l.recipes.displayedRecipe$.pipe(w(this.destroy$),Q(e=>!!e),z(e=>{e.recipe!==null&&(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())}),Y(e=>e.recipe===null?[]: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 s=!t.isIntersecting;this.isSticky!==s&&(this.isSticky=s,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 s=e.getBoundingClientRect(),r=t.getBoundingClientRect();t.scrollTop+=s.top-r.top;return}e.scrollIntoView({behavior:"smooth",block:"start"})}handleNoSupplierMode(){this.noSupplier=!!l.supplier.isNoSupplier(),this.requestUpdate()}close(){this.sendCloseEvent(),l.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||l.user.isAuthenticated().pipe(w(this.destroy$),Q(e=>e),Y(()=>l.html.like(this.recipe.id))).subscribe({next:e=>{this.likeButtonHTML=e,this.requestUpdate()},error:e=>console.error("Like button error:",e)})}checkSponsorStorytelling(){this.sponsor&&l.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 J({noPosDisplay:l.recipes.noPosDisplay$,invalidPosDisplay:l.recipes.invalidPosDisplay$}).pipe(z(({noPosDisplay:e,invalidPosDisplay:t})=>{this.noPosDisplay=e,this.invalidPosDisplay=t,this.activeTabIndex=e?1:0}),h(()=>{}))}listenLastOrderDate(){return l.recipes.orderHistoryDate$.pipe(z(e=>{this.orderHistoryDate=e}))}listenToLoadingStates(){return J([l.recipes.ingredientToBasketLoading$,l.recipes.updateIngredientFromBasketLoading$]).pipe(h(([e,t])=>e||t),z(e=>{this.basketIsUpdating=e}),be(1))}listenRemainingBasketEntries(){return l.recipes.remainingBasketEntries$.pipe(z(e=>{this.remainingBasketEntries=e}))}listenToAddAllToBasket(){return l.recipes.allIngredientsToBasketLoading$.pipe(z(e=>{e&&(this.selectTab(0),setTimeout(()=>{this.scrollToPicker()},50))}))}listenToRecipeInBasket(){return l.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"),s=(t==null?void 0:t.offsetHeight)||0;e.style.scrollMarginTop=`${s}px`,e.scrollIntoView({behavior:"instant",block:"start"})}}scrollToReplacedItem(e){var s,r;const t=this.querySelectorAll("mealz-product-card-planner");for(const i of Array.from(t)){const n=i;if(((r=(s=n.product)==null?void 0:s.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(){l.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?l.planner.updateGuests(this.recipe.modifiedGuests,t):l.recipes.updateGuests(t),this.requestUpdate()}render(){return a`
+    `}};V=Le([g("mealz-no-pos-selected")],V);customElements.get("mealz-no-pos-selected")||customElements.define("mealz-no-pos-selected",V);var Ue=Object.getOwnPropertyDescriptor,Ae=(e,t,s,a)=>{for(var i=a>1?void 0:a?Ue(t,s):t,n=e.length-1,l;n>=0;n--)(l=e[n])&&(i=l(i)||i);return i};let j=class extends m{constructor(){super(),this.activeTabIndex=0,this.destroy$=new D,this.remainingBasketEntries=[],this.guestObserverService=te.getInstance(),this.isSticky=!1,this.hasBackNavigation=!1,this.drawerViewSwapper=null,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(O(this.destroy$),Q(e=>!!e),z(e=>{e.recipe!==null&&(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())}),Y(e=>e.recipe===null?[]:this.listenToRecipeInBasket())),this.listenPosStatus(),this.listenRemainingBasketEntries(),this.listenLastOrderDate(),this.listenToLoadingStates(),this.listenToAddAllToBasket()).pipe(O(this.destroy$)).subscribe({next:()=>this.requestUpdate(),error:e=>console.error("Recipe details error:",e)}),this.addEventListener("products-picker-ready",()=>this.startRecipeDetailsOnboardingIfNeeded()),this.setupDrawerBackNavigationIndicator()}disconnectedCallback(){super.disconnectedCallback(),this.destroy$.next(),this.destroy$.complete(),this.topObserver&&this.topObserver.disconnect(),this.stickyTimeout&&clearTimeout(this.stickyTimeout),this.drawerViewSwapper&&this.onActiveViewsChanged&&this.drawerViewSwapper.removeEventListener("mealz-active-views-changed",this.onActiveViewsChanged)}setupDrawerBackNavigationIndicator(){const e=this.closest("mealz-drawer-view-swapper");this.drawerViewSwapper=e??document.querySelector("mealz-drawer-view-swapper"),this.drawerViewSwapper&&(this.updateBackNavigationFromActiveViews(this.drawerViewSwapper.getActiveViewNames()),this.onActiveViewsChanged=t=>{const s=t==null?void 0:t.detail;s!=null&&s.activeViews&&this.updateBackNavigationFromActiveViews(s.activeViews)},this.drawerViewSwapper.addEventListener("mealz-active-views-changed",this.onActiveViewsChanged))}updateBackNavigationFromActiveViews(e){const t=Array.isArray(e)&&e.length>1;this.hasBackNavigation!==t&&(this.hasBackNavigation=t,this.requestUpdate())}getRecipeDetailsCloseIcon(){return this.hasBackNavigation?{src:"https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg",alt:"back button",className:"mealz-recipe-details__close-icon is-back"}:{src:"https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg",alt:"modal close button",className:"mealz-recipe-details__close-icon"}}getRecipeDetailsStickyCloseIcon(){return this.hasBackNavigation?{src:"https://storage.googleapis.com/assets.miam.tech/generic/icons/ArrowLeft_dark.svg",alt:"back button",className:"mealz-recipe-details__close-icon before-title is-back"}:{src:"https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_Black.svg",alt:"modal close button",className:"mealz-recipe-details__close-icon"}}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 s=!t.isIntersecting;this.isSticky!==s&&(this.isSticky=s,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 s=e.getBoundingClientRect(),a=t.getBoundingClientRect();t.scrollTop+=s.top-a.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(O(this.destroy$),Q(e=>e),Y(()=>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(O(this.destroy$)).subscribe({next:e=>{this.hasSponsorStorytelling=e,this.requestUpdate()},error:e=>console.error("Sponsor storytelling error:",e)})}listenPosStatus(){return J({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 J([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"),s=(t==null?void 0:t.offsetHeight)||0;e.style.scrollMarginTop=`${s}px`,e.scrollIntoView({behavior:"instant",block:"start"})}}scrollToReplacedItem(e){var s,a;const t=this.querySelectorAll("mealz-product-card-planner");for(const i of Array.from(t)){const n=i;if(((a=(s=n.product)==null?void 0:s.item)==null?void 0:a.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(){const e=this.getRecipeDetailsCloseIcon(),t=this.getRecipeDetailsStickyCloseIcon();return r`
       <div class="mealz-recipe-details">
         <!-- IF IS LOADING -->
-        ${this.recipe?c:a`
+        ${this.recipe?c:r`
           <div class="mealz-ds-loader mealz-recipe-details__loader"></div>`}
         <!-- IF IS NOT LOADING AND RECIPE EXISTS -->
-        ${this.recipe?a`
+        ${this.recipe?r`
           <div class="mealz-recipe-details__container">
             <!-- BANNER CONTAINER -->
             <div class="mealz-recipe-details__picture ${this.noSupplier?"no-supplier":""}">
@@ -554,9 +554,9 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                   <button
                     class="mealz-recipe-details__close-button mealz-ds-button square primary reverse"
                     @click="${()=>this.close()}">
-                    <img class="mealz-recipe-details__close-icon"
-                         src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg"
-                         alt="modal close button"/>
+                    <img class=${e.className}
+                         src=${e.src}
+                         alt=${e.alt}/>
                   </button>
                 </div>
                 <!-- GUEST COUNTER -->
@@ -566,7 +566,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                   .min=${1}
                   .debounce=${300}
                   .disabled=${this.basketIsUpdating}
-                  @valueChange=${e=>this.updateGuests(e)}
+                  @valueChange=${s=>this.updateGuests(s)}
                 ></mealz-counter>
               </div>
               <!-- PICTURE / VIDEO -->
@@ -575,7 +575,7 @@ 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"]?a`
+              ${this.recipe.attributes["filigrane-logo-url"]?r`
                   <div class="mealz-recipe-details__picture__filigrane">
                     <img alt="filigrane logo" src=${this.recipe.filigraneLogoUrl}>
                   </div>`:c}
@@ -586,7 +586,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               <hr class="mealz-recipe-details__sponsor-separator">
             </div>
             <!-- LAST ORDER BADGE -->
-            ${this.orderHistoryDate?a`
+            ${this.orderHistoryDate?r`
                 <div class="mealz-recipe-details__last-order-badge">
                   <mealz-last-order-badge
                     .orderHistoryDate=${this.orderHistoryDate}
@@ -614,19 +614,19 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                     <button @click="${()=>this.close()}"
                             class="mealz-recipe-details__close-button mealz-ds-button square small">
                       <img
-                        alt="modal close button"
-                        class="mealz-recipe-details__close-icon"
-                        src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_Black.svg"/>
+                        alt=${t.alt}
+                        class=${t.className}
+                        src=${t.src}/>
                     </button>
                   </div>
                 </div>
               </div>
               <!-- STORE INDICATOR -->
-              ${this.noSupplier?a`
+              ${this.noSupplier?r`
                 <mealz-store-indicator .analyticsPath=${this.analyticsPath}></mealz-store-indicator>`:c}
             </div>
             <!-- RECIPE BASIC INFORMATIONS + TABS -->
-            ${this.noSupplier?c:a`
+            ${this.noSupplier?c:r`
                 <!--  RECIPE BASIC INFORMATIONS -->
                 <mealz-details-infos class="mealz-recipe-details__infos"></mealz-details-infos>
                 <!-- TABS TO SWITCH BETWEEN BASKET AND INSTRUCTIONS -->
@@ -635,7 +635,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
                   <mealz-slider-tabs
                     .tabs=${["Je fais mes courses","Je cuisine"]}
                     .selectedTabIndex=${this.activeTabIndex}
-                    @tabChanged="${e=>{var t;return this.selectTab((t=e.detail)==null?void 0:t.selectedTab)}}"
+                    @tabChanged="${s=>{var a;return this.selectTab((a=s.detail)==null?void 0:a.selectedTab)}}"
                   ></mealz-slider-tabs>
                 </div>
               `}
@@ -644,7 +644,7 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
               ${this.renderTabContent()}
             </div>
             <!-- FOOTER -->
-            ${this.activeTabIndex===0&&!this.noPosDisplay||this.plannerMode?a`
+            ${this.activeTabIndex===0&&!this.noPosDisplay||this.plannerMode?r`
                 <mealz-details-footer
                   .noPosDisplay=${this.noPosDisplay}
                   .noSupplier=${this.noSupplier}
@@ -656,14 +656,14 @@ import"../drawer/drawer.min.js";import"../recipe-pricing/recipe-pricing.min.js";
           </div>
         `:c}
       </div>
-    `}renderTabContent(){return a`
+    `}renderTabContent(){return r`
       <div class="mealz-recipe-details__products-tab ${this.activeTabIndex===0?"":"hidden"}">
-        ${!this.noPosDisplay&&!this.invalidPosDisplay?a`
+        ${!this.noPosDisplay&&!this.invalidPosDisplay?r`
             <mealz-products-picker 
               .inBasket=${this.inBasket}
               .plannerMode=${this.plannerMode}
               @guestChange=${e=>this.updateGuests(e)}
-            ></mealz-products-picker>`:a`
+            ></mealz-products-picker>`:r`
             <mealz-no-pos-selected
               .noPos=${this.noPosDisplay}
               .invalidPos=${this.invalidPosDisplay}
@@ -677,14 +677,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?a`
+        ${this.orderHistoryDate&&this.remainingBasketEntries.length>0&&!this.plannerMode?r`
             <mealz-order-again .recipeId=${this.recipe.id} @orderAgain=${()=>this.orderAgain()}></mealz-order-again>
            `:c}
       </div>
-    `}renderAddonLink(){var e;return a`
+    `}renderAddonLink(){var e;return r`
       <div class="mealz-addon-link">
         <div class="mealz-addon-link__info">
-          ${this.recipe.attributes["informational-sentence"]?a`<span class="mealz-ds-text size-s weight-l">${this.recipe.attributes["informational-sentence"]}</span>`:a`
+          ${this.recipe.attributes["informational-sentence"]?r`<span class="mealz-ds-text size-s weight-l">${this.recipe.attributes["informational-sentence"]}</span>`:r`
                 <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">
@@ -692,16 +692,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?a`
+          ${(e=this.recipe.attributes)!=null&&e["informational-page-html"]||this.hasSponsorStorytelling?r`
               <span class="mealz-addon-link__link mealz-ds-text size-s weight-xl" @click=${()=>this.showRecipeAddon()}>
                 En savoir plus
               </span>
             `:c}
         </div>
-        ${this.sponsor.attributes["logo-url"]?a`
+        ${this.sponsor.attributes["logo-url"]?r`
               <div class="mealz-addon-link__logo">
                 <img src="${this.sponsor.attributes["logo-url"]}" alt="${this.sponsor.attributes.name} logo" />
               </div>
             `:c}
       </div>
-    `}showRecipeAddon(){this.sendSponsorDisplayEvent();const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!0)}pageview(){l.analytics.sendEvent("pageview",this.analyticsPath,{})}sendSponsorDisplayEvent(){l.analytics.sendEvent("sponsor.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendCloseEvent(){l.analytics.sendEvent("recipe.close",this.analyticsPath,{recipe_id:this.recipe.id})}sendCookingDisplayEvent(){l.analytics.sendEvent("recipe.cooking.display",this.analyticsPath,{recipe_id:this.recipe.id})}sendOrderedDisplayEvent(){l.analytics.sendEvent("recipe.ordered.display",this.analyticsPath,{recipe_id:this.recipe.id})}};V=Ae([g("mealz-recipe-details")],V);customElements.get("mealz-recipe-details")||customElements.define("mealz-recipe-details",V);
+    `}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);customElements.get("mealz-recipe-details")||customElements.define("mealz-recipe-details",j);