@bizdoc/core 1.14.5 → 1.14.9

package/src/lib/core/colors.ts

@@ -0,0 +1,322 @@
+export const FONT_FAMILY = 'Roboto, monospace, sans-serif';
+ 
+//// colors from https://github.com/egoist/color-lib/blob/master/color.json
+export const MATERIAL_PALETTES: { [name: string]: { [name: string]: string } } = {
+  "red": {
+    "50": "#ffebee",
+    "100": "#ffcdd2",
+    "200": "#ef9a9a",
+    "300": "#e57373",
+    "400": "#ef5350",
+    "500": "#f44336",
+    "600": "#e53935",
+    "700": "#d32f2f",
+    "800": "#c62828",
+    "900": "#b71c1c",
+    "hex": "#f44336",
+    "a100": "#ff8a80",
+    "a200": "#ff5252",
+    "a400": "#ff1744",
+    "a700": "#d50000"
+  },
+  "pink": {
+    "50": "#fce4ec",
+    "100": "#f8bbd0",
+    "200": "#f48fb1",
+    "300": "#f06292",
+    "400": "#ec407a",
+    "500": "#e91e63",
+    "600": "#d81b60",
+    "700": "#c2185b",
+    "800": "#ad1457",
+    "900": "#880e4f",
+    "hex": "#e91e63",
+    "a100": "#ff80ab",
+    "a200": "#ff4081",
+    "a400": "#f50057",
+    "a700": "#c51162"
+  },
+  "purple": {
+    "50": "#f3e5f5",
+    "100": "#e1bee7",
+    "200": "#ce93d8",
+    "300": "#ba68c8",
+    "400": "#ab47bc",
+    "500": "#9c27b0",
+    "600": "#8e24aa",
+    "700": "#7b1fa2",
+    "800": "#6a1b9a",
+    "900": "#4a148c",
+    "hex": "#9c27b0",
+    "a100": "#ea80fc",
+    "a200": "#e040fb",
+    "a400": "#d500f9",
+    "a700": "#aa00ff"
+  },
+  "deepPurple": {
+    "50": "#ede7f6",
+    "100": "#d1c4e9",
+    "200": "#b39ddb",
+    "300": "#9575cd",
+    "400": "#7e57c2",
+    "500": "#673ab7",
+    "600": "#5e35b1",
+    "700": "#512da8",
+    "800": "#4527a0",
+    "900": "#311b92",
+    "hex": "#673ab7",
+    "a100": "#b388ff",
+    "a200": "#7c4dff",
+    "a400": "#651fff",
+    "a700": "#6200ea"
+  },
+  "indigo": {
+    "50": "#e8eaf6",
+    "100": "#c5cae9",
+    "200": "#9fa8da",
+    "300": "#7986cb",
+    "400": "#5c6bc0",
+    "500": "#3f51b5",
+    "600": "#3949ab",
+    "700": "#303f9f",
+    "800": "#283593",
+    "900": "#1a237e",
+    "hex": "#3f51b5",
+    "a100": "#8c9eff",
+    "a200": "#536dfe",
+    "a400": "#3d5afe",
+    "a700": "#304ffe"
+  },
+  "blue": {
+    "50": "#e3f2fd",
+    "100": "#bbdefb",
+    "200": "#90caf9",
+    "300": "#64b5f6",
+    "400": "#42a5f5",
+    "500": "#2196f3",
+    "600": "#1e88e5",
+    "700": "#1976d2",
+    "800": "#1565c0",
+    "900": "#0d47a1",
+    "hex": "#2196f3",
+    "a100": "#82b1ff",
+    "a200": "#448aff",
+    "a400": "#2979ff",
+    "a700": "#2962ff"
+  },
+  "lightBlue": {
+    "50": "#e1f5fe",
+    "100": "#b3e5fc",
+    "200": "#81d4fa",
+    "300": "#4fc3f7",
+    "400": "#29b6f6",
+    "500": "#03a9f4",
+    "600": "#039be5",
+    "700": "#0288d1",
+    "800": "#0277bd",
+    "900": "#01579b",
+    "hex": "#03a9f4",
+    "a100": "#80d8ff",
+    "a200": "#40c4ff",
+    "a400": "#00b0ff",
+    "a700": "#0091ea"
+  },
+  "cyan": {
+    "50": "#e0f7fa",
+    "100": "#b2ebf2",
+    "200": "#80deea",
+    "300": "#4dd0e1",
+    "400": "#26c6da",
+    "500": "#00bcd4",
+    "600": "#00acc1",
+    "700": "#0097a7",
+    "800": "#00838f",
+    "900": "#006064",
+    "hex": "#00bcd4",
+    "a100": "#84ffff",
+    "a200": "#18ffff",
+    "a400": "#00e5ff",
+    "a700": "#00b8d4"
+  },
+  "teal": {
+    "50": "#e0f2f1",
+    "100": "#b2dfdb",
+    "200": "#80cbc4",
+    "300": "#4db6ac",
+    "400": "#26a69a",
+    "500": "#009688",
+    "600": "#00897b",
+    "700": "#00796b",
+    "800": "#00695c",
+    "900": "#004d40",
+    "hex": "#009688",
+    "a100": "#a7ffeb",
+    "a200": "#64ffda",
+    "a400": "#1de9b6",
+    "a700": "#00bfa5"
+  },
+  "green": {
+    "50": "#e8f5e9",
+    "100": "#c8e6c9",
+    "200": "#a5d6a7",
+    "300": "#81c784",
+    "400": "#66bb6a",
+    "500": "#4caf50",
+    "600": "#43a047",
+    "700": "#388e3c",
+    "800": "#2e7d32",
+    "900": "#1b5e20",
+    "hex": "#4caf50",
+    "a100": "#b9f6ca",
+    "a200": "#69f0ae",
+    "a400": "#00e676",
+    "a700": "#00c853"
+  },
+  "lightGreen": {
+    "50": "#f1f8e9",
+    "100": "#dcedc8",
+    "200": "#c5e1a5",
+    "300": "#aed581",
+    "400": "#9ccc65",
+    "500": "#8bc34a",
+    "600": "#7cb342",
+    "700": "#689f38",
+    "800": "#558b2f",
+    "900": "#33691e",
+    "hex": "#8bc34a",
+    "a100": "#ccff90",
+    "a200": "#b2ff59",
+    "a400": "#76ff03",
+    "a700": "#64dd17"
+  },
+  "lime": {
+    "50": "#f9fbe7",
+    "100": "#f0f4c3",
+    "200": "#e6ee9c",
+    "300": "#dce775",
+    "400": "#d4e157",
+    "500": "#cddc39",
+    "600": "#c0ca33",
+    "700": "#afb42b",
+    "800": "#9e9d24",
+    "900": "#827717",
+    "hex": "#cddc39",
+    "a100": "#f4ff81",
+    "a200": "#eeff41",
+    "a400": "#c6ff00",
+    "a700": "#aeea00"
+  },
+  "yellow": {
+    "50": "#fffde7",
+    "100": "#fff9c4",
+    "200": "#fff59d",
+    "300": "#fff176",
+    "400": "#ffee58",
+    "500": "#ffeb3b",
+    "600": "#fdd835",
+    "700": "#fbc02d",
+    "800": "#f9a825",
+    "900": "#f57f17",
+    "hex": "#ffeb3b",
+    "a100": "#ffff8d",
+    "a200": "#ffff00",
+    "a400": "#ffea00",
+    "a700": "#ffd600"
+  },
+  "amber": {
+    "50": "#fff8e1",
+    "100": "#ffecb3",
+    "200": "#ffe082",
+    "300": "#ffd54f",
+    "400": "#ffca28",
+    "500": "#ffc107",
+    "600": "#ffb300",
+    "700": "#ffa000",
+    "800": "#ff8f00",
+    "900": "#ff6f00",
+    "hex": "#ffc107",
+    "a100": "#ffe57f",
+    "a200": "#ffd740",
+    "a400": "#ffc400",
+    "a700": "#ffab00"
+  },
+  "orange": {
+    "50": "#fff3e0",
+    "100": "#ffe0b2",
+    "200": "#ffcc80",
+    "300": "#ffb74d",
+    "400": "#ffa726",
+    "500": "#ff9800",
+    "600": "#fb8c00",
+    "700": "#f57c00",
+    "800": "#ef6c00",
+    "900": "#e65100",
+    "hex": "#ff9800",
+    "a100": "#ffd180",
+    "a200": "#ffab40",
+    "a400": "#ff9100",
+    "a700": "#ff6d00"
+  },
+  "deepOrange": {
+    "50": "#fbe9e7",
+    "100": "#ffccbc",
+    "200": "#ffab91",
+    "300": "#ff8a65",
+    "400": "#ff7043",
+    "500": "#ff5722",
+    "600": "#f4511e",
+    "700": "#e64a19",
+    "800": "#d84315",
+    "900": "#bf360c",
+    "hex": "#ff5722",
+    "a100": "#ff9e80",
+    "a200": "#ff6e40",
+    "a400": "#ff3d00",
+    "a700": "#dd2c00"
+  },
+  "brown": {
+    "50": "#efebe9",
+    "100": "#d7ccc8",
+    "200": "#bcaaa4",
+    "300": "#a1887f",
+    "400": "#8d6e63",
+    "500": "#795548",
+    "600": "#6d4c41",
+    "700": "#5d4037",
+    "800": "#4e342e",
+    "900": "#3e2723",
+    "hex": "#795548"
+  },
+  "grey": {
+    "50": "#fafafa",
+    "100": "#f5f5f5",
+    "200": "#eeeeee",
+    "300": "#e0e0e0",
+    "400": "#bdbdbd",
+    "500": "#9e9e9e",
+    "600": "#757575",
+    "700": "#616161",
+    "800": "#424242",
+    "900": "#212121",
+    "hex": "#9e9e9e"
+  },
+  "blueGrey": {
+    "50": "#eceff1",
+    "100": "#cfd8dc",
+    "200": "#b0bec5",
+    "300": "#90a4ae",
+    "400": "#78909c",
+    "500": "#607d8b",
+    "600": "#546e7a",
+    "700": "#455a64",
+    "800": "#37474f",
+    "900": "#263238",
+    "hex": "#607d8b"
+  }//,
+  //"black": {
+  //  "hex": "#000000"
+  //},
+  //"white": {
+  //  "hex": "#ffffff"
+  //}
+}

