@cauca-911/material 19.0.4 → 20.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 (48) hide show
  1. package/assets/i18n/cauca/en-material.json +2 -1
  2. package/assets/i18n/cauca/es-material.json +2 -1
  3. package/assets/i18n/cauca/fr-material.json +2 -1
  4. package/fesm2022/cauca-911-material.mjs +776 -176
  5. package/fesm2022/cauca-911-material.mjs.map +1 -1
  6. package/index.d.ts +279 -6
  7. package/package.json +8 -8
  8. package/cauca-911-material.d.ts.map +0 -1
  9. package/lib/cauca-date-time-picker/cauca-date-time-picker.component.d.ts +0 -45
  10. package/lib/cauca-date-time-picker/cauca-date-time-picker.component.d.ts.map +0 -1
  11. package/lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.d.ts +0 -15
  12. package/lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.d.ts.map +0 -1
  13. package/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts +0 -46
  14. package/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts.map +0 -1
  15. package/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.d.ts +0 -12
  16. package/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.d.ts.map +0 -1
  17. package/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.d.ts +0 -27
  18. package/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.d.ts.map +0 -1
  19. package/lib/cauca-input-file/cauca-input-file.component.d.ts +0 -24
  20. package/lib/cauca-input-file/cauca-input-file.component.d.ts.map +0 -1
  21. package/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.d.ts +0 -20
  22. package/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.d.ts.map +0 -1
  23. package/lib/cauca-material.component.d.ts +0 -6
  24. package/lib/cauca-material.component.d.ts.map +0 -1
  25. package/lib/cauca-material.module.d.ts +0 -27
  26. package/lib/cauca-material.module.d.ts.map +0 -1
  27. package/lib/cauca-material.service.d.ts +0 -6
  28. package/lib/cauca-material.service.d.ts.map +0 -1
  29. package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts +0 -23
  30. package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts.map +0 -1
  31. package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts +0 -15
  32. package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts.map +0 -1
  33. package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts +0 -12
  34. package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts.map +0 -1
  35. package/lib/cauca-slideshow/cauca-slideshow.component.d.ts +0 -21
  36. package/lib/cauca-slideshow/cauca-slideshow.component.d.ts.map +0 -1
  37. package/lib/shared/models/menu-item.d.ts +0 -9
  38. package/lib/shared/models/menu-item.d.ts.map +0 -1
  39. package/lib/shared/models/simple-dialog-data.d.ts +0 -6
  40. package/lib/shared/models/simple-dialog-data.d.ts.map +0 -1
  41. package/lib/test-component-with-classic-input/test-component-with-classic-input.component.d.ts +0 -10
  42. package/lib/test-component-with-classic-input/test-component-with-classic-input.component.d.ts.map +0 -1
  43. package/lib/test-component-with-model-signal/test-component-with-model-signal.component.d.ts +0 -8
  44. package/lib/test-component-with-model-signal/test-component-with-model-signal.component.d.ts.map +0 -1
  45. package/lib/test-component-with-signal-input/test-component-with-signal-input.component.d.ts +0 -9
  46. package/lib/test-component-with-signal-input/test-component-with-signal-input.component.d.ts.map +0 -1
  47. package/public-api.d.ts +0 -15
  48. package/public-api.d.ts.map +0 -1
@@ -1,35 +1,35 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, HostListener, model, input, output, NgModule, signal, inject, Injector, forwardRef } from '@angular/core';
3
- import * as i3 from '@ngx-translate/core';
4
- import { TranslateModule } from '@ngx-translate/core';
5
- import * as i2 from '@angular/common';
6
- import { CommonModule, DatePipe } from '@angular/common';
7
- import * as i3$1 from '@angular/forms';
2
+ import { Injectable, Component, inject, EventEmitter, Input, Output, ViewChild, ElementRef, HostListener, NgModule, signal, Injector, forwardRef, input, computed, output, Directive, ChangeDetectionStrategy } from '@angular/core';
3
+ import * as i1 from '@ngx-translate/core';
4
+ import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
5
+ import * as i1$1 from '@angular/common';
6
+ import { CommonModule, DatePipe, NgClass } from '@angular/common';
7
+ import * as i2$2 from '@angular/forms';
8
8
  import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule, NgControl, FormControlName, ControlContainer, FormControl, 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';
9
+ import * as i2 from '@angular/material/button';
10
+ import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
11
+ import * as i4 from '@angular/material/form-field';
12
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';
13
+ import * as i2$1 from '@angular/material/icon';
14
+ import { MatIconModule, MatIcon } from '@angular/material/icon';
15
+ import * as i4$1 from '@angular/material/input';
16
16
  import { MatInputModule } from '@angular/material/input';
17
- import * as i6 from '@angular/material/tabs';
17
+ import * as i5 from '@angular/material/tabs';
18
18
  import { MatTabsModule } from '@angular/material/tabs';
19
- import * as i3$2 from '@fortawesome/angular-fontawesome';
19
+ import * as i2$3 from '@fortawesome/angular-fontawesome';
20
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';
21
+ import { TranslateService, CaucaCoreService, CaucaCoreForChildModule } from '@cauca-911/core';
22
+ import * as i3 from '@angular/material/dialog';
23
+ import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
24
+ import { Router, NavigationEnd } from '@angular/router';
25
+ import { trigger, state, transition, style, animate } from '@angular/animations';
28
26
  import { provideNativeDateAdapter } from '@angular/material/core';
29
- import * as i5$2 from '@angular/material/datepicker';
27
+ import * as i3$1 from '@angular/material/datepicker';
30
28
  import { MatDatepickerModule } from '@angular/material/datepicker';
31
- import * as i1$3 from '@angular/material/list';
29
+ import * as i1$2 from '@angular/material/list';
32
30
  import { MatListModule } from '@angular/material/list';
31
+ import * as i1$3 from '@angular/cdk/clipboard';
32
+ import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
33
33
 
34
34
  class CaucaMaterialService {
35
35
  static { this.ɵfac = function CaucaMaterialService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMaterialService)(); }; }
@@ -52,7 +52,7 @@ class CaucaMaterialComponent {
52
52
  } if (rf & 2) {
53
53
  i0.ɵɵadvance();
54
54
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
55
- } }, dependencies: [i3.TranslatePipe], encapsulation: 2 }); }
55
+ } }, dependencies: [i1.TranslatePipe], encapsulation: 2 }); }
56
56
  }
57
57
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
58
58
  type: Component,
@@ -60,12 +60,6 @@ class CaucaMaterialComponent {
60
60
  }], null, null); })();
61
61
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib/cauca-material.component.ts", lineNumber: 9 }); })();
62
62
 
63
- class SimpleDialogData {
64
- constructor() {
65
- this.buttons = [];
66
- }
67
- }
68
-
69
63
  function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
70
64
  const _r1 = i0.ɵɵgetCurrentView();
71
65
  i0.ɵɵelementStart(0, "button", 6);
@@ -87,14 +81,14 @@ function CaucaSimpleDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
87
81
  i0.ɵɵproperty("ngForOf", ctx_r2.data.buttons);
88
82
  } }
89
83
  class CaucaSimpleDialogComponent {
90
- constructor(dialogRef, data) {
91
- this.dialogRef = dialogRef;
92
- this.data = data;
84
+ constructor() {
85
+ this.data = inject(MAT_DIALOG_DATA);
86
+ this.dialogRef = inject(MatDialogRef);
93
87
  }
94
88
  onClick(buttonIndex) {
95
89
  this.dialogRef.close(buttonIndex);
96
90
  }
97
- static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
91
+ static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSimpleDialogComponent)(); }; }
98
92
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], standalone: false, 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
93
  i0.ɵɵelementStart(0, "h1", 0);
100
94
  i0.ɵɵtext(1);
@@ -110,15 +104,12 @@ class CaucaSimpleDialogComponent {
110
104
  i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
111
105
  i0.ɵɵadvance();
112
106
  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}"] }); }
107
+ } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.MatButton, i3.MatDialogTitle, i3.MatDialogActions, i3.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
114
108
  }
115
109
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
116
110
  type: Component,
117
111
  args: [{ selector: 'cauca-simple-dialog', standalone: false, 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); })();
112
+ }], null, null); })();
122
113
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 11 }); })();
123
114
 
124
115
  const _c0$3 = ["file"];
@@ -162,15 +153,15 @@ function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
162
153
  i0.ɵɵproperty("accept", ctx_r1.accept);
163
154
  } }
164
155
  class CaucaInputFileComponent {
165
- constructor(translateService, dialog) {
166
- this.translateService = translateService;
167
- this.dialog = dialog;
156
+ constructor() {
168
157
  this.readend = new EventEmitter();
169
158
  this.accept = '';
170
159
  this.multiple = false;
171
160
  this.icon = '';
172
161
  this.text = '';
173
162
  this.labels = {};
163
+ this.translateService = inject(TranslateService);
164
+ this.dialog = inject(MatDialog);
174
165
  }
175
166
  ngOnInit() {
176
167
  if (!this.icon && !this.text) {
@@ -219,7 +210,7 @@ class CaucaInputFileComponent {
219
210
  file,
220
211
  });
221
212
  }
222
- static { this.ɵfac = function CaucaInputFileComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i1.MatDialog)); }; }
213
+ static { this.ɵfac = function CaucaInputFileComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputFileComponent)(); }; }
223
214
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
224
215
  i0.ɵɵviewQuery(_c0$3, 5);
