ngx-beacon-notify 1.0.0 → 1.2.0

package/container/container.component.ts

@@ -1,62 +0,0 @@
-import { Component, Input, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
-import { BeaconNotifyService } from '../beacon-notify.service';
-import { IBeaconConfig, IBeaconEventMessage } from '../types';
-
-@Component({
-  selector: 'ngx-beacon-notify',
-  templateUrl: './container.component.html',
-  styleUrls: ['./container.component.css']
-})
-export class BeaconNotifyContainerComponent implements AfterViewInit {
-  @ViewChild('beaconContainer', { static: false }) set content(content: ElementRef) {
-    content && this.resolveBeaconContainer(content)
-  }
-  beaconLibrary!: Array<IBeaconConfig>
-
-  constructor(private beaconService: BeaconNotifyService){
-    this.beaconLibrary = this.beaconService.beaconLibrary
-  }
-
-  ngOnInit(): void {
-    // Listen for delete event
-    this.beaconService.beaconEventTaskMaster.subscribe((message: IBeaconEventMessage) => {
-      if (message.delete)
-        this.beaconLibrary = this.beaconService.beaconLibrary = this.beaconService.beaconLibrary.filter(x => x.bid != message.id)
-    })
-  }
-
-  ngAfterViewInit(): void {}
-
-  // Resolve beacon container
-  resolveBeaconContainer(content: ElementRef): void {
-    this.beaconService.setBeaconContainer(content)
-
-    // Resolve position
-    const position = this.beaconService.getBeaconGlobalPositionConfig
-    // Resolve ltr
-    if (position?.leftRight) {
-      if(position?.leftRight == 'left') {
-        content.nativeElement.style.left = 0
-        content.nativeElement.style.right = 'auto'
-      } else {
-        content.nativeElement.style.left = 'auto'
-        content.nativeElement.style.right = 0
-      }
-    }
-    // Resolve ttb
-    if (position?.topBottom) {
-      if(position?.topBottom == 'top') {
-        content.nativeElement.style.top = 0
-        content.nativeElement.style.bottom = 'auto'
-      } else {
-        content.nativeElement.style.top = 'auto'
-        content.nativeElement.style.bottom = 0
-      }
-    }
-  }
-
-  // Track-by function
-  trackBy(idx: number, item: { bid: string }): string {
-    return item.bid;
-  }
-}

package/icons/beacon-icon-alert/beacon-icon-alert.component.css

@@ -1,6 +0,0 @@
-svg {
-	width: 20px !important;
-	height: 20px !important;
-	margin-right: 7px !important;
-	margin-top: -2px;
-}

package/icons/beacon-icon-alert/beacon-icon-alert.component.html

@@ -1,10 +0,0 @@
-<svg fill="currentColor" viewBox="0 0 48 48" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg">
-  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
-  <g id="SVGRepo_iconCarrier">
-    <title></title>
-    <path
-      d="M40.62,28.34l-.87-.7A2,2,0,0,1,39,26.08V18A15,15,0,0,0,26.91,3.29a3,3,0,0,0-5.81,0A15,15,0,0,0,9,18v8.08a2,2,0,0,1-.75,1.56l-.87.7a9,9,0,0,0-3.38,7V37a4,4,0,0,0,4,4h8.26a8,8,0,0,0,15.47,0H40a4,4,0,0,0,4-4V35.36A9,9,0,0,0,40.62,28.34ZM24,43a4,4,0,0,1-3.44-2h6.89A4,4,0,0,1,24,43Zm16-6H8V35.36a5,5,0,0,1,1.88-3.9l.87-.7A6,6,0,0,0,13,26.08V18a11,11,0,0,1,22,0v8.08a6,6,0,0,0,2.25,4.69l.87.7A5,5,0,0,1,40,35.36Z"
-    ></path>
-  </g>
-</svg>

package/icons/beacon-icon-alert/beacon-icon-alert.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BeaconIconAlertComponent } from './beacon-icon-alert.component';
-
-describe('BeaconIconAlertComponent', () => {
-  let component: BeaconIconAlertComponent;
-  let fixture: ComponentFixture<BeaconIconAlertComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BeaconIconAlertComponent]
-    });
-    fixture = TestBed.createComponent(BeaconIconAlertComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/icons/beacon-icon-alert/beacon-icon-alert.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-beacon-icon-alert',
-  templateUrl: './beacon-icon-alert.component.html',
-  styleUrls: ['./beacon-icon-alert.component.css']
-})
-export class BeaconIconAlertComponent {
-
-}

