@cauca-911/material 18.0.1-beta6 → 18.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/esm2022/lib/cauca-date-time-picker/cauca-date-time-picker.component.mjs +184 -0
  2. package/esm2022/lib/{inputs/cauca-date-time-picker → cauca-date-time-picker}/components/desktop-time-picker/desktop-time-picker.component.mjs +2 -2
  3. package/esm2022/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.mjs +365 -0
  4. package/esm2022/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.mjs +74 -0
  5. package/esm2022/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.mjs +2 -0
  6. package/esm2022/lib/cauca-input-file/cauca-input-file.component.mjs +148 -0
  7. package/esm2022/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs +87 -0
  8. package/esm2022/lib/cauca-material.component.mjs +5 -6
  9. package/esm2022/lib/cauca-material.module.mjs +52 -14
  10. package/esm2022/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.mjs +10 -14
  11. package/esm2022/lib/cauca-menu-vertical/cauca-menu-vertical.component.mjs +8 -16
  12. package/esm2022/lib/cauca-simple-dialog/cauca-simple-dialog.component.mjs +10 -14
  13. package/esm2022/lib/cauca-slideshow/cauca-slideshow.component.mjs +6 -6
  14. package/esm2022/public-api.mjs +4 -21
  15. package/fesm2022/cauca-911-material.mjs +822 -2125
  16. package/fesm2022/cauca-911-material.mjs.map +1 -1
  17. package/lib/cauca-date-time-picker/cauca-date-time-picker.component.d.ts +40 -0
  18. package/lib/{inputs/cauca-date-time-picker → cauca-date-time-picker}/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts +2 -1
  19. package/lib/{inputs/cauca-date-time-picker → cauca-date-time-picker}/models/dialog-date-time-picker-data.d.ts +3 -2
  20. package/lib/{inputs/cauca-input-file → cauca-input-file}/cauca-input-file.component.d.ts +1 -1
  21. package/lib/{inputs/cauca-input-multiple-langue → cauca-input-multiple-langue}/cauca-input-multiple-langue.component.d.ts +1 -1
  22. package/lib/cauca-material.component.d.ts +1 -1
  23. package/lib/cauca-material.module.d.ts +14 -4
  24. package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts +1 -1
  25. package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts +1 -1
  26. package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts +1 -1
  27. package/lib/cauca-slideshow/cauca-slideshow.component.d.ts +1 -1
  28. package/package.json +2 -3
  29. package/public-api.d.ts +3 -20
  30. package/esm2022/lib/buttons/base-button.mjs +0 -33
  31. package/esm2022/lib/buttons/basic-button/basic-button.component.mjs +0 -64
  32. package/esm2022/lib/buttons/flat-button/flat-button.component.mjs +0 -64
  33. package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +0 -28
  34. package/esm2022/lib/buttons/menu-item/menu-item.component.mjs +0 -68
  35. package/esm2022/lib/buttons/raised-button/raised-button.component.mjs +0 -78
  36. package/esm2022/lib/buttons/stroked-button/stroked-button.component.mjs +0 -71
  37. package/esm2022/lib/dialogs/alert-dialog/alert-dialog.component.mjs +0 -57
  38. package/esm2022/lib/dialogs/confirm-dialog/confirm-dialog.component.mjs +0 -69
  39. package/esm2022/lib/dialogs/services/dialog.service.mjs +0 -52
  40. package/esm2022/lib/inputs/cauca-date-time-picker/cauca-date-time-picker.component.mjs +0 -137
  41. package/esm2022/lib/inputs/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.mjs +0 -358
  42. package/esm2022/lib/inputs/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.mjs +0 -74
  43. package/esm2022/lib/inputs/cauca-date-time-picker/models/dialog-date-time-picker-data.mjs +0 -2
  44. package/esm2022/lib/inputs/cauca-input-file/cauca-input-file.component.mjs +0 -147
  45. package/esm2022/lib/inputs/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs +0 -99
  46. package/esm2022/lib/inputs/password/models/password-validation.mjs +0 -13
  47. package/esm2022/lib/inputs/password/password-criteria/password-criteria.component.mjs +0 -49
  48. package/esm2022/lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.mjs +0 -29
  49. package/esm2022/lib/inputs/password/password-input/password-input.component.mjs +0 -112
  50. package/esm2022/lib/inputs/password/password-selection/password-selection.component.mjs +0 -112
  51. package/esm2022/lib/inputs/password/validators/password-validator.mjs +0 -19
  52. package/esm2022/lib/inputs/select-with-search/select-with-search.component.mjs +0 -157
  53. package/esm2022/lib/layout/expandable-panel/expandable-panel.component.mjs +0 -75
  54. package/esm2022/lib/layout/menu-expandable-panel/menu-expandable-panel.component.mjs +0 -148
  55. package/esm2022/lib/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.mjs +0 -50
  56. package/esm2022/lib/layout/page-title/page-title.component.mjs +0 -86
  57. package/esm2022/lib/notifications/snack-bar/snack-bar.component.mjs +0 -75
  58. package/lib/buttons/base-button.d.ts +0 -21
  59. package/lib/buttons/basic-button/basic-button.component.d.ts +0 -6
  60. package/lib/buttons/flat-button/flat-button.component.d.ts +0 -6
  61. package/lib/buttons/icon-button/icon-button.component.d.ts +0 -6
  62. package/lib/buttons/menu-item/menu-item.component.d.ts +0 -9
  63. package/lib/buttons/raised-button/raised-button.component.d.ts +0 -17
  64. package/lib/buttons/stroked-button/stroked-button.component.d.ts +0 -6
  65. package/lib/dialogs/alert-dialog/alert-dialog.component.d.ts +0 -18
  66. package/lib/dialogs/confirm-dialog/confirm-dialog.component.d.ts +0 -17
  67. package/lib/dialogs/services/dialog.service.d.ts +0 -26
  68. package/lib/inputs/cauca-date-time-picker/cauca-date-time-picker.component.d.ts +0 -29
  69. package/lib/inputs/password/models/password-validation.d.ts +0 -9
  70. package/lib/inputs/password/password-criteria/password-criteria.component.d.ts +0 -9
  71. package/lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.d.ts +0 -9
  72. package/lib/inputs/password/password-input/password-input.component.d.ts +0 -25
  73. package/lib/inputs/password/password-selection/password-selection.component.d.ts +0 -20
  74. package/lib/inputs/password/validators/password-validator.d.ts +0 -9
  75. package/lib/inputs/select-with-search/select-with-search.component.d.ts +0 -32
  76. package/lib/layout/expandable-panel/expandable-panel.component.d.ts +0 -10
  77. package/lib/layout/menu-expandable-panel/menu-expandable-panel.component.d.ts +0 -29
  78. package/lib/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.d.ts +0 -13
  79. package/lib/layout/page-title/page-title.component.d.ts +0 -11
  80. package/lib/notifications/snack-bar/snack-bar.component.d.ts +0 -17
  81. /package/lib/{inputs/cauca-date-time-picker → cauca-date-time-picker}/components/desktop-time-picker/desktop-time-picker.component.d.ts +0 -0
  82. /package/lib/{inputs/cauca-date-time-picker → cauca-date-time-picker}/components/mobile-time-picker/mobile-time-picker.component.d.ts +0 -0
@@ -1,40 +1,34 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, Component, EventEmitter, Output, Input, HostListener, Inject, ViewChild, NgModule, input, computed, output, Directive, ChangeDetectionStrategy, model, inject, signal, HostBinding, forwardRef } from '@angular/core';
3
- import * as i2 from '@ngx-translate/core';
2
+ import { Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, HostListener, NgModule, signal, input, forwardRef } from '@angular/core';
3
+ import * as i3 from '@ngx-translate/core';
4
4
  import { TranslateModule } from '@ngx-translate/core';
5
- import * as i1$1 from '@angular/material/icon';
6
- import { MatIconModule, MatIcon } from '@angular/material/icon';
7
- import * as i1 from '@angular/router';
8
- import { NavigationEnd, Router, RouterModule } from '@angular/router';
9
- import * as i2$1 from '@fortawesome/angular-fontawesome';
10
- import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
11
- import * as i1$4 from '@angular/common';
12
- import { NgFor, NgIf, NgClass, CommonModule, NgForOf, AsyncPipe, DatePipe } from '@angular/common';
13
- import * as i1$2 from '@angular/material/dialog';
14
- import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
15
- import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
16
- import * as i1$3 from '@cauca-911/core';
17
- import * as i5 from '@angular/forms';
18
- import { UntypedFormControl, Validators, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
19
- import * as i2$3 from '@angular/material/form-field';
20
- import { MatFormFieldModule, MatError } from '@angular/material/form-field';
21
- import * as i4 from '@angular/material/input';
5
+ import * as i2 from '@angular/common';
6
+ import { CommonModule, DatePipe } from '@angular/common';
7
+ import * as i3$1 from '@angular/forms';
8
+ import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
9
+ import * as i4 from '@angular/material/button';
10
+ import { MatButtonModule } from '@angular/material/button';
11
+ import * as i7 from '@angular/material/form-field';
12
+ import { MatFormFieldModule } from '@angular/material/form-field';
13
+ import * as i5 from '@angular/material/icon';
14
+ import { MatIconModule } from '@angular/material/icon';
15
+ import * as i5$1 from '@angular/material/input';
22
16
  import { MatInputModule } from '@angular/material/input';
23
- import * as i2$2 from '@angular/material/tabs';
17
+ import * as i6 from '@angular/material/tabs';
24
18
  import { MatTabsModule } from '@angular/material/tabs';
25
- import * as i4$1 from '@angular/material/button';
26
- import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
27
- import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
28
- import { filter, ReplaySubject, Subject, takeUntil, firstValueFrom } from 'rxjs';
29
- import * as i2$4 from '@angular/material/select';
30
- import { MatSelectModule } from '@angular/material/select';
31
- import * as i6 from 'ngx-mat-select-search';
32
- import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
33
- import * as i3 from '@angular/material/core';
19
+ import * as i3$2 from '@fortawesome/angular-fontawesome';
20
+ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
21
+ import * as i1$1 from '@cauca-911/core';
22
+ import { CaucaCoreForChildModule } from '@cauca-911/core';
23
+ import * as i1 from '@angular/material/dialog';
24
+ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
25
+ import * as i1$2 from '@angular/router';
26
+ import { NavigationEnd } from '@angular/router';
27
+ import { trigger, state, style, transition, animate } from '@angular/animations';
34
28
  import { MatNativeDateModule } from '@angular/material/core';
35
- import * as i3$1 from '@angular/material/datepicker';
29
+ import * as i5$2 from '@angular/material/datepicker';
36
30
  import { MatDatepickerModule } from '@angular/material/datepicker';
37
- import * as i1$5 from '@angular/material/list';
31
+ import * as i1$3 from '@angular/material/list';
38
32
  import { MatListModule } from '@angular/material/list';
39
33
 
40
34
  class CaucaMaterialService {
@@ -50,7 +44,7 @@ class CaucaMaterialService {
50
44
 
51
45
  class CaucaMaterialComponent {
52
46
  static { this.ɵfac = function CaucaMaterialComponent_Factory(t) { return new (t || CaucaMaterialComponent)(); }; }
53
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) { if (rf & 1) {
47
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) { if (rf & 1) {
54
48
  i0.ɵɵelementStart(0, "div");
55
49
  i0.ɵɵtext(1);
56
50
  i0.ɵɵpipe(2, "translate");
@@ -58,1929 +52,801 @@ class CaucaMaterialComponent {
58
52
  } if (rf & 2) {
59
53
  i0.ɵɵadvance();
60
54
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
61
- } }, dependencies: [TranslateModule, i2.TranslatePipe], encapsulation: 2 }); }
55
+ } }, dependencies: [i3.TranslatePipe], encapsulation: 2 }); }
62
56
  }
63
57
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
64
58
  type: Component,
65
- args: [{ selector: 'cauca-material', imports: [TranslateModule], standalone: true, template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
59
+ args: [{ selector: 'cauca-material', template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
66
60
  }], null, null); })();
67
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib\\cauca-material.component.ts", lineNumber: 10 }); })();
61
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib\\cauca-material.component.ts", lineNumber: 8 }); })();
68
62
 
69
- function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
70
- i0.ɵɵelement(0, "fa-icon", 8);
71
- } if (rf & 2) {
72
- const menu_r2 = i0.ɵɵnextContext(2).$implicit;
73
- i0.ɵɵproperty("icon", menu_r2.icon);
74
- } }
75
- function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
76
- i0.ɵɵelement(0, "img", 9);
77
- } if (rf & 2) {
78
- const menu_r2 = i0.ɵɵnextContext(2).$implicit;
79
- i0.ɵɵproperty("src", menu_r2.icon, i0.ɵɵsanitizeUrl);
80
- } }
81
- function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) { if (rf & 1) {
82
- i0.ɵɵelementStart(0, "div", 5);
83
- 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);
63
+ class SimpleDialogData {
64
+ constructor() {
65
+ this.buttons = [];
66
+ }
67
+ }
68
+
69
+ function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
70
+ const _r1 = i0.ɵɵgetCurrentView();
71
+ i0.ɵɵelementStart(0, "button", 6);
72
+ i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_div_4_button_1_Template_button_click_0_listener() { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(i_r2)); });
73
+ i0.ɵɵtext(1);
84
74
  i0.ɵɵelementEnd();
85
75
  } if (rf & 2) {
86
- const menu_r2 = i0.ɵɵnextContext().$implicit;
87
- i0.ɵɵadvance();
88
- i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
76
+ const label_r4 = ctx.$implicit;
89
77
  i0.ɵɵadvance();
90
- i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
91
- } }
92
- function CaucaMenuVerticalComponent_h4_0_div_3_Template(rf, ctx) { if (rf & 1) {
93
- i0.ɵɵelementStart(0, "div", 10)(1, "span");
94
- i0.ɵɵtext(2);
95
- i0.ɵɵpipe(3, "translate");
96
- i0.ɵɵelementEnd()();
97
- } if (rf & 2) {
98
- const menu_r2 = i0.ɵɵnextContext().$implicit;
99
- i0.ɵɵadvance(2);
100
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.label));
78
+ i0.ɵɵtextInterpolate(label_r4);
101
79
  } }
102
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
103
- i0.ɵɵelementStart(0, "div", 15);
104
- i0.ɵɵtext(1, "\u2022");
80
+ function CaucaSimpleDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
81
+ i0.ɵɵelementStart(0, "div", 4);
82
+ i0.ɵɵtemplate(1, CaucaSimpleDialogComponent_div_4_button_1_Template, 2, 1, "button", 5);
105
83
  i0.ɵɵelementEnd();
106
- } }
107
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
108
- i0.ɵɵelement(0, "fa-icon", 8);
109
- } if (rf & 2) {
110
- const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
111
- i0.ɵɵproperty("icon", submenu_r5.icon);
112
- } }
113
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
114
- i0.ɵɵelement(0, "img", 9);
115
84
  } if (rf & 2) {
116
- const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
117
- i0.ɵɵproperty("src", submenu_r5.icon, i0.ɵɵsanitizeUrl);
85
+ const ctx_r2 = i0.ɵɵnextContext();
86
+ i0.ɵɵadvance();
87
+ i0.ɵɵproperty("ngForOf", ctx_r2.data.buttons);
118
88
  } }
119
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
120
- i0.ɵɵelementStart(0, "div", 5);
121
- 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);
89
+ class CaucaSimpleDialogComponent {
90
+ constructor(dialogRef, data) {
91
+ this.dialogRef = dialogRef;
92
+ this.data = data;
93
+ }
94
+ onClick(buttonIndex) {
95
+ this.dialogRef.close(buttonIndex);
96
+ }
97
+ static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(t) { return new (t || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
98
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], decls: 5, vars: 3, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], ["mat-dialog-actions", "", 4, "ngIf"], ["mat-dialog-actions", ""], ["mat-raised-button", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-raised-button", "", 3, "click"]], template: function CaucaSimpleDialogComponent_Template(rf, ctx) { if (rf & 1) {
99
+ i0.ɵɵelementStart(0, "h1", 0);
100
+ i0.ɵɵtext(1);
101
+ i0.ɵɵelementEnd();
102
+ i0.ɵɵelementStart(2, "div", 1);
103
+ i0.ɵɵelement(3, "div", 2);
104
+ i0.ɵɵelementEnd();
105
+ i0.ɵɵtemplate(4, CaucaSimpleDialogComponent_div_4_Template, 2, 1, "div", 3);
106
+ } if (rf & 2) {
107
+ i0.ɵɵadvance();
108
+ i0.ɵɵtextInterpolate(ctx.data.title);
109
+ i0.ɵɵadvance(2);
110
+ i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
111
+ i0.ɵɵadvance();
112
+ i0.ɵɵproperty("ngIf", ctx.data.buttons);
113
+ } }, dependencies: [i2.NgForOf, i2.NgIf, i4.MatButton, i1.MatDialogTitle, i1.MatDialogActions, i1.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
114
+ }
115
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
116
+ type: Component,
117
+ 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"] }]
118
+ }], () => [{ type: i1.MatDialogRef }, { type: SimpleDialogData, decorators: [{
119
+ type: Inject,
120
+ args: [MAT_DIALOG_DATA]
121
+ }] }], null); })();
122
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib\\cauca-simple-dialog\\cauca-simple-dialog.component.ts", lineNumber: 10 }); })();
123
+
124
+ const _c0$3 = ["file"];
125
+ function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
126
+ i0.ɵɵelementStart(0, "mat-icon");
127
+ i0.ɵɵtext(1);
122
128
  i0.ɵɵelementEnd();
123
129
  } if (rf & 2) {
124
- const submenu_r5 = i0.ɵɵnextContext().$implicit;
125
- i0.ɵɵadvance();
126
- i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
130
+ const ctx_r1 = i0.ɵɵnextContext();
127
131
  i0.ɵɵadvance();
128
- i0.ɵɵproperty("ngIf", submenu_r5.icon.filter === undefined);
129
- } }
130
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
131
- i0.ɵɵelementStart(0, "div", 10)(1, "span");
132
- i0.ɵɵtext(2);
133
- i0.ɵɵpipe(3, "translate");
134
- i0.ɵɵelementEnd()();
135
- } if (rf & 2) {
136
- const submenu_r5 = i0.ɵɵnextContext().$implicit;
137
- i0.ɵɵadvance(2);
138
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
132
+ i0.ɵɵtextInterpolate(ctx_r1.icon);
139
133
  } }
140
- function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
141
- const _r4 = i0.ɵɵgetCurrentView();
142
- i0.ɵɵelementStart(0, "div", 13);
143
- i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template_div_click_0_listener($event) { const submenu_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goTo(submenu_r5.path, $event)); });
144
- 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);
134
+ function CaucaInputFileComponent_span_2_Template(rf, ctx) { if (rf & 1) {
135
+ i0.ɵɵelementStart(0, "span");
136
+ i0.ɵɵtext(1);
145
137
  i0.ɵɵelementEnd();
146
138
  } if (rf & 2) {
147
- const submenu_r5 = ctx.$implicit;
148
- i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
149
- i0.ɵɵadvance();
150
- i0.ɵɵproperty("ngIf", !submenu_r5.icon);
151
- i0.ɵɵadvance();
152
- i0.ɵɵproperty("ngIf", submenu_r5.icon);
139
+ const ctx_r1 = i0.ɵɵnextContext();
153
140
  i0.ɵɵadvance();
154
- i0.ɵɵproperty("ngIf", submenu_r5.label);
141
+ i0.ɵɵtextInterpolate(ctx_r1.text);
155
142
  } }
156
- function CaucaMenuVerticalComponent_h4_0_div_4_Template(rf, ctx) { if (rf & 1) {
157
- i0.ɵɵelementStart(0, "div", 11);
158
- i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template, 4, 5, "div", 12);
143
+ function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
144
+ const _r3 = i0.ɵɵgetCurrentView();
145
+ i0.ɵɵelementContainerStart(0);
146
+ i0.ɵɵelementStart(1, "input", 5, 1);
147
+ i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
159
148
  i0.ɵɵelementEnd();
149
+ i0.ɵɵelementContainerEnd();
160
150
  } if (rf & 2) {
161
- const menu_r2 = i0.ɵɵnextContext().$implicit;
151
+ const ctx_r1 = i0.ɵɵnextContext();
162
152
  i0.ɵɵadvance();
163
- i0.ɵɵproperty("ngForOf", menu_r2.childs);
153
+ i0.ɵɵproperty("accept", ctx_r1.accept);
164
154
  } }
165
- function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
166
- const _r1 = i0.ɵɵgetCurrentView();
167
- i0.ɵɵelementStart(0, "h4")(1, "div", 1);
168
- i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goTo(menu_r2.path, $event)); });
169
- i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
170
- i0.ɵɵelementEnd();
171
- i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
155
+ function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
156
+ const _r4 = i0.ɵɵgetCurrentView();
157
+ i0.ɵɵelementStart(0, "input", 6, 1);
158
+ i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
172
159
  i0.ɵɵelementEnd();
173
160
  } if (rf & 2) {
174
- const menu_r2 = ctx.$implicit;
175
- i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
176
- i0.ɵɵadvance(2);
177
- i0.ɵɵproperty("ngIf", menu_r2.icon);
178
- i0.ɵɵadvance();
179
- i0.ɵɵproperty("ngIf", menu_r2.label);
180
- i0.ɵɵadvance();
181
- i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
161
+ const ctx_r1 = i0.ɵɵnextContext();
162
+ i0.ɵɵproperty("accept", ctx_r1.accept);
182
163
  } }
