@one-paragon/angular-utilities 0.1.20 → 0.1.21

package/src/utilities/directives/dialog.ts

@@ -0,0 +1,142 @@
+import { Directive, TemplateRef, Input, OnDestroy, Component, Output, EventEmitter, ViewContainerRef, Injector, ComponentFactoryResolver } from '@angular/core';
+import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
+import { Observable, Subscription, Subject } from 'rxjs';
+import { switchAll } from 'rxjs/operators';
+import { DialogService } from './dialog-service';
+
+
+interface DialogViewContext<T> {
+  $implicit: T,
+  opDialog: T,
+  close: () => void,
+
+}
+
+@Component({
+  selector: 'app-dialog-content',
+  template: ``
+})
+export class DialogWrapper<T = any> {
+  viewEmbeded = false;
+  viewContext = {
+    close: () => {},
+  } as DialogViewContext<T>;
+  set template(tmpl: TemplateRef<DialogViewContext<T>>) {
+    if (this.viewEmbeded) {
+      this.vcr.clear();
+    }
+    this.viewEmbeded = true;
+    this.vcr.createEmbeddedView(tmpl, this.viewContext);
+  }
+
+  set close(closeMethod: () => void ) {
+    this.viewContext.close = closeMethod;
+  }
+
+  set data(value: T) {
+    this.viewContext.$implicit = value;
+    this.viewContext.opDialog = value;
+  }
+  constructor(private vcr: ViewContainerRef ) {
+  }
+
+}
+
+
+const defaultDialogConfig: MatDialogConfig = {
+  maxHeight: '95vh',
+}
+
+
+@Directive(
+  { selector: '[opDialog]' }
+) export class DialogDirective<T> implements OnDestroy {
+  @Output() opDialogClosed: EventEmitter<boolean> = new EventEmitter();
+  _dialogConfig: MatDialogConfig<T> = defaultDialogConfig;
+  @Input() add_opDialog_Class = true;
+  @Input() set opDialogConfig(config: MatDialogConfig<T>) {
+    
+    this._dialogConfig = { ...defaultDialogConfig, ...config };
+  }
+
+  get opDialogConfig() : MatDialogConfig<T> {
+    return this._dialogConfig;
+  }
+  @Input('opDialog') set state(open_close: Observable<T>) {
+    this._data.next(open_close);
+  }
+  @Input('opDialogOrigin') nativeElement? : HTMLElement;
+  dialogRef?: MatDialogRef<any, boolean>;
+  subscription: Subscription;
+  componentWrapper?: DialogWrapper<T>;
+
+  constructor(
+    private templateRef: TemplateRef<DialogViewContext<T>>,
+    private dialog: MatDialog,
+    private service: DialogService) {
+    this.subscription = this._data.pipe(
+      switchAll()
+    ).subscribe(d => {
+      if (d) {
+        this.opDialogConfig.data = d;
+        this.setDialogState(true);
+      } else {
+        this.setDialogState(false);
+      }
+    });
+  }
+
+  _data = new Subject<Observable<T>>();
+
+  close() {
+    this.dialogRef?.close();
+  }
+
+  initDialog() {
+    if(this.nativeElement){
+      const rect = this.nativeElement.getBoundingClientRect();
+      const position = { left: `${rect.left}px`, top: `${rect.bottom - 50}px` };
+      this.opDialogConfig = {...this.opDialogConfig , position};
+    }
+    if (this.add_opDialog_Class) {
+      this.opDialogConfig.panelClass = [...(Array.isArray(this.opDialogConfig.panelClass) ? this.opDialogConfig.panelClass : this.opDialogConfig.panelClass ? [this.opDialogConfig.panelClass] : []), 'opDialog'];
+    }
+    this.dialogRef = this.dialog.open(DialogWrapper, this.opDialogConfig);
+    this.componentWrapper = this.dialogRef.componentInstance;
+    this.componentWrapper!.close = () => this.dialogRef?.close();
+    this.componentWrapper!.data = this.opDialogConfig.data as T;
+    this.componentWrapper!.template = this.templateRef;
+    if (!this.opDialogConfig.disableClose) {
+      this.service.addDialogRef(this.dialogRef);
+    }
+    const sub = this.dialogRef.afterClosed().subscribe(() => {
+      this.opDialogClosed.emit(true);
+      this.service.removeDialogRef(this.dialogRef!);
+      this.dialogRef = undefined;
+      sub.unsubscribe();
+    });
+  }
+
+  setDialogState(open: boolean) {
+    if (open) {
+      if (!this.dialogRef) {
+        this.initDialog();
+      } else {
+        this.componentWrapper!.data = this.opDialogConfig.data as T;
+      }
+    } else if (!open && this.dialogRef) {
+      this.dialogRef.close();
+    }
+  }
+
+  ngOnDestroy() {
+    if (this.subscription) {
+      this.subscription.unsubscribe();
+    }
+  }
+
+ static ngTemplateContextGuard<T>(dir: DialogDirective<T>, ctx: any): ctx is DialogViewContext<Exclude<T, false|0|''|null|undefined>> {
+   return true;
+ }
+
+}

