@one-paragon/angular-utilities 0.3.10 → 0.3.11-beta.1

package/src/utilities/directives/dialog.ts

@@ -0,0 +1,142 @@
+import { Directive, TemplateRef, Input, OnDestroy, Component, Output, EventEmitter, ViewContainerRef, Injector, ComponentFactoryResolver, ChangeDetectionStrategy } 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: 'dialog-wrapper',
+  template: ``,
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DialogWrapper<T = any> {
+  viewEmbedded = false;
+  viewContext = {
+    close: () => {},
+  } as DialogViewContext<T>;
+  set template(tmpl: TemplateRef<DialogViewContext<T>>) {
+    if (this.viewEmbedded) {
+      this.vcr.clear();
+    }
+    this.viewEmbedded = 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]', standalone: true }
+) export class DialogDirective<T> implements OnDestroy {
+  @Output() opDialogClosed: EventEmitter<boolean> = new EventEmitter();
+  _dialogConfig: MatDialogConfig<T> = defaultDialogConfig;
+  @Input() opDialogAddDialogClass = 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.opDialogAddDialogClass) {
+      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,61 @@
+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]',
+  standalone: true
+}
+) 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,13 @@
+import { Directive, HostListener } from '@angular/core';
+
+@Directive({
+  selector: 'preventEnter',
+  standalone: true
+})
+export class PreventEnterDirective {
+
+  @HostListener('keydown.enter', ['$event'])
+  onKeyDown() {
+      return false
+  }
+}

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

@@ -0,0 +1,20 @@
+import {Directive, HostListener} from "@angular/core";
+
+@Directive({
+    selector: "[stop-propagation]",
+    standalone: true
+})
+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,39 @@
+import { Directive,  Input, ElementRef, Renderer2 } from '@angular/core';
+import { Dictionary } from '@ngrx/entity';
+
+
+@Directive({
+    selector: '[styler]',
+    standalone: true
+}) export class StylerDirective {
+  stylesApplied : Dictionary<string> = {};
+  @Input() element?: any;
+  @Input() set styler(styles: StylerStyle){
+    const toApply = Object.entries(styles ?? {}).reduce((acc, [key, val]) => {
+      if(typeof(val) === 'string'){
+        acc[key] = val;
+        this.el.nativeElement.style[key] = val;
+      } else if(val?.condition === true || val?.condition(this.element)){
+        const value =  typeof(val.value) === 'string' ? val.value : val?.value(this.element);
+        acc[key] = value;
+        this.el.nativeElement.style[key] = value;
+      }
+      return acc;
+    }, {} as Dictionary<string>);
+
+    Object.keys(this.stylesApplied).filter(key => !Object.keys(toApply).includes(key)).forEach(key => {
+      this.renderer.removeStyle(this.el.nativeElement, key);
+    });
+    this.stylesApplied = toApply;
+  };
+  constructor(private el: ElementRef, private renderer: Renderer2) {
+ }
+}
+
+export type StylerStyle = Dictionary<
+  string
+  |
+  { 
+    condition: ((t:any) => boolean) | true,
+    value: ((t:any) => string) | string
+  }>

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

