ng-miam 3.5.6 → 3.5.7

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.
Files changed (19) hide show
  1. package/bundles/ng-miam.umd.js +154 -102
  2. package/bundles/ng-miam.umd.js.map +1 -1
  3. package/bundles/ng-miam.umd.min.js +2 -2
  4. package/bundles/ng-miam.umd.min.js.map +1 -1
  5. package/esm2015/lib/_services/groceries-lists.service.js +17 -1
  6. package/esm2015/lib/_web-components/basket-preview/basket-preview-line/basket-preview-line.component.js +80 -64
  7. package/esm2015/lib/_web-components/catalog-category/catalog-category.component.js +22 -19
  8. package/esm2015/lib/_web-components/catalog-list/catalog-list.component.js +36 -26
  9. package/esm2015/lib/_web-components/catalog-recipe-card/catalog-recipe-card.component.js +1 -1
  10. package/esm2015/lib/_web-components/recipe-card/recipe-card.component.js +1 -1
  11. package/fesm2015/ng-miam.js +147 -102
  12. package/fesm2015/ng-miam.js.map +1 -1
  13. package/lib/_services/groceries-lists.service.d.ts +9 -0
  14. package/lib/_web-components/basket-preview/basket-preview-line/basket-preview-line.component.d.ts +1 -0
  15. package/lib/_web-components/catalog-category/catalog-category.component.d.ts +2 -2
  16. package/lib/_web-components/catalog-list/catalog-list.component.d.ts +3 -3
  17. package/lib/_web-components/catalog-recipe-card/catalog-recipe-card.component.d.ts +1 -1
  18. package/lib/_web-components/recipe-card/recipe-card.component.d.ts +1 -1
  19. package/package.json +1 -1
package/bundles/ng-miam.umd.js CHANGED
@@ -694,6 +694,11 @@
694
694
  _this.resource = GroceriesList;
695
695
  _this.type = 'groceries-lists';
696
696
  _this.list$ = new rxjs.BehaviorSubject(null);
697
+ // Unused in sdk at the moment but any client app can subscribe on it to know when a recipe has been added
698
+ _this.recipeWasAdded$ = new rxjs.BehaviorSubject([]);
699
+ // Unused in sdk at the moment but any client app can subscribe on it to know when a recipe has been added
700
+ _this.recipeWasDeleted$ = new rxjs.BehaviorSubject([]);
701
+ _this.saveOperationType = '';
697
702
  _this.register();
698
703
  _this.refreshCurrentList();
699
704
  return _this;
@@ -729,6 +734,7 @@
729
734
  Object.assign(info, { guests: guests });
730
735
  }
731
736
  list.attributes['recipes-infos'] = [info];
737
+ this.saveOperationType = 'ADD';
732
738
  this.analyticsService.sendEvent('add-recipe');
733
739
  }
734
740
  else if (guests) {
@@ -751,6 +757,7 @@
751
757
  return info.id !== recipeId;
752
758
  });
753
759
  this.analyticsService.sendEvent('remove-recipe');
760
+ this.saveOperationType = 'REMOVE';
754
761
  return this.saveList(list);
755
762
  }
756
763
  return rxjs.of(null);
@@ -763,6 +770,7 @@
763
770
  });
764
771
  recipeInfo.guests = guests;
765
772
  this.analyticsService.sendEvent('change-guests');
773
+ this.saveOperationType = 'GUESTS';
766
774
  this.saveList(list).subscribe();
767
775
  }
768
776
  return this.list$;
@@ -771,6 +779,7 @@
771
779
  var list = this.list$.value;
772
780
  list.attributes['recipes-infos'] = [];
773
781
  this.analyticsService.sendEvent('remove-all-recipes');
782
+ this.saveOperationType = 'REMOVE';
774
783
  this.saveList(list).subscribe();
775
784
  return this.list$;
776
785
  };
@@ -795,6 +804,13 @@
795
804
  delete (list.attributes['recipes-ids']);
796
805
  return list.save().pipe(operators.skipWhile(function (l) { return l.is_loading; }), operators.tap(function () {
797
806
  _this.list$.next(list);
807
+ if (_this.saveOperationType === 'ADD') {
808
+ _this.recipeWasAdded$.next(list.recipeInfos);
809
+ }
810
+ if (_this.saveOperationType === 'REMOVE') {
811
+ _this.recipeWasDeleted$.next(list.recipeInfos);
812
+ }
813
+ _this.saveOperationType = '';
798
814
  if (openBasket) {
799
815
  window.open(_this.miamBasketURL + "/" + list.id, '_blank');
800
816
  }
@@ -8974,7 +8990,7 @@
8974
8990
  i0.ɵɵelementEnd();
8975
8991
  }
8976
8992
  }
8977
- function CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_12_Template(rf, ctx) {
8993
+ function CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_13_Template(rf, ctx) {
8978
8994
  if (rf & 1) {
8979
8995
  i0.ɵɵelement(0, "ng-miam-catalog-recipe-card", 16);
8980
8996
  }
@@ -8983,7 +8999,7 @@
8983
8999
  i0.ɵɵproperty("recipe", recipe_r8);
8984
9000
  }
8985
9001
  }
8986
- function CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_13_Template(rf, ctx) {
9002
+ function CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_14_Template(rf, ctx) {
8987
9003
  if (rf & 1) {
8988
9004
  i0.ɵɵelement(0, "ng-miam-catalog-article-card", 17);
8989
9005
  }
@@ -8992,11 +9008,11 @@
8992
9008
  i0.ɵɵproperty("article", article_r9);
8993
9009
  }
8994
9010
  }
8995
- function CatalogCategoryComponent_div_0_div_14_Template(rf, ctx) {
9011
+ function CatalogCategoryComponent_div_0_div_15_Template(rf, ctx) {
8996
9012
  if (rf & 1) {
8997
9013
  var _r11_1 = i0.ɵɵgetCurrentView();
8998
9014
  i0.ɵɵelementStart(0, "div", 18);
8999
- i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_14_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.slideLeft(); });
9015
+ i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.slideLeft(); });
9000
9016
  i0.ɵɵelement(1, "ng-miam-icon", 19);
9001
9017
  i0.ɵɵelementEnd();
9002
9018
  }
@@ -9006,11 +9022,11 @@
9006
9022
  i0.ɵɵproperty("iconName", ctx_r6.icon.ChevronDown);
9007
9023
  }
9008
9024
  }
9009
- function CatalogCategoryComponent_div_0_div_15_Template(rf, ctx) {
9025
+ function CatalogCategoryComponent_div_0_div_16_Template(rf, ctx) {
9010
9026
  if (rf & 1) {
9011
9027
  var _r13_1 = i0.ɵɵgetCurrentView();
9012
9028
  i0.ɵɵelementStart(0, "div", 20);
9013
- i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r13_1); var ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.slideRight(); });
9029
+ i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_16_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r13_1); var ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.slideRight(); });
9014
9030
  i0.ɵɵelement(1, "ng-miam-icon", 19);
9015
9031
  i0.ɵɵelementEnd();
9016
9032
  }
@@ -9041,11 +9057,12 @@
9041
9057
  i0.ɵɵelementStart(7, "div", 6, 7);
9042
9058
  i0.ɵɵelementStart(9, "div", 8, 9);
9043
9059
  i0.ɵɵtemplate(11, CatalogCategoryComponent_div_0_div_11_Template, 4, 0, "div", 10);
9044
- i0.ɵɵtemplate(12, CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_12_Template, 1, 1, "ng-miam-catalog-recipe-card", 11);
9045
- i0.ɵɵtemplate(13, CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_13_Template, 1, 1, "ng-miam-catalog-article-card", 12);
9060
+ i0.ɵɵpipe(12, "async");
9061
+ i0.ɵɵtemplate(13, CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_13_Template, 1, 1, "ng-miam-catalog-recipe-card", 11);
9062
+ i0.ɵɵtemplate(14, CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_14_Template, 1, 1, "ng-miam-catalog-article-card", 12);
9046
9063
  i0.ɵɵelementEnd();