225
216
  } if (rf & 2) {
@@ -240,12 +231,12 @@ class CaucaInputFileComponent {
240
231
  i0.ɵɵproperty("ngIf", ctx.text);
241
232
  i0.ɵɵadvance();
242
233
  i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
243
- } }, dependencies: [i2.NgIf, i4.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
234
+ } }, dependencies: [i1$1.NgIf, i2.MatButton, i2$1.MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
244
235
  }
245
236
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
246
237
  type: Component,
247
238
  args: [{ selector: 'cauca-input-file', standalone: false, 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: [{
239
+ }], null, { file: [{
249
240
  type: ViewChild,
250
241
  args: ['file', { static: false }]
251
242
  }], readend: [{
@@ -288,12 +279,13 @@ function CaucaInputMultipleLangueComponent_mat_tab_1_Template(rf, ctx) { if (rf
288
279
  i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].invalid);
289
280
  } }
290
281
  class CaucaInputMultipleLangueComponent {
291
- constructor(coreService, translate) {
292
- this.translate = translate;
282
+ constructor() {
293
283
  this.value = [];
294
284
  this.forms = [];
295
285
  this.labels = [];
296
286
  this.selectedIndex = 0;
287
+ this.translate = inject(TranslateService);
288
+ const coreService = inject(CaucaCoreService);
297
289
  this.config = coreService.getConfig();
298
290
  }
299
291
  ngOnInit() {
@@ -318,7 +310,7 @@ class CaucaInputMultipleLangueComponent {
318
310
  this.forms[index].setValue(this.value[index] || '');
319
311
  });
320
312
  }
321
- static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$1.CaucaCoreService), i0.ɵɵdirectiveInject(i1$1.TranslateService)); }; }
313
+ static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputMultipleLangueComponent)(); }; }
322
314
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, standalone: false, 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
315
  i0.ɵɵelementStart(0, "mat-tab-group", 0);
324
316
  i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
@@ -328,12 +320,12 @@ class CaucaInputMultipleLangueComponent {
328
320
  i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
329
321
  i0.ɵɵadvance();
330
322
  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%}"] }); }
323
+ } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$2.DefaultValueAccessor, i2$2.NgControlStatus, i2$2.RequiredValidator, i2$2.FormControlDirective, i4.MatFormField, i4.MatError, i4$1.MatInput, i5.MatTab, i5.MatTabGroup, i1.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
332
324
  }
333
325
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
334
326
  type: Component,
335
327
  args: [{ selector: 'cauca-input-multiple-langue', standalone: false, 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: [{
328
+ }], () => [], { value: [{
337
329
  type: Input
338
330
  }] }); })();
339
331
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 11 }); })();
@@ -453,10 +445,10 @@ function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
453
445
  i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
454
446
  } }
455
447
  class CaucaMenuVerticalComponent {
456
- constructor(router) {
457
- this.router = router;
448
+ constructor() {
458
449
  this.itemClick = new EventEmitter();
459
450
  this.menuItems = [];
451
+ this.router = inject(Router);
460
452
  this.router.events.subscribe((route) => {
461
453
  if (route instanceof NavigationEnd) {
462
454
  this.selectActiveRoute(route);
@@ -480,17 +472,17 @@ class CaucaMenuVerticalComponent {
480
472
  });
481
473
  });
482
474
  }
483
- static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); }; }
475
+ static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuVerticalComponent)(); }; }
484
476
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, standalone: false, 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
477
  i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
486
478
  } if (rf & 2) {
487
479
  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}"] }); }
480
+ } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$3.FaIconComponent, i1.TranslatePipe], styles: [".menu[_ngcontent-%COMP%], .submenu[_ngcontent-%COMP%]{cursor:pointer}h4[_ngcontent-%COMP%]{margin:0;padding:0}h4[_ngcontent-%COMP%] .menu[_ngcontent-%COMP%]{padding:1em 0;display:flex;flex-direction:row}h4[_ngcontent-%COMP%] .menu[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1 1 auto;align-self:center}.menu-dot[_ngcontent-%COMP%]{max-width:1.1em;text-align:center;margin-right:.5em;font-size:2em}.menu-icon[_ngcontent-%COMP%]{max-width:60px;text-align:center;margin-right:.5em}.submenu[_ngcontent-%COMP%]{margin-left:1em}.submenu[_ngcontent-%COMP%] .menu[_ngcontent-%COMP%]{padding:0;font-size:.9em;line-height:2.2em}.submenu[_ngcontent-%COMP%] .menu[_ngcontent-%COMP%]:before{content:\"\";margin-left:1.1em;width:.1em;height:2.5em;position:relative;background:#fff;margin-right:-1.17em}"] }); }
489
481
  }
490
482
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
491
483
  type: Component,
492
484
  args: [{ selector: 'cauca-menu-vertical', standalone: false, 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: [{
485
+ }], () => [], { itemClick: [{
494
486
  type: Output
495
487
  }], menuItems: [{
496
488
  type: Input
@@ -514,15 +506,16 @@ function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
514
506
  } if (rf & 2) {
515
507
  const ctx_r2 = i0.ɵɵnextContext();
516
508
  i0.ɵɵadvance(3);
517
- i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version, "");
509
+ i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r2.version);
518
510
  i0.ɵɵadvance(3);
519
511
  i0.ɵɵtextInterpolate(ctx_r2.version);
520
512
  } }
521
513
  class CaucaMenuSidebarComponent {
522
- constructor(element) {
514
+ constructor() {
523
515
  this.menuItems = [];
524
516
  this.version = '';
525
517
  this.keepMenuExpanded = false;
518
+ const element = inject(ElementRef);
526
519
  this.hostElement = element.nativeElement;
527
520
  this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
528
521
  this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
@@ -593,9 +586,9 @@ class CaucaMenuSidebarComponent {
593
586
  this.hostElement.classList.add('collapsed');
594
587
  }
595
588
  }
596
- static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuSidebarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
589
+ static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMenuSidebarComponent)(); }; }
597
590
  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);
591
+ i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
599
592
  } }, inputs: { menuItems: "menuItems", version: "version" }, standalone: false, 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
593
  const _r1 = i0.ɵɵgetCurrentView();
601
594
  i0.ɵɵprojectionDef(_c0$2);
@@ -622,12 +615,12 @@ class CaucaMenuSidebarComponent {
622
615
  i0.ɵɵproperty("menuItems", ctx.menuItems);
623
616
  i0.ɵɵadvance(5);
624
617
  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}}"] }); }
618
+ } }, dependencies: [i1$1.NgIf, i2.MatIconButton, i2$1.MatIcon, CaucaMenuVerticalComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{height:100%;flex-direction:column;display:flex;transition:all .1s ease-out;overflow:hidden;scrollbar-width:5px;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2)}[_ngcontent-%COMP%]::-webkit-scrollbar{width:5px}[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0003;outline:1px solid slategrey}[_nghost-%COMP%] > div[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%] > .header[_ngcontent-%COMP%], [_nghost-%COMP%] > .footer[_ngcontent-%COMP%]{flex:0 0 auto}[_nghost-%COMP%] > .content[_ngcontent-%COMP%]{flex-grow:1;overflow:hidden auto}[_nghost-%COMP%] > .version[_ngcontent-%COMP%]{max-height:1em}.hidden[_nghost-%COMP%]{width:0;min-width:0;max-width:0}.mobile[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px;position:absolute;z-index:10}.collapsed[_nghost-%COMP%]{width:75px;min-width:75px;max-width:75px}.expanded[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px}[_nghost-%COMP%] .close[_ngcontent-%COMP%]{display:none}.mobile[_nghost-%COMP%] .close[_ngcontent-%COMP%]{right:0;display:inline-block;position:absolute}.double-arrow[_ngcontent-%COMP%]{height:3em;line-height:3em;cursor:pointer;position:fixed;opacity:.25;margin-top:-1em}.double-arrow[_ngcontent-%COMP%]:hover{opacity:1}.expanded[_nghost-%COMP%] .double-arrow[_ngcontent-%COMP%]:before, .collapsed[_nghost-%COMP%] .double-arrow[_ngcontent-%COMP%]:before{font-family:Material Icons;content:\"double_arrow\";font-size:3em;text-align:right}.collapsed[_nghost-%COMP%] .double-arrow[_ngcontent-%COMP%]{margin-left:10px}.expanded[_nghost-%COMP%] .double-arrow[_ngcontent-%COMP%]{margin-left:200px}.collapsed[_nghost-%COMP%] .menu-caption, .collapsed[_nghost-%COMP%] .submenu{display:none}.keepExpanded[_nghost-%COMP%] .double-arrow[_ngcontent-%COMP%]{transform:rotate(180deg);opacity:1}.version[_ngcontent-%COMP%]{bottom:0;padding:1em}.full[_ngcontent-%COMP%], .abbr[_ngcontent-%COMP%]{display:none}.collapsed[_nghost-%COMP%] .abbr[_ngcontent-%COMP%]{display:inline}.mobile[_nghost-%COMP%] .full[_ngcontent-%COMP%], .expanded[_nghost-%COMP%] .full[_ngcontent-%COMP%]{display:inline}@media only screen and (max-width: 1000px){.double-arrow[_ngcontent-%COMP%]{display:none}}"] }); }
626
619
  }
627
620
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
628
621
  type: Component,
629
622
  args: [{ selector: 'cauca-menu-sidebar', standalone: false, 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: [{
623
+ }], () => [], { menuItems: [{
631
624
  type: Input
632
625
  }], version: [{
633
626
  type: Input
@@ -710,7 +703,7 @@ class CaucaSlideshowComponent {
710
703
  } if (rf & 2) {
711
704
  i0.ɵɵadvance(2);
712
705
  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: [
706
+ } }, dependencies: [i1$1.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
707
  trigger('slideUpDown', [
715
708
  state('in', style({ transform: 'translateY(0%)' })),
716
709
  state('out', style({ transform: 'translateY(-100%)' })),
@@ -773,81 +766,6 @@ class CaucaSlideshowComponent {
773
766
  }] }); })();
774
767
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 34 }); })();
775
768
 
