ng-miam 6.4.2 → 6.4.4

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) {
@@ -3987,6 +3986,7 @@
                     var quantityRemoved = Math.min(entry.quantity, quantityToRemove);
                     quantityToRemove -= quantityRemoved;
                     entriesToRemove.push({ id: entry.id, quantity: quantityRemoved });
+                    entry.quantity -= quantityRemoved;
                     _this.previousMiamQuantity -= quantityRemoved;
                 }
             });
@@ -4068,8 +4068,10 @@
          * Then check for items to push to/remove from retailer's basket and return them
          */
         BasketsComparatorService.prototype.updateReceivedFromMiam = function (miamBasket) {
+            var _this = this;
             // eslint-disable-next-line no-console
-            console.debug("[Miam] update received from Miam\n      " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })) + "\n      " + JSON.stringify(this.extIdToItemsComparator));
+            console.debug("[Miam] update received from Miam\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { var _a; return ({ id: e.id, extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'], quantity: e.attributes.quantity }); })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
+            // Note: MQ means Miam Quantity and RQ means Retailer Quantity but this makes the logs more compact and thus readable
             this.updateEntriesFromMiam(miamBasket);
             this.addEntriesFromMiam(miamBasket);
             var toPushToRetailer = this.resolveFromMiam(miamBasket);
@@ -4117,7 +4119,8 @@
         BasketsComparatorService.prototype.resolveFromMiam = function (miamBasket) {
             var _this = this;
             // eslint-disable-next-line no-console
-            console.debug("[Miam] resolve from Miam basket\n      " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })) + "\n      " + JSON.stringify(this.extIdToItemsComparator));
+            console.debug("[Miam] resolve from Miam basket\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { var _a; return ({ id: e.id, extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'], quantity: e.attributes.quantity }); })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
+            // Note: MQ means Miam Quantity and RQ means Retailer Quantity but this makes the logs more compact and thus readable
             var toPushToRetailer = [];
             Object.keys(this.extIdToItemsComparator).forEach(function (extId) {
                 var itemsComparator = _this.extIdToItemsComparator[extId];
@@ -4239,7 +4242,7 @@
             this.basketsService.activeBasketEntries().subscribe(function (miamBasket) {
                 var _a;
                 // eslint-disable-next-line no-console
-                console.debug("[Miam] Miam basket received\n        " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })) + "\n        " + JSON.stringify((_a = _this.firstMiamBasket) === null || _a === void 0 ? void 0 : _a.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })));
+                console.debug("[Miam] Miam basket received\n        - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })) + "\n        - First Miam basket was: " + JSON.stringify((_a = _this.firstMiamBasket) === null || _a === void 0 ? void 0 : _a.map(function (e) { return ({ id: e.id, quantity: e.attributes.quantity }); })));
                 if (!_this.firstMiamBasket && miamBasket.length === 0 && isFirstSubscribe) {
                     // Skip first empty arrays received
                     isFirstSubscribe = false;
@@ -4367,7 +4370,7 @@
          */
         BasketsSynchronizerService.prototype.retailerBasketChanged = function (retailerBasket) {
             // eslint-disable-next-line no-console
-            console.debug("[Miam] Update received from retailer " + JSON.stringify(retailerBasket) + " " + JSON.stringify(this.firstRetailerBasket));
+            console.debug("[Miam] Update received from retailer\n      - " + JSON.stringify(retailerBasket) + "\n      - First retailer basket was : " + JSON.stringify(this.firstRetailerBasket));
             if (!this.isReady()) {
                 return this.initFirstRetailerBasket(retailerBasket);
             }
@@ -7130,13 +7133,18 @@
         }
     }
     var AddonLinkComponent = /** @class */ (function () {
-        function AddonLinkComponent() {
+        function AddonLinkComponent(cdr) {
+            this.cdr = cdr;
+            this.hasStorytelling = false;
             this.showAddon = new i0.EventEmitter();
         }
+        AddonLinkComponent.prototype.ngOnChanges = function () {
+            this.cdr.detectChanges();
+        };
         return AddonLinkComponent;
     }());
-    AddonLinkComponent.ɵfac = function AddonLinkComponent_Factory(t) { return new (t || AddonLinkComponent)(); };
-    AddonLinkComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AddonLinkComponent, selectors: [["ng-miam-addon-link"]], inputs: { recipe: "recipe" }, outputs: { showAddon: "showAddon" }, decls: 7, vars: 4, consts: function () {
+    AddonLinkComponent.ɵfac = function AddonLinkComponent_Factory(t) { return new (t || AddonLinkComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    AddonLinkComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AddonLinkComponent, selectors: [["ng-miam-addon-link"]], inputs: { recipe: "recipe", hasStorytelling: "hasStorytelling" }, outputs: { showAddon: "showAddon" }, features: [i0.ɵɵNgOnChangesFeature], decls: 7, vars: 4, consts: function () {
             var i18n_0;
             if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
                 var MSG_EXTERNAL_5295446601874813054$$LIB__COMPONENTS_ADDON_LINK_ADDON_LINK_COMPONENT_TS__1 = goog.getMsg(" Cette recette vous est propos\u00E9e par notre partenaire ");
@@ -7162,20 +7170,24 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", ctx.recipe.informationalSentence)("ngIfElse", _r1);
                 i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", ctx.recipe.attributes["informational-page-html"]);
+                i0.ɵɵproperty("ngIf", ctx.recipe.attributes["informational-page-html"] || ctx.hasStorytelling);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.recipe == null ? null : ctx.recipe.sponsorLogoUrl);
             }
-        }, directives: [i2.NgIf], styles: [".miam-addon-link[_ngcontent-%COMP%]{align-items:center;background-color:var(--m-color-white);display:flex;flex-direction:row;font-size:16px;justify-content:space-between;margin-left:96px;padding:12px 16px}@media (max-width:1023px){.miam-addon-link[_ngcontent-%COMP%]{margin-left:unset}}.miam-addon-link[_ngcontent-%COMP%]   .miam-addon-link__logo[_ngcontent-%COMP%]{align-items:center;display:flex;height:64px;justify-content:center;order:2;padding:0 16px;width:168px}.miam-addon-link[_ngcontent-%COMP%]   .miam-addon-link__logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{-o-object-fit:contain;max-height:100%;max-width:100%;object-fit:contain}.miam-addon-link[_ngcontent-%COMP%]   .miam-addon-link__info[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-right:8px}.miam-addon-link[_ngcontent-%COMP%]   .miam-addon-link__info[_ngcontent-%COMP%]   .miam-addon-link__link[_ngcontent-%COMP%]{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;margin-top:8px}"] });
+        }, directives: [i2.NgIf], styles: [".miam-addon-link{align-items:center;background-color:var(--m-color-white);display:flex;flex-direction:row;font-size:16px;justify-content:space-between;margin-left:96px;padding:12px 16px}@media (max-width:1023px){.miam-addon-link{margin-left:unset}}.miam-addon-link .miam-addon-link__logo{align-items:center;display:flex;height:64px;justify-content:center;order:2;padding:0 16px;width:168px}.miam-addon-link .miam-addon-link__logo img{-o-object-fit:contain;max-height:100%;max-width:100%;object-fit:contain}.miam-addon-link .miam-addon-link__info{display:flex;flex-direction:column;padding-right:8px}.miam-addon-link .miam-addon-link__info .miam-addon-link__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;margin-top:8px}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(AddonLinkComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ng-miam-addon-link',
                         templateUrl: './addon-link.component.html',
-                        styleUrls: ['./addon-link.component.scss']
+                        styleUrls: ['./addon-link.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return []; }, { recipe: [{
+            }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { recipe: [{
+                    type: i0.Input
+                }], hasStorytelling: [{
                     type: i0.Input
                 }], showAddon: [{
                     type: i0.Output
@@ -7792,8 +7804,9 @@
 
     var SponsorBlockService = /** @class */ (function (_super) {
         __extends(SponsorBlockService, _super);
-        function SponsorBlockService() {
+        function SponsorBlockService(blockTypesService) {
             var _this = _super.call(this) || this;
+            _this.blockTypesService = blockTypesService;
             _this.resource = SponsorBlock;
             _this.type = 'sponsor-blocks';
             _this.register();
@@ -7801,7 +7814,7 @@
         }
         return SponsorBlockService;
     }(i1.Service));
-    SponsorBlockService.ɵfac = function SponsorBlockService_Factory(t) { return new (t || SponsorBlockService)(); };
+    SponsorBlockService.ɵfac = function SponsorBlockService_Factory(t) { return new (t || SponsorBlockService)(i0.ɵɵinject(SponsorBlockTypeService)); };
     SponsorBlockService.ɵprov = i0.ɵɵdefineInjectable({ token: SponsorBlockService, factory: SponsorBlockService.ɵfac, providedIn: 'root' });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(SponsorBlockService, [{
@@ -7809,7 +7822,7 @@
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return []; }, null);
+            }], function () { return [{ type: SponsorBlockTypeService }]; }, null);
     })();
 
     var _c0$4 = function (a0) { return { "color": a0 }; };
@@ -11348,12 +11361,16 @@
         }
     }
     var SponsorBlockContainerComponent = /** @class */ (function () {
-        function SponsorBlockContainerComponent() {
+        function SponsorBlockContainerComponent(cdr) {
+            this.cdr = cdr;
         }
+        SponsorBlockContainerComponent.prototype.ngOnChanges = function () {
+            this.cdr.detectChanges();
+        };
         return SponsorBlockContainerComponent;
     }());
-    SponsorBlockContainerComponent.ɵfac = function SponsorBlockContainerComponent_Factory(t) { return new (t || SponsorBlockContainerComponent)(); };
-    SponsorBlockContainerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SponsorBlockContainerComponent, selectors: [["ng-miam-sponsor-block-container"]], inputs: { sponsorBlock: "sponsorBlock" }, decls: 11, vars: 10, consts: [[1, "sponsor-block-container", 3, "ngSwitch"], [3, "sponsorBlock", 4, "ngSwitchCase"], [3, "sponsorBlock", 4, "ngSwitchDefault"], [3, "sponsorBlock"]], template: function SponsorBlockContainerComponent_Template(rf, ctx) {
+    SponsorBlockContainerComponent.ɵfac = function SponsorBlockContainerComponent_Factory(t) { return new (t || SponsorBlockContainerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    SponsorBlockContainerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SponsorBlockContainerComponent, selectors: [["ng-miam-sponsor-block-container"]], inputs: { sponsorBlock: "sponsorBlock" }, features: [i0.ɵɵNgOnChangesFeature], decls: 11, vars: 10, consts: [[1, "sponsor-block-container", 3, "ngSwitch"], [3, "sponsorBlock", 4, "ngSwitchCase"], [3, "sponsorBlock", 4, "ngSwitchDefault"], [3, "sponsorBlock"]], template: function SponsorBlockContainerComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵtemplate(1, SponsorBlockContainerComponent_ng_miam_sponsor_title_block_1_Template, 1, 1, "ng-miam-sponsor-title-block", 1);
@@ -11389,16 +11406,18 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngSwitchCase", "LOGO");
             }
-        }, directives: [i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, SponsorTitleBlockComponent, SponsorSmallTitleBlockComponent, SponsorSmallTextBlockComponent, SponsorPictureBlockComponent, SponsorSmallPictureBlockComponent, SponsorImageWithTextBlockComponent, SponsorImageAndTextBlockComponent, SponsorTextAndImageBlockComponent, SponsorLogoBlockComponent, SponsorTextBlockComponent], styles: [".sponsor-block-container[_ngcontent-%COMP%]{height:auto;width:100%}"] });
+        }, directives: [i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, SponsorTitleBlockComponent, SponsorSmallTitleBlockComponent, SponsorSmallTextBlockComponent, SponsorPictureBlockComponent, SponsorSmallPictureBlockComponent, SponsorImageWithTextBlockComponent, SponsorImageAndTextBlockComponent, SponsorTextAndImageBlockComponent, SponsorLogoBlockComponent, SponsorTextBlockComponent], styles: [".sponsor-block-container{height:auto;width:100%}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(SponsorBlockContainerComponent, [{
                 type: i0.Component,
                 args: [{
                         selector: 'ng-miam-sponsor-block-container',
                         templateUrl: './sponsor-block-container.component.html',
-                        styleUrls: ['./sponsor-block-container.component.scss']
+                        styleUrls: ['./sponsor-block-container.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return []; }, { sponsorBlock: [{
+            }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { sponsorBlock: [{
                     type: i0.Input
                 }] });
     })();
