@rfprodz/client-pwa-offline 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 rfprod.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,67 @@
+# PWA Offline Module for Angular
+
+PWA offline feature for Angular clients.
+
+## Description
+
+Registers an interceptor that activates a view indicating that the client system if offline.
+
+Registers a route that serves the view that is activated when the client system goes offline.
+
+## Usage
+
+### Within the development workspace
+
+Import the module
+
+```typescript
+...
+import { AppPwaOfflineModule } from '@app/client-pwa-offline';
+
+@NgModule({
+  imports: [
+    ...
+    AppPwaOfflineModule,
+    ...
+  ],
+  ...
+})
+export class AppModule {}
+```
+
+### As an external package
+
+Install the package
+
+```bash
+yarn add @rfprodz/client-pwa-offline @angular/material
+```
+
+Import the module
+
+```typescript
+...
+import { AppPwaOfflineModule } from '@rfprodz/client-pwa-offline';
+
+@NgModule({
+  imports: [
+    ...
+    AppPwaOfflineModule,
+    ...
+  ],
+  ...
+})
+export class AppModule {}
+```
+
+## Developer commands reference
+
+```bash
+npx nx run tools:help --search client-pwa-offline:
+```
+
+## References
+
+- [Nx](https://nx.dev)
+- [Angular](https://angular.io)
+- [Angular Material](https://material.angular.io)

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib/pwa-offline.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NsaWVudC1wd2Etb2ZmbGluZS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3B3YS1vZmZsaW5lLm1vZHVsZSc7XG4iXX0=

package/esm2022/lib/components/pwa-offline/pwa-offline.component.mjs

@@ -0,0 +1,29 @@
+import { Location } from '@angular/common';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/button";
+/**
+ * PWA offline component.
+ * Displays a view that notifies the user of the offline network status.
+ */
+class AppPwaOfflineComponent {
+    constructor(location) {
+        this.location = location;
+    }
+    /**
+     * Loads a previous route that failed to load due to offline status.
+     */
+    back() {
+        this.location.back();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: AppPwaOfflineComponent, selector: "app-pwa-offline", ngImport: i0, template: "<div class=\"container\">\n  <span class=\"container__message\"><mat-icon color=\"warn\">wifi_off</mat-icon></span>\n  <span class=\"container__message mat-body-2\">You are offline.</span>\n  <span class=\"container__message mat-body-2\">Please check your network connection.</span>\n  <button mat-button (click)=\"back()\" color=\"accent\"><mat-icon>refresh</mat-icon> Retry</button>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;justify-items:center;width:100%;height:100%}.container__message{flex:0 1 auto}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { AppPwaOfflineComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pwa-offline', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\">\n  <span class=\"container__message\"><mat-icon color=\"warn\">wifi_off</mat-icon></span>\n  <span class=\"container__message mat-body-2\">You are offline.</span>\n  <span class=\"container__message mat-body-2\">Please check your network connection.</span>\n  <button mat-button (click)=\"back()\" color=\"accent\"><mat-icon>refresh</mat-icon> Retry</button>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;justify-items:center;width:100%;height:100%}.container__message{flex:0 1 auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Location }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHdhLW9mZmxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jbGllbnQtcHdhLW9mZmxpbmUvc3JjL2xpYi9jb21wb25lbnRzL3B3YS1vZmZsaW5lL3B3YS1vZmZsaW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2xpZW50LXB3YS1vZmZsaW5lL3NyYy9saWIvY29tcG9uZW50cy9wd2Etb2ZmbGluZS9wd2Etb2ZmbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFbkU7OztHQUdHO0FBQ0gsTUFNYSxzQkFBc0I7SUFDakMsWUFBNEIsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtJQUFHLENBQUM7SUFFbEQ7O09BRUc7SUFDSSxJQUFJO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO2lJQVJVLHNCQUFzQjtxSEFBdEIsc0JBQXNCLHVEQ2JuQyw0WUFNQTs7U0RPYSxzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBQV0Egb2ZmbGluZSBjb21wb25lbnQuXG4gKiBEaXNwbGF5cyBhIHZpZXcgdGhhdCBub3RpZmllcyB0aGUgdXNlciBvZiB0aGUgb2ZmbGluZSBuZXR3b3JrIHN0YXR1cy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXB3YS1vZmZsaW5lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B3YS1vZmZsaW5lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHdhLW9mZmxpbmUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFwcFB3YU9mZmxpbmVDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgbG9jYXRpb246IExvY2F0aW9uKSB7fVxuXG4gIC8qKlxuICAgKiBMb2FkcyBhIHByZXZpb3VzIHJvdXRlIHRoYXQgZmFpbGVkIHRvIGxvYWQgZHVlIHRvIG9mZmxpbmUgc3RhdHVzLlxuICAgKi9cbiAgcHVibGljIGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cbiAgPHNwYW4gY2xhc3M9XCJjb250YWluZXJfX21lc3NhZ2VcIj48bWF0LWljb24gY29sb3I9XCJ3YXJuXCI+d2lmaV9vZmY8L21hdC1pY29uPjwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJjb250YWluZXJfX21lc3NhZ2UgbWF0LWJvZHktMlwiPllvdSBhcmUgb2ZmbGluZS48L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwiY29udGFpbmVyX19tZXNzYWdlIG1hdC1ib2R5LTJcIj5QbGVhc2UgY2hlY2sgeW91ciBuZXR3b3JrIGNvbm5lY3Rpb24uPC9zcGFuPlxuICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cImJhY2soKVwiIGNvbG9yPVwiYWNjZW50XCI+PG1hdC1pY29uPnJlZnJlc2g8L21hdC1pY29uPiBSZXRyeTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/interceptors/pwa-offline.interceptor.mjs

@@ -0,0 +1,37 @@
+import { Inject, Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { NEVER } from 'rxjs';
+import { NAVIGATOR } from '../providers/navigator.provider';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * PWA offline interceptor.
+ * Redirects to a dedicated view when the app goes offline.
+ */
+class AppPwaOfflineInterceptor {
+    constructor(navigator, router) {
+        this.navigator = navigator;
+        this.router = router;
+    }
+    intercept(req, next) {
+        const routeLoaded = this.router.url.includes('offline');
+        if (!this.navigator.onLine && !routeLoaded) {
+            void this.router.navigateByUrl('/offline');
+            return NEVER;
+        }
+        return next.handle(req);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, deps: [{ token: NAVIGATOR }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, providedIn: 'root' }); }
+}
+export { AppPwaOfflineInterceptor };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: Navigator, decorators: [{
+                    type: Inject,
+                    args: [NAVIGATOR]
+                }] }, { type: i1.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHdhLW9mZmxpbmUuaW50ZXJjZXB0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NsaWVudC1wd2Etb2ZmbGluZS9zcmMvbGliL2ludGVyY2VwdG9ycy9wd2Etb2ZmbGluZS5pbnRlcmNlcHRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFFLEtBQUssRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUV6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQUU1RDs7O0dBR0c7QUFDSCxNQUdhLHdCQUF3QjtJQUNuQyxZQUFnRCxTQUFvQixFQUFtQixNQUFjO1FBQXJELGNBQVMsR0FBVCxTQUFTLENBQVc7UUFBbUIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUFHLENBQUM7SUFFbEcsU0FBUyxDQUFDLEdBQXlCLEVBQUUsSUFBaUI7UUFDM0QsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMxQyxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzNDLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQztpSUFWVSx3QkFBd0Isa0JBQ2YsU0FBUztxSUFEbEIsd0JBQXdCLGNBRnZCLE1BQU07O1NBRVAsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBSHBDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25COzswQkFFYyxNQUFNOzJCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIdHRwRXZlbnQsIEh0dHBIYW5kbGVyLCBIdHRwSW50ZXJjZXB0b3IsIEh0dHBSZXF1ZXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgTkVWRVIsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgTkFWSUdBVE9SIH0gZnJvbSAnLi4vcHJvdmlkZXJzL25hdmlnYXRvci5wcm92aWRlcic7XG5cbi8qKlxuICogUFdBIG9mZmxpbmUgaW50ZXJjZXB0b3IuXG4gKiBSZWRpcmVjdHMgdG8gYSBkZWRpY2F0ZWQgdmlldyB3aGVuIHRoZSBhcHAgZ29lcyBvZmZsaW5lLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgQXBwUHdhT2ZmbGluZUludGVyY2VwdG9yIGltcGxlbWVudHMgSHR0cEludGVyY2VwdG9yIHtcbiAgY29uc3RydWN0b3IoQEluamVjdChOQVZJR0FUT1IpIHByaXZhdGUgcmVhZG9ubHkgbmF2aWdhdG9yOiBOYXZpZ2F0b3IsIHByaXZhdGUgcmVhZG9ubHkgcm91dGVyOiBSb3V0ZXIpIHt9XG5cbiAgcHVibGljIGludGVyY2VwdChyZXE6IEh0dHBSZXF1ZXN0PHVua25vd24+LCBuZXh0OiBIdHRwSGFuZGxlcik6IE9ic2VydmFibGU8SHR0cEV2ZW50PHVua25vd24+PiB7XG4gICAgY29uc3Qgcm91dGVMb2FkZWQgPSB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoJ29mZmxpbmUnKTtcbiAgICBpZiAoIXRoaXMubmF2aWdhdG9yLm9uTGluZSAmJiAhcm91dGVMb2FkZWQpIHtcbiAgICAgIHZvaWQgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCgnL29mZmxpbmUnKTtcbiAgICAgIHJldHVybiBORVZFUjtcbiAgICB9XG4gICAgcmV0dXJuIG5leHQuaGFuZGxlKHJlcSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/providers/navigator.provider.mjs

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+export const NAVIGATOR = new InjectionToken('NAVIGATOR');
+export function navigatorFactory() {
+    return window.navigator;
+}
+export const navigatorProvider = {
+    provide: NAVIGATOR,
+    useFactory: navigatorFactory,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLnByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jbGllbnQtcHdhLW9mZmxpbmUvc3JjL2xpYi9wcm92aWRlcnMvbmF2aWdhdG9yLnByb3ZpZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQVksTUFBTSxlQUFlLENBQUM7QUFJekQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixJQUFJLGNBQWMsQ0FBWSxXQUFXLENBQUMsQ0FBQztBQUVyRixNQUFNLFVBQVUsZ0JBQWdCO0lBQzlCLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQztBQUMxQixDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQWE7SUFDekMsT0FBTyxFQUFFLFNBQVM7SUFDbEIsVUFBVSxFQUFFLGdCQUFnQjtDQUM3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4sIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFROYXZpZ2F0b3JUb2tlbiA9IEluamVjdGlvblRva2VuPE5hdmlnYXRvcj47XG5cbmV4cG9ydCBjb25zdCBOQVZJR0FUT1I6IFROYXZpZ2F0b3JUb2tlbiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOYXZpZ2F0b3I+KCdOQVZJR0FUT1InKTtcblxuZXhwb3J0IGZ1bmN0aW9uIG5hdmlnYXRvckZhY3RvcnkoKSB7XG4gIHJldHVybiB3aW5kb3cubmF2aWdhdG9yO1xufVxuXG5leHBvcnQgY29uc3QgbmF2aWdhdG9yUHJvdmlkZXI6IFByb3ZpZGVyID0ge1xuICBwcm92aWRlOiBOQVZJR0FUT1IsXG4gIHVzZUZhY3Rvcnk6IG5hdmlnYXRvckZhY3RvcnksXG59O1xuIl19

package/esm2022/lib/pwa-offline-routing.module.mjs

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { AppPwaOfflineComponent } from './components/pwa-offline/pwa-offline.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+const routes = [
+    {
+        path: 'offline',
+        component: AppPwaOfflineComponent,
+    },
+];
+class AppPwaOfflineRoutingModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+}
+export { AppPwaOfflineRoutingModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHdhLW9mZmxpbmUtcm91dGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NsaWVudC1wd2Etb2ZmbGluZS9zcmMvbGliL3B3YS1vZmZsaW5lLXJvdXRpbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFTLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXRELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7QUFFeEYsTUFBTSxNQUFNLEdBQVk7SUFDdEI7UUFDRSxJQUFJLEVBQUUsU0FBUztRQUNmLFNBQVMsRUFBRSxzQkFBc0I7S0FDbEM7Q0FDRixDQUFDO0FBRUYsTUFJYSwwQkFBMEI7aUlBQTFCLDBCQUEwQjtrSUFBMUIsMEJBQTBCLHdDQUYzQixZQUFZO2tJQUVYLDBCQUEwQixZQUgzQixZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUM3QixZQUFZOztTQUVYLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUp0QyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGUsIFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IEFwcFB3YU9mZmxpbmVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcHdhLW9mZmxpbmUvcHdhLW9mZmxpbmUuY29tcG9uZW50JztcblxuY29uc3Qgcm91dGVzOiBSb3V0ZVtdID0gW1xuICB7XG4gICAgcGF0aDogJ29mZmxpbmUnLFxuICAgIGNvbXBvbmVudDogQXBwUHdhT2ZmbGluZUNvbXBvbmVudCxcbiAgfSxcbl07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtSb3V0ZXJNb2R1bGUuZm9yQ2hpbGQocm91dGVzKV0sXG4gIGV4cG9ydHM6IFtSb3V0ZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBcHBQd2FPZmZsaW5lUm91dGluZ01vZHVsZSB7fVxuIl19

package/esm2022/lib/pwa-offline.module.mjs

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { AppPwaOfflineComponent } from './components/pwa-offline/pwa-offline.component';
+import { AppPwaOfflineInterceptor } from './interceptors/pwa-offline.interceptor';
+import { navigatorProvider } from './providers/navigator.provider';
+import { AppPwaOfflineRoutingModule } from './pwa-offline-routing.module';
+import * as i0 from "@angular/core";
+/**
+ * PWA offline module.
+ * Provides an interceptor that redirects to a dedicated view when the app goes offline.
+ */
+class AppPwaOfflineModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, declarations: [AppPwaOfflineComponent], imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, providers: [
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: AppPwaOfflineInterceptor,
+                multi: true,
+            },
+            navigatorProvider,
+        ], imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule] }); }
+}
+export { AppPwaOfflineModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule],
+                    declarations: [AppPwaOfflineComponent],
+                    providers: [
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: AppPwaOfflineInterceptor,
+                            multi: true,
+                        },
+                        navigatorProvider,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHdhLW9mZmxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jbGllbnQtcHdhLW9mZmxpbmUvc3JjL2xpYi9wd2Etb2ZmbGluZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN4RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFFMUU7OztHQUdHO0FBQ0gsTUFZYSxtQkFBbUI7aUlBQW5CLG1CQUFtQjtrSUFBbkIsbUJBQW1CLGlCQVZmLHNCQUFzQixhQUQzQixZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSwwQkFBMEI7a0lBV3ZFLG1CQUFtQixhQVRuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLEtBQUssRUFBRSxJQUFJO2FBQ1o7WUFDRCxpQkFBaUI7U0FDbEIsWUFUUyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSwwQkFBMEI7O1NBV3ZFLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQVovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLDBCQUEwQixDQUFDO29CQUNuRixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFFBQVEsRUFBRSx3QkFBd0I7NEJBQ2xDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNELGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSFRUUF9JTlRFUkNFUFRPUlMgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcblxuaW1wb3J0IHsgQXBwUHdhT2ZmbGluZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9wd2Etb2ZmbGluZS9wd2Etb2ZmbGluZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXBwUHdhT2ZmbGluZUludGVyY2VwdG9yIH0gZnJvbSAnLi9pbnRlcmNlcHRvcnMvcHdhLW9mZmxpbmUuaW50ZXJjZXB0b3InO1xuaW1wb3J0IHsgbmF2aWdhdG9yUHJvdmlkZXIgfSBmcm9tICcuL3Byb3ZpZGVycy9uYXZpZ2F0b3IucHJvdmlkZXInO1xuaW1wb3J0IHsgQXBwUHdhT2ZmbGluZVJvdXRpbmdNb2R1bGUgfSBmcm9tICcuL3B3YS1vZmZsaW5lLXJvdXRpbmcubW9kdWxlJztcblxuLyoqXG4gKiBQV0Egb2ZmbGluZSBtb2R1bGUuXG4gKiBQcm92aWRlcyBhbiBpbnRlcmNlcHRvciB0aGF0IHJlZGlyZWN0cyB0byBhIGRlZGljYXRlZCB2aWV3IHdoZW4gdGhlIGFwcCBnb2VzIG9mZmxpbmUuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZSwgQXBwUHdhT2ZmbGluZVJvdXRpbmdNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtBcHBQd2FPZmZsaW5lQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogSFRUUF9JTlRFUkNFUFRPUlMsXG4gICAgICB1c2VDbGFzczogQXBwUHdhT2ZmbGluZUludGVyY2VwdG9yLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICBuYXZpZ2F0b3JQcm92aWRlcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQXBwUHdhT2ZmbGluZU1vZHVsZSB7fVxuIl19

