mealz-components 2.5.1 → 2.6.1

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

@@ -1 +1 @@
-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}}}
+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-primary, #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-neutral-white, #FFF);z-index:2;transition:transform .3s linear,opacity .3s linear}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__picture{position:relative;width:100%;height: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-neutral-white, #FFF);pointer-events:auto;border-radius:0 0 12px 12px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-labels{display:flex;gap:12px;flex-wrap:wrap;min-height:24px;align-items:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label{display:flex;gap:4px;align-items:center;justify-content:center}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label img{width:24px;height:24px;flex-shrink:0}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__recipe-info-label span{color:var(--mealz-ds-color-content-default, #1f2a2e);line-height:16px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap{display:flex;flex-direction:row;gap:8px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>*{min-height:48px;padding:12px 20px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* img,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-and-swap>* .mealz-planner-recipe-suggestion__actions-add-button-loading{width:24px;height:24px;margin-right:4px}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .hidden{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button{flex:0 0 auto}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-swap-button:hover img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap_white.svg)}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button{flex:1}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button img{display:block}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button .mealz-planner-recipe-suggestion__actions-add-button-loading,.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading img{display:none}.mealz-planner-recipe-suggestion .mealz-planner-recipe-suggestion__actions .mealz-planner-recipe-suggestion__actions-add-button.loading .mealz-planner-recipe-suggestion__actions-add-button-loading{display:block}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next{position:absolute;left:calc(50% - 48px);transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;pointer-events:none;z-index:1}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions{pointer-events:none}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__next .mealz-planner-recipe-suggestion__actions button{pointer-events:none;cursor:default}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add{animation:exitAdd .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{animation:exitPass .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__promote{animation:promote .3s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__reveal{animation:reveal .2s linear forwards}.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-add,.mealz-planner-recipe-suggestion.mealz-planner-recipe-suggestion__exit-pass{pointer-events:none}@keyframes exitPass{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% - 200px)) rotate(-6deg) scale(.6);opacity:0}}@keyframes promote{0%{transform:translate(-50%) rotate(-2deg) scale(.9);opacity:.5;left:calc(50% - 48px)}to{transform:translate(-50%) rotate(0) scale(1);opacity:1;left:50%}}@keyframes reveal{0%{opacity:0;transform:translate(-50%) rotate(2deg) scale(.85)}to{opacity:.5;transform:translate(-50%) rotate(-2deg) scale(.9)}}@keyframes exitAdd{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + 200px)) rotate(6deg) scale(.6);opacity:0}}@media (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-YPHUv5PR.js";import{t as _}from"../../assets/custom-element-BhZVzxrc.js";import{m as g}from"../../assets/mealz-sdk-E_fNZM-c.js";import{d as S}from"../../assets/debounceTime-B4DpnstH.js";import{t as u}from"../../assets/take-CozE9iSG.js";import{E as c}from"../../assets/empty-0eVnsLmk.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 p=()=>{r&&(clearTimeout(r),r=null),this.updateRecipeUI(e,s,i,t,a,o,n)};e.classList.add("loading"),e.onload=p,e.onerror=p,t.attributes["media-url"]?(e.src=t.attributes["media-url"],r=window.setTimeout(p,1e3)):p()}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(p=>p.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,p=i;if(p.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(){g.hook.hookCallback().pipe(u(1)).subscribe(e=>{e&&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)&&g.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)&&g.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,g.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(){g.recipes.openDetails(this.recipeId,this.guests,0,"",!0)}subscribeToPreferencesChanges(){this.preferencesSubscription.add(g.preferences.preferencesChanged$().subscribe(()=>{if(this.isAnimating||this.isLoadingNextSuggestion){this.pendingPreferencesRefresh=!0;return}this.getNewSuggestedRecipes({replace:!0})}))}recipeSwappedEvent(){g.analytics.sendEvent("planner.recipe.swap",this.analyticsPath,{recipe_id:this.recipeId})}promptCatalogEvent(){g.analytics.sendEvent("planner.recipe.catalog-prompt",this.analyticsPath,{})}suggestionShownEvent(){this.recipeId&&this.recipeId!==this.lastShownRecipeId&&(g.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);
+import{N as h,n as m,a as f}from"../../assets/no-shadow-element-D62BBu0I.js";import{m as p}from"../../assets/mealz-sdk-E_fNZM-c.js";import{d as _}from"../../assets/debounceTime-Cf_7YmIn.js";import{E as l}from"../../assets/empty-qrpgDBbc.js";import{t as u}from"../../assets/take-CpvJwza7.js";import{t as c}from"../../assets/tap-BN_fPb40.js";import{o as S}from"../../assets/of-DtJFltSl.js";import"../../assets/async-C5Kj_SqM.js";import"../../assets/OperatorSubscriber-DfCnFunn.js";import"../../assets/args-DAL2bHut.js";import"../../assets/isScheduler-CqHuyMwD.js";import"../../assets/from-D8c5akO7.js";import"../../assets/innerFrom-DePszgj9.js";import"../../assets/executeSchedule-CEDvgTzM.js";class x{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(e){this.attributes["number-of-guests"]=e}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 e,t;return this.relationships.sponsors.data.length>0?(t=(e=this.relationships.sponsors.data[0])==null?void 0:e.attributes)==null?void 0:t["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(e){this.attributes.difficulty=e}set discounted(e){this.attributes.discounted=e}}class R 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(_(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 r=this.suggestedRecipes[0];if(!r)return;const n=new x;Object.assign(n,r),this.recipeId=r.id,this.setupImageHandlers(s,n,e,t,i,a,o)}setupImageHandlers(e,t,s,i,a,o,r){let n=null;const g=()=>{n&&(clearTimeout(n),n=null),this.updateRecipeUI(e,s,i,t,a,o,r)};e.classList.add("loading"),e.onload=g,e.onerror=g,t.attributes["media-url"]?(e.src=t.attributes["media-url"],n=window.setTimeout(g,1e3)):g()}updateRecipeUI(e,t,s,i,a,o,r){e.classList.remove("loading"),o.classList.toggle("hidden",!i.sponsorLogoUrl),r&&(r.src=i.sponsorLogoUrl?i.sponsorLogoUrl:""),a.classList.toggle("hidden",!i.discounted),t.textContent=i.attributes.title||"";const n=this.menuRecipes.some(g=>g.id===i.id);s.classList.toggle("hidden",n)}updateNextSuggestionUI(){return new Promise(e=>{const{nextSuggestionCard:t,nextSuggestionPicture:s,nextSuggestionTitle:i,nextPromotion:a,nextSponsor:o,nextSponsorImg:r}=this.elements;if(!this.nextSuggestion){t&&t.classList.add("hidden"),e();return}if(t&&t.classList.remove("hidden"),!s||!i){e();return}const n=s,g=i;if(g.textContent=this.nextSuggestion.attributes.title||"",o.classList.toggle("hidden",!this.nextSuggestion.sponsorLogoUrl),r&&(r.src=this.nextSuggestion.sponsorLogoUrl?this.nextSuggestion.sponsorLogoUrl:""),a.classList.toggle("hidden",!this.nextSuggestion.discounted),this.nextSuggestion.attributes["media-url"]){if(n.classList.add("loading"),n.complete&&n.src===this.nextSuggestion.attributes["media-url"]){n.classList.remove("loading"),e();return}n.onload=()=>{n.classList.remove("loading"),e()},n.onerror=()=>{n.classList.remove("loading"),e()},n.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 r=this.querySelector(".mealz-planner-recipe-suggestion__next");r?(r.classList.add("mealz-planner-recipe-suggestion__reveal"),r.style.display="flex",setTimeout(()=>{r.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 l;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),c({next:()=>{this.runSuggestionTransition("add",()=>{this.addAndSelectNewSuggestion(),this.toggleLoadingButton(!1)})},error:()=>{this.toggleLoadingButton(!1)}}))):(this.toggleLoadingButton(!1),l)}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?S():s.removeRecipe(t).pipe(u(1),c(()=>{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)}}customElements.get("mealz-planner-recipe-suggestion")||customElements.define("mealz-planner-recipe-suggestion",R);

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

@@ -1,4 +1,4 @@
-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`
+import{N as r,k as l}from"../../assets/no-shadow-element-D62BBu0I.js";import{M as m}from"../../modal/modal.min.js";import{n as d}from"../../assets/property-CoRN-Ln2.js";import{M as p}from"../../onboarding/events.min.js";import{b as u,j as c,k as h}from"../../onboarding/analytics/onboarding-analytics.min.js";import"../../assets/mealz-sdk-E_fNZM-c.js";import"../../assets/unsafe-html-DWUMaK1p.js";var v=Object.defineProperty,M=(t,e,s,b)=>{for(var n=void 0,o=t.length-1,a;o>=0;o--)(a=t[o])&&(n=a(e,s,n)||n);return n&&v(e,s,n),n};class i extends r{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 m;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=l`<span>${s}</span>`,e.contentSlot=this.renderModal(),this.appendChild(e),u(this.isCustomMenu?"personal":"suggestion","welcome"),e.addEventListener(p,()=>{this.openGuideModal()})}openGuideModal(){c(this.isCustomMenu?"personal":"suggestion");const e=new CustomEvent("onboarding-skipped");this.dispatchEvent(e),this.remove()}startOnboardingTour(){h(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 l`
       <div class="mealz-planner-welcome-modal__content">
         <div class="mealz-planner-welcome-modal__description mealz-ds-text size-m">
           <span>${e}</span>
@@ -14,4 +14,4 @@ import{N as d,k as r}from"../../assets/no-shadow-element-YPHUv5PR.js";import{M a
           </button>
         </div>
       </div>
-    `}};m([c({type:Boolean})],t.prototype,"isCustomMenu",2);t=m([u("mealz-planner-welcome-modal")],t);customElements.get("mealz-planner-welcome-modal")||customElements.define("mealz-planner-welcome-modal",t);export{t as M};
+    `}}M([d({type:Boolean})],i.prototype,"isCustomMenu");customElements.get("mealz-planner-welcome-modal")||customElements.define("mealz-planner-welcome-modal",i);export{i as M};

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

@@ -1,15 +1,15 @@
-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`
+import{N as p,k as o}from"../../assets/no-shadow-element-D62BBu0I.js";import{n as m}from"../../assets/property-CoRN-Ln2.js";import{r}from"../../assets/state-DDIoBQp5.js";import"../../assets/mealz-sdk-E_fNZM-c.js";var h=Object.defineProperty,i=(d,e,t,c)=>{for(var s=void 0,l=d.length-1,n;l>=0;l--)(n=d[l])&&(s=n(e,t,s)||s);return s&&h(e,t,s),s};class a extends p{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(c=>{const s=new Image;s.onload=()=>{this.preloadedImages.set(t,s),c()},s.onerror=()=>{c()},s.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 o`
       <div class="mealz-to-basket-loader ${this.isComplete?"complete":""}">
-        ${this.backgroundImages.map((e,t)=>e?c`
+        ${this.backgroundImages.map((e,t)=>e?o`
             <div class="mealz-to-basket-loader__background ${t===this.activeBackgroundIndex?"active":""}" 
                  style="background-image: url('${e}')"></div>
           `:"")}
         <div class="mealz-to-basket-loader__container">
           <div class="mealz-to-basket-loader__recipes">
-            ${this.displayedRecipes.map(e=>c`
+            ${this.displayedRecipes.map(e=>o`
               <div class="mealz-to-basket-loader__recipe-item">
                 <div class="mealz-to-basket-loader__recipe-image">
-                  ${e?c`<img src="${e}" alt="Recipe">`:c`
+                  ${e?o`<img src="${e}" alt="Recipe">`:o`
                       <div class="mealz-to-basket-loader__recipe-placeholder"></div>`}
                 </div>
               </div>
@@ -17,4 +17,4 @@ import{N as n,k as c}from"../../assets/no-shadow-element-YPHUv5PR.js";import{t a
           </div>
         </div>
       </div>
-    `}};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);
+    `}}i([m({type:Array})],a.prototype,"recipeImgs");i([r()],a.prototype,"currentStep");i([r()],a.prototype,"displayedRecipes");i([r()],a.prototype,"isComplete");i([r()],a.prototype,"backgroundImages");i([r()],a.prototype,"activeBackgroundIndex");i([r()],a.prototype,"preloadedImages");customElements.get("mealz-to-basket-loader")||customElements.define("mealz-to-basket-loader",a);

package/dist/planner-entry/planner-entry.css

@@ -1 +1 @@
-.mealz-planner-entry__content{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:24px 80px 0}@media (max-width: 1025px){.mealz-planner-entry__content{position:relative;padding:24px 24px 0}}@media (max-width: 700px){.mealz-planner-entry__content{padding:24px 16px 0}}.mealz-planner-entry__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;width:100%}.mealz-planner-entry__header-left{display:flex;align-items:center;gap:8px}.mealz-planner-entry__title{font-family:var(--family-headings, "Satoshi", sans-serif);font-size:24px;font-weight:900;line-height:28px;color:var(--content-default, #1f2a2e);margin:0 12px 0 0}.mealz-planner-entry__stepper{display:flex;align-items:center;gap:4px}.mealz-planner-entry__stepper-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:1px solid var(--button-secondary-border, #24748f);border-radius:8px;background:var(--button-secondary-bg, transparent);cursor:pointer;color:var(--content-default, #1f2a2e);transition:all .2s ease}.mealz-planner-entry__stepper-button:hover:not(:disabled){background:var(--button-secondary-bg-hover, rgba(36, 116, 143, .1))}.mealz-planner-entry__stepper-button:disabled{opacity:.5;cursor:not-allowed}.mealz-planner-entry__stepper-button--plus{background:var(--button-primary-bg, #24748f);border-color:var(--button-primary-bg, #24748f);color:#fff}.mealz-planner-entry__stepper-button--plus:hover:not(:disabled){background:var(--button-primary-bg-hover, #1d5a6f);border-color:var(--button-primary-bg-hover, #1d5a6f)}.mealz-planner-entry__stepper-value{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px}.mealz-planner-entry__stepper-number{font-family:Satoshi,sans-serif;font-size:16px;font-weight:700;line-height:24px;color:var(--content-default, #1f2a2e)}.mealz-planner-entry__stepper-value picture,.mealz-planner-entry__stepper-value img{display:block;width:16px;height:16px}.mealz-planner-entry__help-link{font-family:Satoshi,sans-serif;font-size:16px;font-weight:700;line-height:24px;color:#24748f;text-decoration:underline;text-underline-position:from-font;cursor:pointer;transition:color .2s ease}.mealz-planner-entry__help-link:hover{color:#1d5a6f}.mealz-planner-entry__banner{position:relative;background:#fff;border:1px solid var(--border-default, #d9e0e3);border-radius:12px;padding:16px;display:flex;gap:16px;overflow:hidden;box-shadow:0 4px 12px #0318201f}.mealz-planner-entry__banner:before{content:"";position:absolute;bottom:-176px;left:50%;transform:translate(-50%);width:1531px;height:282px;background:#e4edf1;border-radius:50%;z-index:0;pointer-events:none}.mealz-planner-entry__banner:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/meals-planner-home-entry-background.webp);background-size:cover;background-position:center;z-index:1;pointer-events:none}.mealz-planner-entry__options{position:relative;z-index:2;display:flex;gap:16px;width:100%}.mealz-planner-entry__options .mealz-planner-menu-option{height:100%}.mealz-planner-entry__options>*{flex:1 0 0}@media (max-width: 1025px){.mealz-planner-entry__banner{padding:16px 0 48px;margin:0 -16px;border-radius:0}.mealz-planner-entry__banner:after{background-position:left center;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/meals-planner-home-entry-background-mobile.webp)}.mealz-planner-entry__help-link{position:absolute;bottom:16px;left:16px;z-index:2}.mealz-planner-entry__options{flex-wrap:nowrap;gap:8px;padding:0 16px;align-items:stretch;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;width:100%}.mealz-planner-menu-option .mealz-planner-menu-option__container{padding:12px}.mealz-planner-menu-option .mealz-planner-menu-option__container .mealz-planner-menu-option__redirect{position:static;width:40px;height:40px;padding:0 0 0 8px}.mealz-planner-entry__options::-webkit-scrollbar{display:none}}@media (max-width: 607px){.mealz-planner-entry__header{flex-direction:column;align-items:flex-start;gap:16px}.mealz-planner-entry__header-left{width:100%;justify-content:space-between}.mealz-planner-entry__title{font-size:20px;line-height:24px}.mealz-planner-entry__options .mealz-planner-menu-option{width:280px}}
+.mealz-planner-entry__content{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:24px 80px 0}@media (max-width: 1025px){.mealz-planner-entry__content{position:relative;padding:24px 24px 0}}@media (max-width: 700px){.mealz-planner-entry__content{padding:24px 16px 0}}.mealz-planner-entry__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;width:100%}.mealz-planner-entry__header-left{display:flex;align-items:center;gap:8px}.mealz-planner-entry__title{font-family:Satoshi,sans-serif;font-size:24px;font-weight:900;line-height:28px;color:var(--mealz-ds-color-neutral-black, #0F191F);margin:0 12px 0 0}.mealz-planner-entry__stepper{display:flex;align-items:center;gap:4px}.mealz-planner-entry__stepper-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:1px solid var(--mealz-ds-color-primary, #24748f);border-radius:8px;background:transparent;cursor:pointer;color:var(--mealz-ds-color-neutral-black, #0F191F);transition:all .2s ease}.mealz-planner-entry__stepper-button:hover:not(:disabled){background:#24748f1a}.mealz-planner-entry__stepper-button:disabled{opacity:.5;cursor:not-allowed}.mealz-planner-entry__stepper-button--plus{background:var(--mealz-ds-color-primary, #24748f);border-color:var(--mealz-ds-color-primary, #24748f);color:#fff}.mealz-planner-entry__stepper-button--plus:hover:not(:disabled){background:var(--mealz-ds-color-primary-700, #1B596E);border-color:var(--mealz-ds-color-primary-700, #1B596E)}.mealz-planner-entry__stepper-value{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px}.mealz-planner-entry__stepper-number{font-family:Satoshi,sans-serif;font-size:16px;font-weight:700;line-height:24px;color:var(--mealz-ds-color-neutral-black, #0F191F)}.mealz-planner-entry__stepper-value picture,.mealz-planner-entry__stepper-value img{display:block;width:16px;height:16px}.mealz-planner-entry__help-link{font-family:Satoshi,sans-serif;font-size:16px;font-weight:700;line-height:24px;color:var(--mealz-ds-color-primary, #24748f);text-decoration:underline;text-underline-position:from-font;cursor:pointer;transition:color .2s ease}.mealz-planner-entry__help-link:hover{color:var(--mealz-ds-color-primary-700, #1B596E)}.mealz-planner-entry__banner{position:relative;background:#fff;border:1px solid var(--mealz-ds-color-border, #D9DDE1);border-radius:12px;padding:16px;display:flex;gap:16px;overflow:hidden;box-shadow:0 4px 12px #0318201f}.mealz-planner-entry__banner:before{content:"";position:absolute;bottom:-176px;left:50%;transform:translate(-50%);width:1531px;height:282px;background:#e4edf1;border-radius:50%;z-index:0;pointer-events:none}.mealz-planner-entry__banner:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/meals-planner-home-entry-background.webp);background-size:cover;background-position:center;z-index:1;pointer-events:none}.mealz-planner-entry__options{position:relative;z-index:2;display:flex;gap:16px;width:100%}.mealz-planner-entry__options .mealz-planner-menu-option{height:100%}.mealz-planner-entry__options>*{flex:1 0 0}@media (max-width: 1025px){.mealz-planner-entry__banner{padding:16px 0 48px;margin:0 -16px;border-radius:0}.mealz-planner-entry__banner:after{background-position:left center;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/meals-planner-home-entry-background-mobile.webp)}.mealz-planner-entry__help-link{position:absolute;bottom:16px;left:16px;z-index:2}.mealz-planner-entry__options{flex-wrap:nowrap;gap:8px;padding:0 16px;align-items:stretch;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;width:100%}.mealz-planner-menu-option .mealz-planner-menu-option__container{padding:12px}.mealz-planner-menu-option .mealz-planner-menu-option__container .mealz-planner-menu-option__redirect{position:static;width:40px;height:40px;padding:0 0 0 8px}.mealz-planner-entry__options::-webkit-scrollbar{display:none}}@media (max-width: 607px){.mealz-planner-entry__header{flex-direction:column;align-items:flex-start;gap:16px}.mealz-planner-entry__header-left{width:100%;justify-content:space-between}.mealz-planner-entry__title{font-size:20px;line-height:24px}.mealz-planner-entry__options .mealz-planner-menu-option{width:280px}}

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

@@ -1 +1 @@
-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);
+import{N as n}from"../assets/no-shadow-element-D62BBu0I.js";import{o as i}from"../planner/helpers/open-onboarding-modal.min.js";import{m as u}from"../assets/mealz-sdk-E_fNZM-c.js";import"../planner/planner-onboarding-modal/planner-onboarding-modal.min.js";import"../assets/state-DDIoBQp5.js";import"../assets/property-CoRN-Ln2.js";import"../onboarding/analytics/onboarding-analytics.min.js";import"../onboarding/events.min.js";import"../planner/helpers/get-planner-onboarding-modal-config.min.js";import"../modal/modal.min.js";import"../assets/unsafe-html-DWUMaK1p.js";class a extends n{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(u.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(){i("dashboard")}}customElements.get("mealz-planner-entry")||customElements.define("mealz-planner-entry",a);

package/dist/preferences/preferences.min.js

@@ -1,4 +1,4 @@
-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`
+import"../assets/accordion-Unx2E22K.js";import{N as f,B as z,a as y,k as a}from"../assets/no-shadow-element-D62BBu0I.js";import{r as p}from"../assets/state-DDIoBQp5.js";import{m as t}from"../assets/mealz-sdk-E_fNZM-c.js";import{d as w}from"../assets/debounceTime-Cf_7YmIn.js";import{d as k}from"../assets/distinctUntilChanged-kXqVrZ5h.js";import{s as T}from"../assets/switchMap-BAdE9Uzw.js";import{n as h}from"../assets/property-CoRN-Ln2.js";import{f as $}from"../assets/filter-q99GWcpD.js";import"../assets/unsafe-html-DWUMaK1p.js";import"../assets/async-C5Kj_SqM.js";import"../assets/OperatorSubscriber-DfCnFunn.js";import"../assets/innerFrom-DePszgj9.js";var S=Object.defineProperty,_=(l,e,s,c)=>{for(var i=void 0,r=l.length-1,n;r>=0;r--)(n=l[r])&&(i=n(e,s,i)||i);return i&&S(e,s,i),i};class g extends f{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),k(),T(e=>e.length>0?t.tags.autocomplete(e):[])).subscribe(e=>{var s,c;this.suggestedTags=(s=e==null?void 0:e.data)==null?void 0:s.filter(i=>i.attributes["tag-type-id"]==="ingredient_category"||i.attributes["tag-type-id"]==="ingredientsdefinition"),this.notFound=((c=this.suggestedTags)==null?void 0:c.length)===0,this.requestUpdate()}))}addTag(e){t.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">
@@ -33,7 +33,7 @@ import"../assets/accordion-DJLqKUJq.js";import{N as _,B as z,a as y,k as a}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,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`
+    `}}_([p()],g.prototype,"suggestedTags");_([p()],g.prototype,"notFound");customElements.get("mealz-preferences-search")||customElements.define("mealz-preferences-search",g);class m{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 x=Object.defineProperty,o=(l,e,s,c)=>{for(var i=void 0,r=l.length-1,n;r>=0;r--)(n=l[r])&&(i=n(e,s,i)||i);return i&&x(e,s,i),i};class d extends f{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($(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">
@@ -51,7 +51,7 @@ import"../assets/accordion-DJLqKUJq.js";import{N as _,B as z,a as y,k as a}from"
         <span class="mealz-ds-text mealz-preferences__guest-label">Nombre de personnes</span>
         <mealz-counter
             class="mealz-preferences__guest-counter"
-            .value=${i.preferences.guests$.value}
+            .value=${t.preferences.guests$.value}
             @valueChange=${this.updateGuests}
         >
         </mealz-counter>
@@ -156,4 +156,4 @@ import"../assets/accordion-DJLqKUJq.js";import{N as _,B as z,a as y,k as a}from"
             ></mealz-preferences-search>
           `}
       </div>
-    `: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);
+    `:a``}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(c=>{this[`${e}s`]=c.data.map(i=>({tag:i,checked:t.preferences.tagShouldBeChecked(i,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 m;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(r=>r.id.includes("ingredient_category_")||r.id.includes("ingredientsdefinition_")||r.id.includes("meal_type_")).forEach(r=>{if(this.forcedIngredients.findIndex(n=>n.id===r.id)===-1){const n=new m;n.id=r.id,n.attributes={"tag-type-id":"",name:r.name,"icon-url":"","picture-url":""},t.preferences.tagShouldBeChecked(n,!0)&&this.ingredients.push({tag:n,checked:!0,without:!0})}});const c=["ingredient_category_","ingredientsdefinition_","meal_type_"],i=t.preferences.tagsToAdd.filter(r=>{const n=r.tag.id,b=c.some(u=>n.includes(u)),v=!this.ingredients.some(u=>u.tag.id===n);return b&&v});this.ingredients.push(...i),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(),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),c={exclude_tags:s.exclude_tags,include_tags:s.include_tags,...t.preferences.guests$.value!==4&&{guests:t.preferences.guests$.value}};(Object.keys(c).length>0?t.preferences.sendCacheRequest("set","preferences",c):t.preferences.sendCacheRequest("remove","preferences")).subscribe(()=>{e&&(t.preferences.preferencesChanged(),this.close())})}updateGuests(e){t.preferences.guests$.next(e.detail.value),this.requestUpdate()}}o([h({type:Object})],d.prototype,"filters");o([h({type:Boolean})],d.prototype,"isOpen");o([p()],d.prototype,"diets");o([p()],d.prototype,"ingredients");o([p()],d.prototype,"equipments");o([p()],d.prototype,"displayType");o([h({type:String})],d.prototype,"analyticsPath");customElements.get("mealz-preferences")||customElements.define("mealz-preferences",d);

package/dist/price/price.min.js

@@ -1,12 +1,12 @@
-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`
+import{N as n,k as p,D as d}from"../assets/no-shadow-element-D62BBu0I.js";import{n as o}from"../assets/property-CoRN-Ln2.js";import{P as m}from"../assets/price-D6RVRYHJ.js";import"../assets/mealz-sdk-E_fNZM-c.js";import"../assets/singleton-COF3iBbF.js";var u=Object.defineProperty,l=(i,t,e,h)=>{for(var r=void 0,c=i.length-1,a;c>=0;c--)(a=i[c])&&(r=a(t,e,r)||r);return r&&u(t,e,r),r};class s extends n{constructor(){super(),this.priceService=m.getInstance(),this.styleURL=new URL("./price/price.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.applyStartingDataFromAttribute(),this.priceService.initFormatter()}renderOldPrice(){return p`
       <div class="mealz-price__previous mealz-ds-text weight-l size-xs">
         ${this.priceService.priceTemplate(this.oldPrice)}
       </div>
-    `}render(){return a`
+    `}render(){return p`
       <div class="mealz-price">
         ${this.oldPrice?this.renderOldPrice():d}
         <div class="mealz-price__current">
           ${this.priceService.priceTemplate(this.price)}
         </div>
       </div>
-    `}};l([m({type:Number})],r.prototype,"price",2);l([m({type:Number})],r.prototype,"oldPrice",2);r=l([v("mealz-price")],r);customElements.get("mealz-price")||customElements.define("mealz-price",r);
+    `}applyStartingDataFromAttribute(){const t=this.getAttribute("starting-data");if(t){try{const e=JSON.parse(t);typeof e.price=="number"&&(this.price=e.price),typeof e.oldPrice=="number"&&(this.oldPrice=e.oldPrice)}catch{}this.removeAttribute("starting-data")}}}l([o({type:Number})],s.prototype,"price");l([o({type:Number})],s.prototype,"oldPrice");customElements.get("mealz-price")||customElements.define("mealz-price",s);

package/dist/product-badges/product-badges.css

@@ -1 +1 @@
-.mealz-product-badges{display:flex;margin:8px 0;align-items:center;flex-wrap:wrap;flex-shrink:0}.mealz-product-badges>*:not(:last-child){margin-right:8px}
+.mealz-product-badges{display:flex;margin:8px 0;align-items:center;flex-wrap:wrap;flex-shrink:0;gap:4px}

package/dist/product-card/product-card.css

@@ -1 +1 @@
-.mealz-product-card{display:flex;flex-direction:column;box-sizing:border-box;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--mealz-ds-color-primary-100, #e4eaec);background:var(--mealz-ds-color-primary-text, #fff);transition:all .3s;position:relative}.mealz-product-card.added{border:1px solid var(--mealz-ds-color-primary, #24748f);background:var(--mealz-ds-color-primary-text, #fff)}.mealz-product-card .mealz-product-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;color:var(--mealz-ds-color-neutral-black, #0f191f);background:var(--mealz-ds-color-primary-100, #e4eaec);transition:all .3s}.mealz-product-card .mealz-product-card__header>*:not(:last-child){margin-right:8px}.mealz-product-card .mealz-product-card__header.added{background:var(--mealz-ds-color-primary, #24748f);color:var(--core-background-background-primary, #fff)}.mealz-product-card .mealz-product-card__header.disabled{background:var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-product-card .mealz-product-card__header.unavailable{background-color:var(--mealz-ds-color-neutral-50, #f7f8f9)}.mealz-product-card .mealz-product-card__header .mealz-product-card__header-quantity{text-align:right;white-space:nowrap}.mealz-product-card .mealz-product-card__content{padding:12px;height:100%;display:flex;flex-direction:column;background-color:var(--mealz-ds-color-neutral-white, #fff);transition:background-color .3s}.mealz-product-card .mealz-product-card__content>*:not(:last-child){margin-bottom:8px}.mealz-product-card .mealz-product-card__content.disabled,.mealz-product-card .mealz-product-card__content.unavailable{justify-content:center;align-items:center;padding:12px;text-align:center}.mealz-product-card .mealz-product-card__content.disabled{background-color:var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-product-card .mealz-product-card__content.unavailable{background-color:var(--mealz-ds-color-neutral-50, #f7f8f9)}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product>*:not(:last-child){margin-right:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__picture{height:120px;width:120px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details.product-brand{text-transform:uppercase;line-height:24px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details.product-price-per-unit{font-size:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__link{font-size:14px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action{display:flex;align-items:center;justify-content:space-between}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action>*:not(:last-child){margin-right:8px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta{display:flex;align-items:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta>*:not(:last-child){margin-right:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-ds-button.square{padding:8px;height:40px;width:40px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-product-card__checkbox input{width:40px;height:40px;border-radius:8px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-product-card__loading-button{padding:14px}@media (max-width: 1023px){.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-ds-button.primary:hover:not(:disabled){background-color:var(--mealz-ds-color-primary)}}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__price{color:var(--mealz-ds-color-neutral-black, #0f191f);line-height:0}.mealz-product-card .mealz-product-card__content .mealz-product-card__footer__actions{display:flex;align-items:center;justify-content:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__footer__actions>*:not(:last-child){margin-right:28px}.mealz-product-card .mealz-product-card__content .mealz-ds-avatar{height:64px;width:64px}.mealz-product-card .mealz-product-card__disabled-text{color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-product-card .mealz-product-card__footer{display:flex;flex-direction:column;align-items:center;background:var(--mealz-ds-color-primary-50, #f0f3f4);padding:8px}.mealz-product-card .mealz-product-card__footer .light-text{color:var(--mealz-ds-color-neutral-black, #0f191f);opacity:.5}
+.mealz-product-card{display:flex;flex-direction:column;box-sizing:border-box;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--mealz-ds-color-primary-100, #e4eaec);background:var(--mealz-ds-color-primary-text, #fff);transition:all .3s;position:relative}.mealz-product-card.added{border:1px solid var(--mealz-ds-color-primary, #24748f);background:var(--mealz-ds-color-primary-text, #fff)}.mealz-product-card .mealz-product-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;color:var(--mealz-ds-color-neutral-black, #0f191f);background:var(--mealz-ds-color-primary-100, #e4eaec);transition:all .3s}.mealz-product-card .mealz-product-card__header>*:not(:last-child){margin-right:8px}.mealz-product-card .mealz-product-card__header.added{background:var(--mealz-ds-color-primary, #24748f);color:var(--core-background-background-primary, #fff)}.mealz-product-card .mealz-product-card__header.disabled{background:var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-product-card .mealz-product-card__header.unavailable{background-color:var(--mealz-ds-color-neutral-50, #f7f8f9)}.mealz-product-card .mealz-product-card__header .mealz-product-card__header-quantity{text-align:right;white-space:nowrap}.mealz-product-card .mealz-product-card__content{padding:12px;height:100%;display:flex;flex-direction:column;background-color:var(--mealz-ds-color-neutral-white, #fff);transition:background-color .3s}.mealz-product-card .mealz-product-card__content>*:not(:last-child){margin-bottom:8px}.mealz-product-card .mealz-product-card__content.disabled,.mealz-product-card .mealz-product-card__content.unavailable{justify-content:center;align-items:center;padding:12px;text-align:center}.mealz-product-card .mealz-product-card__content.disabled{background-color:var(--mealz-ds-color-neutral-200, #d9dde1)}.mealz-product-card .mealz-product-card__content.unavailable{background-color:var(--mealz-ds-color-neutral-50, #f7f8f9)}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product>*:not(:last-child){margin-right:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__picture-column{flex-shrink:0}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__picture-column .mealz-product-card__picture{height:120px;width:120px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details.product-brand{text-transform:uppercase;line-height:24px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__details.product-price-per-unit{font-size:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__selected-product .mealz-product-card__info-column .mealz-product-card__link{font-size:14px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action{display:flex;align-items:center;justify-content:space-between}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action>*:not(:last-child){margin-right:8px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta{display:flex;align-items:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta>*:not(:last-child){margin-right:12px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-ds-button.square{padding:8px;height:40px;width:40px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-product-card__checkbox input{width:40px;height:40px;border-radius:8px}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-product-card__loading-button{padding:14px}@media (max-width: 1023px){.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__cta .mealz-ds-button.primary:hover:not(:disabled){background-color:var(--mealz-ds-color-primary)}}.mealz-product-card .mealz-product-card__content .mealz-product-card__lower-action .mealz-product-card__price{color:var(--mealz-ds-color-neutral-black, #0f191f);line-height:0}.mealz-product-card .mealz-product-card__content .mealz-product-card__footer__actions{display:flex;align-items:center;justify-content:center}.mealz-product-card .mealz-product-card__content .mealz-product-card__footer__actions>*:not(:last-child){margin-right:28px}.mealz-product-card .mealz-product-card__content .mealz-ds-avatar{height:64px;width:64px}.mealz-product-card .mealz-product-card__disabled-text{color:var(--mealz-ds-color-neutral-black, #0f191f)}.mealz-product-card .mealz-product-card__footer{display:flex;flex-direction:column;align-items:center;background:var(--mealz-ds-color-primary-50, #f0f3f4);padding:8px}.mealz-product-card .mealz-product-card__footer .light-text{color:var(--mealz-ds-color-neutral-black, #0f191f);opacity:.5}

package/dist/products-to-basket-cta/products-to-basket-cta.css

@@ -0,0 +1 @@
+.mealz-products-to-basket-cta{display:flex;width:100%}.mealz-products-to-basket-cta .mealz-products-to-basket__add-to-basket-cta__text{display:flex;align-items:center}.mealz-products-to-basket-cta .mealz-products-to-basket__add-to-basket-cta__text>*:not(:last-child){margin-right:4px}

package/dist/products-to-basket-cta/products-to-basket-cta.min.js

@@ -0,0 +1 @@
+import{n as c}from"../assets/property-CoRN-Ln2.js";import{N as b}from"../assets/no-shadow-element-D62BBu0I.js";import{m as n}from"../assets/mealz-sdk-E_fNZM-c.js";import{P as S}from"../assets/price-D6RVRYHJ.js";import{c as f}from"../assets/combineLatest-Capvy1jI.js";import"../assets/singleton-COF3iBbF.js";import"../assets/from-D8c5akO7.js";import"../assets/innerFrom-DePszgj9.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/OperatorSubscriber-DfCnFunn.js";import"../assets/mapOneOrManyArgs-CHGhEDCk.js";import"../assets/map-DT-7dkaR.js";import"../assets/args-DAL2bHut.js";import"../assets/isScheduler-CqHuyMwD.js";var k=Object.defineProperty,l=(d,t,e,i)=>{for(var s=void 0,a=d.length-1,r;a>=0;a--)(r=d[a])&&(s=r(t,e,s)||s);return s&&k(t,e,s),s};class o extends b{constructor(){super(),this.recipeId="",this.guests=0,this.analyticsPath="",this.subscriptions=[],this.remainingBasketEntries=[],this.allIngredientsToBasketLoading=!1,this.ingredientToBasketLoading=!1,this.remainingPrice=0,this.priceService=S.getInstance(),this.hasLiveData=!1,this.initialSSRCount=null,this.initialSSRPrice=null,this.styleURL=new URL("./products-to-basket-cta/products-to-basket-cta.css",this.getBaseURL())}get selectors(){return{addButton:"button.mealz-products-to-basket-cta",addButtonText:".mealz-products-to-basket__add-to-basket-cta__text",addButtonTextMain:".mealz-products-to-basket__add-to-basket-cta__text > span",loader:".mealz-ds-loader",remainingPriceValue:".mealz-products-to-basket__add-to-basket-remaining-price > span"}}connectedCallback(){super.connectedCallback(),this.applyStartingDataFromAttribute(),this.analyticsPath=this.analyticsPath||`/recipes/${this.recipeId}/shopping`,this.priceService.initFormatter(),this.initSelectors("addButton","addButtonText","addButtonTextMain","loader","remainingPriceValue"),this.addClickListener("addButton",()=>this.addAllIngredients()),this.initialSSRCount=this.readSSRCount(),this.initialSSRPrice=this.readSSRPrice(),this.subscribeToRecipeBasketStreams()}subscribeToRecipeBasketStreams(){this.subscriptions.push(f([n.recipes.remainingBasketEntries$,n.recipes.recipePrice$,n.recipes.allIngredientsToBasketLoading$,n.recipes.ingredientToBasketLoading$]).subscribe(t=>this.handleRecipeBasketStreamsUpdate(t)))}handleRecipeBasketStreamsUpdate(t){const[e,i,s,a]=t,r=e||[],u=i&&typeof i.remaining=="number"?i.remaining:0,h=!!s,p=!!a,m=r.length===0&&(Number(u)||0)===0&&!h&&!p,g=this.initialSSRCount!=null&&this.initialSSRCount>0||this.initialSSRPrice!=null&&this.initialSSRPrice>0;!this.hasLiveData&&m&&g||(this.remainingBasketEntries=r,this.remainingPrice=u,this.allIngredientsToBasketLoading=h,this.ingredientToBasketLoading=p,this.hasLiveData=!0,this.updateUI())}disconnectedCallback(){super.disconnectedCallback();for(const t of this.subscriptions)t.unsubscribe()}addAllIngredients(){this.recipeId&&(n.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}}),this.sendAddAllEvent())}sendAddAllEvent(){n.analytics.sendEvent("entry.add-all",this.analyticsPath,{recipe_id:this.recipeId,entry_count:this.remainingBasketEntries.length})}updateUI(){const t=this.isLoading();if(!this.hasLiveData){this.updateButtonState(this.getEl(this.elements.addButton),t);return}const e=this.remainingBasketEntries.length,i=this.getNumericRemainingPrice();this.updateButtonState(this.getEl(this.elements.addButton),t),this.updateTextVisibility(this.getEl(this.elements.addButtonText),t),this.updateMainText(this.getEl(this.elements.addButtonTextMain),e),this.updateLoaderVisibility(this.getEl(this.elements.loader),t),this.updateRemainingPrice(this.getEl(this.elements.remainingPriceValue),i)}getEl(t){return t instanceof HTMLElement?t:null}isLoading(){return this.allIngredientsToBasketLoading||this.ingredientToBasketLoading}getNumericRemainingPrice(){return Math.max(0,Number(this.remainingPrice)||0)}updateButtonState(t,e){if(t){if(!this.recipeId||e){t.setAttribute("disabled","true"),t.classList.add("disabled");return}t.removeAttribute("disabled"),t.classList.remove("disabled")}}updateTextVisibility(t,e){t&&t.classList.toggle("hidden",e)}updateMainText(t,e){t&&(e>1?t.textContent=`Ajouter ${e} produits`:e===1?t.textContent="Ajouter 1 produit":t.textContent="Ajouter")}updateLoaderVisibility(t,e){t&&t.classList.toggle("hidden",!e)}updateRemainingPrice(t,e){if(!t)return;const i=t.parentElement;try{t.textContent=this.priceService.formatPrice(e),i&&i.classList.toggle("hidden",e<=0)}catch(s){console.warn("products-to-basket-cta: price format error",s),t.textContent=""+this.remainingPrice,i&&i.classList.toggle("hidden",!(Number(this.remainingPrice)>0))}}readSSRCount(){const t=this.elements.addButtonTextMain,i=((t==null?void 0:t.textContent)||"").match(/Ajouter\s+(\d+)/i);if(i&&i[1]){const s=Number(i[1]);return Number.isFinite(s)?s:null}return null}readSSRPrice(){const t=this.elements.remainingPriceValue,i=((t==null?void 0:t.textContent)||"").replace(/[^0-9,.-]/g,"").replace(",","."),s=Number(i);return Number.isFinite(s)?s:null}applyStartingDataFromAttribute(){const t=this.getAttribute("starting-data");if(t){try{const e=JSON.parse(t);e&&typeof e.recipeId=="string"&&(this.recipeId=e.recipeId),typeof e.guests=="number"&&(this.guests=e.guests)}catch(e){console.warn("mealz-products-to-basket-cta: invalid starting-data payload",e)}this.removeAttribute("starting-data")}}}l([c({type:String})],o.prototype,"recipeId");l([c({type:Number})],o.prototype,"guests");l([c({type:String})],o.prototype,"analyticsPath");customElements.get("mealz-products-to-basket-cta")||customElements.define("mealz-products-to-basket-cta",o);

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

@@ -1 +1 @@
-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 b,m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import{f as m}from"../assets/filter-BZ75lS5D.js";import{s as y}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(e,s,i){const r=Date.now(),n=!this.trackedRecipes.get(e),l=this.hasScrolled;!n&&!l||(this.trackedRecipes.size>=this.MAX_RECIPES&&this.cleanOldRecipes(),this.trackedRecipes.set(e,r),window.mealzInternal.analytics.sendEvent("recipe.show",s,{recipe_id:e,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 e;this.scrollListener=()=>{this.hasScrolled=!0,clearTimeout(e),e=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=(t,e,s,i)=>{for(var r=i>1?void 0:i?L(e,s):e,a=t.length-1,n;a>=0;a--)(n=t[a])&&(r=n(r)||r);return r};let p=class extends S{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),this.listenInView(),b().then(()=>{this.setupSubscriptions()}).catch(t=>{console.warn("Failed to initialize SDK subscriptions:",t)})}setupSubscriptions(){this.subscriptions.push(c.basket.recipePricesInBasket$().subscribe(t=>{if(!t)return;const e=t.find(s=>s.id===this.recipeId);t.length>0&&e&&parseFloat(e.price)>0?(this.guests=c.basket.guestsForRecipe(e.id),this.updatedRecipeId=e.id,this.updateDOM()):this.render()}),this.setupPlannerMenuSubscription(),this.setupGuestUpdatesSubscription())}setupPlannerMenuSubscription(){return c.planner.menuPrice$.pipe(m(()=>this.planner&&!!this.recipeId),y(()=>v([c.planner.isRecipeInMenu$(this.recipeId).pipe(d(1))])),m(([t,e])=>t&&typeof e=="number"&&e>0)).subscribe(([t,e])=>{this.guests=e,this.updateGuestDisplay()})}setupGuestUpdatesSubscription(){return c.recipes.guestsUpdated().subscribe(t=>{t.recipeId===this.recipeId&&(this.guests=t.guests,this.updatedRecipeId=this.recipeId,this.updateDOM())})}disconnectedCallback(){var e;super.disconnectedCallback(),this.subscriptions.forEach(s=>s.unsubscribe()),(e=this.analyticsViewportObserver)==null||e.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 t=(h=this.attributes["starting-data"])==null?void 0:h.value;if(!t)return;const{id:e,guests:s,path:i,categoryId:r,initialTabIndex:a,planner:n,sessionId:l,recipe:g}=JSON.parse(t);if(this.recipeId=e,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 t=localStorage.getItem("_miam/preferences/guests");if(t){const e=+t;if(!isNaN(e)&&e>0&&e<=30)return e}return 4}handleCTAClickForPlanner(){c.hook.hookCallback().pipe(d(1)).subscribe(t=>{if(!t)return;const e=this.querySelector("mealz-recipe-card-cta");if(!e)return;const s=e.querySelector(".mealz-recipe-card-cta__loader");if(s&&!s.classList.contains("hidden"))return;const i=e.getStatus();i==="add"?(this.showAddingToMenuState(e),this.addRecipeToMenu()):i==="in-menu"&&(this.showRemovingFromMenuState(e),this.removeRecipeFromMenu())})}addRecipeToMenu(){var i,r;const t=document.querySelector("mealz-planner-recipe-suggestion"),e=(t==null?void 0:t.guests)||this.guests;this.guests=e,t&&(t.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,e,!!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,e).subscribe(()=>{this.removeRecipeCardLoader("add"),t==null||t.addAndSelectNewSuggestion(this.recipe)})}removeRecipeFromMenu(){const t=document.querySelector("mealz-planner-recipe-suggestion");if(!t){c.planner.removeRecipeFromMenu(this.recipeId).pipe(d(1)).subscribe(()=>this.removeRecipeCardLoader("remove"));return}t.removeRecipe(this.recipeId).subscribe(()=>this.removeRecipeCardLoader("remove"))}showRemovingFromMenuState(t){const e=this.querySelector(".mealz-recipe-card-cta__loader"),s=t.querySelector("img.in-menu");e==null||e.classList.remove("hidden"),s==null||s.classList.add("hidden")}removeRecipeCardLoader(t){const e=this.querySelector("mealz-recipe-card-cta");if(!e)return;const s=this.querySelector(".mealz-recipe-card-cta"),i=this.querySelector(".mealz-recipe-card-cta__loader"),r=e.querySelector("img.add"),a=e.querySelector("img.in-menu");t==="add"?(i==null||i.classList.add("hidden"),s==null||s.classList.replace("primary","secondary"),a==null||a.classList.remove("hidden"),e.updateStatus("in-menu")):(i==null||i.classList.add("hidden"),s==null||s.classList.replace("secondary","primary"),r==null||r.classList.remove("hidden"),e.updateStatus("add"))}showAddingToMenuState(t){const e=this.querySelector(".mealz-recipe-card-cta__loader"),s=t.querySelector("img.add"),i=t.querySelector("img.in-menu");e==null||e.classList.remove("hidden"),s==null||s.classList.add("hidden"),i==null||i.classList.add("hidden")}updateDOM(){if(this.recipeId!==this.updatedRecipeId)return;const t=this.querySelector(".mealz-recipe-card__counter p");t&&(t.innerHTML=this.guests.toString())}updateGuestDisplay(){const t=this.querySelector(".mealz-recipe-card__counter p");t&&this.guests&&(t.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-D62BBu0I.js";import{V as g}from"../assets/viewport-listener-DsRHfwo4.js";import{h as f}from"../assets/session-handler-BZFnRy_K.js";import{w as I,m as c}from"../assets/mealz-sdk-E_fNZM-c.js";import{f as u}from"../assets/filter-q99GWcpD.js";import{s as w}from"../assets/switchMap-BAdE9Uzw.js";import{c as y}from"../assets/combineLatest-Capvy1jI.js";import{t as d}from"../assets/take-CpvJwza7.js";import"../assets/debounceTime-Cf_7YmIn.js";import"../assets/async-C5Kj_SqM.js";import"../assets/OperatorSubscriber-DfCnFunn.js";import"../assets/innerFrom-DePszgj9.js";import"../assets/from-D8c5akO7.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/mapOneOrManyArgs-CHGhEDCk.js";import"../assets/map-DT-7dkaR.js";import"../assets/args-DAL2bHut.js";import"../assets/isScheduler-CqHuyMwD.js";import"../assets/empty-qrpgDBbc.js";class n{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 n.instance||(n.instance=new n),n.instance}trackRecipeShow(e,t,s){const i=Date.now(),r=!this.trackedRecipes.get(e),o=this.hasScrolled;!r&&!o||(this.trackedRecipes.size>=this.MAX_RECIPES&&this.cleanOldRecipes(),this.trackedRecipes.set(e,i),window.mealzInternal.analytics.sendEvent("recipe.show",t,{recipe_id:e,category_id:s}))}cleanOldRecipes(){const t=Date.now()-3600*1e3;for(const[s,i]of this.trackedRecipes.entries())i<t&&this.trackedRecipes.delete(s)}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,n.instance=null}setupScrollListener(){let e;this.scrollListener=()=>{this.hasScrolled=!0,clearTimeout(e),e=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)}}class b extends S{constructor(){super(...arguments),this.subscriptions=[]}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),this.listenInView(),I().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(u(()=>this.planner&&!!this.recipeId),w(()=>y([c.planner.isRecipeInMenu$(this.recipeId).pipe(d(1))])),u(([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(),n.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 g(this,()=>{this.sendAnalyticsShow()},{threshold:.8,debounce:1e3})}getInitialStatus(){var p;const e=(p=this.attributes["starting-data"])==null?void 0:p.value;if(!e)return;const{id:t,guests:s,path:i,categoryId:a,initialTabIndex:r,planner:o,sessionId:l,recipe:m}=JSON.parse(e);if(this.recipeId=t,this.analyticsPath=i,this.categoryId=a,this.guests=s,this.initialTabIndex=r,this.planner=o,this.recipe=m,f(l),!this.guests){this.guests=this.getGuests();const h=this.querySelector(".mealz-recipe-card__counter p");h&&(h.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,a;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 r=(a=(i=c.recipes)==null?void 0:i.productsPlannerByCategory$)==null?void 0:a.value,o=(r==null?void 0:r.toPickProducts)||[];c.planner.addRecipeToMenu(this.recipeId,t,!!c.pos.currentPos().value,o).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"),a=t.querySelector("img.add"),r=t.querySelector("img.in-menu");e==="add"?(i==null||i.classList.add("hidden"),s==null||s.classList.replace("primary","secondary"),r==null||r.classList.remove("hidden"),t.updateStatus("in-menu")):(i==null||i.classList.add("hidden"),s==null||s.classList.replace("secondary","primary"),a==null||a.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(){n.getInstance().trackRecipeShow(this.recipeId,this.analyticsPath,this.categoryId)}}customElements.get("mealz-recipe-card")||customElements.define("mealz-recipe-card",b);

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

@@ -1 +1 @@
-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);
+import{v as F,O as H,N as P}from"../assets/no-shadow-element-D62BBu0I.js";import{w as D,m as o}from"../assets/mealz-sdk-E_fNZM-c.js";import{m as d}from"../assets/map-DT-7dkaR.js";import{d as p}from"../assets/distinctUntilChanged-kXqVrZ5h.js";import{m as q}from"../assets/mergeAll-DpEYIxY3.js";import{p as O}from"../assets/args-DAL2bHut.js";import{f as V}from"../assets/from-D8c5akO7.js";import{o as k,c as C}from"../assets/OperatorSubscriber-DfCnFunn.js";import{c as A}from"../assets/combineLatest-Capvy1jI.js";import{f as B}from"../assets/firstValueFrom-Bcbk1SUg.js";import{t as h}from"../assets/take-CpvJwza7.js";import{f as N}from"../assets/filter-q99GWcpD.js";import{s as E}from"../assets/skipWhile-Beza3ws3.js";import{a as U}from"../assets/async-C5Kj_SqM.js";import{i as x}from"../assets/isDate-BwHtzZM4.js";import{i as f}from"../assets/innerFrom-DePszgj9.js";import{e as W}from"../assets/executeSchedule-CEDvgTzM.js";import{s as _}from"../assets/switchMap-BAdE9Uzw.js";import{o as J}from"../assets/of-DtJFltSl.js";import"../assets/mergeMap-D2yctTHQ.js";import"../assets/isScheduler-CqHuyMwD.js";import"../assets/mapOneOrManyArgs-CHGhEDCk.js";import"../assets/empty-qrpgDBbc.js";var K=F(function(s){return function(t){t===void 0&&(t=null),s(this),this.message="Timeout has occurred",this.name="TimeoutError",this.info=t}});function w(s,e){var t=x(s)?{first:s}:typeof s=="number"?{each:s}:s,i=t.first,a=t.each,n=t.with,r=n===void 0?j:n,c=t.scheduler,I=c===void 0?U:c,y=t.meta,T=y===void 0?null:y;if(i==null&&a==null)throw new TypeError("No timeout provided.");return k(function(z,u){var L,l,g=null,b=0,S=function(v){l=W(u,I,function(){try{L.unsubscribe(),f(r({meta:T,lastValue:g,seen:b})).subscribe(u)}catch(M){u.error(M)}},v)};L=z.subscribe(C(u,function(v){l==null||l.unsubscribe(),b++,u.next(g=v),a>0&&S(a)},void 0,void 0,function(){l!=null&&l.closed||l==null||l.unsubscribe(),g=null})),!b&&S(i!=null?typeof i=="number"?i:+i-I.now():a)})}function j(s){throw new K(s)}function G(){return q(1)}function $(){for(var s=[],e=0;e<arguments.length;e++)s[e]=arguments[e];return G()(V(s,O(s)))}var Q=Array.isArray;function X(s){return s.length===1&&Q(s[0])?s[0]:s}function Y(){for(var s=[],e=0;e<arguments.length;e++)s[e]=arguments[e];return s=X(s),s.length===1?f(s[0]):new H(Z(s))}function Z(s){return function(e){for(var t=[],i=function(n){t.push(f(s[n]).subscribe(C(e,function(r){if(t){for(var c=0;c<t.length;c++)c!==n&&t[c].unsubscribe();t=null}e.next(r)})))},a=0;t&&!e.closed&&a<s.length;a++)i(a)}}function R(s){return k(function(e,t){var i=null,a=!1,n;i=e.subscribe(C(t,void 0,void 0,function(r){n=f(s(r,R(s)(e))),i?(i.unsubscribe(),i=null,n.subscribe(t)):a=!0})),a&&(i.unsubscribe(),i=null,n.subscribe(t))})}function m(){for(var s=[],e=0;e<arguments.length;e++)s[e]=arguments[e];var t=O(s);return k(function(i,a){(t?$(s,i,t):$(s,i)).subscribe(a)})}class ee extends P{constructor(){super(),this.subscriptions=[],this.clickHandler=()=>{},this.recipeId="",this.status="add",this.planner=!1,this.recipeCta=null,this.guests=4,this.standalone=!1,this.inBasket=!1,this.toBasketOnClick=!1,this.analyticsPath="",this.addAllIngredientsLoading=!1,this.styleURL=new URL("./recipe-card-cta/recipe-card-cta.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.getInitialStatus(),D().then(()=>{this.setupClickHandler(),this.setupSubscriptions()}).catch(e=>{console.warn("Failed to initialize SDK subscriptions:",e)})}setupSubscriptions(){const e=o.basket.recipePricesInBasket$().pipe(d(t=>t.some(i=>i.id===this.recipeId)),p(),m(!1));this.subscriptions.push(A([o.planner.isRecipeInMenu$(this.recipeId).pipe(m(!1),p()),e]).pipe(d(([t,i])=>this.planner?i?"in-basket":t?"in-menu":"add":i?"in-basket":"add"),p()).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)||"{}",i=JSON.parse(t);if(i){if(i.recipeId)this.recipeId=i.recipeId,this.guests=i.guests||4,this.standalone=!0,this.inBasket=i.inBasket||!1,this.planner=i.planner||!1,this.status=i.status||"add",this.toBasketOnClick=i.toBasketOnClick||!1,this.analyticsPath=`/recipes/${this.recipeId}/shopping`,this.updateDOM(this.inBasket);else{const a=e==null?void 0:e.value;this.recipeId=a||"",this.standalone=!1,this.analyticsPath=this.recipeId?`/recipes/${this.recipeId}/shopping`:"";const n=this.classList.contains("in-basket");this.updateDOM(n)}if(this.removeAttribute("starting-data"),this.planner)this.updateStatus(this.status);else{const a=this.classList.contains("in-basket");this.updateStatus(a?"in-basket":"add")}}}setupClickHandler(){this.standalone&&(this.recipeCta=this.querySelector(".mealz-recipe-card-cta"),this.recipeCta&&(this.clickHandler=()=>{if(!this.planner)if(this.toBasketOnClick){if(this.addAllIngredientsLoading)return;this.addAllIngredientsFromRecipeToBasket()}else o.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.addAllIngredientsLoading||this.planner&&this.status==="in-basket"?(this.recipeCta.setAttribute("disabled","true"),this.recipeCta.classList.add("disabled")):(this.recipeCta.removeAttribute("disabled"),this.recipeCta.classList.remove("disabled")))}async addAllIngredientsFromRecipeToBasket(){if(this.recipeId){this.setLoadingState(!0);try{const e=o.recipes.loadAndSetupRecipe(this.recipeId,this.guests);e&&typeof e.pipe=="function"&&await B(e.pipe(h(1))),o.recipes.addAllIngredientsToBasket({originPath:this.analyticsPath,props:{}}),await this.waitForAddAllIngredientsToComplete()&&this.sendAddAllEvent()}catch(e){console.warn("mealz-recipe-card-cta: add-all-to-basket failed",e)}finally{this.setLoadingState(!1)}}}setLoadingState(e){if(this.addAllIngredientsLoading=e,!this.recipeCta)return;this.recipeCta.classList.toggle("loading",e),this.updateButtonState();const t=this.recipeCta.querySelector(".mealz-recipe-card-cta__loader");t&&t.classList.toggle("hidden",!e),this.recipeCta.querySelectorAll("img").forEach(a=>a.classList.toggle("hidden",e)),e||this.updateImages()}async waitForAddAllIngredientsToComplete(){const e=o.recipes.allIngredientsToBasketLoading$,t=o.basket.recipePricesInBasket$().pipe(d(r=>r.some(c=>c.id===this.recipeId)),p(),m(!1)),i=o.planner.isRecipeInMenu$(this.recipeId).pipe(m(!1),p()),a=A([i,t]).pipe(d(([r,c])=>c||this.planner&&r),N(r=>r),h(1),d(()=>!1)),n=e.pipe(E(r=>!r),h(1),w({first:15e3}),_(()=>e.pipe(E(r=>r),h(1),w({first:3e4}))),d(()=>!0),R(()=>J(!1)),h(1));return B(Y(n,a))}getRemainingEntriesCount(){const t=o.recipes.remainingBasketEntries$.value;return Array.isArray(t)?t.length:0}sendAddAllEvent(){o.analytics.sendEvent("entry.add-all",this.analyticsPath,{recipe_id:this.recipeId,entry_count:this.getRemainingEntriesCount()})}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")))}}customElements.get("mealz-recipe-card-cta")||customElements.define("mealz-recipe-card-cta",ee);

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__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}
+.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.mealz-ds-button.primary.reverse.square.small{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-ds-button.primary.reverse.square.small .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-ds-button.primary.reverse.square.small .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}