@@ -12169,7 +12188,7 @@
             request = request.clone({
                 setHeaders: {
                     'miam-origin': context.origin.value,
-                    'miam-front-version': '6.4.2',
+                    'miam-front-version': '6.4.4',
                     'miam-front-type': 'web',
                     'miam-api-version': '4.7.0'
                 }
@@ -12528,10 +12547,22 @@
             i0.ɵɵtextInterpolate(ctx_r2.line.description[0]);
         }
     }
+    function BasketPreviewLineComponent_div_14_span_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 34);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var d_r21 = ctx.$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(d_r21);
+        }
+    }
     function BasketPreviewLineComponent_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵtext(1);
+            i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_14_span_1_Template, 2, 1, "span", 32);
             i0.ɵɵelementStart(2, "span");
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "async");
@@ -12540,14 +12571,14 @@
             i0.ɵɵtext(6, " /");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(7, "span");
-            i0.ɵɵi18n(8, 32);
+            i0.ɵɵi18n(8, 33);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1("", ctx_r3.line.description[1], " ");
+            i0.ɵɵproperty("ngForOf", ctx_r3.line.description.slice(1, ctx_r3.line.description.length));
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 2, ctx_r3.currency));
         }
@@ -12555,21 +12586,21 @@
     function BasketPreviewLineComponent_div_16_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 34);
