@bizdoc/core 1.14.8 → 1.14.9

package/LICENSE.md

@@ -0,0 +1 @@
+© All rights reserved to Moding Ltd. (IL)

package/assets/bizdoc-schema.json

@@ -721,6 +721,9 @@
               },
               "Loggable": {
                 "type": "boolean"
+              },
+              "Messaging": {
+                "type": "boolean"
               }
             }
           }

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/core'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/core",
+  "assets": [ "./assets" ],
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "."
+  ]
+}

package/package.json

@@ -1,78 +1,78 @@
-{
-  "name": "@bizdoc/core",
-  "version": "1.14.8",
-  "author": "Moding Ltd.",
-  "homepage": "https://github.com/moding-il/bizdoc.core",
-  "license": "https://github.com/moding-il/bizdoc.core/blob/master/License.md",
-  "private": false,
-  "repository": {
-    "private": true
-  },
-  "dependencies": {
-    "@ctrl/ngx-emoji-mart": "^6.2.0",
-    "@microsoft/signalr": "^6.0.4",
-    "@syncfusion/ej2": "^20.1.51",
-    "@syncfusion/ej2-angular-charts": "^20.1.51",
-    "@syncfusion/ej2-angular-circulargauge": "^20.1.47",
-    "@syncfusion/ej2-angular-diagrams": "^20.1.51",
-    "@syncfusion/ej2-angular-gantt": "^20.1.51",
-    "@syncfusion/ej2-angular-grids": "^20.1.51",
-    "@syncfusion/ej2-angular-kanban": "^20.1.47",
-    "@syncfusion/ej2-angular-pivotview": "^20.1.48",
-    "@syncfusion/ej2-angular-richtexteditor": "^20.1.51",
-    "@syncfusion/ej2-angular-schedule": "^20.1.50",
-    "@syncfusion/ej2-angular-spreadsheet": "^20.1.51",
-    "@syncfusion/ej2-base": "^20.1.50",
-    "@teamhive/lottie-player": "^1.0.0",
-    "brace": "^0.11.1",
-    "cookie": "^0.5.0",
-    "dayjs": "^1.11.1",
-    "firebase": "^9.6.11",
-    "hammerjs": "~2",
-    "lottie-web": "^5.9.3",
-    "ngx-cookie-service": "13",
-    "zone.js": "^0.11.5",
-    "tslib": "^2.3.0"
-  },
-  "peerDependencies": {
-    "@angular/animations": "13",
-    "@angular/cdk": "13",
-    "@angular/common": "13",
-    "@angular/compiler": "13",
-    "@angular/core": "13",
-    "@angular/flex-layout": "^13.0.0-beta.36",
-    "@angular/forms": "13",
-    "@angular/material": "13",
-    "@angular/platform-browser": "13",
-    "@angular/platform-browser-dynamic": "13",
-    "@angular/platform-server": "13",
-    "@angular/router": "13",
-    "rxjs": "*"
-  },
-  "assets": [
-    "src/assets"
-  ],
-  "optionalDependencies": {
-    "fsevents": "^2.3.2"
-  },
-  "module": "fesm2015/bizdoc-core.mjs",
-  "es2020": "fesm2020/bizdoc-core.mjs",
-  "esm2020": "esm2020/bizdoc-core.mjs",
-  "fesm2020": "fesm2020/bizdoc-core.mjs",
-  "fesm2015": "fesm2015/bizdoc-core.mjs",
-  "typings": "bizdoc-core.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./bizdoc-core.d.ts",
-      "esm2020": "./esm2020/bizdoc-core.mjs",
-      "es2020": "./fesm2020/bizdoc-core.mjs",
-      "es2015": "./fesm2015/bizdoc-core.mjs",
-      "node": "./fesm2015/bizdoc-core.mjs",
-      "default": "./fesm2020/bizdoc-core.mjs"
-    }
-  },
-  "sideEffects": false
-}
+{
+  "name": "@bizdoc/core",
+  "version": "1.14.9",
+  "author": "Moding Ltd.",
+  "homepage": "https://github.com/moding-il/bizdoc.core",
+  "license": "https://github.com/moding-il/bizdoc.core/blob/master/License.md",
+  "private": false,
+  "repository": {
+    "private": true
+  },
+  "scripts": {
+    "ng": "ng",
+    "start": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng serve",
+    "build": "ng build",
+    "build-prod": "npm run ng-high-memory build -- --configuration=production",
+    "build:ssr": "npm run build -- --app=ssr --output-hashing=media",
+    "ng-high-memory": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e",
+    "dist": "cd dist/core && npm publish"
+  },
+  "devDependencies": {
+    "@types/jasmine": "^4.0.3",
+    "@types/jasminewd2": "^2.0.10",
+    "@types/google.maps": "^3.48.7",
+    "@types/node": "^17.0.29",
+    "ajv": "^8.11.0",
+    "sass": "^1.51.0",
+    "sass-loader": "^12.6.0"
+  },
+  "dependencies": {
+    "@ctrl/ngx-emoji-mart": "^6.2.0",
+    "@microsoft/signalr": "^6.0.4",
+    "@syncfusion/ej2": "^20.1.51",
+    "@syncfusion/ej2-angular-charts": "^20.1.51",
+    "@syncfusion/ej2-angular-circulargauge": "^20.1.47",
+    "@syncfusion/ej2-angular-diagrams": "^20.1.51",
+    "@syncfusion/ej2-angular-gantt": "^20.1.51",
+    "@syncfusion/ej2-angular-grids": "^20.1.51",
+    "@syncfusion/ej2-angular-kanban": "^20.1.47",
+    "@syncfusion/ej2-angular-pivotview": "^20.1.48",
+    "@syncfusion/ej2-angular-richtexteditor": "^20.1.51",
+    "@syncfusion/ej2-angular-schedule": "^20.1.50",
+    "@syncfusion/ej2-angular-spreadsheet": "^20.1.51",
+    "@syncfusion/ej2-base": "^20.1.50",
+    "@teamhive/lottie-player": "^1.0.0",
+    "brace": "^0.11.1",
+    "cookie": "^0.5.0",
+    "dayjs": "^1.11.1",
+    "firebase": "^9.6.11",
+    "hammerjs": "~2",
+    "lottie-web": "^5.9.3",
+    "ngx-cookie-service": "13",
+    "zone.js": "^0.11.5"
+  },
+  "peerDependencies": {
+    "@angular/animations": "13",
+    "@angular/cdk": "13",
+    "@angular/common": "13",
+    "@angular/compiler": "13",
+    "@angular/core": "13",
+    "@angular/flex-layout": "^13.0.0-beta.36",
+    "@angular/forms": "13",
+    "@angular/material": "13",
+    "@angular/platform-browser": "13",
+    "@angular/platform-browser-dynamic": "13",
+    "@angular/platform-server": "13",
+    "@angular/router": "13",
+    "rxjs": "*"
+  },
+  "assets": [
+    "src/assets"
+  ],
+  "optionalDependencies": {
+    "fsevents": "^2.3.2"
+  }
+}

