mealz-components 2.3.2 → 2.4.1

package/dist/planner/planner-recipe-list/planner-recipe-list.css

@@ -1 +1 @@
-.mealz-planner-recipe-list{display:grid;grid-template-columns:repeat(auto-fill,var(--m-planner-recipe-card-width, 218px));grid-gap:8px}.mealz-planner-recipe-list .mealz-planner-recipe-list__in-menu{display:contents}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--mealz-ds-color-primary, #24748f);width:var(--m-planner-recipe-card-width, 218px);height:272px;padding:40px;box-sizing:border-box;background-color:var(--miam-color-neutral-100, #f7f8f9);border:1px solid var(--mealz-ds-color-neutral-200, #d9dde1);border-radius:12px;cursor:pointer}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-icon{width:64px;height:64px;border-radius:100%;border:1px solid var(--mealz-ds-color-primary, #24748f);margin-bottom:8px;padding:20px}.mealz-planner-recipe-list .mealz-planner-recipe-list__add-to-menu .mealz-planner-recipe-list__add-to-menu-text{text-align:center}
+.mealz-planner-recipe-list{display:flex;flex-direction:column;flex:1;gap:16px;min-height:0}.mealz-planner-recipe-list__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 16px}.mealz-planner-recipe-list__suggestions-button .mealz-ds-text{line-height:1}@media (min-width: 1024px){.mealz-ds-button.mealz-planner-recipe-list__suggestions-button{display:none}}.mealz-planner-recipe-list__suggestions-icon{width:16px;height:16px;margin-right:6px}.mealz-planner-recipe-list__grid{display:flex;flex-wrap:wrap;justify-content:start;flex:1;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 16px}@supports not (gap: 1px){.mealz-planner-recipe-list__grid{margin-top:-8px;margin-left:-8px}.mealz-planner-recipe-list__grid>*,.mealz-planner-recipe-list__in-menu>*{margin-top:8px;margin-left:8px}}.mealz-planner-recipe-list__in-menu{display:contents}.mealz-planner-recipe-list__in-menu>mealz-planner-recipe-card{display:block;width:var(--m-planner-recipe-card-width, 218px);flex:0 0 auto;overflow:hidden;transition:opacity .15s ease-out}.mealz-planner-recipe-list__in-menu>mealz-planner-recipe-card.mealz-planner-recipe-card__fadeout{animation:mealz-recipe-card-fadeout .15s ease-out forwards}@keyframes mealz-recipe-card-fadeout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mealz-planner-recipe-list__add-to-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--mealz-ds-color-primary, #24748f);width:var(--m-planner-recipe-card-width, 218px);height:272px;padding:40px;box-sizing:border-box;background-color:var(--mealz-ds-color-neutral-50, #F7F8F9);border:1px dashed var(--mealz-ds-color-primary, #24748f);border-radius:12px;cursor:pointer}.mealz-planner-recipe-list__add-to-menu-icon{width:32px;height:32px;margin-bottom:8px}.mealz-planner-recipe-list__add-to-menu-text{text-align:center}.mealz-planner-recipe-list__placeholder{width:var(--m-planner-recipe-card-width, 218px);height:272px;border-radius:12px;background-color:var(--mealz-ds-color-neutral-50, #F7F8F9)}@media (max-width: 768px){.mealz-planner-recipe-list__grid{justify-content:center}}@media (max-width: 520px){.mealz-planner-recipe-list__grid{--m-planner-recipe-card-width: calc((100% - 8px)/2) }.mealz-planner-recipe-list__placeholder{height:224px}.mealz-planner-recipe-list__grid>.mealz-planner-recipe-list__add-to-menu,.mealz-planner-recipe-list__grid>.mealz-planner-recipe-list__placeholder,.mealz-planner-recipe-list__in-menu>mealz-planner-recipe-card{width:var(--m-planner-recipe-card-width, 218px);flex:0 0 var(--m-planner-recipe-card-width, 218px);max-width:var(--m-planner-recipe-card-width, 218px)}.mealz-planner-recipe-list__add-to-menu{padding:24px}}

package/dist/planner/planner-recipe-list/planner-recipe-list.min.js