package/src/utilities/directives/mat-toggle-group-directive.ts

@@ -0,0 +1,60 @@
+import { ContentChildren, Directive, Input, Output, QueryList } from "@angular/core";
+import { MatSlideToggle } from "@angular/material/slide-toggle";
+import { merge, Observable, ReplaySubject, scan, startWith, switchMap } from "rxjs";
+
+
+@Directive(
+  { selector: '[opMatSlideToggleGroup]' ,
+}
+) export class MatSlideToggleGroupDirective  {
+  @Input() allowMultiple = false;
+
+  _toggles!: QueryList<MatSlideToggle>;
+  @ContentChildren(MatSlideToggle) set toggles(val: QueryList<MatSlideToggle>) {
+    this._toggles = val;
+    this._ready.next(true);
+  }
+
+  private _ready = new ReplaySubject<boolean>(1);
+
+  @Output() get valueEmitter() : Observable<{[key:string]: boolean}> {
+    return this._ready.pipe( switchMap( _ => this.getObs()));
+  }
+
+
+  getInitValue() {
+    const startValue = this._toggles.reduce( (prev,cur) => {
+      if(!cur.name) {
+        throw new Error('toggle must have the name attribute set');
+      }
+      prev[cur.name] = cur.checked
+      return prev;
+    }, {} as {[k:string]: boolean});
+    return startValue;
+  }
+
+  getObs() {
+    var toggleChanges = merge(...this._toggles.map( toggle => toggle.change ));
+
+    const startValue = this.getInitValue();
+
+    return toggleChanges.pipe(
+      scan( (prev,cur) => {
+        const toggleName = cur.source.name!;
+        const newVal = {...prev,[toggleName]:cur.checked};
+        if(cur.checked && !this.allowMultiple) {
+          Object.keys(prev)
+            .filter( key => key !== toggleName && prev[key])
+            .forEach( key => {
+              newVal[key] = false;
+              this._toggles.find( toggle => toggle.name === key)!.toggle();
+            });
+        }
+        return newVal;
+      },startValue),
+      startWith(startValue),
+    );
+
+  }
+
+}

package/src/utilities/directives/prevent-enter.directive.ts

@@ -0,0 +1,12 @@
+import { Directive, HostListener } from '@angular/core';
+
+@Directive({
+  selector: 'preventEnter'
+})
+export class PreventEnterDirective {
+
+  @HostListener('keydown.enter', ['$event'])
+  onKeyDown() {
+      return false
+  }
+}

package/src/utilities/directives/stop-propagation.directive.ts

@@ -0,0 +1,19 @@
+import {Directive, HostListener} from "@angular/core";
+
+@Directive({
+    selector: "[stop-propagation]"
+})
+export class StopPropagationDirective
+{
+    @HostListener("click", ["$event"])
+    public onClick(event: any): void
+    {
+        event.stopPropagation();
+    }
+
+    @HostListener("mousedown", ["$event"])
+    public onMousedown(event: any): void
+    {
+        event.stopPropagation();
+    }
+}

package/src/utilities/directives/styler.ts

@@ -0,0 +1,16 @@
+import { Directive,  Input, ElementRef } from '@angular/core';
+
+
+@Directive({
+    selector: '[styler]',
+}) export class StylerDirective {
+  @Input() set styler(styles){
+    if(styles){
+      Object.keys(styles).forEach( style => {
+        this.el.nativeElement.style[style] = styles[style];
+      });
+    }
+  };
+  constructor(private el: ElementRef) {
+ }
+}

