@one-paragon/angular-utilities 2.8.4 → 2.8.6

package/src/rxjs/subscriber.directive.ts

@@ -1,57 +0,0 @@
-import { DestroyRef, Directive, Injector, OnDestroy, assertInInjectionContext, inject } from "@angular/core";
-import { Observable, Subscription } from "rxjs";
-
-@Directive()
-export class Subscriber implements OnDestroy{
-  subscriptions: Subscription[] = [];
-  handle = (subscription: Subscription) => {
-    this.subscriptions.push(subscription);
-  }
-  on = <T = any>(obs: Observable<T>, action: (t: T) => any) => {
-    this.handle(obs.subscribe(action));
-  }
-
-  ngOnDestroy() {
-    this.subscriptions.forEach(subscription => {
-      subscription.unsubscribe();
-    });
-  }
-}
-
-export function subscriber(injector: Injector): Subscriber
-export function subscriber(subscription?: Subscription, injector?: Injector): Subscriber
-export function subscriber<T = any>(obs: Observable<T>, action: (t: T) => any, injector?: Injector): Subscriber
-export function subscriber<T = any>(obsOrSubOrInjector?: Observable<T> | Subscription | Injector, actionOrInjector?: ((t: T) => any) | Injector, injector?: Injector): Subscriber {
-
-  const destroyRef = getDestroyRef(obsOrSubOrInjector, actionOrInjector, injector);
-
-  const subscriber = new Subscriber();
-
-  if(obsOrSubOrInjector instanceof Subscription){
-    subscriber.handle(obsOrSubOrInjector);
-  } else if(obsOrSubOrInjector instanceof Observable){
-    subscriber.handle(obsOrSubOrInjector.subscribe(actionOrInjector as (t: T) => any));
-  }
-
-  destroyRef.onDestroy(() => subscriber?.ngOnDestroy());
-
-  return subscriber;
-}
-
-function getDestroyRef(obsOrSubOrInjector: any, actionOrInjector?: any, injector?: Injector){
-  const providedInjector = obsOrSubOrInjector instanceof Injector ? obsOrSubOrInjector
-    : actionOrInjector instanceof Injector ? actionOrInjector
-      : injector;
-
-  if(!providedInjector){
-    try {
-      assertInInjectionContext(subscriber);
-    } catch (error) {
-      throw new Error('createRequestor() must be used in an Injection Context or you must provide an injector to createRequestor()');
-    }
-  }
-
-  const destroyRef = providedInjector?.get(DestroyRef) || inject(DestroyRef);
-
-  return destroyRef;
-}

package/src/specs/clickSubject.spec.ts

