ng-easycommerce 1.1.3 → 1.1.4

package/fesm2015/ng-easycommerce.js

@@ -1,5 +1,5 @@
 import { Pipe, InjectionToken, Injectable, PLATFORM_ID, Inject, ɵɵdefineInjectable, ɵɵinject, Injector, INJECTOR, RendererFactory2, NgZone, Component, Input, HostListener, EventEmitter, Output, Renderer2, ViewChild, ElementRef, ViewChildren, ChangeDetectorRef, Directive, TemplateRef, ViewContainerRef, NgModule } from '@angular/core';
-import { isPlatformBrowser, DOCUMENT, CurrencyPipe, CommonModule } from '@angular/common';
+import { isPlatformBrowser, DOCUMENT, LocationStrategy, CurrencyPipe, CommonModule } from '@angular/common';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { Router, NavigationEnd, NavigationStart, ActivatedRoute, RouterModule } from '@angular/router';
 import { HttpHeaders, HttpParams, HttpClient, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
@@ -23563,18 +23563,20 @@ var __param$d = (this && this.__param) || function (paramIndex, decorator) {
 class ParamsContext {
 }
 let AddActionRedirectDirective = class AddActionRedirectDirective {
-    constructor(document, elementRef, renderer, blocksService, router) {
+    constructor(document, elementRef, renderer, blocksService, router, locationStrategy) {
         this.document = document;
         this.elementRef = elementRef;
         this.renderer = renderer;
         this.blocksService = blocksService;
         this.router = router;
+        this.locationStrategy = locationStrategy;
         this.redirectUrl = '';
         this.linstenEvent = null;
         this.transparent = true;
-        this.redirectFromUrl = (evt) => {
-            this.router.navigateByUrl(this.redirectUrl);
-        };
+        this.targetManaged = false;
+        this.originalTarget = null;
+        this.relManaged = false;
+        this.originalRel = null;
     }
     set ecAddActionRedirect(value) {
         this.banner = value;
@@ -23588,10 +23590,19 @@ let AddActionRedirectDirective = class AddActionRedirectDirective {
     ngOnInit() { }
     ngOnChanges(changes) {
         var _a;
+        const element = this.elementRef.nativeElement;
+        const target = this.targetManaged ? this.originalTarget : element.getAttribute('target');
+        const rel = this.relManaged ? this.originalRel : element.getAttribute('rel');
         if (this.linstenEvent) {
             this.linstenEvent();
             this.linstenEvent = null;
         }
+        this.restoreManagedAttribute('target', this.targetManaged, this.originalTarget);
+        this.restoreManagedAttribute('rel', this.relManaged, this.originalRel);
+        this.targetManaged = false;
+        this.originalTarget = null;
+        this.relManaged = false;
+        this.originalRel = null;
         this.transparent && this.renderer.setStyle(this.elementRef.nativeElement, 'color', 'transparent');
         (_a = this.classStr) === null || _a === void 0 ? void 0 : _a.split(" ").forEach((cl) => {
             try {
@@ -23606,18 +23617,101 @@ let AddActionRedirectDirective = class AddActionRedirectDirective {
         if (accessibleLabel) {
             this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-label', accessibleLabel);
         }
-        this.renderer.setProperty(this.elementRef.nativeElement, "href", this.redirectUrl);
         if (this.isExternalUrl(this.redirectUrl)) {
-            this.renderer.setAttribute(this.elementRef.nativeElement, "target", "_blank");
-            this.renderer.setAttribute(this.elementRef.nativeElement, "rel", "noopener noreferrer");
+            this.renderer.setProperty(element, "href", this.redirectUrl);
+            const effectiveTarget = target === null ? '_blank' : target;
+            if (target === null) {
+                this.renderer.setAttribute(element, "target", "_blank");
+                this.targetManaged = true;
+                this.originalTarget = null;
+            }
+            if (effectiveTarget.trim().toLowerCase() === '_blank') {
+                const relTokens = (rel || '').split(/\s+/).filter(Boolean);
+                const existingRelTokens = relTokens.map(token => token.toLowerCase());
+                if (existingRelTokens.indexOf('noopener') === -1)
+                    relTokens.push('noopener');
+                if (existingRelTokens.indexOf('noreferrer') === -1)
+                    relTokens.push('noreferrer');
+                const secureRel = relTokens.join(' ');
+                if (secureRel !== rel) {
+                    this.renderer.setAttribute(element, "rel", secureRel);
+                    this.relManaged = true;
+                    this.originalRel = rel;
+                }
+            }
         }
         else {
-            this.renderer.removeAttribute(this.elementRef.nativeElement, "target");
-            this.renderer.removeAttribute(this.elementRef.nativeElement, "rel");
-            this.linstenEvent = this.renderer.listen(this.elementRef.nativeElement, 'click', (evt) => {
-                evt.preventDefault();
-                this.redirectFromUrl(evt);
-            });
+            const routerUrl = this.toRouterUrl(this.redirectUrl);
+            this.renderer.setProperty(element, "href", this.locationStrategy.prepareExternalUrl(routerUrl));
+            if (target === null) {
+                this.linstenEvent = this.renderer.listen(element, 'click', (evt) => {
+                    if (!this.shouldHandleSpaClick(evt))
+                        return;
+                    evt.preventDefault();
+                    this.router.navigateByUrl(routerUrl);
+                });
+            }
+        }
+    }
+    shouldHandleSpaClick(event) {
+        return !event.defaultPrevented && event.button === 0 &&
+            !event.ctrlKey && !event.metaKey && !event.shiftKey && !event.altKey;
+    }
+    toRouterUrl(url) {
+        let routerUrl;
+        if (this.isAbsoluteUrl(url) || url.startsWith('#') || url.startsWith('?')) {
+            const target = new URL(url, this.getDocumentHref());
+            routerUrl = target.pathname + target.search + target.hash;
+        }
+        else {
+            routerUrl = this.router.serializeUrl(this.router.parseUrl(url));
+        }
+        return this.stripBaseHref(routerUrl);
+    }
+    stripBaseHref(url) {
+        const pathEnd = url.search(/[?#]/);
+        const path = pathEnd === -1 ? url : url.substring(0, pathEnd);
+        const suffix = pathEnd === -1 ? '' : url.substring(pathEnd);
+        const baseHref = this.locationStrategy.getBaseHref();
+        if (!baseHref)
+            return url;
+        try {
+            const current = new URL(this.getDocumentHref());
+            const base = new URL(baseHref, current.href);
+            let basePath = base.origin === current.origin ? base.pathname : '';
+            basePath = basePath.replace(/\/index\.html$/i, '').replace(/\/+$/, '');
+            if (!basePath || basePath === '/')
+                return url;
+            if (path === basePath)
+                return '/' + suffix;
+            if (path.indexOf(basePath + '/') === 0) {
+                return path.substring(basePath.length) + suffix;
+            }
+        }
+        catch (e) {
+            // Keep the URL unchanged when the browser cannot resolve the base href.
+        }
+        return url;
+    }
+    getDocumentHref() {
+        const location = this.document && this.document.location;
+        if (location && location.href)
+            return location.href;
+        if (location && location.origin)
+            return location.origin + '/';
+        return 'http://localhost/';
+    }
+    isAbsoluteUrl(url) {
+        return /^[a-z][a-z\d+.-]*:/i.test(url) || url.indexOf('//') === 0;
+    }
+    restoreManagedAttribute(name, managed, originalValue) {
+        if (!managed)
+            return;
+        if (originalValue === null) {
+            this.renderer.removeAttribute(this.elementRef.nativeElement, name);
+        }
+        else {
+            this.renderer.setAttribute(this.elementRef.nativeElement, name, originalValue);
         }
     }
     getAccessibleLabel() {
@@ -23637,22 +23731,36 @@ let AddActionRedirectDirective = class AddActionRedirectDirective {
         return ((_k = (_j = this.banner) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k.trim()) || 'Ver más';
     }
     isExternalUrl(url) {
-        var _a, _b;
-        if (!url)
-            return false;
-        if (url.startsWith('/') || url.startsWith('#'))
+        if (!url || !this.isAbsoluteUrl(url))
             return false;
         try {
-            const base = ((_b = (_a = this.document) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.origin) || '';
-            const target = new URL(url, base);
-            if (!base)
+            const current = new URL(this.getDocumentHref());
+            const target = new URL(url, current.href);
+            if (target.origin !== current.origin)
                 return true;
-            return target.origin !== base;
+            return this.isOutsideBaseHref(target.pathname, current);
         }
         catch (e) {
             return true;
         }
     }
+    isOutsideBaseHref(pathname, current) {
+        const baseHref = this.locationStrategy.getBaseHref();
+        if (!baseHref)
+            return false;
+        try {
+            const base = new URL(baseHref, current.href);
+            if (base.origin !== current.origin)
+                return false;
+            const basePath = base.pathname.replace(/\/index\.html$/i, '').replace(/\/+$/, '');
+            if (!basePath || basePath === '/')
+                return false;
+            return pathname !== basePath && pathname.indexOf(basePath + '/') !== 0;
+        }
+        catch (e) {
+            return false;
+        }
+    }
     ngOnDestroy() {
         this.linstenEvent && this.linstenEvent();
     }
@@ -23662,7 +23770,8 @@ AddActionRedirectDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: Renderer2 },
     { type: BlocksService },
-    { type: Router }
+    { type: Router },
+    { type: LocationStrategy }
 ];
 __decorate$2a([
     Input()