{"version":3,"file":"cauca-911-devextreme.mjs","sources":["../../../projects/cauca-devextreme/src/lib/cauca-data-grid/cauca-data-grid.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-data-grid/cauca-data-grid.component.html","../../../projects/cauca-devextreme/src/lib/cauca-date-box/cauca-date-box.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-popup-confirm/cauca-popup-confirm.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-popup-confirm/cauca-popup-confirm.component.html","../../../projects/cauca-devextreme/src/lib/cauca-popup-edit/cauca-popup-edit-cancel-event.ts","../../../projects/cauca-devextreme/src/lib/cauca-popup-edit/cauca-popup-edit.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-popup-edit/cauca-popup-edit.component.html","../../../projects/cauca-devextreme/src/lib/cauca-text-area-limited/cauca-text-area-limited.component.html","../../../projects/cauca-devextreme/src/lib/cauca-text-area-limited/cauca-text-area-limited.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-text-box-multiple-langue/cauca-text-box-multiple-langue.component.html","../../../projects/cauca-devextreme/src/lib/cauca-text-box-multiple-langue/cauca-text-box-multiple-langue.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-devextreme.service.ts","../../../projects/cauca-devextreme/src/lib/cauca-devextreme.component.ts","../../../projects/cauca-devextreme/src/lib/cauca-devextreme.component.html","../../../projects/cauca-devextreme/src/lib/cauca-devextreme.module.ts","../../../projects/cauca-devextreme/src/public-api.ts","../../../projects/cauca-devextreme/src/cauca-911-devextreme.ts"],"sourcesContent":["import { Component, ElementRef, Input, NgZone, OnInit, PlatformRef, TransferState } from '@angular/core';\nimport {\n DxDataGridComponent,\n DxTemplateHost, INestedOptionContainer,\n IterableDifferHelper, NestedOptionHost,\n WatcherHelper\n} from 'devextreme-angular';\n\nimport { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';\nimport { exportDataGrid } from 'devextreme/excel_exporter';\nimport { Workbook } from 'exceljs';\nimport { saveAs } from 'file-saver';\nimport { exportDataGrid as exportDataGridToPdf } from 'devextreme/pdf_exporter';\nimport { jsPDF } from 'jspdf';\n\n@Component({\n selector: 'cauca-dx-data-grid',\n templateUrl: './cauca-data-grid.component.html',\n styleUrls: ['./cauca-data-grid.component.scss'],\n providers: [NestedOptionHost, Location, { provide: LocationStrategy, useClass: PathLocationStrategy }],\n standalone: false\n})\nexport class CaucaDataGridComponent extends DxDataGridComponent implements OnInit, INestedOptionContainer {\n @Input() public allowPrint = false;\n @Input() public allowExports = false;\n @Input() public allowLocationEditing = true;\n @Input() public fileName = '';\n\n private isEditing = false;\n\n public constructor(\n element: ElementRef,\n ngZone: NgZone,\n templateHost: DxTemplateHost,\n watcherHelper: WatcherHelper,\n idh: IterableDifferHelper,\n optionHost: NestedOptionHost,\n transferState: TransferState,\n platform: PlatformRef,\n private location: Location,\n locationStrategy: LocationStrategy\n ) {\n super(element, ngZone, templateHost, watcherHelper, idh, optionHost, transferState, platform);\n this.hoverStateEnabled = true;\n this.rowAlternationEnabled = true;\n this.showBorders = true;\n this.filterRow = {\n visible: true,\n };\n this.pager = {\n showPageSizeSelector: true,\n showNavigationButtons: true,\n showInfo: true,\n visible: true,\n };\n\n optionHost.setHost(this);\n\n locationStrategy.onPopState(() => {\n if (this.isEditing) {\n this.isEditing = false;\n this.instance.cancelEditData();\n }\n });\n }\n\n public ngOnInit(): void {\n super.ngOnInit();\n this.onToolbarPreparing.subscribe((e: any) => this.toolbarPreparing(e));\n this.onInitialized.subscribe((e: any) => this.initialized(e));\n this.onExporting.subscribe((e:any) => this.exporting(e));\n this.export = {\n allowExportSelectedData: true,\n enabled: this.allowExports,\n formats: ['xlsx', 'pdf'],\n };\n }\n\n public exporting(e:any): void{\n if (e.format == 'xlsx'){\n this.convertGridAsExcel(this);\n } else if (e.format=='pdf'){\n this.convertGridAsPdf(this);\n }\n }\n\n private toolbarPreparing(e: any): void {\n const toolbarItems = e.toolbarOptions.items;\n this.addPrintButton(toolbarItems, e.element);\n }\n\n private addPrintButton(toolbarItems: any, elementToPrint: HTMLDivElement): void {\n if (this.allowPrint) {\n toolbarItems.push({\n widget: 'dxButton',\n location: 'after',\n options: {\n icon: 'print',\n onClick: (_ev: any) => {\n this.printGridAsPage(elementToPrint);\n },\n }\n });\n }\n }\n\n private initialized(e: any): void {\n const options = e.component.option('editing');\n options.popup.onShowing = (_ev: any) => {\n if (this.allowLocationEditing) {\n this.location.go(this.location.path() + '#editing');\n }\n this.isEditing = true;\n };\n options.popup.onHiding = (_ev: any) => {\n if (this.isEditing && this.allowLocationEditing) {\n this.location.back();\n }\n this.isEditing = false;\n };\n }\n\n private printGridAsPage(element: HTMLDivElement): void {\n element.classList.add('only-div-to-print');\n\n window.print();\n\n setTimeout(() => {\n element.classList.remove('only-div-to-print');\n }, 1000);\n }\n\n private convertGridAsPdf(dataGridComponent: CaucaDataGridComponent): void {\n const doc = new jsPDF();\n exportDataGridToPdf({\n jsPDFDocument: doc,\n component: dataGridComponent.instance\n }).then(() => {\n if (this.fileName.length == 0)\n this.fileName = 'exportPdf';\n\n doc.save(this.fileName + '.pdf');\n })\n }\n\n private convertGridAsExcel(dataGridComponent: CaucaDataGridComponent) {\n const workbook = new Workbook();\n const worksheet = workbook.addWorksheet('Page principale');\n\n exportDataGrid({\n component: dataGridComponent.instance,\n worksheet: worksheet,\n autoFilterEnabled: true,\n customizeCell: (options) => {\n options.excelCell.font = {\n name: 'Arial', size: 12 ,\n bold: options.gridCell.rowType === 'header'|| options.gridCell.rowType ==='columnheader'|| options.gridCell.rowType === 'group'};\n options.excelCell.alignment = { horizontal: 'left', vertical: 'middle'};\n }\n }).then(() => {\n const columns = worksheet.columns;\n columns.forEach(column => {\n column.width = 50;\n });\n\n let fileNameToSave = this.fileName;\n if (fileNameToSave.length === 0)\n fileNameToSave = 'exportExcel';\n\n workbook.xlsx.writeBuffer()\n .then(function(buffer: BlobPart) {\n saveAs(new Blob([buffer], { type: 'application/octet-stream' }), fileNameToSave + '.xlsx');\n });\n });\n }\n}\n","","import { Component, ElementRef, NgZone, OnInit, PlatformRef, TransferState } from '@angular/core';\nimport {\n DxDateBoxComponent,\n DxTemplateHost,\n IterableDifferHelper, NestedOptionHost,\n WatcherHelper\n} from 'devextreme-angular';\n\n\n@Component({\n selector: 'cauca-dx-date-box',\n templateUrl: './cauca-date-box.component.html',\n styleUrls: ['./cauca-date-box.component.scss'],\n standalone: false\n})\nexport class CaucaDateBoxComponent extends DxDateBoxComponent implements OnInit {\n public constructor(\n element: ElementRef,\n ngZone: NgZone,\n templateHost: DxTemplateHost,\n watcherHelper: WatcherHelper,\n idh: IterableDifferHelper,\n optionHost: NestedOptionHost,\n transferState: TransferState,\n platform: PlatformRef,\n ) {\n super(element, ngZone, templateHost, watcherHelper, idh, optionHost, transferState, platform);\n this.type = 'datetime';\n this.displayFormat = 'dd/MM/yyyy HH:mm';\n this.openOnFieldClick = true;\n }\n\n public ngOnInit(): void {\n super.ngOnInit();\n }\n}\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@cauca-911/core';\n\n@Component({\n selector: 'cauca-popup-confirm',\n templateUrl: './cauca-popup-confirm.component.html',\n styleUrls: ['./cauca-popup-confirm.component.scss'],\n standalone: false\n})\nexport class CaucaPopupConfirmComponent implements OnInit {\n @Input() public title = '';\n @Input() public text = '';\n @Input() public showTitle = false;\n\n @Input() public visible: boolean;\n @Output() public visibleChange = new EventEmitter();\n\n @Output() public okClick = new EventEmitter();\n @Output() public cancelClick = new EventEmitter();\n @Output() public doneClick = new EventEmitter();\n\n public barItems: any = {\n ['ok']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onOkClick\n },\n ['cancel']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onCancelClick\n },\n ['close']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onCancelClick\n },\n ['save']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onOkClick\n },\n ['yes']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onOkClick\n },\n ['no']: {\n widget: 'dxButton',\n location: 'center',\n visible: true,\n options: {text: ''},\n toolbar: 'bottom',\n parent: this,\n onClick: CaucaPopupConfirmComponent.onCancelClick\n }\n };\n\n public bottomToolbarItems = [this.barItems.ok];\n\n public translationKeyParent = 'devextreme.popupconfirm';\n public translationKeys = ['buttonsave', 'buttonok', 'buttoncancel', 'buttonyes', 'buttonno', 'buttonclose'];\n\n public types = {\n ok: 'ok',\n cancel: 'cancel',\n close: 'close',\n yesno: 'yesno',\n okcancel: 'okcancel',\n okclose: 'okclose',\n savecancel: 'savecancel'\n };\n\n public constructor(private translate: TranslateService) {\n }\n\n @Input()\n public set type(name: string) {\n switch (name) {\n case this.types.cancel :\n this.bottomToolbarItems = [this.barItems.cancel];\n break;\n case this.types.close :\n this.bottomToolbarItems = [this.barItems.close];\n break;\n case this.types.yesno :\n this.bottomToolbarItems = [this.barItems.yes, this.barItems.no];\n break;\n case this.types.okcancel :\n this.bottomToolbarItems = [this.barItems.ok, this.barItems.cancel];\n break;\n case this.types.okclose :\n this.bottomToolbarItems = [this.barItems.ok, this.barItems.close];\n break;\n case this.types.savecancel :\n this.bottomToolbarItems = [this.barItems.save, this.barItems.cancel];\n break;\n default:\n this.bottomToolbarItems = [this.barItems.ok];\n break;\n }\n }\n\n public static onOkClick(e: any): void {\n e.itemData.parent.okClick.emit();\n e.itemData.parent.doneClick.emit(true);\n }\n\n public static onCancelClick(e: any): void {\n e.itemData.parent.cancelClick.emit();\n e.itemData.parent.doneClick.emit(false);\n }\n\n public ngOnInit(): void {\n this.getTranslations();\n }\n\n public getTranslations(): void {\n const keys = this.translationKeys.map((key: string) => [this.translationKeyParent, key].join('.'));\n this.translate.get(keys).subscribe((translations: any) => {\n this.initBarText(translations);\n });\n }\n\n public onVisibleChange(): void {\n this.visibleChange.emit(this.visible);\n }\n\n public initBarText(translations: string[]): void {\n this.barItems.ok.options.text = translations[[this.translationKeyParent, 'buttonok'].join('.')];\n this.barItems.cancel.options.text = translations[[this.translationKeyParent, 'buttoncancel'].join('.')];\n this.barItems.save.options.text = translations[[this.translationKeyParent, 'buttonsave'].join('.')];\n this.barItems.yes.options.text = translations[[this.translationKeyParent, 'buttonyes'].join('.')];\n this.barItems.no.options.text = translations[[this.translationKeyParent, 'buttonno'].join('.')];\n this.barItems.close.options.text = translations[[this.translationKeyParent, 'buttonclose'].join('.')];\n }\n\n public popupHidden(): void {\n this.visible = false;\n this.onVisibleChange();\n }\n\n}\n","\n
\n","import { CaucaPopupEditComponent } from './cauca-popup-edit.component';\r\n\r\nexport class CaucaPopupEditCancelEvent {\r\n private caucaPopupEditComponent: CaucaPopupEditComponent;\r\n\r\n public constructor(caucaPopupEditComponent: CaucaPopupEditComponent) {\r\n this.caucaPopupEditComponent = caucaPopupEditComponent;\r\n }\r\n\r\n public cancel(): void {\r\n this.caucaPopupEditComponent.cancelSave();\r\n }\r\n}\r\n","import { Component, EventEmitter, Input, Output, OnInit, ViewChild, InputSignal, input, ModelSignal, model } from '@angular/core';\nimport { TranslateService } from '@cauca-911/core';\nimport { DxPopupComponent } from 'devextreme-angular';\nimport { CaucaPopupEditCancelEvent } from './cauca-popup-edit-cancel-event';\n\n@Component({\n selector: 'cauca-popup-edit',\n templateUrl: './cauca-popup-edit.component.html',\n styleUrls: ['./cauca-popup-edit.component.scss'],\n standalone: false\n})\nexport class CaucaPopupEditComponent implements OnInit {\n public bottomToolbarItems: any;\n public types = {\n savecancel: 'savecancel',\n okcancel: 'okcancel'\n };\n\n public title: InputSignal = input('');\n public visible: ModelSignal = model(true);\n @Output() public visibleChange = new EventEmitter();\n @Output() public popupShowing = new EventEmitter();\n @Output() public popupShown = new EventEmitter();\n @Output() public save = new EventEmitter();\n @ViewChild(DxPopupComponent) public popup: DxPopupComponent;\n\n private readonly translationKeyParent = 'devextreme.popupedit';\n private readonly translationKeys = ['buttonsave', 'buttonok', 'buttoncancel'];\n private canSaveState: boolean = true;\n private okButtonComponent: any;\n private saveButtonComponent: any;\n private cancelEvent: CaucaPopupEditCancelEvent;\n private isSaving: boolean = false;\n\n private barItems: any = {\n ['ok']: {\n widget: 'dxButton',\n location: 'after',\n visible: true,\n options: {\n text: '',\n disabled: false,\n onInitialized: (ev: any) => {\n this.okButtonComponent = ev.component;\n },\n onClick: (_ev: any) => {\n this.saveButtonClick();\n },\n },\n toolbar: 'bottom',\n },\n ['save']: {\n widget: 'dxButton',\n location: 'after',\n visible: true,\n options: {\n text: '',\n disabled: false,\n onInitialized: (ev: any) => {\n this.saveButtonComponent = ev.component;\n },\n onClick: (_ev: any) => {\n this.saveButtonClick();\n },\n },\n toolbar: 'bottom',\n },\n ['cancel']: {\n widget: 'dxButton',\n location: 'after',\n visible: true,\n options: {\n text: '',\n disabled: false,\n onClick: (_ev: any) => {\n this.cancelButtonClick();\n },\n },\n toolbar: 'bottom',\n }\n };\n\n public constructor(private translateService: TranslateService) {\n this.bottomToolbarItems = [this.barItems['save'], this.barItems['cancel']];\n this.cancelEvent = new CaucaPopupEditCancelEvent(this);\n }\n\n @Input()\n public get canSave(): boolean {\n return this.canSaveState;\n }\n public set canSave(value: boolean) {\n this.canSaveState = value;\n this.updateButtonDisabledState();\n }\n\n @Input()\n public set type(name: string) {\n switch (name) {\n case this.types.okcancel:\n this.bottomToolbarItems = [this.barItems.ok, this.barItems.cancel];\n break;\n default:\n this.bottomToolbarItems = [this.barItems.save, this.barItems.cancel];\n break;\n }\n }\n\n public ngOnInit(): void {\n this.getTranslations();\n }\n\n public getTranslations(): void {\n const keys = this.translationKeys.map((key: string) => `${this.translationKeyParent}.${key}`);\n this.translateService.get(keys).subscribe((translations: any) => {\n this.initBarText(translations);\n });\n }\n\n public onHidden(): void {\n this.isSaving = false;\n this.updateButtonDisabledState();\n this.visible.set(false);\n this.emitVisibleChange();\n }\n\n public onShowing(e: any): void {\n this.updateButtonDisabledState();\n this.emitVisibleChange();\n this.popupShowing.emit(e);\n }\n\n public onShown(e: any): void {\n this.popupShown.emit(e);\n }\n\n public cancelSave(): void {\n this.isSaving = false;\n this.updateButtonDisabledState();\n }\n\n private emitVisibleChange(): void {\n this.visibleChange.emit(this.visible());\n }\n\n private initBarText(translations: string[]): void {\n this.barItems.save.options.text = translations[`${this.translationKeyParent}.buttonsave`];\n this.barItems.ok.options.text = translations[`${this.translationKeyParent}.buttonok`];\n this.barItems.cancel.options.text = translations[`${this.translationKeyParent}.buttoncancel`];\n }\n\n private saveButtonClick(): void {\n this.isSaving = true;\n this.updateButtonDisabledState();\n this.save.emit(this.cancelEvent);\n }\n\n private cancelButtonClick(): void {\n this.visible.set(false);\n }\n\n private saveButtonDisabledState(): boolean {\n return !this.canSave || this.isSaving;\n }\n\n private updateButtonDisabledState(): void {\n if (this.okButtonComponent) {\n this.okButtonComponent.option('disabled', this.saveButtonDisabledState());\n }\n if (this.saveButtonComponent) {\n this.saveButtonComponent.option('disabled', this.saveButtonDisabledState());\n }\n }\n}\n","