libey-ng-component-library 0.0.17 → 0.0.19

package/bundles/libey-ng-component-library.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('libey-ng-component-library', ['exports', '@angular/core', '@angular/common', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["libey-ng-component-library"] = {}, global.ng.core, global.ng.common, global.ng.forms));
-})(this, (function (exports, i0, i1, forms) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('rxjs'), require('angular2-signaturepad'), require('@ng-select/ng-select'), require('@ng-bootstrap/ng-bootstrap'), require('@popperjs/core')) :
+    typeof define === 'function' && define.amd ? define('libey-ng-component-library', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'rxjs', 'angular2-signaturepad', '@ng-select/ng-select', '@ng-bootstrap/ng-bootstrap', '@popperjs/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["libey-ng-component-library"] = {}, global.ng.core, global.ng.common, global.ng.forms, global.rxjs, global.i1, global.i2, global.ngBootstrap, global.core));
+})(this, (function (exports, i0, i1$1, i4, rxjs, i1, i2, ngBootstrap, core) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,7 +23,10 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     var LibeyNgComponentLibraryService = /** @class */ (function () {
         function LibeyNgComponentLibraryService() {
@@ -59,6 +62,7 @@
 
     var LibeyColumnDirective = /** @class */ (function () {
         function LibeyColumnDirective() {
+            this.view = true;
             this.isAutoClose = function () { return true; };
             this.rowspan = function () { return 0; };
         }
@@ -68,7 +72,7 @@
         return LibeyColumnDirective;
     }());
     LibeyColumnDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyColumnDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    LibeyColumnDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: LibeyColumnDirective, selector: "libey-ng-column", inputs: { header: "header", property: "property", width: "width", arrayMap: "arrayMap", isArray: "isArray", expandable: "expandable", class: "class", classHeader: "classHeader", childTableTemplate: "childTableTemplate", isAutoClose: "isAutoClose", rowspan: "rowspan", isRowspan: "isRowspan" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true, static: true }, { propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true, static: true }, { propertyName: "defaultTemplate", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], ngImport: i0__namespace });
+    LibeyColumnDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: LibeyColumnDirective, selector: "libey-ng-column", inputs: { header: "header", property: "property", width: "width", view: "view", arrayMap: "arrayMap", isArray: "isArray", expandable: "expandable", class: "class", classHeader: "classHeader", childTableTemplate: "childTableTemplate", isAutoClose: "isAutoClose", rowspan: "rowspan", isRowspan: "isRowspan" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true, static: true }, { propertyName: "cellTemplate", first: true, predicate: ["cellTemplate"], descendants: true, static: true }, { propertyName: "defaultTemplate", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyColumnDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
@@ -80,6 +84,8 @@
                     type: i0.Input
                 }], width: [{
                     type: i0.Input
+                }], view: [{
+                    type: i0.Input
                 }], arrayMap: [{
                     type: i0.Input
                 }], isArray: [{
@@ -304,7 +310,7 @@
         return LibeyNgTableComponent;
     }());
     LibeyNgTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LibeyNgTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LibeyNgTableComponent, selector: "libey-ng-table", inputs: { data: "data", pageSize: "pageSize", totalSize: "totalSize", maxPageButtons: "maxPageButtons", height: "height", expandable: "expandable", viewPaginate: "viewPaginate", childTableTemplate: "childTableTemplate", headerfixed: "headerfixed", class: "class", internalPagination: "internalPagination", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, queries: [{ propertyName: "columns", predicate: LibeyColumnDirective }], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableElement", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"table-container\"  #tableContainer [style.height]=\"height == null ? 'auto':(height + 'px')\">\r\n  <!-- <table cdkDropList (cdkDropListDropped)=\"drop($event)\"> -->\r\n  <table #table [ngClass]=\"class\">\r\n    <thead>\r\n      <tr>\r\n        <th *ngIf=\"expandable\" [ngClass]=\"headerfixed == true ? 'th-fixed':''\" style=\"width: 25px;\"></th>\r\n        <ng-container *ngFor=\"let column of columns; let i = index\">\r\n          <th [style.width]=\"column.width ? (column.width + 'px') : 'auto'\"\r\n              [ngClass]=\"headerfixed == true ? (column.classHeader + ' th-fixed'): column.classHeader\">\r\n            <!-- Custom header template -->\r\n            <ng-container *ngIf=\"column.headerTemplate; else defaultHeader\">\r\n              <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"\r\n                          [ngTemplateOutletContext]=\"{ column: column, index: i }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultHeader>\r\n              <span style=\"white-space: nowrap;\">{{ column.header }}</span>\r\n            </ng-template>\r\n            <div class=\"resize-handle\" (mousedown)=\"onResizeStart(i, $event)\"></div>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"_data.length == 0\">\r\n        <tr>\r\n          <td [colSpan]=\"expandable ? (columns.length + 1) : (columns.length)\" class=\"text-center\">\r\n            No existen datos disponibles\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"paginatedData.length != 0\">\r\n        <ng-container *ngFor=\"let item of paginatedData; let a = index\">\r\n          <tr>\r\n            <td *ngIf=\"expandable\">\r\n              <button (click)=\"toggleRow(a)\">\r\n                <i [ngClass]=\"rowExpandable[a] ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n              </button>\r\n            </td>\r\n            <ng-container *ngFor=\"let column of columns; let i = index\">\r\n              <td \r\n              *ngIf=\"(column.isRowspan && column.rowspan(item) > 0)\"\r\n              [attr.rowspan]=\"column.rowspan(item)\"\r\n              [ngClass]=\"column.class\" (click)=\"toggleRowDetail(i, a, column, item)\" [class]=\"column.expandable ? 'cursor-pointer': ''\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"detailTd\" \r\n                    [ngTemplateOutletContext]=\"{item:item, column:column, indexData:a, indexColumn:i}\">\r\n                </ng-container>  \r\n              </td>\r\n              <td \r\n              *ngIf=\"column.isRowspan != true\"\r\n              [ngClass]=\"column.class\" (click)=\"toggleRowDetail(i, a, column, item)\" [class]=\"column.expandable ? 'cursor-pointer': ''\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"detailTd\" \r\n                    [ngTemplateOutletContext]=\"{item:item, column:column, indexData:a, indexColumn:i}\">\r\n                </ng-container>  \r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n          <ng-container *ngIf=\"viewRowExpandableDetail(a)\">\r\n            <ng-container *ngTemplateOutlet=\"findRowExpandableDetail(a); context: { $implicit: item }\"></ng-container>\r\n          </ng-container>\r\n          <tr *ngIf=\"rowExpandable[a]\">\r\n            <td [attr.colspan]=\"columns.length + (expandable ? 1 : 0)\">\r\n              <ng-container [ngTemplateOutlet]=\"childTableTemplate\"\r\n                            [ngTemplateOutletContext]=\"{ parentRow: item }\">\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<div *ngIf=\"viewPaginate && _data.length != 0\" class=\"pagination-controls\">\r\n  <div class=\"d-align-center\">\r\n    <label class=\"lbl-footer me-20px\"># Registros: {{this.totalSize}}</label>\r\n    <label class=\"lbl-footer\"># Filas: {{this.pageSize}}</label>\r\n  </div>\r\n  <div>\r\n    <button (click)=\"goToPage(1)\" [disabled]=\"currentPage === 1\">\r\n      <i class=\"icon-first-page\"></i>\r\n    </button>\r\n    <button (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage === 1\">\r\n      <i class=\"icon-previous-page\"></i>\r\n    </button>\r\n    <ng-container *ngFor=\"let page of pageRange()\">\r\n      <button\r\n        (click)=\"goToPage(page)\"\r\n        [class.active]=\"currentPage === page\"\r\n        [disabled]=\"currentPage === page\">\r\n        {{ page }}\r\n      </button>\r\n    </ng-container>\r\n    <button (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage === totalPages\">\r\n      <i class=\"icon-next-page\"></i>\r\n    </button>\r\n    <button (click)=\"goToPage(totalPages)\" [disabled]=\"currentPage === totalPages\">\r\n      <i class=\"icon-last-page\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n<ng-template #detailTd let-item=\"item\" let-column=\"column\" let-indexData=\"indexData\" let-indexColumn=\"indexColumn\">\r\n  <ng-container *ngIf=\"column.getCellTemplate(); else defaultCell\">\r\n    <div style=\"display: flex; justify-content: space-between; white-space: nowrap;\">\r\n      <ng-container [ngTemplateOutlet]=\"column.getCellTemplate()\"\r\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column: column, index: indexData }\">\r\n      </ng-container>\r\n      <button *ngIf=\"column.expandable\">\r\n        <i [ngClass]=\"existRowExpandableDetail(indexColumn, indexData) ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #defaultCell>\r\n    <div style=\"display: flex; justify-content: space-between; white-space: nowrap;\">\r\n      {{ getCellValue(item, column) }}\r\n      <button *ngIf=\"column.expandable\">\r\n        <i [ngClass]=\"existRowExpandableDetail(indexColumn, indexData) ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</ng-template>", styles: [".libey-table{table {width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed;};.table-container {width: 100%; overflow-x: auto;};td,th {padding: 5px 15px; text-align: left; position: relative; overflow: hidden;};th {font-weight: 400; color: #1087E8; border-top: 1px solid #D6DEE5; background-color: #EEF5FC; border-right: 1px solid #fff;};th:last-child {border-right: 1px solid #D6DEE5;};td {border-bottom: 1px solid #D6DEE5; border-style: none none solid none;};tr td:last-child {border-right: 1px solid #D6DEE5;};tr td:first-child {border-left: 1px solid #D6DEE5;};th.sortable {cursor: pointer;};.th-fixed{position: sticky !important; top: 0 !important; z-index: 1 !important;};.th-fixed::after {content: \"\"; position: absolute; left: 0; bottom: 0; width: 100%;};.table-actions {margin-bottom: 10px; display: flex; justify-content: space-between;};.table-pagination {margin-top: 10px; display: flex; justify-content: space-between;};.pagination-controls {border-radius: 10px; justify-content: space-between; border: 1px solid #D6DEE5; padding: 0px 15px; display: flex; align-items: center; margin-top: 10px; grid-gap: 5px; gap: 5px;};button {font-size: 14px; border: 0px; padding: 5px; cursor: pointer; background-color: transparent;};button.active {font-weight: 600; color: #38E8C6;};tr:first-child th:first-child {border-top-left-radius: 10px; border-left: 1px solid #D6DEE5;};tr:first-child th:last-child {border-top-right-radius: 10px; border-right: 1px solid #D6DEE5;};tr:last-child td:first-child {border-bottom-left-radius: 10px;};tr:last-child td:last-child {border-bottom-right-radius: 10px;};.d-align-center {display: flex !important; align-items: center !important;};.me-20px{margin-right: 20px;};.icon-first-page {background-repeat: no-repeat; display: block; width: 12px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0922 0.292893C10.4827 -0.0976311 11.1159 -0.0976311 11.5064 0.292893C11.8969 0.683417 11.8969 1.31658 11.5064 1.70711L8.21353 5L11.5064 8.29289C11.8969 8.68342 11.8969 9.31658 11.5064 9.70711C11.1159 10.0976 10.4827 10.0976 10.0922 9.70711L6.09221 5.70711C5.70169 5.31658 5.70169 4.68342 6.09221 4.29289L10.0922 0.292893ZM4.49211 0.292893C4.88264 -0.0976311 5.5158 -0.0976311 5.90633 0.292893C6.29685 0.683417 6.29685 1.31658 5.90633 1.70711L2.61343 5L5.90633 8.29289C6.29685 8.68342 6.29685 9.31658 5.90633 9.70711C5.5158 10.0976 4.88264 10.0976 4.49211 9.70711L0.492111 5.70711C0.101587 5.31658 0.101587 4.68342 0.492111 4.29289L4.49211 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-first-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0922 0.292893C10.4827 -0.0976311 11.1159 -0.0976311 11.5064 0.292893C11.8969 0.683417 11.8969 1.31658 11.5064 1.70711L8.21353 5L11.5064 8.29289C11.8969 8.68342 11.8969 9.31658 11.5064 9.70711C11.1159 10.0976 10.4827 10.0976 10.0922 9.70711L6.09221 5.70711C5.70169 5.31658 5.70169 4.68342 6.09221 4.29289L10.0922 0.292893ZM4.49211 0.292893C4.88264 -0.0976311 5.5158 -0.0976311 5.90633 0.292893C6.29685 0.683417 6.29685 1.31658 5.90633 1.70711L2.61343 5L5.90633 8.29289C6.29685 8.68342 6.29685 9.31658 5.90633 9.70711C5.5158 10.0976 4.88264 10.0976 4.49211 9.70711L0.492111 5.70711C0.101587 5.31658 0.101587 4.68342 0.492111 4.29289L4.49211 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-previous-page {background-repeat: no-repeat; display: block; width: 7px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90681 0.292893C6.29734 0.683417 6.29734 1.31658 5.90681 1.70711L2.61392 5L5.90681 8.29289C6.29734 8.68342 6.29734 9.31658 5.90681 9.70711C5.51629 10.0976 4.88312 10.0976 4.4926 9.70711L0.4926 5.70711C0.102076 5.31658 0.102076 4.68342 0.4926 4.29289L4.4926 0.292893C4.88312 -0.0976311 5.51629 -0.0976311 5.90681 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-previous-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90681 0.292893C6.29734 0.683417 6.29734 1.31658 5.90681 1.70711L2.61392 5L5.90681 8.29289C6.29734 8.68342 6.29734 9.31658 5.90681 9.70711C5.51629 10.0976 4.88312 10.0976 4.4926 9.70711L0.4926 5.70711C0.102076 5.31658 0.102076 4.68342 0.4926 4.29289L4.4926 0.292893C4.88312 -0.0976311 5.51629 -0.0976311 5.90681 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-next-page {background-repeat: no-repeat; display: block; width: 7px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.4926 0.292893C0.102076 0.683417 0.102076 1.31658 0.4926 1.70711L3.78549 5L0.4926 8.29289C0.102076 8.68342 0.102076 9.31658 0.4926 9.70711C0.883124 10.0976 1.51629 10.0976 1.90681 9.70711L5.90681 5.70711C6.29734 5.31658 6.29734 4.68342 5.90681 4.29289L1.90681 0.292893C1.51629 -0.0976311 0.883124 -0.0976311 0.4926 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-next-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.4926 0.292893C0.102076 0.683417 0.102076 1.31658 0.4926 1.70711L3.78549 5L0.4926 8.29289C0.102076 8.68342 0.102076 9.31658 0.4926 9.70711C0.883124 10.0976 1.51629 10.0976 1.90681 9.70711L5.90681 5.70711C6.29734 5.31658 6.29734 4.68342 5.90681 4.29289L1.90681 0.292893C1.51629 -0.0976311 0.883124 -0.0976311 0.4926 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-last-page {background-repeat: no-repeat; display: block; width: 12px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10701 0.292893C1.71648 -0.0976311 1.08332 -0.0976311 0.692796 0.292893C0.302271 0.683417 0.302271 1.31658 0.692796 1.70711L3.98569 5L0.692796 8.29289C0.302271 8.68342 0.302271 9.31658 0.692796 9.70711C1.08332 10.0976 1.71648 10.0976 2.10701 9.70711L6.10701 5.70711C6.49753 5.31658 6.49753 4.68342 6.10701 4.29289L2.10701 0.292893ZM7.70711 0.292893C7.31658 -0.0976311 6.68342 -0.0976311 6.29289 0.292893C5.90237 0.683417 5.90237 1.31658 6.29289 1.70711L9.58579 5L6.29289 8.29289C5.90237 8.68342 5.90237 9.31658 6.29289 9.70711C6.68342 10.0976 7.31658 10.0976 7.70711 9.70711L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289L7.70711 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-last-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10701 0.292893C1.71648 -0.0976311 1.08332 -0.0976311 0.692796 0.292893C0.302271 0.683417 0.302271 1.31658 0.692796 1.70711L3.98569 5L0.692796 8.29289C0.302271 8.68342 0.302271 9.31658 0.692796 9.70711C1.08332 10.0976 1.71648 10.0976 2.10701 9.70711L6.10701 5.70711C6.49753 5.31658 6.49753 4.68342 6.10701 4.29289L2.10701 0.292893ZM7.70711 0.292893C7.31658 -0.0976311 6.68342 -0.0976311 6.29289 0.292893C5.90237 0.683417 5.90237 1.31658 6.29289 1.70711L9.58579 5L6.29289 8.29289C5.90237 8.68342 5.90237 9.31658 6.29289 9.70711C6.68342 10.0976 7.31658 10.0976 7.70711 9.70711L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289L7.70711 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.resize-handle {position: absolute; right: 0; top: 0; bottom: 0; width: 5px; cursor: col-resize; background-color: transparent;};::-webkit-scrollbar {width: .7rem; height: .7rem;};::-webkit-scrollbar-thumb {background-color: #d9d9d9 !important; border-radius: 20px !important; border: 3px solid #d9d9d9 !important;};.icon-arrow-up {background-repeat: no-repeat; display: block; width: 12px; height: 8px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.347794 9.61517C0.825615 10.1134 1.6169 10.13 2.11517 9.65221L9.07106 2.98186L16.0269 9.65221C16.5252 10.13 17.3165 10.1134 17.7943 9.61517C18.2721 9.11689 18.2556 8.32561 17.7573 7.84779L9.93623 0.347793C9.45266 -0.115931 8.68946 -0.115931 8.20589 0.347793L0.38483 7.84779C-0.113445 8.32561 -0.130027 9.11689 0.347794 9.61517Z' fill='%23224051'/%3E%3C/svg%3E%0A\");};.icon-arrow-down {background-repeat: no-repeat; display: block; width: 12px; height: 8px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6234 0.387653C17.1213 -0.129218 16.3073 -0.129218 15.8051 0.387653L9 7.39295L2.19485 0.387652C1.69275 -0.129219 0.878679 -0.129219 0.376577 0.387651C-0.125527 0.904522 -0.125527 1.74253 0.376577 2.25941L8.09086 10.2006C8.59296 10.7175 9.40703 10.7175 9.90914 10.2006L17.6234 2.25941C18.1255 1.74254 18.1255 0.904523 17.6234 0.387653Z' fill='%23224051'/%3E%3C/svg%3E%0A\");};.text-center {text-align: center !important;};.cursor-pointer{cursor: pointer;}}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    LibeyNgTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LibeyNgTableComponent, selector: "libey-ng-table", inputs: { data: "data", pageSize: "pageSize", totalSize: "totalSize", maxPageButtons: "maxPageButtons", height: "height", expandable: "expandable", viewPaginate: "viewPaginate", childTableTemplate: "childTableTemplate", headerfixed: "headerfixed", class: "class", internalPagination: "internalPagination", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, queries: [{ propertyName: "columns", predicate: LibeyColumnDirective }], viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }, { propertyName: "tableElement", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"table-container\"  #tableContainer [style.height]=\"height == null ? 'auto':(height + 'px')\">\r\n  <!-- <table cdkDropList (cdkDropListDropped)=\"drop($event)\"> -->\r\n  <table #table [ngClass]=\"class\">\r\n    <thead>\r\n      <tr>\r\n        <th *ngIf=\"expandable\" [ngClass]=\"headerfixed == true ? 'th-fixed':''\" style=\"width: 25px;\"></th>\r\n        <ng-container *ngFor=\"let column of columns; let i = index\">\r\n          <th *ngIf=\"column.view\" [style.width]=\"column.width ? (column.width + 'px') : 'auto'\"\r\n              [ngClass]=\"headerfixed == true ? (column.classHeader + ' th-fixed'): column.classHeader\">\r\n            <!-- Custom header template -->\r\n            <ng-container *ngIf=\"column.headerTemplate; else defaultHeader\">\r\n              <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"\r\n                          [ngTemplateOutletContext]=\"{ column: column, index: i }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultHeader>\r\n              <span style=\"white-space: nowrap;\">{{ column.header }}</span>\r\n            </ng-template>\r\n            <div class=\"resize-handle\" (mousedown)=\"onResizeStart(i, $event)\"></div>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"_data.length == 0\">\r\n        <tr>\r\n          <td [colSpan]=\"expandable ? (columns.length + 1) : (columns.length)\" class=\"text-center\">\r\n            No existen datos disponibles\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"paginatedData.length != 0\">\r\n        <ng-container *ngFor=\"let item of paginatedData; let a = index\">\r\n          <tr>\r\n            <td *ngIf=\"expandable\">\r\n              <button (click)=\"toggleRow(a)\">\r\n                <i [ngClass]=\"rowExpandable[a] ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n              </button>\r\n            </td>\r\n            <ng-container *ngFor=\"let column of columns; let i = index\">\r\n              <td \r\n              *ngIf=\"column.view && (column.isRowspan && column.rowspan(item) > 0)\"\r\n              [attr.rowspan]=\"column.rowspan(item)\"\r\n              [ngClass]=\"column.class\" (click)=\"toggleRowDetail(i, a, column, item)\" [class]=\"column.expandable ? 'cursor-pointer': ''\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"detailTd\" \r\n                    [ngTemplateOutletContext]=\"{item:item, column:column, indexData:a, indexColumn:i}\">\r\n                </ng-container>  \r\n              </td>\r\n              <td \r\n              *ngIf=\"column.view && column.isRowspan != true\"\r\n              [ngClass]=\"column.class\" (click)=\"toggleRowDetail(i, a, column, item)\" [class]=\"column.expandable ? 'cursor-pointer': ''\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"detailTd\" \r\n                    [ngTemplateOutletContext]=\"{item:item, column:column, indexData:a, indexColumn:i}\">\r\n                </ng-container>  \r\n              </td>\r\n            </ng-container>\r\n          </tr>\r\n          <ng-container *ngIf=\"viewRowExpandableDetail(a)\">\r\n            <ng-container *ngTemplateOutlet=\"findRowExpandableDetail(a); context: { $implicit: item }\"></ng-container>\r\n          </ng-container>\r\n          <tr *ngIf=\"rowExpandable[a]\">\r\n            <td [attr.colspan]=\"columns.length + (expandable ? 1 : 0)\">\r\n              <ng-container [ngTemplateOutlet]=\"childTableTemplate\"\r\n                            [ngTemplateOutletContext]=\"{ parentRow: item }\">\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-container>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<div *ngIf=\"viewPaginate && _data.length != 0\" class=\"pagination-controls\">\r\n  <div class=\"d-align-center\">\r\n    <label class=\"lbl-footer me-20px\"># Registros: {{this.totalSize}}</label>\r\n    <label class=\"lbl-footer\"># Filas: {{this.pageSize}}</label>\r\n  </div>\r\n  <div>\r\n    <button (click)=\"goToPage(1)\" [disabled]=\"currentPage === 1\">\r\n      <i class=\"icon-first-page\"></i>\r\n    </button>\r\n    <button (click)=\"goToPage(currentPage - 1)\" [disabled]=\"currentPage === 1\">\r\n      <i class=\"icon-previous-page\"></i>\r\n    </button>\r\n    <ng-container *ngFor=\"let page of pageRange()\">\r\n      <button\r\n        (click)=\"goToPage(page)\"\r\n        [class.active]=\"currentPage === page\"\r\n        [disabled]=\"currentPage === page\">\r\n        {{ page }}\r\n      </button>\r\n    </ng-container>\r\n    <button (click)=\"goToPage(currentPage + 1)\" [disabled]=\"currentPage === totalPages\">\r\n      <i class=\"icon-next-page\"></i>\r\n    </button>\r\n    <button (click)=\"goToPage(totalPages)\" [disabled]=\"currentPage === totalPages\">\r\n      <i class=\"icon-last-page\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n<ng-template #detailTd let-item=\"item\" let-column=\"column\" let-indexData=\"indexData\" let-indexColumn=\"indexColumn\">\r\n  <ng-container *ngIf=\"column.getCellTemplate(); else defaultCell\">\r\n    <div style=\"display: flex; justify-content: space-between; white-space: nowrap;\">\r\n      <ng-container [ngTemplateOutlet]=\"column.getCellTemplate()\"\r\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column: column, index: indexData }\">\r\n      </ng-container>\r\n      <button *ngIf=\"column.expandable\">\r\n        <i [ngClass]=\"existRowExpandableDetail(indexColumn, indexData) ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #defaultCell>\r\n    <div style=\"display: flex; justify-content: space-between; white-space: nowrap;\">\r\n      {{ getCellValue(item, column) }}\r\n      <button *ngIf=\"column.expandable\">\r\n        <i [ngClass]=\"existRowExpandableDetail(indexColumn, indexData) ? 'icon-arrow-up':'icon-arrow-down'\"></i>\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</ng-template>", styles: [".libey-table{table {width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed;};.table-container {width: 100%; overflow-x: auto;};td,th {padding: 5px 15px; text-align: left; position: relative; overflow: hidden;};th {font-weight: 400; color: #1087E8; border-top: 1px solid #D6DEE5; background-color: #EEF5FC; border-right: 1px solid #fff;};th:last-child {border-right: 1px solid #D6DEE5;};td {border-bottom: 1px solid #D6DEE5; border-style: none none solid none;};tr td:last-child {border-right: 1px solid #D6DEE5;};tr td:first-child {border-left: 1px solid #D6DEE5;};th.sortable {cursor: pointer;};.th-fixed{position: sticky !important; top: 0 !important; z-index: 1 !important;};.th-fixed::after {content: \"\"; position: absolute; left: 0; bottom: 0; width: 100%;};.table-actions {margin-bottom: 10px; display: flex; justify-content: space-between;};.table-pagination {margin-top: 10px; display: flex; justify-content: space-between;};.pagination-controls {border-radius: 10px; justify-content: space-between; border: 1px solid #D6DEE5; padding: 0px 15px; display: flex; align-items: center; margin-top: 10px; grid-gap: 5px; gap: 5px;};button {font-size: 14px; border: 0px; padding: 5px; cursor: pointer; background-color: transparent;};button.active {font-weight: 600; color: #38E8C6;};tr:first-child th:first-child {border-top-left-radius: 10px; border-left: 1px solid #D6DEE5;};tr:first-child th:last-child {border-top-right-radius: 10px; border-right: 1px solid #D6DEE5;};tr:last-child td:first-child {border-bottom-left-radius: 10px;};tr:last-child td:last-child {border-bottom-right-radius: 10px;};.d-align-center {display: flex !important; align-items: center !important;};.me-20px{margin-right: 20px;};.icon-first-page {background-repeat: no-repeat; display: block; width: 12px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0922 0.292893C10.4827 -0.0976311 11.1159 -0.0976311 11.5064 0.292893C11.8969 0.683417 11.8969 1.31658 11.5064 1.70711L8.21353 5L11.5064 8.29289C11.8969 8.68342 11.8969 9.31658 11.5064 9.70711C11.1159 10.0976 10.4827 10.0976 10.0922 9.70711L6.09221 5.70711C5.70169 5.31658 5.70169 4.68342 6.09221 4.29289L10.0922 0.292893ZM4.49211 0.292893C4.88264 -0.0976311 5.5158 -0.0976311 5.90633 0.292893C6.29685 0.683417 6.29685 1.31658 5.90633 1.70711L2.61343 5L5.90633 8.29289C6.29685 8.68342 6.29685 9.31658 5.90633 9.70711C5.5158 10.0976 4.88264 10.0976 4.49211 9.70711L0.492111 5.70711C0.101587 5.31658 0.101587 4.68342 0.492111 4.29289L4.49211 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-first-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0922 0.292893C10.4827 -0.0976311 11.1159 -0.0976311 11.5064 0.292893C11.8969 0.683417 11.8969 1.31658 11.5064 1.70711L8.21353 5L11.5064 8.29289C11.8969 8.68342 11.8969 9.31658 11.5064 9.70711C11.1159 10.0976 10.4827 10.0976 10.0922 9.70711L6.09221 5.70711C5.70169 5.31658 5.70169 4.68342 6.09221 4.29289L10.0922 0.292893ZM4.49211 0.292893C4.88264 -0.0976311 5.5158 -0.0976311 5.90633 0.292893C6.29685 0.683417 6.29685 1.31658 5.90633 1.70711L2.61343 5L5.90633 8.29289C6.29685 8.68342 6.29685 9.31658 5.90633 9.70711C5.5158 10.0976 4.88264 10.0976 4.49211 9.70711L0.492111 5.70711C0.101587 5.31658 0.101587 4.68342 0.492111 4.29289L4.49211 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-previous-page {background-repeat: no-repeat; display: block; width: 7px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90681 0.292893C6.29734 0.683417 6.29734 1.31658 5.90681 1.70711L2.61392 5L5.90681 8.29289C6.29734 8.68342 6.29734 9.31658 5.90681 9.70711C5.51629 10.0976 4.88312 10.0976 4.4926 9.70711L0.4926 5.70711C0.102076 5.31658 0.102076 4.68342 0.4926 4.29289L4.4926 0.292893C4.88312 -0.0976311 5.51629 -0.0976311 5.90681 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-previous-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90681 0.292893C6.29734 0.683417 6.29734 1.31658 5.90681 1.70711L2.61392 5L5.90681 8.29289C6.29734 8.68342 6.29734 9.31658 5.90681 9.70711C5.51629 10.0976 4.88312 10.0976 4.4926 9.70711L0.4926 5.70711C0.102076 5.31658 0.102076 4.68342 0.4926 4.29289L4.4926 0.292893C4.88312 -0.0976311 5.51629 -0.0976311 5.90681 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-next-page {background-repeat: no-repeat; display: block; width: 7px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.4926 0.292893C0.102076 0.683417 0.102076 1.31658 0.4926 1.70711L3.78549 5L0.4926 8.29289C0.102076 8.68342 0.102076 9.31658 0.4926 9.70711C0.883124 10.0976 1.51629 10.0976 1.90681 9.70711L5.90681 5.70711C6.29734 5.31658 6.29734 4.68342 5.90681 4.29289L1.90681 0.292893C1.51629 -0.0976311 0.883124 -0.0976311 0.4926 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-next-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.4926 0.292893C0.102076 0.683417 0.102076 1.31658 0.4926 1.70711L3.78549 5L0.4926 8.29289C0.102076 8.68342 0.102076 9.31658 0.4926 9.70711C0.883124 10.0976 1.51629 10.0976 1.90681 9.70711L5.90681 5.70711C6.29734 5.31658 6.29734 4.68342 5.90681 4.29289L1.90681 0.292893C1.51629 -0.0976311 0.883124 -0.0976311 0.4926 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.icon-last-page {background-repeat: no-repeat; display: block; width: 12px; height: 10px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10701 0.292893C1.71648 -0.0976311 1.08332 -0.0976311 0.692796 0.292893C0.302271 0.683417 0.302271 1.31658 0.692796 1.70711L3.98569 5L0.692796 8.29289C0.302271 8.68342 0.302271 9.31658 0.692796 9.70711C1.08332 10.0976 1.71648 10.0976 2.10701 9.70711L6.10701 5.70711C6.49753 5.31658 6.49753 4.68342 6.10701 4.29289L2.10701 0.292893ZM7.70711 0.292893C7.31658 -0.0976311 6.68342 -0.0976311 6.29289 0.292893C5.90237 0.683417 5.90237 1.31658 6.29289 1.70711L9.58579 5L6.29289 8.29289C5.90237 8.68342 5.90237 9.31658 6.29289 9.70711C6.68342 10.0976 7.31658 10.0976 7.70711 9.70711L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289L7.70711 0.292893Z' fill='%2338E8C6'/%3E%3C/svg%3E%0A\");};button:disabled .icon-last-page {background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.10701 0.292893C1.71648 -0.0976311 1.08332 -0.0976311 0.692796 0.292893C0.302271 0.683417 0.302271 1.31658 0.692796 1.70711L3.98569 5L0.692796 8.29289C0.302271 8.68342 0.302271 9.31658 0.692796 9.70711C1.08332 10.0976 1.71648 10.0976 2.10701 9.70711L6.10701 5.70711C6.49753 5.31658 6.49753 4.68342 6.10701 4.29289L2.10701 0.292893ZM7.70711 0.292893C7.31658 -0.0976311 6.68342 -0.0976311 6.29289 0.292893C5.90237 0.683417 5.90237 1.31658 6.29289 1.70711L9.58579 5L6.29289 8.29289C5.90237 8.68342 5.90237 9.31658 6.29289 9.70711C6.68342 10.0976 7.31658 10.0976 7.70711 9.70711L11.7071 5.70711C12.0976 5.31658 12.0976 4.68342 11.7071 4.29289L7.70711 0.292893Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A\");};.resize-handle {position: absolute; right: 0; top: 0; bottom: 0; width: 5px; cursor: col-resize; background-color: transparent;};::-webkit-scrollbar {width: .7rem; height: .7rem;};::-webkit-scrollbar-thumb {background-color: #d9d9d9 !important; border-radius: 20px !important; border: 3px solid #d9d9d9 !important;};.icon-arrow-up {background-repeat: no-repeat; display: block; width: 12px; height: 8px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.347794 9.61517C0.825615 10.1134 1.6169 10.13 2.11517 9.65221L9.07106 2.98186L16.0269 9.65221C16.5252 10.13 17.3165 10.1134 17.7943 9.61517C18.2721 9.11689 18.2556 8.32561 17.7573 7.84779L9.93623 0.347793C9.45266 -0.115931 8.68946 -0.115931 8.20589 0.347793L0.38483 7.84779C-0.113445 8.32561 -0.130027 9.11689 0.347794 9.61517Z' fill='%23224051'/%3E%3C/svg%3E%0A\");};.icon-arrow-down {background-repeat: no-repeat; display: block; width: 12px; height: 8px; background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6234 0.387653C17.1213 -0.129218 16.3073 -0.129218 15.8051 0.387653L9 7.39295L2.19485 0.387652C1.69275 -0.129219 0.878679 -0.129219 0.376577 0.387651C-0.125527 0.904522 -0.125527 1.74253 0.376577 2.25941L8.09086 10.2006C8.59296 10.7175 9.40703 10.7175 9.90914 10.2006L17.6234 2.25941C18.1255 1.74254 18.1255 0.904523 17.6234 0.387653Z' fill='%23224051'/%3E%3C/svg%3E%0A\");};.text-center {text-align: center !important;};.cursor-pointer{cursor: pointer;}}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -357,42 +363,1661 @@
         return LibeyNgTableModule;
     }());
     LibeyNgTableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    LibeyNgTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, declarations: [LibeyNgTableComponent, LibeyColumnDirective], imports: [i1.CommonModule, forms.FormsModule], exports: [LibeyNgTableComponent, LibeyColumnDirective] });
-    LibeyNgTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, imports: [[i1.CommonModule, forms.FormsModule]] });
+    LibeyNgTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, declarations: [LibeyNgTableComponent, LibeyColumnDirective], imports: [i1$1.CommonModule, i4.FormsModule], exports: [LibeyNgTableComponent, LibeyColumnDirective] });
+    LibeyNgTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, imports: [[i1$1.CommonModule, i4.FormsModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [LibeyNgTableComponent, LibeyColumnDirective],
-                        imports: [i1.CommonModule, forms.FormsModule],
+                        imports: [i1$1.CommonModule, i4.FormsModule],
                         exports: [LibeyNgTableComponent, LibeyColumnDirective]
                     }]
             }] });
 