183
- class CaucaMenuVerticalComponent {
184
- constructor(router) {
185
- this.router = router;
186
- this.itemClick = new EventEmitter();
187
- this.menuItems = [];
188
- this.router.events.subscribe((route) => {
189
- if (route instanceof NavigationEnd) {
190
- this.selectActiveRoute(route);
191
- }
192
- });
164
+ class CaucaInputFileComponent {
165
+ constructor(translateService, dialog) {
166
+ this.translateService = translateService;
167
+ this.dialog = dialog;
168
+ this.readend = new EventEmitter();
169
+ this.accept = '';
170
+ this.multiple = false;
171
+ this.icon = '';
172
+ this.text = '';
173
+ this.labels = {};
193
174
  }
194
- goTo(path, e) {
195
- this.router.navigate([path]);
196
- this.itemClick.emit();
197
- e.stopPropagation();
175
+ ngOnInit() {
176
+ if (!this.icon && !this.text) {
177
+ this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
178
+ this.labels = labels;
179
+ this.text = labels['material.select'];
180
+ });
181
+ }
198
182
  }
199
- selectActiveRoute(route) {
200
- this.menuItems.forEach((menu) => {
201
- if (route.url) {
202
- menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
203
- }
204
- menu.childs.forEach((subMenu) => {
205
- if (route.url) {
206
- subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
183
+ onSelectFile(e) {
184
+ for (let i = 0, j = e.target.files.length; i < j; i++) {
185
+ const file = e.target.files[i];
186
+ const reader = new FileReader();
187
+ reader.onerror = ((error) => this.onError(error));
188
+ reader.onload = ((event) => this.onReadEnd(file, event));
189
+ reader.readAsDataURL(file);
190
+ }
191
+ if (e.target.files.length) {
192
+ this.dialog.open(CaucaSimpleDialogComponent, {
193
+ width: '250px',
194
+ disableClose: true,
195
+ data: {
196
+ title: this.labels['material.dialogTitle'],
197
+ message: this.labels['material.dialogMessage']
207
198
  }
208
199
  });
200
+ }
201
+ }
202
+ openDialog(event) {
203
+ if (this.file) {
204
+ this.file.nativeElement.click();
205
+ }
206
+ event.stopPropagation();
207
+ }
208
+ onError(error) {
209
+ throw error;
210
+ }
211
+ onReadEnd(file, e) {
212
+ this.dialog.closeAll();
213
+ this.readend.emit({
214
+ name: file.name,
215
+ size: file.size,
216
+ type: file.type,
217
+ lastModifiedDate: file.lastModifiedDate,
218
+ content: e.target['result'],
219
+ file,
209
220
  });
210
221
  }
211
- static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(t) { return new (t || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
212
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 1, consts: [[3, "class", 4, "ngFor", "ngForOf"], [1, "menu", 3, "click"], ["class", "menu-icon", 4, "ngIf"], ["class", "menu-caption", 4, "ngIf"], ["class", "submenu", 4, "ngIf"], [1, "menu-icon"], [3, "icon", 4, "ngIf"], [3, "src", 4, "ngIf"], [3, "icon"], [3, "src"], [1, "menu-caption"], [1, "submenu"], [3, "class", "click", 4, "ngFor", "ngForOf"], [3, "click"], ["class", "menu-dot", 4, "ngIf"], [1, "menu-dot"]], template: function CaucaMenuVerticalComponent_Template(rf, ctx) { if (rf & 1) {
213
- i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
222
+ static { this.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i1.MatDialog)); }; }
223
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
224
+ i0.ɵɵviewQuery(_c0$3, 5);
214
225
  } if (rf & 2) {
215
- i0.ɵɵproperty("ngForOf", ctx.menuItems);
216
- } }, dependencies: [FontAwesomeModule, i2$1.FaIconComponent, TranslateModule, i2.TranslatePipe, NgFor,
217
- NgIf], 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:#fff;margin-right:-1.17em}"] }); }
218
- }
219
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
220
- type: Component,
221
- args: [{ selector: 'cauca-menu-vertical', standalone: true, imports: [
222
- FontAwesomeModule,
223
- TranslateModule,
224
- NgFor,
225
- NgIf
226
- ], 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:#fff;margin-right:-1.17em}\n"] }]
227
- }], () => [{ type: i1.Router }], { itemClick: [{
228
- type: Output
229
- }], menuItems: [{
230
- type: Input
231
- }] }); })();
232
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib\\cauca-menu-vertical\\cauca-menu-vertical.component.ts", lineNumber: 20 }); })();
233
-
234
- const _c0$7 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
235
- const _c1$1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
236
- function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
237
- const _r2 = i0.ɵɵgetCurrentView();
238
- i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
239
- i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_div_12_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onToggleCollapse()); });
240
- i0.ɵɵelementEnd();
241
- i0.ɵɵelementStart(2, "span", 9);
242
- i0.ɵɵtext(3);
243
- i0.ɵɵpipe(4, "translate");
244
- i0.ɵɵelementEnd();
245
- i0.ɵɵelementStart(5, "span", 10);
246
- i0.ɵɵtext(6);
247
- i0.ɵɵelementEnd()();
248
- } if (rf & 2) {
249
- const ctx_r2 = i0.ɵɵnextContext();
250
- i0.ɵɵadvance(3);
251
- i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version, "");
252
- i0.ɵɵadvance(3);
253
- i0.ɵɵtextInterpolate(ctx_r2.version);
254
- } }
255
- class CaucaMenuSidebarComponent {
256
- constructor(element) {
257
- this.menuItems = [];
258
- this.version = '';
259
- this.keepMenuExpanded = false;
260
- this.hostElement = element.nativeElement;
261
- this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
262
- this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
263
- this.setDisplayMenu();
264
- }
265
- onResize(_e) {
266
- this.setDisplayMenu();
267
- }
268
- onMenuItemClick() {
269
- if (window.innerWidth < 1000) {
270
- this.hideOnMobile();
271
- }
272
- }
273
- hideOnMobile() {
274
- this.hostElement.classList.remove('mobile');
275
- this.hostElement.classList.add('hidden');
276
- }
277
- showOnMobile() {
278
- this.hostElement.classList.remove('hidden');
279
- this.hostElement.classList.add('mobile');
280
- }
281
- onToggleCollapse() {
282
- if (this.keepMenuExpanded) {
283
- this.onCollapseMenu();
284
- this.hostElement.classList.remove('keepExpanded');
285
- }
286
- else {
287
- this.onExpandedMenu();
288
- this.hostElement.classList.add('keepExpanded');
289
- }
290
- this.keepMenuExpanded = !this.keepMenuExpanded;
291
- localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
292
- }
293
- setDisplayMenu() {
294
- this.hostElement.className = '';
295
- if (window.innerWidth < 1000) {
296
- this.hostElement.classList.add('hidden');
297
- }
298
- else {
299
- if (localStorage.getItem('cauca-menu-status') === 'expanded') {
300
- this.keepMenuExpanded = true;
301
- this.hostElement.classList.add('keepExpanded');
302
- }
303
- this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
304
- }
305
- }
306
- onMouseOver(e) {
307
- if (!this.keepMenuExpanded) {
308
- this.onExpandedMenu();
309
- }
310
- e.stopPropagation();
311
- }
312
- onMouseOut(e) {
313
- if (!this.keepMenuExpanded) {
314
- this.onCollapseMenu();
315
- }
316
- e.stopPropagation();
317
- }
318
- onExpandedMenu() {
319
- if (window.innerWidth >= 1000) {
320
- this.hostElement.classList.remove('collapsed');
321
- this.hostElement.classList.add('expanded');
322
- }
323
- }
324
- onCollapseMenu() {
325
- if (window.innerWidth >= 1000) {
326
- this.hostElement.classList.remove('expanded');
327
- this.hostElement.classList.add('collapsed');
328
- }
329
- }
330
- static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(t) { return new (t || CaucaMenuSidebarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
331
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuSidebarComponent, selectors: [["cauca-menu-sidebar"]], hostBindings: function CaucaMenuSidebarComponent_HostBindings(rf, ctx) { if (rf & 1) {
332
- i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
333
- } }, inputs: { menuItems: "menuItems", version: "version" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$1, decls: 13, vars: 2, consts: [["menu", ""], [1, "header"], ["mat-icon-button", "", 1, "close", 3, "click"], [1, "content"], [3, "itemClick", "menuItems"], [1, "footer"], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) { if (rf & 1) {
334
- const _r1 = i0.ɵɵgetCurrentView();
335
- i0.ɵɵprojectionDef(_c0$7);
336
- i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
337
- i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hideOnMobile()); });
338
- i0.ɵɵelementStart(2, "mat-icon");
339
- i0.ɵɵtext(3, "clear");
340
- i0.ɵɵelementEnd()();
341
- i0.ɵɵprojection(4);
342
- i0.ɵɵelementEnd();
343
- i0.ɵɵelementStart(5, "div", 3);
344
- i0.ɵɵprojection(6, 1);
345
- i0.ɵɵelementStart(7, "cauca-menu-vertical", 4, 0);
346
- i0.ɵɵlistener("itemClick", function CaucaMenuSidebarComponent_Template_cauca_menu_vertical_itemClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMenuItemClick()); });
347
- i0.ɵɵelementEnd();
348
- i0.ɵɵprojection(9, 2);
349
- i0.ɵɵelementEnd();
350
- i0.ɵɵelementStart(10, "div", 5);
351
- i0.ɵɵprojection(11, 3);
352
- i0.ɵɵelementEnd();
353
- i0.ɵɵtemplate(12, CaucaMenuSidebarComponent_div_12_Template, 7, 5, "div", 6);
354
- } if (rf & 2) {
355
- i0.ɵɵadvance(7);
356
- i0.ɵɵproperty("menuItems", ctx.menuItems);
357
- i0.ɵɵadvance(5);
358
- i0.ɵɵproperty("ngIf", ctx.version);
359
- } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe, CaucaMenuVerticalComponent], 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}}"] }); }
360
- }
361
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
362
- type: Component,
363
- args: [{ selector: 'cauca-menu-sidebar', standalone: true, imports: [
364
- MatIconModule,
365
- TranslateModule,
366
- CaucaMenuVerticalComponent,
367
- ], 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"] }]
368
- }], () => [{ type: i0.ElementRef }], { menuItems: [{
369
- type: Input
370
- }], version: [{
371
- type: Input
372
- }], onResize: [{
373
- type: HostListener,
374
- args: ['window:resize', ['$event']]
375
- }] }); })();
376
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib\\cauca-menu-sidebar\\cauca-menu-sidebar.component.ts", lineNumber: 18 }); })();
377
-
378
- class SimpleDialogData {
379
- constructor() {
380
- this.buttons = [];
381
- }
382
- }
383
-
384
- function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
385
- const _r1 = i0.ɵɵgetCurrentView();
386
- i0.ɵɵelementStart(0, "button", 6);
387
- i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_div_4_button_1_Template_button_click_0_listener() { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(i_r2)); });
388
- i0.ɵɵtext(1);
389
- i0.ɵɵelementEnd();
390
- } if (rf & 2) {
391
- const label_r4 = ctx.$implicit;
392
- i0.ɵɵadvance();
393
- i0.ɵɵtextInterpolate(label_r4);
394
- } }
395
- function CaucaSimpleDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
396
- i0.ɵɵelementStart(0, "div", 4);
397
- i0.ɵɵtemplate(1, CaucaSimpleDialogComponent_div_4_button_1_Template, 2, 1, "button", 5);
398
- i0.ɵɵelementEnd();
399
- } if (rf & 2) {
400
- const ctx_r2 = i0.ɵɵnextContext();
401
- i0.ɵɵadvance();
402
- i0.ɵɵproperty("ngForOf", ctx_r2.data.buttons);
403
- } }
404
- class CaucaSimpleDialogComponent {
405
- constructor(dialogRef, data) {
406
- this.dialogRef = dialogRef;
407
- this.data = data;
408
- }
409
- onClick(buttonIndex) {
410
- this.dialogRef.close(buttonIndex);
411
- }
412
- static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(t) { return new (t || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
413
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 3, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], ["mat-dialog-actions", "", 4, "ngIf"], ["mat-dialog-actions", ""], ["mat-raised-button", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-raised-button", "", 3, "click"]], template: function CaucaSimpleDialogComponent_Template(rf, ctx) { if (rf & 1) {
414
- i0.ɵɵelementStart(0, "h1", 0);
415
- i0.ɵɵtext(1);
416
- i0.ɵɵelementEnd();
417
- i0.ɵɵelementStart(2, "div", 1);
418
- i0.ɵɵelement(3, "div", 2);
419
- i0.ɵɵelementEnd();
420
- i0.ɵɵtemplate(4, CaucaSimpleDialogComponent_div_4_Template, 2, 1, "div", 3);
421
- } if (rf & 2) {
422
- i0.ɵɵadvance();
423
- i0.ɵɵtextInterpolate(ctx.data.title);
424
- i0.ɵɵadvance(2);
425
- i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
426
- i0.ɵɵadvance();
427
- i0.ɵɵproperty("ngIf", ctx.data.buttons);
428
- } }, dependencies: [MatDialogModule, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, NgIf,
429
- NgFor], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
430
- }
431
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
432
- type: Component,
433
- args: [{ selector: 'cauca-simple-dialog', standalone: true, imports: [
434
- MatDialogModule,
435
- NgIf,
436
- NgFor,
437
- ], 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"] }]
438
- }], () => [{ type: i1$2.MatDialogRef }, { type: SimpleDialogData, decorators: [{
439
- type: Inject,
440
- args: [MAT_DIALOG_DATA]
441
- }] }], null); })();
442
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib\\cauca-simple-dialog\\cauca-simple-dialog.component.ts", lineNumber: 17 }); })();
443
-
444
- const _c0$6 = ["container"];
445
- function CaucaSlideshowComponent_div_2_Template(rf, ctx) { if (rf & 1) {
446
- i0.ɵɵelementStart(0, "div");
447
- i0.ɵɵelement(1, "img", 3);
448
- i0.ɵɵelementEnd();
449
- } if (rf & 2) {
450
- const url_r1 = ctx.$implicit;
451
- const index_r2 = ctx.index;
452
- const ctx_r2 = i0.ɵɵnextContext();
453
- i0.ɵɵproperty("@slideLeftRight", ctx_r2.getState(index_r2));
454
- i0.ɵɵadvance();
455
- i0.ɵɵproperty("src", url_r1, i0.ɵɵsanitizeUrl);
456
- } }
457
- class CaucaSlideshowComponent {
458
- constructor() {
459
- this.height = '150px';
460
- this.autoPlay = true;
461
- this.timer = null;
462
- this.items = [];
463
- this.states = [];
464
- this.selectedIndex = 0;
465
- }
466
- set images(list) {
467
- this.items = list;
468
- this.restart();
469
- }
470
- get images() {
471
- return this.items;
472
- }
473
- ngOnInit() {
474
- this.container.nativeElement.style.height = this.height;
475
- this.container.nativeElement.style.width = '100%';
476
- }
477
- getState(index) {
478
- if (this.states[index]) {
479
- return this.states[index];
480
- }
481
- return (this.selectedIndex === index ? 'in' : 'out');
482
- }
483
- restart() {
484
- if (this.timer) {
485
- window.clearInterval(this.timer);
486
- }
487
- if (this.images && this.images.length) {
488
- this.timer = window.setInterval(() => this.changed('next'), 5000);
489
- }
490
- }
491
- next() {
492
- if (this.selectedIndex < this.items.length - 1) {
493
- this.selectedIndex++;
494
- }
495
- else {
496
- this.selectedIndex = 0;
497
- }
498
- }
499
- changed(action) {
500
- this.states[this.selectedIndex] = 'out';
501
- this[action]();
502
- this.states[this.selectedIndex] = 'in';
503
- }
504
- static { this.ɵfac = function CaucaSlideshowComponent_Factory(t) { return new (t || CaucaSlideshowComponent)(); }; }
505
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) { if (rf & 1) {
506
- i0.ɵɵviewQuery(_c0$6, 7);
507
- } if (rf & 2) {
508
- let _t;
509
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
510
- } }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 1, consts: [["container", ""], [1, "slideshow"], [4, "ngFor", "ngForOf"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
511
- i0.ɵɵelementStart(0, "div", 1, 0);
512
- i0.ɵɵtemplate(2, CaucaSlideshowComponent_div_2_Template, 2, 2, "div", 2);
513
- i0.ɵɵelementEnd();
514
- } if (rf & 2) {
515
- i0.ɵɵadvance(2);
516
- i0.ɵɵproperty("ngForOf", ctx.images);
517
- } }, dependencies: [NgFor], styles: [".slideshow[_ngcontent-%COMP%]{margin:0 auto;position:relative;overflow:hidden}.slideshow[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute}img[_ngcontent-%COMP%]{max-height:100%;max-width:100%;margin:0 auto;display:block}"], data: { animation: [
518
- trigger('slideUpDown', [
519
- state('in', style({ transform: 'translateY(0%)' })),
520
- state('out', style({ transform: 'translateY(-100%)' })),
521
- transition('in => out', [
522
- animate('500ms ease-in')
523
- ]),
524
- transition('out => in', [
525
- style({ transform: 'translateY(100%)' }),
526
- animate('500ms ease-in')
527
- ]),
528
- ]),
529
- trigger('slideLeftRight', [
530
- state('in', style({ transform: 'translateX(0%)' })),
531
- state('out', style({ transform: 'translateX(-100%)' })),
532
- transition('in => out', [
533
- animate('500ms ease-in')
534
- ]),
535
- transition('out => in', [
536
- style({ transform: 'translateX(100%)' }),
537
- animate('500ms ease-in')
538
- ]),
539
- ]),
540
- ] } }); }
541
- }
542
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
543
- type: Component,
544
- args: [{ selector: 'cauca-slideshow', animations: [
545
- trigger('slideUpDown', [
546
- state('in', style({ transform: 'translateY(0%)' })),
547
- state('out', style({ transform: 'translateY(-100%)' })),
548
- transition('in => out', [
549
- animate('500ms ease-in')
550
- ]),
551
- transition('out => in', [
552
- style({ transform: 'translateY(100%)' }),
553
- animate('500ms ease-in')
554
- ]),
555
- ]),
556
- trigger('slideLeftRight', [
557
- state('in', style({ transform: 'translateX(0%)' })),
558
- state('out', style({ transform: 'translateX(-100%)' })),
559
- transition('in => out', [
560
- animate('500ms ease-in')
561
- ]),
562
- transition('out => in', [
563
- style({ transform: 'translateX(100%)' }),
564
- animate('500ms ease-in')
565
- ]),
566
- ]),
567
- ], standalone: true, imports: [NgFor], 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"] }]
568
- }], null, { container: [{
569
- type: ViewChild,
570
- args: ['container', { static: true }]
571
- }], height: [{
572
- type: Input
573
- }], autoPlay: [{
574
- type: Input
575
- }], images: [{
576
- type: Input
577
- }] }); })();
578
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib\\cauca-slideshow\\cauca-slideshow.component.ts", lineNumber: 36 }); })();
579
-
580
- const _c0$5 = ["file"];
581
- function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
582
- i0.ɵɵelementStart(0, "mat-icon");
583
- i0.ɵɵtext(1);
584
- i0.ɵɵelementEnd();
585
- } if (rf & 2) {
586
- const ctx_r1 = i0.ɵɵnextContext();
587
- i0.ɵɵadvance();
588
- i0.ɵɵtextInterpolate(ctx_r1.icon);
589
- } }
590
- function CaucaInputFileComponent_span_2_Template(rf, ctx) { if (rf & 1) {
591
- i0.ɵɵelementStart(0, "span");
592
- i0.ɵɵtext(1);
593
- i0.ɵɵelementEnd();
594
- } if (rf & 2) {
595
- const ctx_r1 = i0.ɵɵnextContext();
596
- i0.ɵɵadvance();
597
- i0.ɵɵtextInterpolate(ctx_r1.text);
598
- } }
599
- function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
600
- const _r3 = i0.ɵɵgetCurrentView();
601
- i0.ɵɵelementContainerStart(0);
602
- i0.ɵɵelementStart(1, "input", 5, 1);
603
- i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
604
- i0.ɵɵelementEnd();
605
- i0.ɵɵelementContainerEnd();
606
- } if (rf & 2) {
607
- const ctx_r1 = i0.ɵɵnextContext();
608
- i0.ɵɵadvance();
609
- i0.ɵɵproperty("accept", ctx_r1.accept);
610
- } }
611
- function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
612
- const _r4 = i0.ɵɵgetCurrentView();
613
- i0.ɵɵelementStart(0, "input", 6, 1);
614
- i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
615
- i0.ɵɵelementEnd();
616
- } if (rf & 2) {
617
- const ctx_r1 = i0.ɵɵnextContext();
618
- i0.ɵɵproperty("accept", ctx_r1.accept);
619
- } }
620
- class CaucaInputFileComponent {
621
- constructor(translateService, dialog) {
622
- this.translateService = translateService;
623
- this.dialog = dialog;
624
- this.readend = new EventEmitter();
625
- this.accept = '';
626
- this.multiple = false;
627
- this.icon = '';
628
- this.text = '';
629
- this.labels = {};
630
- }
631
- ngOnInit() {
632
- if (!this.icon && !this.text) {
633
- this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
634
- this.labels = labels;
635
- this.text = labels['material.select'];
636
- });
637
- }
638
- }
639
- onSelectFile(e) {
640
- for (let i = 0, j = e.target.files.length; i < j; i++) {
641
- const file = e.target.files[i];
642
- const reader = new FileReader();
643
- reader.onerror = ((error) => this.onError(error));
644
- reader.onload = ((event) => this.onReadEnd(file, event));
645
- reader.readAsDataURL(file);
646
- }
647
- if (e.target.files.length) {
648
- this.dialog.open(CaucaSimpleDialogComponent, {
649
- width: '250px',
650
- disableClose: true,
651
- data: {
652
- title: this.labels['material.dialogTitle'],
653
- message: this.labels['material.dialogMessage']
654
- }
655
- });
656
- }
657
- }
658
- openDialog(event) {
659
- if (this.file) {
660
- this.file.nativeElement.click();
661
- }
662
- event.stopPropagation();
663
- }
664
- onError(error) {
665
- throw error;
666
- }
667
- onReadEnd(file, e) {
668
- this.dialog.closeAll();
669
- this.readend.emit({
670
- name: file.name,
671
- size: file.size,
672
- type: file.type,
673
- lastModifiedDate: file.lastModifiedDate,
674
- content: e.target['result'],
675
- file,
676
- });
677
- }
678
- static { this.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$3.TranslateService), i0.ɵɵdirectiveInject(i1$2.MatDialog)); }; }
679
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
680
- i0.ɵɵviewQuery(_c0$5, 5);
681
- } if (rf & 2) {
682
- let _t;
683
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
684
- } }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 4, consts: [["notMultipleInput", ""], ["file", ""], ["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
685
- const _r1 = i0.ɵɵgetCurrentView();
686
- i0.ɵɵelementStart(0, "button", 2);
687
- i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openDialog($event)); });
688
- i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 3)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 3);
689
- i0.ɵɵelementEnd();
690
- i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 4)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
691
- } if (rf & 2) {
692
- const notMultipleInput_r5 = i0.ɵɵreference(5);
693
- i0.ɵɵadvance();
694
- i0.ɵɵproperty("ngIf", ctx.icon);
695
- i0.ɵɵadvance();
696
- i0.ɵɵproperty("ngIf", ctx.text);
697
- i0.ɵɵadvance();
698
- i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
699
- } }, dependencies: [MatIconModule, i1$1.MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
700
- }
701
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
702
- type: Component,
703
- args: [{ standalone: true, imports: [MatIconModule], 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"] }]
704
- }], () => [{ type: i1$3.TranslateService }, { type: i1$2.MatDialog }], { file: [{
705
- type: ViewChild,
706
- args: ['file', { static: false }]
707
- }], readend: [{
708
- type: Output
709
- }], accept: [{
710
- type: Input
711
- }], multiple: [{
712
- type: Input
713
- }], icon: [{
714
- type: Input
715
- }], text: [{
716
- type: Input
717
- }] }); })();
718
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib\\inputs\\cauca-input-file\\cauca-input-file.component.ts", lineNumber: 14 }); })();
719
-
720
- function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) { if (rf & 1) {
721
- i0.ɵɵelementStart(0, "mat-error");
722
- i0.ɵɵtext(1);
723
- i0.ɵɵpipe(2, "translate");
724
- i0.ɵɵelementEnd();
725
- } if (rf & 2) {
726
- const i_r1 = i0.ɵɵnextContext().index;
727
- const ctx_r1 = i0.ɵɵnextContext();
728
- i0.ɵɵadvance();
729
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(i_r1)));
730
- } }
731
- function CaucaInputMultipleLangueComponent_mat_tab_1_Template(rf, ctx) { if (rf & 1) {
732
- i0.ɵɵelementStart(0, "mat-tab", 2)(1, "mat-form-field", 3);
733
- i0.ɵɵelement(2, "input", 4);
734
- i0.ɵɵtemplate(3, CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template, 3, 3, "mat-error", 5);
735
- i0.ɵɵelementEnd()();
736
- } if (rf & 2) {
737
- const lang_r3 = ctx.$implicit;
738
- const i_r1 = ctx.index;
739
- const ctx_r1 = i0.ɵɵnextContext();
740
- i0.ɵɵproperty("label", lang_r3);
741
- i0.ɵɵadvance(2);
742
- i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[i_r1]);
743
- i0.ɵɵadvance();
744
- i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].invalid);
745
- } }
746
- class CaucaInputMultipleLangueComponent {
747
- constructor(coreService, translate) {
748
- this.translate = translate;
749
- this.value = [];
750
- this.forms = [];
751
- this.labels = [];
752
- this.selectedIndex = 0;
753
- this.config = coreService.getConfig();
754
- }
755
- ngOnInit() {
756
- this.translate.get(this.config.languages).subscribe((labels) => {
757
- for (const i in labels) {
758
- if (labels[i]) {
759
- this.labels.push(labels[i]);
760
- }
761
- }
762
- this.initializeForms();
763
- });
764
- }
765
- onTagChanged(tabIndex) {
766
- console.log('cauca-material, onTabChanged', tabIndex);
767
- }
768
- getErrorMessage(index) {
769
- return this.forms[index].hasError('required') ? 'error.required' : '';
770
- }
771
- initializeForms() {
772
- this.labels.forEach((item, index) => {
773
- this.forms[index] = new UntypedFormControl('', [Validators.required]);
774
- this.forms[index].setValue(this.value[index] || '');
775
- });
776
- }
777
- static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$3.CaucaCoreService), i0.ɵɵdirectiveInject(i1$3.TranslateService)); }; }
778
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [[3, "selectedIndexChange", "selectedIndex"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"], [4, "ngIf"]], template: function CaucaInputMultipleLangueComponent_Template(rf, ctx) { if (rf & 1) {
779
- i0.ɵɵelementStart(0, "mat-tab-group", 0);
780
- i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
781
- i0.ɵɵtemplate(1, CaucaInputMultipleLangueComponent_mat_tab_1_Template, 4, 4, "mat-tab", 1);
782
- i0.ɵɵelementEnd();
783
- } if (rf & 2) {
784
- i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
785
- i0.ɵɵadvance();
786
- i0.ɵɵproperty("ngForOf", ctx.labels);
787
- } }, dependencies: [MatTabsModule, i2$2.MatTab, i2$2.MatTabGroup, MatFormFieldModule, i2$3.MatFormField, i2$3.MatError, MatInputModule, i4.MatInput, NgIf,
788
- ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective, TranslateModule, i2.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
789
- }
790
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
791
- type: Component,
792
- args: [{ standalone: true, imports: [
793
- MatTabsModule,
794
- MatFormFieldModule,
795
- MatInputModule,
796
- NgIf,
797
- ReactiveFormsModule,
798
- TranslateModule
799
- ], 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"] }]
800
- }], () => [{ type: i1$3.CaucaCoreService }, { type: i1$3.TranslateService }], { value: [{
801
- type: Input
802
- }] }); })();
803
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib\\inputs\\cauca-input-multiple-langue\\cauca-input-multiple-langue.component.ts", lineNumber: 24 }); })();
804
-
805
- class CaucaMaterialModule {
806
- static { this.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); }; }
807
- static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule }); }
808
- static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CaucaInputFileComponent,
809
- CaucaMaterialComponent,
810
- CaucaInputMultipleLangueComponent,
811
- CaucaMenuSidebarComponent,
812
- CaucaMenuVerticalComponent,
813
- CaucaSimpleDialogComponent] }); }
814
- }
815
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
816
- type: NgModule,
817
- args: [{
818
- imports: [
819
- CaucaInputFileComponent,
820
- CaucaMaterialComponent,
821
- CaucaInputMultipleLangueComponent,
822
- CaucaMenuSidebarComponent,
823
- CaucaMenuVerticalComponent,
824
- CaucaSimpleDialogComponent,
825
- CaucaSlideshowComponent,
826
- ],
827
- exports: [
828
- CaucaMaterialComponent,
829
- CaucaInputFileComponent,
830
- CaucaInputMultipleLangueComponent,
831
- CaucaMenuSidebarComponent,
832
- CaucaMenuVerticalComponent,
833
- CaucaSimpleDialogComponent,
834
- CaucaSlideshowComponent,
835
- ],
836
- }]
837
- }], null, null); })();
838
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { imports: [CaucaInputFileComponent,
839
- CaucaMaterialComponent,
840
- CaucaInputMultipleLangueComponent,
841
- CaucaMenuSidebarComponent,
842
- CaucaMenuVerticalComponent,
843
- CaucaSimpleDialogComponent,
844
- CaucaSlideshowComponent], exports: [CaucaMaterialComponent,
845
- CaucaInputFileComponent,
846
- CaucaInputMultipleLangueComponent,
847
- CaucaMenuSidebarComponent,
848
- CaucaMenuVerticalComponent,
849
- CaucaSimpleDialogComponent,
850
- CaucaSlideshowComponent] }); })();
851
-
852
- class BaseButton {
853
- constructor() {
854
- this.color = input(undefined);
855
- this.icon = input();
856
- this.iconAlignment = input('left');
857
- this.isDisabled = input(false);
858
- this.isInProgress = input(false);
859
- this.showIcon = computed(() => !!this.icon() || this.isInProgress());
860
- this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
861
- this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
862
- this.buttonClick = output();
863
- }
864
- static { this.ɵfac = function BaseButton_Factory(t) { return new (t || BaseButton)(); }; }
865
- static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
866
- }
867
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
868
- type: Directive
869
- }], null, null); })();
870
- class BaseButtonWithLabel extends BaseButton {
871
- constructor() {
872
- super(...arguments);
873
- this.translateLabel = input(true);
874
- this.label = input();
875
- }
876
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(t) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(t || BaseButtonWithLabel); }; })(); }
877
- static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
878
- }
879
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
880
- type: Directive
881
- }], null, null); })();
882
-
883
- function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
884
- i0.ɵɵelementStart(0, "mat-icon");
885
- i0.ɵɵtext(1);
886
- i0.ɵɵelementEnd();
887
- } if (rf & 2) {
888
- const ctx_r0 = i0.ɵɵnextContext();
889
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
890
- i0.ɵɵadvance();
891
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
892
- } }
893
- function BasicButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
894
- i0.ɵɵtext(0);
895
- i0.ɵɵpipe(1, "translate");
896
- } if (rf & 2) {
897
- const ctx_r0 = i0.ɵɵnextContext();
898
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
899
- } }
900
- function BasicButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
901
- i0.ɵɵtext(0);
902
- } if (rf & 2) {
903
- const ctx_r0 = i0.ɵɵnextContext();
904
- i0.ɵɵtextInterpolate(ctx_r0.label());
905
- } }
906
- function BasicButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
907
- i0.ɵɵelementStart(0, "mat-icon");
908
- i0.ɵɵtext(1);
909
- i0.ɵɵelementEnd();
910
- } if (rf & 2) {
911
- const ctx_r0 = i0.ɵɵnextContext();
912
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
913
- i0.ɵɵadvance();
914
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
915
- } }
916
- class BasicButtonComponent extends BaseButtonWithLabel {
917
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasicButtonComponent_BaseFactory; return function BasicButtonComponent_Factory(t) { return (ɵBasicButtonComponent_BaseFactory || (ɵBasicButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasicButtonComponent)))(t || BasicButtonComponent); }; })(); }
918
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["app-basic-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function BasicButtonComponent_Template(rf, ctx) { if (rf & 1) {
919
- i0.ɵɵelementStart(0, "button", 0);
920
- i0.ɵɵlistener("click", function BasicButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
921
- i0.ɵɵtemplate(1, BasicButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, BasicButtonComponent_Conditional_2_Template, 2, 3)(3, BasicButtonComponent_Conditional_3_Template, 1, 1)(4, BasicButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
922
- i0.ɵɵelementEnd();
923
- } if (rf & 2) {
924
- i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
925
- i0.ɵɵadvance();
926
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
927
- i0.ɵɵadvance();
928
- i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
929
- i0.ɵɵadvance(2);
930
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
931
- } }, dependencies: [MatIcon, MatButton, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
932
- }
933
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasicButtonComponent, [{
934
- type: Component,
935
- args: [{ selector: 'app-basic-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, MatIcon, MatButton, TranslateModule], template: "<button mat-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
936
- }], null, null); })();
937
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib\\buttons\\basic-button\\basic-button.component.ts", lineNumber: 16 }); })();
938
-
939
- function FlatButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
940
- i0.ɵɵelementStart(0, "mat-icon");
941
- i0.ɵɵtext(1);
942
- i0.ɵɵelementEnd();
943
- } if (rf & 2) {
944
- const ctx_r0 = i0.ɵɵnextContext();
945
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
946
- i0.ɵɵadvance();
947
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
948
- } }
949
- function FlatButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
950
- i0.ɵɵtext(0);
951
- i0.ɵɵpipe(1, "translate");
952
- } if (rf & 2) {
953
- const ctx_r0 = i0.ɵɵnextContext();
954
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
955
- } }
956
- function FlatButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
957
- i0.ɵɵtext(0);
958
- } if (rf & 2) {
959
- const ctx_r0 = i0.ɵɵnextContext();
960
- i0.ɵɵtextInterpolate(ctx_r0.label());
961
- } }
962
- function FlatButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
963
- i0.ɵɵelementStart(0, "mat-icon");
964
- i0.ɵɵtext(1);
965
- i0.ɵɵelementEnd();
966
- } if (rf & 2) {
967
- const ctx_r0 = i0.ɵɵnextContext();
968
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
969
- i0.ɵɵadvance();
970
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
971
- } }
972
- class FlatButtonComponent extends BaseButtonWithLabel {
973
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFlatButtonComponent_BaseFactory; return function FlatButtonComponent_Factory(t) { return (ɵFlatButtonComponent_BaseFactory || (ɵFlatButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FlatButtonComponent)))(t || FlatButtonComponent); }; })(); }
974
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["app-flat-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-flat-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function FlatButtonComponent_Template(rf, ctx) { if (rf & 1) {
975
- i0.ɵɵelementStart(0, "button", 0);
976
- i0.ɵɵlistener("click", function FlatButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
977
- i0.ɵɵtemplate(1, FlatButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, FlatButtonComponent_Conditional_2_Template, 2, 3)(3, FlatButtonComponent_Conditional_3_Template, 1, 1)(4, FlatButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
978
- i0.ɵɵelementEnd();
979
- } if (rf & 2) {
980
- i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
981
- i0.ɵɵadvance();
982
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
983
- i0.ɵɵadvance();
984
- i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
985
- i0.ɵɵadvance(2);
986
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
987
- } }, dependencies: [MatIcon, MatButton, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
988
- }
989
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlatButtonComponent, [{
990
- type: Component,
991
- args: [{ selector: 'app-flat-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, MatIcon, MatButton, TranslateModule], template: "<button mat-flat-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit();\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
992
- }], null, null); })();
993
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib\\buttons\\flat-button\\flat-button.component.ts", lineNumber: 16 }); })();
994
-
995
- function StrokedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
996
- i0.ɵɵelementStart(0, "mat-icon");
997
- i0.ɵɵtext(1);
998
- i0.ɵɵelementEnd();
999
- } if (rf & 2) {
1000
- const ctx_r0 = i0.ɵɵnextContext();
1001
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1002
- i0.ɵɵadvance();
1003
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1004
- } }
1005
- function StrokedButtonComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
1006
- i0.ɵɵtext(0);
1007
- i0.ɵɵpipe(1, "translate");
1008
- } if (rf & 2) {
1009
- const ctx_r0 = i0.ɵɵnextContext(2);
1010
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1011
- } }
1012
- function StrokedButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1013
- i0.ɵɵtext(0);
1014
- } if (rf & 2) {
1015
- const ctx_r0 = i0.ɵɵnextContext(2);
1016
- i0.ɵɵtextInterpolate(ctx_r0.label());
1017
- } }
1018
- function StrokedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1019
- i0.ɵɵtemplate(0, StrokedButtonComponent_Conditional_2_Conditional_0_Template, 2, 3)(1, StrokedButtonComponent_Conditional_2_Conditional_1_Template, 1, 1);
1020
- } if (rf & 2) {
1021
- const ctx_r0 = i0.ɵɵnextContext();
1022
- i0.ɵɵconditional(ctx_r0.translateLabel() ? 0 : 1);
1023
- } }
1024
- function StrokedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1025
- i0.ɵɵelementStart(0, "mat-icon");
1026
- i0.ɵɵtext(1);
1027
- i0.ɵɵelementEnd();
1028
- } if (rf & 2) {
1029
- const ctx_r0 = i0.ɵɵnextContext();
1030
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1031
- i0.ɵɵadvance();
1032
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1033
- } }
1034
- class StrokedButtonComponent extends BaseButtonWithLabel {
1035
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStrokedButtonComponent_BaseFactory; return function StrokedButtonComponent_Factory(t) { return (ɵStrokedButtonComponent_BaseFactory || (ɵStrokedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StrokedButtonComponent)))(t || StrokedButtonComponent); }; })(); }
1036
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["app-stroked-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 4, vars: 7, consts: [["mat-stroked-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function StrokedButtonComponent_Template(rf, ctx) { if (rf & 1) {
1037
- i0.ɵɵelementStart(0, "button", 0);
1038
- i0.ɵɵlistener("click", function StrokedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1039
- i0.ɵɵtemplate(1, StrokedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, StrokedButtonComponent_Conditional_2_Template, 2, 1)(3, StrokedButtonComponent_Conditional_3_Template, 2, 3, "mat-icon", 1);
1040
- i0.ɵɵelementEnd();
1041
- } if (rf & 2) {
1042
- i0.ɵɵclassProp("icon-only", !ctx.label());
1043
- i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
1044
- i0.ɵɵadvance();
1045
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1046
- i0.ɵɵadvance();
1047
- i0.ɵɵconditional(ctx.label() ? 2 : -1);
1048
- i0.ɵɵadvance();
1049
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 3 : -1);
1050
- } }, dependencies: [MatButton, MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}.icon-only[_ngcontent-%COMP%]{width:36px;height:36px;min-width:38px;padding:0}.icon-only[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{margin:0}"], changeDetection: 0 }); }
1051
- }
1052
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
1053
- type: Component,
1054
- args: [{ selector: 'app-stroked-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-stroked-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\" [class.icon-only]=\"!label()\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (label()) { @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}} }\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.icon-only{width:36px;height:36px;min-width:38px;padding:0}.icon-only mat-icon{margin:0}\n"] }]
1055
- }], null, null); })();
1056
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib\\buttons\\stroked-button\\stroked-button.component.ts", lineNumber: 15 }); })();
1057
-
1058
- function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1059
- i0.ɵɵelementStart(0, "mat-icon");
1060
- i0.ɵɵtext(1);
1061
- i0.ɵɵelementEnd();
1062
- } if (rf & 2) {
1063
- const ctx_r0 = i0.ɵɵnextContext();
1064
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress);
1065
- i0.ɵɵadvance();
1066
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1067
- } }
1068
- function RaisedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1069
- i0.ɵɵtext(0);
1070
- i0.ɵɵpipe(1, "translate");
1071
- } if (rf & 2) {
1072
- const ctx_r0 = i0.ɵɵnextContext();
1073
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1074
- } }
1075
- function RaisedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1076
- i0.ɵɵtext(0);
1077
- } if (rf & 2) {
1078
- const ctx_r0 = i0.ɵɵnextContext();
1079
- i0.ɵɵtextInterpolate(ctx_r0.label());
1080
- } }
1081
- function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1082
- i0.ɵɵelementStart(0, "mat-icon");
1083
- i0.ɵɵtext(1);
1084
- i0.ɵɵelementEnd();
1085
- } if (rf & 2) {
1086
- const ctx_r0 = i0.ɵɵnextContext();
1087
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress);
1088
- i0.ɵɵadvance();
1089
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1090
- } }
1091
- class RaisedButtonComponent {
1092
- constructor() {
1093
- this.translateLabel = input(true);
1094
- this.label = input();
1095
- this.color = input(undefined);
1096
- this.icon = input();
1097
- this.iconAlignment = input('left');
1098
- this.isDisabled = input(false);
1099
- this.isInProgress = false;
1100
- this.showIcon = computed(() => !!this.icon() || this.isInProgress);
1101
- this.iconToShow = computed(() => this.isInProgress ? 'update' : this.icon());
1102
- this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress);
1103
- this.buttonClick = output();
1104
- }
1105
- static { this.ɵfac = function RaisedButtonComponent_Factory(t) { return new (t || RaisedButtonComponent)(); }; }
1106
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: "isInProgress" }, outputs: { buttonClick: "buttonClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
1107
- i0.ɵɵelementStart(0, "button", 0);
1108
- i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1109
- i0.ɵɵtemplate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1)(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
1110
- i0.ɵɵelementEnd();
1111
- } if (rf & 2) {
1112
- i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
1113
- i0.ɵɵadvance();
1114
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1115
- i0.ɵɵadvance();
1116
- i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
1117
- i0.ɵɵadvance(2);
1118
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
1119
- } }, dependencies: [MatButton, MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
1120
- }
1121
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
1122
- type: Component,
1123
- args: [{ selector: 'app-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-raised-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if (showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if (showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
1124
- }], null, { isInProgress: [{
1125
- type: Input
1126
- }] }); })();
1127
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber: 14 }); })();
1128
-
1129
- class IconButtonComponent extends BaseButton {
1130
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(t) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(t || IconButtonComponent); }; })(); }
1131
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-icon-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
1132
- i0.ɵɵelementStart(0, "button", 0);
1133
- i0.ɵɵlistener("click", function IconButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1134
- i0.ɵɵelementStart(1, "mat-icon");
1135
- i0.ɵɵtext(2);
1136
- i0.ɵɵelementEnd()();
1137
- } if (rf & 2) {
1138
- i0.ɵɵproperty("disabled", ctx.buttonDisabled());
1139
- i0.ɵɵadvance();
1140
- i0.ɵɵstyleProp("color", ctx.color());
1141
- i0.ɵɵclassProp("button-spin", ctx.isInProgress());
1142
- i0.ɵɵadvance();
1143
- i0.ɵɵtextInterpolate(ctx.iconToShow());
1144
- } }, dependencies: [MatIconButton, MatIcon], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}.mat-mdc-button-disabled[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{color:#12101461}"], changeDetection: 0 }); }
1145
- }
1146
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconButtonComponent, [{
1147
- type: Component,
1148
- args: [{ selector: 'app-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n <mat-icon [style.color]=\"color()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
1149
- }], null, null); })();
1150
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib\\buttons\\icon-button\\icon-button.component.ts", lineNumber: 14 }); })();
1151
-
1152
- function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1153
- i0.ɵɵelementStart(0, "mat-icon");
1154
- i0.ɵɵtext(1);
1155
- i0.ɵɵelementEnd();
1156
- } if (rf & 2) {
1157
- const ctx_r0 = i0.ɵɵnextContext();
1158
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1159
- i0.ɵɵadvance();
1160
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1161
- } }
1162
- function MenuItemComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1163
- i0.ɵɵtext(0);
1164
- i0.ɵɵpipe(1, "translate");
1165
- } if (rf & 2) {
1166
- const ctx_r0 = i0.ɵɵnextContext();
1167
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1168
- } }
1169
- function MenuItemComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1170
- i0.ɵɵtext(0);
1171
- } if (rf & 2) {
1172
- const ctx_r0 = i0.ɵɵnextContext();
1173
- i0.ɵɵtextInterpolate(ctx_r0.label());
1174
- } }
1175
- function MenuItemComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1176
- i0.ɵɵelementStart(0, "mat-icon");
1177
- i0.ɵɵtext(1);
1178
- i0.ɵɵelementEnd();
1179
- } if (rf & 2) {
1180
- const ctx_r0 = i0.ɵɵnextContext();
1181
- i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1182
- i0.ɵɵadvance();
1183
- i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1184
- } }
1185
- class MenuItemComponent extends BaseButtonWithLabel {
1186
- constructor() {
1187
- super(...arguments);
1188
- this.translateLabel = input(false);
1189
- this.trigger = input();
1190
- }
1191
- static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(t) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(t || MenuItemComponent); }; })(); }
1192
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["app-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"] }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-menu-item", "", 1, "change-password-menu-item", 3, "click", "matMenuTriggerFor", "disabled"], [3, "button-spin"]], template: function MenuItemComponent_Template(rf, ctx) { if (rf & 1) {
1193
- i0.ɵɵelementStart(0, "button", 0);
1194
- i0.ɵɵlistener("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1195
- i0.ɵɵtemplate(1, MenuItemComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, MenuItemComponent_Conditional_2_Template, 2, 3)(3, MenuItemComponent_Conditional_3_Template, 1, 1)(4, MenuItemComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
1196
- i0.ɵɵelementEnd();
1197
- } if (rf & 2) {
1198
- i0.ɵɵproperty("matMenuTriggerFor", ctx.trigger())("disabled", ctx.buttonDisabled());
1199
- i0.ɵɵadvance();
1200
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1201
- i0.ɵɵadvance();
1202
- i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
1203
- i0.ɵɵadvance(2);
1204
- i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
1205
- } }, dependencies: [MatMenuItem, TranslateModule, i2.TranslatePipe, MatIcon, MatMenuTrigger], changeDetection: 0 }); }
1206
- }
1207
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
1208
- type: Component,
1209
- args: [{ selector: 'app-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger], template: "<button mat-menu-item class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>" }]
1210
- }], null, null); })();
1211
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib\\buttons\\menu-item\\menu-item.component.ts", lineNumber: 15 }); })();
1212
-
1213
- const _c0$4 = ["*"];
1214
- const DEFAULT_DURATION$1 = 500;
1215
- class ExpandablePanelComponent {
1216
- constructor() {
1217
- this.isCollapsed = model(false);
1218
- this.title = input('');
1219
- this.subTitle = input('');
1220
- }
1221
- changeState() {
1222
- this.isCollapsed.update(value => !value);
1223
- }
1224
- static { this.ɵfac = function ExpandablePanelComponent_Factory(t) { return new (t || ExpandablePanelComponent)(); }; }
1225
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["app-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], title: [1, "title"], subTitle: [1, "subTitle"] }, outputs: { isCollapsed: "isCollapsedChange" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$4, decls: 11, vars: 4, consts: [[1, "expansion-button", 3, "click"], [1, "primary"], [1, "body2"], [1, "expansion-panel"]], template: function ExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
1226
- i0.ɵɵprojectionDef();
1227
- i0.ɵɵelementStart(0, "section")(1, "div", 0);
1228
- i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
1229
- i0.ɵɵelementStart(2, "mat-icon");
1230
- i0.ɵɵtext(3, "expand_less");
1231
- i0.ɵɵelementEnd();
1232
- i0.ɵɵelementStart(4, "div")(5, "div", 1);
1233
- i0.ɵɵtext(6);
1234
- i0.ɵɵelementEnd();
1235
- i0.ɵɵelementStart(7, "div", 2);
1236
- i0.ɵɵtext(8);
1237
- i0.ɵɵelementEnd()()();
1238
- i0.ɵɵelementStart(9, "div", 3);
1239
- i0.ɵɵprojection(10);
1240
- i0.ɵɵelementEnd()();
1241
- } if (rf & 2) {
1242
- i0.ɵɵadvance(2);
1243
- i0.ɵɵproperty("@arrow-collapse", ctx.isCollapsed());
1244
- i0.ɵɵadvance(4);
1245
- i0.ɵɵtextInterpolate(ctx.title());
1246
- i0.ɵɵadvance(2);
1247
- i0.ɵɵtextInterpolate(ctx.subTitle());
1248
- i0.ɵɵadvance();
1249
- i0.ɵɵproperty("@collapse", ctx.isCollapsed());
1250
- } }, dependencies: [MatIcon], styles: ["section[_ngcontent-%COMP%]{display:flex;padding:16px 0}.primary[_ngcontent-%COMP%]{font-weight:600}.body2[_ngcontent-%COMP%]{width:fit-content;white-space:nowrap}.expansion-button[_ngcontent-%COMP%]{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel[_ngcontent-%COMP%]{overflow:hidden;flex:1}"], data: { animation: [
1251
- trigger('collapse', [
1252
- state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
1253
- state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
1254
- transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
1255
- transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
1256
- ]),
1257
- trigger('arrow-collapse', [
1258
- state('false', style({ transform: 'rotate(0deg)' })),
1259
- state('true', style({ transform: 'rotate(180deg)' })),
1260
- transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
1261
- transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
1262
- ])
1263
- ] }, changeDetection: 0 }); }
1264
- }
1265
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
1266
- type: Component,
1267
- args: [{ selector: 'app-expandable-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], animations: [
1268
- trigger('collapse', [
1269
- state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
1270
- state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
1271
- transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
1272
- transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
1273
- ]),
1274
- trigger('arrow-collapse', [
1275
- state('false', style({ transform: 'rotate(0deg)' })),
1276
- state('true', style({ transform: 'rotate(180deg)' })),
1277
- transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
1278
- transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
1279
- ])
1280
- ], template: "<section>\r\n <div class=\"expansion-button\" (click)=\"changeState()\">\r\n <mat-icon [@arrow-collapse]=\"isCollapsed()\">expand_less</mat-icon>\r\n <div>\r\n <div class=\"primary\">{{title()}}</div>\r\n <div class=\"body2\">{{subTitle()}}</div>\r\n </div>\r\n </div>\r\n <div class=\"expansion-panel\" [@collapse]=\"isCollapsed()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</section>", styles: ["section{display:flex;padding:16px 0}.primary{font-weight:600}.body2{width:fit-content;white-space:nowrap}.expansion-button{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel{overflow:hidden;flex:1}\n"] }]
1281
- }], null, null); })();
1282
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib\\layout\\expandable-panel\\expandable-panel.component.ts", lineNumber: 29 }); })();
1283
-
1284
- class MenuExpandablePanelItemComponent {
1285
- constructor() {
1286
- this.icon = input();
1287
- this.title = input();
1288
- this.route = input();
1289
- this.isSubItem = input(false);
1290
- this.action = input(null);
1291
- this.router = inject(Router);
1292
- }
1293
- openRoute() {
1294
- if (this.action()) {
1295
- this.action()();
1296
- }
1297
- else {
1298
- this.router.navigate(this.route());
1299
- }
1300
- }
1301
- static { this.ɵfac = function MenuExpandablePanelItemComponent_Factory(t) { return new (t || MenuExpandablePanelItemComponent)(); }; }
1302
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelItemComponent, selectors: [["app-menu-expandable-panel-item"]], inputs: { icon: [1, "icon"], title: [1, "title"], route: [1, "route"], isSubItem: [1, "isSubItem"], action: [1, "action"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 6, consts: [[3, "click"]], template: function MenuExpandablePanelItemComponent_Template(rf, ctx) { if (rf & 1) {
1303
- i0.ɵɵelementStart(0, "section", 0);
1304
- i0.ɵɵlistener("click", function MenuExpandablePanelItemComponent_Template_section_click_0_listener() { return ctx.openRoute(); });
1305
- i0.ɵɵelementStart(1, "mat-icon");
1306
- i0.ɵɵtext(2);
226
+ let _t;
227
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
228
+ } }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls: 6, vars: 4, consts: [["notMultipleInput", ""], ["file", ""], ["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
229
+ const _r1 = i0.ɵɵgetCurrentView();
230
+ i0.ɵɵelementStart(0, "button", 2);
231
+ i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openDialog($event)); });
232
+ i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 3)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 3);
1307
233
  i0.ɵɵelementEnd();
