ng-miam 10.5.2 → 10.5.3

package/bundles/ng-miam.umd.js

@@ -3440,7 +3440,7 @@
         EventJourney["EMPTY"] = "";
     })(EventJourney || (EventJourney = {}));
 
-    var VERSION = "10.5.2"; // TODO: replace by ##VERSION## and update it in the CI/CD
+    var VERSION = "10.5.3"; // TODO: replace by ##VERSION## and update it in the CI/CD
 
     var ContextRegistryService = /** @class */ (function () {
         function ContextRegistryService() {
@@ -8169,53 +8169,53 @@
             }], function () { return [{ type: BasketsService }]; }, null);
     })();
 
-    var RemoveRecipeAction = /** @class */ (function (_super) {
-        __extends(RemoveRecipeAction, _super);
-        function RemoveRecipeAction() {
+    var RemoveIngredientAction = /** @class */ (function (_super) {
+        __extends(RemoveIngredientAction, _super);
+        function RemoveIngredientAction() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        Object.defineProperty(RemoveRecipeAction.prototype, "type", {
+        Object.defineProperty(RemoveIngredientAction.prototype, "type", {
             get: function () {
                 return 'REMOVE-PRODUCT';
             },
             enumerable: false,
             configurable: true
         });
-        // eslint-disable-next-line no-empty-function
-        RemoveRecipeAction.prototype.updateMealzBasket = function () {
+        RemoveIngredientAction.prototype.updateMealzBasket = function () {
+            if (this.updateMealzParams.recipeId) {
+                this.basketsService.removeIngredientsFromBasket(this.basketEntry, this.updateMealzParams.recipeId, [this.updateMealzParams.ingredientId], this.updateMealzParams.eventTrace);
+            }
+            else {
+                this.basketsService.removeProduct(this.basketEntry, this.updateMealzParams.eventTrace);
+            }
         };
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        RemoveRecipeAction.prototype.shouldRemoveAction = function (basketEntryFound) {
+        RemoveIngredientAction.prototype.shouldRemoveAction = function (basketEntryFound) {
             return true;
         };
-        return RemoveRecipeAction;
+        return RemoveIngredientAction;
     }(BasketAction));
 
-    var RemoveIngredientAction = /** @class */ (function (_super) {
-        __extends(RemoveIngredientAction, _super);
-        function RemoveIngredientAction() {
+    var RemoveRecipeAction = /** @class */ (function (_super) {
+        __extends(RemoveRecipeAction, _super);
+        function RemoveRecipeAction() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        Object.defineProperty(RemoveIngredientAction.prototype, "type", {
+        Object.defineProperty(RemoveRecipeAction.prototype, "type", {
             get: function () {
                 return 'REMOVE-PRODUCT';
             },
             enumerable: false,
             configurable: true
         });
-        RemoveIngredientAction.prototype.updateMealzBasket = function () {
-            if (this.updateMealzParams.recipeId) {
-                this.basketsService.removeIngredientsFromBasket(this.basketEntry, this.updateMealzParams.recipeId, [this.updateMealzParams.ingredientId], this.updateMealzParams.eventTrace);
-            }
-            else {
-                this.basketsService.removeProduct(this.basketEntry, this.updateMealzParams.eventTrace);
-            }
+        // eslint-disable-next-line no-empty-function
+        RemoveRecipeAction.prototype.updateMealzBasket = function () {
         };
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        RemoveIngredientAction.prototype.shouldRemoveAction = function (basketEntryFound) {
+        RemoveRecipeAction.prototype.shouldRemoveAction = function (basketEntryFound) {
             return true;
         };
-        return RemoveIngredientAction;
+        return RemoveRecipeAction;
     }(BasketAction));
 
     var UpdateIngredientAction = /** @class */ (function (_super) {
@@ -8243,13 +8243,148 @@
         return UpdateIngredientAction;
     }(BasketAction));
 
+    var LoadSsrScriptsAndLinksService = /** @class */ (function () {
+        function LoadSsrScriptsAndLinksService(http) {
+            this.http = http;
+            this.MEALZ_SSR_API = environment$1.mealzSsrApi + "/v2";
+            this.componentStylesUrl = '';
+            this.scriptsPaths = [];
+            this.allScriptLoaded$ = new rxjs.BehaviorSubject(false);
+            this.scriptLoaded = 0;
+        }
+        LoadSsrScriptsAndLinksService.prototype.getComponentStyles = function () {
+            return this.http.get(this.componentStylesUrl, {});
+        };
+        LoadSsrScriptsAndLinksService.prototype.loadStyles = function () {
+            var _this = this;
+            this.getComponentStyles().subscribe(function (styles) {
+                var _a;
+                (_a = styles === null || styles === void 0 ? void 0 : styles.links) === null || _a === void 0 ? void 0 : _a.forEach(function (link) {
+                    _this.appendElementToHead('link', { rel: 'stylesheet', href: link });
+                });
+            });
+        };
+        /**
+         * Fetches style link URLs from SSR and waits until each stylesheet has loaded (or failed),
+         * so consumers can paint without a FOUC.
+         */
+        LoadSsrScriptsAndLinksService.prototype.loadStylesWhenReady = function () {
+            var _this = this;
+            return this.getComponentStyles().pipe(operators.switchMap(function (styles) {
+                var _a;
+                var links = (_a = styles === null || styles === void 0 ? void 0 : styles.links) !== null && _a !== void 0 ? _a : [];
+                if (links.length === 0) {
+                    return rxjs.of(undefined);
+                }
+                return rxjs.forkJoin(links.map(function (href) { return _this.waitForStylesheet(href); })).pipe(operators.map(function () { return undefined; }));
+            }));
+        };
+        LoadSsrScriptsAndLinksService.prototype.waitForStylesheet = function (href) {
+            var existing = Array.from(document.head.querySelectorAll('link[rel="stylesheet"]')).find(function (node) { return node.getAttribute('href') === href; });
+            if (existing === null || existing === void 0 ? void 0 : existing.sheet) {
+                return rxjs.of(undefined);
+            }
+            if (existing) {
+                return new rxjs.Observable(function (subscriber) {
+                    var done = function () {
+                        subscriber.next();
+                        subscriber.complete();
+                    };
+                    existing.addEventListener('load', done, { once: true });
+                    existing.addEventListener('error', done, { once: true });
+                });
+            }
+            return new rxjs.Observable(function (subscriber) {
+                var link = document.createElement('link');
+                link.rel = 'stylesheet';
+                link.href = href;
+                var done = function () {
+                    subscriber.next();
+                    subscriber.complete();
+                };
+                link.addEventListener('load', done, { once: true });
+                link.addEventListener('error', done, { once: true });
+                document.head.appendChild(link);
+            });
+        };
+        LoadSsrScriptsAndLinksService.prototype.loadComponentScripts = function () {
+            var _this = this;
+            var _a;
+            (_a = this.scriptsPaths) === null || _a === void 0 ? void 0 : _a.forEach(function (script) {
+                var exists = document.head.querySelector("script[type=\"module\"][src=\"" + script + "\"]");
+                if (!exists) {
+                    _this.appendElementToHead('script', { type: 'module', src: script });
+                }
+            });
+        };
+        LoadSsrScriptsAndLinksService.prototype.appendElementToHead = function (tag, attributes) {
+            var _this = this;
+            var element = document.createElement(tag);
+            Object.entries(attributes).forEach(function (_b) {
+                var _c = __read(_b, 2), key = _c[0], value = _c[1];
+                return element.setAttribute(key, value);
+            });
+            document.head.appendChild(element);
+            element.onload = function () {
+                _this.scriptLoaded += 1;
+                if (_this.scriptLoaded === _this.scriptsPaths.length) {
+                    _this.allScriptLoaded$.next(true);
+                }
+            };
+        };
+        return LoadSsrScriptsAndLinksService;
+    }());
+    LoadSsrScriptsAndLinksService.ɵfac = function LoadSsrScriptsAndLinksService_Factory(t) { return new (t || LoadSsrScriptsAndLinksService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient)); };
+    LoadSsrScriptsAndLinksService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: LoadSsrScriptsAndLinksService, factory: LoadSsrScriptsAndLinksService.ɵfac, providedIn: 'root' });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadSsrScriptsAndLinksService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
+    })();
+
+    var LoadLitDrawerService = /** @class */ (function (_super) {
+        __extends(LoadLitDrawerService, _super);
+        function LoadLitDrawerService(http) {
+            var _this = _super.call(this, http) || this;
+            _this.http = http;
+            _this.componentStylesUrl = _this.MEALZ_SSR_API + "/styles/drawer";
+            _this.scriptsPaths = [
+                environment$1.mealzComponents + "/drawer/drawer.min.js",
+                environment$1.mealzComponents + "/drawer-view-swapper/drawer-view-swapper.min.js"
+            ];
+            return _this;
+        }
+        LoadLitDrawerService.prototype.ensureLoaded = function () {
+            if (!this.drawerReady$) {
+                this.loadComponentScripts();
+                this.drawerReady$ = this.loadStylesWhenReady().pipe(operators.catchError(function () { return rxjs.of(undefined); }), operators.shareReplay(1));
+            }
+            return this.drawerReady$;
+        };
+        return LoadLitDrawerService;
+    }(LoadSsrScriptsAndLinksService));
+    LoadLitDrawerService.ɵfac = function LoadLitDrawerService_Factory(t) { return new (t || LoadLitDrawerService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient)); };
+    LoadLitDrawerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: LoadLitDrawerService, factory: LoadLitDrawerService.ɵfac, providedIn: 'root' });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadLitDrawerService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
+    })();
+
     var BasketUtilsService = /** @class */ (function () {
-        function BasketUtilsService(basketsService, recipesService, priceService, basketSynchroService, analyticsService) {
+        function BasketUtilsService(basketsService, recipesService, priceService, basketSynchroService, analyticsService, loadLitDrawerService) {
             this.basketsService = basketsService;
             this.recipesService = recipesService;
             this.priceService = priceService;
             this.basketSynchroService = basketSynchroService;
             this.analyticsService = analyticsService;
+            this.loadLitDrawerService = loadLitDrawerService;
             this.recipesWithEntries = [];
             this.basketPreviewState$ = new rxjs.BehaviorSubject({
                 isOpen: false,
@@ -8268,13 +8403,16 @@
             return this.matchRecipesWithBasketEntries().pipe(operators.switchMap(function (builtRecipes) { return _this.formatPreview(builtRecipes); }));
         };
         BasketUtilsService.prototype.openBasket = function (analyticsPath, selectedTab) {
+            var _this = this;
             if (analyticsPath === void 0) { analyticsPath = ''; }
             if (selectedTab === void 0) { selectedTab = 0; }
-            this.basketPreviewState$.next({
-                isOpen: true,
-                activeTabIndex: selectedTab
+            this.loadLitDrawerService.ensureLoaded().pipe(operators.take(1)).subscribe(function () {
+                _this.basketPreviewState$.next({
+                    isOpen: true,
+                    activeTabIndex: selectedTab
+                });
+                _this.analyticsService.sendEvent('basket.display', analyticsPath, {});
             });
-            this.analyticsService.sendEvent('basket.display', analyticsPath, {});
         };
         BasketUtilsService.prototype.removeRecipe = function (recipeId, analyticsPath) {
             var _this = this;
@@ -8387,7 +8525,7 @@
         };
         return BasketUtilsService;
     }());
-    BasketUtilsService.ɵfac = function BasketUtilsService_Factory(t) { return new (t || BasketUtilsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(PriceService), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(AnalyticsService)); };
+    BasketUtilsService.ɵfac = function BasketUtilsService_Factory(t) { return new (t || BasketUtilsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(PriceService), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(LoadLitDrawerService)); };
     BasketUtilsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: BasketUtilsService, factory: BasketUtilsService.ɵfac, providedIn: 'root' });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketUtilsService, [{
@@ -8395,7 +8533,7 @@
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: PriceService }, { type: BasketsSynchronizerService }, { type: AnalyticsService }]; }, null);
+            }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: PriceService }, { type: BasketsSynchronizerService }, { type: AnalyticsService }, { type: LoadLitDrawerService }]; }, null);
     })();
 
     var BasketTransferAction = /** @class */ (function (_super) {
@@ -12921,65 +13059,6 @@
             }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
     })();
 