9047
- i0.ɵɵtemplate(14, CatalogCategoryComponent_div_0_div_14_Template, 2, 1, "div", 13);
9048
- i0.ɵɵtemplate(15, CatalogCategoryComponent_div_0_div_15_Template, 2, 1, "div", 14);
9064
+ i0.ɵɵtemplate(15, CatalogCategoryComponent_div_0_div_15_Template, 2, 1, "div", 13);
9065
+ i0.ɵɵtemplate(16, CatalogCategoryComponent_div_0_div_16_Template, 2, 1, "div", 14);
9049
9066
  i0.ɵɵelementEnd();
9050
9067
  i0.ɵɵelementEnd();
9051
9068
  }
@@ -9056,10 +9073,10 @@
9056
9073
  i0.ɵɵadvance(3);
9057
9074
  i0.ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
9058
9075
  i0.ɵɵadvance(3);
9059
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(8, _c2$1, "translateX(-" + ctx_r0.xTranslation() + "px)"));
9076
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c2$1, "translateX(-" + ctx_r0.xTranslation() + "px)"));
9077
+ i0.ɵɵadvance(2);
9078
+ i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(12, 8, ctx_r0.loading));
9060
9079
  i0.ɵɵadvance(2);
9061
- i0.ɵɵproperty("ngIf", ctx_r0.isLoading);
9062
- i0.ɵɵadvance(1);
9063
9080
  i0.ɵɵproperty("ngForOf", ctx_r0.recipes);
9064
9081
  i0.ɵɵadvance(1);
9065
9082
  i0.ɵɵproperty("ngForOf", ctx_r0.articles);
@@ -9083,6 +9100,7 @@
9083
9100
  this.cdr = cdr;
9084
9101
  this.title = '';
9085
9102
  this.maxRecipeNumber = 20;
9103
+ this.loading = new i0.EventEmitter(true);
9086
9104
  this.recipes = [];
9087
9105
  this.articles = [];
9088
9106
  this.hide = false;
@@ -9096,7 +9114,6 @@
9096
9114
  this.displayList = new i0.EventEmitter();
9097
9115
  this.subscriptions = [];
9098
9116
  this.recipes = [];
9099
- this.isLoading = true;
9100
9117
  }
9101
9118
  CatalogCategoryComponent.prototype.ngOnChanges = function () {
9102
9119
  var _this = this;
@@ -9108,7 +9125,7 @@
9108
9125
  _this.hide = false;
9109
9126
  _this.createSections();
9110
9127
  }
9111
- _this.isLoading = false;
9128
+ _this.loading.emit(false);
9112
9129
  _this.cdr.detectChanges();
9113
9130
  })).subscribe());
9114
9131
  };
@@ -9243,14 +9260,14 @@
9243
9260
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.categoryCards = _t.first);
9244
9261
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCards = _t);
9245
9262
  }
9246
- }, inputs: { filters: "filters", title: "title", maxRecipeNumber: "maxRecipeNumber" }, outputs: { displayList: "displayList" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__link", 3, "click"], ["height", "20", "width", "20", "primaryColor", "var(--m-color-grey-text)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards", 3, "ngStyle"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], ["class", "miam-catalog-category__card", 3, "recipe", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__card", 3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__slider__left", 3, "click", 4, "ngIf"], ["class", "miam-catalog-category__slider__right", 3, "click", 4, "ngIf"], [1, "miam-catalog-category__loader"], [1, "miam-catalog-category__card", 3, "recipe"], [1, "miam-catalog-category__card", 3, "article"], [1, "miam-catalog-category__slider__left", 3, "click"], ["height", "56", "width", "56", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-catalog-category__slider__right", 3, "click"]], template: function CatalogCategoryComponent_Template(rf, ctx) {
9263
+ }, inputs: { filters: "filters", title: "title", maxRecipeNumber: "maxRecipeNumber" }, outputs: { displayList: "displayList", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__link", 3, "click"], ["height", "20", "width", "20", "primaryColor", "var(--m-color-grey-text)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards", 3, "ngStyle"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], ["class", "miam-catalog-category__card", 3, "recipe", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__card", 3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__slider__left", 3, "click", 4, "ngIf"], ["class", "miam-catalog-category__slider__right", 3, "click", 4, "ngIf"], [1, "miam-catalog-category__loader"], [1, "miam-catalog-category__card", 3, "recipe"], [1, "miam-catalog-category__card", 3, "article"], [1, "miam-catalog-category__slider__left", 3, "click"], ["height", "56", "width", "56", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-catalog-category__slider__right", 3, "click"]], template: function CatalogCategoryComponent_Template(rf, ctx) {
9247
9264
  if (rf & 1) {
9248
- i0.ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 16, 10, "div", 0);
9265
+ i0.ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 17, 12, "div", 0);
9249
9266
  }
9250
9267
  if (rf & 2) {
9251
9268
  i0.ɵɵproperty("ngIf", !ctx.hide);
9252
9269
  }
