libey-ng-component-library 0.0.26 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/libey-ng-component-library.umd.js +78 -75
- package/bundles/libey-ng-component-library.umd.js.map +1 -1
- package/esm2015/lib/libey-ng-component-library.module.js +2 -2
- package/esm2015/lib/signature/libey-ng-signature/libey-ng-signature.component.js +10 -10
- package/esm2015/lib/signature/libey-ng-signature.module.js +8 -4
- package/esm2015/lib/table/libey-ng-table.component.js +1 -1
- package/fesm2015/libey-ng-component-library.js +58 -55
- package/fesm2015/libey-ng-component-library.js.map +1 -1
- package/lib/signature/libey-ng-signature.module.d.ts +2 -1
- package/package.json +3 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
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')) :
|
|
3
3
|
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) :
|
|
4
|
-
(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.
|
|
5
|
-
})(this, (function (exports, i0, i1$1,
|
|
4
|
+
(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.i2, global.i1, global.ngBootstrap, global.core));
|
|
5
|
+
})(this, (function (exports, i0, i1$1, i3, rxjs, i2, i1, ngBootstrap, core) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
26
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
|
|
27
|
-
var
|
|
28
|
-
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
27
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
29
28
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
29
|
+
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
30
30
|
|
|
31
31
|
var LibeyNgComponentLibraryService = /** @class */ (function () {
|
|
32
32
|
function LibeyNgComponentLibraryService() {
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
return LibeyNgTableComponent;
|
|
311
311
|
}());
|
|
312
312
|
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 });
|
|
313
|
-
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 class=\"d-align-center\">\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 class=\"numbers\"\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 {font-size: 1.077rem; width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed;};.table-container {width: 100%; overflow-x: auto;};td,th {height: 30px; text-align: left; position: relative; overflow: hidden; vertical-align: middle;};td {padding: .2rem 1rem;};th {padding: 0rem 1rem;};th {font-weight: 400; color: #1087E8; border-top: .077rem solid #D6DEE5; background-color: #EEF5FC; border-right: .077rem solid #fff;};th:last-child {border-right: .077rem solid #D6DEE5;};td {border-bottom: .077rem solid #D6DEE5; border-style: none none solid none; text-transform: uppercase;};tr td:last-child {border-right: .077rem solid #D6DEE5;};tr td:first-child {border-left: .077rem 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: .769rem; display: flex; justify-content: space-between;};.table-pagination {margin-top: .769rem; display: flex; justify-content: space-between;};.pagination-controls {border-radius: .769rem; justify-content: space-between; border: .077rem solid #D6DEE5; padding: 0 1.154rem; display: flex; align-items: center; margin-top: .769rem; grid-gap: .385rem; gap: .385rem; height: 2.308rem;};button {font-size: 1.077rem; border: .077rem solid transparent; border-radius: .308rem; cursor: pointer; min-width: 1.692rem; margin: .077rem; justify-content: center; height: 1.692rem; background-color: transparent; padding: 0 .231rem; display: flex; justify-content: center; align-items: center;};button.active {border: .077rem solid #38E8C6; background-color: #38E8C6; font-weight: 600; color: #FFF;};button:disabled {cursor: default;};button:hover.numbers {border: .077rem solid #38E8C6 !important; border-radius: .308rem;};tr:first-child th:first-child {border-top-left-radius: .769rem; border-left: .077rem solid #D6DEE5;};tr:first-child th:last-child {border-top-right-radius: .769rem; border-right: .077rem solid #D6DEE5;};tr:last-child td:first-child {border-bottom-left-radius: .769rem;};tr:last-child td:last-child {border-bottom-right-radius: .769rem;};.d-align-center {display: flex !important; align-items: center !important;};.me-20px{margin-right: 1.538rem;};.icon-first-page {background-repeat: no-repeat; display: block; width: .923rem; height: .769rem; 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: .538rem; height: .769rem; 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: .538rem; height: .769rem; 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: .923rem; height: .769rem; 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: .385rem; cursor: col-resize; background-color: transparent;};::-webkit-scrollbar {width: .7rem; height: .7rem;};::-webkit-scrollbar-thumb {background-color: #d9d9d9 !important; border-radius: 1.538rem !important; border: .231rem solid #d9d9d9 !important;};.icon-arrow-up {background-repeat: no-repeat; display: block; width: .923rem; height: .615rem; 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: .923rem; height: .615rem; 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;}}button:disabled svg path{fill:#abbed1!important}button:disabled svg rect{fill:transparent!important}\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 });
|
|
313
|
+
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 class=\"d-align-center\">\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 class=\"numbers\"\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 {font-size: 1.077rem; width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed;};.table-container {width: 100%; overflow-x: auto;};td,th {height: 30px; text-align: left; position: relative; overflow: hidden; vertical-align: middle;};th {padding: 0rem 1rem;};th {font-weight: 400; color: #1087E8; border-top: .077rem solid #D6DEE5; background-color: #EEF5FC; border-right: .077rem solid #fff;};th:last-child {border-right: .077rem solid #D6DEE5;};td {vertical-align: middle; border-bottom: .077rem solid #D6DEE5; border-style: none none solid none; text-transform: uppercase; padding: .2rem 1rem; line-height: normal;};tr td:last-child {border-right: .077rem solid #D6DEE5;};tr td:first-child {border-left: .077rem 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: .769rem; display: flex; justify-content: space-between;};.table-pagination {margin-top: .769rem; display: flex; justify-content: space-between;};.pagination-controls {border-radius: .769rem; justify-content: space-between; border: .077rem solid #D6DEE5; padding: 0 1.154rem; display: flex; align-items: center; margin-top: .769rem; grid-gap: .385rem; gap: .385rem; height: 2.308rem;};button {font-size: 1.077rem; border: .077rem solid transparent; border-radius: .308rem; cursor: pointer; min-width: 1.692rem; margin: .077rem; justify-content: center; height: 1.692rem; background-color: transparent; padding: 0 .231rem; display: flex; justify-content: center; align-items: center;};button.active {border: .077rem solid #38E8C6; background-color: #38E8C6; font-weight: 600; color: #FFF;};button:disabled {cursor: default;};button:hover.numbers {border: .077rem solid #38E8C6 !important; border-radius: .308rem;};tr:first-child th:first-child {border-top-left-radius: .769rem; border-left: .077rem solid #D6DEE5;};tr:first-child th:last-child {border-top-right-radius: .769rem; border-right: .077rem solid #D6DEE5;};tr:last-child td:first-child {border-bottom-left-radius: .769rem;};tr:last-child td:last-child {border-bottom-right-radius: .769rem;};.d-align-center {display: flex !important; align-items: center !important;};.me-20px{margin-right: 1.538rem;};.icon-first-page {background-repeat: no-repeat; display: block; width: .923rem; height: .769rem; 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: .538rem; height: .769rem; 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: .538rem; height: .769rem; 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: .923rem; height: .769rem; 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: .385rem; cursor: col-resize; background-color: transparent;};::-webkit-scrollbar {width: .7rem; height: .7rem;};::-webkit-scrollbar-thumb {background-color: #d9d9d9 !important; border-radius: 1.538rem !important; border: .231rem solid #d9d9d9 !important;};.icon-arrow-up {background-repeat: no-repeat; display: block; width: .923rem; height: .615rem; 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: .923rem; height: .615rem; 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;}}button:disabled svg path{fill:#abbed1!important}button:disabled svg rect{fill:transparent!important}\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 });
|
|
314
314
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableComponent, decorators: [{
|
|
315
315
|
type: i0.Component,
|
|
316
316
|
args: [{
|
|
@@ -363,13 +363,13 @@
|
|
|
363
363
|
return LibeyNgTableModule;
|
|
364
364
|
}());
|
|
365
365
|
LibeyNgTableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
366
|
-
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,
|
|
367
|
-
LibeyNgTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, imports: [[i1$1.CommonModule,
|
|
366
|
+
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, i3.FormsModule], exports: [LibeyNgTableComponent, LibeyColumnDirective] });
|
|
367
|
+
LibeyNgTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, imports: [[i1$1.CommonModule, i3.FormsModule]] });
|
|
368
368
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgTableModule, decorators: [{
|
|
369
369
|
type: i0.NgModule,
|
|
370
370
|
args: [{
|
|
371
371
|
declarations: [LibeyNgTableComponent, LibeyColumnDirective],
|
|
372
|
-
imports: [i1$1.CommonModule,
|
|
372
|
+
imports: [i1$1.CommonModule, i3.FormsModule],
|
|
373
373
|
exports: [LibeyNgTableComponent, LibeyColumnDirective]
|
|
374
374
|
}]
|
|
375
375
|
}] });
|
|
@@ -1835,10 +1835,10 @@
|
|
|
1835
1835
|
this.OutputSignature = new i0.EventEmitter();
|
|
1836
1836
|
this.DeviceType = 'mousepad';
|
|
1837
1837
|
this._destroy$ = new rxjs.Subject();
|
|
1838
|
-
this.widthView =
|
|
1839
|
-
this.heightView =
|
|
1840
|
-
this.widthRender =
|
|
1841
|
-
this.heightRender =
|
|
1838
|
+
this.widthView = 440;
|
|
1839
|
+
this.heightView = 250;
|
|
1840
|
+
this.widthRender = 440;
|
|
1841
|
+
this.heightRender = 250;
|
|
1842
1842
|
this.signaturePadOptions = {
|
|
1843
1843
|
minWidth: 5,
|
|
1844
1844
|
canvasWidth: this.widthView,
|
|
@@ -2000,7 +2000,7 @@
|
|
|
2000
2000
|
return LibeyNgSignatureComponent;
|
|
2001
2001
|
}());
|
|
2002
2002
|
LibeyNgSignatureComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2003
|
-
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:
|
|
2003
|
+
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: i2.SignaturePad, descendants: true }], ngImport: i0__namespace, template: "<div class=\"mb-3\">\r\n <div class=\"row mb-5\">\r\n <div class=\"col-md-12 justify-align-center mb-3\">\r\n <input type=\"file\" (change)=\"fileEvent($event)\" [(ngModel)]=\"File\" class=\"form-control form-control-ph\"\r\n accept=\"image/png, image/jpeg\" style=\"border: none; min-width: 410px; width: auto;\">\r\n <label *ngIf=\"FileValidated\" [ngClass]=\"'text-danger'\">Archivo requerido. Formatos permitidos (jpeg, jpg, png)</label>\r\n </div>\r\n <div class=\"col-md-12\">\r\n <ng-select [(ngModel)]=\"DeviceType\" class=\"ng-select-single ng-select-border-0\" placeholder=\"Seleccionar\" [clearable]=\"false\"\r\n (change)=\"ChangeDevice()\">\r\n <ng-option [value]=\"'pinpad'\">Pinpad</ng-option>\r\n <ng-option [value]=\"'mousepad'\">Mousepad</ng-option>\r\n </ng-select>\r\n <label *ngIf=\"NotDriver\" [ngClass]=\"'text-danger'\">No tiene el driver instalado</label>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"UploadFile==null\">\r\n <div *ngIf=\"DeviceType=='pinpad'\" style=\"border: 1px ridge #D6DEE5;border-radius: 10px; width: 440px;\">\r\n <canvas (click)=\"onSign()\" #sigImg [width]=\"widthView\" [height]=\"heightView\"></canvas>\r\n </div>\r\n <div *ngIf=\"DeviceType=='mousepad'\" style=\"border: 1px ridge #D6DEE5;border-radius: 10px; width: 440px;\">\r\n <signature-pad [options]=\"signaturePadOptions\"></signature-pad>\r\n </div>\r\n </div>\r\n <div *ngIf=\"UploadFile!=null\" style=\"border: 1px ridge #D6DEE5;border-radius: 10px; width: 440px;\">\r\n <img [src]=\"UploadFile\" [width]=\"widthView\" [height]=\"heightView\" />\r\n </div>\r\n\r\n <div class=\"col-md-12 mt-3\">\r\n <button type=\"button\" class=\"btn btn-light-primary-sm border-none text-black\" (click)=\"onClear()\">\r\n <i class=\"icon-trash-blue me-3\"></i> Borrar firma\r\n </button>\r\n </div>\r\n</div>\r\n\r\n<div class=\"modal-footer\">\r\n <button type=\"button\" class=\"btn btn-primary btn-save-rp\" (click)=\"onDone()\">\r\n <i class=\"icon-save-white\"></i> Guardar\r\n </button>\r\n</div>", styles: [".container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}\n"], components: [{ type: i1__namespace$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i1__namespace$1.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { type: i2__namespace.SignaturePad, selector: "signature-pad", inputs: ["options"], outputs: ["onBeginEvent", "onEndEvent"] }], directives: [{ type: i3__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2004
2004
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureComponent, decorators: [{
|
|
2005
2005
|
type: i0.Component,
|
|
2006
2006
|
args: [{
|
|
@@ -2017,57 +2017,9 @@
|
|
|
2017
2017
|
args: ['sigImg', { static: false }]
|
|
2018
2018
|
}], signaturePad: [{
|
|
2019
2019
|
type: i0.ViewChild,
|
|
2020
|
-
args: [
|
|
2020
|
+
args: [i2.SignaturePad]
|
|
2021
2021
|
}] } });
|
|
2022
2022
|
|
|
2023
|
-
var LibeyNgSignatureModule = /** @class */ (function () {
|
|
2024
|
-
function LibeyNgSignatureModule() {
|
|
2025
|
-
}
|
|
2026
|
-
return LibeyNgSignatureModule;
|
|
2027
|
-
}());
|
|
2028
|
-
LibeyNgSignatureModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2029
|
-
LibeyNgSignatureModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, declarations: [LibeyNgSignatureComponent], imports: [i4.FormsModule,
|
|
2030
|
-
i4.ReactiveFormsModule,
|
|
2031
|
-
i1.SignaturePadModule,
|
|
2032
|
-
i1$1.CommonModule,
|
|
2033
|
-
i2.NgSelectModule,
|
|
2034
|
-
ngBootstrap.NgbModule], exports: [LibeyNgSignatureComponent,
|
|
2035
|
-
i1.SignaturePadModule,
|
|
2036
|
-
i2.NgSelectModule,
|
|
2037
|
-
ngBootstrap.NgbModule] });
|
|
2038
|
-
LibeyNgSignatureModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, imports: [[
|
|
2039
|
-
i4.FormsModule,
|
|
2040
|
-
i4.ReactiveFormsModule,
|
|
2041
|
-
i1.SignaturePadModule,
|
|
2042
|
-
i1$1.CommonModule,
|
|
2043
|
-
i2.NgSelectModule,
|
|
2044
|
-
ngBootstrap.NgbModule
|
|
2045
|
-
], i1.SignaturePadModule,
|
|
2046
|
-
i2.NgSelectModule,
|
|
2047
|
-
ngBootstrap.NgbModule] });
|
|
2048
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, decorators: [{
|
|
2049
|
-
type: i0.NgModule,
|
|
2050
|
-
args: [{
|
|
2051
|
-
declarations: [
|
|
2052
|
-
LibeyNgSignatureComponent
|
|
2053
|
-
],
|
|
2054
|
-
imports: [
|
|
2055
|
-
i4.FormsModule,
|
|
2056
|
-
i4.ReactiveFormsModule,
|
|
2057
|
-
i1.SignaturePadModule,
|
|
2058
|
-
i1$1.CommonModule,
|
|
2059
|
-
i2.NgSelectModule,
|
|
2060
|
-
ngBootstrap.NgbModule
|
|
2061
|
-
],
|
|
2062
|
-
exports: [
|
|
2063
|
-
LibeyNgSignatureComponent,
|
|
2064
|
-
i1.SignaturePadModule,
|
|
2065
|
-
i2.NgSelectModule,
|
|
2066
|
-
ngBootstrap.NgbModule
|
|
2067
|
-
]
|
|
2068
|
-
}]
|
|
2069
|
-
}] });
|
|
2070
|
-
|
|
2071
2023
|
var LibeyNgIconsComponent = /** @class */ (function () {
|
|
2072
2024
|
function LibeyNgIconsComponent() {
|
|
2073
2025
|
this.color = "#224051";
|
|
@@ -2143,6 +2095,57 @@
|
|
|
2143
2095
|
}]
|
|
2144
2096
|
}] });
|
|
2145
2097
|
|
|
2098
|
+
var LibeyNgSignatureModule = /** @class */ (function () {
|
|
2099
|
+
function LibeyNgSignatureModule() {
|
|
2100
|
+
}
|
|
2101
|
+
return LibeyNgSignatureModule;
|
|
2102
|
+
}());
|
|
2103
|
+
LibeyNgSignatureModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2104
|
+
LibeyNgSignatureModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, declarations: [LibeyNgSignatureComponent], imports: [i3.FormsModule,
|
|
2105
|
+
i3.ReactiveFormsModule,
|
|
2106
|
+
i2.SignaturePadModule,
|
|
2107
|
+
i1$1.CommonModule,
|
|
2108
|
+
i1.NgSelectModule,
|
|
2109
|
+
ngBootstrap.NgbModule], exports: [LibeyNgSignatureComponent,
|
|
2110
|
+
i2.SignaturePadModule,
|
|
2111
|
+
i1.NgSelectModule,
|
|
2112
|
+
ngBootstrap.NgbModule,
|
|
2113
|
+
IconsModule] });
|
|
2114
|
+
LibeyNgSignatureModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, imports: [[
|
|
2115
|
+
i3.FormsModule,
|
|
2116
|
+
i3.ReactiveFormsModule,
|
|
2117
|
+
i2.SignaturePadModule,
|
|
2118
|
+
i1$1.CommonModule,
|
|
2119
|
+
i1.NgSelectModule,
|
|
2120
|
+
ngBootstrap.NgbModule
|
|
2121
|
+
], i2.SignaturePadModule,
|
|
2122
|
+
i1.NgSelectModule,
|
|
2123
|
+
ngBootstrap.NgbModule,
|
|
2124
|
+
IconsModule] });
|
|
2125
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgSignatureModule, decorators: [{
|
|
2126
|
+
type: i0.NgModule,
|
|
2127
|
+
args: [{
|
|
2128
|
+
declarations: [
|
|
2129
|
+
LibeyNgSignatureComponent
|
|
2130
|
+
],
|
|
2131
|
+
imports: [
|
|
2132
|
+
i3.FormsModule,
|
|
2133
|
+
i3.ReactiveFormsModule,
|
|
2134
|
+
i2.SignaturePadModule,
|
|
2135
|
+
i1$1.CommonModule,
|
|
2136
|
+
i1.NgSelectModule,
|
|
2137
|
+
ngBootstrap.NgbModule
|
|
2138
|
+
],
|
|
2139
|
+
exports: [
|
|
2140
|
+
LibeyNgSignatureComponent,
|
|
2141
|
+
i2.SignaturePadModule,
|
|
2142
|
+
i1.NgSelectModule,
|
|
2143
|
+
ngBootstrap.NgbModule,
|
|
2144
|
+
IconsModule
|
|
2145
|
+
]
|
|
2146
|
+
}]
|
|
2147
|
+
}] });
|
|
2148
|
+
|
|
2146
2149
|
var LibeyNgComponentLibraryModule = /** @class */ (function () {
|
|
2147
2150
|
function LibeyNgComponentLibraryModule() {
|
|
2148
2151
|
}
|
|
@@ -2150,24 +2153,24 @@
|
|
|
2150
2153
|
}());
|
|
2151
2154
|
LibeyNgComponentLibraryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2152
2155
|
LibeyNgComponentLibraryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, imports: [i1$1.CommonModule,
|
|
2153
|
-
|
|
2156
|
+
i3.FormsModule,
|
|
2154
2157
|
LibeyNgTableModule,
|
|
2155
2158
|
LibeyNgSignatureModule,
|
|
2156
|
-
|
|
2159
|
+
i2.SignaturePadModule,
|
|
2157
2160
|
IconsModule], exports: [LibeyNgTableModule,
|
|
2158
2161
|
LibeyNgSignatureModule,
|
|
2159
|
-
|
|
2162
|
+
i2.SignaturePadModule,
|
|
2160
2163
|
IconsModule] });
|
|
2161
2164
|
LibeyNgComponentLibraryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, providers: [i1$1.DatePipe], imports: [[
|
|
2162
2165
|
i1$1.CommonModule,
|
|
2163
|
-
|
|
2166
|
+
i3.FormsModule,
|
|
2164
2167
|
LibeyNgTableModule,
|
|
2165
2168
|
LibeyNgSignatureModule,
|
|
2166
|
-
|
|
2169
|
+
i2.SignaturePadModule,
|
|
2167
2170
|
IconsModule
|
|
2168
2171
|
], LibeyNgTableModule,
|
|
2169
2172
|
LibeyNgSignatureModule,
|
|
2170
|
-
|
|
2173
|
+
i2.SignaturePadModule,
|
|
2171
2174
|
IconsModule] });
|
|
2172
2175
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LibeyNgComponentLibraryModule, decorators: [{
|
|
2173
2176
|
type: i0.NgModule,
|
|
@@ -2175,17 +2178,17 @@
|
|
|
2175
2178
|
declarations: [],
|
|
2176
2179
|
imports: [
|
|
2177
2180
|
i1$1.CommonModule,
|
|
2178
|
-
|
|
2181
|
+
i3.FormsModule,
|
|
2179
2182
|
LibeyNgTableModule,
|
|
2180
2183
|
LibeyNgSignatureModule,
|
|
2181
|
-
|
|
2184
|
+
i2.SignaturePadModule,
|
|
2182
2185
|
IconsModule
|
|
2183
2186
|
],
|
|
2184
2187
|
exports: [
|
|
2185
2188
|
LibeyNgTableModule,
|
|
2186
2189
|
LibeyNgSignatureModule,
|
|
2187
|
-
|
|
2188
|
-
IconsModule
|
|
2190
|
+
i2.SignaturePadModule,
|
|
2191
|
+
IconsModule,
|
|
2189
2192
|
],
|
|
2190
2193
|
providers: [i1$1.DatePipe]
|
|
2191
2194
|
}]
|
|
@@ -2201,15 +2204,15 @@
|
|
|
2201
2204
|
|
|
2202
2205
|
Object.defineProperty(exports, 'SignaturePad', {
|
|
2203
2206
|
enumerable: true,
|
|
2204
|
-
get: function () { return
|
|
2207
|
+
get: function () { return i2.SignaturePad; }
|
|
2205
2208
|
});
|
|
2206
2209
|
Object.defineProperty(exports, 'SignaturePadModule', {
|
|
2207
2210
|
enumerable: true,
|
|
2208
|
-
get: function () { return
|
|
2211
|
+
get: function () { return i2.SignaturePadModule; }
|
|
2209
2212
|
});
|
|
2210
2213
|
Object.defineProperty(exports, 'NgSelectModule', {
|
|
2211
2214
|
enumerable: true,
|
|
2212
|
-
get: function () { return
|
|
2215
|
+
get: function () { return i1.NgSelectModule; }
|
|
2213
2216
|
});
|
|
2214
2217
|
Object.defineProperty(exports, 'NgbModule', {
|
|
2215
2218
|
enumerable: true,
|