package/src/utilities/directives/trim-whitespace.directive.ts

@@ -0,0 +1,20 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+
+@Directive({
+  selector: 'input[trimWhitespace]',
+})
+export class TrimWhitespaceDirective {
+
+  constructor(private elem: ElementRef) { }
+
+  @HostListener('blur') onBlur() {
+    const inputString = this.elem.nativeElement.value;
+    if(inputString) {
+      const newValue = inputString.trim().replace(/\t/g, '');
+      if(inputString !== newValue) {
+        this.elem.nativeElement.value = newValue;
+        this.elem.nativeElement.dispatchEvent(new Event('input', {bubbles:true}));
+      }
+    }
+  }
+}

package/{utilities/index.d.ts → src/utilities/index.ts}

@@ -1,15 +1,22 @@
-export * from './directives/prevent-enter.directive';
-export * from './directives/stop-propagation.directive';
-export * from './directives/auto-focus.directive';
-export * from './directives/clickSubject';
-export * from './directives/clickEmitterDirective';
-export * from './directives/dialog';
-export * from './directives/styler';
-export * from './directives/mat-toggle-group-directive';
-export * from './directives/trim-whitespace.directive';
-export * from './pipes/function.pipe';
-export * from './pipes/phone.pipe';
-export * from './pipes/space-case.pipes';
-export * from './directives/dialog-service';
-export * from './directives/conditional-classes.directive';
-export * from './module';
+export * from './directives/prevent-enter.directive';
+export * from './directives/stop-propagation.directive';
+export * from './directives/auto-focus.directive';
+export * from './directives/clickSubject';
+export * from './directives/clickEmitterDirective';
+export * from './directives/dialog';
+export * from './directives/styler';
+export * from './directives/mat-toggle-group-directive';
+export * from './directives/trim-whitespace.directive';
+
+export * from './pipes/function.pipe';
+export * from './pipes/phone.pipe';
+export * from './pipes/space-case.pipes';
+
+export * from './directives/dialog-service';
+
+export * from './directives/conditional-classes.directive'
+
+
+export * from './module';
+
+

package/src/utilities/module.ts

@@ -0,0 +1,58 @@
+import { NgModule } from "@angular/core";
+import { AutoFocusDirective } from "./directives/auto-focus.directive";
+import { ClickEmitterDirective } from "./directives/clickEmitterDirective";
+import { ClickSubjectDirective } from "./directives/clickSubject";
+import { ConditionalClassesDirective } from "./directives/conditional-classes.directive";
+import { DialogDirective } from "./directives/dialog";
+import { DialogService } from "./directives/dialog-service";
+import { MatSlideToggleGroupDirective } from "./directives/mat-toggle-group-directive";
+import { PreventEnterDirective } from "./directives/prevent-enter.directive";
+import { StopPropagationDirective } from "./directives/stop-propagation.directive";
+import { TrimWhitespaceDirective } from "./directives/trim-whitespace.directive";
+import { StylerDirective } from "./directives/styler";
+import { FunctionPipe } from "./pipes/function.pipe";
+import { PhoneNumberPipe } from "./pipes/phone.pipe";
+import { SpaceCasePipe } from "./pipes/space-case.pipes";
+
+@NgModule({
+  imports: [
+
+  ],
+    exports: [
+        StopPropagationDirective,
+        PreventEnterDirective,
+        SpaceCasePipe,
+        PhoneNumberPipe,
+        FunctionPipe,
+        StopPropagationDirective,
+        TrimWhitespaceDirective,
+        StylerDirective,
+        PreventEnterDirective,
+        AutoFocusDirective,
+        ClickSubjectDirective,
+        ClickEmitterDirective,
+        DialogDirective,
+        MatSlideToggleGroupDirective,
+        ConditionalClassesDirective,
+    ],
+    declarations: [
+        SpaceCasePipe,
+        PhoneNumberPipe,
+        FunctionPipe,
+        StopPropagationDirective,
+        StylerDirective,
+        PreventEnterDirective,
+        AutoFocusDirective,
+        TrimWhitespaceDirective,
+        ClickSubjectDirective,
+        ClickEmitterDirective,
+        DialogDirective,
+        MatSlideToggleGroupDirective,
+        ConditionalClassesDirective,
+    ],
+    providers : [
+      DialogService
+    ]
+})
+export class UtilitiesModule {
+}

