npm - @colijnit/sharedcomponents - Versions diffs - 1.0.54 → 1.0.56 - Mend

@colijnit/sharedcomponents 1.0.54 → 1.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/src/app/app.module.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import { APP_INITIALIZER, NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { DocsignModule } from "../../projects/sharedcomponents/src/lib/components/docsign/docsign.module";
+import { KeyPadModule } from '../../projects/sharedcomponents/src/lib/components/key-pad/key-pad.module';
+import {
+  LayoutSwitcherModule
+} from "../../projects/sharedcomponents/src/lib/components/layout-switcher/layout-switcher.module";
+import {
+  CoLinearGaugeModule
+} from "../../projects/sharedcomponents/src/lib/components/linear-gauge/co-linear-gauge.module";
+import {
+  SendMethodDialogModule
+} from "../../projects/sharedcomponents/src/lib/components/send-method-dialog/send-method-dialog.module";
+import { StatusbarModule } from "../../projects/sharedcomponents/src/lib/components/statusbar/statusbar.module";
+import { StockModule } from "../../projects/sharedcomponents/src/lib/components/stock/stock.module";
+import { ClickOutsideDirective } from "../../projects/sharedcomponents/src/lib/directives/click-outside.directive";
+import { SharedInitializerService } from "../../projects/sharedcomponents/src/lib/service/shared-initializer.service";
+import { AppComponent } from './app.component';
+import {
+  DatePlanningModule
+} from "../../projects/sharedcomponents/src/lib/components/date-planning/date-planning.module";
+import {TagsModule} from "../../projects/sharedcomponents/src/lib/components/tags/tags.module";
+import {
+  ScreenConfigGeneratorModule
+} from "../../projects/sharedcomponents/src/lib/components/screen-config-generator/screen-config-generator.module";
+import {LoginModule} from '../../projects/sharedcomponents/src/lib/components/login/login.module';
+import {CoreComponentsTranslationModule} from '@colijnit/corecomponents_v12';
+import {SimpleTagsModule} from "../../projects/sharedcomponents/src/lib/components/simple-tags/simple-tags.module";
+@NgModule({
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        DocsignModule,
+        StockModule,
+        SendMethodDialogModule,
+        KeyPadModule,
+        LayoutSwitcherModule,
+        StatusbarModule,
+        CoLinearGaugeModule,
+        DatePlanningModule,
+        TagsModule,
+        ScreenConfigGeneratorModule,
+        LoginModule,
+      SimpleTagsModule,
+        CoreComponentsTranslationModule.forRoot()
+    ],
+  declarations: [
+    ClickOutsideDirective,
+    AppComponent,
+  ],
+  exports: [
+    ClickOutsideDirective
+  ],
+  providers: [
+    SharedInitializerService,
+    {
+      provide: APP_INITIALIZER,
+      useFactory: (ss: SharedInitializerService) => function () {
+        return ss.initializeApp();
+      },
+      deps: [SharedInitializerService],
+      multi: true
+    }
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

package/src/app/bundle/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>SharedComponents</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+</head>
+<body>
+</body>
+</html>

package/src/app/bundle/login/login-bundle.component.scss ADDED Viewed

@@ -0,0 +1,6 @@
+@import "~@colijnit/corecomponents_v12/lib/style/corecomponents-globals";
+@import "~@colijnit/corecomponents_v12/lib/components/button/style/material.scss";
+@import "~@colijnit/corecomponents_v12/lib/components/input-text/style/material.scss";
+@import "projects/sharedcomponents/src/lib/style/sharedcomponents-globals";
+@import "projects/sharedcomponents/src/lib/components/login/style/material";

package/src/app/bundle/login/login-bundle.component.ts ADDED Viewed

@@ -0,0 +1,111 @@
+import {
+    ChangeDetectorRef,
+    Component, EventEmitter,
+    HostBinding,
+    Input,
+    OnChanges,
+    OnDestroy,
+    Output,
+    SimpleChanges,
+    ViewEncapsulation
+} from '@angular/core';
+import {LoginComponentPageType} from '../../../../projects/sharedcomponents/src/lib/enum/login-component-page.type.enum';
+import {LoginResponse} from '@colijnit/ioneconnector/build/model/login-response';
+@Component({
+    selector: 'ione-login',
+    template: `
+        <co-login *ngIf="loaded"
+                [loginType]="loginTypes.UserNameAndPasswordEntry"
+                [reCaptchaSiteKey]="reCaptchaSiteKey"
+                [securityCode]="securityCode"
+                [settings]="settings"
+                [upId]="upId"
+                [clientVersion]="clientVersion"
+                [clientLanguage]="clientLanguage"
+                  (userLoggedIn)="userLoggedIn.emit($event)"
+        ></co-login>
+    `,
+    styleUrls: ['./login-bundle.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+export class LoginBundleComponent implements OnDestroy, OnChanges {
+    public readonly loginTypes: typeof LoginComponentPageType = LoginComponentPageType;
+    @Input()
+    public set settings(value: any) {
+        if (value) {
+            let settings: any;
+            if (typeof value === 'string') {
+                settings = JSON.parse(value);
+            } else {
+                settings = value;
+            }
+            this._setSettings(settings);
+        }
+    }
+    public get settings(): any {
+        return this._settings;
+    }
+    @Output()
+    public userLoggedIn: EventEmitter<LoginResponse> = new EventEmitter<LoginResponse>();
+    @HostBinding("class.ione-login")
+    public showClass: boolean = true;
+    public reCaptchaSiteKey: string;
+    public securityCode: string;
+    public upId: number;
+    public clientVersion: string;
+    public clientLanguage: string;
+    public loaded: boolean = false;
+    private _settings: any;
+    constructor(
+        private _changeDetector: ChangeDetectorRef) {
+    }
+    ngOnDestroy() {
+        this._changeDetector = undefined;
+    }
+    ngOnChanges(changes: SimpleChanges): void {
+        this._changeDetector.detectChanges();
+    }
+    private async _setSettings(settings: any): Promise<void> {
+        if (settings) {
+            if (!settings.reCaptchaSiteKey) {
+                console.error('no reCaptchaSiteKey provided!');
+            } else {
+                this.reCaptchaSiteKey = settings.reCaptchaSiteKey;
+            }
+            if (!settings.securityCode) {
+                console.error('no securityCode provided!');
+            } else {
+                this.securityCode = settings.securityCode;
+            }
+            if (!settings.schema) {
+                console.error('no schema provided!');
+            } else {
+                this.upId = parseInt(settings.schema);
+            }
+            if (!settings.version) {
+                console.error('no version provided!');
+            } else {
+                this.clientVersion = settings.version;
+            }
+            if (!settings.languageCode) {
+                console.error('no languageCode provided!');
+            } else {
+                const language: string[] = settings.languageCode.split("_");
+                this.clientLanguage = language[0];
+            }
+            this._settings = settings;
+            this.loaded = true;
+        }
+    }
+}

package/src/app/bundle/login/login-bundle.module.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import {Injector, NgModule} from '@angular/core';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {createCustomElement} from '@angular/elements';
+import {LoginBundleComponent} from './login-bundle.component';
+import {LoginModule} from '../../../../projects/sharedcomponents/src/lib/components/login/login.module';
+import {LocalizeService} from '../../../../projects/sharedcomponents/src/lib/localization/localize.service';
+@NgModule({
+    imports: [
+        BrowserAnimationsModule,
+        LoginModule
+    ],
+    declarations: [
+        LoginBundleComponent
+    ],
+    providers: [
+        LocalizeService
+    ],
+    exports: [
+        LoginBundleComponent
+    ]
+})
+export class LoginBundleModule {
+    constructor(private _injector: Injector) {}
+    ngDoBootstrap() {
+        const elSelector =
+            createCustomElement(LoginBundleComponent, {injector: this._injector});
+        customElements.define('ione-login', elSelector);
+    }
+}

package/src/app/bundle/main-login-bundle.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import {environment} from '../../environments/environment';
+import {enableProdMode} from '@angular/core';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {LoginBundleModule} from '../bundle/login/login-bundle.module';
+if (environment.production) {
+    enableProdMode();
+}
+platformBrowserDynamic().bootstrapModule(LoginBundleModule)
+    .catch((error) => console.log(error));

package/src/app/bundle/polyfills.ts ADDED Viewed

@@ -0,0 +1,63 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js'; // Included with Angular CLI.
+import 'reflect-metadata';
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/src/app/test-data.service.ts ADDED Viewed

@@ -0,0 +1,60 @@
+import {Injectable} from '@angular/core';
+import {ReportLayoutSelectionEmail} from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import {ReportLayoutSelectionPrint} from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+@Injectable({
+  providedIn: 'root'
+})
+export class TestDataService {
+  public emailLayouts: ReportLayoutSelectionEmail[] = [];
+  public printLayouts: ReportLayoutSelectionPrint[] = [];
+  constructor() {
+    this._createTestData();
+  }
+  private _createTestData(): void {
+    this._createEmailLayouts();
+    this._createPrintLayouts();
+  }
+  private _createEmailLayouts(): void {
+    const emailLayout: ReportLayoutSelectionEmail = new ReportLayoutSelectionEmail();
+    emailLayout.reportId = 1;
+    emailLayout.name = "Standaard email rapport";
+    emailLayout.description = "Standaard email rapport";
+    emailLayout.documentId = 11;
+    emailLayout.sendMethod = 2;
+    emailLayout.isDefault = true;
+    this.emailLayouts.push(emailLayout);
+    const emailLayout1: ReportLayoutSelectionEmail = new ReportLayoutSelectionEmail();
+    emailLayout1.reportId = 2;
+    emailLayout1.name = "Email rapport 2";
+    emailLayout1.description = "Email rapport 2";
+    emailLayout1.documentId = 16;
+    emailLayout1.sendMethod = 2;
+    emailLayout1.isDefault = false;
+    this.emailLayouts.push(emailLayout1);
+  }
+  private _createPrintLayouts(): void {
+    const printLayout: ReportLayoutSelectionPrint = new ReportLayoutSelectionPrint();
+    printLayout.reportId = 1;
+    printLayout.name = "Standaard voorraadsticker 99x73";
+    printLayout.description = "Standaard voorraadsticker 99x73";
+    printLayout.documentId = 32;
+    printLayout.sendMethod = 1;
+    printLayout.isDefault = true;
+    this.printLayouts.push(printLayout);
+    const printLayout1: ReportLayoutSelectionPrint = new ReportLayoutSelectionPrint();
+    printLayout1.reportId = 2;
+    printLayout1.name = "Voorraadsticker 100x50";
+    printLayout1.description = "Voorraadsticker 100x50";
+    printLayout1.documentId = 35;
+    printLayout1.sendMethod = 1;
+    printLayout1.isDefault = false;
+    this.printLayouts.push(printLayout1);
+  }
+}

package/src/assets/.gitkeep ADDED Viewed

File without changes

package/src/environments/environment.bundle.prod.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export const environment = {
+    production: true
+};

package/src/environments/environment.prod.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/src/environments/environment.ts ADDED Viewed

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+export const environment = {
+  production: false
+};
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

package/src/favicon.ico ADDED Viewed

Binary file

package/src/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Sharedcomponents</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

package/src/main.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+if (environment.production) {
+  enableProdMode();
+}
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));

package/src/polyfills.ts ADDED Viewed

@@ -0,0 +1,53 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js';  // Included with Angular CLI.
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/src/styles.scss ADDED Viewed

@@ -0,0 +1,54 @@
+//$cc-color-action: pink;
+@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap');
+$sc-font-family: 'Inter', sans-serif;
+$cc-btn-font-size: 12px;
+$cc-simple-grid-font-size: 10px;
+@import "corecomponents_v12/lib/style/corecomponents-globals";
+@import "corecomponents_v12/lib/components/button/style/material.scss";
+@import "corecomponents_v12/lib/components/input-radio-button/style/material.scss";
+@import "corecomponents_v12/lib/components/simple-grid/style/material.scss";
+@import "corecomponents_v12/lib/components/input-date-picker/style/material.scss";
+@import "corecomponents_v12/lib/components/co-dialog/style/material.scss";
+@import "corecomponents_v12/lib/components/co-dialog-wizard/style/material.scss";
+@import "corecomponents_v12/lib/components/input-checkbox/style/material";
+@import "corecomponents_v12/lib/components/input-number-picker/style/material";
+@import "corecomponents_v12/lib/components/input-textarea/style/material";
+@import "corecomponents_v12/lib/components/input-text/style/material";
+@import "corecomponents_v12/lib/components/collapsible/style/material";
+@import "corecomponents_v12/lib/components/list-of-values/style/material";
+@import "corecomponents_v12/lib/components/responsive-text/style/material";
+@import "style/sharedcomponents-globals";
+@import "components/docsign/style/material.scss";
+@import "components/stock/style/material.scss";
+@import "components/send-method-dialog/style/material.scss";
+@import "components/key-pad/style/material.scss";
+@import "components/layout-switcher/style/material.scss";
+@import "components/linear-gauge/style/material.scss";
+@import "components/statusbar/style/material.scss";
+@import "components/date-planning/style/material.scss";
+@import "components/date-planning/component/calendar/style/material.scss";
+@import "components/date-planning/component/agenda/style/material.scss";
+@import "components/tab-bar/style/material.scss";
+@import "components/stock-statusbar/style/material.scss";
+@import "components/screen-config-generator/style/material.scss";
+@import "components/login/style/material.scss";
+@import "components/simple-tags/style/material";
+html, body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+iframe {
+  width: 100%;
+  height: 100%;
+}
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}

package/src/test.ts ADDED Viewed

@@ -0,0 +1,26 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    <T>(id: string): T;
+    keys(): string[];
+  };
+};
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts",
+    "src/polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

package/tsconfig.bundle.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+  "extends": "./tsconfig.json",
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "",
+    "skipLibCheck": true,
+    "sourceMap": false,
+    "removeComments": true,
+    "declaration": true,
+    "emitDecoratorMetadata": false,
+    "experimentalDecorators": true,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "types": [
+    ]
+  },
+  "include": [
+    "src/app/bundle/**/*"
+  ],
+  "exclude": [
+    ".idea",
+    "e2e",
+    "scripts",
+    "node_modules",
+    "test.ts",
+    "**/*.test.ts",
+    "**/*.spec.ts",
+    "**/*.mock.ts",
+  ]
+}