@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.
- package/assets/i18n/cauca/en-material.json +2 -1
- package/assets/i18n/cauca/es-material.json +2 -1
- package/assets/i18n/cauca/fr-material.json +2 -1
- package/fesm2022/cauca-911-material.mjs +776 -176
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/index.d.ts +279 -6
- package/package.json +8 -8
- package/cauca-911-material.d.ts.map +0 -1
- package/lib/cauca-date-time-picker/cauca-date-time-picker.component.d.ts +0 -45
- package/lib/cauca-date-time-picker/cauca-date-time-picker.component.d.ts.map +0 -1
- package/lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.d.ts +0 -15
- package/lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.d.ts.map +0 -1
- package/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts +0 -46
- package/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts.map +0 -1
- package/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.d.ts +0 -12
- package/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.d.ts.map +0 -1
- package/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.d.ts +0 -27
- package/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.d.ts.map +0 -1
- package/lib/cauca-input-file/cauca-input-file.component.d.ts +0 -24
- package/lib/cauca-input-file/cauca-input-file.component.d.ts.map +0 -1
- package/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.d.ts +0 -20
- package/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.d.ts.map +0 -1
- package/lib/cauca-material.component.d.ts +0 -6
- package/lib/cauca-material.component.d.ts.map +0 -1
- package/lib/cauca-material.module.d.ts +0 -27
- package/lib/cauca-material.module.d.ts.map +0 -1
- package/lib/cauca-material.service.d.ts +0 -6
- package/lib/cauca-material.service.d.ts.map +0 -1
- package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts +0 -23
- package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts.map +0 -1
- package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts +0 -15
- package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts.map +0 -1
- package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts +0 -12
- package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts.map +0 -1
- package/lib/cauca-slideshow/cauca-slideshow.component.d.ts +0 -21
- package/lib/cauca-slideshow/cauca-slideshow.component.d.ts.map +0 -1
- package/lib/shared/models/menu-item.d.ts +0 -9
- package/lib/shared/models/menu-item.d.ts.map +0 -1
- package/lib/shared/models/simple-dialog-data.d.ts +0 -6
- package/lib/shared/models/simple-dialog-data.d.ts.map +0 -1
- package/lib/test-component-with-classic-input/test-component-with-classic-input.component.d.ts +0 -10
- package/lib/test-component-with-classic-input/test-component-with-classic-input.component.d.ts.map +0 -1
- package/lib/test-component-with-model-signal/test-component-with-model-signal.component.d.ts +0 -8
- package/lib/test-component-with-model-signal/test-component-with-model-signal.component.d.ts.map +0 -1
- package/lib/test-component-with-signal-input/test-component-with-signal-input.component.d.ts +0 -9
- package/lib/test-component-with-signal-input/test-component-with-signal-input.component.d.ts.map +0 -1
- package/public-api.d.ts +0 -15
- package/public-api.d.ts.map +0 -1
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component,
|
|
3
|
-
import * as
|
|
4
|
-
import { TranslateModule } from '@ngx-translate/core';
|
|
5
|
-
import * as
|
|
6
|
-
import { CommonModule, DatePipe } from '@angular/common';
|
|
7
|
-
import * as
|
|
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
|
|
10
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
11
|
-
import * as
|
|
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
|
|
14
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
15
|
-
import * as
|
|
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
|
|
17
|
+
import * as i5 from '@angular/material/tabs';
|
|
18
18
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i2$3 from '@fortawesome/angular-fontawesome';
|
|
20
20
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import {
|
|
25
|
-
import
|
|
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
|
|
27
|
+
import * as i3$1 from '@angular/material/datepicker';
|
|
30
28
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
31
|
-
import * as i1$
|
|
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: [
|
|
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(
|
|
91
|
-
this.
|
|
92
|
-
this.
|
|
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)(
|
|
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: [
|
|
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
|
-
}],
|
|
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(
|
|
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)(
|
|
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: [
|
|
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
|
-
}],
|
|
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(
|
|
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)(
|
|
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: [
|
|
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
|
-
}], () => [
|
|
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(
|
|
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)(
|
|
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: [
|
|
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\">•</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
|
-
}], () => [
|
|
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(
|
|
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)(
|
|
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); },
|
|
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: [
|
|
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
|
-
}], () => [
|
|
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: [
|
|
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,
|
|
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$
|
|
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(
|
|
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)(
|
|
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); },
|
|
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.ɵɵ
|
|
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,
|
|
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
|
-
}], () => [
|
|
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(
|
|
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)(
|
|
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.ɵɵ
|
|
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,
|
|
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
|
-
}],
|
|
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,
|
|
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
|