@colijnit/sharedcomponents 1.0.24 → 1.0.25

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: "ione-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.ione-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: "ione-signatures",
+  template: `
+    <ione-signature *ngIf="showFirstSignature"
+                    [title]="firstSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveFirstSignature.emit($event)"></ione-signature>
+    <ione-signature *ngIf="showSecondSignature"
+                    [title]="secondSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveSecondSignature.emit($event)"></ione-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.ione-signatures")
+  public showClass() {
+    return true;
+  }
+
+}

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

@@ -0,0 +1,252 @@
+import {Component, ElementRef, EventEmitter, HostBinding, Input, 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: "ione-docsign",
+  template: `
+    <iframe #iframe></iframe>
+    <ione-signatures *ngIf="showSignatures" @showHideSignature
+                     [showFirstSignature]="showSigBuyer"
+                     [firstSignatureTitle]="firstSignatureLabel"
+                     [showSecondSignature]="showSigSeller"
+                     [secondSignatureTitle]="secondSignatureLabel"
+                     [saveButtonLabel]="saveButtonLabel"
+                     [clearButtonLabel]="clearButtonLabel"
+                     (saveFirstSignature)="saveFirstSignature($event)"
+                     (saveSecondSignature)="saveSecondSignature($event)"
+    ></ione-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) {
+      this._pdf = value;
+      this._openPDF();
+    }
+  }
+
+  public get pdf(): any {
+    return this._pdf;
+  }
+
+  @Input()
+  public firstSignatureLabel: string;
+
+  @Input()
+  public firstSignatureField: string;
+
+  @Input()
+  public secondSignatureLabel: string;
+
+  @Input()
+  public secondSignatureField: string;
+
+  @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.ione-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;
+
+  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;
+  }
+
+  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> {
+    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;
+        }
+      }
+      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;
+        }
+      }
+    }
+  }
+
+  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
+    });
+  }
+}

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 {
+
+}

package/projects/sharedcomponents/src/lib/components/key-pad/key-pad.component.ts