@@ -1 +1 @@
-import{N as c}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{b as o}from"../../assets/http-Bepz6wA4.js";import{t as p}from"../../assets/custom-element-BhZVzxrc.js";import{m as l}from"../../assets/mealz-sdk-E_fNZM-c.js";import{t as m}from"../../assets/take-ByPtGQky.js";import"../../assets/empty-Bs9kqCuA.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";var u=Object.getOwnPropertyDescriptor,h=(e,t,s,n)=>{for(var r=n>1?void 0:n?u(t,s):t,a=e.length-1,d;a>=0;a--)(d=e[a])&&(r=d(r)||r);return r};let i=class extends c{constructor(){super(...arguments),this.recipesIdInBasket=[]}get selectors(){return{addToMenuCard:".mealz-planner-recipe-list__add-to-menu",recipeCardsContainer:".mealz-planner-recipe-list__in-menu"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.getRecipesInBasket(),this.addEventListeners()}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"))}addEventListeners(){this.addClickListener("addToMenuCard",()=>{this.openCatalogDrawer()})}openCatalogDrawer(){const e=document.querySelector("mealz-planner-current-menu");e==null||e.openCatalogDrawer()}async addRecipeCardToList(e){const t=new URLSearchParams;t.append("recipe_id",e),t.append("recipe_index",this.menuRecipeCount.toString()),this.storeId&&t.append("store_id",this.storeId);const n=await(await fetch(this.recipeCardURL+"?"+t.toString(),{method:"GET",headers:o(this.sessionId)})).text(),{recipeCardsContainer:r}=this.elements;if(r.insertAdjacentHTML("beforeend",n),this.recipesIdInBasket.includes(e)){const a=r.lastElementChild;a&&this.addInBasketOverlay(a)}this.menuRecipeCount++}removeRecipeCardFromList(e){const{recipeCardsContainer:t}=this.elements;t.children[e].remove(),this.menuRecipeCount--,this.updateRemainingRecipeIndexes()}updateRemainingRecipeIndexes(){(document.querySelectorAll("mealz-planner-recipe-card")||[]).forEach((t,s)=>{t.updateRecipeIndex(s)})}getRecipesInBasket(){l.basket.recipePricesInBasket$().pipe(m(1)).subscribe(e=>this.recipesIdInBasket=e.map(t=>t.id))}addInBasketOverlay(e){e.querySelector(".mealz-planner-recipe-card__in-basket").classList.remove("hidden")}};i=h([p("mealz-planner-recipe-list")],i);customElements.get("mealz-planner-recipe-list")||customElements.define("mealz-planner-recipe-list",i);
+import{N as d}from"../../assets/no-shadow-element-YPHUv5PR.js";import{b as p}from"../../assets/http-Bepz6wA4.js";import{t as h}from"../../assets/custom-element-BhZVzxrc.js";import{m}from"../../assets/mealz-sdk-E_fNZM-c.js";import{i as u}from"../../assets/responsive-C7Qf71r3.js";import{t as g}from"../../assets/take-CozE9iSG.js";import"../../assets/empty-0eVnsLmk.js";import"../../assets/OperatorSubscriber-BaYaQC1O.js";var f=Object.getOwnPropertyDescriptor,C=(e,t,s,n)=>{for(var i=n>1?void 0:n?f(t,s):t,a=e.length-1,r;a>=0;a--)(r=e[a])&&(i=r(i)||i);return i};let o=class extends d{constructor(){super(...arguments),this.menuRecipeCount=0,this.recipeCardURL="",this.storeId="",this.sessionId="",this.recipesIdInBasket=[],this.syncPlaceholdersRafId=null,this.onWindowResize=()=>this.scheduleSyncPlaceholders(),this.defaultMinRows=2}get selectors(){return{addToMenuCard:".mealz-planner-recipe-list__add-to-menu",recipeCardsContainer:".mealz-planner-recipe-list__in-menu",gridContainer:".mealz-planner-recipe-list__grid",headerCount:".mealz-planner-recipe-list__count",headerMealsLabel:".mealz-planner-recipe-list__meals-label",suggestionsButton:".mealz-planner-recipe-list__suggestions-button"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.getRecipesInBasket(),this.addEventListeners(),this.setupResponsivePlaceholders(),this.scheduleSyncPlaceholders()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("resize",this.onWindowResize),(e=this.resizeObserver)==null||e.disconnect(),this.resizeObserver=void 0,this.syncPlaceholdersRafId!==null&&(cancelAnimationFrame(this.syncPlaceholdersRafId),this.syncPlaceholdersRafId=null)}render(){const e=this.getAttribute("starting-data");e&&(Object.assign(this,JSON.parse(e)),this.removeAttribute("starting-data"),this.menuRecipeCount=this.querySelectorAll("mealz-planner-recipe-card").length,this.scheduleSyncPlaceholders(),this.syncHeader())}addEventListeners(){this.addClickListener("addToMenuCard",()=>{this.openCatalogDrawer()}),this.addClickListener("suggestionsButton",()=>{const e=document.querySelector("mealz-planner-current-menu");if(typeof(e==null?void 0:e.showSuggestions)=="function"){e.showSuggestions();return}})}openCatalogDrawer(){const e=document.querySelector("mealz-planner-current-menu");e==null||e.openCatalogDrawer()}async addRecipeCardToList(e){var a;const t=new URLSearchParams;t.append("recipe_id",e),t.append("recipe_index",this.menuRecipeCount.toString()),this.storeId&&t.append("store_id",this.storeId);const n=await(await fetch(this.recipeCardURL+"?"+t.toString(),{method:"GET",headers:p(this.sessionId)})).text(),i=(a=this.elements)==null?void 0:a.recipeCardsContainer;if(i){if(i.insertAdjacentHTML("afterbegin",n),this.recipesIdInBasket.includes(e)){const r=i.firstElementChild;r&&this.addInBasketOverlay(r)}if(!u(document)){const r=i.firstElementChild;if(r){const l=r.querySelector(".mealz-planner-recipe-card__picture img");l&&(l.classList.add("mealz-planner-recipe-card__image-animate"),l.addEventListener("animationend",()=>{l.classList.remove("mealz-planner-recipe-card__image-animate")},{once:!0}))}}this.menuRecipeCount++,this.updateRemainingRecipeIndexes(),this.syncPlaceholders(),this.syncHeader()}}removeRecipeCardFromList(e){var n,i;const t=(n=this.elements)==null?void 0:n.recipeCardsContainer,s=(i=t==null?void 0:t.children)==null?void 0:i[e];s&&(s.classList.add("mealz-planner-recipe-card__fadeout"),s.addEventListener("animationend",()=>{s.remove(),this.menuRecipeCount--,this.updateRemainingRecipeIndexes(),this.syncPlaceholders(),this.syncHeader()},{once:!0}))}updateRemainingRecipeIndexes(){(document.querySelectorAll("mealz-planner-recipe-card")||[]).forEach((t,s)=>{t.updateRecipeIndex(s)})}getRecipesInBasket(){var t;const e=m.basket;(t=e==null?void 0:e.recipePricesInBasket$)==null||t.call(e).pipe(g(1)).subscribe(s=>{this.recipesIdInBasket=s.map(n=>n.id)})}addInBasketOverlay(e){const t=e.querySelector(".mealz-planner-recipe-card__in-basket");t==null||t.classList.remove("hidden")}setupResponsivePlaceholders(){const{gridContainer:e}=this.elements,t=e??this.querySelector(".mealz-planner-recipe-list__grid");t&&(window.addEventListener("resize",this.onWindowResize,{passive:!0}),typeof ResizeObserver<"u"&&(this.resizeObserver=new ResizeObserver(()=>{this.scheduleSyncPlaceholders()}),this.resizeObserver.observe(t)))}scheduleSyncPlaceholders(){this.syncPlaceholdersRafId!==null&&cancelAnimationFrame(this.syncPlaceholdersRafId),this.syncPlaceholdersRafId=requestAnimationFrame(()=>{this.syncPlaceholdersRafId=null,this.syncPlaceholders()})}getMinRows(){const e=this.getAttribute("min-rows"),t=e?Number.parseInt(e,10):NaN,s=Number.isFinite(t)?t:this.defaultMinRows;return Math.max(1,s)}getColumnsCount(e){const t=e.querySelector(".mealz-planner-recipe-list__add-to-menu, mealz-planner-recipe-card, .mealz-planner-recipe-list__placeholder");if(!t)return 1;const s=e.clientWidth,n=t.getBoundingClientRect();if(s<=0||n.width<=0)return 1;const i=getComputedStyle(t),a=Number.parseFloat(i.marginLeft||"0")||0,r=n.width+a;return r<=0?1:Math.max(1,Math.floor((s+a)/r))}syncPlaceholders(){const{gridContainer:e}=this.elements,t=e??this.querySelector(".mealz-planner-recipe-list__grid");if(!t)return;const s=this.getColumnsCount(t),n=this.getMinRows(),i=s*n,a=this.menuRecipeCount??this.querySelectorAll("mealz-planner-recipe-card").length,r=Math.max(0,i-1-a),l=Array.from(t.querySelectorAll(".mealz-planner-recipe-list__placeholder"));for(;l.length>r;){const c=l.pop();c==null||c.remove()}for(;l.length<r;){const c=document.createElement("div");c.className="mealz-planner-recipe-list__placeholder",c.setAttribute("aria-hidden","true"),t.appendChild(c),l.push(c)}}syncHeader(){const{headerCount:e,headerMealsLabel:t}=this.elements;if(e&&(e.textContent=String(this.menuRecipeCount??0)),t){const s=t.getAttribute("data-meal-singular")||"",n=t.getAttribute("data-meal-plural")||"";s&&n&&(t.textContent=this.menuRecipeCount===1?s:n)}}};o=C([h("mealz-planner-recipe-list")],o);customElements.get("mealz-planner-recipe-list")||customElements.define("mealz-planner-recipe-list",o);

package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.css

@@ -1 +1 @@
-.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;position:relative;height:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in-out}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:45%;bottom:0;background:linear-gradient(180deg,#0f191f00,#0f191fb3);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;justify-content:space-between;position:relative;flex:1;pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:24px calc(50% - 55px);pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button{flex:0 0 auto;padding:10px 16px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count .mealz-planner-recipe-suggestion__meals-count-button:not(primary){background-color:#00000059;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count>*:not(:last-child){margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__meals-count::-webkit-scrollbar{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions{padding:24px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos{display:flex;flex-direction:column;margin-bottom:32px;color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .mealz-planner-recipe-suggestion__recipe-sponsor>*{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__recipe-badges>*:not(:last-child){margin-right:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;background:none;border:none;font:inherit;color:inherit;cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-recipe-suggestion__see-recipe span{line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos .mealz-planner-current-menu__recipe-title{cursor:pointer}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__recipe-infos>*:not(:last-child){margin-bottom:12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button{width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button span{color:var(--miam-color-neutral-black, #0f191f)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-remove-button img{width:20px;height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:20px;height:20px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*:not(:last-child){margin-right:24px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__infos-and-actions .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}
+mealz-planner-recipe-suggestion{position:relative;display:block;min-height:572px;padding:24px 0 40px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{position:absolute;top:14px;left:50%;transform:translate(-50%) rotate(-2deg);display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--mealz-ds-color-surface-brand-light, #e4edf1);border-radius:8px;box-shadow:0 1px 4px #0318201f;z-index:3;pointer-events:none}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:16px;height:16px;flex-shrink:0}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{color:var(--mealz-ds-color-content-brand, #24748f);line-height:16px;font-size:14px;white-space:nowrap}.mealz-planner-recipe-suggestion__arrow{position:absolute;right:20px;top:520px;width:85px;height:42px;z-index:0;pointer-events:none}.mealz-planner-recipe-suggestion__arrow img{width:100%;height:100%;object-fit:contain}.mealz-planner-recipe-suggestion{display:flex;flex-direction:column;position:absolute;top:24px;left:50%;transform:translate(-50%);height:508px;max-height:100%;width:356px;max-width:100%;border-radius:12px;box-shadow:0 16px 24px #0318201f;overflow:visible;background:var(--mealz-ds-color-surface-primary, white);z-index:2;transition:transform .3s linear,opacity .3s linear}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:relative;width:100%;height:400px;cursor:pointer;border-radius:12px 12px 0 0;overflow:hidden}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:filter .3s linear;border-radius:12px 12px 0 0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture img.loading{filter:blur(8px)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__overlay{position:absolute;left:0;right:0;top:43.667%;bottom:0;background:linear-gradient(180deg,#0000,#0009);pointer-events:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos{position:absolute;bottom:0;left:0;right:0;padding:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges{display:flex;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge span{font-size:14px;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor{display:flex;justify-content:center;width:fit-content;background-color:var(--mealz-ds-color-neutral-white, #fff);padding:6px 8px;border-radius:50px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor img{height:20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges .hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-sponsor.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-recipe-promotion-badge.hidden,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__recipe-badges-promotion.hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{display:flex;width:fit-content;min-height:32px;padding:8px 12px;background:#0318204d;border-radius:8px;border:none;cursor:pointer;align-items:center;justify-content:center}@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-recipe-suggestion__see-recipe span{color:#fff;line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture .mealz-planner-recipe-suggestion__media-infos .mealz-planner-current-menu__recipe-title{cursor:pointer;color:#fff;text-shadow:0px 1px 4px rgba(0,0,0,.25);line-height:28px;font-size:20px;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--mealz-ds-color-surface-primary, white);pointer-events:auto;border-radius:0 0 12px 12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-labels{display:flex;gap:12px;flex-wrap:wrap;min-height:24px;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label{display:flex;gap:4px;align-items:center;justify-content:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label img{width:24px;height:24px;flex-shrink:0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label span{color:var(--mealz-ds-color-content-default, #1f2a2e);line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row;gap:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{min-height:48px;padding:12px 20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:24px;height:24px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button{flex:0 0 auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{position:absolute;left:calc(50% - 48px);transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;pointer-events:none;z-index:1}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions{pointer-events:none}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions button{pointer-events:none;cursor:default}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add{animation:exitAdd .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{animation:exitPass .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__promote{animation:promote .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__reveal{animation:reveal .2s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add,.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{pointer-events:none}@keyframes exitPass{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% - 200px)) rotate(-6deg) scale(.6);opacity:0}}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 48px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes reveal{0%{opacity:0;transform:translate(-50%) rotate(2deg) scale(.85)}to{opacity:.5;transform:translate(-50%) rotate(-2deg) scale(.9)}}@keyframes exitAdd{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + 200px)) rotate(6deg) scale(.6);opacity:0}}@media (min-width: 1024px){@media (max-height: 850px){.mealz-planner-recipe-suggestion{height:408px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{height:300px}.mealz-planner-recipe-suggestion__arrow{top:420px}}@media (max-height: 750px){.mealz-planner-recipe-suggestion{height:308px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{height:200px}.mealz-planner-recipe-suggestion__arrow{top:320px}}}@media (max-width: 1023px){mealz-planner-recipe-suggestion{padding-top:12px;padding-bottom:12px}.mealz-planner-recipe-suggestion{width:320px;max-width:calc(100vw - 52px);height:364px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__content .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap .mealz-ds-button{padding:8px 12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{height:280px}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{left:calc(50% - 40px)}.mealz-planner-recipe-suggestion__arrow{top:380px;right:calc(50% - 160px);transform:scaleX(-1) rotate(90deg) scale(1.2)}@media (max-height: 750px){.mealz-planner-recipe-suggestion{height:264px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{height:180px}.mealz-planner-recipe-suggestion__arrow{top:280px}}@media (max-height: 700px){.mealz-planner-recipe-suggestion{height:236px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{height:156px}.mealz-planner-recipe-suggestion__arrow{top:256px}}}@media (max-width: 768px){mealz-planner-recipe-suggestion{min-height:388px;padding-left:26px;padding-right:26px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge{top:16px;padding:6px 10px;gap:3px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge img{width:14px;height:14px}mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__badge span{font-size:12px;line-height:14px}.mealz-planner-recipe-suggestion__arrow{top:378px}@media (max-height: 750px){.mealz-planner-recipe-suggestion__arrow{top:278px}}@media (max-height: 700px){.mealz-planner-recipe-suggestion__arrow{top:254px}}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 40px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes exitPass{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(-120%) rotate(-6deg);opacity:0}}@keyframes exitAdd{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}to{transform:translate(-50%) translateY(120%) rotate(6deg);opacity:0}}}

package/dist/planner/planner-recipe-suggestion/planner-recipe-suggestion.min.js

@@ -1 +1 @@
-import{N as h,n as m,a as f}from"../../assets/no-shadow-element-Dz9jgDtr.js";import{t as R}from"../../assets/custom-element-BhZVzxrc.js";import{m as p}from"../../assets/mealz-sdk-E_fNZM-c.js";import{d as S}from"../../assets/debounceTime-D7R6Z3Am.js";import{o as b}from"../../assets/of-hd4MpK5g.js";import{t as g}from"../../assets/take-ByPtGQky.js";import{t as v}from"../../assets/tap-K_D6lo97.js";import"../../assets/async-D5WN8Wfc.js";import"../../assets/OperatorSubscriber-DF1TYu__.js";import"../../assets/from-BTlWkhKh.js";import"../../assets/executeSchedule-C0acKsif.js";import"../../assets/innerFrom-FMZwm2mb.js";import"../../assets/empty-Bs9kqCuA.js";class w{constructor(){this.attributes={title:"","ext-id":"","ext-link":"",description:"","number-of-guests":"","preparation-time":"","preheating-time":"","cooking-time":"","resting-time":"","media-url":"",source:"","informational-page-html":"","filigrane-logo-url":"","informational-sentence":"","order-history":"",difficulty:1,cost:1,suggested:!1,popularity:0,"video-id":"",promoted:!1,editable:!1,position:-1},this.ttl=3600,this.finalTimer=this.attributes["preparation-time"]+this.attributes["preheating-time"]+this.attributes["cooking-time"]+this.attributes["resting-time"]}get title(){return this.attributes.title}get promoted(){return this.attributes.promoted}get guests(){return this.attributes["number-of-guests"]}set guests(t){this.attributes["number-of-guests"]=t}get filigraneLogoUrl(){return this.attributes["filigrane-logo-url"]?this.attributes["filigrane-logo-url"]:null}get sponsorName(){return this.relationships.sponsors.length>0?this.relationships.sponsors[0].attributes.name:null}get sponsorLogoUrl(){var t;return this.relationships.sponsors.data.length>0&&((t=this.included)!=null&&t.length)?this.included.find(s=>s.id===this.relationships.sponsors.data[0].id&&s.type==="sponsors").attributes["logo-url"]:null}get informationalSentence(){return this.attributes["informational-sentence"]}get costLabel(){switch(this.attributes.cost){case 1:return"faible";case 2:return"moyen";case 3:return"élevé";default:return"moyen"}}get orderHistory(){return this.attributes["order-history"]}get preparationTime(){}get cookingTime(){}get restingTime(){}get difficulty(){return this.attributes.difficulty}set difficulty(t){this.attributes.difficulty=t}}var L=Object.getOwnPropertyDescriptor,y=(e,t,s,i)=>{for(var n=i>1?void 0:i?L(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(n=o(n)||n);return n};let d=class extends h{constructor(){super(...arguments),this.recipeId="",this.isDragging=!1,this.dragStartX=0,this.initialScrollLeft=0,this.layoutObserver=null,this.menuRecipes=[],this.suggestedRecipes=[],this.buttonClickHandlers=new Map,this.swapRecipeCount=0,this.swapRecipeClick$=new m,this.analyticsPath="/meals-planner/current",this.preferencesSubscription=new f,this.lastShownRecipeId=null}get selectors(){return{buttonsContainer:".mealz-planner-recipe-suggestion__meals-count",title:".mealz-planner-current-menu__recipe-title",removeButtons:".mealz-planner-recipe-suggestion__actions-remove",removeButton:".mealz-planner-recipe-suggestion__actions-remove-button",swapButton:".mealz-planner-recipe-suggestion__actions-swap-button",addButton:".mealz-planner-recipe-suggestion__actions-add-button",seeRecipe:".mealz-planner-recipe-suggestion__see-recipe",promotion:".mealz-planner-recipe-suggestion__recipe-badges-promotion",sponsor:".mealz-planner-recipe-suggestion__recipe-sponsor",addAndSwapButtons:".mealz-planner-recipe-suggestion__actions-add-and-swap",buttons:[".mealz-planner-recipe-suggestion__meals-count-button"],activeButton:".mealz-planner-recipe-suggestion__meals-count-button.primary",pictureContainer:".mealz-planner-recipe-suggestion__picture",picture:".mealz-planner-recipe-suggestion__picture img",sponsorImg:".mealz-planner-recipe-suggestion__recipe-sponsor img"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.addEventListeners(),this.swapRecipeClick$.pipe(S(300)).subscribe(()=>this.swapRecipe()),this.subscribeToPreferencesChanges()}disconnectedCallback(){super.disconnectedCallback(),this.layoutObserver&&this.layoutObserver.disconnect(),this.swapRecipeClick$.complete(),this.preferencesSubscription.unsubscribe()}render(){const{buttonsContainer:e,buttons:t}=this.elements;!e||!t.length||this.mealsCountButtonsListener(t)}firstUpdated(){var i,n;const{buttonsContainer:e,buttons:t}=this.elements;if(!e||!t.length)return;this.initScrolling(e,t),this.initDragScrolling(e);const s=(i=this.attributes["starting-data"])==null?void 0:i.value;s&&(Object.assign(this,JSON.parse(s)),this.recipeId=(n=this.recipeDisplayed)==null?void 0:n.id,this.updateDisplayedRecipe(!1,this.menuRecipes.length),t.length===1&&this.recipeId&&this.suggestionShownEvent(),this.removeAttribute("starting-data"))}addEventListeners(){this.addClickListener("removeButton",()=>this.removeRecipe().subscribe()),this.addClickListener("swapButton",()=>this.swapRecipeClick$.next()),this.addClickListener("addButton",()=>this.addRecipe()),this.addClickListener("title",()=>this.openRecipeDetails()),this.addClickListener("seeRecipe",()=>this.openRecipeDetails()),this.addClickListener("pictureContainer",()=>this.openRecipeDetails())}mealsCountButtonsListener(e){e.forEach((t,s)=>{const i=this.buttonClickHandlers.get(t);i&&t.removeEventListener("click",i);const n=()=>this.handleRecipeSelect(e,t,s);this.buttonClickHandlers.set(t,n),t.addEventListener("click",n)})}handleRecipeSelect(e,t,s){e.forEach(i=>i.classList.remove("primary")),t.classList.add("primary"),this.updateDisplayedRecipe(!1,s),s+1===e.length&&this.suggestionShownEvent(),this.scrollToButton(t)}updateDisplayedRecipe(e=!1,t){const{title:s,promotion:i,sponsor:n,addAndSwapButtons:r,removeButtons:o,picture:c,sponsorImg:l}=this.elements;if(!c||!s||!i||!n||!l||!r||!o)return;const a=this.getRecipeToDisplay(e,t);if(!a)return;const u=new w;Object.assign(u,a),this.recipeId=a.id,this.initializeUIState(c,i,n),this.setupImageHandlers(c,l,n,u,s,i,r,o,t)}getRecipeToDisplay(e,t){return e?this.suggestedRecipes[0]:this.menuRecipes[t]||this.suggestedRecipes[0]}initializeUIState(e,t,s){e.classList.add("loading"),t.classList.add("hidden"),s.classList.add("hidden")}setupImageHandlers(e,t,s,i,n,r,o,c,l){let a=null;const u=()=>{a&&(clearTimeout(a),a=null),this.updateRecipeUI(e,s,n,r,o,c,i,l)};if(e.onload=u,e.onerror=u,i.attributes["media-url"])e.src=i.attributes["media-url"];else{u();return}i.sponsorLogoUrl&&(t.src=i.sponsorLogoUrl),a=window.setTimeout(u,1e3)}updateRecipeUI(e,t,s,i,n,r,o,c){e.classList.remove("loading"),o.sponsorLogoUrl&&t.classList.remove("hidden"),s.textContent=o.attributes.title||"",i.classList.toggle("hidden",!o.discounted);const l=!!this.menuRecipes[c];n.classList.toggle("hidden",l),r.classList.toggle("hidden",!l)}addRecipe(){this.toggleLoadingButton(!0);const e=document.querySelector("mealz-planner-current-menu");if(!e){this.toggleLoadingButton(!1);return}e.addRecipe(this.recipeId,this.guests,"ai_suggestion","meals-planner-dashboard").subscribe({next:()=>{this.addAndSelectNewSuggestion(),this.toggleLoadingButton(!1)},error:()=>{this.toggleLoadingButton(!1)}})}toggleLoadingButton(e){const t=this.selectors.addButton,s=this.querySelector(t);s&&s.classList.toggle("loading",e)}addAndSelectNewSuggestion(e){!e||this.suggestedRecipes[0].id===e.id?(this.menuRecipes.push(this.suggestedRecipes[0]),this.removeSuggestedRecipe()):this.menuRecipes.push(e),this.addNewMealCountButton(),this.selectNewSuggestion(),this.addCheckIconToButton(),this.requestUpdate()}addNewMealCountButton(){var n;const{buttons:e}=this.elements;if(!e.length)return;const t=e[e.length-1],s=t.cloneNode(!0);s.classList.remove("primary");const i=s.querySelector("span");if(i){const r=(n=i.textContent)==null?void 0:n.match(/\d+/);if(r){const o=parseInt(r[0],10)+1;i.textContent=i.textContent.replace(/\d+/,o.toString())}}t.after(s)}selectNewSuggestion(){this.initSelectors("buttons");const{buttons:e}=this.elements;if(!e.length)return;const t=e[e.length-1];this.handleRecipeSelect(e,t,e.length-1)}addCheckIconToButton(){this.initSelectors("buttons");const{buttons:e}=this.elements;if(!e.length)return;const t=e[e.length-2],s=document.createElement("img");s.src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Check.svg",s.alt="check icon",t.appendChild(s)}removeRecipe(e){const t=e||this.recipeId,s=document.querySelector("mealz-planner-current-menu");return!s||!t?b():s.removeRecipe(t).pipe(g(1),v(()=>{const i=this.menuRecipes.findIndex(n=>n.id===t);i!==-1&&(this.removeRecipeFromMenu(i),this.removeButtonFromContainer(i),this.updateButtonsCount())}))}removeButtonFromContainer(e){const{buttonsContainer:t,buttons:s}=this.elements;if(!t||!s.length)return;const i=s[e];if(i.classList.contains("primary")){const n=+e+1,r=s[n];this.handleRecipeSelect(s,r,e)}i.remove()}removeRecipeFromMenu(e){this.menuRecipes.splice(e,1)}updateButtonsCount(){this.initSelectors("buttons");const{buttons:e}=this.elements;e.forEach((t,s)=>{var n;const i=t.querySelector("span");if(i&&((n=i.textContent)==null?void 0:n.match(/\d+/))){const o=s+1;i.textContent=i.textContent.replace(/\d+/,o.toString())}}),this.requestUpdate()}swapRecipe(){this.suggestedRecipes.shift(),p.planner.rejectRecipe(this.recipeId).pipe(g(1)).subscribe({next:()=>{this.suggestedRecipes.length<1&&this.getNewSuggestedRecipes()}}),this.recipeSwappedEvent(),this.swapRecipeCount++,!sessionStorage.getItem("_miam/selectFromCatalogSuggestion")&&this.swapRecipeCount>3&&(sessionStorage.setItem("_miam/selectFromCatalogSuggestion","true"),this.openCatalogModal()),this.updateDisplayedRecipe(!0),this.suggestionShownEvent()}removeSuggestedRecipe(){this.suggestedRecipes.shift(),this.suggestedRecipes.length<1&&this.getNewSuggestedRecipes()}getNewSuggestedRecipes(){p.planner.getSuggestedRecipes().pipe(g(1)).subscribe(e=>{const t=new Set(this.suggestedRecipes.map(i=>i.id)),s=e.filter(i=>!t.has(i.id));this.suggestedRecipes=[...this.suggestedRecipes,...s],this.updateDisplayedRecipe(!0),this.suggestionShownEvent()})}openCatalogModal(){const e=document.querySelector("mealz-planner-current-menu");this.promptCatalogEvent(),e==null||e.openCatalogModal()}openRecipeDetails(){p.recipes.openDetails(this.recipeId,this.guests,0,"",!0)}initScrolling(e,t){t.length>0&&t[0].offsetWidth>0?this.centerActiveButton(e,t):this.waitForButtonLayout(e,t)}centerActiveButton(e,t){this.initSelectors("activeButton");const{activeButton:s}=this.elements;this.setPadding(e,t),s&&this.scrollToButton(s,"instant")}waitForButtonLayout(e,t){const s=new ResizeObserver(()=>{t.length>0&&t[0].offsetWidth>0&&(this.centerActiveButton(e,t),s.disconnect())});t.forEach(i=>s.observe(i))}initDragScrolling(e){e.addEventListener("mousedown",t=>this.startDrag(t,e)),e.addEventListener("mouseleave",()=>this.stopDrag()),e.addEventListener("mouseup",()=>this.stopDrag()),e.addEventListener("mousemove",t=>this.onDrag(t,e))}refreshSuggestions(){p.planner.getSuggestedRecipes().pipe(g(1)).subscribe(e=>{var n;this.suggestedRecipes=e,this.initSelectors("buttons","activeButton");const{buttons:t,activeButton:s}=this.elements;if(!!(t!=null&&t.length)&&s===t[t.length-1]&&this.suggestedRecipes.length>0){const r=this.suggestedRecipes[0];((n=this.recipeDisplayed)==null?void 0:n.id)!==r.id&&(this.recipeDisplayed=r,this.updateDisplayedRecipe(!0),this.requestUpdate())}})}subscribeToPreferencesChanges(){this.preferencesSubscription.add(p.preferences.preferencesChanged$().subscribe(()=>this.refreshSuggestions()))}setPadding(e,t){const s=t[0].offsetWidth,i=t[t.length-1].offsetWidth;e.style.paddingLeft=`calc(50% - ${s/2}px)`,e.style.paddingRight=`calc(50% - ${i/2}px)`}scrollToButton(e,t="smooth"){if(!e||!e.parentElement)return;const s=e.parentElement,n=Array.from(this.elements.buttons).indexOf(e);if(n===-1)return;const r=window.getComputedStyle(s),o=parseFloat(r.paddingLeft||"0"),c=window.getComputedStyle(e),l=parseFloat(c.marginRight||"0");let a=e.offsetLeft-o;a+=l*n,s.scrollTo({left:a,behavior:t})}startDrag(e,t){this.isDragging=!0,this.dragStartX=e.pageX-t.offsetLeft,this.initialScrollLeft=t.scrollLeft}stopDrag(){this.isDragging=!1}onDrag(e,t){if(!this.isDragging)return;e.preventDefault();const s=e.pageX-t.offsetLeft;t.scrollLeft=this.initialScrollLeft-(s-this.dragStartX)}recipeSwappedEvent(){p.analytics.sendEvent("planner.recipe.swap",this.analyticsPath,{recipe_id:this.recipeId})}promptCatalogEvent(){p.analytics.sendEvent("planner.recipe.catalog-prompt",this.analyticsPath,{})}suggestionShownEvent(){this.recipeId&&this.recipeId!==this.lastShownRecipeId&&(p.analytics.sendEvent("planner.suggestion.show",this.analyticsPath,{recipe_id:this.recipeId}),this.lastShownRecipeId=this.recipeId)}};d=y([R("mealz-planner-recipe-suggestion")],d);customElements.get("mealz-planner-recipe-suggestion")||customElements.define("mealz-planner-recipe-suggestion",d);
+import{N as h,n as m,a as f}from"../../assets/no-shadow-element-YPHUv5PR.js";import{t as _}from"../../assets/custom-element-BhZVzxrc.js";import{m as p}from"../../assets/mealz-sdk-E_fNZM-c.js";import{d as S}from"../../assets/debounceTime-B4DpnstH.js";import{E as c}from"../../assets/empty-0eVnsLmk.js";import{t as u}from"../../assets/take-CozE9iSG.js";import{t as d}from"../../assets/tap-C8CJ3R2H.js";import{o as x}from"../../assets/of-DiALp3BZ.js";import"../../assets/async-CFBGA-Dz.js";import"../../assets/OperatorSubscriber-BaYaQC1O.js";import"../../assets/args-BozZ6oU-.js";import"../../assets/isScheduler-C5PGPVU1.js";import"../../assets/from-CAidt5N1.js";import"../../assets/innerFrom-BgPDnAsH.js";import"../../assets/executeSchedule-CEDvgTzM.js";class R{constructor(){this.attributes={title:"","ext-id":"","ext-link":"",description:"","number-of-guests":"","preparation-time":"","preheating-time":"","cooking-time":"","resting-time":"","media-url":"",source:"","informational-page-html":"","filigrane-logo-url":"","informational-sentence":"","order-history":"",difficulty:1,cost:1,suggested:!1,popularity:0,"video-id":"",promoted:!1,discounted:!1,editable:!1,position:-1},this.ttl=3600,this.finalTimer=this.attributes["preparation-time"]+this.attributes["preheating-time"]+this.attributes["cooking-time"]+this.attributes["resting-time"]}get title(){return this.attributes.title}get promoted(){return this.attributes.promoted}get discounted(){return this.attributes.discounted}get guests(){return this.attributes["number-of-guests"]}set guests(t){this.attributes["number-of-guests"]=t}get filigraneLogoUrl(){return this.attributes["filigrane-logo-url"]?this.attributes["filigrane-logo-url"]:null}get sponsorName(){return this.relationships.sponsors.length>0?this.relationships.sponsors[0].attributes.name:null}get sponsorLogoUrl(){var t,s;return this.relationships.sponsors.data.length>0?(s=(t=this.relationships.sponsors.data[0])==null?void 0:t.attributes)==null?void 0:s["logo-url"]:null}get informationalSentence(){return this.attributes["informational-sentence"]}get costLabel(){switch(this.attributes.cost){case 1:return"faible";case 2:return"moyen";case 3:return"élevé";default:return"moyen"}}get orderHistory(){return this.attributes["order-history"]}get preparationTime(){}get cookingTime(){}get restingTime(){}get difficulty(){return this.attributes.difficulty}set difficulty(t){this.attributes.difficulty=t}set discounted(t){this.attributes.discounted=t}}var b=Object.getOwnPropertyDescriptor,z=(e,t,s,i)=>{for(var a=i>1?void 0:i?b(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(a=n(a)||a);return a};let l=class extends h{constructor(){super(...arguments),this.recipeId="",this.guests=0,this.menuRecipes=[],this.suggestedRecipes=[],this.nextSuggestion=null,this.swapRecipeCount=0,this.swapRecipeClick$=new m,this.analyticsPath="/meals-planner/current",this.preferencesSubscription=new f,this.lastShownRecipeId=null,this.isAnimating=!1,this.prefersReducedMotion=!1,this.hasUserInteracted=!1,this.isLoadingNextSuggestion=!1,this.pendingPreferencesRefresh=!1}get selectors(){return{currentCard:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next)",title:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-current-menu__recipe-title",swapButton:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__actions-swap-button",addButton:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__actions-add-button",seeRecipe:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__see-recipe",addAndSwapButtons:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__actions-add-and-swap",pictureContainer:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__picture",picture:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__picture img",promotion:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__recipe-badges-promotion",sponsor:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__recipe-sponsor",sponsorImg:".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next) .mealz-planner-recipe-suggestion__recipe-sponsor img",nextSuggestionCard:".mealz-planner-recipe-suggestion__next",nextSuggestionPicture:".mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__picture img",nextSuggestionTitle:".mealz-planner-recipe-suggestion__next .mealz-planner-current-menu__recipe-title",nextPromotion:".mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__recipe-badges-promotion",nextSponsor:".mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__recipe-sponsor",nextSponsorImg:".mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__recipe-sponsor img"}}connectedCallback(){super.connectedCallback(),this.initSelectors(),this.addEventListeners(),this.swapRecipeClick$.pipe(S(300)).subscribe(()=>this.swapRecipe()),this.subscribeToPreferencesChanges(),this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches}disconnectedCallback(){super.disconnectedCallback(),this.swapRecipeClick$.complete(),this.preferencesSubscription.unsubscribe()}firstUpdated(){const e=this.getAttribute("starting-data");e&&(Object.assign(this,JSON.parse(e)),this.nextSuggestion=this.suggestedRecipes[1]||null,this.updateDisplayedRecipe(),this.updateNextSuggestionUI(),this.recipeId&&this.suggestionShownEvent(),this.removeAttribute("starting-data"))}addEventListeners(){this.addEventListener("click",e=>{if(this.isAnimating){e.preventDefault(),e.stopPropagation();return}const t=e.target;if(t.closest(".mealz-planner-recipe-suggestion__actions-swap-button")){this.swapRecipeClick$.next();return}const s=t.closest(".mealz-planner-recipe-suggestion__actions-add-button");if(s&&!s.classList.contains("loading")){this.addRecipe();return}if(t.closest(".mealz-planner-current-menu__recipe-title")||t.closest(".mealz-planner-recipe-suggestion__see-recipe")||t.closest(".mealz-planner-recipe-suggestion__picture")){this.openRecipeDetails();return}})}updateDisplayedRecipe(){const{title:e,addAndSwapButtons:t,picture:s,promotion:i,sponsor:a,sponsorImg:o}=this.elements;if(!s||!e||!i||!a||!o||!t)return;const n=this.suggestedRecipes[0];if(!n)return;const r=new R;Object.assign(r,n),this.recipeId=n.id,this.setupImageHandlers(s,r,e,t,i,a,o)}setupImageHandlers(e,t,s,i,a,o,n){let r=null;const g=()=>{r&&(clearTimeout(r),r=null),this.updateRecipeUI(e,s,i,t,a,o,n)};e.classList.add("loading"),e.onload=g,e.onerror=g,t.attributes["media-url"]?(e.src=t.attributes["media-url"],r=window.setTimeout(g,1e3)):g()}updateRecipeUI(e,t,s,i,a,o,n){e.classList.remove("loading"),o.classList.toggle("hidden",!i.sponsorLogoUrl),n&&(n.src=i.sponsorLogoUrl?i.sponsorLogoUrl:""),a.classList.toggle("hidden",!i.discounted),t.textContent=i.attributes.title||"";const r=this.menuRecipes.some(g=>g.id===i.id);s.classList.toggle("hidden",r)}updateNextSuggestionUI(){return new Promise(e=>{const{nextSuggestionCard:t,nextSuggestionPicture:s,nextSuggestionTitle:i,nextPromotion:a,nextSponsor:o,nextSponsorImg:n}=this.elements;if(!this.nextSuggestion){t&&t.classList.add("hidden"),e();return}if(t&&t.classList.remove("hidden"),!s||!i){e();return}const r=s,g=i;if(g.textContent=this.nextSuggestion.attributes.title||"",o.classList.toggle("hidden",!this.nextSuggestion.sponsorLogoUrl),n&&(n.src=this.nextSuggestion.sponsorLogoUrl?this.nextSuggestion.sponsorLogoUrl:""),a.classList.toggle("hidden",!this.nextSuggestion.discounted),this.nextSuggestion.attributes["media-url"]){if(r.classList.add("loading"),r.complete&&r.src===this.nextSuggestion.attributes["media-url"]){r.classList.remove("loading"),e();return}r.onload=()=>{r.classList.remove("loading"),e()},r.onerror=()=>{r.classList.remove("loading"),e()},r.src=this.nextSuggestion.attributes["media-url"]}else e()})}async waitForNextSuggestionReady(){for(;this.isLoadingNextSuggestion;)await new Promise(e=>setTimeout(e,50));this.nextSuggestion&&await this.updateNextSuggestionUI()}runSuggestionTransition(e,t){if(this.isAnimating)return;const s=this.querySelector(".mealz-planner-recipe-suggestion:not(.mealz-planner-recipe-suggestion__next)"),i=this.querySelector(".mealz-planner-recipe-suggestion__next");if(!s||!i){t();return}if(this.prefersReducedMotion){t(),this.initSelectors();return}this.isAnimating=!0;const a=e==="add"?"mealz-planner-recipe-suggestion__exit-add":"mealz-planner-recipe-suggestion__exit-pass";s.classList.add(a),i.classList.add("mealz-planner-recipe-suggestion__promote"),setTimeout(()=>{(async()=>{s.style.display="none",s.classList.remove(a),s.classList.add("mealz-planner-recipe-suggestion__next"),i.classList.remove("mealz-planner-recipe-suggestion__promote","mealz-planner-recipe-suggestion__next"),this.initSelectors(),t(),await this.waitForNextSuggestionReady();const n=this.querySelector(".mealz-planner-recipe-suggestion__next");n?(n.classList.add("mealz-planner-recipe-suggestion__reveal"),n.style.display="flex",setTimeout(()=>{n.classList.remove("mealz-planner-recipe-suggestion__reveal"),this.isAnimating=!1,this.pendingPreferencesRefresh&&!this.isLoadingNextSuggestion&&(this.pendingPreferencesRefresh=!1,this.getNewSuggestedRecipes({replace:!0}))},200)):(this.isAnimating=!1,this.pendingPreferencesRefresh&&!this.isLoadingNextSuggestion&&(this.pendingPreferencesRefresh=!1,this.getNewSuggestedRecipes({replace:!0})))})()},300)}addRecipe(){this.addRecipeUsingSuggestionFlow$().subscribe()}addRecipeFromDetails$(e){return typeof e=="number"&&(this.guests=e),this.addRecipeUsingSuggestionFlow$()}addRecipeUsingSuggestionFlow$(){if(this.isAnimating)return c;this.toggleLoadingButton(!0);const e=document.querySelector("mealz-planner-current-menu");return e?(this.rejectCurrentRecipeIfNeeded(),e.addRecipe(this.recipeId,this.guests,"ai_suggestion","meals-planner-dashboard").pipe(u(1),d({next:()=>{this.runSuggestionTransition("add",()=>{this.addAndSelectNewSuggestion(),this.toggleLoadingButton(!1)})},error:()=>{this.toggleLoadingButton(!1)}}))):(this.toggleLoadingButton(!1),c)}toggleLoadingButton(e){this.querySelectorAll(".mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions-add-button").forEach(s=>{s.classList.toggle("loading",e)})}addAndSelectNewSuggestion(e){if(e){this.menuRecipes.push(e),this.updateNextSuggestion(!0),this.updateDisplayedRecipe(),this.updateNextSuggestionUI(),this.requestUpdate();return}this.suggestedRecipes.length===0||!this.suggestedRecipes[0]||(this.menuRecipes.push(this.suggestedRecipes[0]),this.suggestedRecipes.shift(),this.updateNextSuggestion(!0),this.updateDisplayedRecipe(),this.updateNextSuggestionUI(),this.suggestionShownEvent(),this.requestUpdate())}removeRecipe(e){const t=e||this.recipeId,s=document.querySelector("mealz-planner-current-menu");return!s||!t?x():s.removeRecipe(t).pipe(u(1),d(()=>{const i=this.menuRecipes.findIndex(a=>a.id===t);i!==-1&&(this.menuRecipes.splice(i,1),this.recipeId===t&&(this.updateDisplayedRecipe(),this.requestUpdate()))}))}swapRecipe(){this.isAnimating||(this.rejectCurrentRecipeIfNeeded(),this.recipeSwappedEvent(),this.swapRecipeCount++,!sessionStorage.getItem("_miam/selectFromCatalogSuggestion")&&this.swapRecipeCount>3&&(sessionStorage.setItem("_miam/selectFromCatalogSuggestion","true"),this.openCatalogModal()),this.runSuggestionTransition("pass",()=>{this.suggestedRecipes.shift(),this.updateNextSuggestion(!0),this.updateDisplayedRecipe(),this.updateNextSuggestionUI(),this.suggestionShownEvent()}))}rejectCurrentRecipeIfNeeded(){const e=this.suggestedRecipes[0];(!this.hasUserInteracted||this.suggestedRecipes.length===1)&&(e!=null&&e.id)&&p.planner.rejectRecipe(e.id).pipe(u(1)).subscribe(),this.hasUserInteracted||(this.hasUserInteracted=!0)}updateNextSuggestion(e=!1){var t;this.suggestedRecipes.length>1?(this.nextSuggestion=this.suggestedRecipes[1],e&&((t=this.nextSuggestion)!=null&&t.id)&&p.planner.rejectRecipe(this.nextSuggestion.id).pipe(u(1)).subscribe()):(this.nextSuggestion=null,this.getNewSuggestedRecipes())}getNewSuggestedRecipes(e){const t=(e==null?void 0:e.replace)===!0;this.isLoadingNextSuggestion=!0,p.planner.getSuggestedRecipes().pipe(u(1)).subscribe(s=>{t?(this.suggestedRecipes=[...s],this.hasUserInteracted=!1,this.nextSuggestion=this.suggestedRecipes[1]||null):(this.suggestedRecipes=[...this.suggestedRecipes,...s],this.hasUserInteracted=!1,this.updateNextSuggestion()),this.updateDisplayedRecipe(),this.updateNextSuggestionUI().then(()=>{this.isLoadingNextSuggestion=!1,this.pendingPreferencesRefresh&&!this.isAnimating&&(this.pendingPreferencesRefresh=!1,this.getNewSuggestedRecipes({replace:!0}))}).catch(()=>{this.isLoadingNextSuggestion=!1,this.pendingPreferencesRefresh&&!this.isAnimating&&(this.pendingPreferencesRefresh=!1,this.getNewSuggestedRecipes({replace:!0}))}),this.suggestionShownEvent()})}openCatalogModal(){const e=document.querySelector("mealz-planner-current-menu");this.promptCatalogEvent(),e==null||e.openCatalogModal()}openRecipeDetails(){p.recipes.openDetails(this.recipeId,this.guests,0,"",!0)}subscribeToPreferencesChanges(){this.preferencesSubscription.add(p.preferences.preferencesChanged$().subscribe(()=>{if(this.isAnimating||this.isLoadingNextSuggestion){this.pendingPreferencesRefresh=!0;return}this.getNewSuggestedRecipes({replace:!0})}))}recipeSwappedEvent(){p.analytics.sendEvent("planner.recipe.swap",this.analyticsPath,{recipe_id:this.recipeId})}promptCatalogEvent(){p.analytics.sendEvent("planner.recipe.catalog-prompt",this.analyticsPath,{})}suggestionShownEvent(){this.recipeId&&this.recipeId!==this.lastShownRecipeId&&(p.analytics.sendEvent("planner.suggestion.show",this.analyticsPath,{recipe_id:this.recipeId}),this.lastShownRecipeId=this.recipeId)}};l=z([_("mealz-planner-recipe-suggestion")],l);customElements.get("mealz-planner-recipe-suggestion")||customElements.define("mealz-planner-recipe-suggestion",l);

package/dist/planner/planner-welcome-modal/planner-welcome-modal.css

@@ -1 +1 @@
-mealz-planner-welcome-modal .mealz-modal{width:480px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container{padding-top:0}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__description{display:flex;flex-direction:column;margin:24px 0;gap:12px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container{width:100%;display:flex;justify-content:center;margin-top:24px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container>*:not(:last-child){margin-right:8px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container .mealz-planner-welcome-modal__refuse-button,mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container .mealz-planner-welcome-modal__start-button{padding:12px 20px}@media (max-width: 600px){mealz-planner-welcome-modal .mealz-modal{width:unset}}@media (max-width: 768px){mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container{flex-direction:column-reverse}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container>*:not(:first-child){margin-bottom:8px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container>*:not(:last-child){margin-right:0}}
+mealz-planner-welcome-modal .mealz-modal{width:480px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container{padding-top:0}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__description{display:flex;flex-direction:column;margin:24px 0;gap:12px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container{width:100%;display:flex;justify-content:center;margin-top:24px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container>*:not(:last-child){margin-right:8px}mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container .mealz-planner-welcome-modal__refuse-button,mealz-planner-welcome-modal .mealz-modal .mealz-modal__content-container .mealz-planner-welcome-modal__button-container .mealz-planner-welcome-modal__start-button{padding:12px 20px}@media (max-width: 600px){mealz-planner-welcome-modal .mealz-modal{width:unset}}

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

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

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

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

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

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

package/dist/preferences/preferences.min.js

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

package/dist/price/price.min.js

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

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

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

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

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

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

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

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

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

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

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