@theseam/ui-common 0.3.10 → 0.4.0-beta.0

package/fesm2015/theseam-ui-common-layout.js

@@ -1,89 +0,0 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { NgModule, Injectable } from '@angular/core';
-import { FlexLayoutModule, MediaObserver } from '@angular/flex-layout';
-import { map, startWith, distinctUntilChanged, shareReplay } from 'rxjs/operators';
-import * as i1 from '@angular/flex-layout/core';
-
-// TODO: Make sure the `@angular/flex-layout` breakpoints and bootstrap
-
-class TheSeamLayoutModule {
-}
-TheSeamLayoutModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [],
-                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)',
-    'lt-sm': 'screen and (max-width: 599px)',
-    'lt-md': 'screen and (max-width: 959px)',
-    'lt-lg': 'screen and (max-width: 1279px)',
-    'lt-xl': 'screen and (max-width: 1919px)',
-    '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)'
-};
-/**
- * TODO: Find out if the MediaObserver can return an immediate result on load
- * accurately like the native matchMedia. If not switch to another that can or
- * just implement it myself. I would rather use a well tested library for
- * something like that, since it could have a lot of affect on performance.
- */
-function isMediaQueryActive(query, fallback) {
-    if (window && window.matchMedia) {
-        const x = window.matchMedia(mediaQueriesMap[query]);
-        return x.matches;
-    }
-    return fallback.isActive(query);
-}
-/**
- * Observable helper for observing a single breakpoint alias with
- * `@angular/flex-layout` MediaObserver.
- */
-function observeMediaQuery(mediaObserver, alias) {
-    // console.log(alias, mediaObserver.isActive(alias), isMediaQueryActive(alias, mediaObserver))
-    return mediaObserver.asObservable()
-        .pipe(map(_ => mediaObserver.isActive(alias)), 
-    // startWith(mediaObserver.isActive(alias)),
-    startWith(isMediaQueryActive(alias, mediaObserver)), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
-}
-
-class TheSeamLayoutService {
-    constructor(_media) {
-        this._media = _media;
-        this.isMobile$ = this.observe('lt-sm');
-    }
-    observe(alias) {
-        return observeMediaQuery(this._media, alias);
-    }
-}
-TheSeamLayoutService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TheSeamLayoutService_Factory() { return new TheSeamLayoutService(i0.ɵɵinject(i1.MediaObserver)); }, token: TheSeamLayoutService, providedIn: "root" });
-TheSeamLayoutService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-TheSeamLayoutService.ctorParameters = () => [
-    { type: MediaObserver }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TheSeamLayoutModule, TheSeamLayoutService, observeMediaQuery };
-//# sourceMappingURL=theseam-ui-common-layout.js.map