+            i0.ɵɵi18n(1, 36);
             i0.ɵɵelementEnd();
         }
     }
     function BasketPreviewLineComponent_div_16_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 35);
+            i0.ɵɵi18n(1, 37);
             i0.ɵɵelementEnd();
         }
     }
     var _c8 = function (a0) { return { "expanded": a0 }; };
     function BasketPreviewLineComponent_div_16_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 33);
+            i0.ɵɵelementStart(0, "div", 35);
             i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_16_span_1_Template, 2, 0, "span", 10);
             i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_16_span_2_Template, 2, 0, "span", 10);
             i0.ɵɵelementEnd();
@@ -12585,19 +12616,19 @@
     }
     function BasketPreviewLineComponent_div_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 36);
-            i0.ɵɵi18n(1, 37);
+            i0.ɵɵelementStart(0, "div", 38);
+            i0.ɵɵi18n(1, 39);
             i0.ɵɵelementEnd();
         }
     }
     var _c13 = function (a0) { return { "disable": a0 }; };
     function BasketPreviewLineComponent_div_18_Template(rf, ctx) {
         if (rf & 1) {
-            var _r23_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 38);
-            i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_18_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r23_1); var ctx_r22 = i0.ɵɵnextContext(); return ctx_r22.changeProduct(ctx_r22.line); });
-            i0.ɵɵelementStart(1, "a", 39);
-            i0.ɵɵi18n(2, 40);
+            var _r25_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 40);
+            i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_18_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25_1); var ctx_r24 = i0.ɵɵnextContext(); return ctx_r24.changeProduct(ctx_r24.line); });
+            i0.ɵɵelementStart(1, "a", 41);
+            i0.ɵɵi18n(2, 42);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -12614,16 +12645,16 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var word_r25 = ctx.$implicit;
+            var word_r27 = ctx.$implicit;
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(word_r25);
+            i0.ɵɵtextInterpolate(word_r27);
         }
     }
     function BasketPreviewLineComponent_div_19_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 41);
-            i0.ɵɵelementStart(1, "div", 42);
-            i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_19_span_2_Template, 2, 1, "span", 43);
+            i0.ɵɵelementStart(0, "div", 43);
+            i0.ɵɵelementStart(1, "div", 44);
+            i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_19_span_2_Template, 2, 1, "span", 45);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -12635,7 +12666,7 @@
     }
     function BasketPreviewLineComponent_div_21_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 44);
+            i0.ɵɵelementStart(0, "div", 46);
             i0.ɵɵelementStart(1, "span");
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
@@ -12663,7 +12694,7 @@
     var _c16 = function (a0) { return { fields: a0 }; };
     function BasketPreviewLineComponent_ng_template_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 45);
+            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 47);
             i0.ɵɵpipe(1, "async");
         }
         if (rf & 2) {
@@ -12673,28 +12704,28 @@
     }
     function BasketPreviewLineComponent_div_25_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 46);
-            i0.ɵɵi18n(1, 47);
+            i0.ɵɵelementStart(0, "div", 48);
+            i0.ɵɵi18n(1, 49);
             i0.ɵɵelementEnd();
         }
     }
     function BasketPreviewLineComponent_div_27_span_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 49);
+            i0.ɵɵi18n(1, 51);
             i0.ɵɵelementEnd();
         }
     }
     function BasketPreviewLineComponent_div_27_span_2_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 50);
+            i0.ɵɵi18n(1, 52);
             i0.ɵɵelementEnd();
         }
     }
     function BasketPreviewLineComponent_div_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 48);
+            i0.ɵɵelementStart(0, "div", 50);
             i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_27_span_1_Template, 2, 0, "span", 10);
             i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_27_span_2_Template, 2, 0, "span", 10);
             i0.ɵɵelementEnd();
@@ -12709,11 +12740,11 @@
     }
     function BasketPreviewLineComponent_div_28_Template(rf, ctx) {
         if (rf & 1) {
-            var _r29_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 51);
-            i0.ɵɵelementStart(1, "button", 52);
-            i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_28_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r29_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.toggleRecipeDisplay($event, true); });
-            i0.ɵɵelement(2, "ng-miam-icon", 53);
+            var _r31_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 53);
+            i0.ɵɵelementStart(1, "button", 54);
+            i0.ɵɵlistener("click", function BasketPreviewLineComponent_div_28_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r31_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.toggleRecipeDisplay($event, true); });
+            i0.ɵɵelement(2, "ng-miam-icon", 55);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -12725,94 +12756,94 @@
     }
     function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r39_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-basket-preview-line", 61);
-            i0.ɵɵlistener("removed", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { i0.ɵɵrestoreView(_r39_1); var ctx_r38 = i0.ɵɵnextContext(3); return ctx_r38.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { i0.ɵɵrestoreView(_r39_1); var ctx_r40 = i0.ɵɵnextContext(3); return ctx_r40.replaceItem.emit(ctx_r40.line); });
+            var _r41_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-basket-preview-line", 63);
+            i0.ɵɵlistener("removed", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { i0.ɵɵrestoreView(_r41_1); var ctx_r40 = i0.ɵɵnextContext(3); return ctx_r40.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r42 = i0.ɵɵnextContext(3); return ctx_r42.replaceItem.emit(ctx_r42.line); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var entryLine_r37 = ctx.$implicit;
-            var ctx_r33 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("line", entryLine_r37)("sponsorised", ctx_r33.isEntrySponsorised[entryLine_r37.id])("displayItemsUnitaryPrice", ctx_r33.displayItemsUnitaryPrice)("originTrace", ctx_r33.eventTrace())("blockStates", ctx_r33.blockStates);
+            var entryLine_r39 = ctx.$implicit;
+            var ctx_r35 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("line", entryLine_r39)("sponsorised", ctx_r35.isEntrySponsorised[entryLine_r39.id])("displayItemsUnitaryPrice", ctx_r35.displayItemsUnitaryPrice)("originTrace", ctx_r35.eventTrace())("blockStates", ctx_r35.blockStates);
         }
     }
     function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-basket-preview-disabled", 62);
+            i0.ɵɵelement(0, "ng-miam-basket-preview-disabled", 64);
         }
         if (rf & 2) {
-            var ctx_r34 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("entries", ctx_r34.line.entries.notFound)("alwaysExpanded", ctx_r34.itemsAlwaysExpanded);
+            var ctx_r36 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("entries", ctx_r36.line.entries.notFound)("alwaysExpanded", ctx_r36.itemsAlwaysExpanded);
         }
     }
     function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r42_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 63);