1308
- i0.ɵɵelementStart(3, "div");
1309
- i0.ɵɵtext(4);
1310
- i0.ɵɵpipe(5, "translate");
1311
- i0.ɵɵelementEnd()();
234
+ i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 4)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
1312
235
  } if (rf & 2) {
1313
- i0.ɵɵadvance(2);
1314
- i0.ɵɵtextInterpolate(ctx.icon());
236
+ const notMultipleInput_r5 = i0.ɵɵreference(5);
237
+ i0.ɵɵadvance();
238
+ i0.ɵɵproperty("ngIf", ctx.icon);
1315
239
  i0.ɵɵadvance();
1316
- i0.ɵɵclassMap(ctx.isSubItem() ? "subtitle2" : "subtitle1");
240
+ i0.ɵɵproperty("ngIf", ctx.text);
1317
241
  i0.ɵɵadvance();
1318
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, ctx.title()));
1319
- } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: ["section[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px 24px}"] }); }
242
+ i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
243
+ } }, dependencies: [i2.NgIf, i4.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
1320
244
  }
1321
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
245
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
1322
246
  type: Component,
1323
- args: [{ selector: 'app-menu-expandable-panel-item', standalone: true, imports: [MatIconModule, TranslateModule], template: "<section (click)=\"openRoute()\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n <div [class]=\"isSubItem() ? 'subtitle2' : 'subtitle1'\">{{title() | translate}}</div>\r\n</section>", styles: ["section{display:flex;gap:16px;padding:16px 24px}\n"] }]
1324
- }], null, null); })();
1325
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelItemComponent, { className: "MenuExpandablePanelItemComponent", filePath: "lib\\layout\\menu-expandable-panel-item\\menu-expandable-panel-item.component.ts", lineNumber: 13 }); })();
247
+ 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"] }]
248
+ }], () => [{ type: i1$1.TranslateService }, { type: i1.MatDialog }], { file: [{
249
+ type: ViewChild,
250
+ args: ['file', { static: false }]
251
+ }], readend: [{
252
+ type: Output
253
+ }], accept: [{
254
+ type: Input
255
+ }], multiple: [{
256
+ type: Input
257
+ }], icon: [{
258
+ type: Input
259
+ }], text: [{
260
+ type: Input
261
+ }] }); })();
262
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib\\cauca-input-file\\cauca-input-file.component.ts", lineNumber: 11 }); })();
1326
263
 