9253
- }, directives: [i8.NgIf, IconComponent, i8.NgStyle, i8.NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], styles: [".miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right,.miam-catalog-category__slider{-webkit-backdrop-filter:blur(12px);align-items:center;backdrop-filter:blur(12px);background-color:rgba(32,32,32,.3);cursor:pointer;display:flex;height:calc(100% - 28px);justify-content:center;margin:12px 0 16px;position:absolute;top:0;width:48px}@media (max-width:1022px){.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right,.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:24px;font-weight:700;margin-left:16px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-grey-text);cursor:pointer;font-size:14px;line-height:28px;margin-left:16px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .icon-container{cursor:pointer;margin-bottom:3px;transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content{height:332px;overflow:hidden;position:relative;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;transition-duration:.5s}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card{margin:12px 0 16px 16px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right{border-radius:8px 0 0 8px;right:0}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right .icon-container{transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left{border-radius:0 8px 8px 0;left:0}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left .icon-container{transform:rotate(90deg)}@media (max-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title{max-width:70%}.miam-catalog-category .miam-catalog-category__content{overflow:scroll}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card{display:flex}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card:last-child:after{content:\"\";width:16px}}"], encapsulation: 2, changeDetection: 0 });
9270
+ }, directives: [i8.NgIf, IconComponent, i8.NgStyle, i8.NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], pipes: [i8.AsyncPipe], styles: [".miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right,.miam-catalog-category__slider{-webkit-backdrop-filter:blur(12px);align-items:center;backdrop-filter:blur(12px);background-color:rgba(32,32,32,.3);cursor:pointer;display:flex;height:calc(100% - 28px);justify-content:center;margin:12px 0 16px;position:absolute;top:0;width:48px}@media (max-width:1022px){.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right,.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:24px;font-weight:700;margin-left:16px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-grey-text);cursor:pointer;font-size:14px;line-height:28px;margin-left:16px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .icon-container{cursor:pointer;margin-bottom:3px;transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content{height:332px;overflow:hidden;position:relative;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;transition-duration:.5s}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card{margin:12px 0 16px 16px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right{border-radius:8px 0 0 8px;right:0}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right .icon-container{transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left{border-radius:0 8px 8px 0;left:0}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left .icon-container{transform:rotate(90deg)}@media (max-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__title{max-width:70%}.miam-catalog-category .miam-catalog-category__content{overflow:scroll}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card{display:flex}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__card:last-child:after{content:\"\";width:16px}}"], encapsulation: 2, changeDetection: 0 });
9254
9271
  /*@__PURE__*/ (function () {
9255
9272
  i0.ɵsetClassMetadata(CatalogCategoryComponent, [{
9256
9273
  type: i0.Component,
@@ -9269,6 +9286,8 @@
9269
9286
  type: i0.Input
9270
9287
  }], displayList: [{
9271
9288
  type: i0.Output
9289
+ }], loading: [{
9290
+ type: i0.Output
9272
9291
  }], categoryContent: [{
9273
9292
  type: i0.ViewChild,
9274
9293
  args: ['categoryContent']
@@ -9573,20 +9592,20 @@
9573
9592
  i0.ɵɵproperty("ngIf", ctx_r1.noRecipeTextSecondLine && ctx_r1.filtersAreEmpty)("ngIfElse", _r14);
9574
9593
  }
9575
9594
  }
9576
- function CatalogListComponent_ng_miam_card_create_recipe_3_Template(rf, ctx) {
9595
+ function CatalogListComponent_ng_miam_card_create_recipe_4_Template(rf, ctx) {
9577
9596
  if (rf & 1) {
9578
9597
  var _r18_1 = i0.ɵɵgetCurrentView();
9579
9598
  i0.ɵɵelementStart(0, "ng-miam-card-create-recipe", 20);
9580
- i0.ɵɵlistener("clicked", function CatalogListComponent_ng_miam_card_create_recipe_3_Template_ng_miam_card_create_recipe_clicked_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.recipeActionTriggered.emit({ action: "CREATE", recipe: null }); });
9599
+ i0.ɵɵlistener("clicked", function CatalogListComponent_ng_miam_card_create_recipe_4_Template_ng_miam_card_create_recipe_clicked_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.recipeActionTriggered.emit({ action: "CREATE", recipe: null }); });
9581
9600
  i0.ɵɵelementEnd();
9582
9601
  }
9583
9602
  }
9584
- function CatalogListComponent_div_4_Template(rf, ctx) {
9603
+ function CatalogListComponent_div_5_Template(rf, ctx) {
9585
9604
  if (rf & 1) {
9586
9605
  var _r21_1 = i0.ɵɵgetCurrentView();
9587
9606
  i0.ɵɵelementStart(0, "div", 21);
9588
9607
  i0.ɵɵelementStart(1, "ng-miam-catalog-recipe-card", 22);
9589
- i0.ɵɵlistener("actionTriggered", function CatalogListComponent_div_4_Template_ng_miam_catalog_recipe_card_actionTriggered_1_listener($event) { i0.ɵɵrestoreView(_r21_1); var recipe_r19 = ctx.$implicit; var ctx_r20 = i0.ɵɵnextContext(); return ctx_r20.recipeActionTriggered.emit({ action: $event, recipe: recipe_r19 }); });
9608
+ i0.ɵɵlistener("actionTriggered", function CatalogListComponent_div_5_Template_ng_miam_catalog_recipe_card_actionTriggered_1_listener($event) { i0.ɵɵrestoreView(_r21_1); var recipe_r19 = ctx.$implicit; var ctx_r20 = i0.ɵɵnextContext(); return ctx_r20.recipeActionTriggered.emit({ action: $event, recipe: recipe_r19 }); });
9590
9609
  i0.ɵɵelementEnd();
9591
9610
  i0.ɵɵelementEnd();
9592
9611
  }
@@ -9596,7 +9615,7 @@
9596
9615
  i0.ɵɵproperty("recipe", recipe_r19);
9597
9616
  }
9598
9617
  }
9599
- function CatalogListComponent_div_5_Template(rf, ctx) {
9618
+ function CatalogListComponent_div_6_Template(rf, ctx) {
9600
9619
  if (rf & 1) {
9601
9620
  i0.ɵɵelementStart(0, "div", 21);
9602
9621
  i0.ɵɵelement(1, "ng-miam-catalog-article-card", 23);
@@ -9608,7 +9627,7 @@
9608
9627
  i0.ɵɵproperty("article", article_r22);
9609
9628
  }
9610
9629
  }
9611
- function CatalogListComponent_div_6_Template(rf, ctx) {
9630
+ function CatalogListComponent_div_7_Template(rf, ctx) {
9612
9631
  if (rf & 1) {
9613
9632
  i0.ɵɵelementStart(0, "div", 24);
9614
9633
  i0.ɵɵelement(1, "ng-miam-loader");
@@ -9630,9 +9649,9 @@
9630
9649
  this.retrievedRecipes = new i0.EventEmitter();
9631
9650
  this.filterRemoved = new i0.EventEmitter();
9632
9651
  this.recipeActionTriggered = new i0.EventEmitter();
9652
+ this.loading = new i0.EventEmitter(true);
9633
9653
  this.currentRecipes = [];
9634
9654
  this.lastPage = 0;
9635
- this.loading = true;
9636
9655
  this.icon = exports.Icon;
9637
9656
  this.noMoreRecipes = false;
9638
9657
  this.noMoreArticles = false;
@@ -9673,13 +9692,21 @@
9673
9692
  return (rect.top <= viewportHeight && rect.bottom >= 0);
9674
9693
  };
9675
9694
  CatalogListComponent.prototype.autoloadContentIfNecessary = function () {
9676
- if (this.anchorIsOnScreen() && !this.loading &&
9677
- ((this.currentRecipes.length > 0 && !this.noMoreRecipes) || (this.articles.length > 0 && !this.noMoreArticles))) {
9678
- this.loadMore();
9679
- }
9695
+ var _this = this;
9696
+ this.loading.pipe(operators.take(1), operators.filter(function (loading) { return !loading; })).subscribe(function () {
9697
+ if (_this.anchorIsOnScreen() && ((_this.currentRecipes.length > 0 && !_this.noMoreRecipes) ||
9698
+ (_this.articles.length > 0 && !_this.noMoreArticles))) {
9699
+ // At component initial load, 2 calls will be made for the first two recipes page
9700
+ // This is to avoid making the loader spin twice
9701
+ _this.loadMore(_this.lastPage > 2);
9702
+ }
9703
+ });
9680
9704
  };
9681
- CatalogListComponent.prototype.loadMore = function () {
9682
- this.loading = true;
9705
+ CatalogListComponent.prototype.loadMore = function (loader) {
9706
+ if (loader === void 0) { loader = true; }
9707
+ if (loader) {
9708
+ this.loading.emit(true);
9709
+ }
9683
9710
  this.lastPage++;
9684
9711
  this.loadContent();
9685
9712
  };
@@ -9775,7 +9802,7 @@
9775
9802
  return filtersArray.filter(function (el) { return el.value; }).map(function (el) { return el.text; });
9776
9803
  };
9777
9804
  CatalogListComponent.prototype.reloadPage = function () {
9778
- this.loading = true;
9805
+ this.loading.emit(true);
9779
9806
  this.lastPage = 1;
9780
9807
  this.noMoreRecipes = false;
9781
9808
  this.noMoreArticles = false;
@@ -9811,7 +9838,7 @@
9811
9838
  CatalogListComponent.prototype.loadContent = function () {
9812
9839
  var _this = this;
9813
9840
  this.subscriptions.push(rxjs.forkJoin([this.loadRecipesPage(this.lastPage), this.loadArticles(this.lastPage)]).subscribe(function () {
9814
- _this.loading = false;
9841
+ _this.loading.emit(false);
9815
9842
  _this.cdr.detectChanges();
9816
9843
  }));
9817
9844
  };
@@ -9826,33 +9853,35 @@
9826
9853
  var _t;
9827
9854
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCards = _t);
9828
9855
  }
9829
- }, inputs: { filters: "filters", noRecipeTextFirstLine: "noRecipeTextFirstLine", noRecipeTextSecondLine: "noRecipeTextSecondLine", insertCreateCard: "insertCreateCard", randomMode: "randomMode" }, outputs: { retrievedRecipes: "retrievedRecipes", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered" }, features: [i0.ɵɵNgOnChangesFeature], decls: 8, vars: 6, consts: [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__filters", 4, "ngIf"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], ["class", "miam-catalog-list__card", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__filters"], [1, "miam-catalog-list__filter__title"], ["class", "miam-catalog-list__filter", 4, "ngFor", "ngForOf"], [1, "miam-catalog-list__filter"], ["primaryColor", "var(--m-color-primary)", 1, "miam-catalog-list__filter__icon", 3, "iconName", "click"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [1, "miam-catalog-list__notFound__title1"], [4, "ngIf", "ngIfElse"], ["defaultFirstLine", ""], [1, "miam-catalog-list__notFound__title2"], ["defaultSecondLine", ""], [4, "ngIf"], [1, "miam-catalog-list__card", 3, "clicked"], [1, "miam-catalog-list__card"], [3, "recipe", "actionTriggered"], [3, "article"], [1, "miam-catalog-list__loader"]], template: function CatalogListComponent_Template(rf, ctx) {
9856
+ }, inputs: { filters: "filters", noRecipeTextFirstLine: "noRecipeTextFirstLine", noRecipeTextSecondLine: "noRecipeTextSecondLine", insertCreateCard: "insertCreateCard", randomMode: "randomMode" }, outputs: { retrievedRecipes: "retrievedRecipes", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 10, vars: 10, consts: [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__filters", 4, "ngIf"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], ["class", "miam-catalog-list__card", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__filters"], [1, "miam-catalog-list__filter__title"], ["class", "miam-catalog-list__filter", 4, "ngFor", "ngForOf"], [1, "miam-catalog-list__filter"], ["primaryColor", "var(--m-color-primary)", 1, "miam-catalog-list__filter__icon", 3, "iconName", "click"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [1, "miam-catalog-list__notFound__title1"], [4, "ngIf", "ngIfElse"], ["defaultFirstLine", ""], [1, "miam-catalog-list__notFound__title2"], ["defaultSecondLine", ""], [4, "ngIf"], [1, "miam-catalog-list__card", 3, "clicked"], [1, "miam-catalog-list__card"], [3, "recipe", "actionTriggered"], [3, "article"], [1, "miam-catalog-list__loader"]], template: function CatalogListComponent_Template(rf, ctx) {
9830
9857
  if (rf & 1) {
9831
9858
  i0.ɵɵelementStart(0, "div", 0);
9832
9859
  i0.ɵɵtemplate(1, CatalogListComponent_div_1_Template, 4, 1, "div", 1);
9833
9860
  i0.ɵɵtemplate(2, CatalogListComponent_div_2_Template, 10, 7, "div", 2);
9834
- i0.ɵɵtemplate(3, CatalogListComponent_ng_miam_card_create_recipe_3_Template, 1, 0, "ng-miam-card-create-recipe", 3);
9835
- i0.ɵɵtemplate(4, CatalogListComponent_div_4_Template, 2, 1, "div", 4);
9861
+ i0.ɵɵpipe(3, "async");
9862
+ i0.ɵɵtemplate(4, CatalogListComponent_ng_miam_card_create_recipe_4_Template, 1, 0, "ng-miam-card-create-recipe", 3);
9836
9863
  i0.ɵɵtemplate(5, CatalogListComponent_div_5_Template, 2, 1, "div", 4);
9837
- i0.ɵɵtemplate(6, CatalogListComponent_div_6_Template, 4, 0, "div", 5);
9838
- i0.ɵɵelement(7, "div", 6);
9864
+ i0.ɵɵtemplate(6, CatalogListComponent_div_6_Template, 2, 1, "div", 4);
9865
+ i0.ɵɵtemplate(7, CatalogListComponent_div_7_Template, 4, 0, "div", 5);
9866
+ i0.ɵɵpipe(8, "async");
9867
+ i0.ɵɵelement(9, "div", 6);
9839
9868
  i0.ɵɵelementEnd();
9840
9869
  }
9841
9870
  if (rf & 2) {
9842
9871
  i0.ɵɵadvance(1);
9843
9872
  i0.ɵɵproperty("ngIf", ctx.filtersToDisplay.length > 0);
9844
9873
  i0.ɵɵadvance(1);
9845
- i0.ɵɵproperty("ngIf", !ctx.loading && ctx.currentRecipes.length === 0 && ctx.articles.length === 0);
9846
- i0.ɵɵadvance(1);
9874
+ i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 6, ctx.loading) && ctx.currentRecipes.length === 0 && ctx.articles.length === 0);
9875
+ i0.ɵɵadvance(2);
9847
9876
  i0.ɵɵproperty("ngIf", ctx.insertCreateCard && ctx.currentRecipes.length !== 0);
9848
9877
  i0.ɵɵadvance(1);
9849
9878
  i0.ɵɵproperty("ngForOf", ctx.currentRecipes);
9850
9879
  i0.ɵɵadvance(1);
9851
9880
  i0.ɵɵproperty("ngForOf", ctx.articles);
9852
9881
  i0.ɵɵadvance(1);
9853
- i0.ɵɵproperty("ngIf", ctx.loading);
9882
+ i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(8, 8, ctx.loading));
9854
9883
  }
9855
- }, directives: [i8.NgIf, i8.NgForOf, IconComponent, CardCreateRecipeComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent, LoaderComponent], styles: [".miam-catalog-list__cards{display:flex;flex-flow:row wrap;position:relative;right:0;top:0;width:100%}.miam-catalog-list__cards .miam-catalog-list__filters{align-items:center;display:flex;flex-flow:row wrap;margin:0 8px;width:100%}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter__title{margin-top:-16px;padding:0 24px}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter{align-items:center;border:1px solid var(--m-color-primary);border-radius:4px;display:flex;margin:0 0 16px 8px;padding:8px 16px}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter .miam-catalog-list__filter__icon .icon-container{-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0 0 0 16px}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;justify-content:center;padding:36px 0 0;text-align:center;width:100%}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{color:var(--m-color-primary);font-size:24px;font-weight:700;margin-top:36px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{color:var(--m-color-grey-text);font-size:22px}.miam-catalog-list__cards .miam-catalog-list__card{margin:8px}.miam-catalog-list__cards .miam-catalog-list__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-list__cards .miam-catalog-list__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{bottom:0;height:600px;margin-top:-600px;position:relative}@media (max-width:1022px){.miam-catalog-list__cards{justify-content:center}.miam-catalog-list__cards .miam-catalog-list__filters{display:none}.miam-catalog-list__cards .miam-catalog-list__notFound{margin:0 16px 36px;padding:0}.miam-catalog-list__cards .miam-catalog-list__notFound ng-miam-icon .icon-container{height:126px!important;width:145px!important}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{font-size:21px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:16px}.miam-catalog-list__cards .miam-catalog-list__card{max-width:344px;width:100%}.miam-catalog-list__cards .miam-catalog-list__card .miam-catalog-recipe-card{margin:auto;width:95%}}"], encapsulation: 2, changeDetection: 0 });
9884
+ }, directives: [i8.NgIf, i8.NgForOf, IconComponent, CardCreateRecipeComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent, LoaderComponent], pipes: [i8.AsyncPipe], styles: [".miam-catalog-list__cards{display:flex;flex-flow:row wrap;position:relative;right:0;top:0;width:100%}.miam-catalog-list__cards .miam-catalog-list__filters{align-items:center;display:flex;flex-flow:row wrap;margin:0 8px;width:100%}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter__title{margin-top:-16px;padding:0 24px}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter{align-items:center;border:1px solid var(--m-color-primary);border-radius:4px;display:flex;margin:0 0 16px 8px;padding:8px 16px}.miam-catalog-list__cards .miam-catalog-list__filters .miam-catalog-list__filter .miam-catalog-list__filter__icon .icon-container{-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0 0 0 16px}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;justify-content:center;padding:36px 0 0;text-align:center;width:100%}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{color:var(--m-color-primary);font-size:24px;font-weight:700;margin-top:36px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{color:var(--m-color-grey-text);font-size:22px}.miam-catalog-list__cards .miam-catalog-list__card{margin:8px}.miam-catalog-list__cards .miam-catalog-list__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-list__cards .miam-catalog-list__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{bottom:0;height:600px;margin-top:-600px;position:relative}@media (max-width:1022px){.miam-catalog-list__cards{justify-content:center}.miam-catalog-list__cards .miam-catalog-list__filters{display:none}.miam-catalog-list__cards .miam-catalog-list__notFound{margin:0 16px 36px;padding:0}.miam-catalog-list__cards .miam-catalog-list__notFound ng-miam-icon .icon-container{height:126px!important;width:145px!important}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{font-size:21px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:16px}.miam-catalog-list__cards .miam-catalog-list__card{max-width:344px;width:100%}.miam-catalog-list__cards .miam-catalog-list__card .miam-catalog-recipe-card{margin:auto;width:95%}}"], encapsulation: 2, changeDetection: 0 });
9856
9885
  /*@__PURE__*/ (function () {
9857
9886
  i0.ɵsetClassMetadata(CatalogListComponent, [{
9858
9887
  type: i0.Component,
@@ -9879,6 +9908,8 @@
9879
9908
  type: i0.Output
9880
9909
  }], recipeActionTriggered: [{
9881
9910
  type: i0.Output
9911
+ }], loading: [{
9912
+ type: i0.Output
9882
9913
  }], recipeCards: [{
9883
9914
  type: i0.ViewChildren,
9884
9915
  args: [CatalogRecipeCardComponent]
@@ -10696,18 +10727,36 @@
10696
10727
  }] });
10697
10728
  })();