776
- class TestComponentWithClassicInputComponent {
777
- constructor() {
778
- this.valueChange = new EventEmitter();
779
- }
780
- changeValue(value) {
781
- this.value = value;
782
- this.valueChange.emit(value);
783
- }
784
- static { this.ɵfac = function TestComponentWithClassicInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestComponentWithClassicInputComponent)(); }; }
785
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestComponentWithClassicInputComponent, selectors: [["cauca-test-component-with-classic-input"]], inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, decls: 2, vars: 1, template: function TestComponentWithClassicInputComponent_Template(rf, ctx) { if (rf & 1) {
786
- i0.ɵɵelementStart(0, "p");
787
- i0.ɵɵtext(1);
788
- i0.ɵɵelementEnd();
789
- } if (rf & 2) {
790
- i0.ɵɵadvance();
791
- i0.ɵɵtextInterpolate(ctx.value);
792
- } }, encapsulation: 2 }); }
793
- }
794
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestComponentWithClassicInputComponent, [{
795
- type: Component,
796
- args: [{ selector: 'cauca-test-component-with-classic-input', imports: [], template: "<p>{{value}}</p>\r\n" }]
797
- }], null, { value: [{
798
- type: Input
799
- }], valueChange: [{
800
- type: Output
801
- }] }); })();
802
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestComponentWithClassicInputComponent, { className: "TestComponentWithClassicInputComponent", filePath: "lib/test-component-with-classic-input/test-component-with-classic-input.component.ts", lineNumber: 9 }); })();
803
-
804
- class TestComponentWithModelSignalComponent {
805
- constructor() {
806
- this.value = model();
807
- }
808
- changeValue(value) {
809
- this.value.set(value);
810
- }
811
- static { this.ɵfac = function TestComponentWithModelSignalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestComponentWithModelSignalComponent)(); }; }
812
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestComponentWithModelSignalComponent, selectors: [["cauca-test-component-with-model-signal"]], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, decls: 2, vars: 1, template: function TestComponentWithModelSignalComponent_Template(rf, ctx) { if (rf & 1) {
813
- i0.ɵɵelementStart(0, "p");
814
- i0.ɵɵtext(1);
815
- i0.ɵɵelementEnd();
816
- } if (rf & 2) {
817
- i0.ɵɵadvance();
818
- i0.ɵɵtextInterpolate(ctx.value());
819
- } }, encapsulation: 2 }); }
820
- }
821
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestComponentWithModelSignalComponent, [{
822
- type: Component,
823
- args: [{ selector: 'cauca-test-component-with-model-signal', imports: [], template: "<p>{{value()}}</p>\r\n" }]
824
- }], null, null); })();
825
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestComponentWithModelSignalComponent, { className: "TestComponentWithModelSignalComponent", filePath: "lib/test-component-with-model-signal/test-component-with-model-signal.component.ts", lineNumber: 9 }); })();
826
-
827
- class TestComponentWithSignalInputComponent {
828
- constructor() {
829
- this.value = input();
830
- this.valueChange = output();
831
- }
832
- changeValue(value) {
833
- this.valueChange.emit(value);
834
- }
835
- static { this.ɵfac = function TestComponentWithSignalInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestComponentWithSignalInputComponent)(); }; }
836
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestComponentWithSignalInputComponent, selectors: [["cauca-test-component-with-signal-input"]], inputs: { value: [1, "value"] }, outputs: { valueChange: "valueChange" }, decls: 2, vars: 1, template: function TestComponentWithSignalInputComponent_Template(rf, ctx) { if (rf & 1) {
837
- i0.ɵɵelementStart(0, "p");
838
- i0.ɵɵtext(1);
839
- i0.ɵɵelementEnd();
840
- } if (rf & 2) {
841
- i0.ɵɵadvance();
842
- i0.ɵɵtextInterpolate(ctx.value());
843
- } }, encapsulation: 2 }); }
844
- }
845
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestComponentWithSignalInputComponent, [{
846
- type: Component,
847
- args: [{ selector: 'cauca-test-component-with-signal-input', imports: [], template: "<p>{{value()}}</p>" }]
848
- }], null, null); })();
849
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestComponentWithSignalInputComponent, { className: "TestComponentWithSignalInputComponent", filePath: "lib/test-component-with-signal-input/test-component-with-signal-input.component.ts", lineNumber: 9 }); })();
850
-
851
769
  class CaucaMaterialModule {
852
770
  static { this.ɵfac = function CaucaMaterialModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMaterialModule)(); }; }
853
771
  static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule }); }
@@ -887,9 +805,6 @@ class CaucaMaterialModule {
887
805
  MatInputModule,
888
806
  MatTabsModule,
889
807
  MatDialogModule,
890
- TestComponentWithClassicInputComponent,
891
- TestComponentWithModelSignalComponent,
892
- TestComponentWithSignalInputComponent,
893
808
  ],
894
809
  exports: [
895
810
  CaucaMaterialComponent,
@@ -899,9 +814,6 @@ class CaucaMaterialModule {
899
814
  CaucaMenuVerticalComponent,
900
815
  CaucaSimpleDialogComponent,
901
816
  CaucaSlideshowComponent,
902
- TestComponentWithClassicInputComponent,
903
- TestComponentWithModelSignalComponent,
904
- TestComponentWithSignalInputComponent,
905
817
  ],
906
818
  }]
907
819
  }], null, null); })();
@@ -921,19 +833,13 @@ class CaucaMaterialModule {
921
833
  MatIconModule,
922
834
  MatInputModule,
923
835
  MatTabsModule,
924
- MatDialogModule,
925
- TestComponentWithClassicInputComponent,
926
- TestComponentWithModelSignalComponent,
927
- TestComponentWithSignalInputComponent], exports: [CaucaMaterialComponent,
836
+ MatDialogModule], exports: [CaucaMaterialComponent,
928
837
  CaucaInputFileComponent,
929
838
  CaucaInputMultipleLangueComponent,
930
839
  CaucaMenuSidebarComponent,
931
840
  CaucaMenuVerticalComponent,
932
841
  CaucaSimpleDialogComponent,
933
- CaucaSlideshowComponent,
934
- TestComponentWithClassicInputComponent,
935
- TestComponentWithModelSignalComponent,
936
- TestComponentWithSignalInputComponent] }); })();
842
+ CaucaSlideshowComponent] }); })();
937
843
 
938
844
  class MobileTimePickerComponent {
939
845
  constructor() {
@@ -979,7 +885,7 @@ class MobileTimePickerComponent {
979
885
  } if (rf & 2) {
980
886
  i0.ɵɵadvance(4);
981
887
  i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
982
- } }, dependencies: [MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatFormFieldModule,
888
+ } }, dependencies: [MatButtonModule, i2.MatIconButton, MatIconModule, i2$1.MatIcon, MatFormFieldModule,
983
889
  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}"] }); }
984
890
  }
985
891
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
@@ -1028,7 +934,7 @@ class DesktopTimePickerComponent {
1028
934
  i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
1029
935
  i0.ɵɵadvance();
1030
936
  i0.ɵɵrepeater(ctx.options);
1031
- } }, 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)}"] }); }
937
+ } }, dependencies: [MatListModule, i1$2.MatList, i1$2.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)}"] }); }
1032
938
  }
1033
939
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
1034
940
  type: Component,
@@ -1168,9 +1074,7 @@ function DialogDateTimePickerComponent_mat_icon_12_Template(rf, ctx) { if (rf &
1168
1074
  i0.ɵɵelementEnd();
1169
1075
  } }
1170
1076
  class DialogDateTimePickerComponent {
1171
- constructor(dialogRef, options) {
1172
- this.dialogRef = dialogRef;
1173
- this.options = options;
1077
+ constructor() {
1174
1078
  this.selectedHour = 0;
1175
1079
  this.selectedMinute = 0;
1176
1080
  this.selectedSecond = 0;
@@ -1185,7 +1089,7 @@ class DialogDateTimePickerComponent {
1185
1089
  this.minutes = [...Array(60).keys()];
1186
1090
  this.seconds = [...Array(60).keys()];
1187
1091
  this.showMobileUi = false;
1188
- this.showTime = signal(true);
1092
+ this.showTime = signal(true, ...(ngDevMode ? [{ debugName: "showTime" }] : []));
1189
1093
  this.disabled = {
1190
1094
  hours: true,
1191
1095
  someHours: [],
@@ -1199,6 +1103,9 @@ class DialogDateTimePickerComponent {
1199
1103
  minutes: 1,
1200
1104
  seconds: 1,
1201
1105
  };
1106
+ this.dialogRef = inject(MatDialogRef);
1107
+ this.options = inject(MAT_DIALOG_DATA);
1108
+ const options = this.options;
1202
1109
  this.step = options.step || this.step;
1203
1110
  this.showSeconds = options.showSeconds;
1204
1111
  this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
@@ -1326,14 +1233,14 @@ class DialogDateTimePickerComponent {
1326
1233
  this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
1327
1234
  this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
1328
1235
  }
1329
- static { this.ɵfac = function DialogDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
1236
+ static { this.ɵfac = function DialogDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogDateTimePickerComponent)(); }; }
1330
1237
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
1331
- i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
1238
+ i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, i0.ɵɵresolveWindow);
1332
1239
  } }, features: [i0.ɵɵProvidersFeature([provideNativeDateAdapter()])], 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"], ["color", "primary", "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"], ["mat-stroked-button", "", 3, "click"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
1333
1240
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
1334
1241
  i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
1335
1242
  i0.ɵɵelementEnd()();
1336
- i0.ɵɵtemplate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
1243
+ i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
1337
1244
  i0.ɵɵelementEnd()();
1338
1245
  i0.ɵɵelementStart(5, "div", 4);
1339
1246
  i0.ɵɵtemplate(6, DialogDateTimePickerComponent_button_6_Template, 4, 4, "button", 5);
@@ -1366,9 +1273,10 @@ class DialogDateTimePickerComponent {
1366
1273
  i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
1367
1274
  i0.ɵɵadvance();
1368
1275
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 12, "material.ok"), " ");
1369
- } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, CaucaCoreForChildModule, i3.TranslatePipe, MatButtonModule, i4.MatButton, MatDatepickerModule, i5$2.MatCalendar, MatIconModule, i5.MatIcon, MatListModule,
1276
+ } }, dependencies: [CommonModule, i1$1.NgClass, i1$1.NgIf, CaucaCoreForChildModule,
1277
+ MatButtonModule, i2.MatButton, MatDatepickerModule, i3$1.MatCalendar, MatIconModule, i2$1.MatIcon, MatListModule,
1370
1278
  MobileTimePickerComponent,
1371
- 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}}"] }); }
1279
+ DesktopTimePickerComponent, i1.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}}"] }); }
1372
1280
  }
