@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

package/fesm2022/theseam-ui-common-layout.mjs

@@ -17,32 +17,25 @@ import { map, startWith, distinctUntilChanged, shareReplay, switchMap } from 'rx
 // doesn't add to much complexity.
 
 class TheSeamLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutModule, imports: [CommonModule,
-            FlexLayoutModule], exports: [FlexLayoutModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutModule, imports: [CommonModule,
-            FlexLayoutModule, FlexLayoutModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutModule, imports: [CommonModule, FlexLayoutModule], exports: [FlexLayoutModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutModule, imports: [CommonModule, FlexLayoutModule, FlexLayoutModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
-                    imports: [
-                        CommonModule,
-                        FlexLayoutModule
-                    ],
-                    exports: [
-                        FlexLayoutModule
-                    ]
+                    imports: [CommonModule, FlexLayoutModule],
+                    exports: [FlexLayoutModule],
                 }]
         }] });
 
 const mediaQueriesMap = {
-    'xs': 'screen and (max-width: 599px)',
-    'sm': 'screen and (min-width: 600px) and (max-width: 959px)',
-    'md': 'screen and (min-width: 960px) and (max-width: 1279px)',
-    'lg': 'screen and (min-width: 1280px) and (max-width: 1919px)',
-    'xl': 'screen and (min-width: 1920px) and (max-width: 5000px)',
+    xs: 'screen and (max-width: 599px)',
+    sm: 'screen and (min-width: 600px) and (max-width: 959px)',
+    md: 'screen and (min-width: 960px) and (max-width: 1279px)',
+    lg: 'screen and (min-width: 1280px) and (max-width: 1919px)',
+    xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',
     'lt-sm': 'screen and (max-width: 599px)',
     'lt-md': 'screen and (max-width: 959px)',
     'lt-lg': 'screen and (max-width: 1279px)',
@@ -50,7 +43,7 @@ const mediaQueriesMap = {
     'gt-xs': 'screen and (min-width: 600px)',
     'gt-sm': 'screen and (min-width: 960px)',
     'gt-md': 'screen and (min-width: 1280px)',
-    'gt-lg': 'screen and (min-width: 1920px)'
+    'gt-lg': 'screen and (min-width: 1920px)',
 };
 /**
  * TODO: Find out if the MediaObserver can return an immediate result on load
@@ -71,8 +64,7 @@ function isMediaQueryActive(query, fallback) {
  */
 function observeMediaQuery(mediaObserver, alias) {
     // console.log(alias, mediaObserver.isActive(alias), isMediaQueryActive(alias, mediaObserver))
-    return mediaObserver.asObservable()
-        .pipe(map(_ => mediaObserver.isActive(alias)), 
+    return mediaObserver.asObservable().pipe(map((_) => mediaObserver.isActive(alias)), 
     // startWith(mediaObserver.isActive(alias)),
     startWith(isMediaQueryActive(alias, mediaObserver)), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
 }
@@ -89,7 +81,7 @@ class TheSeamLayoutService {
     mobileBreakpoint$ = this._mobileBreakpoint.asObservable();
     constructor(_media) {
         this._media = _media;
-        this.isMobile$ = this.mobileBreakpoint$.pipe(switchMap(breakpoint => this.observe(breakpoint)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.isMobile$ = this.mobileBreakpoint$.pipe(switchMap((breakpoint) => this.observe(breakpoint)), shareReplay({ bufferSize: 1, refCount: true }));
     }
     observe(alias) {
         return observeMediaQuery(this._media, alias);
@@ -100,13 +92,13 @@ class TheSeamLayoutService {
     setMobileBreakpoint(alias) {
         this._mobileBreakpoint.next(alias);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutService, deps: [{ token: i1.MediaObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutService, deps: [{ token: i1.MediaObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLayoutService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLayoutService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.MediaObserver }] });
 

package/fesm2022/theseam-ui-common-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-layout.mjs","sources":["../../../projects/ui-common/layout/breakpoint-aliases.ts","../../../projects/ui-common/layout/layout.module.ts","../../../projects/ui-common/layout/observe-media-query.ts","../../../projects/ui-common/layout/layout.service.ts","../../../projects/ui-common/layout/theseam-ui-common-layout.ts"],"sourcesContent":["// TODO: Make sure the `@angular/flex-layout` breakpoints and bootstrap\n// breakpoints work the same.\n//\n// I like the more spread-out ranges in '@angular/flex-layout', but since our\n// styles are mostly based on bootstrap it may be worth it to drop down closer\n// to the bootstrap breakpoints.\n//\n// Another option is to create new aliases to blend a mix between them, if it\n// doesn't add to much complexity.\n\n/**\n * | breakpoint | mediaQuery                                              |\n * |------------|---------------------------------------------------------|\n * | xs         | 'screen and (max-width: 599px)'                         |\n * | sm         | 'screen and (min-width: 600px) and (max-width: 959px)'  |\n * | md         | 'screen and (min-width: 960px) and (max-width: 1279px)' |\n * | lg         | 'screen and (min-width: 1280px) and (max-width: 1919px)'|\n * | xl         | 'screen and (min-width: 1920px) and (max-width: 5000px)'|\n * |            |                                                         |\n * | lt-sm      | 'screen and (max-width: 599px)'                         |\n * | lt-md      | 'screen and (max-width: 959px)'                         |\n * | lt-lg      | 'screen and (max-width: 1279px)'                        |\n * | lt-xl      | 'screen and (max-width: 1919px)'                        |\n * |            |                                                         |\n * | gt-xs      | 'screen and (min-width: 600px)'                         |\n * | gt-sm      | 'screen and (min-width: 960px)'                         |\n * | gt-md      | 'screen and (min-width: 1280px)'                        |\n * | gt-lg      | 'screen and (min-width: 1920px)'                        |\n */\nexport type MediaQueryAliases =\n  // Breakpoint      MediaQuery\n    'xs' //         'screen and (max-width: 599px)'\n  | 'sm' //         'screen and (min-width: 600px) and (max-width: 959px)'\n  | 'md' //         'screen and (min-width: 960px) and (max-width: 1279px)'\n  | 'lg' //         'screen and (min-width: 1280px) and (max-width: 1919px)'\n  | 'xl' //         'screen and (min-width: 1920px) and (max-width: 5000px)'\n  | 'lt-sm' //      'screen and (max-width: 599px)'\n  | 'lt-md' //      'screen and (max-width: 959px)'\n  | 'lt-lg' //      'screen and (max-width: 1279px)'\n  | 'lt-xl' //      'screen and (max-width: 1919px)'\n  | 'gt-xs' //      'screen and (min-width: 600px)'\n  | 'gt-sm' //      'screen and (min-width: 960px)'\n  | 'gt-md' //      'screen and (min-width: 1280px)'\n  | 'gt-lg' //      'screen and (min-width: 1920px)'\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FlexLayoutModule } from '@angular/flex-layout'\n\n@NgModule({\n  declarations: [],\n  imports: [\n    CommonModule,\n    FlexLayoutModule\n  ],\n  exports: [\n    FlexLayoutModule\n  ]\n})\nexport class TheSeamLayoutModule { }\n","import { MediaObserver } from '@angular/flex-layout'\nimport { Observable } from 'rxjs'\nimport { distinctUntilChanged, map, shareReplay, startWith, tap } from 'rxjs/operators'\n\nimport { MediaQueryAliases } from './breakpoint-aliases'\n\nconst mediaQueriesMap: { [breakpoint: string]: string } = {\n  'xs': 'screen and (max-width: 599px)',\n  'sm': 'screen and (min-width: 600px) and (max-width: 959px)',\n  'md': 'screen and (min-width: 960px) and (max-width: 1279px)',\n  'lg': 'screen and (min-width: 1280px) and (max-width: 1919px)',\n  'xl': 'screen and (min-width: 1920px) and (max-width: 5000px)',\n  'lt-sm': 'screen and (max-width: 599px)',\n  'lt-md': 'screen and (max-width: 959px)',\n  'lt-lg': 'screen and (max-width: 1279px)',\n  'lt-xl': 'screen and (max-width: 1919px)',\n  'gt-xs': 'screen and (min-width: 600px)',\n  'gt-sm': 'screen and (min-width: 960px)',\n  'gt-md': 'screen and (min-width: 1280px)',\n  'gt-lg': 'screen and (min-width: 1920px)'\n}\n\n/**\n * TODO: Find out if the MediaObserver can return an immediate result on load\n * accurately like the native matchMedia. If not switch to another that can or\n * just implement it myself. I would rather use a well tested library for\n * something like that, since it could have a lot of affect on performance.\n */\nfunction isMediaQueryActive(query: string, fallback: MediaObserver) {\n  if (window && window.matchMedia) {\n    const x = window.matchMedia(mediaQueriesMap[query])\n    return x.matches\n  }\n  return fallback.isActive(query)\n}\n\n/**\n * Observable helper for observing a single breakpoint alias with\n * `@angular/flex-layout` MediaObserver.\n */\nexport function observeMediaQuery(\n  mediaObserver: MediaObserver,\n  alias: MediaQueryAliases\n): Observable<boolean> {\n  // console.log(alias, mediaObserver.isActive(alias), isMediaQueryActive(alias, mediaObserver))\n  return mediaObserver.asObservable()\n    .pipe(\n      map(_ => mediaObserver.isActive(alias)),\n      // startWith(mediaObserver.isActive(alias)),\n      startWith(isMediaQueryActive(alias, mediaObserver)),\n      distinctUntilChanged(),\n      shareReplay({ refCount: true, bufferSize: 1 })\n    )\n}\n","import { Injectable } from '@angular/core'\nimport { MediaObserver } from '@angular/flex-layout'\nimport { BehaviorSubject, Observable } from 'rxjs'\nimport { shareReplay, switchMap } from 'rxjs/operators'\n\nimport { MediaQueryAliases } from './breakpoint-aliases'\nimport { observeMediaQuery } from './observe-media-query'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TheSeamLayoutService {\n\n  /**\n   * Observes if app is a mobile-like size.\n   * Default mobile breakpoint is <= 599px,\n   * use setMobileBreakpoint() to change size.\n   */\n  public isMobile$: Observable<boolean>\n\n  private _mobileBreakpoint = new BehaviorSubject<MediaQueryAliases>('lt-sm')\n  public mobileBreakpoint$ = this._mobileBreakpoint.asObservable()\n\n  constructor(\n    private _media: MediaObserver\n  ) {\n    this.isMobile$ = this.mobileBreakpoint$.pipe(\n      switchMap(breakpoint => this.observe(breakpoint)),\n      shareReplay({ bufferSize: 1, refCount: true })\n    )\n  }\n\n  public observe(alias: MediaQueryAliases): Observable<boolean> {\n    return observeMediaQuery(this._media, alias)\n  }\n\n  /**\n   * Update breakpoint observed by isMobile$\n   */\n  public setMobileBreakpoint(alias: MediaQueryAliases) {\n    this._mobileBreakpoint.next(alias)\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-layout.mjs","sources":["../../../projects/ui-common/layout/breakpoint-aliases.ts","../../../projects/ui-common/layout/layout.module.ts","../../../projects/ui-common/layout/observe-media-query.ts","../../../projects/ui-common/layout/layout.service.ts","../../../projects/ui-common/layout/theseam-ui-common-layout.ts"],"sourcesContent":["// TODO: Make sure the `@angular/flex-layout` breakpoints and bootstrap\n// breakpoints work the same.\n//\n// I like the more spread-out ranges in '@angular/flex-layout', but since our\n// styles are mostly based on bootstrap it may be worth it to drop down closer\n// to the bootstrap breakpoints.\n//\n// Another option is to create new aliases to blend a mix between them, if it\n// doesn't add to much complexity.\n\n/**\n * | breakpoint | mediaQuery                                              |\n * |------------|---------------------------------------------------------|\n * | xs         | 'screen and (max-width: 599px)'                         |\n * | sm         | 'screen and (min-width: 600px) and (max-width: 959px)'  |\n * | md         | 'screen and (min-width: 960px) and (max-width: 1279px)' |\n * | lg         | 'screen and (min-width: 1280px) and (max-width: 1919px)'|\n * | xl         | 'screen and (min-width: 1920px) and (max-width: 5000px)'|\n * |            |                                                         |\n * | lt-sm      | 'screen and (max-width: 599px)'                         |\n * | lt-md      | 'screen and (max-width: 959px)'                         |\n * | lt-lg      | 'screen and (max-width: 1279px)'                        |\n * | lt-xl      | 'screen and (max-width: 1919px)'                        |\n * |            |                                                         |\n * | gt-xs      | 'screen and (min-width: 600px)'                         |\n * | gt-sm      | 'screen and (min-width: 960px)'                         |\n * | gt-md      | 'screen and (min-width: 1280px)'                        |\n * | gt-lg      | 'screen and (min-width: 1920px)'                        |\n */\nexport type MediaQueryAliases =\n  // Breakpoint      MediaQuery\n  | 'xs' //         'screen and (max-width: 599px)'\n  | 'sm' //         'screen and (min-width: 600px) and (max-width: 959px)'\n  | 'md' //         'screen and (min-width: 960px) and (max-width: 1279px)'\n  | 'lg' //         'screen and (min-width: 1280px) and (max-width: 1919px)'\n  | 'xl' //         'screen and (min-width: 1920px) and (max-width: 5000px)'\n  | 'lt-sm' //      'screen and (max-width: 599px)'\n  | 'lt-md' //      'screen and (max-width: 959px)'\n  | 'lt-lg' //      'screen and (max-width: 1279px)'\n  | 'lt-xl' //      'screen and (max-width: 1919px)'\n  | 'gt-xs' //      'screen and (min-width: 600px)'\n  | 'gt-sm' //      'screen and (min-width: 960px)'\n  | 'gt-md' //      'screen and (min-width: 1280px)'\n  | 'gt-lg' //      'screen and (min-width: 1920px)'\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FlexLayoutModule } from '@angular/flex-layout'\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, FlexLayoutModule],\n  exports: [FlexLayoutModule],\n})\nexport class TheSeamLayoutModule {}\n","import { MediaObserver } from '@angular/flex-layout'\nimport { Observable } from 'rxjs'\nimport {\n  distinctUntilChanged,\n  map,\n  shareReplay,\n  startWith,\n  tap,\n} from 'rxjs/operators'\n\nimport { MediaQueryAliases } from './breakpoint-aliases'\n\nconst mediaQueriesMap: { [breakpoint: string]: string } = {\n  xs: 'screen and (max-width: 599px)',\n  sm: 'screen and (min-width: 600px) and (max-width: 959px)',\n  md: 'screen and (min-width: 960px) and (max-width: 1279px)',\n  lg: 'screen and (min-width: 1280px) and (max-width: 1919px)',\n  xl: 'screen and (min-width: 1920px) and (max-width: 5000px)',\n  'lt-sm': 'screen and (max-width: 599px)',\n  'lt-md': 'screen and (max-width: 959px)',\n  'lt-lg': 'screen and (max-width: 1279px)',\n  'lt-xl': 'screen and (max-width: 1919px)',\n  'gt-xs': 'screen and (min-width: 600px)',\n  'gt-sm': 'screen and (min-width: 960px)',\n  'gt-md': 'screen and (min-width: 1280px)',\n  'gt-lg': 'screen and (min-width: 1920px)',\n}\n\n/**\n * TODO: Find out if the MediaObserver can return an immediate result on load\n * accurately like the native matchMedia. If not switch to another that can or\n * just implement it myself. I would rather use a well tested library for\n * something like that, since it could have a lot of affect on performance.\n */\nfunction isMediaQueryActive(query: string, fallback: MediaObserver) {\n  if (window && window.matchMedia) {\n    const x = window.matchMedia(mediaQueriesMap[query])\n    return x.matches\n  }\n  return fallback.isActive(query)\n}\n\n/**\n * Observable helper for observing a single breakpoint alias with\n * `@angular/flex-layout` MediaObserver.\n */\nexport function observeMediaQuery(\n  mediaObserver: MediaObserver,\n  alias: MediaQueryAliases,\n): Observable<boolean> {\n  // console.log(alias, mediaObserver.isActive(alias), isMediaQueryActive(alias, mediaObserver))\n  return mediaObserver.asObservable().pipe(\n    map((_) => mediaObserver.isActive(alias)),\n    // startWith(mediaObserver.isActive(alias)),\n    startWith(isMediaQueryActive(alias, mediaObserver)),\n    distinctUntilChanged(),\n    shareReplay({ refCount: true, bufferSize: 1 }),\n  )\n}\n","import { Injectable } from '@angular/core'\nimport { MediaObserver } from '@angular/flex-layout'\nimport { BehaviorSubject, Observable } from 'rxjs'\nimport { shareReplay, switchMap } from 'rxjs/operators'\n\nimport { MediaQueryAliases } from './breakpoint-aliases'\nimport { observeMediaQuery } from './observe-media-query'\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TheSeamLayoutService {\n  /**\n   * Observes if app is a mobile-like size.\n   * Default mobile breakpoint is <= 599px,\n   * use setMobileBreakpoint() to change size.\n   */\n  public isMobile$: Observable<boolean>\n\n  private _mobileBreakpoint = new BehaviorSubject<MediaQueryAliases>('lt-sm')\n  public mobileBreakpoint$ = this._mobileBreakpoint.asObservable()\n\n  constructor(private _media: MediaObserver) {\n    this.isMobile$ = this.mobileBreakpoint$.pipe(\n      switchMap((breakpoint) => this.observe(breakpoint)),\n      shareReplay({ bufferSize: 1, refCount: true }),\n    )\n  }\n\n  public observe(alias: MediaQueryAliases): Observable<boolean> {\n    return observeMediaQuery(this._media, alias)\n  }\n\n  /**\n   * Update breakpoint observed by isMobile$\n   */\n  public setMobileBreakpoint(alias: MediaQueryAliases) {\n    this._mobileBreakpoint.next(alias)\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/theseam-ui-common-loading.mjs

@@ -13,7 +13,7 @@ const defaultThemeConfig = {
     backdropBorderRadius: '0px',
     primaryColour: '#ffffff',
     secondaryColour: '#ffffff',
-    tertiaryColour: '#ffffff'
+    tertiaryColour: '#ffffff',
 };
 const primaryThemeConfig = {
     animationType: ngxLoadingAnimationTypes.threeBounce,
@@ -21,7 +21,7 @@ const primaryThemeConfig = {
     backdropBorderRadius: '0px',
     primaryColour: 'rgba(53,126,189,0.7)',
     secondaryColour: 'rgba(53,126,189,0.7)',
-    tertiaryColour: 'rgba(53,126,189,0.7)'
+    tertiaryColour: 'rgba(53,126,189,0.7)',
 };
 
 class TheSeamLoadingComponent {
@@ -34,37 +34,26 @@ class TheSeamLoadingComponent {
         }
     }
     _theme = defaultThemeConfig;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamLoadingComponent, isStandalone: true, selector: "seam-loading", inputs: { theme: "theme" }, ngImport: i0, template: "<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n", styles: [":host{display:block;position:absolute;inset:0;z-index:9000}\n"], dependencies: [{ kind: "ngmodule", type: NgxLoadingModule }, { kind: "component", type: i1.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamLoadingComponent, isStandalone: true, selector: "seam-loading", inputs: { theme: "theme" }, ngImport: i0, template: "<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n", styles: [":host{display:block;position:absolute;inset:0;z-index:9000}\n"], dependencies: [{ kind: "ngmodule", type: NgxLoadingModule }, { kind: "component", type: i1.NgxLoadingComponent, selector: "ngx-loading", inputs: ["show", "config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-loading', imports: [
-                        NgxLoadingModule,
-                    ], template: "<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n", styles: [":host{display:block;position:absolute;inset:0;z-index:9000}\n"] }]
+            args: [{ selector: 'seam-loading', imports: [NgxLoadingModule], template: "<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n", styles: [":host{display:block;position:absolute;inset:0;z-index:9000}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
             }] } });
 
 class TheSeamLoadingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingModule, imports: [TheSeamLoadingComponent], exports: [OverlayModule,
-            PortalModule,
-            TheSeamLoadingComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingModule, imports: [TheSeamLoadingComponent, OverlayModule,
-            PortalModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingModule, imports: [TheSeamLoadingComponent], exports: [OverlayModule, PortalModule, TheSeamLoadingComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingModule, imports: [TheSeamLoadingComponent, OverlayModule, PortalModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        TheSeamLoadingComponent,
-                    ],
-                    exports: [
-                        OverlayModule,
-                        PortalModule,
-                        TheSeamLoadingComponent,
-                    ],
+                    imports: [TheSeamLoadingComponent],
+                    exports: [OverlayModule, PortalModule, TheSeamLoadingComponent],
                 }]
         }] });
 
@@ -72,7 +61,9 @@ class TheSeamLoadingOverlayService {
     _overlay = inject(Overlay);
     _enabled = false;
     _overlayRef;
-    get enabled() { return this._enabled; }
+    get enabled() {
+        return this._enabled;
+    }
     toggle(enabled) {
         const enable = enabled === undefined ? !this.enabled : enabled;
         if (enable && !this.enabled) {
@@ -103,15 +94,15 @@ class TheSeamLoadingOverlayService {
     }
     while(source) {
         this.enable();
-        return source.pipe(tap(() => this.disable()), catchError(err => {
+        return source.pipe(tap(() => this.disable()), catchError((err) => {
             this.disable();
             return throwError(err);
         }), finalize(() => this.disable()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingOverlayService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingOverlayService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLoadingOverlayService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLoadingOverlayService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/theseam-ui-common-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-loading.mjs","sources":["../../../projects/ui-common/loading/loading-themes.ts","../../../projects/ui-common/loading/loading/loading.component.ts","../../../projects/ui-common/loading/loading/loading.component.html","../../../projects/ui-common/loading/loading.module.ts","../../../projects/ui-common/loading/loading-overlay.service.ts","../../../projects/ui-common/loading/provide-loading.ts","../../../projects/ui-common/loading/theseam-ui-common-loading.ts"],"sourcesContent":["import { ngxLoadingAnimationTypes, NgxLoadingConfig } from 'ngx-loading'\n\nexport const defaultThemeConfig: NgxLoadingConfig = {\n  animationType: ngxLoadingAnimationTypes.threeBounce,\n  backdropBackgroundColour: 'rgba(0,0,0,0.3)',\n  backdropBorderRadius: '0px',\n  primaryColour: '#ffffff',\n  secondaryColour: '#ffffff',\n  tertiaryColour: '#ffffff'\n}\n\nexport const primaryThemeConfig: NgxLoadingConfig = {\n  animationType: ngxLoadingAnimationTypes.threeBounce,\n  backdropBackgroundColour: 'rgba(250,250,250,0.2)',\n  backdropBorderRadius: '0px',\n  primaryColour: 'rgba(53,126,189,0.7)',\n  secondaryColour: 'rgba(53,126,189,0.7)',\n  tertiaryColour: 'rgba(53,126,189,0.7)'\n}\n","import { Component, Input } from '@angular/core'\n\nimport { NgxLoadingConfig, NgxLoadingModule } from 'ngx-loading'\n\nimport { defaultThemeConfig, primaryThemeConfig } from '../loading-themes'\nimport { TheSeamLoadingTheme } from '../loading.models'\n\n@Component({\n  selector: 'seam-loading',\n  templateUrl: './loading.component.html',\n  styleUrls: ['./loading.component.scss'],\n  imports: [\n    NgxLoadingModule,\n  ],\n})\nexport class TheSeamLoadingComponent {\n\n  @Input()\n  set theme(value: TheSeamLoadingTheme) {\n    if (value === 'primary') {\n      this._theme = primaryThemeConfig\n    } else {\n      this._theme = defaultThemeConfig\n    }\n  }\n  _theme: NgxLoadingConfig = defaultThemeConfig\n\n}\n","<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamLoadingComponent } from './loading/loading.component'\n\n@NgModule({\n  imports: [\n    TheSeamLoadingComponent,\n  ],\n  exports: [\n    OverlayModule,\n    PortalModule,\n    TheSeamLoadingComponent,\n  ],\n})\nexport class TheSeamLoadingModule { }\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { inject, Injectable } from '@angular/core'\nimport { Observable, throwError } from 'rxjs'\nimport { catchError, finalize, tap } from 'rxjs/operators'\n\nimport { TheSeamLoadingComponent } from './loading/loading.component'\n\n@Injectable({ providedIn: 'root' })\nexport class TheSeamLoadingOverlayService {\n\n  private readonly _overlay = inject(Overlay)\n\n  private _enabled = false\n\n  private _overlayRef?: OverlayRef\n\n  get enabled(): boolean { return this._enabled }\n\n  public toggle(enabled?: boolean) {\n    const enable = enabled === undefined ? !this.enabled : enabled\n    if (enable && !this.enabled) {\n      this.enable()\n    } else if (!enable && this.enabled) {\n      this.disable()\n    }\n  }\n\n  public enable() {\n    if (this.enabled) { return }\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: false,\n      width: '100%',\n      height: '100%',\n    })\n    this._overlayRef.attach(new ComponentPortal(TheSeamLoadingComponent))\n\n    this._enabled = true\n  }\n\n  public disable() {\n    if (!this.enabled) { return }\n\n    this._overlayRef?.dispose()\n\n    this._enabled = false\n  }\n\n  public while<T = any>(source: Observable<T>): Observable<T> {\n    this.enable()\n    return source.pipe(\n      tap(() => this.disable()),\n      catchError(err => {\n        this.disable()\n        return throwError(err)\n      }),\n      finalize(() => this.disable()),\n    )\n  }\n\n}\n","import { EnvironmentProviders, importProvidersFrom, makeEnvironmentProviders } from '@angular/core'\n\nimport { INgxLoadingConfig, NgxLoadingModule } from 'ngx-loading'\n\nimport { defaultThemeConfig } from './loading-themes'\n\nexport function provideTheSeamLoading(loadingConfig: INgxLoadingConfig = defaultThemeConfig): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    importProvidersFrom(NgxLoadingModule.forRoot(loadingConfig)),\n  ])\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-loading.mjs","sources":["../../../projects/ui-common/loading/loading-themes.ts","../../../projects/ui-common/loading/loading/loading.component.ts","../../../projects/ui-common/loading/loading/loading.component.html","../../../projects/ui-common/loading/loading.module.ts","../../../projects/ui-common/loading/loading-overlay.service.ts","../../../projects/ui-common/loading/provide-loading.ts","../../../projects/ui-common/loading/theseam-ui-common-loading.ts"],"sourcesContent":["import { ngxLoadingAnimationTypes, NgxLoadingConfig } from 'ngx-loading'\n\nexport const defaultThemeConfig: NgxLoadingConfig = {\n  animationType: ngxLoadingAnimationTypes.threeBounce,\n  backdropBackgroundColour: 'rgba(0,0,0,0.3)',\n  backdropBorderRadius: '0px',\n  primaryColour: '#ffffff',\n  secondaryColour: '#ffffff',\n  tertiaryColour: '#ffffff',\n}\n\nexport const primaryThemeConfig: NgxLoadingConfig = {\n  animationType: ngxLoadingAnimationTypes.threeBounce,\n  backdropBackgroundColour: 'rgba(250,250,250,0.2)',\n  backdropBorderRadius: '0px',\n  primaryColour: 'rgba(53,126,189,0.7)',\n  secondaryColour: 'rgba(53,126,189,0.7)',\n  tertiaryColour: 'rgba(53,126,189,0.7)',\n}\n","import { Component, Input } from '@angular/core'\n\nimport { NgxLoadingConfig, NgxLoadingModule } from 'ngx-loading'\n\nimport { defaultThemeConfig, primaryThemeConfig } from '../loading-themes'\nimport { TheSeamLoadingTheme } from '../loading.models'\n\n@Component({\n  selector: 'seam-loading',\n  templateUrl: './loading.component.html',\n  styleUrls: ['./loading.component.scss'],\n  imports: [NgxLoadingModule],\n})\nexport class TheSeamLoadingComponent {\n  @Input()\n  set theme(value: TheSeamLoadingTheme) {\n    if (value === 'primary') {\n      this._theme = primaryThemeConfig\n    } else {\n      this._theme = defaultThemeConfig\n    }\n  }\n  _theme: NgxLoadingConfig = defaultThemeConfig\n}\n","<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamLoadingComponent } from './loading/loading.component'\n\n@NgModule({\n  imports: [TheSeamLoadingComponent],\n  exports: [OverlayModule, PortalModule, TheSeamLoadingComponent],\n})\nexport class TheSeamLoadingModule {}\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { inject, Injectable } from '@angular/core'\nimport { Observable, throwError } from 'rxjs'\nimport { catchError, finalize, tap } from 'rxjs/operators'\n\nimport { TheSeamLoadingComponent } from './loading/loading.component'\n\n@Injectable({ providedIn: 'root' })\nexport class TheSeamLoadingOverlayService {\n  private readonly _overlay = inject(Overlay)\n\n  private _enabled = false\n\n  private _overlayRef?: OverlayRef\n\n  get enabled(): boolean {\n    return this._enabled\n  }\n\n  public toggle(enabled?: boolean) {\n    const enable = enabled === undefined ? !this.enabled : enabled\n    if (enable && !this.enabled) {\n      this.enable()\n    } else if (!enable && this.enabled) {\n      this.disable()\n    }\n  }\n\n  public enable() {\n    if (this.enabled) {\n      return\n    }\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: false,\n      width: '100%',\n      height: '100%',\n    })\n    this._overlayRef.attach(new ComponentPortal(TheSeamLoadingComponent))\n\n    this._enabled = true\n  }\n\n  public disable() {\n    if (!this.enabled) {\n      return\n    }\n\n    this._overlayRef?.dispose()\n\n    this._enabled = false\n  }\n\n  public while<T = any>(source: Observable<T>): Observable<T> {\n    this.enable()\n    return source.pipe(\n      tap(() => this.disable()),\n      catchError((err) => {\n        this.disable()\n        return throwError(err)\n      }),\n      finalize(() => this.disable()),\n    )\n  }\n}\n","import {\n  EnvironmentProviders,\n  importProvidersFrom,\n  makeEnvironmentProviders,\n} from '@angular/core'\n\nimport { INgxLoadingConfig, NgxLoadingModule } from 'ngx-loading'\n\nimport { defaultThemeConfig } from './loading-themes'\n\nexport function provideTheSeamLoading(\n  loadingConfig: INgxLoadingConfig = defaultThemeConfig,\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    importProvidersFrom(NgxLoadingModule.forRoot(loadingConfig)),\n  ])\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}