@bizdoc/core 1.14.9 → 1.14.10

package/src/lib/core/controls/time-picker.ts

@@ -1,199 +0,0 @@
-import { Component, OnInit, OnDestroy, Input, Optional, Self, ElementRef } from "@angular/core";
-import { FormControl, ControlValueAccessor, NgControl } from "@angular/forms";
-import { MatFormFieldControl } from "@angular/material/form-field";
-import { FocusMonitor } from "@angular/cdk/a11y";
-import { coerceBooleanProperty } from "@angular/cdk/coercion";
-import { Subject } from "rxjs";
-import { takeUntil } from "rxjs/operators";
-import { isDate } from "../../core/functions";
-
-const TIME_FORMAT = /\d{1,2}:\d{1,2}/, DATE_FORMAT = /\d{4}-\d\d-\d\dT\d\d:\d{2}/;
-
-function generateValues(): string[] {
-  const times = [];
-  let h = 0;
-  while (h < 24) {
-    let m = 0;
-    while (m < 60) {
-      times.push(`${h}:${m}`);
-      m += 15;
-    }
-    h++;
-  }
-  return times;
-}
-
-@Component({
-  selector: 'mat-time-picker',
-  templateUrl: 'time-picker.html',
-  providers: [{ provide: MatFormFieldControl, useExisting: TimePicker }],
-  host: {
-    '[class.floating]': 'shouldLabelFloat',
-    '[id]': 'id',
-    '[attr.aria-describedby]': 'describedBy'
-  }
-})
-export class TimePicker implements ControlValueAccessor, MatFormFieldControl<string>, OnInit, OnDestroy {
-  private static nextId = 0;
-  readonly controlType = 'time-picker';
-  readonly id = `time-picker-${TimePicker.nextId++}`;
-  focused = false;
-  errorState = false;
-  describedBy = '';
-  onChange = (_: any) => { };
-  onTouched = () => { };
-  private _dateControl: FormControl;
-
-  get empty() {
-    const value = this.control.value;
-
-    return !value;
-  }
-
-  get shouldLabelFloat() { return this.focused || !this.empty; }
-
-  @Input()
-  dateControlName: string;
-  @Input()
-  get placeholder(): string { return this._placeholder; }
-  set placeholder(value: string) {
-    this._placeholder = value;
-    this.stateChanges.next();
-  }
-  private _placeholder: string;
-
-  @Input()
-  get required(): boolean { return this._required; }
-  set required(value: boolean) {
-    this._required = coerceBooleanProperty(value);
-    this.stateChanges.next();
-  }
-  private _required = false;
-
-  @Input()
-  get disabled(): boolean { return this._disabled; }
-  set disabled(value: boolean) {
-    this._disabled = coerceBooleanProperty(value);
-    this._disabled ? this.control.disable() : this.control.enable();
-    this.stateChanges.next();
-  }
-  private _disabled = false;
-  readonly control = new FormControl({});
-  readonly stateChanges = new Subject<void>();
-  readonly options = generateValues();
-  @Input()
-  get value(): string | null {
-    const value = this.control.value;
-    return value;
-  }
-  set value(val: string | null) {
-    this._setValue(val, true);
-    this.stateChanges.next();
-  }
-  private _setValue(val: Date | string, emitEvent: boolean) {
-    if (val) {
-      if (isDate(val) || DATE_FORMAT.test(val as string)) {
-        val = new Date(val);
-        this.control.setValue(val.getHours() + ':' + val.getMinutes(), { emitEvent });
-      }
-      else
-        this.control.setValue(TIME_FORMAT.exec(val as string)[0], { emitEvent });
-    } else
-      this.control.reset();
-  }
-
-  private readonly _destroy = new Subject<void>();
-  constructor(
-    private _focusMonitor: FocusMonitor,
-    private _elementRef: ElementRef<HTMLElement>,
-    @Optional() @Self() public ngControl: NgControl) {
-
-    _focusMonitor.monitor(_elementRef, true).subscribe(origin => {
-      if (this.focused && !origin) {
-        this.onTouched();
-      }
-      this.focused = !!origin;
-      this.stateChanges.next();
-    });
-
-    if (this.ngControl != null) {
-      this.ngControl.valueAccessor = this;
-    }
-  }
-
-  setDescribedByIds(ids: string[]) {
-    this.describedBy = ids.join(' ');
-  }
-
-  onContainerClick(event: MouseEvent) {
-    if ((event.target as Element).tagName !== 'INPUT')
-      this._elementRef.nativeElement.querySelector('input').focus();
-  }
-
-  writeValue(val: string | null): void {
-    this._setValue(val, false);
-  }
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  setDisabledState(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-
-  ngOnInit(): void {
-    this.control.valueChanges.pipe(takeUntil(this._destroy)).
-      subscribe(v => {
-        this.errorState = !this._validate(v);
-        if (v && !this.errorState && this.dateControlName) {
-          const date = this._dateControl.value;
-          date && this._appendTime(date);
-        }
-        this.onChange(this.value);
-      });
-    if (this.dateControlName) {
-      this._dateControl = this.ngControl.control.parent.controls[this.dateControlName];
-      if (!this._dateControl) throw `${this.controlType} dateControlName ${this.dateControlName}`;
-
-      this._dateControl.valueChanges.pipe(takeUntil(this._destroy)).
-        subscribe((v: Date) => {
-          v && this.value && this._appendTime(v);
-        });
-    }
-  }
-  private _appendTime(val: Date) {
-    if (!isDate(val)) val = new Date(val);
-    const parts = this.value.split(':');
-    val.setHours(parseInt(parts[0]), parseInt(parts[1]));
-    this._dateControl.setValue(val.toISOString(), { emitEvent: false });
-  }
-  private _validate(val: string): boolean {
-    if (!val) return !this._required;
-    const parts = val.split(':');
-    if (parts.length > 2)
-      return false;
-    for (let i = 0; i < parts.length; i++) {
-      if (!/\d{1,2}/.test(parts[i]))
-        return false;
-      const part = parseInt(parts[i]);
-      if (isNaN(part))
-        return false;
-      else if (i === 0 && (part < 0 || part > 23))
-        return false;
-      else if (i === 1 && (part < 0 || part > 59)) return false;
-    }
-    return true;
-  }
-
-  ngOnDestroy() {
-    this.stateChanges.complete();
-    this._focusMonitor.stopMonitoring(this._elementRef);
-    this._destroy.next();
-    this._destroy.complete();
-  }
-}

package/src/lib/core/controls/timespan.input.ts

@@ -1,175 +0,0 @@
-import { Component, Input, OnDestroy, HostBinding, Optional, Self, ElementRef, OnInit } from '@angular/core';
-import { NgControl, ControlValueAccessor, FormBuilder } from '@angular/forms';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-
-/** */
-export class Timespan {
-  constructor(public days?: number,
-    public hours?: number,
-    public minutes?: number) { }
-}
-@Component({
-  selector: 'bizdoc-timespan-input',
-  providers: [{ provide: MatFormFieldControl, useExisting: TimespanInput }],
-  template: `<div [formGroup]="parts" class="ts-input-container">
-    <input class="ts-input-element" formControlName="days" size="2" pattern="\\d*" #inp>
-    <span class="ts-input-spacer">{{'DaysPart' | translate}}</span>
-    <input class="ts-input-element" formControlName="hours" size="2" max="24" min="0" pattern="\\d*">
-    <span class="ts-input-spacer">{{'HoursPart' | translate}}</span>
-    <input class="ts-input-element" formControlName="minutes" size="2" max="60" min="0" pattern="\\d*">
-    <span class="ts-input-spacer">{{'MinutesPart' | translate}}</span>
-  </div>`,
-  styles: [`.ts-input-container {
-      display: flex;
-    }
-    .ts-input-element {
-      border: none;
-      background: none;
-      padding: 0;
-      outline: none;
-      font: inherit;
-      text-align: center;
-    }
-
-    .ts-input-spacer {
-      opacity: 0;
-
-        font-size: x-small;
-      text-transform: uppercase;
-      transition: opacity 200ms;
-    }
-    :host.floating .ts-input-spacer {
-      opacity: 1;
-    }`],
-  host: {
-    '[class.floating]': 'shouldLabelFloat',
-    '[attr.aria-describedby]': 'describedBy'
-  }
-})
-  /** */
-export
-  class TimespanInput implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy, OnInit {
-  private static nextId = 0;
-  private _placeholder: string;
-  private _required = false;
-  private _disabled = false;
-  private _onChange: any;
-  private _onTouched: any;
-  readonly parts = this._fb.group({
-    days: '',
-    hours: '',
-    minutes: ''
-  });
-  readonly stateChanges = new Subject<void>();
-  @HostBinding() readonly id = `timespan-input-${TimespanInput.nextId++}`;
-  @Input() get placeholder() {
-    return this._placeholder;
-  }
-  set placeholder(plh) {
-    this._placeholder = plh;
-    this.stateChanges.next();
-  }
-  focused = false;
-  get empty(): boolean {
-    const { value: { days, hours, minutes } } = this.parts;
-
-    return !days && !hours && !minutes;
-  }
-  @HostBinding('class.floating')
-  get shouldLabelFloat() {
-    return this.focused || !this.empty;
-  }
-  @Input()
-  get required() {
-    return this._required;
-  }
-  set required(req) {
-    this._required = req;
-    this.stateChanges.next();
-  }
-  @Input()
-  get disabled(): boolean { return this._disabled; }
-  set disabled(value: boolean) {
-    this._disabled = value;
-    this._disabled ? this.parts.disable() : this.parts.enable();
-    this.stateChanges.next();
-  }
-  errorState = false;
-  controlType?: string = 'timespan-input';
-  @HostBinding('attr.aria-describedby') describedBy = '';
-
-  setDescribedByIds(ids: string[]) {
-    this.describedBy = ids.join(' ');
-  }
-  focus() {
-    this._elRef.nativeElement.querySelector('input').focus();
-  }
-  onContainerClick(event: MouseEvent): void {
-    if ((event.target as Element).tagName.toLowerCase() !== 'input') {
-      this.focus();
-    }
-  }
-  writeValue(obj: any): void {
-    this.value = obj;
-  }
-  registerOnChange(fn: any): void {
-    this._onChange = fn;
-  }
-  registerOnTouched(fn: any): void {
-    this._onTouched = fn;
-  }
-  setDisabledState?(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-  @Input() get value(): string | null {
-    const { value: { days, hours, minutes } } = this.parts;
-    if (days || hours || minutes) {
-      return `${days || 0}.${hours || '00'}:${minutes || '00'}:00`;
-    }
-    else
-      return null;
-  }
-  set value(value: string | null) {
-    let days = null, hours = null, minutes = null;
-
-    if (value) {
-      const parts = value.split(':');
-      if (parts[0].indexOf('.') > 0) {
-        const dparts = parts[0].split('.');
-        days = parseInt(dparts[0]); hours = parseInt(dparts[1]);
-      }
-      else {
-        days = 0; hours = parseFloat(parts[0]);
-      }
-      minutes = parseFloat(parts[1]);
-    }
-    this.parts.setValue({ days, hours, minutes });
-    this.stateChanges.next();
-  }
-  private readonly _destroy = new Subject<void>();
-  constructor(@Optional() @Self() public ngControl: NgControl,
-    private _fb: FormBuilder, private _fm: FocusMonitor, private _elRef: ElementRef<HTMLElement>) {
-    if (this.ngControl != null) {
-      this.ngControl.valueAccessor = this;
-    }
-    _fm.monitor(_elRef.nativeElement, true).subscribe(origin => {
-      this.focused = !!origin;
-      this.stateChanges.next();
-    });
-  }
-  ngOnInit(): void {
-    this.parts.valueChanges.pipe(takeUntil(this._destroy)).
-      subscribe(() => this._onChange(this.value));
-    this.parts.statusChanges.pipe(takeUntil(this._destroy)).
-      subscribe(() => { if (this.parts.touched) this._onTouched() });
-  }
-  ngOnDestroy(): void {
-    this._destroy.next();
-    this._destroy.complete();
-    this._fm.stopMonitoring(this._elRef.nativeElement);
-    this.stateChanges.complete();
-  }
-}

package/src/lib/core/datasource.service.ts

@@ -1,80 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { map, shareReplay } from 'rxjs/operators';
-import { isObject, mapToArray } from '../core/functions';
-import { ParamMap, ScopeType } from './configuration';
-
-/** */
-@Injectable({ providedIn: 'root' })
-export class DatasourceService {
-  keys(type: string) {
-    return this.map(type).pipe(map(m =>
-      Object.keys(m)
-    ));
-  }
-
-  private _cache: { [type: string]: Observable<{ [key: string]: any }> } = {};
-
-  constructor(private _http: HttpClient) {
-
-  }
-  /**
-   * 
-   * @param type
-   * @param key
-   */
-  get(type: string, key: string): Observable<any> {
-    return this.map(type).pipe(map(m => m[key] || key));
-  }
-  /**
-   * 
-   * @param type
-   * @param value
-   */
-  keyOf(type: string, value: any): Observable<any> {
-    return this.map(type).pipe(map(m => Object.keys(m).find(k => m[k] === value)));
-  }
-  /**
-   * 
-   * @param type
-   * @param params
-   */
-  map(type: string, queryParams?: string | number | ParamMap): Observable<{ [name: string]: any }> {
-    let cacheId = type;
-    if (queryParams) {
-      if (isObject(queryParams)) Object.keys(queryParams).forEach(k => cacheId += `${k}${queryParams[k]}`);
-      else cacheId += queryParams.toString();
-    }
-    let observe = this._cache[cacheId];
-
-    if (!observe) {
-      const params = {} as any;
-      if (queryParams) {
-        if (isObject(queryParams))
-          Object.assign(params, queryParams)
-        else params.value = queryParams;
-      }
-      const dataSource = this._http.get<{ [name: string]: any }>(`/api/datatype/${type}`,
-        {
-          params
-        });
-
-      observe = this._cache[cacheId] = dataSource.pipe(shareReplay());
-    }
-
-    return observe;
-  }
-  /**
-   * 
-   * @param type
-   * @param params
-   */
-  all(type: string, queryParams?: string | number | ParamMap): Observable<{ key: string; value: any }[]> {
-    return this.map(type, queryParams).pipe(map(mapToArray));
-  }
-}
-export interface Options {
-  params?;
-  dependencies?: ParamMap;
-}

package/src/lib/core/decorators.ts

@@ -1,56 +0,0 @@
-import { Type, NgModule, Component } from "@angular/core";
-
-export const REGISTRY: { [name: string]: any } = {};
-
-/**
- * @link BizDocComponentFactoryResolver
- * @param args
- */
-export function BizDoc(args: ComponentType): (cls: any) => any {
-  function Decorator(compType: any) {
-    compType['__bizdoc'] = args.selector;
-  }
-  return Decorator;
-}
-
-export interface ComponentType {
-  selector: string;
-}
-
-//function getComp(selector) {
-//  const ngModuleDecorator = decoratorOfType(BizDocModule, NgModule);
-//  const componentType = ngModuleDecorator.declarations.find((declaration: Type<any>) => {
-//    // get the @Component decorator
-//    const declarationDecorator = decoratorOfType(declaration, Component);
-
-//    // find a declaration with the @Component decorator (not a @Directive) with the requested selector
-//    return declarationDecorator != null && declarationDecorator.selector === selector;
-//  });
-//}
-/**
- * gets a decorator of the requested type off of the given decorated type
- * @param decoratedType to get decorator annotations off of
- * @param decoratorType to search for out of all the decorators on decoratedType
- * @returns decorator from the decoratedType of the decoratorType
- */
-//export function decoratorOfType<T>(decoratedType: Type<any>, decoratorType: Type<T>): T {
-//  // get all decorators off of the provided type
-//  return Reflect.getOwnPropertyDescriptor(decoratedType, '__annotations__').value.find((annotation: any) =>
-//    // get the decorator that matches the requested type
-//    annotation instanceof decoratorType
-//  );
-//}
-
-//function components(module) {
-//  const ngModuleDecorator = decoratorOfType(module, NgModule);
-//  const map = {};
-//  ngModuleDecorator.declarations.forEach((declaration: Type<any>) => {
-//    // get the @Component decorator
-//    const declarationDecorator = decoratorOfType(declaration, Component);
-
-//    // find a declaration with the @Component decorator (not a @Directive) with the requested selector
-//    if (declarationDecorator != null)
-//      map[declarationDecorator.selector] = declaration;
-//  });
-//  return map;
-//}

package/src/lib/core/firebase.service.ts

@@ -1,55 +0,0 @@
-import { SessionService } from './session.service';
-import { FirebaseSettings } from '../core/configuration';
-import * as firebase from 'firebase/app';
-import { deleteToken, getMessaging, getToken, Messaging, onMessage } from "firebase/messaging";
-
-const DEVICE_TYPE = 'Chrome', ACTIVATION_DELAY = 3000;
-
-export enum FirebaseState {
-  Activated,
-}
-
-export class FirebaseService {
-  private _messaging: Messaging;
-  private _token: string;
-  private _state: FirebaseState;
-  constructor(private _config: FirebaseSettings, private _session: SessionService) {
-    if (_config && navigator.serviceWorker) {
-      const { apiKey, projectId, senderId, appId } = _config;
-      if (apiKey) {
-        const app = firebase.initializeApp({
-          apiKey,
-          projectId,
-          appId,
-          messagingSenderId: senderId
-        });
-        this._messaging = getMessaging();
-      }
-    }
-  }
-  get state(): FirebaseState {
-    return this._state;
-  }
-  public activate(): void {
-    this._config && this._config.apiKey &&
-      setTimeout(() => this._activate(), this._config.grace || ACTIVATION_DELAY);
-  }
-  public async close(): Promise<any> {
-    await deleteToken(this._messaging);
-    return this._session.unregisterDevice(DEVICE_TYPE, this._token).subscribe();
-  }
-  private _activate() {
-    const { vapidKey } = this._config;
-    navigator.serviceWorker.register('./js/firebase-messaging-sw.js')
-      .then((serviceWorkerRegistration) => {
-        //requestPermission();
-        getToken(this._messaging, { vapidKey, serviceWorkerRegistration }).
-          then(token => {
-            this._token = token;
-            this._session.registerDevice(DEVICE_TYPE, token).subscribe(() =>
-              this._state = FirebaseState.Activated);
-          });
-        //onTokenRefresh(token => this._session.registerDevice(DEVICE_TYPE, token).subscribe());
-      });
-  }
-}