package/fesm2015/theseam-ui-common-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theseam-ui-common-layout.js","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 { inject, Injectable, InjectionToken } from '@angular/core'\nimport { MediaObserver } from '@angular/flex-layout'\nimport { Observable } from 'rxjs'\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   * Is app a mobile-like size.\n   */\n  public isMobile$: Observable<boolean>\n\n  constructor(\n    private _media: MediaObserver\n  ) {\n    this.isMobile$ = this.observe('lt-sm')\n  }\n\n  public observe(alias: MediaQueryAliases): Observable<boolean> {\n    return observeMediaQuery(this._media, alias)\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;MCca,mBAAmB;;;YAV/B,QAAQ,SAAC;gBACR,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE;oBACP,YAAY;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;ACPD,MAAM,eAAe,GAAqC;IACxD,IAAI,EAAK,+BAA+B;IACxC,IAAI,EAAK,sDAAsD;IAC/D,IAAI,EAAK,uDAAuD;IAChE,IAAI,EAAK,wDAAwD;IACjE,IAAI,EAAK,wDAAwD;IACjE,OAAO,EAAE,+BAA+B;IACxC,OAAO,EAAE,+BAA+B;IACxC,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,+BAA+B;IACxC,OAAO,EAAE,+BAA+B;IACxC,OAAO,EAAE,gCAAgC;IACzC,OAAO,EAAE,gCAAgC;CAC1C,CAAA;AAED;;;;;;AAMA,SAAS,kBAAkB,CAAC,KAAa,EAAE,QAAuB;IAChE,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;QACnD,OAAO,CAAC,CAAC,OAAO,CAAA;KACjB;IACD,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACjC,CAAC;AAED;;;;SAIgB,iBAAiB,CAC/B,aAA4B,EAC5B,KAAwB;;IAGxB,OAAO,aAAa,CAAC,YAAY,EAAE;SAChC,IAAI,CACH,GAAG,CAAC,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;;IAEvC,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,EACnD,oBAAoB,EAAE,EACtB,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAC/C,CAAA;AACL;;MC3Ca,oBAAoB;IAO/B,YACU,MAAqB;QAArB,WAAM,GAAN,MAAM,CAAe;QAE7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;KACvC;IAEM,OAAO,CAAC,KAAwB;QACrC,OAAO,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KAC7C;;;;YAlBF,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;YARQ,aAAa;;;ACDtB;;;;;;"}

package/fesm2015/theseam-ui-common-loading.js

@@ -1,131 +0,0 @@
-import { Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import { CommonModule } from '@angular/common';
-import { Component, Input, Injectable, NgModule } from '@angular/core';
-import { ngxLoadingAnimationTypes, NgxLoadingModule } from '@marklb/ngx-loading';
-import { throwError } from 'rxjs';
-import { tap, catchError, finalize } from 'rxjs/operators';
-
-const defaultThemeConfig = {
-    animationType: ngxLoadingAnimationTypes.threeBounce,
-    backdropBackgroundColour: 'rgba(0,0,0,0.3)',
-    backdropBorderRadius: '0px',
-    primaryColour: '#ffffff',
-    secondaryColour: '#ffffff',
-    tertiaryColour: '#ffffff'
-};
-const primaryThemeConfig = {
-    animationType: ngxLoadingAnimationTypes.threeBounce,
-    backdropBackgroundColour: 'rgba(250,250,250,0.2)',
-    backdropBorderRadius: '0px',
-    primaryColour: 'rgba(53,126,189,0.7)',
-    secondaryColour: 'rgba(53,126,189,0.7)',
-    tertiaryColour: 'rgba(53,126,189,0.7)'
-};
-
-class LoadingComponent {
-    constructor() {
-        this._theme = defaultThemeConfig;
-    }
-    set theme(value) {
-        if (value === 'primary') {
-            this._theme = primaryThemeConfig;
-        }
-        else {
-            this._theme = defaultThemeConfig;
-        }
-    }
-    ngOnInit() { }
-}
-LoadingComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-loading',
-                template: "<ngx-loading [show]=\"true\" [config]=\"_theme\"></ngx-loading>\n",
-                styles: [":host{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9000}\n"]
-            },] }
-];
-LoadingComponent.ctorParameters = () => [];
-LoadingComponent.propDecorators = {
-    theme: [{ type: Input }]
-};
-
-class TheSeamLoadingOverlayService {
-    constructor(_overlay) {
-        this._overlay = _overlay;
-        this._enabled = false;
-    }
-    get enabled() {
-        return this._enabled;
-    }
-    toggle(enabled) {
-        const enable = enabled === undefined ? !this.enabled : enabled;
-        if (enable && !this.enabled) {
-            this.enable();
-        }
-        else if (!enable && this.enabled) {
-            this.disable();
-        }
-    }
-    enable() {
-        if (this.enabled) {
-            return;
-        }
-        this._overlayRef = this._overlay.create({
-            hasBackdrop: false,
-            width: '100%',
-            height: '100%'
-        });
-        this._overlayRef.attach(new ComponentPortal(LoadingComponent));
-        this._enabled = true;
-    }
-    disable() {
-        var _a;
-        if (!this.enabled) {
-            return;
-        }
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.dispose();
-        this._enabled = false;
-    }
-    while(source) {
-        this.enable();
-        return source
-            .pipe(tap(() => this.disable()), catchError(err => {
-            this.disable();
-            return throwError(err);
-        }), finalize(() => this.disable()));
-    }
-}
-TheSeamLoadingOverlayService.decorators = [
-    { type: Injectable }
-];
-TheSeamLoadingOverlayService.ctorParameters = () => [
-    { type: Overlay }
-];
-
-// NOTE: Named export used for this because of a function calling bug in the builder.
-const loadingForRoot = NgxLoadingModule.forRoot(defaultThemeConfig);
-class TheSeamLoadingModule {
-}
-TheSeamLoadingModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [LoadingComponent],
-                imports: [
-                    CommonModule,
-                    OverlayModule,
-                    PortalModule,
-                    loadingForRoot
-                ],
-                providers: [
-                    TheSeamLoadingOverlayService
-                ],
-                exports: [LoadingComponent],
-                entryComponents: [LoadingComponent]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LoadingComponent, TheSeamLoadingModule, TheSeamLoadingOverlayService, defaultThemeConfig, loadingForRoot, primaryThemeConfig };
-//# sourceMappingURL=theseam-ui-common-loading.js.map