@@ -1,99 +0,0 @@
-import { Component } from "@angular/core";
-import { ComponentFixture, fakeAsync, TestBed, waitForAsync } from "@angular/core/testing";
-import { Subject } from "rxjs";
-import { ClickEmitterDirective, ClickSubjectDirective } from "../utilities";
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { MatButtonModule } from "@angular/material/button";
-import { MatButtonHarness } from "@angular/material/button/testing";
-
-@Component({
-  template: `
-     <a mat-button clickEmitter  #subj='clickEmitter' >click me</a>
-     @if (subj | async) {
-       <div>Hello World!</div>
-     }
-     `
-}) export class TestComponent {
-  subject = new Subject();
-}
-
-@Component({
-  template: `
-   <a mat-button [clickSubject]='{content: "Hello World!" }' #subj='clickSubject' >click me</a>
-   @if (subj | async; as o) {
-     <div>{{o.content}}</div>
-   }
-   `
-}) export class TestContentComponent {
-  subject = new Subject();
-}
-
-
-let fixture: ComponentFixture<TestComponent>;
-let loader: HarnessLoader;
-
-const setupTest = (): void => {
-  TestBed.configureTestingModule({
-    imports: [MatButtonModule],
-    declarations: [
-      TestComponent,
-      ClickEmitterDirective,
-    ],
-    providers: []
-  });
-  fixture = TestBed.createComponent(TestComponent);
-  fixture.detectChanges();
-  loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-};
-
-const setupContentTest = (): void => {
-  TestBed.configureTestingModule({
-    imports: [MatButtonModule],
-    declarations: [
-      TestContentComponent,
-      ClickSubjectDirective,
-    ],
-    providers: []
-  });
-  fixture = TestBed.createComponent(TestContentComponent);
-  fixture.detectChanges();
-  loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-};
-
-
-describe("ClickSubjectDirective", () => {
-  describe("Default Subject", () => {
-    beforeEach(waitForAsync(setupTest));
-
-    it('before button is clicked the text should remain hidden', async () => {
-      expect(fixture.nativeElement.textContent).not.toContain('Hello World!');
-    });
-
-    it('when button is clicked the text should display', fakeAsync( async () => {
-      const buttonHarness = await loader.getHarness(MatButtonHarness);
-      await buttonHarness.click();
-      fixture.detectChanges();
-      expect(fixture.nativeElement.textContent).toContain('Hello World!');
-    }));
-
-  });
-
-  describe("Subject with Content", () => {
-    beforeEach(waitForAsync(setupContentTest));
-
-    it('before button is clicked the text should remain hidden', async () => {
-      expect(fixture.nativeElement.textContent).not.toContain('Hello World!');
-    });
-
-    it('when button is clicked the text should display', fakeAsync( async () => {
-      const buttonHarness = await loader.getHarness(MatButtonHarness);
-      await buttonHarness.click();
-      fixture.detectChanges();
-      expect(fixture.nativeElement.textContent).toContain('Hello World!');
-    }));
-  })
-
-});
-
-

package/src/specs/dialog.spec.ts

@@ -1,101 +0,0 @@
-import { Component } from "@angular/core";
-import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from "@angular/core/testing";
-import { MatDialogModule } from "@angular/material/dialog";
-import { Subject } from "rxjs";
-import { DialogDirective, DialogWrapper } from "../utilities";
-import { DialogService } from "../utilities/directives/dialog-service";
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatDialogHarness } from '@angular/material/dialog/testing';
-import { NoopAnimationsModule } from "@angular/platform-browser/animations";
-import { HarnessLoader } from '@angular/cdk/testing';
-import { MatButtonModule } from "@angular/material/button";
-import { MatButtonHarness } from "@angular/material/button/testing";
-
-@Component({
-  template: `
-    <ng-container *opDialog='subject; let text; let close = close'>
-      If you see this text, I'm open {{text}}
-      <button mat-button (click)='close()' >close</button>
-    </ng-container>
-    `
-}) export class TestComponent {
-  subject = new Subject();
-}
-
-
-describe("DialogDirective", () => {
-
-  let fixture: ComponentFixture<TestComponent>;
-  let loader: HarnessLoader;
-
-  beforeEach(
-    waitForAsync(async () => {
-      await TestBed.configureTestingModule({
-        imports: [MatDialogModule, NoopAnimationsModule, MatButtonModule],
-        declarations: [
-          TestComponent,
-          DialogDirective,
-          DialogWrapper,
-        ],
-        providers: [DialogService]
-      }).compileComponents();
-      fixture = TestBed.createComponent(TestComponent);
-      fixture.detectChanges();
-      loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-    }),
-  );
-
-  it('before observable emits the dialog should remain closed', async () => {
-    expect(fixture.nativeElement.textContent).not.toContain('If you see this text, I\'m open');
-  });
-
-  it('when observable emits the dialog should be open', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('If you see this text, I\'m open');
-  }));
-
-  it('when observable emits false the dialog should close', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    let dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(1);
-    fixture.componentInstance.subject.next(false);
-    fixture.detectChanges();
-    dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(0);
-  }));
-
-  it('when close is clicked the dialog should close', fakeAsync( async () => {
-    fixture.componentInstance.subject.next(true);
-    fixture.detectChanges();
-    let dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(1);
-    let buttonHarness = await dialogHarness[0].getHarness(MatButtonHarness);
-    await buttonHarness.click();
-    fixture.detectChanges();
-    dialogHarness = await loader.getAllHarnesses(MatDialogHarness);
-    expect(dialogHarness.length).toBe(0);
-  }));
-
-  it('when observable emits the template should have access to the emitted data', fakeAsync( async () => {
-    fixture.componentInstance.subject.next('Text #1');
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('Text #1');
-  }));
-
-  it('when observable emits a 2nd time the template should have access to the new data', fakeAsync( async () => {
-    fixture.componentInstance.subject.next('Text #1');
-    fixture.detectChanges();
-    const dialogHarness = await loader.getHarness(MatDialogHarness);
-    expect(await dialogHarness.getText()).toContain('Text #1');
-    fixture.componentInstance.subject.next('Text #2');
-    fixture.detectChanges();
-    expect(await dialogHarness.getText()).toContain('Text #2');
-  }));
-
-});
-
-