package/icons/beacon-icon-error/beacon-icon-error.component.css

@@ -1,6 +0,0 @@
-svg {
-	width: 22px !important;
-	height: 22px !important;
-	margin-right: 7px !important;
-	margin-top: -2px;
-}

package/icons/beacon-icon-error/beacon-icon-error.component.html

@@ -1,13 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
-  <g id="SVGRepo_iconCarrier">
-    <path
-      d="M11.3586 20.6831C11.5639 20.7901 11.6666 20.8436 11.809 20.8713C11.92 20.8929 12.08 20.8929 12.191 20.8713C12.3334 20.8436 12.4361 20.7901 12.6414 20.6831C14.54 19.6939 20 16.4612 20 12.0001V8.21772C20 7.4182 20 7.01845 19.8692 6.67482C19.7537 6.37126 19.566 6.10039 19.3223 5.88564C19.0465 5.64255 18.6722 5.50219 17.9236 5.22146L12.5618 3.21079C12.3539 3.13283 12.25 3.09385 12.143 3.07839C12.0482 3.06469 11.9518 3.06469 11.857 3.07839C11.75 3.09385 11.6461 3.13283 11.4382 3.21079L6.0764 5.22146C5.3278 5.50219 4.9535 5.64255 4.67766 5.88564C4.43398 6.10039 4.24627 6.37126 4.13076 6.67482C4 7.01845 4 7.4182 4 8.21772V12.0001C4 16.4612 9.45996 19.6939 11.3586 20.6831Z"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    ></path>
-  </g>
-</svg>

package/icons/beacon-icon-error/beacon-icon-error.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BeaconIconErrorComponent } from './beacon-icon-error.component';
-
-describe('BeaconIconErrorComponent', () => {
-  let component: BeaconIconErrorComponent;
-  let fixture: ComponentFixture<BeaconIconErrorComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BeaconIconErrorComponent]
-    });
-    fixture = TestBed.createComponent(BeaconIconErrorComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/icons/beacon-icon-error/beacon-icon-error.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-beacon-icon-error',
-  templateUrl: './beacon-icon-error.component.html',
-  styleUrls: ['./beacon-icon-error.component.css']
-})
-export class BeaconIconErrorComponent {
-
-}

package/icons/beacon-icon-info/beacon-icon-info.component.css

@@ -1,6 +0,0 @@
-svg {
-	width: 22px !important;
-	height: 22px !important;
-	margin-right: 7px !important;
-	margin-top: -2px;
-}

package/icons/beacon-icon-info/beacon-icon-info.component.html

@@ -1,14 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
-  <g id="SVGRepo_iconCarrier">
-    <path
-      d="M10 22H14M5 9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9C19 11.3787 17.8135 13.4694 16 14.7344L15.4582 17.3004C15.3097 18.2778 14.4695 19 13.4809 19H10.5191C9.53052 19 8.69027 18.2778 8.54177 17.3004L8 14.7453C6.18652 13.4804 5 11.3787 5 9Z"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    ></path>
-    <path d="M8 15H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-  </g>
-</svg>

