ng-miam 6.4.2 → 6.4.3

package/bundles/ng-miam.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/common/locales/fr'), require('@angular/core'), require('@angular/platform-browser/animations'), require('ngx-jsonapi'), require('@angular/cdk/drag-drop'), require('@angular/cdk/text-field'), require('@angular/forms'), require('uuid'), require('rxjs'), require('rxjs/operators'), require('lodash-es'), require('duration-fns'), require('lodash-es/pullAt'), require('@angular/cdk/layout'), require('@angular/platform-browser'), require('date-fns/endOfWeek'), require('date-fns/isWithinInterval'), require('date-fns/startOfWeek'), require('date-fns/subDays'), require('@angular/elements'), require('lodash-es/remove'), require('lodash-es/pick'), require('angular-draggable-droppable'), require('angular-calendar'), require('@angular/youtube-player'), require('lodash-es/groupBy'), require('angular-calendar/date-adapters/date-fns')) :
-    typeof define === 'function' && define.amd ? define('ng-miam', ['exports', '@angular/common', '@angular/common/http', '@angular/common/locales/fr', '@angular/core', '@angular/platform-browser/animations', 'ngx-jsonapi', '@angular/cdk/drag-drop', '@angular/cdk/text-field', '@angular/forms', 'uuid', 'rxjs', 'rxjs/operators', 'lodash-es', 'duration-fns', 'lodash-es/pullAt', '@angular/cdk/layout', '@angular/platform-browser', 'date-fns/endOfWeek', 'date-fns/isWithinInterval', 'date-fns/startOfWeek', 'date-fns/subDays', '@angular/elements', 'lodash-es/remove', 'lodash-es/pick', 'angular-draggable-droppable', 'angular-calendar', '@angular/youtube-player', 'lodash-es/groupBy', 'angular-calendar/date-adapters/date-fns'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ng-miam'] = {}, global.ng.common, global.ng.common.http, global.ng.common.locales.fr, global.ng.core, global.ng.platformBrowser.animations, global['ngx-jsonapi'], global.ng.cdk.dragDrop, global.ng.cdk.textField, global.ng.forms, global.uuid, global.rxjs, global.rxjs.operators, global.lodashEs, global.durationFns, global.pullAt, global.ng.cdk.layout, global.ng.platformBrowser, global.endOfWeek, global.isWithinInterval, global.startOfWeek, global.subDays, global.ng.elements, global.remove, global.pick, global.i8, global.i3$1, global.ng.youtubePlayer, global.groupBy, global.dateFns));
-}(this, (function (exports, i2, i1$1, localeFr, i0, animations, i1, i4, i6, i3, uuid, rxjs, operators, lodashEs, durationFns, pullAt, i1$2, i1$3, endOfWeek, isWithinInterval, startOfWeek, subDays, elements, remove, pick, i8, i3$1, i9, groupBy, dateFns) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/common/locales/fr'), require('@angular/core'), require('@angular/platform-browser/animations'), require('ngx-jsonapi'), require('@angular/cdk/drag-drop'), require('@angular/cdk/text-field'), require('@angular/forms'), require('uuid'), require('rxjs'), require('rxjs/operators'), require('lodash-es'), require('duration-fns'), require('lodash-es/pullAt'), require('@angular/cdk/layout'), require('@angular/platform-browser'), require('date-fns/endOfWeek'), require('date-fns/isWithinInterval'), require('date-fns/startOfWeek'), require('date-fns/subDays'), require('@angular/elements'), require('lodash-es/remove'), require('angular-draggable-droppable'), require('angular-calendar'), require('@angular/youtube-player'), require('lodash-es/groupBy'), require('angular-calendar/date-adapters/date-fns')) :
+    typeof define === 'function' && define.amd ? define('ng-miam', ['exports', '@angular/common', '@angular/common/http', '@angular/common/locales/fr', '@angular/core', '@angular/platform-browser/animations', 'ngx-jsonapi', '@angular/cdk/drag-drop', '@angular/cdk/text-field', '@angular/forms', 'uuid', 'rxjs', 'rxjs/operators', 'lodash-es', 'duration-fns', 'lodash-es/pullAt', '@angular/cdk/layout', '@angular/platform-browser', 'date-fns/endOfWeek', 'date-fns/isWithinInterval', 'date-fns/startOfWeek', 'date-fns/subDays', '@angular/elements', 'lodash-es/remove', 'angular-draggable-droppable', 'angular-calendar', '@angular/youtube-player', 'lodash-es/groupBy', 'angular-calendar/date-adapters/date-fns'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ng-miam'] = {}, global.ng.common, global.ng.common.http, global.ng.common.locales.fr, global.ng.core, global.ng.platformBrowser.animations, global['ngx-jsonapi'], global.ng.cdk.dragDrop, global.ng.cdk.textField, global.ng.forms, global.uuid, global.rxjs, global.rxjs.operators, global.lodashEs, global.durationFns, global.pullAt, global.ng.cdk.layout, global.ng.platformBrowser, global.endOfWeek, global.isWithinInterval, global.startOfWeek, global.subDays, global.ng.elements, global.remove, global.i8, global.i3$1, global.ng.youtubePlayer, global.groupBy, global.dateFns));
+}(this, (function (exports, i2, i1$1, localeFr, i0, animations, i1, i4, i6, i3, uuid, rxjs, operators, lodashEs, durationFns, pullAt, i1$2, i1$3, endOfWeek, isWithinInterval, startOfWeek, subDays, elements, remove, i8, i3$1, i9, groupBy, dateFns) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,7 +13,6 @@
     var startOfWeek__default = /*#__PURE__*/_interopDefaultLegacy(startOfWeek);
     var subDays__default = /*#__PURE__*/_interopDefaultLegacy(subDays);
     var remove__default = /*#__PURE__*/_interopDefaultLegacy(remove);
-    var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
     var groupBy__default = /*#__PURE__*/_interopDefaultLegacy(groupBy);
 
     (function (Icon) {
@@ -12169,7 +12168,7 @@
             request = request.clone({
                 setHeaders: {
                     'miam-origin': context.origin.value,
-                    'miam-front-version': '6.4.2',
+                    'miam-front-version': '6.4.3',
                     'miam-front-type': 'web',
                     'miam-api-version': '4.7.0'
                 }
@@ -19239,10 +19238,8 @@
             if (!this.context.articlesInCatalogEnabled || this.noMoreArticles || !this.filters.additionalFilters.filters.packages) {
                 return rxjs.of([]);
             }
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
-            var requestFilters = pick__default['default'](this.filters, 'packages', 'search');
             return this.articlesService.all({
-                remotefilter: requestFilters,
+                remotefilter: Object.assign({ packages: this.filters.additionalFilters.filters.packages }, this.filters.search ? { search: this.filters.search } : {}),
                 page: { size: 20, number: page },
                 sort: ['-date']
             }).pipe(operators.map(function (result) {
@@ -20388,70 +20385,41 @@
     var _c1$c = ["categoryCards"];
     function CatalogCategoryComponent_div_0_div_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 19);
+            i0.ɵɵelementStart(0, "div", 17);
             i0.ɵɵelement(1, "ng-miam-loader");
             i0.ɵɵelementStart(2, "div");
-            i0.ɵɵi18n(3, 20);
+            i0.ɵɵi18n(3, 18);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
     }
     function CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-catalog-recipe-card", 21);
+            i0.ɵɵelement(0, "ng-miam-catalog-recipe-card", 19);
         }
         if (rf & 2) {
-            var recipe_r8 = ctx.$implicit;
+            var recipe_r6 = ctx.$implicit;
             var ctx_r4 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", recipe_r8)("displayPricing", ctx_r4.displayPricing)("originTrace", ctx_r4.eventTrace());
+            i0.ɵɵproperty("recipe", recipe_r6)("displayPricing", ctx_r4.displayPricing)("originTrace", ctx_r4.eventTrace());
         }
     }
     function CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-catalog-article-card", 22);
-        }
-        if (rf & 2) {
-            var article_r9 = ctx.$implicit;
-            i0.ɵɵproperty("article", article_r9);
-        }
-    }
-    function CatalogCategoryComponent_div_0_div_19_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r11_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 23);
-            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_19_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.slideLeft(); });
-            i0.ɵɵelement(1, "ng-miam-icon", 24);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r6.icon.ChevronDown);
-        }
-    }
-    function CatalogCategoryComponent_div_0_div_20_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r13_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 25);
-            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_div_20_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r13_1); var ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.slideRight(); });
-            i0.ɵɵelement(1, "ng-miam-icon", 24);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelement(0, "ng-miam-catalog-article-card", 20);
         }
         if (rf & 2) {
-            var ctx_r7 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r7.icon.ChevronDown);
+            var article_r7 = ctx.$implicit;
+            i0.ɵɵproperty("article", article_r7);
         }
     }