package/src/specs/toggleGroupDirective.spec.ts

@@ -1,229 +0,0 @@
-import { Component, DebugElement } from "@angular/core";
-import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
-import { MatSlideToggle, MatSlideToggleModule } from "@angular/material/slide-toggle";
-import { MatSlideToggleGroupDirective } from "../utilities/directives/mat-toggle-group-directive";
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatSlideToggleHarness } from '@angular/material/slide-toggle/testing';
-import { By } from "@angular/platform-browser";
-import { count, firstValueFrom, lastValueFrom, skip, Subject, takeUntil } from "rxjs";
-
-abstract class ToggleTestComponent {
-
-}
-
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup >
-    <mat-slide-toggle name='toggle1' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class SingleToggleTestComponent extends ToggleTestComponent {
-
-}
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup [allowMultiple]='true' >
-    <mat-slide-toggle name='toggle1'  > Slide me! </mat-slide-toggle>
-    <mat-slide-toggle name='toggle2' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class MultiToggleWithMultipleTestComponent extends ToggleTestComponent {
-
-}
-
-@Component({
-  template: `
-  <ng-container opMatSlideToggleGroup  >
-    <mat-slide-toggle name='toggle1'  > Slide me! </mat-slide-toggle>
-    <mat-slide-toggle name='toggle2' > Slide me! </mat-slide-toggle>
-  </ng-container>
-  `
-}) export class MultiToggleTestComponent extends ToggleTestComponent {
-
-}
-
-
-let fixture: ComponentFixture<ToggleTestComponent>;
-let loader: HarnessLoader;
-let toggleHarnesses: MatSlideToggleHarness [];
-let toggleGroupDirective: MatSlideToggleGroupDirective;
-
-let toggles: DebugElement[];
-
-
-const setupTest = (type) => async (): Promise<void> => {
-
-  TestBed.configureTestingModule({
-    imports: [MatSlideToggleModule],
-    declarations: [
-      type,
-      MatSlideToggleGroupDirective,
-    ],
-    providers: []
-  });
-  fixture = TestBed.createComponent(type);
-  fixture.detectChanges();
-
-  loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
-  toggleHarnesses = await loader.getAllHarnesses(MatSlideToggleHarness);
-  toggles = fixture.debugElement.queryAll(By.directive(MatSlideToggle));
-  toggleGroupDirective = toggles[0].injector.get(MatSlideToggleGroupDirective);
-
-
-};
-
-
-async function toggleAndReturnValues(index: number) {
-  const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter.pipe(skip(1)));
-  await toggleHarnesses[index].toggle();
-  return await firstVal;
-}
-
-describe("opMatSlideToggleGroup", () => {
-  describe("Single Toggle", () => {
-    beforeEach(waitForAsync(setupTest(SingleToggleTestComponent)));
-
-    it('should create', async () => {
-      expect(toggleGroupDirective).toBeDefined();
-    })
-
-    it('starts with an initial value', async () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({ 'toggle1': false });
-    });
-
-    it('when toggling on should emit the latest value as true', async () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true });
-    });
-
-    it('can toggle on and then off', async () => {
-
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true });
-      const val2 = await toggleAndReturnValues(0);
-      expect(val2).toEqual({ 'toggle1': false });
-    });
-  });
-
-  describe("Multi Toggle", () => {
-    beforeEach(waitForAsync(setupTest(MultiToggleWithMultipleTestComponent)));
-
-    it('starts with an initial value', async () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': false });
-    });
-
-    it('can toggle first toggle', async () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-    });
-
-    it('can toggle second toggle', async () => {
-      const val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-    });
-
-    it('can toggle both toggles', async () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-
-      const val2 = await toggleAndReturnValues(1);
-      expect(val2).toEqual({ 'toggle1': true, 'toggle2': true });
-    });
-
-    it('can toggle both toggles multiple times', async () => {
-      let val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': true });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': true });
-
-      val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': false });
-    });
-
-  });
-
-  describe("Multi Toggle Only One Allowed", () => {
-    beforeEach(waitForAsync(setupTest(MultiToggleTestComponent)));
-
-    it('starts with an initial value', async () => {
-      const firstVal = firstValueFrom(toggleGroupDirective.valueEmitter);
-      const val = await firstVal;
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': false });
-    });
-
-    it('can toggle first toggle', async () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-    });
-
-    it('can toggle second toggle', async () => {
-      const val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-    });
-
-    it('when toggle both toggles only the last one remains set', async () => {
-      const val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-
-      const val2 = await toggleAndReturnValues(1);
-      expect(val2).toEqual({ 'toggle1': false, 'toggle2': true });
-
-      var toggle1Value = await toggleHarnesses[0].isChecked();
-
-      expect(toggle1Value).toBeFalse();
-    });
-
-    it('can toggle both toggles multiple times and only the last one will be set', async () => {
-      let val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': false });
-
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-
-      val = await toggleAndReturnValues(0);
-      expect(val).toEqual({ 'toggle1': true, 'toggle2': false });
-      val = await toggleAndReturnValues(1);
-      expect(val).toEqual({ 'toggle1': false, 'toggle2': true });
-    });
-
-    it('can toggle 2nd toggle doesnt emit an extra time', async () => {
-      const end = new Subject();
-      const total = lastValueFrom( toggleGroupDirective.valueEmitter.pipe(
-        takeUntil(end),
-        count( (a, i) => true ),
-      ));
-
-      await toggleHarnesses[0].toggle();
-      await toggleHarnesses[1].toggle();
-
-      end.next(null);
-      const result = await total;
-
-      expect(result).toEqual(3);
-    });
-
-  });
-
-});

