ato-water-lib 0.0.34 → 0.0.37

package/src/lib/directive/ato-loading.directive.ts

@@ -1,55 +0,0 @@
-import { Directive, ElementRef, Renderer2, Input, OnChanges, SimpleChanges } from '@angular/core';
-
-@Directive({
-  selector: '[atoLoading]'
-})
-export class AtoLoadingDirective implements OnChanges {
-
-  @Input() appLoading: boolean;
-
-  private spinnerWrapper: HTMLElement;
-
-  constructor(private el: ElementRef, private renderer: Renderer2) {
-    this.spinnerWrapper = this.renderer.createElement('div');
-    this.renderer.setStyle(this.spinnerWrapper, 'position', 'absolute');
-    this.renderer.setStyle(this.spinnerWrapper, 'top', '0');
-    this.renderer.setStyle(this.spinnerWrapper, 'left', '0');
-    this.renderer.setStyle(this.spinnerWrapper, 'width', '100%');
-    this.renderer.setStyle(this.spinnerWrapper, 'height', '100%');
-    this.renderer.setStyle(this.spinnerWrapper, 'display', 'flex');
-    this.renderer.setStyle(this.spinnerWrapper, 'align-items', 'center');
-    this.renderer.setStyle(this.spinnerWrapper, 'justify-content', 'center');
-    this.renderer.setStyle(this.spinnerWrapper, 'background', 'rgba(255, 255, 255, 0.7)');
-    this.renderer.setStyle(this.spinnerWrapper, 'z-index', '10');
-
-    const spinner = this.renderer.createElement('img');
-    this.renderer.setAttribute(spinner, 'src', 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiByZ2IoMjU1LCAyNTUsIDI1NSk7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyIgd2lkdGg9Ijg4cHgiIGhlaWdodD0iODhweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGRlZnMgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+CiAgPG1hc2sgaWQ9ImxkaW8tdmN5YjQ1YmFvdWstbWFzayIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0id2hpdGUiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvcmVjdD4KICA8L21hc2s+CjwvZGVmcz4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9IiM1Y2FhZWEiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvcmVjdD4KPGcgbWFzaz0idXJsKCNsZGlvLXZjeWI0NWJhb3VrLW1hc2spIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij4KICA8cmVjdCB4PSItMTAwIiB5PSItMjUwIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgcng9IjkwIiByeT0iOTAiIGZpbGw9IiM4MmNlZmYiIG9wYWNpdHk9IjAuNCIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMCA1MCAtMTAwOzkwIDUwIC0xMDAiIGtleVRpbWVzPSIwOzEiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KICA8L3JlY3Q+CgogIDxyZWN0IHg9Ii0xMDAiIHk9Ii0yNjAiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiByeD0iOTUiIHJ5PSI5NSIgZmlsbD0iI2E1ZGNmZiIgb3BhY2l0eT0iMC40IiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBkdXI9IjEuNTE1MTUxNTE1MTUxNTE1MXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjAgNTAgLTExMDs5MCA1MCAtMTEwIiBrZXlUaW1lcz0iMDsxIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPC9yZWN0PgoKICA8cmVjdCB4PSItMTAwIiB5PSItMjcwIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgcng9IjEwMCIgcnk9IjEwMCIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC40IiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBkdXI9IjMuMDMwMzAzMDMwMzAzMDMwM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjAgNTAgLTEyMDs5MCA1MCAtMTIwIiBrZXlUaW1lcz0iMDsxIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPC9yZWN0PgoKPC9nPgo8IS0tIFtsZGlvXSBnZW5lcmF0ZWQgYnkgaHR0cHM6Ly9sb2FkaW5nLmlvLyAtLT48L3N2Zz4=');
-    this.renderer.setStyle(spinner, 'width', '30px');
-    this.renderer.setStyle(spinner, 'height', '30px');
-    this.renderer.setStyle(spinner, 'border-radius', '50%');
-
-    this.renderer.appendChild(this.spinnerWrapper, spinner);
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes['appLoading']) {
-      if (this.appLoading) {
-        this.showSpinner();
-      } else {
-        this.hideSpinner();
-      }
-    }
-  }
-
-  private showSpinner(): void {
-    this.renderer.setStyle(this.el.nativeElement, 'position', 'relative');
-    this.renderer.appendChild(this.el.nativeElement, this.spinnerWrapper);
-  }
-
-  private hideSpinner(): void {
-    if (this.el.nativeElement.contains(this.spinnerWrapper)) {
-      this.renderer.removeChild(this.el.nativeElement, this.spinnerWrapper);
-    }
-  }
-
-}

package/src/lib/directive/ng-var.directive.ts

@@ -1,28 +0,0 @@
-import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
-
-@Directive({
-  selector: '[ngAtoVar]',
-})
-export class AtoNgVarDirective {
-  @Input()
-  set ngAtoVar(context: unknown) {
-      this.context.$implicit = this.context.ngAtoVar = context;
-
-      if (!this.hasView) {
-          this.vcRef.createEmbeddedView(this.templateRef, this.context);
-          this.hasView = true;
-      }
-  }
-
-  private context: {
-      $implicit: unknown;
-      ngAtoVar: unknown;
-  } = {
-      $implicit: null,
-      ngAtoVar: null,
-  };
-
-  private hasView: boolean = false;
-
-  constructor(private templateRef: TemplateRef<any>, private vcRef: ViewContainerRef) {}
-}