package/icons/beacon-icon-info/beacon-icon-info.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BeaconIconInfoComponent } from './beacon-icon-info.component';
-
-describe('BeaconIconInfoComponent', () => {
-  let component: BeaconIconInfoComponent;
-  let fixture: ComponentFixture<BeaconIconInfoComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BeaconIconInfoComponent]
-    });
-    fixture = TestBed.createComponent(BeaconIconInfoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/icons/beacon-icon-info/beacon-icon-info.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-beacon-icon-info',
-  templateUrl: './beacon-icon-info.component.html',
-  styleUrls: ['./beacon-icon-info.component.css']
-})
-export class BeaconIconInfoComponent {
-
-}

package/icons/beacon-icon-success/beacon-icon-success.component.css

@@ -1,6 +0,0 @@
-svg {
-	width: 22px !important;
-	height: 22px !important;
-	margin-right: 7px !important;
-	margin-top: -2px;
-}

package/icons/beacon-icon-success/beacon-icon-success.component.html

@@ -1,13 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
-  <g id="SVGRepo_iconCarrier">
-    <path
-      d="M8.5 12.5L10.0089 14.0089C10.3526 14.3526 10.5245 14.5245 10.7198 14.5822C10.8914 14.6328 11.0749 14.6245 11.2412 14.5585C11.4305 14.4834 11.5861 14.2967 11.8973 13.9232L16 9M16.3287 4.75855C17.0676 4.77963 17.8001 5.07212 18.364 5.636C18.9278 6.19989 19.2203 6.9324 19.2414 7.67121C19.2623 8.40232 19.2727 8.76787 19.2942 8.85296C19.3401 9.0351 19.2867 8.90625 19.383 9.06752C19.428 9.14286 19.6792 9.40876 20.1814 9.94045C20.6889 10.4778 21 11.2026 21 12C21 12.7974 20.6889 13.5222 20.1814 14.0595C19.6792 14.5912 19.428 14.8571 19.383 14.9325C19.2867 15.0937 19.3401 14.9649 19.2942 15.147C19.2727 15.2321 19.2623 15.5977 19.2414 16.3288C19.2203 17.0676 18.9278 17.8001 18.364 18.364C17.8001 18.9279 17.0676 19.2204 16.3287 19.2414C15.5976 19.2623 15.2321 19.2727 15.147 19.2942C14.9649 19.3401 15.0937 19.2868 14.9325 19.3831C14.8571 19.4281 14.5912 19.6792 14.0595 20.1814C13.5222 20.6889 12.7974 21 12 21C11.2026 21 10.4778 20.6889 9.94047 20.1814C9.40874 19.6792 9.14287 19.4281 9.06753 19.3831C8.90626 19.2868 9.0351 19.3401 8.85296 19.2942C8.76788 19.2727 8.40225 19.2623 7.67121 19.2414C6.93238 19.2204 6.19986 18.9279 5.63597 18.364C5.07207 17.8001 4.77959 17.0676 4.75852 16.3287C4.73766 15.5976 4.72724 15.2321 4.70578 15.147C4.65985 14.9649 4.71322 15.0937 4.61691 14.9324C4.57192 14.8571 4.32082 14.5912 3.81862 14.0595C3.31113 13.5222 3 12.7974 3 12C3 11.2026 3.31113 10.4778 3.81862 9.94048C4.32082 9.40876 4.57192 9.14289 4.61691 9.06755C4.71322 8.90628 4.65985 9.03512 4.70578 8.85299C4.72724 8.7679 4.73766 8.40235 4.75852 7.67126C4.77959 6.93243 5.07207 6.1999 5.63597 5.636C6.19986 5.07211 6.93238 4.77963 7.67121 4.75855C8.40232 4.73769 8.76788 4.72727 8.85296 4.70581C9.0351 4.65988 8.90626 4.71325 9.06753 4.61694C9.14287 4.57195 9.40876 4.32082 9.94047 3.81863C10.4778 3.31113 11.2026 3 12 3C12.7974 3 13.5222 3.31114 14.0595 3.81864C14.5913 4.32084 14.8571 4.57194 14.9325 4.61693C15.0937 4.71324 14.9649 4.65988 15.147 4.70581C15.2321 4.72726 15.5976 4.73769 16.3287 4.75855Z"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    ></path>
-  </g>
-</svg>