10698
10729
 
10730
+ function BasketPreviewLineComponent_div_3_ng_miam_icon_1_Template(rf, ctx) {
10731
+ if (rf & 1) {
10732
+ i0.ɵɵelement(0, "ng-miam-icon", 26);
10733
+ }
10734
+ if (rf & 2) {
10735
+ var ctx_r13 = i0.ɵɵnextContext(2);
10736
+ i0.ɵɵproperty("iconName", ctx_r13.icon.Trash);
10737
+ }
10738
+ }
10739
+ function BasketPreviewLineComponent_div_3_ng_template_2_Template(rf, ctx) {
10740
+ if (rf & 1) {
10741
+ i0.ɵɵelementStart(0, "div", 27);
10742
+ i0.ɵɵelement(1, "ng-miam-loader");
10743
+ i0.ɵɵelementEnd();
10744
+ }
10745
+ }
10699
10746
  function BasketPreviewLineComponent_div_3_Template(rf, ctx) {
10700
10747
  if (rf & 1) {
10701
- var _r14_1 = i0.ɵɵgetCurrentView();
10748
+ var _r17_1 = i0.ɵɵgetCurrentView();
10702
10749
  i0.ɵɵelementStart(0, "div", 23);
10703
- i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_3_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r14_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.removeLine($event); });
10704
- i0.ɵɵelement(1, "ng-miam-icon", 24);
10750
+ i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_3_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r17_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.removeLine($event); });
10751
+ i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_3_ng_miam_icon_1_Template, 1, 1, "ng-miam-icon", 24);
10752
+ i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_3_ng_template_2_Template, 2, 0, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
10705
10753
  i0.ɵɵelementEnd();