1327
- const _forTrack0 = ($index, $item) => $item.title;
1328
- function MenuExpandablePanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
1329
- i0.ɵɵelementStart(0, "div", 2);
264
+ function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) { if (rf & 1) {
265
+ i0.ɵɵelementStart(0, "mat-error");
1330
266
  i0.ɵɵtext(1);
1331
267
  i0.ɵɵpipe(2, "translate");
1332
268
  i0.ɵɵelementEnd();
1333
269
  } if (rf & 2) {
1334
- const ctx_r0 = i0.ɵɵnextContext();
270
+ const i_r1 = i0.ɵɵnextContext().index;
271
+ const ctx_r1 = i0.ɵɵnextContext();
1335
272
  i0.ɵɵadvance();
1336
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.subTitle()));
1337
- } }
1338
- function MenuExpandablePanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
1339
- i0.ɵɵelementStart(0, "mat-icon");
1340
- i0.ɵɵtext(1, "arrow_forward_ios");
1341
- i0.ɵɵelementEnd();
1342
- } if (rf & 2) {
1343
- const ctx_r0 = i0.ɵɵnextContext();
1344
- i0.ɵɵproperty("@arrow-collapse", ctx_r0.opened());
1345
- } }
1346
- function MenuExpandablePanelComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
1347
- i0.ɵɵelement(0, "app-menu-expandable-panel-item", 3);
1348
- } if (rf & 2) {
1349
- const item_r2 = ctx.$implicit;
1350
- i0.ɵɵproperty("icon", item_r2.icon)("title", item_r2.title)("route", item_r2.route)("isSubItem", true)("action", item_r2.action);
273
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(i_r1)));
1351
274
  } }
1352
- function MenuExpandablePanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
1353
- i0.ɵɵrepeaterCreate(0, MenuExpandablePanelComponent_Conditional_9_For_1_Template, 1, 5, "app-menu-expandable-panel-item", 3, _forTrack0);
275
+ function CaucaInputMultipleLangueComponent_mat_tab_1_Template(rf, ctx) { if (rf & 1) {
276
+ i0.ɵɵelementStart(0, "mat-tab", 2)(1, "mat-form-field", 3);
277
+ i0.ɵɵelement(2, "input", 4);
278
+ i0.ɵɵtemplate(3, CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template, 3, 3, "mat-error", 5);
279
+ i0.ɵɵelementEnd()();
1354
280
  } if (rf & 2) {
1355
- const ctx_r0 = i0.ɵɵnextContext();
1356
- i0.ɵɵrepeater(ctx_r0.items());
281
+ const lang_r3 = ctx.$implicit;
282
+ const i_r1 = ctx.index;
283
+ const ctx_r1 = i0.ɵɵnextContext();
284
+ i0.ɵɵproperty("label", lang_r3);
285
+ i0.ɵɵadvance(2);
286
+ i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[i_r1]);
287
+ i0.ɵɵadvance();
288
+ i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].invalid);
1357
289
  } }
1358
- const DEFAULT_DURATION = 200;
1359
- class MenuExpandablePanelComponent {
1360
- constructor() {
1361
- this.title = input();
1362
- this.isSubItem = input(false);
1363
- this.subTitle = input();
1364
- this.menuIcon = input();
1365
- this.showExpansionIcon = input(true);
1366
- this.addTopBorderRadius = input(false);
1367
- this.bottomBorder = input(false);
1368
- this.addBottomBorderRadius = input(false);
1369
- this.route = input([]);
1370
- this.items = input([]);
1371
- this.opened = signal(false);
1372
- this.router = inject(Router);
1373
- }
1374
- get topLeftRadius() {
1375
- return this.addTopBorderRadius() ? '12px' : '0px';
1376
- }
1377
- get topRightRadius() {
1378
- return this.addTopBorderRadius() ? '12px' : '0px';
1379
- }
1380
- get bottomLeftRadius() {
1381
- return this.addBottomBorderRadius() ? '12px' : '0px';
1382
- }
1383
- get bottomRightRadius() {
1384
- return this.addBottomBorderRadius() ? '12px' : '0px';
1385
- }
1386
- get bottomBorderClass() {
1387
- return this.bottomBorder();
1388
- }
1389
- handleClick() {
1390
- if (this.route().length > 0 && this.items().length === 0) {
1391
- this.router.navigate(this.route());
1392
- }
1393
- else {
1394
- this.opened.set(!this.opened());
1395
- }
290
+ class CaucaInputMultipleLangueComponent {
291
+ constructor(coreService, translate) {
292
+ this.translate = translate;
293
+ this.value = [];
294
+ this.forms = [];
295
+ this.labels = [];
296
+ this.selectedIndex = 0;
297
+ this.config = coreService.getConfig();
1396
298
  }
1397
- static { this.ɵfac = function MenuExpandablePanelComponent_Factory(t) { return new (t || MenuExpandablePanelComponent)(); }; }
1398
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelComponent, selectors: [["app-menu-expandable-panel"]], hostVars: 10, hostBindings: function MenuExpandablePanelComponent_HostBindings(rf, ctx) { if (rf & 2) {
1399
- i0.ɵɵstyleProp("border-top-left-radius", ctx.topLeftRadius)("border-top-right-radius", ctx.topRightRadius)("border-bottom-left-radius", ctx.bottomLeftRadius)("border-bottom-right-radius", ctx.bottomRightRadius);
1400
- i0.ɵɵclassProp("bottom-border", ctx.bottomBorderClass);
1401
- } }, inputs: { title: [1, "title"], isSubItem: [1, "isSubItem"], subTitle: [1, "subTitle"], menuIcon: [1, "menuIcon"], showExpansionIcon: [1, "showExpansionIcon"], addTopBorderRadius: [1, "addTopBorderRadius"], bottomBorder: [1, "bottomBorder"], addBottomBorderRadius: [1, "addBottomBorderRadius"], route: [1, "route"], items: [1, "items"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 10, vars: 8, consts: [[3, "click", "ngClass"], [1, "subtitle1"], [1, "body2"], [3, "icon", "title", "route", "isSubItem", "action"]], template: function MenuExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
1402
- i0.ɵɵelementStart(0, "section", 0);
1403
- i0.ɵɵlistener("click", function MenuExpandablePanelComponent_Template_section_click_0_listener() { return ctx.handleClick(); });
1404
- i0.ɵɵelementStart(1, "mat-icon");
1405
- i0.ɵɵtext(2);
1406
- i0.ɵɵelementEnd();
1407
- i0.ɵɵelementStart(3, "div")(4, "div", 1);
1408
- i0.ɵɵtext(5);
1409
- i0.ɵɵpipe(6, "translate");
1410
- i0.ɵɵelementEnd();
1411
- i0.ɵɵtemplate(7, MenuExpandablePanelComponent_Conditional_7_Template, 3, 3, "div", 2);
1412
- i0.ɵɵelementEnd();
1413
- i0.ɵɵtemplate(8, MenuExpandablePanelComponent_Conditional_8_Template, 2, 1, "mat-icon");
299
+ ngOnInit() {
300
+ this.translate.get(this.config.languages).subscribe((labels) => {
301
+ for (const i in labels) {
302
+ if (labels[i]) {
303
+ this.labels.push(labels[i]);
304
+ }
305
+ }
306
+ this.initializeForms();
307
+ });
308
+ }
309
+ onTagChanged(tabIndex) {
310
+ console.log('cauca-material, onTabChanged', tabIndex);
311
+ }
312
+ getErrorMessage(index) {
313
+ return this.forms[index].hasError('required') ? 'error.required' : '';
314
+ }
315
+ initializeForms() {
316
+ this.labels.forEach((item, index) => {
317
+ this.forms[index] = new UntypedFormControl('', [Validators.required]);
318
+ this.forms[index].setValue(this.value[index] || '');
319
+ });
320
+ }
321
+ static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$1.CaucaCoreService), i0.ɵɵdirectiveInject(i1$1.TranslateService)); }; }
322
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls: 2, vars: 2, consts: [[3, "selectedIndexChange", "selectedIndex"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"], [4, "ngIf"]], template: function CaucaInputMultipleLangueComponent_Template(rf, ctx) { if (rf & 1) {
323
+ i0.ɵɵelementStart(0, "mat-tab-group", 0);
324
+ i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
325
+ i0.ɵɵtemplate(1, CaucaInputMultipleLangueComponent_mat_tab_1_Template, 4, 4, "mat-tab", 1);
1414
326
  i0.ɵɵelementEnd();
1415
- i0.ɵɵtemplate(9, MenuExpandablePanelComponent_Conditional_9_Template, 2, 0);
1416
327
  } if (rf & 2) {
1417
- i0.ɵɵproperty("ngClass", ctx.opened() ? "bottom-padding" : "");
1418
- i0.ɵɵadvance(2);
1419
- i0.ɵɵtextInterpolate(ctx.menuIcon());
1420
- i0.ɵɵadvance(3);
1421
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, ctx.title()));
1422
- i0.ɵɵadvance(2);
1423
- i0.ɵɵconditional(ctx.subTitle() ? 7 : -1);
1424
- i0.ɵɵadvance();
1425
- i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
328
+ i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
1426
329
  i0.ɵɵadvance();
1427
- i0.ɵɵconditional(ctx.opened() ? 9 : -1);
1428
- } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe, MenuExpandablePanelItemComponent, NgClass], styles: ["[_nghost-%COMP%]{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section[_ngcontent-%COMP%]{display:flex;gap:16px;align-items:center}section.bottom-padding[_ngcontent-%COMP%]{padding-bottom:10px}div[_ngcontent-%COMP%]{flex:1}"], data: { animation: [
1429
- trigger('arrow-collapse', [
1430
- state('false', style({ transform: 'rotate(0deg)' })),
1431
- state('true', style({ transform: 'rotate(-90deg)' })),
1432
- transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
1433
- transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
1434
- ])
1435
- ] } }); }
330
+ i0.ɵɵproperty("ngForOf", ctx.labels);
331
+ } }, dependencies: [i2.NgForOf, i2.NgIf, i3$1.DefaultValueAccessor, i3$1.NgControlStatus, i3$1.RequiredValidator, i3$1.FormControlDirective, i7.MatFormField, i7.MatError, i5$1.MatInput, i6.MatTab, i6.MatTabGroup, i3.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
1436
332
  }
1437
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelComponent, [{
333
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
1438
334
  type: Component,
1439
- args: [{ selector: 'app-menu-expandable-panel', standalone: true, imports: [MatIconModule, TranslateModule, MenuExpandablePanelItemComponent, NgClass], animations: [
1440
- trigger('arrow-collapse', [
1441
- state('false', style({ transform: 'rotate(0deg)' })),
1442
- state('true', style({ transform: 'rotate(-90deg)' })),
1443
- transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
1444
- transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
1445
- ])
1446
- ], template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n <mat-icon>{{menuIcon()}}</mat-icon>\r\n <div>\r\n <div class=\"subtitle1\">{{title() | translate}}</div>\r\n @if(subTitle()) {<div class=\"body2\">{{subTitle() | translate}}</div>}\r\n </div>\r\n @if (showExpansionIcon()) {<mat-icon [@arrow-collapse]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n @for (item of items(); track item.title) {\r\n <app-menu-expandable-panel-item [icon]=\"item.icon\" [title]=\"item.title\" [route]=\"item.route\" [isSubItem]=\"true\" [action]=\"item.action\" />\r\n }\r\n}", styles: [":host{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section{display:flex;gap:16px;align-items:center}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
1447
- }], null, { topLeftRadius: [{
1448
- type: HostBinding,
1449
- args: ['style.border-top-left-radius']
1450
- }], topRightRadius: [{
1451
- type: HostBinding,
1452
- args: ['style.border-top-right-radius']
1453
- }], bottomLeftRadius: [{
1454
- type: HostBinding,
1455
- args: ['style.border-bottom-left-radius']
1456
- }], bottomRightRadius: [{
1457
- type: HostBinding,
1458
- args: ['style.border-bottom-right-radius']
1459
- }], bottomBorderClass: [{
1460
- type: HostBinding,
1461
- args: ['class.bottom-border']
335
+ 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"] }]
336
+ }], () => [{ type: i1$1.CaucaCoreService }, { type: i1$1.TranslateService }], { value: [{
337
+ type: Input
1462
338
  }] }); })();
1463
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib\\layout\\menu-expandable-panel\\menu-expandable-panel.component.ts", lineNumber: 26 }); })();
339
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib\\cauca-input-multiple-langue\\cauca-input-multiple-langue.component.ts", lineNumber: 10 }); })();
1464
340
 
1465
- function PageTitleComponent_div_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
1466
- i0.ɵɵelementContainerStart(0);
1467
- i0.ɵɵelementStart(1, "a", 6);
1468
- i0.ɵɵtext(2);
1469
- i0.ɵɵpipe(3, "translate");
1470
- i0.ɵɵelementEnd();
1471
- i0.ɵɵelementStart(4, "span");
1472
- i0.ɵɵtext(5, "/");
341
+ function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
342
+ i0.ɵɵelement(0, "fa-icon", 8);
343
+ } if (rf & 2) {
344
+ const menu_r2 = i0.ɵɵnextContext(2).$implicit;
345
+ i0.ɵɵproperty("icon", menu_r2.icon);
346
+ } }
347
+ function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
348
+ i0.ɵɵelement(0, "img", 9);
349
+ } if (rf & 2) {
350
+ const menu_r2 = i0.ɵɵnextContext(2).$implicit;
351
+ i0.ɵɵproperty("src", menu_r2.icon, i0.ɵɵsanitizeUrl);
352
+ } }
353
+ function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) { if (rf & 1) {
354
+ i0.ɵɵelementStart(0, "div", 5);
355
+ 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);
1473
356
  i0.ɵɵelementEnd();
1474
- i0.ɵɵelementContainerEnd();
1475
357
  } if (rf & 2) {
1476
- const location_r1 = ctx.$implicit;
1477
- const ctx_r1 = i0.ɵɵnextContext(2);
358
+ const menu_r2 = i0.ɵɵnextContext().$implicit;
1478
359
  i0.ɵɵadvance();
1479
- i0.ɵɵproperty("routerLink", ctx_r1.currentLocationLink());
360
+ i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
1480
361
  i0.ɵɵadvance();
1481
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, location_r1));
362
+ i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
1482
363
  } }
1483
- function PageTitleComponent_div_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1484
- i0.ɵɵelementStart(0, "span", 5);
1485
- i0.ɵɵtext(1);
1486
- i0.ɵɵpipe(2, "translate");
364
+ function CaucaMenuVerticalComponent_h4_0_div_3_Template(rf, ctx) { if (rf & 1) {
365
+ i0.ɵɵelementStart(0, "div", 10)(1, "span");
366
+ i0.ɵɵtext(2);
367
+ i0.ɵɵpipe(3, "translate");
368
+ i0.ɵɵelementEnd()();
369
+ } if (rf & 2) {
370
+ const menu_r2 = i0.ɵɵnextContext().$implicit;
371
+ i0.ɵɵadvance(2);
372
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.label));
373
+ } }
374
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
375
+ i0.ɵɵelementStart(0, "div", 15);
376
+ i0.ɵɵtext(1, "\u2022");
1487
377
  i0.ɵɵelementEnd();
378
+ } }
379
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
380
+ i0.ɵɵelement(0, "fa-icon", 8);
1488
381
  } if (rf & 2) {
1489
- const ctx_r1 = i0.ɵɵnextContext(2);
1490
- i0.ɵɵadvance();
1491
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.breadcrumb()));
382
+ const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
383
+ i0.ɵɵproperty("icon", submenu_r5.icon);
1492
384
  } }
1493
- function PageTitleComponent_div_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1494
- i0.ɵɵelementStart(0, "span", 5);
1495
- i0.ɵɵtext(1);
385
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ctx) { if (rf & 1) {
386
+ i0.ɵɵelement(0, "img", 9);
387
+ } if (rf & 2) {
388
+ const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
389
+ i0.ɵɵproperty("src", submenu_r5.icon, i0.ɵɵsanitizeUrl);
390
+ } }
391
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
392
+ i0.ɵɵelementStart(0, "div", 5);
393
+ 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);
1496
394
  i0.ɵɵelementEnd();
1497
395
  } if (rf & 2) {
1498
- const ctx_r1 = i0.ɵɵnextContext(2);
396
+ const submenu_r5 = i0.ɵɵnextContext().$implicit;
397
+ i0.ɵɵadvance();
398
+ i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
1499
399
  i0.ɵɵadvance();
1500
- i0.ɵɵtextInterpolate(ctx_r1.breadcrumb());
400
+ i0.ɵɵproperty("ngIf", submenu_r5.icon.filter === undefined);
401
+ } }
402
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
403
+ i0.ɵɵelementStart(0, "div", 10)(1, "span");
404
+ i0.ɵɵtext(2);
405
+ i0.ɵɵpipe(3, "translate");
406
+ i0.ɵɵelementEnd()();
407
+ } if (rf & 2) {
408
+ const submenu_r5 = i0.ɵɵnextContext().$implicit;
409
+ i0.ɵɵadvance(2);
410
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
1501
411
  } }
1502
- function PageTitleComponent_div_4_Template(rf, ctx) { if (rf & 1) {
1503
- i0.ɵɵelementStart(0, "div", 3);
1504
- i0.ɵɵtemplate(1, PageTitleComponent_div_4_ng_container_1_Template, 6, 4, "ng-container", 4)(2, PageTitleComponent_div_4_Conditional_2_Template, 3, 3, "span", 5)(3, PageTitleComponent_div_4_Conditional_3_Template, 2, 1, "span", 5);
412
+ function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
413
+ const _r4 = i0.ɵɵgetCurrentView();
414
+ i0.ɵɵelementStart(0, "div", 13);
415
+ i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template_div_click_0_listener($event) { const submenu_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goTo(submenu_r5.path, $event)); });
416
+ 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);
1505
417
  i0.ɵɵelementEnd();
1506
418
  } if (rf & 2) {
1507
- const ctx_r1 = i0.ɵɵnextContext();
419
+ const submenu_r5 = ctx.$implicit;
420
+ i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
1508
421
  i0.ɵɵadvance();
1509
- i0.ɵɵproperty("ngForOf", ctx_r1.currentLocation());
422
+ i0.ɵɵproperty("ngIf", !submenu_r5.icon);
423
+ i0.ɵɵadvance();
424
+ i0.ɵɵproperty("ngIf", submenu_r5.icon);
1510
425
  i0.ɵɵadvance();
1511
- i0.ɵɵconditional(ctx_r1.translateBreadcrumb() ? 2 : 3);
426
+ i0.ɵɵproperty("ngIf", submenu_r5.label);
1512
427
  } }