package/src/utilities/pipes/function.pipe.ts

@@ -0,0 +1,15 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'func'
+})
+export class FunctionPipe implements PipeTransform {
+  transform(func: ( (...args: any[])=> any ) | string, ...args: any[]): any {
+    if(typeof func === 'string') {
+      const [instance, ...tail] = args;
+      const method = instance[func].bind(instance);
+      return method(...tail);
+    }
+      return func(...args);
+  }
+}

package/src/utilities/pipes/phone.pipe.ts

@@ -0,0 +1,15 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({name: 'phone'})
+export class PhoneNumberPipe implements PipeTransform {
+
+  transform(phoneNum: string): any {
+    if (phoneNum) {
+      phoneNum = phoneNum.replace(/\D/g,'');
+      if(phoneNum[0] === '1') {
+        phoneNum = phoneNum.substring(1);
+      }
+      return '(' +  phoneNum.slice(0, 3) + ') ' + phoneNum.slice(3, 6) + '-' + phoneNum.slice(6, 10) + ' ' + phoneNum.slice(10);
+    }
+  }
+}

package/src/utilities/pipes/space-case.pipes.spec.ts

@@ -0,0 +1,47 @@
+import { SpaceCasePipe } from './space-case.pipes';
+
+const pipe = new SpaceCasePipe();
+
+describe('Space Case Pipe', () => {
+	
+	it('one word camel case', () => {
+    const result = pipe.transform('promissory');
+    expect(result).toEqual('Promissory');
+  });
+
+	it('one word pascal case', () => {
+    const result = pipe.transform('Promissory');
+    expect(result).toEqual('Promissory');
+  });
+
+  it('two words camel case', () => {
+    const result = pipe.transform('promissoryNote');
+    expect(result).toEqual('Promissory Note');
+  });
+
+	it('two words pascal case', () => {
+    const result = pipe.transform('PromissoryNote');
+    expect(result).toEqual('Promissory Note');
+  });
+
+  it('bunch of capital letters in a row', () => {
+    const result = pipe.transform('IRALLCSingleMember');
+    expect(result).toEqual('IRALLC Single Member');
+  });
+
+	it('underscores', () => {
+    const result = pipe.transform('Secured_promissory_Note_more');
+    expect(result).toEqual('Secured Promissory Note More');
+  });
+
+	it('underscores', () => {
+    const result = pipe.transform('IRA_LLCSingleMember');
+    expect(result).toEqual('IRA LLC Single Member');
+  });
+
+	it('blank', () => {
+    const result = pipe.transform('');
+    expect(result).toEqual('');
+  });
+ 
+});

package/src/utilities/pipes/space-case.pipes.ts

@@ -0,0 +1,23 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({name: 'spaceCase'})
+export class SpaceCasePipe implements PipeTransform {
+  transform(value: string): string {
+    return  spaceCase(value);
+  }
+}
+
+/**
+ * Adds a space before uppercase letters that either
+ * 1. follows a lowercase letter or digit
+ * 2. or precedes a lowercase letter and follows an alpha-numeric character
+ * 
+ * Uppercases the first digit
+ * 
+ * Turns underscores into spaces
+ */
+export function spaceCase(value: string){
+  const phrase = value?.replace(/([a-z0-9])([A-Z])|([a-zA-Z0-9])([A-Z])(?=[a-z])|_/g, '$1$3 $2$4')
+  // uppercase the first character of every word
+  return phrase?.replace(/(^| )(\w)/g, x => x.toUpperCase());
+}

package/tsconfig.lib.json

@@ -0,0 +1,19 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2021"
+    ]
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/action-state/action-state-spinner/action-state-spinner.component.d.ts

@@ -1,12 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
-import { ActionStatus, serverStatusTypes } from '../ngrx';
-import * as i0 from "@angular/core";
-export declare class ActionStateSpinnerComponent implements OnInit {
-    status$: Observable<ActionStatus>;
-    serverActionStatus$: Observable<ActionStatus>;
-    serverStatusTypes: typeof serverStatusTypes;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionStateSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionStateSpinnerComponent, "lib-action-state-spinner", never, { "status$": "status$"; }, {}, never, never, false, never>;
-}