-            i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r42_1); var ctx_r41 = i0.ɵɵnextContext(3); return ctx_r41.addEntry($event); });
+            var _r44_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 65);
+            i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r44_1); var ctx_r43 = i0.ɵɵnextContext(3); return ctx_r43.addEntry($event); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r35 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("entries", ctx_r35.line.entries.oftenDeleted)("alwaysExpanded", ctx_r35.itemsAlwaysExpanded);
+            var ctx_r37 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("entries", ctx_r37.line.entries.oftenDeleted)("alwaysExpanded", ctx_r37.itemsAlwaysExpanded);
         }
     }
     function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r44_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 64);
-            i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r44_1); var ctx_r43 = i0.ɵɵnextContext(3); return ctx_r43.addEntry($event); });
+            var _r46_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 66);
+            i0.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0.ɵɵrestoreView(_r46_1); var ctx_r45 = i0.ɵɵnextContext(3); return ctx_r45.addEntry($event); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r36 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("entries", ctx_r36.line.entries.removed)("alwaysExpanded", ctx_r36.itemsAlwaysExpanded)("reduced", true);
+            var ctx_r38 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("entries", ctx_r38.line.entries.removed)("alwaysExpanded", ctx_r38.itemsAlwaysExpanded)("reduced", true);
         }
     }
     function BasketPreviewLineComponent_div_29_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template, 1, 5, "ng-miam-basket-preview-line", 57);
+            i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_line_1_Template, 1, 5, "ng-miam-basket-preview-line", 59);
             i0.ɵɵpipe(2, "async");
-            i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 58);
-            i0.ɵɵtemplate(4, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 59);
-            i0.ɵɵtemplate(5, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 60);
+            i0.ɵɵtemplate(3, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 60);
+            i0.ɵɵtemplate(4, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 61);
+            i0.ɵɵtemplate(5, BasketPreviewLineComponent_div_29_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 62);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r30 = i0.ɵɵnextContext(2);
+            var ctx_r32 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 4, ctx_r30.entriesLines$));
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 4, ctx_r32.entriesLines$));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r30.line.entries.notFound.length > 0);
+            i0.ɵɵproperty("ngIf", ctx_r32.line.entries.notFound.length > 0);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r30.line.entries.oftenDeleted.length > 0);
+            i0.ɵɵproperty("ngIf", ctx_r32.line.entries.oftenDeleted.length > 0);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r30.line.entries.removed.length > 0);
+            i0.ɵɵproperty("ngIf", ctx_r32.line.entries.removed.length > 0);
         }
     }
     function BasketPreviewLineComponent_div_29_ng_template_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 65);
+            i0.ɵɵelementStart(0, "div", 67);
             i0.ɵɵelement(1, "ng-miam-loader");
             i0.ɵɵelementStart(2, "div");
-            i0.ɵɵi18n(3, 66);
+            i0.ɵɵi18n(3, 68);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
     }
     function BasketPreviewLineComponent_div_29_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 54);
-            i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_29_div_1_Template, 6, 6, "div", 55);
-            i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_29_ng_template_2_Template, 4, 0, "ng-template", null, 56, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementStart(0, "div", 56);
+            i0.ɵɵtemplate(1, BasketPreviewLineComponent_div_29_div_1_Template, 6, 6, "div", 57);
+            i0.ɵɵtemplate(2, BasketPreviewLineComponent_div_29_ng_template_2_Template, 4, 0, "ng-template", null, 58, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r31 = i0.ɵɵreference(3);
+            var _r33 = i0.ɵɵreference(3);
             var ctx_r14 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx_r14.loading)("ngIfElse", _r31);
+            i0.ɵɵproperty("ngIf", !ctx_r14.loading)("ngIfElse", _r33);
         }
     }
     var _c25 = function (a0, a1, a2) { return { clickable: a0, expanded: a1, elevate: a2 }; };
@@ -13118,7 +13149,7 @@
             else {
                 i18n_23 = $localize(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject([":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."], [":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."])));
             }
-            return [[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", 3, "ngClass"], ["class", "miam-basket-preview-line__item__sponsorised", 4, "ngIf"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngIf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 3, "ngClass", 4, "ngIf"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 3, "click", 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__sponsorised"], i18n_0, i18n_2, [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_4, i18n_6, [1, "miam-basket-preview-line__item__showDetails"], i18n_9, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_11, [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], i18n_17, [1, "miam-basket-preview-line__item__count__people"], i18n_19, i18n_21, [1, "miam-basket-preview-line__add__button"], [1, "m-button-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "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", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "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"], i18n_23];
+            return [[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", 3, "ngClass"], ["class", "miam-basket-preview-line__item__sponsorised", 4, "ngIf"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngIf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 3, "ngClass", 4, "ngIf"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 3, "click", 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__sponsorised"], i18n_0, ["class", "miam-basket-preview-line__item__description__part", 4, "ngFor", "ngForOf"], i18n_2, [1, "miam-basket-preview-line__item__description__part"], [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_4, i18n_6, [1, "miam-basket-preview-line__item__showDetails"], i18n_9, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_11, [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], i18n_17, [1, "miam-basket-preview-line__item__count__people"], i18n_19, i18n_21, [1, "miam-basket-preview-line__add__button"], [1, "m-button-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "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", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "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"], i18n_23];
         }, template: function BasketPreviewLineComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
@@ -13207,7 +13238,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.expanded);
             }
-        }, directives: [i2.NgClass, i2.NgIf, CounterInputComponent, IconComponent, LoaderComponent, i2.NgForOf, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent], pipes: [CapitalizeFirstLetterPipe, i2.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 .miam-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__sponsorised{align-items:center;background-color:var(--m-color-grey);border-radius:100px;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;margin-bottom:8px;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-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__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{align-items:center;background-color:var(--tag-color);border-radius:100px;display:flex;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__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag span:not(:last-child){margin-right:4px}.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 40%}.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;left:0;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 });
+        }, directives: [i2.NgClass, i2.NgIf, CounterInputComponent, IconComponent, LoaderComponent, i2.NgForOf, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent], pipes: [CapitalizeFirstLetterPipe, i2.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 .miam-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__sponsorised{align-items:center;background-color:var(--m-color-grey);border-radius:100px;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;margin-bottom:8px;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-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__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__description .miam-basket-preview-line__item__description__part{margin-right:4px}.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{align-items:center;background-color:var(--tag-color);border-radius:100px;display:flex;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__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag span:not(:last-child){margin-right:4px}.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 40%}.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;left:0;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 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(BasketPreviewLineComponent, [{
                 type: i0.Component,
@@ -19239,10 +19270,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 +20417,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 +20460,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 +20475,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 +20486,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 +20518,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 +20526,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 +20534,6 @@
                 }
                 else {
                     _this.hide = false;
-                    _this.createSections();
                 }
                 _this.loading.emit(false);
                 _this.cdr.detectChanges();
@@ -20579,110 +20559,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 +20609,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 +23397,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; }
@@ -24229,61 +24113,163 @@
             }], function () { return []; }, null);
     })();
 