package/src/table-builder/classes/DefaultSettings.ts

@@ -1,11 +0,0 @@
-import { ArrayStyle } from '../interfaces/meta-data';
-
-export interface DefaultSettings {
-  dateFormat?: string;
-  dateTimeFormat?: string;
-}
-
-export const ArrayDefaults = {
-  limit: 3,
-  arrayStyle: ArrayStyle.CommaDelimited
-}

package/src/table-builder/classes/MatTableObservableDataSource.ts

@@ -1,23 +0,0 @@
-import { MatTableDataSource } from '@angular/material/table';
-import { Observable, Subscription } from 'rxjs';
-
-export class MatTableObservableDataSource<T> extends MatTableDataSource<T> {
-  subscription?: Subscription;
-  constructor(private dataSrc: Observable<T[]>) {
-    super([]);
-  }
-
-  connect() {
-    if(!this.subscription) {
-      this.subscription = this.dataSrc.subscribe( data => this.data = data );
-    }
-    return super.connect();
-  }
-  disconnect() {
-    if(this.subscription) {
-      this.subscription.unsubscribe();
-      this.subscription = undefined;
-    }
-    super.disconnect();
-  }
-}

package/src/table-builder/classes/TableBuilderConfig.ts

@@ -1,49 +0,0 @@
-import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';
-import { ArrayDefaults, DefaultSettings } from './DefaultSettings';
-import { ArrayAdditional, FieldType } from '../interfaces/meta-data';
-import { MultiSortDirective } from '../directives';
-import { PhoneNumberPipe } from '../../utilities/pipes/phone.pipe';
-import { CurrencyPipe, DatePipe } from '@angular/common';
-import { SpaceCasePipe } from '../../utilities/pipes/space-case.pipes';
-import { TableBuilderSettings } from './table-builder-general-settings';
-export interface TableBuilderConfig {
-  defaultTableSettings: Partial<Omit<TableBuilderSettings, 'injector' >> & { pageSize?: number };
-  dateFormats?: DefaultSettings;
-  arrayDefaults?: ArrayAdditional;
-  transformers?: Partial<{ [key in keyof typeof FieldType]: (val: any) => any }>
-}
-
-const defaultConfig: TableBuilderConfig = {
-  defaultTableSettings: {
-    pageSize: 10
-  },
-  arrayDefaults: ArrayDefaults
-}
-
-export interface TableBuilderExport {
-  dateFormat?: string;
-  dateTimeFormat?: string;
-  prepend? : string;
-  mapEnumToString?: boolean;
-  /**
-   * defaults to 'as view'
-   */
-  mapLink?: 'as link' | 'as view' | 'add link' | 'as excel' | 'add excel';
-  /**
-   * used with `mapLink` = `'as link'` or `'add link'` to add a domain prefix to the link
-   */
-  linkDomainPrefix?: string;
-}
-
-export const TableBuilderConfigToken = new InjectionToken<TableBuilderConfig>('TableBuilderConfig');
-
-export function provideTableBuilder(config?: TableBuilderConfig) : EnvironmentProviders {
-  return makeEnvironmentProviders([
-    MultiSortDirective,
-    SpaceCasePipe,
-    DatePipe,
-    CurrencyPipe,
-    PhoneNumberPipe,
-    { provide: TableBuilderConfigToken, useValue: config || defaultConfig }
-  ])
-}