@@ -0,0 +1,21 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+
+@Directive({
+  selector: 'input[trimWhitespace]',
+  standalone: true
+})
+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,55 @@
+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({
+  exports: [
+    StopPropagationDirective,
+    PreventEnterDirective,
+    SpaceCasePipe,
+    PhoneNumberPipe,
+    FunctionPipe,
+    StopPropagationDirective,
+    TrimWhitespaceDirective,
+    StylerDirective,
+    PreventEnterDirective,
+    AutoFocusDirective,
+    ClickSubjectDirective,
+    ClickEmitterDirective,
+    DialogDirective,
+    MatSlideToggleGroupDirective,
+    ConditionalClassesDirective,
+  ],
+  imports: [
+    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,16 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'func',
+  standalone: true
+})
+export class FunctionPipe implements PipeTransform {
+  transform<T>(func: ( (...args: any[])=> T ) | string, ...args: any[]): T {
+    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', standalone: true})
+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', standalone: true})
+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$": { "alias": "status$"; "required": false; }; }, {}, never, never, true, never>;
-}

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

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "../action-state-spinner/action-state-spinner.component";
-export declare class ActionStateUiModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionStateUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionStateUiModule, never, [typeof i1.ActionStateSpinnerComponent], [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/esm2022/action-state/action-state-spinner/action-state-spinner.component.mjs

@@ -1,24 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { serverStatusTypes } from '../ngrx';
-import { delayOn } from '../../rxjs';
-import { AsyncPipe } from '@angular/common';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/progress-spinner";
-export class ActionStateSpinnerComponent {
-    constructor() {
-        this.serverStatusTypes = serverStatusTypes;
-    }
-    ngOnInit() {
-        this.serverActionStatus$ = this.status$.pipe(delayOn(a => a.status === serverStatusTypes.inProgress, 500));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: ActionStateSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.3", type: ActionStateSpinnerComponent, isStandalone: true, selector: "lib-action-state-spinner", inputs: { status$: "status$" }, ngImport: i0, template: "@if((serverActionStatus$ | async)?.status === serverStatusTypes.inProgress){\r\n  <div id=\"blocker\">\r\n    <mat-spinner class=\"spinner\" [diameter]=\"200\" />\r\n  </div>\r\n}\r\n\r\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: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: ActionStateSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-action-state-spinner', standalone: true, imports: [AsyncPipe, MatProgressSpinnerModule], template: "@if((serverActionStatus$ | async)?.status === serverStatusTypes.inProgress){\r\n  <div id=\"blocker\">\r\n    <mat-spinner class=\"spinner\" [diameter]=\"200\" />\r\n  </div>\r\n}\r\n\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXN0YXRlLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL2FjdGlvbi1zdGF0ZS9hY3Rpb24tc3RhdGUtc3Bpbm5lci9hY3Rpb24tc3RhdGUtc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvYWN0aW9uLXN0YXRlL2FjdGlvbi1zdGF0ZS1zcGlubmVyL2FjdGlvbi1zdGF0ZS1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBZ0IsaUJBQWlCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDMUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQVM5RSxNQUFNLE9BQU8sMkJBQTJCO0lBUHhDO1FBV0Usc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7S0FPdkM7SUFMQyxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUMxQyxPQUFPLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxLQUFLLGlCQUFpQixDQUFDLFVBQVUsRUFBRyxHQUFHLENBQUMsQ0FDL0QsQ0FBQztJQUNKLENBQUM7OEdBVlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsb0hDZHhDLDZMQU1BLHdPRE1ZLFNBQVMsNkNBQUUsd0JBQXdCOzsyRkFFbEMsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUd4QixJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUsd0JBQXdCLENBQUM7OEJBSXJDLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEFjdGlvblN0YXR1cywgc2VydmVyU3RhdHVzVHlwZXMgfSBmcm9tICcuLi9uZ3J4JztcclxuaW1wb3J0IHsgZGVsYXlPbiB9IGZyb20gJy4uLy4uL3J4anMnO1xyXG5pbXBvcnQgeyBBc3luY1BpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFjdGlvbi1zdGF0ZS1zcGlubmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLXN0YXRlLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1zdGF0ZS1zcGlubmVyLmNvbXBvbmVudC5jc3MnXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtBc3luY1BpcGUsIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGlvblN0YXRlU3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHN0YXR1cyQhOiBPYnNlcnZhYmxlPEFjdGlvblN0YXR1cz47XHJcbiAgc2VydmVyQWN0aW9uU3RhdHVzJCE6IE9ic2VydmFibGU8QWN0aW9uU3RhdHVzPjtcclxuICBzZXJ2ZXJTdGF0dXNUeXBlcyA9IHNlcnZlclN0YXR1c1R5cGVzO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc2VydmVyQWN0aW9uU3RhdHVzJCA9IHRoaXMuc3RhdHVzJC5waXBlKFxyXG4gICAgICBkZWxheU9uKCBhID0+IGEuc3RhdHVzID09PSBzZXJ2ZXJTdGF0dXNUeXBlcy5pblByb2dyZXNzICwgNTAwKVxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIiwiQGlmKChzZXJ2ZXJBY3Rpb25TdGF0dXMkIHwgYXN5bmMpPy5zdGF0dXMgPT09IHNlcnZlclN0YXR1c1R5cGVzLmluUHJvZ3Jlc3Mpe1xyXG4gIDxkaXYgaWQ9XCJibG9ja2VyXCI+XHJcbiAgICA8bWF0LXNwaW5uZXIgY2xhc3M9XCJzcGlubmVyXCIgW2RpYW1ldGVyXT1cIjIwMFwiIC8+XHJcbiAgPC9kaXY+XHJcbn1cclxuXHJcbiJdfQ==