-    function RecipeAddonComponent_img_6_Template(rf, ctx) {
+    function SponsorStorytellingComponent_ng_miam_sponsor_block_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 8);
+            i0.ɵɵelement(0, "ng-miam-sponsor-block-container", 2);
         }
         if (rf & 2) {
+            var block_r1 = ctx.$implicit;
+            i0.ɵɵproperty("sponsorBlock", block_r1)("ngStyle", block_r1 == null ? null : block_r1.style);
+        }
+    }
+    var SponsorStorytellingComponent = /** @class */ (function () {
+        function SponsorStorytellingComponent(cdr) {
+            this.cdr = cdr;
+        }
+        return SponsorStorytellingComponent;
+    }());
+    SponsorStorytellingComponent.ɵfac = function SponsorStorytellingComponent_Factory(t) { return new (t || SponsorStorytellingComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    SponsorStorytellingComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SponsorStorytellingComponent, selectors: [["ng-miam-sponsor-storytelling"]], inputs: { sponsorBlocks: "sponsorBlocks" }, decls: 2, vars: 1, consts: [[1, "sponsor-storytelling"], [3, "sponsorBlock", "ngStyle", 4, "ngFor", "ngForOf"], [3, "sponsorBlock", "ngStyle"]], template: function SponsorStorytellingComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵtemplate(1, SponsorStorytellingComponent_ng_miam_sponsor_block_container_1_Template, 1, 2, "ng-miam-sponsor-block-container", 1);
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngForOf", ctx.sponsorBlocks);
+            }
+        }, directives: [i2.NgForOf, SponsorBlockContainerComponent, i2.NgStyle], styles: [".sponsor-storytelling{border-radius:8px;display:grid;gap:24px;grid-template-columns:repeat(10,1fr);grid-template-rows:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}"], encapsulation: 2, changeDetection: 0 });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SponsorStorytellingComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ng-miam-sponsor-storytelling',
+                        templateUrl: './sponsor-storytelling.component.html',
+                        styleUrls: ['./sponsor-storytelling.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { sponsorBlocks: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    function RecipeAddonComponent_div_0_img_6_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "img", 11);
+        }
+        if (rf & 2) {
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵpropertyInterpolate("src", ctx_r3.recipe.sponsorLogoUrl, i0.ɵɵsanitizeUrl);
+        }
+    }
+    function RecipeAddonComponent_div_0_iframe_8_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "iframe", 12);
+            i0.ɵɵpipe(1, "safe");
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("src", i0.ɵɵpipeBind1(1, 1, ctx_r4.recipe == null ? null : ctx_r4.recipe.attributes["informational-page-html"]), i0.ɵɵsanitizeResourceUrl);
+        }
+    }
+    function RecipeAddonComponent_div_0_ng_template_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-sponsor-storytelling", 13);
+        }
+        if (rf & 2) {
+            var ctx_r6 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("sponsorBlocks", ctx_r6.sponsorBlocks);
+        }
+    }
+    function RecipeAddonComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵelementStart(1, "div", 3);
+            i0.ɵɵelementStart(2, "button", 4);
+            i0.ɵɵlistener("click", function RecipeAddonComponent_div_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.hideAddon.emit(); });
+            i0.ɵɵelement(3, "ng-miam-icon", 5);
+            i0.ɵɵelementStart(4, "span");
+            i0.ɵɵi18n(5, 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, RecipeAddonComponent_div_0_img_6_Template, 1, 1, "img", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 8);
+            i0.ɵɵtemplate(8, RecipeAddonComponent_div_0_iframe_8_Template, 2, 3, "iframe", 9);
+            i0.ɵɵtemplate(9, RecipeAddonComponent_div_0_ng_template_9_Template, 1, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var _r5 = i0.ɵɵreference(10);
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵpropertyInterpolate("src", ctx_r0.recipe.sponsorLogoUrl, i0.ɵɵsanitizeUrl);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe == null ? null : ctx_r0.recipe.sponsorLogoUrl);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", (ctx_r0.sponsorBlocks == null ? null : ctx_r0.sponsorBlocks.length) === 0)("ngIfElse", _r5);
+        }
+    }
+    function RecipeAddonComponent_ng_template_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 14);
+            i0.ɵɵelement(1, "ng-miam-loader");
+            i0.ɵɵelementEnd();
         }
     }
     var RecipeAddonComponent = /** @class */ (function () {
-        function RecipeAddonComponent() {
-            this.icon = exports.Icon;
+        function RecipeAddonComponent(sponsorBlocksService, cdr) {
+            this.sponsorBlocksService = sponsorBlocksService;
+            this.cdr = cdr;
             this.hideAddon = new i0.EventEmitter();
+            this.icon = exports.Icon;
+            this.loading = true;
         }
+        RecipeAddonComponent.prototype.ngOnInit = function () {
+            if (this.recipe.sponsors.length > 0) {
+                this.getSponsorBlocks();
+            }
+        };
+        RecipeAddonComponent.prototype.getSponsorBlocks = function () {
+            var _this = this;
+            this.sponsorBlocksService.all({
+                remotefilter: {
+                    'sponsor-id': this.recipe.sponsors[0].id
+                },
+                include: ['sponsor', 'sponsor-block-type']
+            }).pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (blocks) {
+                _this.sponsorBlocks = blocks.data.sort(function (block1, block2) { return block1.position - block2.position; });
+                _this.loading = false;
+                _this.cdr.detectChanges();
+            });
+        };
         return RecipeAddonComponent;
     }());