10706
10754
  }
10707
10755
  if (rf & 2) {
10756
+ var _r14 = i0.ɵɵreference(3);
10708
10757
  var ctx_r0 = i0.ɵɵnextContext();
10709
10758
  i0.ɵɵadvance(1);
10710
- i0.ɵɵproperty("iconName", ctx_r0.icon.Trash);
10759
+ i0.ɵɵproperty("ngIf", !ctx_r0.removing)("ngIfElse", _r14);
10711
10760
  }
10712
10761
  }
10713
10762
  function BasketPreviewLineComponent_div_11_Template(rf, ctx) {
@@ -10717,14 +10766,14 @@
10717
10766
  i0.ɵɵelementEnd();
10718
10767
  }
10719
10768
  if (rf & 2) {
10720
- var item_r15 = ctx.$implicit;
10769
+ var item_r18 = ctx.$implicit;
10721
10770
  i0.ɵɵadvance(1);
10722
- i0.ɵɵtextInterpolate(item_r15);
10771
+ i0.ɵɵtextInterpolate(item_r18);
10723
10772
  }
10724
10773
  }
10725
10774
  function BasketPreviewLineComponent_div_13_Template(rf, ctx) {
10726
10775
  if (rf & 1) {
10727
- i0.ɵɵelementStart(0, "div", 25);
10776
+ i0.ɵɵelementStart(0, "div", 28);
10728
10777
  i0.ɵɵtext(1);
10729
10778
  i0.ɵɵelementEnd();
10730
10779
  }
@@ -10736,7 +10785,7 @@
10736
10785
  }
10737
10786
  function BasketPreviewLineComponent_div_14_Template(rf, ctx) {
10738
10787
  if (rf & 1) {
10739
- i0.ɵɵelementStart(0, "div", 25);
10788
+ i0.ɵɵelementStart(0, "div", 28);
10740
10789
  i0.ɵɵtext(1, " Voir la recette ");
10741
10790
  i0.ɵɵelementEnd();
10742
10791
  }
@@ -10744,10 +10793,10 @@
10744
10793
  var _c0$h = function (a0) { return { "disable": a0 }; };
10745
10794
  function BasketPreviewLineComponent_div_15_Template(rf, ctx) {
10746
10795
  if (rf & 1) {
10747
- var _r17_1 = i0.ɵɵgetCurrentView();
10748
- i0.ɵɵelementStart(0, "div", 26);
10749
- i0.ɵɵelementStart(1, "a", 27);
10750
- i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_15_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.changeProduct(ctx_r16.line); });
10796
+ var _r20_1 = i0.ɵɵgetCurrentView();
10797
+ i0.ɵɵelementStart(0, "div", 29);
10798
+ i0.ɵɵelementStart(1, "a", 30);
10799
+ i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_15_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.changeProduct(ctx_r19.line); });
10751
10800
  i0.ɵɵtext(2, "Changer d'article");
10752
10801
  i0.ɵɵelementEnd();
10753
10802
  i0.ɵɵelementEnd();
@@ -10760,8 +10809,8 @@
10760
10809
  }
10761
10810
  function BasketPreviewLineComponent_div_16_Template(rf, ctx) {
10762
10811
  if (rf & 1) {
10763
- i0.ɵɵelementStart(0, "div", 28);
10764
- i0.ɵɵelementStart(1, "span", 29);
10812
+ i0.ɵɵelementStart(0, "div", 31);
10813
+ i0.ɵɵelementStart(1, "span", 32);
10765
10814
  i0.ɵɵtext(2);
10766
10815
  i0.ɵɵelementEnd();
10767
10816
  i0.ɵɵelementEnd();
@@ -10774,7 +10823,7 @@
10774
10823
  }
10775
10824
  function BasketPreviewLineComponent_div_18_Template(rf, ctx) {
10776
10825
  if (rf & 1) {
10777
- i0.ɵɵelementStart(0, "div", 30);
10826
+ i0.ɵɵelementStart(0, "div", 33);
10778
10827
  i0.ɵɵelementStart(1, "span");
10779
10828
  i0.ɵɵtext(2);
10780
10829
  i0.ɵɵelementEnd();
@@ -10796,7 +10845,7 @@
10796
10845
  }
10797
10846
  function BasketPreviewLineComponent_ng_template_19_Template(rf, ctx) {
10798
10847
  if (rf & 1) {
10799
- i0.ɵɵelement(0, "ng-miam-recipe-pricing", 31);
10848
+ i0.ɵɵelement(0, "ng-miam-recipe-pricing", 34);
10800
10849
  i0.ɵɵpipe(1, "async");
10801
10850
  }
10802
10851
  if (rf & 2) {
@@ -10806,14 +10855,14 @@
10806
10855
  }
10807
10856
  function BasketPreviewLineComponent_div_22_Template(rf, ctx) {
10808
10857
  if (rf & 1) {
10809
- i0.ɵɵelementStart(0, "div", 32);
10858
+ i0.ɵɵelementStart(0, "div", 35);
10810
10859
  i0.ɵɵtext(1, "pour");
10811
10860
  i0.ɵɵelementEnd();
10812
10861
  }
10813
10862
  }
10814
10863
  function BasketPreviewLineComponent_div_24_Template(rf, ctx) {
10815
10864
  if (rf & 1) {
10816
- i0.ɵɵelementStart(0, "div", 33);
10865
+ i0.ɵɵelementStart(0, "div", 36);
10817
10866
  i0.ɵɵtext(1);
10818
10867
  i0.ɵɵelementEnd();
10819
10868
  }
@@ -10825,11 +10874,11 @@
10825
10874
  }
10826
10875
  function BasketPreviewLineComponent_div_25_Template(rf, ctx) {
10827
10876
  if (rf & 1) {
10828
- var _r19_1 = i0.ɵɵgetCurrentView();
10829
- i0.ɵɵelementStart(0, "div", 34);
10830
- i0.ɵɵelementStart(1, "button", 35);
10831
- i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_25_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r19_1); var ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.toggleRecipeDisplay($event, true); });
10832
- i0.ɵɵelement(2, "ng-miam-icon", 36);
10877
+ var _r22_1 = i0.ɵɵgetCurrentView();
10878
+ i0.ɵɵelementStart(0, "div", 37);
10879
+ i0.ɵɵelementStart(1, "button", 38);
10880
+ i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_25_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r22_1); var ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.toggleRecipeDisplay($event, true); });
10881
+ i0.ɵɵelement(2, "ng-miam-icon", 39);
10833
10882
  i0.ɵɵelementEnd();