package/icons/beacon-icon-success/beacon-icon-success.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BeaconIconSuccessComponent } from './beacon-icon-success.component';
-
-describe('BeaconIconSuccessComponent', () => {
-  let component: BeaconIconSuccessComponent;
-  let fixture: ComponentFixture<BeaconIconSuccessComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BeaconIconSuccessComponent]
-    });
-    fixture = TestBed.createComponent(BeaconIconSuccessComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/icons/beacon-icon-success/beacon-icon-success.component.ts

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-beacon-icon-success',
-  templateUrl: './beacon-icon-success.component.html',
-  styleUrls: ['./beacon-icon-success.component.css']
-})
-export class BeaconIconSuccessComponent {
-}

package/icons/beacon-icon-warning/beacon-icon-warning.component.css

@@ -1,6 +0,0 @@
-svg {
-	width: 22px !important;
-	height: 22px !important;
-	margin-right: 7px !important;
-	margin-top: -2px;
-}

package/icons/beacon-icon-warning/beacon-icon-warning.component.html

@@ -1,15 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
-  <g id="SVGRepo_iconCarrier">
-    <path d="M12 7.75V13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-    <path
-      d="M21.08 8.58003V15.42C21.08 16.54 20.48 17.58 19.51 18.15L13.57 21.58C12.6 22.14 11.4 22.14 10.42 21.58L4.47998 18.15C3.50998 17.59 2.90997 16.55 2.90997 15.42V8.58003C2.90997 7.46003 3.50998 6.41999 4.47998 5.84999L10.42 2.42C11.39 1.86 12.59 1.86 13.57 2.42L19.51 5.84999C20.48 6.41999 21.08 7.45003 21.08 8.58003Z"
-      stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    ></path>
-    <path d="M12 16.2V16.2999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-  </g>
-</svg>

package/icons/beacon-icon-warning/beacon-icon-warning.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BeaconIconWarningComponent } from './beacon-icon-warning.component';
-
-describe('BeaconIconWarningComponent', () => {
-  let component: BeaconIconWarningComponent;
-  let fixture: ComponentFixture<BeaconIconWarningComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [BeaconIconWarningComponent]
-    });
-    fixture = TestBed.createComponent(BeaconIconWarningComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/icons/beacon-icon-warning/beacon-icon-warning.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-beacon-icon-warning',
-  templateUrl: './beacon-icon-warning.component.html',
-  styleUrls: ['./beacon-icon-warning.component.css']
-})
-export class BeaconIconWarningComponent {
-
-}

package/index.ts

@@ -1,2 +0,0 @@
-export * from './beacon-notify.module'
-export * from './beacon-notify.service'

package/pipes/beacon-type-resolve.pipe.spec.ts

@@ -1,8 +0,0 @@
-import { BeaconTypeResolvePipe } from './beacon-type-resolve.pipe';
-
-describe('BeaconTypeResolvePipe', () => {
-  it('create an instance', () => {
-    const pipe = new BeaconTypeResolvePipe();
-    expect(pipe).toBeTruthy();
-  });
-});

package/pipes/beacon-type-resolve.pipe.ts

