mealz-components 2.9.2 → 2.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/catalog/_helpers/init-basket-preview-drawer.min.js +1 -1
- package/dist/catalog/basket-preview/basket-preview.min.js +14 -14
- package/dist/drawer/drawer.min.js +1 -1
- package/dist/drawer-view-swapper/drawer-view-swapper.min.js +6 -5
- package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.css +1 -1
- package/dist/recipe-details/_helpers/init-recipe-details-drawer.min.js +1 -0
- package/dist/supplier-selector/init/init-supplier-selector-drawer.min.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{w as
|
|
1
|
+
import{w as o,a as r}from"../../assets/mealz-sdk-CQtAGQGQ.js";async function c(){const t=new URL(globalThis.location.href),e=document.getElementById("__mealz-basket-preview-config__"),s=(e==null?void 0:e.dataset.selectedTab)??t.searchParams.get("selected_tab"),l=t.searchParams.get("myMeals");let a=0;(s==="1"||l==="products")&&(a=1),await o(),r.basket.openPreview("",a)}c();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/slider-tabs.min.js";import"../../store-locator/store-locator.min.js";import{N as I,k as l,D as _,s as
|
|
1
|
+
import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/slider-tabs.min.js";import"../../store-locator/store-locator.min.js";import{N as I,k as l,D as _,s as F,Q as V,R as G}from"../../assets/no-shadow-element-DZc32M1D.js";import{n as f}from"../../assets/property-CrS1c6lI.js";import{m as c,a as U,w as H}from"../../assets/mealz-sdk-CQtAGQGQ.js";import"../../counter/counter.min.js";import"../../price/price.min.js";import"../../modal/modal.min.js";import{P as M}from"../../assets/price-Bfy_G-uC.js";import{c as j}from"../../assets/capitalize-DUAqYmp4.js";import{e as D,i as q,t as Q}from"../../assets/unsafe-html-DTarpZaV.js";import{d as W}from"../../assets/debounceTime-D6W3esj0.js";import{d as K}from"../../assets/delay-CUcLbxeL.js";import{t as J}from"../../assets/take-B0yyxfMB.js";import{s as Y}from"../../assets/switchMap-C79NTzdm.js";import"../../assets/state-1qy1JPQz.js";import"../../assets/query-BApjzB0v.js";import"../../onboarding/events.min.js";import"../../assets/singleton-COF3iBbF.js";import"../../assets/async-Buq9Zuro.js";import"../../assets/OperatorSubscriber-BF1r9b3N.js";import"../../assets/map-DdvZijlE.js";import"../../assets/mergeMap-CObP_yRz.js";import"../../assets/innerFrom-BZ8nxpLv.js";import"../../assets/executeSchedule-CEDvgTzM.js";import"../../assets/timer-CGijW-Af.js";import"../../assets/isScheduler-B3orCs5Q.js";import"../../assets/isDate-BwHtzZM4.js";import"../../assets/empty--gMS1asf.js";var Z=Object.defineProperty,X=(t,e,i,r)=>{for(var s=void 0,a=t.length-1,n;a>=0;a--)(n=t[a])&&(s=n(e,i,s)||s);return s&&Z(e,i,s),s};class O extends I{constructor(){super(),this.analyticsPath="",this.styleURL=new URL("./product-addition/product-addition.css",this.getBaseURL())}render(){return l`
|
|
2
2
|
<div class="mealz-product-addition">
|
|
3
3
|
<span class="mealz-product-addition__title mealz-ds-text weight-l">Besoin de compléter votre panier ?</span>
|
|
4
4
|
<button @click=${()=>this.openProductAdditionModal()}
|
|
@@ -6,7 +6,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
6
6
|
Ajouter un produit
|
|
7
7
|
</button>
|
|
8
8
|
</div>
|
|
9
|
-
`}openProductAdditionModal(){this.sendbasketEntryAddEvent(),
|
|
9
|
+
`}openProductAdditionModal(){this.sendbasketEntryAddEvent(),c.productAddition.open()}sendbasketEntryAddEvent(){c.analytics.sendEvent("basket.entry.add",this.analyticsPath,{})}}X([f({type:String})],O.prototype,"analyticsPath");customElements.get("mealz-product-addition")||customElements.define("mealz-product-addition",O);var ee=Object.defineProperty,S=(t,e,i,r)=>{for(var s=void 0,a=t.length-1,n;a>=0;a--)(n=t[a])&&(s=n(e,i,s)||s);return s&&ee(e,i,s),s};class w extends I{constructor(){super(),this.analyticsPath="",this.loading=!1,this.isRecipeModalDisplayed=!1,this.subscriptions=[],this.priceService=M.getInstance(),this.styleURL=new URL("./catalog/basket-preview/basket-preview-product/basket-preview-product.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.subscriptions.push(c.products.entryIsBeingUpdated(this.basketEntry.id).subscribe(e=>this.loading=e))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}renderSponsorisedBadge(){return l`
|
|
10
10
|
<div class="mealz-basket-preview-product__sponsorised mealz-ds-badge mealz-ds-text size-s weight-l">
|
|
11
11
|
<span>Sponsorisé</span>
|
|
12
12
|
</div>
|
|
@@ -44,7 +44,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
44
44
|
</div>
|
|
45
45
|
<!-- TITLE -->
|
|
46
46
|
<div class="mealz-basket-preview-product__title mealz-ds-text size-xs">
|
|
47
|
-
<span>${
|
|
47
|
+
<span>${j(this.basketEntry.selectedItem.attributes.name)}</span>
|
|
48
48
|
</div>
|
|
49
49
|
<div class="mealz-basket-preview-product__badges">
|
|
50
50
|
<!-- SPONSORISED BADGE -->
|
|
@@ -105,24 +105,24 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
105
105
|
</div>
|
|
106
106
|
`)}
|
|
107
107
|
</div>
|
|
108
|
-
`,document.body.appendChild(e),e.addEventListener("modalClosed",()=>this.displayRecipesFromProduct())}removeProduct(){this.sendDeleteEvent(),
|
|
108
|
+
`,document.body.appendChild(e),e.addEventListener("modalClosed",()=>this.displayRecipesFromProduct())}removeProduct(){this.sendDeleteEvent(),c.products.removeProduct(this.basketEntry,this.analyticsPath),this.loading=!0,this.requestUpdate()}replaceProduct(){this.sendReplaceEvent(),c.productReplacement.open(this.basketEntry)}counterChanged(e){e.detail.value!==this.basketEntry.attributes.quantity&&(c.products.changeQuantity(this.basketEntry,e.detail.value,""),this.loading=!0,this.requestUpdate())}addDefaultProductImage(e){e.target.src=U.defaultIngredientPicture,e.target.onerror=null}displayRecipesFromProduct(){this.isRecipeModalDisplayed=!this.isRecipeModalDisplayed,this.requestUpdate()}sendReplaceEvent(){c.analytics.sendEvent("entry.replace",this.analyticsPath,{entry_name:this.basketEntry.attributes.name,product_quantity:this.basketEntry.attributes.quantity,item_id:this.basketEntry.selectedItem.id,ext_item_id:this.basketEntry.selectedItem.attributes["ext-id"],item_ean:this.basketEntry.selectedItem.attributes.ean,recipe_id:this.basketEntry.recipesIds[0],status:this.basketEntry.attributes.status})}sendDeleteEvent(){c.analytics.sendEvent("entry.delete",this.analyticsPath,{entry_name:this.basketEntry.attributes.name,product_quantity:this.basketEntry.attributes.quantity,item_id:this.basketEntry.selectedItem.id,ext_item_id:this.basketEntry.selectedItem.attributes["ext-id"],item_ean:this.basketEntry.selectedItem.attributes.ean,recipe_id:this.basketEntry.recipesIds[0]})}}S([f({type:Object})],w.prototype,"basketEntry");S([f({type:Array})],w.prototype,"recipeNames");S([f({type:String})],w.prototype,"analyticsPath");customElements.get("mealz-basket-preview-product")||customElements.define("mealz-basket-preview-product",w);/**
|
|
109
109
|
* @license
|
|
110
110
|
* Copyright 2020 Google LLC
|
|
111
111
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
112
|
-
*/const{I:
|
|
112
|
+
*/const{I:te}=F,x=(t,e)=>(t==null?void 0:t._$litType$)!==void 0,se=t=>{var e;return((e=t==null?void 0:t._$litType$)==null?void 0:e.h)!=null},A=()=>document.createComment(""),y=(t,e,i)=>{var a;const r=t._$AA.parentNode,s=e===void 0?t._$AB:e._$AA;if(i===void 0){const n=r.insertBefore(A(),s),p=r.insertBefore(A(),s);i=new te(n,p,t,t.options)}else{const n=i._$AB.nextSibling,p=i._$AM,u=p!==t;if(u){let h;(a=i._$AQ)==null||a.call(i,t),i._$AM=t,i._$AP!==void 0&&(h=t._$AU)!==p._$AU&&i._$AP(h)}if(n!==s||u){let h=i._$AA;for(;h!==n;){const v=h.nextSibling;r.insertBefore(h,s),h=v}}}return i},z=(t,e,i=t)=>(t._$AI(e,i),t),ie={},$=(t,e=ie)=>t._$AH=e,P=t=>t._$AH,E=t=>{var r;(r=t._$AP)==null||r.call(t,!1,!0);let e=t._$AA;const i=t._$AB.nextSibling;for(;e!==i;){const s=e.nextSibling;e.remove(),e=s}},ae=t=>{t._$AR()};/**
|
|
113
113
|
* @license
|
|
114
114
|
* Copyright 2017 Google LLC
|
|
115
115
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
116
|
-
*/const
|
|
116
|
+
*/const B=t=>se(t)?t._$litType$.h:t.strings,re=D(class extends q{constructor(t){super(t),this.et=new WeakMap}render(t){return[t]}update(t,[e]){const i=x(this.it)?B(this.it):null,r=x(e)?B(e):null;if(i!==null&&(r===null||i!==r)){const s=P(t).pop();let a=this.et.get(i);if(a===void 0){const n=document.createDocumentFragment();a=V(_,n),a.setConnected(!1),this.et.set(i,a)}$(a,[s]),y(a,void 0,s)}if(r!==null){if(i===null||i!==r){const s=this.et.get(r);if(s!==void 0){const a=P(s).pop();ae(t),y(t,void 0,a),$(t,[a])}}this.it=e}else this.it=void 0;return this.render(e)}});/**
|
|
117
117
|
* @license
|
|
118
118
|
* Copyright 2017 Google LLC
|
|
119
119
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
120
|
-
*/const
|
|
120
|
+
*/const N=(t,e,i)=>{const r=new Map;for(let s=e;s<=i;s++)r.set(t[s],s);return r},ne=D(class extends q{constructor(t){if(super(t),t.type!==Q.CHILD)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let r;i===void 0?i=e:e!==void 0&&(r=e);const s=[],a=[];let n=0;for(const p of t)s[n]=r?r(p,n):n,a[n]=i(p,n),n++;return{values:a,keys:s}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,r]){const s=P(t),{values:a,keys:n}=this.dt(e,i,r);if(!Array.isArray(s))return this.ut=n,a;const p=this.ut??(this.ut=[]),u=[];let h,v,d=0,o=s.length-1,m=0,b=a.length-1;for(;d<=o&&m<=b;)if(s[d]===null)d++;else if(s[o]===null)o--;else if(p[d]===n[m])u[m]=z(s[d],a[m]),d++,m++;else if(p[o]===n[b])u[b]=z(s[o],a[b]),o--,b--;else if(p[d]===n[b])u[b]=z(s[d],a[b]),y(t,u[b+1],s[d]),d++,b--;else if(p[o]===n[m])u[m]=z(s[o],a[m]),y(t,s[d],s[o]),o--,m++;else if(h===void 0&&(h=N(n,m,b),v=N(p,d,o)),h.has(p[d]))if(h.has(p[o])){const k=v.get(n[m]),g=k!==void 0?s[k]:null;if(g===null){const R=y(t,s[d]);z(R,a[m]),u[m]=R}else u[m]=z(g,a[m]),y(t,s[d],g),s[k]=null;m++}else E(s[o]),o--;else E(s[d]),d++;for(;m<=b;){const k=y(t,u[b+1]);z(k,a[m]),u[m++]=k}for(;d<=o;){const k=s[d++];k!==null&&E(k)}return this.ut=n,$(t,u),G}}),C={isRecipeDetailsVisible:{paramName:"displayRecipe",getValue:()=>{var e;const t=c.recipes.displayedRecipe$.value;return((e=t==null?void 0:t.recipe)==null?void 0:e.id)||null},openDrawer:t=>{c.recipes.openDetails(t)}},isBasketPreviewVisible:{paramName:"myMeals",getValue:()=>{const{activeTabIndex:t}=c.basket.basketPreviewState$.getValue();return t===1?"products":"recipes"},openDrawer:t=>{c.basket.basketPreviewState$.next({isOpen:!0,activeTabIndex:t==="products"?1:0})}}};function le(){return Object.values(C).map(t=>t.paramName)}function Oe(){const t=new URL(window.location.href);for(const e of Object.values(C)){const i=t.searchParams.get(e.paramName);if(i&&e.openDrawer){e.openDrawer(i);return}}}function Le(t){t.subscribe(e=>{const i=new URL(window.location.href);le().forEach(s=>{i.searchParams.delete(s)});const r=C[e];if(r){const s=r.getValue();s&&i.searchParams.set(r.paramName,s)}window.history.replaceState({},"",i.toString())})}function ce(t){const e=new URL(window.location.href);e.searchParams.delete("myMeals"),t===0?e.searchParams.append("myMeals","recipes"):t===1&&e.searchParams.append("myMeals","products"),window.history.replaceState({},"",e.toString())}var de=Object.defineProperty,L=(t,e,i,r)=>{for(var s=void 0,a=t.length-1,n;a>=0;a--)(n=t[a])&&(s=n(e,i,s)||s);return s&&de(e,i,s),s};class T extends I{constructor(){super(),this.hideTabSelector=!1,this.priceService=M.getInstance(),this.subscriptions=[],this.recipePrices=[],this.recipePreviews=[],this.products=[],this.noSupplier=!1,this.tabs=["Recettes","Produits"],this.selectedTabIndex=0,this.analyticsPath="/basket/recipes",this.drawerStoreIndicator=null,this.isComponentConnected=!1,this.styleURL=new URL("./catalog/basket-preview/basket-preview.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.isComponentConnected=!0,this.selectedTabIndex=this.initialSelectedTab===1?1:0,this.analyticsPath=this.selectedTabIndex===1?"/basket/products":"/basket/recipes",this.pageview(),this.listenToActiveTab(),this.listenToCloseEvent(),this.priceService.initFormatter(),this.initializeNoSupplierState(),this.subscriptions.push(U.basket.recipeCount().subscribe(e=>{this.recipesCount=e,this.requestUpdate()}),c.basket.entries$().pipe(W(200)).subscribe(e=>{this.products=e.filter(i=>i.attributes.status==="active"),this.updateRecipeView()}),c.productAddition.productAdded$.pipe(K(200)).subscribe(e=>{this.selectedTabIndex=1,this.analyticsPath="/basket/products",setTimeout(()=>this.scrollToAddedProduct(e),0),this.requestUpdate()}),c.basket.recipePricesInBasket$().subscribe(e=>{this.recipePrices=e,this.requestUpdate()}))}disconnectedCallback(){this.isComponentConnected=!1,super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}updated(e){e.has("initialSelectedTab")&&this.initialSelectedTab!==void 0&&(this.selectedTabIndex=this.initialSelectedTab===1?1:0,this.analyticsPath=this.selectedTabIndex===1?"/basket/products":"/basket/recipes"),this.drawerStoreIndicator&&this.drawerStoreIndicator.setAttribute("analyticsPath",this.analyticsPath)}render(){return l`
|
|
121
121
|
<div class="mealz-basket-preview">
|
|
122
122
|
${this.noSupplier?l`
|
|
123
123
|
<mealz-store-indicator .analyticsPath=${this.analyticsPath}></mealz-store-indicator>`:_}
|
|
124
124
|
${this.renderNbrMealsInBasket()}
|
|
125
|
-
${!this.hideTabSelector&&(this.noSupplier||
|
|
125
|
+
${!this.hideTabSelector&&(this.noSupplier||c.basket.displayProductsInBasket())?l`
|
|
126
126
|
<div class="mealz-basket-preview__slider-tabs">
|
|
127
127
|
<mealz-slider-tabs
|
|
128
128
|
.tabs=${this.tabs}
|
|
@@ -137,13 +137,13 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
137
137
|
${this.renderContent()}
|
|
138
138
|
${this.noSupplier?l`${this.renderPlaceOrderFooter()}`:l`${this.renderSeeBasketFooter()}`}
|
|
139
139
|
</div>
|
|
140
|
-
`}renderContent(){return
|
|
140
|
+
`}renderContent(){return re(this.selectedTabIndex===0?l`
|
|
141
141
|
<div class="mealz-basket-preview__recipes">
|
|
142
142
|
${this.recipePreviews.map(e=>this.renderMealPreview(e))}
|
|
143
143
|
</div>
|
|
144
144
|
`:l`
|
|
145
145
|
<div class="mealz-basket-preview__products">
|
|
146
|
-
${
|
|
146
|
+
${ne(this.products,e=>e.id,(e,i)=>this.renderProductCard(e,i===this.products.length-1))}
|
|
147
147
|
</div>
|
|
148
148
|
`)}renderProductCard(e,i=!1){if(e.selectedItem){const r=this.recipePreviews.reduce((s,a)=>(e.recipesIds.includes(+a.id)&&s.push(a.title),s),[]);return l`
|
|
149
149
|
<mealz-basket-preview-product
|
|
@@ -202,7 +202,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
202
202
|
</div>
|
|
203
203
|
</div>
|
|
204
204
|
</div>
|
|
205
|
-
`}calculateTotalPrice(){var r;const e=((r=this.recipePrices)==null?void 0:r.reduce((s,a)=>s+ +a.price,0))||0,i=(this.products||[]).filter(s=>{var u,h,v,
|
|
205
|
+
`}calculateTotalPrice(){var r;const e=((r=this.recipePrices)==null?void 0:r.reduce((s,a)=>s+ +a.price,0))||0,i=(this.products||[]).filter(s=>{var u,h,v,d,o;const a=!((v=(h=(u=s.relationships)==null?void 0:u.recipes)==null?void 0:h.data)!=null&&v.length),n=!((d=s==null?void 0:s.recipesIds)!=null&&d.length),p=!((o=s==null?void 0:s["recipe-ids"])!=null&&o.length);return a&&n&&p}).reduce((s,a)=>{var h,v,d,o;const n=((h=a.attributes)==null?void 0:h.quantity)??1,p=((v=a.attributes)==null?void 0:v.price)??((d=a.attributes)==null?void 0:d.discountedPrice)??((o=a.attributes)==null?void 0:o["unit-price"]),u=Number(p);return s+(Number.isFinite(u)?u*n:0)},0);return e+i}renderPlaceOrderFooter(){return l`
|
|
206
206
|
<div class="mealz-basket-preview__footer mealz-basket-preview__place-order-footer">
|
|
207
207
|
<div class="mealz-basket-preview__basket-price">
|
|
208
208
|
<span class="mealz-basket-preview__basket-price-label mealz-ds-text weight-xl size-l">
|
|
@@ -211,7 +211,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
211
211
|
<span class="mealz-basket-preview__in-basket-label mealz-ds-text size-s weight-l">dans mon panier</span>
|
|
212
212
|
</div>
|
|
213
213
|
<button
|
|
214
|
-
?disabled=${
|
|
214
|
+
?disabled=${c.basketTransfer.basketIsBeingTransferred.value||this.calculateTotalPrice()===0}
|
|
215
215
|
class="mealz-ds-text weight-l mealz-ds-button primary mealz-basket-preview__place-order-button"
|
|
216
216
|
@click=${()=>this.placeOrder()}>
|
|
217
217
|
Finaliser ma commande
|
|
@@ -219,7 +219,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
219
219
|
</div>
|
|
220
220
|
`}renderSeeBasketFooter(){return l`
|
|
221
221
|
<div class="mealz-basket-preview__footer mealz-basket-preview__see-cart-footer">
|
|
222
|
-
<a href=${
|
|
222
|
+
<a href=${c.router.getRetailerCartUrl()}>
|
|
223
223
|
<button
|
|
224
224
|
class="mealz-ds-text weight-l mealz-ds-button primary mealz-basket-preview__see-basket-button">
|
|
225
225
|
Voir mon panier
|
|
@@ -234,4 +234,4 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
234
234
|
panier
|
|
235
235
|
</h2>
|
|
236
236
|
</div>
|
|
237
|
-
`}async initializeNoSupplierState(){try{if(await
|
|
237
|
+
`}async initializeNoSupplierState(){try{if(await H(),!this.isComponentConnected)return;this.subscriptions.push(c.supplier.noSupplier$.pipe(J(1)).subscribe({next:e=>{this.isComponentConnected&&this.applyNoSupplierState(e)},error:e=>{this.isComponentConnected&&console.warn("[mealz-basket-preview] Unable to resolve noSupplier state.",e)}}))}catch(e){if(!this.isComponentConnected)return;console.warn("[mealz-basket-preview] Unable to resolve noSupplier state.",e)}}applyNoSupplierState(e){this.isComponentConnected&&(this.noSupplier=e,this.noSupplier&&this.appendStoreIndicatorToDrawerHeader(),this.requestUpdate())}appendStoreIndicatorToDrawerHeader(){const e=document.querySelector("mealz-drawer"),i=document.querySelector("mealz-store-indicator");if(!e||i)return;const r=e.getElementsByClassName("mealz-drawer__content-container")[0];r!=null&&r.querySelector("mealz-supplier-selector")||(this.drawerStoreIndicator=document.createElement("mealz-store-indicator"),this.drawerStoreIndicator.setAttribute("analyticsPath",this.analyticsPath),e.appendToHeaderComponent(this.drawerStoreIndicator))}placeOrder(){this.openBasketTransferModal(),c.basketTransfer.transfer()}openBasketTransferModal(){let e=document.querySelector("mealz-basket-transfer-modal");e||(e=document.createElement("mealz-basket-transfer-modal"),document.body.appendChild(e))}recipeCardClick(e){c.recipes.openDetails(e.id,e.guests,this.analyticsPath)}removeRecipeClick(e){e.isGettingRemoved=!0,this.requestUpdate(),c.basket.removeRecipe(e.id,this.analyticsPath).subscribe({next:()=>{this.recipePreviews=this.recipePreviews.filter(i=>i.id!==e.id),e.isGettingRemoved=!1,this.requestUpdate()},error:()=>{e.isGettingRemoved=!1,this.requestUpdate()}})}updateTabIndex(e){this.selectedTabIndex=e===1?1:0,ce(e),this.selectedTabIndex===0?(this.analyticsPath="/basket/recipes",this.pageview()):(this.analyticsPath="/basket/products",this.pageview()),this.requestUpdate()}updateRecipeView(){const e=c.basket,i=e.buildPreview(),r=typeof e.waitForBasketEntries=="function"?e.waitForBasketEntries().pipe(Y(()=>i)):i;this.subscriptions.push(r.subscribe(s=>{s.map(a=>a.isGettingRemoved=!1),this.recipePreviews=s,this.requestUpdate()}))}scrollToAddedProduct(e){var r;const i=document.querySelector(`#mealz-basket-preview-product-${e}`);if(i)i.scrollIntoView({block:"center",behavior:"smooth"});else{const s=this.getElementsByTagName("MEALZ-BASKET-PREVIEW-PRODUCT");(r=s.item(s.length-1))==null||r.scrollIntoView({block:"center",behavior:"smooth"})}}listenToActiveTab(){this.subscriptions.push(c.basket.basketPreviewState$.subscribe(({activeTabIndex:e})=>{e!==void 0&&(this.selectedTabIndex=e===1?1:0,this.analyticsPath=this.selectedTabIndex===1?"/basket/products":"/basket/recipes")}))}listenToCloseEvent(){const e=document.querySelector("mealz-drawer");e&&e.addEventListener("drawerClosed",this.sendCloseEvent.bind(this))}isHidden(){return this.classList.contains("hidden")}pageview(){this.isHidden()||c.analytics.sendEvent("pageview",this.analyticsPath,{})}sendCloseEvent(){this.isHidden()||c.analytics.sendEvent("basket.close",this.analyticsPath,{})}}L([f({type:Boolean,attribute:"hide-tab-selector"})],T.prototype,"hideTabSelector");L([f({type:Number,attribute:"selected-tab"})],T.prototype,"initialSelectedTab");customElements.get("mealz-basket-preview")||customElements.define("mealz-basket-preview",T);export{Le as l,Oe as o};
|
|
@@ -15,4 +15,4 @@ import{N as c,D as h,k as m}from"../assets/no-shadow-element-DZc32M1D.js";import
|
|
|
15
15
|
<div class="mealz-drawer__content-container">
|
|
16
16
|
${typeof this.contentSlot=="string"?i(this.contentSlot):this.contentSlot}
|
|
17
17
|
</div>
|
|
18
|
-
</div>`}closeDrawer(){this.dispatchEvent(this.closeEvent)
|
|
18
|
+
</div>`}closeDrawer(){this.dispatchEvent(this.closeEvent)}appendToHeaderComponent(e){document.querySelector(".mealz-drawer__header")&&this.headerComponents.push(e),this.requestUpdate()}}d([n({type:String})],o.prototype,"titleSlot");d([n({type:String})],o.prototype,"contentSlot");customElements.get("mealz-drawer")||customElements.define("mealz-drawer",o);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as h,D as d,k as r,B as c}from"../assets/no-shadow-element-DZc32M1D.js";import{n as
|
|
1
|
+
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as h,D as d,k as r,B as c}from"../assets/no-shadow-element-DZc32M1D.js";import{n as S}from"../assets/property-CrS1c6lI.js";import{m as t,w as V,i as b}from"../assets/mealz-sdk-CQtAGQGQ.js";import"../recipe-details/recipe-details.min.js";import"../store-locator/store-locator.min.js";import"../planner/planner-catalog/planner-catalog.min.js";import"../replace-item/replace-item.min.js";import"../replace-item-planner/replace-item-planner.min.js";import"../history-drawer/history-drawer.min.js";import{G as P,g}from"../supplier-selector/supplier-selector.min.js";import{o as R,l as z}from"../catalog/basket-preview/basket-preview.min.js";import"../preferences/preferences.min.js";import{m as y}from"../assets/merge-rdVI6Z3B.js";import{m as n}from"../assets/map-DdvZijlE.js";import{E as _}from"../assets/empty--gMS1asf.js";import"../assets/unsafe-html-DTarpZaV.js";import"../assets/skipWhile-BrGaejAE.js";import"../assets/OperatorSubscriber-BF1r9b3N.js";import"../assets/switchMap-C79NTzdm.js";import"../assets/innerFrom-BZ8nxpLv.js";import"../assets/filter-Dq4X88HC.js";import"../recipe-pricing/recipe-pricing.min.js";import"../assets/viewport-listener-073Dyp25.js";import"../assets/debounceTime-D6W3esj0.js";import"../assets/async-Buq9Zuro.js";import"../assets/take-B0yyxfMB.js";import"../assets/price-Bfy_G-uC.js";import"../assets/singleton-COF3iBbF.js";import"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import"../assets/product-card-CcfAgVi3.js";import"../price/price.min.js";import"../assets/promotion-badge-BusnHgIb.js";import"../assets/guestObserver-CSQi-6i9.js";import"../assets/delay-CUcLbxeL.js";import"../assets/mergeMap-CObP_yRz.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/timer-CGijW-Af.js";import"../assets/isScheduler-B3orCs5Q.js";import"../assets/isDate-BwHtzZM4.js";import"../assets/accordion-Ds4UMuL5.js";import"../store-indicator/store-indicator.min.js";import"../assets/state-1qy1JPQz.js";import"../assets/query-BApjzB0v.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"../last-order-modal/last-order-modal.min.js";import"../planner/planner-onboarding/planner-onboarding.min.js";import"../onboarding/onboarding.min.js";import"../onboarding/events.min.js";import"../onboarding/analytics/onboarding-analytics.min.js";import"../assets/responsive-C7Qf71r3.js";import"../planner/helpers/planner-onboarding-storage.min.js";import"../assets/tap-D0fB7oij.js";import"../assets/combineLatest-CRVESsJM.js";import"../assets/from-BxJrdzJs.js";import"../assets/mapOneOrManyArgs-BpqqmasF.js";import"../assets/args-DPeCFqiB.js";import"../catalog/catalog-load-more.min.js";import"../assets/http-B0u4sOhM.js";import"../replace-item/replace-item-card/replace-item-card.min.js";import"../assets/price-utils-BRFZa-3D.js";import"../assets/distinctUntilChanged-FtASLz6t.js";import"../replace-item-planner/replace-item-card-planner/replace-item-card-planner.min.js";import"../assets/of-R1iMbYYX.js";import"../slider-tabs/slider-tabs.min.js";import"../modal/modal.min.js";import"../assets/mergeAll-BJfNWPb7.js";var C=Object.defineProperty,D=(l,e,i,o)=>{for(var s=void 0,a=l.length-1,p;a>=0;a--)(p=l[a])&&(s=p(e,i,s)||s);return s&&C(e,i,s),s};class f extends h{constructor(){super(),this.styleURL=new URL("./recipe-details/sponsor-block/sponsor-block.css",this.getBaseURL())}render(){var w,v,$;if(!this.sponsorBlock)return d;const{pictureUrl:e,content:i,backgroundColor:o="#FFFFFF",fontSize:s=16,fontColor:a="#000000"}=this.sponsorBlock,p=($=(v=(w=this.sponsorBlock.relationships)==null?void 0:w["sponsor-block-type"])==null?void 0:v.data)==null?void 0:$.name;if(!p)return r``;const u=p.toLowerCase(),m=`background-color: ${o}; font-size: ${s}px; color: ${a};`;switch(p){case"TEXT":case"SMALL_TEXT":case"TITLE":case"SMALL_TITLE":return r`
|
|
2
2
|
<div class="sponsor-text-blocks sponsor-${u}-block" style="background-color: ${o};">
|
|
3
3
|
<span class="sponsor-${u}-block__text" style="font-size: ${p.includes("TITLE")?32:16}px; color: ${a};">
|
|
4
4
|
${i}
|
|
@@ -23,7 +23,7 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
23
23
|
${i}
|
|
24
24
|
</span>
|
|
25
25
|
<img class="sponsor-text-and-image-block__image" src="${e}">
|
|
26
|
-
</div>`;default:return d}}}D([
|
|
26
|
+
</div>`;default:return d}}}D([S()],f.prototype,"sponsorBlock");customElements.get("mealz-sponsor-block")||customElements.define("mealz-sponsor-block",f);class B extends h{constructor(){super(),this.sponsorBlocks=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/recipe-addon/recipe-addon.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenToCloseEvent(),this.subscriptions.push(t.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.getSponsorBlocks())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}getSponsorBlocks(){var i,o,s;const e=(s=(o=(i=this.recipe)==null?void 0:i.relationships)==null?void 0:o.sponsors)==null?void 0:s.data[0];e&&this.subscriptions.push(t.sponsor.getSponsorBlocks(e.id).subscribe(a=>{a&&(this.sponsorBlocks=a,this.requestUpdate())}))}render(){var e;return r`
|
|
27
27
|
<div class="mealz-recipe-addon">
|
|
28
28
|
<div class="mealz-recipe-addon__header">
|
|
29
29
|
<button class="mealz-recipe-addon__header-back-button mealz-ds-button ghost" @click="${this.closeRecipeAddon}">
|
|
@@ -46,8 +46,8 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
46
46
|
${this.sponsorBlocks.map(o=>r`
|
|
47
47
|
<mealz-sponsor-block .sponsorBlock=${o}></mealz-sponsor-block>
|
|
48
48
|
`)}
|
|
49
|
-
`}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.closeRecipeAddon()})}closeRecipeAddon(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!1)}}customElements.get("mealz-recipe-addon")||customElements.define("mealz-recipe-addon",B);var E=Object.defineProperty,A=(l,e,i,o)=>{for(var s=void 0,a=l.length-1,p;a>=0;a--)(p=l[a])&&(s=p(e,i,s)||s);return s&&E(e,i,s),s};class
|
|
50
|
-
<div class="mealz-drawer-view-swapper">${this.drawerIsOpen()?this.displayDrawer():d}</div>`}drawerIsOpen(){return this.currentView$.value!==void 0}closeDrawer(){this.displayStoreLocator$.next(!1),this.displayPlannerCatalog$.next(!1),this.displayPreferences$.next(!1),this.displayBasketDrawer$.next(null),
|
|
49
|
+
`}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.closeRecipeAddon()})}closeRecipeAddon(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!1)}}customElements.get("mealz-recipe-addon")||customElements.define("mealz-recipe-addon",B);var E=Object.defineProperty,A=(l,e,i,o)=>{for(var s=void 0,a=l.length-1,p;a>=0;a--)(p=l[a])&&(s=p(e,i,s)||s);return s&&E(e,i,s),s};class k extends h{constructor(){super(),this.displayBasketPreview=!1,this.displayProductAddition=!1,this.displayReplaceProduct=!1,this.displayPreferences$=new c(!1),this.displayStoreLocator$=new c(!1),this.displaySupplierSelector$=new c(!1),this.displayRecipeAddon$=new c(!1),this.displayPlannerCatalog$=new c(!1),this.displayHistoryDrawer$=new c(null),this.displayBasketDrawer$=new c(null),this.currentView$=new c(void 0),this.activeViewNames$=new c([]),this.subscriptions=[],this.recipePartnerLabel=P,this.viewHistory=[],this.scrollPositions=new Map,this.viewSelector=[{isSupplierSelectorVisible:()=>this.displaySupplierSelector$.value},{isStoreLocatorVisible:()=>this.displayStoreLocator$.value},{isRecipeAddonVisible:()=>this.displayRecipeAddon$.value},{isReplaceItemVisible:()=>!!this.displayReplaceItem},{isReplaceItemPlannerVisible:()=>!!this.displayReplaceItemPlanner},{isRecipeDetailsVisible:()=>!!this.displayedRecipeDetails},{isBasketPreviewVisible:()=>this.displayBasketPreview},{isProductAdditionVisible:()=>this.displayProductAddition},{isReplaceProductVisible:()=>this.displayReplaceProduct},{isPlannerCatalogVisible:()=>this.displayPlannerCatalog$.value},{isHistoryDrawerVisible:()=>!!this.displayHistoryDrawer$.value},{isBasketDrawerVisible:()=>!!this.displayBasketDrawer$.value},{isPreferencesVisible:()=>this.displayPreferences$.value}],this.styleURL=new URL("./drawer-view-swapper/drawer-view-swapper.css",this.getBaseURL()),R(),z(this.currentView$)}connectedCallback(){super.connectedCallback(),this.waitForSDKAndSetup()}waitForSDKAndSetup(){try{V().then(()=>{this.setupSubscriptions()})}catch(e){console.error("Error waiting for MealzInternal SDK:",e)}}setupSubscriptions(){this.subscriptions.push(y(t.pos.currentPos().pipe(n(e=>{this.pos=e,this.noSupplier=t.supplier.isNoSupplier(),this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),(t.supplier.noSupplier$??_).pipe(n(e=>{this.noSupplier=e,this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),t.recipes.displayedRecipe$.pipe(n(e=>{this.displayedRecipeDetails=e,this.noSupplier&&!this.pos&&e&&t.noSupplier.displaySupplierSelector$.next(!0)})),t.noSupplier.displaySupplierSelector$.pipe(n(e=>{this.displaySupplierSelector$.next(e)})),y(t.replaceItem.basketEntryToReplace$.pipe(n(e=>e||{displayReplaceItem:void 0})),t.replaceItem.replaceProductFromPreviewOpen$.pipe(n(e=>e?{basketEntry:e}:{displayReplaceItem:void 0})),t.replaceItem.additionModalOpen$.pipe(n(e=>e?{addProductMode:!0}:{displayReplaceItem:void 0}))).pipe(n(e=>{this.displayReplaceItem="displayReplaceItem"in e?void 0:e})),t.basket.basketPreviewState$.pipe(n(({isOpen:e})=>{this.displayBasketPreview=e,this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),t.planner.itemToReplace$.pipe(n(e=>this.displayReplaceItemPlanner=e)),this.displayRecipeAddon$,this.displaySupplierSelector$,this.displayStoreLocator$,this.displayPlannerCatalog$,this.displayHistoryDrawer$,this.displayBasketDrawer$,this.displayPreferences$).subscribe(()=>{this.recipePartnerLabel=g(),this.updateActiveViews(),this.findView(),this.requestUpdate()}))}openSupplierSelectorWhenBasketPreviewNeedsPos(){var s,a;const e=(s=t.noSupplier)==null?void 0:s.displaySupplierSelector$;if(!e||!this.displayBasketPreview||!this.noSupplier)return;const i=!!((a=this.pos)!=null&&a.id),o=!!localStorage.getItem("_miam/noSupplier/posId");if(!i&&!o){e.next(!0);return}i&&e.value&&e.next(!1)}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}findView(){const e=this.getNextViewName();e!==this.currentView$.value?(this.saveCurrentScrollPosition(),this.currentView$.next(e),this.requestUpdate(),e?this.restoreScrollPosition(e):this.resetScrollPositions()):this.currentView$.next(e)}getDrawerContentContainer(){return this.querySelector(".mealz-drawer__content-container")}getNextViewName(){return this.computeActiveViewNames()[0]}computeActiveViewNames(){const e=[];for(const i of this.viewSelector){const[o,s]=Object.entries(i)[0];s()&&e.push(o)}return e}getActiveViewNames(){return[...this.activeViewNames$.value]}updateActiveViews(){const e=this.computeActiveViewNames(),i=this.activeViewNames$.value;(e.length!==i.length||e.some((s,a)=>s!==i[a]))&&(this.activeViewNames$.next(e),this.dispatchEvent(new CustomEvent("mealz-active-views-changed",{detail:{activeViews:e},bubbles:!0,composed:!0})))}saveCurrentScrollPosition(){if(this.currentView$.value){const e=this.getDrawerContentContainer();e&&this.scrollPositions.set(this.currentView$.value,e.scrollTop)}}restoreScrollPosition(e){requestAnimationFrame(()=>{const i=this.getDrawerContentContainer();i&&this.scrollPositions.has(e)&&(i.scrollTop=this.scrollPositions.get(e)??0)})}resetScrollPositions(){this.scrollPositions.clear()}addToHistory(e){this.viewHistory[this.viewHistory.length-1]!==e&&this.viewHistory.push(e)}render(){return r`
|
|
50
|
+
<div class="mealz-drawer-view-swapper">${this.drawerIsOpen()?this.displayDrawer():d}</div>`}drawerIsOpen(){return this.currentView$.value!==void 0}closeDrawer(){var e;if(this.displaySupplierSelector$.value){this.displaySupplierSelector$.next(!1),b()&&((e=t.noSupplier)!=null&&e.displaySupplierSelector$)&&t.noSupplier.displaySupplierSelector$.next(!1);return}this.displayStoreLocator$.next(!1),this.displayPlannerCatalog$.next(!1),this.displayPreferences$.next(!1),this.displayBasketDrawer$.next(null),b()&&(t.recipes.displayedRecipe$.next(null),t.basket.basketPreviewState$.next({isOpen:!1}),t.noSupplier&&t.noSupplier.displaySupplierSelector$&&t.noSupplier.displaySupplierSelector$.next(!1),t.productAddition&&typeof t.productAddition.close=="function"&&t.productAddition.close())}displayDrawer(){return this.drawerIsOpen()?r`
|
|
51
51
|
<mealz-drawer @drawerClosed=${this.closeDrawer}
|
|
52
52
|
.titleSlot=
|
|
53
53
|
${this.currentView$.value==="isSupplierSelectorVisible"?r`<span>Mes courses avec ${this.recipePartnerLabel}</span>`:this.currentView$.value==="isBasketPreviewVisible"?r`<span>Mes repas</span>`:this.currentView$.value==="isHistoryDrawerVisible"?r`<span>Commande du ${this.displayHistoryDrawer$.value.orderDate}</span>`:this.currentView$.value==="isBasketDrawerVisible"?r`<span>${this.displayBasketDrawer$.value.title}</span>`:this.currentView$.value==="isPlannerCatalogVisible"?r`<span>Ajouter une recette</span>`:d}
|
|
@@ -72,6 +72,7 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
72
72
|
${this.displayPlannerCatalog$.value?"from-planner-catalog":""}">
|
|
73
73
|
</mealz-recipe-details>
|
|
74
74
|
<mealz-basket-preview
|
|
75
|
+
.initialSelectedTab=${this.currentView$.value==="isBasketDrawerVisible"&&this.displayBasketDrawer$.value?this.displayBasketDrawer$.value.selectedTab:void 0}
|
|
75
76
|
?hide-tab-selector=${this.currentView$.value==="isBasketDrawerVisible"&&!!this.displayBasketDrawer$.value&&!this.displayBasketDrawer$.value.showTabSelector}
|
|
76
77
|
class="${this.currentView$.value==="isBasketPreviewVisible"||this.currentView$.value==="isBasketDrawerVisible"?"visible":"hidden"}">
|
|
77
78
|
</mealz-basket-preview>
|
|
@@ -94,4 +95,4 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
94
95
|
</mealz-history-drawer>
|
|
95
96
|
`}
|
|
96
97
|
</mealz-drawer>
|
|
97
|
-
`:r``}}A([
|
|
98
|
+
`:r``}}A([S({type:Boolean})],k.prototype,"displayBasketPreview");customElements.get("mealz-drawer-view-swapper")||customElements.define("mealz-drawer-view-swapper",k);if(!document.querySelector("mealz-drawer-view-swapper")){const l=document.createElement("mealz-drawer-view-swapper");document.body.appendChild(l)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
mealz-planner-recipe-suggestion{position:relative;display:flex;justify-content:center;height:75%;max-height:508px;margin:24px 0 40px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{position:absolute;top:14px;left:50%;transform:translate(-50%) rotate(-2deg);display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--mealz-ds-color-surface-brand-light, #e4edf1);border-radius:8px;box-shadow:0 1px 4px #0318201f;z-index:3;pointer-events:none}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:16px;height:16px;flex-shrink:0}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{color:var(--mealz-ds-color-primary, #24748f);line-height:16px;font-size:14px;white-space:nowrap}.mealz-planner-recipe-suggestion__arrow{position:absolute;right:20px;width:85px;height:42px;bottom:-20px;z-index:0;pointer-events:none}.mealz-planner-recipe-suggestion__arrow img{width:100%;height:100%;object-fit:contain}.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;height:100%;width:356px;max-width:100%;border-radius:12px;box-shadow:0 16px 24px #0318201f;overflow:visible;background:var(--mealz-ds-color-neutral-white, #FFF);z-index:2;transition:transform .3s linear,opacity .3s linear}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:relative;width:100%;height:100%;cursor:pointer;border-radius:12px 12px 0 0;overflow:hidden}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:filter .3s linear;border-radius:12px 12px 0 0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:43.667%;bottom:0;background:linear-gradient(180deg,#0000,#0009);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos{position:absolute;bottom:0;left:0;right:0;padding:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;width:fit-content;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor img{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges-promotion.hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;min-height:32px;padding:8px 12px;background:#0318204d;border-radius:8px;border:none;cursor:pointer;align-items:center;justify-content:center}@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe span{color:#fff;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-current-menu__recipe-title{cursor:pointer;color:#fff;text-shadow:0px 1px 4px rgba(0,0,0,.25);line-height:28px;font-size:20px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--mealz-ds-color-neutral-white, #FFF);pointer-events:auto;border-radius:0 0 12px 12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-labels{display:flex;gap:12px;flex-wrap:wrap;min-height:24px;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label{display:flex;gap:4px;align-items:center;justify-content:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label img{width:24px;height:24px;flex-shrink:0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label span{color:var(--mealz-ds-color-content-default, #1f2a2e);line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row;gap:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{min-height:48px;padding:12px 20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:24px;height:24px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button{flex:0 0 auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{position:absolute;left:calc(50% - 48px);transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;pointer-events:none;z-index:1}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions{pointer-events:none}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions button{pointer-events:none;cursor:default}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add{animation:exitAdd .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{animation:exitPass .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__promote{animation:promote .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__reveal{animation:reveal .2s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add,.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{pointer-events:none}@keyframes exitPass{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% - 200px)) rotate(-6deg) scale(.6);opacity:0}}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 48px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes reveal{0%{opacity:0;transform:translate(-50%) rotate(2deg) scale(.85)}to{opacity:.5;transform:translate(-50%) rotate(-2deg) scale(.9)}}@keyframes exitAdd{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + 200px)) rotate(6deg) scale(.6);opacity:0}}@media (max-width: 1023px){.mealz-planner-recipe-suggestion{width:320px;max-width:calc(100vw - 52px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap .mealz-ds-button{padding:8px 12px}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{left:calc(50% - 40px)}.mealz-planner-recipe-suggestion__arrow{right:calc(50% - 160px);transform:scaleX(-1) rotate(90deg) scale(1.2)}}@media (max-width: 768px){mealz-planner-recipe-suggestion{padding-left:26px;padding-right:26px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{top:16px;padding:6px 10px;gap:3px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:14px;height:14px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{font-size:12px;line-height:14px}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 40px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes exitPass{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(-120%) rotate(-6deg);opacity:0}}@keyframes exitAdd{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(120%) rotate(6deg);opacity:0}}}
|
|
1
|
+
mealz-planner-recipe-suggestion{position:relative;display:flex;justify-content:center;height:75%;max-height:508px;margin:24px 0 40px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{position:absolute;top:14px;left:50%;transform:translate(-50%) rotate(-2deg);display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--mealz-ds-color-surface-brand-light, #e4edf1);border-radius:8px;box-shadow:0 1px 4px #0318201f;z-index:3;pointer-events:none}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:16px;height:16px;flex-shrink:0}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{color:var(--mealz-ds-color-primary, #24748f);line-height:16px;font-size:14px;white-space:nowrap}.mealz-planner-recipe-suggestion__arrow{position:absolute;right:20px;width:85px;height:42px;bottom:-20px;z-index:0;pointer-events:none}.mealz-planner-recipe-suggestion__arrow img{width:100%;height:100%;object-fit:contain}.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;height:100%;width:356px;max-width:100%;border-radius:12px;box-shadow:0 16px 24px #0318201f;overflow:visible;background:var(--mealz-ds-color-neutral-white, #FFF);z-index:2;transition:transform .3s linear,opacity .3s linear}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:relative;width:100%;height:100%;cursor:pointer;border-radius:12px 12px 0 0;overflow:hidden}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:filter .3s linear;border-radius:12px 12px 0 0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:43.667%;bottom:0;background:linear-gradient(180deg,#0000,#0009);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos{position:absolute;bottom:0;left:0;right:0;padding:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;width:fit-content;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor img{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges-promotion.hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;min-height:32px;padding:8px 12px;background:#0318204d;border-radius:8px;border:none;cursor:pointer;align-items:center;justify-content:center}@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe span{color:#fff;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-current-menu__recipe-title{cursor:pointer;color:#fff;text-shadow:0px 1px 4px rgba(0,0,0,.25);line-height:28px;font-size:20px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--mealz-ds-color-neutral-white, #FFF);pointer-events:auto;border-radius:0 0 12px 12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-labels{display:flex;gap:12px;flex-wrap:wrap;min-height:24px;align-items:center}@media (max-height: 750px){.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-labels{display:none}}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label{display:flex;gap:4px;align-items:center;justify-content:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label img{width:24px;height:24px;flex-shrink:0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label span{color:var(--mealz-ds-color-content-default, #1f2a2e);line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row;gap:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{min-height:48px;padding:12px 20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:24px;height:24px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button{flex:0 0 auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{position:absolute;left:calc(50% - 48px);transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;pointer-events:none;z-index:1}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions{pointer-events:none}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions button{pointer-events:none;cursor:default}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add{animation:exitAdd .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{animation:exitPass .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__promote{animation:promote .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__reveal{animation:reveal .2s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add,.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{pointer-events:none}@keyframes exitPass{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% - 200px)) rotate(-6deg) scale(.6);opacity:0}}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 48px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes reveal{0%{opacity:0;transform:translate(-50%) rotate(2deg) scale(.85)}to{opacity:.5;transform:translate(-50%) rotate(-2deg) scale(.9)}}@keyframes exitAdd{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + 200px)) rotate(6deg) scale(.6);opacity:0}}@media (max-width: 1023px){.mealz-planner-recipe-suggestion{width:320px;max-width:calc(100vw - 52px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap .mealz-ds-button{padding:8px 12px}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{left:calc(50% - 40px)}.mealz-planner-recipe-suggestion__arrow{right:calc(50% - 160px);transform:scaleX(-1) rotate(90deg) scale(1.2)}}@media (max-width: 768px){mealz-planner-recipe-suggestion{padding-left:26px;padding-right:26px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{top:16px;padding:6px 10px;gap:3px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:14px;height:14px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{font-size:12px;line-height:14px}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 40px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes exitPass{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(-120%) rotate(-6deg);opacity:0}}@keyframes exitAdd{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(120%) rotate(6deg);opacity:0}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{w as c,g as l}from"../../assets/mealz-sdk-CQtAGQGQ.js";function o(){const e=document.getElementById("__mealz-recipe-details-config__"),t=new URL(globalThis.location.href),i=(e==null?void 0:e.dataset.recipeId)||t.searchParams.get("recipe_id")||"",r=(e==null?void 0:e.dataset.initialTabIndex)??t.searchParams.get("initial_tab_index")??"0",s=Number.parseInt(r,10)||0;i&&c().then(()=>{var n;const a=l();(n=a==null?void 0:a.recipes)!=null&&n.openDetails&&a.recipes.openDetails(i,null,s)}).catch(a=>{console.error("[init-recipe-details-drawer] Mealz SDK not ready:",a)})}o();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{w as l,g as o}from"../../assets/mealz-sdk-CQtAGQGQ.js";function p(){l().then(()=>{var r;const e=o();(r=e==null?void 0:e.noSupplier)!=null&&r.displaySupplierSelector$&&e.noSupplier.displaySupplierSelector$.next(!0)}).catch(e=>{console.error("[init-supplier-selector-drawer] Mealz SDK not ready:",e)})}p();
|