package/action-state/action-state-ui/action-state-ui.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "../action-state-spinner/action-state-spinner.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/legacy-progress-spinner";
-export declare class ActionStateUiModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionStateUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionStateUiModule, [typeof i1.ActionStateSpinnerComponent], [typeof i2.CommonModule, typeof i3.MatLegacyProgressSpinnerModule], [typeof i1.ActionStateSpinnerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ActionStateUiModule>;
-}

package/action-state/ngrx-ext/ngrx-ext.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@ngrx/store";
-export declare class NgrxExtModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgrxExtModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgrxExtModule, never, [typeof i1.CommonModule, typeof i2.StoreFeatureModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NgrxExtModule>;
-}

package/action-state/ngrx.d.ts

@@ -1,31 +0,0 @@
-import { Action } from '@ngrx/store';
-import { EntityState } from '@ngrx/entity';
-export declare class AppStatusState {
-    readonly ActionStatusBar: ActionStatus[];
-}
-export interface StatusState {
-    ids: string[];
-    entities: {
-        [id: string]: ActionStatus;
-    };
-}
-export declare class ActionStatus {
-    id: string;
-    displayName?: string;
-    status: serverStatusTypes;
-    responsePayload?: any;
-}
-export declare enum serverStatusTypes {
-    notStarted = 0,
-    inProgress = 1,
-    success = 2,
-    error = 3
-}
-export declare const statusAdapter: import("@ngrx/entity").EntityAdapter<ActionStatus>;
-export interface State extends EntityState<ActionStatus> {
-}
-export declare const initialState: StatusState;
-export declare const getStatusState: import("@ngrx/store").MemoizedSelector<object, State, import("@ngrx/store").DefaultProjectorFn<State>>;
-export declare const selectIds: (state: object) => string[] | number[], selectEntities: (state: object) => import("@ngrx/entity").Dictionary<ActionStatus>, selectAll: (state: object) => ActionStatus[], selectTotal: (state: object) => number;
-export declare const selectEntity: (id: string) => import("@ngrx/store").MemoizedSelector<object, any, (s1: import("@ngrx/entity").Dictionary<ActionStatus>) => any>;
-export declare function actionStatusReducer(state: StatusState | undefined, action: Action): StatusState;

package/esm2020/action-state/action-state-spinner/action-state-spinner.component.mjs