1513
- class PageTitleComponent {
1514
- constructor() {
1515
- this.title = input('');
1516
- this.currentLocation = input([]);
1517
- this.currentLocationLink = input(null);
1518
- this.breadcrumb = input('');
1519
- this.showBreadcrumb = input(false);
1520
- this.translateBreadcrumb = input(false);
1521
- }
1522
- static { this.ɵfac = function PageTitleComponent_Factory(t) { return new (t || PageTitleComponent)(); }; }
1523
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageTitleComponent, selectors: [["app-page-title"]], inputs: { title: [1, "title"], currentLocation: [1, "currentLocation"], currentLocationLink: [1, "currentLocationLink"], breadcrumb: [1, "breadcrumb"], showBreadcrumb: [1, "showBreadcrumb"], translateBreadcrumb: [1, "translateBreadcrumb"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 4, consts: [[1, "title-section"], [1, "title-label"], ["class", "breadcrumb", 4, "ngIf"], [1, "breadcrumb"], [4, "ngFor", "ngForOf"], [1, "breadcrumb-current"], [3, "routerLink"]], template: function PageTitleComponent_Template(rf, ctx) { if (rf & 1) {
1524
- i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
1525
- i0.ɵɵtext(2);
1526
- i0.ɵɵpipe(3, "translate");
1527
- i0.ɵɵelementEnd();
1528
- i0.ɵɵtemplate(4, PageTitleComponent_div_4_Template, 4, 2, "div", 2);
1529
- i0.ɵɵelementEnd();
1530
- } if (rf & 2) {
1531
- i0.ɵɵadvance(2);
1532
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title()));
1533
- i0.ɵɵadvance(2);
1534
- i0.ɵɵproperty("ngIf", ctx.showBreadcrumb);
1535
- } }, dependencies: [CommonModule, i1$4.NgForOf, i1$4.NgIf, TranslateModule, i2.TranslatePipe, RouterModule, i1.RouterLink], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}"], changeDetection: 0 }); }
1536
- }
1537
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
1538
- type: Component,
1539
- args: [{ selector: 'app-page-title', standalone: true, imports: [CommonModule, TranslateModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title-section\">\n\n <h4 class=\"title-label\">{{title() | translate }}</h4>\n\n <div class=\"breadcrumb\" *ngIf=\"showBreadcrumb\">\n\n <ng-container *ngFor=\"let location of currentLocation()\">\n <a [routerLink]=\"currentLocationLink()\">{{location | translate }}</a>\n <span>/</span>\n </ng-container>\n\n @if (translateBreadcrumb()) {\n <span class=\"breadcrumb-current\">{{ breadcrumb() | translate }}</span>\n } @else {\n <span class=\"breadcrumb-current\">{{ breadcrumb() }}</span>\n }\n\n </div>\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}\n"] }]
1540
- }], null, null); })();
1541
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib\\layout\\page-title\\page-title.component.ts", lineNumber: 14 }); })();
1542
-
1543
- function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
1544
- i0.ɵɵelementStart(0, "mat-icon", 0);
1545
- i0.ɵɵtext(1, "check_circle");
428
+ function CaucaMenuVerticalComponent_h4_0_div_4_Template(rf, ctx) { if (rf & 1) {
429
+ i0.ɵɵelementStart(0, "div", 11);
430
+ i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template, 4, 5, "div", 12);
1546
431
  i0.ɵɵelementEnd();
1547
432
  } if (rf & 2) {
1548
- const ctx_r0 = i0.ɵɵnextContext();
1549
- i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
433
+ const menu_r2 = i0.ɵɵnextContext().$implicit;
434
+ i0.ɵɵadvance();
435
+ i0.ɵɵproperty("ngForOf", menu_r2.childs);
1550
436
  } }
1551
- function PasswordCriteriaComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1552
- i0.ɵɵelementStart(0, "mat-icon", 1);
1553
- i0.ɵɵtext(1, "cancel");
437
+ function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
438
+ const _r1 = i0.ɵɵgetCurrentView();
439
+ i0.ɵɵelementStart(0, "h4")(1, "div", 1);
440
+ i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goTo(menu_r2.path, $event)); });
441
+ i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
442
+ i0.ɵɵelementEnd();
443
+ i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
1554
444
  i0.ɵɵelementEnd();
1555
445
  } if (rf & 2) {
1556
- const ctx_r0 = i0.ɵɵnextContext();
1557
- i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
446
+ const menu_r2 = ctx.$implicit;
447
+ i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
448
+ i0.ɵɵadvance(2);
449
+ i0.ɵɵproperty("ngIf", menu_r2.icon);
450
+ i0.ɵɵadvance();
451
+ i0.ɵɵproperty("ngIf", menu_r2.label);
452
+ i0.ɵɵadvance();
453
+ i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
1558
454
  } }
1559
- class PasswordCriteriaComponent {
1560
- constructor() {
1561
- this.label = input.required();
1562
- this.condition = input(false);
1563
- this.disabled = input(false);
1564
- }
1565
- static { this.ɵfac = function PasswordCriteriaComponent_Factory(t) { return new (t || PasswordCriteriaComponent)(); }; }
1566
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaComponent, selectors: [["app-password-criteria"]], inputs: { label: [1, "label"], condition: [1, "condition"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 3, consts: [[1, "green", 3, "ngClass"], [1, "red", 3, "ngClass"], ["translate", "", 1, "body2", 3, "ngClass"]], template: function PasswordCriteriaComponent_Template(rf, ctx) { if (rf & 1) {
1567
- i0.ɵɵtemplate(0, PasswordCriteriaComponent_Conditional_0_Template, 2, 1, "mat-icon", 0)(1, PasswordCriteriaComponent_Conditional_1_Template, 2, 1, "mat-icon", 1);
1568
- i0.ɵɵelementStart(2, "label", 2);
1569
- i0.ɵɵtext(3);
1570
- i0.ɵɵelementEnd();
455
+ class CaucaMenuVerticalComponent {
456
+ constructor(router) {
457
+ this.router = router;
458
+ this.itemClick = new EventEmitter();
459
+ this.menuItems = [];
460
+ this.router.events.subscribe((route) => {
461
+ if (route instanceof NavigationEnd) {
462
+ this.selectActiveRoute(route);
463
+ }
464
+ });
465
+ }
466
+ goTo(path, e) {
467
+ this.router.navigate([path]);
468
+ this.itemClick.emit();
469
+ e.stopPropagation();
470
+ }
471
+ selectActiveRoute(route) {
472
+ this.menuItems.forEach((menu) => {
473
+ if (route.url) {
474
+ menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
475
+ }
476
+ menu.childs.forEach((subMenu) => {
477
+ if (route.url) {
478
+ subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
479
+ }
480
+ });
481
+ });
482
+ }
483
+ static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(t) { return new (t || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); }; }
484
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [[3, "class", 4, "ngFor", "ngForOf"], [1, "menu", 3, "click"], ["class", "menu-icon", 4, "ngIf"], ["class", "menu-caption", 4, "ngIf"], ["class", "submenu", 4, "ngIf"], [1, "menu-icon"], [3, "icon", 4, "ngIf"], [3, "src", 4, "ngIf"], [3, "icon"], [3, "src"], [1, "menu-caption"], [1, "submenu"], [3, "class", "click", 4, "ngFor", "ngForOf"], [3, "click"], ["class", "menu-dot", 4, "ngIf"], [1, "menu-dot"]], template: function CaucaMenuVerticalComponent_Template(rf, ctx) { if (rf & 1) {
485
+ i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
1571
486
  } if (rf & 2) {
1572
- i0.ɵɵconditional(ctx.condition() ? 0 : 1);
1573
- i0.ɵɵadvance(2);
1574
- i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
1575
- i0.ɵɵadvance();
1576
- i0.ɵɵtextInterpolate(ctx.label());
1577
- } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslateDirective, NgClass], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px}.green[_ngcontent-%COMP%]{fill:#81c784;color:#81c784}.red[_ngcontent-%COMP%]{fill:#e57373;color:#e57373}label[_ngcontent-%COMP%]{color:#000}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
487
+ i0.ɵɵproperty("ngForOf", ctx.menuItems);
488
+ } }, dependencies: [i2.NgForOf, i2.NgIf, i3$2.FaIconComponent, i3.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:#fff;margin-right:-1.17em}"] }); }
1578
489
  }
1579
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
490
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
1580
491
  type: Component,
1581
- args: [{ selector: 'app-password-criteria', standalone: true, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
1582
- }], null, null); })();
1583
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib\\inputs\\password\\password-criteria\\password-criteria.component.ts", lineNumber: 13 }); })();
492
+ 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:#fff;margin-right:-1.17em}\n"] }]
493
+ }], () => [{ type: i1$2.Router }], { itemClick: [{
494
+ type: Output
495
+ }], menuItems: [{
496
+ type: Input
497
+ }] }); })();
498
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib\\cauca-menu-vertical\\cauca-menu-vertical.component.ts", lineNumber: 10 }); })();
1584
499
 
1585
- function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1586
- i0.ɵɵelementStart(0, "mat-label");
1587
- i0.ɵɵtext(1);
1588
- i0.ɵɵpipe(2, "translate");
500
+ const _c0$2 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
501
+ const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
502
+ function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
503
+ const _r2 = i0.ɵɵgetCurrentView();
504
+ i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
505
+ i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_div_12_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onToggleCollapse()); });
1589
506
  i0.ɵɵelementEnd();
1590
- } if (rf & 2) {
1591
- const ctx_r1 = i0.ɵɵnextContext();
1592
- i0.ɵɵadvance();
1593
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.label()));
1594
- } }
1595
- function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1596
- i0.ɵɵelementStart(0, "mat-label");
1597
- i0.ɵɵtext(1);
507
+ i0.ɵɵelementStart(2, "span", 9);
508
+ i0.ɵɵtext(3);
509
+ i0.ɵɵpipe(4, "translate");
1598
510
  i0.ɵɵelementEnd();
511
+ i0.ɵɵelementStart(5, "span", 10);
512
+ i0.ɵɵtext(6);
513
+ i0.ɵɵelementEnd()();
1599
514
  } if (rf & 2) {
1600
- const ctx_r1 = i0.ɵɵnextContext();
1601
- i0.ɵɵadvance();
1602
- i0.ɵɵtextInterpolate(ctx_r1.label());
515
+ const ctx_r2 = i0.ɵɵnextContext();
516
+ i0.ɵɵadvance(3);
517
+ i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version, "");
518
+ i0.ɵɵadvance(3);
519
+ i0.ɵɵtextInterpolate(ctx_r2.version);
1603
520
  } }