package/src/icons/pdf.svg

@@ -0,0 +1,24 @@
+<svg version="1.1" viewBox="0 0 14 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <polygon points="51.791 356.65 51.791 23.99 204.5 23.99 282.65 102.07 282.65 356.65" fill="#fff" stroke-width="212.65"/>
+    <path d="m201.19 31.99 73.46 73.393v243.26h-214.86v-316.66h141.4m6.623-16h-164.02v348.66h246.85v-265.9z" stroke-width="21.791"/>
+  </g>
+  <g>
+    <polygon points="282.65 356.65 51.791 356.65 51.791 23.99 204.5 23.99 206.31 25.8 206.31 100.33 280.9 100.33 282.65 102.07" fill="#fff" stroke-width="212.65"/>
+    <path d="m198.31 31.99v76.337h76.337v240.32h-214.86v-316.66h138.52m9.5-16h-164.02v348.66h246.85v-265.9l-6.43-6.424h-69.907v-69.842z" stroke-width="21.791"/>
+  </g>
+  <g stroke-width="21.791">
+    <polygon points="258.31 87.75 219.64 87.75 219.64 48.667 258.31 86.38"/>
+    <path d="m227.64 67.646 12.41 12.104h-12.41v-12.104m-5.002-27.229h-10.998v55.333h54.666v-12.742z"/>
+  </g>
+  <g fill="#ed1c24" stroke-width="212.65">
+    <polygon points="311.89 284.49 22.544 284.49 22.544 167.68 37.291 152.94 37.291 171.49 297.15 171.49 297.15 152.94 311.89 167.68"/>
+    <path d="m303.65 168.63 1.747 1.747v107.62h-276.35v-107.62l1.747-1.747v9.362h272.85v-9.362m-12.999-31.385v27.747h-246.86v-27.747l-27.747 27.747v126h302.35v-126z"/>
+  </g>
+  <rect x="1.7219" y="7.9544" width="10.684" height="4.0307" fill="none"/>
+  <g fill="#fff" stroke-width="21.791" aria-label="PDF">
+    <path d="m9.216 0v-83.2h30.464q6.784 0 12.928 1.408 6.144 1.28 10.752 4.608 4.608 3.2 7.296 8.576 2.816 5.248 2.816 13.056 0 7.68-2.816 13.184-2.688 5.504-7.296 9.088-4.608 3.456-10.624 5.248-6.016 1.664-12.544 1.664h-8.96v26.368zm22.016-43.776h7.936q6.528 0 9.6-3.072 3.2-3.072 3.2-8.704t-3.456-7.936-9.856-2.304h-7.424z"/>
+    <path d="m87.04 0v-83.2h24.576q9.472 0 17.28 2.304 7.936 2.304 13.568 7.296t8.704 12.8q3.2 7.808 3.2 18.816t-3.072 18.944-8.704 13.056q-5.504 5.12-13.184 7.552-7.552 2.432-16.512 2.432zm22.016-17.664h1.28q4.48 0 8.448-1.024 3.968-1.152 6.784-3.84 2.944-2.688 4.608-7.424t1.664-12.032-1.664-11.904-4.608-7.168q-2.816-2.56-6.784-3.456-3.968-1.024-8.448-1.024h-1.28z"/>
+    <path d="m169.22 0v-83.2h54.272v18.432h-32.256v15.872h27.648v18.432h-27.648v30.464z"/>
+  </g>
+</svg>