@@ -1,23 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { serverStatusTypes } from '../ngrx';
-import { delayOn } from '../../rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/legacy-progress-spinner";
-export class ActionStateSpinnerComponent {
-    constructor() {
-        this.serverStatusTypes = serverStatusTypes;
-    }
-    ngOnInit() {
-        this.serverActionStatus$ = this.status$.pipe(delayOn(a => a.status === serverStatusTypes.inProgress, 500));
-    }
-}
-ActionStateSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ActionStateSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionStateSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ActionStateSpinnerComponent, selector: "lib-action-state-spinner", inputs: { status$: "status$" }, ngImport: i0, template: "<div id=\"blocker\" *ngIf=\"(serverActionStatus$ | async)?.status === serverStatusTypes.inProgress\">\n  <mat-spinner class=\"spinner\" [diameter]=\"200\"></mat-spinner>\n</div>\n", styles: ["#blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ActionStateSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-action-state-spinner', template: "<div id=\"blocker\" *ngIf=\"(serverActionStatus$ | async)?.status === serverStatusTypes.inProgress\">\n  <mat-spinner class=\"spinner\" [diameter]=\"200\"></mat-spinner>\n</div>\n", styles: ["#blocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0e0d0d69;z-index:999999}.spinner{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}\n"] }]
-        }], propDecorators: { status$: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXN0YXRlLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL2FjdGlvbi1zdGF0ZS9hY3Rpb24tc3RhdGUtc3Bpbm5lci9hY3Rpb24tc3RhdGUtc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvYWN0aW9uLXN0YXRlL2FjdGlvbi1zdGF0ZS1zcGlubmVyL2FjdGlvbi1zdGF0ZS1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBZ0IsaUJBQWlCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDMUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFlBQVksQ0FBQzs7OztBQU9yQyxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBU0Usc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7S0FPdkM7SUFMQyxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUMxQyxPQUFPLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLGlCQUFpQixDQUFDLFVBQVUsRUFBRyxHQUFHLENBQUMsQ0FDL0QsQ0FBQztJQUNKLENBQUM7O3dIQVZVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGdHQ1Z4QyxxTEFHQTsyRkRPYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQU0zQixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFjdGlvblN0YXR1cywgc2VydmVyU3RhdHVzVHlwZXMgfSBmcm9tICcuLi9uZ3J4JztcbmltcG9ydCB7IGRlbGF5T24gfSBmcm9tICcuLi8uLi9yeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFjdGlvbi1zdGF0ZS1zcGlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1zdGF0ZS1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLXN0YXRlLXNwaW5uZXIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvblN0YXRlU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgc3RhdHVzJCE6IE9ic2VydmFibGU8QWN0aW9uU3RhdHVzPjtcbiAgc2VydmVyQWN0aW9uU3RhdHVzJCE6IE9ic2VydmFibGU8QWN0aW9uU3RhdHVzPjtcbiAgc2VydmVyU3RhdHVzVHlwZXMgPSBzZXJ2ZXJTdGF0dXNUeXBlcztcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNlcnZlckFjdGlvblN0YXR1cyQgPSB0aGlzLnN0YXR1cyQucGlwZShcbiAgICAgIGRlbGF5T24oIGEgPT4gYS5zdGF0dXMgPT09IHNlcnZlclN0YXR1c1R5cGVzLmluUHJvZ3Jlc3MgLCA1MDApXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdiBpZD1cImJsb2NrZXJcIiAqbmdJZj1cIihzZXJ2ZXJBY3Rpb25TdGF0dXMkIHwgYXN5bmMpPy5zdGF0dXMgPT09IHNlcnZlclN0YXR1c1R5cGVzLmluUHJvZ3Jlc3NcIj5cbiAgPG1hdC1zcGlubmVyIGNsYXNzPVwic3Bpbm5lclwiIFtkaWFtZXRlcl09XCIyMDBcIj48L21hdC1zcGlubmVyPlxuPC9kaXY+XG4iXX0=

package/esm2020/action-state/action-state-ui/action-state-ui.module.mjs

@@ -1,28 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ActionStateSpinnerComponent } from '../action-state-spinner/action-state-spinner.component';
-import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
-import * as i0 from "@angular/core";
-export class ActionStateUiModule {
-}
-ActionStateUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ActionStateUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ActionStateUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: ActionStateUiModule, declarations: [ActionStateSpinnerComponent], imports: [CommonModule,
-        MatProgressSpinnerModule], exports: [ActionStateSpinnerComponent] });
-ActionStateUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ActionStateUiModule, imports: [CommonModule,
-        MatProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ActionStateUiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ActionStateSpinnerComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatProgressSpinnerModule,
-                    ],
-                    exports: [
-                        ActionStateSpinnerComponent,
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXN0YXRlLXVpLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy9hY3Rpb24tc3RhdGUvYWN0aW9uLXN0YXRlLXVpL2FjdGlvbi1zdGF0ZS11aS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDckcsT0FBTyxFQUFFLDhCQUE4QixJQUFJLHdCQUF3QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7O0FBZXZILE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFWNUIsMkJBQTJCLGFBRzNCLFlBQVk7UUFDWix3QkFBd0IsYUFHeEIsMkJBQTJCO2lIQUdsQixtQkFBbUIsWUFQNUIsWUFBWTtRQUNaLHdCQUF3QjsyRkFNZixtQkFBbUI7a0JBWi9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3FCQUM1QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWN0aW9uU3RhdGVTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWN0aW9uLXN0YXRlLXNwaW5uZXIvYWN0aW9uLXN0YXRlLXNwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdExlZ2FjeVByb2dyZXNzU3Bpbm5lck1vZHVsZSBhcyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQWN0aW9uU3RhdGVTcGlubmVyQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEFjdGlvblN0YXRlU3Bpbm5lckNvbXBvbmVudCxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25TdGF0ZVVpTW9kdWxlIHsgfVxuIl19