@@ -1,33 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { BeaconNotifyService } from '../';
-
-@Pipe({
-  name: 'beaconTypeResolve'
-})
-export class BeaconTypeResolvePipe implements PipeTransform {
-  constructor(private beaconService: BeaconNotifyService){}
-
-  transform(value: string, ...args: string[]): boolean {
-    let status: boolean = false
-    switch (args[0]) {
-      case 'alert':
-        status = value == this.beaconService.getBeaconDefaultIconKeys[0]
-        break
-      case 'error':
-        status = value == this.beaconService.getBeaconDefaultIconKeys[1]
-        break
-      case 'info':
-        status = value == this.beaconService.getBeaconDefaultIconKeys[2]
-        break
-      case 'success':
-        status = value == this.beaconService.getBeaconDefaultIconKeys[3]
-        break
-      case 'warning':
-        status = value == this.beaconService.getBeaconDefaultIconKeys[4]
-        break
-    }
-
-    return status
-  }
-
-}

package/types/constants/index.ts

@@ -1,8 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { IBeaconGlobalConfig } from '../interfaces';
-
-export const BEACON_GLOBAL_CONFIG = new InjectionToken<IBeaconGlobalConfig>('IBeaconGlobalConfig')
-
-export const BEACON_OVERLAY_COLOR = '#000000DD'
-
-export const BEACON_OVERLAY_ID = 'beacon-notify-focus-overlay_x'

package/types/index.ts

@@ -1,3 +0,0 @@
-export * from './interfaces/'
-export * from './constants/'
-

package/types/interfaces/index.ts

@@ -1,110 +0,0 @@
-export interface IBeaconType {
-  alert?: string
-  error?: string
-  info?: string
-  success?: string
-  warning?: string
-}
-
-export interface IBeaconIconConfig {
-  icon?: string
-  fontIcon?: true
-}
-
-export interface IBeaconTypeIcon {
-  alert?: IBeaconIconConfig
-  error?: IBeaconIconConfig
-  info?: IBeaconIconConfig
-  success?: IBeaconIconConfig
-  warning?: IBeaconIconConfig
-}
-
-export interface IBeaconPositionConfig {
-  leftRight?: 'left' | 'right'
-  topBottom?: 'top' | 'bottom'
-}
-
-export interface IBeaconConfig {
-  bid: string
-  mid?: string
-  type: string
-  icon: string
-  svgIcon?: any
-  fontIcon?: true,
-  title: string
-  body: string
-  bodyHtml: any
-  signature?: string
-  static?: true | number
-  fixed?: true
-  focus?: true
-  shine?: true
-  preventClickClose?: true
-  blockOthers?: true
-  duplicate?: true
-  styleClass?: string
-  replacementClass?: string
-  animationClass?: string
-  buttons?: IBeaconButtonType
-  overlayColor?: string
-  noHoverEffect?: true
-}
-
-export interface IBeaconInlineConfig {
-  static?: true | number
-  fixed?: true
-  focus?: true
-  shine?: true
-  preventClickClose?: true
-  blockOthers?: true
-  duplicate?: true
-  icon?: string
-  fontIcon?: true
-  styleClass?: string
-  replacementClass?: string
-  animationClass?: string
-  overlayColor?: string
-  noHoverEffect?: true
-}
-
-export interface IBeaconGlobalConfig {
-  static?: true | number
-  fixed?: true
-  preventClickClose?: true
-  blockOthers?: true
-  overlayColor?: string
-  duplicate?: true
-  icon?: IBeaconTypeIcon
-  styleClass?: IBeaconType
-  replacementClass?: IBeaconType
-  animationClass?: IBeaconType
-  position?: IBeaconPositionConfig
-  noHoverEffect?: true
-}
-
-export interface IBeaconEvent {
-  on: boolean
-  off: boolean
-}
-
-export interface IBeaconWatchedEvent extends IBeaconEvent {
-  id: string | null
-  type: string
-}
-
-export interface IBeaconEventMessage {
-  [key: string]: string | boolean
-}
-
-export interface IBeaconButtonType {
-  one?: IBeaconButtonConfig
-  two?: IBeaconButtonConfig
-}
-
-export interface IBeaconButtonConfig {
-  text: string
-  canDismiss?: boolean | null
-  callback?: any
-  callbackArgs?: any[] | null
-  position?: string
-}