package/src/icons/word.svg

@@ -0,0 +1,13 @@
+<svg viewBox="0 0 560 400" xmlns="http://www.w3.org/2000/svg">
+  <g fill-rule="nonzero">
+    <path d="m380.829 103.753h-146.659c-5.028 0-9.165 4.137-9.165 9.165v38.959l82.498 24.062 82.497-24.062v-38.959c0-5.028-4.137-9.165-9.164-9.165z" fill="#41a5ee"/>
+    <path d="m389.993 151.877h-164.994v48.123l82.497 24.062 82.497-24.062z" fill="#2b7cd3"/>
+    <path d="m389.993 200h-164.994v48.124l82.497 24.061 82.497-24.061z" fill="#185abd"/>
+    <path d="m389.993 248.124h-164.994v38.959c0 5.027 4.136 9.164 9.163 9.164h146.66c5.027 0 9.164-4.137 9.164-9.164z" fill="#103f91"/>
+    <path d="m284.582 138.127h-59.583v130.621h59.583c5.022-.015 9.149-4.143 9.164-9.164v-112.286c-.015-5.021-4.142-9.149-9.164-9.164z" fill-opacity=".098039"/>
+    <path d="m277.708 145.002h-52.709v130.621h52.709c5.021-.015 9.149-4.143 9.163-9.165v-112.285c-.014-5.021-4.142-9.149-9.163-9.164zm0 0h-52.709v116.871h52.709c5.021-.015 9.149-4.143 9.163-9.164v-98.536c-.014-5.021-4.142-9.149-9.163-9.164zm-6.875 0h-45.834v116.871h45.834c5.021-.015 9.149-4.143 9.163-9.164v-98.536c-.014-5.021-4.142-9.149-9.163-9.164z" fill-opacity=".2"/>
+    <path d="m179.164 145.002h91.661c5.028 0 9.165 4.136 9.165 9.164v91.662c0 5.027-4.137 9.163-9.165 9.163h-91.661c-5.027 0-9.164-4.136-9.164-9.163v-91.662c0-5.028 4.137-9.164 9.164-9.164z" fill="#185abd"/>
+    <path d="m252.154 234.374h-12.375l-14.437-47.436-15.125 47.436h-12.374l-13.75-68.748h12.375l9.624 48.123 14.438-46.748h10.312l13.75 46.748 9.624-48.123h11.687z" fill="#fff"/>
+  </g>
+  <path d="m170 90.004h219.993v219.993h-219.993z" fill="none"/>
+</svg>