package/esm2022/rfprodz-client-pwa-offline.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmZwcm9kei1jbGllbnQtcHdhLW9mZmxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NsaWVudC1wd2Etb2ZmbGluZS9zcmMvcmZwcm9kei1jbGllbnQtcHdhLW9mZmxpbmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/fesm2022/rfprodz-client-pwa-offline.mjs

@@ -0,0 +1,131 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, InjectionToken, Injectable, Inject, NgModule } from '@angular/core';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { NEVER } from 'rxjs';
+
+/**
+ * PWA offline component.
+ * Displays a view that notifies the user of the offline network status.
+ */
+class AppPwaOfflineComponent {
+    constructor(location) {
+        this.location = location;
+    }
+    /**
+     * Loads a previous route that failed to load due to offline status.
+     */
+    back() {
+        this.location.back();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: AppPwaOfflineComponent, selector: "app-pwa-offline", ngImport: i0, template: "<div class=\"container\">\n  <span class=\"container__message\"><mat-icon color=\"warn\">wifi_off</mat-icon></span>\n  <span class=\"container__message mat-body-2\">You are offline.</span>\n  <span class=\"container__message mat-body-2\">Please check your network connection.</span>\n  <button mat-button (click)=\"back()\" color=\"accent\"><mat-icon>refresh</mat-icon> Retry</button>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;justify-items:center;width:100%;height:100%}.container__message{flex:0 1 auto}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-pwa-offline', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\">\n  <span class=\"container__message\"><mat-icon color=\"warn\">wifi_off</mat-icon></span>\n  <span class=\"container__message mat-body-2\">You are offline.</span>\n  <span class=\"container__message mat-body-2\">Please check your network connection.</span>\n  <button mat-button (click)=\"back()\" color=\"accent\"><mat-icon>refresh</mat-icon> Retry</button>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.container{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;justify-items:center;width:100%;height:100%}.container__message{flex:0 1 auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Location }]; } });
+
+const NAVIGATOR = new InjectionToken('NAVIGATOR');
+function navigatorFactory() {
+    return window.navigator;
+}
+const navigatorProvider = {
+    provide: NAVIGATOR,
+    useFactory: navigatorFactory,
+};
+
+/**
+ * PWA offline interceptor.
+ * Redirects to a dedicated view when the app goes offline.
+ */
+class AppPwaOfflineInterceptor {
+    constructor(navigator, router) {
+        this.navigator = navigator;
+        this.router = router;
+    }
+    intercept(req, next) {
+        const routeLoaded = this.router.url.includes('offline');
+        if (!this.navigator.onLine && !routeLoaded) {
+            void this.router.navigateByUrl('/offline');
+            return NEVER;
+        }
+        return next.handle(req);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, deps: [{ token: NAVIGATOR }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineInterceptor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: Navigator, decorators: [{
+                    type: Inject,
+                    args: [NAVIGATOR]
+                }] }, { type: i1$1.Router }]; } });
+
+const routes = [
+    {
+        path: 'offline',
+        component: AppPwaOfflineComponent,
+    },
+];
+class AppPwaOfflineRoutingModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/**
+ * PWA offline module.
+ * Provides an interceptor that redirects to a dedicated view when the app goes offline.
+ */
+class AppPwaOfflineModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, declarations: [AppPwaOfflineComponent], imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, providers: [
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: AppPwaOfflineInterceptor,
+                multi: true,
+            },
+            navigatorProvider,
+        ], imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: AppPwaOfflineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule],
+                    declarations: [AppPwaOfflineComponent],
+                    providers: [
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: AppPwaOfflineInterceptor,
+                            multi: true,
+                        },
+                        navigatorProvider,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppPwaOfflineModule };
+//# sourceMappingURL=rfprodz-client-pwa-offline.mjs.map