-    RecipeAddonComponent.ɵfac = function RecipeAddonComponent_Factory(t) { return new (t || RecipeAddonComponent)(); };
-    RecipeAddonComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeAddonComponent, selectors: [["ng-miam-recipe-addon"]], inputs: { recipe: "recipe" }, outputs: { hideAddon: "hideAddon" }, decls: 10, vars: 5, consts: function () {
+    RecipeAddonComponent.ɵfac = function RecipeAddonComponent_Factory(t) { return new (t || RecipeAddonComponent)(i0.ɵɵdirectiveInject(SponsorBlockService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    RecipeAddonComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeAddonComponent, selectors: [["ng-miam-recipe-addon"]], inputs: { recipe: "recipe" }, outputs: { hideAddon: "hideAddon" }, decls: 3, vars: 2, consts: function () {
             var i18n_0;
             if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-                var MSG_EXTERNAL_8168765646794661881$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_ADDON_RECIPE_ADDON_COMPONENT_TS_1 = goog.getMsg("Retour");
-                i18n_0 = MSG_EXTERNAL_8168765646794661881$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_ADDON_RECIPE_ADDON_COMPONENT_TS_1;
+                var MSG_EXTERNAL_8168765646794661881$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_ADDON_RECIPE_ADDON_COMPONENT_TS__1 = goog.getMsg("Retour");
+                i18n_0 = MSG_EXTERNAL_8168765646794661881$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_ADDON_RECIPE_ADDON_COMPONENT_TS__1;
             }
             else {
                 i18n_0 = $localize(templateObject_1$F || (templateObject_1$F = __makeTemplateObject([":\u241F7582755e46cff3b0d29465ce750a51c9b841ae9f\u241F8168765646794661881:Retour"], [":\u241F7582755e46cff3b0d29465ce750a51c9b841ae9f\u241F8168765646794661881:Retour"])));
             }
-            return [[1, "recipe-addon"], [1, "recipe-addon__header"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_0, [3, "src", 4, "ngIf"], [1, "recipe-addon__content"], ["frameBorder", "0", 1, "recipe-addon__content__iframe", 3, "src"], [3, "src"]];
+            return [["class", "miam-recipe-addon", 4, "ngIf", "ngIfElse"], ["isLoading", ""], [1, "miam-recipe-addon"], [1, "miam-recipe-addon__header"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_0, [3, "src", 4, "ngIf"], [1, "miam-recipe-addon__content"], ["class", "miam-recipe-addon__content__iframe", "frameBorder", "0", 3, "src", 4, "ngIf", "ngIfElse"], ["storytelling", ""], [3, "src"], ["frameBorder", "0", 1, "miam-recipe-addon__content__iframe", 3, "src"], [3, "sponsorBlocks"], [1, "miam-recipe-addon__loader"]];
         }, template: function RecipeAddonComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵelementStart(1, "div", 1);
-                i0.ɵɵelementStart(2, "button", 2);
-                i0.ɵɵlistener("click", function RecipeAddonComponent_Template_button_click_2_listener() { return ctx.hideAddon.emit(); });
-                i0.ɵɵelement(3, "ng-miam-icon", 3);
-                i0.ɵɵelementStart(4, "span");
-                i0.ɵɵi18n(5, 4);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(6, RecipeAddonComponent_img_6_Template, 1, 1, "img", 5);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(7, "div", 6);
-                i0.ɵɵelement(8, "iframe", 7);
-                i0.ɵɵpipe(9, "safe");
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(0, RecipeAddonComponent_div_0_Template, 11, 4, "div", 0);
+                i0.ɵɵtemplate(1, RecipeAddonComponent_ng_template_1_Template, 2, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵadvance(3);
-                i0.ɵɵproperty("iconName", ctx.icon.ChevronDown);
-                i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", ctx.recipe == null ? null : ctx.recipe.sponsorLogoUrl);
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("src", i0.ɵɵpipeBind1(9, 3, ctx.recipe == null ? null : ctx.recipe.attributes["informational-page-html"]), i0.ɵɵsanitizeResourceUrl);
+                var _r1 = i0.ɵɵreference(2);
+                i0.ɵɵproperty("ngIf", !ctx.loading)("ngIfElse", _r1);
             }
-        }, directives: [IconComponent, i2.NgIf], pipes: [SafePipe], styles: [".recipe-addon{display:flex;flex-direction:column;height:100%;width:100%}.recipe-addon .recipe-addon__header{align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.07);display:flex;justify-content:space-between;padding:26px 80px 26px 16px;width:100%}@media (max-width:1023px){.recipe-addon .recipe-addon__header{padding:16px 80px 16px 16px}}.recipe-addon .recipe-addon__header button{background-color:transparent;border:none;color:var(--m-color-black);font-size:19px;font-weight:700;max-width:150px;padding:0}.recipe-addon .recipe-addon__header button ng-miam-icon{height:16px;margin:0;transform:rotate(90deg) scale(1.5)}.recipe-addon .recipe-addon__header button ng-miam-icon svg path{fill:var(--m-color-black)}.recipe-addon .recipe-addon__header button ng-miam-icon svg path:first-of-type{fill:transparent}.recipe-addon .recipe-addon__header button:hover{background-color:transparent;border:none}.recipe-addon .recipe-addon__header button:hover ng-miam-icon svg path{fill:var(--m-color-black)}.recipe-addon .recipe-addon__header button:hover ng-miam-icon svg path:first-of-type{fill:transparent}.recipe-addon .recipe-addon__header button span{margin-left:8px}.recipe-addon .recipe-addon__header img{height:25px}.recipe-addon .recipe-addon__content{flex:1 1;height:100%;margin-right:8px;overflow-x:hidden;overflow-y:auto;padding-top:16px;width:calc(100% - 8px)}.recipe-addon .recipe-addon__content::-webkit-scrollbar-button{height:20px}.recipe-addon .recipe-addon__content::-webkit-scrollbar-track{background:var(--m-color-grey)}.recipe-addon .recipe-addon__content::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.recipe-addon .recipe-addon__content::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.recipe-addon .recipe-addon__content .recipe-addon__content__iframe{height:calc(100vh - 98px);width:100%}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, IconComponent, SponsorStorytellingComponent, LoaderComponent], pipes: [SafePipe], styles: [".miam-recipe-addon{display:flex;flex-direction:column;height:100%;width:100%}.miam-recipe-addon .miam-recipe-addon__header{align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.07);display:flex;justify-content:space-between;padding:26px 80px 26px 16px;width:100%}@media (max-width:1023px){.miam-recipe-addon .miam-recipe-addon__header{padding:16px 80px 16px 16px}}.miam-recipe-addon .miam-recipe-addon__header button{background-color:transparent;border:none;color:var(--m-color-black);font-size:19px;font-weight:700;max-width:150px;padding:0}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon{height:16px;margin:0;transform:rotate(90deg) scale(1.5)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button:hover{background-color:transparent;border:none}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button span{margin-left:8px}.miam-recipe-addon .miam-recipe-addon__header img{height:25px}.miam-recipe-addon .miam-recipe-addon__content{background-color:#fff;flex:1 1;height:100%;margin-right:8px;overflow-x:hidden;overflow-y:auto;padding-top:16px;width:calc(100% - 8px)}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-button{height:20px}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-addon .miam-recipe-addon__content .miam-recipe-addon__content__iframe{height:calc(100vh - 98px);width:100%}.miam-recipe-addon__loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeAddonComponent, [{
                 type: i0.Component,
@@ -24294,7 +24280,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return []; }, { recipe: [{
+            }], function () { return [{ type: SponsorBlockService }, { type: i0.ChangeDetectorRef }]; }, { recipe: [{
                     type: i0.Input
                 }], hideAddon: [{
                     type: i0.Output
@@ -25148,7 +25134,7 @@
         }
         if (rf & 2) {
             var ctx_r10 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("recipe", ctx_r10.recipe);
+            i0.ɵɵproperty("hasStorytelling", ctx_r10.sponsorHasStorytelling)("recipe", ctx_r10.recipe);
         }
     }
     var _c3$2 = function (a0, a1) { return { "sponsor": a0, "tags": a1 }; };
@@ -25349,7 +25335,7 @@
             i0.ɵɵelementStart(1, "div", 16, 17);
             i0.ɵɵelementStart(3, "div", 18);
             i0.ɵɵelementStart(4, "div", 19);
-            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_11_ng_miam_addon_link_5_Template, 1, 1, "ng-miam-addon-link", 20);
+            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_11_ng_miam_addon_link_5_Template, 1, 2, "ng-miam-addon-link", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "div", 21);
             i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_11_img_7_Template, 1, 5, "img", 22);
@@ -25488,7 +25474,7 @@
     };
     var RecipeDetailsComponent = /** @class */ (function (_super) {
         __extends(RecipeDetailsComponent, _super);
-        function RecipeDetailsComponent(cdr, recipeService, groceriesListsService, userService, posService, recipeEventsService, mediaMatcher, contextService, analyticsService, toasterService) {
+        function RecipeDetailsComponent(cdr, recipeService, groceriesListsService, userService, posService, recipeEventsService, mediaMatcher, contextService, analyticsService, toasterService, sponsorBlocksService) {
             var _this = _super.call(this, analyticsService) || this;
             _this.cdr = cdr;
             _this.recipeService = recipeService;
@@ -25500,6 +25486,7 @@
             _this.contextService = contextService;
             _this.analyticsService = analyticsService;
             _this.toasterService = toasterService;
+            _this.sponsorBlocksService = sponsorBlocksService;
             _this.previewAllowed = true;
             _this.ingredientsPictures = false;
             _this.displayTagsIcons = false;
@@ -25520,6 +25507,7 @@
             _this.icon = exports.Icon;
             _this.addButtonLoading = false;
             _this.titleInHeader = false;
+            _this.sponsorHasStorytelling = false;
             _this.subscriptions = [];
             return _this;
         }
@@ -25553,16 +25541,18 @@
         };
         RecipeDetailsComponent.prototype.fetchRecipe = function () {
             var _this = this;
-            this.subscriptions.push(this.recipeService.get(this.recipeId, { include: recipeIncludes$5, fields: recipeSparseFields$5 }).pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (result) {
+            this.subscriptions.push(this.recipeService.get(this.recipeId, { include: recipeIncludes$5, fields: recipeSparseFields$5 }).pipe(operators.skipWhile(function (result) { return result.is_loading; }), operators.tap(function (result) {
                 _this.recipe = result;
                 _this.analyticsService.sendEventWhenReady(_this.analyticsService.EVENT_RECIPE_DISPLAY, _this.originTrace.originPath, _this.props());
                 _this.pageview();
-                _this.cdr.detectChanges();
                 _this.setupYoutubePlayer();
                 setTimeout(function () {
                     _this.initScrollListenerOnTitle();
                 });
-            }));
+            }), operators.switchMap(function () { return _this.sponsorBlocksService.all({
+                remotefilter: { 'sponsor-id': _this.recipe.sponsors[0].id },
+                page: { number: 1, size: 1 }
+            }).pipe(operators.skipWhile(function (result) { return result.is_loading; }), operators.tap(function (result) { return _this.sponsorHasStorytelling = !!result.data.length; })); })).subscribe(function () { return _this.cdr.detectChanges(); }));
         };
         RecipeDetailsComponent.prototype.setupYoutubePlayer = function () {
             var _this = this;
@@ -25703,7 +25693,7 @@
         };
         return RecipeDetailsComponent;
     }(EventTracerComponent));
-    RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i1$2.MediaMatcher), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(ToasterService)); };
+    RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i1$2.MediaMatcher), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(ToasterService), i0.ɵɵdirectiveInject(SponsorBlockService)); };
     RecipeDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsComponent, selectors: [["ng-miam-recipe-details"]], viewQuery: function RecipeDetailsComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵviewQuery(_c0$v, true);
