@cauca-911/material 16.0.1 → 17.1.0

package/fesm2022/cauca-911-material.mjs

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, HostListener, NgModule } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
 import * as i3$1 from '@angular/forms';
-import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i4 from '@angular/material/form-field';
@@ -23,24 +23,25 @@ import * as i1$1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1$3 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { style, state, animate, transition, trigger } from '@angular/animations';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i4$1 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i6$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 
 class CaucaMaterialService {
-    constructor() { }
     static { this.ɵfac = function CaucaMaterialService_Factory(t) { return new (t || CaucaMaterialService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaMaterialService, factory: CaucaMaterialService.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialService, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return []; }, null); })();
+    }], null, null); })();
 
 class CaucaMaterialComponent {
-    constructor() { }
-    ngOnInit() {
-    }
     static { this.ɵfac = function CaucaMaterialComponent_Factory(t) { return new (t || CaucaMaterialComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
@@ -52,10 +53,11 @@ class CaucaMaterialComponent {
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
         } }, dependencies: [i1.TranslatePipe], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
         type: Component,
         args: [{ selector: 'cauca-material', template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
-    }], function () { return []; }, null); })();
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib/cauca-material.component.ts", lineNumber: 8 }); })();
 
 class SimpleDialogData {
     constructor() {
@@ -88,7 +90,6 @@ class CaucaSimpleDialogComponent {
         this.dialogRef = dialogRef;
         this.data = data;
     }
-    ngOnInit() { }
     onClick(buttonIndex) {
         this.dialogRef.close(buttonIndex);
     }
@@ -108,15 +109,16 @@ class CaucaSimpleDialogComponent {
             i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.data.buttons);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.MatButton, i1$1.MatDialogTitle, i1$1.MatDialogContent, i1$1.MatDialogActions], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.MatButton, i1$1.MatDialogTitle, i1$1.MatDialogActions, i1$1.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
         type: Component,
         args: [{ selector: 'cauca-simple-dialog', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div [innerHTML]=\"data.message\"></div>\n</div>\n<div mat-dialog-actions *ngIf=\"data.buttons\">\n  <button *ngFor=\"let label of data.buttons; let i = index\" mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n</div>", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
-    }], function () { return [{ type: i1$1.MatDialogRef }, { type: SimpleDialogData, decorators: [{
+    }], () => [{ type: i1$1.MatDialogRef }, { type: SimpleDialogData, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
-            }] }]; }, null); })();
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 10 }); })();
 
 const _c0$2 = ["file"];
 function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