+    // SigWebTablet.ts
+    var SigWebTablet = /** @class */ (function () {
+        function SigWebTablet() {
+        }
+        SigWebTablet.revokeBlobURL = function (url) {
+            if (window.URL) {
+                URL.revokeObjectURL(url);
+            }
+            else if (window.webkitURL) {
+                webkitURL.revokeObjectURL(url);
+            }
+        };
+        SigWebTablet.getBlobURL = function (blob) {
+            if (window.URL) {
+                return URL.createObjectURL(blob);
+            }
+            else if (window.webkitURL) {
+                return webkitURL.createObjectURL(blob);
+            }
+            return ''; // Retornar un string vacío en caso de error
+        };
+        SigWebTablet.makeUri = function () {
+            var prot = location.protocol;
+            if (prot == 'file:') {
+                prot = 'http:';
+            }
+            if (this.isIE()) {
+                if (prot == 'https:') {
+                    return prot + '//tablet.sigwebtablet.com:47290/SigWeb/';
+                }
+                else {
+                    return prot + '//tablet.sigwebtablet.com:47289/SigWeb/';
+                }
+            }
+            if (this.isChrome()) {
+                if (prot == 'https:') {
+                    return prot + '//tablet.sigwebtablet.com:47290/SigWeb/';
+                }
+                else {
+                    return prot + '//tablet.sigwebtablet.com:47289/SigWeb/';
+                }
+            }
+            else {
+                //FIREFOX
+                if (prot == 'https:') {
+                    return prot + '//tablet.sigwebtablet.com:47290/SigWeb/';
+                }
+                else {
+                    return prot + '//tablet.sigwebtablet.com:47289/SigWeb/';
+                }
+            }
+        };
+        SigWebTablet.generateUUID = function () {
+            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+                var r = (Math.random() * 16) | 0;
+                var v = c === 'x' ? r : (r & 0x3) | 0x8;
+                return v.toString(16);
+            });
+        };
+        SigWebTablet.isSigWebInstalled = function () {
+            var xhr = new XMLHttpRequest();
+            try {
+                xhr.open('GET', this.baseUri + "TabletState?noCache=" + this.generateUUID(), false);
+                xhr.send();
+                return xhr.status !== 404 && xhr.status !== 0;
+            }
+            catch (e) {
+                console.log('Error checking SigWeb installation', e);
+                return false;
+            }
+        };
+        SigWebTablet.isIE = function () {
+            return (navigator.appName === 'Microsoft Internet Explorer' ||
+                (navigator.appName === 'Netscape' &&
+                    new RegExp('Trident/.*rv:([0-9]{1,}[.0-9]{0,})').exec(navigator.userAgent) != null));
+        };
+        SigWebTablet.isChrome = function () {
+            return navigator.userAgent.lastIndexOf('Chrome/') > 0;
+        };
+        SigWebTablet.SigWebcreateXHR = function () {
+            var xhr = new XMLHttpRequest();
+            if (!xhr) {
+                throw new Error('No se pudo crear XMLHttpRequest');
+            }
+            return xhr;
+        };
+        SigWebTablet.SigWebSetProperty = function (prop) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop, true);
+                xhr.send(null);
+                if (xhr.readyState === 4 && xhr.status === 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.SigWebSetPropertySync = function (prop) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop, false);
+                xhr.send();
+                if (xhr.readyState === 4 && xhr.status === 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.SigWebSetStreamProperty = function (prop, strm) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop);
+                xhr.setRequestHeader('Content-Type', 'text/plain');
+                xhr.send(strm);
+            }
+            return '';
+        };
+        SigWebTablet.SigWebSyncSetStreamProperty = function (prop, strm) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop, false);
+                xhr.setRequestHeader('Content-Type', 'text/plain');
+                xhr.send(strm);
+                if (xhr.readyState === 4 && xhr.status === 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.SigWebSetImageStreamProperty = function (prop, strm) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop, false);
+                xhr.setRequestHeader('Content-Type', 'image/png');
+                xhr.send(strm);
+                if (xhr.readyState === 4 && xhr.status === 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.SigWebSetImageBlobProperty = function (prop, strm) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + prop, false);
+                xhr.setRequestHeader('Content-Type', 'blob');
+                xhr.send(strm);
+                if (xhr.readyState == 4 && xhr.status == 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.SigWebGetProperty = function (prop) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('GET', this.baseUri + prop + '?noCache=' + this.generateUUID(), false);
+                xhr.send(null);
+                if (xhr.readyState == 4 && xhr.status == 200) {
+                    return xhr.responseText;
+                }
+            }
+            return '';
+        };
+        SigWebTablet.GetSigImageB64 = function (callback) {
+            var _this = this;
+            var cvs = document.createElement('canvas');
+            var width = this.GetImageXSize();
+            var height = this.GetImageYSize();
+            cvs.width = width == '' || width == null ? 0 : Number(width);
+            cvs.height = height == '' || height == null ? 0 : Number(height);
+            var xhr2 = new XMLHttpRequest();
+            xhr2.open('GET', this.baseUri + 'SigImage/1' + '?noCache=' + this.generateUUID(), true);
+            xhr2.responseType = 'blob';
+            xhr2.send(null);
+            xhr2.onload = function () {
+                var cntx = cvs.getContext('2d');
+                var img = new Image();
+                img.src = _this.getBlobURL(xhr2.response);
+                img.onload = function () {
+                    cntx.drawImage(img, 0, 0);
+                    var b64String = cvs.toDataURL('image/png');
+                    var loc = b64String.search('base64,');
+                    var retstring = b64String.slice(loc + 7, b64String.length);
+                    if (callback) {
+                        callback(retstring);
+                    }
+                };
+            };
+        };
+        SigWebTablet.SigWebWaitForPenDown = function (callback) {
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('GET', this.baseUri + 'WaitForPenDown' + '?noCache=' + this.generateUUID());
+                xhr.timeout = 10000;
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState != 4)
+                        return;
+                    if (xhr.status == 200)
+                        callback();
+                };
+                xhr.send(null);
+            }
+        };
+        SigWebTablet.GetSigImage = function (ctx) {
+            var _this = this;
+            var xhr2 = new XMLHttpRequest();
+            xhr2.open('GET', this.baseUri + 'SigImage/1' + '?noCache=' + this.generateUUID(), true);
+            xhr2.responseType = 'blob';
+            xhr2.send(null);
+            xhr2.onload = function () {
+                var img = new Image();
+                img.src = _this.getBlobURL(xhr2.response);
+                img.onload = function () {
+                    ctx.drawImage(img, 0, 0);
+                    _this.revokeBlobURL(img.src);
+                    img = null;
+                };
+            };
+        };
+        SigWebTablet.SigWebSetDisplayTarget = function (obj) {
+            this.ctx = obj;
+        };
+        SigWebTablet.SigWebRefresh = function () {
+            var _this = this;
+            var NumPoints = Number(this.NumberOfTabletPoints());
+            if (NumPoints == this.NumPointsLastTime) {
+                return;
+            }
+            this.NumPointsLastTime = NumPoints;
+            var xhr2 = new XMLHttpRequest();
+            xhr2.open('GET', this.baseUri + 'SigImage/0' + '?noCache=' + this.generateUUID(), true);
+            xhr2.responseType = 'blob';
+            xhr2.onload = function () {
+                var img = new Image();
+                img.src = _this.getBlobURL(xhr2.response);
+                //				img.src = window.URL.createObjectURL(xhr2.response);
+                img.onload = function () {
+                    _this.ctx.drawImage(img, 0, 0);
+                    _this.revokeBlobURL(img.src);
+                    img = null;
+                };
+            };
+            xhr2.send(null);
+        };
+        SigWebTablet.SigWebEvent = function () {
+            var _this = this;
+            var OldEvStatus = this.EvStatus;
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('GET', this.baseUri + 'EventStatus' + '?noCache=' + this.generateUUID(), true);
+                xhr.onload = function () {
+                    _this.EvStatus = xhr.responseText;
+                    if (OldEvStatus & 0x01 && _this.EvStatus & 0x02) {
+                        if (_this.onSigPenDown) {
+                            _this.onSigPenDown();
+                        }
+                    }
+                    if (OldEvStatus & 0x02 && _this.EvStatus & 0x01) {
+                        if (_this.onSigPenUp) {
+                            _this.onSigPenUp();
+                        }
+                    }
+                };
+                xhr.send(null);
+            }
+        };
+        SigWebTablet.setSigWebFontThreshold = function (v) {
+            this.SigWebFontThreshold = v;
+        };
+        SigWebTablet.createLcdBitmapFromCanvas = function (ourCanvas, xp, yp, width, height) {
+            var canvasCtx = ourCanvas.getContext('2d');
+            var imgData = canvasCtx.getImageData(0, 0, width, height);
+            var j = 0;
+            var sVal = 0;
+            var outData = '';
+            var outIdx = 0;
+            var data = imgData.data;
+            for (var y = 0; y < height; y++)
+                for (var x = 0; x < width; x++) {
+                    var tmp1 = data[j];
+                    var tmp2 = data[j + 1];
+                    var tmp3 = data[j + 2];
+                    var tmp4 = data[j + 3];
+                    //					sVal = tmp1 + (tmp2 << 8 ) + ( tmp3 << 16 ) + (tmp4 << 24 );
+                    j = j + 4;
+                    if (tmp1 < this.SigWebFontThreshold) {
+                        outData += 'B';
+                    }
+                    else {
+                        outData += 'W';
+                    }
+                }
+            return outData;
+        };
+        SigWebTablet.toHex = function (NibVal) {
+            switch (NibVal) {
+                case 0:
+                    return '0';
+                case 1:
+                    return '1';
+                case 2:
+                    return '2';
+                case 3:
+                    return '3';
+                case 4:
+                    return '4';
+                case 5:
+                    return '5';
+                case 6:
+                    return '6';
+                case 7:
+                    return '7';
+                case 8:
+                    return '8';
+                case 9:
+                    return '9';
+                case 10:
+                    return 'A';
+                case 11:
+                    return 'B';
+                case 12:
+                    return 'C';
+                case 13:
+                    return 'D';
+                case 14:
+                    return 'E';
+                case 15:
+                    return 'F';
+                default:
+                    return '';
+            }
+        };
+        SigWebTablet.ToHexString = function (ByteVal) {
+            var Str = '';
+            Str += this.toHex((ByteVal >> 4) & 0x0f);
+            Str += this.toHex(ByteVal & 0x0f);
+            return Str;
+        };
+        SigWebTablet.textToTablet = function (x, y, height, str, fnt) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            cntx.font = fnt;
+            var txt = str;
+            var xs = Math.round(cntx.measureText(txt).width);
+            var ys = height;
+            c.width = xs;
+            c.height = ys;
+            cntx.font = fnt;
+            cntx.fillStyle = '#FFFFFF';
+            cntx.rect(0, 0, xs, ys);
+            cntx.fill();
+            cntx.fillStyle = '#000000';
+            cntx.textBaseline = 'top';
+            cntx.fillText(txt, 0, 0);
+            cntx.drawImage(cntx.canvas, 0, 0, xs, ys);
+            var Gstr = this.createLcdBitmapFromCanvas(c, 0, 0, xs, ys);
+            this.LcdWriteImageStream(0, 2, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LcdWriteImage = function (Dst, Mode, Xp, Yp, Url) {
+            var Prop = 'LcdWriteImage/';
+            var NewUrl = Url.replace(/\//g, '_');
+            Prop = Prop + Dst + ',' + Mode + ',' + Xp + ',' + Yp + ',' + NewUrl;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.LcdWriteLocalImage = function (Dst, Mode, Xp, Yp, Url) {
+            var Prop = 'LcdWriteImage/';
+            Prop = Prop + Dst + ',' + Mode + ',' + Xp + ',' + Yp + ',' + Url;
+            this.SigWebSetProperty(Prop);
+        };
+        SigWebTablet.LcdWriteImageStream = function (Dst, Mode, Xp, Yp, Xs, Ys, Url) {
+            var Prop1 = 'LcdWriteImageStreamParams/' +
+                Dst +
+                ',' +
+                Mode +
+                ',' +
+                Xp +
+                ',' +
+                Yp +
+                ',' +
+                Xs +
+                ',' +
+                Ys;
+            var Prop2 = 'LcdWriteImageStream/';
+            this.SigWebSetPropertySync(Prop1);
+            this.SigWebSetImageStreamProperty(Prop2, Url);
+        };
+        SigWebTablet.LcdWriteImageBlob = function (Dst, Mode, Xp, Yp, Xs, Ys, Url) {
+            var Prop = 'LcdWriteImageStream/';
+            Prop = Prop + Dst + ',' + Mode + ',' + Xp + ',' + Yp + ',' + Xs + ',' + Ys;
+            this.SigWebSetImageBlobProperty(Prop, Url);
+        };
+        SigWebTablet.measureText = function (pText, pFontSize, pStyle) {
+            var lDiv = document.createElement('lDiv');
+            document.body.appendChild(lDiv);
+            if (pStyle != null) {
+                lDiv.setAttribute('style', pStyle);
+            }
+            lDiv.style.fontSize = '' + pFontSize + 'px';
+            lDiv.style.position = 'absolute';
+            lDiv.style.left = '-1000';
+            lDiv.style.top = '-1000';
+            lDiv.innerHTML = pText;
+            var lResult = {
+                width: lDiv.clientWidth,
+                height: lDiv.clientHeight,
+            };
+            document.body.removeChild(lDiv);
+            lDiv = null;
+            return lResult;
+        };
+        SigWebTablet.GetVersionString = function () {
+            var Prop = 'Version';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            var trimStr = Str.slice(1, Str.length - 2);
+            return trimStr;
+        };
+        SigWebTablet.IsPenDown = function () {
+            return this.EvStatus & 0x01;
+        };
+        //
+        //			SigPlusNETSig.cs
+        //
+        SigWebTablet.ClearTablet = function () {
+            var Prop = 'ClearSignature';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.NumberOfTabletPoints = function () {
+            var Prop = 'TotalPoints';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetSigString = function (sigStr, ctx) {
+            var _this = this;
+            var Prop = 'SigString';
+            Prop = Prop;
+            var xhr = this.SigWebcreateXHR();
+            if (xhr) {
+                xhr.open('POST', this.baseUri + Prop);
+                xhr.setRequestHeader('Content-Type', 'text/plain');
+                xhr.send(sigStr);
+                xhr.onload = function () {
+                    if (ctx) {
+                        var can = ctx.canvas;
+                        _this.SetImageXSize(can.width);
+                        _this.SetImageYSize(can.height);
+                        _this.GetSigImage(ctx);
+                    }
+                };
+            }
+            return '';
+        };
+        SigWebTablet.GetSigString = function () {
+            var Prop = 'SigString';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.SetSigCompressionMode = function (v) {
+            var Prop = 'CompressionMode/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSigCompressionMode = function () {
+            var Prop = 'CompressionMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetEncryptionMode = function (v) {
+            var Prop = 'EncryptionMode/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetEncryptionMode = function () {
+            var Prop = 'EncryptionMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetKeyString = function (keyString) {
+            var Prop = 'KeyString';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, keyString);
+        };
+        SigWebTablet.GetKeyString = function () {
+            var Prop = 'KeyString';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.AutoKeyStart = function () {
+            var Prop = 'AutoKeyStart';
+            Prop = Prop;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.AutoKeyFinish = function () {
+            var Prop = 'AutoKeyFinish';
+            Prop = Prop;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetAutoKeyData = function (keyData) {
+            var Prop = 'SetAutoKeyData';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, keyData);
+        };
+        SigWebTablet.AutoKeyAddData = function (keyData) {
+            var Prop = 'AutoKeyAddData';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, keyData);
+            return this.GetKeyString();
+        };
+        //		function  GetKeyReceipt( ) {}
+        SigWebTablet.GetKeyReceiptAscii = function () {
+            var Prop = 'KeyReceiptAscii';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        //		function  GetSigReceipt( ) {}
+        SigWebTablet.GetSigReceiptAscii = function () {
+            var Prop = 'SigReceiptAscii';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.SetTimeStamp = function (timeStamp) {
+            var Prop = 'TimeStamp';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, timeStamp);
+        };
+        SigWebTablet.GetTimeStamp = function () {
+            var Prop = 'TimeStamp';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.SetAnnotate = function (annotate) {
+            var Prop = 'Annotate';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, annotate);
+        };
+        SigWebTablet.GetAnnotate = function () {
+            var Prop = 'Annotate';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.SetSaveSigInfo = function (v) {
+            var Prop = 'SaveSigInfo/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSaveSigInfo = function () {
+            var Prop = 'SaveSigInfo';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetSavePressureData = function (v) {
+            var Prop = 'SavePressureData/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSavePressureData = function () {
+            var Prop = 'SavePressureData';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetSaveTimeData = function (v) {
+            var Prop = 'SaveTimeData/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSaveTimeData = function () {
+            var Prop = 'SaveTimeData';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetAntiAliasSpotSize = function (v) {
+            var Prop = 'AntiAliasSpotSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetAntiAliasSpotSize = function () {
+            var Prop = 'AntiAliasSpotSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetAntiAliasLineScale = function (v) {
+            var Prop = 'AntiAliasLineScale/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetAntiAliasLineScale = function () {
+            var Prop = 'AntiAliasLineScale';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetNumberOfStrokes = function () {
+            var Prop = 'NumberOfStrokes';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetNumPointsForStroke = function (v) {
+            var Prop = 'NumberOfPointsInStroke/';
+            Prop = Prop + v;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetPointXValue = function (v1, v2) {
+            var Prop = 'PointXValue/';
+            Prop = Prop + v1 + '/' + v2;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetPointYValue = function (v1, v2) {
+            var Prop = 'PointYValue/';
+            Prop = Prop + v1 + '/' + v2;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetAntiAliasEnable = function (v) {
+            var Prop = 'AntiAliasEnable/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetAntiAliasEnable = function () {
+            var Prop = 'AntiAliasEnable';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetUseAmbientColors = function (v) {
+            var Prop = 'UseAmbientColors/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        //
+        //		SigPlusNETDisplay.cs
+        //
+        SigWebTablet.SetDisplayXSize = function (v) {
+            var Prop = 'DisplayXSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayXSize = function () {
+            var Prop = 'DisplayXSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayYSize = function (v) {
+            var Prop = 'DisplayYSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayYSize = function () {
+            var Prop = 'DisplayYSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayPenWidth = function (v) {
+            var Prop = 'DisplayPenWidth/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayPenWidth = function () {
+            var Prop = 'DisplayPenWidth';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayTimeStamp = function (v) {
+            var Prop = 'DisplayTimeStamp/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayTimeStamp = function () {
+            var Prop = 'DisplayTimeStamp';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayTimeStampPosX = function (v) {
+            var Prop = 'DisplayTimeStampPosX/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayTimeStampPosX = function () {
+            var Prop = 'DisplayTimeStampPosX';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayTimeStampPosY = function (v) {
+            var Prop = 'DisplayTimeStampPosY/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayTimeStampPosY = function () {
+            var Prop = 'DisplayTimeStampPosY';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayTimeStampSize = function (v) {
+            var Prop = 'DisplayTimeStampSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayTimeStampSize = function () {
+            var Prop = 'DisplayTimeStampSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayAnnotate = function (v) {
+            var Prop = 'DisplayAnnotate/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayAnnotate = function () {
+            var Prop = 'DisplayAnnotate';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayAnnotatePosX = function (v) {
+            var Prop = 'DisplayAnnotatePosX/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayAnnotatePosX = function () {
+            var Prop = 'DisplayAnnotatePosX';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayAnnotatePosY = function (v) {
+            var Prop = 'DisplayAnnotatePosY/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayAnnotatePosY = function () {
+            var Prop = 'DisplayAnnotatePosY';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetDisplayAnnotateSize = function (v) {
+            var Prop = 'DisplayAnnotateSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetDisplayAnnotateSize = function () {
+            var Prop = 'DisplayAnnotateSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        //
+        //		SigPlusNETImage.cs
+        //
+        //		function  GetSigImageB64( )
+        //			{
+        //			var xhr2 = new XMLHttpRequest();
+        //			xhr2.open("GET", baseUri + "SigImage/1", false );
+        //			xhr2.responseType = "blob"
+        //			xhr2.send(null);
+        //			if (xhr2.readyState == 4 && xhr.status == 200)
+        //				{
+        //				return window.URL.createObjectURL(xhr2.response);
+        //				}
+        //			return null;
+        //			}
+        SigWebTablet.SetImageXSize = function (v) {
+            var Prop = 'ImageXSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageXSize = function () {
+            var Prop = 'ImageXSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageYSize = function (v) {
+            var Prop = 'ImageYSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageYSize = function () {
+            var Prop = 'ImageYSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImagePenWidth = function (v) {
+            var Prop = 'ImagePenWidth/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImagePenWidth = function () {
+            var Prop = 'ImagePenWidth';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageTimeStamp = function (v) {
+            var Prop = 'ImageTimeStamp/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageTimeStamp = function () {
+            var Prop = 'ImageTimeStamp';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageTimeStampPosX = function (v) {
+            var Prop = 'ImageTimeStampPosX/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageTimeStampPosX = function () {
+            var Prop = 'ImageTimeStampPosX';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageTimeStampPosY = function (v) {
+            var Prop = 'ImageTimeStampPosY/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageTimeStampPosY = function () {
+            var Prop = 'ImageTimeStampPosY';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageTimeStampSize = function (v) {
+            var Prop = 'ImageTimeStampSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageTimeStampSize = function () {
+            var Prop = 'ImageTimeStampSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageAnnotate = function (v) {
+            var Prop = 'ImageAnnotate/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageAnnotate = function () {
+            var Prop = 'ImageAnnotate';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageAnnotatePosX = function (v) {
+            var Prop = 'ImageAnnotatePosX/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageAnnotatePosX = function () {
+            var Prop = 'ImageAnnotatePosX';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageAnnotatePosY = function (v) {
+            var Prop = 'ImageAnnotatePosY/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageAnnotatePosY = function () {
+            var Prop = 'ImageAnnotatePosY';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetImageAnnotateSize = function (v) {
+            var Prop = 'ImageAnnotateSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetImageAnnotateSize = function () {
+            var Prop = 'ImageAnnotateSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetJustifyX = function (v) {
+            var Prop = 'JustifyX/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetJustifyX = function () {
+            var Prop = 'JustifyX';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetJustifyY = function (v) {
+            var Prop = 'JustifyY/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetJustifyY = function () {
+            var Prop = 'JustifyY';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetJustifyMode = function (v) {
+            var Prop = 'JustifyMode/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetJustifyMode = function () {
+            var Prop = 'JustifyMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        //
+        //		SigPlusNETKeyPad.cs
+        //
+        SigWebTablet.KeyPadAddHotSpot = function (key, coord, xp, yp, xs, ys) {
+            var Prop = 'KeyPadAddHotSpot/';
+            Prop = Prop + key + ',' + coord + ',' + xp + ',' + yp + ',' + xs + ',' + ys;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.KeyPadMarkHotSpot = function (key, coord, xp, yp, xs, ys) {
+            this.LCDWriteString(0, 2, xp, yp, '16pt sans-serif', 32, '+');
+            this.LCDWriteString(0, 2, xp + xs, yp, '16pt sans-serif', 32, '+');
+            this.LCDWriteString(0, 2, xp, yp + ys, '16pt sans-serif', 32, '+');
+            this.LCDWriteString(0, 2, xp + xs, yp + ys, '16pt sans-serif', 32, '+');
+        };
+        SigWebTablet.KeyPadQueryHotSpot = function (key) {
+            var Prop = 'KeyPadQueryHotSpot/';
+            Prop = Prop + key;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.KeyPadClearHotSpotList = function () {
+            var Prop = 'KeyPadClearHotSpotList';
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetSigWindow = function (coords, xp, yp, xs, ys) {
+            var Prop = 'SigWindow/';
+            Prop = Prop + coords + ',' + xp + ',' + yp + ',' + xs + ',' + ys;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.ClearSigWindow = function (inside) {
+            var Prop = 'ClearSigWindow/';
+            Prop = Prop + inside;
+            this.SigWebSetPropertySync(Prop);
+        };
+        //
+        //		SigPlusNETLCD.cs
+        //
+        SigWebTablet.SetLCDCaptureMode = function (v) {
+            var Prop = 'CaptureMode/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetLCDCaptureMode = function () {
+            var Prop = 'CaptureMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.LCDSetWindow = function (xP, yP, xS, yS) {
+            var Prop = 'LCDSetWindow/';
+            Prop = Prop + xP + ',' + yP + ',' + xS + ',' + yS;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.LCDWriteString = function (dest, mode, x, y, fnt, size, str) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            cntx.font = fnt;
+            var txt = str;
+            var xs = Math.round(cntx.measureText(txt).width);
+            var ys = size;
+            c.width = xs;
+            c.height = ys;
+            if (xs == 0) {
+                return;
+            }
+            cntx.font = fnt;
+            cntx.fillStyle = '#FFFFFF';
+            cntx.rect(0, 0, xs, ys);
+            cntx.fill();
+            cntx.fillStyle = '#000000';
+            cntx.textBaseline = 'top';
+            cntx.fillText(txt, 0, 0);
+            cntx.drawImage(cntx.canvas, 0, 0, xs, ys);
+            var Gstr = this.createLcdBitmapFromCanvas(c, x, y, xs, ys);
+            this.LcdWriteImageStream(dest, mode, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LCDDrawRectangle = function (dest, mode, x, y, xs, ys, fill) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            c.width = xs;
+            c.height = ys;
+            cntx.fillStyle = fill;
+            cntx.rect(0, 0, xs, ys);
+            cntx.fill();
+            cntx.drawImage(cntx.canvas, 0, 0, xs, ys);
+            var Gstr = this.createLcdBitmapFromCanvas(c, x, y, xs, ys);
+            this.LcdWriteImageBlob(dest, mode, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LCDDrawButton = function (dest, mode, x, y, xs, ys, strys, fill, fnt, str) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            cntx.font = fnt;
+            var txt = str;
+            var sxs = Math.round(cntx.measureText(txt).width);
+            var sys = strys;
+            c.width = xs;
+            c.height = ys;
+            cntx.font = fnt;
+            cntx.fillStyle = fill;
+            cntx.rect(0, 0, xs, ys);
+            cntx.fill();
+            cntx.fillStyle = '#FFFFFF';
+            cntx.textBaseline = 'top';
+            cntx.fillText(txt, (xs - sxs) / 2, (ys - sys) / 2);
+            cntx.drawImage(cntx.canvas, 0, 0, xs, ys);
+            var Gstr = this.createLcdBitmapFromCanvas(c, x, y, xs, ys);
+            this.LcdWriteImageBlob(dest, mode, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LCDWriteStringWindow = function (dest, mode, x, y, fnt, xsize, ysize, str) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            cntx.font = fnt;
+            var txt = str;
+            var xs = xsize;
+            var ys = ysize;
+            c.width = xs;
+            c.height = ys;
+            cntx.font = fnt;
+            cntx.fillStyle = '#FFFFFF';
+            cntx.rect(0, 0, xs, ys);
+            cntx.fill();
+            cntx.fillStyle = '#000000';
+            cntx.textBaseline = 'top';
+            cntx.fillText(txt, 0, 0);
+            cntx.drawImage(cntx.canvas, 0, 0, xs, ys);
+            var Gstr = this.createLcdBitmapFromCanvas(c, x, y, xs, ys);
+            this.LcdWriteImageBlob(dest, mode, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LCDStringWidth = function (fnt, str) {
+            var c = document.createElement('canvas');
+            var cntx = c.getContext('2d');
+            cntx.font = fnt;
+            var txt = str;
+            var xs = Math.round(cntx.measureText(txt).width);
+            return xs;
+        };
+        SigWebTablet.LCDStringHeight = function (fnt, str) {
+            return 16;
+        };
+        SigWebTablet.LcdRefresh = function (Mode, Xp, Yp, Xs, Ys) {
+            var Prop = 'LcdRefresh/';
+            Prop = Prop + Mode + ',' + Xp + ',' + Yp + ',' + Xs + ',' + Ys;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.LCDSendCmdString = function (CmdStr, ReturnCount, Result, TimeOut) {
+            var Prop = 'LcdSendCmdString/';
+            Prop = Prop + ReturnCount + ',' + TimeOut;
+            Result = this.SigWebSetStreamProperty(Prop, CmdStr);
+        };
+        SigWebTablet.LCDSendCmdData = function (CmdStr, ReturnCount, Result, TimeOut) {
+            var Prop = 'LcdSendCmdData/';
+            Prop = Prop + ReturnCount + ',' + TimeOut;
+            Result = this.SigWebSetStreamProperty(Prop, CmdStr);
+        };
+        //		function  LCDSendWindowedGraphicCanvas(  dest, mode,  x,  y, canvas )
+        //			 {
+        //			 }
+        //		function  LCDSendWindowedGraphicCanvas(  dest, mode,  x,  y,  xs,  ys, canvas )
+        //			{
+        //			var Gstr = this.createLcdBitmapFromCanvas( canvas, 0, 0, xs, ys)
+        //			LcdWriteImageStream( dest, mode, x, y, xs, ys, Gstr );
+        //			}
+        SigWebTablet.LCDSendWindowedGraphicCanvas = function (dest, mode, x, y, xs, ys, c, xps, yps) {
+            var canvas = document.createElement('canvas');
+            var Gstr = this.createLcdBitmapFromCanvas(canvas, xps, yps, xs, ys);
+            this.LcdWriteImageStream(dest, mode, x, y, xs, ys, Gstr);
+        };
+        SigWebTablet.LCDSendGraphicUrl = function (dest, mode, x, y, url) {
+            this.LcdWriteImage(dest, mode, x, y, url);
+        };
+        //		function  LCDSendGraphic(  Dest,  Mode,  XPos,  YPos,  ImageFileName ) {}
+        //		function  LCDSendGraphicURL(  Dest,  Mode,  XPos,  YPos,  URL ) {}
+        SigWebTablet.LCDClear = function () {
+            var Prop = 'LcdClear';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.LCDSetTabletMap = function (LCDType, LCDXSize, LCDYSize, LCDXStart, LCDYStart, LCDXStop, LCDYStop) { };
+        SigWebTablet.LCDSetPixelDepth = function (v) {
+            var Prop = 'LcdSetPixelDepth/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.LCDGetLCDSize = function () {
+            var Prop = 'LcdGetLcdSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.LCDGetCompressionMode = function () {
+            var Prop = 'LcdCompressionMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.LCDGetZCompressionMode = function () {
+            var Prop = 'LcdZCompressionMode';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        //
+        //		SigPlusNETLCD.cs
+        //
+        SigWebTablet.SetRealTabletState = function (v) {
+            var Prop = 'TabletState/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletState = function () {
+            var Prop = 'TabletState';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletLogicalXSize = function (v) {
+            var Prop = 'TabletLogicalXSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletLogicalXSize = function () {
+            var Prop = 'TabletLogicalXSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetTabletLogicalYSize = function () {
+            var Prop = 'TabletLogicalYSize';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletLogicalYSize = function (v) {
+            var Prop = 'TabletLogicalYSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetTabletXStart = function (v) {
+            var Prop = 'TabletXStart/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletXStart = function () {
+            var Prop = 'TabletXStart';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletYStart = function (v) {
+            var Prop = 'TabletYStart/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletYStart = function () {
+            var Prop = 'TabletYStart';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletXStop = function (v) {
+            var Prop = 'TabletXStop/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletXStop = function () {
+            var Prop = 'TabletXStop';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletYStop = function (v) {
+            var Prop = 'TabletYStop/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletYStop = function () {
+            var Prop = 'TabletYStop';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletFilterPoints = function (v) {
+            var Prop = 'TabletFilterPoints/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletFilterPoints = function () {
+            var Prop = 'TabletFilterPoints';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletTimingAdvance = function (v) {
+            var Prop = 'TabletTimingAdvance/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletTimingAdvance = function () {
+            var Prop = 'TabletTimingAdvance';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletComPort = function (v) {
+            var Prop = 'TabletComPort/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletComPort = function () {
+            var Prop = 'TabletComPort';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletBaudRate = function (v) {
+            var Prop = 'TabletBaudRate/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletBaudRate = function () {
+            var Prop = 'TabletBaudRate';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletRotation = function (v) {
+            var Prop = 'TabletRotation/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletRotation = function () {
+            var Prop = 'TabletRotation';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletType = function (v) {
+            var Prop = 'TabletType/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletType = function () {
+            var Prop = 'TabletType';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetServerTabletType = function (v) {
+            var Prop = 'ServerTabletType/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetServerTabletType = function () {
+            var Prop = 'ServerTabletType';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletComTest = function (v) {
+            var Prop = 'TabletComTest/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletComTest = function () {
+            var Prop = 'TabletComTest';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletResolution = function (v) {
+            var Prop = 'TabletResolution/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetTabletResolution = function () {
+            var Prop = 'TabletResolution';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.TabletConnectQuery = function () {
+            var Prop = 'TabletConnectQuery';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.TabletModelNumber = function () {
+            var Prop = 'TabletModelNumber';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.TabletSerialNumber = function () {
+            var Prop = 'TabletSerialNumber';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletPortPath = function (v) {
+            var Prop = 'TabletPortPath/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetTabletLocalIniFilePath = function (v) {
+            var Prop = 'TabletLocalIniFilePath/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetTabletModel = function (v) {
+            var Prop = 'TabletModel/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetSerialPortCloseDelay = function (v) {
+            var Prop = 'SerialPortCloseDelay/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSerialPortCloseDelay = function () {
+            var Prop = 'SerialPortCloseDelay';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.EnableTabletEncryption = function () {
+            var Prop = 'EnableTabletEncryption';
+            Prop = Prop;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetTabletEncryptionMode = function (hmode, tmode) {
+            var Prop = 'TabletEncryptionMode/';
+            Prop = Prop + hmode + ',' + tmode;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetMaxLogFileSize = function (v) {
+            var Prop = 'MaxLogFileSize/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetSigSockServerPath = function () {
+            var Prop = 'SigSockServerPath';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetSigSockClientName = function () {
+            var Prop = 'SigSockClientName';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.GetSigSockPortNumber = function () {
+            var Prop = 'SigSockPortNumber';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetSigSockServerPath = function (v) {
+            var Prop = 'SigSockServerPath/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetSigSockClientName = function (v) {
+            var Prop = 'SigSockClientName/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetPortNumber = function (v) {
+            var Prop = 'PortNumber/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.SetSigSockPortNumber = function (v) {
+            var Prop = 'SigSockPortNumber/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.GetFirmwareRevision = function () {
+            var Prop = 'FirmwareRevision';
+            Prop = Prop;
+            return this.SigWebGetProperty(Prop);
+        };
+        SigWebTablet.SetTabletData = function (sigStr) {
+            var Prop = 'TabletData';
+            Prop = Prop;
+            this.SigWebSetStreamProperty(Prop, sigStr);
+        };
+        SigWebTablet.GetTabletData = function () {
+            var Prop = 'TabletData';
+            Prop = Prop;
+            var Str = this.SigWebGetProperty(Prop);
+            return Str.slice(1, Str.length - 1);
+        };
+        SigWebTablet.OpenTablet = function (v) {
+            var Prop = 'OpenTablet/';
+            Prop = Prop + v;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.CloseTablet = function () {
+            var Prop = 'CloseTablet';
+            Prop = Prop;
+            this.SigWebSetProperty(Prop);
+        };
+        SigWebTablet.ResetParameters = function () {
+            var Prop = 'ResetParameters';
+            Prop = Prop;
+            this.SigWebSetPropertySync(Prop);
+        };
+        SigWebTablet.testRawData = function () {
+            this.OpenTablet(1);
+            var Str1 = this.GetTabletData();
+            this.CloseTablet();
+        };
+        SigWebTablet.SetTabletState = function (v, ctx, tv) {
+            var _this = this;
+            var delay;
+            if (tv) {
+                delay = tv;
+            }
+            else {
+                delay = 100;
+            }
+            if (this.GetTabletState() != v) {
+                if (v == 1) {
+                    if (ctx) {
+                        var can = ctx.canvas;
+                        this.SetDisplayXSize(can.width);
+                        this.SetDisplayYSize(can.height);
+                        this.SigWebSetDisplayTarget(ctx);
+                    }
+                    this.SetRealTabletState(v);
+                    var data = this.GetTabletState();
+                    var dataResult = data == '' || data == null ? 0 : Number(data);
+                    var tmr = null;
+                    if (ctx && dataResult != 0) {
+                        tmr = setInterval(function () { return _this.SigWebRefresh(); }, delay);
+                    }
+                    else {
+                        tmr = null;
+                    }
+                    return tmr;
+                }
+                else {
+                    if (ctx) {
+                        clearInterval(ctx);
+                    }
+                    this.SigWebSetDisplayTarget(null);
+                    this.SetRealTabletState(v);
+                }
+            }
+            return null;
+        };
+        return SigWebTablet;
+    }());
+    SigWebTablet.baseUri = SigWebTablet.makeUri();
+    SigWebTablet.Count = false;
+    SigWebTablet.SigWebFontThreshold = 155;
+    SigWebTablet.NumPointsLastTime = 0;
+
+    var OutputMessage = /** @class */ (function () {
+        function OutputMessage() {
+        }
+        return OutputMessage;
+    }());
+    var LibeyNgSignatureComponent = /** @class */ (function () {
+        function LibeyNgSignatureComponent() {
+            this.OutputSignature = new i0.EventEmitter();
+            this.DeviceType = 'mousepad';
+            this._destroy$ = new rxjs.Subject();
+            this.widthView = 500;
+            this.heightView = 200;
+            this.widthRender = 500;
+            this.heightRender = 200;
+            this.signaturePadOptions = {
+                minWidth: 5,
+                canvasWidth: this.widthView,
+                canvasHeight: this.heightView,
+                backgroundColor: 'rgba(242,242,242,1)',
+            };
+        }
+        LibeyNgSignatureComponent.prototype.ngAfterViewInit = function () {
+            this.InitDevice();
+        };
+        LibeyNgSignatureComponent.prototype.ngOnDestroy = function () {
+            this.closingSigWeb();
+            this._destroy$.next(true);
+        };
+        LibeyNgSignatureComponent.prototype.ChangeDevice = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.InitDevice();
+            }, 200);
+        };
+        LibeyNgSignatureComponent.prototype.InitDevice = function () {
+            if (this.DeviceType == 'pinpad') {
+                this.cnvContext = (this.canvas.nativeElement).getContext('2d');
+            }
+            if (this.DeviceType == 'mousepad') {
+                this.signaturePad.set('minWidth', 5);
+                this.signaturePad.clear();
+            }
+        };
+        LibeyNgSignatureComponent.prototype.closingSigWeb = function () {
+            SigWebTablet.ClearTablet();
+            SigWebTablet.SetTabletState(0, this.tmr, null);
+        };
+        LibeyNgSignatureComponent.prototype.onSign = function () {
+            console.log('onSign Clicked!');
+            SigWebTablet.SetDisplayXSize(this.widthRender);
+            SigWebTablet.SetDisplayYSize(this.heightRender);
+            SigWebTablet.SetTabletState(0, this.tmr, null);
+            SigWebTablet.SetJustifyMode(0);
+            SigWebTablet.ClearTablet();
+            if (this.tmr == null) {
+                this.tmr = SigWebTablet.SetTabletState(1, this.cnvContext, 50);
+            }
+            else {
+                SigWebTablet.SetTabletState(0, this.tmr, null);
+                this.tmr = null;
+                this.tmr = SigWebTablet.SetTabletState(1, this.cnvContext, 50);
+            }
+        };
+        LibeyNgSignatureComponent.prototype.onClear = function () {
+            if (this.DeviceType == 'pinpad') {
+                SigWebTablet.ClearTablet();
+                if (this.cnvContext) {
+                    this.cnvContext.clearRect(0, 0, this.canvas.nativeElement.width, this.canvas.nativeElement.height);
+                }
+            }
+            if (this.DeviceType == 'mousepad') {
+                this.signaturePad.clear();
+            }
+        };
+        LibeyNgSignatureComponent.prototype.onDone = function () {
+            var _this = this;
+            if (this.DeviceType == 'pinpad') {
+                // if (Number(SigWebTablet.NumberOfTabletPoints()) === 0) {
+                //   alert('Por favor firme antes de continuar');
+                // } else {
+                SigWebTablet.SetTabletState(0, this.tmr, null);
+                SigWebTablet.SetSigCompressionMode(1);
+                var result = new OutputMessage();
+                result.bioSigData = SigWebTablet.GetSigString();
+                result.sigImgData = SigWebTablet.GetSigString();
+                SigWebTablet.SetImageXSize(this.widthRender);
+                SigWebTablet.SetImageYSize(this.heightRender);
+                SigWebTablet.SetImagePenWidth(5);
+                SigWebTablet.GetSigImageB64(function (base64) {
+                    result.sigString = "data:image/png;base64," + base64;
+                    _this.OutputSignature.emit(result);
+                });
+                // }
+            }
+            if (this.DeviceType == 'mousepad') {
+                var result = new OutputMessage();
+                result.sigString = this.signaturePad.toDataURL();
+                this.OutputSignature.emit(result);
+            }
+        };
+        LibeyNgSignatureComponent.prototype.drawComplete = function () { };
+        LibeyNgSignatureComponent.prototype.drawStart = function () { };
+        return LibeyNgSignatureComponent;
+    }());
+    LibeyNgSignatureComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    LibeyNgSignatureComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LibeyNgSignatureComponent, selector: "lib-libey-ng-signature", inputs: { DeviceType: "DeviceType" }, outputs: { OutputSignature: "OutputSignature" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["sigImg"], descendants: true }, { propertyName: "signaturePad", first: true, predicate: i1.SignaturePad, descendants: true }], ngImport: i0__namespace, template: "<div class=\"container\">\n  <div *ngIf=\"DeviceType=='pinpad'\">\n    <canvas #sigImg [width]=\"widthView\" [height]=\"heightView\" style=\"background-color: rgba(242,242,242,1);\"></canvas>  \n  </div>\n  <div *ngIf=\"DeviceType=='mousepad'\">\n    <signature-pad [options]=\"signaturePadOptions\" (onBeginEvent)=\"drawStart()\" (onEndEvent)=\"drawComplete()\"></signature-pad>\n  </div>\n  <div class=\"row\">\n    <button *ngIf=\"DeviceType=='pinpad'\" mat-raised-button (click)=\"onSign()\">Firmar</button>\n    <button mat-raised-button (click)=\"onClear()\">Limpiar</button>\n    <button mat-raised-button (click)=\"onDone()\">Guardar</button>\n  </div>\n  <div class=\"row\">\n    <ng-select [(ngModel)]=\"DeviceType\" class=\"ng-select\" placeholder=\"Seleccionar\" [clearable]=\"false\"\n    (change)=\"ChangeDevice()\">\n      <ng-option [value]=\"'pinpad'\">Pinpad</ng-option>\n      <ng-option [value]=\"'mousepad'\">Mousepad</ng-option>\n    </ng-select>\n  </div>\n</div>", styles: [".container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.row{display:flex;justify-content:center;grid-gap:10px;gap:10px}\n"], components: [{ type: i1__namespace$1.SignaturePad, selector: "signature-pad", inputs: ["options"], outputs: ["onBeginEvent", "onEndEvent"] }, { type: i2__namespace.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2__namespace.ɵr, selector: "ng-option", inputs: ["disabled", "value"] }], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'lib-libey-ng-signature',
+                        templateUrl: './libey-ng-signature.component.html',
+                        styleUrls: ['./libey-ng-signature.component.css'],
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { OutputSignature: [{
+                    type: i0.Output
+                }], DeviceType: [{
+                    type: i0.Input
+                }], canvas: [{
+                    type: i0.ViewChild,
+                    args: ['sigImg', { static: false }]
+                }], signaturePad: [{
+                    type: i0.ViewChild,
+                    args: [i1.SignaturePad]
+                }] } });
+
+    var LibeyNgSignatureModule = /** @class */ (function () {
+        function LibeyNgSignatureModule() {
+        }
+        return LibeyNgSignatureModule;
+    }());
+    LibeyNgSignatureModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    LibeyNgSignatureModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, declarations: [LibeyNgSignatureComponent], imports: [i4.FormsModule,
+            i4.ReactiveFormsModule,
+            i1.SignaturePadModule,
+            i1$1.CommonModule,
+            i2.NgSelectModule,
+            ngBootstrap.NgbModule], exports: [LibeyNgSignatureComponent,
+            i1.SignaturePadModule,
+            i2.NgSelectModule,
+            ngBootstrap.NgbModule] });
+    LibeyNgSignatureModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, imports: [[
+                i4.FormsModule,
+                i4.ReactiveFormsModule,
+                i1.SignaturePadModule,
+                i1$1.CommonModule,
+                i2.NgSelectModule,
+                ngBootstrap.NgbModule
+            ], i1.SignaturePadModule,
+            i2.NgSelectModule,
+            ngBootstrap.NgbModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            LibeyNgSignatureComponent
+                        ],
+                        imports: [
+                            i4.FormsModule,
+                            i4.ReactiveFormsModule,
+                            i1.SignaturePadModule,
+                            i1$1.CommonModule,
+                            i2.NgSelectModule,
+                            ngBootstrap.NgbModule
+                        ],
+                        exports: [
+                            LibeyNgSignatureComponent,
+                            i1.SignaturePadModule,
+                            i2.NgSelectModule,
+                            ngBootstrap.NgbModule
+                        ]
+                    }]
+            }] });
+
     var LibeyNgComponentLibraryModule = /** @class */ (function () {
         function LibeyNgComponentLibraryModule() {
         }
         return LibeyNgComponentLibraryModule;
     }());
     LibeyNgComponentLibraryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    LibeyNgComponentLibraryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, imports: [i1.CommonModule,
-            forms.FormsModule,
-            LibeyNgTableModule], exports: [LibeyNgTableModule] });
-    LibeyNgComponentLibraryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, providers: [i1.DatePipe], imports: [[
-                i1.CommonModule,
-                forms.FormsModule,
-                LibeyNgTableModule
-            ], LibeyNgTableModule] });
+    LibeyNgComponentLibraryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, imports: [i1$1.CommonModule,
+            i4.FormsModule,
+            LibeyNgTableModule,
+            LibeyNgSignatureModule,
+            i1.SignaturePadModule], exports: [LibeyNgTableModule,
+            LibeyNgSignatureModule,
+            i1.SignaturePadModule] });
+    LibeyNgComponentLibraryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, providers: [i1$1.DatePipe], imports: [[
+                i1$1.CommonModule,
+                i4.FormsModule,
+                LibeyNgTableModule,
+                LibeyNgSignatureModule,
+                i1.SignaturePadModule
+            ], LibeyNgTableModule,
+            LibeyNgSignatureModule,
+            i1.SignaturePadModule] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [],
                         imports: [
-                            i1.CommonModule,
-                            forms.FormsModule,
-                            LibeyNgTableModule
+                            i1$1.CommonModule,
+                            i4.FormsModule,
+                            LibeyNgTableModule,
+                            LibeyNgSignatureModule,
+                            i1.SignaturePadModule
+                        ],
+                        exports: [
+                            LibeyNgTableModule,
+                            LibeyNgSignatureModule,
+                            i1.SignaturePadModule
                         ],
-                        exports: [LibeyNgTableModule],
-                        providers: [i1.DatePipe]
+                        providers: [i1$1.DatePipe]
                     }]
             }] });
 
@@ -404,12 +2029,37 @@
      * Generated bundle index. Do not edit.
      */
 
+    Object.defineProperty(exports, 'SignaturePad', {
+        enumerable: true,
+        get: function () { return i1.SignaturePad; }
+    });
+    Object.defineProperty(exports, 'SignaturePadModule', {
+        enumerable: true,
+        get: function () { return i1.SignaturePadModule; }
+    });
+    Object.defineProperty(exports, 'NgSelectModule', {
+        enumerable: true,
+        get: function () { return i2.NgSelectModule; }
+    });
+    Object.defineProperty(exports, 'NgbModule', {
+        enumerable: true,
+        get: function () { return ngBootstrap.NgbModule; }
+    });
     exports.LibeyColumnDirective = LibeyColumnDirective;
     exports.LibeyNgComponentLibraryComponent = LibeyNgComponentLibraryComponent;
     exports.LibeyNgComponentLibraryModule = LibeyNgComponentLibraryModule;
     exports.LibeyNgComponentLibraryService = LibeyNgComponentLibraryService;
+    exports.LibeyNgSignatureComponent = LibeyNgSignatureComponent;
+    exports.LibeyNgSignatureModule = LibeyNgSignatureModule;
     exports.LibeyNgTableComponent = LibeyNgTableComponent;
     exports.LibeyNgTableModule = LibeyNgTableModule;
+    exports.SigWebTablet = SigWebTablet;
+    Object.keys(core).forEach(function (k) {
+        if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+            enumerable: true,
+            get: function () { return core[k]; }
+        });
+    });
 
     Object.defineProperty(exports, '__esModule', { value: true });