@cauca-911/material 17.0.0 → 17.1.1

package/fesm2022/cauca-911-material.mjs

@@ -2,12 +2,12 @@ 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 * as i3$1 from '@angular/forms';
+import { CommonModule, DatePipe } from '@angular/common';
+import * as i3 from '@angular/forms';
 import { Validators, UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/button';
+import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i4 from '@angular/material/form-field';
+import * as i4$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -15,7 +15,7 @@ import * as i5$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i6 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i3$2 from '@fortawesome/angular-fontawesome';
+import * as i3$1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i1$2 from '@cauca-911/core';
 import { CaucaCoreForChildModule } from '@cauca-911/core';
@@ -24,6 +24,11 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i1$3 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
 import { style, state, animate, transition, trigger } from '@angular/animations';
+import { MatNativeDateModule } from '@angular/material/core';
+import * as i5$2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i7 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 
 class CaucaMaterialService {
     static { this.ɵfac = function CaucaMaterialService_Factory(t) { return new (t || CaucaMaterialService)(); }; }
@@ -104,7 +109,7 @@ 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.MatDialogActions, i1$1.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i4.MatButton, i1$1.MatDialogTitle, i1$1.MatDialogActions, i1$1.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
         type: Component,
@@ -233,7 +238,7 @@ class CaucaInputFileComponent {
             i0.ɵɵproperty("ngIf", ctx.text);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", _r4);
-        } }, dependencies: [i2.NgIf, i3.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: [i2.NgIf, i4.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
         type: Component,
@@ -321,7 +326,7 @@ class CaucaInputMultipleLangueComponent {
             i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
             i0.ɵɵadvance(1);
             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%}"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultValueAccessor, i3.NgControlStatus, i3.RequiredValidator, i3.FormControlDirective, i4$1.MatFormField, i4$1.MatError, i5$1.MatInput, i6.MatTab, i6.MatTabGroup, i1.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
         type: Component,
@@ -478,7 +483,7 @@ class CaucaMenuVerticalComponent {
             i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
         } if (rf & 2) {
             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}"] }); }
+        } }, dependencies: [i2.NgForOf, i2.NgIf, i3$1.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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
         type: Component,
@@ -614,7 +619,7 @@ class CaucaMenuSidebarComponent {
             i0.ɵɵproperty("menuItems", ctx.menuItems);
             i0.ɵɵadvance(5);
             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}}"] }); }
+        } }, dependencies: [i2.NgIf, i4.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}}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
         type: Component,
@@ -803,7 +808,7 @@ class CaucaMaterialModule {
                     MatIconModule,
                     MatInputModule,
                     MatTabsModule,
-                    MatDialogModule
+                    MatDialogModule,
                 ],
                 exports: [
                     CaucaMaterialComponent,
@@ -813,7 +818,7 @@ class CaucaMaterialModule {
                     CaucaMenuVerticalComponent,
                     CaucaSimpleDialogComponent,
                     CaucaSlideshowComponent,
-                ]
+                ],
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { declarations: [CaucaMaterialComponent,
@@ -840,6 +845,383 @@ 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 = null;
+        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);
+    }
+    clear() {
+        this.dialogRef.close({
+            value: null
+        });
+    }
+    cancel() {
+        this.dialogRef.close({
+            value: this.initialDate
+        });
+    }
+    confirm() {
+        this.dialogRef.close({
+            value: 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) : null;
+        this.minimumDate = options.minimumDate ? new Date(options.minimumDate) : null;
+        this.maximumDate = options.maximumDate ? new Date(options.maximumDate) : null;
+        this.selectedDate = options.selectedDate ? new Date(options.selectedDate) : new Date();
+        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);
+        console.log(this.selectedDate);
+    }
+    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: 29, vars: 15, 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-stroked-button", "", 3, "click"], ["color", "primary", "mat-raised-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.clear(); });
+            i0.ɵɵelementStart(15, "mat-icon");
+            i0.ɵɵtext(16, "clear");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(17);
+            i0.ɵɵpipe(18, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "button", 8);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_19_listener() { return ctx.cancel(); });
+            i0.ɵɵelementStart(20, "mat-icon");
+            i0.ɵɵtext(21, "cancel");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(22);
+            i0.ɵɵpipe(23, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(24, "button", 9);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_24_listener() { return ctx.confirm(); });
+            i0.ɵɵelementStart(25, "mat-icon");
+            i0.ɵɵtext(26, "check");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(27);
+            i0.ɵɵpipe(28, "translate");
+            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);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 9, "material.clear"), " ");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 11, "material.cancel"), " ");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 13, "material.apply"), " ");
+        } }, dependencies: [CommonModule, i2.NgIf, CaucaCoreForChildModule, i1.TranslatePipe, MatButtonModule, i4.MatButton, MatDatepickerModule, i5$2.MatCalendar, MatIconModule, i5.MatIcon, MatListModule, i7.MatList, i7.MatListItem, MatNativeDateModule], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:10px 0;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:2px}.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-stroked-button (click)=\"clear()\">\n        <mat-icon>clear</mat-icon>\n        {{'material.clear' | translate}}\n    </button>\n    <button mat-stroked-button (click)=\"cancel()\">\n        <mat-icon>cancel</mat-icon>\n        {{'material.cancel' | translate}}\n    </button>\n    <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n        <mat-icon>check</mat-icon>\n        {{'material.apply' | translate}}\n    </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:10px 0;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.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(elementRef, dialog, datePipe) {
+        this.elementRef = elementRef;
+        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 dialogRef = this.dialog.open(DialogDateTimePickerComponent, {
+            position: this.getDialogPosition(),
+            data: this.getDateTimePickerOptions(),
+        });
+        dialogRef.afterClosed().subscribe((data) => {
+            if (data) {
+                this.stringDate = this.stringifyDate(data.value);
+                this.selectedDate = data.value;
+                this.selectedChange.emit(data.value);
+            }
+        });
+    }
+    getDateTimePickerOptions() {
+        return {
+            selectedDate: this.selectedDate,
+            minimumDate: this.minimumDate,
+            maximumDate: this.maximumDate,
+            showSeconds: this.showSeconds,
+            step: {
+                hours: this.stepHours,
+                minutes: this.stepMinutes,
+                seconds: this.stepSecondes,
+            }
+        };
+    }
+    stringifyDate(date) {
+        return this.datePipe.transform(date, this.showFormat);
+    }
+    getDialogPosition() {
+        const rect = this.elementRef.nativeElement.getBoundingClientRect();
+        const top = rect.y + rect.height - 22;
+        const bottom = window.innerHeight - rect.y;
+        return window.innerHeight > (top + 350) ? {
+            left: `${rect.x}px`,
+            top: `${top}px`,
+        } : {
+            left: `${rect.x}px`,
+            bottom: `${bottom}px`,
+        };
+    }
+    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), 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: [["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");
+            i0.ɵɵelement(1, "input", 0);
+            i0.ɵɵelementStart(2, "button", 1);
+            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, i4.MatIconButton, MatIconModule, i5.MatIcon, MatInputModule, i5$1.MatInput, i4$1.MatFormField, i4$1.MatSuffix], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
+}
+(() => { (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>\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>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
+    }], () => [{ type: i0.ElementRef }, { 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;
@@ -857,5 +1239,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