package/src/lib/admin/_admin-theme.scss

@@ -0,0 +1,6 @@
+@mixin admin-theme($theme) {
+  $accent: mat.get-color-from-palette($theme, accent);
+  $background: mat.get-color-from-palette($theme, background);
+  $foreground: mat.get-color-from-palette($theme, foreground);
+  $is-dark-theme: mat.get-color-from-palette($theme, is-dark);
+}

package/src/lib/admin/admin-dismiss.service.ts

@@ -0,0 +1,24 @@
+import { Injectable } from "@angular/core";
+import { CanDismiss } from "../core/configuration";
+import { PromptService } from "../core/prompt.service";
+
+
+@Injectable()
+export class AdminDismiss implements CanDismiss<AdminComponent> {
+    constructor(private _sb: PromptService) {
+    }
+  onDismiss(component: AdminComponent): Promise<boolean> | boolean {
+        if (component.dirty)
+          return this._sb.ask('SaveChangesAsk', 'SaveChanges', { i18n: true, color: 'primary', ok: 'Save', cancel: 'DiscardChanges' }).
+            toPromise().
+            then(ok => ok ? component.save().then(() => true) : true
+            );
+        else
+            return true;
+    }
+
+}
+export interface AdminComponent {
+  save(): Promise<any>;
+  dirty: boolean;
+}

package/src/lib/admin/admin-menu.component.html

@@ -0,0 +1,18 @@
+<!--<span class="mat-subheader">BizDoc</span>
+<h1 class="mat-display-1">{{'System'|translate}}</h1>-->
+
+<mat-nav-list>
+  <h3 matSubheader *ngIf="!collapsed">{{'Workflow'|translate}}</h3>
+  <mat-list-item *ngFor="let f of profile.forms" [slotRouterLink]='["admin/forms", f.name]' slotRouterLinkActive="active">
+    <mat-icon matListIcon [bizdocTooltip]="f.title" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">{{f.icon}}</mat-icon>
+    <span matLine>{{f.title}}</span>
+  </mat-list-item>
+  <mat-divider></mat-divider>
+
+  <h3 matSubheader *ngIf="!collapsed">{{'Utilities'|translate}}</h3>
+
+  <mat-list-item *ngFor="let u of profile.utilities" [slotRouterLink]='["admin/utilities", u.name]' slotRouterLinkActive="active">
+    <mat-icon matListIcon [bizdocTooltip]="u.title" bizdocTooltipPosition="end" [bizdocTooltipDisabled]="!collapsed">{{u.icon || 'build'}}</mat-icon>
+    <span matLine>{{u.title}}</span>
+  </mat-list-item>
+</mat-nav-list>

package/src/lib/admin/admin-menu.component.ts

@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Profile } from '../core/models';
+import { SessionService } from '../core/session.service';
+
+@Component({
+  selector: 'bizdoc-admin-menu',
+  templateUrl: './admin-menu.component.html'
+})
+export class AdminMenuComponent implements OnInit {
+  @Input() collapsed: boolean;
+  profile: Profile;
+
+  constructor(session: SessionService) {
+    this.profile = session.profile;
+  }
+
+  ngOnInit(): void {
+  }
+
+}