@@ -155,8 +157,8 @@ function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onSelectFile($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("accept", ctx_r4.accept);
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("accept", ctx_r3.accept);
 } }
 class CaucaInputFileComponent {
     constructor(translateService, dialog) {
@@ -225,25 +227,23 @@ class CaucaInputFileComponent {
         } }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls: 6, vars: 4, consts: [["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["notMultipleInput", ""], ["type", "file", "multiple", "multiple", 3, "accept", "change"], ["file", ""], ["type", "file", 3, "accept", "change"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { return ctx.openDialog($event); });
-            i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 1);
-            i0.ɵɵtemplate(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 1);
+            i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 1)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 2);
-            i0.ɵɵtemplate(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 2)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            const _r3 = i0.ɵɵreference(5);
+            const _r4 = i0.ɵɵreference(5);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.text);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", _r3);
+            i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", _r4);
         } }, dependencies: [i2.NgIf, i3.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
         type: Component,
         args: [{ selector: 'cauca-input-file', template: "<button mat-raised-button (click)=\"openDialog($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    <span *ngIf=\"text\">{{text}}</span>\n</button>\n<ng-container *ngIf=\"multiple; else notMultipleInput\">\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n</ng-container>\n\n<ng-template #notMultipleInput>\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n</ng-template>", styles: [":host input{display:none}\n"] }]
-    }], function () { return [{ type: i1$2.TranslateService }, { type: i1$1.MatDialog }]; }, { file: [{
+    }], () => [{ type: i1$2.TranslateService }, { type: i1$1.MatDialog }], { file: [{
             type: ViewChild,
             args: ['file', { static: false }]
         }], readend: [{
@@ -257,6 +257,7 @@ class CaucaInputFileComponent {
         }], text: [{
             type: Input
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib/cauca-input-file/cauca-input-file.component.ts", lineNumber: 11 }); })();
 
 function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
@@ -304,9 +305,7 @@ class CaucaInputMultipleLangueComponent {
         });
     }
     onTagChanged(tabIndex) {
-        console.log('cauca-material', tabIndex);
-        console.log('cauca-material', this.value);
-        console.log('cauca-material', this.forms);
+        console.log('cauca-material, onTabChanged', tabIndex);
     }
     getErrorMessage(index) {
         return this.forms[index].hasError('required') ? 'error.required' : '';
@@ -329,12 +328,13 @@ class CaucaInputMultipleLangueComponent {
             i0.ɵɵproperty("ngForOf", ctx.labels);
         } }, dependencies: [i2.NgForOf, i2.NgIf, i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.FormControlDirective, i4.MatFormField, i4.MatError, i5$1.MatInput, i6.MatTab, i6.MatTabGroup, i1.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
         type: Component,
         args: [{ selector: 'cauca-input-multiple-langue', template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n  <mat-tab *ngFor=\"let lang of labels; let i = index\" [label]=\"lang\">\n    <mat-form-field hideRequiredMarker=\"never\">\n      <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n      <mat-error *ngIf=\"forms[i].invalid\">{{getErrorMessage(i) | translate}}</mat-error>\n    </mat-form-field>\n  </mat-tab>\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
-    }], function () { return [{ type: i1$2.CaucaCoreService }, { type: i1$2.TranslateService }]; }, { value: [{
+    }], () => [{ type: i1$2.CaucaCoreService }, { type: i1$2.TranslateService }], { value: [{
             type: Input
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 10 }); })();
 
 function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "fa-icon", 8);
@@ -350,8 +350,7 @@ function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) { if (rf
 } }
 function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6);
-    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
+    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6)(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const menu_r1 = i0.ɵɵnextContext().$implicit;
@@ -389,8 +388,7 @@ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ct
 } }
 function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6);
-    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
+    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const submenu_r12 = i0.ɵɵnextContext().$implicit;
@@ -413,9 +411,7 @@ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf
     const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 13);
     i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r23); const submenu_r12 = restoredCtx.$implicit; const ctx_r22 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r22.goTo(submenu_r12.path, $event)); });
-    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14);
-    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2);
-    i0.ɵɵtemplate(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
+    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const submenu_r12 = ctx.$implicit;
@@ -440,8 +436,7 @@ function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "h4")(1, "div", 1);
     i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r26); const menu_r1 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.goTo(menu_r1.path, $event)); });
-    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2);
-    i0.ɵɵtemplate(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
+    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
     i0.ɵɵelementEnd();
@@ -466,8 +461,6 @@ class CaucaMenuVerticalComponent {
             }
         });
     }