1604
- class PasswordInputComponent {
1605
- constructor() {
1606
- this.autocomplete = input('password');
1607
- this.translateLabel = input(true);
1608
- this.label = input();
1609
- this.translatePlaceholder = input(true);
1610
- this.placeholder = input();
1611
- this.required = input(false);
1612
- this.enterKeyDown = output();
1613
- this.passwordControl = new FormControl('');
1614
- this.disabled = signal(false);
1615
- this.showPassword = signal(false);
1616
- this.inputType = computed(() => this.showPassword() ? 'text' : 'password');
1617
- this.onChange = (value) => value;
1618
- this.onTouched = () => { };
1619
- this.passwordControl.valueChanges.subscribe(value => {
1620
- this.onChange(value);
1621
- });
521
+ class CaucaMenuSidebarComponent {
522
+ constructor(element) {
523
+ this.menuItems = [];
524
+ this.version = '';
525
+ this.keepMenuExpanded = false;
526
+ this.hostElement = element.nativeElement;
527
+ this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
528
+ this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
529
+ this.setDisplayMenu();
1622
530
  }
1623
- writeValue(value) {
1624
- this.passwordControl.setValue(value);
531
+ onResize(_e) {
532
+ this.setDisplayMenu();
1625
533
  }
1626
- registerOnChange(fn) {
1627
- this.onChange = fn;
534
+ onMenuItemClick() {
535
+ if (window.innerWidth < 1000) {
536
+ this.hideOnMobile();
537
+ }
1628
538
  }
1629
- registerOnTouched(fn) {
1630
- this.onTouched = fn;
539
+ hideOnMobile() {
540
+ this.hostElement.classList.remove('mobile');
541
+ this.hostElement.classList.add('hidden');
542
+ }
543
+ showOnMobile() {
544
+ this.hostElement.classList.remove('hidden');
545
+ this.hostElement.classList.add('mobile');
1631
546
  }
1632
- setDisabledState(isDisabled) {
1633
- this.disabled.set(isDisabled);
1634
- if (isDisabled) {
1635
- this.passwordControl.disable();
547
+ onToggleCollapse() {
548
+ if (this.keepMenuExpanded) {
549
+ this.onCollapseMenu();
550
+ this.hostElement.classList.remove('keepExpanded');
1636
551
  }
1637
552
  else {
1638
- this.passwordControl.enable();
553
+ this.onExpandedMenu();
554
+ this.hostElement.classList.add('keepExpanded');
1639
555
  }
556
+ this.keepMenuExpanded = !this.keepMenuExpanded;
557
+ localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
1640
558
  }
1641
- static { this.ɵfac = function PasswordInputComponent_Factory(t) { return new (t || PasswordInputComponent)(); }; }
1642
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordInputComponent, selectors: [["app-password-input"]], inputs: { autocomplete: [1, "autocomplete"], translateLabel: [1, "translateLabel"], label: [1, "label"], translatePlaceholder: [1, "translatePlaceholder"], placeholder: [1, "placeholder"], required: [1, "required"] }, outputs: { enterKeyDown: "enterKeyDown" }, standalone: true, features: [i0.ɵɵProvidersFeature([
1643
- {
1644
- provide: NG_VALUE_ACCESSOR,
1645
- multi: true,
1646
- useExisting: forwardRef(() => PasswordInputComponent),
1647
- },
1648
- ]), i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [["password", ""], ["subscriptSizing", "dynamic"], ["matInput", "", 1, "password", 3, "keydown.enter", "autocomplete", "type", "formControl", "required", "placeholder"], ["matSuffix", "", 2, "cursor", "pointer", 3, "click", "ngClass"]], template: function PasswordInputComponent_Template(rf, ctx) { if (rf & 1) {
1649
- const _r1 = i0.ɵɵgetCurrentView();
1650
- i0.ɵɵelementStart(0, "mat-form-field", 1);
1651
- i0.ɵɵtemplate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
1652
- i0.ɵɵelementStart(3, "input", 2, 0);
1653
- i0.ɵɵpipe(5, "translate");
1654
- i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.enterKeyDown.emit()); });
1655
- i0.ɵɵelementEnd();
1656
- i0.ɵɵelementStart(6, "mat-icon", 3);
1657
- i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.showPassword.set(!ctx.showPassword())); });
1658
- i0.ɵɵtext(7);
1659
- i0.ɵɵelementEnd()();
1660
- } if (rf & 2) {
1661
- const password_r3 = i0.ɵɵreference(4);
1662
- i0.ɵɵadvance();
1663
- i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
1664
- i0.ɵɵadvance(2);
1665
- i0.ɵɵproperty("autocomplete", ctx.autocomplete())("type", ctx.inputType())("formControl", ctx.passwordControl)("required", ctx.required())("placeholder", ctx.translatePlaceholder() ? i0.ɵɵpipeBind1(5, 8, ctx.placeholder()) : ctx.placeholder());
1666
- i0.ɵɵadvance(3);
1667
- i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
1668
- i0.ɵɵadvance();
1669
- i0.ɵɵtextInterpolate1(" ", password_r3.type === "password" ? "visibility_off" : "visibility", " ");
1670
- } }, dependencies: [TranslateModule, i2.TranslatePipe, NgClass, MatFormFieldModule, i2$3.MatFormField, i2$3.MatLabel, i2$3.MatSuffix, MatIconModule, i1$1.MatIcon, MatInputModule, i4.MatInput, ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
1671
- }
1672
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
1673
- type: Component,
1674
- args: [{ selector: 'app-password-input', standalone: true, imports: [TranslateModule, NgClass, MatFormFieldModule, MatIconModule, MatInputModule, ReactiveFormsModule], providers: [
1675
- {
1676
- provide: NG_VALUE_ACCESSOR,
1677
- multi: true,
1678
- useExisting: forwardRef(() => PasswordInputComponent),
1679
- },
1680
- ], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n @else {<mat-label>{{label()}}</mat-label>}\r\n <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n (click)=\"showPassword.set(!showPassword())\">\r\n {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
1681
- }], () => [], null); })();
1682
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib\\inputs\\password\\password-input\\password-input.component.ts", lineNumber: 23 }); })();
1683
-
1684
- class PasswordCriteriaViewerComponent {
1685
- constructor() {
1686
- this.passwordValidation = input.required();
1687
- this.disabled = input(false);
1688
- }
1689
- static { this.ɵfac = function PasswordCriteriaViewerComponent_Factory(t) { return new (t || PasswordCriteriaViewerComponent)(); }; }
1690
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaViewerComponent, selectors: [["app-password-criteria-viewer"]], inputs: { passwordValidation: [1, "passwordValidation"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 10, consts: [["label", "error.minimumCharacters", 3, "disabled", "condition"], ["label", "error.minimumNumeric", 3, "disabled", "condition"], ["label", "error.minimumSpecialCharacter", 3, "disabled", "condition"], ["label", "error.minimumUpperAndLowercase", 3, "disabled", "condition"], ["label", "error.identicalPassword", 3, "disabled", "condition"]], template: function PasswordCriteriaViewerComponent_Template(rf, ctx) { if (rf & 1) {
1691
- i0.ɵɵelement(0, "app-password-criteria", 0)(1, "app-password-criteria", 1)(2, "app-password-criteria", 2)(3, "app-password-criteria", 3)(4, "app-password-criteria", 4);
1692
- } if (rf & 2) {
1693
- i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumCharacters);
1694
- i0.ɵɵadvance();
1695
- i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumNumeric);
1696
- i0.ɵɵadvance();
1697
- i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasSpecialCharacter);
1698
- i0.ɵɵadvance();
1699
- i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasLowerAndUppercase);
1700
- i0.ɵɵadvance();
1701
- i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasIdenticalPassword);
1702
- } }, dependencies: [PasswordCriteriaComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex-grow:1}"] }); }
1703
- }
1704
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
1705
- type: Component,
1706
- args: [{ selector: 'app-password-criteria-viewer', standalone: true, imports: [PasswordCriteriaComponent], template: "<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumUpperAndLowercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.identicalPassword\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
1707
- }], null, null); })();
1708
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib\\inputs\\password\\password-criteria-viewer\\password-criteria-viewer.component.ts", lineNumber: 12 }); })();
1709
-
1710
- class PasswordValidation {
1711
- constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
1712
- this.hasMinimumCharacters = hasMinimumCharacters;
1713
- this.hasMinimumNumeric = hasMinimumNumeric;
1714
- this.hasLowerAndUppercase = hasLowerAndUppercase;
1715
- this.hasSpecialCharacter = hasSpecialCharacter;
1716
- this.hasIdenticalPassword = hasIdenticalPassword;
1717
- }
1718
- isValid() {
1719
- return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
1720
- }
1721
- }
1722
-
1723
- class PasswordValidator {
1724
- static { this.passwordMinLength = 13; }
1725
- static validate(formGroup) {
1726
- const password = formGroup.controls['password'].value;
1727
- const confirmedPassword = formGroup.controls['confirmation'].value;
1728
- return new PasswordValidation(password.length >= this.passwordMinLength, this.hasNumeric(password), this.hasLowerCaseAndUpperCase(password), this.hasSpecialCharacter(password), password && password === confirmedPassword);
1729
- }
1730
- static hasLowerCaseAndUpperCase(password) {
1731
- return /^(?=.*[a-z])(?=.*[A-Z])/.test(password);
1732
- }
1733
- static hasNumeric(password) {
1734
- return /(?=.*\d)/.test(password);
1735
- }
1736
- static hasSpecialCharacter(password) {
1737
- return new RegExp(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/).test(password);
1738
- }
1739
- }
1740
-
1741
- const _c0$3 = ["*"];
1742
- class PasswordSelectionComponent {
1743
- constructor(formBuilder) {
1744
- this.passwordValidation = new PasswordValidation();
1745
- this.disabled = false;
1746
- this.direction = 'row';
1747
- this.formWidth = '50%';
1748
- this.lastPasswordValidationSent = false;
1749
- this.onChange = (value) => value;
1750
- this.onTouched = () => { };
1751
- this.form = formBuilder.group({
1752
- password: ['', Validators.required],
1753
- confirmation: ['', Validators.required]
1754
- }, { validators: (formGroup) => {
1755
- this.passwordValidation = PasswordValidator.validate(formGroup);
1756
- if (!this.passwordValidation.isValid()) {
1757
- return ({ validation: this.passwordValidation });
1758
- }
1759
- return null;
1760
- } });
1761
- this.form.valueChanges.pipe(filter(_ => this.form.valid != this.lastPasswordValidationSent)).subscribe(form => {
1762
- this.lastPasswordValidationSent = this.form.valid;
1763
- if (this.form.valid) {
1764
- this.onChange(form.password);
1765
- }
1766
- else {
1767
- this.onChange('');
559
+ setDisplayMenu() {
560
+ this.hostElement.className = '';
561
+ if (window.innerWidth < 1000) {
562
+ this.hostElement.classList.add('hidden');
563
+ }
564
+ else {
565
+ if (localStorage.getItem('cauca-menu-status') === 'expanded') {
566
+ this.keepMenuExpanded = true;
567
+ this.hostElement.classList.add('keepExpanded');
1768
568
  }
1769
- });
1770
- }
1771
- writeValue(value) {
1772
- this.form.get('password').setValue(value);
1773
- this.form.get('confirmation').setValue(value);
569
+ this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
570
+ }
1774
571
  }
1775
- registerOnChange(fn) {
1776
- this.onChange = fn;
572
+ onMouseOver(e) {
573
+ if (!this.keepMenuExpanded) {
574
+ this.onExpandedMenu();
575
+ }
576
+ e.stopPropagation();
1777
577
  }
1778
- registerOnTouched(fn) {
1779
- this.onTouched = fn;
578
+ onMouseOut(e) {
579
+ if (!this.keepMenuExpanded) {
580
+ this.onCollapseMenu();
581
+ }
582
+ e.stopPropagation();
1780
583
  }
1781
- setDisabledState(isDisabled) {
1782
- this.disabled = isDisabled;
1783
- if (isDisabled) {
1784
- this.form.get('password').disable();
1785
- this.form.get('confirmation').disable();
584
+ onExpandedMenu() {
585
+ if (window.innerWidth >= 1000) {
586
+ this.hostElement.classList.remove('collapsed');
587
+ this.hostElement.classList.add('expanded');
1786
588
  }
1787
- else {
1788
- this.form.get('password').enable();
1789
- this.form.get('confirmation').enable();
589
+ }
590
+ onCollapseMenu() {
591
+ if (window.innerWidth >= 1000) {
592
+ this.hostElement.classList.remove('expanded');
593
+ this.hostElement.classList.add('collapsed');
1790
594
  }
1791
595
  }
1792
- static { this.ɵfac = function PasswordSelectionComponent_Factory(t) { return new (t || PasswordSelectionComponent)(i0.ɵɵdirectiveInject(i5.UntypedFormBuilder)); }; }
1793
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordSelectionComponent, selectors: [["app-password-selection"]], hostVars: 4, hostBindings: function PasswordSelectionComponent_HostBindings(rf, ctx) { if (rf & 2) {
1794
- i0.ɵɵstyleProp("flex-direction", ctx.direction)("form", ctx.formWidth, "width");
1795
- } }, inputs: { direction: "direction", formWidth: "formWidth" }, standalone: true, features: [i0.ɵɵProvidersFeature([
1796
- {
1797
- provide: NG_VALUE_ACCESSOR,
1798
- multi: true,
1799
- useExisting: forwardRef(() => PasswordSelectionComponent),
1800
- },
1801
- ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, decls: 7, vars: 9, consts: [[3, "formGroup"], [1, "passwords"], ["autocomplete", "new-password", "label", "password", "formControlName", "password", 3, "translateLabel", "required"], ["autocomplete", "new-password", "label", "passwordConfirmation", "formControlName", "confirmation", 3, "translateLabel", "required"], [1, "errors"], [3, "disabled", "passwordValidation"]], template: function PasswordSelectionComponent_Template(rf, ctx) { if (rf & 1) {
1802
- i0.ɵɵprojectionDef();
1803
- i0.ɵɵelementStart(0, "form", 0)(1, "div", 1);
1804
- i0.ɵɵelement(2, "app-password-input", 2)(3, "app-password-input", 3);
1805
- i0.ɵɵelementEnd();
1806
- i0.ɵɵelementStart(4, "div", 4);
1807
- i0.ɵɵprojection(5);
596
+ static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(t) { return new (t || CaucaMenuSidebarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
597
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuSidebarComponent, selectors: [["cauca-menu-sidebar"]], hostBindings: function CaucaMenuSidebarComponent_HostBindings(rf, ctx) { if (rf & 1) {
598
+ i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
599
+ } }, inputs: { menuItems: "menuItems", version: "version" }, ngContentSelectors: _c1, decls: 13, vars: 2, consts: [["menu", ""], [1, "header"], ["mat-icon-button", "", 1, "close", 3, "click"], [1, "content"], [3, "itemClick", "menuItems"], [1, "footer"], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) { if (rf & 1) {
600
+ const _r1 = i0.ɵɵgetCurrentView();
601
+ i0.ɵɵprojectionDef(_c0$2);
602
+ i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
603
+ i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hideOnMobile()); });
604
+ i0.ɵɵelementStart(2, "mat-icon");
605
+ i0.ɵɵtext(3, "clear");
1808
606
  i0.ɵɵelementEnd()();
1809
- i0.ɵɵelement(6, "app-password-criteria-viewer", 5);
607
+ i0.ɵɵprojection(4);
608
+ i0.ɵɵelementEnd();
609
+ i0.ɵɵelementStart(5, "div", 3);
610
+ i0.ɵɵprojection(6, 1);
611
+ i0.ɵɵelementStart(7, "cauca-menu-vertical", 4, 0);
612
+ i0.ɵɵlistener("itemClick", function CaucaMenuSidebarComponent_Template_cauca_menu_vertical_itemClick_7_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMenuItemClick()); });
613
+ i0.ɵɵelementEnd();
614
+ i0.ɵɵprojection(9, 2);
615
+ i0.ɵɵelementEnd();
616
+ i0.ɵɵelementStart(10, "div", 5);
617
+ i0.ɵɵprojection(11, 3);
618
+ i0.ɵɵelementEnd();
619
+ i0.ɵɵtemplate(12, CaucaMenuSidebarComponent_div_12_Template, 7, 5, "div", 6);
1810
620
  } if (rf & 2) {
1811
- i0.ɵɵclassProp("full-width-form", ctx.direction === "column");
1812
- i0.ɵɵproperty("formGroup", ctx.form);
1813
- i0.ɵɵadvance(2);
1814
- i0.ɵɵproperty("translateLabel", true)("required", true);
1815
- i0.ɵɵadvance();
1816
- i0.ɵɵproperty("translateLabel", true)("required", true);
1817
- i0.ɵɵadvance(3);
1818
- i0.ɵɵproperty("disabled", ctx.disabled)("passwordValidation", ctx.passwordValidation);
1819
- } }, dependencies: [PasswordInputComponent, FormsModule, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.RequiredValidator, ReactiveFormsModule, i5.FormGroupDirective, i5.FormControlName, TranslateModule, PasswordCriteriaViewerComponent], styles: ["[_nghost-%COMP%]{display:flex;gap:20px}form[_ngcontent-%COMP%]{width:50%;display:flex;flex-direction:column}.full-width-form[_ngcontent-%COMP%]{width:100%}.passwords[_ngcontent-%COMP%]{gap:16px;display:flex;flex-direction:column}.criteria[_ngcontent-%COMP%]{flex-grow:1}.disabled[_ngcontent-%COMP%]{opacity:.5}.errors[_ngcontent-%COMP%]{padding:0 16px}"] }); }
621
+ i0.ɵɵadvance(7);
622
+ i0.ɵɵproperty("menuItems", ctx.menuItems);
623
+ i0.ɵɵadvance(5);
624
+ i0.ɵɵproperty("ngIf", ctx.version);
625
+ } }, dependencies: [i2.NgIf, i4.MatIconButton, i5.MatIcon, CaucaMenuVerticalComponent, i3.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}}"] }); }
1820
626
  }
1821
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordSelectionComponent, [{
627
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
1822
628
  type: Component,
1823
- args: [{ selector: 'app-password-selection', standalone: true, imports: [PasswordInputComponent, FormsModule, ReactiveFormsModule, TranslateModule, PasswordCriteriaViewerComponent], providers: [
1824
- {
1825
- provide: NG_VALUE_ACCESSOR,
1826
- multi: true,
1827
- useExisting: forwardRef(() => PasswordSelectionComponent),
1828
- },
1829
- ], template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction === 'column'\">\r\n <div class=\"passwords\">\r\n <app-password-input autocomplete=\"new-password\" label=\"password\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n <app-password-input autocomplete=\"new-password\" label=\"passwordConfirmation\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"confirmation\" />\r\n </div>\r\n <div class=\"errors\">\r\n <ng-content></ng-content>\r\n </div>\r\n</form>\r\n<app-password-criteria-viewer [disabled]=\"disabled\" [passwordValidation]=\"passwordValidation\"></app-password-criteria-viewer>", styles: [":host{display:flex;gap:20px}form{width:50%;display:flex;flex-direction:column}.full-width-form{width:100%}.passwords{gap:16px;display:flex;flex-direction:column}.criteria{flex-grow:1}.disabled{opacity:.5}.errors{padding:0 16px}\n"] }]
1830
- }], () => [{ type: i5.UntypedFormBuilder }], { direction: [{
629
+ 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"] }]
630
+ }], () => [{ type: i0.ElementRef }], { menuItems: [{
1831
631
  type: Input
1832
- }, {
1833
- type: HostBinding,
1834
- args: ['style.flex-direction']
1835
- }], formWidth: [{
632
+ }], version: [{
1836
633
  type: Input
1837
- }, {
1838
- type: HostBinding,
1839
- args: ['style.form.width']
634
+ }], onResize: [{
635
+ type: HostListener,
636
+ args: ['window:resize', ['$event']]
1840
637
  }] }); })();
1841
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib\\inputs\\password\\password-selection\\password-selection.component.ts", lineNumber: 24 }); })();
638
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib\\cauca-menu-sidebar\\cauca-menu-sidebar.component.ts", lineNumber: 9 }); })();
1842
639
 
1843
- const _c0$2 = ["singleSelect"];
1844
- const _c1 = ["*"];
1845
- function SelectWithSearchComponent_mat_option_10_Template(rf, ctx) { if (rf & 1) {
1846
- i0.ɵɵelementStart(0, "mat-option", 4);
1847
- i0.ɵɵtext(1);
640
+ const _c0$1 = ["container"];
641
+ function CaucaSlideshowComponent_div_2_Template(rf, ctx) { if (rf & 1) {
642
+ i0.ɵɵelementStart(0, "div");
643
+ i0.ɵɵelement(1, "img", 3);
1848
644
  i0.ɵɵelementEnd();
1849
645
  } if (rf & 2) {
1850
- const option_r1 = ctx.$implicit;
1851
- i0.ɵɵproperty("value", option_r1.id);
646
+ const url_r1 = ctx.$implicit;
647
+ const index_r2 = ctx.index;
648
+ const ctx_r2 = i0.ɵɵnextContext();
649
+ i0.ɵɵproperty("@slideLeftRight", ctx_r2.getState(index_r2));
1852
650
  i0.ɵɵadvance();
1853
- i0.ɵɵtextInterpolate1(" ", option_r1.name, " ");
651
+ i0.ɵɵproperty("src", url_r1, i0.ɵɵsanitizeUrl);
1854
652
  } }
1855
- class SelectWithSearchComponent {
653
+ class CaucaSlideshowComponent {
1856
654
  constructor() {
1857
- this.selectFirstOptionByDefault = false;
1858
- this.optionFilterControl = new FormControl('');
1859
- this.filteredOptions = new ReplaySubject();
1860
- this.isDisabled = true;
1861
- this.valueChanged = new EventEmitter();
1862
- this._onDestroy = new Subject();
1863
- this.allOptions = [];
1864
- }
1865
- set options(newOptions) {
1866
- if (newOptions) {
1867
- this.allOptions = newOptions;
1868
- this.filteredOptions.next(newOptions.slice());
1869
- this.setInitialSelectedOption();
1870
- this.isDisabled = (this.options.length < 1);
1871
- }
1872
- else {
1873
- this.allOptions = [];
1874
- this.isDisabled = (this.options.length < 1);
1875
- }
1876
- }
1877
- get options() {
1878
- return this.allOptions;
655
+ this.height = '150px';
656
+ this.autoPlay = true;
657
+ this.timer = null;
658
+ this.items = [];
659
+ this.states = [];
660
+ this.selectedIndex = 0;
1879
661
  }
1880
- set value(newValue) {
1881
- if (newValue !== this.selectedOptionId) {
1882
- this.selectedOptionId = newValue;
1883
- this.valueChanged.emit(this.value);
1884
- }
662
+ set images(list) {
663
+ this.items = list;
664
+ this.restart();
1885
665
  }
1886
- get value() {
1887
- return this.selectedOptionId;
666
+ get images() {
667
+ return this.items;
1888
668
  }
1889
669
  ngOnInit() {
1890
- this.optionFilterControl.valueChanges
1891
- .pipe(takeUntil(this._onDestroy))
1892
- .subscribe(() => {
1893
- this.filterCities();
1894
- });
1895
- }
1896
- ngOnDestroy() {
1897
- this._onDestroy.next();
1898
- this._onDestroy.complete();
670
+ this.container.nativeElement.style.height = this.height;
671
+ this.container.nativeElement.style.width = '100%';
1899
672
  }
1900
- filterCities() {
1901
- if (!this.options) {
1902
- return;
673
+ getState(index) {
674
+ if (this.states[index]) {
675
+ return this.states[index];
1903
676
  }
1904
- let filter = this.optionFilterControl.value;
1905
- if (!filter) {
1906
- this.filteredOptions.next(this.options.slice());
1907
- return;
677
+ return (this.selectedIndex === index ? 'in' : 'out');
678
+ }
679
+ restart() {
680
+ if (this.timer) {
681
+ window.clearInterval(this.timer);
1908
682
  }
1909
- else {
1910
- filter = filter.toLowerCase();
683
+ if (this.images && this.images.length) {
684
+ this.timer = window.setInterval(() => this.changed('next'), 5000);
1911
685
  }
1912
- this.filteredOptions.next(this.options
1913
- .filter(option => option.name.toLowerCase().indexOf(filter) > -1));
1914
- }
1915
- setInitialSelectedOption() {
1916
- if (this.value) {
1917
- const city = this.options.find((c) => c.id === this.value);
1918
- if (!city) {
1919
- this.selectFirstOption();
1920
- }
686
+ }
687
+ next() {
688
+ if (this.selectedIndex < this.items.length - 1) {
689
+ this.selectedIndex++;
1921
690
  }
1922
- else if (this.options.length > 0 && this.selectFirstOptionByDefault) {
1923
- this.selectFirstOption();
691
+ else {
692
+ this.selectedIndex = 0;
1924
693
  }
1925
694
  }
1926
- selectFirstOption() {
1927
- this.value = this.options[0].id;
695
+ changed(action) {
696
+ this.states[this.selectedIndex] = 'out';
697
+ this[action]();
698
+ this.states[this.selectedIndex] = 'in';
1928
699
  }
1929
- static { this.ɵfac = function SelectWithSearchComponent_Factory(t) { return new (t || SelectWithSearchComponent)(); }; }
1930
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectWithSearchComponent, selectors: [["app-select-with-search"]], viewQuery: function SelectWithSearchComponent_Query(rf, ctx) { if (rf & 1) {
1931
- i0.ɵɵviewQuery(_c0$2, 7);
700
+ static { this.ɵfac = function CaucaSlideshowComponent_Factory(t) { return new (t || CaucaSlideshowComponent)(); }; }
701
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) { if (rf & 1) {
702
+ i0.ɵɵviewQuery(_c0$1, 7);
1932
703
  } if (rf & 2) {
1933
704
  let _t;
1934
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.singleSelect = _t.first);
1935
- } }, inputs: { label: "label", selectFirstOptionByDefault: "selectFirstOptionByDefault", options: "options", value: "value" }, outputs: { valueChanged: "valueChanged" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 12, vars: 15, consts: [["subscriptSizing", "dynamic", 1, "full-width-field", "header", "dense"], [3, "valueChange", "value", "disabled"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"]], template: function SelectWithSearchComponent_Template(rf, ctx) { if (rf & 1) {
1936
- i0.ɵɵprojectionDef();
1937
- i0.ɵɵelementStart(0, "mat-form-field", 0);
1938
- i0.ɵɵprojection(1);
1939
- i0.ɵɵelementStart(2, "mat-label");
1940
- i0.ɵɵtext(3);
1941
- i0.ɵɵpipe(4, "translate");
1942
- i0.ɵɵelementEnd();
1943
- i0.ɵɵelementStart(5, "mat-select", 1);
1944
- i0.ɵɵtwoWayListener("valueChange", function SelectWithSearchComponent_Template_mat_select_valueChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
1945
- i0.ɵɵelementStart(6, "mat-option");
1946
- i0.ɵɵelement(7, "ngx-mat-select-search", 2);
1947
- i0.ɵɵpipe(8, "translate");
1948
- i0.ɵɵpipe(9, "translate");
705
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
706
+ } }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, decls: 3, vars: 1, consts: [["container", ""], [1, "slideshow"], [4, "ngFor", "ngForOf"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
707
+ i0.ɵɵelementStart(0, "div", 1, 0);
708
+ i0.ɵɵtemplate(2, CaucaSlideshowComponent_div_2_Template, 2, 2, "div", 2);
1949
709
  i0.ɵɵelementEnd();
1950
- i0.ɵɵtemplate(10, SelectWithSearchComponent_mat_option_10_Template, 2, 2, "mat-option", 3);
1951
- i0.ɵɵpipe(11, "async");
1952
- i0.ɵɵelementEnd()();
1953
710
  } if (rf & 2) {
1954
- i0.ɵɵadvance(3);
1955
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 7, ctx.label));
1956
711
  i0.ɵɵadvance(2);
1957
- i0.ɵɵtwoWayProperty("value", ctx.value);
1958
- i0.ɵɵproperty("disabled", ctx.isDisabled);
1959
- i0.ɵɵadvance(2);
1960
- i0.ɵɵproperty("formControl", ctx.optionFilterControl)("placeholderLabel", i0.ɵɵpipeBind1(8, 9, "search"))("noEntriesFoundLabel", i0.ɵɵpipeBind1(9, 11, "noResult"));
1961
- i0.ɵɵadvance(3);
1962
- i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(11, 13, ctx.filteredOptions));
1963
- } }, dependencies: [NgForOf, AsyncPipe, MatSelectModule, i2$3.MatFormField, i2$3.MatLabel, i2$4.MatSelect, i3.MatOption, TranslateModule, i2.TranslatePipe, MatFormFieldModule, ReactiveFormsModule, i5.NgControlStatus, i5.FormControlDirective, FormsModule, NgxMatSelectSearchModule, i6.MatSelectSearchComponent] }); }
712
+ i0.ɵɵproperty("ngForOf", ctx.images);
713
+ } }, dependencies: [i2.NgForOf], styles: [".slideshow[_ngcontent-%COMP%]{margin:0 auto;position:relative;overflow:hidden}.slideshow[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute}img[_ngcontent-%COMP%]{max-height:100%;max-width:100%;margin:0 auto;display:block}"], data: { animation: [
714
+ trigger('slideUpDown', [
715
+ state('in', style({ transform: 'translateY(0%)' })),
716
+ state('out', style({ transform: 'translateY(-100%)' })),
717
+ transition('in => out', [
718
+ animate('500ms ease-in')
719
+ ]),
720
+ transition('out => in', [
721
+ style({ transform: 'translateY(100%)' }),
722
+ animate('500ms ease-in')
723
+ ]),
724
+ ]),
725
+ trigger('slideLeftRight', [
726
+ state('in', style({ transform: 'translateX(0%)' })),
727
+ state('out', style({ transform: 'translateX(-100%)' })),
728
+ transition('in => out', [
729
+ animate('500ms ease-in')
730
+ ]),
731
+ transition('out => in', [
732
+ style({ transform: 'translateX(100%)' }),
733
+ animate('500ms ease-in')
734
+ ]),
735
+ ]),
736
+ ] } }); }
1964
737
  }
1965
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
738
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
1966
739
  type: Component,
1967
- args: [{ selector: 'app-select-with-search', standalone: true, imports: [NgForOf, AsyncPipe, MatError, MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\r\n <ng-content></ng-content>\r\n <mat-label>{{ label | translate }}</mat-label>\r\n <mat-select [(value)]=\"value\" [disabled]=\"isDisabled\">\r\n <mat-option>\r\n <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\r\n [noEntriesFoundLabel]=\"'noResult' | translate\">\r\n </ngx-mat-select-search>\r\n </mat-option>\r\n <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.id\">\r\n {{option.name}}\r\n </mat-option>\r\n </mat-select>\r\n\r\n</mat-form-field>" }]
1968
- }], null, { label: [{
1969
- type: Input,
1970
- args: [{ required: true }]
1971
- }], selectFirstOptionByDefault: [{
1972
- type: Input
1973
- }], singleSelect: [{
740
+ args: [{ selector: 'cauca-slideshow', animations: [
741
+ trigger('slideUpDown', [
742
+ state('in', style({ transform: 'translateY(0%)' })),
743
+ state('out', style({ transform: 'translateY(-100%)' })),
744
+ transition('in => out', [
745
+ animate('500ms ease-in')
746
+ ]),
747
+ transition('out => in', [
748
+ style({ transform: 'translateY(100%)' }),
749
+ animate('500ms ease-in')
750
+ ]),
751
+ ]),
752
+ trigger('slideLeftRight', [
753
+ state('in', style({ transform: 'translateX(0%)' })),
754
+ state('out', style({ transform: 'translateX(-100%)' })),
755
+ transition('in => out', [
756
+ animate('500ms ease-in')
757
+ ]),
758
+ transition('out => in', [
759
+ style({ transform: 'translateX(100%)' }),
760
+ animate('500ms ease-in')
761
+ ]),
762
+ ]),
763
+ ], 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"] }]
764
+ }], null, { container: [{
1974
765
  type: ViewChild,
1975
- args: ['singleSelect', { static: true }]
1976
- }], valueChanged: [{
1977
- type: Output
1978
- }], options: [{
766
+ args: ['container', { static: true }]
767
+ }], height: [{
1979
768
  type: Input
1980
- }], value: [{
769
+ }], autoPlay: [{
770
+ type: Input
771
+ }], images: [{
1981
772
  type: Input
1982
773
  }] }); })();
1983
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectWithSearchComponent, { className: "SelectWithSearchComponent", filePath: "lib\\inputs\\select-with-search\\select-with-search.component.ts", lineNumber: 22 }); })();
774
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib\\cauca-slideshow\\cauca-slideshow.component.ts", lineNumber: 33 }); })();
775
+
776
+ class CaucaMaterialModule {
777
+ static { this.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); }; }
778
+ static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule }); }
779
+ static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
780
+ CaucaCoreForChildModule,
781
+ FontAwesomeModule,
782
+ FormsModule,
783
+ ReactiveFormsModule,
784
+ MatButtonModule,
785
+ MatFormFieldModule,
786
+ MatIconModule,
787
+ MatInputModule,
788
+ MatTabsModule,
789
+ MatDialogModule] }); }
790
+ }
791
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
792
+ type: NgModule,
793
+ args: [{
794
+ declarations: [
795
+ CaucaMaterialComponent,
796
+ CaucaInputFileComponent,
797
+ CaucaInputMultipleLangueComponent,
798
+ CaucaMenuSidebarComponent,
799
+ CaucaMenuVerticalComponent,
800
+ CaucaSimpleDialogComponent,
801
+ CaucaSlideshowComponent,
802
+ ],
803
+ imports: [
804
+ CommonModule,
805
+ CaucaCoreForChildModule,
806
+ FontAwesomeModule,
807
+ FormsModule,
808
+ ReactiveFormsModule,
809
+ MatButtonModule,
810
+ MatFormFieldModule,
811
+ MatIconModule,
812
+ MatInputModule,
813
+ MatTabsModule,
814
+ MatDialogModule,
815
+ ],
816
+ exports: [
817
+ CaucaMaterialComponent,
818
+ CaucaInputFileComponent,
819
+ CaucaInputMultipleLangueComponent,
820
+ CaucaMenuSidebarComponent,
821
+ CaucaMenuVerticalComponent,
822
+ CaucaSimpleDialogComponent,
823
+ CaucaSlideshowComponent,
824
+ ],
825
+ }]
826
+ }], null, null); })();
827
+ (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { declarations: [CaucaMaterialComponent,
828
+ CaucaInputFileComponent,
829
+ CaucaInputMultipleLangueComponent,
830
+ CaucaMenuSidebarComponent,
831
+ CaucaMenuVerticalComponent,
832
+ CaucaSimpleDialogComponent,
833
+ CaucaSlideshowComponent], imports: [CommonModule,
834
+ CaucaCoreForChildModule,
835
+ FontAwesomeModule,
836
+ FormsModule,
837
+ ReactiveFormsModule,
838
+ MatButtonModule,
839
+ MatFormFieldModule,
840
+ MatIconModule,
841
+ MatInputModule,
842
+ MatTabsModule,
843
+ MatDialogModule], exports: [CaucaMaterialComponent,
844
+ CaucaInputFileComponent,
845
+ CaucaInputMultipleLangueComponent,
846
+ CaucaMenuSidebarComponent,
847
+ CaucaMenuVerticalComponent,
848
+ CaucaSimpleDialogComponent,
849
+ CaucaSlideshowComponent] }); })();
1984
850
 
1985
851
  class MobileTimePickerComponent {
1986
852
  constructor() {
@@ -2026,7 +892,7 @@ class MobileTimePickerComponent {
2026
892
  } if (rf & 2) {
2027
893
  i0.ɵɵadvance(4);
2028
894
  i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
2029
- } }, dependencies: [MatButtonModule, i4$1.MatIconButton, MatIconModule, i1$1.MatIcon, MatFormFieldModule,
895
+ } }, dependencies: [MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatFormFieldModule,
2030
896
  MatInputModule], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button[_ngcontent-%COMP%]{height:24px;width:24px;line-height:24px;padding:0}"] }); }
2031
897
  }
2032
898
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
@@ -2046,7 +912,7 @@ class MobileTimePickerComponent {
2046
912
  }], valueChange: [{
2047
913
  type: Output
2048
914
  }] }); })();
2049
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\mobile-time-picker\\mobile-time-picker.component.ts", lineNumber: 19 }); })();
915
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\components\\mobile-time-picker\\mobile-time-picker.component.ts", lineNumber: 19 }); })();
2050
916
 
2051
917
  function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
2052
918
  const _r1 = i0.ɵɵgetCurrentView();
@@ -2075,7 +941,7 @@ class DesktopTimePickerComponent {
2075
941
  i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
2076
942
  i0.ɵɵadvance();
2077
943
  i0.ɵɵrepeater(ctx.options);
2078
- } }, dependencies: [MatListModule, i1$5.MatList, i1$5.MatListItem], styles: ["mat-list[_ngcontent-%COMP%]{width:50px;padding:0}mat-list[_ngcontent-%COMP%] .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer} > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none} .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)} .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)} .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
944
+ } }, dependencies: [MatListModule, i1$3.MatList, i1$3.MatListItem], styles: ["mat-list[_ngcontent-%COMP%]{width:50px;padding:0}mat-list[_ngcontent-%COMP%] .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer} > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none} .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)} .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)} .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
2079
945
  }