package/src/lib/admin/core/ace.input.ts

@@ -0,0 +1,133 @@
+import { Component, Input, OnDestroy, HostBinding, Optional, Self, OnInit, ElementRef } from '@angular/core';
+import { NgControl, ControlValueAccessor } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as brace from 'brace';
+import 'brace/mode/javascript';
+import 'brace/theme/github';
+import 'brace/ext/language_tools';
+@Component({
+  selector: 'bizdoc-ace-input',
+  providers: [{ provide: MatFormFieldControl, useExisting: AceInput }],
+  template: `<div></div>`,
+  styles: [':host ::ng-deep textarea {position: unset}',
+    ':host ::ng-deep .ace_scrollbar.ace_scrollbar-h {height: 5px !important}',
+    ':host ::ng-deep .ace_editor {min-height: 50px;}']
+})
+export
+  class AceInput implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy, OnInit {
+  focus() {
+  this._editor.focus();
+  }
+
+  private static nextId = 0;
+  private _placeholder: string;
+  private _required = false;
+  private _disabled = false;
+  private _value?: string;
+  private _onChange: any;
+  private _onTouched: any;
+  private _editor: brace.Editor;
+  readonly stateChanges = new Subject<void>();
+  @HostBinding() id = `ace-input-${AceInput.nextId++}`;
+  @Input() params: any;
+  @Input() get placeholder() {
+    return this._placeholder;
+  }
+  set placeholder(plh) {
+    this._placeholder = plh;
+    this.stateChanges.next();
+  }
+  focused = false;
+  get empty(): boolean { return this._value === ''; }
+  @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.stateChanges.next();
+  }
+  errorState = false;
+  controlType?: string = 'bizdoc-ace-input';
+  autofilled?: boolean;
+  @HostBinding('attr.aria-describedby') describedBy = '';
+
+  setDescribedByIds(ids: string[]) {
+    this.describedBy = ids.join(' ');
+  }
+  onContainerClick(): void {
+    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 {
+    return this._value;
+  }
+  set value(val: string) {
+    this._value = val;
+    this.stateChanges.next();
+  }
+  constructor(@Optional() @Self() public ngControl: NgControl, private _el: ElementRef,
+    private _http: HttpClient) {
+    if (this.ngControl != null) {
+      this.ngControl.valueAccessor = this;
+    }
+  }
+  ngOnInit(): void {
+    this._editor = brace.edit(this._el.nativeElement.firstChild);
+    this._editor.getSession().setMode('ace/mode/javascript');
+    this._editor.setTheme('ace/theme/github');
+    this._editor.setOptions({
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true
+    });
+    this._editor.setValue(this._value || '');
+    const rules = this._http.get<{ [name: string]: Rule }>(`api/form/rules`, { params: this.params });
+    this._editor.addEventListener('change', () => {
+      const val = this._editor.getValue();
+      this._value = val;
+      this._onChange(val);
+    });
+    this._editor.addEventListener('focus', () => {
+      this.focused = true;
+      this._onTouched();
+    });
+    this._editor.addEventListener('blur', () => this.focused = false);
+    brace.acequire("ace/ext/language_tools").addCompleter({
+      getCompletions: (_editor, _session, _pos, _prefix, callback) => {
+        rules.subscribe(r =>
+          callback(null, Object.keys(r).map(n => {
+            return { name: n, value: n, score: 1, meta: 'BizDoc' };
+          })));
+      }
+    });
+  }
+  ngOnDestroy(): void {
+    this.stateChanges.complete();
+  }
+}
+interface Rule {
+  title: string;
+}

package/src/lib/admin/core/color-picker.input.scss

@@ -0,0 +1,17 @@
+.color-palette {
+  display: flex;
+  flex-direction: column;
+}
+
+.color-palette .color-container {
+  display: flex;
+}
+
+button {
+  width: 100%;
+}
+
+.color-item {
+  width: 20px;
+  height: 20px;
+}