package/src/lib/core/component-factory-resolver.ts

@@ -0,0 +1,67 @@
+import { ApplicationRef } from "@angular/core";
+import { Injectable, ComponentFactoryResolver, Type, NgModule, Component } from "@angular/core";
+import { ComponentType, REGISTRY } from './decorators';
+
+export function registerComponents(components: any[]) {
+  components.forEach(c => REGISTRY[c['__bizdoc']] = c);
+}
+
+/**
+ * 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
+ */
+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
+  );
+}
+
+@Injectable() export class BizDocComponentFactoryResolver {
+    private _factories: unknown[];
+  constructor(
+    //private _appRef: ApplicationRef,
+    private _componentFactoryResolver: ComponentFactoryResolver) {
+    //_appRef
+    //  .componentTypes.forEach(t => {
+    //    const type = t['__bizdoc'] as ComponentType;
+    //    REGISTRY[type.selector] = t;
+    //  });
+        //this._factories = Array.from(_componentFactoryResolver['_factories'].keys());
+    }
+  public component(componentSelector: string) {
+      const comp = REGISTRY[componentSelector];
+      if (!comp)
+        throw (`No component registered as @BizDoc({selector: '${componentSelector}'}).`);
+      return comp;
+    }
+    public resolve(componentSelector: string) {
+      const comp = this.component(componentSelector);
+
+                //for (let c of (<any>this.compiler)._delegate._compiledTemplateCache) {
+          //  let m: CompileDirectiveMetadata = c[1].compMeta;
+          //  if (m.selector === this.template) {
+          //    factory = <any>m.componentFactory;
+          //    break;
+          //  }
+          //}
+
+      //const ngModuleDecorator = decoratorOfType(BizDocModule, NgModule);
+
+      //const componentType = ngModuleDecorator.declarations.find((declaration: Type<any>) => {
+      //  // get the @Component decorator
+      //  const declarationAnnotation = decoratorOfType(declaration, Component);
+
+      //  // find a declaration with the @Component decorator (not a @Directive) with the requested selector
+      //  return declarationAnnotation != null && declarationAnnotation.selector === componentSelector;
+      //});
+
+      //// get the component factory using the component type
+      //const componentFactory = this._componentFactoryResolver.resolveComponentFactory(componentType as Type<any>);
+      const factory = this._componentFactoryResolver.resolveComponentFactory(comp);
+      return factory;
+    }
+}