@@ -25737,7 +25727,7 @@
             else {
                 i18n_6 = $localize(templateObject_3$t || (templateObject_3$t = __makeTemplateObject([":\u241Fe3d3d7039794cbbd2e16e8548bfbf9ee8fa29247\u241F1225769932237505428:Ajouter les ingr\u00E9dients"], [":\u241Fe3d3d7039794cbbd2e16e8548bfbf9ee8fa29247\u241F1225769932237505428:Ajouter les ingr\u00E9dients"])));
             }
-            return [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], [1, "miam-recipe-details__title"], [4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], i18n_1, ["class", "miam-recipe-details__container", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], ["topContainerImg", ""], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon like", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", "print", 3, "width", "height", "iconName", "click"], ["class", "miam-recipe-details__actions__icon help", "primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 3, "width", "height", "iconName", "click", 4, "ngIf"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced", 4, "ngIf"], [3, "recipe", 4, "ngIf"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], [3, "recipe", "serves", "guestsText", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "displayGuests", "guestsUpdated"], [1, "miam-recipe-details__content__image", 3, "href"], [3, "src"], [3, "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__picture__filigrane"], [1, "miam-recipe-details__actions__icon", "like", 3, "recipe", "originTrace", "width", "height"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", "help", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced"], [3, "recipe"], [3, "recipe", "serves", "guestsText"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], i18n_4, i18n_6, ["primaryColor", "#fff", 3, "width", "height", "iconName"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], [3, "recipe", "hideAddon"]];
+            return [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], [1, "miam-recipe-details__title"], [4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], i18n_1, ["class", "miam-recipe-details__container", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], ["topContainerImg", ""], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon like", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", "print", 3, "width", "height", "iconName", "click"], ["class", "miam-recipe-details__actions__icon help", "primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 3, "width", "height", "iconName", "click", 4, "ngIf"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced", 4, "ngIf"], [3, "recipe", 4, "ngIf"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], [3, "recipe", "serves", "guestsText", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "displayGuests", "guestsUpdated"], [1, "miam-recipe-details__content__image", 3, "href"], [3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__picture__filigrane"], [1, "miam-recipe-details__actions__icon", "like", 3, "recipe", "originTrace", "width", "height"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", "help", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced"], [3, "recipe"], [3, "recipe", "serves", "guestsText"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], i18n_4, i18n_6, ["primaryColor", "#fff", 3, "width", "height", "iconName"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], [3, "recipe", "hideAddon"]];
         }, template: function RecipeDetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 12, 5, "div", 0);