10834
10883
  i0.ɵɵelementEnd();
10835
10884
  }
@@ -10841,75 +10890,75 @@
10841
10890
  }
10842
10891
  function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template(rf, ctx) {
10843
10892
  if (rf & 1) {
10844
- var _r29_1 = i0.ɵɵgetCurrentView();
10845
- i0.ɵɵelementStart(0, "ng-miam-basket-preview-line", 44);
10846
- i0.ɵɵlistener("removed", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { i0.ɵɵrestoreView(_r29_1); var ctx_r28 = i0.ɵɵnextContext(3); return ctx_r28.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r30 = i0.ɵɵnextContext(3); return ctx_r30.replaceItem.emit(ctx_r30.line); });
10893
+ var _r32_1 = i0.ɵɵgetCurrentView();
10894
+ i0.ɵɵelementStart(0, "ng-miam-basket-preview-line", 47);
10895
+ i0.ɵɵlistener("removed", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(3); return ctx_r31.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { i0.ɵɵrestoreView(_r32_1); var ctx_r33 = i0.ɵɵnextContext(3); return ctx_r33.replaceItem.emit(ctx_r33.line); });
10847
10896
  i0.ɵɵelementEnd();
10848
10897
  }
10849
10898
  if (rf & 2) {
10850
- var entryLine_r27 = ctx.$implicit;
10851
- var ctx_r23 = i0.ɵɵnextContext(3);
10852
- i0.ɵɵproperty("line", entryLine_r27)("displayItemsUnitaryPrice", ctx_r23.displayItemsUnitaryPrice)("blockStates", ctx_r23.blockStates);
10899
+ var entryLine_r30 = ctx.$implicit;
10900
+ var ctx_r26 = i0.ɵɵnextContext(3);
10901
+ i0.ɵɵproperty("line", entryLine_r30)("displayItemsUnitaryPrice", ctx_r26.displayItemsUnitaryPrice)("blockStates", ctx_r26.blockStates);
10853
10902
  }
10854
10903
  }
10855
10904
  function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_3_Template(rf, ctx) {
10856
10905
  if (rf & 1) {
10857
- i0.ɵɵelement(0, "ng-miam-basket-preview-disabled", 45);
10906
+ i0.ɵɵelement(0, "ng-miam-basket-preview-disabled", 48);
10858
10907
  }
10859
10908
  if (rf & 2) {
10860
- var ctx_r24 = i0.ɵɵnextContext(3);
10861
- i0.ɵɵproperty("entries", ctx_r24.line.entries.notFound)("alwaysExpanded", ctx_r24.itemsAlwaysExpanded);
10909
+ var ctx_r27 = i0.ɵɵnextContext(3);
10910
+ i0.ɵɵproperty("entries", ctx_r27.line.entries.notFound)("alwaysExpanded", ctx_r27.itemsAlwaysExpanded);
10862
10911
  }
10863
10912
  }
10864
10913
  function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template(rf, ctx) {
10865
10914
  if (rf & 1) {
10866
- var _r32_1 = i0.ɵɵgetCurrentView();
10867
- i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 46);
10868
- i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(3); return ctx_r31.addEntry($event); });
10915
+ var _r35_1 = i0.ɵɵgetCurrentView();
10916
+ i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 49);
10917
+ i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r35_1); var ctx_r34 = i0.ɵɵnextContext(3); return ctx_r34.addEntry($event); });
10869
10918
  i0.ɵɵelementEnd();
10870
10919
  }
10871
10920
  if (rf & 2) {
10872
- var ctx_r25 = i0.ɵɵnextContext(3);
10873
- i0.ɵɵproperty("entries", ctx_r25.line.entries.oftenDeleted)("alwaysExpanded", ctx_r25.itemsAlwaysExpanded);
10921
+ var ctx_r28 = i0.ɵɵnextContext(3);
10922
+ i0.ɵɵproperty("entries", ctx_r28.line.entries.oftenDeleted)("alwaysExpanded", ctx_r28.itemsAlwaysExpanded);
10874
10923
  }
10875
10924
  }
10876
10925
  function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template(rf, ctx) {
10877
10926
  if (rf & 1) {
10878
- var _r34_1 = i0.ɵɵgetCurrentView();
10879
- i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 47);
10880
- i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(3); return ctx_r33.addEntry($event); });
10927
+ var _r37_1 = i0.ɵɵgetCurrentView();
10928
+ i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 50);
10929
+ i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r37_1); var ctx_r36 = i0.ɵɵnextContext(3); return ctx_r36.addEntry($event); });
10881
10930
  i0.ɵɵelementEnd();
10882
10931
  }
10883
10932
  if (rf & 2) {
10884
- var ctx_r26 = i0.ɵɵnextContext(3);
10885
- i0.ɵɵproperty("entries", ctx_r26.line.entries.removed)("alwaysExpanded", ctx_r26.itemsAlwaysExpanded)("reduced", true);
10933
+ var ctx_r29 = i0.ɵɵnextContext(3);
10934
+ i0.ɵɵproperty("entries", ctx_r29.line.entries.removed)("alwaysExpanded", ctx_r29.itemsAlwaysExpanded)("reduced", true);
10886
10935
  }
10887
10936
  }
10888
10937
  function BasketPreviewLineComponent_div_26_div_1_Template(rf, ctx) {
10889
10938
  if (rf & 1) {
10890
10939
  i0.ɵɵelementStart(0, "div");
10891
- i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template, 1, 3, "ng-miam-basket-preview-line", 40);
10940
+ i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template, 1, 3, "ng-miam-basket-preview-line", 43);
10892
10941
  i0.ɵɵpipe(2, "async");
10893
- i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 41);
10894
- i0.ɵɵtemplate(4, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 42);
10895
- i0.ɵɵtemplate(5, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 43);
10942
+ i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 44);
10943
+ i0.ɵɵtemplate(4, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 45);
10944
+ i0.ɵɵtemplate(5, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 46);
10896
10945
  i0.ɵɵelementEnd();
10897
10946
  }
10898
10947
  if (rf & 2) {
10899
- var ctx_r20 = i0.ɵɵnextContext(2);
10948
+ var ctx_r23 = i0.ɵɵnextContext(2);
10900
10949
  i0.ɵɵadvance(1);
10901
- i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 4, ctx_r20.entriesLines$));
10950
+ i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 4, ctx_r23.entriesLines$));
10902
10951
  i0.ɵɵadvance(2);
10903
- i0.ɵɵproperty("ngIf", ctx_r20.line.entries.notFound.length > 0);
10952
+ i0.ɵɵproperty("ngIf", ctx_r23.line.entries.notFound.length > 0);
10904
10953
  i0.ɵɵadvance(1);
