ng-miam 3.7.2 → 3.9.0

package/esm2015/lib/_web-components/recipe-details/recipe-details-ingredients/recipe-details-ingredients.component.js

@@ -0,0 +1,108 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';
+import { Recipe } from '../../../_models/recipe';
+import { ContextService } from '../../../_services';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_services";
+import * as i2 from "../../../_components/counter-input/counter-input.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../../../_utils/pipes/capitalize-first-letter/capitalize-first-letter.pipe";
+import * as i5 from "../../../_utils/pipes/readable-float-number/readable-float-number.pipe";
+function RecipeDetailsIngredientsComponent_div_9_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "img", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ingredient_r1 = i0.ɵɵnextContext().$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("src", ctx_r3.ingredientPicture(ingredient_r1), i0.ɵɵsanitizeUrl);
+} }
+const _c0 = function (a0) { return { "checked": a0 }; };
+function RecipeDetailsIngredientsComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtemplate(1, RecipeDetailsIngredientsComponent_div_9_div_1_Template, 2, 1, "div", 8);
+    i0.ɵɵelementStart(2, "div");
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "capitalizeFirstLetter");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 9);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "readableFloatNumber");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ingredient_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0, ctx_r0.ingredientsChecked[i_r2]));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.ingredientsPictures);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, ingredient_r1.name), "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(7, 6, ingredient_r1.qty, ingredient_r1.unit), " ");
+} }
+export class RecipeDetailsIngredientsComponent {
+    constructor(cdr, contextService) {
+        this.cdr = cdr;
+        this.contextService = contextService;
+        this.ingredientsPictures = false;
+        this.recipeChanged = new EventEmitter();
+        this.ingredientsChecked = {};
+    }
+    updateGuests(guests) {
+        this.recipe.modifiedGuests = guests;
+        this.recipeChanged.emit();
+        this.cdr.detectChanges();
+    }
+    ingredientPicture(ingredient) {
+        return ingredient.picture || this.contextService.defaultIngredientPicture;
+    }
+}
+RecipeDetailsIngredientsComponent.ɵfac = function RecipeDetailsIngredientsComponent_Factory(t) { return new (t || RecipeDetailsIngredientsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ContextService)); };
+RecipeDetailsIngredientsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsIngredientsComponent, selectors: [["ng-miam-recipe-details-ingredients"]], inputs: { recipe: "recipe", ingredientsPictures: "ingredientsPictures" }, outputs: { recipeChanged: "recipeChanged" }, decls: 10, vars: 5, consts: [[1, "miam-recipe-details-ingredients"], [1, "miam-recipe-details-ingredients__header"], [1, "miam-recipe-details-ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details-ingredients__counter__print"], [1, "miam-recipe-details-ingredients__list"], ["class", "miam-recipe-details-ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details-ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details-ingredients__row__qty"], [1, "miam-recipe-details-ingredients__row__picture", 3, "src"]], template: function RecipeDetailsIngredientsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "span");
+        i0.ɵɵtext(3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 2);
+        i0.ɵɵelementStart(5, "ng-miam-counter-input", 3);
+        i0.ɵɵlistener("counterChange", function RecipeDetailsIngredientsComponent_Template_ng_miam_counter_input_counterChange_5_listener($event) { return ctx.updateGuests($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "span", 4);
+        i0.ɵɵtext(7);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(8, "div", 5);
+        i0.ɵɵtemplate(9, RecipeDetailsIngredientsComponent_div_9_Template, 8, 11, "div", 6);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate2(" ", ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length, " ingr\u00E9dient", (ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length) > 1 ? "s" : "", " ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("counter", (ctx.recipe == null ? null : ctx.recipe.modifiedGuests) || ctx.recipe.guests);
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" Pour ", ctx.recipe == null ? null : ctx.recipe.modifiedGuests, " personnes ");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngForOf", ctx.recipe == null ? null : ctx.recipe.modifiedIngredients);
+    } }, directives: [i2.CounterInputComponent, i3.NgForOf, i3.NgClass, i3.NgIf], pipes: [i4.CapitalizeFirstLetterPipe, i5.ReadableFloatNumberPipe], styles: [".miam-recipe-details-ingredients{display:flex;flex-direction:column}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{border-bottom:1px solid var(--m-color-grey07);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header span{color:var(--m-color-primary);font-size:21px;font-weight:700;line-height:24px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter{align-items:center;display:flex}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:none}@media print{.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:block}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{background-color:var(--m-color-primary-light);border-radius:8px;display:flex;flex-direction:column;padding:4px 16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row{color:var(--m-color-black);display:flex;font-size:16px;justify-content:space-between;line-height:20px;padding:12px 0}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row .miam-recipe-details-ingredients__row__qty{font-weight:700}"], encapsulation: 2, changeDetection: 0 });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(RecipeDetailsIngredientsComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-miam-recipe-details-ingredients',
+                templateUrl: './recipe-details-ingredients.component.html',
+                styleUrls: ['./recipe-details-ingredients.component.scss'],
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ContextService }]; }, { recipe: [{
+            type: Input
+        }], ingredientsPictures: [{
+            type: Input
+        }], recipeChanged: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9idWlsZHMvbWlhbS9uZy1taWFtLXNkay9wcm9qZWN0cy9uZy1taWFtL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9fd2ViLWNvbXBvbmVudHMvcmVjaXBlLWRldGFpbHMvcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHMvcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHMuY29tcG9uZW50LnRzIiwibGliL193ZWItY29tcG9uZW50cy9yZWNpcGUtZGV0YWlscy9yZWNpcGUtZGV0YWlscy1pbmdyZWRpZW50cy9yZWNpcGUtZGV0YWlscy1pbmdyZWRpZW50cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7O0lDbUI5QywyQkFDRTtJQUFBLDBCQUNGO0lBQUEsaUJBQU07Ozs7SUFEdUQsZUFBcUM7SUFBckMsK0VBQXFDOzs7O0lBSnBHLDhCQUVFO0lBQ0Esd0ZBQ0U7SUFHRiwyQkFBTTtJQUFBLFlBQTRDOztJQUFBLGlCQUFNO0lBRXhELDhCQUNFO0lBQUEsWUFDRjs7SUFBQSxpQkFBTTtJQUNSLGlCQUFNOzs7OztJQVo0QyxxRkFBOEM7SUFHekYsZUFBMkI7SUFBM0IsaURBQTJCO0lBSTFCLGVBQTRDO0lBQTVDLHdFQUE0QztJQUdoRCxlQUNGO0lBREUsNEZBQ0Y7O0FEakJOLE1BQU0sT0FBTyxpQ0FBaUM7SUFPNUMsWUFDUyxHQUFzQixFQUN0QixjQUE4QjtRQUQ5QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFQOUIsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBQzNCLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakUsdUJBQWtCLEdBQUcsRUFBRSxDQUFDO0lBTXhCLENBQUM7SUFFRCxZQUFZLENBQUMsTUFBTTtRQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7UUFDcEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxVQUFnQztRQUNoRCxPQUFPLFVBQVUsQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyx3QkFBd0IsQ0FBQztJQUM1RSxDQUFDOztrSEFyQlUsaUNBQWlDO3NFQUFqQyxpQ0FBaUM7UUNaOUMsOEJBQ0U7UUFDQSw4QkFDRTtRQUFBLDRCQUNFO1FBQUEsWUFDRjtRQUFBLGlCQUFPO1FBRVAsOEJBQ0U7UUFBQSxnREFFd0I7UUFEOEIsbUpBQWlCLHdCQUFvQixJQUFDO1FBQzVGLGlCQUF3QjtRQUN4QiwrQkFDRTtRQUFBLFlBQ0Y7UUFBQSxpQkFBTztRQUNULGlCQUFNO1FBQ1IsaUJBQU07UUFFTiw4QkFDRTtRQUFBLG1GQUVFO1FBV0osaUJBQU07UUFDUixpQkFBTTs7UUE1QkEsZUFDRjtRQURFLDBNQUNGO1FBSUksZUFBbUQ7UUFBbkQsc0dBQW1EO1FBR25ELGVBQ0Y7UUFERSxxR0FDRjtRQU1BLGVBQXNFO1FBQXRFLG9GQUFzRTs7a0REUC9ELGlDQUFpQztjQVA3QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9DQUFvQztnQkFDOUMsV0FBVyxFQUFFLDZDQUE2QztnQkFDMUQsU0FBUyxFQUFFLENBQUMsNkNBQTZDLENBQUM7Z0JBQzFELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRDtpR0FFVSxNQUFNO2tCQUFkLEtBQUs7WUFDRyxtQkFBbUI7a0JBQTNCLEtBQUs7WUFDSSxhQUFhO2tCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBDaGFuZ2VEZXRlY3RvclJlZiwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlY2lwZSB9IGZyb20gJy4uLy4uLy4uL19tb2RlbHMvcmVjaXBlJztcbmltcG9ydCB7IENvbnRleHRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX3NlcnZpY2VzJztcbmltcG9ydCB7IFNpbXBsaWZpZWRJbmdyZWRpZW50IH0gZnJvbSAnLi4vLi4vLi4vX21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1pYW0tcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZWNpcGUtZGV0YWlscy1pbmdyZWRpZW50cy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBSZWNpcGVEZXRhaWxzSW5ncmVkaWVudHNDb21wb25lbnQge1xuICBASW5wdXQoKSByZWNpcGU6IFJlY2lwZTtcbiAgQElucHV0KCkgaW5ncmVkaWVudHNQaWN0dXJlcyA9IGZhbHNlO1xuICBAT3V0cHV0KCkgcmVjaXBlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGluZ3JlZGllbnRzQ2hlY2tlZCA9IHt9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHB1YmxpYyBjb250ZXh0U2VydmljZTogQ29udGV4dFNlcnZpY2VcbiAgKSB7XG4gIH1cblxuICB1cGRhdGVHdWVzdHMoZ3Vlc3RzKSB7XG4gICAgdGhpcy5yZWNpcGUubW9kaWZpZWRHdWVzdHMgPSBndWVzdHM7XG4gICAgdGhpcy5yZWNpcGVDaGFuZ2VkLmVtaXQoKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBpbmdyZWRpZW50UGljdHVyZShpbmdyZWRpZW50OiBTaW1wbGlmaWVkSW5ncmVkaWVudCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGluZ3JlZGllbnQucGljdHVyZSB8fCB0aGlzLmNvbnRleHRTZXJ2aWNlLmRlZmF1bHRJbmdyZWRpZW50UGljdHVyZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHNcIj5cbiAgPCEtLSBIRUFERVIgLS0+XG4gIDxkaXYgY2xhc3M9XCJtaWFtLXJlY2lwZS1kZXRhaWxzLWluZ3JlZGllbnRzX19oZWFkZXJcIj5cbiAgICA8c3Bhbj5cbiAgICAgIHt7cmVjaXBlPy5tb2RpZmllZEluZ3JlZGllbnRzLmxlbmd0aH19IGluZ3LDqWRpZW50e3tyZWNpcGU/Lm1vZGlmaWVkSW5ncmVkaWVudHMubGVuZ3RoID4gMSA/ICdzJyA6ICcnfX1cbiAgICA8L3NwYW4+XG4gICAgPCEtLSBHVUVTVFMgLS0+XG4gICAgPGRpdiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHNfX2NvdW50ZXJcIj5cbiAgICAgIDxuZy1taWFtLWNvdW50ZXItaW5wdXRcbiAgICAgICAgW2NvdW50ZXJdPVwicmVjaXBlPy5tb2RpZmllZEd1ZXN0cyB8fCByZWNpcGUuZ3Vlc3RzXCIgKGNvdW50ZXJDaGFuZ2UpPVwidXBkYXRlR3Vlc3RzKCRldmVudClcIj5cbiAgICAgIDwvbmctbWlhbS1jb3VudGVyLWlucHV0PlxuICAgICAgPHNwYW4gY2xhc3M9XCJtaWFtLXJlY2lwZS1kZXRhaWxzLWluZ3JlZGllbnRzX19jb3VudGVyX19wcmludFwiPlxuICAgICAgICBQb3VyIHt7cmVjaXBlPy5tb2RpZmllZEd1ZXN0c319IHBlcnNvbm5lc1xuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPCEtLSBMSVNUIC0tPlxuICA8ZGl2IGNsYXNzPVwibWlhbS1yZWNpcGUtZGV0YWlscy1pbmdyZWRpZW50c19fbGlzdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJtaWFtLXJlY2lwZS1kZXRhaWxzLWluZ3JlZGllbnRzX19yb3dcIiBbbmdDbGFzc109XCJ7J2NoZWNrZWQnOiBpbmdyZWRpZW50c0NoZWNrZWRbaV19XCJcbiAgICAgICpuZ0Zvcj1cImxldCBpbmdyZWRpZW50IG9mIHJlY2lwZT8ubW9kaWZpZWRJbmdyZWRpZW50cywgbGV0IGkgPSBpbmRleCBcIj5cbiAgICAgIDwhLS0gUElDVFVSRSAtLT5cbiAgICAgIDxkaXYgKm5nSWY9XCJpbmdyZWRpZW50c1BpY3R1cmVzXCI+XG4gICAgICAgIDxpbWcgY2xhc3M9XCJtaWFtLXJlY2lwZS1kZXRhaWxzLWluZ3JlZGllbnRzX19yb3dfX3BpY3R1cmVcIiBbc3JjXT1cImluZ3JlZGllbnRQaWN0dXJlKGluZ3JlZGllbnQpXCI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDwhLS0gTkFNRSAtLT5cbiAgICAgIDxkaXY+IHt7IGluZ3JlZGllbnQubmFtZSB8IGNhcGl0YWxpemVGaXJzdExldHRlcn19PC9kaXY+XG4gICAgICA8IS0tIFFVQU5USVRZIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtaW5ncmVkaWVudHNfX3Jvd19fcXR5XCI+XG4gICAgICAgIHt7IGluZ3JlZGllbnQucXR5IHwgcmVhZGFibGVGbG9hdE51bWJlciA6IGluZ3JlZGllbnQudW5pdCB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19

package/esm2015/lib/_web-components/recipe-details/recipe-details-steps/recipe-details-steps.component.js

@@ -0,0 +1,101 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';
+import { Recipe } from '../../../_models/recipe';
+import { Icon } from '../../../_types/icon.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../_components/icon/icon.component";
+function RecipeDetailsStepsComponent_div_5_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const i_r2 = i0.ɵɵnextContext().index;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i_r2 + 1, " ");
+} }
+function RecipeDetailsStepsComponent_div_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ng-miam-icon", 10);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("height", 32)("width", 32)("iconName", ctx_r5.icon.CheckCircleFill);
+} }
+const _c0 = function (a0, a1) { return { "active": a0, "miam-recipe-details-steps__step__done": a1 }; };
+function RecipeDetailsStepsComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵlistener("click", function RecipeDetailsStepsComponent_div_5_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const i_r2 = ctx.index; const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.changeActiveStep(i_r2 + 1); });
+    i0.ɵɵtemplate(1, RecipeDetailsStepsComponent_div_5_div_1_Template, 3, 1, "div", 5);
+    i0.ɵɵtemplate(2, RecipeDetailsStepsComponent_div_5_ng_template_2_Template, 1, 3, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementStart(4, "div", 7);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(6, "ng-miam-icon", 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const step_r1 = ctx.$implicit;
+    const i_r2 = ctx.index;
+    const _r4 = i0.ɵɵreference(3);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(7, _c0, i_r2 + 1 === ctx_r0.activeStep, i_r2 < ctx_r0.activeStep));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", i_r2 >= ctx_r0.activeStep)("ngIfElse", _r4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(step_r1 == null ? null : step_r1.attributes == null ? null : step_r1.attributes.description);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("height", 20)("width", 20)("iconName", i_r2 < ctx_r0.activeStep ? ctx_r0.icon.CheckboxChecked : ctx_r0.icon.CheckboxUnchecked);
+} }
+export class RecipeDetailsStepsComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.steps = [];
+        this.activeStep = 0;
+        this.icon = Icon;
+    }
+    ngOnChanges() {
+        if (this.recipe) {
+            this.steps = this.recipe.steps;
+            this.activeStep = 0;
+        }
+        this.cdr.detectChanges();
+    }
+    changeActiveStep(index) {
+        if (this.activeStep >= index) {
+            this.activeStep = index - 1;
+        }
+        else {
+            this.activeStep = index;
+        }
+        this.cdr.detectChanges();
+    }
+}
+RecipeDetailsStepsComponent.ɵfac = function RecipeDetailsStepsComponent_Factory(t) { return new (t || RecipeDetailsStepsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+RecipeDetailsStepsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsStepsComponent, selectors: [["ng-miam-recipe-details-steps"]], inputs: { recipe: "recipe" }, features: [i0.ɵɵNgOnChangesFeature], decls: 6, vars: 1, consts: [[1, "miam-recipe-details-steps"], [1, "miam-recipe-details-steps__header"], [1, "miam-recipe-details-steps__list"], ["class", "miam-recipe-details-steps__step", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details-steps__step", 3, "ngClass", "click"], ["class", "miam-recipe-details-steps__step__idx", 4, "ngIf", "ngIfElse"], ["stepChecked", ""], [1, "miam-recipe-details-steps__step__text"], ["primaryColor", "var(--m-color-grey-text-dark)", "secondaryColor", "var(--m-color-white)", 1, "miam-recipe-details-steps__step__checkIcon", 3, "height", "width", "iconName"], [1, "miam-recipe-details-steps__step__idx"], ["primaryColor", "var(--m-color-success)", 1, "miam-recipe-details-steps__step__checkIcon", 3, "height", "width", "iconName"]], template: function RecipeDetailsStepsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "div", 1);
+        i0.ɵɵelementStart(2, "span");
+        i0.ɵɵtext(3, "\u00C9tapes");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div", 2);
+        i0.ɵɵtemplate(5, RecipeDetailsStepsComponent_div_5_Template, 7, 10, "div", 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("ngForOf", ctx.steps);
+    } }, directives: [i1.NgForOf, i1.NgClass, i1.NgIf, i2.IconComponent], styles: [".miam-recipe-details-steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details-steps .miam-recipe-details-steps__header{border-bottom:1px solid var(--m-color-grey07);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.miam-recipe-details-steps .miam-recipe-details-steps__header span{color:var(--m-color-primary);display:block;font-size:21px;font-weight:700;line-height:24px}.miam-recipe-details-steps .miam-recipe-details-steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details-steps .miam-recipe-details-steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details-steps .miam-recipe-details-steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details-steps .miam-recipe-details-steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details-steps .miam-recipe-details-steps__list .miam-recipe-details-steps__step{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 2px 24px 0;padding:8px;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details-steps .miam-recipe-details-steps__list .miam-recipe-details-steps__step .miam-recipe-details-steps__step__idx{align-items:center;background-color:var(--m-color-primary);border-radius:var(--m-border-radius-circle);color:var(--m-color-white);display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;line-height:20px;width:32px}.miam-recipe-details-steps .miam-recipe-details-steps__list .miam-recipe-details-steps__step .miam-recipe-details-steps__step__text{flex:1;font-size:14px;margin:0 12px;word-break:break-word}.miam-recipe-details-steps .miam-recipe-details-steps__list .miam-recipe-details-steps__step .miam-recipe-details-steps__step__checkIcon{flex:0 0 auto}.miam-recipe-details-steps .miam-recipe-details-steps__list .miam-recipe-details-steps__step.miam-recipe-details-steps__step__done{background-color:var(--m-color-primary-light)}"], encapsulation: 2, changeDetection: 0 });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(RecipeDetailsStepsComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-miam-recipe-details-steps',
+                templateUrl: './recipe-details-steps.component.html',
+                styleUrls: ['./recipe-details-steps.component.scss'],
+                encapsulation: ViewEncapsulation.None,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { recipe: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjaXBlLWRldGFpbHMtc3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9idWlsZHMvbWlhbS9uZy1taWFtLXNkay9wcm9qZWN0cy9uZy1taWFtL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9fd2ViLWNvbXBvbmVudHMvcmVjaXBlLWRldGFpbHMvcmVjaXBlLWRldGFpbHMtc3RlcHMvcmVjaXBlLWRldGFpbHMtc3RlcHMuY29tcG9uZW50LnRzIiwibGliL193ZWItY29tcG9uZW50cy9yZWNpcGUtZGV0YWlscy9yZWNpcGUtZGV0YWlscy1zdGVwcy9yZWNpcGUtZGV0YWlscy1zdGVwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7OztJQ1EzQyw4QkFDRTtJQUFBLDRCQUNFO0lBQUEsWUFDRjtJQUFBLGlCQUFPO0lBQ1QsaUJBQU07OztJQUZGLGVBQ0Y7SUFERSx5Q0FDRjs7O0lBSUEsbUNBRWU7OztJQUZrRCwyQkFBYSxhQUFBLHlDQUFBOzs7OztJQVZsRiw4QkFFRTtJQUZzRiw0TkFBOEIsQ0FBQyxLQUFFO0lBR3ZILGtGQUNFO0lBS0YsbUlBQ0U7SUFLRiw4QkFBbUQ7SUFBQSxZQUFpQztJQUFBLGlCQUFNO0lBRTFGLGtDQUdlO0lBQ2pCLGlCQUFNOzs7Ozs7SUFwQkosOEdBQXNHO0lBRWpHLGVBQXdDO0lBQXhDLGdEQUF3QyxpQkFBQTtJQVlNLGVBQWlDO0lBQWpDLGlIQUFpQztJQUdsRixlQUFhO0lBQWIsMkJBQWEsYUFBQSxvR0FBQTs7QURkckIsTUFBTSxPQUFPLDJCQUEyQjtJQU90QyxZQUNTLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBTC9CLFVBQUssR0FBVSxFQUFFLENBQUM7UUFDbEIsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUNmLFNBQUksR0FBRyxJQUFJLENBQUM7SUFLWixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7WUFDL0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFhO1FBQzVCLElBQUssSUFBSSxDQUFDLFVBQVUsSUFBSSxLQUFLLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQzdCO2FBQ0k7WUFDSCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7c0dBNUJVLDJCQUEyQjtnRUFBM0IsMkJBQTJCO1FDWHhDLDhCQUNFO1FBQ0EsOEJBQ0U7UUFBQSw0QkFBTTtRQUFBLDJCQUFNO1FBQUEsaUJBQU87UUFDckIsaUJBQU07UUFFTiw4QkFDRTtRQUFBLDZFQUVFO1FBb0JKLGlCQUFNO1FBQ1IsaUJBQU07O1FBdkIyQyxlQUEwQztRQUExQyxtQ0FBMEM7O2tEREk5RSwyQkFBMkI7Y0FQdkMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLFdBQVcsRUFBRSx1Q0FBdUM7Z0JBQ3BELFNBQVMsRUFBRSxDQUFDLHVDQUF1QyxDQUFDO2dCQUNwRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7b0VBRVUsTUFBTTtrQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBDaGFuZ2VEZXRlY3RvclJlZiwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWNpcGUgfSBmcm9tICcuLi8uLi8uLi9fbW9kZWxzL3JlY2lwZSc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vLi4vX3R5cGVzL2ljb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVjaXBlLWRldGFpbHMtc3RlcHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZWNpcGUtZGV0YWlscy1zdGVwcy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBSZWNpcGVEZXRhaWxzU3RlcHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSByZWNpcGU6IFJlY2lwZTtcblxuICBzdGVwczogYW55W10gPSBbXTtcbiAgYWN0aXZlU3RlcCA9IDA7XG4gIGljb24gPSBJY29uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucmVjaXBlKSB7XG4gICAgICB0aGlzLnN0ZXBzID0gdGhpcy5yZWNpcGUuc3RlcHM7XG4gICAgICB0aGlzLmFjdGl2ZVN0ZXAgPSAwO1xuICAgIH1cbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBjaGFuZ2VBY3RpdmVTdGVwKGluZGV4OiBudW1iZXIpIHtcbiAgICBpZiAoIHRoaXMuYWN0aXZlU3RlcCA+PSBpbmRleCkge1xuICAgICAgdGhpcy5hY3RpdmVTdGVwID0gaW5kZXggLSAxO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgIHRoaXMuYWN0aXZlU3RlcCA9IGluZGV4O1xuICAgIH1cbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtaWFtLXJlY2lwZS1kZXRhaWxzLXN0ZXBzXCI+XG4gIDwhLS0gSEVBREVSIC0tPlxuICA8ZGl2IGNsYXNzPVwibWlhbS1yZWNpcGUtZGV0YWlscy1zdGVwc19faGVhZGVyXCI+XG4gICAgPHNwYW4+w4l0YXBlczwvc3Bhbj5cbiAgPC9kaXY+XG4gIDwhLS0gTElTVCAtLT5cbiAgPGRpdiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHNfX2xpc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWlhbS1yZWNpcGUtZGV0YWlscy1zdGVwc19fc3RlcFwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4O1wiIChjbGljayk9XCJjaGFuZ2VBY3RpdmVTdGVwKGkgKyAxKVwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdhY3RpdmUnOiBpICsgMSA9PT0gYWN0aXZlU3RlcCwgJ21pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHNfX3N0ZXBfX2RvbmUnOiBpIDwgYWN0aXZlU3RlcH1cIj5cbiAgICAgIDwhLS0gSU5ERVggLS0+XG4gICAgICA8ZGl2ICpuZ0lmPVwiaSA+PSBhY3RpdmVTdGVwIGVsc2Ugc3RlcENoZWNrZWRcIiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHNfX3N0ZXBfX2lkeFwiPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICB7eyBpICsgMSB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICAgIDwhLS0gQ0hFQ0tFRCBTVEVQIC0tPlxuICAgICAgPG5nLXRlbXBsYXRlICNzdGVwQ2hlY2tlZD5cbiAgICAgICAgPG5nLW1pYW0taWNvbiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHNfX3N0ZXBfX2NoZWNrSWNvblwiIFtoZWlnaHRdPSczMicgW3dpZHRoXT0nMzInIFtpY29uTmFtZV09J2ljb24uQ2hlY2tDaXJjbGVGaWxsJ1xuICAgICAgICAgIHByaW1hcnlDb2xvcj1cInZhcigtLW0tY29sb3Itc3VjY2VzcylcIj5cbiAgICAgICAgPC9uZy1taWFtLWljb24+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPCEtLSBURVhUIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cIm1pYW0tcmVjaXBlLWRldGFpbHMtc3RlcHNfX3N0ZXBfX3RleHRcIj57e3N0ZXA/LmF0dHJpYnV0ZXM/LmRlc2NyaXB0aW9ufX08L2Rpdj5cbiAgICAgIDwhLS0gQ0hFQ0tCT1ggLS0+XG4gICAgICA8bmctbWlhbS1pY29uIGNsYXNzPVwibWlhbS1yZWNpcGUtZGV0YWlscy1zdGVwc19fc3RlcF9fY2hlY2tJY29uXCJcbiAgICAgICAgW2hlaWdodF09JzIwJyBbd2lkdGhdPScyMCcgW2ljb25OYW1lXT0naSA8IGFjdGl2ZVN0ZXAgPyBpY29uLkNoZWNrYm94Q2hlY2tlZCA6IGljb24uQ2hlY2tib3hVbmNoZWNrZWQnXG4gICAgICAgIHByaW1hcnlDb2xvcj1cInZhcigtLW0tY29sb3ItZ3JleS10ZXh0LWRhcmspXCIgc2Vjb25kYXJ5Q29sb3I9XCJ2YXIoLS1tLWNvbG9yLXdoaXRlKVwiPlxuICAgICAgPC9uZy1taWFtLWljb24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19