@colijnit/sharedcomponents 1.0.14 → 1.0.15

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, HostListener } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -1522,22 +1522,13 @@ StockInformationComponent.propDecorators = {
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 const IconSvg = {
     "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
-    "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
-    "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
-    "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
-    "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
-    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
+    "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+    "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
-    "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
     "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
-    "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
     "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
     "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
-    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
-    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
-    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
-    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
     "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
 };
 
@@ -1591,22 +1582,13 @@ IconCacheService.ctorParameters = () => [
 var Icon;
 (function (Icon) {
     Icon["ArrowFatRight"] = "arrow_fat_right";
-    Icon["ArrowPointDown"] = "arrow_point_down";
-    Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
-    Icon["CalendarDay"] = "calendar_day";
-    Icon["Cancel"] = "cancel";
+    Icon["DeleteLeftRegular"] = "delete_left_regular";
     Icon["DeliveryTruck"] = "delivery_truck";
-    Icon["EditPencil"] = "edit_pencil";
     Icon["Email"] = "email";
     Icon["Pdf"] = "pdf";
-    Icon["PlusRound"] = "plus_round";
     Icon["Print"] = "print";
     Icon["SignatureField"] = "signature_field";
-    Icon["Tag"] = "tag";
-    Icon["ThickLines"] = "thick_lines";
-    Icon["ThinLines"] = "thin_lines";
-    Icon["Txt"] = "txt";
     Icon["Xml"] = "xml";
 })(Icon || (Icon = {}));
 
@@ -2481,6 +2463,242 @@ StockModule.decorators = [
             },] }
 ];
 
+var KeyboardCode;
+(function (KeyboardCode) {
+    KeyboardCode["Backspace"] = "Backspace";
+    KeyboardCode["Digit0"] = "Digit0";
+    KeyboardCode["Digit1"] = "Digit1";
+    KeyboardCode["Digit2"] = "Digit2";
+    KeyboardCode["Digit3"] = "Digit3";
+    KeyboardCode["Digit4"] = "Digit4";
+    KeyboardCode["Digit5"] = "Digit5";
+    KeyboardCode["Digit6"] = "Digit6";
+    KeyboardCode["Digit7"] = "Digit7";
+    KeyboardCode["Digit8"] = "Digit8";
+    KeyboardCode["Digit9"] = "Digit9";
+    KeyboardCode["Enter"] = "Enter";
+    KeyboardCode["Escape"] = "Escape";
+    KeyboardCode["Minus"] = "Minus";
+    KeyboardCode["Numpad0"] = "Numpad0";
+    KeyboardCode["Numpad1"] = "Numpad1";
+    KeyboardCode["Numpad2"] = "Numpad2";
+    KeyboardCode["Numpad3"] = "Numpad3";
+    KeyboardCode["Numpad4"] = "Numpad4";
+    KeyboardCode["Numpad5"] = "Numpad5";
+    KeyboardCode["Numpad6"] = "Numpad6";
+    KeyboardCode["Numpad7"] = "Numpad7";
+    KeyboardCode["Numpad8"] = "Numpad8";
+    KeyboardCode["Numpad9"] = "Numpad9";
+    KeyboardCode["NumpadDecimal"] = "NumpadDecimal";
+    KeyboardCode["NumpadEnter"] = "NumpadEnter";
+    KeyboardCode["NumpadSubtract"] = "NumpadSubtract";
+    KeyboardCode["Period"] = "Period";
+})(KeyboardCode || (KeyboardCode = {}));
+
+class KeyPadComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        this.showValue = true;
+        this.emitModelChangeOnEnter = true;
+        this.modelChange = new EventEmitter();
+        this.internalModelChange = new EventEmitter();
+        this.enterClick = new EventEmitter();
+        this._validKeyMap = new Map([
+            [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, "."]
+        ]);
+        this.isNegative = false;
+        this._model = 0;
+        this._internalModel = "0";
+        this._maxCharacters = 11;
+    }
+    set model(value) {
+        this._model = value;
+        this._internalModel = this._model + "";
+    }
+    get model() {
+        return this._model;
+    }
+    showClass() {
+        return true;
+    }
+    handleKeyDown(event) {
+        this._keyDown(event);
+    }
+    set internalModel(value) {
+        this._internalModel = value;
+        this.isNegative = parseFloat(this._internalModel) < 0;
+        this.internalModelChange.emit(this._internalModel);
+    }
+    get internalModel() {
+        return this._internalModel;
+    }
+    handleMinusClick(event) {
+        const model = parseFloat(this.internalModel);
+        if (model !== 0) {
+            if (model < 0) {
+                this.internalModel = Math.abs(model) + "";
+            }
+            else {
+                this.internalModel = -model + "";
+            }
+        }
+        this._emitModelChange();
+    }
+    handleClearClick(event) {
+        this.internalModel = "0";
+        this._emitModelChange();
+    }
+    handleBsClick(event) {
+        let wish = this.internalModel;
+        wish = wish.slice(0, wish.length - 1) || "0";
+        if (!isNaN(parseFloat(wish))) {
+            this.internalModel = parseFloat(wish) + "";
+        }
+        this._emitModelChange();
+    }
+    handleButtonClick(chr) {
+        this._updateModel(chr);
+    }
+    handleEnterClick(event) {
+        this._emitModelChange(true);
+        this.enterClick.emit();
+    }
+    _updateModel(value) {
+        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();
+    }
+    _keyDown(event) {
+        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));
+        }
+    }
+    _isEnter(event) {
+        return event.code === KeyboardCode.Enter || event.code === KeyboardCode.NumpadEnter;
+    }
+    _isMinus(event) {
+        return event.code === KeyboardCode.Minus || event.code === KeyboardCode.NumpadSubtract;
+    }
+    _isEscape(event) {
+        return event.code === KeyboardCode.Escape;
+    }
+    _isBackspace(event) {
+        return event.code === KeyboardCode.Backspace;
+    }
+    _emitModelChange(enter = false) {
+        if ((enter && this.emitModelChangeOnEnter) || (!enter && !this.emitModelChangeOnEnter)) {
+            const model = parseFloat(this.internalModel);
+            if (!isNaN(model)) {
+                if (enter && this.emitModelChangeOnEnter) {
+                    this.model = model;
+                }
+                this.modelChange.emit(model);
+            }
+        }
+    }
+}
+KeyPadComponent.decorators = [
+    { type: Component, args: [{
+                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
+            },] }
+];
+KeyPadComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+KeyPadComponent.propDecorators = {
+    model: [{ type: Input }],
+    showValue: [{ type: Input }],
+    emitModelChangeOnEnter: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    internalModelChange: [{ type: Output }],
+    enterClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-key-pad',] }],
+    handleKeyDown: [{ type: HostListener, args: ['window:keydown', ['$event'],] }]
+};
+
+class KeyPadModule {
+}
+KeyPadModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    KeyPadComponent
+                ],
+                exports: [
+                    KeyPadComponent
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -2489,5 +2707,5 @@ StockModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { DocsignComponent, DocsignModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi, StockChangeAmountComponent as ɵj };
+export { DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi, StockChangeAmountComponent as ɵj };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map