-    var _c6$2 = function (a0) { return { "transform": a0 }; };
     function CatalogCategoryComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0.ɵɵgetCurrentView();
+            var _r9_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelementStart(1, "div", 2);
             i0.ɵɵelementStart(2, "div", 3);
             i0.ɵɵelementStart(3, "div", 4);
-            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.displayListMode(); });
+            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r9_1); var ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.displayListMode(); });
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "div", 5);
@@ -20460,11 +20428,11 @@
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(7, "div", 6);
             i0.ɵɵelementStart(8, "div", 7);
-            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_div_click_8_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.displayListMode(); });
+            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_div_click_8_listener() { i0.ɵɵrestoreView(_r9_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.displayListMode(); });
             i0.ɵɵi18n(9, 8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(10, "ng-miam-icon", 9);
-            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_ng_miam_icon_click_10_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.displayListMode(); });
+            i0.ɵɵlistener("click", function CatalogCategoryComponent_div_0_Template_ng_miam_icon_click_10_listener() { i0.ɵɵrestoreView(_r9_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.displayListMode(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -20475,8 +20443,6 @@
             i0.ɵɵtemplate(17, CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_17_Template, 1, 3, "ng-miam-catalog-recipe-card", 15);
             i0.ɵɵtemplate(18, CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_18_Template, 1, 1, "ng-miam-catalog-article-card", 16);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(19, CatalogCategoryComponent_div_0_div_19_Template, 2, 1, "div", 17);
-            i0.ɵɵtemplate(20, CatalogCategoryComponent_div_0_div_20_Template, 2, 1, "div", 18);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -20488,25 +20454,14 @@
             i0.ɵɵtextInterpolate(ctx_r0.subtitle);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c6$2, "translateX(-" + ctx_r0.xTranslation() + "px)"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(16, 9, ctx_r0.loading));
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(16, 6, ctx_r0.loading));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngForOf", ctx_r0.recipes);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx_r0.articles);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r0.numberOfSections > 1 && ctx_r0.currentSection != 0);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r0.numberOfSections > 1 && ctx_r0.currentSection != ctx_r0.numberOfSections - 1);
         }
     }