1373
1281
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
1374
1282
  type: Component,
@@ -1382,10 +1290,7 @@ class DialogDateTimePickerComponent {
1382
1290
  MobileTimePickerComponent,
1383
1291
  DesktopTimePickerComponent
1384
1292
  ], providers: [provideNativeDateAdapter()], 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 color=\"primary\" 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"] }]
1385
- }], () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
1386
- type: Inject,
1387
- args: [MAT_DIALOG_DATA]
1388
- }] }], { onResize: [{
1293
+ }], () => [], { onResize: [{
1389
1294
  type: HostListener,
1390
1295
  args: ['window:resize', ['$event']]
1391
1296
  }] }); })();
@@ -1399,13 +1304,10 @@ function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf &
1399
1304
  } if (rf & 2) {
1400
1305
  const ctx_r0 = i0.ɵɵnextContext();
1401
1306
  i0.ɵɵadvance();
1402
- i0.ɵɵtextInterpolate2("", ctx_r0.translateLabel ? i0.ɵɵpipeBind1(2, 2, ctx_r0.label) : ctx_r0.label, "", ctx_r0.isRequired ? "*" : "", "");
1307
+ i0.ɵɵtextInterpolate2("", ctx_r0.translateLabel ? i0.ɵɵpipeBind1(2, 2, ctx_r0.label) : ctx_r0.label, "", ctx_r0.isRequired ? "*" : "");
1403
1308
  } }
1404
1309
  class CaucaDateTimePickerComponent {
1405
- constructor(elementRef, dialog, datePipe) {
1406
- this.elementRef = elementRef;
1407
- this.dialog = dialog;
1408
- this.datePipe = datePipe;
1310
+ constructor() {
1409
1311
  this.subscriptSizing = 'fixed';
1410
1312
  this.showTime = true;
1411
1313
  this.label = '';
@@ -1422,6 +1324,9 @@ class CaucaDateTimePickerComponent {
1422
1324
  this.selectedChange = new EventEmitter();
1423
1325
  this.stringDate = '';
1424
1326
  this.injector = inject(Injector);
1327
+ this.elementRef = inject(ElementRef);
1328
+ this.dialog = inject(MatDialog);
1329
+ this.datePipe = inject(DatePipe);
1425
1330
  this.onChange = (value) => value;
1426
1331
  this.onTouched = () => { };
1427
1332
  }
@@ -1507,7 +1412,7 @@ class CaucaDateTimePickerComponent {
1507
1412
  bottom: `${bottom}px`,
1508
1413
  };
1509
1414
  }
1510
- static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.MatDialog), i0.ɵɵdirectiveInject(i2.DatePipe)); }; }
1415
+ static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaDateTimePickerComponent)(); }; }
1511
1416
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { subscriptSizing: "subscriptSizing", showTime: "showTime", label: "label", translateLabel: "translateLabel", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSecondes: "stepSecondes", minimumDate: "minimumDate", maximumDate: "maximumDate", showSeconds: "showSeconds", showFormat: "showFormat", showClearButton: "showClearButton", showButtonIcons: "showButtonIcons", value: "value" }, outputs: { selectedChange: "selectedChange" }, features: [i0.ɵɵProvidersFeature([
1512
1417
  DatePipe,
1513
1418
  {
@@ -1517,7 +1422,7 @@ class CaucaDateTimePickerComponent {
1517
1422
  }
1518
1423
  ])], decls: 6, vars: 3, consts: [[3, "subscriptSizing"], ["matInput", "", "readonly", "readonly", 3, "focusout", "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
1519
1424
  i0.ɵɵelementStart(0, "mat-form-field", 0);
1520
- i0.ɵɵtemplate(1, CaucaDateTimePickerComponent_Conditional_1_Template, 3, 4, "mat-label");
1425
+ i0.ɵɵconditionalCreate(1, CaucaDateTimePickerComponent_Conditional_1_Template, 3, 4, "mat-label");
1521
1426
  i0.ɵɵelementStart(2, "input", 1);
1522
1427
  i0.ɵɵlistener("focusout", function CaucaDateTimePickerComponent_Template_input_focusout_2_listener() { return ctx.onTouched(); });
1523
1428
  i0.ɵɵelementEnd();
@@ -1532,7 +1437,8 @@ class CaucaDateTimePickerComponent {
1532
1437
  i0.ɵɵconditional(ctx.label ? 1 : -1);
1533
1438
  i0.ɵɵadvance();
1534
1439
  i0.ɵɵproperty("value", ctx.stringDate);
1535
- } }, 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%}"] }); }
1440
+ } }, dependencies: [TranslateModule,
1441
+ MatButtonModule, i2.MatIconButton, MatIconModule, i2$1.MatIcon, MatInputModule, i4$1.MatInput, i4.MatFormField, i4.MatLabel, i4.MatSuffix, MatFormFieldModule, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
1536
1442
  }
1537
1443
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
1538
1444
  type: Component,
@@ -1550,7 +1456,7 @@ class CaucaDateTimePickerComponent {
1550
1456
  useExisting: forwardRef(() => CaucaDateTimePickerComponent),
1551
1457
  }
1552
1458
  ], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing\">\n @if (label) {\n <mat-label>{{ translateLabel ? (label | translate) : label }}{{isRequired ? '*' : ''}}</mat-label>\n }\n <input (focusout)=\"onTouched()\" 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"] }]
1553
- }], () => [{ type: i0.ElementRef }, { type: i1.MatDialog }, { type: i2.DatePipe }], { subscriptSizing: [{
1459
+ }], null, { subscriptSizing: [{
1554
1460
  type: Input
1555
1461
  }], showTime: [{
1556
1462
  type: Input
@@ -1583,6 +1489,700 @@ class CaucaDateTimePickerComponent {
1583
1489
  }] }); })();
1584
1490
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 33 }); })();
1585
1491
 
