ng-easycommerce 1.1.3 → 1.1.4

package/README.md

@@ -1,3 +1,7 @@
+# Version 1.1.4
+- Navegación: `AddActionRedirectDirective` normaliza URLs absolutas del mismo origen para el Angular Router, respeta el `base href` y conserva query parameters y fragmentos.
+- Navegación: se mantiene el comportamiento nativo para clics modificados, botón central y enlaces con `target` explícito.
+
 # Version 1.1.3
 - Carrito: se incorpora la recuperación ante `409 CART_NOT_ACTIVE`; la mutación rechazada se cancela, el carrito activo se recupera automáticamente y la operación original no se reintenta.
 - Carrito: las pestañas del mismo navegador actualizan el resumen desde backend mediante señales de invalidación, con protección frente a eventos y respuestas obsoletas.

package/bundles/ng-easycommerce.umd.js

@@ -27130,19 +27130,20 @@
         return ParamsContext;
     }());
     var AddActionRedirectDirective = /** @class */ (function () {
-        function AddActionRedirectDirective(document, elementRef, renderer, blocksService, router) {
-            var _this = this;
+        function AddActionRedirectDirective(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 = function (evt) {
-                _this.router.navigateByUrl(_this.redirectUrl);
-            };
+            this.targetManaged = false;
+            this.originalTarget = null;
+            this.relManaged = false;
+            this.originalRel = null;
         }
         Object.defineProperty(AddActionRedirectDirective.prototype, "ecAddActionRedirect", {
             set: function (value) {
@@ -27169,10 +27170,19 @@
         AddActionRedirectDirective.prototype.ngOnChanges = function (changes) {
             var _this = this;
             var _a;
+            var element = this.elementRef.nativeElement;
+            var target = this.targetManaged ? this.originalTarget : element.getAttribute('target');
+            var 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(function (cl) {
                 try {
@@ -27187,18 +27197,101 @@
             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);
+                var 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') {
+                    var relTokens = (rel || '').split(/\s+/).filter(Boolean);
+                    var existingRelTokens = relTokens.map(function (token) { return token.toLowerCase(); });
+                    if (existingRelTokens.indexOf('noopener') === -1)
+                        relTokens.push('noopener');
+                    if (existingRelTokens.indexOf('noreferrer') === -1)
+                        relTokens.push('noreferrer');
+                    var 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', function (evt) {
-                    evt.preventDefault();
-                    _this.redirectFromUrl(evt);
-                });
+                var routerUrl_1 = this.toRouterUrl(this.redirectUrl);
+                this.renderer.setProperty(element, "href", this.locationStrategy.prepareExternalUrl(routerUrl_1));
+                if (target === null) {
+                    this.linstenEvent = this.renderer.listen(element, 'click', function (evt) {
+                        if (!_this.shouldHandleSpaClick(evt))
+                            return;
+                        evt.preventDefault();
+                        _this.router.navigateByUrl(routerUrl_1);
+                    });
+                }
+            }
+        };
+        AddActionRedirectDirective.prototype.shouldHandleSpaClick = function (event) {
+            return !event.defaultPrevented && event.button === 0 &&
+                !event.ctrlKey && !event.metaKey && !event.shiftKey && !event.altKey;
+        };
+        AddActionRedirectDirective.prototype.toRouterUrl = function (url) {
+            var routerUrl;
+            if (this.isAbsoluteUrl(url) || url.startsWith('#') || url.startsWith('?')) {
+                var 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);
+        };
+        AddActionRedirectDirective.prototype.stripBaseHref = function (url) {
+            var pathEnd = url.search(/[?#]/);
+            var path = pathEnd === -1 ? url : url.substring(0, pathEnd);
+            var suffix = pathEnd === -1 ? '' : url.substring(pathEnd);
+            var baseHref = this.locationStrategy.getBaseHref();
+            if (!baseHref)
+                return url;
+            try {
+                var current = new URL(this.getDocumentHref());
+                var base = new URL(baseHref, current.href);
+                var 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;
+        };
+        AddActionRedirectDirective.prototype.getDocumentHref = function () {
+            var location = this.document && this.document.location;
+            if (location && location.href)
+                return location.href;
+            if (location && location.origin)
+                return location.origin + '/';
+            return 'http://localhost/';
+        };
+        AddActionRedirectDirective.prototype.isAbsoluteUrl = function (url) {
+            return /^[a-z][a-z\d+.-]*:/i.test(url) || url.indexOf('//') === 0;
+        };
+        AddActionRedirectDirective.prototype.restoreManagedAttribute = function (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);
             }
         };
         AddActionRedirectDirective.prototype.getAccessibleLabel = function () {
@@ -27218,22 +27311,36 @@
             return ((_k = (_j = this.banner) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k.trim()) || 'Ver más';
         };
         AddActionRedirectDirective.prototype.isExternalUrl = function (url) {
-            var _a, _b;
-            if (!url)
-                return false;
-            if (url.startsWith('/') || url.startsWith('#'))
+            if (!url || !this.isAbsoluteUrl(url))
                 return false;
             try {
-                var base = ((_b = (_a = this.document) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.origin) || '';
-                var target = new URL(url, base);
-                if (!base)
+                var current = new URL(this.getDocumentHref());
+                var 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;
             }
         };
+        AddActionRedirectDirective.prototype.isOutsideBaseHref = function (pathname, current) {
+            var baseHref = this.locationStrategy.getBaseHref();
+            if (!baseHref)
+                return false;
+            try {
+                var base = new URL(baseHref, current.href);
+                if (base.origin !== current.origin)
+                    return false;
+                var basePath = base.pathname.replace(/\/index\.html$/i, '').replace(/\/+$/, '');
+                if (!basePath || basePath === '/')
+                    return false;
+                return pathname !== basePath && pathname.indexOf(basePath + '/') !== 0;
+            }
+            catch (e) {
+                return false;
+            }
+        };
         AddActionRedirectDirective.prototype.ngOnDestroy = function () {
             this.linstenEvent && this.linstenEvent();
         };
@@ -27242,7 +27349,8 @@
             { type: core.ElementRef },
             { type: core.Renderer2 },
             { type: BlocksService },
-            { type: router.Router }
+            { type: router.Router },
+            { type: common.LocationStrategy }
         ]; };
         __decorate$2a([
             core.Input()