package/src/lib/core/configuration.ts

@@ -0,0 +1,124 @@
+import { InjectionToken, Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { FolderColumn } from './models';
+
+export const BIZDOC_CONFIG = new InjectionToken<BizDocConfig>('bizdoc');
+
+export interface PaneRoute {
+  path: string;
+  guide?: string;
+  component?: Type<any>;
+  resolve?: { [key: string]: Type<PaneResolve<any>> };
+  canDismiss?: Type<CanDismiss<any>>;
+  icon?: string;
+  help?: string;
+  children?: PaneRoute[];
+  policy?: OpenPolicy;
+}
+
+export type ParamMap = { [key: string]: any };
+
+export interface PaneResolve<T> {
+  onResolve(params: ParamMap, queryParams?: ParamMap): Observable<T> | Promise<T> | T;
+}
+export interface CanDismiss<T> {
+  onDismiss(component: T): boolean | Promise<boolean> | Observable<boolean>;
+}
+
+export enum OpenPolicy {
+  Pane = 1 << 0,
+  Clear = 1 << 1,
+  Defer = 1 << 2,
+  Pinnable = 1 << 3,
+  Stretch = 1 << 4,
+  Expandable = 1 << 5,
+  Toggle = 1 << 6,
+  Tab = 1 << 7,
+  Dialog = 1 << 8 | OpenPolicy.Tab,
+  Dismissable = 1 << 9,
+}
+
+export const DEFAULT_POLICY = OpenPolicy.Pane;
+
+export interface BizDocChildConfig {
+  components: Type<any>[];
+  routes?: PaneRoute[];
+}
+export interface Theme {
+  name: string;
+  primary: string;
+  accent: string;
+  color: string;
+  dark?: boolean
+}
+
+/** BizDoc app options */
+export interface BizDocConfig {
+  currencyCode?: string;
+  /** available user interface languages */
+  themes?: Theme[];
+  languages?: string[];
+  appTitle?: string;
+  firebase?: FirebaseSettings;
+  chating?: ChatSettings | boolean;
+  comments?: CommentsSettings;
+  maps?: GoogleMapsSettings | boolean;
+  formats?: FormatsSettings;
+  routes?: PaneRoute[];
+  components: Type<any>[];
+  scheduler?: SchedulerSettings | boolean;
+  folders?: FoldersSettings;
+  analysis?: AnalysisSettings | boolean;
+}
+export type ScopeType = 'patterns' | 'positions';
+
+export interface AnalysisSettings {
+}
+export
+  interface SchedulerSettings {
+
+}
+
+export interface FoldersSettings {
+  cube?: string;
+  axes?: string[];
+  columns?: FolderColumn[];
+}
+export interface FormatsSettings {
+  date?: string;
+  dateTime?: string;
+  fractionDigits?: number;
+}
+export interface CommentsSettings {
+  preserveDraft?: boolean;
+  voting?: boolean;
+}
+export interface ChatSettings {
+  preserveDraft?: boolean;
+  app?: string | ChatLauncherFn;
+}
+export declare interface ChatLauncherFn {
+  (identity: string): void;
+}
+
+export interface FirebaseSettings {
+  apiKey: string;
+  vapidKey?: string;
+  projectId: string;
+  senderId: string;
+  appId: string;
+  /** millisecondes before user is prompt to approve receiving messages */
+  grace?: number;
+}
+export interface GoogleMapsSettings {
+  apiKey: string;
+}
+
+export interface configuration { }
+
+export interface SharedConfig {
+  maps?: GoogleMapsSettings | boolean;
+  formats?: FormatsSettings;
+
+  routing?: 'ng' | 'pane'
+}

package/src/lib/core/controls/_daterange-theme.scss

@@ -0,0 +1,16 @@
+@mixin daterange-theme($theme) {
+  $primary: mat.get-color-from-palette($theme, primary);
+
+  .mat-daterange-content {
+    .date-start-range .mat-calendar-body-cell-content,
+    .date-end-range .mat-calendar-body-cell-content {
+      background-color:  mat.get-color-from-palette($primary);
+      color:  mat.get-color-from-palette($primary, default-contrast);
+    }
+
+    .date-in-range .mat-calendar-body-cell-content {
+      background-color:  mat.get-color-from-palette($primary, 200);
+      color:  mat.get-color-from-palette($primary, default-contrast);
+    }
+  }
+}

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

@@ -0,0 +1,173 @@
+import { Component, Input, OnDestroy, HostBinding, Optional, Self, OnInit, ElementRef, EventEmitter, Output, ViewChild } from '@angular/core';
+import { NgControl, ControlValueAccessor, FormControl, Validators } from '@angular/forms';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { isObject } from '../functions';
+const DEBOUNCE_TIME = 250;
+@Component({
+  selector: 'bizdoc-address',
+  providers: [{ provide: MatFormFieldControl, useExisting: AddressInput }],
+  template: `<div class="address-container">
+    <input matInput [matAutocomplete]="address" [formControl]="control" [placeholder]="placeholder" #input
+      (focus)="onFocus()" (blur)="onBlur()"/>
+    <mat-autocomplete #address (optionSelected)="selected($event)" [displayWith]="displayFn">
+      <mat-option *ngFor="let a of _addresses" [value]="a">
+        <span matLine>{{a.description}}</span>
+      </mat-option>
+    </mat-autocomplete></div>`,
+  styles: ['.address-container {display: flex}'],
+  host: {
+    '[class.floating]': 'shouldLabelFloat',
+    '[attr.aria-describedby]': 'describedBy'
+  }
+})
+export
+  class AddressInput implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy, OnInit {
+  private static nextId = 0;
+  private _placeholder: string;
+  private _required = false;
+  private _disabled = false;
+  private _value?: string;
+  private _onChange: any;
+  private _onTouched: any;
+  _addresses: google.maps.places.QueryAutocompletePrediction[];
+  readonly control = new FormControl();
+  readonly stateChanges = new Subject<void>();
+  @HostBinding() readonly id = `address-input-${AddressInput.nextId++}`;
+  @ViewChild('input', { static: true }) inputElement: ElementRef;
+  @Output() readonly optionSelected = new EventEmitter<AddressChangeEvent>();
+  @Input() debounce = DEBOUNCE_TIME;
+  @Input() location?: google.maps.LatLng;
+  @Input() country?: string | string[];
+  @Input() get placeholder() {
+    return this._placeholder;
+  }
+  set placeholder(plh) {
+    this._placeholder = plh;
+    this.stateChanges.next();
+  }
+  focused = false;
+  get empty(): boolean { return !this.control.value; }
+  get shouldLabelFloat() {
+    return this.focused || !this.empty;
+  }
+  @Input()
+  get required() {
+    return this._required;
+  }
+  set required(req) {
+    this._required = req;
+    if (req)
+      this.control.setValidators(Validators.required);
+    else
+      this.control.clearValidators();
+    this.stateChanges.next();
+  }
+  @Input()
+  get disabled(): boolean { return this._disabled; }
+  set disabled(value: boolean) {
+    this._disabled = coerceBooleanProperty(value);
+    if (this.control.disabled !== this._disabled) {
+      if (value)
+        this.control.disable();
+      else
+        this.control.enable();
+    }
+    this.stateChanges.next();
+  }
+  errorState = false;
+  controlType?: string = 'bizdoc-address-input';
+  @HostBinding('attr.aria-describedby') describedBy = '';
+
+  setDescribedByIds(ids: string[]) {
+    this.describedBy = ids.join(' ');
+  }
+  onContainerClick(): void {
+    this.inputElement.nativeElement.focus();
+  }
+  writeValue(val: any): 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;
+  }
+  @Input() get value(): string {
+    return this._value;
+  }
+  set value(val: string) {
+    this._setValue(val, true);
+    this.stateChanges.next();
+  }
+  private _setValue(val: string, emitEvent: boolean) {
+    this._value = val;
+    this.control.setValue(val ? { description: val } : null, { emitEvent });
+  }
+
+  onFocus() {
+    this.focused = true;
+    this._onTouched && this._onTouched();
+  }
+  onBlur() {
+    this.focused = false;
+  }
+  displayFn(address: google.maps.places.QueryAutocompletePrediction | string) {
+    return isObject(address) ? (address as google.maps.places.QueryAutocompletePrediction).description : address as string;
+  }
+  selected(e: MatAutocompleteSelectedEvent) {
+    const address = e.option.value as google.maps.places.QueryAutocompletePrediction;
+    this._onChange(address.description);
+    this.optionSelected.emit({ address: address.description, placeId: address.place_id });
+  }
+  private readonly _destroy = new Subject<void>();
+  constructor(@Optional() @Self() public ngControl: NgControl, 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();
+    });
+  }
+  public focus() {
+    this.inputElement.nativeElement.focus();
+  }
+  ngOnInit(): void {
+    const service = new google.maps.places.AutocompleteService();
+    let componentRestrictions: any;
+    if (this.country) 
+      componentRestrictions = { country: this.country };
+    else componentRestrictions = null;
+    this.control.valueChanges.pipe(debounceTime(this.debounce), takeUntil(this._destroy)).subscribe(input => {
+      service.getQueryPredictions({
+        input,
+        location: this.location || null,
+        componentRestrictions
+      } as any, (r, s) => {
+        if (s === google.maps.places.PlacesServiceStatus.OK)
+          this._addresses = r;
+        else
+          console.log(`address google api error code: ${s}`)
+      });
+    });
+  }
+  ngOnDestroy(): void {
+    this._destroy.next();
+    this._destroy.complete();
+    this._fm.stopMonitoring(this._elRef.nativeElement);
+    this.stateChanges.complete();
+  }
+}
+export interface AddressChangeEvent {
+  address: string;
+  placeId: string;
+}