mealz-components 2.3.1 → 2.4.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/assets/{accordion-la5mVBfL.js → accordion-Ba11uzYA.js} +1 -1
- package/dist/assets/responsive-C7Qf71r3.js +1 -0
- package/dist/assets/{unsafe-html-Bv_ydUHb.js → unsafe-html-uboinnys.js} +1 -1
- package/dist/catalog/basket-preview/basket-preview.min.js +1 -1
- package/dist/catalog/catalog-list/catalog-list.css +1 -0
- package/dist/catalog/catalog-list/catalog-list.min.js +1 -1
- package/dist/catalog/catalog-load-more.min.js +1 -1
- package/dist/catalog/my-meals-button/my-meals-button.min.js +1 -1
- package/dist/drawer/drawer.css +1 -1
- package/dist/drawer/drawer.min.js +1 -1
- package/dist/drawer-view-swapper/drawer-view-swapper.min.js +1 -1
- package/dist/history-drawer/history-drawer.min.js +1 -1
- package/dist/modal/modal.css +1 -1
- package/dist/modal/modal.min.js +7 -3
- package/dist/onboarding/onboarding.css +1 -1
- package/dist/onboarding/onboarding.min.js +5 -5
- package/dist/planner/helpers/open-onboarding-modal.min.js +1 -1
- package/dist/planner/planner-abandon-modal/planner-abandon-modal.min.js +1 -1
- package/dist/planner/planner-budget-edit-modal/planner-budget-edit-modal.css +1 -1
- package/dist/planner/planner-budget-edit-modal/planner-budget-edit-modal.min.js +1 -1
- package/dist/planner/planner-budget-gauge/planner-budget-gauge.css +1 -1
- package/dist/planner/planner-budget-gauge/planner-budget-gauge.min.js +1 -1
- package/dist/planner/planner-catalog/planner-catalog.css +1 -1
- package/dist/planner/planner-catalog/planner-catalog.min.js +2 -2
- package/dist/planner/planner-current-menu/planner-current-menu.css +1 -1
- package/dist/planner/planner-current-menu/planner-current-menu.min.js +1 -1
- package/dist/planner/planner-current-menu-modal/planner-current-menu-modal.min.js +1 -1
- package/dist/planner/planner-dashboard/planner-dashboard.min.js +1 -1
- package/dist/planner/planner-form/planner-form.min.js +1 -1
- package/dist/planner/planner-menu-option/planner-menu-option.min.js +1 -1
- package/dist/planner/planner-onboarding/planner-onboarding.min.js +1 -1
- package/dist/planner/planner-onboarding-modal/planner-onboarding-modal.min.js +12 -15
- package/dist/planner/planner-open-catalog-modal/planner-open-catalog-modal.min.js +1 -1
- package/dist/planner/planner-quick-menu/planner-quick-menu.css +1 -0
- package/dist/planner/planner-quick-menu/planner-quick-menu.min.js +1 -0
- package/dist/planner/planner-recipe-card/planner-recipe-card.css +1 -1
- package/dist/planner/planner-recipe-list/planner-recipe-list.css +1 -1
- package/dist/planner/planner-recipe-list/planner-recipe-list.min.js +1 -1
- package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.css +1 -1
- package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.min.js +1 -1
- package/dist/planner/planner-welcome-modal/planner-welcome-modal.css +1 -1
- package/dist/planner/planner-welcome-modal/planner-welcome-modal.min.js +1 -1
- package/dist/planner/to-basket-loader/to-basket-loader.min.js +2 -2
- package/dist/planner-entry/planner-entry.css +1 -1
- package/dist/planner-entry/planner-entry.min.js +1 -1
- package/dist/preferences/preferences.min.js +1 -1
- package/dist/recipe-card-cta/recipe-card-cta.min.js +1 -1
- package/dist/recipe-details/recipe-details.min.js +25 -25
- package/dist/store-locator/store-locator.min.js +4 -4
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as d,k as h}from"./no-shadow-element-Dz9jgDtr.js";import{t as m}from"./custom-element-BhZVzxrc.js";import{n as l}from"./property-Bx8Yvr4_.js";import{a as p}from"./unsafe-html-
|
|
1
|
+
import{N as d,k as h}from"./no-shadow-element-Dz9jgDtr.js";import{t as m}from"./custom-element-BhZVzxrc.js";import{n as l}from"./property-Bx8Yvr4_.js";import{a as p}from"./unsafe-html-uboinnys.js";var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,t,c,n)=>{for(var o=n>1?void 0:n?y(t,c):t,a=s.length-1,r;a>=0;a--)(r=s[a])&&(o=(n?r(t,c,o):r(o))||o);return n&&o&&g(t,c,o),o};let e=class extends d{constructor(){super(),this.noStyling=!1,this.isCollapsed=!0,this.isCollapsedChangeEvent=new CustomEvent("isCollapsedChange",{detail:{isCollapsed:this.isCollapsed},bubbles:!0,composed:!0}),this.styleURL=new URL("./accordion/accordion.css",this.getBaseURL())}connectedCallback(){super.connectedCallback();const s=this.querySelector('[slot="title"]');s&&(this.titleSlot=s.innerHTML,s.remove());const t=this.querySelector('[slot="content"]');t&&(this.contentSlot=t.innerHTML,t.remove()),this.innerHTML=""}disconnectedCallback(){super.disconnectedCallback()}toggleAccordion(){this.isCollapsed=!this.isCollapsed,this.dispatchEvent(this.isCollapsedChangeEvent),this.requestUpdate()}updated(){this.classList.toggle("opened",!this.isCollapsed)}render(){return h`
|
|
2
2
|
<button
|
|
3
3
|
class="mealz-accordion__header${this.noStyling?"-no-styling":""}"
|
|
4
4
|
@click=${()=>this.toggleAccordion()}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function a(t,e=".mealz-planner-current-menu__mobile-header",i="(max-width: 768px)"){const n=e?t.querySelector(e):null;return n?window.getComputedStyle(n).display!=="none":window.matchMedia(i).matches}function o(t,e,i=".mealz-planner-current-menu__mobile-header",n="(max-width: 768px)"){const r=()=>{const s=a(t,i,n);e(s)};return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)}export{o as a,a as i};
|
|
@@ -2,7 +2,7 @@ import{D as s,R as o}from"./no-shadow-element-Dz9jgDtr.js";/**
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2017 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const u={CHILD:2},c=i=>(...t)=>({_$litDirective$:i,values:t});class h{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,n){this.t=t,this._$AM=r,this.i=n}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}/**
|
|
5
|
+
*/const u={ATTRIBUTE:1,CHILD:2},c=i=>(...t)=>({_$litDirective$:i,values:t});class h{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,n){this.t=t,this._$AM=r,this.i=n}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -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 R,k as l,D as _,s as M,R as O}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as x}from"../../assets/custom-element-BhZVzxrc.js";import{n as f}from"../../assets/property-Bx8Yvr4_.js";import{m as c,a as B}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../counter/counter.min.js";import"../../price/price.min.js";import"../../modal/modal.min.js";import{P as N}from"../../assets/price-CHipCs2z.js";import{c as D}from"../../assets/capitalize-DUAqYmp4.js";import{e as q,i as L,t as V}from"../../assets/unsafe-html-
|
|
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 R,k as l,D as _,s as M,R as O}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as x}from"../../assets/custom-element-BhZVzxrc.js";import{n as f}from"../../assets/property-Bx8Yvr4_.js";import{m as c,a as B}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../counter/counter.min.js";import"../../price/price.min.js";import"../../modal/modal.min.js";import{P as N}from"../../assets/price-CHipCs2z.js";import{c as D}from"../../assets/capitalize-DUAqYmp4.js";import{e as q,i as L,t as V}from"../../assets/unsafe-html-uboinnys.js";import{d as F}from"../../assets/debounceTime-D7R6Z3Am.js";import{d as j}from"../../assets/delay-wUm-cx7a.js";import{s as H}from"../../assets/switchMap-6Z80ObHE.js";import"../../assets/state-C5zM4-Pq.js";import"../../assets/query-BApjzB0v.js";import"../../onboarding/events.min.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../assets/take-ByPtGQky.js";import"../../assets/empty-Bs9kqCuA.js";import"../../assets/map-DHslluWD.js";import"../../assets/mergeMap-g-JGW99j.js";import"../../assets/innerFrom-FMZwm2mb.js";import"../../assets/executeSchedule-C0acKsif.js";import"../../assets/timer-C3uKg-qK.js";var G=Object.defineProperty,K=Object.getOwnPropertyDescriptor,U=(e,s,i,a)=>{for(var t=a>1?void 0:a?K(s,i):s,n=e.length-1,r;n>=0;n--)(r=e[n])&&(t=(a?r(s,i,t):r(t))||t);return a&&t&&G(s,i,t),t};let g=class extends R{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()}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.mealz-catalog-list__dish-type-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:24px 24px 6px}.mealz-catalog-list__dish-type-filter__chip+.mealz-catalog-list__dish-type-filter__chip{margin-left:8px}.mealz-catalog-list__dish-type-filter__chip.mealz-ds-badge.outline{border:none;padding:12px 16px}.mealz-catalog-list__dish-type-filter__chip.mealz-ds-badge.outline.active{background:var(--mealz-ds-color-primary, #24748F);border-color:var(--mealz-ds-color-primary, #24748F);color:var(--mealz-ds-color-neutral-white, #FFF)}@media (max-width: 700px){.mealz-catalog-list__dish-type-filter{padding:16px 16px 6px}}.mealz-drawer-view-swapper .mealz-catalog-list__dish-type-filter{padding-left:24px;padding-right:24px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import{t as o}from"../../assets/custom-element-BhZVzxrc.js";import"../../assets/no-shadow-element-Dz9jgDtr.js";import{C as c}from"../catalog-load-more.min.js";import{h}from"../../assets/session-handler-BZFnRy_K.js";import{w as d,m as p}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/http-Bepz6wA4.js";import"../../assets/innerFrom-FMZwm2mb.js";import"../../assets/mergeMap-g-JGW99j.js";import"../../assets/map-DHslluWD.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../assets/executeSchedule-C0acKsif.js";import"../../assets/mapOneOrManyArgs-Bdu6mo6S.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/timer-C3uKg-qK.js";var u=Object.getOwnPropertyDescriptor,y=(e,t,i,s)=>{for(var r=s>1?void 0:s?u(t,i):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(r=n(r)||r);return r};let l=class extends c{constructor(){super(...arguments),this.planner=!1,this.recipeTypeFilter=!1}connectedCallback(){super.connectedCallback(),d().then(()=>{var e,t;(t=(e=p)==null?void 0:e.preferences)!=null&&t.preferencesChanged$&&this.subscriptions.push(p.preferences.preferencesChanged$().subscribe(()=>this.reloadPage()))}).catch(e=>{console.warn("Failed to initialize preferences subscription:",e)})}disconnectedCallback(){super.disconnectedCallback()}render(){const e=this.getStartingData();if(!e||!this.initializeRecipeCardListElement())return;const t=this.parseStartingData(e);t&&this.validateAndHandleSession(t.sessionId)&&(this.setFilterFlags(t.planner,t.recipeTypeFilter,t.recipeTypeId),this.initDishTypeFilter(),this.initializeCatalog(t),this.removeAttribute("starting-data"))}getStartingData(){return this.getAttribute("starting-data")}initializeRecipeCardListElement(){const e=this.querySelector(".mealz-catalog__list");return e?(this.recipeCardListHTML=e,!0):!1}parseStartingData(e){try{return JSON.parse(e)}catch(t){return console.warn("Invalid catalog list starting-data:",t),null}}validateAndHandleSession(e){return e?(h(e),!0):!1}setFilterFlags(e,t,i){this.planner=e===!0||e==="true",this.recipeTypeFilter=t===!0||t==="true",this.recipeTypeId=i||void 0}initializeCatalog(e){this.loadMoreRecipesOnScroll({displayRecipeVariant:e.displayRecipeVariant,loadMoreURL:e.loadMoreURL,sessionId:e.sessionId,pageSize:e.pageSize,storeId:e.storeId,search:e.search,listHTML:this.recipeCardListHTML,promotions:e.promotions,planner:this.planner,recipeTypeFilter:this.recipeTypeFilter,recipeTypeId:e.recipeTypeId})}initDishTypeFilter(){const e=this.getDishTypeFilterChips();!e||e.length===0||(this.applyActiveStateToChips(e,this.recipeTypeId),this.attachChipClickHandlers(e))}getDishTypeFilterChips(){const e=this.querySelector(".mealz-catalog-list__dish-type-filter");return!e||!this.recipeTypeFilter?null:Array.from(e.querySelectorAll(".mealz-catalog-list__dish-type-filter__chip"))}applyActiveStateToChips(e,t){e.forEach(i=>{const r=(i.getAttribute("data-recipe-type-id")||"")===(t||"");i.classList.toggle("active",r),i.setAttribute("aria-selected",r?"true":"false")})}attachChipClickHandlers(e){e.forEach(t=>{t.addEventListener("click",()=>this.handleDishTypeChipClick(t,e),{passive:!0})})}handleDishTypeChipClick(e,t){const i=e.getAttribute("data-recipe-type-id")||"";i!==(this.recipeTypeId||"")&&(this.recipeTypeId=i||void 0,this.applyActiveStateToChips(t,this.recipeTypeId),this.showLoader(),this.planner?this.handlePlannerDishTypeChange(i):this.handleNonPlannerDishTypeChange())}showLoader(){const e=this.querySelector(".mealz-ds-loader");e&&(e.style.display="block")}handlePlannerDishTypeChange(e){const t=new CustomEvent("dishTypeEvent",{detail:{mealType:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}handleNonPlannerDishTypeChange(){const e=new URL(window.location.href);this.recipeTypeId?e.searchParams.set("recipe_type_id",this.recipeTypeId):e.searchParams.delete("recipe_type_id"),window.location.href=e.toString()}reloadPage(){location.reload()}};l=y([o("mealz-catalog-list")],l);customElements.get("mealz-catalog-list")||customElements.define("mealz-catalog-list",l);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as R,O as T,i as h,N as _}from"../assets/no-shadow-element-Dz9jgDtr.js";import{b as S}from"../assets/http-Bepz6wA4.js";import{a as C,i as b}from"../assets/innerFrom-FMZwm2mb.js";import{m as H}from"../assets/mergeMap-g-JGW99j.js";import{m as k}from"../assets/mapOneOrManyArgs-Bdu6mo6S.js";import{a as O}from"../assets/async-D5WN8Wfc.js";import{o as z,c as y}from"../assets/OperatorSubscriber-DF1TYu__.js";import{t as I}from"../assets/timer-C3uKg-qK.js";import"../assets/mealz-sdk-E_fNZM-c.js";import"../assets/map-DHslluWD.js";import"../assets/executeSchedule-C0acKsif.js";var x=["addListener","removeListener"],V=["addEventListener","removeEventListener"],D=["on","off"];function E(n,e,t,r){if(h(t)&&(r=t,t=void 0),r)return E(n,e,t).pipe(k(r));var u=R(G(n)?V.map(function(s){return function(c){return n[s](e,c,t)}}):q(n)?x.map(M(n,e)):A(n)?D.map(M(n,e)):[],2),p=u[0],f=u[1];if(!p&&C(n))return H(function(s){return E(s,e,t)})(b(n));if(!p)throw new TypeError("Invalid event target");return new T(function(s){var c=function(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return s.next(1<a.length?a:a[0])};return p(c),function(){return f(c)}})}function M(n,e){return function(t){return function(r){return n[t](e,r)}}}function q(n){return h(n.addListener)&&h(n.removeListener)}function A(n){return h(n.on)&&h(n.off)}function G(n){return h(n.addEventListener)&&h(n.removeEventListener)}function F(n,e){return z(function(t,r){var u=e??{},p=u.leading,f=p===void 0?!0:p,s=u.trailing,c=s===void 0?!1:s,a=!1,l=null,o=null,m=!1,g=function(){o==null||o.unsubscribe(),o=null,c&&(v(),m&&r.complete())},L=function(){o=null,m&&r.complete()},i=function(d){return o=b(n(d)).subscribe(y(r,g,L))},v=function(){if(a){a=!1;var d=l;l=null,r.next(d),!m&&i(d)}};t.subscribe(y(r,function(d){a=!0,l=d,!(o&&!o.closed)&&(f?v():i(d))},function(){m=!0,!(c&&a&&o&&!o.closed)&&r.complete()}))})}function $(n,e,t){e===void 0&&(e=O);var r=I(n,e);return F(function(){return r},t)}const j=300;class ee extends _{constructor(){super(...arguments),this.noMoreData=!1,this.isLoading=!1,this.page=2,this.loaderElement=null,this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.createLoader()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe()),this.removeLoader()}loadMoreRecipesOnScroll(e){this.addScrollListener(window,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(window.scrollY,window.innerHeight,document.body.offsetHeight)&&this.getMoreRecipes(e)});const t=document.querySelector(".mealz-drawer__content-container");t&&this.addScrollListener(t,()=>{this.isListVisible(e.listHTML)&&this.shouldGetMoreRecipes(t.scrollTop,t.clientHeight,t.scrollHeight)&&this.getMoreRecipes(e)})}addScrollListener(e,t){const r=E(e,"scroll").pipe($(100));this.subscriptions.push(r.subscribe(t))}isListVisible(e){return!!(e.offsetParent||e.getClientRects().length)}shouldGetMoreRecipes(e,t,r){return!this.noMoreData&&!this.isLoading&&e+t+j>=r}async getMoreRecipes(e){const{displayRecipeVariant:t,loadMoreURL:r,sessionId:u,pageSize:p,storeId:f,packageId:s,search:c,listHTML:a,promotions:l,planner:o,recipeTypeFilter:m,historyStyle:g,recipeTypeId:L}=e;this.isLoading=!0,this.toggleLoader(!0);const i=new URLSearchParams;i.append("size",p.toString()),i.append("page",this.page.toString()),t&&i.append("display_recipe_variant",t),s&&i.append("category_id",s),f&&i.append("store_id",f),c&&i.append("search",c),l&&i.append("promotions",l.toString()),o&&i.append("planner","true"),m&&i.append("recipe_type_filter","true"),g&&i.append("history_style",g),L&&i.append("recipe_type_id",L);try{const v=r.includes("?")?"&":"?",d=await fetch(r+v+i.toString(),{method:"GET",headers:S(u)});if(!d.ok)throw new Error(`Load more request failed with status: ${d.status}`);const w=await d.text();this.appendRecipesToList(w,a,p)}catch(v){console.error(v),this.isLoading=!1}}appendRecipesToList(e,t,r){this.checkIfMoreRecipes(e,r),t.insertAdjacentHTML("beforeend",e),this.isLoading=!1,this.toggleLoader(!1),this.page++}checkIfMoreRecipes(e,t){const r=e.match(/<mealz-recipe-card(?=\s|>)/gi)||e.match(/<mealz-history-order(?=\s|>)/gi)||e.match(/<mealz-history-order-expanded(?=\s|>)/gi);(r?r.length:0)<t&&(this.noMoreData=!0)}createLoader(){const e=this.querySelector(".mealz-catalog__content");!this.loaderElement&&e&&(this.loaderElement=document.createElement("div"),this.loaderElement.className="mealz-ds-loader",this.loaderElement.style.display="none",e.appendChild(this.loaderElement))}removeLoader(){this.loaderElement&&this.loaderElement.parentElement&&(this.loaderElement.parentElement.removeChild(this.loaderElement),this.loaderElement=null)}toggleLoader(e){this.loaderElement&&(this.loaderElement.style.display=e?"block":"none")}}export{ee as C};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../basket-preview/basket-preview.min.js";import"../../drawer-view-swapper/drawer-view-swapper.min.js";import{N as n}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as l}from"../../assets/custom-element-BhZVzxrc.js";import{m as a}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../store-indicator/store-indicator.min.js";import"../../store-locator/store-locator.min.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/state-C5zM4-Pq.js";import"../../assets/query-BApjzB0v.js";import"../../slider-tabs/slider-tabs.min.js";import"../../counter/counter.min.js";import"../../assets/debounceTime-D7R6Z3Am.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../price/price.min.js";import"../../assets/price-CHipCs2z.js";import"../../modal/modal.min.js";import"../../assets/unsafe-html-
|
|
1
|
+
import"../basket-preview/basket-preview.min.js";import"../../drawer-view-swapper/drawer-view-swapper.min.js";import{N as n}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as l}from"../../assets/custom-element-BhZVzxrc.js";import{m as a}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../store-indicator/store-indicator.min.js";import"../../store-locator/store-locator.min.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/state-C5zM4-Pq.js";import"../../assets/query-BApjzB0v.js";import"../../slider-tabs/slider-tabs.min.js";import"../../counter/counter.min.js";import"../../assets/debounceTime-D7R6Z3Am.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../price/price.min.js";import"../../assets/price-CHipCs2z.js";import"../../modal/modal.min.js";import"../../assets/unsafe-html-uboinnys.js";import"../../onboarding/events.min.js";import"../../assets/capitalize-DUAqYmp4.js";import"../../assets/delay-wUm-cx7a.js";import"../../assets/take-ByPtGQky.js";import"../../assets/empty-Bs9kqCuA.js";import"../../assets/map-DHslluWD.js";import"../../assets/mergeMap-g-JGW99j.js";import"../../assets/innerFrom-FMZwm2mb.js";import"../../assets/executeSchedule-C0acKsif.js";import"../../assets/timer-C3uKg-qK.js";import"../../assets/switchMap-6Z80ObHE.js";import"../../drawer/drawer.min.js";import"../../store-locator-drawer/store-locator-drawer.min.js";import"../../assets/skipWhile-BzDgmir5.js";import"../../assets/filter-DQ4vwAGj.js";import"../../recipe-details/recipe-details.min.js";import"../../recipe-pricing/recipe-pricing.min.js";import"../../assets/viewport-listener-DrFhSZNW.js";import"../../assets/merge-tdU3EgEI.js";import"../../assets/mergeAll-DTkL1sF8.js";import"../../assets/from-BTlWkhKh.js";import"../../assets/product-card-c_0I2Lp_.js";import"../../assets/promotion-badge-CzwsPJJq.js";import"../../assets/accordion-Ba11uzYA.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/analytics/onboarding-analytics.min.js";import"../../assets/responsive-C7Qf71r3.js";import"../../assets/tap-K_D6lo97.js";import"../../assets/combineLatest-BN0_WcEG.js";import"../../assets/mapOneOrManyArgs-Bdu6mo6S.js";import"../../planner/planner-catalog/planner-catalog.min.js";import"../catalog-load-more.min.js";import"../../assets/http-Bepz6wA4.js";import"../../replace-item/replace-item.min.js";import"../../replace-item/replace-item-card/replace-item-card.min.js";import"../../assets/price-utils-BRFZa-3D.js";import"../../assets/distinctUntilChanged-VvZTmHoN.js";import"../../replace-item-planner/replace-item-planner.min.js";import"../../replace-item-planner/replace-item-card-planner/replace-item-card-planner.min.js";import"../../history-drawer/history-drawer.min.js";import"../../assets/of-hd4MpK5g.js";import"../../supplier-selector/supplier-selector.min.js";import"../../preferences/preferences.min.js";var u=Object.getOwnPropertyDescriptor,c=(t,i,r,m)=>{for(var o=m>1?void 0:m?u(i,r):i,e=t.length-1,p;e>=0;e--)(p=t[e])&&(o=p(o)||o);return o};let s=class extends n{constructor(){super(...arguments),this.analyticsPath="",this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.subscriptions.push(mealz.basket.recipeCount().subscribe(t=>{this.recipesCount=t,this.updateDOM()}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe())}render(){var i;if(this.button=this.querySelector(".mealz-my-meals-button"),!this.button)return;const t=(i=this.attributes["starting-data"])==null?void 0:i.value;if(t){const{path:r}=JSON.parse(t);this.analyticsPath=r,this.removeAttribute("starting-data")}this.button.addEventListener("click",r=>{r.stopPropagation(),this.toggleBasketPreview()})}toggleBasketPreview(){this.sendBasketDisplayEvent(),a.basket.basketPreviewState$.next({isOpen:!0})}updateDOM(){var i;if(!this.button)return;this.recipesCount?this.button.classList.remove("hidden"):this.button.classList.add("hidden");const t=(i=this.button.querySelector(".mealz-my-meals-button__text"))==null?void 0:i.firstElementChild;t&&(t.innerHTML=`${this.recipesCount||0}`)}sendBasketDisplayEvent(){a.analytics.sendEvent("basket.display",this.analyticsPath,{})}};s=c([l("mealz-my-meals-button")],s);customElements.get("mealz-my-meals-button")||customElements.define("mealz-my-meals-button",s);
|
package/dist/drawer/drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
mealz-drawer.hidden{display:none}.mealz-no-scroll{overflow:hidden}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.mealz-shadow-overlay{position:fixed;background:var(--mealz-ds-color-neutral-black, #0F191F);animation:show .3s ease-in-out forwards;opacity:.6;z-index:calc(var(--m-z-index-modal-overlay) - 1);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent;@keyframes show{0%{opacity:0}to{opacity:.6}}}.mealz-drawer{z-index:calc(var(--m-z-index-modal) - 1);position:fixed;overflow:hidden;background-color:var(--mealz-ds-color-background-primary, #FFFFFF);display:flex;flex-direction:column;animation:slide-in .3s ease-out forwards;height:100%;top:0;right:0;width:100%}@media (min-width: 1024px){.mealz-drawer{width:650px}}@media (min-width: 450px) and (max-width: 1023px){.mealz-drawer{width:450px}}.mealz-drawer.without-header .mealz-drawer__header{display:none}.mealz-drawer.without-header .mealz-drawer__header .mealz-drawer__header-container .mealz-drawer__close-icon{position:absolute;top:0;right:0;z-index:calc(var(--m-z-index-position-absolute-high) - 1)}.mealz-drawer .mealz-drawer__header .mealz-drawer__header-container{display:flex;flex-direction:row;justify-content:space-between;padding:16px;align-items:center;border-bottom:1px solid var(--mealz-ds-color-neutral-200, #EFF1F3)}.mealz-drawer .mealz-drawer__header .mealz-drawer__header-container .mealz-drawer__title{font-weight:900;overflow:hidden;text-overflow:ellipsis;align-self:center}.mealz-drawer .mealz-drawer__content-container{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--mealz-ds-color-primary-100),var(--mealz-ds-color-primary);box-sizing:border-box}
|
|
1
|
+
mealz-drawer.hidden{display:none}.mealz-no-scroll{overflow:hidden}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.mealz-shadow-overlay{position:fixed;background:var(--mealz-ds-color-neutral-black, #0F191F);animation:show .3s ease-in-out forwards;opacity:.6;z-index:calc(var(--m-z-index-modal-overlay, 6000) - 1);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent;@keyframes show{0%{opacity:0}to{opacity:.6}}}.mealz-drawer{z-index:calc(var(--m-z-index-modal) - 1);position:fixed;overflow:hidden;background-color:var(--mealz-ds-color-background-primary, #FFFFFF);display:flex;flex-direction:column;animation:slide-in .3s ease-out forwards;height:100%;top:0;right:0;width:100%}@media (min-width: 1024px){.mealz-drawer{width:650px}}@media (min-width: 450px) and (max-width: 1023px){.mealz-drawer{width:450px}}.mealz-drawer.without-header .mealz-drawer__header{display:none}.mealz-drawer.without-header .mealz-drawer__header .mealz-drawer__header-container .mealz-drawer__close-icon{position:absolute;top:0;right:0;z-index:calc(var(--m-z-index-position-absolute-high) - 1)}.mealz-drawer .mealz-drawer__header .mealz-drawer__header-container{display:flex;flex-direction:row;justify-content:space-between;padding:16px;align-items:center;border-bottom:1px solid var(--mealz-ds-color-neutral-200, #EFF1F3)}.mealz-drawer .mealz-drawer__header .mealz-drawer__header-container .mealz-drawer__title{font-weight:900;overflow:hidden;text-overflow:ellipsis;align-self:center}.mealz-drawer .mealz-drawer__content-container{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--mealz-ds-color-primary-100),var(--mealz-ds-color-primary);box-sizing:border-box}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as h,D as m,k as p}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v}from"../assets/custom-element-BhZVzxrc.js";import{n as d}from"../assets/property-Bx8Yvr4_.js";import{a as c}from"../assets/unsafe-html-
|
|
1
|
+
import{N as h,D as m,k as p}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v}from"../assets/custom-element-BhZVzxrc.js";import{n as d}from"../assets/property-Bx8Yvr4_.js";import{a as c}from"../assets/unsafe-html-uboinnys.js";import"../assets/mealz-sdk-E_fNZM-c.js";var w=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(e,s,o,a)=>{for(var t=a>1?void 0:a?u(s,o):s,l=e.length-1,i;l>=0;l--)(i=e[l])&&(t=(a?i(s,o,t):i(t))||t);return a&&t&&w(s,o,t),t};let r=class extends h{constructor(){super(...arguments),this.headerComponents=[]}updated(e){(e.has("titleSlot")||e.has("contentSlot"))&&this.setHeaderClass()}connectedCallback(){super.connectedCallback(),this.createCloseEvent()}disconnectedCallback(){this.closeEvent=null,super.disconnectedCallback()}setHeaderClass(){const e=this.getElementsByClassName("mealz-drawer")[0];e&&(e.classList.remove("with-header","without-header"),e.classList.add(this.titleSlot?"with-header":"without-header"))}createCloseEvent(){this.closeEvent=new CustomEvent("drawerClosed",{bubbles:!0,composed:!0})}render(){return p`
|
|
2
2
|
<div @click=${()=>this.closeDrawer()} class="mealz-shadow-overlay"></div>
|
|
3
3
|
<div class="mealz-drawer">
|
|
4
4
|
<div class="mealz-drawer__header">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as v,D as d,k as o,B as c}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as $}from"../assets/custom-element-BhZVzxrc.js";import{n as g}from"../assets/property-Bx8Yvr4_.js";import{m as t,w as z,i as _}from"../assets/mealz-sdk-E_fNZM-c.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"../supplier-selector/supplier-selector.min.js";import{o as k,l as R}from"../catalog/basket-preview/basket-preview.min.js";import"../preferences/preferences.min.js";import{m as S}from"../assets/merge-tdU3EgEI.js";import{m as n}from"../assets/map-DHslluWD.js";import"../assets/unsafe-html-
|
|
1
|
+
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as v,D as d,k as o,B as c}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as $}from"../assets/custom-element-BhZVzxrc.js";import{n as g}from"../assets/property-Bx8Yvr4_.js";import{m as t,w as z,i as _}from"../assets/mealz-sdk-E_fNZM-c.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"../supplier-selector/supplier-selector.min.js";import{o as k,l as R}from"../catalog/basket-preview/basket-preview.min.js";import"../preferences/preferences.min.js";import{m as S}from"../assets/merge-tdU3EgEI.js";import{m as n}from"../assets/map-DHslluWD.js";import"../assets/unsafe-html-uboinnys.js";import"../assets/skipWhile-BzDgmir5.js";import"../assets/OperatorSubscriber-DF1TYu__.js";import"../assets/switchMap-6Z80ObHE.js";import"../assets/innerFrom-FMZwm2mb.js";import"../assets/filter-DQ4vwAGj.js";import"../recipe-pricing/recipe-pricing.min.js";import"../assets/viewport-listener-DrFhSZNW.js";import"../assets/debounceTime-D7R6Z3Am.js";import"../assets/async-D5WN8Wfc.js";import"../assets/take-ByPtGQky.js";import"../assets/empty-Bs9kqCuA.js";import"../assets/price-CHipCs2z.js";import"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import"../assets/product-card-c_0I2Lp_.js";import"../price/price.min.js";import"../assets/promotion-badge-CzwsPJJq.js";import"../assets/delay-wUm-cx7a.js";import"../assets/mergeMap-g-JGW99j.js";import"../assets/executeSchedule-C0acKsif.js";import"../assets/timer-C3uKg-qK.js";import"../assets/accordion-Ba11uzYA.js";import"../store-indicator/store-indicator.min.js";import"../assets/state-C5zM4-Pq.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"../assets/tap-K_D6lo97.js";import"../assets/combineLatest-BN0_WcEG.js";import"../assets/from-BTlWkhKh.js";import"../assets/mapOneOrManyArgs-Bdu6mo6S.js";import"../catalog/catalog-load-more.min.js";import"../assets/http-Bepz6wA4.js";import"../replace-item/replace-item-card/replace-item-card.min.js";import"../assets/price-utils-BRFZa-3D.js";import"../assets/distinctUntilChanged-VvZTmHoN.js";import"../replace-item-planner/replace-item-card-planner/replace-item-card-planner.min.js";import"../assets/of-hd4MpK5g.js";import"../slider-tabs/slider-tabs.min.js";import"../modal/modal.min.js";import"../assets/mergeAll-DTkL1sF8.js";var C=Object.defineProperty,D=Object.getOwnPropertyDescriptor,P=(e,s,r,a)=>{for(var i=a>1?void 0:a?D(s,r):s,l=e.length-1,p;l>=0;l--)(p=e[l])&&(i=(a?p(s,r,i):p(i))||i);return a&&i&&C(s,r,i),i};let m=class extends v{constructor(){super(),this.styleURL=new URL("./recipe-details/sponsor-block/sponsor-block.css",this.getBaseURL())}render(){var b,y,f;if(!this.sponsorBlock)return d;const{pictureUrl:e,content:s,backgroundColor:r="#FFFFFF",fontSize:a=16,fontColor:i="#000000"}=this.sponsorBlock,l=(f=(y=(b=this.sponsorBlock.relationships)==null?void 0:b["sponsor-block-type"])==null?void 0:y.data)==null?void 0:f.name;if(!l)return o``;const p=l.toLowerCase(),h=`background-color: ${r}; font-size: ${a}px; color: ${i};`;switch(l){case"TEXT":case"SMALL_TEXT":case"TITLE":case"SMALL_TITLE":return o`
|
|
2
2
|
<div class="sponsor-text-blocks sponsor-${p}-block" style="background-color: ${r};">
|
|
3
3
|
<span class="sponsor-${p}-block__text" style="font-size: ${l.includes("TITLE")?32:16}px; color: ${i};">
|
|
4
4
|
${s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as l,k as h}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as c}from"../assets/custom-element-BhZVzxrc.js";import{n as w}from"../assets/property-Bx8Yvr4_.js";import{b as m}from"../assets/http-Bepz6wA4.js";import{a as u}from"../assets/unsafe-html-
|
|
1
|
+
import{N as l,k as h}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as c}from"../assets/custom-element-BhZVzxrc.js";import{n as w}from"../assets/property-Bx8Yvr4_.js";import{b as m}from"../assets/http-Bepz6wA4.js";import{a as u}from"../assets/unsafe-html-uboinnys.js";import{s as f}from"../assets/skipWhile-BzDgmir5.js";import{s as D}from"../assets/switchMap-6Z80ObHE.js";import{m as y}from"../assets/map-DHslluWD.js";import{o as d}from"../assets/of-hd4MpK5g.js";import"../assets/mealz-sdk-E_fNZM-c.js";import"../assets/OperatorSubscriber-DF1TYu__.js";import"../assets/innerFrom-FMZwm2mb.js";import"../assets/from-BTlWkhKh.js";import"../assets/executeSchedule-C0acKsif.js";var C=Object.defineProperty,b=Object.getOwnPropertyDescriptor,p=(r,e,s,a)=>{for(var t=a>1?void 0:a?b(e,s):e,i=r.length-1,o;i>=0;i--)(o=r[i])&&(t=(a?o(e,s,t):o(t))||t);return a&&t&&C(e,s,t),t};let n=class extends l{constructor(){super(...arguments),this.skipInitialUpdate=!1,this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.historyOrderDisplay&&(this.skipInitialUpdate=!0,this.listenToCloseEvent(),this.loadDrawerContent())}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(r=>r.unsubscribe())}updated(r){if(this.skipInitialUpdate){this.skipInitialUpdate=!1;return}r.has("historyOrderDisplay")&&this.historyOrderDisplay&&this.loadDrawerContent()}render(){if(!(!this.drawerContent||!this.historyOrderDisplay))return h`${u(this.drawerContent)}`}loadDrawerContent(){const{historyDrawerData:r,orderId:e}=this.historyOrderDisplay;this.subscriptions.push(this.setDataFromStartingData(r,e).subscribe(({drawerContent:s})=>{s&&(this.drawerContent=s,this.requestUpdate())}))}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.closeHistoryDrawer(),this.drawerClose()})}closeHistoryDrawer(){const r=document.querySelector("mealz-drawer-view-swapper");r&&r.displayHistoryDrawer$.next(null)}drawerClose(){const r=new URL(window.location.href);r.searchParams.delete("order"),window.history.pushState({},"",r.toString())}fetchDrawerData(r,e,s,a){const t=new URLSearchParams;return t.append("order",e.toString()),a&&t.append("store_id",a),this.isMealzInternalReady$.pipe(f(i=>!i),D(async()=>{const i=m(s),o=r.includes("?")?"&":"?";return await(await fetch(r+o+t.toString(),{method:"GET",headers:i})).text()}))}setDrawerData(r,e,s,a){return this.fetchDrawerData(r,e,s,a).pipe(y(t=>(this.drawerContent=t||"",{drawerContent:this.drawerContent})))}setDataFromStartingData(r,e){if(this.drawerContent)return d({drawerContent:this.drawerContent});const s=JSON.parse(r),{storeId:a,sessionId:t,drawerDataURL:i}=s;return!t||!i?d(null):this.setDrawerData(i,e,t,a)}};p([w({type:Object})],n.prototype,"historyOrderDisplay",2);n=p([c("mealz-history-drawer")],n);customElements.get("mealz-history-drawer")||customElements.define("mealz-history-drawer",n);
|
package/dist/modal/modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-shadow-overlay{position:fixed;background:var(--mealz-ds-color-neutral-black, #0F191F);animation:show .3s ease-in-out forwards;opacity:.6;z-index:var(--m-z-index-modal-overlay);top:0;left:0;width:100%;height:100dvh;-webkit-tap-highlight-color:transparent;@keyframes show{0%{opacity:0}to{opacity:.6}}}.mealz-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--
|
|
1
|
+
.mealz-shadow-overlay{position:fixed;background:var(--mealz-ds-color-neutral-black, #0F191F);animation:show .3s ease-in-out forwards;opacity:.6;z-index:var(--m-z-index-modal-overlay, 6000);top:0;left:0;width:100%;height:100dvh;-webkit-tap-highlight-color:transparent;@keyframes show{0%{opacity:0}to{opacity:.6}}}.mealz-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--miam-z-index-modal, 6001) + 1);background-color:var(--mealz-ds-color-neutral-white, #fff);padding:24px;border-radius:16px}@media (max-width: 600px){.mealz-modal{bottom:0;top:unset;left:0;right:0;border-radius:16px 16px 0 0;transform:none}}.mealz-modal .mealz-modal__header{display:flex;justify-content:space-between;align-items:center}.mealz-modal .mealz-modal__header>*:not(:last-child){margin-right:8px}.mealz-modal .mealz-modal__content-container{padding-top:24px}
|
package/dist/modal/modal.min.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import{N as
|
|
1
|
+
import{R as u,N as p,D as b,k as f}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v}from"../assets/custom-element-BhZVzxrc.js";import{n as a}from"../assets/property-Bx8Yvr4_.js";import{e as y,i as C,t as g,a as d}from"../assets/unsafe-html-uboinnys.js";import{M as m,a as E}from"../onboarding/events.min.js";import"../assets/mealz-sdk-E_fNZM-c.js";/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2018 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/const h="important",w=" !"+h,S=y(class extends C{constructor(t){var e;if(super(t),t.type!==g.ATTRIBUTE||t.name!=="style"||((e=t.strings)==null?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,s)=>{const o=t[s];return o==null?e:e+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:s}=t.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(const o of this.ft)e[o]==null&&(this.ft.delete(o),o.includes("-")?s.removeProperty(o):s[o]=null);for(const o in e){const l=e[o];if(l!=null){this.ft.add(o);const i=typeof l=="string"&&l.endsWith(w);o.includes("-")||i?s.setProperty(o,i?l.slice(0,-11):l,i?h:""):s[o]=l}}return u}});var k=Object.defineProperty,M=Object.getOwnPropertyDescriptor,r=(t,e,s,o)=>{for(var l=o>1?void 0:o?M(e,s):e,i=t.length-1,c;i>=0;i--)(c=t[i])&&(l=(o?c(e,s,l):c(l))||l);return o&&l&&k(e,s,l),l};let n=class extends p{constructor(){super(),this.titleSlot="",this.contentSlot="",this.disableMobileBottomSheet=!1,this.modalClickHandlers=[],this.boundHandleOnboardingConfirmed=()=>{this.closeByUser("action")},this.styleURL=new URL("./modal/modal.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.createCloseEvent(),this.addEventListener("onboardingConfirmed",this.boundHandleOnboardingConfirmed),this.wireCloseTargets()}disconnectedCallback(){this.removeEventListener("onboardingConfirmed",this.boundHandleOnboardingConfirmed),this.cleanupModalClickHandlers(),super.disconnectedCallback()}createCloseEvent(){this.closeEvent=new CustomEvent(m,{bubbles:!0,composed:!0})}render(){const t=typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 600px)").matches,e=this.disableMobileBottomSheet&&t?S({top:"50%",bottom:"unset",right:"unset",borderRadius:"16px",margin:"0 16px",transform:"translate(0, -50%)"}):b;return f`
|
|
2
6
|
<div @click=${()=>this.closeByUser("overlay")} class="mealz-shadow-overlay"></div>
|
|
3
|
-
<div class="mealz-modal">
|
|
7
|
+
<div class="mealz-modal" style=${e}>
|
|
4
8
|
<div class="mealz-modal__header">
|
|
5
9
|
<div class="mealz-modal__title mealz-ds-text weight-xxl">
|
|
6
10
|
${typeof this.titleSlot=="string"?d(this.titleSlot):this.titleSlot}
|
|
@@ -15,4 +19,4 @@ import{N as h,k as v}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as u
|
|
|
15
19
|
${typeof this.contentSlot=="string"?d(this.contentSlot):this.contentSlot}
|
|
16
20
|
</div>
|
|
17
21
|
</div>
|
|
18
|
-
`}close(){this.dispatchEvent(this.closeEvent),this.remove()}closeByUser(
|
|
22
|
+
`}close(){this.dispatchEvent(this.closeEvent),this.remove()}closeByUser(t="action"){const e=new CustomEvent(E,{bubbles:!0,composed:!0,cancelable:!0,detail:{origin:t}});if(!this.dispatchEvent(e))return;const o=new CustomEvent(m,{bubbles:!0,composed:!0,detail:{origin:t}});this.dispatchEvent(o),this.remove()}wireCloseTargets(){if(!this.closeTargets)return;const{closeOverlay:t,closeButton:e}=this.closeTargets;if(t){const s=this.querySelector(t);s&&this.addModalClickListener(s,()=>this.closeByUser("overlay"))}if(e){const s=this.querySelector(e);s&&this.addModalClickListener(s,()=>this.closeByUser("x"))}}addModalClickListener(t,e){const s=e;t.addEventListener("click",s),this.modalClickHandlers.push({element:t,handler:s})}cleanupModalClickHandlers(){this.modalClickHandlers.forEach(({element:t,handler:e})=>{t.removeEventListener("click",e)}),this.modalClickHandlers=[]}};r([a({type:String})],n.prototype,"titleSlot",2);r([a({type:String})],n.prototype,"contentSlot",2);r([a({attribute:!1})],n.prototype,"closeTargets",2);r([a({type:Boolean,attribute:"disable-mobile-bottom-sheet"})],n.prototype,"disableMobileBottomSheet",2);n=r([v("mealz-modal")],n);customElements.get("mealz-modal")||customElements.define("mealz-modal",n);export{n as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-onboarding-overlay{position:fixed;z-index:calc(var(--m-z-index-modal-overlay) - 1);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent;opacity:0;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}.mealz-onboarding-stage{position:fixed;box-shadow:0 0 0 9999px var(--mealz-ds-color-neutral-black, #0F191F);opacity:0;border-radius:12px;outline-offset:0;z-index:10001;pointer-events:none;animation:fadeInStage .3s ease-in-out forwards;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInStage{to{opacity:.7}}.mealz-onboarding-highlight{position:relative}.mealz-onboarding-popover{position:fixed;top:auto;bottom:
|
|
1
|
+
.mealz-onboarding-overlay{position:fixed;z-index:calc(var(--m-z-index-modal-overlay, 6000) - 1);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent;opacity:0;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}.mealz-onboarding-stage{position:fixed;box-shadow:0 0 0 9999px var(--mealz-ds-color-neutral-black, #0F191F);opacity:0;border-radius:12px;outline-offset:0;z-index:10001;pointer-events:none;animation:fadeInStage .3s ease-in-out forwards;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.mealz-onboarding-stage{border-radius:16px}}@keyframes fadeInStage{to{opacity:.7}}.mealz-onboarding-highlight{position:relative}.mealz-onboarding-popover{position:fixed;top:auto;bottom:86px;left:50%;transform:translate(-50%) translateY(20px);background-color:var(--mealz-ds-color-neutral-white, #fff);padding:24px;border-radius:16px;min-width:480px;width:480px;box-shadow:0 8px 24px #1018282e;z-index:10003;opacity:0;animation:slideUpFadeIn .3s ease-in-out forwards}@keyframes slideUpFadeIn{to{opacity:1;transform:translate(-50%) translateY(0)!important}}.mealz-onboarding-popover__no-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (max-width: 768px){.mealz-onboarding-popover{min-width:unset;width:calc(100% - 32px)}.mealz-onboarding-popover .mealz-onboarding-popover__footer-button{width:100%;flex:1}}.mealz-onboarding-popover .mealz-onboarding-popover__header{display:flex;justify-content:space-between;align-items:center}.mealz-onboarding-popover .mealz-onboarding-popover__header>*:not(:last-child){margin-right:8px}.mealz-onboarding-popover .mealz-onboarding-popover__content{padding:24px 0}.mealz-onboarding-popover .mealz-onboarding-popover__footer{display:flex;justify-content:space-between;align-items:center}.mealz-onboarding-popover .mealz-onboarding-popover__footer>*:not(:last-child){margin-right:24px}.mealz-onboarding-popover .mealz-onboarding-popover__footer-centered{justify-content:center}.mealz-onboarding-popover__progress{--progress: calc(var(--value) / var(--total) * 360deg);width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--mealz-ds-color-primary, #24748F) var(--progress),var(--mealz-ds-color-primary-100, #E4EAEC) 0deg);display:grid;place-items:center}.mealz-onboarding-popover__progress-inner{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.mealz-onboarding-popover__progress-inner span{color:var(--mealz-ds-color-neutral-black, #0F191F);opacity:.7}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{N as
|
|
1
|
+
import{N as f,k as p}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as b}from"../assets/custom-element-BhZVzxrc.js";import{n as c}from"../assets/property-Bx8Yvr4_.js";import{r as d}from"../assets/state-C5zM4-Pq.js";import{e as u}from"../assets/query-BApjzB0v.js";import{O as E,c as y,b as w}from"./events.min.js";import"../assets/mealz-sdk-E_fNZM-c.js";var S=Object.defineProperty,T=Object.getOwnPropertyDescriptor,a=(t,e,o,r)=>{for(var i=r>1?void 0:r?T(e,o):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(r?n(e,o,i):n(i))||i);return r&&i&&S(e,o,i),i};let l=class extends f{constructor(){super(),this.isTourActive=!1,this.stepIndex=0,this.popoverTitle="",this.popoverDescription="",this.steps=[],this.showProgress=!0,this.bottomMargin=110,this.configurations={},this.type="guide",this.highlightedElement=null,this.isThrottling=!1,this.originalBodyOverflow=null,this.originalDrawerOverflow=null,this.drawerContainer=null,this.drawerScrollTimeout=null,this.cachedRootElement=null,this.cachedNodesWithStyles=[],this.focusableSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',this.boundThrottledStageUpdate=this.throttledStageUpdate.bind(this),this.boundHandleDocumentClick=this.handleDocumentClick.bind(this),this.boundHandleKeydown=this.handleKeydown.bind(this),this.boundOnDrawerScroll=this.onDrawerScroll.bind(this),this.boundHandleWindowScroll=this.handleWindowScroll.bind(this),this.scrollDisableTransitionTimeout=null,this.styleURL=new URL("./onboarding/onboarding.css",this.getBaseURL())}get currentStep(){return this.steps[this.stepIndex]}disconnectedCallback(){super.disconnectedCallback(),this.removeHighlight(),this.disableHoverBlock(),this.bindGlobalEvents(!1)}startOnboardingTour(){const t=this.getConfig(this.type);t&&(this.steps=t.steps||[],this.showProgress=t.showProgress??!0),!(!this.steps||this.steps.length===0)&&(this.stepIndex=0,this.applyCurrentStep(),this.isTourActive=!0,this.bindGlobalEvents(!0),this.focusPopoverAsync())}endOnboardingTour(){var t;this.removeHighlight(),this.disableHoverBlock(),this.isTourActive=!1,this.stageElement&&Object.assign(this.stageElement.style,{top:"",left:"",width:"",height:""}),this.bindGlobalEvents(!1),(t=this.triggerButton)==null||t.focus(),this.dispatchEvent(new CustomEvent(E))}shouldShowProgress(){return this.showProgress}getPopoverStyle(){var e;const t=(e=this.currentStep)==null?void 0:e.popover;return(t==null?void 0:t.fixedPosition)==="top"?`top: ${t.fixedOffset??0}px !important; bottom: initial !important;`:(t==null?void 0:t.fixedPosition)==="bottom"?`top: initial !important; bottom: ${t.fixedOffset??this.bottomMargin}px !important;`:`bottom: ${this.bottomMargin}px !important;`}render(){return this.isTourActive?p`
|
|
2
2
|
<div class="mealz-onboarding-overlay" aria-hidden="true"></div>
|
|
3
3
|
<div class="mealz-onboarding-stage" aria-hidden="true" @click=${()=>this.goToNextStep()}></div>
|
|
4
4
|
<div class="mealz-onboarding-popover ${this.bottomMargin===0?"mealz-onboarding-popover__no-bottom-radius":""}"
|
|
5
|
-
style
|
|
5
|
+
style=${this.getPopoverStyle()}
|
|
6
6
|
role="dialog"
|
|
7
7
|
aria-modal="true"
|
|
8
8
|
tabindex="-1"
|
|
@@ -20,7 +20,7 @@ import{N as g,k as h}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v
|
|
|
20
20
|
${this.popoverDescriptionTemplate()}
|
|
21
21
|
</div>
|
|
22
22
|
<div class="mealz-onboarding-popover__footer ${this.shouldShowProgress()?"":"mealz-onboarding-popover__footer-centered"}">
|
|
23
|
-
${this.shouldShowProgress()?
|
|
23
|
+
${this.shouldShowProgress()?p`
|
|
24
24
|
<div class="mealz-onboarding-popover__progress"
|
|
25
25
|
style="--value:${this.stepIndex+1}; --total:${this.steps.length}">
|
|
26
26
|
<div class="mealz-onboarding-popover__progress-inner">
|
|
@@ -31,11 +31,11 @@ import{N as g,k as h}from"../assets/no-shadow-element-Dz9jgDtr.js";import{t as v
|
|
|
31
31
|
${this.popoverNextButtonTemplate()}
|
|
32
32
|
</div>
|
|
33
33
|
</div>
|
|
34
|
-
`:null}popoverTitleTemplate(){return this.popoverTitle?
|
|
34
|
+
`:null}popoverTitleTemplate(){return this.popoverTitle?p`<span class="mealz-ds-text weight-xxl size-m">${this.popoverTitle}</span>`:null}popoverDescriptionTemplate(){return this.popoverDescription?p`<div class="mealz-ds-text size-m" .innerHTML=${this.popoverDescription}></div>`:null}popoverNextButtonTemplate(){return p`
|
|
35
35
|
<button class="mealz-onboarding-popover__footer-button mealz-ds-button primary"
|
|
36
36
|
@click=${()=>this.goToNextStep()}>
|
|
37
37
|
<span class="mealz-ds-text size-m">
|
|
38
38
|
${this.isFinalStep()?"J'ai compris":"Suivant"}
|
|
39
39
|
</span>
|
|
40
40
|
</button>
|
|
41
|
-
`}isFinalStep(){return this.stepIndex>=this.steps.length-1}goToNextStep(){if(this.isFinalStep())return this.dispatchEvent(new CustomEvent(
|
|
41
|
+
`}isFinalStep(){return this.stepIndex>=this.steps.length-1}goToNextStep(){if(this.isFinalStep())return this.dispatchEvent(new CustomEvent(y)),this.endOnboardingTour();this.disableHoverBlock(),this.stepIndex+=1,this.applyCurrentStep(),this.dispatchEvent(new CustomEvent(w,{detail:{stepIndex:this.stepIndex}}))}applyCurrentStep(){var o;if(this.removeHighlight(),!this.currentStep)return;const t=this.getCurrentElement();if(t){if(this.highlightedElement=t,t.classList.add("mealz-onboarding-highlight"),!this.isElementFullyVisible(t)&&t.tagName.toLowerCase()!=="div"){const r=window.matchMedia("(max-width: 768px)").matches;t.scrollIntoView({behavior:"smooth",block:"center",inline:r?"nearest":"center"})}requestAnimationFrame(()=>{this.updateStagePosition(),this.updatePopoverPosition()})}const e=((o=this.currentStep)==null?void 0:o.popover)||{};this.popoverTitle=e.title||"",this.popoverDescription=e.description||"",this.enableHoverBlock(),this.focusPopoverAsync()}getCurrentElement(){var e;const t=(e=this.currentStep)==null?void 0:e.element;try{if(typeof t=="string"){const o=document.querySelector(t);if(o&&this.isElementFullyVisible(o))return o;const r=Array.from(document.querySelectorAll(t));return r.length===0?null:r.find(s=>this.isElementFullyVisible(s))||r[0]||null}return t||null}catch(o){return console.warn("Failed to get element for onboarding:",o),null}}isElementFullyVisible(t){if(!(t instanceof HTMLElement))return!1;const e=t.getBoundingClientRect();return e.top>=0&&e.bottom<=window.innerHeight}resetStageElement(){this.stageElement&&Object.assign(this.stageElement.style,{top:"",left:"",width:"",height:""})}updateStagePosition(){if(!this.stageElement)return;const t=this.highlightedElement;if(!t){this.resetStageElement();return}const e=10,o=t.getBoundingClientRect(),r={top:0,left:0,right:window.innerWidth,bottom:window.innerHeight},i={top:Math.max(o.top,r.top),bottom:Math.min(o.bottom,r.bottom),left:Math.max(o.left,r.left),right:Math.min(o.right,r.right)};if(this.applyClippingElements(t,i),i.top>=i.bottom||i.left>=i.right){this.resetStageElement();return}const s=window.matchMedia("(max-width: 768px)").matches;let n=i.left-e,h=i.right-i.left+e*2;s&&n<0&&h>=window.innerWidth&&(n=8,h=Math.max(0,window.innerWidth-16)),Object.assign(this.stageElement.style,{position:"fixed",top:`${i.top-e}px`,left:`${n}px`,width:`${h}px`,height:`${i.bottom-i.top+e*2}px`})}applyClippingElements(t,e){[".mealz-planner-current-menu__footer"].forEach(r=>{var n,h;const i=document.querySelector(r);if(!i||!((n=i.parentElement)!=null&&n.contains(t))||(h=t.parentElement)!=null&&h.contains(i)||i.contains(t)||t.contains(i))return;const s=i.getBoundingClientRect();s.top<e.bottom&&s.bottom>e.top&&(e.bottom=Math.min(e.bottom,s.top))})}setStageTransitionEnabled(t){this.stageElement&&(this.stageElement.style.transition=t?"":"none")}handleWindowScroll(){this.isTourActive&&(this.setStageTransitionEnabled(!1),this.updateStagePosition(),this.updatePopoverPosition(),this.scrollDisableTransitionTimeout&&clearTimeout(this.scrollDisableTransitionTimeout),this.scrollDisableTransitionTimeout=window.setTimeout(()=>{this.setStageTransitionEnabled(!0),this.scrollDisableTransitionTimeout=null},120))}throttledStageUpdate(){this.isThrottling||(this.isThrottling=!0,requestAnimationFrame(()=>{this.updateStagePosition(),this.updatePopoverPosition(),this.isThrottling=!1}))}updatePopoverPosition(){var h,m,g,v;if(!this.popoverElement||!((m=(h=this.currentStep)==null?void 0:h.popover)!=null&&m.overElement)||(v=(g=this.currentStep)==null?void 0:g.popover)!=null&&v.fixedPosition)return;let t=null;const e=this.currentStep.popover.overElement;if(typeof e=="string"?t=document.querySelector(e):e instanceof HTMLElement&&(t=e),!t)return;const o=t.getBoundingClientRect(),r=this.currentStep.popover.spacerTop??0,i=this.currentStep.popover.spacerLeft??0,s=this.currentStep.popover.spacerRight??0,n=this.currentStep.popover.spacerBottom??0;this.popoverElement.style.top=`${o.top}px`,this.popoverElement.style.left=`${o.left}px`,this.popoverElement.style.right="initial",this.popoverElement.style.bottom="initial",this.popoverElement.style.transform="initial",s&&(this.popoverElement.style.left="initial",this.popoverElement.style.right=`${o.right+s}px`),n&&(this.popoverElement.style.top="initial",this.popoverElement.style.bottom=`${o.bottom+n}px`),r&&(this.popoverElement.style.top=`${o.top+r}px`),i&&(this.popoverElement.style.left=`${o.left+i}px`)}onDrawerScroll(){this.setStageTransitionEnabled(!1),this.updateStagePosition(),this.updatePopoverPosition(),this.drawerScrollTimeout&&clearTimeout(this.drawerScrollTimeout),this.drawerScrollTimeout=window.setTimeout(()=>{this.setStageTransitionEnabled(!0),this.drawerScrollTimeout=null},120)}handleKeydown(t){this.isTourActive&&(t.key==="Escape"&&this.endOnboardingTour(),t.key==="Tab"&&this.popoverElement&&this.trapFocusWithinPopover(t))}handleDocumentClick(t){!this.isTourActive||t.target.closest(".mealz-onboarding-popover")||(t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation(),this.goToNextStep())}getDrawerContainer(){return this.drawerContainer||(this.drawerContainer=document.querySelector(".mealz-drawer__content-container")),this.drawerContainer}enableHoverBlock(){this.getCurrentElement()&&this.toggleHoverBlock("none","default")}disableHoverBlock(){if(this.getCurrentElement()){this.toggleHoverBlock("auto","");return}this.cachedNodesWithStyles.length&&this.cachedNodesWithStyles.forEach(({element:e,pointerEvents:o,cursor:r})=>{e.style.pointerEvents=o,e.style.cursor=r}),this.cachedRootElement=null,this.cachedNodesWithStyles=[]}toggleHoverBlock(t,e){const o=this.getCurrentElement();if(o){if(this.cachedRootElement!==o||this.cachedNodesWithStyles.length===0){this.cachedRootElement=o;const r=Array.from(o.querySelectorAll("*")),i=[o,...r];this.cachedNodesWithStyles=i.map(s=>{const n=window.getComputedStyle(s);return{element:s,pointerEvents:n.pointerEvents||"",cursor:n.cursor||""}})}if(t==="auto"&&e===""){this.cachedNodesWithStyles.forEach(({element:r,pointerEvents:i,cursor:s})=>{r.style.pointerEvents=i,r.style.cursor=s}),this.cachedRootElement=null,this.cachedNodesWithStyles=[];return}this.cachedNodesWithStyles.forEach(({element:r})=>{r.style.pointerEvents=t,r.style.cursor=e})}}removeHighlight(){this.highlightedElement&&(this.highlightedElement.classList.remove("mealz-onboarding-highlight"),this.highlightedElement=null)}getConfig(t){var e,o;return((e=this.configurations)==null?void 0:e[t])||((o=this.configurations)==null?void 0:o.guide)}hasSeenOnboarding(t){const e=this.getConfig(t);if(!(e!=null&&e.localStorageKey))return!1;try{return localStorage.getItem(e.localStorageKey)==="true"}catch{return!1}}bindGlobalEvents(t){var e,o;t?(window.addEventListener("scroll",this.boundHandleWindowScroll,{capture:!0,passive:!0}),window.addEventListener("resize",this.boundThrottledStageUpdate,!0),document.addEventListener("click",this.boundHandleDocumentClick,!0),document.addEventListener("keydown",this.boundHandleKeydown,!0),this.drawerContainer=this.getDrawerContainer(),(e=this.drawerContainer)==null||e.addEventListener("scroll",this.boundOnDrawerScroll,{passive:!0})):(window.removeEventListener("scroll",this.boundHandleWindowScroll,{capture:!0}),window.removeEventListener("resize",this.boundThrottledStageUpdate,!0),document.removeEventListener("click",this.boundHandleDocumentClick,!0),document.removeEventListener("keydown",this.boundHandleKeydown,!0),this.drawerContainer=this.getDrawerContainer(),(o=this.drawerContainer)==null||o.removeEventListener("scroll",this.boundOnDrawerScroll)),t||(this.drawerContainer=null,this.drawerScrollTimeout&&(clearTimeout(this.drawerScrollTimeout),this.drawerScrollTimeout=null))}focusPopoverAsync(){this.updateComplete.then(()=>{if(!this.popoverElement)return;const t=this.popoverElement.querySelector(".mealz-onboarding-popover__footer button");if(t){t.focus({preventScroll:!0});return}})}trapFocusWithinPopover(t){if(!this.popoverElement)return;const e=this.popoverElement.querySelectorAll(this.focusableSelector),o=e[0],r=e[e.length-1],i=document.activeElement;if(!(!!i&&this.popoverElement.contains(i))){t.preventDefault(),(o||this.popoverElement).focus();return}if(t.shiftKey&&i===o){t.preventDefault(),(r||this.popoverElement).focus();return}!t.shiftKey&&i===r&&(t.preventDefault(),(o||this.popoverElement).focus())}};a([d()],l.prototype,"isTourActive",2);a([d()],l.prototype,"stepIndex",2);a([d()],l.prototype,"popoverTitle",2);a([d()],l.prototype,"popoverDescription",2);a([u(".mealz-onboarding-stage")],l.prototype,"stageElement",2);a([u(".mealz-onboarding-popover")],l.prototype,"popoverElement",2);a([u('button[aria-label="Start onboarding"]')],l.prototype,"triggerButton",2);a([c({type:Array})],l.prototype,"steps",2);a([c({type:Boolean})],l.prototype,"showProgress",2);a([c({type:Number})],l.prototype,"bottomMargin",2);a([c({attribute:!1})],l.prototype,"configurations",2);a([c({type:String})],l.prototype,"type",2);l=a([b("mealz-onboarding")],l);customElements.get("mealz-onboarding")||customElements.define("mealz-onboarding",l);export{l as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{k as r}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{M as l}from"../../modal/modal.min.js";import{M as d}from"../planner-onboarding-modal/planner-onboarding-modal.min.js";import{a as m}from"../../onboarding/events.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/custom-element-BhZVzxrc.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-
|
|
1
|
+
import{k as r}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{M as l}from"../../modal/modal.min.js";import{M as d}from"../planner-onboarding-modal/planner-onboarding-modal.min.js";import{a as m}from"../../onboarding/events.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/custom-element-BhZVzxrc.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-uboinnys.js";import"../../assets/state-C5zM4-Pq.js";import"../../onboarding/analytics/onboarding-analytics.min.js";function v(t="dashboard"){const n=new l;n.titleSlot="Comment faire un menu ?",n.contentSlot=r`<mealz-planner-onboarding-modal></mealz-planner-onboarding-modal>`,document.body.appendChild(n),requestAnimationFrame(()=>{const o=n.querySelector("mealz-planner-onboarding-modal");o instanceof d&&(o.isConnected&&o.requestUpdate(),o.onModalDisplayed&&o.onModalDisplayed(),o.onQuestionMarkClick&&o.onQuestionMarkClick(t),n.addEventListener(m,a=>{var i;const e=(i=a.detail)==null?void 0:i.origin;(e==="overlay"||e==="x")&&typeof o.closeModalViaX=="function"&&(a.preventDefault(),o.closeModalViaX())}),o.addEventListener("onboardingConfirmed",()=>{n.close()}))})}export{v as o};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as m,k as r}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{M as i}from"../../modal/modal.min.js";import{t as p}from"../../assets/custom-element-BhZVzxrc.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-
|
|
1
|
+
import{N as m,k as r}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{M as i}from"../../modal/modal.min.js";import{t as p}from"../../assets/custom-element-BhZVzxrc.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-uboinnys.js";import"../../onboarding/events.min.js";var c=Object.getOwnPropertyDescriptor,b=(n,o,d,l)=>{for(var e=l>1?void 0:l?c(o,d):o,a=n.length-1,s;a>=0;a--)(s=n[a])&&(e=s(e)||e);return e};let t=class extends m{constructor(){super(),this.styleURL=new URL("./planner/planner-abandon-modal/planner-abandon-modal.css",this.getBaseURL())}displayPlannerAbandonModal(){const n=new i;document.body.appendChild(this),n.titleSlot=r`<span>Abandonner le menu</span>`,n.contentSlot=this.renderModal(),this.appendChild(n),n.addEventListener("modalClosed",()=>{this.remove()})}abandonMenu(){const n=new CustomEvent("resetMenu");this.dispatchEvent(n),this.remove()}renderModal(){return r`
|
|
2
2
|
<div class="mealz-planner-abandon-modal__content">
|
|
3
3
|
<div class="mealz-planner-abandon-modal__description">
|
|
4
4
|
<span class="mealz-ds-text size-m">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
mealz-planner-budget-edit-modal .mealz-modal{width:480px}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container{padding-top:0}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__content{display:flex;flex-direction:column;gap:20px;margin:16px 0 0}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field{display:flex;flex-direction:column;gap:6px;position:relative}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input{padding:12px 44px 12px 12px;border-radius:8px;width:100%;font-size:16px}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input::placeholder{font-style:italic;color:var(--mealz-ds-color-neutral-300, #B3BAC3)}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__currency-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__footer{width:100%;display:flex;justify-content:flex-end}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__action-button{padding:12px 24px}@media (max-width: 600px){mealz-planner-budget-edit-modal .mealz-modal{width:unset}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__button-container{flex-direction:column-reverse}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__button-container>*:not(:first-child){margin-bottom:12px}}
|
|
1
|
+
mealz-planner-budget-edit-modal .mealz-modal{width:480px}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container{padding-top:0}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__content{display:flex;flex-direction:column;gap:20px;margin:16px 0 0}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field{display:flex;flex-direction:column;gap:6px;position:relative}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input{padding:12px 44px 12px 12px;border-radius:8px;width:100%;font-size:16px;-moz-appearance:textfield}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input::placeholder{font-style:italic;color:var(--mealz-ds-color-neutral-300, #B3BAC3)}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input::-webkit-outer-spin-button,mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__field .mealz-planner-budget-edit-modal__currency-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__footer{width:100%;display:flex;justify-content:flex-end}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__action-button{padding:12px 24px}@media (max-width: 600px){mealz-planner-budget-edit-modal .mealz-modal{width:unset}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__button-container{flex-direction:column-reverse}mealz-planner-budget-edit-modal .mealz-modal .mealz-modal__content-container .mealz-planner-budget-edit-modal__button-container>*:not(:first-child){margin-bottom:12px}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as m,k as o}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as u}from"../../assets/custom-element-BhZVzxrc.js";import{r as p}from"../../assets/state-C5zM4-Pq.js";import{M as g}from"../../modal/modal.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-
|
|
1
|
+
import{N as m,k as o}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as u}from"../../assets/custom-element-BhZVzxrc.js";import{r as p}from"../../assets/state-C5zM4-Pq.js";import{M as g}from"../../modal/modal.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/property-Bx8Yvr4_.js";import"../../assets/unsafe-html-uboinnys.js";import"../../onboarding/events.min.js";var b=Object.defineProperty,c=Object.getOwnPropertyDescriptor,r=(e,t,a,n)=>{for(var i=n>1?void 0:n?c(t,a):t,d=e.length-1,s;d>=0;d--)(s=e[d])&&(i=(n?s(t,a,i):s(i))||i);return n&&i&&b(t,a,i),i};let l=class extends m{constructor(){super(),this.budgetLimit=0,this.styleURL=new URL("./planner/planner-budget-edit-modal/planner-budget-edit-modal.css",this.getBaseURL())}displayPlannerBudgetEditModal(e=0){this.budgetLimit=e>0?e:null;const t=new g;document.body.appendChild(this),t.titleSlot=o`<span>Modifier votre budget</span>`,t.contentSlot=this.renderModal(),this.appendChild(t),t.addEventListener("modalClosed",()=>this.remove())}onBudgetChange(e){const t=e.target;if(t.value===""){this.budgetLimit=0;return}const a=Number(t.value);this.budgetLimit=Number.isFinite(a)?Math.max(0,a):null}onKeyDown(e){e.key==="Enter"&&(e.preventDefault(),this.confirmEdit())}confirmEdit(){this.dispatchEvent(new CustomEvent("budgetUpdated",{detail:{budgetLimit:this.budgetLimit},bubbles:!0,composed:!0})),this.remove()}renderModal(){return o`
|
|
2
2
|
<div class="mealz-planner-budget-edit-modal__content">
|
|
3
3
|
<label class="mealz-planner-budget-edit-modal__field">
|
|
4
4
|
<input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-planner-budget-gauge{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-right:24px
|
|
1
|
+
.mealz-planner-budget-gauge{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-right:24px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget.only-total{width:100%;justify-content:space-between}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget>*:not(:last-child){margin-right:8px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .mealz-planner-budget-gauge__budget-total.primary{color:var(--mealz-ds-color-primary, #24748F)}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .mealz-planner-budget-gauge__budget-overflow{display:flex;width:fit-content}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .mealz-planner-budget-gauge__budget-overflow img{height:16px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .mealz-planner-budget-gauge__budget-overflow .mealz-planner-budget-gauge__budget-overflow-amount{line-height:16px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .mealz-planner-budget-gauge__budget-overflow>*:not(:last-child){margin-right:4px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget .hidden{display:none}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget-define{display:flex;align-items:center;gap:4px;color:var(--miam-ds-color-neutral-black, var(--mealz-ds-color-neutral-black, #000));background-color:var(--mealz-ds-color-neutral-100, #eff1f3)}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget-define.mealz-ds-button:not(.disabled):not([disabled]){border:none}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget-edit{display:flex;align-items:center;gap:4px;margin-left:12px;color:var(--miam-ds-color-neutral-black, var(--mealz-ds-color-neutral-black, #000))}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget-edit.mealz-ds-button{padding:4px 0}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__budget-edit-icon{width:16px;height:16px}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__gauge{display:flex;width:100%;height:8px;margin-top:8px;border-radius:50px;background-color:var( --mealz-ds-color-primary-50, #F0F3F4)}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__gauge .mealz-planner-budget-gauge__gauge-bar{height:8px;border-radius:50px;background-color:var(--mealz-ds-color-primary, #24748F);transition:width .5s ease-in-out}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__gauge .mealz-planner-budget-gauge__gauge-bar-overflow{width:50px;height:8px;border-radius:0 50px 50px 0;background-color:var(--mealz-ds-color-warning-400, #F4AE40)}.mealz-planner-budget-gauge .mealz-planner-budget-gauge__gauge .mealz-planner-budget-gauge__gauge-bar-overflow.hidden,.mealz-planner-budget-gauge .mealz-planner-budget-gauge__gauge.hidden{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as n,Q as u}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{P as g}from"../../assets/price-CHipCs2z.js";import{t as o}from"../../assets/custom-element-BhZVzxrc.js";import{m}from"../../assets/mealz-sdk-E_fNZM-c.js";import{M as c}from"../planner-budget-edit-modal/planner-budget-edit-modal.min.js";import{f as p}from"../../assets/filter-DQ4vwAGj.js";import{m as b}from"../../assets/map-DHslluWD.js";import"../../assets/state-C5zM4-Pq.js";import"../../assets/property-Bx8Yvr4_.js";import"../../modal/modal.min.js";import"../../assets/unsafe-html-
|
|
1
|
+
import{N as n,Q as u}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{P as g}from"../../assets/price-CHipCs2z.js";import{t as o}from"../../assets/custom-element-BhZVzxrc.js";import{m}from"../../assets/mealz-sdk-E_fNZM-c.js";import{M as c}from"../planner-budget-edit-modal/planner-budget-edit-modal.min.js";import{f as p}from"../../assets/filter-DQ4vwAGj.js";import{m as b}from"../../assets/map-DHslluWD.js";import"../../assets/state-C5zM4-Pq.js";import"../../assets/property-Bx8Yvr4_.js";import"../../modal/modal.min.js";import"../../assets/unsafe-html-uboinnys.js";import"../../onboarding/events.min.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";var h=Object.getOwnPropertyDescriptor,f=(e,t,a,l)=>{for(var i=l>1?void 0:l?h(t,a):t,s=e.length-1,d;s>=0;s--)(d=e[s])&&(i=d(i)||i);return i};let r=class extends n{constructor(){super(...arguments),this.budgetLimit=0,this.budgetTotal=0,this.subscriptions=[],this.priceService=g.getInstance()}get selectors(){return{budgetOverflow:".mealz-planner-budget-gauge__budget-overflow",budgetOverflowAmount:".mealz-planner-budget-gauge__budget-overflow-amount",gaugeBar:".mealz-planner-budget-gauge__gauge-bar",gaugeOverflowBar:".mealz-planner-budget-gauge__gauge-bar-overflow",total:".mealz-planner-budget-gauge__budget-total",budgetEditButton:".mealz-planner-budget-gauge__budget-edit",budgetDefineButton:".mealz-planner-budget-gauge__budget-define"}}connectedCallback(){var e,t;super.connectedCallback(),this.initSelectors(),this.priceService.initFormatter(),this.subscriptions.push(m.planner.menuPrice$.pipe(p(a=>a!==null),b(a=>{this.budgetTotal=a})).subscribe(()=>{this.updateBudgetTotal()})),(e=this.elements.budgetEditButton)==null||e.addEventListener("click",()=>this.displayBudgetEditModal()),(t=this.elements.budgetDefineButton)==null||t.addEventListener("click",()=>this.displayBudgetEditModal())}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}render(){var t;const e=(t=this.attributes["starting-data"])==null?void 0:t.value;e&&(Object.assign(this,JSON.parse(e)),this.removeAttribute("starting-data"),this.elements.gaugeBar&&this.updateGaugeBar())}updateGaugeBar(){const e=this.budgetLimit;if(!(e>0)){this.elements.gaugeBar.style.width="0%",this.elements.gaugeOverflowBar.classList.add("hidden"),this.elements.budgetOverflow.classList.add("hidden");return}if(this.elements.total.classList.toggle("primary",e>0),this.budgetTotal<e)this.elements.gaugeBar.style.width=`${this.budgetTotal/e*100}%`,this.elements.gaugeOverflowBar.classList.add("hidden"),this.elements.budgetOverflow.classList.add("hidden");else{this.elements.gaugeBar.style.width="calc(100% - 50px)",this.elements.gaugeBar.style.borderRadius="50px 0 0 50px",this.elements.gaugeOverflowBar.classList.remove("hidden"),this.elements.budgetOverflow.classList.remove("hidden");const a=this.budgetTotal-this.budgetLimit;u(this.priceService.priceTemplate(a,"planner-budget-gauge"),this.elements.budgetOverflowAmount)}}updateBudgetTotal(){this.elements.total.textContent=this.priceService.formatPrice(this.budgetTotal),this.elements.gaugeBar&&this.updateGaugeBar()}displayBudgetEditModal(){const e=new c;e.addEventListener("budgetUpdated",t=>{this.dispatchEvent(new CustomEvent("budgetUpdated",{detail:t.detail,bubbles:!0,composed:!0}))}),e.displayPlannerBudgetEditModal(this.budgetLimit)}};r=f([o("mealz-planner-budget-gauge")],r);customElements.get("mealz-planner-budget-gauge")||customElements.define("mealz-planner-budget-gauge",r);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-drawer-view-swapper .mealz-catalog-list .mealz-catalog-list__toolbar .mealz-catalog-toolbar{padding:24px}.mealz-drawer-view-swapper .mealz-catalog-list .mealz-catalog__content{padding:0 24px}
|
|
1
|
+
.mealz-drawer-view-swapper .mealz-catalog-list .mealz-catalog-list__toolbar .mealz-catalog-toolbar{padding:16px 24px}.mealz-drawer-view-swapper .mealz-catalog-list .mealz-catalog__content{padding:0 24px}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{k as
|
|
1
|
+
import{k as n}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{C as c}from"../../catalog/catalog-load-more.min.js";import{b as h}from"../../assets/http-Bepz6wA4.js";import{t as m}from"../../assets/custom-element-BhZVzxrc.js";import{m as d}from"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/innerFrom-FMZwm2mb.js";import"../../assets/mergeMap-g-JGW99j.js";import"../../assets/map-DHslluWD.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../assets/executeSchedule-C0acKsif.js";import"../../assets/mapOneOrManyArgs-Bdu6mo6S.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/timer-C3uKg-qK.js";var p=Object.getOwnPropertyDescriptor,g=(t,e,s,r)=>{for(var a=r>1?void 0:r?p(e,s):e,i=t.length-1,o;i>=0;i--)(o=t[i])&&(a=o(a)||a);return a};let l=class extends c{constructor(){super(...arguments),this.analyticsPath="/meals-planner/catalog",this.mealTypeFilter=!1,this.filteredMealTypes=""}render(){return n`
|
|
2
2
|
<div class="mealz-loader"></div>
|
|
3
|
-
`}setConfig(t,e,s,
|
|
3
|
+
`}setConfig(t,e,s,r=!1){this.storeId=t,this.catalogURL=e,this.sessionId=s,this.mealTypeFilter=r}getExtraType(){}async getPlannerCatalog(t){const e=new URL(this.catalogURL,window.location.origin);e.searchParams.set("planner","true"),this.mealTypeFilter?e.searchParams.set("recipe_type_filter","true"):e.searchParams.delete("recipe_type_filter"),this.storeId&&e.searchParams.set("store_id",this.storeId),this.filteredMealTypes?e.searchParams.set("recipe_type_id",this.filteredMealTypes):e.searchParams.delete("recipe_type_id"),t?e.searchParams.set("search",t):e.searchParams.delete("search");const r=await(await fetch(e.toString(),{method:"GET",headers:h(this.sessionId)})).text(),a=this.querySelector(".mealz-loader");a&&a.remove(),this.insertAdjacentHTML("beforeend",r),this.listenToSearch(),this.listenToDishTypeFilter()}listenToSearch(){const t=this.querySelector("mealz-catalog-toolbar");t==null||t.addEventListener("searchEvent",e=>{const{searchQuery:s}=e.detail??{};this.innerHTML='<div class="mealz-loader"></div>',this.getPlannerCatalog(s)})}listenToDishTypeFilter(){const t=this.querySelector("mealz-catalog-list");t==null||t.addEventListener("dishTypeEvent",e=>{var a,i;const s=(i=(a=this.querySelector(".mealz-catalog-toolbar__searchbar-input"))==null?void 0:a.value)==null?void 0:i.trim(),{mealType:r}=e.detail??{};this.filteredMealTypes=(r||"").toString(),this.innerHTML='<div class="mealz-loader"></div>',this.getPlannerCatalog(s||void 0)})}pageview(){d.analytics.sendEvent("pageview",this.analyticsPath,this.filteredMealTypes?{catalog_filter:this.filteredMealTypes}:{})}};l=g([m("mealz-planner-catalog")],l);customElements.get("mealz-planner-catalog")||customElements.define("mealz-planner-catalog",l);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-planner-current-menu{color:var(--miam-color-neutral-black, #0F191F)}.mealz-planner-current-menu .mealz-breadcrumb{margin:0}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header,.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu{display:flex}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-planner-current-menu__menu-badge,.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-planner-current-menu__preferences-badge,.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-catalog-toolbar__loader{position:relative;top:-10px}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-planner-current-menu__menu-badge{right:8px;background-color:var(--mealz-ds-color-danger-500, #E02D2D)}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-planner-current-menu__preferences-badge,.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .mealz-catalog-toolbar__loader{right:12px}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header .mealz-planner-current-menu__mobile-preferences-and-menu .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content{display:flex;height:calc(100vh - 185px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:480px;flex-shrink:0}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{position:relative;width:calc(100% - 480px);flex-grow:1;display:flex;flex-direction:column;height:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-content::-webkit-scrollbar{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top{padding:24px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-texts{display:flex;flex-direction:column}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-texts .mealz-planner-current-menu__menu-subtitle{color:var(--mealz-ds-color-neutral-black, #0F191F);opacity:.7}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions{display:flex;align-items:center}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-preferences{height:100%;margin-left:8px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-preferences:not(.ghost):not(.hidden){text-decoration:none;display:flex;gap:4px;padding:8px 12px;background:var(--mealz-ds-color-primary-100, #E4EAEC);border-radius:90px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-preferences img{width:16px;height:16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-preferences .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-recipes{margin-bottom:8px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu{display:flex;justify-content:center;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu.hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu .mealz-planner-current-menu__cancel-menu-button{display:flex;align-items:center;justify-content:center;padding:8px 16px;border:none;background:none;cursor:pointer}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu .mealz-planner-current-menu__cancel-menu-button .mealz-planner-current-menu__cancel-menu-text{color:var(--mealz-ds-color-neutral-black, #0F191F);opacity:.5;margin-right:4px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras{padding:16px;background-color:var(--mealz-ds-color-primary-100, #E4EAEC)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras .mealz-planner-current-menu__meal-extras-choices{display:flex;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras .mealz-planner-current-menu__meal-extras-choices>*:not(:last-child){margin-right:16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras .mealz-planner-current-menu__meal-extras-choices>*{display:flex;flex-direction:column;align-items:flex-start;width:min-content;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras .mealz-planner-current-menu__meal-extras-choices>* img{margin-bottom:4px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras .mealz-planner-current-menu__meal-extras-choices::-webkit-scrollbar{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__meal-extras>*:not(:last-child){margin-bottom:16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;position:sticky;width:100%;bottom:0;padding:24px;box-sizing:border-box;background:#fff;box-shadow:0 -2px 8px #0f191f1f}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-budget{display:flex;flex:1;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button{height:fit-content}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button.disabled{color:var(--mealz-ds-color-neutral-500, #8C96A2);cursor:auto}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button>*:not(:last-child){margin-right:4px}.mealz-planner-current-menu .mealz-planner-current-menu__badges{display:flex;justify-content:center;align-items:center;height:18px;width:18px;color:var(--mealz-ds-color-neutral-white, #fff);border-radius:50%}.mealz-planner-current-menu .mealz-planner-current-menu__preferences-badge{flex-shrink:0;background-color:var(--mealz-ds-color-neutral-black, #0F191F)}.mealz-planner-current-menu .mealz-catalog-toolbar__loader .mealz-loader{margin:0;height:18px;width:18px;border-top:5px solid var(--mealz-ds-color-neutral-black, #0F191F)}.mealz-planner-current-menu .mealz-catalog-toolbar__loader.hidden{display:none}@media (max-width: 1035px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:375px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{width:calc(100% - 375px);height:calc(100vh - 184px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,166px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{width:166px;height:224px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card .mealz-planner-recipe-card__content,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-card__content{padding:8px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card .mealz-planner-recipe-card__content .mealz-planner-recipe-card__remove-button,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-card__content .mealz-planner-recipe-card__remove-button{right:8px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer{flex-direction:column-reverse;padding:24px 16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-budget-gauge{margin-right:0;margin-bottom:16px;align-items:center}}@media (max-width: 850px){.mealz-planner-current-menu .mealz-planner-current-menu__content{height:calc(100vh - 236px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:320px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{width:calc(100% - 320px);height:calc(100vh - 236px)}}@media (max-width: 768px){.mealz-planner-current-menu .mealz-breadcrumb{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__mobile-header{display:flex;justify-content:space-between;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe .mealz-planner-recipe-suggestion__infos-and-actions{padding:24px 16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{display:none;width:100%;height:calc(100vh - 236px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top{padding:16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__onboarding-button{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-recipe-list{justify-content:center}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button{width:100%}}@media (max-width: 425px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,calc((100% - 8px)/2))}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{width:100%;height:224px}}@media (max-width: 375px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,100%)}}
|
|
1
|
+
mealz-planner-current-menu{display:block}.mealz-planner-current-menu{color:var(--miam-color-neutral-black, #0F191F);display:flex;flex-direction:column;min-height:100dvh}.mealz-planner-current-menu .mealz-breadcrumb{margin:0}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;box-sizing:border-box}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__mobile-recipe-button{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-texts{display:flex;flex-direction:column;flex:1}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions{display:flex;align-items:center;gap:8px}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-onboarding-button,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-preferences-button{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-onboarding-button .mealz-planner-current-menu__preferences-badge,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-onboarding-button .mealz-catalog-toolbar__loader,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-preferences-button .mealz-planner-current-menu__preferences-badge,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-preferences-button .mealz-catalog-toolbar__loader{position:relative;top:-10px;right:12px}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__onboarding-button{display:flex}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences{height:100%;margin-left:0}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences:not(.ghost):not(.hidden){text-decoration:none;display:flex;gap:4px;padding:8px 12px;background:var(--mealz-ds-color-primary-100, #E4EAEC);border-radius:90px}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences img{width:16px;height:16px}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences .hidden,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content{display:flex;flex:1 1 auto;min-height:0}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:480px;flex-shrink:0;position:relative}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{position:relative;width:calc(100% - 480px);flex-grow:1;display:flex;flex-direction:column;height:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top{padding:12px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu{display:flex;justify-content:center;width:100%;flex-shrink:0}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu.hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu .mealz-planner-current-menu__cancel-menu-button{display:flex;align-items:center;justify-content:center;padding:16px;border:none;background:none;cursor:pointer}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-current-menu__cancel-menu .mealz-planner-current-menu__cancel-menu-button .mealz-planner-current-menu__cancel-menu-text{color:var(--mealz-ds-color-neutral-black, #0F191F);opacity:.5;margin-left:4px}.mealz-planner-current-menu .mealz-planner-current-menu__footer{display:flex;flex-direction:row;justify-content:stretch;align-items:center;position:sticky;width:100%;bottom:0;padding:24px;box-sizing:border-box;background:#fff;box-shadow:0 -2px 8px #0f191f1f;z-index:10}.mealz-planner-current-menu .mealz-planner-current-menu__footer.is-fixed{position:fixed}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-primary{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;flex:1}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-quick-menu{display:none;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-budget{display:flex;flex:1;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button{height:fit-content}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button.disabled{color:var(--mealz-ds-color-neutral-500, #8C96A2);cursor:auto}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button .hidden{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button>*:not(:last-child){margin-right:4px}.mealz-planner-current-menu .mealz-planner-current-menu__badges{display:flex;justify-content:center;align-items:center;height:18px;width:18px;color:var(--mealz-ds-color-neutral-white, #fff);border-radius:50%}.mealz-planner-current-menu .mealz-planner-current-menu__preferences-badge{flex-shrink:0;background-color:var(--mealz-ds-color-neutral-black, #0F191F)}.mealz-planner-current-menu .mealz-catalog-toolbar__loader .mealz-loader{margin:0;height:18px;width:18px;border-top:5px solid var(--mealz-ds-color-neutral-black, #0F191F)}.mealz-planner-current-menu .mealz-catalog-toolbar__loader.hidden{display:none}@media (max-width: 1035px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:410px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{width:calc(100% - 410px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top{padding:24px 0}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,218px)}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{width:218px;height:272px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card .mealz-planner-recipe-card__content,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-card__content{padding:8px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card .mealz-planner-recipe-card__content .mealz-planner-recipe-card__remove-button,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-card__content .mealz-planner-recipe-card__remove-button{right:8px}}@media (max-width: 768px){.mealz-planner-current-menu .mealz-breadcrumb{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header{padding:8px 16px;gap:8px;border-bottom:1px solid var(--mealz-ds-color-border-default, var(--border-default, #d9e0e3))}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__mobile-recipe-button{display:flex}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-texts{display:flex;flex-direction:row;align-items:center}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions{display:flex}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-onboarding-button,.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__mobile-preferences-button{display:flex}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__onboarding-button{display:none}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences{display:none!important}.mealz-planner-current-menu .mealz-planner-current-menu__menu-header .mealz-planner-current-menu__menu-header-actions .mealz-planner-current-menu__menu-header-preferences:not(.ghost):not(.hidden){display:none!important}.mealz-planner-current-menu .mealz-planner-current-menu__content{min-height:460px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe{width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__recipe .mealz-planner-recipe-suggestion__infos-and-actions{padding:24px 16px}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu{display:none;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-current-menu__menu-top .mealz-planner-recipe-list{justify-content:center}.mealz-planner-current-menu .mealz-planner-current-menu__footer{border-radius:32px 32px 0 0;box-shadow:0 -2px 8px #0318201f;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px;gap:12px}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-primary{display:none;width:100%;flex-direction:column-reverse;align-items:stretch}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-quick-menu{display:block;width:100%}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-budget-gauge{margin-right:0;margin-bottom:16px;align-items:center}.mealz-planner-current-menu .mealz-planner-current-menu__footer .mealz-planner-current-menu__footer-button{width:100%}}@media (max-width: 425px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,calc((100% - 8px)/2))}.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-card,.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{width:100%;height:224px}}@media (max-width: 375px){.mealz-planner-current-menu .mealz-planner-current-menu__content .mealz-planner-current-menu__menu .mealz-planner-recipe-list{grid-template-columns:repeat(auto-fill,100%)}}
|