@@ -25758,7 +25748,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: GroceriesListsService }, { type: UserService }, { type: PointOfSalesService }, { type: RecipeEventsService }, { type: i1$2.MediaMatcher }, { type: ContextService }, { type: AnalyticsService }, { type: ToasterService }]; }, { recipeId: [{
+            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: GroceriesListsService }, { type: UserService }, { type: PointOfSalesService }, { type: RecipeEventsService }, { type: i1$2.MediaMatcher }, { type: ContextService }, { type: AnalyticsService }, { type: ToasterService }, { type: SponsorBlockService }]; }, { recipeId: [{
                     type: i0.Input
                 }], forcedRecipe: [{
                     type: i0.Input
@@ -25805,13 +25795,16 @@
                 'recipe-details': RecipeDetailsComponent,
                 'recipe-details-ingredients': RecipeDetailsIngredientsComponent,
                 'recipe-details-steps': RecipeDetailsStepsComponent,
-                'recipe-details-infos': RecipeDetailsInfosComponent
+                'recipe-details-infos': RecipeDetailsInfosComponent,
+                'sponsor-storytelling': SponsorStorytellingComponent
             };
             Object.keys(webComponents).map(function (compName) {
                 var name = "webc-miam-" + compName;
                 // Avoid duplicate error
                 if (!customElements.get(name)) {
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                     var comp = webComponents[compName];
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                     var ngElement = elements.createCustomElement(comp, { injector: injector });
                     customElements.define(name, ngElement);
                 }
@@ -25832,7 +25825,8 @@
                 RecipeDetailsComponent,
                 RecipeAddonComponent,
                 RecipeDetailsStepsComponent,
-                RecipeDetailsInfosComponent], imports: [i2.CommonModule,
+                RecipeDetailsInfosComponent,
+                SponsorStorytellingComponent], imports: [i2.CommonModule,
                 i3.FormsModule,
                 UtilsModule,
                 ComponentsModule,
@@ -25840,7 +25834,8 @@
                 RecipeDetailsComponent,
                 RecipeAddonComponent,
                 RecipeDetailsStepsComponent,
-                RecipeDetailsInfosComponent] });
+                RecipeDetailsInfosComponent,
+                SponsorStorytellingComponent] });
     })();
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsModule, [{
@@ -25858,14 +25853,16 @@
                             RecipeDetailsComponent,
                             RecipeAddonComponent,
                             RecipeDetailsStepsComponent,
-                            RecipeDetailsInfosComponent
+                            RecipeDetailsInfosComponent,
+                            SponsorStorytellingComponent
                         ],
                         exports: [
                             RecipeDetailsIngredientsComponent,
                             RecipeDetailsComponent,
                             RecipeAddonComponent,
                             RecipeDetailsStepsComponent,
-                            RecipeDetailsInfosComponent
+                            RecipeDetailsInfosComponent,
+                            SponsorStorytellingComponent
                         ]
                     }]
             }], function () { return [{ type: i0.Injector }]; }, null);
@@ -26490,7 +26487,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 +26514,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);
@@ -26944,48 +26941,6 @@
     })();
     var templateObject_1$N, templateObject_2$E;
 
-    function SponsorStorytellingComponent_ng_miam_sponsor_block_container_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-sponsor-block-container", 2);
-        }
-        if (rf & 2) {
-            var block_r1 = ctx.$implicit;
-            i0.ɵɵproperty("sponsorBlock", block_r1)("ngStyle", block_r1 == null ? null : block_r1.style);
-        }
-    }
-    var SponsorStorytellingComponent = /** @class */ (function () {
-        function SponsorStorytellingComponent(cdr) {
-            this.cdr = cdr;
-        }
-        return SponsorStorytellingComponent;
-    }());
-    SponsorStorytellingComponent.ɵfac = function SponsorStorytellingComponent_Factory(t) { return new (t || SponsorStorytellingComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    SponsorStorytellingComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SponsorStorytellingComponent, selectors: [["ng-miam-sponsor-storytelling"]], inputs: { sponsorBlocks: "sponsorBlocks" }, decls: 2, vars: 1, consts: [[1, "sponsor-storytelling"], [3, "sponsorBlock", "ngStyle", 4, "ngFor", "ngForOf"], [3, "sponsorBlock", "ngStyle"]], template: function SponsorStorytellingComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵtemplate(1, SponsorStorytellingComponent_ng_miam_sponsor_block_container_1_Template, 1, 2, "ng-miam-sponsor-block-container", 1);
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngForOf", ctx.sponsorBlocks);
-            }
-        }, directives: [i2.NgForOf, SponsorBlockContainerComponent, i2.NgStyle], styles: [".sponsor-storytelling{border-radius:8px;display:grid;gap:24px;grid-template-columns:repeat(10,1fr);grid-template-rows:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}"], encapsulation: 2, changeDetection: 0 });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SponsorStorytellingComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ng-miam-sponsor-storytelling',
-                        templateUrl: './sponsor-storytelling.component.html',
-                        styleUrls: ['./sponsor-storytelling.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None,
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { sponsorBlocks: [{
-                    type: i0.Input
-                }] });
-    })();
-
     function ToasterStackComponent_ng_miam_toaster_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0.ɵɵgetCurrentView();
@@ -27056,8 +27011,7 @@
         RecipesHistoryComponent,
         RecipeHelperComponent,
         RecipeTagsComponent,
-        ToasterStackComponent,
-        SponsorStorytellingComponent
+        ToasterStackComponent
     ];
     // Tag names as imported in client application
     // Warning : do not use caps, use dashed case only
@@ -27072,8 +27026,7 @@
         'recipes-history',
         'recipe-helper',
         'recipe-tags',
-        'toaster-stack',
-        'sponsor-storytelling'
+        'toaster-stack'
     ];
     var WEBC_MODULES = [
         BasketPreviewModule,
@@ -27097,7 +27050,7 @@
                 ComponentsModule,
                 i3$1.CalendarModule.forRoot({
                     provide: i3$1.DateAdapter,
-                    useFactory: dateFns.adapterFactory,
+                    useFactory: dateFns.adapterFactory
                 }),
                 UtilsModule,
                 i9.YouTubePlayerModule
@@ -27119,8 +27072,7 @@
                 RecipesHistoryComponent,
                 RecipeHelperComponent,
                 RecipeTagsComponent,
-                ToasterStackComponent,
-                SponsorStorytellingComponent], imports: [BasketPreviewModule,
+                ToasterStackComponent], imports: [BasketPreviewModule,
                 ListScanModule,
                 RecipeDetailsModule,
                 MealsPlannerModule,
@@ -27146,13 +27098,13 @@
                 RecipesHistoryComponent,
                 RecipeHelperComponent,
                 RecipeTagsComponent,
-                ToasterStackComponent,
-                SponsorStorytellingComponent] });
+                ToasterStackComponent] });
     })();
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(WebComponentsModule, [{
                 type: i0.NgModule,
                 args: [{
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                         imports: WEBC_MODULES.concat([
                             i2.CommonModule,
                             i3.FormsModule,
@@ -27160,12 +27112,13 @@
                             ComponentsModule,
                             i3$1.CalendarModule.forRoot({
                                 provide: i3$1.DateAdapter,
-                                useFactory: dateFns.adapterFactory,
+                                useFactory: dateFns.adapterFactory
                             }),
                             UtilsModule,
                             i9.YouTubePlayerModule
                         ]),
                         declarations: WEB_COMPONENTS,
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                         exports: WEBC_MODULES.concat(WEB_COMPONENTS)
                     }]
             }], null, null);