-    var LoadSsrScriptsAndLinksService = /** @class */ (function () {
-        function LoadSsrScriptsAndLinksService(http) {
-            this.http = http;
-            this.MEALZ_SSR_API = environment$1.mealzSsrApi + "/v2";
-            this.componentStylesUrl = '';
-            this.scriptsPaths = [];
-            this.allScriptLoaded$ = new rxjs.BehaviorSubject(false);
-            this.scriptLoaded = 0;
-        }
-        LoadSsrScriptsAndLinksService.prototype.getComponentStyles = function () {
-            return this.http.get(this.componentStylesUrl, {});
-        };
-        LoadSsrScriptsAndLinksService.prototype.loadStyles = function () {
-            var _this = this;
-            this.getComponentStyles().subscribe(function (styles) {
-                var _a;
-                (_a = styles === null || styles === void 0 ? void 0 : styles.links) === null || _a === void 0 ? void 0 : _a.forEach(function (link) {
-                    _this.appendElementToHead('link', { rel: 'stylesheet', href: link });
-                });
-            });
-        };
-        LoadSsrScriptsAndLinksService.prototype.loadComponentScripts = function () {
-            var _this = this;
-            var _a;
-            (_a = this.scriptsPaths) === null || _a === void 0 ? void 0 : _a.forEach(function (script) {
-                var exists = document.head.querySelector("script[type=\"module\"][src=\"" + script + "\"]");
-                if (!exists) {
-                    _this.appendElementToHead('script', { type: 'module', src: script });
-                }
-            });
-        };
-        LoadSsrScriptsAndLinksService.prototype.appendElementToHead = function (tag, attributes) {
-            var _this = this;
-            var element = document.createElement(tag);
-            Object.entries(attributes).forEach(function (_b) {
-                var _c = __read(_b, 2), key = _c[0], value = _c[1];
-                return element.setAttribute(key, value);
-            });
-            document.head.appendChild(element);
-            element.onload = function () {
-                _this.scriptLoaded += 1;
-                if (_this.scriptLoaded === _this.scriptsPaths.length) {
-                    _this.allScriptLoaded$.next(true);
-                }
-            };
-        };
-        return LoadSsrScriptsAndLinksService;
-    }());
-    LoadSsrScriptsAndLinksService.ɵfac = function LoadSsrScriptsAndLinksService_Factory(t) { return new (t || LoadSsrScriptsAndLinksService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient)); };
-    LoadSsrScriptsAndLinksService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: LoadSsrScriptsAndLinksService, factory: LoadSsrScriptsAndLinksService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadSsrScriptsAndLinksService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
-    })();
-
     var HistoryService = /** @class */ (function (_super) {
         __extends(HistoryService, _super);
         function HistoryService(http, posService, httpUtils) {
@@ -17352,33 +17431,6 @@
     })();
     var templateObject_1$a;
 
-    var LoadLitDrawerService = /** @class */ (function (_super) {
-        __extends(LoadLitDrawerService, _super);
-        function LoadLitDrawerService(http) {
-            var _this = _super.call(this, http) || this;
-            _this.http = http;
-            _this.componentStylesUrl = _this.MEALZ_SSR_API + "/styles/drawer";
-            _this.scriptsPaths = [
-                environment$1.mealzComponents + "/drawer/drawer.min.js",
-                environment$1.mealzComponents + "/drawer-view-swapper/drawer-view-swapper.min.js",
-            ];
-            _this.loadStyles();
-            _this.loadComponentScripts();
-            return _this;
-        }
-        return LoadLitDrawerService;
-    }(LoadSsrScriptsAndLinksService));
-    LoadLitDrawerService.ɵfac = function LoadLitDrawerService_Factory(t) { return new (t || LoadLitDrawerService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient)); };
-    LoadLitDrawerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: LoadLitDrawerService, factory: LoadLitDrawerService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadLitDrawerService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
-    })();
-
     function RecipeCardCtaComponent_div_0_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementContainerStart(0);
@@ -17992,6 +18044,7 @@
         }
         RecipeCardComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.loadLitDrawerService.ensureLoaded().pipe(operators.take(1)).subscribe();
             this.subscriptions.push(this.recipeService.displayedRecipeChanged$.subscribe(function () { return _this.cdr.detectChanges(); }));
         };
         RecipeCardComponent.prototype.currentPath = function () {