1492
+ class BaseButton {
1493
+ constructor() {
1494
+ this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
1495
+ this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
1496
+ this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
1497
+ this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
1498
+ this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
1499
+ this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
1500
+ this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
1501
+ this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
1502
+ this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
1503
+ this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
1504
+ this.buttonClick = output();
1505
+ this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
1506
+ }
1507
+ onMouseEnter() {
1508
+ this.isHovered.set(true);
1509
+ }
1510
+ onMouseLeave() {
1511
+ this.isHovered.set(false);
1512
+ }
1513
+ static { this.ɵfac = function BaseButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseButton)(); }; }
1514
+ static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
1515
+ }
1516
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
1517
+ type: Directive
1518
+ }], null, null); })();
1519
+ class BaseButtonWithLabel extends BaseButton {
1520
+ constructor() {
1521
+ super(...arguments);
1522
+ this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
1523
+ this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
1524
+ this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
1525
+ }
1526
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(__ngFactoryType__) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(__ngFactoryType__ || BaseButtonWithLabel); }; })(); }
1527
+ static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
1528
+ }
1529
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
1530
+ type: Directive
1531
+ }], null, null); })();
1532
+
1533
+ function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1534
+ i0.ɵɵelementStart(0, "mat-icon");
1535
+ i0.ɵɵtext(1);
1536
+ i0.ɵɵelementEnd();
1537
+ } if (rf & 2) {
1538
+ const ctx_r0 = i0.ɵɵnextContext();
1539
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1540
+ i0.ɵɵadvance();
1541
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1542
+ } }
1543
+ function BasicButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1544
+ i0.ɵɵtext(0);
1545
+ i0.ɵɵpipe(1, "translate");
1546
+ } if (rf & 2) {
1547
+ const ctx_r0 = i0.ɵɵnextContext();
1548
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1549
+ } }
1550
+ function BasicButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1551
+ i0.ɵɵtext(0);
1552
+ } if (rf & 2) {
1553
+ const ctx_r0 = i0.ɵɵnextContext();
1554
+ i0.ɵɵtextInterpolate(ctx_r0.label());
1555
+ } }
1556
+ function BasicButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1557
+ i0.ɵɵelementStart(0, "mat-icon");
1558
+ i0.ɵɵtext(1);
1559
+ i0.ɵɵelementEnd();
1560
+ } if (rf & 2) {
1561
+ const ctx_r0 = i0.ɵɵnextContext();
1562
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1563
+ i0.ɵɵadvance();
1564
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1565
+ } }
1566
+ class BasicButtonComponent extends BaseButtonWithLabel {
1567
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasicButtonComponent_BaseFactory; return function BasicButtonComponent_Factory(__ngFactoryType__) { return (ɵBasicButtonComponent_BaseFactory || (ɵBasicButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasicButtonComponent)))(__ngFactoryType__ || BasicButtonComponent); }; })(); }
1568
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["app-basic-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function BasicButtonComponent_Template(rf, ctx) { if (rf & 1) {
1569
+ i0.ɵɵelementStart(0, "button", 0);
1570
+ i0.ɵɵlistener("click", function BasicButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1571
+ i0.ɵɵconditionalCreate(1, BasicButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
1572
+ i0.ɵɵconditionalCreate(2, BasicButtonComponent_Conditional_2_Template, 2, 3)(3, BasicButtonComponent_Conditional_3_Template, 1, 1);
1573
+ i0.ɵɵconditionalCreate(4, BasicButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
1574
+ i0.ɵɵelementEnd();
1575
+ } if (rf & 2) {
1576
+ i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("color", ctx.color())("disabled", ctx.buttonDisabled());
1577
+ i0.ɵɵadvance();
1578
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1579
+ i0.ɵɵadvance();
1580
+ i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
1581
+ i0.ɵɵadvance(2);
1582
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
1583
+ } }, dependencies: [MatIcon, MatButton, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
1584
+ }
1585
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasicButtonComponent, [{
1586
+ type: Component,
1587
+ args: [{ selector: 'app-basic-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
1588
+ }], null, null); })();
1589
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib/buttons/basic-button/basic-button.component.ts", lineNumber: 16 }); })();
1590
+
1591
+ function FabButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1592
+ i0.ɵɵelementStart(0, "mat-icon");
1593
+ i0.ɵɵtext(1);
1594
+ i0.ɵɵelementEnd();
1595
+ } if (rf & 2) {
1596
+ const ctx_r0 = i0.ɵɵnextContext();
1597
+ i0.ɵɵstyleProp("color", ctx_r0.iconColor());
1598
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1599
+ i0.ɵɵadvance();
1600
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1601
+ } }
1602
+ class FabButtonComponent extends BaseButtonWithLabel {
1603
+ constructor() {
1604
+ super(...arguments);
1605
+ this.iconColor = computed(() => this.color() === 'primary' ? 'white' : undefined, ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
1606
+ }
1607
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFabButtonComponent_BaseFactory; return function FabButtonComponent_Factory(__ngFactoryType__) { return (ɵFabButtonComponent_BaseFactory || (ɵFabButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FabButtonComponent)))(__ngFactoryType__ || FabButtonComponent); }; })(); }
1608
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabButtonComponent, selectors: [["app-fab-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mat-fab", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "color", "button-spin"]], template: function FabButtonComponent_Template(rf, ctx) { if (rf & 1) {
1609
+ i0.ɵɵelementStart(0, "button", 0);
1610
+ i0.ɵɵlistener("click", function FabButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1611
+ i0.ɵɵconditionalCreate(1, FabButtonComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
1612
+ i0.ɵɵelementEnd();
1613
+ } if (rf & 2) {
1614
+ i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
1615
+ i0.ɵɵadvance();
1616
+ i0.ɵɵconditional(ctx.showIcon() ? 1 : -1);
1617
+ } }, dependencies: [MatButtonModule, i2.MatFabButton, MatIconModule, i2$1.MatIcon], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-mdc-fab[_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-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
1618
+ }
1619
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FabButtonComponent, [{
1620
+ type: Component,
1621
+ args: [{ selector: 'app-fab-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatIconModule], template: "<button mat-fab [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if (showIcon()) { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-mdc-fab{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
1622
+ }], null, null); })();
1623
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FabButtonComponent, { className: "FabButtonComponent", filePath: "lib/buttons/fab-button/fab-button.component.ts", lineNumber: 14 }); })();
1624
+
1625
+ function FlatButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1626
+ i0.ɵɵelementStart(0, "mat-icon");
1627
+ i0.ɵɵtext(1);
1628
+ i0.ɵɵelementEnd();
1629
+ } if (rf & 2) {
1630
+ const ctx_r0 = i0.ɵɵnextContext();
1631
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1632
+ i0.ɵɵadvance();
1633
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1634
+ } }
1635
+ function FlatButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1636
+ i0.ɵɵtext(0);
1637
+ i0.ɵɵpipe(1, "translate");
1638
+ } if (rf & 2) {
1639
+ const ctx_r0 = i0.ɵɵnextContext();
1640
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1641
+ } }
1642
+ function FlatButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1643
+ i0.ɵɵtext(0);
1644
+ } if (rf & 2) {
1645
+ const ctx_r0 = i0.ɵɵnextContext();
1646
+ i0.ɵɵtextInterpolate(ctx_r0.label());
1647
+ } }
1648
+ function FlatButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1649
+ i0.ɵɵelementStart(0, "mat-icon");
1650
+ i0.ɵɵtext(1);
1651
+ i0.ɵɵelementEnd();
1652
+ } if (rf & 2) {
1653
+ const ctx_r0 = i0.ɵɵnextContext();
1654
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1655
+ i0.ɵɵadvance();
1656
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1657
+ } }
1658
+ class FlatButtonComponent extends BaseButtonWithLabel {
1659
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFlatButtonComponent_BaseFactory; return function FlatButtonComponent_Factory(__ngFactoryType__) { return (ɵFlatButtonComponent_BaseFactory || (ɵFlatButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FlatButtonComponent)))(__ngFactoryType__ || FlatButtonComponent); }; })(); }
1660
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["app-flat-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-flat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function FlatButtonComponent_Template(rf, ctx) { if (rf & 1) {
1661
+ i0.ɵɵelementStart(0, "button", 0);
1662
+ i0.ɵɵlistener("click", function FlatButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1663
+ i0.ɵɵconditionalCreate(1, FlatButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
1664
+ i0.ɵɵconditionalCreate(2, FlatButtonComponent_Conditional_2_Template, 2, 3)(3, FlatButtonComponent_Conditional_3_Template, 1, 1);
1665
+ i0.ɵɵconditionalCreate(4, FlatButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
1666
+ i0.ɵɵelementEnd();
1667
+ } if (rf & 2) {
1668
+ i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("color", ctx.color())("disabled", ctx.buttonDisabled());
1669
+ i0.ɵɵadvance();
1670
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1671
+ i0.ɵɵadvance();
1672
+ i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
1673
+ i0.ɵɵadvance(2);
1674
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
1675
+ } }, dependencies: [MatIcon, MatButton, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
1676
+ }
1677
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlatButtonComponent, [{
1678
+ type: Component,
1679
+ args: [{ selector: 'app-flat-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-flat-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
1680
+ }], null, null); })();
1681
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib/buttons/flat-button/flat-button.component.ts", lineNumber: 16 }); })();
1682
+
1683
+ class IconButtonComponent extends BaseButton {
1684
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(__ngFactoryType__) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(__ngFactoryType__ || IconButtonComponent); }; })(); }
1685
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-icon-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
1686
+ i0.ɵɵelementStart(0, "button", 0);
1687
+ i0.ɵɵlistener("mouseenter", function IconButtonComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function IconButtonComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function IconButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1688
+ i0.ɵɵelementStart(1, "mat-icon");
1689
+ i0.ɵɵtext(2);
1690
+ i0.ɵɵelementEnd()();
1691
+ } if (rf & 2) {
1692
+ i0.ɵɵproperty("disabled", ctx.buttonDisabled());
1693
+ i0.ɵɵadvance();
1694
+ i0.ɵɵstyleProp("color", ctx.iconColor());
1695
+ i0.ɵɵclassProp("button-spin", ctx.isInProgress());
1696
+ i0.ɵɵadvance();
1697
+ i0.ɵɵtextInterpolate(ctx.iconToShow());
1698
+ } }, dependencies: [MatIconButton, MatIcon], styles: ["[_nghost-%COMP%]{display:flex}.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-icon[_ngcontent-%COMP%]{color:#006496}.mat-mdc-button-disabled[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{color:#12101461}"], changeDetection: 0 }); }
1699
+ }
1700
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconButtonComponent, [{
1701
+ type: Component,
1702
+ args: [{ selector: 'app-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [":host{display:flex}.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-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
1703
+ }], null, null); })();
1704
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib/buttons/icon-button/icon-button.component.ts", lineNumber: 14 }); })();
1705
+
1706
+ function ButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1707
+ i0.ɵɵelementStart(0, "mat-icon");
1708
+ i0.ɵɵtext(1);
1709
+ i0.ɵɵelementEnd();
1710
+ } if (rf & 2) {
1711
+ const ctx_r1 = i0.ɵɵnextContext(2);
1712
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1713
+ i0.ɵɵadvance();
1714
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1715
+ } }
1716
+ function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
1717
+ const _r1 = i0.ɵɵgetCurrentView();
1718
+ i0.ɵɵelementStart(0, "button", 6);
1719
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1720
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_0_Conditional_1_Template, 2, 3, "mat-icon", 7);
1721
+ i0.ɵɵelementStart(2, "span");
1722
+ i0.ɵɵtext(3);
1723
+ i0.ɵɵelementEnd()();
1724
+ } if (rf & 2) {
1725
+ const ctx_r1 = i0.ɵɵnextContext();
1726
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1727
+ i0.ɵɵadvance();
1728
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1729
+ i0.ɵɵadvance(2);
1730
+ i0.ɵɵtextInterpolate(ctx_r1.label);
1731
+ } }
1732
+ function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1733
+ i0.ɵɵelementStart(0, "mat-icon");
1734
+ i0.ɵɵtext(1);
1735
+ i0.ɵɵelementEnd();
1736
+ } if (rf & 2) {
1737
+ const ctx_r1 = i0.ɵɵnextContext(2);
1738
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1739
+ i0.ɵɵadvance();
1740
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1741
+ } }
1742
+ function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1743
+ const _r3 = i0.ɵɵgetCurrentView();
1744
+ i0.ɵɵelementStart(0, "button", 8);
1745
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1746
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Conditional_1_Template, 2, 3, "mat-icon", 7);
1747
+ i0.ɵɵelementStart(2, "span");
1748
+ i0.ɵɵtext(3);
1749
+ i0.ɵɵelementEnd()();
1750
+ } if (rf & 2) {
1751
+ const ctx_r1 = i0.ɵɵnextContext();
1752
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1753
+ i0.ɵɵadvance();
1754
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1755
+ i0.ɵɵadvance(2);
1756
+ i0.ɵɵtextInterpolate(ctx_r1.label);
1757
+ } }
1758
+ function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1759
+ i0.ɵɵelementStart(0, "mat-icon");
1760
+ i0.ɵɵtext(1);
1761
+ i0.ɵɵelementEnd();
1762
+ } if (rf & 2) {
1763
+ const ctx_r1 = i0.ɵɵnextContext(2);
1764
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1765
+ i0.ɵɵadvance();
1766
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1767
+ } }
1768
+ function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1769
+ const _r4 = i0.ɵɵgetCurrentView();
1770
+ i0.ɵɵelementStart(0, "button", 9);
1771
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1772
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_2_Conditional_1_Template, 2, 3, "mat-icon", 7);
1773
+ i0.ɵɵelementStart(2, "span");
1774
+ i0.ɵɵtext(3);
1775
+ i0.ɵɵelementEnd()();
1776
+ } if (rf & 2) {
1777
+ const ctx_r1 = i0.ɵɵnextContext();
1778
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1779
+ i0.ɵɵadvance();
1780
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1781
+ i0.ɵɵadvance(2);
1782
+ i0.ɵɵtextInterpolate(ctx_r1.label);
1783
+ } }
1784
+ function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1785
+ i0.ɵɵelementStart(0, "mat-icon");
1786
+ i0.ɵɵtext(1);
1787
+ i0.ɵɵelementEnd();
1788
+ } if (rf & 2) {
1789
+ const ctx_r1 = i0.ɵɵnextContext(2);
1790
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1791
+ i0.ɵɵadvance();
1792
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1793
+ } }
1794
+ function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1795
+ const _r5 = i0.ɵɵgetCurrentView();
1796
+ i0.ɵɵelementStart(0, "button", 10);
1797
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1798
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_3_Conditional_1_Template, 2, 3, "mat-icon", 7);
1799
+ i0.ɵɵelementStart(2, "span");
1800
+ i0.ɵɵtext(3);
1801
+ i0.ɵɵelementEnd()();
1802
+ } if (rf & 2) {
1803
+ const ctx_r1 = i0.ɵɵnextContext();
1804
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1805
+ i0.ɵɵadvance();
1806
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1807
+ i0.ɵɵadvance(2);
1808
+ i0.ɵɵtextInterpolate(ctx_r1.label);
1809
+ } }
1810
+ function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1811
+ i0.ɵɵelementStart(0, "mat-icon");
1812
+ i0.ɵɵtext(1);
1813
+ i0.ɵɵelementEnd();
1814
+ } if (rf & 2) {
1815
+ const ctx_r1 = i0.ɵɵnextContext(2);
1816
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1817
+ i0.ɵɵadvance();
1818
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1819
+ } }
1820
+ function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1821
+ const _r6 = i0.ɵɵgetCurrentView();
1822
+ i0.ɵɵelementStart(0, "button", 11);
1823
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1824
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_4_Conditional_1_Template, 2, 3, "mat-icon", 7);
1825
+ i0.ɵɵelementEnd();
1826
+ } if (rf & 2) {
1827
+ const ctx_r1 = i0.ɵɵnextContext();
1828
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1829
+ i0.ɵɵadvance();
1830
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1831
+ } }
1832
+ function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1833
+ i0.ɵɵelementStart(0, "mat-icon");
1834
+ i0.ɵɵtext(1);
1835
+ i0.ɵɵelementEnd();
1836
+ } if (rf & 2) {
1837
+ const ctx_r1 = i0.ɵɵnextContext(2);
1838
+ i0.ɵɵclassProp("button-spin", ctx_r1.inProgress);
1839
+ i0.ɵɵadvance();
1840
+ i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
1841
+ } }
1842
+ function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
1843
+ const _r7 = i0.ɵɵgetCurrentView();
1844
+ i0.ɵɵelementStart(0, "button", 12);
1845
+ i0.ɵɵlistener("click", function ButtonComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
1846
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_5_Conditional_1_Template, 2, 3, "mat-icon", 7);
1847
+ i0.ɵɵelementStart(2, "span");
1848
+ i0.ɵɵtext(3);
1849
+ i0.ɵɵelementEnd()();
1850
+ } if (rf & 2) {
1851
+ const ctx_r1 = i0.ɵɵnextContext();
1852
+ i0.ɵɵproperty("ngClass", ctx_r1.class)("disabled", ctx_r1.disable || ctx_r1.inProgress)("color", ctx_r1.color);
1853
+ i0.ɵɵadvance();
1854
+ i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
1855
+ i0.ɵɵadvance(2);
1856
+ i0.ɵɵtextInterpolate(ctx_r1.label);
1857
+ } }
1858
+ class ButtonComponent {
1859
+ constructor() {
1860
+ this.class = null;
1861
+ this.inProgress = false;
1862
+ this.disable = false;
1863
+ this.label = '';
1864
+ this.icon = null;
1865
+ this.color = '';
1866
+ this.type = 'basic';
1867
+ this.buttonClick = new EventEmitter();
1868
+ }
1869
+ static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
1870
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["app-button"]], inputs: { class: "class", inProgress: "inProgress", disable: "disable", label: "label", icon: "icon", color: "color", type: "type" }, outputs: { buttonClick: "buttonClick" }, decls: 6, vars: 6, consts: [["mat-button", "", 1, "button-basic", 3, "ngClass", "disabled", "color"], ["matButton", "elevated", 1, "button-raised", 3, "ngClass", "disabled", "color"], ["matButton", "outlined", 1, "button-stroked", 3, "ngClass", "disabled", "color"], ["matButton", "filled", 1, "button-flat", 3, "ngClass", "disabled", "color"], ["matIconButton", "", 1, "button-icon", 3, "ngClass", "disabled", "color"], ["matFab", "", 1, "button-icon", 3, "ngClass", "disabled", "color"], ["mat-button", "", 1, "button-basic", 3, "click", "ngClass", "disabled", "color"], [3, "button-spin"], ["matButton", "elevated", 1, "button-raised", 3, "click", "ngClass", "disabled", "color"], ["matButton", "outlined", 1, "button-stroked", 3, "click", "ngClass", "disabled", "color"], ["matButton", "filled", 1, "button-flat", 3, "click", "ngClass", "disabled", "color"], ["matIconButton", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"], ["matFab", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
1871
+ i0.ɵɵconditionalCreate(0, ButtonComponent_Conditional_0_Template, 4, 5, "button", 0);
1872
+ i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Template, 4, 5, "button", 1);
1873
+ i0.ɵɵconditionalCreate(2, ButtonComponent_Conditional_2_Template, 4, 5, "button", 2);
1874
+ i0.ɵɵconditionalCreate(3, ButtonComponent_Conditional_3_Template, 4, 5, "button", 3);
1875
+ i0.ɵɵconditionalCreate(4, ButtonComponent_Conditional_4_Template, 2, 4, "button", 4);
1876
+ i0.ɵɵconditionalCreate(5, ButtonComponent_Conditional_5_Template, 4, 5, "button", 5);
1877
+ } if (rf & 2) {
1878
+ i0.ɵɵconditional(ctx.type === "basic" ? 0 : -1);
1879
+ i0.ɵɵadvance();
1880
+ i0.ɵɵconditional(ctx.type === "raised" ? 1 : -1);
1881
+ i0.ɵɵadvance();
1882
+ i0.ɵɵconditional(ctx.type === "stroked" ? 2 : -1);
1883
+ i0.ɵɵadvance();
1884
+ i0.ɵɵconditional(ctx.type === "flat" ? 3 : -1);
1885
+ i0.ɵɵadvance();
1886
+ i0.ɵɵconditional(ctx.type === "icon" ? 4 : -1);
1887
+ i0.ɵɵadvance();
1888
+ i0.ɵɵconditional(ctx.type === "fab" ? 5 : -1);
1889
+ } }, dependencies: [MatIconModule, i2$1.MatIcon, MatButtonModule, i2.MatButton, i2.MatIconButton, i2.MatFabButton, NgClass], styles: ["@keyframes _ngcontent-%COMP%_spinner{to{transform:rotate(360deg)}}.button-spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinner 1s linear infinite}"] }); }
1890
+ }
1891
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
1892
+ type: Component,
1893
+ args: [{ selector: 'app-button', imports: [MatIconModule, MatButtonModule, NgClass], template: "@if (type === 'basic') {\n <button [ngClass]=\"class\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-basic\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n <span>{{label}}</span>\n </button>\n}\n\n@if (type === 'raised') {\n <button [ngClass]=\"class\" matButton=\"elevated\" (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-raised\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n <span>{{label}}</span>\n </button>\n}\n\n@if (type === 'stroked') {\n <button [ngClass]=\"class\" matButton=\"outlined\" (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-stroked\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n <span>{{label}}</span>\n </button>\n}\n\n@if (type === 'flat') {\n <button [ngClass]=\"class\" matButton=\"filled\" (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-flat\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n <span>{{label}}</span>\n </button>\n}\n\n@if (type === 'icon') {\n <button [ngClass]=\"class\" matIconButton (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-icon\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n </button>\n}\n\n@if (type === 'fab') {\n <button [ngClass]=\"class\" matFab (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-icon\">\n @if (inProgress || icon) {\n <mat-icon [class.button-spin]=\"inProgress\">{{ inProgress ? 'update' : icon }}</mat-icon>\n }\n <span>{{label}}</span>\n </button>\n}", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}.button-spin{animation:spinner 1s linear infinite}\n"] }]
1894
+ }], null, { class: [{
1895
+ type: Input
1896
+ }], inProgress: [{
1897
+ type: Input
1898
+ }], disable: [{
1899
+ type: Input
1900
+ }], label: [{
1901
+ type: Input
1902
+ }], icon: [{
1903
+ type: Input
1904
+ }], color: [{
1905
+ type: Input
1906
+ }], type: [{
1907
+ type: Input
1908
+ }], buttonClick: [{
1909
+ type: Output
1910
+ }] }); })();
1911
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/button/button.component.ts", lineNumber: 12 }); })();
1912
+
1913
+ class LinkButtonComponent {
1914
+ constructor(clipboard) {
1915
+ this.clipboard = clipboard;
1916
+ this.segments = input(...(ngDevMode ? [undefined, { debugName: "segments" }] : []));
1917
+ }
1918
+ copyLink() {
1919
+ const link = location.origin + this.segments().map((segment) => `/${segment}`).join('');
1920
+ this.clipboard.copy(link);
1921
+ }
1922
+ static { this.ɵfac = function LinkButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LinkButtonComponent)(i0.ɵɵdirectiveInject(i1$3.Clipboard)); }; }
1923
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LinkButtonComponent, selectors: [["app-link-button"]], inputs: { segments: [1, "segments"] }, decls: 2, vars: 3, consts: [["icon", "link", "type", "stroked", "color", "primary", 1, "link-button", 3, "buttonClick", "label"]], template: function LinkButtonComponent_Template(rf, ctx) { if (rf & 1) {
1924
+ i0.ɵɵelementStart(0, "app-button", 0);
1925
+ i0.ɵɵpipe(1, "translate");
1926
+ i0.ɵɵlistener("buttonClick", function LinkButtonComponent_Template_app_button_buttonClick_0_listener() { return ctx.copyLink(); });
1927
+ i0.ɵɵelementEnd();
1928
+ } if (rf & 2) {
1929
+ i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 1, "copyLink"));
1930
+ } }, dependencies: [ButtonComponent, TranslatePipe], styles: [".link-button[_ngcontent-%COMP%]{text-decoration:dashed}"], changeDetection: 0 }); }
1931
+ }
1932
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
1933
+ type: Component,
1934
+ args: [{ selector: 'app-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<app-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
1935
+ }], () => [{ type: i1$3.Clipboard }], null); })();
1936
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
1937
+
1938
+ function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
1939
+ i0.ɵɵelementStart(0, "mat-icon");
1940
+ i0.ɵɵtext(1);
1941
+ i0.ɵɵelementEnd();
1942
+ } if (rf & 2) {
1943
+ const ctx_r0 = i0.ɵɵnextContext();
1944
+ i0.ɵɵstyleProp("color", ctx_r0.iconColor());
1945
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1946
+ i0.ɵɵadvance();
1947
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1948
+ } }
1949
+ function MenuItemComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
1950
+ i0.ɵɵtext(0);
1951
+ i0.ɵɵpipe(1, "translate");
1952
+ } if (rf & 2) {
1953
+ const ctx_r0 = i0.ɵɵnextContext();
1954
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
1955
+ } }
1956
+ function MenuItemComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
1957
+ i0.ɵɵtext(0);
1958
+ } if (rf & 2) {
1959
+ const ctx_r0 = i0.ɵɵnextContext();
1960
+ i0.ɵɵtextInterpolate(ctx_r0.label());
1961
+ } }
1962
+ function MenuItemComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
1963
+ i0.ɵɵelementStart(0, "mat-icon");
1964
+ i0.ɵɵtext(1);
1965
+ i0.ɵɵelementEnd();
1966
+ } if (rf & 2) {
1967
+ const ctx_r0 = i0.ɵɵnextContext();
1968
+ i0.ɵɵstyleProp("color", ctx_r0.iconColor());
1969
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
1970
+ i0.ɵɵadvance();
1971
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
1972
+ } }
1973
+ class MenuItemComponent extends BaseButtonWithLabel {
1974
+ constructor() {
1975
+ super(...arguments);
1976
+ this.translateLabel = input(false, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
1977
+ this.trigger = input(...(ngDevMode ? [undefined, { debugName: "trigger" }] : []));
1978
+ }
1979
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(__ngFactoryType__) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(__ngFactoryType__ || MenuItemComponent); }; })(); }
1980
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["app-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"] }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-menu-item", "", 1, "change-password-menu-item", 3, "mouseenter", "mouseleave", "click", "ngClass", "matMenuTriggerFor", "disabled"], [3, "color", "button-spin"]], template: function MenuItemComponent_Template(rf, ctx) { if (rf & 1) {
1981
+ i0.ɵɵelementStart(0, "button", 0);
1982
+ i0.ɵɵlistener("mouseenter", function MenuItemComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function MenuItemComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
1983
+ i0.ɵɵconditionalCreate(1, MenuItemComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
1984
+ i0.ɵɵconditionalCreate(2, MenuItemComponent_Conditional_2_Template, 2, 3)(3, MenuItemComponent_Conditional_3_Template, 1, 1);
1985
+ i0.ɵɵconditionalCreate(4, MenuItemComponent_Conditional_4_Template, 2, 5, "mat-icon", 1);
1986
+ i0.ɵɵelementEnd();
1987
+ } if (rf & 2) {
1988
+ i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("matMenuTriggerFor", ctx.trigger())("disabled", ctx.buttonDisabled());
1989
+ i0.ɵɵadvance();
1990
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
1991
+ i0.ɵɵadvance();
1992
+ i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
1993
+ i0.ɵɵadvance(2);
1994
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
1995
+ } }, dependencies: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger, NgClass, i1.TranslatePipe], styles: [".mat-mdc-menu-item[_ngcontent-%COMP%] .mat-icon-no-color[_ngcontent-%COMP%]{color:#0000008f}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
1996
+ }
1997
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
1998
+ type: Component,
1999
+ args: [{ selector: 'app-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger, NgClass], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-menu-item [ngClass]=\"small() ? 'small-button' : ''\" class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n @if(showIcon() && iconAlignment() === 'left') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n @if(showIcon() && iconAlignment() === 'right') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>\r\n", styles: [".mat-mdc-menu-item .mat-icon-no-color{color:#0000008f}mat-icon{color:inherit}\n"] }]
2000
+ }], null, null); })();
2001
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
2002
+
2003
+ function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
2004
+ i0.ɵɵelementStart(0, "mat-icon");
2005
+ i0.ɵɵtext(1);
2006
+ i0.ɵɵelementEnd();
2007
+ } if (rf & 2) {
2008
+ const ctx_r0 = i0.ɵɵnextContext();
2009
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
2010
+ i0.ɵɵadvance();
2011
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
2012
+ } }
2013
+ function RaisedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
2014
+ i0.ɵɵtext(0);
2015
+ i0.ɵɵpipe(1, "translate");
2016
+ } if (rf & 2) {
2017
+ const ctx_r0 = i0.ɵɵnextContext();
2018
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
2019
+ } }
2020
+ function RaisedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
2021
+ i0.ɵɵtext(0);
2022
+ } if (rf & 2) {
2023
+ const ctx_r0 = i0.ɵɵnextContext();
2024
+ i0.ɵɵtextInterpolate(ctx_r0.label());
2025
+ } }
2026
+ function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
2027
+ i0.ɵɵelementStart(0, "mat-icon");
2028
+ i0.ɵɵtext(1);
2029
+ i0.ɵɵelementEnd();
2030
+ } if (rf & 2) {
2031
+ const ctx_r0 = i0.ɵɵnextContext();
2032
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
2033
+ i0.ɵɵadvance();
2034
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
2035
+ } }
2036
+ class RaisedButtonComponent extends BaseButtonWithLabel {
2037
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRaisedButtonComponent_BaseFactory; return function RaisedButtonComponent_Factory(__ngFactoryType__) { return (ɵRaisedButtonComponent_BaseFactory || (ɵRaisedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RaisedButtonComponent)))(__ngFactoryType__ || RaisedButtonComponent); }; })(); }
2038
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
2039
+ i0.ɵɵelementStart(0, "button", 0);
2040
+ i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
2041
+ i0.ɵɵconditionalCreate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
2042
+ i0.ɵɵconditionalCreate(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1);
2043
+ i0.ɵɵconditionalCreate(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
2044
+ i0.ɵɵelementEnd();
2045
+ } if (rf & 2) {
2046
+ i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("color", ctx.color())("disabled", ctx.buttonDisabled());
2047
+ i0.ɵɵadvance();
2048
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
2049
+ i0.ɵɵadvance();
2050
+ i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
2051
+ i0.ɵɵadvance(2);
2052
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
2053
+ } }, dependencies: [MatButton, MatIconModule, i2$1.MatIcon, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
2054
+ }
2055
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
2056
+ type: Component,
2057
+ args: [{ selector: 'app-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-raised-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
2058
+ }], null, null); })();
2059
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib/buttons/raised-button/raised-button.component.ts", lineNumber: 16 }); })();
2060
+
2061
+ class RefreshButtonComponent {
2062
+ constructor() {
2063
+ this.inProgress = false;
2064
+ this.refreshEvent = new EventEmitter();
2065
+ }
2066
+ refresh() {
2067
+ this.refreshEvent.emit();
2068
+ }
2069
+ static { this.ɵfac = function RefreshButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RefreshButtonComponent)(); }; }
2070
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RefreshButtonComponent, selectors: [["app-refresh-button"]], inputs: { inProgress: "inProgress" }, outputs: { refreshEvent: "refreshEvent" }, decls: 2, vars: 3, consts: [["icon", "refresh", "type", "stroked", "color", "primary", 1, "refresh-button", 3, "buttonClick", "label"]], template: function RefreshButtonComponent_Template(rf, ctx) { if (rf & 1) {
2071
+ i0.ɵɵelementStart(0, "app-button", 0);
2072
+ i0.ɵɵpipe(1, "translate");
2073
+ i0.ɵɵlistener("buttonClick", function RefreshButtonComponent_Template_app_button_buttonClick_0_listener() { return ctx.refresh(); });
2074
+ i0.ɵɵelementEnd();
2075
+ } if (rf & 2) {
2076
+ i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 1, "refresh"));
2077
+ } }, dependencies: [ButtonComponent, TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
2078
+ }
2079
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefreshButtonComponent, [{
2080
+ type: Component,
2081
+ args: [{ selector: 'app-refresh-button', imports: [ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-button class=\"refresh-button\" icon=\"refresh\" type=\"stroked\" color=\"primary\" (buttonClick)=\"refresh()\" [label]=\"'refresh' | translate\" />" }]
2082
+ }], null, { inProgress: [{
2083
+ type: Input
2084
+ }], refreshEvent: [{
2085
+ type: Output
2086
+ }] }); })();
2087
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RefreshButtonComponent, { className: "RefreshButtonComponent", filePath: "lib/buttons/refresh-button/refresh-button.component.ts", lineNumber: 12 }); })();
2088
+
2089
+ function RoundButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
2090
+ i0.ɵɵtext(0);
2091
+ i0.ɵɵpipe(1, "translate");
2092
+ } if (rf & 2) {
2093
+ const ctx_r0 = i0.ɵɵnextContext();
2094
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
2095
+ } }
2096
+ function RoundButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
2097
+ i0.ɵɵtext(0);
2098
+ } if (rf & 2) {
2099
+ const ctx_r0 = i0.ɵɵnextContext();
2100
+ i0.ɵɵtextInterpolate(ctx_r0.label());
2101
+ } }
2102
+ class RoundButtonComponent extends BaseButtonWithLabel {
2103
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRoundButtonComponent_BaseFactory; return function RoundButtonComponent_Factory(__ngFactoryType__) { return (ɵRoundButtonComponent_BaseFactory || (ɵRoundButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoundButtonComponent)))(__ngFactoryType__ || RoundButtonComponent); }; })(); }
2104
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoundButtonComponent, selectors: [["app-round-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function RoundButtonComponent_Template(rf, ctx) { if (rf & 1) {
2105
+ i0.ɵɵdomElementStart(0, "button", 0);
2106
+ i0.ɵɵdomListener("mouseenter", function RoundButtonComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function RoundButtonComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function RoundButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
2107
+ i0.ɵɵconditionalCreate(1, RoundButtonComponent_Conditional_1_Template, 2, 3)(2, RoundButtonComponent_Conditional_2_Template, 1, 1);
2108
+ i0.ɵɵdomElementEnd();
2109
+ } if (rf & 2) {
2110
+ i0.ɵɵdomProperty("disabled", ctx.buttonDisabled());
2111
+ i0.ɵɵadvance();
2112
+ i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
2113
+ } }, dependencies: [TranslateModule, i1.TranslatePipe], styles: ["button[_ngcontent-%COMP%]{border-radius:100px;background-color:inherit;outline:none;border-width:0px;height:40px;width:40px;cursor:pointer}[_nghost-%COMP%]{display:flex}.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-icon[_ngcontent-%COMP%]{color:#006496}.mat-mdc-button-disabled[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%]{color:#12101461}"], changeDetection: 0 }); }
2114
+ }
2115
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoundButtonComponent, [{
2116
+ type: Component,
2117
+ args: [{ selector: 'app-round-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n</button>", styles: ["button{border-radius:100px;background-color:inherit;outline:none;border-width:0px;height:40px;width:40px;cursor:pointer}:host{display:flex}.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-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
2118
+ }], null, null); })();
2119
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoundButtonComponent, { className: "RoundButtonComponent", filePath: "lib/buttons/round-button/round-button.component.ts", lineNumber: 13 }); })();
2120
+
2121
+ function StrokedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
2122
+ i0.ɵɵelementStart(0, "mat-icon");
2123
+ i0.ɵɵtext(1);
2124
+ i0.ɵɵelementEnd();
2125
+ } if (rf & 2) {
2126
+ const ctx_r0 = i0.ɵɵnextContext();
2127
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
2128
+ i0.ɵɵadvance();
2129
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
2130
+ } }
2131
+ function StrokedButtonComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
2132
+ i0.ɵɵtext(0);
2133
+ i0.ɵɵpipe(1, "translate");
2134
+ } if (rf & 2) {
2135
+ const ctx_r0 = i0.ɵɵnextContext(2);
2136
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
2137
+ } }
2138
+ function StrokedButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
2139
+ i0.ɵɵtext(0);
2140
+ } if (rf & 2) {
2141
+ const ctx_r0 = i0.ɵɵnextContext(2);
2142
+ i0.ɵɵtextInterpolate(ctx_r0.label());
2143
+ } }
2144
+ function StrokedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
2145
+ i0.ɵɵconditionalCreate(0, StrokedButtonComponent_Conditional_2_Conditional_0_Template, 2, 3)(1, StrokedButtonComponent_Conditional_2_Conditional_1_Template, 1, 1);
2146
+ } if (rf & 2) {
2147
+ const ctx_r0 = i0.ɵɵnextContext();
2148
+ i0.ɵɵconditional(ctx_r0.translateLabel() ? 0 : 1);
2149
+ } }
2150
+ function StrokedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
2151
+ i0.ɵɵelementStart(0, "mat-icon");
2152
+ i0.ɵɵtext(1);
2153
+ i0.ɵɵelementEnd();
2154
+ } if (rf & 2) {
2155
+ const ctx_r0 = i0.ɵɵnextContext();
2156
+ i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
2157
+ i0.ɵɵadvance();
2158
+ i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
2159
+ } }
2160
+ class StrokedButtonComponent extends BaseButtonWithLabel {
2161
+ static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStrokedButtonComponent_BaseFactory; return function StrokedButtonComponent_Factory(__ngFactoryType__) { return (ɵStrokedButtonComponent_BaseFactory || (ɵStrokedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StrokedButtonComponent)))(__ngFactoryType__ || StrokedButtonComponent); }; })(); }
2162
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["app-stroked-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 8, consts: [["mat-stroked-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function StrokedButtonComponent_Template(rf, ctx) { if (rf & 1) {
2163
+ i0.ɵɵelementStart(0, "button", 0);
2164
+ i0.ɵɵlistener("click", function StrokedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
2165
+ i0.ɵɵconditionalCreate(1, StrokedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
2166
+ i0.ɵɵconditionalCreate(2, StrokedButtonComponent_Conditional_2_Template, 2, 1);
2167
+ i0.ɵɵconditionalCreate(3, StrokedButtonComponent_Conditional_3_Template, 2, 3, "mat-icon", 1);
2168
+ i0.ɵɵelementEnd();
2169
+ } if (rf & 2) {
2170
+ i0.ɵɵclassProp("icon-only", !ctx.label());
2171
+ i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("color", ctx.color())("disabled", ctx.buttonDisabled());
2172
+ i0.ɵɵadvance();
2173
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
2174
+ i0.ɵɵadvance();
2175
+ i0.ɵɵconditional(ctx.label() ? 2 : -1);
2176
+ i0.ɵɵadvance();
2177
+ i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 3 : -1);
2178
+ } }, dependencies: [MatButton, MatIconModule, i2$1.MatIcon, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
2179
+ }
2180
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
2181
+ type: Component,
2182
+ args: [{ selector: 'app-stroked-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-stroked-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
2183
+ }], null, null); })();
2184
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib/buttons/stroked-button/stroked-button.component.ts", lineNumber: 16 }); })();
2185
+
1586
2186
  class MenuItem {
1587
2187
  constructor(label, path, icon = '') {
1588
2188
  this.label = label;
@@ -1600,5 +2200,5 @@ class MenuItem {
1600
2200
  * Generated bundle index. Do not edit.
1601
2201
  */
1602
2202
 
1603
- export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem, TestComponentWithClassicInputComponent, TestComponentWithModelSignalComponent, TestComponentWithSignalInputComponent };
2203
+ export { BasicButtonComponent, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, FabButtonComponent, FlatButtonComponent, IconButtonComponent, LinkButtonComponent, MenuItem, MenuItemComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, StrokedButtonComponent };
1604
2204
  //# sourceMappingURL=cauca-911-material.mjs.map