-    ngOnInit() {
-    }
     goTo(path, e) {
         this.router.navigate([path]);
         this.itemClick.emit();
@@ -492,14 +485,15 @@ class CaucaMenuVerticalComponent {
             i0.ɵɵproperty("ngForOf", ctx.menuItems);
         } }, dependencies: [i2.NgForOf, i2.NgIf, i3$2.FaIconComponent, i1.TranslatePipe], styles: [".menu[_ngcontent-%COMP%], .submenu[_ngcontent-%COMP%]{cursor:pointer}h4[_ngcontent-%COMP%]{margin:0;padding:0}h4[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]{padding:1em 0;display:flex;flex-direction:row}h4[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1 1 auto;align-self:center}.menu-dot[_ngcontent-%COMP%]{max-width:1.1em;text-align:center;margin-right:.5em;font-size:2em}.menu-icon[_ngcontent-%COMP%]{max-width:60px;text-align:center;margin-right:.5em}.submenu[_ngcontent-%COMP%]{margin-left:1em}.submenu[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]{padding:0;font-size:.9em;line-height:2.2em}.submenu[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]:before{content:\"\";margin-left:1.1em;width:.1em;height:2.5em;position:relative;background:#ffffff;margin-right:-1.17em}"] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
         type: Component,
         args: [{ selector: 'cauca-menu-vertical', template: "<h4 *ngFor=\"let menu of menuItems\" [class]=\"menu.activated ? 'selected' : ''\">\n    <div (click)=\"goTo(menu.path, $event)\" class=\"menu\">\n        <div *ngIf=\"menu.icon\" class=\"menu-icon\">\n            <fa-icon *ngIf=\"menu.icon.filter !== undefined\" [icon]=\"menu.icon\"></fa-icon>\n            <img *ngIf=\"menu.icon.filter === undefined\" [src]=\"menu.icon\" />\n        </div>\n        <div *ngIf=\"menu.label\" class=\"menu-caption\">\n            <span>{{menu.label | translate}}</span>\n        </div>\n    </div>\n    <div *ngIf=\"menu.childs.length && menu.activated\" class=\"submenu\">\n        <div\n            *ngFor=\"let submenu of menu.childs\"\n            [class]=\"submenu.activated ? 'menu selected' : 'menu'\"\n            (click)=\"goTo(submenu.path, $event)\">\n            <div *ngIf=\"!submenu.icon\" class=\"menu-dot\">&bull;</div>\n            <div *ngIf=\"submenu.icon\" class=\"menu-icon\">\n                <fa-icon *ngIf=\"submenu.icon.filter !== undefined\" [icon]=\"submenu.icon\"></fa-icon>\n                <img *ngIf=\"submenu.icon.filter === undefined\" [src]=\"submenu.icon\" />\n            </div>\n            <div *ngIf=\"submenu.label\" class=\"menu-caption\">\n                <span>{{submenu.label | translate}}</span>\n            </div>\n        </div>\n    </div>\n</h4>\n", styles: [".menu,.submenu{cursor:pointer}h4{margin:0;padding:0}h4 .menu{padding:1em 0;display:flex;flex-direction:row}h4 .menu>div{flex:1 1 auto;align-self:center}.menu-dot{max-width:1.1em;text-align:center;margin-right:.5em;font-size:2em}.menu-icon{max-width:60px;text-align:center;margin-right:.5em}.submenu{margin-left:1em}.submenu .menu{padding:0;font-size:.9em;line-height:2.2em}.submenu .menu:before{content:\"\";margin-left:1.1em;width:.1em;height:2.5em;position:relative;background:#ffffff;margin-right:-1.17em}\n"] }]