10905
- i0.ɵɵproperty("ngIf", ctx_r20.line.entries.oftenDeleted.length > 0);
10954
+ i0.ɵɵproperty("ngIf", ctx_r23.line.entries.oftenDeleted.length > 0);
10906
10955
  i0.ɵɵadvance(1);
10907
- i0.ɵɵproperty("ngIf", ctx_r20.line.entries.removed.length > 0);
10956
+ i0.ɵɵproperty("ngIf", ctx_r23.line.entries.removed.length > 0);
10908
10957
  }
10909
10958
  }
10910
10959
  function BasketPreviewLineComponent_div_26_ng_template_2_Template(rf, ctx) {
10911
10960
  if (rf & 1) {
10912
- i0.ɵɵelementStart(0, "div", 48);
10961
+ i0.ɵɵelementStart(0, "div", 51);
10913
10962
  i0.ɵɵelement(1, "ng-miam-loader");
10914
10963
  i0.ɵɵelementStart(2, "div");
10915
10964
  i0.ɵɵtext(3, "Calcul des ingr\u00E9dients...");
@@ -10919,16 +10968,16 @@
10919
10968
  }
10920
10969
  function BasketPreviewLineComponent_div_26_Template(rf, ctx) {
10921
10970
  if (rf & 1) {
10922
- i0.ɵɵelementStart(0, "div", 37);
10923
- i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_Template, 6, 6, "div", 38);
10924
- i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_26_ng_template_2_Template, 4, 0, "ng-template", null, 39, i0.ɵɵtemplateRefExtractor);
10971
+ i0.ɵɵelementStart(0, "div", 40);
10972
+ i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_Template, 6, 6, "div", 41);
10973
+ i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_26_ng_template_2_Template, 4, 0, "ng-template", null, 42, i0.ɵɵtemplateRefExtractor);
10925
10974
  i0.ɵɵelementEnd();
10926
10975
  }
10927
10976
  if (rf & 2) {
10928
- var _r21 = i0.ɵɵreference(3);
10977
+ var _r24 = i0.ɵɵreference(3);
10929
10978
  var ctx_r12 = i0.ɵɵnextContext();
10930
10979
  i0.ɵɵadvance(1);
10931
- i0.ɵɵproperty("ngIf", !ctx_r12.loading)("ngIfElse", _r21);
10980
+ i0.ɵɵproperty("ngIf", !ctx_r12.loading)("ngIfElse", _r24);
10932
10981
  }
10933
10982
  }
10934
10983
  var _c1$7 = function (a0, a1, a2) { return { clickable: a0, expanded: a1, elevate: a2 }; };
@@ -10957,6 +11006,7 @@
10957
11006
  this.disableItemSelector = false;
10958
11007
  this.selectItem = false;
10959
11008
  this.icon = exports.Icon;
11009
+ this.removing = false;
10960
11010
  this.subscriptions = [];
10961
11011
  }
10962
11012
  // TODO: can we remove the condition on uniqueLine?
@@ -11084,6 +11134,8 @@
11084
11134
  this.recipesService.display(this.line.id, { guests: this.line.count, previewMode: true });
11085
11135
  };
11086
11136
  BasketPreviewLineComponent.prototype.removeLine = function (event) {
11137
+ this.removing = true;
11138
+ this.cdr.detectChanges();
11087
11139
  stopEventPropagation(event);
11088
11140
  this.removed.emit(this.line);
11089
11141
  };
@@ -11108,13 +11160,13 @@
11108
11160
  return BasketPreviewLineComponent;
11109
11161
  }());