@@ -0,0 +1,205 @@
+import {Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation} from '@angular/core';
+import {Icon} from '../../enum/icon.enum';
+import {IconCacheService} from '../../service/icon-cache.service';
+import {KeyboardCode} from '../../enum/keyboard-code.enum';
+
+@Component({
+  selector: 'co-key-pad',
+  template: `
+    <div class="key-pad-wrapper">
+      <div class="key-pad-model-wrapper" *ngIf="showValue">
+        <div class="key-pad-model" [textContent]="internalModel" [class.negative]="isNegative"></div>
+      </div>
+      <div class="key-pad-button-wrapper">
+        <div class="key-pad-button button-7" [textContent]="'7'" (click)="handleButtonClick('7')"></div>
+        <div class="key-pad-button button-8" [textContent]="'8'" (click)="handleButtonClick('8')"></div>
+        <div class="key-pad-button button-9" [textContent]="'9'" (click)="handleButtonClick('9')"></div>
+        <div class="key-pad-button button-bs" (click)="handleBsClick($event)">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.DeleteLeftRegular)"></co-icon>
+        </div>
+        <div class="key-pad-button button-4" [textContent]="'4'" (click)="handleButtonClick('4')"></div>
+        <div class="key-pad-button button-5" [textContent]="'5'" (click)="handleButtonClick('5')"></div>
+        <div class="key-pad-button button-6" [textContent]="'6'" (click)="handleButtonClick('6')"></div>
+        <div class="key-pad-button button-minus" [textContent]="'-'" (click)="handleMinusClick($event)"></div>
+        <div class="key-pad-button button-1" [textContent]="'1'" (click)="handleButtonClick('1')"></div>
+        <div class="key-pad-button button-2" [textContent]="'2'" (click)="handleButtonClick('2')"></div>
+        <div class="key-pad-button button-3" [textContent]="'3'" (click)="handleButtonClick('3')"></div>
+        <div class="key-pad-button button-enter" (click)="handleEnterClick($event)">
+          <span [textContent]="'enter'"></span>
+        </div>
+        <div class="key-pad-button button-0" [textContent]="'0'" (click)="handleButtonClick('0')"></div>
+        <div class="key-pad-button button-dot" [textContent]="'.'" (click)="handleButtonClick('.')"></div>
+      </div>
+    </div>
+    `,
+  encapsulation: ViewEncapsulation.None
+})
+export class KeyPadComponent {
+  public icons: typeof Icon = Icon;
+
+  @Input()
+  public set model(value: number) {
+    this._model = value;
+    this._internalModel = this._model + "";
+  }
+
+  public get model(): number {
+    return this._model;
+  }
+
+  @Input()
+  public showValue: boolean = true;
+
+  @Input()
+  public emitModelChangeOnEnter: boolean = true;
+
+  @Output()
+  public modelChange: EventEmitter<number> = new EventEmitter<number>();
+
+  @Output()
+  public internalModelChange: EventEmitter<string> = new EventEmitter<string>();
+
+  @Output()
+  public enterClick: EventEmitter<void> = new EventEmitter<void>();
+
+  @HostBinding('class.co-key-pad')
+  public showClass() {
+    return true;
+  }
+
+  @HostListener('window:keydown', ['$event'])
+  public handleKeyDown(event: KeyboardEvent) {
+    this._keyDown(event);
+  }
+
+  private readonly _validKeyMap: Map<KeyboardCode | string, string> = new Map<KeyboardCode, string>([
+    [KeyboardCode.Digit0, "0"],
+    [KeyboardCode.Digit1, "1"],
+    [KeyboardCode.Digit2, "2"],
+    [KeyboardCode.Digit3, "3"],
+    [KeyboardCode.Digit4, "4"],
+    [KeyboardCode.Digit5, "5"],
+    [KeyboardCode.Digit6, "6"],
+    [KeyboardCode.Digit7, "7"],
+    [KeyboardCode.Digit8, "8"],
+    [KeyboardCode.Digit9, "9"],
+    [KeyboardCode.Numpad0, "0"],
+    [KeyboardCode.Numpad1, "1"],
+    [KeyboardCode.Numpad2, "2"],
+    [KeyboardCode.Numpad3, "3"],
+    [KeyboardCode.Numpad4, "4"],
+    [KeyboardCode.Numpad5, "5"],
+    [KeyboardCode.Numpad6, "6"],
+    [KeyboardCode.Numpad7, "7"],
+    [KeyboardCode.Numpad8, "8"],
+    [KeyboardCode.Numpad9, "9"],
+    [KeyboardCode.NumpadDecimal, "."],
+    [KeyboardCode.Period, "."]
+  ])
+
+  constructor(public iconCacheService: IconCacheService) {
+  }
+
+  public set internalModel(value: string) {
+    this._internalModel = value;
+    this.isNegative = parseFloat(this._internalModel) < 0;
+    this.internalModelChange.emit(this._internalModel);
+  }
+
+  public get internalModel(): string {
+    return this._internalModel;
+  }
+
+  public isNegative: boolean = false;
+
+  private _model: number = 0;
+  private _internalModel: string = "0";
+  private _maxCharacters: number = 11;
+
+  public handleMinusClick(event: MouseEvent | KeyboardEvent): void {
+    const model: number = parseFloat(this.internalModel);
+    if (model !== 0) {
+      if (model < 0) {
+        this.internalModel = Math.abs(model) + "";
+      } else {
+        this.internalModel = -model + "";
+      }
+    }
+    this._emitModelChange();
+  }
+
+  public handleClearClick(event: MouseEvent | KeyboardEvent): void {
+    this.internalModel = "0";
+    this._emitModelChange();
+  }
+
+  public handleBsClick(event: MouseEvent | KeyboardEvent): void {
+    let wish: string = this.internalModel;
+    wish = wish.slice(0, wish.length - 1) || "0";
+    if (!isNaN(parseFloat(wish))) {
+      this.internalModel = parseFloat(wish) + "";
+    }
+    this._emitModelChange();
+  }
+
+  public handleButtonClick(chr: string): void {
+    this._updateModel(chr);
+  }
+
+  public handleEnterClick(event: MouseEvent | KeyboardEvent): void {
+    this._emitModelChange(true);
+    this.enterClick.emit();
+  }
+
+  private _updateModel(value: string): void {
+    if (value === undefined || value === null ||
+      (value === '.' && this.internalModel.indexOf('.') > -1) ||
+      this.internalModel.length >= this._maxCharacters) {
+      return;
+    }
+    this.internalModel = this.internalModel !== "0" ? this.internalModel + value : value;
+    this._emitModelChange();
+  }
+
+  private _keyDown(event: KeyboardEvent): void {
+    if (this._isEnter(event)) {
+      this.handleEnterClick(event);
+    } else if (this._isMinus(event)) {
+      this.handleMinusClick(event);
+    } else if (this._isEscape(event)) {
+      this.handleClearClick(event);
+    } else if (this._isBackspace(event)) {
+      this.handleBsClick(event);
+    } else {
+      this._updateModel(this._validKeyMap.get(event.code));
+    }
+  }
+
+  private _isEnter(event: KeyboardEvent): boolean {
+    return event.code === KeyboardCode.Enter || event.code === KeyboardCode.NumpadEnter;
+  }
+
+  private _isMinus(event: KeyboardEvent): boolean {
+    return event.code === KeyboardCode.Minus || event.code === KeyboardCode.NumpadSubtract;
+  }
+
+  private _isEscape(event: KeyboardEvent): boolean {
+    return event.code === KeyboardCode.Escape;
+  }
+
+  private _isBackspace(event: KeyboardEvent): boolean {
+    return event.code === KeyboardCode.Backspace;
+  }
+
+  private _emitModelChange(enter: boolean = false): void {
+    if ((enter && this.emitModelChangeOnEnter) || (!enter && !this.emitModelChangeOnEnter)) {
+      const model: number = parseFloat(this.internalModel);
+      if (!isNaN(model)) {
+        if (enter && this.emitModelChangeOnEnter) {
+          this.model = model;
+        }
+        this.modelChange.emit(model);
+      }
+    }
+  }
+}

package/projects/sharedcomponents/src/lib/components/key-pad/key-pad.module.ts

@@ -0,0 +1,19 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {KeyPadComponent} from './key-pad.component';
+import {IconModule} from '@colijnit/corecomponents_v12';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    IconModule
+  ],
+  declarations: [
+    KeyPadComponent
+  ],
+  exports: [
+    KeyPadComponent
+  ]
+})
+export class KeyPadModule {
+}