2080
946
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
2081
947
  type: Component,
@@ -2091,89 +957,109 @@ class DesktopTimePickerComponent {
2091
957
  }], valueChange: [{
2092
958
  type: Output
2093
959
  }] }); })();
2094
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\desktop-time-picker\\desktop-time-picker.component.ts", lineNumber: 13 }); })();
960
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\components\\desktop-time-picker\\desktop-time-picker.component.ts", lineNumber: 13 }); })();
2095
961
 
2096
- const _c0$1 = (a0, a1) => ({ all: a0, someOptions: a1 });
2097
- function DialogDateTimePickerComponent_div_4_Template(rf, ctx) { if (rf & 1) {
962
+ const _c0 = (a0, a1) => ({ all: a0, someOptions: a1 });
963
+ function DialogDateTimePickerComponent_Conditional_4_div_0_Template(rf, ctx) { if (rf & 1) {
2098
964
  const _r1 = i0.ɵɵgetCurrentView();
2099
965
  i0.ɵɵelementStart(0, "div", 14)(1, "cauca-desktop-time-picker", 15);
2100
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_4_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
966
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_0_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
2101
967
  i0.ɵɵelementEnd()();
2102
968
  } if (rf & 2) {
2103
- const ctx_r1 = i0.ɵɵnextContext();
969
+ const ctx_r1 = i0.ɵɵnextContext(2);
2104
970
  i0.ɵɵadvance();
2105
- i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
971
+ i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
2106
972
  } }
2107
- function DialogDateTimePickerComponent_div_5_Template(rf, ctx) { if (rf & 1) {
973
+ function DialogDateTimePickerComponent_Conditional_4_div_1_Template(rf, ctx) { if (rf & 1) {
2108
974
  const _r3 = i0.ɵɵgetCurrentView();
2109
975
  i0.ɵɵelementStart(0, "div", 14)(1, "cauca-mobile-time-picker", 16);
2110
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_5_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
976
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_1_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
2111
977
  i0.ɵɵelementEnd()();
2112
978
  } if (rf & 2) {
2113
- const ctx_r1 = i0.ɵɵnextContext();
979
+ const ctx_r1 = i0.ɵɵnextContext(2);
2114
980
  i0.ɵɵadvance();
2115
981
  i0.ɵɵproperty("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
2116
982
  } }
2117
- function DialogDateTimePickerComponent_div_6_Template(rf, ctx) { if (rf & 1) {
983
+ function DialogDateTimePickerComponent_Conditional_4_div_2_Template(rf, ctx) { if (rf & 1) {
2118
984
  i0.ɵɵelementStart(0, "div", 17);
2119
985
  i0.ɵɵtext(1, ":");
2120
986
  i0.ɵɵelementEnd();
2121
987
  } }
2122
- function DialogDateTimePickerComponent_div_7_Template(rf, ctx) { if (rf & 1) {
988
+ function DialogDateTimePickerComponent_Conditional_4_div_3_Template(rf, ctx) { if (rf & 1) {
2123
989
  const _r4 = i0.ɵɵgetCurrentView();
2124
990
  i0.ɵɵelementStart(0, "div", 18)(1, "cauca-desktop-time-picker", 15);
2125
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_7_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
991
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_3_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
2126
992
  i0.ɵɵelementEnd()();
2127
993
  } if (rf & 2) {
2128
- const ctx_r1 = i0.ɵɵnextContext();
994
+ const ctx_r1 = i0.ɵɵnextContext(2);
2129
995
  i0.ɵɵadvance();
2130
- i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
996
+ i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
2131
997
  } }
2132
- function DialogDateTimePickerComponent_div_8_Template(rf, ctx) { if (rf & 1) {
998
+ function DialogDateTimePickerComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
2133
999
  const _r5 = i0.ɵɵgetCurrentView();
2134
1000
  i0.ɵɵelementStart(0, "div", 18)(1, "cauca-mobile-time-picker", 16);
2135
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_8_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
1001
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_4_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
2136
1002
  i0.ɵɵelementEnd()();
2137
1003
  } if (rf & 2) {
2138
- const ctx_r1 = i0.ɵɵnextContext();
1004
+ const ctx_r1 = i0.ɵɵnextContext(2);
2139
1005
  i0.ɵɵadvance();
2140
1006
  i0.ɵɵproperty("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
2141
1007
  } }
2142
- function DialogDateTimePickerComponent_div_9_Template(rf, ctx) { if (rf & 1) {
1008
+ function DialogDateTimePickerComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
2143
1009
  i0.ɵɵelementStart(0, "div", 19);
2144
1010
  i0.ɵɵtext(1, ":");
2145
1011
  i0.ɵɵelementEnd();
2146
1012
  } }
2147
- function DialogDateTimePickerComponent_div_10_Template(rf, ctx) { if (rf & 1) {
1013
+ function DialogDateTimePickerComponent_Conditional_4_div_6_Template(rf, ctx) { if (rf & 1) {
2148
1014
  const _r6 = i0.ɵɵgetCurrentView();
2149
1015
  i0.ɵɵelementStart(0, "div", 20)(1, "cauca-desktop-time-picker", 15);
2150
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_10_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
1016
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_6_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
2151
1017
  i0.ɵɵelementEnd()();
2152
1018
  } if (rf & 2) {
2153
- const ctx_r1 = i0.ɵɵnextContext();
1019
+ const ctx_r1 = i0.ɵɵnextContext(2);
2154
1020
  i0.ɵɵadvance();
2155
- i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
1021
+ i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
2156
1022
  } }
2157
- function DialogDateTimePickerComponent_div_11_Template(rf, ctx) { if (rf & 1) {
1023
+ function DialogDateTimePickerComponent_Conditional_4_div_7_Template(rf, ctx) { if (rf & 1) {
2158
1024
  const _r7 = i0.ɵɵgetCurrentView();
2159
1025
  i0.ɵɵelementStart(0, "div", 20)(1, "cauca-mobile-time-picker", 16);
2160
- i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_div_11_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
1026
+ i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_div_7_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
2161
1027
  i0.ɵɵelementEnd()();
2162
1028
  } if (rf & 2) {
2163
- const ctx_r1 = i0.ɵɵnextContext();
1029
+ const ctx_r1 = i0.ɵɵnextContext(2);
2164
1030
  i0.ɵɵadvance();
2165
1031
  i0.ɵɵproperty("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
2166
1032
  } }
2167
- function DialogDateTimePickerComponent_button_13_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
1033
+ function DialogDateTimePickerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1034
+ i0.ɵɵtemplate(0, DialogDateTimePickerComponent_Conditional_4_div_0_Template, 2, 6, "div", 9)(1, DialogDateTimePickerComponent_Conditional_4_div_1_Template, 2, 2, "div", 9)(2, DialogDateTimePickerComponent_Conditional_4_div_2_Template, 2, 0, "div", 10)(3, DialogDateTimePickerComponent_Conditional_4_div_3_Template, 2, 6, "div", 11)(4, DialogDateTimePickerComponent_Conditional_4_div_4_Template, 2, 2, "div", 11)(5, DialogDateTimePickerComponent_Conditional_4_div_5_Template, 2, 0, "div", 12)(6, DialogDateTimePickerComponent_Conditional_4_div_6_Template, 2, 6, "div", 13)(7, DialogDateTimePickerComponent_Conditional_4_div_7_Template, 2, 2, "div", 13);
1035
+ } if (rf & 2) {
1036
+ const ctx_r1 = i0.ɵɵnextContext();
1037
+ i0.ɵɵproperty("ngIf", !ctx_r1.showMobileUi);
1038
+ i0.ɵɵadvance();
1039
+ i0.ɵɵproperty("ngIf", ctx_r1.showMobileUi);
1040
+ i0.ɵɵadvance();
1041
+ i0.ɵɵproperty("ngIf", ctx_r1.showMobileUi);
1042
+ i0.ɵɵadvance();
1043
+ i0.ɵɵproperty("ngIf", !ctx_r1.showMobileUi);
1044
+ i0.ɵɵadvance();
1045
+ i0.ɵɵproperty("ngIf", ctx_r1.showMobileUi);
1046
+ i0.ɵɵadvance();
1047
+ i0.ɵɵproperty("ngIf", ctx_r1.showSeconds && ctx_r1.showMobileUi);
1048
+ i0.ɵɵadvance();
1049
+ i0.ɵɵproperty("ngIf", ctx_r1.showSeconds && !ctx_r1.showMobileUi);
1050
+ i0.ɵɵadvance();
1051
+ i0.ɵɵproperty("ngIf", ctx_r1.showSeconds && ctx_r1.showMobileUi);
1052
+ } }
1053
+ function DialogDateTimePickerComponent_button_6_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
2168
1054
  i0.ɵɵelementStart(0, "mat-icon");
2169
1055
  i0.ɵɵtext(1, "clear");
2170
1056
  i0.ɵɵelementEnd();
2171
1057
  } }
2172
- function DialogDateTimePickerComponent_button_13_Template(rf, ctx) { if (rf & 1) {
1058
+ function DialogDateTimePickerComponent_button_6_Template(rf, ctx) { if (rf & 1) {
2173
1059
  const _r8 = i0.ɵɵgetCurrentView();
2174
- i0.ɵɵelementStart(0, "button", 11);
2175
- i0.ɵɵlistener("click", function DialogDateTimePickerComponent_button_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clear()); });
2176
- i0.ɵɵtemplate(1, DialogDateTimePickerComponent_button_13_mat_icon_1_Template, 2, 0, "mat-icon", 12);
1060
+ i0.ɵɵelementStart(0, "button", 6);
1061
+ i0.ɵɵlistener("click", function DialogDateTimePickerComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clear()); });
1062
+ i0.ɵɵtemplate(1, DialogDateTimePickerComponent_button_6_mat_icon_1_Template, 2, 0, "mat-icon", 7);
2177
1063
  i0.ɵɵtext(2);
2178
1064
  i0.ɵɵpipe(3, "translate");
2179
1065
  i0.ɵɵelementEnd();
@@ -2184,12 +1070,12 @@ function DialogDateTimePickerComponent_button_13_Template(rf, ctx) { if (rf & 1)
2184
1070
  i0.ɵɵadvance();
2185
1071
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "material.clear"), " ");
2186
1072
  } }
2187
- function DialogDateTimePickerComponent_mat_icon_15_Template(rf, ctx) { if (rf & 1) {
1073
+ function DialogDateTimePickerComponent_mat_icon_8_Template(rf, ctx) { if (rf & 1) {
2188
1074
  i0.ɵɵelementStart(0, "mat-icon");
2189
1075
  i0.ɵɵtext(1, "cancel");
2190
1076
  i0.ɵɵelementEnd();
2191
1077
  } }
2192
- function DialogDateTimePickerComponent_mat_icon_19_Template(rf, ctx) { if (rf & 1) {
1078
+ function DialogDateTimePickerComponent_mat_icon_12_Template(rf, ctx) { if (rf & 1) {
2193
1079
  i0.ɵɵelementStart(0, "mat-icon");
2194
1080
  i0.ɵɵtext(1, "check");
2195
1081
  i0.ɵɵelementEnd();
@@ -2212,6 +1098,7 @@ class DialogDateTimePickerComponent {
2212
1098
  this.minutes = [...Array(60).keys()];
2213
1099
  this.seconds = [...Array(60).keys()];
2214
1100
  this.showMobileUi = false;
1101
+ this.showTime = signal(true);
2215
1102
  this.disabled = {
2216
1103
  hours: true,
2217
1104
  someHours: [],
@@ -2229,6 +1116,7 @@ class DialogDateTimePickerComponent {
2229
1116
  this.showSeconds = options.showSeconds;
2230
1117
  this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
2231
1118
  this.showClearButton = options.showClearButton ?? this.showClearButton;
1119
+ this.showTime.set(options.showTime ?? true);
2232
1120
  this.setListHoursMinutes();
2233
1121
  this.initialEachComponentValue(options);
2234
1122
  }
@@ -2351,28 +1239,28 @@ class DialogDateTimePickerComponent {
2351
1239
  this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
2352
1240
  this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
2353
1241
  }
2354
- static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
1242
+ static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
2355
1243
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
2356
1244
  i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
2357
- } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 22, vars: 21, consts: [["mat-dialog-content", ""], [1, "date-time-picker", 3, "ngClass"], [1, "calendar"], [3, "selectedChange", "minDate", "maxDate", "selected"], ["class", "hours", 4, "ngIf"], ["class", "hour-and-minute-separator", 4, "ngIf"], ["class", "minutes", 4, "ngIf"], ["class", "minute-and-second-separator", 4, "ngIf"], ["class", "seconds", 4, "ngIf"], ["mat-dialog-actions", "", "align", "end"], ["mat-stroked-button", "", 3, "click", 4, "ngIf"], ["mat-stroked-button", "", 3, "click"], [4, "ngIf"], ["color", "primary", "mat-raised-button", "", "cdkFocusInitial", "", 3, "click"], [1, "hours"], [3, "valueChange", "disabled", "options", "value"], [3, "valueChange", "options", "value"], [1, "hour-and-minute-separator"], [1, "minutes"], [1, "minute-and-second-separator"], [1, "seconds"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
1245
+ } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 15, vars: 14, consts: [["mat-dialog-content", ""], [1, "date-time-picker", 3, "ngClass"], [1, "calendar"], [3, "selectedChange", "minDate", "maxDate", "selected"], ["mat-dialog-actions", "", "align", "end"], ["mat-stroked-button", "", 3, "click", 4, "ngIf"], ["mat-stroked-button", "", 3, "click"], [4, "ngIf"], ["color", "primary", "mat-raised-button", "", "cdkFocusInitial", "", 3, "click"], ["class", "hours", 4, "ngIf"], ["class", "hour-and-minute-separator", 4, "ngIf"], ["class", "minutes", 4, "ngIf"], ["class", "minute-and-second-separator", 4, "ngIf"], ["class", "seconds", 4, "ngIf"], [1, "hours"], [3, "valueChange", "disabled", "options", "value"], [3, "valueChange", "options", "value"], [1, "hour-and-minute-separator"], [1, "minutes"], [1, "minute-and-second-separator"], [1, "seconds"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
2358
1246
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
2359
1247
  i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
2360
1248
  i0.ɵɵelementEnd()();
2361
- i0.ɵɵtemplate(4, DialogDateTimePickerComponent_div_4_Template, 2, 6, "div", 4)(5, DialogDateTimePickerComponent_div_5_Template, 2, 2, "div", 4)(6, DialogDateTimePickerComponent_div_6_Template, 2, 0, "div", 5)(7, DialogDateTimePickerComponent_div_7_Template, 2, 6, "div", 6)(8, DialogDateTimePickerComponent_div_8_Template, 2, 2, "div", 6)(9, DialogDateTimePickerComponent_div_9_Template, 2, 0, "div", 7)(10, DialogDateTimePickerComponent_div_10_Template, 2, 6, "div", 8)(11, DialogDateTimePickerComponent_div_11_Template, 2, 2, "div", 8);
1249
+ i0.ɵɵtemplate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
2362
1250
  i0.ɵɵelementEnd()();
2363
- i0.ɵɵelementStart(12, "div", 9);
2364
- i0.ɵɵtemplate(13, DialogDateTimePickerComponent_button_13_Template, 4, 4, "button", 10);
2365
- i0.ɵɵelementStart(14, "button", 11);
2366
- i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_14_listener() { return ctx.cancel(); });
2367
- i0.ɵɵtemplate(15, DialogDateTimePickerComponent_mat_icon_15_Template, 2, 0, "mat-icon", 12);
2368
- i0.ɵɵtext(16);
2369
- i0.ɵɵpipe(17, "translate");
1251
+ i0.ɵɵelementStart(5, "div", 4);
1252
+ i0.ɵɵtemplate(6, DialogDateTimePickerComponent_button_6_Template, 4, 4, "button", 5);
1253
+ i0.ɵɵelementStart(7, "button", 6);
1254
+ i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_7_listener() { return ctx.cancel(); });
1255
+ i0.ɵɵtemplate(8, DialogDateTimePickerComponent_mat_icon_8_Template, 2, 0, "mat-icon", 7);
1256
+ i0.ɵɵtext(9);
1257
+ i0.ɵɵpipe(10, "translate");
2370
1258
  i0.ɵɵelementEnd();
2371
- i0.ɵɵelementStart(18, "button", 13);
2372
- i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_18_listener() { return ctx.confirm(); });
2373
- i0.ɵɵtemplate(19, DialogDateTimePickerComponent_mat_icon_19_Template, 2, 0, "mat-icon", 12);
2374
- i0.ɵɵtext(20);
2375
- i0.ɵɵpipe(21, "translate");
1259
+ i0.ɵɵelementStart(11, "button", 8);
1260
+ i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_11_listener() { return ctx.confirm(); });
1261
+ i0.ɵɵtemplate(12, DialogDateTimePickerComponent_mat_icon_12_Template, 2, 0, "mat-icon", 7);
1262
+ i0.ɵɵtext(13);
1263
+ i0.ɵɵpipe(14, "translate");
2376
1264
  i0.ɵɵelementEnd()();
2377
1265
  } if (rf & 2) {
2378
1266
  i0.ɵɵadvance();
@@ -2380,65 +1268,63 @@ class DialogDateTimePickerComponent {
2380
1268
  i0.ɵɵadvance(2);
2381
1269
  i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
2382
1270
  i0.ɵɵadvance();
2383
- i0.ɵɵproperty("ngIf", !ctx.showMobileUi);
2384
- i0.ɵɵadvance();
2385
- i0.ɵɵproperty("ngIf", ctx.showMobileUi);
2386
- i0.ɵɵadvance();
2387
- i0.ɵɵproperty("ngIf", ctx.showMobileUi);
2388
- i0.ɵɵadvance();
2389
- i0.ɵɵproperty("ngIf", !ctx.showMobileUi);
2390
- i0.ɵɵadvance();
2391
- i0.ɵɵproperty("ngIf", ctx.showMobileUi);
2392
- i0.ɵɵadvance();
2393
- i0.ɵɵproperty("ngIf", ctx.showSeconds && ctx.showMobileUi);
2394
- i0.ɵɵadvance();
2395
- i0.ɵɵproperty("ngIf", ctx.showSeconds && !ctx.showMobileUi);
2396
- i0.ɵɵadvance();
2397
- i0.ɵɵproperty("ngIf", ctx.showSeconds && ctx.showMobileUi);
1271
+ i0.ɵɵconditional(ctx.showTime() ? 4 : -1);
2398
1272
  i0.ɵɵadvance(2);
2399
1273
  i0.ɵɵproperty("ngIf", ctx.showClearButton);
2400
1274
  i0.ɵɵadvance(2);
2401
1275
  i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
2402
1276
  i0.ɵɵadvance();
2403
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 17, "material.cancel"), " ");
1277
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "material.cancel"), " ");
2404
1278
  i0.ɵɵadvance(3);
2405
1279
  i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
2406
1280
  i0.ɵɵadvance();
2407
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21, 19, "material.ok"), " ");
2408
- } }, dependencies: [MatButtonModule, i4$1.MatButton, MatDatepickerModule, i3$1.MatCalendar, MatIconModule, i1$1.MatIcon, MatListModule,
1281
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 12, "material.ok"), " ");
1282
+ } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, CaucaCoreForChildModule, i3.TranslatePipe, MatButtonModule, i4.MatButton, MatDatepickerModule, i5$2.MatCalendar, MatIconModule, i5.MatIcon, MatListModule,
2409
1283
  MatNativeDateModule,
2410
1284
  MobileTimePickerComponent,
2411
- DesktopTimePickerComponent,
2412
- NgClass,
2413
- TranslateModule, i2.TranslatePipe], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";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%]: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;height:350px}.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)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker[_ngcontent-%COMP%]{grid-template-rows:auto auto;height:450px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child){height:70px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}"] }); }
1285
+ DesktopTimePickerComponent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";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%]: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;height:350px}.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)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker[_ngcontent-%COMP%]{grid-template-rows:auto auto;height:450px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child){height:70px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}"] }); }
2414
1286
  }
2415
1287
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
2416
1288
  type: Component,
2417
1289
  args: [{ selector: 'cauca-dialog-date-time-picker', standalone: true, imports: [
1290
+ CommonModule,
1291
+ CaucaCoreForChildModule,
2418
1292
  MatButtonModule,
2419
1293
  MatDatepickerModule,
2420
1294
  MatIconModule,
2421
1295
  MatListModule,
2422
1296
  MatNativeDateModule,
2423
1297
  MobileTimePickerComponent,
2424
- DesktopTimePickerComponent,
2425
- NgClass,
2426
- TranslateModule
2427
- ], template: "<div mat-dialog-content>\n <div [ngClass]=\"showSeconds ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\n <div class=\"calendar\">\n <mat-calendar\n [minDate]=\"minimumDate\"\n [maxDate]=\"maximumDate\"\n [selected]=\"selectedDate\"\n (selectedChange)=\"dateChanged($event)\"\n ></mat-calendar>\n </div>\n\n <div class=\"hours\" *ngIf=\"!showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n </div>\n <div class=\"hours\" *ngIf=\"showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n </div>\n\n <div class=\"hour-and-minute-separator\" *ngIf=\"showMobileUi\">:</div>\n\n <div class=\"minutes\" *ngIf=\"!showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n </div>\n <div class=\"minutes\" *ngIf=\"showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n </div>\n\n <div class=\"minute-and-second-separator\" *ngIf=\"showSeconds && showMobileUi\">:</div>\n <div class=\"seconds\" *ngIf=\"showSeconds && !showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n </div>\n <div class=\"seconds\" *ngIf=\"showSeconds && showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n </div>\n </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n <button mat-stroked-button (click)=\"clear()\" *ngIf=\"showClearButton\">\n <mat-icon *ngIf=\"showButtonIcons\">clear</mat-icon>\n {{'material.clear' | translate}}\n </button>\n <button mat-stroked-button (click)=\"cancel()\">\n <mat-icon *ngIf=\"showButtonIcons\">cancel</mat-icon>\n {{'material.cancel' | translate}}\n </button>\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n <mat-icon *ngIf=\"showButtonIcons\">check</mat-icon>\n {{'material.ok' | translate}}\n </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.date-time-picker{display:grid;grid-template-areas:\"calendar hours minutes seconds\";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:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px;height:350px}.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)}.calendar{grid-area:calendar}.hours{grid-area:hours}.minutes{grid-area:minutes}.seconds{grid-area:seconds}.hour-and-minute-separator{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker{grid-template-rows:auto auto;height:450px}.date-time-picker>div{border-left:none}.date-time-picker>div:not(:first-child){height:70px}.date-time-picker>div:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}\n"] }]
2428
- }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
1298
+ DesktopTimePickerComponent
1299
+ ], template: "<div mat-dialog-content>\n <div [ngClass]=\"showSeconds ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\n <div class=\"calendar\">\n <mat-calendar\n [minDate]=\"minimumDate\"\n [maxDate]=\"maximumDate\"\n [selected]=\"selectedDate\"\n (selectedChange)=\"dateChanged($event)\"\n ></mat-calendar>\n </div>\n\n @if (showTime()) {\n <div class=\"hours\" *ngIf=\"!showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n </div>\n <div class=\"hours\" *ngIf=\"showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n </div>\n \n <div class=\"hour-and-minute-separator\" *ngIf=\"showMobileUi\">:</div>\n \n <div class=\"minutes\" *ngIf=\"!showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n </div>\n <div class=\"minutes\" *ngIf=\"showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n </div>\n \n <div class=\"minute-and-second-separator\" *ngIf=\"showSeconds && showMobileUi\">:</div>\n <div class=\"seconds\" *ngIf=\"showSeconds && !showMobileUi\">\n <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n </div>\n <div class=\"seconds\" *ngIf=\"showSeconds && showMobileUi\">\n <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n </div>\n }\n </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n <button mat-stroked-button (click)=\"clear()\" *ngIf=\"showClearButton\">\n <mat-icon *ngIf=\"showButtonIcons\">clear</mat-icon>\n {{'material.clear' | translate}}\n </button>\n <button mat-stroked-button (click)=\"cancel()\">\n <mat-icon *ngIf=\"showButtonIcons\">cancel</mat-icon>\n {{'material.cancel' | translate}}\n </button>\n <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n <mat-icon *ngIf=\"showButtonIcons\">check</mat-icon>\n {{'material.ok' | translate}}\n </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.date-time-picker{display:grid;grid-template-areas:\"calendar hours minutes seconds\";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:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px;height:350px}.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)}.calendar{grid-area:calendar}.hours{grid-area:hours}.minutes{grid-area:minutes}.seconds{grid-area:seconds}.hour-and-minute-separator{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker{grid-template-rows:auto auto;height:450px}.date-time-picker>div{border-left:none}.date-time-picker>div:not(:first-child){height:70px}.date-time-picker>div:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}\n"] }]
1300
+ }], () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
2429
1301
  type: Inject,
