ng-ipa-library 0.7.6 → 0.7.7

package/lib/ipa-form/recaptcha/recaptcha.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { FormControl, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RecaptchaComponent implements OnInit {
+    controlDir: NgControl;
+    siteKey: string;
+    recaptchaSize: 'compact' | 'normal';
+    lang: string;
+    recaptchaType: 'image' | 'audio';
+    theme: 'light' | 'dark';
+    useGlobalDomain: boolean;
+    formControl: FormControl;
+    constructor(controlDir: NgControl);
+    ngOnInit(): void;
+    onChange(event: any): void;
+    onTouched(): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecaptchaComponent, [{ self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecaptchaComponent, "ipa-recaptcha", never, { "siteKey": "siteKey"; "recaptchaSize": "recaptchaSize"; "lang": "lang"; "recaptchaType": "recaptchaType"; "theme": "theme"; "useGlobalDomain": "useGlobalDomain"; }, {}, never, never>;
+}

package/lib/ipa-form/text-input/text-input.component.d.ts

@@ -0,0 +1,30 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { FormControl, NgControl } from '@angular/forms';
+import { IPAFormService } from '../ipa-form.service';
+import * as i0 from "@angular/core";
+export declare class TextInputComponent implements OnInit {
+    private validationService;
+    controlDir: NgControl;
+    input: ElementRef;
+    id: string;
+    type: string;
+    placeholder: string;
+    label: string;
+    required: boolean;
+    patternErrorMsg: string;
+    pattern: string;
+    classes: string;
+    containerClasses: string;
+    formControl: FormControl;
+    errorMsg: string | null;
+    constructor(validationService: IPAFormService, controlDir: NgControl);
+    ngOnInit(): void;
+    onChange(event: any): void;
+    onTouched(): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    get errorMessage(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, [null, { self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "ipa-text-input", never, { "id": "id"; "type": "type"; "placeholder": "placeholder"; "label": "label"; "required": "required"; "patternErrorMsg": "patternErrorMsg"; "pattern": "pattern"; "classes": "classes"; "containerClasses": "containerClasses"; }, {}, never, never>;
+}

package/lib/ipa-form/textarea-input/textarea-input.component.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { FormControl, NgControl } from '@angular/forms';
+import { IPAFormService } from '../ipa-form.service';
+import * as i0 from "@angular/core";
+export declare class TextareaInputComponent implements OnInit {
+    private validationService;
+    controlDir: NgControl;
+    input: ElementRef<any>;
+    id: string;
+    placeholder: string;
+    label: string;
+    required: boolean;
+    patternErrorMsg: string;
+    pattern: string;
+    classes: string;
+    containerClasses: string;
+    formControl: FormControl;
+    errorMsg: string | null;
+    constructor(validationService: IPAFormService, controlDir: NgControl);
+    ngOnInit(): void;
+    onChange(event: any): void;
+    onTouched(): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    get errorMessage(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaInputComponent, [null, { self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "ipa-textarea-input", never, { "id": "id"; "placeholder": "placeholder"; "label": "label"; "required": "required"; "patternErrorMsg": "patternErrorMsg"; "pattern": "pattern"; "classes": "classes"; "containerClasses": "containerClasses"; }, {}, never, never>;
+}

package/{src/lib/models/apiException.ts → lib/models/apiException.d.ts}

@@ -1,6 +1,5 @@
 import { ApiResponse } from "./apiResponse";
-
 export interface ApiException extends ApiResponse {
     innerException: string;
     stackTrace: string;
-}
+}

package/lib/models/apiResponse.d.ts

@@ -0,0 +1,4 @@
+export interface ApiResponse {
+    statusCode: number;
+    message: string;
+}

package/lib/models/breadcrumbs.model.d.ts

@@ -0,0 +1,4 @@
+export interface Breadcrumbs {
+    nodeName: string;
+    nodeUrl: string | null;
+}

package/lib/models/decodedToken.model.d.ts

@@ -0,0 +1,6 @@
+export interface DecodedToken {
+    nameid?: string;
+    given_name?: string;
+    email?: string;
+    exp?: number;
+}

package/lib/models/exceptionUrl.model.d.ts

@@ -0,0 +1,4 @@
+export interface ExceptionUrl {
+    path: string;
+    method: string;
+}

package/lib/models/generateForm.model.d.ts

@@ -0,0 +1,27 @@
+export interface GenerateForm {
+    columns: Column[];
+}
+export interface Column {
+    arabicLabel: string;
+    englishName: string;
+    validationPattern?: string;
+    inputClasses?: string;
+    containerClasses?: string;
+    valueField?: string;
+    textField?: string;
+    patternErrorMsg?: string;
+    type: string;
+    size?: number;
+    required: boolean;
+    data?: Data[] | any[];
+    acceptedFiles?: string;
+    multipleFile?: number;
+    apiUrl?: string;
+    autoUploadFile?: boolean;
+    apiURlMethod?: string;
+    authorization?: string;
+}
+export interface Data {
+    id: number;
+    description: string;
+}

package/lib/models/pagedResult.d.ts

@@ -0,0 +1,4 @@
+export interface PagedResult<T> {
+    data: T[];
+    count: number;
+}

package/lib/models/user.model.d.ts

@@ -0,0 +1,7 @@
+export interface User {
+    id: string;
+    email: string;
+    displayName: string;
+    token: string;
+    imageUrl: string;
+}

package/lib/ng-ipa-library.module.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ipa-form/text-input/text-input.component";
+import * as i2 from "./ipa-form/textarea-input/textarea-input.component";
+import * as i3 from "./ipa-form/dropdown-input/dropdown-input.component";
+import * as i4 from "./core/components/loading/loading.component";
+import * as i5 from "./generate-form/generate-form.component";
+import * as i6 from "./ipa-form/file-upload/file-upload.component";
+import * as i7 from "./ipa-form/datepicker/datepicker.component";
+import * as i8 from "./ipa-form/datepicker/hijri-datepicker/hijri-datepicker.component";
+import * as i9 from "./ipa-form/datepicker/gregorian-datepicker/gregorian-datepicker.component";
+import * as i10 from "./ipa-form/recaptcha/recaptcha.component";
+import * as i11 from "@angular/common";
+import * as i12 from "@angular/forms";
+import * as i13 from "ngx-toastr";
+import * as i14 from "ngx-dropzone-wrapper";
+import * as i15 from "ngx-captcha";
+import * as i16 from "./pipes/pipes.module";
+import * as i17 from "@ng-bootstrap/ng-bootstrap";
+import * as i18 from "./share-button/share-button.module";
+import * as i19 from "@ng-select/ng-select";
+export declare class NgIPALibraryModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgIPALibraryModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgIPALibraryModule, [typeof i1.TextInputComponent, typeof i2.TextareaInputComponent, typeof i3.DropdownInputComponent, typeof i4.LoaderComponent, typeof i5.GenerateFormComponent, typeof i6.FileUploadComponent, typeof i7.DatepickerComponent, typeof i8.HijriDatepickerComponent, typeof i9.GregorianDatepickerComponent, typeof i10.RecaptchaComponent], [typeof i11.CommonModule, typeof i12.FormsModule, typeof i12.ReactiveFormsModule, typeof i13.ToastrModule, typeof i14.DropzoneModule, typeof i15.NgxCaptchaModule, typeof i16.PipesModule, typeof i17.NgbDatepickerModule, typeof i18.ShareButtonModule, typeof i19.NgSelectModule], [typeof i1.TextInputComponent, typeof i2.TextareaInputComponent, typeof i3.DropdownInputComponent, typeof i4.LoaderComponent, typeof i5.GenerateFormComponent, typeof i6.FileUploadComponent, typeof i16.PipesModule, typeof i8.HijriDatepickerComponent, typeof i9.GregorianDatepickerComponent, typeof i18.ShareButtonModule, typeof i10.RecaptchaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgIPALibraryModule>;
+}

package/lib/pipes/hijri-date.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HijriDatePipe implements PipeTransform {
+    transform(date: string, format?: string, lang?: 'ar' | 'en'): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HijriDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HijriDatePipe, "hijriDate">;
+}

package/lib/pipes/pipes.module.d.ts

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

package/lib/services/breadcrumbs.service.d.ts

@@ -0,0 +1,18 @@
+import { Breadcrumbs } from '../models/breadcrumbs.model';
+import * as i0 from "@angular/core";
+export declare class BreadcrumbsService {
+    constructor();
+    setPageTitle(text: string): void;
+    setMainPageTitle(text: string, url: string): void;
+    addBreadcrumb(nodeName: string, spanClasses?: string, linkClasses?: string): void;
+    addBreadcrumbList(nodeList: Breadcrumbs[], spanClasses?: string, linkClasses?: string): void;
+    createBreadcrumbs(nodeList: Breadcrumbs[], spanClasses?: string, linkClasses?: string): void;
+    removeLastBreadcrumb(): void;
+    removeBreadcrumbByNodeName(nodeName: string): void;
+    removeLastBreadcrumbsByLength(length: number): void;
+    private createLink;
+    private createSpan;
+    private setCurrentNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbsService>;
+}

package/lib/services/common.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class CommonService {
+    constructor();
+    print(element: string, title: string, classes?: string): void;
+    private getElementTag;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommonService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CommonService>;
+}

package/lib/share-button/share-button.component.d.ts

@@ -0,0 +1,11 @@
+import { AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ShareButtonComponent implements AfterViewInit {
+    title: string;
+    description: string;
+    btnLabel: string;
+    constructor();
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShareButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShareButtonComponent, "ipa-share-button", never, { "title": "title"; "description": "description"; "btnLabel": "btnLabel"; }, {}, never, never>;
+}

package/lib/share-button/share-button.module.d.ts

@@ -0,0 +1,13 @@
+import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
+import * as i0 from "@angular/core";
+import * as i1 from "./share-button.component";
+import * as i2 from "ngx-sharebuttons/icons";
+import * as i3 from "ngx-sharebuttons/popup";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@fortawesome/angular-fontawesome";
+export declare class ShareButtonModule {
+    constructor(library: FaIconLibrary);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShareButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ShareButtonModule, [typeof i1.ShareButtonComponent], [typeof i2.ShareIconsModule, typeof i3.ShareButtonsPopupModule, typeof i4.OverlayModule, typeof i5.FontAwesomeModule], [typeof i1.ShareButtonComponent, typeof i2.ShareIconsModule, typeof i3.ShareButtonsPopupModule, typeof i4.OverlayModule, typeof i5.FontAwesomeModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ShareButtonModule>;
+}

package/ng-ipa-library.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ng-ipa-library" />
+export * from './public-api';

package/package.json

@@ -1,24 +1,30 @@
-{
-  "name": "ng-ipa-library",
-  "version": "0.7.6",
-  "peerDependencies": {
-    "@angular/common": "~12.2.9",
-    "@angular/core": "~12.2.9"
-  },
-  "dependencies": {
-    "tslib": "^2.2.0",
-    "ngx-toastr": "^14.1.0",
-    "@ng-select/ng-select": "^7.4.0",
-    "ngx-captcha": "^10.0.0",
-    "ngx-dropzone-wrapper": "^10.0.1",
-    "moment-hijri": "^2.1.2",
-    "@types/moment-hijri": "^2.1.0",
-    "@ng-bootstrap/ng-bootstrap": "^11.0.0-beta.2",
-    "@fortawesome/angular-fontawesome": "^0.9.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-brands-svg-icons": "^5.15.4",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "ngx-sharebuttons": "^9.0.0",
-    "@angular/cdk": "^12.2.9"
-  }
-}
+{
+  "name": "ng-ipa-library",
+  "version": "0.7.7",
+  "peerDependencies": {
+    "@angular/common": "~12.2.9",
+    "@angular/core": "~12.2.9"
+  },
+  "dependencies": {
+    "tslib": "^2.2.0",
+    "ngx-toastr": "^14.1.0",
+    "ngx-captcha": "^10.0.0",
+    "ngx-dropzone-wrapper": "^10.0.1",
+    "moment-hijri": "^2.1.2",
+    "@types/moment-hijri": "^2.1.0",
+    "@ng-bootstrap/ng-bootstrap": "^11.0.0-beta.2",
+    "@fortawesome/angular-fontawesome": "^0.9.0",
+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
+    "@fortawesome/free-brands-svg-icons": "^5.15.4",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
+    "ngx-sharebuttons": "^9.0.0",
+    "@angular/cdk": "^12.2.9"
+  },
+  "main": "bundles/ng-ipa-library.umd.js",
+  "module": "fesm2015/ng-ipa-library.js",
+  "es2015": "fesm2015/ng-ipa-library.js",
+  "esm2015": "esm2015/ng-ipa-library.js",
+  "fesm2015": "fesm2015/ng-ipa-library.js",
+  "typings": "ng-ipa-library.d.ts",
+  "sideEffects": false
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,16 +1,8 @@
-/*
- * Public API Surface of ipa-library
- */
-// module
 export * from './lib/ng-ipa-library.module';
 export * from 'ngx-toastr';
 export * from './lib/pipes/pipes.module';
 export * from './lib/share-button/share-button.module';
-
-// core components
 export * from './lib/core/components/loading/loading.component';
-
-// form components
 export * from './lib/ipa-form/text-input/text-input.component';
 export * from './lib/ipa-form/textarea-input/textarea-input.component';
 export * from './lib/ipa-form/dropdown-input/dropdown-input.component';
@@ -20,24 +12,16 @@ export * from './lib/ipa-form/datepicker/gregorian-datepicker/gregorian-datepick
 export * from './lib/ipa-form/recaptcha/recaptcha.component';
 export * from './lib/generate-form/generate-form.component';
 export * from './lib/share-button/share-button.component';
-
-// interceptors
 export * from './lib/core/interceptors/loading.interceptor';
 export * from './lib/core/interceptors/error.interceptor';
 export * from './lib/core/interceptors/token.interceptor';
-
-// services
 export * from './lib/core/services/loader.service';
 export * from './lib/core/services/auth.service';
 export * from './lib/ipa-form/ipa-form.service';
 export * from './lib/core/services/error.service';
 export * from './lib/services/breadcrumbs.service';
 export * from './lib/services/common.service';
-
-//pipes
 export * from './lib/pipes/hijri-date.pipe';
-
-//models
 export * from './lib/models/pagedResult';
 export * from './lib/models/apiException';
 export * from './lib/models/apiResponse';

package/karma.conf.js

@@ -1,44 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ng-ipa-library'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,43 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ng-ipa-library",
-  "allowedNonPeerDependencies": [
-    "ngx-toastr",
-    "ngx-dropzone-wrapper",
-    "ngx-captcha",
-    "moment-hijri",
-    "@types/moment-hijri",
-    "@ng-bootstrap/ng-bootstrap",
-    "@ng-bootstrap/ng-bootstrap",
-    "@fortawesome/angular-fontawesome",
-    "@fortawesome/fontawesome-svg-core",
-    "@fortawesome/free-brands-svg-icons",
-    "@fortawesome/free-solid-svg-icons",
-    "ngx-sharebuttons",
-    "@angular/cdk",
-    "@ng-select/ng-select"
-  ],
-  "lib": {
-    "entryFile": "src/public-api.ts",
-    "umdModuleIds": {
-      "ngx-toastr": "ngx-toastr",
-      "ngx-dropzone-wrapper": "ngx-dropzone-wrapper",
-      "ngx-captcha": "ngx-captcha",
-      "moment-hijri": "moment-hijri",
-      "@types/moment-hijri": "@types/moment-hijri",
-      "@ng-bootstrap/ng-bootstrap": "@ng-bootstrap/ng-bootstrap",
-      "@fortawesome/angular-fontawesome": "@fortawesome/angular-fontawesome",
-      "@fortawesome/fontawesome-svg-core": "@fortawesome/fontawesome-svg-core",
-      "@fortawesome/free-brands-svg-icons": "@fortawesome/free-brands-svg-icons",
-      "@fortawesome/free-solid-svg-icons": "@fortawesome/free-solid-svg-icons",
-      "ngx-sharebuttons": "ngx-sharebuttons",
-      "ngx-sharebuttons/icons": "ngx-sharebuttons/icons",
-      "ngx-sharebuttons/popup": "ngx-sharebuttons/popup",
-      "@angular/cdk": "@angular/cdk",
-      "@ng-select/ng-select": "@ng-select/ng-select"
-    }
-  },
-  "assets": [
-    "src/lib/assets/ngIPAStyle.scss"
-  ]
-}

package/src/lib/core/components/loading/loading.component.html

@@ -1,3 +0,0 @@
-<div id="cover-spin" *ngIf="loading">
-  <div class="spinner"></div>
-</div>

package/src/lib/core/components/loading/loading.component.scss

@@ -1,3 +0,0 @@
-#cover-spin {
-    display: flex;
-}

package/src/lib/core/components/loading/loading.component.ts

@@ -1,23 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, Component } from '@angular/core';
-import { LoaderService } from '../../services/loader.service';
-
-@Component({
-  selector: 'ipa-loader',
-  templateUrl: './loading.component.html',
-  styleUrls: ['./loading.component.scss'],
-})
-export class LoaderComponent implements AfterViewInit {
-  loading!: boolean;
-
-  constructor(
-    private loaderService: LoaderService,
-    private cdr: ChangeDetectorRef
-  ) {}
-
-  ngAfterViewInit(): void {
-    this.loaderService.isLoading.subscribe((v) => {
-      this.loading = v;
-      this.cdr.detectChanges();
-    });
-  }
-}

package/src/lib/core/interceptors/error.interceptor.ts

@@ -1,61 +0,0 @@
-import { Injectable } from '@angular/core';
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor,
-} from '@angular/common/http';
-import { Observable, throwError } from 'rxjs';
-import { catchError } from 'rxjs/operators';
-import { ErrorService } from '../services/error.service';
-import { ApiException } from '../../models/apiException';
-import { IndividualConfig, ToastrService } from 'ngx-toastr';
-
-@Injectable()
-export class ErrorInterceptor implements HttpInterceptor {
-  constructor(
-    private errorService: ErrorService,
-    private toastrService: ToastrService
-  ) {}
-
-  intercept(
-    req: HttpRequest<unknown>,
-    next: HttpHandler
-  ): Observable<HttpEvent<unknown>> {
-    if (this.isException(req)) {
-      return next.handle(req);
-    }
-
-    return next.handle(req).pipe(
-      catchError((error) => {
-        const response = error.error as ApiException;
-        const toastrConfig: Partial<IndividualConfig> = {
-          disableTimeOut: true,
-        };
-        switch (response.statusCode) {
-          case 500:
-            this.toastrService.error(
-              response?.innerException + ' ' + response?.stackTrace,
-              response.message,
-              toastrConfig
-            );
-            break;
-
-          default:
-            this.toastrService.error(response.message, '', toastrConfig);
-            break;
-        }
-        return throwError(error);
-      })
-    );
-  }
-
-  isException(req: HttpRequest<any>): boolean {
-    for (const url of this.errorService.urls) {
-      if (req.url.includes(url.path) && req.method === url.method) {
-        return true;
-      }
-    }
-    return false;
-  }
-}

package/src/lib/core/interceptors/loading.interceptor.ts

@@ -1,69 +0,0 @@
-import { Injectable } from '@angular/core';
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor,
-  HttpResponse,
-} from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { LoaderService } from '../services/loader.service';
-
-@Injectable()
-export class LoadingInterceptor implements HttpInterceptor {
-  private requests: HttpRequest<any>[] = [];
-
-  constructor(private loaderService: LoaderService) {}
-
-  removeRequest(req: HttpRequest<any>): void {
-    const i = this.requests.indexOf(req);
-    if (i >= 0) {
-      this.requests.splice(i, 1);
-    }
-    this.loaderService.isLoading.next(this.requests.length > 0);
-  }
-
-  intercept(
-    req: HttpRequest<unknown>,
-    next: HttpHandler
-  ): Observable<HttpEvent<unknown>> {
-    if (this.isException(req)) {
-      return next.handle(req);
-    }
-    this.requests.push(req);
-
-    this.loaderService.isLoading.next(true);
-    return new Observable((observer) => {
-      const subscription = next.handle(req).subscribe(
-        (event) => {
-          if (event instanceof HttpResponse) {
-            this.removeRequest(req);
-            observer.next(event);
-          }
-        },
-        (err) => {
-          this.removeRequest(req);
-          observer.error(err);
-        },
-        () => {
-          this.removeRequest(req);
-          observer.complete();
-        }
-      );
-      // remove request from queue when cancelled
-      return () => {
-        this.removeRequest(req);
-        subscription.unsubscribe();
-      };
-    });
-  }
-
-  isException(req: HttpRequest<any>): boolean {
-    for (const url of this.loaderService.urls) {
-      if (req.url.includes(url.path) && req.method === url.method) {
-        return true;
-      }
-    }
-    return false;
-  }
-}