package/fesm2015/theseam-ui-common-loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theseam-ui-common-loading.js","sources":["../../../projects/ui-common/loading/loading-themes.ts","../../../projects/ui-common/loading/loading/loading.component.ts","../../../projects/ui-common/loading/loading-overlay.service.ts","../../../projects/ui-common/loading/loading.module.ts","../../../projects/ui-common/loading/theseam-ui-common-loading.ts"],"sourcesContent":["import { ngxLoadingAnimationTypes, NgxLoadingConfig } from '@marklb/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, OnInit } from '@angular/core'\n\nimport { NgxLoadingConfig } from '@marklb/ngx-loading'\n\nimport { defaultThemeConfig, primaryThemeConfig } from '../loading-themes'\nimport type { TheSeamLoadingTheme } from '../loading.models'\n\n@Component({\n  selector: 'seam-loading',\n  templateUrl: './loading.component.html',\n  styleUrls: ['./loading.component.scss']\n})\nexport class LoadingComponent implements OnInit {\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  constructor() { }\n\n  ngOnInit() { }\n\n}\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { Injectable } from '@angular/core'\nimport { Observable, throwError } from 'rxjs'\nimport { catchError, finalize, tap } from 'rxjs/operators'\n\nimport { LoadingComponent } from './loading/loading.component'\n\n@Injectable()\nexport class TheSeamLoadingOverlayService {\n\n  private _enabled = false\n\n  private _overlayRef?: OverlayRef\n\n  constructor(\n    private _overlay: Overlay\n  ) { }\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) { return }\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: false,\n      width: '100%',\n      height: '100%'\n    })\n    this._overlayRef.attach(new ComponentPortal(LoadingComponent))\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\n      .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 { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { NgxLoadingModule } from '@marklb/ngx-loading'\n\nimport { TheSeamLoadingOverlayService } from './loading-overlay.service'\nimport { defaultThemeConfig } from './loading-themes'\nimport { LoadingComponent } from './loading/loading.component'\n\n// NOTE: Named export used for this because of a function calling bug in the builder.\nexport const loadingForRoot = NgxLoadingModule.forRoot(defaultThemeConfig)\n\n@NgModule({\n  declarations: [LoadingComponent],\n  imports: [\n    CommonModule,\n    OverlayModule,\n    PortalModule,\n    loadingForRoot\n  ],\n  providers: [\n    TheSeamLoadingOverlayService\n  ],\n  exports: [LoadingComponent],\n  entryComponents: [LoadingComponent]\n})\nexport class TheSeamLoadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}