@colijnit/corecomponents_v12 261.20.7 → 261.20.9

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -7823,6 +7823,9 @@ class InputTextComponent extends BaseInputComponent {
                 event.preventDefault();
             }
         }
+        if (this.type === 'number' && this.model?.length === this.maxLength && /^\d$/.test(key)) {
+            event.preventDefault();
+        }
     }
     convertWeekToDate(weekStr) {
         const match = weekStr.match(/^w0*(\d{1,2})$/i);
@@ -11642,6 +11645,7 @@ class BaseSimpleGridComponent {
     showEdit = false;
     showToolbar = false;
     autoAddRow = false;
+    useCustomExcelExport = false;
     /**
      * Should component emit drag and drop actions instead of handle
      * (update collection) by itself
@@ -11659,6 +11663,7 @@ class BaseSimpleGridComponent {
     addRow = new EventEmitter();
     rowVisible = new EventEmitter();
     paginationPageChange = new EventEmitter();
+    customExcelExport = new EventEmitter();
     handleMouseMove(event) {
         if (this.resizable && event.buttons === 1 && this._columnForResize) {
             // this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
@@ -11772,7 +11777,7 @@ class BaseSimpleGridComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BaseSimpleGridComponent, isStandalone: true, inputs: { data: "data", exportData: "exportData", dragDropEnabled: "dragDropEnabled", resizable: "resizable", inlineEdit: "inlineEdit", showEdit: "showEdit", showToolbar: "showToolbar", autoAddRow: "autoAddRow", emitDragDrop: "emitDragDrop", extraColumns: "extraColumns" }, outputs: { onDrop: "onDrop", selectRow: "selectRow", deselectRow: "deselectRow", dblClickRow: "dblClickRow", saveRow: "saveRow", deleteRow: "deleteRow", addRow: "addRow", rowVisible: "rowVisible", paginationPageChange: "paginationPageChange" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp($event)" } }, queries: [{ propertyName: "content", predicate: SimpleGridColumnDirective }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BaseSimpleGridComponent, isStandalone: true, inputs: { data: "data", exportData: "exportData", dragDropEnabled: "dragDropEnabled", resizable: "resizable", inlineEdit: "inlineEdit", showEdit: "showEdit", showToolbar: "showToolbar", autoAddRow: "autoAddRow", useCustomExcelExport: "useCustomExcelExport", emitDragDrop: "emitDragDrop", extraColumns: "extraColumns" }, outputs: { onDrop: "onDrop", selectRow: "selectRow", deselectRow: "deselectRow", dblClickRow: "dblClickRow", saveRow: "saveRow", deleteRow: "deleteRow", addRow: "addRow", rowVisible: "rowVisible", paginationPageChange: "paginationPageChange", customExcelExport: "customExcelExport" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp($event)" } }, queries: [{ propertyName: "content", predicate: SimpleGridColumnDirective }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, decorators: [{
             type: Directive
@@ -11795,6 +11800,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], autoAddRow: [{
                 type: Input
+            }], useCustomExcelExport: [{
+                type: Input
             }], emitDragDrop: [{
                 type: Input
             }], extraColumns: [{
@@ -11817,6 +11824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], paginationPageChange: [{
                 type: Output
+            }], customExcelExport: [{
+                type: Output
             }], handleMouseMove: [{
                 type: HostListener,
                 args: ['document:mousemove', ['$event']]
@@ -12738,55 +12747,61 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
                 header: column.headerText
             });
         });
-        const headers = columns.map(col => col.header);
-        const rows = exportData.map(row => columns.map(col => {
-            const value = row[col.key];
-            if (value instanceof Date) {
-                const formattedDate = value.toISOString().split('T')[0];
-                const [year, month, day] = formattedDate.split('-');
-                return `${day}-${month}-${year}`;
-            }
-            else if (typeof value === 'number') {
-                const hasDecimal = (num) => !Number.isInteger(num);
-                return hasDecimal(value) ? value.toFixed(2) : value.toFixed(0);
-            }
-            else if (Array.isArray(value)) {
-                return value.join(', ');
-            }
-            else if (typeof value === 'object' && value !== null) {
-                return JSON.stringify(value);
-            }
-            else if (typeof value === 'boolean') {
-                return String(value);
-            }
-            else {
-                if (!value)
-                    return '';
-                if (typeof value === 'string' && value.includes('T00:00:00')) {
-                    const [year, month, day] = value.replace('T00:00:00', '').split('-');
+        if (this.useCustomExcelExport) {
+            this.customExcelExport.emit({ exportData: exportData, columns: columns });
+            return;
+        }
+        else {
+            const headers = columns.map(col => col.header);
+            const rows = exportData.map(row => columns.map(col => {
+                const value = row[col.key];
+                if (value instanceof Date) {
+                    const formattedDate = value.toISOString().split('T')[0];
+                    const [year, month, day] = formattedDate.split('-');
                     return `${day}-${month}-${year}`;
                 }
-                return String(value);
-            }
-        }));
-        // const csvContent = [headers, ...rows].map(row =>
-        //   row.map(cell => `"${cell.replace(/"/g, '""')}"`).join(',')
-        // ).join('\r\n');
-        const csvContent = [headers, ...rows].map(row => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(',')).join('\r\n');
-        const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-        const link = document.createElement('a');
-        const url = URL.createObjectURL(blob);
-        link.href = url;
-        link.setAttribute('download', 'ExcelSheet');
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        // this.excelExportService.exportToExcel(
-        //   this.data,
-        //   columns,
-        //   'ExcelSheet',
-        //   'Sheet1'
-        // );
+                else if (typeof value === 'number') {
+                    const hasDecimal = (num) => !Number.isInteger(num);
+                    return hasDecimal(value) ? value.toFixed(2) : value.toFixed(0);
+                }
+                else if (Array.isArray(value)) {
+                    return value.join(', ');
+                }
+                else if (typeof value === 'object' && value !== null) {
+                    return JSON.stringify(value);
+                }
+                else if (typeof value === 'boolean') {
+                    return String(value);
+                }
+                else {
+                    if (!value)
+                        return '';
+                    if (typeof value === 'string' && value.includes('T00:00:00')) {
+                        const [year, month, day] = value.replace('T00:00:00', '').split('-');
+                        return `${day}-${month}-${year}`;
+                    }
+                    return String(value);
+                }
+            }));
+            // const csvContent = [headers, ...rows].map(row =>
+            //   row.map(cell => `"${cell.replace(/"/g, '""')}"`).join(',')
+            // ).join('\r\n');
+            const csvContent = [headers, ...rows].map(row => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(',')).join('\r\n');
+            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+            const link = document.createElement('a');
+            const url = URL.createObjectURL(blob);
+            link.href = url;
+            link.setAttribute('download', 'ExcelSheet');
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            // this.excelExportService.exportToExcel(
+            //   this.data,
+            //   columns,
+            //   'ExcelSheet',
+            //   'Sheet1'
+            // );
+        }
     }
     goToPreviousPage() {
         this.currentPage -= 1;