package/fesm2022/rfprodz-client-pwa-offline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rfprodz-client-pwa-offline.mjs","sources":["../../../../libs/client-pwa-offline/src/lib/components/pwa-offline/pwa-offline.component.ts","../../../../libs/client-pwa-offline/src/lib/components/pwa-offline/pwa-offline.component.html","../../../../libs/client-pwa-offline/src/lib/providers/navigator.provider.ts","../../../../libs/client-pwa-offline/src/lib/interceptors/pwa-offline.interceptor.ts","../../../../libs/client-pwa-offline/src/lib/pwa-offline-routing.module.ts","../../../../libs/client-pwa-offline/src/lib/pwa-offline.module.ts","../../../../libs/client-pwa-offline/src/rfprodz-client-pwa-offline.ts"],"sourcesContent":["import { Location } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * PWA offline component.\n * Displays a view that notifies the user of the offline network status.\n */\n@Component({\n  selector: 'app-pwa-offline',\n  templateUrl: './pwa-offline.component.html',\n  styleUrls: ['./pwa-offline.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppPwaOfflineComponent {\n  constructor(public readonly location: Location) {}\n\n  /**\n   * Loads a previous route that failed to load due to offline status.\n   */\n  public back(): void {\n    this.location.back();\n  }\n}\n","<div class=\"container\">\n  <span class=\"container__message\"><mat-icon color=\"warn\">wifi_off</mat-icon></span>\n  <span class=\"container__message mat-body-2\">You are offline.</span>\n  <span class=\"container__message mat-body-2\">Please check your network connection.</span>\n  <button mat-button (click)=\"back()\" color=\"accent\"><mat-icon>refresh</mat-icon> Retry</button>\n</div>\n","import { InjectionToken, Provider } from '@angular/core';\n\nexport type TNavigatorToken = InjectionToken<Navigator>;\n\nexport const NAVIGATOR: TNavigatorToken = new InjectionToken<Navigator>('NAVIGATOR');\n\nexport function navigatorFactory() {\n  return window.navigator;\n}\n\nexport const navigatorProvider: Provider = {\n  provide: NAVIGATOR,\n  useFactory: navigatorFactory,\n};\n","import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\nimport { Inject, Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NEVER, Observable } from 'rxjs';\n\nimport { NAVIGATOR } from '../providers/navigator.provider';\n\n/**\n * PWA offline interceptor.\n * Redirects to a dedicated view when the app goes offline.\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class AppPwaOfflineInterceptor implements HttpInterceptor {\n  constructor(@Inject(NAVIGATOR) private readonly navigator: Navigator, private readonly router: Router) {}\n\n  public intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {\n    const routeLoaded = this.router.url.includes('offline');\n    if (!this.navigator.onLine && !routeLoaded) {\n      void this.router.navigateByUrl('/offline');\n      return NEVER;\n    }\n    return next.handle(req);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { Route, RouterModule } from '@angular/router';\n\nimport { AppPwaOfflineComponent } from './components/pwa-offline/pwa-offline.component';\n\nconst routes: Route[] = [\n  {\n    path: 'offline',\n    component: AppPwaOfflineComponent,\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class AppPwaOfflineRoutingModule {}\n","import { CommonModule } from '@angular/common';\nimport { HTTP_INTERCEPTORS } from '@angular/common/http';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { AppPwaOfflineComponent } from './components/pwa-offline/pwa-offline.component';\nimport { AppPwaOfflineInterceptor } from './interceptors/pwa-offline.interceptor';\nimport { navigatorProvider } from './providers/navigator.provider';\nimport { AppPwaOfflineRoutingModule } from './pwa-offline-routing.module';\n\n/**\n * PWA offline module.\n * Provides an interceptor that redirects to a dedicated view when the app goes offline.\n */\n@NgModule({\n  imports: [CommonModule, MatIconModule, MatButtonModule, AppPwaOfflineRoutingModule],\n  declarations: [AppPwaOfflineComponent],\n  providers: [\n    {\n      provide: HTTP_INTERCEPTORS,\n      useClass: AppPwaOfflineInterceptor,\n      multi: true,\n    },\n    navigatorProvider,\n  ],\n})\nexport class AppPwaOfflineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/pwa-offline.module';

package/lib/components/pwa-offline/pwa-offline.component.d.ts

@@ -0,0 +1,16 @@
+import { Location } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * PWA offline component.
+ * Displays a view that notifies the user of the offline network status.
+ */
+export declare class AppPwaOfflineComponent {
+    readonly location: Location;
+    constructor(location: Location);
+    /**
+     * Loads a previous route that failed to load due to offline status.
+     */
+    back(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPwaOfflineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppPwaOfflineComponent, "app-pwa-offline", never, {}, {}, never, never, false, never>;
+}

package/lib/interceptors/pwa-offline.interceptor.d.ts

@@ -0,0 +1,16 @@
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { Router } from '@angular/router';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * PWA offline interceptor.
+ * Redirects to a dedicated view when the app goes offline.
+ */
+export declare class AppPwaOfflineInterceptor implements HttpInterceptor {
+    private readonly navigator;
+    private readonly router;
+    constructor(navigator: Navigator, router: Router);
+    intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPwaOfflineInterceptor, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppPwaOfflineInterceptor>;
+}

package/lib/providers/navigator.provider.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken, Provider } from '@angular/core';
+export type TNavigatorToken = InjectionToken<Navigator>;
+export declare const NAVIGATOR: TNavigatorToken;
+export declare function navigatorFactory(): Navigator;
+export declare const navigatorProvider: Provider;

package/lib/pwa-offline-routing.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export declare class AppPwaOfflineRoutingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPwaOfflineRoutingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppPwaOfflineRoutingModule, never, [typeof i1.RouterModule], [typeof i1.RouterModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppPwaOfflineRoutingModule>;
+}

package/lib/pwa-offline.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/pwa-offline/pwa-offline.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "./pwa-offline-routing.module";
+/**
+ * PWA offline module.
+ * Provides an interceptor that redirects to a dedicated view when the app goes offline.
+ */
+export declare class AppPwaOfflineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppPwaOfflineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppPwaOfflineModule, [typeof i1.AppPwaOfflineComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.AppPwaOfflineRoutingModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppPwaOfflineModule>;
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@rfprodz/client-pwa-offline",
+  "version": "1.0.0",
+  "description": "PWA offline feature for Angular clients.",
+  "keywords": [
+    "angular-module",
+    "angular-interceptor",
+    "angular-component"
+  ],
+  "homepage": "https://github.com/rfprod/nx-ng-starter",
+  "bugs": {
+    "url": "https://github.com/rfprod/nx-ng-starter/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rfprod/nx-ng-starter"
+  },
+  "license": "MIT",
+  "author": "rfprod <zoidenmacht@zoho.com>",
+  "dependencies": {
+    "tslib": "2.5.3"
+  },
+  "peerDependencies": {
+    "@angular/common": "16.0.5",
+    "@angular/core": "16.0.5",
+    "@angular/material": "16.0.4",
+    "@angular/router": "16.0.5"
+  },
+  "module": "fesm2022/rfprodz-client-pwa-offline.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/rfprodz-client-pwa-offline.mjs",
+      "esm": "./esm2022/rfprodz-client-pwa-offline.mjs",
+      "default": "./fesm2022/rfprodz-client-pwa-offline.mjs"
+    }
+  },
+  "sideEffects": false
+}