2430
1302
  args: [MAT_DIALOG_DATA]
2431
1303
  }] }], { onResize: [{
2432
1304
  type: HostListener,
2433
1305
  args: ['window:resize', ['$event']]
2434
1306
  }] }); })();
2435
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\dialog-date-time-picker\\dialog-date-time-picker.component.ts", lineNumber: 31 }); })();
1307
+ (() => { (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: 31 }); })();
2436
1308
 
1309
+ function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1310
+ i0.ɵɵelementStart(0, "mat-label");
1311
+ i0.ɵɵtext(1);
1312
+ i0.ɵɵpipe(2, "translate");
1313
+ i0.ɵɵelementEnd();
1314
+ } if (rf & 2) {
1315
+ const ctx_r0 = i0.ɵɵnextContext();
1316
+ i0.ɵɵadvance();
1317
+ i0.ɵɵtextInterpolate(ctx_r0.translateLabel() ? i0.ɵɵpipeBind1(2, 1, ctx_r0.label()) : ctx_r0.label());
1318
+ } }
2437
1319
  class CaucaDateTimePickerComponent {
2438
1320
  constructor(elementRef, dialog, datePipe) {
2439
1321
  this.elementRef = elementRef;
2440
1322
  this.dialog = dialog;
2441
1323
  this.datePipe = datePipe;
1324
+ this.appearance = input('fill');
1325
+ this.showTime = input(true);
1326
+ this.label = input('');
1327
+ this.translateLabel = input(true);
2442
1328
  this.stepHours = 1;
2443
1329
  this.stepMinutes = 1;
2444
1330
  this.stepSecondes = 1;
@@ -2450,6 +1336,8 @@ class CaucaDateTimePickerComponent {
2450
1336
  this.showButtonIcons = true;
2451
1337
  this.selectedChange = new EventEmitter();
2452
1338
  this.stringDate = '';
1339
+ this.onChange = (value) => value;
1340
+ this.onTouched = () => { };
2453
1341
  }
2454
1342
  set value(value) {
2455
1343
  if (value) {
@@ -2467,9 +1355,19 @@ class CaucaDateTimePickerComponent {
2467
1355
  this.stringDate = this.stringifyDate(data.value);
2468
1356
  this.selectedDate = data.value;
2469
1357
  this.selectedChange.emit(data.value);
1358
+ this.onChange(data.value);
2470
1359
  }
2471
1360
  });
2472
1361
  }
1362
+ writeValue(date) {
1363
+ this.value = date;
1364
+ }
1365
+ registerOnChange(fn) {
1366
+ this.onChange = fn;
1367
+ }
1368
+ registerOnTouched(fn) {
1369
+ this.onTouched = fn;
1370
+ }
2473
1371
  getDateTimePickerOptions() {
2474
1372
  return {
2475
1373
  selectedDate: this.selectedDate,
@@ -2478,6 +1376,7 @@ class CaucaDateTimePickerComponent {
2478
1376
  showSeconds: this.showSeconds,
2479
1377
  showClearButton: this.showClearButton,
2480
1378
  showButtonIcons: this.showButtonIcons,
1379
+ showTime: this.showTime(),
2481
1380
  step: {
2482
1381
  hours: this.stepHours,
2483
1382
  minutes: this.stepMinutes,
@@ -2508,32 +1407,48 @@ class CaucaDateTimePickerComponent {
2508
1407
  bottom: `${bottom}px`,
2509
1408
  };
2510
1409
  }
2511
- static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(i1$4.DatePipe)); }; }
2512
- 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", showClearButton: "showClearButton", showButtonIcons: "showButtonIcons", value: "value" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵProvidersFeature([
1410
+ static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.MatDialog), i0.ɵɵdirectiveInject(i2.DatePipe)); }; }
1411
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { appearance: [1, "appearance"], showTime: [1, "showTime"], label: [1, "label"], translateLabel: [1, "translateLabel"], stepHours: "stepHours", stepMinutes: "stepMinutes", stepSecondes: "stepSecondes", minimumDate: "minimumDate", maximumDate: "maximumDate", showSeconds: "showSeconds", showFormat: "showFormat", showClearButton: "showClearButton", showButtonIcons: "showButtonIcons", value: "value" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵProvidersFeature([
2513
1412
  DatePipe,
2514
- ]), 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) {
2515
- i0.ɵɵelementStart(0, "mat-form-field");
2516
- i0.ɵɵelement(1, "input", 0);
2517
- i0.ɵɵelementStart(2, "button", 1);
2518
- i0.ɵɵlistener("click", function CaucaDateTimePickerComponent_Template_button_click_2_listener() { return ctx.showDialog(); });
2519
- i0.ɵɵelementStart(3, "mat-icon");
2520
- i0.ɵɵtext(4, "calendar_month");
1413
+ {
1414
+ provide: NG_VALUE_ACCESSOR,
1415
+ multi: true,
1416
+ useExisting: forwardRef(() => CaucaDateTimePickerComponent),
1417
+ }
1418
+ ]), i0.ɵɵStandaloneFeature], decls: 6, vars: 3, consts: [[3, "appearance"], ["matInput", "", "readonly", "readonly", 3, "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
1419
+ i0.ɵɵelementStart(0, "mat-form-field", 0);
1420
+ i0.ɵɵtemplate(1, CaucaDateTimePickerComponent_Conditional_1_Template, 3, 3, "mat-label");
1421
+ i0.ɵɵelement(2, "input", 1);
1422
+ i0.ɵɵelementStart(3, "button", 2);
1423
+ i0.ɵɵlistener("click", function CaucaDateTimePickerComponent_Template_button_click_3_listener() { return ctx.showDialog(); });
1424
+ i0.ɵɵelementStart(4, "mat-icon");
1425
+ i0.ɵɵtext(5, "calendar_month");
2521
1426
  i0.ɵɵelementEnd()()();
2522
1427
  } if (rf & 2) {
1428
+ i0.ɵɵproperty("appearance", ctx.appearance());
1429
+ i0.ɵɵadvance();
1430
+ i0.ɵɵconditional(ctx.label() ? 1 : -1);
2523
1431
  i0.ɵɵadvance();
2524
1432
  i0.ɵɵproperty("value", ctx.stringDate);
2525
- } }, dependencies: [MatButtonModule, i4$1.MatIconButton, MatIconModule, i1$1.MatIcon, MatInputModule, i4.MatInput, i2$3.MatFormField, i2$3.MatSuffix], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
1433
+ } }, dependencies: [TranslateModule, i3.TranslatePipe, MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatInputModule, i5$1.MatInput, i7.MatFormField, i7.MatLabel, i7.MatSuffix, MatFormFieldModule], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
2526
1434
  }
2527
1435
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
2528
1436
  type: Component,
2529
1437
  args: [{ selector: 'cauca-date-time-picker', standalone: true, imports: [
1438
+ TranslateModule,
2530
1439
  MatButtonModule,
2531
1440
  MatIconModule,
2532
1441
  MatInputModule,
1442
+ MatFormFieldModule
2533
1443
  ], providers: [
2534
1444
  DatePipe,
2535
- ], 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"] }]
2536
- }], () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }, { type: i1$4.DatePipe }], { stepHours: [{
1445
+ {
1446
+ provide: NG_VALUE_ACCESSOR,
1447
+ multi: true,
1448
+ useExisting: forwardRef(() => CaucaDateTimePickerComponent),
1449
+ }
1450
+ ], template: "<mat-form-field [appearance]=\"appearance()\">\n @if (label()) {\n <mat-label>{{ translateLabel() ? (label() | translate) : label() }}</mat-label>\n }\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"] }]
1451
+ }], () => [{ type: i0.ElementRef }, { type: i1.MatDialog }, { type: i2.DatePipe }], { stepHours: [{
2537
1452
  type: Input
2538
1453
  }], stepMinutes: [{
2539
1454
  type: Input
@@ -2556,225 +1471,7 @@ class CaucaDateTimePickerComponent {
2556
1471
  }], value: [{
2557
1472
  type: Input
2558
1473
  }] }); })();
2559
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\cauca-date-time-picker.component.ts", lineNumber: 24 }); })();
2560
-
2561
- const _c0 = ["*"];
2562
- function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
2563
- const _r1 = i0.ɵɵgetCurrentView();
2564
- i0.ɵɵelementStart(0, "app-stroked-button", 7);
2565
- i0.ɵɵlistener("click", function SnackBarComponent_Conditional_10_Template_app_stroked_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
2566
- i0.ɵɵelementEnd();
2567
- } if (rf & 2) {
2568
- const ctx_r1 = i0.ɵɵnextContext();
2569
- i0.ɵɵproperty("color", ctx_r1.buttonColor())("label", ctx_r1.buttonLabel());
2570
- } }
2571
- function SnackBarComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
2572
- const _r3 = i0.ɵɵgetCurrentView();
2573
- i0.ɵɵelementStart(0, "app-icon-button", 8);
2574
- i0.ɵɵlistener("click", function SnackBarComponent_Conditional_11_Template_app_icon_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeClick.emit()); });
2575
- i0.ɵɵelementEnd();
2576
- } }
2577
- class SnackBarComponent {
2578
- constructor() {
2579
- this.icon = input('info_outlined');
2580
- this.title = input('');
2581
- this.showButton = input(false);
2582
- this.buttonLabel = input('');
2583
- this.showCloseButton = input(false);
2584
- this.type = input('info');
2585
- this.variant = input('standard');
2586
- this.appearanceClasses = computed(() => `${this.type()} ${this.variant()}`);
2587
- this.buttonColor = computed(() => this.variant() === 'filled' ? 'white' : undefined);
2588
- this.closeClick = new EventEmitter();
2589
- this.buttonClick = new EventEmitter();
2590
- }
2591
- static { this.ɵfac = function SnackBarComponent_Factory(t) { return new (t || SnackBarComponent)(); }; }
2592
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackBarComponent, selectors: [["app-snackbar"]], inputs: { icon: [1, "icon"], title: [1, "title"], showButton: [1, "showButton"], buttonLabel: [1, "buttonLabel"], showCloseButton: [1, "showCloseButton"], type: [1, "type"], variant: [1, "variant"] }, outputs: { closeClick: "closeClick", buttonClick: "buttonClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 12, vars: 7, consts: [[1, "container", 3, "ngClass"], [1, "icon-container"], [1, "text-container"], [1, "title", "alert-title"], [1, "message", "body2"], [3, "color", "label"], ["icon", "close"], [3, "click", "color", "label"], ["icon", "close", 3, "click"]], template: function SnackBarComponent_Template(rf, ctx) { if (rf & 1) {
2593
- i0.ɵɵprojectionDef();
2594
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-icon");
2595
- i0.ɵɵtext(3);
2596
- i0.ɵɵelementEnd()();
2597
- i0.ɵɵelementStart(4, "div", 2)(5, "div", 3);
2598
- i0.ɵɵtext(6);
2599
- i0.ɵɵpipe(7, "translate");
2600
- i0.ɵɵelementEnd();
2601
- i0.ɵɵelementStart(8, "div", 4);
2602
- i0.ɵɵprojection(9);
2603
- i0.ɵɵelementEnd()();
2604
- i0.ɵɵtemplate(10, SnackBarComponent_Conditional_10_Template, 1, 2, "app-stroked-button", 5)(11, SnackBarComponent_Conditional_11_Template, 1, 0, "app-icon-button", 6);
2605
- i0.ɵɵelementEnd();
2606
- } if (rf & 2) {
2607
- i0.ɵɵproperty("ngClass", ctx.appearanceClasses());
2608
- i0.ɵɵadvance(3);
2609
- i0.ɵɵtextInterpolate(ctx.icon());
2610
- i0.ɵɵadvance(3);
2611
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 5, ctx.title()));
2612
- i0.ɵɵadvance(4);
2613
- i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
2614
- i0.ɵɵadvance();
2615
- i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
2616
- } }, dependencies: [MatIcon, StrokedButtonComponent, IconButtonComponent, NgClass, TranslateModule, i2.TranslatePipe], styles: [".info[_ngcontent-%COMP%]{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning[_ngcontent-%COMP%]{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success[_ngcontent-%COMP%]{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error[_ngcontent-%COMP%]{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled[_ngcontent-%COMP%]{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%], .outlined[_ngcontent-%COMP%]{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container[_ngcontent-%COMP%]{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container[_ngcontent-%COMP%]{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container[_ngcontent-%COMP%]{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:var(--iconColor)}.message[_ngcontent-%COMP%], .title[_ngcontent-%COMP%]{color:var(--textColor)}.standard[_ngcontent-%COMP%]{background-color:var(--lightBackgroundColor)}.outlined[_ngcontent-%COMP%]{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%] .outlined[_ngcontent-%COMP%]{color:var(--darkColor)}"], changeDetection: 0 }); }
2617
- }
2618
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
2619
- type: Component,
2620
- args: [{ selector: 'app-snackbar', standalone: true, imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, NgClass, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [ngClass]=\"appearanceClasses()\">\r\n\r\n <div class=\"icon-container\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n </div>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"title alert-title\">{{title()|translate}}</div>\r\n <div class=\"message body2\"><ng-content></ng-content></div>\r\n </div>\r\n\r\n @if (showButton()) {<app-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" />}\r\n\r\n @if (showCloseButton()) {<app-icon-button icon=\"close\" (click)=\"closeClick.emit()\" />}\r\n\r\n</div>", styles: [".info{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard,.outlined{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container mat-icon{color:var(--iconColor)}.message,.title{color:var(--textColor)}.standard{background-color:var(--lightBackgroundColor)}.outlined{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard .outlined{color:var(--darkColor)}\n"] }]
2621
- }], null, { closeClick: [{
2622
- type: Output
2623
- }], buttonClick: [{
2624
- type: Output
2625
- }] }); })();
2626
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib\\notifications\\snack-bar\\snack-bar.component.ts", lineNumber: 16 }); })();
2627
-
2628
- class AlertDialogComponent {
2629
- constructor(dialogRef, data) {
2630
- this.dialogRef = dialogRef;
2631
- this.data = data;
2632
- this.title = '';
2633
- this.message = '';
2634
- this.title = data.title;
2635
- this.message = data.message;
2636
- }
2637
- closeClick() {
2638
- this.dialogRef.close();
2639
- }
2640
- static { this.ɵfac = function AlertDialogComponent_Factory(t) { return new (t || AlertDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
2641
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertDialogComponent, selectors: [["app-alert-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 15, vars: 9, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "mat-icon-button", "", "mat-dialog-close", ""], ["mat-dialog-content", ""], ["mat-dialog-actions", "", "align", "end"], ["mat-raised-button", "", "id", "okButton", "color", "primary", "mat-dialog-close", ""]], template: function AlertDialogComponent_Template(rf, ctx) { if (rf & 1) {
2642
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
2643
- i0.ɵɵtext(2);
2644
- i0.ɵɵpipe(3, "translate");
2645
- i0.ɵɵelementEnd();
2646
- i0.ɵɵelementStart(4, "button", 2)(5, "mat-icon");
2647
- i0.ɵɵtext(6, "close");
2648
- i0.ɵɵelementEnd()()();
2649
- i0.ɵɵelementStart(7, "div", 3)(8, "p");
2650
- i0.ɵɵtext(9);
2651
- i0.ɵɵpipe(10, "translate");
2652
- i0.ɵɵelementEnd()();
2653
- i0.ɵɵelementStart(11, "div", 4)(12, "button", 5);
2654
- i0.ɵɵtext(13);
2655
- i0.ɵɵpipe(14, "translate");
2656
- i0.ɵɵelementEnd()();
2657
- } if (rf & 2) {
2658
- i0.ɵɵadvance(2);
2659
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, ctx.title));
2660
- i0.ɵɵadvance(7);
2661
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 5, ctx.message));
2662
- i0.ɵɵadvance(4);
2663
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 7, "ok"));
2664
- } }, dependencies: [TranslateModule, i2.TranslatePipe, MatDialogModule, i1$2.MatDialogClose, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, MatIconModule, i1$1.MatIcon, MatButtonModule, i4$1.MatButton, i4$1.MatIconButton], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}"] }); }
2665
- }
2666
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
2667
- type: Component,
2668
- args: [{ selector: 'app-alert-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, MatIconModule, MatButtonModule], template: "<div mat-dialog-title>\n <div class=\"h6\">{{ title | translate }}</div>\n <button id=\"closeButton\" mat-icon-button mat-dialog-close>\n <mat-icon>close</mat-icon>\n </button>\n</div>\n<div mat-dialog-content>\n <p>{{ message | translate }}</p>\n</div>\n<div mat-dialog-actions align=\"end\">\n <button mat-raised-button id=\"okButton\" color=\"primary\" mat-dialog-close>{{'ok' | translate}}</button>\n</div>", styles: [":host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
2669
- }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
2670
- type: Inject,
2671
- args: [MAT_DIALOG_DATA]
2672
- }] }], null); })();
2673
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib\\dialogs\\alert-dialog\\alert-dialog.component.ts", lineNumber: 15 }); })();
2674
-
2675
- class ConfirmDialogComponent {
2676
- constructor(dialogRef, data) {
2677
- this.dialogRef = dialogRef;
2678
- this.data = data;
2679
- this.title = '';
2680
- this.message = '';
2681
- this.title = data.title;
2682
- this.message = data.message;
2683
- this.options = data.options;
2684
- }
2685
- noClick() {
2686
- this.dialogRef.close(ConfirmationResult.No);
2687
- }
2688
- yesClick() {
2689
- this.dialogRef.close(ConfirmationResult.Yes);
2690
- }
2691
- cancelClick() {
2692
- this.dialogRef.close(ConfirmationResult.Cancel);
2693
- }
2694
- static { this.ɵfac = function ConfirmDialogComponent_Factory(t) { return new (t || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
2695
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["app-confirm-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 12, vars: 11, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "close-button", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], [1, "message"], ["mat-dialog-actions", "", "align", "end"], [1, "no-button", 3, "buttonClick", "label", "color"], [1, "yes-button", 3, "buttonClick", "label", "color"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
2696
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
2697
- i0.ɵɵtext(2);
2698
- i0.ɵɵpipe(3, "translate");
2699
- i0.ɵɵelementEnd();
2700
- i0.ɵɵelementStart(4, "app-icon-button", 2);
2701
- i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_icon_button_buttonClick_4_listener() { return ctx.cancelClick(); });
2702
- i0.ɵɵelementEnd()();
2703
- i0.ɵɵelementStart(5, "div", 3)(6, "p", 4);
2704
- i0.ɵɵtext(7);
2705
- i0.ɵɵpipe(8, "translate");
2706
- i0.ɵɵelementEnd()();
2707
- i0.ɵɵelementStart(9, "div", 5)(10, "app-stroked-button", 6);
2708
- i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_stroked_button_buttonClick_10_listener() { return ctx.noClick(); });
2709
- i0.ɵɵelementEnd();
2710
- i0.ɵɵelementStart(11, "app-raised-button", 7);
2711
- i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_raised_button_buttonClick_11_listener() { return ctx.yesClick(); });
2712
- i0.ɵɵelementEnd()();
2713
- } if (rf & 2) {
2714
- i0.ɵɵadvance(2);
2715
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 6, ctx.title));
2716
- i0.ɵɵadvance(5);
2717
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 8, ctx.message, ctx.options.messageArgs));
2718
- i0.ɵɵadvance(3);
2719
- i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
2720
- i0.ɵɵadvance();
2721
- i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
2722
- } }, dependencies: [TranslateModule, i2.TranslatePipe, MatDialogModule, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}"] }); }
2723
- }
2724
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
2725
- type: Component,
2726
- args: [{ selector: 'app-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, MatIcon, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6 title\">{{ title | translate }}</div>\n <app-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n </div>\n <div mat-dialog-content>\n <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n </div>\n <div mat-dialog-actions align=\"end\">\n <app-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n <app-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n </div>", styles: [":host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}\n"] }]
2727
- }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
2728
- type: Inject,
2729
- args: [MAT_DIALOG_DATA]
2730
- }] }], null); })();
2731
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib\\dialogs\\confirm-dialog\\confirm-dialog.component.ts", lineNumber: 18 }); })();
2732
-
2733
- class DialogService {
2734
- constructor(dialog) {
2735
- this.dialog = dialog;
2736
- this.defaultConfirmationOptions = {
2737
- noText: 'no',
2738
- noColor: 'primary',
2739
- yesText: 'yes',
2740
- messageArgs: null,
2741
- yesColor: 'primary'
2742
- };
2743
- }
2744
- async showDialog(title, message) {
2745
- const dialogRef = this.dialog.open(AlertDialogComponent, {
2746
- data: { title, message },
2747
- autoFocus: false
2748
- });
2749
- return await firstValueFrom(dialogRef.afterClosed());
2750
- }
2751
- async showCustomDialog(component, args, options = { autoFocus: false }) {
2752
- const config = { ...options, ...{ data: args } };
2753
- return await this.dialog.open(component, config)
2754
- .afterClosed();
2755
- }
2756
- async askForConfirmation(title, message, args = null, options = { autoFocus: false }) {
2757
- args = { ...this.defaultConfirmationOptions, ...(args || {}) };
2758
- const data = { options: args, title, message };
2759
- const config = { ...options, ...{ data } };
2760
- const dialogRef = this.dialog.open(ConfirmDialogComponent, config);
2761
- return await dialogRef.afterClosed();
2762
- }
2763
- static { this.ɵfac = function DialogService_Factory(t) { return new (t || DialogService)(i0.ɵɵinject(i1$2.MatDialog)); }; }
2764
- static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DialogService, factory: DialogService.ɵfac, providedIn: 'root' }); }
2765
- }
2766
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogService, [{
2767
- type: Injectable,
2768
- args: [{
2769
- providedIn: 'root'
2770
- }]
2771
- }], () => [{ type: i1$2.MatDialog }], null); })();
2772
- var ConfirmationResult;
2773
- (function (ConfirmationResult) {
2774
- ConfirmationResult[ConfirmationResult["Cancel"] = 0] = "Cancel";
2775
- ConfirmationResult[ConfirmationResult["Yes"] = 1] = "Yes";
2776
- ConfirmationResult[ConfirmationResult["No"] = 2] = "No";
2777
- })(ConfirmationResult || (ConfirmationResult = {}));
1474
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\cauca-date-time-picker.component.ts", lineNumber: 34 }); })();
2778
1475
 
2779
1476
  class MenuItem {
2780
1477
  constructor(label, path, icon = '') {
@@ -2793,5 +1490,5 @@ class MenuItem {
2793
1490
  * Generated bundle index. Do not edit.
2794
1491
  */
2795
1492
 
2796
- export { BasicButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ConfirmationResult, DialogService, ExpandablePanelComponent, FlatButtonComponent, IconButtonComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItem, MenuItemComponent, PageTitleComponent, PasswordCriteriaComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent };
1493
+ export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
2797
1494
  //# sourceMappingURL=cauca-911-material.mjs.map