package/src/table-builder/classes/TableBuilderDataSource.ts

@@ -1,64 +0,0 @@
-import { MatTableDataSource } from '@angular/material/table';
-import { Subscription } from 'rxjs';
-import { TableStore } from './table-store';
-import { DataStore } from './data-store';
-import { computed, effect, signal, Signal, untracked } from '@angular/core';
-
-export class TableBuilderDataSource<T> extends MatTableDataSource<T> {
-  subscription?: Subscription;
-  #$dataSrc = signal<T[]>([]);
-  $dataSize: Signal<{ start: number, end: number }> = signal({ start: 0, end: 0 }, {
-    equal: (a, b) => a.start === b.start && a.end === b.end
-  });
-  _ = effect(() => {
-    const data = this.#$dataSrc();
-    const dataSize = this.$dataSize();
-    untracked(() => this.data = data.slice(dataSize.start, dataSize.end));
-  });
-  setData(data: T[]) {
-    this.#$dataSrc.set(data);
-  }
-  constructor(
-    state: TableStore,
-    data: DataStore,
-  ) {
-    super([]);
-
-    const $currentPage = state.$currentPage;
-    const $pageSize = state.$pageSize;
-    const $virtualEnds = data.selectSignal(d => d.virtualEnds);
-
-    const $dataLength = computed(() => this.#$dataSrc().length);
-
-    this.$dataSize = computed(() => {
-      const viewType = state.$viewType();
-      const dataLength = $dataLength();
-      const currentPage = $currentPage();
-      const pageSize = $pageSize();
-      const virtualEnds = $virtualEnds();
-      const previousPageRecords = currentPage * pageSize;
-      if(viewType === 'virtual paginator'){
-        return ({ start: virtualEnds.start + previousPageRecords, end: Math.min(virtualEnds.end, pageSize) + previousPageRecords });
-      }
-      if(viewType === 'paginator'){
-        return ({ start: previousPageRecords, end: previousPageRecords + pageSize });
-      }
-      if(viewType === 'all'){
-        return ({ start: 0, end: dataLength });
-      }
-      return ({ start: virtualEnds.start, end: virtualEnds.end });
-    });
-  }
-
-
-  connect() {
-    return super.connect();
-  }
-  disconnect() {
-    if(this.subscription) {
-      this.subscription.unsubscribe();
-      this.subscription = undefined;
-    }
-    super.disconnect();
-  }
-}