@wizishop/angular-components 14.4.46 → 14.4.49

package/fesm2020/wizishop-angular-components.mjs

@@ -2567,55 +2567,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 type: Input
             }] } });
 
-class HeaderPageComponent {
+class HistoryService {
     constructor(router, location) {
         this.router = router;
         this.location = location;
         this.history = [];
-        this.withImg = false;
-        this.center = false;
-        this.useHistory = false;
+    }
+    registerHistory() {
         this.router.events.subscribe((event) => {
             if (event instanceof NavigationEnd) {
                 this.history.push(event.urlAfterRedirects);
+                console.log('history', this.history);
             }
         });
     }
-    ngOnInit() { }
-    back() {
-        if (!this.useHistory) {
-            this.redirect();
-            return;
-        }
+    back(link) {
         this.history.pop();
         if (this.history.length > 0) {
             this.location.back();
         }
         else {
-            this.redirect();
+            this.redirect(link);
         }
     }
-    redirect() {
-        if (this.linkBack[0].indexOf('http') !== -1) {
-            this.redirectToExternalLink();
+    redirect(link) {
+        if (link[0].indexOf('http') !== -1) {
+            this.redirectToExternalLink(link);
         }
         else {
-            this.redirectToInternalLink();
+            this.redirectToInternalLink(link);
         }
     }
-    redirectToExternalLink() {
-        window.location.href = this.linkBack[0];
+    redirectToExternalLink(link) {
+        window.location.href = link[0];
+    }
+    redirectToInternalLink(link) {
+        this.router.navigate(link);
     }
-    redirectToInternalLink() {
-        this.router.navigate(this.linkBack);
+}
+HistoryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HistoryService, deps: [{ token: i1$3.Router }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+HistoryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HistoryService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HistoryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.Router }, { type: i1.Location }]; } });
+
+class HeaderPageComponent {
+    constructor(historyService, location) {
+        this.historyService = historyService;
+        this.location = location;
+        this.withImg = false;
+        this.center = false;
+        this.useHistory = false;
+    }
+    back() {
+        if (!this.useHistory) {
+            this.historyService.redirect(this.linkBack);
+            return;
+        }
+        this.historyService.back(this.linkBack);
     }
 }
-HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, deps: [{ token: i1$3.Router }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, deps: [{ token: HistoryService }, { token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
 HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n          <a *ngIf=\"linkBack\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n        </div>\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\n          <a *ngIf=\"linkBack\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n        </div>\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$3.Router }, { type: i1.Location }]; }, propDecorators: { title: [{
+        }], ctorParameters: function () { return [{ type: HistoryService }, { type: i1.Location }]; }, propDecorators: { title: [{
                 type: Input
             }], linkBack: [{
                 type: Input