@colijnit/sharedcomponents 261.1.0 → 261.1.2

package/projects/sharedcomponents/src/lib/components/date-planning/date-planning.component.ts

@@ -0,0 +1,145 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  HostBinding,
+  Input,
+  Output,
+  Renderer2,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import {animate, state, style, transition, trigger} from "@angular/animations";
+import {CalendarView} from '../../enum/calendar-view.enum';
+import {AgendaEventPerDay} from "../../model/agenda-event-per-day.model";
+
+@Component({
+  selector: "co-date-planning",
+  template: `
+    <div class="sc-agenda">
+      <div class="content-wrapper">
+        <calendar *ngIf="calendarNavigation"
+                  [view]="view"
+                  [(days)]="days"
+                  [selectedDate]="selectedDate" (selectedDateChange)="doChangeSelectedDate($event)"></calendar>
+        <div class="agenda-content-wrapper mini-scrollbar">
+          <div class="agenda-content">
+            <agenda-header [view]="view" (viewChange)="doChangeView($event)"
+                           [firstAvailableDate]="firstAvailableDate"
+                           [eventsPerDay]="eventsPerDay"
+                           [selectedDate]="selectedDate"
+                           (selectedDateChange)="doChangeSelectedDate($event)"
+                           [viewSelection]="viewSelection"
+                           (rangeChange)="doChangeSelectedDate($event, true)"></agenda-header>
+            <agenda-view [view]="view"
+                         [customEventObject]="customEventObject"
+                         [selectedDate]="selectedDate"
+                         [eventsPerDay]="eventsPerDay"
+                         (eventChecked)="eventChecked.emit($event)"></agenda-view>
+          </div>
+        </div>
+      </div>
+    </div>
+    <co-button *ngIf="showButton && eventsPerDay.length > 0" class="text-only select-agenda-button"
+               [label]="buttonLabel"
+               (click)="buttonClick.emit($event)">
+    </co-button>
+    `,
+  animations: [
+    trigger("showHideWindow", [
+      state("void", style({transform: "scaleY(0)"})),
+      state("*", style({transform: "scaleY(1)"})),
+      transition(":enter, :leave", [
+        animate("200ms ease-in-out")
+      ])
+    ])
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+
+export class DatePlanningComponent {
+  @ViewChild("dayStart", { static: true })
+  public dayStart: ElementRef;
+
+  @Input()
+  public calendarNavigation: boolean = false;
+
+  @Input()
+  public customEventObject: boolean = false;
+
+  @Input()
+  public showButton: boolean = false;
+
+  @Input()
+  public selectedDate: Date;
+
+  @Input()
+  public firstAvailableDate: Date;
+
+  @Input()
+  public buttonLabel: string = "";
+
+  @Input()
+  public eventsPerDay: AgendaEventPerDay[] = [];
+
+  @Input()
+  public view: CalendarView = CalendarView.ThreeDaysView;
+
+  @Input()
+  public viewSelection: boolean = true;
+
+  @Output()
+  public readonly eventChecked: EventEmitter<any> = new EventEmitter<any>();
+
+  @Output()
+  public readonly selectedDateChange: EventEmitter<Date> = new EventEmitter<Date>();
+
+  @Output()
+  public readonly rangeChange: EventEmitter<Date> = new EventEmitter<Date>();
+
+  @Output()
+  public readonly viewChange: EventEmitter<CalendarView> = new EventEmitter<CalendarView>();
+
+  @Output()
+  public readonly buttonClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  @HostBinding("class.co-date-planning")
+  public showClass: boolean = true;
+
+  public days: Date[] = [];
+  private _selectedDate: Date = new Date();
+
+  constructor(
+    private _changeDetector: ChangeDetectorRef,
+    private renderer: Renderer2
+  ) {
+  }
+
+  public doChangeSelectedDate(date: Date, rangeChanged: boolean = false): void {
+    this.selectedDate = new Date(date);
+    if (rangeChanged) {
+      this.rangeChange.next(this.selectedDate);
+    } else {
+      this.selectedDateChange.next(this.selectedDate);
+    }
+    this._changeDetector.detectChanges();
+  }
+
+  public doChangeView(view: CalendarView): void {
+    this.view = view;
+    this.viewChange.next(this.view);
+  }
+
+  public scrollToDayStart(): void {
+    if (this.dayStart !== undefined) {
+      const dayStart: any = this.renderer.selectRootElement("#dayStart");
+      if (dayStart) {
+        setTimeout(() => {
+          dayStart.scrollIntoView({behavior: "instant", block: "center"});
+        });
+      }
+    }
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/date-planning/date-planning.module.ts

@@ -0,0 +1,63 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {DatePlanningComponent} from "./date-planning.component";
+import {ButtonModule, IconModule, InputDatePickerModule} from "@colijnit/corecomponents_v12";
+import {CalendarAllYearsComponent} from "./component/calendar/calendar-all-years.component";
+import {CalendarAllMonthsComponent} from "./component/calendar/calendar-all-months.component";
+import {CalendarHeaderComponent} from "./component/calendar/calendar-header.component";
+import {CalendarComponent} from "./component/calendar/calendar.component";
+import {CalendarViewComponent} from "./component/calendar/calendar-view.component";
+import {AgendaHeaderComponent} from "./component/agenda/agenda-header.component";
+import {AgendaViewComponent} from "./component/agenda/agenda-view.component";
+import {AgendaMonthViewComponent} from "./component/agenda/agenda-month-view.component";
+import {AgendaDayViewComponent} from "./component/agenda/agenda-day-view.component";
+import {AgendaWeekViewComponent} from "./component/agenda/agenda-week-view.component";
+import {AgendaWeekSelectViewComponent} from "./component/agenda/agenda-week-select-view.component";
+import {AgendaHourViewComponent} from "./component/agenda/agenda-hour-view.component";
+import {AgendaHourCellComponent} from "./component/agenda/agenda-hour-cell.component";
+import {AgendaHourViewLabelsComponent} from "./component/agenda/agenda-hour-view-labels.component";
+import {AgendaHalfHourCellComponent} from "./component/agenda/agenda-half-hour-cell.component";
+import {AgendaEventsComponent} from "./component/agenda/agenda-events.component";
+import {AgendaEventComponent} from "./component/agenda/agenda-event.component";
+import {MASTER_PIPES} from "../../pipe/master-pipes";
+import {ViewSelectComponent} from "./component/agenda/view-select.component";
+import {AgendaSelectEventComponent} from "./component/agenda/agenda-select-event.component";
+import {SharedComponentsTranslationModule} from '../../translation/shared-components-translation.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    InputDatePickerModule,
+    IconModule,
+    ButtonModule,
+    SharedComponentsTranslationModule
+  ],
+  declarations: [
+    DatePlanningComponent,
+    CalendarAllYearsComponent,
+    CalendarAllMonthsComponent,
+    CalendarHeaderComponent,
+    CalendarComponent,
+    CalendarViewComponent,
+    AgendaHeaderComponent,
+    AgendaViewComponent,
+    AgendaMonthViewComponent,
+    AgendaDayViewComponent,
+    AgendaWeekViewComponent,
+    AgendaWeekSelectViewComponent,
+    AgendaHourViewComponent,
+    AgendaHourCellComponent,
+    AgendaHourViewLabelsComponent,
+    AgendaHalfHourCellComponent,
+    AgendaEventsComponent,
+    AgendaEventComponent,
+    ViewSelectComponent,
+    AgendaSelectEventComponent,
+    MASTER_PIPES
+  ],
+  exports: [
+    DatePlanningComponent
+  ]
+})
+export class DatePlanningModule {
+}

package/projects/sharedcomponents/src/lib/components/docsign/component/signature/signature.component.ts

@@ -0,0 +1,82 @@
+import {Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild, ViewEncapsulation} from "@angular/core";
+import SignaturePad from "signature_pad";
+
+@Component({
+  selector: "co-signature",
+  template: `
+    <div class="signature-wrapper">
+      <div class="signature-header">
+        <span *ngIf="title" class="title" [textContent]="title"></span>
+        <div class="button-wrapper">
+          <input type="button" (click)="handleSave($event)" [value]="saveButtonLabel"/>
+          <input type="button" (click)="handleClear($event)" [value]="clearButtonLabel">
+        </div>
+      </div>
+      <div class="canvas">
+        <canvas #signature></canvas>
+      </div>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SignatureComponent {
+  @ViewChild("signature", {read: ElementRef}) set content(content: ElementRef) {
+    if (content) {
+      this.signatureCanvas = content;
+      this._initCanvas();
+    }
+  }
+
+  @Input()
+  public title: string;
+
+  @Input()
+  public saveButtonLabel: string = 'SAVE';
+
+  @Input()
+  public clearButtonLabel: string = 'CLEAR';
+
+  @Output()
+  public save: EventEmitter<string> = new EventEmitter<string>();
+
+  @HostBinding("class.co-signature")
+  public showClass() {
+    return true;
+  }
+
+  public signature: SignaturePad;
+  public signatureCanvas: ElementRef;
+
+  public handleSave(event: MouseEvent): void {
+    // save canvas as svg
+    // const sig: string = this.signature.toDataURL("image/svg+xml");
+    const sig: string = this.signature.toDataURL("image/png");
+    // emit signature string
+    this.save.next(sig);
+  }
+
+  public handleClear(event: MouseEvent): void {
+    if (this.signature) {
+      this.signature.clear();
+    }
+  }
+
+  private _initCanvas(): void {
+    if (this.signatureCanvas && this.signatureCanvas.nativeElement) {
+      this.signature = new SignaturePad(this.signatureCanvas.nativeElement);
+      setTimeout(() => {
+        this._resizeSignatureCanvas(this.signature, this.signatureCanvas);
+      });
+    }
+  }
+
+  private _resizeSignatureCanvas(signature: SignaturePad, signatureCanvas: ElementRef): void {
+    const imageBeforeResize: string = signature.toDataURL();
+    const ratio: number = Math.max(window.devicePixelRatio || 1, 1);
+    signatureCanvas.nativeElement.width = signatureCanvas.nativeElement.offsetWidth * ratio;
+    signatureCanvas.nativeElement.height = signatureCanvas.nativeElement.offsetHeight * ratio;
+    signatureCanvas.nativeElement.getContext("2d").scale(ratio, ratio);
+    signature.fromDataURL(imageBeforeResize);
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/docsign/component/signatures/signatures.component.ts

@@ -0,0 +1,50 @@
+import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
+
+@Component({
+  selector: "co-signatures",
+  template: `
+    <co-signature *ngIf="showFirstSignature"
+                    [title]="firstSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveFirstSignature.emit($event)"></co-signature>
+    <co-signature *ngIf="showSecondSignature"
+                    [title]="secondSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveSecondSignature.emit($event)"></co-signature>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SignaturesComponent {
+
+  @Input()
+  public showFirstSignature: boolean = false;
+
+  @Input()
+  public firstSignatureTitle: string;
+
+  @Input()
+  public showSecondSignature: boolean = false;
+
+  @Input()
+  public secondSignatureTitle: string;
+
+  @Input()
+  public saveButtonLabel: string = 'SAVE';
+
+  @Input()
+  public clearButtonLabel: string = 'CLEAR';
+
+  @Output()
+  public saveFirstSignature: EventEmitter<string> = new EventEmitter<string>();
+
+  @Output()
+  public saveSecondSignature: EventEmitter<string> = new EventEmitter<string>();
+
+  @HostBinding("class.co-signatures")
+  public showClass() {
+    return true;
+  }
+
+}

package/projects/sharedcomponents/src/lib/components/docsign/docsign.component.ts

@@ -0,0 +1,293 @@
+import {ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild, ViewEncapsulation} from '@angular/core';
+import {animate, state, style, transition, trigger} from "@angular/animations";
+import {PDFDocument} from "pdf-lib";
+import * as PDFJS from "pdfjs-dist/legacy/build/pdf";
+import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry";
+import {TextItem} from "pdfjs-dist/types/src/display/api";
+
+export interface TextDimension {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  page: number
+}
+
+@Component({
+  selector: "co-docsign",
+  template: `
+    <iframe #iframe></iframe>
+    <co-signatures *ngIf="showSignatures" @showHideSignature
+                     [showFirstSignature]="showSigBuyer"
+                     [firstSignatureTitle]="firstSignatureLabel"
+                     [showSecondSignature]="showSigSeller"
+                     [secondSignatureTitle]="secondSignatureLabel"
+                     [saveButtonLabel]="saveButtonLabel"
+                     [clearButtonLabel]="clearButtonLabel"
+                     (saveFirstSignature)="saveFirstSignature($event)"
+                     (saveSecondSignature)="saveSecondSignature($event)"
+    ></co-signatures>
+    <input type="button" *ngIf="(showSigBuyer || showSigSeller) && !showSignatures" class="button button-sign-document"
+           [value]="signDocumentButtonLabel"
+           (click)="showSignatures = true"
+    />
+    <input type="button" class="button button-cancel"
+           [value]="cancelButtonLabel"
+           (click)="cancelClick.emit($event)"
+    />
+  `,
+  animations: [
+    trigger("showHideSignature", [
+      state("void", style({transform: "translate(-50%, -50%) scale(0)"})),
+      state("*", style({transform: "translate(-50%, -50%) scale(1)"})),
+      transition("void <=> *", animate("200ms ease-in-out")),
+    ])
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class DocsignComponent {
+  @ViewChild("iframe", { read: ElementRef })
+  public iframe: ElementRef;
+
+  /**
+   * Load an existing [[PDFDocument]]. The input data can be provided in
+   * multiple formats:
+   *
+   * | Type          | Contents                                               |
+   * | ------------- | ------------------------------------------------------ |
+   * | `string`      | A base64 encoded string (or data URI) containing a PDF |
+   * | `Uint8Array`  | The raw bytes of a PDF                                 |
+   * | `ArrayBuffer` | The raw bytes of a PDF                                 |
+   *
+   * For example:
+   * ```js
+   * import { PDFDocument } from 'pdf-lib'
+   *
+   * // pdf=string
+   * const base64 =
+   *  'JVBERi0xLjcKJYGBgYEKCjUgMCBvYmoKPDwKL0ZpbHRlciAvRmxhdGVEZWNvZGUKL0xlbm' +
+   *  'd0aCAxMDQKPj4Kc3RyZWFtCniccwrhMlAAwaJ0Ln2P1Jyy1JLM5ERdc0MjCwUjE4WQNC4Q' +
+   *  '6cNlCFZkqGCqYGSqEJLLZWNuYGZiZmbkYuZsZmlmZGRgZmluDCQNzc3NTM2NzdzMXMxMjQ' +
+   *  'ztFEKyuEK0uFxDuAAOERdVCmVuZHN0cmVhbQplbmRvYmoKCjYgMCBvYmoKPDwKL0ZpbHRl' +
+   *  'ciAvRmxhdGVEZWNvZGUKL1R5cGUgL09ialN0bQovTiA0Ci9GaXJzdCAyMAovTGVuZ3RoID' +
+   *  'IxNQo+PgpzdHJlYW0KeJxVj9GqwjAMhu/zFHkBzTo3nCCCiiKIHPEICuJF3cKoSCu2E8/b' +
+   *  '20wPIr1p8v9/8kVhgilmGfawX2CGaVrgcAi0/bsy0lrX7IGWpvJ4iJYEN3gEmrrGBlQwGs' +
+   *  'HHO9VBX1wNrxAqMX87RBD5xpJuddqwd82tjAHxzV1U5LPgy52DKXWnr1Lheg+j/c/pzGVr' +
+   *  'iqV0VlwZPXGPCJjElw/ybkwUmeoWgxesDXGhHJC/D/iikp1Av80ptKU0FdBEe25pPihAM1' +
+   *  'u6ytgaaWfs2Hrz35CJT1+EWmAKZW5kc3RyZWFtCmVuZG9iagoKNyAwIG9iago8PAovU2l6' +
+   *  'ZSA4Ci9Sb290IDIgMCBSCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCi9UeXBlIC9YUmVmCi9MZW' +
+   *  '5ndGggMzgKL1cgWyAxIDIgMiBdCi9JbmRleCBbIDAgOCBdCj4+CnN0cmVhbQp4nBXEwREA' +
+   *  'EBAEsCwz3vrvRmOOyyOoGhZdutHN2MT55fIAVocD+AplbmRzdHJlYW0KZW5kb2JqCgpzdG' +
+   *  'FydHhyZWYKNTEwCiUlRU9G'
+   *
+   * const dataUri = 'data:application/pdf;base64,' + base64
+   *
+   * const pdfDoc1 = await PDFDocument.load(base64)
+   * const pdfDoc2 = await PDFDocument.load(dataUri)
+   *
+   * // pdf=Uint8Array
+   * import fs from 'fs'
+   * const uint8Array = fs.readFileSync('with_update_sections.pdf')
+   * const pdfDoc3 = await PDFDocument.load(uint8Array)
+   *
+   * // pdf=ArrayBuffer
+   * const url = 'https://pdf-lib.js.org/assets/with_update_sections.pdf'
+   * const arrayBuffer = await fetch(url).then(res => res.arrayBuffer())
+   * const pdfDoc4 = await PDFDocument.load(arrayBuffer)
+   *
+   * ```
+   *
+   * @param pdf The input data containing a PDF document.
+   * @param options The options to be used when loading the document.
+   * @returns Resolves with a document loaded from the input.
+   */
+  @Input()
+  public set pdf(value: any) {
+    if (value) {
+      if (typeof value === 'string') {
+        this._preparePDF(value);
+      } else {
+        this._pdf = value;
+      }
+      this._openPDF();
+    }
+  }
+
+  public get pdf(): any {
+    return this._pdf;
+  }
+
+  @Input()
+  public firstSignatureLabel: string;
+
+  @Input()
+  public set firstSignatureField(value: string) {
+    this._firstSignatureField = value;
+    this._checkSignatures();
+  }
+
+  public get firstSignatureField(): string {
+    return this._firstSignatureField;
+  }
+
+  @Input()
+  public secondSignatureLabel: string;
+
+  @Input()
+  public set secondSignatureField(value: string) {
+    this._secondSignatureField = value;
+    this._checkSignatures();
+  }
+
+  public get secondSignatureField(): string {
+    return this._secondSignatureField;
+  }
+
+  @Input()
+  public saveButtonLabel: string = 'SAVE';
+
+  @Input()
+  public clearButtonLabel: string = 'CLEAR';
+
+  @Input()
+  public signDocumentButtonLabel: string = 'SIGN_DOCUMENT';
+
+  @Input()
+  public cancelButtonLabel: string = 'CANCEL';
+
+  @Output()
+  public pdfSaved: EventEmitter<string> = new EventEmitter<string>();
+
+  @Output()
+  public cancelClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  @HostBinding('class.co-docsign')
+  public showClass() {
+    return true;
+  }
+
+  public showSignaturePopup: boolean = false;
+  public showSigBuyer: boolean = false;
+  public sigBuyerPosition: TextDimension;
+  public showSigSeller: boolean = false;
+  public sigSellerPosition: TextDimension;
+  public showSignatures: boolean = false;
+
+  public pdfDoc: PDFDocument;
+
+  private _pdf: any;
+  private _firstSignatureField: string;
+  private _secondSignatureField: string;
+
+  constructor(
+    private _changeDetector: ChangeDetectorRef
+  ) {
+  }
+
+  public saveFirstSignature(sig: string): void {
+    this._saveSignature(sig, this.sigBuyerPosition);
+    this.showSigBuyer = false;
+    this._savePdf();
+  }
+
+  public saveSecondSignature(sig: string): void {
+    this._saveSignature(sig, this.sigSellerPosition);
+    this.showSigSeller = false;
+    this._savePdf();
+  }
+
+  private async _openPDF(): Promise<void> {
+    // first create reader to check signatures
+    this._checkSignatures();
+
+    this.pdfDoc = await PDFDocument.load(this._pdf, {
+      updateMetadata: false
+    });
+    const pdfDataUri = await this.pdfDoc.saveAsBase64({ dataUri: true });
+    this.iframe.nativeElement.src = pdfDataUri;
+    this._changeDetector.detectChanges();
+  }
+
+  private async _savePdf(): Promise<void> {
+    if (!this.showSigBuyer && !this.showSigSeller) {
+      // ready, save the pdf and emit result
+      const result = await this.pdfDoc.saveAsBase64();
+      this.pdfSaved.next(result);
+    }
+  }
+
+  private async _checkSignatures(): Promise<void> {
+    if (!this._pdf) {
+      return;
+    }
+    let pdfWorkerSrc;
+    if (window.hasOwnProperty('pdfWorkerSrc') &&
+      typeof (window as any).pdfWorkerSrc === 'string' &&
+      (window as any).pdfWorkerSrc) {
+      pdfWorkerSrc = (window as any).pdfWorkerSrc;
+    }
+    else {
+      pdfWorkerSrc = pdfjsWorker;
+    }
+    PDFJS.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
+    const pdfReader = await PDFJS.getDocument(this._pdf).promise;
+    const numPages = pdfReader.numPages;
+    for (let i = 0; i < numPages; i++) {
+      const page = await pdfReader.getPage(i + 1);
+      const text = await page.getTextContent();
+      page.cleanup();
+      if (this.firstSignatureField) {
+        this.sigBuyerPosition = this._getPositionSignature(text, this.firstSignatureField);
+        if (this.sigBuyerPosition.width > 0 && this.sigBuyerPosition.height > 0) {
+          this.sigBuyerPosition.page = i;
+          this.showSigBuyer = true;
+          this._changeDetector.detectChanges();
+        }
+      }
+      if (this.secondSignatureField) {
+        this.sigSellerPosition = this._getPositionSignature(text, this.secondSignatureField);
+        if (this.sigSellerPosition.width > 0 && this.sigSellerPosition.height > 0) {
+          this.sigSellerPosition.page = i;
+          this.showSigSeller = true;
+          this._changeDetector.detectChanges();
+        }
+      }
+    }
+  }
+
+  private _getPositionSignature(textItem: any, signatureField: string): TextDimension {
+    const sigItem: TextItem = <TextItem>textItem.items.find((i: any) => i.str.toLowerCase() === signatureField.toLowerCase());
+    if (sigItem) {
+      textItem.items.slice(textItem.items.indexOf(sigItem), 1);
+      return {
+        x: sigItem.transform[4],
+        y: sigItem.transform[5],
+        width: sigItem.width,
+        height: sigItem.height,
+        page: 0
+      };
+    }
+    return {x: 0, y: 0, width: 0, height: 0, page: 0}
+  }
+
+  private async _saveSignature(sig: string, dimensions: TextDimension): Promise<void> {
+    const jpgImage = await this.pdfDoc.embedPng(sig);
+    const page = await this.pdfDoc.getPage(dimensions.page);
+    page.drawImage(jpgImage, {
+      x: ((dimensions.x + (dimensions.width / 2)) - (200 / 2)),
+      y: ((dimensions.y + (dimensions.height / 2)) - (100 / 2)),
+      width: 200,
+      height: 100
+    });
+  }
+
+  private _preparePDF(base64: string): void {
+    var binary_string = window.atob(base64);
+    var len = binary_string.length;
+    var bytes = new Uint8Array(len);
+    for (var i = 0; i < len; i++) {
+      bytes[i] = binary_string.charCodeAt(i);
+    }
+    this._pdf = bytes;
+  }
+}

package/projects/sharedcomponents/src/lib/components/docsign/docsign.module.ts

@@ -0,0 +1,22 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {DocsignComponent} from "./docsign.component";
+import {SignatureComponent} from "./component/signature/signature.component";
+import {SignaturesComponent} from "./component/signatures/signatures.component";
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [
+    DocsignComponent,
+    SignatureComponent,
+    SignaturesComponent
+  ],
+  exports: [
+    DocsignComponent
+  ]
+})
+export class DocsignModule {
+
+}