-    // miam-catalog-recipe-card : width = 330px + miam-catalog-category__card : margin : 16px
-    // we include a margin in the card to get a space this is the card width + the margin
-    var CARD_WIDTH = 346;
-    var SPACE_BETWEEN_CARD = 16;
-    var SLIDER_WIDTH = 48;
     var recipeIncludes$4 = ['recipe-provider', 'sponsors'];
     var recipeSparseFields$4 = (_c$1 = {
             recipes: __spread(['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
@@ -20531,12 +20486,6 @@
             _this.articles = [];
             _this.hide = false;
             _this.icon = exports.Icon;
-            _this.cardsTotalSize = 0; // native size of the card contain including overflow
-            _this.numberOfSections = 1; // number of card group that fit in cardsTotalSize
-            _this.currentSection = 0; // index of the section show on screen
-            _this.nbCardsInAnExtremeSection = 0; // nb of card that can fit in screen with one scroll button
-            _this.nbCardsInAMiddleSection = 0; // nb of card that can fit in screen with two scroll buttons
-            _this.categoryBandWidth = 0; // native size of visible card container scroll button
             _this.displayList = new i0.EventEmitter();
             _this.subscriptions = [];
             _this.recipes = [];
@@ -20545,7 +20494,7 @@
         CatalogCategoryComponent.prototype.ngOnInit = function () {
             this.sendEvent(this.analyticsService.EVENT_CATEGORY_SHOW);
         };
-        CatalogCategoryComponent.prototype.ngOnChanges = function (changes) {
+        CatalogCategoryComponent.prototype.ngOnChanges = function () {
             var _this = this;
             this.subscriptions.push(rxjs.forkJoin([this.loadRecipes(), this.loadArticles()]).pipe(operators.finalize(function () {
                 if (_this.recipes.length === 0 && _this.articles.length === 0) {
@@ -20553,7 +20502,6 @@
                 }
                 else {
                     _this.hide = false;
-                    _this.createSections();
                 }
                 _this.loading.emit(false);
                 _this.cdr.detectChanges();
@@ -20579,110 +20527,18 @@
         };
         CatalogCategoryComponent.prototype.loadArticles = function () {
             var _this = this;
-            var _a;
             // TODO: all contents (recipes, articles...) should be related to packages, to which filters could be attached
-            if (!((_a = this.filters) === null || _a === void 0 ? void 0 : _a.packages) || !this.context.articlesInCatalogEnabled) {
+            if (!this.filters.additionalFilters.filters.packages || !this.context.articlesInCatalogEnabled) {
                 return rxjs.of([]);
             }
-            return this.articlesService.all({ remotefilter: this.filters, sort: ['-date'] }).pipe(operators.map(function (result) {
+            return this.articlesService.all({
+                remotefilter: { packages: this.filters.additionalFilters.filters.packages },
+                sort: ['-date']
+            }).pipe(operators.map(function (result) {
                 _this.articles = result.data;
                 return _this.articles;
             }));
         };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.createSections = function () {
-            this.cdr.detectChanges();
-            this.cardsTotalSize = this.categoryCards.nativeElement.scrollWidth; // approx number of recipes * CARD_WIDTH
-            this.recalculateSections();
-            this.cdr.detectChanges();
-        };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.recalculateSections = function () {
-            // the size of the window in which we put recipes and sliders
-            this.categoryBandWidth = this.categoryContent.nativeElement.clientWidth;
-            // at start we have only one slider, two in the midle so we may not be able to fit same number of cards
-            this.nbCardsInAnExtremeSection = Math.floor((this.categoryBandWidth - SLIDER_WIDTH) / CARD_WIDTH);
-            this.nbCardsInAMiddleSection = Math.floor((this.categoryBandWidth - 2 * SLIDER_WIDTH) / CARD_WIDTH);
-            var totalWidthOfCardsInAnExtremeSection = this.nbCardsInAnExtremeSection * CARD_WIDTH;
-            var totalWidthOfCardsmiddleSection = this.nbCardsInAMiddleSection * CARD_WIDTH;
-            var onlyOneSection = this.categoryBandWidth >= this.cardsTotalSize;
-            var twoSections = totalWidthOfCardsInAnExtremeSection * 2 >= this.cardsTotalSize;
-            if (onlyOneSection) {
-                this.numberOfSections = 1;
-            }
-            else if (twoSections) {
-                this.numberOfSections = 2;
-            }
-            else {
-                // in the case we have at least the starting section the ending section and one or more middle section
-                //  2 * cardsInAnExtremSections => nb cards in extrem section
-                // this.cardsTotalSize - 2 * cardsInAnExtremSections => nb card in middle section
-                this.numberOfSections = 2 + (this.cardsTotalSize - 2 * totalWidthOfCardsInAnExtremeSection) / totalWidthOfCardsmiddleSection;
-            }
-        };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.xTranslation = function () {
-            if (this.currentSection === 0) {
-                return 0;
-            }
-            else if (this.currentSection === (this.numberOfSections - 1)) {
-                // the card contain a space of SPACE_BETWEEN_CARD on the LEFT, we a a space at the end for display purpose
-                return this.cardsTotalSize - this.categoryBandWidth + SPACE_BETWEEN_CARD;
-            }
-            // we are in the middle
-            var firstexternSectionWidth = this.nbCardsInAnExtremeSection * CARD_WIDTH;
-            var middleSectionWidth = (this.currentSection - 1) * this.nbCardsInAMiddleSection * CARD_WIDTH;
-            return firstexternSectionWidth + middleSectionWidth - SLIDER_WIDTH;
-        };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.slideLeft = function () {
-            // current section can be a float if screen is resized
-            this.currentSection = Math.max(this.currentSection - 1, 0);
-            this.cdr.detectChanges();
-            this.sendEvents();
-        };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.slideRight = function () {
-            // current section can be a float if screen is resized
-            this.currentSection = Math.min(this.currentSection + 1, this.numberOfSections - 1);
-            this.cdr.detectChanges();
-            this.sendEvents();
-        };
-        // TODO: deprecated?
-        CatalogCategoryComponent.prototype.sendEvents = function () {
-            var _this = this;
-            // set a debounce to let the view update and recipe to be in viewport
-            setTimeout(function () {
-                // the send show event check if card is in view
-                _this.recipeCards.forEach(function (recipeCard) {
-                    recipeCard.sendShowEvent();
-                    recipeCard.displayPrice();
-                });
-            }, 1000);
-        };
-        /**
-         * to call when component resized
-         */
-        CatalogCategoryComponent.prototype.updateWidth = function () {
-            var oldNbOfCardsInAnExtremSection = this.nbCardsInAnExtremeSection;
-            var oldNbCardsInAMiddleSection = this.nbCardsInAMiddleSection;
-            var currentSectionWasFirst = this.currentSection === 0;
-            var currentSectionWasLast = this.currentSection === this.numberOfSections - 1;
-            this.recalculateSections();
-            if (currentSectionWasFirst) {
-                this.currentSection = 0;
-            }
-            else if (currentSectionWasLast) {
-                this.currentSection = this.numberOfSections - 1;
-            }
-            else {
-                // we want oldCardsForFirstSection + oldCardsBySection * currentSection = cardsForFirstSection + cardsBtSection * new_currentSection
-                // our goal is to keep the same card at the start of our visible div
-                var firstSectionDelta = oldNbOfCardsInAnExtremSection - this.nbCardsInAnExtremeSection;
-                this.currentSection = (firstSectionDelta + this.currentSection * oldNbCardsInAMiddleSection) / this.nbCardsInAMiddleSection;
-            }
-            this.cdr.detectChanges();
-        };
         CatalogCategoryComponent.prototype.displayListMode = function () {
             this.displayList.emit({ title: this.title, filters: this.filters.additionalFilters.filters });
         };
@@ -20721,15 +20577,15 @@
             else {
                 i18n_4 = $localize(templateObject_2$s || (templateObject_2$s = __makeTemplateObject([":\u241F8f2c8f66fed7cbda7649b4ba2320375ff7526dbb\u241F5011068305185462335: Chargement des r\u00E9sultats... "], [":\u241F8f2c8f66fed7cbda7649b4ba2320375ff7526dbb\u241F5011068305185462335: Chargement des r\u00E9sultats... "])));
             }
-            return [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__left"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__subtitle"], [1, "miam-catalog-category__right"], [1, "miam-catalog-category__link", 3, "click"], i18n_2, ["height", "20", "width", "20", "primaryColor", "var(--m-color-primary)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards", 3, "ngStyle"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], [3, "recipe", "displayPricing", "originTrace", 4, "ngFor", "ngForOf"], [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"], i18n_4, [3, "recipe", "displayPricing", "originTrace"], [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"]];
+            return [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__left"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__subtitle"], [1, "miam-catalog-category__right"], [1, "miam-catalog-category__link", 3, "click"], i18n_2, ["height", "20", "width", "20", "primaryColor", "var(--m-color-primary)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], [3, "recipe", "displayPricing", "originTrace", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], [1, "miam-catalog-category__loader"], i18n_4, [3, "recipe", "displayPricing", "originTrace"], [3, "article"]];
         }, template: function CatalogCategoryComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 21, 13, "div", 0);
+                i0.ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 19, 8, "div", 0);
             }
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", !ctx.hide);
             }
-        }, directives: [i2.NgIf, IconComponent, i2.NgStyle, i2.NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], pipes: [i2.AsyncPipe], styles: [".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__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-black);cursor:pointer;font-size:24px;font-weight:700;line-height:34px;margin-bottom:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-items:center;display:flex}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:16px;line-height:24px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.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:calc(var(--m-catalog-card-height) + var(--m-catalog-cards-spacing));margin:calc(0px - var(--m-catalog-cards-spacing)/2);overflow:hidden;padding:0;position:relative;width:calc(100% + var(--m-catalog-cards-spacing))}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;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 .miam-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__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right{display:none}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, IconComponent, i2.NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], pipes: [i2.AsyncPipe], styles: [".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__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-black);cursor:pointer;font-size:24px;font-weight:700;line-height:34px;margin-bottom:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-items:center;display:flex}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:16px;line-height:24px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.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:calc(var(--m-catalog-card-height) + var(--m-catalog-cards-spacing));margin:calc(0px - var(--m-catalog-cards-spacing)/2);overflow:hidden;padding:0;position:relative;width:calc(100% + var(--m-catalog-cards-spacing))}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;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 .miam-loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(CatalogCategoryComponent, [{
                 type: i0.Component,
@@ -23509,10 +23365,6 @@
         RecipeCatalogComponent.prototype.onFilterCollapsed = function () {
             this.isFilterCollapsed = !this.isFilterCollapsed;
             this.cdr.detectChanges();
-            // to trigger after the detectChanges because we need to alread have the display change to update cards
-            this.categoriesComp.forEach(function (cat) {
-                cat.updateWidth();
-            });
         };
         RecipeCatalogComponent.prototype.goToCreatePage = function (recipe) {
             if (recipe === void 0) { recipe = null; }
@@ -26490,7 +26342,7 @@
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, line_r8));
         }
     }
-    var _c6$3 = function (a0) { return { rotate: a0 }; };
+    var _c6$2 = function (a0) { return { rotate: a0 }; };
     var _c7$1 = function (a0) { return { wrap: a0 }; };
     function RecipesHistoryComponent_div_6_Template(rf, ctx) {
         if (rf & 1) {
@@ -26517,7 +26369,7 @@
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, group_r6.date));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6$3, !group_r6.show));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6$2, !group_r6.show));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("iconName", ctx_r2.icon.ChevronDown);
             i0.ɵɵadvance(1);