ng-miam 9.3.13 → 9.3.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-miam.umd.js +301 -261
- package/bundles/ng-miam.umd.js.map +1 -1
- package/bundles/ng-miam.umd.min.js +1 -1
- package/bundles/ng-miam.umd.min.js.map +1 -1
- package/esm2015/lib/_web-components/meals-planner/meals-planner.component.js +65 -7
- package/esm2015/lib/_web-components/recipe-cards/recipe-card/recipe-card.component.js +146 -159
- package/esm2015/lib/_web-components/recipe-tags/recipe-tags.component.js +21 -32
- package/esm2015/lib/environments/environment.js +3 -3
- package/esm2015/lib/environments/environment.prod.js +3 -3
- package/esm2015/lib/environments/version.js +2 -2
- package/fesm2015/ng-miam.js +233 -200
- package/fesm2015/ng-miam.js.map +1 -1
- package/lib/_web-components/meals-planner/meals-planner.component.d.ts +1 -0
- package/lib/_web-components/meals-planner/meals-planner.component.d.ts.map +1 -1
- package/lib/_web-components/recipe-tags/recipe-tags.component.d.ts +0 -1
- package/lib/_web-components/recipe-tags/recipe-tags.component.d.ts.map +1 -1
- package/lib/environments/version.d.ts +1 -1
- package/package.json +1 -1
package/fesm2015/ng-miam.js
CHANGED
|
@@ -842,9 +842,9 @@ const environment$1 = {
|
|
|
842
842
|
env: 'prod',
|
|
843
843
|
miamAPI: 'https://api.miam.tech',
|
|
844
844
|
miamWeb: 'https://miam.tech',
|
|
845
|
-
mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@2.
|
|
845
|
+
mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@2.7/dist',
|
|
846
846
|
mealzSsrApi: 'https://ssr-api.mealz.ai',
|
|
847
|
-
mealzSdkV10: 'https://cdn.jsdelivr.net/npm/webc-miam@10.
|
|
847
|
+
mealzSdkV10: 'https://cdn.jsdelivr.net/npm/webc-miam@10.4',
|
|
848
848
|
lang: 'fr',
|
|
849
849
|
analyticsEnabled: true // Only used in DEV mode
|
|
850
850
|
};
|
|
@@ -2200,7 +2200,7 @@ var EventJourney;
|
|
|
2200
2200
|
EventJourney["EMPTY"] = "";
|
|
2201
2201
|
})(EventJourney || (EventJourney = {}));
|
|
2202
2202
|
|
|
2203
|
-
const VERSION = "9.3.
|
|
2203
|
+
const VERSION = "9.3.15"; // TODO: replace by ##VERSION## and update it in the CI/CD
|
|
2204
2204
|
|
|
2205
2205
|
class ContextRegistryService {
|
|
2206
2206
|
constructor() {
|
|
@@ -8841,9 +8841,9 @@ const environment = {
|
|
|
8841
8841
|
env: 'prod',
|
|
8842
8842
|
miamAPI: 'https://api.miam.tech',
|
|
8843
8843
|
miamWeb: 'https://miam.tech',
|
|
8844
|
-
mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@2.
|
|
8844
|
+
mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@2.7/dist',
|
|
8845
8845
|
mealzSsrApi: 'https://ssr-api.mealz.ai',
|
|
8846
|
-
mealzSdkV10: 'https://cdn.jsdelivr.net/npm/webc-miam@10.
|
|
8846
|
+
mealzSdkV10: 'https://cdn.jsdelivr.net/npm/webc-miam@10.4',
|
|
8847
8847
|
lang: 'fr',
|
|
8848
8848
|
analyticsEnabled: true // Only used in DEV mode
|
|
8849
8849
|
};
|
|
@@ -17630,6 +17630,40 @@ class AddRecipeFromPlannerAction extends BasketAction {
|
|
|
17630
17630
|
}
|
|
17631
17631
|
|
|
17632
17632
|
const _c0$6 = ["miamMealsPlannerTopAnchor"];
|
|
17633
|
+
function MealsPlannerComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
17634
|
+
i0.ɵɵelementStart(0, "div", 4);
|
|
17635
|
+
i0.ɵɵelementStart(1, "span", 5);
|
|
17636
|
+
i0.ɵɵtext(2, "Chargement");
|
|
17637
|
+
i0.ɵɵelementEnd();
|
|
17638
|
+
i0.ɵɵnamespaceSVG();
|
|
17639
|
+
i0.ɵɵelementStart(3, "svg", 6);
|
|
17640
|
+
i0.ɵɵelement(4, "path", 7);
|
|
17641
|
+
i0.ɵɵelement(5, "path", 8);
|
|
17642
|
+
i0.ɵɵelement(6, "path", 9);
|
|
17643
|
+
i0.ɵɵelement(7, "path", 10);
|
|
17644
|
+
i0.ɵɵelement(8, "path", 11);
|
|
17645
|
+
i0.ɵɵelement(9, "path", 12);
|
|
17646
|
+
i0.ɵɵelement(10, "path", 13);
|
|
17647
|
+
i0.ɵɵelement(11, "path", 14);
|
|
17648
|
+
i0.ɵɵelementEnd();
|
|
17649
|
+
i0.ɵɵelementEnd();
|
|
17650
|
+
} }
|
|
17651
|
+
function MealsPlannerComponent_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
17652
|
+
i0.ɵɵelementContainer(0);
|
|
17653
|
+
} }
|
|
17654
|
+
function MealsPlannerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
17655
|
+
i0.ɵɵelementStart(0, "div", 15);
|
|
17656
|
+
i0.ɵɵtemplate(1, MealsPlannerComponent_div_3_ng_container_1_Template, 1, 0, "ng-container", 16);
|
|
17657
|
+
i0.ɵɵelementStart(2, "span", 17);
|
|
17658
|
+
i0.ɵɵi18n(3, 18);
|
|
17659
|
+
i0.ɵɵelementEnd();
|
|
17660
|
+
i0.ɵɵelementEnd();
|
|
17661
|
+
} if (rf & 2) {
|
|
17662
|
+
i0.ɵɵnextContext();
|
|
17663
|
+
const _r0 = i0.ɵɵreference(1);
|
|
17664
|
+
i0.ɵɵadvance(1);
|
|
17665
|
+
i0.ɵɵproperty("ngTemplateOutlet", _r0);
|
|
17666
|
+
} }
|
|
17633
17667
|
const recipeIncludes$4 = ['recipe-provider', 'sponsors', 'tags'];
|
|
17634
17668
|
const recipeSparseFields$4 = {
|
|
17635
17669
|
recipes: ['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
|
|
@@ -17663,6 +17697,7 @@ class MealsPlannerComponent extends EventTracerComponent {
|
|
|
17663
17697
|
this.timeOnStart = Date.now();
|
|
17664
17698
|
this.featureIsAuthorized = false;
|
|
17665
17699
|
this.previousBasketEntries = [];
|
|
17700
|
+
this.plannerDashboardLoading = false;
|
|
17666
17701
|
// Progress bar
|
|
17667
17702
|
this.usedBudget = 0;
|
|
17668
17703
|
this.maxBudget = 0;
|
|
@@ -17697,9 +17732,18 @@ class MealsPlannerComponent extends EventTracerComponent {
|
|
|
17697
17732
|
this.initForm();
|
|
17698
17733
|
this.pageview();
|
|
17699
17734
|
this.subscriptions.push(this.initRecipesPricing());
|
|
17700
|
-
this.
|
|
17701
|
-
|
|
17702
|
-
|
|
17735
|
+
this.plannerDashboardLoading = true;
|
|
17736
|
+
this.cdr.detectChanges();
|
|
17737
|
+
this.subscriptions.push(this.loadPlannerDashboardHTML().subscribe({
|
|
17738
|
+
next: plannerDashboardHTML => {
|
|
17739
|
+
this.plannerDashboardHTML = plannerDashboardHTML;
|
|
17740
|
+
this.plannerDashboardLoading = false;
|
|
17741
|
+
this.cdr.detectChanges();
|
|
17742
|
+
},
|
|
17743
|
+
error: () => {
|
|
17744
|
+
this.plannerDashboardLoading = false;
|
|
17745
|
+
this.cdr.detectChanges();
|
|
17746
|
+
}
|
|
17703
17747
|
}));
|
|
17704
17748
|
}));
|
|
17705
17749
|
}
|
|
@@ -17915,11 +17959,24 @@ MealsPlannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MealsPlannerCompone
|
|
|
17915
17959
|
} if (rf & 2) {
|
|
17916
17960
|
let _t;
|
|
17917
17961
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topAnchor = _t.first);
|
|
17918
|
-
} }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls:
|
|
17919
|
-
|
|
17962
|
+
} }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 2, consts: function () { let i18n_1; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
|
|
17963
|
+
const MSG_EXTERNAL_7273104079436475690$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2 = goog.getMsg(" Nous pr\u00E9parons vos recettes... ");
|
|
17964
|
+
i18n_1 = MSG_EXTERNAL_7273104079436475690$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2;
|
|
17965
|
+
}
|
|
17966
|
+
else {
|
|
17967
|
+
i18n_1 = $localize `:␟5ad4fd8232f99c98138cc45a650f52787ffd9271␟7273104079436475690: Nous préparons vos recettes... `;
|
|
17968
|
+
} return [["plannerDashboardLoader", ""], [1, "mealz-planner-dashboard__wrapper"], ["class", "mealz-planner-dashboard__loader-container", 4, "ngIf"], [1, "mealz-planner-dashboard__container", 3, "innerHTML"], ["role", "status", "aria-live", "polite", 1, "mealz-planner-dashboard__loader"], [1, "mealz-planner-dashboard__loader__label"], ["viewBox", "0 0 80 80", "aria-hidden", "true", "focusable", "false", 1, "mealz-planner-dashboard__loader__icon"], ["d", "M43.75 20V10C43.75 9.00544 43.3549 8.05161 42.6516 7.34835C41.9484 6.64509 40.9946 6.25 40 6.25C39.0054 6.25 38.0516 6.64509 37.3483 7.34835C36.6451 8.05161 36.25 9.00544 36.25 10V20C36.25 20.9946 36.6451 21.9484 37.3483 22.6516C38.0516 23.3549 39.0054 23.75 40 23.75C40.9946 23.75 41.9484 23.3549 42.6516 22.6516C43.3549 21.9484 43.75 20.9946 43.75 20Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0s"], ["d", "M55.5765 29.3234C55.1213 29.5122 54.6333 29.6094 54.1405 29.6094C53.3986 29.6093 52.6734 29.3893 52.0567 28.977C51.4399 28.5648 50.9593 27.9789 50.6756 27.2934C50.392 26.6079 50.318 25.8537 50.463 25.1262C50.608 24.3987 50.9656 23.7305 51.4905 23.2063L58.5529 16.125C59.2574 15.4205 60.2129 15.0247 61.2092 15.0247C62.2055 15.0247 63.161 15.4205 63.8654 16.125C64.5699 16.8295 64.9657 17.785 64.9657 18.7813C64.9657 19.7775 64.5699 20.733 63.8654 21.4375L56.7936 28.5094C56.4453 28.8581 56.0317 29.1347 55.5765 29.3234Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.15s"], ["d", "M60 36.25H70C70.9946 36.25 71.9484 36.6451 72.6516 37.3484C73.3549 38.0516 73.75 39.0054 73.75 40C73.75 40.9946 73.3549 41.9484 72.6516 42.6516C71.9484 43.3549 70.9946 43.75 70 43.75H60C59.0054 43.75 58.0516 43.3549 57.3484 42.6516C56.6451 41.9484 56.25 40.9946 56.25 40C56.25 39.0054 56.6451 38.0516 57.3484 37.3484C58.0516 36.6451 59.0054 36.25 60 36.25Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.3s"], ["d", "M55.5749 50.6763C56.0307 50.8651 56.4448 51.1418 56.7936 51.4906L63.8655 58.5625C64.57 59.267 64.9657 60.2225 64.9657 61.2188C64.9657 62.215 64.57 63.1705 63.8655 63.875C63.161 64.5795 62.2055 64.9753 61.2092 64.9753C60.213 64.9753 59.2575 64.5795 58.553 63.875L51.4811 56.8031C51.1323 56.4543 50.8556 56.0402 50.6668 55.5844C50.478 55.1287 50.3809 54.6402 50.3809 54.1469C50.3809 53.6536 50.478 53.1651 50.6668 52.7093C50.8556 52.2536 51.1323 51.8395 51.4811 51.4906C51.8299 51.1418 52.2441 50.8651 52.6998 50.6763C53.1556 50.4875 53.6441 50.3904 54.1374 50.3904C54.6307 50.3904 55.1192 50.4875 55.5749 50.6763Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.45s"], ["d", "M37.3483 57.3484C38.0516 56.6451 39.0054 56.25 40 56.25C40.9946 56.25 41.9484 56.6451 42.6516 57.3484C43.3549 58.0516 43.75 59.0054 43.75 60V70C43.75 70.9946 43.3549 71.9484 42.6516 72.6516C41.9484 73.3549 40.9946 73.75 40 73.75C39.0054 73.75 38.0516 73.3549 37.3483 72.6516C36.6451 71.9484 36.25 70.9946 36.25 70V60C36.25 59.0054 36.6451 58.0516 37.3483 57.3484Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.6s"], ["d", "M16.1344 58.5625L23.2063 51.4906C23.9108 50.7862 24.8663 50.3904 25.8626 50.3904C26.8588 50.3904 27.8143 50.7862 28.5188 51.4906C29.2233 52.1951 29.6191 53.1506 29.6191 54.1469C29.6191 55.1432 29.2233 56.0987 28.5188 56.8031L21.4469 63.875C20.7425 64.5795 19.787 64.9753 18.7907 64.9753C17.7944 64.9753 16.8389 64.5795 16.1344 63.875C15.43 63.1705 15.0342 62.215 15.0342 61.2188C15.0342 60.2225 15.43 59.267 16.1344 58.5625Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.75s"], ["d", "M23.75 40C23.75 39.0054 23.3549 38.0516 22.6516 37.3484C21.9484 36.6451 20.9946 36.25 20 36.25H10C9.00544 36.25 8.05161 36.6451 7.34835 37.3484C6.64509 38.0516 6.25 39.0054 6.25 40C6.25 40.9946 6.64509 41.9484 7.34835 42.6516C8.05161 43.3549 9.00544 43.75 10 43.75H20C20.9946 43.75 21.9484 43.3549 22.6516 42.6516C23.3549 41.9484 23.75 40.9946 23.75 40Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "0.9s"], ["d", "M18.7809 15.0341C19.7772 15.0341 20.7327 15.4299 21.4372 16.1344L28.5184 23.1969C29.2229 23.9014 29.6187 24.8568 29.6187 25.8531C29.6187 26.8494 29.2229 27.8049 28.5184 28.5094C27.8139 29.2139 26.8585 29.6096 25.8622 29.6096C24.8659 29.6096 23.9104 29.2139 23.2059 28.5094L16.1247 21.4469C15.4202 20.7424 15.0244 19.7869 15.0244 18.7906C15.0244 17.7943 15.4202 16.8389 16.1247 16.1344C16.8291 15.4299 17.7846 15.0341 18.7809 15.0341Z", 1, "mealz-planner-dashboard__loader__segment", 2, "animation-delay", "1.05s"], [1, "mealz-planner-dashboard__loader-container"], [4, "ngTemplateOutlet"], [1, "miam-ds-text", "size-xs", "weight-l"], i18n_1]; }, template: function MealsPlannerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
17969
|
+
i0.ɵɵtemplate(0, MealsPlannerComponent_ng_template_0_Template, 12, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
17970
|
+
i0.ɵɵelementStart(2, "div", 1);
|
|
17971
|
+
i0.ɵɵtemplate(3, MealsPlannerComponent_div_3_Template, 4, 1, "div", 2);
|
|
17972
|
+
i0.ɵɵelement(4, "div", 3);
|
|
17973
|
+
i0.ɵɵelementEnd();
|
|
17920
17974
|
} if (rf & 2) {
|
|
17975
|
+
i0.ɵɵadvance(3);
|
|
17976
|
+
i0.ɵɵproperty("ngIf", ctx.plannerDashboardLoading);
|
|
17977
|
+
i0.ɵɵadvance(1);
|
|
17921
17978
|
i0.ɵɵproperty("innerHTML", ctx.plannerDashboardHTML, i0.ɵɵsanitizeHtml);
|
|
17922
|
-
} }, styles: [".miam-meals-planner{display:flex;flex-direction:column;width:100%;height:100%;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{display:flex;align-items:center;padding:24px;background:#fff;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{margin:0 4px;font-weight:500;font-size:14px;line-height:150%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#0f191f}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{font-weight:900;color:var(--m-color-primary)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#0f191f}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:300px;border-right:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{width:100%;padding:0 80px}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:unset;border-right:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}.miam-meals-planner ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width)}"], encapsulation: 2, changeDetection: 0 });
|
|
17979
|
+
} }, directives: [i1.NgIf, i1.NgTemplateOutlet], styles: [".mealz-planner-dashboard__wrapper .mealz-planner-dashboard__loader-container{overflow:hidden;background-color:#fff;animation:planner-loader-expand .25s ease-in-out forwards;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.mealz-planner-dashboard__wrapper .mealz-planner-dashboard__loader-container .mealz-planner-dashboard__loader{width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.mealz-planner-dashboard__wrapper .mealz-planner-dashboard__container{position:relative}@keyframes planner-loader-expand{0%{height:0}to{height:90dvh}}.mealz-planner-dashboard__loader{display:flex;align-items:center;justify-content:center;color:var(--m-color-primary,#24748f)}.mealz-planner-dashboard__loader .mealz-planner-dashboard__loader__icon{width:80px;height:80px}.mealz-planner-dashboard__loader .mealz-planner-dashboard__loader__segment{fill:#e4edf1;animation:loader-pulse 1.2s linear infinite}.mealz-planner-dashboard__loader .mealz-planner-dashboard__loader__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}@keyframes loader-pulse{0%,to{fill:#e4edf1}15%,85%{fill:currentColor}}@media (prefers-reduced-motion:reduce){.loader .loader__segment{animation:none;fill:currentColor;opacity:.6}}.miam-meals-planner{display:flex;flex-direction:column;width:100%;height:100%;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{display:flex;align-items:center;padding:24px;background:#fff;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{margin:0 4px;font-weight:500;font-size:14px;line-height:150%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#0f191f}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{font-weight:900;color:var(--m-color-primary)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#0f191f}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:300px;border-right:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{width:100%;padding:0 80px}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:unset;border-right:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}.miam-meals-planner ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width)}"], encapsulation: 2, changeDetection: 0 });
|
|
17923
17980
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MealsPlannerComponent, [{
|
|
17924
17981
|
type: Component,
|
|
17925
17982
|
args: [{
|
|
@@ -18165,14 +18222,14 @@ RecipeCardCtaComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardCtaCompo
|
|
|
18165
18222
|
}] }); })();
|
|
18166
18223
|
|
|
18167
18224
|
function RecipeCardComponent_div_1_div_7_ng_miam_like_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
18168
|
-
i0.ɵɵelement(0, "ng-miam-like-button",
|
|
18225
|
+
i0.ɵɵelement(0, "ng-miam-like-button", 33);
|
|
18169
18226
|
} if (rf & 2) {
|
|
18170
|
-
const
|
|
18171
|
-
i0.ɵɵproperty("recipe",
|
|
18227
|
+
const ctx_r14 = i0.ɵɵnextContext(3);
|
|
18228
|
+
i0.ɵɵproperty("recipe", ctx_r14.recipe)("originTrace", ctx_r14.eventTrace);
|
|
18172
18229
|
} }
|
|
18173
18230
|
function RecipeCardComponent_div_1_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
18174
|
-
i0.ɵɵelementStart(0, "div",
|
|
18175
|
-
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_div_7_ng_miam_like_button_1_Template, 1, 2, "ng-miam-like-button",
|
|
18231
|
+
i0.ɵɵelementStart(0, "div", 32);
|
|
18232
|
+
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_div_7_ng_miam_like_button_1_Template, 1, 2, "ng-miam-like-button", 28);
|
|
18176
18233
|
i0.ɵɵpipe(2, "async");
|
|
18177
18234
|
i0.ɵɵelementEnd();
|
|
18178
18235
|
} if (rf & 2) {
|
|
@@ -18180,236 +18237,221 @@ function RecipeCardComponent_div_1_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
18180
18237
|
i0.ɵɵadvance(1);
|
|
18181
18238
|
i0.ɵɵproperty("ngIf", !ctx_r2.displayLikesBottom && i0.ɵɵpipeBind1(2, 1, ctx_r2.userService.isLogged$));
|
|
18182
18239
|
} }
|
|
18183
|
-
function
|
|
18184
|
-
i0.ɵɵelement(0, "
|
|
18240
|
+
function RecipeCardComponent_div_1_div_9_img_1_Template(rf, ctx) { if (rf & 1) {
|
|
18241
|
+
i0.ɵɵelement(0, "img", 37);
|
|
18185
18242
|
} }
|
|
18186
|
-
function
|
|
18187
|
-
i0.ɵɵ
|
|
18188
|
-
i0.ɵɵelement(1, "img", 36);
|
|
18189
|
-
i0.ɵɵelementEnd();
|
|
18190
|
-
} if (rf & 2) {
|
|
18191
|
-
const ctx_r15 = i0.ɵɵnextContext(3);
|
|
18192
|
-
i0.ɵɵadvance(1);
|
|
18193
|
-
i0.ɵɵproperty("src", ctx_r15.recipe.sponsorLogoUrl, i0.ɵɵsanitizeUrl)("alt", "Logo du sponsor " + ctx_r15.recipe.sponsorName);
|
|
18243
|
+
function RecipeCardComponent_div_1_div_9_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
18244
|
+
i0.ɵɵelement(0, "img", 38);
|
|
18194
18245
|
} }
|
|
18195
|
-
function
|
|
18196
|
-
i0.ɵɵelementStart(0, "div",
|
|
18197
|
-
i0.ɵɵtemplate(1,
|
|
18198
|
-
i0.ɵɵtemplate(2,
|
|
18246
|
+
function RecipeCardComponent_div_1_div_9_Template(rf, ctx) { if (rf & 1) {
|
|
18247
|
+
i0.ɵɵelementStart(0, "div", 34);
|
|
18248
|
+
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_div_9_img_1_Template, 1, 0, "img", 35);
|
|
18249
|
+
i0.ɵɵtemplate(2, RecipeCardComponent_div_1_div_9_img_2_Template, 1, 0, "img", 36);
|
|
18199
18250
|
i0.ɵɵelementEnd();
|
|
18200
18251
|
} if (rf & 2) {
|
|
18201
18252
|
const ctx_r3 = i0.ɵɵnextContext(2);
|
|
18253
|
+
i0.ɵɵproperty("ngClass", ctx_r3.isDrink ? "drink" : "food");
|
|
18202
18254
|
i0.ɵɵadvance(1);
|
|
18203
|
-
i0.ɵɵproperty("ngIf", !ctx_r3.
|
|
18255
|
+
i0.ɵɵproperty("ngIf", !ctx_r3.isDrink);
|
|
18204
18256
|
i0.ɵɵadvance(1);
|
|
18205
|
-
i0.ɵɵproperty("ngIf", ctx_r3.
|
|
18206
|
-
} }
|
|
18207
|
-
function RecipeCardComponent_div_1_div_9_ng_miam_recipe_promotion_badge_1_Template(rf, ctx) { if (rf & 1) {
|
|
18208
|
-
i0.ɵɵelement(0, "ng-miam-recipe-promotion-badge");
|
|
18257
|
+
i0.ɵɵproperty("ngIf", ctx_r3.isDrink);
|
|
18209
18258
|
} }
|
|
18210
|
-
function
|
|
18211
|
-
i0.ɵɵ
|
|
18212
|
-
|
|
18213
|
-
function RecipeCardComponent_div_1_div_9_img_3_Template(rf, ctx) { if (rf & 1) {
|
|
18214
|
-
i0.ɵɵelement(0, "img", 41);
|
|
18215
|
-
} }
|
|
18216
|
-
function RecipeCardComponent_div_1_div_9_Template(rf, ctx) { if (rf & 1) {
|
|
18217
|
-
i0.ɵɵelementStart(0, "div", 37);
|
|
18218
|
-
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_div_9_ng_miam_recipe_promotion_badge_1_Template, 1, 0, "ng-miam-recipe-promotion-badge", 33);
|
|
18219
|
-
i0.ɵɵtemplate(2, RecipeCardComponent_div_1_div_9_img_2_Template, 1, 0, "img", 38);
|
|
18220
|
-
i0.ɵɵtemplate(3, RecipeCardComponent_div_1_div_9_img_3_Template, 1, 0, "img", 39);
|
|
18259
|
+
function RecipeCardComponent_div_1_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
18260
|
+
i0.ɵɵelementStart(0, "div", 39);
|
|
18261
|
+
i0.ɵɵelement(1, "img", 40);
|
|
18221
18262
|
i0.ɵɵelementEnd();
|
|
18222
18263
|
} if (rf & 2) {
|
|
18223
18264
|
const ctx_r4 = i0.ɵɵnextContext(2);
|
|
18224
|
-
i0.ɵɵproperty("ngClass", ctx_r4.isDrink ? "drink" : "food");
|
|
18225
|
-
i0.ɵɵadvance(1);
|
|
18226
|
-
i0.ɵɵproperty("ngIf", ctx_r4.isInPromotion);
|
|
18227
|
-
i0.ɵɵadvance(1);
|
|
18228
|
-
i0.ɵɵproperty("ngIf", !ctx_r4.isDrink);
|
|
18229
18265
|
i0.ɵɵadvance(1);
|
|
18230
|
-
i0.ɵɵproperty("
|
|
18266
|
+
i0.ɵɵproperty("src", ctx_r4.recipe.sponsorLogoUrl, i0.ɵɵsanitizeUrl)("alt", "Logo du sponsor " + ctx_r4.recipe.sponsorName);
|
|
18231
18267
|
} }
|
|
18232
|
-
function
|
|
18233
|
-
i0.ɵɵ
|
|
18268
|
+
function RecipeCardComponent_div_1_ng_miam_recipe_promotion_badge_11_Template(rf, ctx) { if (rf & 1) {
|
|
18269
|
+
i0.ɵɵelement(0, "ng-miam-recipe-promotion-badge");
|
|
18270
|
+
} }
|
|
18271
|
+
function RecipeCardComponent_div_1_div_21_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
18272
|
+
i0.ɵɵelementStart(0, "div", 45);
|
|
18234
18273
|
i0.ɵɵtext(1);
|
|
18235
18274
|
i0.ɵɵelementEnd();
|
|
18236
18275
|
} if (rf & 2) {
|
|
18237
|
-
const
|
|
18276
|
+
const ctx_r17 = i0.ɵɵnextContext(3);
|
|
18238
18277
|
i0.ɵɵadvance(1);
|
|
18239
|
-
i0.ɵɵtextInterpolate1(" + ",
|
|
18278
|
+
i0.ɵɵtextInterpolate1(" + ", ctx_r17.recipe.modifiedIngredients.length - 2, " ");
|
|
18240
18279
|
} }
|
|
18241
|
-
function
|
|
18242
|
-
const
|
|
18243
|
-
i0.ɵɵelementStart(0, "div",
|
|
18244
|
-
i0.ɵɵelementStart(1, "div",
|
|
18245
|
-
i0.ɵɵelementStart(2, "img",
|
|
18246
|
-
i0.ɵɵlistener("error", function
|
|
18280
|
+
function RecipeCardComponent_div_1_div_21_Template(rf, ctx) { if (rf & 1) {
|
|
18281
|
+
const _r19 = i0.ɵɵgetCurrentView();
|
|
18282
|
+
i0.ɵɵelementStart(0, "div", 41);
|
|
18283
|
+
i0.ɵɵelementStart(1, "div", 42);
|
|
18284
|
+
i0.ɵɵelementStart(2, "img", 43);
|
|
18285
|
+
i0.ɵɵlistener("error", function RecipeCardComponent_div_1_div_21_Template_img_error_2_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(2); return ($event.target["src"] = ctx_r18.contextService.defaultIngredientPicture); });
|
|
18247
18286
|
i0.ɵɵelementEnd();
|
|
18248
18287
|
i0.ɵɵelementEnd();
|
|
18249
|
-
i0.ɵɵelementStart(3, "div",
|
|
18250
|
-
i0.ɵɵelementStart(4, "img",
|
|
18251
|
-
i0.ɵɵlistener("error", function
|
|
18288
|
+
i0.ɵɵelementStart(3, "div", 42);
|
|
18289
|
+
i0.ɵɵelementStart(4, "img", 43);
|
|
18290
|
+
i0.ɵɵlistener("error", function RecipeCardComponent_div_1_div_21_Template_img_error_4_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r20 = i0.ɵɵnextContext(2); return ($event.target["src"] = ctx_r20.contextService.defaultIngredientPicture); });
|
|
18252
18291
|
i0.ɵɵelementEnd();
|
|
18253
18292
|
i0.ɵɵelementEnd();
|
|
18254
|
-
i0.ɵɵtemplate(5,
|
|
18293
|
+
i0.ɵɵtemplate(5, RecipeCardComponent_div_1_div_21_div_5_Template, 2, 1, "div", 44);
|
|
18255
18294
|
i0.ɵɵelementEnd();
|
|
18256
18295
|
} if (rf & 2) {
|
|
18257
|
-
const
|
|
18258
|
-
i0.ɵɵattribute("aria-label",
|
|
18296
|
+
const ctx_r6 = i0.ɵɵnextContext(2);
|
|
18297
|
+
i0.ɵɵattribute("aria-label", ctx_r6.getIngredientsAriaLabel());
|
|
18259
18298
|
i0.ɵɵadvance(2);
|
|
18260
|
-
i0.ɵɵproperty("src",
|
|
18299
|
+
i0.ɵɵproperty("src", ctx_r6.ingredientPicture(ctx_r6.recipe.modifiedIngredients[0]), i0.ɵɵsanitizeUrl)("alt", "");
|
|
18261
18300
|
i0.ɵɵadvance(2);
|
|
18262
|
-
i0.ɵɵproperty("src",
|
|
18301
|
+
i0.ɵɵproperty("src", ctx_r6.ingredientPicture(ctx_r6.recipe.modifiedIngredients[1]), i0.ɵɵsanitizeUrl)("alt", "");
|
|
18263
18302
|
i0.ɵɵadvance(1);
|
|
18264
|
-
i0.ɵɵproperty("ngIf",
|
|
18303
|
+
i0.ɵɵproperty("ngIf", ctx_r6.recipe.modifiedIngredients.length > 2);
|
|
18265
18304
|
} }
|
|
18266
|
-
function
|
|
18267
|
-
i0.ɵɵelementStart(0, "div",
|
|
18268
|
-
i0.ɵɵelement(1, "img",
|
|
18269
|
-
i0.ɵɵelementStart(2, "span",
|
|
18305
|
+
function RecipeCardComponent_div_1_div_24_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
18306
|
+
i0.ɵɵelementStart(0, "div", 49);
|
|
18307
|
+
i0.ɵɵelement(1, "img", 50);
|
|
18308
|
+
i0.ɵɵelementStart(2, "span", 51);
|
|
18270
18309
|
i0.ɵɵtext(3);
|
|
18271
18310
|
i0.ɵɵelementEnd();
|
|
18272
18311
|
i0.ɵɵelementEnd();
|
|
18273
18312
|
} if (rf & 2) {
|
|
18274
|
-
const
|
|
18275
|
-
i0.ɵɵattribute("aria-label", "Difficult\u00E9: " +
|
|
18313
|
+
const ctx_r21 = i0.ɵɵnextContext(3);
|
|
18314
|
+
i0.ɵɵattribute("aria-label", "Difficult\u00E9: " + ctx_r21.recipeService.difficultyLevels[ctx_r21.recipe.difficulty - 1].label);
|
|
18276
18315
|
i0.ɵɵadvance(3);
|
|
18277
|
-
i0.ɵɵtextInterpolate(
|
|
18316
|
+
i0.ɵɵtextInterpolate(ctx_r21.recipeService.difficultyLevels[ctx_r21.recipe.difficulty - 1].label);
|
|
18278
18317
|
} }
|
|
18279
|
-
function
|
|
18280
|
-
i0.ɵɵelementStart(0, "div",
|
|
18281
|
-
i0.ɵɵelement(1, "img",
|
|
18282
|
-
i0.ɵɵelementStart(2, "span",
|
|
18318
|
+
function RecipeCardComponent_div_1_div_24_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
18319
|
+
i0.ɵɵelementStart(0, "div", 52);
|
|
18320
|
+
i0.ɵɵelement(1, "img", 53);
|
|
18321
|
+
i0.ɵɵelementStart(2, "span", 51);
|
|
18283
18322
|
i0.ɵɵtext(3);
|
|
18284
18323
|
i0.ɵɵelementEnd();
|
|
18285
18324
|
i0.ɵɵelementEnd();
|
|
18286
18325
|
} if (rf & 2) {
|
|
18287
|
-
const
|
|
18288
|
-
i0.ɵɵattribute("aria-label", "Temps de pr\u00E9paration: " +
|
|
18326
|
+
const ctx_r22 = i0.ɵɵnextContext(3);
|
|
18327
|
+
i0.ɵɵattribute("aria-label", "Temps de pr\u00E9paration: " + ctx_r22.recipe.totalTime);
|
|
18289
18328
|
i0.ɵɵadvance(3);
|
|
18290
|
-
i0.ɵɵtextInterpolate(
|
|
18329
|
+
i0.ɵɵtextInterpolate(ctx_r22.recipe.totalTime);
|
|
18291
18330
|
} }
|
|
18292
|
-
function
|
|
18293
|
-
i0.ɵɵelementStart(0, "div",
|
|
18294
|
-
i0.ɵɵtemplate(1,
|
|
18295
|
-
i0.ɵɵtemplate(2,
|
|
18331
|
+
function RecipeCardComponent_div_1_div_24_Template(rf, ctx) { if (rf & 1) {
|
|
18332
|
+
i0.ɵɵelementStart(0, "div", 46);
|
|
18333
|
+
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_div_24_div_1_Template, 4, 2, "div", 47);
|
|
18334
|
+
i0.ɵɵtemplate(2, RecipeCardComponent_div_1_div_24_div_2_Template, 4, 2, "div", 48);
|
|
18296
18335
|
i0.ɵɵelementEnd();
|
|
18297
18336
|
} if (rf & 2) {
|
|
18298
|
-
const
|
|
18337
|
+
const ctx_r7 = i0.ɵɵnextContext(2);
|
|
18299
18338
|
i0.ɵɵadvance(1);
|
|
18300
|
-
i0.ɵɵproperty("ngIf",
|
|
18339
|
+
i0.ɵɵproperty("ngIf", ctx_r7.recipe.difficulty);
|
|
18301
18340
|
i0.ɵɵadvance(1);
|
|
18302
|
-
i0.ɵɵproperty("ngIf",
|
|
18341
|
+
i0.ɵɵproperty("ngIf", ctx_r7.recipe.totalTime);
|
|
18303
18342
|
} }
|
|
18304
|
-
function
|
|
18305
|
-
i0.ɵɵelement(0, "ng-miam-recipe-promotion-badge",
|
|
18343
|
+
function RecipeCardComponent_div_1_ng_miam_recipe_promotion_badge_26_Template(rf, ctx) { if (rf & 1) {
|
|
18344
|
+
i0.ɵɵelement(0, "ng-miam-recipe-promotion-badge", 54);
|
|
18306
18345
|
} }
|
|
18307
|
-
function
|
|
18308
|
-
const
|
|
18309
|
-
i0.ɵɵelementStart(0, "div",
|
|
18310
|
-
i0.ɵɵelementStart(1, "ng-miam-recipe-pricing",
|
|
18311
|
-
i0.ɵɵlistener("priceSet", function
|
|
18346
|
+
function RecipeCardComponent_div_1_div_27_Template(rf, ctx) { if (rf & 1) {
|
|
18347
|
+
const _r24 = i0.ɵɵgetCurrentView();
|
|
18348
|
+
i0.ɵɵelementStart(0, "div", 55);
|
|
18349
|
+
i0.ɵɵelementStart(1, "ng-miam-recipe-pricing", 56);
|
|
18350
|
+
i0.ɵɵlistener("priceSet", function RecipeCardComponent_div_1_div_27_Template_ng_miam_recipe_pricing_priceSet_1_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.updateIsInPromotion($event); });
|
|
18312
18351
|
i0.ɵɵelementEnd();
|
|
18313
18352
|
i0.ɵɵelementEnd();
|
|
18314
18353
|
} if (rf & 2) {
|
|
18315
|
-
const
|
|
18354
|
+
const ctx_r9 = i0.ɵɵnextContext(2);
|
|
18316
18355
|
i0.ɵɵadvance(1);
|
|
18317
|
-
i0.ɵɵproperty("recipeId",
|
|
18356
|
+
i0.ɵɵproperty("recipeId", ctx_r9.recipe.id)("serves", ctx_r9.recipe.modifiedGuests || +ctx_r9.recipe.guests)("inViewport", ctx_r9.inViewport);
|
|
18318
18357
|
} }
|
|
18319
|
-
function
|
|
18320
|
-
i0.ɵɵelement(0, "ng-miam-like-button",
|
|
18358
|
+
function RecipeCardComponent_div_1_ng_miam_like_button_29_Template(rf, ctx) { if (rf & 1) {
|
|
18359
|
+
i0.ɵɵelement(0, "ng-miam-like-button", 33);
|
|
18321
18360
|
} if (rf & 2) {
|
|
18322
|
-
const
|
|
18323
|
-
i0.ɵɵproperty("recipe",
|
|
18361
|
+
const ctx_r10 = i0.ɵɵnextContext(2);
|
|
18362
|
+
i0.ɵɵproperty("recipe", ctx_r10.recipe)("originTrace", ctx_r10.eventTrace);
|
|
18324
18363
|
} }
|
|
18325
|
-
function
|
|
18326
|
-
const
|
|
18327
|
-
i0.ɵɵelementStart(0, "ng-miam-recipe-card-cta",
|
|
18328
|
-
i0.ɵɵlistener("displayed", function
|
|
18364
|
+
function RecipeCardComponent_div_1_ng_miam_recipe_card_cta_31_Template(rf, ctx) { if (rf & 1) {
|
|
18365
|
+
const _r26 = i0.ɵɵgetCurrentView();
|
|
18366
|
+
i0.ɵɵelementStart(0, "ng-miam-recipe-card-cta", 57);
|
|
18367
|
+
i0.ɵɵlistener("displayed", function RecipeCardComponent_div_1_ng_miam_recipe_card_cta_31_Template_ng_miam_recipe_card_cta_displayed_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.displayed.emit(); })("clicked", function RecipeCardComponent_div_1_ng_miam_recipe_card_cta_31_Template_ng_miam_recipe_card_cta_clicked_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.primaryButtonClicked$.emit($event); });
|
|
18329
18368
|
i0.ɵɵelementEnd();
|
|
18330
18369
|
} if (rf & 2) {
|
|
18331
|
-
const
|
|
18332
|
-
i0.ɵɵproperty("recipe",
|
|
18370
|
+
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
18371
|
+
i0.ɵɵproperty("recipe", ctx_r11.recipe)("previewAllowed", ctx_r11.previewAllowed)("displayGuests", ctx_r11.displayGuests)("helpButtonAllowed", ctx_r11.helpButtonAllowed)("originTrace", ctx_r11.eventTrace);
|
|
18333
18372
|
} }
|
|
18334
|
-
function
|
|
18335
|
-
const
|
|
18336
|
-
i0.ɵɵelementStart(0, "div",
|
|
18337
|
-
i0.ɵɵelementStart(1, "button",
|
|
18338
|
-
i0.ɵɵlistener("click", function
|
|
18373
|
+
function RecipeCardComponent_div_1_div_32_Template(rf, ctx) { if (rf & 1) {
|
|
18374
|
+
const _r29 = i0.ɵɵgetCurrentView();
|
|
18375
|
+
i0.ɵɵelementStart(0, "div", 58);
|
|
18376
|
+
i0.ɵɵelementStart(1, "button", 59);
|
|
18377
|
+
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_div_32_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(2); return ctx_r28.openCatalog.emit(); });
|
|
18339
18378
|
i0.ɵɵelementStart(2, "span");
|
|
18340
|
-
i0.ɵɵi18n(3,
|
|
18379
|
+
i0.ɵɵi18n(3, 60);
|
|
18341
18380
|
i0.ɵɵelementEnd();
|
|
18342
18381
|
i0.ɵɵelementEnd();
|
|
18343
|
-
i0.ɵɵelementStart(4, "button",
|
|
18344
|
-
i0.ɵɵlistener("click", function
|
|
18345
|
-
i0.ɵɵelement(5, "ng-miam-icon",
|
|
18382
|
+
i0.ɵɵelementStart(4, "button", 61);
|
|
18383
|
+
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_div_32_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r29); const ctx_r30 = i0.ɵɵnextContext(2); return ctx_r30.removeFromMealsPlanner.emit(); });
|
|
18384
|
+
i0.ɵɵelement(5, "ng-miam-icon", 62);
|
|
18346
18385
|
i0.ɵɵelementEnd();
|
|
18347
18386
|
i0.ɵɵelementEnd();
|
|
18348
18387
|
} if (rf & 2) {
|
|
18349
|
-
const
|
|
18388
|
+
const ctx_r12 = i0.ɵɵnextContext(2);
|
|
18350
18389
|
i0.ɵɵadvance(5);
|
|
18351
|
-
i0.ɵɵproperty("iconName",
|
|
18390
|
+
i0.ɵɵproperty("iconName", ctx_r12.icon.Trash);
|
|
18352
18391
|
} }
|
|
18353
|
-
function
|
|
18354
|
-
const
|
|
18355
|
-
i0.ɵɵelementStart(0, "button",
|
|
18356
|
-
i0.ɵɵlistener("click", function
|
|
18392
|
+
function RecipeCardComponent_div_1_button_33_Template(rf, ctx) { if (rf & 1) {
|
|
18393
|
+
const _r32 = i0.ɵɵgetCurrentView();
|
|
18394
|
+
i0.ɵɵelementStart(0, "button", 59);
|
|
18395
|
+
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_button_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return ctx_r31.addToMealsPlanner.emit(ctx_r31.recipe); });
|
|
18357
18396
|
i0.ɵɵelementStart(1, "span");
|
|
18358
|
-
i0.ɵɵi18n(2,
|
|
18397
|
+
i0.ɵɵi18n(2, 63);
|
|
18359
18398
|
i0.ɵɵelementEnd();
|
|
18360
18399
|
i0.ɵɵelementEnd();
|
|
18361
18400
|
} }
|
|
18362
18401
|
function RecipeCardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
18363
|
-
const
|
|
18402
|
+
const _r34 = i0.ɵɵgetCurrentView();
|
|
18364
18403
|
i0.ɵɵelementStart(0, "div", 2);
|
|
18365
|
-
i0.ɵɵlistener("inViewport", function RecipeCardComponent_div_1_Template_div_inViewport_0_listener() { i0.ɵɵrestoreView(
|
|
18404
|
+
i0.ɵɵlistener("inViewport", function RecipeCardComponent_div_1_Template_div_inViewport_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.cardInViewport(); });
|
|
18366
18405
|
i0.ɵɵelementStart(1, "div", 3);
|
|
18367
|
-
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(
|
|
18406
|
+
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r34); const ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.openRecipe(); });
|
|
18368
18407
|
i0.ɵɵelementStart(2, "div", 4);
|
|
18369
18408
|
i0.ɵɵelementStart(3, "img", 5);
|
|
18370
|
-
i0.ɵɵlistener("error", function RecipeCardComponent_div_1_Template_img_error_3_listener($event) { i0.ɵɵrestoreView(
|
|
18409
|
+
i0.ɵɵlistener("error", function RecipeCardComponent_div_1_Template_img_error_3_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r36 = i0.ɵɵnextContext(); return ($event.target["src"] = ctx_r36.contextService.defaultRecipePicture); });
|
|
18371
18410
|
i0.ɵɵelementEnd();
|
|
18372
18411
|
i0.ɵɵelementEnd();
|
|
18373
18412
|
i0.ɵɵelement(4, "div", 6);
|
|
18374
18413
|
i0.ɵɵelementStart(5, "div", 7);
|
|
18375
18414
|
i0.ɵɵelementStart(6, "div", 8);
|
|
18376
18415
|
i0.ɵɵtemplate(7, RecipeCardComponent_div_1_div_7_Template, 3, 3, "div", 9);
|
|
18377
|
-
i0.ɵɵ
|
|
18378
|
-
i0.ɵɵtemplate(9, RecipeCardComponent_div_1_div_9_Template,
|
|
18416
|
+
i0.ɵɵelementStart(8, "div", 10);
|
|
18417
|
+
i0.ɵɵtemplate(9, RecipeCardComponent_div_1_div_9_Template, 3, 3, "div", 11);
|
|
18418
|
+
i0.ɵɵtemplate(10, RecipeCardComponent_div_1_div_10_Template, 2, 2, "div", 12);
|
|
18419
|
+
i0.ɵɵtemplate(11, RecipeCardComponent_div_1_ng_miam_recipe_promotion_badge_11_Template, 1, 0, "ng-miam-recipe-promotion-badge", 13);
|
|
18379
18420
|
i0.ɵɵelementEnd();
|
|
18380
|
-
i0.ɵɵelementStart(10, "div", 12);
|
|
18381
|
-
i0.ɵɵelementStart(11, "div", 13);
|
|
18382
|
-
i0.ɵɵelementStart(12, "span");
|
|
18383
|
-
i0.ɵɵtext(13);
|
|
18384
18421
|
i0.ɵɵelementEnd();
|
|
18422
|
+
i0.ɵɵelementStart(12, "div", 14);
|
|
18423
|
+
i0.ɵɵelementStart(13, "div", 15);
|
|
18424
|
+
i0.ɵɵelementStart(14, "span");
|
|
18425
|
+
i0.ɵɵtext(15);
|
|
18385
18426
|
i0.ɵɵelementEnd();
|
|
18386
|
-
i0.ɵɵelementStart(14, "div", 14);
|
|
18387
|
-
i0.ɵɵelementStart(15, "span", 15);
|
|
18388
|
-
i0.ɵɵtext(16);
|
|
18389
18427
|
i0.ɵɵelementEnd();
|
|
18390
|
-
i0.ɵɵ
|
|
18428
|
+
i0.ɵɵelementStart(16, "div", 16);
|
|
18429
|
+
i0.ɵɵelementStart(17, "span", 17);
|
|
18430
|
+
i0.ɵɵtext(18);
|
|
18431
|
+
i0.ɵɵelementEnd();
|
|
18432
|
+
i0.ɵɵelement(19, "img", 18);
|
|
18391
18433
|
i0.ɵɵelementEnd();
|
|
18392
18434
|
i0.ɵɵelementEnd();
|
|
18393
18435
|
i0.ɵɵelementEnd();
|
|
18394
18436
|
i0.ɵɵelementEnd();
|
|
18395
|
-
i0.ɵɵelementStart(18, "div", 17);
|
|
18396
|
-
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_Template_div_click_18_listener() { i0.ɵɵrestoreView(_r36); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.openRecipe(); });
|
|
18397
|
-
i0.ɵɵtemplate(19, RecipeCardComponent_div_1_div_19_Template, 6, 6, "div", 18);
|
|
18398
18437
|
i0.ɵɵelementStart(20, "div", 19);
|
|
18399
|
-
i0.ɵɵ
|
|
18400
|
-
i0.ɵɵtemplate(
|
|
18438
|
+
i0.ɵɵlistener("click", function RecipeCardComponent_div_1_Template_div_click_20_listener() { i0.ɵɵrestoreView(_r34); const ctx_r37 = i0.ɵɵnextContext(); return ctx_r37.openRecipe(); });
|
|
18439
|
+
i0.ɵɵtemplate(21, RecipeCardComponent_div_1_div_21_Template, 6, 6, "div", 20);
|
|
18440
|
+
i0.ɵɵelementStart(22, "div", 21);
|
|
18401
18441
|
i0.ɵɵelementStart(23, "div", 22);
|
|
18402
|
-
i0.ɵɵtemplate(24,
|
|
18403
|
-
i0.ɵɵ
|
|
18442
|
+
i0.ɵɵtemplate(24, RecipeCardComponent_div_1_div_24_Template, 3, 2, "div", 23);
|
|
18443
|
+
i0.ɵɵelementStart(25, "div", 24);
|
|
18444
|
+
i0.ɵɵtemplate(26, RecipeCardComponent_div_1_ng_miam_recipe_promotion_badge_26_Template, 1, 0, "ng-miam-recipe-promotion-badge", 25);
|
|
18445
|
+
i0.ɵɵtemplate(27, RecipeCardComponent_div_1_div_27_Template, 2, 3, "div", 26);
|
|
18404
18446
|
i0.ɵɵelementEnd();
|
|
18405
18447
|
i0.ɵɵelementEnd();
|
|
18406
|
-
i0.ɵɵelementStart(
|
|
18407
|
-
i0.ɵɵtemplate(
|
|
18408
|
-
i0.ɵɵpipe(
|
|
18409
|
-
i0.ɵɵtemplate(
|
|
18448
|
+
i0.ɵɵelementStart(28, "div", 27);
|
|
18449
|
+
i0.ɵɵtemplate(29, RecipeCardComponent_div_1_ng_miam_like_button_29_Template, 1, 2, "ng-miam-like-button", 28);
|
|
18450
|
+
i0.ɵɵpipe(30, "async");
|
|
18451
|
+
i0.ɵɵtemplate(31, RecipeCardComponent_div_1_ng_miam_recipe_card_cta_31_Template, 1, 5, "ng-miam-recipe-card-cta", 29);
|
|
18410
18452
|
i0.ɵɵelementEnd();
|
|
18411
|
-
i0.ɵɵtemplate(
|
|
18412
|
-
i0.ɵɵtemplate(
|
|
18453
|
+
i0.ɵɵtemplate(32, RecipeCardComponent_div_1_div_32_Template, 6, 1, "div", 30);
|
|
18454
|
+
i0.ɵɵtemplate(33, RecipeCardComponent_div_1_button_33_Template, 3, 0, "button", 31);
|
|
18413
18455
|
i0.ɵɵelementEnd();
|
|
18414
18456
|
i0.ɵɵelementEnd();
|
|
18415
18457
|
i0.ɵɵelementEnd();
|
|
@@ -18421,10 +18463,12 @@ function RecipeCardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
18421
18463
|
i0.ɵɵattribute("aria-hidden", true);
|
|
18422
18464
|
i0.ɵɵadvance(4);
|
|
18423
18465
|
i0.ɵɵproperty("ngIf", !(ctx_r0.displayBadge && ctx_r0.recipe.sponsorLogoUrl));
|
|
18466
|
+
i0.ɵɵadvance(2);
|
|
18467
|
+
i0.ɵɵproperty("ngIf", ctx_r0.displayBadge);
|
|
18424
18468
|
i0.ɵɵadvance(1);
|
|
18425
|
-
i0.ɵɵproperty("ngIf",
|
|
18469
|
+
i0.ɵɵproperty("ngIf", ctx_r0.recipe.sponsorLogoUrl);
|
|
18426
18470
|
i0.ɵɵadvance(1);
|
|
18427
|
-
i0.ɵɵproperty("ngIf", ctx_r0.
|
|
18471
|
+
i0.ɵɵproperty("ngIf", ctx_r0.isInPromotion);
|
|
18428
18472
|
i0.ɵɵadvance(4);
|
|
18429
18473
|
i0.ɵɵtextInterpolate(ctx_r0.recipe.attributes["title"]);
|
|
18430
18474
|
i0.ɵɵadvance(1);
|
|
@@ -18440,7 +18484,7 @@ function RecipeCardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
18440
18484
|
i0.ɵɵadvance(1);
|
|
18441
18485
|
i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
|
|
18442
18486
|
i0.ɵɵadvance(2);
|
|
18443
|
-
i0.ɵɵproperty("ngIf", ctx_r0.displayLikesBottom && i0.ɵɵpipeBind1(
|
|
18487
|
+
i0.ɵɵproperty("ngIf", ctx_r0.displayLikesBottom && i0.ɵɵpipeBind1(30, 19, ctx_r0.userService.isLogged$));
|
|
18444
18488
|
i0.ɵɵadvance(2);
|
|
18445
18489
|
i0.ɵɵproperty("ngIf", ctx_r0.previewAllowed && !ctx_r0.addRecipeMode && !ctx_r0.replaceMode);
|
|
18446
18490
|
i0.ɵɵadvance(1);
|
|
@@ -18449,20 +18493,20 @@ function RecipeCardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
18449
18493
|
i0.ɵɵproperty("ngIf", ctx_r0.addRecipeMode);
|
|
18450
18494
|
} }
|
|
18451
18495
|
function RecipeCardComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
18452
|
-
const
|
|
18496
|
+
const _r39 = i0.ɵɵgetCurrentView();
|
|
18453
18497
|
i0.ɵɵelementStart(0, "div", 2);
|
|
18454
|
-
i0.ɵɵlistener("inViewport", function RecipeCardComponent_div_2_Template_div_inViewport_0_listener() { i0.ɵɵrestoreView(
|
|
18455
|
-
i0.ɵɵelementStart(1, "a",
|
|
18456
|
-
i0.ɵɵelement(2, "img",
|
|
18457
|
-
i0.ɵɵelementStart(3, "div",
|
|
18458
|
-
i0.ɵɵelementStart(4, "div",
|
|
18498
|
+
i0.ɵɵlistener("inViewport", function RecipeCardComponent_div_2_Template_div_inViewport_0_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return ctx_r38.cardInViewport(); });
|
|
18499
|
+
i0.ɵɵelementStart(1, "a", 64);
|
|
18500
|
+
i0.ɵɵelement(2, "img", 65);
|
|
18501
|
+
i0.ɵɵelementStart(3, "div", 66);
|
|
18502
|
+
i0.ɵɵelementStart(4, "div", 67);
|
|
18459
18503
|
i0.ɵɵelementStart(5, "span");
|
|
18460
|
-
i0.ɵɵi18n(6,
|
|
18504
|
+
i0.ɵɵi18n(6, 68);
|
|
18461
18505
|
i0.ɵɵelementEnd();
|
|
18462
18506
|
i0.ɵɵelementEnd();
|
|
18463
|
-
i0.ɵɵelementStart(7, "button",
|
|
18507
|
+
i0.ɵɵelementStart(7, "button", 69);
|
|
18464
18508
|
i0.ɵɵelementStart(8, "span");
|
|
18465
|
-
i0.ɵɵi18n(9,
|
|
18509
|
+
i0.ɵɵi18n(9, 70);
|
|
18466
18510
|
i0.ɵɵelementEnd();
|
|
18467
18511
|
i0.ɵɵelementEnd();
|
|
18468
18512
|
i0.ɵɵelementEnd();
|
|
@@ -18733,10 +18777,10 @@ RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent,
|
|
|
18733
18777
|
}
|
|
18734
18778
|
else {
|
|
18735
18779
|
i18n_6 = $localize `:␟f51693cf087a834d433fa3835d7b64905fdc57ee␟9008711340501624723:Découvrez nos recettes`;
|
|
18736
|
-
} return [["ngMiamInViewport", "", 1, "miam-recipe-card", 3, "condition", "ngClass", "inViewport"], ["class", "miam-recipe-card__container", "ngMiamInViewport", "", 3, "threshold", "debounceTime", "inViewport", 4, "ngIf"], ["ngMiamInViewport", "", 1, "miam-recipe-card__container", 3, "threshold", "debounceTime", "inViewport"], [1, "miam-recipe-card__top", 3, "click"], [1, "miam-recipe-card__picture"], ["loading", "lazy", 3, "src", "alt", "error"], ["aria-hidden", "true", 1, "miam-recipe-card__gradient"], [1, "miam-recipe-card__content"], [1, "miam-recipe-card__top-container"], ["class", "miam-recipe-card__like", 4, "ngIf"], ["class", "miam-recipe-
|
|
18780
|
+
} return [["ngMiamInViewport", "", 1, "miam-recipe-card", 3, "condition", "ngClass", "inViewport"], ["class", "miam-recipe-card__container", "ngMiamInViewport", "", 3, "threshold", "debounceTime", "inViewport", 4, "ngIf"], ["ngMiamInViewport", "", 1, "miam-recipe-card__container", 3, "threshold", "debounceTime", "inViewport"], [1, "miam-recipe-card__top", 3, "click"], [1, "miam-recipe-card__picture"], ["loading", "lazy", 3, "src", "alt", "error"], ["aria-hidden", "true", 1, "miam-recipe-card__gradient"], [1, "miam-recipe-card__content"], [1, "miam-recipe-card__top-container"], ["class", "miam-recipe-card__like", 4, "ngIf"], [1, "miam-recipe-card__badges-container"], ["class", "miam-recipe-card__badge-container", 3, "ngClass", 4, "ngIf"], ["class", "miam-recipe-card__sponsor-container", 4, "ngIf"], [4, "ngIf"], [1, "miam-recipe-card__picture__bottom"], [1, "miam-recipe-card__title", "miam-ds-text", "weight-xxl", "size-m"], [1, "miam-recipe-card__counter"], [1, "miam-ds-text", "weight-xxl", "size-m"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/recipe-counter.svg", "alt", "", "aria-hidden", "true"], [1, "miam-recipe-card__bottom", 3, "click"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], [1, "miam-recipe-card__actions"], [1, "miam-recipe-card__infos"], ["class", "miam-recipe-card__difficulty-and-time", 4, "ngIf"], [1, "miam-recipe-card__price-and-promotion"], ["class", "miam-recipe-card__bottom-promotion", 4, "ngIf"], ["class", "miam-recipe-card__price", 4, "ngIf"], [1, "miam-recipe-card__cta"], ["class", "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", 4, "ngIf"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked", 4, "ngIf"], ["class", "miam-recipe-card__actions__replace", 4, "ngIf"], ["class", "miam-ds-button ghost", 3, "click", 4, "ngIf"], [1, "miam-recipe-card__like"], [1, "miam-recipe-card__actions__icon", 3, "recipe", "originTrace"], [1, "miam-recipe-card__badge-container", 3, "ngClass"], ["class", "miam-recipe-card__badge", "src", "https://storage.googleapis.com/assets.miam.tech/generic/images/recipe_card-badge.svg", "alt", "Id\u00E9e repas", 4, "ngIf"], ["class", "miam-recipe-card__badge", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/9.0/recipe-card-badge-drinks.svg", "alt", "Id\u00E9e boisson", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/recipe_card-badge.svg", "alt", "Id\u00E9e repas", 1, "miam-recipe-card__badge"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/9.0/recipe-card-badge-drinks.svg", "alt", "Id\u00E9e boisson", 1, "miam-recipe-card__badge"], [1, "miam-recipe-card__sponsor-container"], [1, "miam-recipe-card__sponsor-picture", 3, "src", "alt"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], ["aria-hidden", "true", 3, "src", "alt", "error"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__difficulty-and-time"], ["class", "miam-recipe-card__difficulty", 4, "ngIf"], ["class", "miam-recipe-card__time", 4, "ngIf"], [1, "miam-recipe-card__difficulty"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/ChefHat.svg", "alt", "", "aria-hidden", "true"], [1, "miam-ds-text", "size-s", "weight-m"], [1, "miam-recipe-card__time"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Clock.svg", "alt", "", "aria-hidden", "true"], [1, "miam-recipe-card__bottom-promotion"], [1, "miam-recipe-card__price"], [1, "miam-ds-text", "weight-xxl", 3, "recipeId", "serves", "inViewport", "priceSet"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked"], [1, "miam-recipe-card__actions__replace"], [1, "miam-ds-button", "ghost", 3, "click"], i18n_0, ["aria-label", "Supprimer la recette", 1, "miam-ds-button", "ghost", "square", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_2, [1, "miam-recipe-card__redirect", 3, "href"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/Suggestion_Redirect_Background.png", "alt", "D\u00E9couvrez nos recettes"], [1, "miam-recipe-card__redirect__footer"], [1, "miam-recipe-card__redirect__title", "miam-ds-text", "size-l", "weight-xxl"], i18n_4, [1, "miam-recipe-card__redirect__button", "miam-ds-button", "primary"], i18n_6]; }, template: function RecipeCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
18737
18781
|
i0.ɵɵelementStart(0, "div", 0);
|
|
18738
18782
|
i0.ɵɵlistener("inViewport", function RecipeCardComponent_Template_div_inViewport_0_listener() { return ctx.sendShowEvent(); });
|
|
18739
|
-
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_Template,
|
|
18783
|
+
i0.ɵɵtemplate(1, RecipeCardComponent_div_1_Template, 34, 21, "div", 1);
|
|
18740
18784
|
i0.ɵɵtemplate(2, RecipeCardComponent_div_2_Template, 10, 3, "div", 1);
|
|
18741
18785
|
i0.ɵɵelementEnd();
|
|
18742
18786
|
} if (rf & 2) {
|
|
@@ -18745,7 +18789,7 @@ RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent,
|
|
|
18745
18789
|
i0.ɵɵproperty("ngIf", ctx.recipe);
|
|
18746
18790
|
i0.ɵɵadvance(1);
|
|
18747
18791
|
i0.ɵɵproperty("ngIf", ctx.isloaded && !ctx.recipe);
|
|
18748
|
-
} }, directives: [InViewportDirective, i1.NgClass, i1.NgIf, LikeButtonComponent, RecipePromotionBadgeComponent, RecipePricingComponent, RecipeCardCtaComponent, IconComponent], pipes: [i1.AsyncPipe], styles: [".miam-recipe-card{position:relative;display:flex;width:var(--m-catalog-card-width,308px);height:500px;flex-direction:column;align-items:flex-start;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer}.miam-recipe-card .miam-recipe-card__container{display:flex;flex-direction:column;height:100%;width:100%;flex-shrink:0;align-self:stretch}.miam-recipe-card .miam-recipe-card__container:hover .miam-recipe-card__top .miam-recipe-card__picture img{transform:scale(1.1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top{position:relative;flex:1;height:calc(100% - 72px)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture{width:100%;height:100%;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,transparent 43.67%,rgba(0,0,0,.4) 91.33%)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:12px;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__title{color:var(--miam-ds-color-neutral-white,#fff);text-shadow:0 2px 8px rgba(0,0,0,.15);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter{display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content;flex-shrink:0}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter span{line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter img{width:16px;height:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container{display:flex;
|
|
18792
|
+
} }, directives: [InViewportDirective, i1.NgClass, i1.NgIf, LikeButtonComponent, RecipePromotionBadgeComponent, RecipePricingComponent, RecipeCardCtaComponent, IconComponent], pipes: [i1.AsyncPipe], styles: [".miam-recipe-card{position:relative;display:flex;width:var(--m-catalog-card-width,308px);height:500px;flex-direction:column;align-items:flex-start;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer}.miam-recipe-card .miam-recipe-card__container{display:flex;flex-direction:column;height:100%;width:100%;flex-shrink:0;align-self:stretch}.miam-recipe-card .miam-recipe-card__container:hover .miam-recipe-card__top .miam-recipe-card__picture img{transform:scale(1.1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top{position:relative;flex:1;height:calc(100% - 72px)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture{width:100%;height:100%;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,transparent 43.67%,rgba(0,0,0,.4) 91.33%)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:12px;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__title{color:var(--miam-ds-color-neutral-white,#fff);text-shadow:0 2px 8px rgba(0,0,0,.15);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter{display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content;flex-shrink:0}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter span{line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter img{width:16px;height:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container{display:flex;margin:12px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container{display:flex;padding:8px 12px;background-color:#fff;border-radius:100px;width:auto;height:auto;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container .miam-recipe-card__sponsor-picture{width:auto;height:auto;max-width:80px;max-height:40px;-o-object-fit:contain;object-fit:contain}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__badge-container,.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__badges-container{display:flex;flex-direction:column;align-items:flex-start}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__badge-container>:not(:last-child),.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__badges-container>:not(:last-child){margin-bottom:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__like .miam-like-button{border-radius:48px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__like .miam-like-button.miam-ds-button.primary.reverse.square.small .miam-like-button__icon{height:16px;width:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom{display:flex;width:100%;height:72px;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:12px;border-radius:0 0 8px 8px;background-color:var(--miam-ds-color-neutral-white,#fff);border-right:1px solid var(--m-color-neutral-200,#d9dde1);border-bottom:1px solid var(--m-color-neutral-200,#d9dde1);border-left:1px solid var(--m-color-neutral-200,#d9dde1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions{display:flex;gap:8px;justify-content:space-between;align-items:center;align-self:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__infos{display:flex;flex-direction:column;align-items:flex-start}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__infos .miam-recipe-card__price-and-promotion .miam-recipe-card__bottom-promotion{display:none}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__cta{display:flex;flex-direction:row;gap:16px;align-items:center}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__difficulty-and-time{display:flex;flex-direction:row;color:var(--miam-ds-color-text-disabled);gap:12px;margin-bottom:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__difficulty-and-time .miam-recipe-card__difficulty,.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__difficulty-and-time .miam-recipe-card__time{display:flex}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__difficulty-and-time .miam-recipe-card__difficulty img,.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__difficulty-and-time .miam-recipe-card__time img{margin-right:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price{color:var(--miam-ds-color-primary);line-height:100%;margin-right:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing{max-width:70px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{color:rgba(31,53,67,.5);font-weight:500;line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__actions__replace{display:flex;flex:1;justify-content:space-between;align-items:center}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect{display:flex;flex-direction:column;justify-content:flex-end;flex:1;border-radius:8px;border:1px solid var(--m-color-neutral-200,#d9dde1);box-sizing:border-box;text-decoration:unset}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect img{height:100%;-o-object-fit:cover;object-fit:cover}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect .miam-recipe-card__redirect__footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect .miam-recipe-card__redirect__footer .miam-recipe-card__redirect__button{margin-top:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect .miam-recipe-card__redirect__footer .miam-recipe-card__redirect__button span{font-size:14px;font-weight:700;line-height:16px}@media (max-width:1023px){.miam-recipe-card.redirect-card{width:80vw;height:188px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect{flex-direction:row;height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect img{content:url(https://storage.googleapis.com/assets.miam.tech/generic/images/Suggestion_Redirect_Background_Mobile.png);height:136%;margin:-22px -16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect .miam-recipe-card__redirect__footer{min-width:156px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__redirect .miam-recipe-card__redirect__footer .miam-recipe-card__redirect__title{font-size:16px}}"], encapsulation: 2, changeDetection: 0 });
|
|
18749
18793
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecipeCardComponent, [{
|
|
18750
18794
|
type: Component,
|
|
18751
18795
|
args: [{
|
|
@@ -24547,13 +24591,9 @@ RecipeHelperComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeHelperCompone
|
|
|
24547
24591
|
|
|
24548
24592
|
const _c0$1 = ["tag"];
|
|
24549
24593
|
function RecipeTagsComponent_ng_container_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
24550
|
-
const _r9 = i0.ɵɵgetCurrentView();
|
|
24551
24594
|
i0.ɵɵelementStart(0, "div", 11, 12);
|
|
24552
|
-
i0.ɵɵ
|
|
24553
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_div_2_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r9); const recipeLine_r5 = ctx.$implicit; const ctx_r8 = i0.ɵɵnextContext(3); return ctx_r8.toggleRecipe(recipeLine_r5.id); });
|
|
24554
|
-
i0.ɵɵelementEnd();
|
|
24595
|
+
i0.ɵɵelement(2, "ng-miam-icon", 13);
|
|
24555
24596
|
i0.ɵɵelementStart(3, "span", 14);
|
|
24556
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_div_2_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r9); const recipeLine_r5 = ctx.$implicit; const ctx_r10 = i0.ɵɵnextContext(3); return ctx_r10.toggleRecipe(recipeLine_r5.id); });
|
|
24557
24597
|
i0.ɵɵtext(4);
|
|
24558
24598
|
i0.ɵɵpipe(5, "ellipsis");
|
|
24559
24599
|
i0.ɵɵelementEnd();
|
|
@@ -24570,19 +24610,19 @@ const _c1 = function (a0) { return { "height.px": a0 }; };
|
|
|
24570
24610
|
const _c2 = function (a0) { return { "miam-recipe-tags__container__toggle__hidden": a0 }; };
|
|
24571
24611
|
const _c3 = function (a0) { return { "opacity": a0 }; };
|
|
24572
24612
|
function RecipeTagsComponent_ng_container_0_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
24573
|
-
const
|
|
24613
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
24574
24614
|
i0.ɵɵelementStart(0, "div", 3);
|
|
24575
24615
|
i0.ɵɵelementStart(1, "div", 4);
|
|
24576
24616
|
i0.ɵɵtemplate(2, RecipeTagsComponent_ng_container_0_div_1_div_2_Template, 6, 5, "div", 5);
|
|
24577
24617
|
i0.ɵɵelementEnd();
|
|
24578
24618
|
i0.ɵɵelementStart(3, "div", 6);
|
|
24579
24619
|
i0.ɵɵelementStart(4, "span", 7);
|
|
24580
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_4_listener() { i0.ɵɵrestoreView(
|
|
24620
|
+
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.toggleList(); });
|
|
24581
24621
|
i0.ɵɵtext(5);
|
|
24582
24622
|
i0.ɵɵelementEnd();
|
|
24583
24623
|
i0.ɵɵelement(6, "div", 8);
|
|
24584
24624
|
i0.ɵɵelementStart(7, "span", 9);
|
|
24585
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_7_listener() { i0.ɵɵrestoreView(
|
|
24625
|
+
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.toggleList(); });
|
|
24586
24626
|
i0.ɵɵelement(8, "ng-miam-icon", 10);
|
|
24587
24627
|
i0.ɵɵelementEnd();
|
|
24588
24628
|
i0.ɵɵelementEnd();
|
|
@@ -24611,9 +24651,9 @@ function RecipeTagsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
24611
24651
|
i0.ɵɵproperty("ngIf", (ctx_r0.recipePreviewLines == null ? null : ctx_r0.recipePreviewLines.length) > 0);
|
|
24612
24652
|
} }
|
|
24613
24653
|
function RecipeTagsComponent_ng_template_1_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
24614
|
-
const
|
|
24654
|
+
const _r14 = i0.ɵɵgetCurrentView();
|
|
24615
24655
|
i0.ɵɵelementStart(0, "div", 17);
|
|
24616
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
24656
|
+
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(2); return ctx_r13.toggleModal(); });
|
|
24617
24657
|
i0.ɵɵelementStart(1, "span", 18);
|
|
24618
24658
|
i0.ɵɵtext(2);
|
|
24619
24659
|
i0.ɵɵelementEnd();
|
|
@@ -24622,42 +24662,38 @@ function RecipeTagsComponent_ng_template_1_div_0_Template(rf, ctx) { if (rf & 1)
|
|
|
24622
24662
|
i0.ɵɵelementEnd();
|
|
24623
24663
|
i0.ɵɵelementEnd();
|
|
24624
24664
|
} if (rf & 2) {
|
|
24625
|
-
const
|
|
24665
|
+
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
24626
24666
|
i0.ɵɵadvance(2);
|
|
24627
|
-
i0.ɵɵtextInterpolate(
|
|
24667
|
+
i0.ɵɵtextInterpolate(ctx_r11.recipePreviewLines.length);
|
|
24628
24668
|
} }
|
|
24629
24669
|
function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
24630
|
-
const _r23 = i0.ɵɵgetCurrentView();
|
|
24631
24670
|
i0.ɵɵelementStart(0, "div", 11, 12);
|
|
24632
|
-
i0.ɵɵ
|
|
24633
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r23); const recipeLine_r19 = ctx.$implicit; const ctx_r22 = i0.ɵɵnextContext(3); return ctx_r22.toggleRecipe(recipeLine_r19.id); });
|
|
24634
|
-
i0.ɵɵelementEnd();
|
|
24671
|
+
i0.ɵɵelement(2, "ng-miam-icon", 13);
|
|
24635
24672
|
i0.ɵɵelementStart(3, "span", 14);
|
|
24636
|
-
i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r23); const recipeLine_r19 = ctx.$implicit; const ctx_r24 = i0.ɵɵnextContext(3); return ctx_r24.toggleRecipe(recipeLine_r19.id); });
|
|
24637
24673
|
i0.ɵɵtext(4);
|
|
24638
24674
|
i0.ɵɵelementEnd();
|
|
24639
24675
|
i0.ɵɵelementEnd();
|
|
24640
24676
|
} if (rf & 2) {
|
|
24641
|
-
const
|
|
24642
|
-
const
|
|
24677
|
+
const recipeLine_r16 = ctx.$implicit;
|
|
24678
|
+
const ctx_r15 = i0.ɵɵnextContext(3);
|
|
24643
24679
|
i0.ɵɵadvance(2);
|
|
24644
|
-
i0.ɵɵproperty("iconName",
|
|
24680
|
+
i0.ɵɵproperty("iconName", ctx_r15.icon.Meal);
|
|
24645
24681
|
i0.ɵɵadvance(2);
|
|
24646
|
-
i0.ɵɵtextInterpolate(
|
|
24682
|
+
i0.ɵɵtextInterpolate(recipeLine_r16.title);
|
|
24647
24683
|
} }
|
|
24648
24684
|
function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template(rf, ctx) { if (rf & 1) {
|
|
24649
|
-
const
|
|
24685
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
24650
24686
|
i0.ɵɵelementStart(0, "ng-miam-modal", 20);
|
|
24651
|
-
i0.ɵɵlistener("close", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template_ng_miam_modal_close_0_listener() { i0.ɵɵrestoreView(
|
|
24687
|
+
i0.ɵɵlistener("close", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template_ng_miam_modal_close_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.toggleModal(); });
|
|
24652
24688
|
i0.ɵɵelementStart(1, "div", 4);
|
|
24653
24689
|
i0.ɵɵtemplate(2, RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template, 5, 2, "div", 5);
|
|
24654
24690
|
i0.ɵɵelementEnd();
|
|
24655
24691
|
i0.ɵɵelementEnd();
|
|
24656
24692
|
} if (rf & 2) {
|
|
24657
|
-
const
|
|
24658
|
-
i0.ɵɵproperty("display",
|
|
24693
|
+
const ctx_r12 = i0.ɵɵnextContext(2);
|
|
24694
|
+
i0.ɵɵproperty("display", ctx_r12.modalIsOpened)("noHeaderMode", false)("recipesCount", ctx_r12.recipePreviewLines.length);
|
|
24659
24695
|
i0.ɵɵadvance(2);
|
|
24660
|
-
i0.ɵɵproperty("ngForOf",
|
|
24696
|
+
i0.ɵɵproperty("ngForOf", ctx_r12.recipePreviewLines);
|
|
24661
24697
|
} }
|
|
24662
24698
|
function RecipeTagsComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
24663
24699
|
i0.ɵɵtemplate(0, RecipeTagsComponent_ng_template_1_div_0_Template, 5, 1, "div", 15);
|
|
@@ -24726,9 +24762,6 @@ class RecipeTagsComponent extends EventTracerComponent {
|
|
|
24726
24762
|
this.wrappedItemsCount = tags.toArray().length - (this.lastItemIndexOfFirstRow + 1);
|
|
24727
24763
|
this.cdr.detectChanges();
|
|
24728
24764
|
}
|
|
24729
|
-
toggleRecipe(id) {
|
|
24730
|
-
this.recipesService.display(id, { previewAllowed: this.recipeDetailPreviewAllowed, previewMode: false });
|
|
24731
|
-
}
|
|
24732
24765
|
toggleList() {
|
|
24733
24766
|
this.isListOpen = !this.isListOpen;
|
|
24734
24767
|
this.cdr.detectChanges();
|
|
@@ -24750,13 +24783,13 @@ RecipeTagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeTagsComponent,
|
|
|
24750
24783
|
}
|
|
24751
24784
|
else {
|
|
24752
24785
|
i18n_4 = $localize `:␟3c5bb82ed6e0c7ec470e7e044e3d12f9642d5356␟8273924711540568207:repas`;
|
|
24753
|
-
} return [[4, "ngIf", "ngIfElse"], ["reduced", ""], ["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName"
|
|
24786
|
+
} return [[4, "ngIf", "ngIfElse"], ["reduced", ""], ["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName"], [1, "miam-recipe-tag__badge__text"], ["class", "miam-recipe-tags__recipes", 3, "click", 4, "ngIf"], ["class", "miam-recipe-tags__modal", 3, "display", "noHeaderMode", "recipesCount", "close", 4, "ngIf"], [1, "miam-recipe-tags__recipes", 3, "click"], [1, "miam-recipe-tags__recipes__count"], i18n_4, [1, "miam-recipe-tags__modal", 3, "display", "noHeaderMode", "recipesCount", "close"]]; }, template: function RecipeTagsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
24754
24787
|
i0.ɵɵtemplate(0, RecipeTagsComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
|
|
24755
24788
|
i0.ɵɵtemplate(1, RecipeTagsComponent_ng_template_1_Template, 2, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
|
|
24756
24789
|
} if (rf & 2) {
|
|
24757
24790
|
const _r1 = i0.ɵɵreference(2);
|
|
24758
24791
|
i0.ɵɵproperty("ngIf", !ctx.reduce)("ngIfElse", _r1);
|
|
24759
|
-
} }, directives: [i1.NgIf, i1.NgStyle, i1.NgForOf, i1.NgClass, IconComponent, ModalComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container__list{display:flex;flex-wrap:wrap;gap:8px;flex:1 1}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge{display:flex;align-items:center;padding:0 8px 0 0;height:24px;border:1px solid #e9e9e9;box-sizing:border-box;border-radius:100px;
|
|
24792
|
+
} }, directives: [i1.NgIf, i1.NgStyle, i1.NgForOf, i1.NgClass, IconComponent, ModalComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container__list{display:flex;flex-wrap:wrap;gap:8px;flex:1 1}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge{display:flex;align-items:center;padding:0 8px 0 0;height:24px;border:1px solid #e9e9e9;box-sizing:border-box;border-radius:100px;position:relative;max-width:50vw}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tags__badge__icon{padding:4px 8px;background:var(--m-color-primary);border-radius:100px 0 0 100px;flex:none;order:0;flex-grow:0}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tag__badge__text{font-size:12px;line-height:16px;color:#676767;margin:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.miam-recipe-tags__container{display:flex;transition:height .25s cubic-bezier(0,0,.2,1);overflow:hidden;padding:0 8px;margin-top:16px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle{display:flex;flex-direction:column;align-items:center;width:80px;visibility:visible}.miam-recipe-tags__container .miam-recipe-tags__container__toggle.miam-recipe-tags__container__toggle__hidden{visibility:hidden}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__open{display:flex;justify-content:center;padding:4px 8px;height:24px;background:#f6f6f6;min-width:40px;border-radius:100px;cursor:pointer;line-height:100%}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__ligne{width:2px;flex:1;background-color:var(--m-color-grey);transform:height 1s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close{background:var(--m-color-primary);min-width:40px;cursor:pointer;border-radius:100px;transition:opacity .2s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close ng-miam-icon .icon-container{transform:rotate(180deg)}.miam-recipe-tags__recipes{display:flex;align-items:center;padding:0 8px 0 0;height:24px;border:1px solid #e9e9e9;box-sizing:border-box;border-radius:100px;cursor:pointer;position:relative;max-width:50vw}.miam-recipe-tags__recipes .miam-recipe-tags__recipes__count{margin-right:4px}.miam-recipe-tags__modal .miam-modal{top:50%;right:50%;transform:translate3d(50%,-50%,0);height:auto;animation-name:none}.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{display:flex;flex-flow:row wrap;max-width:480px;padding:24px}@media (max-width:1023px){.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{flex-flow:column}}"], encapsulation: 2, changeDetection: 0 });
|
|
24760
24793
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecipeTagsComponent, [{
|
|
24761
24794
|
type: Component,
|
|
24762
24795
|
args: [{
|