-    }], function () { return [{ type: i1$3.Router }]; }, { itemClick: [{
+    }], () => [{ type: i1$3.Router }], { itemClick: [{
             type: Output
         }], menuItems: [{
             type: Input
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib/cauca-menu-vertical/cauca-menu-vertical.component.ts", lineNumber: 10 }); })();
 
 function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -532,11 +526,9 @@ class CaucaMenuSidebarComponent {
         this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
         this.setDisplayMenu();
     }
-    onResize(e) {
+    onResize(_e) {
         this.setDisplayMenu();
     }
-    ngOnInit() {
-    }
     onMenuItemClick() {
         if (window.innerWidth < 1000) {
             this.hideOnMobile();
@@ -629,10 +621,10 @@ class CaucaMenuSidebarComponent {
             i0.ɵɵproperty("ngIf", ctx.version);
         } }, dependencies: [i2.NgIf, i3.MatIconButton, i5.MatIcon, CaucaMenuVerticalComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{height:100%;flex-direction:column;display:flex;transition:all .1s ease-out;overflow:hidden;scrollbar-width:5px;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2)}[_ngcontent-%COMP%]::-webkit-scrollbar{width:5px}[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0003;outline:1px solid slategrey}[_nghost-%COMP%] > div[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%] > .header[_ngcontent-%COMP%], [_nghost-%COMP%] > .footer[_ngcontent-%COMP%]{flex:0 0 auto}[_nghost-%COMP%] > .content[_ngcontent-%COMP%]{flex-grow:1;overflow:hidden auto}[_nghost-%COMP%] > .version[_ngcontent-%COMP%]{max-height:1em}.hidden[_nghost-%COMP%]{width:0;min-width:0;max-width:0}.mobile[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px;position:absolute;z-index:10}.collapsed[_nghost-%COMP%]{width:75px;min-width:75px;max-width:75px}.expanded[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px}[_nghost-%COMP%]   .close[_ngcontent-%COMP%]{display:none}.mobile[_nghost-%COMP%]   .close[_ngcontent-%COMP%]{right:0;display:inline-block;position:absolute}.double-arrow[_ngcontent-%COMP%]{height:3em;line-height:3em;cursor:pointer;position:fixed;opacity:.25;margin-top:-1em}.double-arrow[_ngcontent-%COMP%]:hover{opacity:1}.expanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]:before, .collapsed[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]:before{font-family:Material Icons;content:\"double_arrow\";font-size:3em;text-align:right}.collapsed[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{margin-left:10px}.expanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{margin-left:200px}.collapsed[_nghost-%COMP%]     .menu-caption, .collapsed[_nghost-%COMP%]     .submenu{display:none}.keepExpanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{transform:rotate(180deg);opacity:1}.version[_ngcontent-%COMP%]{bottom:0;padding:1em}.full[_ngcontent-%COMP%], .abbr[_ngcontent-%COMP%]{display:none}.collapsed[_nghost-%COMP%]   .abbr[_ngcontent-%COMP%]{display:inline}.mobile[_nghost-%COMP%]   .full[_ngcontent-%COMP%], .expanded[_nghost-%COMP%]   .full[_ngcontent-%COMP%]{display:inline}@media only screen and (max-width: 1000px){.double-arrow[_ngcontent-%COMP%]{display:none}}"] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
         type: Component,
         args: [{ selector: 'cauca-menu-sidebar', template: "<div class=\"header\">\n    <button mat-icon-button class=\"close\" (click)=\"hideOnMobile()\">\n        <mat-icon>clear</mat-icon>\n    </button>\n    <ng-content select=\"[header]\"></ng-content>\n</div>\n<div class=\"content\">\n    <ng-content select=\"[beforeMenu]\"></ng-content>\n    <cauca-menu-vertical #menu [menuItems]=\"menuItems\" (itemClick)=\"onMenuItemClick()\"></cauca-menu-vertical>\n    <ng-content select=\"[afterMenu]\"></ng-content>\n</div>\n<div class=\"footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n</div>\n<div *ngIf=\"version\" class=\"version\">\n    <div class=\"double-arrow\" (click)=\"onToggleCollapse()\"></div>\n    <span class=\"full\">{{'material.version' | translate}} {{version}}</span>\n    <span class=\"abbr\">{{version}}</span>\n</div>\n", styles: [":host{height:100%;flex-direction:column;display:flex;transition:all .1s ease-out;overflow:hidden;scrollbar-width:5px;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0003;outline:1px solid slategrey}:host>div{flex:1}:host>.header,:host>.footer{flex:0 0 auto}:host>.content{flex-grow:1;overflow:hidden auto}:host>.version{max-height:1em}:host.hidden{width:0;min-width:0;max-width:0}:host.mobile{width:275px;min-width:275px;max-width:275px;position:absolute;z-index:10}:host.collapsed{width:75px;min-width:75px;max-width:75px}:host.expanded{width:275px;min-width:275px;max-width:275px}:host .close{display:none}:host.mobile .close{right:0;display:inline-block;position:absolute}.double-arrow{height:3em;line-height:3em;cursor:pointer;position:fixed;opacity:.25;margin-top:-1em}.double-arrow:hover{opacity:1}:host.expanded .double-arrow:before,:host.collapsed .double-arrow:before{font-family:Material Icons;content:\"double_arrow\";font-size:3em;text-align:right}:host.collapsed .double-arrow{margin-left:10px}:host.expanded .double-arrow{margin-left:200px}:host.collapsed ::ng-deep .menu-caption,:host.collapsed ::ng-deep .submenu{display:none}:host.keepExpanded .double-arrow{transform:rotate(180deg);opacity:1}.version{bottom:0;padding:1em}.full,.abbr{display:none}:host.collapsed .abbr{display:inline}:host.mobile .full,:host.expanded .full{display:inline}@media only screen and (max-width: 1000px){.double-arrow{display:none}}\n"] }]
-    }], function () { return [{ type: i0.ElementRef }]; }, { menuItems: [{
+    }], () => [{ type: i0.ElementRef }], { menuItems: [{
             type: Input
         }], version: [{
             type: Input
@@ -640,6 +632,7 @@ class CaucaMenuSidebarComponent {
             type: HostListener,
             args: ['window:resize', ['$event']]
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib/cauca-menu-sidebar/cauca-menu-sidebar.component.ts", lineNumber: 9 }); })();
 
 const _c0 = ["container"];
 function CaucaSlideshowComponent_div_2_Template(rf, ctx) { if (rf & 1) {
@@ -739,7 +732,7 @@ class CaucaSlideshowComponent {
                 ]),
             ] } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
         type: Component,
         args: [{ selector: 'cauca-slideshow', animations: [
                     trigger('slideUpDown', [
@@ -765,7 +758,7 @@ class CaucaSlideshowComponent {
                         ]),
                     ]),
                 ], template: "<div #container class=\"slideshow\">\n  <div *ngFor=\"let url of images; let index = index;\" [@slideLeftRight]=\"getState(index)\">\n    <img [src]=\"url\" />\n  </div>\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
-    }], function () { return []; }, { container: [{
+    }], null, { container: [{
             type: ViewChild,
             args: ['container', { static: true }]
         }], height: [{
@@ -775,6 +768,7 @@ class CaucaSlideshowComponent {
         }], images: [{
             type: Input
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 33 }); })();
 
 class CaucaMaterialModule {
     static { this.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); }; }
@@ -791,7 +785,7 @@ class CaucaMaterialModule {
             MatTabsModule,
             MatDialogModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
         type: NgModule,
         args: [{
                 declarations: [
@@ -814,7 +808,7 @@ class CaucaMaterialModule {
                     MatIconModule,
                     MatInputModule,
                     MatTabsModule,
-                    MatDialogModule
+                    MatDialogModule,
                 ],
                 exports: [
                     CaucaMaterialComponent,
@@ -824,7 +818,7 @@ class CaucaMaterialModule {
                     CaucaMenuVerticalComponent,
                     CaucaSimpleDialogComponent,
                     CaucaSlideshowComponent,
-                ]
+                ],
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { declarations: [CaucaMaterialComponent,
@@ -851,6 +845,335 @@ class CaucaMaterialModule {
         CaucaSimpleDialogComponent,
         CaucaSlideshowComponent] }); })();
 
+function DialogDateTimePickerComponent_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_For_7_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const hour_r3 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.hourChanged(hour_r3)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const hour_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activated", ctx_r0.selectedHour === hour_r3)("disabled", ctx_r0.disabled.someHours.includes(hour_r3));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((hour_r3 < 10 ? "0" : "") + hour_r3);
+} }
+function DialogDateTimePickerComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_For_11_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const minute_r10 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.minuteChanged(minute_r10)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const minute_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activated", ctx_r1.selectedMinute === minute_r10)("disabled", ctx_r1.disabled.someMinutes.includes(minute_r10));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((minute_r10 < 10 ? "0" : "") + minute_r10);
+} }
+function DialogDateTimePickerComponent_div_12_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 10);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_div_12_For_3_Template_mat_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r24); const second_r18 = restoredCtx.$implicit; const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.secondChanged(second_r18)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const second_r18 = ctx.$implicit;
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("activated", ctx_r17.selectedSecond === second_r18)("disabled", ctx_r17.disabled.someSeconds.includes(second_r18));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate((second_r18 < 10 ? "0" : "") + second_r18);
+} }
+function DialogDateTimePickerComponent_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "mat-list", 4);
+    i0.ɵɵrepeaterCreate(2, DialogDateTimePickerComponent_div_12_For_3_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("disabled", ctx_r2.disabled.seconds);
+    i0.ɵɵadvance(1);
+    i0.ɵɵrepeater(ctx_r2.seconds);
+} }
+class DialogDateTimePickerComponent {
+    constructor(dialogRef, options) {
+        this.dialogRef = dialogRef;
+        this.options = options;
+        this.selectedHour = 0;
+        this.selectedMinute = 0;
+        this.selectedSecond = 0;
+        this.initialDate = new Date();
+        this.selectedDate = null;
+        this.minimumDate = new Date();
+        this.maximumDate = new Date();
+        this.showSeconds = false;
+        this.hours = [...Array(24).keys()];
+        this.minutes = [...Array(60).keys()];
+        this.seconds = [...Array(60).keys()];
+        this.disabled = {
+            hours: true,
+            someHours: [],
+            minutes: true,
+            someMinutes: [],
+            seconds: true,
+            someSeconds: [],
+        };
+        this.step = {
+            hours: 1,
+            minutes: 1,
+            seconds: 1,
+        };
+        this.step = options.step || this.step;
+        this.showSeconds = options.showSeconds;
+        this.setListHoursMinutes();
+        this.initialEachComponentValue(options);
+    }
+    dateChanged(date) {
+        if (date) {
+            this.selectedDate = date;
+            this.selectedDate.setHours(this.selectedHour);
+            this.selectedDate.setMinutes(this.selectedMinute);
+            this.selectedDate.setSeconds(this.selectedSecond);
+            this.disabled.hours = false;
+            this.disabled.someHours = this.hours.filter(hour => this.hourOfSelectedDateIsDisabled(hour));
+        }
+        else {
+            this.selectedDate = null;
+            this.disabled.hours = true;
+        }
+    }
+    hourChanged(hour) {
+        if (this.disabled.hours || this.disabled.someHours.includes(hour))
+            return;
+        this.selectedHour = hour;
+        this.selectedDate.setHours(hour);
+        this.disabled.minutes = false;
+        this.disabled.someMinutes = this.minutes.filter(minute => this.minuteOfSelectedDateIsDisabled(minute));
+    }
+    minuteChanged(minute) {
+        if (this.disabled.minutes || this.disabled.someMinutes.includes(minute))
+            return;
+        this.selectedMinute = minute;
+        this.selectedDate.setMinutes(minute);
+        this.disabled.seconds = false;
+        this.disabled.someSeconds = this.seconds.filter(second => this.secondOfSelectedDateIsDisabled(second));
+    }
+    secondChanged(second) {
+        if (this.disabled.seconds || this.disabled.someSeconds.includes(second))
+            return;
+        this.selectedSecond = second;
+        this.selectedDate.setSeconds(second);
+    }
+    cancel() {
+        this.dialogRef.close(null);
+    }
+    confirm() {
+        this.dialogRef.close(this.selectedDate);
+    }
+    hourOfSelectedDateIsDisabled(hour) {
+        if (this.selectedDateIsTheMinimumDate()) {
+            return hour < this.minimumDate.getHours();
+        }
+        else if (this.selectedDateIsTheMaximumDate()) {
+            return hour > this.maximumDate.getHours();
+        }
+        return false;
+    }
+    minuteOfSelectedDateIsDisabled(minute) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours()) {
+            return minute < this.minimumDate.getMinutes();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getHours() === this.maximumDate.getHours()) {
+            return minute > this.maximumDate.getMinutes();
+        }
+        return false;
+    }
+    secondOfSelectedDateIsDisabled(second) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours() &&
+            this.selectedDate.getMinutes() === this.minimumDate.getMinutes()) {
+            return second < this.minimumDate.getSeconds();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getMinutes() === this.maximumDate.getMinutes()) {
+            return second > this.maximumDate.getSeconds();
+        }
+        return false;
+    }
+    initialEachComponentValue(options) {
+        this.initialDate = options.selectedDate ? new Date(options.selectedDate) : new Date();
+        this.minimumDate = options.minimumDate ? new Date(options.minimumDate) : null;
+        this.maximumDate = options.maximumDate ? new Date(options.maximumDate) : null;
+        this.dateChanged(options.selectedDate ? new Date(options.selectedDate) : null);
+        this.hourChanged(options.selectedDate ? new Date(options.selectedDate).getHours() : 0);
+        this.minuteChanged(options.selectedDate ? new Date(options.selectedDate).getMinutes() : 0);
+        this.secondChanged(options.selectedDate ? new Date(options.selectedDate).getSeconds() : 0);
+    }
+    selectedDateIsTheMinimumDate() {
+        return (this.minimumDate &&
+            this.selectedDate.getFullYear() === this.minimumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.minimumDate.getMonth() &&
+            this.selectedDate.getDate() === this.minimumDate.getDate());
+    }
+    selectedDateIsTheMaximumDate() {
+        return (this.maximumDate &&
+            this.selectedDate.getFullYear() === this.maximumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.maximumDate.getMonth() &&
+            this.selectedDate.getDate() === this.maximumDate.getDate());
+    }
+    setListHoursMinutes() {
+        this.hours = this.hours.filter(hour => hour % this.step.hours === 0);
+        this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
+        this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
+    }
+    static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 20, vars: 6, consts: [["mat-dialog-content", ""], [1, "date-time-picker"], [3, "minDate", "maxDate", "selected", "selectedChange"], [1, "hours"], [3, "disabled"], [1, "minutes"], ["class", "seconds", 4, "ngIf"], ["mat-dialog-actions", "", "align", "end"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", "cdkFocusInitial", "", 3, "click"], [3, "activated", "disabled", "click"], [1, "seconds"], [3, "activated", "disabled"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div")(3, "mat-calendar", 2);
+            i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 3)(5, "mat-list", 4);
+            i0.ɵɵrepeaterCreate(6, DialogDateTimePickerComponent_For_7_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "div", 5)(9, "mat-list", 4);
+            i0.ɵɵrepeaterCreate(10, DialogDateTimePickerComponent_For_11_Template, 2, 3, "mat-list-item", 12, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(12, DialogDateTimePickerComponent_div_12_Template, 4, 1, "div", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(13, "div", 7)(14, "button", 8);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_14_listener() { return ctx.cancel(); });
+            i0.ɵɵelementStart(15, "mat-icon");
+            i0.ɵɵtext(16, "cancel");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(17, "button", 9);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_17_listener() { return ctx.confirm(); });
+            i0.ɵɵelementStart(18, "mat-icon");
+            i0.ɵɵtext(19, "check");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.disabled.hours);
+            i0.ɵɵadvance(1);
+            i0.ɵɵrepeater(ctx.hours);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.disabled.minutes);
+            i0.ɵɵadvance(1);
+            i0.ɵɵrepeater(ctx.minutes);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showSeconds);
+        } }, dependencies: [CommonModule, i2.NgIf, CaucaCoreForChildModule,
+            MatButtonModule, i3.MatIconButton, MatDatepickerModule, i4$1.MatCalendar, MatIconModule, i5.MatIcon, MatListModule, i6$1.MatList, i6$1.MatListItem, MatNativeDateModule], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:10px 0;border-top:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%]{display:flex;height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] > mat-list[_ngcontent-%COMP%]{width:50px;padding:0}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] > mat-list[_ngcontent-%COMP%]   .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child   mat-calendar[_ngcontent-%COMP%]{width:290px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-dialog-date-time-picker', standalone: true, imports: [
+                    CommonModule,
+                    CaucaCoreForChildModule,
+                    MatButtonModule,
+                    MatDatepickerModule,
+                    MatIconModule,
+                    MatListModule,
+                    MatNativeDateModule,
+                ], template: "<div mat-dialog-content>\n    <div class=\"date-time-picker\">\n        <div>\n            <mat-calendar\n                [minDate]=\"minimumDate\"\n                [maxDate]=\"maximumDate\"\n                [selected]=\"selectedDate\"\n                (selectedChange)=\"dateChanged($event)\"\n            ></mat-calendar>\n        </div>\n        <div class=\"hours\">\n            <mat-list [disabled]=\"disabled.hours\">\n                @for (hour of hours; track hour) {\n                    <mat-list-item\n                        [activated]=\"selectedHour === hour\"\n                        [disabled]=\"disabled.someHours.includes(hour)\"\n                        (click)=\"hourChanged(hour)\"\n                    >{{(hour < 10 ? '0' : '') + hour}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n        <div class=\"minutes\">\n            <mat-list [disabled]=\"disabled.minutes\">\n                @for (minute of minutes; track minute) {\n                    <mat-list-item\n                        [activated]=\"selectedMinute === minute\"\n                        [disabled]=\"disabled.someMinutes.includes(minute)\"\n                        (click)=\"minuteChanged(minute)\"\n                    >{{(minute < 10 ? '0' : '') + minute}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n        <div class=\"seconds\" *ngIf=\"showSeconds\">\n            <mat-list [disabled]=\"disabled.seconds\">\n                @for (second of seconds; track second) {\n                    <mat-list-item\n                        [activated]=\"selectedSecond === second\"\n                        [disabled]=\"disabled.someSeconds.includes(second)\"\n                        (click)=\"secondChanged(second)\"\n                    >{{(second < 10 ? '0' : '') + second}}</mat-list-item>\n                }\n            </mat-list>\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions align=\"end\">\n    <button mat-icon-button (click)=\"cancel()\"><mat-icon>cancel</mat-icon></button>\n    <button mat-icon-button cdkFocusInitial (click)=\"confirm()\"><mat-icon>check</mat-icon></button>\n</div>", styles: ["div[mat-dialog-actions]{padding:10px 0;border-top:1px solid #ccc}.date-time-picker{display:flex;height:350px;overflow:hidden;justify-content:center}.date-time-picker>div{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker>div>mat-list{width:50px;padding:0}.date-time-picker>div>mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}.date-time-picker>div:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px}.date-time-picker>div::-webkit-scrollbar{display:none}.date-time-picker ::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker ::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker ::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
+    }], () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 27 }); })();
+
+class CaucaDateTimePickerComponent {
+    constructor(dialog, datePipe) {
+        this.dialog = dialog;
+        this.datePipe = datePipe;
+        this.stepHours = 1;
+        this.stepMinutes = 1;
+        this.stepSecondes = 1;
+        this.minimumDate = null;
+        this.maximumDate = null;
+        this.showSeconds = false;
+        this.showFormat = 'yyyy/MM/dd, HH:mm';
+        this.selectedChange = new EventEmitter();
+        this.stringDate = '';
+    }
+    set value(value) {
+        if (value) {
+            this.stringDate = this.stringifyDate(value);
+            this.selectedDate = value;
+        }
+    }
+    showDialog() {
+        const options = {
+            selectedDate: this.selectedDate,
+            minimumDate: this.minimumDate,
+            maximumDate: this.maximumDate,
+            showSeconds: this.showSeconds,
+            step: {
+                hours: this.stepHours,
+                minutes: this.stepMinutes,
+                seconds: this.stepSecondes,
+            }
+        };
+        const dialogRef = this.dialog.open(DialogDateTimePickerComponent, {
+            data: options,
+        });
+        dialogRef.afterClosed().subscribe((date) => {
+            this.stringDate = this.stringifyDate(date);
+            this.selectedDate = date;
+            this.selectedChange.emit(date);
+        });
+    }
+    stringifyDate(date) {
+        return this.datePipe.transform(date, this.showFormat);
+    }
+    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialog), i0.ɵɵdirectiveInject(i2.DatePipe)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { stepHours: "stepHours", stepMinutes: "stepMinutes", stepSecondes: "stepSecondes", minimumDate: "minimumDate", maximumDate: "maximumDate", showSeconds: "showSeconds", showFormat: "showFormat", value: "value" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                DatePipe,
+            ]), i0.ɵɵStandaloneFeature], decls: 5, vars: 1, consts: [[1, "example-full-width"], ["matInput", "", "readonly", "readonly", 3, "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵelement(1, "input", 1);
+            i0.ɵɵelementStart(2, "button", 2);
+            i0.ɵɵlistener("click", function CaucaDateTimePickerComponent_Template_button_click_2_listener() { return ctx.showDialog(); });
+            i0.ɵɵelementStart(3, "mat-icon");
+            i0.ɵɵtext(4, "calendar_month");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("value", ctx.stringDate);
+        } }, dependencies: [MatButtonModule, i3.MatIconButton, MatIconModule, i5.MatIcon, MatInputModule, i5$1.MatInput, i4.MatFormField, i4.MatSuffix] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-date-time-picker', standalone: true, imports: [
+                    MatButtonModule,
+                    MatIconModule,
+                    MatInputModule,
+                ], providers: [
+                    DatePipe,
+                ], template: "<mat-form-field class=\"example-full-width\">\n    <input matInput [value]=\"stringDate\" readonly=\"readonly\">\n    <button matSuffix mat-icon-button (click)=\"showDialog()\">\n        <mat-icon>calendar_month</mat-icon>\n    </button>\n</mat-form-field>" }]
+    }], () => [{ type: i1$1.MatDialog }, { type: i2.DatePipe }], { stepHours: [{
+            type: Input
+        }], stepMinutes: [{
+            type: Input
+        }], stepSecondes: [{
+            type: Input
+        }], minimumDate: [{
+            type: Input
+        }], maximumDate: [{
+            type: Input
+        }], showSeconds: [{
+            type: Input
+        }], showFormat: [{
+            type: Input
+        }], selectedChange: [{
+            type: Output
+        }], value: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 24 }); })();
+
 class MenuItem {
     constructor(label, path, icon = '') {
         this.label = label;
@@ -868,5 +1191,5 @@ class MenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
+export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
 //# sourceMappingURL=cauca-911-material.mjs.map