11110
11162
  BasketPreviewLineComponent.ɵfac = function BasketPreviewLineComponent_Factory(t) { return new (t || BasketPreviewLineComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(BasketsService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
11111
- BasketPreviewLineComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BasketPreviewLineComponent, selectors: [["ng-miam-basket-preview-line"]], inputs: { line: "line", uniqueLine: "uniqueLine", blockStates: "blockStates", displayTotalPricing: "displayTotalPricing", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice" }, outputs: { removed: "removed", countChanged: "countChanged", replaceItem: "replaceItem", showRecipe: "showRecipe" }, decls: 27, vars: 24, consts: [[1, "miam-basket-preview-line", 3, "id", "ngClass", "click"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-basket-preview-line__item__remove", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [3, "src", "click"], [1, "miam-basket-preview-line__item__details"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "counter", "minRange", "counterChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-basket-preview-line__item__remove", 3, "click"], ["height", "24", "width", "24", "primaryColor", "var(--m-color-grey-text-dark)", 3, "iconName"], [1, "miam-basket-preview-line__item__showDetails"], [1, "miam-basket-preview-line__item__change"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass", "click"], [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], [1, "miam-basket-preview-line__item__count__people"], [1, "miam-basket-preview-line__add__button"], [1, "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "displayItemsUnitaryPrice", "blockStates", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", "alwaysExpanded", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "displayItemsUnitaryPrice", "blockStates", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries", "alwaysExpanded"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"]], template: function BasketPreviewLineComponent_Template(rf, ctx) {
11163
+ BasketPreviewLineComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BasketPreviewLineComponent, selectors: [["ng-miam-basket-preview-line"]], inputs: { line: "line", uniqueLine: "uniqueLine", blockStates: "blockStates", displayTotalPricing: "displayTotalPricing", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice" }, outputs: { removed: "removed", countChanged: "countChanged", replaceItem: "replaceItem", showRecipe: "showRecipe" }, decls: 27, vars: 24, consts: [[1, "miam-basket-preview-line", 3, "id", "ngClass", "click"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-basket-preview-line__item__remove", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [3, "src", "click"], [1, "miam-basket-preview-line__item__details"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "counter", "minRange", "counterChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-basket-preview-line__item__remove", 3, "click"], ["height", "24", "width", "24", "primaryColor", "var(--m-color-grey-text-dark)", 3, "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], ["height", "24", "width", "24", "primaryColor", "var(--m-color-grey-text-dark)", 3, "iconName"], [1, "icon-container"], [1, "miam-basket-preview-line__item__showDetails"], [1, "miam-basket-preview-line__item__change"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass", "click"], [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], [1, "miam-basket-preview-line__item__count__people"], [1, "miam-basket-preview-line__add__button"], [1, "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "displayItemsUnitaryPrice", "blockStates", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", "alwaysExpanded", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "displayItemsUnitaryPrice", "blockStates", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries", "alwaysExpanded"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"]], template: function BasketPreviewLineComponent_Template(rf, ctx) {
11112
11164
  if (rf & 1) {
11113
11165
  i0.ɵɵelementStart(0, "div", 0);
11114
11166
  i0.ɵɵlistener("click", function BasketPreviewLineComponent_Template_div_click_0_listener($event) { return ctx.line.displayMode ? ctx.toggleRecipeDisplay($event) : ctx.toggleExpanded($event); });
11115
11167
  i0.ɵɵelementStart(1, "div", 1);
11116
11168
  i0.ɵɵelementStart(2, "div", 2);
11117
- i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_3_Template, 2, 1, "div", 3);
11169
+ i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_3_Template, 4, 2, "div", 3);
11118
11170
  i0.ɵɵelementStart(4, "div", 4);
11119
11171
  i0.ɵɵelementStart(5, "img", 5);
11120
11172
  i0.ɵɵlistener("click", function BasketPreviewLineComponent_Template_img_click_5_listener($event) { return ctx.toggleRecipeDisplay($event); });
@@ -11186,7 +11238,7 @@
11186
11238
  i0.ɵɵadvance(1);
11187
11239
  i0.ɵɵproperty("ngIf", ctx.expanded);
11188
11240
  }
11189
- }, directives: [i8.NgClass, i8.NgIf, i8.NgForOf, CounterInputComponent, IconComponent, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent, LoaderComponent], pipes: [CapitalizeFirstLetterPipe, i8.AsyncPipe], styles: [":root{--price-color:var(--miam-price-color,green);--tag-color:var(--miam-tag-color,#fcecce)}.miam-basket-preview-line{-webkit-tap-highlight-color:transparent;overflow:hidden;padding-left:10px}.miam-basket-preview-line.clickable{border:1px solid var(--m-color-grey);border-radius:4px;box-shadow:none;cursor:pointer;margin-bottom:6px;transition:var(--m-default-transition)}.miam-basket-preview-line.elevate{position:relative;z-index:var(--m-z-index-modal)}.miam-basket-preview-line.expanded{background:#fff;border-color:var(--m-color-grey);box-shadow:var(--m-shadow-small);margin-bottom:15px;margin-top:10px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item{display:flex;justify-content:space-between;padding:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item.clickable{cursor:pointer}.miam-basket-preview-line .miam-basket-preview-line__item.clickable.expanded{padding-bottom:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{align-items:center;display:flex;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{align-self:center;margin:0 30px 0 15px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container{background-color:var(--m-color-grey);border-radius:12.5px;height:25px!important;padding:6px;width:25px!important}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container svg{color:var(--m-color-grey-text);cursor:pointer;height:13px;width:13px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{margin-right:25px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:100px;object-fit:cover;width:130px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{display:inline-block;font-size:var(--m-font-size-medium)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-primary);text-decoration:underline}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:first-letter{text-transform:capitalize}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description{font-size:var(--m-font-size-small);font-weight:400}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{display:flex;flex-direction:row}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__showDetails{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition);width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link.disable{color:var(--m-color-grey-text);pointer-events:none}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{background-color:var(--tag-color);border-radius:100px;display:inline-block;font-size:var(--m-font-size-small);height:22px;padding:1px 16px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:center;display:flex;justify-content:flex-end;max-width:330px;position:relative;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--price-color);font-size:var(--m-font-size-large);font-weight:700;margin:0 20px;white-space:nowrap}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right ng-miam-recipe-pricing{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{font-size:var(--m-font-size-small);text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{color:var(--m-color-slate);font-weight:700;margin-bottom:2px;padding-left:20px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__add__button{margin:0 20px}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__left .miam-basket-preview-line__item__showDetails{color:var(--m-color-primary)}}.miam-basket-preview-lines{border-left:1px solid var(--m-color-grey);margin-bottom:20px;margin-left:20px;overflow:hidden}.miam-basket-preview-lines .miam-basket-preview-line{border-top:1px solid var(--m-color-grey)}.miam-basket-preview-lines .miam-basket-preview-line.expanded{border-top:1px solid var(--m-color-primary)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{border-top:none;padding:12px 0 15px}@media (min-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-black);text-decoration:none}}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{margin-right:15px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{margin-top:-16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--m-color-grey-text);font-size:16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count ng-miam-counter-input .miam-counter-input__icon{display:none}.miam-basket-preview-lines .miam-basket-preview-line__loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}@media (max-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:204px;padding:0 0 52px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:92px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:58px;margin:0;position:absolute;right:18px;z-index:1}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:152px;position:absolute;top:16px;width:33%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{height:100%;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:8px 0 0 36%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{bottom:8px;position:absolute}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{height:auto;padding:1px;text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:flex-start;flex-direction:column-reverse;justify-content:flex-start;padding-left:38%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{display:none}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:auto;padding:0;position:relative}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:auto}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:unset;margin-right:15px;position:relative;right:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:72px;position:relative;top:unset;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:72px;object-fit:cover;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions{bottom:unset;flex-direction:column;gap:8px;position:relative}}@media (max-width:1022px) and (min-width:1023px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container{width:100%}}@media (max-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container .miam-basket-preview-line__item__inlineTag{padding:4px 16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{flex-direction:row;margin:16px 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 16px 0 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:0}}"], encapsulation: 2, changeDetection: 0 });
11241
+ }, directives: [i8.NgClass, i8.NgIf, i8.NgForOf, CounterInputComponent, IconComponent, LoaderComponent, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent], pipes: [CapitalizeFirstLetterPipe, i8.AsyncPipe], styles: [":root{--price-color:var(--miam-price-color,green);--tag-color:var(--miam-tag-color,#fcecce)}.miam-basket-preview-line{-webkit-tap-highlight-color:transparent;overflow:hidden;padding-left:10px}.miam-basket-preview-line.clickable{border:1px solid var(--m-color-grey);border-radius:4px;box-shadow:none;cursor:pointer;margin-bottom:6px;transition:var(--m-default-transition)}.miam-basket-preview-line.elevate{position:relative;z-index:var(--m-z-index-modal)}.miam-basket-preview-line.expanded{background:#fff;border-color:var(--m-color-grey);box-shadow:var(--m-shadow-small);margin-bottom:15px;margin-top:10px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item{display:flex;justify-content:space-between;padding:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item.clickable{cursor:pointer}.miam-basket-preview-line .miam-basket-preview-line__item.clickable.expanded{padding-bottom:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{align-items:center;display:flex;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{align-self:center;margin:0 30px 0 15px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container{background-color:var(--m-color-grey);border-radius:12.5px;height:25px!important;padding:6px;width:25px!important}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container .loader,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container svg{border-top-color:var(--m-color-grey-text);color:var(--m-color-grey-text);cursor:pointer;height:13px;width:13px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{margin-right:25px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:100px;object-fit:cover;width:130px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{display:inline-block;font-size:var(--m-font-size-medium)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-primary);text-decoration:underline}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:first-letter{text-transform:capitalize}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description{font-size:var(--m-font-size-small);font-weight:400}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{display:flex;flex-direction:row}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__showDetails{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition);width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link.disable{color:var(--m-color-grey-text);pointer-events:none}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{background-color:var(--tag-color);border-radius:100px;display:inline-block;font-size:var(--m-font-size-small);height:22px;padding:1px 16px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:center;display:flex;justify-content:flex-end;max-width:330px;position:relative;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--price-color);font-size:var(--m-font-size-large);font-weight:700;margin:0 20px;white-space:nowrap}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right ng-miam-recipe-pricing{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{font-size:var(--m-font-size-small);text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{color:var(--m-color-slate);font-weight:700;margin-bottom:2px;padding-left:20px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__add__button{margin:0 20px}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__left .miam-basket-preview-line__item__showDetails{color:var(--m-color-primary)}}.miam-basket-preview-lines{border-left:1px solid var(--m-color-grey);margin-bottom:20px;margin-left:20px;overflow:hidden}.miam-basket-preview-lines .miam-basket-preview-line{border-top:1px solid var(--m-color-grey)}.miam-basket-preview-lines .miam-basket-preview-line.expanded{border-top:1px solid var(--m-color-primary)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{border-top:none;padding:12px 0 15px}@media (min-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-black);text-decoration:none}}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{margin-right:15px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{margin-top:-16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--m-color-grey-text);font-size:16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count ng-miam-counter-input .miam-counter-input__icon{display:none}.miam-basket-preview-lines .miam-basket-preview-line__loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}@media (max-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:204px;padding:0 0 52px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:92px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:58px;margin:0;position:absolute;right:18px;z-index:1}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:152px;position:absolute;top:16px;width:33%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{height:100%;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:8px 0 0 36%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{bottom:8px;position:absolute}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{height:auto;padding:1px;text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:flex-start;flex-direction:column-reverse;justify-content:flex-start;padding-left:38%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{display:none}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:auto;padding:0;position:relative}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:auto}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:unset;margin-right:15px;position:relative;right:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:72px;position:relative;top:unset;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:72px;object-fit:cover;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions{bottom:unset;flex-direction:column;gap:8px;position:relative}}@media (max-width:1022px) and (min-width:1023px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container{width:100%}}@media (max-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container .miam-basket-preview-line__item__inlineTag{padding:4px 16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{flex-direction:row;margin:16px 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 16px 0 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:0}}"], encapsulation: 2, changeDetection: 0 });
11190
11242
  /*@__PURE__*/ (function () {
11191
11243
  i0.ɵsetClassMetadata(BasketPreviewLineComponent, [{
11192
11244
  type: i0.Component,